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

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

@@ -0,0 +1,437 @@
+ <!--
+  打托 - 执行打托
+  @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>

package/src/components/page/outbound/lpnPack/components/boxItem.vue

@@ -0,0 +1,90 @@
+<!--
+  打托 - 箱列表
+  @author: 张文
+  @date: 2022-09-14
+-->
+<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>
+
+          <div class="lw-global-flex-between">
+
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.boxItem.onqcguyw','捆包箱列表') }}
+            </div>
+
+            <div class="lw-global-value-bold-red">
+              {{ (boxList.length || 0) + $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.boxItem.qemcafex','箱') }}
+            </div>
+          </div>
+
+
+        </template>
+
+        <div
+          v-for="(i,k) in boxList"
+          :key="k"
+          :class="[
+            'lw-global-flex-between',
+            k === (boxList.length - 1) ? 'lw-global-row-end' : 'lw-global-row',
+          ]"
+        >
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.boxItem.phfdvlzr','箱号') }}
+            </span>
+            <span class="lw-global-value-bold">{{ i.boxNo }}</span>
+          </div>
+
+          <div
+            v-if="isChange"
+            style="flex-shrink: 0"
+          >
+            <van-icon
+              name="clear"
+              color="#d50000"
+              size="20px"
+              @click="$emit('del',i,k)"
+            />
+          </div>
+
+        </div>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "boxItem",
+  props:{
+    boxList:{
+      type: Array,
+      default: () => []
+    },
+    // 是否编辑
+    isChange: Boolean
+  },
+  data() {
+    return {
+      collapse: ['1']
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/lpnPack/components/lpnActionInfo.vue

@@ -0,0 +1,132 @@
+<!--
+  打托执行头部信息
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-flex-between lw-global-row-start">
+
+      <div class="lw-global-flex-start" style="flex: 1">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.jogkzdqa','托号')"
+          :value="item.palletNo"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-tag
+          style="flex-shrink: 0"
+          plain
+          round
+          :type="item.billStatus === '100' ? 'danger' : 'success'"
+        >{{ item.billStatusLabel }}</lw-tag>
+      </div>
+
+      <lw-button
+        v-if="showPrint"
+        style="flex-shrink: 0"
+        mini
+        round
+        @click="$emit('print')"
+      >
+        {{$lwLanguage.get('','打印')}}
+      </lw-button>
+
+    </div>
+
+    <slot>
+      <div class="lw-global-flex-start-start lw-global-row">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.nrkaclig','客户') }}
+        </div>
+
+        <div class="lw-global-value">
+
+          <div class="lw-global-value-bold">{{ item.customerCode }}</div>
+          <div class="lw-global-title">{{ item.customerName }}</div>
+
+        </div>
+
+      </div>
+
+      <!-- 执行时显示 -->
+      <div
+        v-if="isAction"
+        class="lw-global-flex-between lw-global-row"
+      >
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.qyucpyxu','待打托箱数')"
+          :value="item.waitPalletCount"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.ljuddnac','已打托箱数')"
+          :value="item.boxCount"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <!-- 已完成打托显示 -->
+      <lw-title-value-cell
+        v-else
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.phovpwfj','箱数')"
+        :value="item.boxCount"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.tkswstnq','长宽高')"
+        :value="`${item.length || '-'}*${item.width || '-'}*${item.height || '-'}`"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.oiazezrx','总量')"
+        :value="`${item.weight || '-'}kg`"
+        val-bold
+        is-row-end
+      />
+    </slot>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lpnActionInfo",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    },
+
+    // 是否是执行
+    isAction: Boolean,
+
+    // 是否显示打印按钮
+    showPrint: Boolean
+  },
+  computed:{
+
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>