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

package/src/components/page/outbound/lpnPack/action/index.vue

@@ -1,287 +1,437 @@
- <!--
-  打托 - 执行打托
-  @author: 张文
-  @date: 2022-08-22
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('','打托')"/>
-
-    <div class="lw-global-page-box">
-
-      <lpn-action-info
-        is-action
-      >
-
-        <div
-          v-if="!hasCustomer"
-          style="padding: 20px;text-align: center;font-size: 16px"
-          class="lw-global-row-end lw-global-value-bold-red"
-        >
-          {{ $lwLanguage.get('','请扫描捆包箱号执行打托') }}
-        </div>
-
-      </lpn-action-info>
-
-      <div class="lw-global-model-box">
-
-        <lw-input
-          :title="$lwLanguage.get('','捆包箱号')"
-          v-model="box.value"
-          :get-focus.sync="box.focus"
-          :show-bottom-border="false"
-          :rule-production-data="$lwScanRule.production('打托-执行打托-捆包箱号','CASE')"
-          rule-key="case"
-          @confirm="boxConfirm"
-        />
-
-      </div>
-
-      <div class="lw-global-model-box">
-
-        <lw-scan-data-list-module
-          :title="$lwLanguage.get('','捆包箱列表')"
-          v-model="boxList"
-          :row-title="$lwLanguage.get('','箱号')"
-        />
-
-      </div>
-
-    </div>
-
-    <lw-bottom-bar>
-
-      <lw-button
-        type="last"
-        @click="refresh"
-      >{{ $lwLanguage.get('','重新打托') }}</lw-button>
-
-      <lw-button @click="overLpn">
-        {{ $lwLanguage.get('','完成打托') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-    <!-- 完成打托弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('','完成打托')"
-      v-model="overLpnPopup.show"
-      @closed="overLpnPopupOff"
-    >
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','托号')"
-        value="LPN-001"
-        val-bold
-        is-row-start
-      />
-
-      <div class="lw-global-flex-start-start lw-global-row">
-
-        <div class="lw-global-title" style="flex-shrink: 0">
-          {{ $lwLanguage.get('','客户') }}
-        </div>
-
-        <div class="lw-global-value">
-
-          <div class="lw-global-value-bold">{{ 'KH-001' }}</div>
-          <div class="lw-global-title">{{ '客户-001' }}</div>
-
-        </div>
-
-      </div>
-
-      <div class="lw-global-flex-between lw-global-row">
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','箱数')"
-          :value="4"
-          val-bold
-          :is-row="false"
-        />
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','品种数')"
-          :value="2"
-          val-bold
-          :is-row="false"
-        />
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','商品数')"
-          :value="44"
-          val-bold
-          :is-row="false"
-        />
-
-      </div>
-
-      <div class="lw-global-row">
-
-        <div class="lw-global-flex-between">
-
-          <div class="lw-global-required lw-global-title">
-            {{ $lwLanguage.get('','托盘长宽高') }}
-          </div>
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('','托盘体积')"
-            :value="100"
-            val-bold
-            :is-row="false"
-          />
-
-        </div>
-
-        <div class="lw-global-flex-between">
-          <lw-input
-            v-model="overLpnPopup.length"
-            :placeholder="$lwLanguage.get('','输入长')"
-            type="number"
-            :show-bottom-border="false"
-          />
-
-          <lw-input
-            v-model="overLpnPopup.width"
-            :placeholder="$lwLanguage.get('','输入宽')"
-            type="number"
-            :show-bottom-border="false"
-          />
-
-          <lw-input
-            v-model="overLpnPopup.height"
-            :placeholder="$lwLanguage.get('','输入高')"
-            type="number"
-            :show-bottom-border="false"
-          />
-        </div>
-
-      </div>
-
-      <div class="lw-global-row-end">
-
-        <div class="lw-global-flex-between">
-
-          <div class="lw-global-required lw-global-title">
-            {{ $lwLanguage.get('','托盘重量') }}
-          </div>
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('','标准重量')"
-            :value="100"
-            val-bold
-            :is-row="false"
-          />
-
-        </div>
-
-        <lw-input
-          v-model="overLpnPopup.weight"
-          :placeholder="$lwLanguage.get('','输入托盘总重量')"
-          type="number"
-          :show-bottom-border="false"
-        />
-
-      </div>
-
-      <template #button>
-
-        <lw-button @click="overLpnConfirm">
-          {{ $lwLanguage.get('','完成打托') }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-import lpnActionInfo from "../components/lpnActionInfo.vue";
-
-export default {
-  name: "lwOutboundLpnPackActionPage",
-  components:{
-    lpnActionInfo
-  },
-  data() {
-    return {
-      // 有客户信息
-      hasCustomer: true,
-
-      // 捆包箱号
-      box:{
-        value:'',
-        focus: false
-      },
-
-      // 已扫描捆包箱数据
-      boxList:[
-        {sn:'BOX-001',qty:1},
-        {sn:'BOX-002',qty:1},
-        {sn:'BOX-003',qty:1},
-        {sn:'BOX-004',qty:1},
-      ],
-
-      // 完成打托弹框
-      overLpnPopup:{
-        show: false,
-        length: '',
-        width: '',
-        height: '',
-        weight: ''
-      }
-    }
-  },
-  methods: {
-    // 确认箱号
-    boxConfirm(){
-
-    },
-
-    // 重新打托
-    refresh(){
-
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('','提示'),
-        message: this.$lwLanguage.get('','当前扫描数据将会被全部清空')
-      }).then(()=>{
-        this.box.value = ''
-        this.boxList = []
-        this.box.focus = true
-
-      }).catch(()=>{})
-
-    },
-
-    // 完成打托
-    overLpn(){
-
-      if (!this.boxList.length){
-        this.box.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','请输入需要打托的箱号')
-        )
-        return
-      }
-
-      this.overLpnPopup.show = true
-      console.log(1234)
-    },
-    // 完成打托 - 弹框关闭
-    overLpnPopupOff(){
-
-    },
-    // 完成打托 - 确认打托
-    overLpnConfirm(){
-
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+ <!--
+  打托 - 执行打托
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.ieltusvw','打托')"/>
+
+    <div class="lw-global-page-box">
+
+      <lpn-action-info
+        is-action
+        :item="lpnData"
+        show-print
+        @print="printClick"
+      >
+
+        <div
+          v-if="!hasCustomer"
+          style="padding: 20px;text-align: center;font-size: 16px"
+          class="lw-global-row-end lw-global-value-bold-red"
+        >
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.frtqssci','请扫描捆包箱号执行打托') }}
+        </div>
+
+      </lpn-action-info>
+
+      <div class="lw-global-model-box">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.inzoitqj','捆包箱号')"
+          v-model="box.value"
+          :get-focus.sync="box.focus"
+          :show-bottom-border="false"
+          :create-rule="$lwScanRule.create('打托-执行打托-捆包箱号','CASE')"
+          rule-key="case"
+          @confirm="boxConfirm"
+        />
+
+      </div>
+
+      <box-item
+        v-if="lpnData.boxList && lpnData.boxList.length"
+        :box-list="lpnData.boxList"
+        is-change
+        @del="boxDel"
+      />
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        @click="refresh"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.gylthokx','重新打托') }}</lw-button>
+
+      <lw-button @click="overLpn">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.rpieaoah','完成打托') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 完成打托弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.rpieaoah','完成打托')"
+      v-model="overLpnPopup.show"
+      @closed="overLpnPopupOff"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.ydxmaexw','托号')"
+        :value="lpnData.palletNo"
+        val-bold
+        is-row-start
+      />
+
+      <div class="lw-global-flex-start-start lw-global-row">
+
+        <div class="lw-global-title" style="flex-shrink: 0">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.ggjkpmzk','客户') }}
+        </div>
+
+        <div class="lw-global-value">
+
+          <div class="lw-global-value-bold">{{ lpnData.customerCode }}</div>
+          <div class="lw-global-title">{{ lpnData.customerName }}</div>
+
+        </div>
+
+      </div>
+
+      <div class="lw-global-flex-between lw-global-row">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.rgarazsg','箱数')"
+          :value="lpnData.boxCount"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.iktgnttn','品种数')"
+          :value="lpnData.skuTypeCount"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.ohhhkihr','商品数')"
+          :value="lpnData.skuQty"
+          val-bold
+          :is-row="false"
+        />
+
+      </div>
+
+      <div class="lw-global-row">
+        <div class="lw-global-required lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.iofheyup','托盘长宽高') }}
+        </div>
+
+        <div class="lw-global-flex-between">
+          <lw-input
+            v-model="overLpnPopup.length.value"
+            :get-focus.sync="overLpnPopup.length.focus"
+            :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.trjuuqts','输入长')"
+            type="number"
+            :show-bottom-border="false"
+          />
+
+          <lw-input
+            v-model="overLpnPopup.width.value"
+            :get-focus.sync="overLpnPopup.width.focus"
+            :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.ptieabps','输入宽')"
+            type="number"
+            :show-bottom-border="false"
+          />
+
+          <lw-input
+            v-model="overLpnPopup.height.value"
+            :get-focus.sync="overLpnPopup.height.focus"
+            :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.rorjnkui','输入高')"
+            type="number"
+            :show-bottom-border="false"
+          />
+        </div>
+
+      </div>
+
+      <div class="lw-global-row-end">
+
+        <div class="lw-global-flex-between">
+
+          <div class="lw-global-required lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.syglqppk','托盘重量') }}
+          </div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.axpzgqju','标准重量')"
+            :value="lpnData.weight || '-'"
+            val-bold
+            :is-row="false"
+          />
+
+        </div>
+
+        <lw-input
+          v-model="overLpnPopup.weight.value"
+          :get-focus.sync="overLpnPopup.weight.focus"
+          :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.tvazwnsi','输入托盘总重量')"
+          type="number"
+          :show-bottom-border="false"
+        />
+
+      </div>
+
+      <template #button>
+
+        <lw-button @click="overLpnConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.rpieaoah','完成打托') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import lpnActionInfo from "../components/lpnActionInfo.vue";
+import boxItem from "../components/boxItem.vue";
+import {
+  projectWmsOutboundPalletCancel,
+  projectWmsOutboundPalletFinish,
+  projectWmsOutboundPalletQueryDetail,
+  projectWmsOutboundPalletRemoveBox,
+  projectWmsOutboundPalletSubmit,
+  projectWmsSubmitPrintPallet
+} from "../../../../../api/outbound/lpnPack";
+
+
+export default {
+  name: "lwOutboundLpnPackActionPage",
+  components:{
+    lpnActionInfo,
+    boxItem,
+  },
+  data() {
+    return {
+      // 托盘数据
+      lpnData: {},
+
+      // 捆包箱号
+      box:{
+        value:'',
+        focus: true
+      },
+
+      // 完成打托弹框
+      overLpnPopup:{
+        show: false,
+        length: {
+          value: '',
+          focus: false
+        },
+        width: {
+          value: '',
+          focus: false
+        },
+        height: {
+          value: '',
+          focus: false
+        },
+        weight: {
+          value: '',
+          focus: false
+        }
+      },
+
+      // 打印机信息
+      printData:{}
+    }
+  },
+  computed:{
+    hasCustomer(){
+      return !!this.lpnData.boxCount
+    },
+  },
+  mounted() {
+    // 判断当前是否配置了打印机
+    const {success,printData} = this.$lwPrint.test(
+      'OUTBOUND_PALLET_LABEL',
+      this.$lwLanguage.get('','出库打托标签')
+    )
+    if (!success){
+      history.go(-1)
+      return
+    }
+    this.printData = printData
+    this.getLpnData()
+  },
+  methods: {
+
+    // 获取托盘数据
+    getLpnData(){
+      projectWmsOutboundPalletQueryDetail({
+        palletNo: this.$route.query.lpnNo
+      }).then(res=>{
+        this.lpnData = res || {}
+      }).catch(()=>{
+        history.go(-1)
+      })
+    },
+
+    // 确认箱号
+    boxConfirm(){
+      const boxNo = this.box.value
+      if (!boxNo){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.rdtpvuux','箱号不能为空')
+        )
+        this.box.focus = true
+        return
+      }
+
+      projectWmsOutboundPalletSubmit({
+        palletId: this.lpnData.palletId,
+        boxNo
+      }).then(res=>{
+        this.lpnData = res.palletData || {}
+        this.box.value = ''
+        this.box.focus = true
+      }).catch(()=>{
+        this.box.value = ''
+        this.box.focus = true
+      })
+    },
+
+    // 重新打托
+    refresh(){
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.dxkbblmd','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.wcmnraeu','当前扫描数据将会被全部清空')
+      }).then(()=>{
+        projectWmsOutboundPalletCancel({
+          palletId: this.lpnData.palletId
+        }).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.fbumdfyu','操作成功')
+          )
+          this.box.value = ''
+          this.box.focus = true
+          this.getLpnData()
+        })
+      }).catch(()=>{})
+    },
+
+    // 完成打托
+    overLpn(){
+
+      if (!this.lpnData.boxList?.length){
+        this.box.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.pqxlcnbz','请输入需要打托的箱号')
+        )
+        return
+      }
+
+      this.overLpnPopup.show = true
+      this.overLpnPopup.length.focus = true
+    },
+    // 完成打托 - 弹框关闭
+    overLpnPopupOff(){
+      this.overLpnPopup.length = ''
+      this.overLpnPopup.width = ''
+      this.overLpnPopup.height = ''
+      this.overLpnPopup.weight = ''
+    },
+    // 输入框校验
+    overLpnInputCheck(key){
+      const num = Number(this.overLpnPopup[key].value || 0)
+      if (!num){
+
+        let msg = ''
+        switch (key){
+          case 'length':
+            msg = this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.jvscmzan','托盘长不能为空，且应当是大于0的整数')
+            break;
+          case 'width':
+            msg = this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.kgtkhpqs','托盘宽不能为空，且应当是大于0的整数')
+            break;
+          case 'height':
+            msg = this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.jwwdpcgz','托盘高不能为空，且应当是大于0的整数')
+            break;
+          case 'weight':
+            msg = this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.fnoyhwtz','托盘重量不能为空，且应当是大于0的整数')
+            break;
+        }
+
+        this.$lwShowErrorMsg(msg)
+        this.overLpnPopup[key].focus = true
+        return false
+      }
+
+      return  true
+    },
+    // 完成打托 - 确认打托
+    async overLpnConfirm(){
+
+      for (let i of ['length', 'width', 'height', 'weight']){
+        if (!this.overLpnInputCheck(i)) return;
+      }
+
+      await projectWmsOutboundPalletFinish({
+        palletId: this.lpnData.palletId,
+        length: this.overLpnPopup.length.value,
+        width: this.overLpnPopup.width.value,
+        height: this.overLpnPopup.height.value,
+        actualWeight: this.overLpnPopup.weight.value,
+      })
+
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.yesitbju','打托成功')
+      )
+
+      try {
+        await this.printClick()
+      }finally {
+        history.go(-1)
+      }
+
+    },
+
+    // 删除箱号
+    boxDel(item){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.dxkbblmd','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.xebvurnm','确认删除箱号：') + item.boxNo
+      }).then(()=>{
+        projectWmsOutboundPalletRemoveBox({
+          palletId: this.lpnData.palletId,
+          boxId: item.boxId
+        }).then(res=>{
+          this.lpnData = res.palletData
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.action.index.lmwmsohk','已删除')
+          )
+        })
+      }).catch(()=>{})
+    },
+
+
+    // 打印
+    async printClick(){
+      try {
+        const res = await projectWmsSubmitPrintPallet({
+          palletId: this.lpnData.palletId,
+          printDeviceId: this.printData.printId
+        })
+
+        await this.$lwPrint.bluetoothPrint({taskId:res.id})
+      }catch (e){
+        console.log(e)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>