@logwire/logwire-wms-pda-ui 3.1.2 → 3.1.3-zc-beta

package/src/views/wms/page/inbound/receive/quality/LwInboundQualityExecutePage.vue

@@ -0,0 +1,540 @@
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.esghuudd', '收货品检')"/>
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <quality-task-info
+          :data="task"
+          :show-print-container-btn="task && task.sku.containerSku"
+          @printContainer="printContainer"
+        />
+      </div>
+
+      <quality-card v-if="task"
+                    type="quality" :obj-id="task.taskId" :skuCode="task.sku.code"
+                    :delay-load="false" :card-mode="true"/>
+
+      <lw-tab-box v-if="task" style="margin-top: 10px;">
+        <van-tabs type="card" animated v-model="tabActive">
+          <van-tab :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.nlclgbzy', '品检')">
+
+            <div class="lw-global-model-box">
+              <lw-input v-if="!currentLpn" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.ioqxkcmi', '托盘')"
+                        v-model="lpn.value" :get-focus.sync="lpn.focus" @confirm="scanLpn()"/>
+              <template v-if="currentLpn">
+                <div class="lw-global-props">
+                  <div>
+                    <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.vhdfrjzh', '当前托盘号')}}</div>
+                    <div>{{currentLpn.lpn}}</div>
+                  </div>
+                </div>
+                <div class="quality-table">
+                  <div class="quality-table-header">
+                    <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.aurzznrt', '待检量')}}</div>
+                    <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.nrfvthli', '抽检量')}}</div>
+                    <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.zlucruch', '异常量')}}</div>
+                  </div>
+                  <div>
+                    <div>{{currentLpn.canQualityQty}}</div>
+                    <div>
+                      <lw-input
+                        :name="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.oqfkqbqb', '抽检量')"
+                        type="number"
+                        v-model="samplingQty"
+                      />
+                    </div>
+                    <div>{{currentLpn.qualityLossQty}}</div>
+                  </div>
+                </div>
+              </template>
+            </div>
+
+            <div v-if="currentLpn && task.sku.needSn && !autoWholeSn" class="lw-global-model-box" style="margin-top: 10px;">
+              <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.desddnrq', '序列号条码')" required v-model="sn.value" :get-focus.sync="sn.focus"
+                        rule-key="sn" :rule-serve-query="barcodeQuery" @confirm="addSn"/>
+              <div v-if="sns.length" class="tag-list">
+                <div class="tag-list-title">
+                  <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.advmxjfh', '当前扫描结果')}}</div>
+                  <div>SN <span>{{ sns.length }}</span></div>
+                  <div style="display: flex; justify-content: center;">
+                    <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.gymlbusg', '数量 ')}}<span>{{ snsQty }}</span></div>
+                    <div style="margin-left: 10px;">
+                      <lw-button mini @click="showSns=true">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.zudsizru', '全部')}}</lw-button>
+                    </div>
+                  </div>
+                </div>
+                <div class="tag-list-head">
+                  <div>SN</div>
+                  <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.zlyexphg', '数量')}}</div>
+                  <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.ktwpqwzu', '操作')}}</div>
+                </div>
+                <div class="tag-list-row" v-for="t in sns" :key="t.sn">
+                  <div>{{ t.sn }}</div>
+                  <div>{{ t.qty }}</div>
+                  <div>
+                    <lw-button mini @click="removeSn(t)">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.hieabfmy', '剔除')}}</lw-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div v-if="lotQuery" class="lw-global-model-box">
+              <lw-lot-module :query="lotQuery" ref="lot"/>
+            </div>
+          </van-tab>
+          <van-tab :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.bdnbtaov', '托盘号')">
+            <div class="lw-global-model-box">
+              <div class="lpn-table">
+                <div class="lpn-table-header">
+                  <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.bozvcdno', '托盘号')}}</div>
+                  <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.zrpgabvw', '数量')}}</div>
+                  <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.nybhyotp', '抽检量')}}</div>
+                  <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.xwtacndt', '异常量')}}</div>
+                </div>
+                <div v-for="line in task.lines" :key="line.lpn" :class="{abnormal: line.canQualityQty <= 0}">
+                  <div>{{line.lpn}}</div>
+                  <div>{{line.qty}}</div>
+                  <div>{{line.checkQty}}</div>
+                  <div>{{line.qualityLossQty}}</div>
+                </div>
+              </div>
+            </div>
+          </van-tab>
+        </van-tabs>
+      </lw-tab-box>
+    </div>
+    <lw-bottom-bar v-if="currentLpn">
+      <lw-button type="warning" @click="showAbnormalPop">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.omqljbkf', '品检异常')}}</lw-button>
+      <lw-button plain @click="resetLpn">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.nvvayspe', '切换托盘')}}</lw-button>
+      <lw-button @click="submitLpn">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.ieuwiphj', '提交品检结果')}}</lw-button>
+    </lw-bottom-bar>
+    <lw-bottom-bar v-else-if="canFinish">
+      <lw-button plain @click="resetSku" v-if="$route.query.lwComeFrom !== 'task'">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.utqhrvin', '切换商品')}}</lw-button>
+      <lw-button @click="finishSku">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.aqxsyete', '完成当前商品品检')}}</lw-button>
+    </lw-bottom-bar>
+    <van-dialog v-model="showSns" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.sfvcclzy', '当前扫描的SN列表')">
+      <sns-list :sns="sns" @remove="removeSn"/>
+    </van-dialog>
+    <!-- 异常弹框 -->
+    <lw-popup
+        :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.ocwlyfyt', '品检异常')"
+        v-model="showAbnormal">
+      <lw-inner-abnormal-module
+          v-if="showAbnormal"
+          ref="abnormal"
+          :sku-code="task.sku.code"
+          :sku-name="task.sku.name"
+          :qty="currentLpn.canQualityQty"
+          :location="task.locationCode"
+          :require-lpn="true"
+          import-lpn
+          :type="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.nzaftxkm', '品检')"
+          :ab-type="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.hoxntjgy', '品检异常')"/>
+      <template #button>
+        <lw-button @click="submitAbnormal">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.kzuugcny', '上报异常')}}</lw-button>
+      </template>
+    </lw-popup>
+
+
+    <!-- 打印容器数量弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.LwInboundQualityExecutePage.ynglvwov','打印容器条码')"
+      v-model="printContainerPopup.show"
+      @closed="printContainerPopup.num.value=''"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.LwInboundQualityExecutePage.kuhadptk','数量')"
+        v-model="printContainerPopup.num.value"
+        :get-focus.sync="printContainerPopup.num.focus"
+        type="digit"
+        @confirm="confirmPrintContainer"
+      />
+
+      <template #button>
+
+        <lw-button @click="confirmPrintContainer">
+          {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.LwInboundQualityExecutePage.rnriuooq','确定') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import {
+  finishSkuQuality,
+  getInboundGetQualityDetail, submitQualityAbnormal,
+  submitSkuQuality, submitSkuSnQuality, wmsMobileInboundContainerSkuExecutePrint
+} from '../../../../api/inbound/quality'
+import QualityTaskInfo from '../../components/QualityTaskInfo.vue'
+import QualityCard from '../../components/QualityCard.vue'
+import SnsList from '../../components/SnsList.vue'
+import { getAsnSkuSnDetail } from '../../../../api/inbound/receive'
+
+export default {
+  name: 'LwInboundQualityExecutePage',
+  components: { SnsList, QualityCard, QualityTaskInfo },
+  data () {
+    return {
+      task: null,
+      tabActive: 0,
+      lpn: {
+        value: '',
+        focus: true,
+      },
+      currentLpn: null,
+      // 抽检量
+      samplingQty:'',
+      sn: {
+        value: '',
+        focus: false,
+      },
+      sns: [],
+      showSns: false,
+      lotQuery: null,
+      showAbnormal: false,
+      autoWholeSn: false,
+
+      // 打印容器弹框
+      printContainerPopup:{
+        show: false,
+        num:{
+          value: '',
+          focus: false
+        },
+        printInit:{}
+      }
+    }
+  },
+  computed: {
+    snsQty () {
+      return this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
+    },
+    barcodeQuery () {
+      return {
+        ownerId: this.task.asn.ownerId || null,
+        warehouseId: this.task.warehouseId || null,
+      }
+    },
+    canFinish () {
+      if (!this.task || !this.task.sku) {
+        return  false
+      }
+      return !this.task.sku.needSn && this.task.qualityQty > 0 && this.task.sku.qualityType === '200'
+    }
+  },
+  created () {
+    let taskId = this.$route.query.taskId
+    if (!taskId) {
+      taskId = this.$route.query.lwTaskId
+    }
+    if (taskId) {
+      this.getTask(taskId)
+    } else {
+      this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.wzsytqjf', '无效的任务Id'))
+    }
+  },
+  methods: {
+    getTask (taskId) {
+      getInboundGetQualityDetail(taskId).then(res => {
+        if (res) {
+          this.task = res
+          if (res.finishQualityTask) {
+            this.$lwToast.toast(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.ludgcqwb', '当前任务品检完成'))
+          }
+        }
+      })
+    },
+    scanLpn (fromError = false) {
+      if (!this.lpn.value) {
+        return
+      }
+      const lpn = this.task.lines.find(i => i.lpn === this.lpn.value)
+      if (!lpn) {
+        if (fromError) {
+          this.resetLpn()
+        } else {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.yjlvovxj', '错误的托盘号'))
+        }
+      }
+      if (lpn.canQualityQty <= 0) {
+        if (fromError) {
+          this.resetLpn()
+        } else {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.tkrjgdgb', '该托盘已品检'))
+        }
+      }
+
+      this.autoWholeSn = null==lpn.wholeSn ? false:lpn.wholeSn
+
+      this.lotQuery = {
+        warehouseId: this.task.asn.warehouseId,
+        ownerId: this.task.asn.ownerId,
+        skuId: this.task.sku.id,
+        type: 1,
+        lotType: 'inventory',
+        header: this.task.map,
+        line: lpn.map,
+      }
+      lpn.samplingQty = 0
+      this.currentLpn = lpn
+      this.samplingQty = ''
+    },
+    submitLpn () {
+      if (!this.currentLpn) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.iuyvdwlp', '请扫描LPN'))
+      }
+      const checkQty = Number(this.samplingQty || 0)
+
+
+      if (isNaN(checkQty) || checkQty <= 0 || checkQty > this.currentLpn.canQualityQty) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.arxfirlt', '抽检量必须大于0且小于待检量'))
+      }
+      if (this.task.sku.needSn && !this.autoWholeSn) {
+        const snQty = this.sns.map(i => Number(i.qty)).reduce((a, b) => a + b, 0)
+        if (snQty !== Number(this.currentLpn.canQualityQty)) {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.qmeccorr', '商品序列号数量与待检量不符，请确认'))
+        }
+      }
+      const lotData = this.$refs.lot.getData()
+      const data = {
+        warehouseId: this.task.asn.warehouseId,
+        ownerId: this.task.asn.ownerId,
+        taskId: this.task.taskId,
+        lpn: this.currentLpn.lpn,
+        checkQty,
+      }
+      if (lotData.success) {
+        data.lotAttributes = lotData.data
+        let method = null
+        if (this.task.sku.needSn && !this.autoWholeSn) {
+          data.snList = this.sns
+          method = submitSkuSnQuality
+        } else {
+          method = submitSkuQuality
+        }
+        method(data).then(res => {
+          if (res && res.quality) {
+            this.task = res.quality
+          }
+          if (res.quality.finishQualityTask) {
+            this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.ludgcqwb', '当前任务品检完成'))
+            setTimeout(() => this.$router.back(), 1000)
+          } else {
+            this.resetLpn()
+            this.getTask(this.task.taskId)
+          }
+        })
+      }
+    },
+    addSn (sn, res) {
+      const snCode = res.bizType === 'SN' ? res.data.key : sn
+      if (!snCode) {
+        this.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.mscdlebn', '错误的商品条码序列号'))
+      }
+      const osn = this.sns.find(i => i.sn === snCode)
+      if (osn) {
+        this.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.lmerdzqw', '重复的序列号'))
+      }
+      if (res.data) {
+        if (res.data.skuCode && res.data.skuCode !== this.task.sku.code) {
+          this.sn.focus = true
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.wtwtirtd', '序列号商品编码不符'))
+        }
+      }
+      const qty = res.data && res.data.qty || 1
+      getAsnSkuSnDetail(this.task.asn.id, this.task.sku.id, snCode, qty).then(data => {
+        if (data && data.sn) {
+          this.sns.unshift({
+            sn: data.sn,
+            qty: data.qty || 1
+          })
+          this.sn.value = ''
+        } else {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.iiwvemyp', '错误的序列号'))
+        }
+      })
+    },
+    resetLpn () {
+      this.lpn.value = ''
+      this.lpn.focus = true
+      this.currentLpn = null
+      this.lotQuery = null
+      this.samplingQty = ''
+    },
+    removeSn (sn) {
+      const idx = this.sns.indexOf(sn)
+      if (idx > -1) {
+        this.sns.splice(idx, 1)
+      }
+    },
+    resetSku () {
+      this.$router.back()
+    },
+    finishSku () {
+      finishSkuQuality(this.task.taskId).then(res => {
+        if (res.quality) {
+          this.task = res.quality
+          this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.kvntordk', '品检完成'))
+          setTimeout(() => this.$router.back(), 1000)
+        }
+      })
+    },
+    showAbnormalPop () {
+      const lotData = this.$refs.lot.getData()
+      if (lotData.success) {
+        this.showAbnormal = true
+      }
+    },
+    submitAbnormal () {
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+      if (!success) return
+
+      const lotData = this.$refs.lot.getData()
+      if (!lotData.success) {
+        return
+      }
+
+      submitQualityAbnormal({
+        taskId: this.task.taskId,
+        lpn: this.currentLpn.lpn,
+        lotAttributes: lotData.data,
+        ...data
+      }).then(res => {
+        this.showAbnormal = false
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.oxdbxfzn', '异常上报成功'))
+        this.$refs.abnormal.printLabel()
+        this.task = res
+        this.lpn.value = this.currentLpn.lpn
+        this.scanLpn(true)
+      })
+    },
+
+    // 打印容器号按钮被点击
+    printContainer(){
+
+      if(!Object.keys(this.printContainerPopup.printInit).length){
+        const {success, printData} = this.$lwPrint.test(
+          'INBOUND_CONTAINER_SKU_PRINT_LABEL',
+          this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.LwInboundQualityExecutePage.rsgdoglb','入库容器商品标签')
+        )
+        if(!success) return
+        this.printContainerPopup.printInit = printData
+      }
+      console.log(this.printContainerPopup.printInit,999)
+      this.printContainerPopup.show = true
+      this.printContainerPopup.num.focus = true
+    },
+    // 打印容器确认
+    confirmPrintContainer(){
+      const popup = this.printContainerPopup
+      const qty = Number(popup.num.value || 0)
+
+      if (!qty){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.LwInboundQualityExecutePage.rjxqentj','打印数量不能为空，且应当是大于0的正整数')
+        )
+        return
+      }
+
+      wmsMobileInboundContainerSkuExecutePrint({
+        skuId:this.task.sku.id,
+        qty,
+        printTemplateId: popup.printInit.templateId,
+        printDeviceId: popup.printInit.printId,
+      }).then(res=>{
+        this.$lwPrint.bluetoothPrint(res.printTaskDTO.id)
+        this.printContainerPopup.show = false
+      })
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.lpn-table {
+  font-size: 0.9em;
+  line-height: 2em;
+  &-header {
+    color: gray;
+  }
+  & > div {
+    display: grid;
+    margin-top: 1px;
+    grid-template-columns: 2fr 1fr 1fr 1fr;
+    text-align: center;
+    &.abnormal {
+      background: #fdbdbe;
+    }
+  }
+}
+.lw-global-props {
+  margin: 10px 0;
+}
+.quality-table {
+  font-size: 0.9em;
+  line-height: 2em;
+  &-header {
+    color: gray;
+  }
+  & > div {
+    display: grid;
+    margin-top: 1px;
+    grid-template-columns: 1fr 1fr 1fr;
+    text-align: center;
+    &.abnormal {
+      background: #fdbdbe;
+    }
+  }
+}
+.tag-list {
+  margin-top: 10px;
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 40%;
+    }
+
+    & > div:nth-child(2) {
+      flex-basis: 20%;
+      text-align: center;
+    }
+
+    & > div:last-child {
+      flex-basis: 40%;
+      text-align: center;
+    }
+  }
+
+  &-title {
+    background: #f45858;
+    color: white;
+    margin: -10px -10px 0;
+    padding: 8px;
+
+    span {
+      color: yellow;
+      font-weight: bold;
+    }
+  }
+
+  &-head {
+    font-size: 0.9em;
+    color: gray;
+    padding: 5px 0;
+  }
+
+  &-row {
+    font-size: 0.9em;
+    height: 36px;
+    border-top: 1px solid lightgray;
+  }
+}
+</style>