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

package/src/components/page/inner/dead/small/index.vue

@@ -0,0 +1,656 @@
+<!--
+  呆滞品整理- 小件 - 装箱
+  @author: 张文
+  @date: 2022-07-12
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.title','呆滞品整理 - 装箱')"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- 数据看板 -->
+      <data-info
+        type="small"
+        :size-label="allTaskData.skuSizeTypeLabel"
+        :task-no="allTaskData.taskNo"
+        :plan-qty="allTaskData.planQty"
+        :lpned-qty="allTaskData.baggedQty"
+        :lpn-count="allTaskData.boxedQty"
+        :abn-qty="allTaskData.abnQty"
+      />
+
+      <div
+        style="margin-top: 10px"
+        class="lw-global-tab-box"
+      >
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <!-- 装袋 -->
+          <van-tab
+            name="bagging"
+            :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.bag','装袋')"
+          >
+
+            <template v-if="hasData">
+              <task-item
+                ref="taskItem"
+                type="small"
+                v-model="taskIndex"
+                :all-length="taskList.length"
+                :item="taskList[taskIndex]"
+                :confirm-fn="baggingFn"
+                @abnSuccess="abnSuccess"
+                @confirmSuccess="confirmSuccess"
+              >
+                <lw-title-value-cell
+                  v-if="taskList[taskIndex].suggestBagNums && taskList[taskIndex].suggestBagNums.length"
+                  :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.bagNum','推荐袋号')"
+                  :value="taskList[taskIndex].suggestBagNums.join(',')"
+                />
+              </task-item>
+
+              <!-- 当前捆包袋 -->
+              <bag-item
+                v-if="taskList[taskIndex].currentBag"
+                :item="taskList[taskIndex].currentBag"
+                :device-id="printData.printId"
+                is-now
+                @off="res=>offBagSuccess('bagging', res)"
+              />
+
+            </template>
+            <lw-not-data v-else/>
+
+          </van-tab>
+
+          <!-- 装袋中 -->
+          <van-tab
+            name="waitBag"
+            :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.bagging','装袋中')"
+          >
+            <bag-item
+              v-for="(i,k) in waitBagList"
+              :key="k"
+              :device-id="printData.printId"
+              :item="i"
+              @off="res=>offBagSuccess('waitBag', res)"
+            />
+            <lw-not-data v-if="!waitBagList.length"/>
+          </van-tab>
+
+          <!-- 装箱 -->
+          <van-tab
+            name="waitBox"
+            :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.box','装箱')"
+          >
+            <bag-item
+              v-for="(i,k) in waitBagList"
+              :key="k"
+              :device-id="printData.printId"
+              :item="i"
+              hidden-off-bag-btn
+            />
+            <lw-not-data v-if="!waitBagList.length"/>
+          </van-tab>
+
+          <!-- 已装箱 -->
+          <van-tab
+            name="boxList"
+            :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.overBox','已装箱')"
+          >
+            <boxList-item
+              v-for="(i,k) in boxList"
+              :key="k"
+              :item="i"
+              :device-id="printData.printId"
+            />
+            <lw-not-data v-if="!boxList.length"/>
+          </van-tab>
+        </van-tabs>
+      </div>
+
+
+    </div>
+
+    <!-- 装袋底部按钮 -->
+    <lw-bottom-bar-btn-hidden
+      v-if="tabActive==='bagging' && hasData"
+      :btn-list="baggingBtnList"
+    />
+
+
+    <!-- 装箱底部按钮 -->
+    <lw-bottom-bar v-if="tabActive==='waitBox'">
+
+      <lw-button @click="putBoxOpen">
+        {{ $lwLanguage.get('wms_project.pda.inner.deadSmall.box','装箱') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+
+    <!-- 缺货上报弹框 -->
+    <lack-popup
+      v-if="hasData"
+      v-model="lackShow"
+      :sku-code="taskList[taskIndex].skuCode"
+      :sku-name="taskList[taskIndex].skuName"
+      :qty="taskList[taskIndex].skuInnerQty"
+      :location="taskList[taskIndex].fromLocationCode"
+      :size-label="taskList[taskIndex].sizeLabel"
+      :task-line-key="taskList[taskIndex].taskLineKey"
+      @success="lackSubmit"
+    />
+
+    <!-- 追加装袋弹框 -->
+    <lw-popup
+      v-if="hasData"
+      :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.addBag','追加装袋')"
+      v-model="addBagPopup.show"
+      @closed="addBagPopup.bag.value=''"
+    >
+
+      <lw-title-value-cell
+        v-if="taskList[taskIndex].suggestBagNums && taskList[taskIndex].suggestBagNums.length"
+        :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.bagNum','推荐袋号')"
+        :value="taskList[taskIndex].suggestBagNums.join(',')"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.bagNo','袋号')"
+        v-model="addBagPopup.bag.value"
+        :get-focus.sync="addBagPopup.bag.focus"
+        :show-bottom-border="false"
+        rule-key="bag"
+        @confirm="addBagConfirm"
+      />
+
+      <template #button>
+
+        <lw-button @click="addBagConfirm">
+          {{ $lwLanguage.get('wms_project.pda.inner.deadSmall.addConfirm','确认追加装入') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 装箱弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.box','装箱')"
+      v-model="putBoxPopup.show"
+      :off-btn-fn="putBoxOff"
+      :close-on-click-overlay="false"
+      @closed="putBoxOffOver"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.deadNum','呆滞袋号')"
+        v-model="putBoxPopup.bag.value"
+        :get-focus.sync="putBoxPopup.bag.focus"
+        rule-key="bag"
+        @confirm="putBoxConfirm"
+      />
+
+      <template v-if="putBoxPopup.list.length">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.inner.deadSmall.scanBagw','已扫袋数')"
+          :value="putBoxPopup.list.length"
+          val-red
+          val-bold
+        />
+
+        <div class="lw-global-row lw-global-flex-between">
+
+          <div class="lw-global-title col col-1">
+            {{ $lwLanguage.get('wms_project.pda.inner.deadSmall.deadNum','呆滞袋号') }}
+          </div>
+
+          <div class="lw-global-title col col-2">
+            {{ $lwLanguage.get('wms_project.pda.inner.deadSmall.qty','数量') }}
+          </div>
+
+        </div>
+
+        <div
+          class="lw-global-row lw-global-flex-between"
+          v-for="(i,k) in putBoxPopup.list"
+          :key="k"
+        >
+
+          <div class="lw-global-value-bold col col-1">{{ i.bagNum }}</div>
+
+          <div class="lw-global-value-bold-red col col-2">{{ i.qty }}</div>
+
+        </div>
+
+
+      </template>
+
+
+      <template #button>
+
+        <lw-button @click="putBoxSubmit">
+          {{ $lwLanguage.get('wms_project.pda.inner.deadSmall.endBox','完成装箱') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import dataInfo from "../components/dataInfo.vue";
+import taskItem from "../components/taskItem.vue";
+import lackPopup from "../components/lackPopup.vue";
+import bagItem from "../components/bagItem.vue";
+import boxListItem from "../components/boxListItem.vue";
+import {
+  wmsDullSkuMoveTaskAppendToBag,
+  wmsDullSkuMoveTaskCompleteBox,
+  wmsDullSkuMoveTaskCompletedBagList,
+  wmsDullSkuMoveTaskCompletedBoxList,
+  wmsDullSkuMoveTaskPutSkuToBag,
+  wmsDullSkuMoveTaskUncompletedBagList,
+  wmsGetDullSkuMoveTaskInfo
+} from "../../../../../api/inner/dead/small";
+
+export default {
+  name: "lwInnerDeadSmallActionPage",
+  components:{
+    dataInfo,
+    taskItem,
+    lackPopup,
+    bagItem,
+    boxListItem,
+  },
+  data() {
+    return {
+      // 打印机数据
+      printData:{},
+
+      // 数据
+      allTaskData:{},
+
+      // tab激活项
+      tabActive: 'bagging',
+
+      // 装袋任务列表
+      taskList:[],
+      // 装袋任务索引
+      taskIndex: 0,
+
+      // 待封袋列表
+      waitBagList:[],
+
+      // 已装箱列表
+      boxList: [],
+
+      // 缺货弹框
+      lackShow: false,
+
+      // 追加装袋弹框
+      addBagPopup:{
+        show: false,
+        bag:{
+          value: '',
+          focus: false
+        },
+        data:{}
+      },
+
+      // 装箱弹框
+      putBoxPopup:{
+        show: false,
+        bag:{
+          value: '',
+          focus: false
+        },
+        list:[]
+      }
+    }
+  },
+  computed:{
+    // 装袋底部按钮
+    baggingBtnList(){
+      let list = [
+        {
+          text: this.$lwLanguage.get('wms_project.pda.inner.deadSmall.bag','装袋'),
+          click: this.confirmBagging
+        },
+      ]
+
+      const bag = this.taskList[this.taskIndex].suggestBagNums
+      if (bag && bag.length){
+        list.push({
+          text: this.$lwLanguage.get('wms_project.pda.inner.deadSmall.addBag','追加装袋'),
+          click: this.addBagOpen
+        })
+      }
+
+      list.push({
+        text: this.$lwLanguage.get('wms_project.pda.inner.deadSmall.lack','缺货'),
+        click: this.lackOpen
+      })
+
+      return list
+    },
+
+    // 是否有数据
+    hasData(){
+      return this.allTaskData.taskLines && this.allTaskData.taskLines.length
+    }
+  },
+  mounted() {
+    const {success, printData} = this.$lwPrint.test(
+      'DULL_CASE_LABEL',
+      this.$lwLanguage.get('wms_project.pda.inner.deadSmall.dead','呆滞品')
+    )
+
+    if(!success){
+      history.go(-1)
+      return
+    }
+
+    this.printData = printData
+
+    this.getTaskData()
+  },
+  methods: {
+    // 格式化数据
+    formatData(res, autoNext){
+      this.allTaskData = res
+
+      // 判断是否存在打印数据
+      if (res.printTask && Object(res.printTask).length){
+        this.$lwPrint.bluetoothPrint([res.printTask])
+      }
+
+      // 判断当前单是否是新袋
+      if (res.newBag && Object.keys(res.newBag).length){
+        this.$lwDialog.alert({
+          title: this.$lwLanguage.get('wms_project.pda.inner.deadSmall.toast','提示'),
+          message: this.$lwLanguage.get('wms_project.pda.inner.deadSmall.in','请将商品放入呆滞袋') + ':' + res.new.bagNum
+        })
+      }
+
+      // 判断当前索引是否满足数据的最后一行
+      if ((this.taskIndex+1) > res.taskLines.length){
+        this.taskIndex--
+        if (this.taskIndex < 0) this.taskIndex = 0
+      }
+
+      // 判断是否还有任务
+      if (!res.taskLines.length && autoNext){
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inner.deadSmall.taskOver','当前任务已全部装袋')
+        )
+        this.tabActive = 'waitBag'
+        this.tabChange()
+      }
+
+      // 预留数据避免报错
+      this.taskList = res.taskLines.length ? res.taskLines : [{}]
+
+    },
+
+    // 获取任务数据
+    getTaskData(autoNext = true){
+      wmsGetDullSkuMoveTaskInfo({
+        taskId: this.$route.query.lwTaskId
+      }).then(res=>{
+        this.formatData(res, autoNext)
+      })
+    },
+
+    // 获取待封袋数据
+    getWaitBagList(){
+      wmsDullSkuMoveTaskUncompletedBagList({
+        taskId: this.$route.query.lwTaskId
+      }).then(res=>{
+        this.waitBagList = res || []
+      })
+    },
+
+    // 获取待装箱数据
+    getWaitBoxList(){
+      wmsDullSkuMoveTaskCompletedBagList({
+        taskId: this.$route.query.lwTaskId
+      }).then(res=>{
+        this.waitBagList = res || []
+      })
+    },
+
+    // 获取已装箱数据
+    getBoxList(){
+      wmsDullSkuMoveTaskCompletedBoxList({
+        taskId: this.$route.query.lwTaskId
+      }).then(res=>{
+        this.boxList = res || []
+      })
+    },
+
+    // tab切换
+    tabChange(){
+      switch (this.tabActive) {
+        case 'bagging':
+          this.getTaskData(false)
+          break;
+        case 'waitBag':
+          this.getWaitBagList()
+          break;
+        case 'waitBox':
+          this.getWaitBoxList()
+          break;
+        case 'boxList':
+          this.getBoxList()
+          break;
+        default:
+          this.getTaskData()
+          break;
+      }
+    },
+
+    // 异常处理成功
+    abnSuccess(res){
+      this.formatData(res)
+    },
+
+    // 确认装袋
+    confirmBagging(){
+      this.$refs.taskItem.confirmSubmit()
+    },
+    // 装袋处理方法
+    baggingFn(data){
+      return wmsDullSkuMoveTaskPutSkuToBag({
+        ...data,
+        taskId: this.$route.query.lwTaskId,
+        taskLineKey: this.taskList[this.taskIndex].taskLineKey,
+        deviceId: this.printData.printId
+      })
+    },
+    // 装袋处理成功
+    confirmSuccess(res){
+      this.formatData(res)
+    },
+
+    // 封袋
+    offBagSuccess(type, res){
+      if (type === 'waitBag'){
+        this.getWaitBagList()
+      }
+      this.formatData(res)
+    },
+
+
+    // 打开缺货弹框
+    lackOpen(){
+      // const {success} = this.$refs.taskItem.checkAllInputVal(true)
+      //
+      // if (!success) return
+
+      this.lackShow = true
+    },
+    // 确认缺货
+    lackSubmit(res){
+      this.formatData(res)
+    },
+
+    // 追加装袋 - 打开
+    addBagOpen(){
+      const {success, data} = this.$refs.taskItem.checkAllInputVal()
+
+      if (success){
+        this.addBagPopup.show = true
+        this.addBagPopup.bag.focus = true
+        this.addBagPopup.data = data
+      }
+
+    },
+    // 追加装袋 - 确认
+    addBagConfirm(){
+
+      const bag = this.addBagPopup.bag.value
+      if (!bag){
+        this.addBagPopup.bag.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inner.deadSmall.bagNull','袋号不能为空')
+        )
+        return
+      }
+
+      const item = this.taskList[this.taskIndex]
+
+      if (!item.suggestBagNums.includes(bag)){
+        this.addBagPopup.bag.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inner.deadSmall.addErr','当前袋号不是推荐袋号，不允许追加')
+        )
+        this.addBagPopup.bag.value = ''
+        return
+      }
+
+      wmsDullSkuMoveTaskAppendToBag({
+        taskId: this.$route.query.lwTaskId,
+        taskLineKey: item.taskLineKey,
+        bagNum: bag,
+        ...this.addBagPopup.data,
+        deviceId: this.printData.printId
+      }).then(res=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inner.deadSmall.addSuccess','追加装入成功')
+        )
+        this.addBagPopup.show = false
+        this.formatData(res)
+      })
+    },
+
+    // 装箱 - 打开
+    putBoxOpen(){
+      this.putBoxPopup.show = true
+      this.putBoxPopup.bag.focus = true
+    },
+    // 装箱 - 关闭
+    putBoxOff(){
+
+      if (!this.putBoxPopup.list.length){
+        this.putBoxPopup.show = false
+        return
+      }
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.inner.deadSmall.toast','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.inner.deadSmall.clear','当前扫描数据将会被清空')
+      }).then(()=>{
+        this.putBoxPopup.show = false
+      }).catch(()=>{})
+    },
+    // 装箱 - 弹框关闭后
+    putBoxOffOver(){
+      this.putBoxPopup.bag.value = ''
+      this.putBoxPopup.list = []
+    },
+    // 装箱 - 袋号确认
+    putBoxConfirm(){
+      const bag = this.putBoxPopup.bag.value
+
+      if (!bag){
+        this.putBoxPopup.bag.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inner.deadSmall.deadBagNull','呆滞袋号不能为空')
+        )
+        return
+      }
+
+      for (let i of this.waitBagList) {
+
+        if (i.bagNum === bag){
+          let qty = 0
+          i.lines.forEach(item=>{
+            qty += Number(item.qty || 0)
+          })
+          this.putBoxPopup.list.unshift({
+            bagNum: bag,
+            qty
+          })
+          this.putBoxPopup.bag.value = ''
+          return
+        }
+      }
+
+      this.putBoxPopup.bag.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.inner.deadSmall.bagNot','当前袋号未在待装箱列表中找到')
+      )
+      this.putBoxPopup.bag.value = ''
+    },
+    // 装箱 - 完成装箱
+    putBoxSubmit(){
+      if (!this.putBoxPopup.list.length){
+        this.putBoxPopup.bag.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inner.deadSmall.scan','请扫描或输入需要装箱的呆滞袋')
+        )
+        return
+      }
+
+      wmsDullSkuMoveTaskCompleteBox({
+        taskId: this.$route.query.lwTaskId,
+        deviceId: this.printData.printId,
+        bagNumList: this.putBoxPopup.list.map(item=>item.bagNum)
+      }).then(res=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inner.deadSmall.boxSuccess','装箱成功')
+        )
+        this.getWaitBoxList()
+        this.formatData(res)
+        this.putBoxPopup.show = false
+      })
+    }
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+.col{
+  flex-shrink: 0;
+  text-align: left;
+}
+.col-1{
+  width: 60%;
+}
+.col-2{
+  width: 30%;
+  text-align: center;
+}
+</style>

package/src/components/page/inner/dead/taskEntrance/index.js

@@ -0,0 +1,11 @@
+/*
+* 呆滞品整理 - 入口页面
+* @author: 张文
+* @date  2022-07-12
+* */
+
+import lwInnerDeadTaskEntrancePage from "./index.vue";
+
+lwInnerDeadTaskEntrancePage.install = Vue => Vue.component(lwInnerDeadTaskEntrancePage.name, lwInnerDeadTaskEntrancePage)
+
+export default lwInnerDeadTaskEntrancePage

package/src/components/page/inner/dead/taskEntrance/index.vue

@@ -0,0 +1,49 @@
+<!--
+  呆滞品整理 - 入口页面
+  @author: 张文
+  @date: 2022-07-12
+-->
+<template>
+  <div>
+
+  </div>
+</template>
+
+<script>
+
+import {wmsGetDullSkuMoveTaskInfo} from "../../../../../api/inner/dead/large";
+
+export default {
+  name: "lwInnerDeadEntrancePage",
+  data() {
+    return {}
+  },
+  mounted() {
+    const taskId = this.$route.query.taskId
+    const lwTaskId = this.$route.query.lwTaskId
+
+    const _taskId=taskId||lwTaskId
+
+    wmsGetDullSkuMoveTaskInfo({
+      "taskId":_taskId
+    }).then(res=>{
+      let path = '/inner/dead/lwSmallAction'
+      if (res.skuSizeType !== 'S'){
+        path = '/inner/dead/lwLargeAction'
+      }
+
+      this.$router.replace({
+        path,
+        query:{
+          "lwTaskId":_taskId
+        }
+      })
+    })
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>