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

package/src/components/page/outbound/bale/baleChange/action/index.vue

@@ -0,0 +1,585 @@
+<!--
+  捆包箱调整 - 执行页
+  @author: 张文
+  @date: 2022-07-08
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.fnbtbiha','捆包箱调整')"/>
+
+    <div class="lw-global-page-box">
+
+      <store-info-sku-list
+        :item="baleData"
+        :customer-code="baleData.customerCode"
+        :customer-name="baleData.customerName"
+      >
+
+        <template #customerBtn>
+          <lw-button
+            mini
+            round
+            @click="printData"
+          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.qflieoch','打印箱票') }}</lw-button>
+        </template>
+
+      </store-info-sku-list>
+
+    </div>
+
+    <lw-bottom-bar-btn-hidden
+      :btn-list="btnList"
+    />
+
+    <!-- 开箱弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.qnqkroog','开箱')"
+      v-model="openBoxPopup.show"
+      @closed="openBoxOff"
+    >
+
+      <container-sku-qty
+        :box-no="baleData.boxNo"
+        :type-count="baleData.skuTypeCount"
+        :pack-qty="baleData.packQty"
+      />
+
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.rhjnmgzf','开箱原因')"
+        v-model="openBoxPopup.reason"
+        :columns="openBoxPopup.list"
+        required
+        value-key="label"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.pgunfhje','开箱备注')"
+        v-model="openBoxPopup.remark"
+        type="textarea"
+        :rows="4"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.ypqikods','商品撤回容器')"
+        v-model="openBoxPopup.container.value"
+        :get-focus.sync="openBoxPopup.container.focus"
+        required
+        rule-key="container"
+        @confirm="confirmOpen"
+      />
+
+      <div
+        style="text-align: center;font-size: 16px;letter-spacing: 1px"
+        class="lw-global-row-end lw-global-value-bold-red"
+      >
+        {{ $lwLanguage.get(
+          '',
+          '捆包箱中的商品全部取下复核捆包，然后可以再次捆包'
+        )}}
+      </div>
+
+      <template #button>
+
+        <lw-button @click="confirmOpen">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.hskzbdnu','确认开箱') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 剔除弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.zjmddjyq','剔除商品')"
+      v-model="delPopup.show"
+      @closed="delPopupOff"
+    >
+      <container-sku-qty
+        :box-no="baleData.boxNo"
+        :type-count="baleData.skuTypeCount"
+        :pack-qty="baleData.packQty"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.qogpulmr','商品条码')"
+        v-model="delPopup.sku.value"
+        :get-focus.sync="delPopup.sku.focus"
+        required
+        input-align="right"
+        rule-key="delSku"
+        @confirm="delSkuConfirm"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.ujuyzxnj','序列号')"
+        v-if="delPopup.sn.show"
+        v-model="delPopup.sn.value"
+        :get-focus.sync="delPopup.sn.focus"
+        required
+        input-align="right"
+        rule-key="delSn"
+        @confirm="delSnConfirm"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.karwdeyz','复核量')"
+        v-model="delPopup.qty.value"
+        :get-focus.sync="delPopup.qty.focus"
+        :disabled="delPopup.sn.show"
+        required
+        input-align="right"
+        type="digit"
+        @confirm="delQtyConfirm"
+      >
+
+        <template #button>
+          <lw-tag
+            v-if="delPopup.sn.show"
+            round
+            plain
+            type="danger"
+          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.oddishjw','不可修改') }}</lw-tag>
+        </template>
+
+      </lw-input>
+
+      <lw-sku-info-module
+        :qty-text="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.xbgzckav','内装数')"
+        :sku-name="delPopup.skuInfo.skuName"
+        :sku-code="delPopup.skuInfo.skuCode"
+        :qty="delPopup.skuInfo.minSellQty"
+        is-row
+      />
+
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.pdceyqdu','剔除原因')"
+        v-model="delPopup.reason"
+        :columns="delPopup.causeList"
+        required
+        value-key="label"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.qxqqmjgi','剔除备注')"
+        v-model="delPopup.remark"
+        type="textarea"
+        input-align="right"
+        :rows="4"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.ykfmzcdb','商品放入容器')"
+        v-model="delPopup.container.value"
+        :get-focus.sync="delPopup.container.focus"
+        required
+        :show-bottom-border="false"
+        input-align="right"
+        rule-key="delContainer"
+        @confirm="delConfirm"
+      />
+
+
+
+      <template #button>
+
+        <lw-button @click="delConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.wmzwcveb','确认剔除') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+    <!-- 追加弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.racauqwc','追加')"
+      v-model="addPopup.show"
+      @closed="addPopup.container.value=''"
+    >
+
+      <container-sku-qty
+        :box-no="baleData.boxNo"
+        :type-count="baleData.skuTypeCount"
+        :pack-qty="baleData.packQty"
+      />
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.jqkxnojy','拣选容器号')"
+        v-model="addPopup.container.value"
+        :get-focus.sync="addPopup.container.focus"
+        rule-key="addContainer"
+        @confirm="addAction"
+      />
+
+      <template #button>
+        <lw-button @click="addAction">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.lzbnlhyg','执行追加') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import storeInfoSkuList from './../../components/storeInfoSkuList/index.vue'
+import containerSkuQty from './../../components/containerSkuQty/index.vue'
+import {
+  projectWmsOutboundPackAdjustQueryBox,
+  projectWmsPackAdjustAddContainerCheck,
+  projectWmsPackAdjustDeleteSku,
+  projectWmsPackAdjustDeleteSkuWithSn,
+  projectWmsPackAdjustOpenBox
+} from "../../../../../../api/outbound/bale/baleChange/action";
+
+export default {
+  name: "lwOutboundBaleChangeActionPage",
+  components:{
+    storeInfoSkuList,
+    containerSkuQty,
+  },
+  data() {
+    return {
+      // 捆包数据
+      baleData:{},
+
+      // 底部按钮组
+      btnList:[
+        {
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.qnqkroog','开箱'),
+          click: () => this.openBoxPopup.show = true
+        },
+        {
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.zjmddjyq','剔除商品'),
+          click: this.delOpenPopup
+        },
+        {
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.rzmgbwgr','追加商品'),
+          click: this.addOpen
+        },
+      ],
+
+      // 开箱弹框
+      openBoxPopup:{
+        show: false,
+        list:[
+          {label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.hdydbzgl','正常')},
+          {label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.dsuwlskh','品质 - 破损')},
+          {label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.iqstifbe','排查 - 品质 - 破损')}
+        ],
+        // 开箱原因
+        reason:'',
+        remark:'',
+        container:{
+          value:'',
+          focus: false
+        }
+      },
+
+      // 剔除商品
+      delPopup:{
+        show: false,
+
+        sku:{
+          value:'',
+          focus: false
+        },
+
+        qty:{
+          value:'',
+          focus: false
+        },
+
+        sn:{
+          value:'',
+          focus: false,
+          show: false
+        },
+
+        skuInfo:{},
+
+        reason:'',
+        causeList: [
+          {label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.hdydbzgl','正常')},
+          {label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.dsuwlskh','品质 - 破损')},
+          {label: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.iqstifbe','排查 - 品质 - 破损')}
+        ],
+
+        remark:'',
+
+        container:{
+          value:'',
+          focus: false
+        },
+
+      },
+
+      // 追加商品弹框
+      addPopup:{
+        show: false,
+        container:{
+          value:'',
+          focus: false
+        }
+      }
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData(){
+      projectWmsOutboundPackAdjustQueryBox({
+        boxNo: this.$route.query.lwBoxNo
+      }).then(res=>{
+        this.baleData = res
+      }).catch(()=>history.go(-1))
+    },
+
+    // 点击打印箱票
+    printData(){
+      console.log(this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.iigcyzcv', '箱票打印点击'))
+    },
+
+    // 开箱确认
+    confirmOpen(){
+      if (!this.openBoxPopup.reason){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.tlrtrglc','开箱原因不能为空')
+        )
+        return
+      }
+
+      if (!this.openBoxPopup.container.value){
+        this.openBoxPopup.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.zicbrnwe','撤回容器不能为空')
+        )
+        return
+      }
+
+      projectWmsPackAdjustOpenBox({
+        boxId: this.baleData.boxId,
+        reason: this.openBoxPopup.reason,
+        remark: this.openBoxPopup.remark,
+        toPickContainer: this.openBoxPopup.container.value,
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.ozrnbjxy','已开箱')
+        )
+        history.go(-1)
+      })
+    },
+    // 开箱弹框关闭
+    openBoxOff(){
+      this.openBoxPopup.reason = ''
+      this.openBoxPopup.remark = ''
+      this.openBoxPopup.container.value = ''
+    },
+
+    // 剔除商品 - 打开弹框
+    delOpenPopup(){
+      this.delPopup.show = true
+      this.delPopup.sku.focus = true
+    },
+    // 剔除商品 - 商品号确认
+    delSkuConfirm(val, {data}){
+
+      const skuCode = this.delPopup.sku.value
+      if (!skuCode){
+        this.delPopup.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.riwnalyb','商品号不能为空')
+        )
+        return
+      }
+
+      for (let i of this.baleData.skuList) {
+        // 查找商品号是否正确
+        if (i.skuCode === skuCode){
+          this.delPopup.skuInfo = i
+
+          this.delPopup.sn.value = ''
+          this.delPopup.sn.show = false
+          this.delPopup.qty.value = ''
+
+          // 判断是否需要sn
+          if (this.delPopup.skuInfo.needHandleSn){
+            this.delPopup.sn.show = true
+
+            // 如果条码能解析出sn就执行sn确认的操作
+            if (data.sn){
+              this.delPopup.sn.value = data.sn
+              this.delSnConfirm()
+              return
+            }
+
+            // 否则让sn输入框获取焦点
+            this.delPopup.sn.focus = true
+
+            return
+          }
+
+          this.delPopup.qty.value = data.qty || ''
+          this.delPopup.qty.focus = true
+          return
+        }
+      }
+
+      // 没有找到商品就报错
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.jjxxjsns','当前商品未在捆包箱中找到，请确认商品号是否正确')
+      )
+      this.delPopup.sku.value = ''
+      this.delPopup.sku.focus = true
+    },
+    // 剔除商品 - 序列号确认
+    delSnConfirm(){
+
+      const sn = this.delPopup.sn.value
+      if (!sn){
+        this.delPopup.sn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.npinnlxx','序列号不能为空')
+        )
+        return
+      }
+
+      for (let i of this.baleData.packSnList) {
+
+        if (i.sn === sn && i.skuId === this.delPopup.skuInfo.skuId){
+          this.delPopup.qty.value = i.qty
+          this.delPopup.container.focus = true
+          return
+        }
+      }
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.dtuowfdx','当前序列号不在捆包箱内')
+      )
+      this.delPopup.sn.value = ''
+      this.delPopup.sn.focus = true
+    },
+    // 剔除商品 - 复核量确认、校验
+    delQtyConfirm(){
+      const qty = Number(this.delPopup.qty.value || 0)
+      if (!qty){
+        this.delPopup.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.whoelfgg','剔除数量不能为空，且应当是大于0的整数')
+        )
+        return false
+      }
+
+      return true
+    },
+    // 剔除商品 - 确认剔除
+    delConfirm(){
+
+      if (!Object.keys(this.delPopup.skuInfo).length){
+        this.delPopup.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.jzedpkny','请扫描需要剔除的商品')
+        )
+        return
+      }
+
+      if (this.delPopup.sn.show && !this.delPopup.sn.value){
+        this.delPopup.sn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.rkbuuqju','请扫描需要剔除商品的序列号')
+        )
+        return
+      }
+
+      if (!this.delQtyConfirm()) return
+
+      if (!this.delPopup.reason){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.swoalsos','剔除原因不能为空')
+        )
+        return
+      }
+
+      if (!this.delPopup.container.value){
+        this.delPopup.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.ebvjsupn','剔除商品放入的容器号不能为空')
+        )
+        return
+      }
+
+      const fn = this.delPopup.sn.show ?
+        projectWmsPackAdjustDeleteSkuWithSn :
+        projectWmsPackAdjustDeleteSku
+
+      fn({
+        boxId: this.baleData.boxId,
+        deleteToContainer: this.delPopup.container.value,
+        skuId: this.delPopup.skuInfo.skuId,
+        reason: this.delPopup.reason,
+        remark: this.delPopup.remark,
+        snList:[{
+          sn: this.delPopup.sn.value,
+          qty: this.delPopup.qty.value
+        }],
+        currentDeleteQty: this.delPopup.qty.value
+      }).then(res=>{
+        if (res.boxDelAll){
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.ncxlalsc','当前箱商品已全部剔除')
+          )
+          history.go(-1)
+          return
+        }
+
+        this.delPopup.show = false
+        this.getData()
+      })
+    },
+    // 剔除商品 - 弹框关闭
+    delPopupOff(){
+      this.delPopup.sku.value = ''
+      this.delPopup.skuInfo = {}
+      this.delPopup.qty.value = ''
+      this.delPopup.sn.value = ''
+      this.delPopup.reason = ''
+      this.delPopup.remark = ''
+      this.delPopup.container.value = ''
+    },
+
+    // 追加商品 - 打开弹框
+    addOpen(){
+      this.addPopup.show = true
+      this.addPopup.container.focus = true
+    },
+    // 追加商品 - 执行追加
+    addAction(){
+      const container = this.addPopup.container.value
+      if(!container){
+        this.addPopup.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.action.zezfnwxi','拣选容器号不能为空')
+        )
+        return
+      }
+
+      projectWmsPackAdjustAddContainerCheck({
+        boxId: this.baleData.boxId,
+        addPickContainer: container
+      }).then(()=>{
+        this.$router.push({
+          path: '/outbound/baleChange/lwSkuCheck',
+          query:{
+            lwBoxId: this.baleData.boxId,
+            lwContainer: container
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 捆包箱调整 - 起始页
+* @author: 张文
+* @date  2022-07-08
+* */
+
+import lwOutboundBaleChangeIndexPage from "./index.vue";
+
+lwOutboundBaleChangeIndexPage.install = Vue => Vue.component(lwOutboundBaleChangeIndexPage.name, lwOutboundBaleChangeIndexPage)
+
+export default lwOutboundBaleChangeIndexPage

package/src/components/page/outbound/bale/baleChange/index/index.vue

@@ -0,0 +1,67 @@
+<!--
+  捆包箱调整 - 起始页
+  @author: 张文
+  @date: 2022-07-08
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.index.efdkooia','捆包箱调整')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box">
+
+        <lw-input
+         :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.index.ymmsseyz','捆包箱号')"
+         v-model="boxNo"
+         :get-focus.sync="boxNoFocus"
+         rule-key="box"
+         @confirm="boxNoConfirm"
+        />
+
+      </div>
+
+    </div>
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwOutboundBaleChangeIndexPage",
+  data() {
+    return {
+      boxNo: '',
+      boxNoFocus: true
+    }
+  },
+  methods: {
+    boxNoConfirm() {
+
+      if (!this.boxNo){
+        this.boxNoFocus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.index.rpuobegc','捆包箱不能为空')
+        )
+        return
+      }
+
+      this.$router.push({
+        path: '/outbound/baleChange/lwAction',
+        query:{
+          lwBoxNo: this.boxNo
+        }
+      })
+
+    }
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/bale/baleChange/skuCheck/index.js

@@ -0,0 +1,11 @@
+/*
+* 捆包箱调整 - 追加复核
+* @author: 张文
+* @date  2022-07-08
+* */
+
+import lwOutboundBaleChangeSkuCheckPage from "./index.vue";
+
+lwOutboundBaleChangeSkuCheckPage.install = Vue => Vue.component(lwOutboundBaleChangeSkuCheckPage.name, lwOutboundBaleChangeSkuCheckPage)
+
+export default lwOutboundBaleChangeSkuCheckPage