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

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

@@ -0,0 +1,126 @@
+<!--
+  打托起始页 - 托盘数据
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div
+    class="lw-global-model-box"
+    @click="$emit('click')"
+  >
+
+    <div class="lw-global-flex-between lw-global-row-start">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.miodemth','打托号')"
+        :value="item.palletNo"
+        val-bold
+        :is-row="false"
+      />
+
+      <div style="flex-shrink: 0">
+        <lw-button
+          mini
+          round
+          @click.stop="$emit('btnClick')"
+        >
+          {{ btnText || '-' }}
+        </lw-button>
+      </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.components.lpnItem.itanakyr','长宽高')"
+        :value="`${item.length || '-'}*${item.width || '-'}*${item.height || '-'}`"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.olniubxz','总量')"
+        :value="`${item.weight || 0}Kg`"
+        val-bold
+        :is-row="false"
+      />
+
+
+    </div>
+
+    <div class="lw-global-flex-between lw-global-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.ceuoxczs','箱数')"
+        :value="item.boxCount"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.tnqgmzml','品种数')"
+        :value="item.skuTypeCount"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.kqahudqh','商品数')"
+        :value="item.skuQty"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+
+    </div>
+
+    <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.lpnItem.bvdapwjg','客户') }}
+      </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>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.zxbchlin','打托时间')"
+      :value="$lwDate.format(item.palletTime, 'yyyy-MM-dd hh:mm')"
+      is-row-end
+    />
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lpnItem",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    },
+    // 按钮显示的文字
+    btnText: String,
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/lpnPack/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 打托 - 起始页
+* @author: 张文
+* @date: 2022-08-19
+* */
+
+import lwOutboundLpnPackIndexPage from "./index.vue";
+
+lwOutboundLpnPackIndexPage.install = Vue => Vue.component(lwOutboundLpnPackIndexPage.name, lwOutboundLpnPackIndexPage)
+
+export default lwOutboundLpnPackIndexPage

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

@@ -0,0 +1,304 @@
+<!--
+  打托 - 起始页
+  @author: 张文
+  @date: 2022-08-19
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.dwyfwhcq','打托')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-tab-box">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <van-tab
+            name="100"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.poywbhyd','打托中')"
+          >
+            <template v-if="ingData.list.length">
+              <lpn-item
+                class="lw-global-animation-out"
+                v-for="(i,k) in ingData.list"
+                :key="k"
+                :style="{animationDelay: 50 * k + 'ms'}"
+                :item="i"
+                :btn-text="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.seplxlbw','继续打托')"
+                @btnClick="actionLpn(i)"
+                @click="actionLpn(i)"
+              />
+              <lw-pagination
+                v-model="ingData.pageNum"
+                :page-size="ingData.pageSize"
+                :page-total="ingData.pageTotal"
+                @change="getIngData"
+              />
+            </template>
+            <lw-not-data v-else/>
+          </van-tab>
+
+          <van-tab
+            name="200"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.gizpwmpg','已打托')"
+          >
+            <template v-if="overData.list.length">
+              <lpn-item
+                class="lw-global-animation-out lw-global-click-style"
+                v-for="(i,k) in overData.list"
+                :key="k"
+                :style="{animationDelay: 50 * k + 'ms'}"
+                :item="i"
+                :btn-text="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.llmdrpqc','补打托标签')"
+                show-click
+                @btnClick="printLabel(i)"
+                @click="overLpn(i)"
+              />
+              <lw-pagination
+                v-model="overData.pageNum"
+                :page-total="overData.pageTotal"
+                :page-size="overData.pageSize"
+                @change="getOverData"
+              />
+            </template>
+
+            <lw-not-data v-else/>
+
+          </van-tab>
+        </van-tabs>
+
+      </div>
+
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        @click="searchLpn"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.bwzzaiuq','查询') }}
+      </lw-button>
+
+      <lw-button @click="newLpnPack">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.qiqsbtti','新打托') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 查询托盘 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.znctbhts','打托号查询')"
+      v-model="searchPopup.show"
+      @closed="searchPopup.lpn.value=''"
+    >
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.qpyjjkuw','打托号')"
+        v-model="searchPopup.lpn.value"
+        :get-focus.sync="searchPopup.lpn.focus"
+        :create-rule="$lwScanRule.create('打托-新托-打托号','LPN')"
+        rule-key="lpn"
+        @confirm="searchLpnConfirm"
+      />
+
+      <template #button>
+        <lw-button @click="searchLpnConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.bwzzaiuq','查询') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import lpnItem from "../components/lpnItem.vue";
+import {
+  projectWmsOutboundPalletQueryData,
+  projectWmsOutboundPalletQueryDetail, projectWmsSubmitPrintPallet
+} from "./../../../../../api/outbound/lpnPack";
+
+export default {
+  name: "lwOutboundLpnPackIndexPage",
+  components: {
+    lpnItem
+  },
+  data() {
+    return {
+      tabActive: '100',
+
+      ingData: {
+        list: [],
+        pageSize: 10,
+        pageNum: 1,
+        pageTotal: 0
+      },
+
+      overData: {
+        list: [],
+        pageSize: 10,
+        pageNum: 1,
+        pageTotal: 0
+      },
+
+      // 查询托号弹框
+      searchPopup: {
+        show: false,
+        lpn: {
+          value: '',
+          focus: false
+        }
+      },
+
+      // 打印机信息
+      printData:{}
+    }
+  },
+  mounted() {
+    this.tabChange()
+  },
+  methods: {
+    // tab切换
+    tabChange() {
+      if (this.tabActive === '100') {
+        if (!this.ingData.list.length) this.getIngData()
+      } else {
+        if (!this.overData.list.length) this.getOverData()
+      }
+    },
+    // 获取打托中的数据
+    getIngData() {
+      projectWmsOutboundPalletQueryData({
+        type: '100',
+        pageNum: this.ingData.pageNum,
+        pageSize: this.ingData.pageSize
+      }).then(res => {
+        this.ingData.pageTotal = res.total || 0
+        this.ingData.list = res.datas || []
+      })
+    },
+    // 获取已打托的数据
+    getOverData() {
+      projectWmsOutboundPalletQueryData({
+        type: '200',
+        pageNum: this.overData.pageNum,
+        pageSize: this.overData.pageSize
+      }).then(res => {
+        this.overData.pageTotal = res.total || 0
+        this.overData.list = res.datas || []
+      })
+    },
+    // 检查打印机
+    checkPrint() {
+
+      if (this.printData.printId) return true
+
+      // 判断当前是否配置了打印机
+      const {success,printData} = this.$lwPrint.test(
+        'OUTBOUND_PALLET_LABEL',
+        this.$lwLanguage.get('','出库打托标签')
+      )
+      if (success) {
+        this.printData = printData
+        return true
+      }
+
+      return false
+    },
+    // 补打标签
+    async printLabel(item) {
+      if (!this.checkPrint()) return
+      try {
+        const res = await projectWmsSubmitPrintPallet({
+          palletId: item.palletId,
+          printDeviceId: this.printData.printId
+        })
+
+        await this.$lwPrint.bluetoothPrint({taskId:res.id})
+      }catch (e){
+        console.log(e)
+      }
+    },
+    // 已打托点击
+    overLpn(item) {
+      this.$router.push({
+        path: '/outbound/lpnPack/lwOver',
+        query: {
+          lpnNo: item.palletNo
+        }
+      })
+    },
+
+    // 继续打托
+    actionLpn(item) {
+      this.$router.push({
+        path: '/outbound/lpnPack/lwAction',
+        query: {
+          lpnNo: item.palletNo
+        }
+      })
+    },
+
+    // 查询
+    searchLpn() {
+      this.searchPopup.show = true
+      this.searchPopup.lpn.focus = true
+    },
+    // 执行查询
+    searchLpnConfirm() {
+
+      const val = this.searchPopup.lpn.value
+      if (!val) {
+        this.searchPopup.lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.gdiqcyns','请输入打托号')
+        )
+        return
+      }
+      projectWmsOutboundPalletQueryDetail({
+        palletNo: val
+      }).then(res => {
+        if (!Object.keys(res).length) {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.index.index.qvolplug','没有查询到任何数据')
+          )
+          return
+        }
+
+        if (res.billStatus === '100') {
+          this.$router.push({
+            path: '/outbound/lpnPack/lwAction',
+            query: {
+              lpnNo: val
+            }
+          })
+        } else {
+          this.$router.push({
+            path: '/outbound/lpnPack/lwOver',
+            query: {
+              lpnNo: val
+            }
+          })
+        }
+      })
+    },
+
+    // 新打托
+    newLpnPack() {
+      this.$router.push({
+        path: '/outbound/lpnPack/lwNew'
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/lpnPack/newLpnPack/index.js

@@ -0,0 +1,11 @@
+/*
+* 打托 - 新打托
+* @author: 张文
+* @date: 2022-08-22
+* */
+
+import lwOutboundLpnPackNewPage from "./index.vue";
+
+lwOutboundLpnPackNewPage.install = Vue => Vue.component(lwOutboundLpnPackNewPage.name, lwOutboundLpnPackNewPage)
+
+export default lwOutboundLpnPackNewPage

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

@@ -0,0 +1,95 @@
+<!--
+  打托 - 新打托
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.newLpnPack.index.jihomodm','打托')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.newLpnPack.index.uiplsmwm','托号')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          :create-rule="$lwScanRule.create('打托-新托-托号','LPN')"
+          rule-key="lpn"
+          :show-bottom-border="false"
+          @confirm="lpnConfirm"
+        >
+
+          <template #button>
+            <lw-button
+              mini
+              round
+              @click="newLpn"
+            >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.newLpnPack.index.nsdumrrl','新托号') }}</lw-button>
+          </template>
+
+        </lw-input>
+
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import {projectWmsOutboundPalletGetNew} from "./../../../../../api/outbound/lpnPack/index.js";
+
+export default {
+  name: "lwOutboundLpnPackNewPage",
+  data() {
+    return {
+      lpn:{
+        value: '',
+        focus: true
+      }
+    }
+  },
+  methods: {
+    // 托号确认
+    lpnConfirm(){
+      if (!this.lpn.value){
+        this.lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.newLpnPack.index.wpdalezj','托号不能为空！如果不存在托号可点击【新托号】按钮由系统自动创建一个托号')
+        )
+        return
+      }
+
+      this.$router.push({
+        path: '/outbound/lpnPack/lwAction',
+        query:{
+          lpnNo: this.lpn.value
+        }
+      })
+    },
+
+    // 新托号
+    newLpn(){
+      projectWmsOutboundPalletGetNew().then(res=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.newLpnPack.index.yxzpooif','托号生成成功')
+        )
+        this.$router.push({
+          path: '/outbound/lpnPack/lwAction',
+          query:{
+            lpnNo: res.palletNo
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/lpnPack/over/index.js

@@ -0,0 +1,11 @@
+/*
+* 打托 - 已打托
+* @author: 张文
+* @date: 2022-08-22
+* */
+
+import lwOutboundLpnPackOverPage from "./index.vue";
+
+lwOutboundLpnPackOverPage.install = Vue => Vue.component(lwOutboundLpnPackOverPage.name, lwOutboundLpnPackOverPage)
+
+export default lwOutboundLpnPackOverPage

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

@@ -0,0 +1,114 @@
+<!--
+  打托 - 已打托
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.over.index.eozxmssm','打托')"/>
+
+    <div class="lw-global-page-box">
+
+      <lpn-action-info :item="lpnData"/>
+
+      <box-item :box-list="lpnData.boxList"/>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        @click="printLabel"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.over.index.dkcttgyx','补打托标签') }}</lw-button>
+
+      <lw-button @click="refresh">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.over.index.bmxtqmyt','重新打托') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import lpnActionInfo from "../components/lpnActionInfo.vue";
+import boxItem from "../components/boxItem.vue";
+import {
+  projectWmsOutboundPalletQueryDetail,
+  projectWmsOutboundPalletCancel, projectWmsSubmitPrintPallet
+} from "./../../../../../api/outbound/lpnPack";
+
+export default {
+  name: "lwOutboundLpnPackOverPage",
+  components:{
+    lpnActionInfo,
+    boxItem,
+  },
+  data() {
+    return {
+      // 打托数据
+      lpnData: {},
+
+      printData:{},
+    }
+  },
+  mounted() {
+    projectWmsOutboundPalletQueryDetail({
+      palletNo: this.$route.query.lpnNo
+    }).then(res=>{
+      this.lpnData = res || {}
+    })
+  },
+  methods: {
+    // 打印标签
+    async printLabel(){
+      if (!Object.keys(this.printData).length){
+        const {success, printData} = this.$lwPrint.test(
+          'OUTBOUND_PALLET_LABEL',
+          this.$lwLanguage.get('','出库打托标签')
+        )
+        if(!success) return
+        this.printData = printData
+      }
+
+      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)
+      }
+      // TODO 打印未实现
+      console.log('打印标签')
+    },
+
+    // 重新打托
+    refresh(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.over.index.iuszovhx','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.over.index.tohzswjo','确认重新打托？')
+      }).then(()=>{
+        projectWmsOutboundPalletCancel({
+          palletId: this.lpnData.palletId
+        }).then(()=>{
+          this.$router.replace({
+            path: '/outbound/lpnPack/lwAction',
+            query:{
+              lpnNo: this.lpnData.palletNo
+            }
+          })
+        })
+      }).catch(()=>{})
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>