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

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

@@ -0,0 +1,376 @@
+<!--
+  呆滞品整理- 中大件 - 打托
+  @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>

package/src/components/page/inner/dead/putaway/action/index.js

@@ -0,0 +1,11 @@
+/*
+* 呆滞品上架 - 起始页
+* @author: 张文
+* @date  2022-07-12
+* */
+
+import lwInnerDeadPutawatIndexPage from "./index.vue";
+
+lwInnerDeadPutawatIndexPage.install = Vue => Vue.component(lwInnerDeadPutawatIndexPage.name, lwInnerDeadPutawatIndexPage)
+
+export default lwInnerDeadPutawatIndexPage

package/src/components/page/inner/dead/putaway/action/index.vue

@@ -0,0 +1,131 @@
+<!--
+  呆滞品上架 - 执行页
+  @author: 张文
+  @date: 2022-07-12
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.inner.deadPutaway.title','呆滞品 - 上架')"/>
+
+    <div class="lw-global-page-box">
+
+      <div style="padding: 5px 10px" class="lw-global-model-box">
+
+        <lw-title-value-cell
+          :title="pageTitle"
+          :value="deadData.lpn || deadData.boxNum"
+          val-bold
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.inner.deadPutaway.putaway','确认上架库位')"
+          v-model="location"
+          :get-focus.sync="locationFocus"
+          :show-bottom-border="false"
+          required
+          @confirm="locationConfirm"
+        />
+
+      </div>
+
+      <collapse-item
+        :is-lpn="isLpn"
+        :dead-title="pageTitle"
+        :item="deadData"
+      />
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        plain
+        type="last"
+        @click="backPage"
+      >{{ $lwLanguage.get('wms_project.pda.inner.deadPutaway.cut','切换托盘/箱号') }}</lw-button>
+
+      <lw-button @click="locationConfirm">
+        {{ $lwLanguage.get('wms_project.pda.inner.deadPutaway.up','确认上架') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import collapseItem from './../components/collapseItem.vue'
+import {wmsDullSkuMoveTaskGetToPutawayLpn, wmsDullSkuMoveTaskPutaway} from "../../../../../../api/inner/dead/action";
+
+export default {
+  name: "lwInnerDeadPutawatActionPage",
+  components:{
+    collapseItem
+  },
+  data() {
+    return {
+      pageTitle: '',
+      location: '',
+      locationFocus: true,
+      // 是否是托盘
+      isLpn: false,
+
+      // 数据
+      deadData:{}
+    }
+  },
+  mounted() {
+    wmsDullSkuMoveTaskGetToPutawayLpn({
+      lpn: this.$route.query.lwBoxNo
+    }).then(res=>{
+
+      if (res.lpn){
+        this.isLpn = true
+        this.pageTitle = this.$lwLanguage.get('wms_project.pda.inner.deadPutaway.lpn','呆滞托盘号')
+      }else {
+        this.isLpn = false
+        this.pageTitle = this.$lwLanguage.get('wms_project.pda.inner.deadPutaway.box','呆滞装箱号')
+      }
+
+      this.deadData = res
+
+    }).catch(()=>{
+      history.go(-1)
+    })
+  },
+  methods: {
+    // 确认上架
+    locationConfirm(){
+      const locationCode = this.location
+      if (!locationCode){
+        this.locationFocus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inner.deadPutaway.locNull','上架库位不能为空')
+        )
+        return
+      }
+
+      wmsDullSkuMoveTaskPutaway({
+        taskId: this.deadData.taskId,
+        lpn: this.$route.query.lwBoxNo,
+        locationCode
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inner.deadPutaway.success','上架成功')
+        )
+        history.go(-1)
+      })
+    },
+
+    // 切换托盘
+    backPage(){
+      history.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/dead/putaway/components/collapseItem.vue

@@ -0,0 +1,128 @@
+<!--
+  呆滞品折叠框
+  @author: 张文
+  @date: 2022-07-18
+-->
+<template>
+  <div style="padding: 5px 10px" class="lw-global-model-box lw-global-collapse-box">
+    <van-collapse
+      v-model="collapse"
+      :border="false"
+    >
+      <van-collapse-item name="1">
+
+        <template #title>
+
+          <lw-title-value-cell
+            style="padding: 0"
+            :title="deadTitle"
+            :value="item.lpn || item.boxNum"
+          />
+
+          <div class="lw-global-row-end lw-global-flex-between">
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.deadPutaway.skuCount','品种数')"
+              :value="item.skuCount"
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-title-value-cell
+              v-if="!isLpn"
+              :title="$lwLanguage.get('wms_project.pda.inner.deadPutaway.bag','袋数')"
+              :value="item.bagCount"
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.deadPutaway.total','总数量')"
+              :value="item.qty"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+
+          </div>
+
+        </template>
+
+        <!-- 装袋 -->
+        <template v-if="!isLpn">
+          <div
+            class="bag-item"
+            v-for="(i,k) in item.lines"
+            :key="k"
+          >
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.inner.deadPutaway.bagNum','装袋号')"
+              :value="i.bagNum"
+              val-bold
+              val-red
+            />
+
+            <lw-sku-info-module
+              v-for="(ini,ink) in i.lines"
+              :key="ink"
+              v-bind="ini"
+              is-row
+              :is-row-last="(ink+1)===i.lines.length"
+            />
+
+
+          </div>
+        </template>
+
+        <!-- 装箱 -->
+        <template v-else>
+          <lw-sku-info-module
+            v-for="(ini,ink) in item.lines"
+            :key="ink"
+            v-bind="ini"
+            is-row
+            :is-row-last="(ink+1) === item.lines.length"
+          />
+        </template>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "collapseItem",
+  props:{
+    // 是否是呆滞托盘
+    isLpn: Boolean,
+
+    // 呆滞品类型名称
+    deadTitle: String,
+
+    item:{
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      collapse:[]
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+.bag-item{
+  padding: 5px;
+  border-radius: 5px;
+  border: solid 1px #f0f0f0;
+
+  &+.bag-item{
+    margin-top: 5px;
+  }
+}
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 呆滞品上架 - 执行页
+* @author: 张文
+* @date  2022-07-12
+* */
+
+import lwInnerDeadPutawatActionPage from "./index.vue";
+
+lwInnerDeadPutawatActionPage.install = Vue => Vue.component(lwInnerDeadPutawatActionPage.name, lwInnerDeadPutawatActionPage)
+
+export default lwInnerDeadPutawatActionPage