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

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

@@ -1,376 +1,381 @@
-<!--
-  呆滞品整理- 中大件 - 打托
-  @author: 张文
-  @date: 2022-07-12
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.title','呆滞品整理 - 打托')"/>
-
-    <div class="lw-global-page-box">
-
-      <!-- 数据看板 -->
-      <data-info
-        :size-label="allTaskData.skuSizeTypeLabel"
-        :task-no="allTaskData.taskNo"
-        :plan-qty="allTaskData.planQty"
-        :lpned-qty="allTaskData.lpnedQty"
-        :lpn-count="allTaskData.lpnCount"
-        :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="ing"
-            :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.lpn','打托')"
-          >
-
-            <template v-if="hasData">
-              <task-item
-                ref="taskItem"
-                v-model="taskIndex"
-                :all-length="taskList.length"
-                :item="taskList[taskIndex]"
-                :confirm-fn="downFn"
-                @abnSuccess="abnSuccess"
-                @confirmSuccess="downConfirm"
-              />
-
-              <wait-over-lpn
-                v-if="taskList[taskIndex].currentLpn && Object.keys(taskList[taskIndex].currentLpn).length"
-                :item="taskList[taskIndex].currentLpn"
-                @btnClick="overLpnPopupOpen(taskList[taskIndex].currentLpn)"
-              />
-
-            </template>
-            <lw-not-data
-              v-else
-              :content="$lwLanguage.get('wms_project.pda.inner.deadLarge.taskOver','当前任务已全部下架')"
-            />
-
-          </van-tab>
-
-          <van-tab
-            name="wait"
-            :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.waitLpn','待打托')"
-          >
-            <wait-over-lpn
-              v-for="(i,k) in waitLpnList"
-              :key="k"
-              :item="i"
-              @btnClick="overLpnPopupOpen(i)"
-            />
-            <lw-not-data v-if="!waitLpnList.length"/>
-          </van-tab>
-          <van-tab
-            name="list"
-            :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.overLpnList','已打托列表')"
-          >
-            <lpn-list-item
-              v-for="(i,k) in overLpnList"
-              :key="k"
-              :index="k"
-              :item="i"
-              :device-id="printData.printId"
-            />
-            <lw-not-data v-if="!overLpnList.length"/>
-          </van-tab>
-        </van-tabs>
-      </div>
-
-    </div>
-
-    <lw-bottom-bar
-      v-if="tabActive==='ing' && hasData"
-    >
-
-      <lw-button
-        type="last"
-        @click="lackShow=true"
-      >{{ $lwLanguage.get('wms_project.pda.inner.deadLarge.lack','缺货') }}</lw-button>
-
-      <lw-button @click="downClick">
-        {{ $lwLanguage.get('wms_project.pda.inner.deadLarge.downLpn','下架到托盘') }}
-      </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
-      :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.over','完成打托')"
-      v-model="overPopup.show"
-    >
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.deadLpn','呆滞托盘')"
-        :value="overPopup.data.lpn"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.skuCount','品种数')"
-        :value="overPopup.data.skuCount"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.total','总数量')"
-        :value="overPopup.data.qty"
-        val-bold
-      />
-
-      <div
-        style="letter-spacing: 1px;text-align: center"
-        class="lw-global-row-end lw-global-value-bold-red"
-      >
-        {{ $lwLanguage.get('wms_project.pda.inner.deadLarge.print','完成当前托盘的打托,自动打印托盘标签') }}
-      </div>
-
-      <template #button>
-
-        <lw-button @click="overLpn">
-          {{ $lwLanguage.get('wms_project.pda.inner.deadLarge.over','完成打托') }}
-        </lw-button>
-
-      </template>
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-import dataInfo from './../components/dataInfo.vue'
-import lackPopup from './../components/lackPopup.vue'
-import lpnListItem from './../components/lpnListItem.vue'
-import taskItem from './../components/taskItem.vue'
-import waitOverLpn from './../components/waitOverLpn.vue'
-import {
-  wmsDullSkuMoveTaskCompletedLpnList,
-  wmsDullSkuMoveTaskCompleteLpn,
-  wmsDullSkuMoveTaskPutSkuToLpn, wmsDullSkuMoveTaskUncompletedLpnList,
-  wmsGetDullSkuMoveTaskInfo
-} from "../../../../../api/inner/dead/large";
-
-export default {
-  name: "lwInnerDeadLargeActionPage",
-  components:{
-    dataInfo,
-    lackPopup,
-    lpnListItem,
-    taskItem,
-    waitOverLpn,
-  },
-  data() {
-    return {
-      // 当前任务的原始数据
-      allTaskData: {},
-
-      // 打印机
-      printData:{},
-
-      // tab激活项
-      tabActive:'ing',
-
-      // 任务数据
-      taskList:[],
-      // 当前任务索引
-      taskIndex: 0,
-
-      // 待打托列表
-      waitLpnList:[],
-
-      // 已打托数据
-      overLpnList:[],
-
-
-      // 缺货弹框
-      lackShow: false,
-
-      // 完成打托弹框
-      overPopup:{
-        show: false,
-        data:{}
-      }
-    }
-  },
-  computed:{
-    // 是否有数据
-    hasData(){
-      return this.allTaskData.taskLines && this.allTaskData.taskLines.length
-    }
-  },
-  mounted() {
-    this.init()
-  },
-  methods: {
-    // 初始化
-    async init(){
-      const {success, printData} = this.$lwPrint.test(
-        'DULL_CASE_LABEL',
-        this.$lwLanguage.get('wms_project.pda.inner.deadLarge.dead','呆滞品')
-      )
-
-      if(!success){
-        history.go(-1)
-        return
-      }
-
-      this.printData = printData
-
-      const res =await wmsGetDullSkuMoveTaskInfo({
-        taskId: this.$route.query.lwTaskId
-      })
-
-      this.formatData(res)
-    },
-
-    // 数据处理
-    formatData(res){
-
-      this.allTaskData = res
-
-      // 判断是否存在打印数据
-      if (res.printTask && Object.keys(res.printTask).length){
-        this.$lwPrint.bluetoothPrint([res.printTask])
-      }
-
-
-      // 判断当前索引是否满足数据的最后一行
-      if ((this.taskIndex+1) > res.taskLines.length){
-        this.taskIndex--
-        if (this.taskIndex < 0) this.taskIndex = 0
-      }
-
-
-      // 判断是否还有任务
-      if (!res.taskLines.length){
-
-        this.tabActive = 'wait'
-        this.getWaitLpnData(true)
-
-        // 预留数据避免报错
-        this.taskList = [{}]
-        return
-      }
-
-      this.taskList = res.taskLines
-
-    },
-
-    // 确认下架按钮点击
-    downClick(){
-      this.$refs.taskItem.confirmSubmit()
-    },
-    // 确认下架处理函数
-    downFn(data){
-      return wmsDullSkuMoveTaskPutSkuToLpn({
-        ...data,
-        taskId: this.$route.query.lwTaskId,
-        taskLineKey: this.taskList[this.taskIndex].taskLineKey,
-        deviceId: this.printData.printId
-      })
-    },
-    // 下架成功
-    downConfirm(res){
-      this.formatData(res)
-    },
-
-    // 异常上报成功
-    abnSuccess(res) {
-      this.formatData(res)
-    },
-
-    // 缺货上报
-    lackSubmit(res){
-      console.log(res,9090)
-      this.formatData(res)
-    },
-
-    // 完成打托打开弹框
-    overLpnPopupOpen(item){
-      console.log(item,1234)
-      this.overPopup.data = item
-      this.overPopup.show = true
-    },
-    // 完成打托
-    overLpn(){
-      wmsDullSkuMoveTaskCompleteLpn({
-        taskId: this.$route.query.lwTaskId,
-        lpn: this.overPopup.data.lpn,
-        deviceId: this.printData.printId
-      }).then(res=>{
-        this.formatData(res)
-        this.overPopup.show = false
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.inner.deadLarge.overLpn','已打托')
-        )
-        // 解决在待打托tab时数据没有更新的问题
-        this.tabChange()
-      })
-    },
-
-    // 获取待打托数据
-    getWaitLpnData(jump){
-      wmsDullSkuMoveTaskUncompletedLpnList({
-        taskId: this.$route.query.lwTaskId
-      }).then(res => {
-        this.waitLpnList = res || []
-
-        // 如果没有数据并且允许跳转就跳转到已打托列表
-        if (!this.waitLpnList.length && jump){
-          this.tabActive = 'list'
-          this.getLpnListData()
-        }
-      })
-    },
-    // 获取已打托列表
-    getLpnListData() {
-      wmsDullSkuMoveTaskCompletedLpnList({
-        taskId: this.$route.query.lwTaskId
-      }).then(res => {
-        this.overLpnList = res || []
-      })
-    },
-    // tab切换
-    tabChange(){
-
-      switch (this.tabActive) {
-        case 'wait':
-          this.getWaitLpnData()
-          break
-        case 'list':
-          this.getLpnListData()
-          break
-        default:
-          break
-      }
-
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  呆滞品整理- 中大件 - 打托
+  @author: 张文
+  @date: 2022-07-12
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.title','呆滞品整理 - 打托')"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- 数据看板 -->
+      <data-info
+        :size-label="allTaskData.skuSizeTypeLabel"
+        :task-no="allTaskData.taskNo"
+        :plan-qty="allTaskData.planQty"
+        :lpned-qty="allTaskData.lpnedQty"
+        :lpn-count="allTaskData.lpnCount"
+        :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="ing"
+            :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.lpn','打托')"
+          >
+
+            <template v-if="hasData">
+              <task-item
+                ref="taskItem"
+                v-model="taskIndex"
+                :all-length="taskList.length"
+                :item="taskList[taskIndex]"
+                :confirm-fn="downFn"
+                @abnSuccess="abnSuccess"
+                @confirmSuccess="downConfirm"
+              />
+
+              <wait-over-lpn
+                v-if="taskList[taskIndex].currentLpn && Object.keys(taskList[taskIndex].currentLpn).length"
+                :item="taskList[taskIndex].currentLpn"
+                @btnClick="overLpnPopupOpen(taskList[taskIndex].currentLpn)"
+              />
+
+            </template>
+            <lw-not-data
+              v-else
+              :content="$lwLanguage.get('wms_project.pda.inner.deadLarge.taskOver','当前任务已全部下架')"
+            />
+
+          </van-tab>
+
+          <van-tab
+            name="wait"
+            :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.waitLpn','待打托')"
+          >
+            <wait-over-lpn
+              v-for="(i,k) in waitLpnList"
+              :key="k"
+              :item="i"
+              @btnClick="overLpnPopupOpen(i)"
+            />
+            <lw-not-data v-if="!waitLpnList.length"/>
+          </van-tab>
+          <van-tab
+            name="list"
+            :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.overLpnList','已打托列表')"
+          >
+            <lpn-list-item
+              v-for="(i,k) in overLpnList"
+              :key="k"
+              :index="k"
+              :item="i"
+              :device-id="printData.printId"
+            />
+            <lw-not-data v-if="!overLpnList.length"/>
+          </van-tab>
+        </van-tabs>
+      </div>
+
+    </div>
+
+    <lw-bottom-bar
+      v-if="tabActive==='ing' && hasData"
+    >
+
+      <lw-button
+        type="last"
+        @click="lackShow=true"
+      >{{ $lwLanguage.get('wms_project.pda.inner.deadLarge.lack','缺货') }}</lw-button>
+
+      <lw-button @click="downClick">
+        {{ $lwLanguage.get('wms_project.pda.inner.deadLarge.downLpn','下架到托盘') }}
+      </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
+      :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.over','完成打托')"
+      v-model="overPopup.show"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.deadLpn','呆滞托盘')"
+        :value="overPopup.data.lpn"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.skuCount','品种数')"
+        :value="overPopup.data.skuCount"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.total','总数量')"
+        :value="overPopup.data.qty"
+        val-bold
+      />
+
+      <div
+        style="letter-spacing: 1px;text-align: center"
+        class="lw-global-row-end lw-global-value-bold-red"
+      >
+        {{ $lwLanguage.get('wms_project.pda.inner.deadLarge.print','完成当前托盘的打托,自动打印托盘标签') }}
+      </div>
+
+      <template #button>
+
+        <lw-button @click="overLpn">
+          {{ $lwLanguage.get('wms_project.pda.inner.deadLarge.over','完成打托') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import dataInfo from './../components/dataInfo.vue'
+import lackPopup from './../components/lackPopup.vue'
+import lpnListItem from './../components/lpnListItem.vue'
+import taskItem from './../components/taskItem.vue'
+import waitOverLpn from './../components/waitOverLpn.vue'
+import {
+  wmsDullSkuMoveTaskCompletedLpnList,
+  wmsDullSkuMoveTaskCompleteLpn,
+  wmsDullSkuMoveTaskPutSkuToLpn, wmsDullSkuMoveTaskUncompletedLpnList,
+  wmsGetDullSkuMoveTaskInfo
+} from "../../../../../api/inner/dead/large";
+
+export default {
+  name: "lwInnerDeadLargeActionPage",
+  components:{
+    dataInfo,
+    lackPopup,
+    lpnListItem,
+    taskItem,
+    waitOverLpn,
+  },
+  data() {
+    return {
+      // 当前任务的原始数据
+      allTaskData: {},
+
+      // 打印机
+      printData:{},
+
+      // tab激活项
+      tabActive:'ing',
+
+      // 任务数据
+      taskList:[],
+      // 当前任务索引
+      taskIndex: 0,
+
+      // 待打托列表
+      waitLpnList:[],
+
+      // 已打托数据
+      overLpnList:[],
+
+
+      // 缺货弹框
+      lackShow: false,
+
+      // 完成打托弹框
+      overPopup:{
+        show: false,
+        data:{}
+      }
+    }
+  },
+  computed:{
+    // 是否有数据
+    hasData(){
+      return this.allTaskData.taskLines && this.allTaskData.taskLines.length
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    // 初始化
+    async init(){
+      const {success, printData} = this.$lwPrint.test(
+        'DULL_CASE_LABEL',
+        this.$lwLanguage.get('wms_project.pda.inner.deadLarge.dead','呆滞品')
+      )
+
+      if(!success){
+        history.go(-1)
+        return
+      }
+
+      this.printData = printData
+
+      const res =await wmsGetDullSkuMoveTaskInfo({
+        taskId: this.$route.query.lwTaskId
+      })
+
+      this.formatData(res)
+    },
+
+    // 数据处理
+    async formatData(res){
+
+      this.allTaskData = res
+
+      // 判断是否存在打印数据
+      if (res.printTaskDTO && Object.keys(res.printTaskDTO).length){
+
+        try {
+          await this.$lwPrint.bluetoothPrint({taskId: res.printTaskDTO.id})
+        }catch (e){
+          console.warn('打托打印失败：',e)
+        }
+
+      }
+
+
+      // 判断当前索引是否满足数据的最后一行
+      if ((this.taskIndex+1) > res.taskLines.length){
+        this.taskIndex--
+        if (this.taskIndex < 0) this.taskIndex = 0
+      }
+
+
+      // 判断是否还有任务
+      if (!res.taskLines.length){
+
+        this.tabActive = 'wait'
+        this.getWaitLpnData(true)
+
+        // 预留数据避免报错
+        this.taskList = [{}]
+        return
+      }
+
+      this.taskList = res.taskLines
+
+    },
+
+    // 确认下架按钮点击
+    downClick(){
+      this.$refs.taskItem.confirmSubmit()
+    },
+    // 确认下架处理函数
+    downFn(data){
+      return wmsDullSkuMoveTaskPutSkuToLpn({
+        ...data,
+        taskId: this.$route.query.lwTaskId,
+        taskLineKey: this.taskList[this.taskIndex].taskLineKey,
+        deviceId: this.printData.printId
+      })
+    },
+    // 下架成功
+    downConfirm(res){
+      this.formatData(res)
+    },
+
+    // 异常上报成功
+    abnSuccess(res) {
+      this.formatData(res)
+    },
+
+    // 缺货上报
+    lackSubmit(res){
+      this.formatData(res)
+    },
+
+    // 完成打托打开弹框
+    overLpnPopupOpen(item){
+      this.overPopup.data = item
+      this.overPopup.show = true
+    },
+    // 完成打托
+    async overLpn(){
+      const res = await wmsDullSkuMoveTaskCompleteLpn({
+        taskId: this.$route.query.lwTaskId,
+        lpn: this.overPopup.data.lpn,
+        deviceId: this.printData.printId
+      })
+
+      this.formatData(res)
+
+      this.overPopup.show = false
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.inner.deadLarge.overLpn','已打托')
+      )
+      // 解决在待打托tab时数据没有更新的问题
+      this.tabChange()
+    },
+
+    // 获取待打托数据
+    getWaitLpnData(jump){
+      wmsDullSkuMoveTaskUncompletedLpnList({
+        taskId: this.$route.query.lwTaskId
+      }).then(res => {
+        this.waitLpnList = res || []
+
+        // 如果没有数据并且允许跳转就跳转到已打托列表
+        if (!this.waitLpnList.length && jump){
+          this.tabActive = 'list'
+          this.getLpnListData()
+        }
+      })
+    },
+    // 获取已打托列表
+    getLpnListData() {
+      wmsDullSkuMoveTaskCompletedLpnList({
+        taskId: this.$route.query.lwTaskId
+      }).then(res => {
+        this.overLpnList = res || []
+      })
+    },
+    // tab切换
+    tabChange(){
+
+      switch (this.tabActive) {
+        case 'wait':
+          this.getWaitLpnData()
+          break
+        case 'list':
+          this.getLpnListData()
+          break
+        default:
+          break
+      }
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>