@logwire/logwire-wms-pda-ui 1.1.17 → 1.2.0

package/src/components/page/outbound/pick/components/skuLocationInfo/index.vue

@@ -1,208 +1,209 @@
-<!--
-  出库拣选 - 零件及库位信息展示
-  @author: 张文
-  @date: 2022-06-17
--->
-<template>
-  <div>
-
-    <!-- 商品信息、状态、尺寸 -->
-    <div
-      class="lw-global-row"
-      style="padding: 0 0 5px 0;margin-bottom: 5px"
-    >
-
-      <div class="lw-global-flex-between">
-        <div
-          class="lw-global-value-bold"
-          style="flex: 1"
-        >{{ item.skuCode }}</div>
-
-        <div style="flex-shrink: 0">
-
-          <!-- 尺寸 -->
-          <lw-tag
-            plain
-            round
-          >{{ item.skuSizeLabel || '-' }}</lw-tag>
-
-          <!-- 拣选状态 -->
-          <lw-tag
-            plain
-            round
-            :type="pickStatus.type"
-          >{{ pickStatus.msg }}</lw-tag>
-        </div>
-      </div>
-
-
-      <div class="lw-global-title">{{ item.skuName }}</div>
-    </div>
-
-    <!-- 拣选库位 及计划量 或最小销售数 -->
-    <div
-      :class="[
-        'lw-global-flex-between',
-        waitPick ? 'lw-global-row' : ''
-      ]"
-    >
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','拣选库位')"
-        :value="item.fromLocationCode"
-        val-bold
-        :is-row="false"
-      />
-
-      <lw-title-value-cell
-        v-if="waitPick"
-        :title="item.uomLabel.top"
-        :value="item.uomQty"
-        val-bold
-        val-red
-        :is-row="false"
-      />
-      <lw-title-value-cell
-        v-else
-        :title="$lwLanguage.get('','已拣选/计划')"
-        :value="item.pickQty + ' / ' + item.totalQty"
-        val-bold
-        val-red
-        :is-row="false"
-      />
-    </div>
-
-    <!-- 数据看板 -->
-    <div
-      v-if="waitPick"
-      class="lw-global-flex-around"
-      style="margin-top: 10px"
-    >
-
-      <!-- 最小单位数 -->
-      <div style="text-align: center">
-        <div
-          class="lw-global-value-bold"
-          style="font-size: 16px"
-        >{{ topNum }}</div>
-        <div class="lw-global-title">{{ item.uomLabel.table }}</div>
-      </div>
-
-      <!-- 总量 -->
-      <div style="text-align: center">
-        <div
-          class="lw-global-value-bold"
-          style="font-size: 16px"
-        >{{ item.pickQty }} / {{ item.totalQty }}</div>
-        <div class="lw-global-title">
-          {{ $lwLanguage.get('','总量') }}
-        </div>
-      </div>
-
-      <!-- 待拣量 -->
-      <div style="text-align: center">
-        <div
-          class="lw-global-value-bold-red"
-          style="font-size: 16px"
-        >{{ waitQty }}</div>
-        <div class="lw-global-title">
-          {{ $lwLanguage.get('','待拣量') }}
-        </div>
-      </div>
-
-    </div>
-
-    <!-- 批次数据 -->
-    <div
-      v-if="item.pickStatus !== '300'"
-      :style="{
-        border:item.groupFieldList.length ? 'solid 1px #f0f0f0' : '',
-        borderBottom: 'solid 1px #f0f0f0',
-        borderRadius: '5px',
-        marginTop: '5px'
-      }"
-    >
-      <lw-lot-look-module
-        :columns="item.groupFieldList"
-        title-key="title"
-        value-key="value"
-        hidden-last-border
-      />
-    </div>
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "index",
-  props:{
-    // 当前商品数据
-    item: Object,
-
-    // 显示最小销售量
-    waitPick: Boolean
-  },
-  computed:{
-    // 徽标
-    pickStatus() {
-      switch (this.item.pickStatus) {
-        case '100':
-          return {
-            type: 'danger',
-            msg: this.$lwLanguage.get('', '未拣选')
-          }
-        case '200':
-          return {
-            type: 'warning',
-            msg: this.$lwLanguage.get('', '拣选中')
-          }
-        case '300':
-          return {
-            type: 'success',
-            msg: this.$lwLanguage.get('', '已拣选')
-          }
-        default:
-          return {
-            type: 'primary',
-            msg: this.$lwLanguage.get('', '未知')
-          }
-      }
-    },
-
-    // 待拣量
-    waitQty(){
-      return Number(this.item.totalQty || 0) - Number(this.item.pickQty)
-    },
-
-    // 最小单位数
-    topNum(){
-      function dig(num){
-        const str = num.toString()
-        if (str && str.includes('.') && str.length > 4){
-          return num.toFixed(2)
-        }
-        return  num
-      }
-
-      const uomQty = Number(this.item.uomQty || 0)
-      if (uomQty === 0) {
-        console.warn('拣选最小单位数据异常，无法做除法运算！值为：',this.item.uomQty)
-        return 0
-      }
-
-      const mother = dig(Number(this.item.totalQty || 0) / uomQty)
-      const son = dig(Number(this.item.pickQty || 0) / uomQty)
-      return son + ' / ' + mother
-    }
-  },
-  data() {
-    return {}
-  },
-  methods: {}
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  出库拣选 - 商品及库位信息展示
+  @author: 张文
+  @date: 2022-06-17
+-->
+<template>
+  <div>
+
+    <!-- 商品信息、状态、尺寸 -->
+    <div
+      class="lw-global-row"
+      style="padding: 0 0 5px 0;margin-bottom: 5px"
+    >
+
+      <div class="lw-global-flex-between">
+        <div
+          class="lw-global-value-bold"
+          style="flex: 1"
+        >{{ item.skuCode }}</div>
+
+        <div style="flex-shrink: 0">
+
+          <!-- 尺寸 -->
+          <lw-tag
+            v-if="item.skuSizeLabel"
+            plain
+            round
+          >{{ item.skuSizeLabel }}</lw-tag>
+
+          <!-- 拣选状态 -->
+          <lw-tag
+            plain
+            round
+            :type="pickStatus.type"
+          >{{ pickStatus.msg }}</lw-tag>
+        </div>
+      </div>
+
+
+      <div class="lw-global-title">{{ item.skuName }}</div>
+    </div>
+
+    <!-- 拣选库位 及计划量 或最小销售数 -->
+    <div
+      :class="[
+        'lw-global-flex-between',
+        waitPick ? 'lw-global-row' : ''
+      ]"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.ikdqzbgv','拣选库位')"
+        :value="item.fromLocationCode"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        v-if="waitPick"
+        :title="item.uomLabel.top"
+        :value="item.uomQty"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+      <lw-title-value-cell
+        v-else
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.fwtrskro','已拣选/计划')"
+        :value="item.pickQty + ' / ' + item.totalQty"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+    </div>
+
+    <!-- 数据看板 -->
+    <div
+      v-if="waitPick"
+      class="lw-global-flex-around"
+      style="margin-top: 10px"
+    >
+
+      <!-- 最小单位数 -->
+      <div style="text-align: center">
+        <div
+          class="lw-global-value-bold"
+          style="font-size: 16px"
+        >{{ topNum }}</div>
+        <div class="lw-global-title">{{ item.uomLabel.table }}</div>
+      </div>
+
+      <!-- 总量 -->
+      <div style="text-align: center">
+        <div
+          class="lw-global-value-bold"
+          style="font-size: 16px"
+        >{{ item.pickQty }} / {{ item.totalQty }}</div>
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.spymmddb','总量') }}
+        </div>
+      </div>
+
+      <!-- 待拣量 -->
+      <div style="text-align: center">
+        <div
+          class="lw-global-value-bold-red"
+          style="font-size: 16px"
+        >{{ waitQty }}</div>
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.ghoxuwxz','待拣量') }}
+        </div>
+      </div>
+
+    </div>
+
+    <!-- 批次数据 -->
+    <div
+      v-if="item.pickStatus !== '300'"
+      :style="{
+        border:item.groupFieldList.length ? 'solid 1px #f0f0f0' : '',
+        borderBottom: 'solid 1px #f0f0f0',
+        borderRadius: '5px',
+        marginTop: '5px'
+      }"
+    >
+      <lw-lot-look-module
+        :columns="item.groupFieldList"
+        title-key="title"
+        value-key="value"
+        hidden-last-border
+      />
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "index",
+  props:{
+    // 当前商品数据
+    item: Object,
+
+    // 显示最小销售量
+    waitPick: Boolean
+  },
+  computed:{
+    // 徽标
+    pickStatus() {
+      switch (this.item.pickStatus) {
+        case '100':
+          return {
+            type: 'danger',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.dgwlpfxf','未拣选')
+          }
+        case '200':
+          return {
+            type: 'warning',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.amobnsbo','拣选中')
+          }
+        case '300':
+          return {
+            type: 'success',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.gfspoqjr','已拣选')
+          }
+        default:
+          return {
+            type: 'primary',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.hrcwcwcb','未知')
+          }
+      }
+    },
+
+    // 待拣量
+    waitQty(){
+      return Number(this.item.totalQty || 0) - Number(this.item.pickQty || 0)
+    },
+
+    // 最小单位数
+    topNum(){
+      function dig(num){
+        const str = num.toString()
+        if (str && str.includes('.') && str.length > 4){
+          return num.toFixed(2)
+        }
+        return  num
+      }
+
+      const uomQty = Number(this.item.uomQty || 0)
+      if (uomQty === 0) {
+        console.warn(this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.skuLocationInfo.xdvunhnd', '拣选最小单位数据异常，无法做除法运算！值为：'),this.item.uomQty)
+        return 0
+      }
+
+      const mother = dig(Number(this.item.totalQty || 0) / uomQty)
+      const son = dig(Number(this.item.pickQty || 0) / uomQty)
+      return son + ' / ' + mother
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/pick/components/sowList.vue

@@ -0,0 +1,190 @@
+<!--
+  播种位列表
+  @author: 张文
+  @date: 2022-08-15
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-flex-between lw-global-row-start">
+
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.wxhriebp','播种位列表') }}
+      </div>
+
+      <div class="lw-global-value-bold-red">
+        {{ sowList.length + $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.jolmuzwe','行') }}
+      </div>
+
+    </div>
+
+    <sow-location-list
+      style="margin-top: 5px"
+      :sow-list="sowList"
+      click-style
+      @rowClick="rowClick"
+    />
+
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.trywgeir','播种位拣选详情')"
+      v-model="sowInfoPopup.show"
+      background="#f0f0f0"
+    >
+      <div class="lw-global-model-box lw-global-flex-between">
+
+        <div class="lw-global-value-bold">{{ sowInfoPopup.sowData.sowWallLineCode }}</div>
+        <div
+          style="color: #8A6C6C"
+          class="lw-global-value"
+        >{{ sowInfoPopup.sowData.sowPositionContainer }}</div>
+        <div class="lw-global-value-bold">
+          <span class="lw-global-value-bold-red">{{ sowInfoPopup.sowData.sowQty }}</span>
+          / {{ sowInfoPopup.sowData.totalQty }}
+        </div>
+
+      </div>
+
+      <div
+        class="lw-global-model-box lw-global-animation-out"
+        v-for="(i,k) in sowInfoPopup.data"
+        :key="k"
+        :style="{animationDelay: 50 * k + 'ms'}"
+      >
+
+        <lw-sku-info-module
+          :sku-code="i.skuCode"
+          :sku-name="i.skuName"
+          is-row-first
+        >
+          <lw-tag
+            round
+            plain
+            :type="pickStatus(i.pickStatus).type"
+          >{{ pickStatus(i.pickStatus).msg }}</lw-tag>
+
+        </lw-sku-info-module>
+
+        <div class="lw-global-flex-between lw-global-row-end">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.mdahpbxq','拣选库位')"
+            :value="i.fromLocationCode"
+            val-bold
+            :is-row="false"
+          />
+
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.idqomvls','已拣选/计划')"
+            :value="i.pickQty + ' / ' + i.totalQty"
+            val-red
+            val-bold
+            :is-row="false"
+          />
+
+        </div>
+
+        <div
+          v-if="i.groupFieldList.length"
+          class="sow-lot-box"
+        >
+
+          <lw-lot-look-module
+            :columns="i.groupFieldList"
+            :show-row="false"
+          />
+
+        </div>
+
+      </div>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import sowLocationList from './../../sow/components/sowLocationList/index.vue'
+import {projectWmsPickSowQuerySowPositionData} from "../../../../../api/outbound/pick/sow";
+
+export default {
+  name: "sowList",
+  props:{
+    item:{
+      type: Array,
+      default: () => []
+    }
+  },
+  components:{
+    sowLocationList
+  },
+  computed:{
+    sowList(){
+      return this.item.map(item=>{
+        item.sowWallLineCode = item.sowLineCode
+        item.sowPositionContainer = item.containerNo
+        item.sowQty = item.pickQty
+        return item
+      })
+    }
+  },
+  data() {
+    return {
+      sowInfoPopup:{
+        show: false,
+        data:[],
+        sowData:{}
+      }
+    }
+  },
+  methods: {
+    rowClick(item){
+      projectWmsPickSowQuerySowPositionData({
+        pickId: this.$route.query.lwPickId,
+        sowLineCode: item.sowLineCode,
+        containerNo: item.containerNo,
+      }).then(res=>{
+        this.sowInfoPopup.sowData = item
+        this.sowInfoPopup.data = res.sowLineSkuList
+        this.sowInfoPopup.show = true
+      })
+
+    },
+
+    // 徽标
+    pickStatus(pickStatus) {
+      switch (pickStatus) {
+        case '100':
+          return {
+            type: 'danger',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.xqhaxtqx','未拣选')
+          }
+        case '200':
+          return {
+            type: 'warning',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.kxvofyic','拣选中')
+          }
+        case '300':
+          return {
+            type: 'success',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.jqnrcame','已拣选')
+          }
+        default:
+          return {
+            type: 'primary',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.sowList.pjcfdpln','未知')
+          }
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.sow-lot-box{
+  margin-top: 5px;
+  padding: 5px;
+  border-radius: 5px;
+  border: solid 1px #f0f0f0;
+}
+</style>