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

package/src/components/page/inbound/receive/quality/LwInboundQualityTaskListPage.vue

@@ -1,164 +1,164 @@
-<template>
-  <div>
-    <lw-nav-bar title="收货品检"/>
-    <div class="lw-global-page-box">
-      <div v-if="mode === 0" class="lw-global-model-box">
-        <lw-input title="托盘号" required v-model="lpn" :get-focus="true" @confirm="lpnScan"/>
-      </div>
-      <template v-else>
-        <!-- LPN信息 -->
-        <div class="lw-global-model-box quality-lpn">
-          <div>
-            <div>托盘号 <span>{{ lpn }}</span></div>
-          </div>
-          <div class="lw-global-sh"></div>
-          <div>
-            <div>品种数 <span>{{bannerData.skus}}</span></div>
-            <div>行数 <span>{{ tasks.length }}</span></div>
-            <div>待检量 <span>{{bannerData.pendingQty}}</span></div>
-          </div>
-        </div>
-        <!-- 任务 -->
-        <div class="lw-global-model-box" v-for="t in tasks" :key="t.taskId" @click="toTask(t)">
-          <quality-task-info :data="t"/>
-        </div>
-      </template>
-    </div>
-    <lw-bottom-bar v-if="mode === 1">
-      <lw-button plain @click="showSku">扫描商品</lw-button>
-      <lw-button v-if="!taskId" @click="reset">切换托盘</lw-button>
-    </lw-bottom-bar>
-
-    <van-dialog v-model="showSkuScan" title="扫描定位商品" :show-confirm-button="false">
-      <div class="lw-global-page-box">
-        <div class="lw-global-model-box">
-          <div>
-            <lw-input title="商品条码" required v-model="skuBarCode.value" :get-focus.sync="skuBarCode.focus"
-                      rule-key="sku" rule-value-key="skuCode" :rule-serve-query="barcodeQuery"
-                      @confirm="resolveSkuBarcode"/>
-          </div>
-        </div>
-      </div>
-      <lw-bottom-bar>
-        <lw-button plain @click="showSkuScan = false">关闭</lw-button>
-      </lw-bottom-bar>
-    </van-dialog>
-  </div>
-</template>
-
-<script>
-import { getInboundGetQualityDetail, getInboundQueryQualityByLpn } from '../../../../../api/inbound/quality'
-import QualityTaskInfo from '../../components/QualityTaskInfo.vue'
-
-export default {
-  name: 'LwInboundQualityTaskListPage',
-  components: { QualityTaskInfo },
-  data () {
-    return {
-      lpn: '',
-      taskId: '',
-      mode: 0,
-      tasks: [],
-      showSkuScan: false,
-      skuBarCode: {
-        value: '',
-        focus: false,
-      },
-    }
-  },
-  computed: {
-    bannerData () {
-      return {
-        skus: new Set(this.tasks.map(i => i.sku.code)).size,
-        count: this.tasks.length,
-        pendingQty: this.tasks.map(i => parseInt(i.canQualityQty)).reduce((a, b) => a + b, 0)
-      }
-    },
-    barcodeQuery () {
-      const ownerIds = this.tasks.map(i => i.asn.ownerId)
-      const warehouseIds = this.tasks.map(i => i.asn.warehouseId)
-      return {
-        ownerId: ownerIds.length === 1 ? ownerIds[0] : null,
-        warehouseId: warehouseIds.length === 1 ? warehouseIds[0] : null,
-      }
-    }
-  },
-  created () {
-    const {lwTaskId, lpn} = this.$route.query
-    if (lwTaskId) {
-      this.mode = 1
-      this.taskId = lwTaskId
-      this.getTask()
-    } else if (lpn) {
-      this.lpn = lpn
-      this.lpnScan()
-    }
-  },
-  methods: {
-    lpnScan () {
-      getInboundQueryQualityByLpn(this.lpn).then(res => {
-        if (res && res.length) {
-          if (this.lpn !== this.$route.query.lpn) {
-            this.$router.replace({query: {lpn: this.lpn}})
-          }
-          this.tasks = res
-          this.mode = 1
-        }
-      })
-    },
-    getTask () {
-      getInboundGetQualityDetail(this.taskId).then(res => {
-        this.tasks = [res]
-      })
-    },
-    showSku () {
-      this.showSkuScan = true
-      this.skuBarCode.value = ''
-      this.skuBarCode.focus = true
-    },
-    resolveSkuBarcode (skuCode, res) {
-      if (res.data.skuCode) {
-        const task = this.tasks.find(i => i.sku.code === res.data.skuCode)
-        if (task) {
-          this.toTask(task)
-        } else {
-          this.$lwShowErrorMsg(`商品 ${res.data.sku} 无匹配任务`)
-        }
-      } else {
-        this.$lwShowErrorMsg('错误的商品条码')
-      }
-    },
-    toTask (task) {
-      this.$router.push({
-        path: '/inbound/quality/execute',
-        query: { taskId: task.taskId }
-      })
-    },
-    reset () {
-      this.lpn = ''
-      this.tasks = []
-      this.mode = 0
-      this.$router.replace({query: {lpn: undefined}})
-    },
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.quality-lpn {
-  font-size: 0.9em;
-  line-height: 1.5em;
-
-  & > div {
-    margin: 5px 0;
-    display: flex;
-    justify-content: space-between;
-    color: gray;
-
-    span {
-      font-weight: bold;
-      color: #232323;
-    }
-  }
-}
-</style>
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.wqvrovzh', '收货品检')"/>
+    <div class="lw-global-page-box">
+      <div v-if="mode === 0" class="lw-global-model-box">
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.fgmsahuy', '托盘号')" required v-model="lpn" :get-focus="true" @confirm="lpnScan"/>
+      </div>
+      <template v-else>
+        <!-- LPN信息 -->
+        <div class="lw-global-model-box quality-lpn">
+          <div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.zxlnkwfy', '托盘号 ')}}<span>{{ lpn }}</span></div>
+          </div>
+          <div class="lw-global-sh"></div>
+          <div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.lqheenfn', '品种数 ')}}<span>{{bannerData.skus}}</span></div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.tenxsrba', '行数 ')}}<span>{{ tasks.length }}</span></div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.yoihyypx', '待检量 ')}}<span>{{bannerData.pendingQty}}</span></div>
+          </div>
+        </div>
+        <!-- 任务 -->
+        <div class="lw-global-model-box" v-for="t in tasks" :key="t.taskId" @click="toTask(t)">
+          <quality-task-info :data="t"/>
+        </div>
+      </template>
+    </div>
+    <lw-bottom-bar v-if="mode === 1">
+      <lw-button plain @click="showSku">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.cscjlkcz', '扫描商品')}}</lw-button>
+      <lw-button v-if="!taskId" @click="reset">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.iwcpsfvh', '切换托盘')}}</lw-button>
+    </lw-bottom-bar>
+
+    <van-dialog v-model="showSkuScan" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.dbctqapp', '扫描定位商品')" :show-confirm-button="false">
+      <div class="lw-global-page-box">
+        <div class="lw-global-model-box">
+          <div>
+            <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.dszzokfg', '商品条码')" required v-model="skuBarCode.value" :get-focus.sync="skuBarCode.focus"
+                      rule-key="sku" :rule-serve-query="barcodeQuery" @confirm="resolveSkuBarcode"/>
+          </div>
+        </div>
+      </div>
+      <lw-bottom-bar>
+        <lw-button plain @click="showSkuScan = false">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.kzykgqbt', '关闭')}}</lw-button>
+      </lw-bottom-bar>
+    </van-dialog>
+  </div>
+</template>
+
+<script>
+import { getInboundGetQualityDetail, getInboundQueryQualityByLpn } from '../../../../../api/inbound/quality'
+import QualityTaskInfo from '../../components/QualityTaskInfo.vue'
+
+export default {
+  name: 'LwInboundQualityTaskListPage',
+  components: { QualityTaskInfo },
+  data () {
+    return {
+      lpn: '',
+      taskId: '',
+      mode: 0,
+      tasks: [],
+      showSkuScan: false,
+      skuBarCode: {
+        value: '',
+        focus: false,
+      },
+    }
+  },
+  computed: {
+    bannerData () {
+      return {
+        skus: new Set(this.tasks.map(i => i.sku.code)).size,
+        count: this.tasks.length,
+        pendingQty: this.tasks.map(i => parseInt(i.canQualityQty)).reduce((a, b) => a + b, 0)
+      }
+    },
+    barcodeQuery () {
+      const ownerIds = this.tasks.map(i => i.asn.ownerId)
+      const warehouseIds = this.tasks.map(i => i.asn.warehouseId)
+      return {
+        ownerId: ownerIds.length === 1 ? ownerIds[0] : null,
+        warehouseId: warehouseIds.length === 1 ? warehouseIds[0] : null,
+      }
+    }
+  },
+  created () {
+    const {lwTaskId, lpn} = this.$route.query
+    if (lwTaskId) {
+      this.mode = 1
+      this.taskId = lwTaskId
+      this.getTask()
+    } else if (lpn) {
+      this.lpn = lpn
+      this.lpnScan()
+    }
+  },
+  methods: {
+    lpnScan () {
+      getInboundQueryQualityByLpn(this.lpn).then(res => {
+        if (res && res.length) {
+          if (this.lpn !== this.$route.query.lpn) {
+            this.$router.replace({query: {lpn: this.lpn}})
+          }
+          this.tasks = res
+          this.mode = 1
+        }
+      })
+    },
+    getTask () {
+      getInboundGetQualityDetail(this.taskId).then(res => {
+        this.tasks = [res]
+      })
+    },
+    showSku () {
+      this.showSkuScan = true
+      this.skuBarCode.value = ''
+      this.skuBarCode.focus = true
+    },
+    resolveSkuBarcode (sku, res) {
+      const skuCode = res.bizType === 'SKU' ? res.data.key : sku
+      if (skuCode) {
+        const task = this.tasks.find(i => i.sku.code === skuCode)
+        if (task) {
+          this.toTask(task)
+        } else {
+          this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.jgreqxke', '商品 {sku} 无匹配任务', {sku: skuCode}))
+        }
+      } else {
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.xnzytotb', '错误的商品条码'))
+      }
+    },
+    toTask (task) {
+      this.$router.push({
+        path: '/inbound/quality/execute',
+        query: { taskId: task.taskId }
+      })
+    },
+    reset () {
+      this.lpn = ''
+      this.tasks = []
+      this.mode = 0
+      this.$router.replace({query: {lpn: undefined}})
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.quality-lpn {
+  font-size: 0.9em;
+  line-height: 1.5em;
+
+  & > div {
+    margin: 5px 0;
+    display: flex;
+    justify-content: space-between;
+    color: gray;
+
+    span {
+      font-weight: bold;
+      color: #232323;
+    }
+  }
+}
+</style>