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

package/src/components/page/outbound/handover/mixin.js

@@ -0,0 +1,207 @@
+/*
+* 出库交接 - 执行 - 混入
+* @author: 张文
+* @date  2022-07-14
+* */
+
+import {
+  projectWmsOutboundGetHandoverBoxData,
+  projectWmsOutboundGetValueGroupCustomerHandoverData,
+  projectWmsOutboundGetValueGroupHandoverData,
+  projectWmsOutboundHandoverSubmit
+} from "../../../../api/outbound/handover/mixin";
+
+export const action = {
+  data(){
+    return {
+      // tab激活项
+      tabActive: 'ing',
+
+      // 路由传参数据
+      routeQuery:{},
+
+      // 线路信息
+      lineData:{},
+
+      // 店铺列表数据
+      customer:{
+        list:[],
+        pageTotal: 0,
+        pageNum: 1
+      },
+
+      // 捆包箱号
+      box:{
+        value: '',
+        focus: true
+      },
+
+      // 当前扫描数据
+      nowScanData:{},
+      // 是否显示呼吸动画
+      showMove: false,
+
+      // 已交接捆包箱列表
+      boxList:[],
+
+      // 查看线路交接箱信息弹框
+      boxDataPopup:{
+        show: false,
+        showCom: false,
+        tabActive:'wait',
+      }
+
+    }
+  },
+  mounted(){
+    const query = this.$route.query
+    this.routeQuery = {
+      tabGroupKey: query.lwTabGroupKey,
+      valueGroupKey: query.lwValueGroupKey
+    }
+    this.init()
+  },
+  methods:{
+    // 初始化
+    init(){
+      this.getLineData()
+      this.customer.pageNum = 1
+      this.getCustomerData({
+        pageNum: this.customer.pageNum,
+        pageSize: this.customer.pageSize
+      })
+
+      // 判断是否是托盘交接
+      if (this.isLpnHandover) {
+        this.lpnList.pageNum = 1
+        this.getLpnList()
+      }
+
+      this.clearScanData()
+    },
+
+    // 获取线路数据
+    getLineData(){
+      projectWmsOutboundGetValueGroupHandoverData(this.routeQuery).then(res=>{
+        this.lineData = res || {}
+      })
+    },
+
+    // 获取客户数据
+    getCustomerData(page) {
+
+      projectWmsOutboundGetValueGroupCustomerHandoverData({
+        ...this.routeQuery,
+        ...page
+      }).then(res=>{
+        this.customer.pageTotal = res.total
+        this.customer.list = res.datas
+      })
+    },
+
+    // 捆包箱号确认
+    boxConfirm(){
+      this.showMove = false
+      const boxNo = this.box.value
+      if (!boxNo){
+        this.box.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.mixin.boxNull','捆包箱号不能为空')
+        )
+        return
+      }
+
+      if (this.boxList.filter(item=>item.boxNo===boxNo).length){
+        this.box.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.mixin.boxErr','当前箱已在交接列表中')
+        )
+        this.box.value = ''
+        return
+      }
+
+      projectWmsOutboundGetHandoverBoxData({
+        ...this.routeQuery,
+        boxNo,
+        customerCode: this.nowScanData.customerCode,
+        customerName: this.nowScanData.customerName,
+        handoverType: this.handoverType
+      }).then(res=>{
+        this.checkBlock(res)
+      })
+    },
+
+    // 校验是否被拦截
+    checkBlock(res){
+
+      // 没有被拦截
+      if (res.blockStatus === 0){
+        this.nowScanData = res
+        this.showMove = true
+        this.boxList.unshift(res)
+        this.box.focus = true
+        this.box.value = ''
+        return
+      }
+
+      this.$refs.pageBox.blockType(res)
+    },
+
+    // 重新扫描按钮被点击
+    repeatScanBtn(){
+      this.clearScanData()
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.mixin.success','操作成功')
+      )
+    },
+
+    // 确认交接 - 提交数据
+    handoverSubmit(loc) {
+
+      let boxList = []
+      if (this.isLpnHandover){
+        this.boxList.forEach(item=>{
+          boxList = boxList.concat(item.boxList)
+        })
+      }else {
+        boxList = this.boxList
+      }
+      console.log(boxList,'boxList')
+      projectWmsOutboundHandoverSubmit({
+        ...this.routeQuery,
+        actualCollectLocation: loc,
+        boxList
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.mixin.handover','交接成功')
+        )
+
+
+        this.$refs.pageBox.handoverPopup.show = false
+        this.init()
+
+      })
+    },
+
+    // 清空已扫描数据
+    clearScanData(){
+      this.box.focus = true
+      this.showMove = false
+      this.nowScanData = {}
+      this.boxList = []
+
+    },
+
+    // 店铺列表 - 店铺点击
+    showBoxNoPopup(item){
+      console.log(item,112233)
+      this.boxDataPopup.query = {
+        ...this.routeQuery,
+        customerCode: item.customerCode
+      }
+      this.boxDataPopup.showCom = true
+      this.boxDataPopup.show = true
+    }
+
+  }
+}

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

@@ -30,6 +30,8 @@ import lwOutboundPickLpnActionPage from "./pick/lpn";
 import lwOutboundPickAloneActionPage from "./pick/alone";
 // 出库拣选 - 非独立件
 import lwOutboundPickNotAloneActionPage from "./pick/notAlone";
+// 出库拣选 - 边拣边分
+import lwOutboundPickSowPage from "./pick/sow";
 
 // 分区拣选集合 - 起始页
 import lwOutboundPickMergeIndexPage from "./pickMerge/index";
@@ -59,6 +61,41 @@ import lwOutboundAloneBaleNewBalePage from "./bale/aloneBale/newBale";
 // 独立捆包 - 执行操作
 import lwOutboundAloneBaleActionPage from "./bale/aloneBale/action";
 
+// 捆包箱调整 - 起始页
+import lwOutboundBaleChangeIndexPage from "./bale/baleChange/index";
+// 捆包箱调整 - 执行页
+import lwOutboundBaleChangeActionPage from "./bale/baleChange/action";
+// 捆包箱调整 - 追加复核
+import lwOutboundBaleChangeSkuCheckPage from "./bale/baleChange/skuCheck";
+
+// 拣选容器查询 - 起始页
+import lwOutboundPickContainerIndexPage from "./pickContainer/index";
+// 拣选容器查询 - 执行页
+import lwOutboundPickContainerActionPage from "./pickContainer/action";
+
+// 滞留件转存 - 起始页
+import lwOutboundBoxTransferIndexPage from "./boxTransfer/index";
+// 滞留件转存 - 执行页
+import lwOutboundBoxTransferActionPage from "./boxTransfer/action";
+
+// 出库交接 - 起始页
+import lwOutboundHandoverIndexPage from "./handover/index";
+// 出库交接 - 按店交接
+import lwOutboundHandoverCustomerActionPage from "./handover/customer";
+// 出库交接 - 按线路交接
+import lwOutboundHandoverLineActionPage from "./handover/line";
+// 出库交接 - 按托盘交接
+import lwOutboundHandoverLpnActionPage from "./handover/lpn";
+
+// 打托 - 起始页
+import lwOutboundLpnPackIndexPage from "./lpnPack/index";
+// 打托 - 新打托
+import lwOutboundLpnPackNewPage from "./lpnPack/newLpnPack";
+// 打托 - 执行打托
+import lwOutboundLpnPackActionPage from "./lpnPack/action";
+// 打托 - 已打托
+import lwOutboundLpnPackOverPage from "./lpnPack/over";
+
 export const outbound = [
   lwOutboundSummaryLpnIndexPage,
   lwOutboundSummaryLpnActionPage,
@@ -75,6 +112,7 @@ export const outbound = [
   lwOutboundPickLpnActionPage,
   lwOutboundPickAloneActionPage,
   lwOutboundPickNotAloneActionPage,
+  lwOutboundPickSowPage,
 
   lwOutboundPickMergeIndexPage,
   lwOutboundPickMergeContentPage,
@@ -91,4 +129,24 @@ export const outbound = [
   lwOutboundAloneBaleIndexPage,
   lwOutboundAloneBaleNewBalePage,
   lwOutboundAloneBaleActionPage,
+
+  lwOutboundBaleChangeIndexPage,
+  lwOutboundBaleChangeActionPage,
+  lwOutboundBaleChangeSkuCheckPage,
+
+  lwOutboundPickContainerIndexPage,
+  lwOutboundPickContainerActionPage,
+
+  lwOutboundBoxTransferIndexPage,
+  lwOutboundBoxTransferActionPage,
+
+  lwOutboundHandoverIndexPage,
+  lwOutboundHandoverCustomerActionPage,
+  lwOutboundHandoverLineActionPage,
+  lwOutboundHandoverLpnActionPage,
+
+  lwOutboundLpnPackIndexPage,
+  lwOutboundLpnPackNewPage,
+  lwOutboundLpnPackActionPage,
+  lwOutboundLpnPackOverPage,
 ]

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

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

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

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

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

@@ -0,0 +1,113 @@
+<!--
+  打托执行头部信息
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-flex-between lw-global-row-start">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','托号')"
+        value="LPN-001"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-tag
+        style="flex-shrink: 0"
+        plain
+        round
+      >{{ '打托中' }}</lw-tag>
+
+    </div>
+
+    <slot>
+      <div class="lw-global-flex-start-start lw-global-row">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $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
+        v-if="isAction"
+        class="lw-global-flex-between lw-global-row"
+      >
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','待打托箱数')"
+          :value="4"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','已打托箱数')"
+          :value="4"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <!-- 已完成打托显示 -->
+      <lw-title-value-cell
+        v-else
+        :title="$lwLanguage.get('','箱数')"
+        value="4"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','长宽高')"
+        value="1*2*4"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','总量')"
+        value="1kg"
+        val-bold
+        is-row-end
+      />
+    </slot>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lpnActionInfo",
+  props:{
+    item:{
+      type: Object,
+      defalut: () => {}
+    },
+
+    // 是否是执行
+    isAction: Boolean
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>