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

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

@@ -1,208 +1,208 @@
-<!--
-  出库拣选 - 独立件/非独立件 - 拆板下架弹出框
-  @author: 张文
-  @date: 2022-06-17
--->
-<template>
-  <lw-popup
-    :title="$lwLanguage.get('','拆板下架')"
-    v-model="show"
-    @closed="popupOff"
-  >
-
-    <template v-if="item">
-      <div
-        class="lw-global-row lw-global-value-bold"
-        style="font-size: 16px;letter-spacing: 1px;text-align: center"
-      >{{ $lwLanguage.get('','当前商品可以执行拆板上架到主库位') }}</div>
-
-      <div class="lw-global-row">
-        <div class="lw-global-value-bold">{{ item.skuCode }}</div>
-        <div class="lw-global-title">{{ item.skuName }}</div>
-      </div>
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','拣选库位')"
-        :value="item.locationCode"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','主库位')"
-        :value="item.masterLocationCode"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','可用量')"
-        :value="item.invQty"
-        val-bold
-        val-red
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('','拆板量')"
-        v-model="qty.value"
-        :get-focus.sync="qty.focus"
-        type="digit"
-        required
-        @confirm="qtyConfirm"
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('','下架容器')"
-        v-model="container.value"
-        :get-focus.sync="container.focus"
-        required
-        rule-key="putContainer"
-        @confirm="containerConfirm"
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('','下架库位')"
-        v-model="locationCode.value"
-        :get-focus.sync="locationCode.focus"
-        :placeholder="$lwLanguage.get('','默认为移动虚拟库位')"
-        rule-key="putLocation"
-        @confirm="locationCodeConfirm"
-      />
-    </template>
-
-    <template #button>
-      <lw-button @click="splitConfirm">
-        {{ $lwLanguage.get('','确认拆板下架') }}
-      </lw-button>
-    </template>
-  </lw-popup>
-</template>
-
-<script>
-
-export default {
-  name: "index",
-  props:{
-    // 是否显示弹出框
-    value: Boolean,
-
-    // 拆板数据
-    item: Object
-  },
-  computed:{
-    show:{
-      get(){
-        return this.value
-      },
-      set(v){
-        this.$emit('input', v)
-      }
-    }
-  },
-  watch:{
-    show:{
-      handler(n){
-        // 打开弹框后复制拆板量
-        if(n){
-          this.qty.value = this.item.invQty
-          this.container.focus = true
-        }
-      }
-    }
-  },
-  data() {
-    return {
-      // 下架量
-      qty:{
-        value: '',
-        focus: false
-      },
-      // 下容器
-      container:{
-        value: '',
-        focus: false
-      },
-      // 下库位
-      locationCode:{
-        value: '',
-        focus: false
-      },
-    }
-  },
-  methods: {
-    // 拆板量确认
-    qtyConfirm(){
-      if (this.qtyCheck()) this.container.focus = true
-    },
-    // 拆板量校验
-    qtyCheck() {
-      const qty = Number(this.qty.value || 0)
-      if (!qty){
-        this.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','拆板量不能为空，且应当是大于0的整数')
-        )
-
-        return false
-      }
-
-      if (qty > Number(this.item.invQty || 0)){
-        this.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','拆板量不能大于可用量')
-        )
-        this.qty.value = ''
-        return false
-      }
-
-      return true;
-    },
-
-    // 下架容器确认
-    containerConfirm(){
-      if (this.containerCheck()) this.locationCode.focus = true
-    },
-    // 下架容器校验
-    containerCheck() {
-      if (this.container.value) return true
-
-      this.container.focus = true
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('','下架容器不能为空')
-      )
-
-      return false
-    },
-
-    // 下架库位确认
-    locationCodeConfirm(){
-      this.splitConfirm()
-    },
-
-    // 确认拆板下架
-    splitConfirm(){
-      if (!(
-        this.qtyCheck() &&
-        this.containerCheck()
-      )) return
-
-      this.$emit('splitConfirm', {
-        putdownQty: this.qty.value,
-        putdownContainer: this.container.value,
-        putdownLoc: this.locationCode.value
-      })
-
-    },
-
-    // 弹出层关闭
-    popupOff(){
-      this.qty.value = ''
-      this.container.value = ''
-      this.locationCode.value = ''
-      this.$emit('closed')
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  出库拣选 - 独立件/非独立件 - 拆板下架弹出框
+  @author: 张文
+  @date: 2022-06-17
+-->
+<template>
+  <lw-popup
+    :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.wnrlwdbl','拆板下架')"
+    v-model="show"
+    @closed="popupOff"
+  >
+
+    <template v-if="item">
+      <div
+        class="lw-global-row lw-global-value-bold"
+        style="font-size: 16px;letter-spacing: 1px;text-align: center"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.vvwsluma','当前商品可以执行拆板上架到主库位') }}</div>
+
+      <div class="lw-global-row">
+        <div class="lw-global-value-bold">{{ item.skuCode }}</div>
+        <div class="lw-global-title">{{ item.skuName }}</div>
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.soumsysp','拣选库位')"
+        :value="item.locationCode"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.ejsrpbuk','主库位')"
+        :value="item.masterLocationCode"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.jjswkrmt','可用量')"
+        :value="item.invQty"
+        val-bold
+        val-red
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.rfsqsudf','拆板量')"
+        v-model="qty.value"
+        :get-focus.sync="qty.focus"
+        type="digit"
+        required
+        @confirm="qtyConfirm"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.aitqrcfp','下架容器')"
+        v-model="container.value"
+        :get-focus.sync="container.focus"
+        required
+        rule-key="putContainer"
+        @confirm="containerConfirm"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.rqhpbnns','下架库位')"
+        v-model="locationCode.value"
+        :get-focus.sync="locationCode.focus"
+        :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.wrmlggbk','默认为移动虚拟库位')"
+        rule-key="putLocation"
+        @confirm="locationCodeConfirm"
+      />
+    </template>
+
+    <template #button>
+      <lw-button @click="splitConfirm">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.fcraceuu','确认拆板下架') }}
+      </lw-button>
+    </template>
+  </lw-popup>
+</template>
+
+<script>
+
+export default {
+  name: "index",
+  props:{
+    // 是否显示弹出框
+    value: Boolean,
+
+    // 拆板数据
+    item: Object
+  },
+  computed:{
+    show:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  watch:{
+    show:{
+      handler(n){
+        // 打开弹框后复制拆板量
+        if(n){
+          this.qty.value = this.item.invQty
+          this.container.focus = true
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      // 下架量
+      qty:{
+        value: '',
+        focus: false
+      },
+      // 下容器
+      container:{
+        value: '',
+        focus: false
+      },
+      // 下库位
+      locationCode:{
+        value: '',
+        focus: false
+      },
+    }
+  },
+  methods: {
+    // 拆板量确认
+    qtyConfirm(){
+      if (this.qtyCheck()) this.container.focus = true
+    },
+    // 拆板量校验
+    qtyCheck() {
+      const qty = Number(this.qty.value || 0)
+      if (!qty){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.rynbpkab','拆板量不能为空，且应当是大于0的整数')
+        )
+
+        return false
+      }
+
+      if (qty > Number(this.item.invQty || 0)){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.ujhxqtej','拆板量不能大于可用量')
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      return true;
+    },
+
+    // 下架容器确认
+    containerConfirm(){
+      if (this.containerCheck()) this.locationCode.focus = true
+    },
+    // 下架容器校验
+    containerCheck() {
+      if (this.container.value) return true
+
+      this.container.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.splitPutDown.mjjgbuvx','下架容器不能为空')
+      )
+
+      return false
+    },
+
+    // 下架库位确认
+    locationCodeConfirm(){
+      this.splitConfirm()
+    },
+
+    // 确认拆板下架
+    splitConfirm(){
+      if (!(
+        this.qtyCheck() &&
+        this.containerCheck()
+      )) return
+
+      this.$emit('splitConfirm', {
+        putdownQty: this.qty.value,
+        putdownContainer: this.container.value,
+        putdownLoc: this.locationCode.value
+      })
+
+    },
+
+    // 弹出层关闭
+    popupOff(){
+      this.qty.value = ''
+      this.container.value = ''
+      this.locationCode.value = ''
+      this.$emit('closed')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,129 @@
+<!--
+  任务数据看板
+  @author: 张文
+  @date: 2022-08-15
+-->
+<template>
+  <div>
+    <div class="lw-global-model-top-radius">
+      <div class="lw-global-flex-start">
+
+        <img
+          src="./../../../../../assets/img/taskOrder.png"
+          alt=""
+          style="width: 50px;"
+        >
+
+        <div style="margin-left: 10px">
+          <div class="lw-global-value-bold" style="font-size: 16px">{{ item.pickNo }}</div>
+
+          <!-- 捆包类型 -->
+          <lw-tag
+            v-if="item.pickPackTypeLabel"
+            style="margin-left: 0"
+            plain
+            round
+          >{{ item.pickPackTypeLabel }}</lw-tag>
+          <!-- 拣选方式 -->
+          <lw-tag
+            v-if="item.pickMethodLabel"
+            type="warning"
+            plain
+            round
+          >{{ pickMethod }}</lw-tag>
+        </div>
+
+      </div>
+    </div>
+    <lw-data-look-bg type="not">
+
+      <!-- 计划量 -->
+      <div>
+        <div>{{ item.totalQty || 0 }}</div>
+        <div>
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.tyxurdvg','计划量') }}
+        </div>
+      </div>
+
+      <!-- 已拣量 -->
+      <div>
+        <div>{{ item.pickQty || 0 }}</div>
+        <div>
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.zzeboixn','已拣量') }}
+        </div>
+      </div>
+
+      <!-- 待拣量 -->
+      <div>
+        <div>{{ item.waitPickQty || 0 }}</div>
+        <div>
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.nbwstigk','待拣量') }}
+        </div>
+      </div>
+
+      <!-- 异常量 -->
+      <div>
+        <div>{{ item.abnormalQty || 0 }}</div>
+        <div>
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.chaslvxr','异常量') }}
+        </div>
+      </div>
+
+    </lw-data-look-bg>
+    <div
+      class="lw-global-model-bottom-radius"
+      style="margin-bottom: 10px"
+    >
+      <!--进度条-->
+      <van-progress
+        style="margin: 5px 0"
+        stroke-width="8"
+        :percentage="percentage"
+        color="linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)"
+      />
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "taskInfo",
+  props:{
+    item:{
+      type: Object,
+      default: ()=>{}
+    }
+  },
+  computed:{
+    // 完成百分比
+    percentage(){
+      return Math.floor(
+        (this.item.pickQty + this.item.abnormalQty) /
+        this.item.totalQty * 100
+      ) || 0
+    },
+
+    // 拣选方式
+    pickMethod(){
+      if (this.item.pickUom === 'CASE'){
+        return this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.gjxccjvg','按箱拣选')
+      }
+      if (this.item.pickUom === 'LPN'){
+        return this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.components.dataLookAndChange.htxwnpou','整托盘拣选')
+      }
+
+      return this.item.pickMethodLabel
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>