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

package/src/components/page/inner/dead/query/action/action.vue

@@ -0,0 +1,809 @@
+<!--
+  呆滞品整理- 查询详情
+  @author: 杨震天
+  @date: 2022-09-08
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('','呆滞品整理 - 打包查询')"/>
+
+
+    <div
+      style="margin-top: 10px"
+      class="lw-global-tab-box"
+      v-if="haveDullInfo()"
+    >
+      <van-tabs
+        type="card"
+        animated
+        v-model="tabActive"
+        @change="tabChange"
+      >
+
+        <!-- 呆滞品袋 -->
+        <van-tab v-if="dullAdjustInfo.bagInfoList && dullAdjustInfo.bagInfoList.length>0"
+                 name="bag"
+                 :title="$lwLanguage.get('','呆滞品袋')"
+        >
+
+
+          <div >
+            <div class="lw-global-model-box" >
+              <div class="lw-global-row-start" v-for="(bagInfo,index) in dullAdjustInfo.bagInfoList">
+
+                <div class="lw-global-flex-between">
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('','呆滞袋')"
+                    :value="bagInfo.bagNum"
+                    val-bold
+                    :is-row="false"
+                  />
+
+                  <lw-tag
+                    v-if="bagInfo.bagStatus"
+                    round
+                    plain
+                    :type='bagInfo.needHandle?"warning":"primary"'
+                  >{{ bagInfo.bagStatus }}
+                  </lw-tag>
+                </div>
+
+
+                <lw-sku-info-module
+                  v-for="(containInfo,conIndex) in bagInfo.lines"
+                  :key="conIndex"
+                  v-bind="containInfo"
+                  is-row
+                />
+
+                <div class="lw-global-row-end lw-global-flex-between">
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('','装袋人')"
+                    :value="bagInfo.createStaffName"
+                    val-bold
+                    :is-row="false"
+                  />
+
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('','装袋时间')"
+                    :value="$lwDate.format(bagInfo.createTime, 'yyyy-MM-dd hh:mm')"
+                    val-bold
+                    :is-row="false"
+                  />
+
+
+                </div>
+
+
+                <div class="lw-global-row-end lw-global-flex-between">
+
+                <span>
+                  <lw-button
+                    v-if="bagInfo.needHandle"
+                    style="margin-left: 10px"
+                    mini
+                    round
+                    block
+                    @click="completeBag(bagInfo.bagNum,bagInfo.taskId)"
+                  >{{ $lwLanguage.get('', '完成封袋') }}
+                  </lw-button>
+                </span>
+
+                  <span>
+                   <lw-button
+                     mini
+                     round
+                     block
+                     @click="printBag(bagInfo.taskId,bagInfo.bagNum)"
+                   >{{ $lwLanguage.get('', '补打标签') }}
+                </lw-button>
+
+                </span>
+
+
+
+                </div>
+
+              </div>
+
+
+            </div>
+          </div>
+
+
+
+        </van-tab>
+
+
+        <!-- 呆滞品箱 -->
+        <van-tab v-if="dullAdjustInfo.boxInfoList && dullAdjustInfo.boxInfoList.length>0"
+                 name="box"
+                 :title="$lwLanguage.get('','呆滞品箱')"
+        >
+
+
+          <div v-for=" (boxInfo,index) in  dullAdjustInfo.boxInfoList"
+               style="padding: 5px 10px"
+               class="lw-global-model-box lw-global-collapse-box"
+          >
+            <van-collapse
+              v-model="boxInfo.pdaCollapse"
+              :border="false"
+            >
+              <van-collapse-item name="1">
+
+                <template #title>
+
+                  <div class="lw-global-row-start lw-global-flex-between">
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.deadBox','呆滞箱')"
+                      :value="boxInfo.boxNum"
+                      val-bold
+                      :is-row="false"
+                    />
+
+
+                    <lw-button
+                      style="flex-shrink: 0"
+                      mini
+                      round
+                      @click.stop="printBox(boxInfo.taskId,boxInfo.boxNum)"
+                    >{{ $lwLanguage.get('wms_project.pda.inner.deadCom.print', '补打标签') }}
+                    </lw-button>
+
+                  </div>
+
+                  <div class="lw-global-row-end lw-global-flex-between">
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.skuCount','品种数')"
+                      :value="boxInfo.skuCount"
+                      val-bold
+                      :is-row="false"
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.bagNum','袋数')"
+                      :value="boxInfo.bagCount"
+                      val-bold
+                      :is-row="false"
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.total','总数量')"
+                      :value="boxInfo.qty"
+                      val-bold
+                      val-red
+                      :is-row="false"
+                    />
+
+                  </div>
+
+                  <div class="lw-global-row-end lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('','装箱人')"
+                      :value="boxInfo.createStaffName"
+                      val-bold
+                      :is-row="false"
+                    />
+
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('','装箱时间')"
+                      :value="$lwDate.format(boxInfo.createTime, 'yyyy-MM-dd hh:mm')"
+                      val-bold
+                      :is-row="false"
+                    />
+
+
+                  </div>
+
+                </template>
+
+                <div
+                  class="box-list-item"
+                  v-for="(bagInfo,k) in boxInfo.lines"
+                  :key="k"
+                >
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('','装袋号')"
+                    :value="bagInfo.bagNum"
+                    val-bold
+                    val-red
+                  />
+
+                  <lw-sku-info-module
+                    v-for="(bagSku,key) in bagInfo.lines"
+                    :key="key"
+                    v-bind="bagSku"
+                    is-row
+                    :is-row-last="(key+1)===bagInfo.lines.length"
+                  />
+                </div>
+
+              </van-collapse-item>
+            </van-collapse>
+          </div>
+
+        </van-tab>
+
+
+        <!-- 呆滞品托 -->
+        <van-tab v-if="dullAdjustInfo.lpnInfoList && dullAdjustInfo.lpnInfoList.length>0"
+                 name="lpn"
+                 :title="$lwLanguage.get('','呆滞品托')"
+        >
+
+          <div v-for="(item,index) in dullAdjustInfo.lpnInfoList"
+               :style="{
+                padding: '3px 10px',
+                animationDelay: 50 * index + 'ms'
+              }"
+               class="lw-global-collapse-box lw-global-model-box lw-global-animation-out"
+          >
+            <van-collapse
+              v-model="item.pdaCollapse"
+              :border="false"
+            >
+              <van-collapse-item name="1">
+
+                <template #title>
+
+                  <div class="lw-global-flex-between lw-global-row-start">
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('','呆滞品托')"
+                      :value="item.lpn"
+                      val-bold
+                      :is-row="false"
+                    />
+
+                    <lw-tag
+                      v-if="item.lpnStatus"
+                      round
+                      plain
+                      :type='item.needHandle?"warning":"primary"'
+                    >{{ item.lpnStatus }}
+                    </lw-tag>
+
+                  </div>
+
+                  <div class="lw-global-flex-between lw-global-row-end">
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('','品种数')"
+                      :value="item.skuCount"
+                      val-bold
+                      :is-row="false"
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('','总数量')"
+                      :value="item.qty"
+                      val-bold
+                      val-red
+                      :is-row="false"
+                    />
+
+
+                  </div>
+
+                  <div class="lw-global-row-end lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('','打托人')"
+                      :value="item.createStaffName"
+                      val-bold
+                      :is-row="false"
+                    />
+
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('','打托时间')"
+                      :value="$lwDate.format(item.createTime, 'yyyy-MM-dd hh:mm')"
+                      val-bold
+                      :is-row="false"
+                    />
+                  </div>
+
+
+
+                  <div class="lw-global-row-end lw-global-flex-between">
+
+                <span>
+                  <lw-button
+                    v-if="item.needHandle"
+                    style="margin-left: 10px"
+                    mini
+                    round
+                    block
+                    @click="completeLpn(item.taskId,item.lpn)"
+                  >{{ $lwLanguage.get('', '完成打托') }}
+                  </lw-button>
+                </span>
+
+                <span>
+                   <lw-button
+                     mini
+                     round
+                     block
+                     @click.stop="printLpn(item.taskId,item.lpn)"
+                   >{{ $lwLanguage.get('', '补打标签') }}
+                </lw-button>
+
+                </span>
+
+
+
+                  </div>
+
+
+
+                </template>
+
+                <lw-sku-info-module
+                  v-for="(i,k) in item.lines"
+                  :key="k"
+                  v-bind="i"
+                  is-row
+                  :is-row-last="(k+1) === item.lines.length"
+                />
+
+              </van-collapse-item>
+            </van-collapse>
+          </div>
+
+
+        </van-tab>
+
+
+
+      </van-tabs>
+
+
+      <!-- 装箱底部按钮 -->
+      <lw-bottom-bar v-if="tabActive==='box'" >
+
+        <lw-button @click="putBoxOpen">
+          {{ $lwLanguage.get('wms_project.pda.inner.deadSmall.box','装箱') }}
+        </lw-button>
+
+      </lw-bottom-bar>
+
+    </div>
+
+    <lw-not-data v-else/>
+
+
+
+
+
+    <!-- 装箱弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','装箱')"
+      v-model="putBoxPopup.show"
+      :off-btn-fn="putBoxOff"
+      :close-on-click-overlay="false"
+      @closed="putBoxOffOver"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('','呆滞袋号')"
+        v-model="putBoxPopup.bag.value"
+        :get-focus.sync="putBoxPopup.bag.focus"
+        @confirm="putBoxConfirm"
+      />
+
+      <template v-if="putBoxPopup.list.length">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','已扫袋数')"
+          :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('','呆滞袋号') }}
+          </div>
+
+          <div class="lw-global-title col col-2">
+            {{ $lwLanguage.get('','数量') }}
+          </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 {
+  wmsDullSkuQueryInfo,
+} from "../../../../../../api/inner/dead/query";
+import {
+
+  wmsDullSkuMoveTaskCompleteBag,
+  wmsDullSkuMoveTaskCompletedBagList,
+  wmsDullSkuMoveTaskCompletedBoxList,
+  wmsDullSkuMoveTaskUncompletedBagList,
+  wmsDullSkuMoveTaskPrintBag,
+  wmsDullSkuMoveTaskPrintBox,
+  wmsDullSkuQueryCompleteBox,
+} from "../../../../../../api/inner/dead/small";
+import {wmsDullSkuMoveTaskCompleteLpn, wmsDullSkuMoveTaskPrintLpn} from "../../../../../../api/inner/dead/large";
+
+export default {
+  name: "lwInnerDullAdjustQueryPage",
+
+  data() {
+    return {
+
+      boxInfo: [],
+
+      // 打印机数据
+      printData: {},
+
+      queryData: {
+        skuCode: "",
+        adjustNo: "",
+        operator: "",
+      },
+
+
+      dullAdjustInfo: {
+        bagInfoList: [],
+        boxInfoList: [],
+        lpnInfoList: [],
+
+      },
+
+
+      // 数据
+      allTaskData: {},
+
+      // tab激活项
+      tabActive: 'bag',
+
+      // 装袋任务列表
+      taskList: [],
+      // 装袋任务索引
+      taskIndex: 0,
+
+      // 待封袋列表
+      waitBagList: [],
+
+      // 已装箱列表
+      boxList: [],
+
+      // 缺货弹框
+      lackShow: false,
+
+      // 追加装袋弹框
+      addBagPopup: {
+        show: false,
+        bag: {
+          value: '',
+          focus: false
+        },
+        data: {}
+      },
+
+      // 装箱弹框
+      putBoxPopup: {
+        show: false,
+        bag: {
+          value: '',
+          focus: false
+        },
+        list: []
+      }
+    }
+  },
+
+  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.pageInit()
+
+  },
+  methods: {
+
+    // 页面初始化
+    pageInit() {
+      const skuCode = this.$route.query.skuCode
+      const adjustNo = this.$route.query.adjustNo
+      const operator = this.$route.query.operator
+
+      console.log("skuCode", skuCode)
+      console.log("skuDullAdjustNo", adjustNo)
+      console.log("operator", operator)
+
+      this.queryData.skuCode = skuCode
+      this.queryData.adjustNo = adjustNo
+      this.queryData.operator = operator
+
+      console.log("this.queryData.skuCode", this.queryData.skuCode)
+      console.log("this.queryData.skuDullAdjustNo", this.queryData.adjustNo)
+      console.log("this.queryData.operator", this.queryData.operator)
+
+
+      this.queryDullAdjustInfo(true)
+
+    },
+
+    // 查询呆滞品整理单信息
+    queryDullAdjustInfo(bak) {
+
+      wmsDullSkuQueryInfo(this.queryData).then(res => {
+        this.dullAdjustInfo.bagInfoList = res.bagVo
+        this.dullAdjustInfo.boxInfoList = res.boxVo
+        this.dullAdjustInfo.lpnInfoList = res.lpnVo
+      }).catch(err=>{
+        if(bak){
+          console.log("报错了：",err)
+          setTimeout(() => this.$router.back(), 1000)
+        }
+      })
+    },
+
+
+    // 完成封袋
+    completeBag(bagNum, taskId) {
+
+      if (!taskId) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '当前袋无任务ID，请联系系统管理员')
+        )
+        return
+      }
+
+      if (!bagNum) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '当前袋没有袋号，请联系系统管理员')
+        )
+        return
+      }
+
+
+      let data = {
+        "taskId": taskId,
+        "bagNum": bagNum,
+        "deviceId": this.printData.printId,
+      }
+
+      wmsDullSkuMoveTaskCompleteBag(data).then(res => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '完成封袋')
+        )
+        this.queryDullAdjustInfo()
+      })
+    },
+
+
+    // 打印袋号
+    printBag(taskId,bagNum){
+        wmsDullSkuMoveTaskPrintBag({
+          taskId: taskId,
+          deviceId: this.printData.printId,
+          bagNum: bagNum
+        }).then(res=>{
+          this.$lwPrint.bluetoothPrint({taskId:res.id})
+        })
+    },
+
+    // 打印箱
+    printBox(taskId,boxNum){
+      wmsDullSkuMoveTaskPrintBox({
+        taskId: taskId,
+        deviceId: this.printData.printId,
+        boxNum: boxNum
+      }).then(res=>{
+        this.$lwPrint.bluetoothPrint({taskId:res.id})
+      })
+    },
+
+    // 打印托
+    printLpn(taskId,lpn){
+      wmsDullSkuMoveTaskPrintLpn({
+        taskId: taskId,
+        lpn: lpn,
+        deviceId: this.printData.printId
+      }).then(res=>{
+        this.$lwPrint.bluetoothPrint({taskId:res.id})
+      })
+    },
+
+
+    // 完成打托
+    completeLpn(taskId,lpn){
+
+      let data = {
+        "taskId": taskId,
+        "lpn": lpn,
+        "deviceId": this.printData.printId,
+      }
+
+      wmsDullSkuMoveTaskCompleteLpn(data).then(res=>{
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('','已打托')
+        )
+        this.queryDullAdjustInfo()
+
+      })
+    },
+
+
+    // tab切换
+    tabChange() {
+
+    },
+
+    // 装箱 - 打开
+    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 bagInfo of this.dullAdjustInfo.bagInfoList) {
+
+
+        if (bagInfo.bagNum === bag) {
+          if(bagInfo.needHandle){
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('', '当前袋未封袋！！！请封袋后再装箱')
+            )
+            return
+          }
+          let qty = 0
+          bagInfo.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('', '当前袋号未在待装箱列表中找到')
+      )
+      this.putBoxPopup.bag.value = ''
+    },
+    // 装箱 - 完成装箱
+    putBoxSubmit() {
+      if (!this.putBoxPopup.list.length) {
+        this.putBoxPopup.bag.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '请扫描或输入需要装箱的呆滞袋')
+        )
+        return
+      }
+
+
+      wmsDullSkuQueryCompleteBox({
+        deviceId: this.printData.printId,
+        bagNumList: this.putBoxPopup.list.map(item=>item.bagNum)
+      }).then(res=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','装箱成功')
+        )
+        this.queryDullAdjustInfo()
+        this.putBoxPopup.show = false
+
+      })
+
+
+    }
+    ,
+
+    haveDullInfo(){
+      let haveBagInfo=this.dullAdjustInfo.bagInfoList && this.dullAdjustInfo.bagInfoList.length>0
+      let haveBoxInfo=this.dullAdjustInfo.boxInfoList && this.dullAdjustInfo.boxInfoList.length>0
+      let haveLpnInfo=this.dullAdjustInfo.lpnInfoList && this.dullAdjustInfo.lpnInfoList.length>0
+
+      return haveBagInfo || haveBoxInfo || haveLpnInfo;
+
+    }
+
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+.col {
+  flex-shrink: 0;
+  text-align: left;
+}
+
+.col-1 {
+  width: 60%;
+}
+
+.col-2 {
+  width: 30%;
+  text-align: center;
+}
+</style>