@logwire/logwire-wms-pda-ui 3.5.0 → 3.5.3

package/src/views/wms/page/outbound/orderCheck/quickAction.vue

@@ -0,0 +1,429 @@
+<!--
+  按单复核 - 快速复核执行页
+  @author: 张文
+  @date: 2023-08-14
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('', '按单SN快速复核')"/>
+
+    <lw-page-body-module>
+
+      <lw-label-value-group
+        show-model-style
+        :list="soData.labelValueArray"
+      />
+
+      <lw-tab-box style="margin-top: 10px">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <template v-if="soData.unPackQty">
+            <van-tab
+              :title="$lwLanguage.get('', '扫描复核')"
+              name="scan"
+            >
+
+              <!-- 输入框 -->
+              <div class="lw-global-model-box lw-global-model-box-3px">
+                <lw-input
+                  :title="$lwLanguage.get('', '序列号')"
+                  v-model="barcode.value"
+                  :get-focus.sync="barcode.focus"
+                  rule-key="sn"
+                  :create-rule="$lwScanRule.create('出库-按单快速复核执行页-序列号','SN')"
+                  :show-bottom-border="false"
+                  :owner-id="soData.ownerId"
+                  auto-clear-val
+                  @confirm="barcodeConfirm"
+                />
+              </div>
+
+              <!-- 已扫描的sn列表 -->
+              <lw-scan-data-list-module
+                class="lw-global-model-box"
+                :title="$lwLanguage.get('', '复核序列号')"
+                v-if="snList.length"
+                v-model="snList"
+                start-bright
+                :show-total="false"
+                :show-qty="false"
+              />
+
+            </van-tab>
+            <van-tab
+              :title="$lwLanguage.get('', '待复核')"
+              name="wait"
+            >
+              <div
+                class="lw-global-model-box"
+                v-for="(i,k) in wait.data"
+                :key="k"
+              >
+
+                <over-check-item-title
+                  :sku-code="i.skuCode"
+                  :sku-name="i.skuName"
+                  :qty="i.qtyLabel"
+                  right-text-align="center"
+                >
+                  <template #rightLabel>
+                    <div class="lw-global-title">
+                      {{ $lwLanguage.get('', '待复核') }}
+                    </div>
+                  </template>
+                </over-check-item-title>
+
+              </div>
+              <lw-pagination
+                v-model="wait.pageNum"
+                :page-total="wait.pageTotal"
+                :page-size.sync="wait.pageSize"
+                @change="getWaitCheckData"
+              />
+              <lw-not-data v-if="!wait.data.length"/>
+
+            </van-tab>
+          </template>
+
+
+          <van-tab
+            :title="$lwLanguage.get('', '已复核')"
+            name="over"
+          >
+            <over-check-item
+              v-for="(i,k) in over.data"
+              :key="k"
+              :item="i"
+            />
+            <lw-pagination
+              v-model="over.pageNum"
+              :page-total="over.pageTotal"
+              :page-size.sync="over.pageSize"
+              @change="getOverCheckData"
+            />
+            <lw-not-data v-if="!over.data.length"/>
+
+          </van-tab>
+        </van-tabs>
+
+      </lw-tab-box>
+
+    </lw-page-body-module>
+
+    <lw-bottom-bar v-if="soData.unPackQty && snList.length">
+
+      <lw-button
+        type="last"
+        plain
+        @click="reloadScan"
+      >
+        {{ $lwLanguage.get('', '重新扫描') }}
+      </lw-button>
+
+      <lw-button @click="submitCheck">
+        {{ $lwLanguage.get('', '提交复核') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 拦截弹框 -->
+    <block-popup
+      ref="blockPopupRef"
+      @confirmBlock="confirmBlock"
+    />
+
+  </div>
+</template>
+
+<script>
+
+import {
+  projectWmsMobileOutboundSoQueryPacked,
+  projectWmsMobileOutboundSoQueryUnPack,
+  projectWmsMobilePackBySoGetDetail,
+  projectWmsMobileSoPackBySnSubmit,
+} from "./../../../api/outbound/orderCheck";
+
+import blockPopup from "./../../../components/blockPopup.vue";
+import overCheckItem from "./components/overCheckItem.vue";
+import overCheckItemTitle from "./components/overCheckItemTitle.vue";
+
+export default {
+  name: "lwOutboundOrderCheckQuickAction",
+  components: {
+    blockPopup,
+    overCheckItem,
+    overCheckItemTitle,
+  },
+  data() {
+    return {
+      // 本地储存数据的key
+      locDataKey: '',
+
+      // 拦截弹框
+      blockPopup: {
+        show: false,
+        data: [],
+        soId: ''
+      },
+
+      // 条码输入框
+      barcode: {
+        value: '',
+        focus: false
+      },
+
+      tabActive: 'scan',
+
+      // 出库单信息
+      soData: {},
+      // 待复核商品
+      wait: {
+        pageSize: 10,
+        pageNum: 1,
+        pageTotal: 0,
+        data: []
+      },
+      // 已复核商品
+      over: {
+        pageSize: 10,
+        pageNum: 1,
+        pageTotal: 0,
+        data: []
+      },
+      // 扫描的序列号信息
+      snList: [],
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    // 初始化
+    async init() {
+
+      // 删除过期数据
+      const nowTime = Date.now()
+      const locData = this.$lwLocalStorage.get('lwOrderQuickCheckData', {})
+      for (const k in locData) {
+        if ((nowTime - locData[k]._time) / (24 * 60 * 60 * 1000) > 24) {
+          delete locData[k]
+        }
+      }
+      this.$lwLocalStorage.set('lwOrderQuickCheckData', locData)
+
+
+      // 检查是否被拦截
+      if (await this.$refs.blockPopupRef.checkBlock({soId: this.$route.query.lwSoId})) {
+        this.barcode.focus = false
+        return
+      }
+
+      await this.getSoData()
+
+      // 查找本地是否存在扫描数据
+      this.locDataKey = this.$lwUserInfo.get().staff.code + this.soData.soId
+      const soLocData = locData[this.locDataKey] || {data: {}}
+      this.snList = soLocData.data.snList || []
+    },
+
+
+    // tab切换
+    tabChange() {
+      if (this.tabActive === 'wait') {
+        this.getWaitCheckData()
+      } else if (this.tabActive === 'over') {
+        this.getOverCheckData()
+      }
+    },
+
+    // 获取待复核数据
+    getWaitCheckData() {
+      projectWmsMobileOutboundSoQueryUnPack({
+        soId: this.$route.query.lwSoId,
+        pageSize: this.wait.pageSize,
+        pageNum: this.wait.pageNum,
+      }).then(res => {
+        this.wait.pageTotal = res.total
+        this.wait.data = res.datas || []
+      })
+    },
+    // 获取已复核数据
+    getOverCheckData() {
+      projectWmsMobileOutboundSoQueryPacked({
+        soId: this.$route.query.lwSoId,
+        pageSize: this.over.pageSize,
+        pageNum: this.over.pageNum,
+      }).then(res => {
+        this.over.pageTotal = res.total
+        this.over.data = res.datas || []
+      })
+    },
+
+
+    // 确认拦截
+    confirmBlock() {
+      history.go(-1)
+    },
+
+    // 获取数据
+    async getSoData() {
+      this.soData = await projectWmsMobilePackBySoGetDetail({
+        soId: this.$route.query.lwSoId
+      })
+
+      // 判断是否复核完成
+      if (this.soData.unPackQty) {
+        this.$nextTick(() => {
+          this.barcode.focus = true
+          this.tabActive = 'scan'
+        })
+      } else {
+        this.tabActive = 'over'
+        this.getOverCheckData()
+      }
+    },
+
+
+    // 清空扫描输入并提示错误信息
+    clearBarcode(type, msg, toastType = 'success') {
+      this.barcode.value = ''
+      this.barcode.focus = true
+
+      type && (type === 'err' ? this.$lwShowErrorMsg(msg) : this.$lwToast[toastType](msg))
+
+    },
+
+    // 条码确认
+    barcodeConfirm(val, {data}) {
+      if (!val) {
+        this.$lwShowNoticeBar({
+            message: this.$lwLanguage.get('', '当前序列号不符合作业要求或为空，不允许添加'),
+            type: 'warning'
+          }
+        )
+        this.barcode.value = ''
+        this.barcode.focus = true
+        return;
+        //
+        // this.clearBarcode(
+        //   'err',
+        //   this.$lwLanguage.get('', '条码不能为空！')
+        // )
+        // return
+      }
+
+      const {key, sn, qty = 0} = data
+      const skuSn = sn || key
+      if (this.snList.some(item => item.sn === skuSn)) {
+        this.$lwShowNoticeBar({
+            message: this.$lwLanguage.get('', '当前序列号已存在扫描列表中，不允许添加'),
+            type: 'warning'
+          }
+        )
+        this.barcode.focus = true
+        return
+      }
+
+      this.snList.unshift({
+        sn: skuSn,
+        qty
+      })
+
+    },
+
+
+    // 储存扫描的数据到本地
+    localStorageScanData() {
+
+      const locData = this.$lwLocalStorage.get('lwOrderQuickCheckData', {})
+      locData[this.locDataKey] = {
+        _time: Date.now(),
+        data: {
+          snList: this.snList
+        }
+      }
+      this.$lwLocalStorage.set('lwOrderQuickCheckData', locData)
+
+    },
+    // 删除本地储存数据
+    delLocalStorage() {
+      const locData = this.$lwLocalStorage.get('lwOrderQuickCheckData', {})
+      delete locData[this.locDataKey]
+      this.$lwLocalStorage.set('lwOrderQuickCheckData', locData)
+    },
+
+    // 清空所有数据
+    clearAllData(msg) {
+      this.snList = []
+      this.clearBarcode(
+        'success',
+        msg || this.$lwLanguage.get('', '操作成功')
+      )
+
+      this.barcode.value = ''
+      this.barcode.focus = true
+
+      this.delLocalStorage()
+    },
+    //重新扫描
+    reloadScan() {
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('', '警告'),
+        message: this.$lwLanguage.get('', '当前复核数据将会被全部清空'),
+      }).then(() => {
+        this.clearAllData()
+      }).catch(() => {
+      })
+    },
+    //提交复核
+    submitCheck() {
+
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('', '提示'),
+        message: this.$lwLanguage.get('', '确认复核？'),
+      }).then(() => {
+        projectWmsMobileSoPackBySnSubmit({
+          soId: this.soData.soId,
+          boxNo: this.soData.unCloseBox,
+          snList: this.snList.map(item => item.sn),
+        }).then(res => {
+
+          if (res.finished) {
+            this.$lwToast.success(
+              this.$lwLanguage.get('', '复核完成')
+            )
+            this.delLocalStorage()
+            history.go(-1)
+          } else {
+            this.clearAllData(
+              this.$lwLanguage.get('', '复核成功')
+            )
+            this.getSoData()
+          }
+
+        })
+      }).catch(() => {
+      })
+
+
+    },
+
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+.now-scan-item {
+  background: rgb(208, 247, 195);
+}
+</style>