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

package/src/components/page/outbound/bale/mixins.js

@@ -0,0 +1,236 @@
+/*
+* 捆包混入
+* @author: 张文
+* @date  2022-07-07
+* */
+
+import {projectWmsOutboundQueryPackMaterial} from "../../../../api/outbound/bale/aloneBale/action";
+import containerInfo from "./components/containerInfo/index.vue";
+import containerSkuQty from "./components/containerSkuQty/index.vue";
+import allBlock from "./components/allBlock/index.vue";
+import partBlock from "./components/partBlock/index.vue";
+import delSku from './components/delSku/index.vue'
+import repeatCheck from './components/repeatCheck/index.vue'
+
+export const baleMixins = {
+  components:{
+    containerInfo,
+    containerSkuQty,
+    allBlock,
+    partBlock,
+    delSku,
+    repeatCheck,
+  },
+  data(){
+    return {
+
+      // 显示剔除按钮
+      showDelBtn: true,
+
+      // 完成捆包弹框
+      overBalePopup:{
+        show: false,
+        // 实际重量
+        real:{
+          value: '',
+          focus: false
+        },
+        // 包材输入框
+        materials:{
+          value:'',
+          focus:false,
+          list:[]
+        },
+        // 放置库位
+        packedLocation:{
+          value: '',
+          focus: false
+        },
+        data:{}
+      },
+
+      // 重新复核
+      repeatPopupShow: false,
+
+      // 剔除弹框
+      delPopupShow: false,
+
+      // 全部拦截弹框
+      allBlockShow: false,
+
+      // 部分拦截弹框
+      partBlockPopup:{
+        show: false,
+        data:{
+          pickContainer:'',
+          skuTypeCount:'',
+          skuQty:'',
+          blockData:{}
+        }
+      },
+
+      // 推荐包材
+      suggestMaterialList:[]
+    }
+  },
+  computed:{
+    // 底部按钮
+    btnList(){
+      let list = []
+
+      if (this.packBox.boxId){
+        list = [
+          {
+            text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.components.mixins.over','完成复核(封箱)'),
+            click: this.overBaleOpen
+          },
+          {
+            text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.components.mixins.repeat','重新复核'),
+            click: this.mixinRepeatOpen
+          }
+        ]
+      }
+
+      // 是否显示剔除按钮
+      if (this.packBox.boxId && this.showDelBtn){
+        list.push({
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.components.mixins.del','剔除商品'),
+          click: this.mixinDelSkuOpen
+        })
+      }
+
+      // 是否显示追加商品按钮
+      if (this.packBox.boxId && this.showAddBtn){
+        list.push({
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.components.mixins.add','追加'),
+          click: this.addSkuOpen
+        })
+      }
+
+      return list
+    },
+  },
+  methods: {
+    // 完成捆包打开弹框
+    mixinOpenOverBale(res){
+      this.overBalePopup.data = res
+      this.overBalePopup.show = true
+      this.overBalePopup.real.focus = true
+    },
+    // 完成捆包 - 实际重量确认
+    mixinRealConfirm(){
+      this.overBalePopup.materials.focus = true
+    },
+    // 完成捆包 - 包材确认
+    mixinMaterialsConfirm(){
+      const materials = this.overBalePopup.materials.value
+      if (!materials){
+        this.overBalePopup.materials.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.components.mixins.null','捆包包材不能为空')
+        )
+        return
+      }
+
+      // 判断是否使用推荐包材
+      if (
+        this.packTableConfig.forceUseSuggestPackMaterial &&
+        this.suggestMaterialList.length &&
+        !this.suggestMaterialList.some(item=>item.packMaterialCode===materials)
+      ){
+
+        this.overBalePopup.materials.focus = true
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('','捆包包材必须使用推荐的捆包包材，推荐包材：{code}',{code:this.suggestMaterialList.map(item=>item.packMaterialCode).join('、')})
+        )
+        this.overBalePopup.materials.value = ''
+        return
+      }
+
+      projectWmsOutboundQueryPackMaterial({
+        packMaterialCode: materials,
+        boxId: this.packBox.boxId
+      }).then(res=>{
+        this.overBalePopup.materials.list.unshift(res)
+        this.overBalePopup.materials.value = ''
+      }).catch(()=>{
+        this.overBalePopup.materials.value = ''
+      })
+    },
+    // 完成捆包 - 删除包材
+    mixinDelMaterials(index){
+      this.overBalePopup.materials.list.splice(index, 1)
+    },
+    // 完成捆包 - 获取捆绑包包材
+    mixinGetMaterials(){
+
+      // 获取每一个包材的使用量
+      let obj = {}
+      this.overBalePopup.materials.list.forEach(item=>{
+        if (obj[item.packMaterialId]){
+          obj[item.packMaterialId] = obj[item.packMaterialId] + 1
+        }else {
+          obj[item.packMaterialId] = 1
+        }
+      })
+      let packMaterialList = []
+      for (let i in obj){
+        packMaterialList.push({
+          packMaterialId: i,
+          qty: obj[i]
+        })
+      }
+
+      return packMaterialList
+    },
+    // 完成捆包 - 弹框关闭
+    mixinOverBaleOff(){
+      this.overBalePopup.materials.value = ''
+      this.overBalePopup.materials.list = []
+      this.overBalePopup.real.value = ''
+      this.overBalePopup.packedLocation ? this.overBalePopup.packedLocation.value = '' : ''
+    },
+
+    // 重新复核 - 打开弹框
+    mixinRepeatOpen(){
+      this.repeatPopupShow = true
+    },
+
+    // 剔除商品 - 打开弹框
+    mixinDelSkuOpen(){
+      this.delPopupShow = true
+    },
+
+    // 校验是否拦截
+    mixinCheckBlock(res, key){
+      if (!res.containerBlockData) return
+      if (res.containerBlockData.blockStatus === '200') this.allBlockShow = true
+      if (res.containerBlockData.blockStatus === '100') {
+        this.partBlockPopup.data={
+          pickContainer: res[key].pickContainer,
+          skuTypeCount:res[key].skuTypeCount,
+          skuQty:res[key].packQty,
+          blockData:res.containerBlockData.blockSkuList[0]
+        }
+        this.partBlockPopup.show = true
+      }
+    },
+
+    // 异常上报成功
+    mixinAbnSuccess(res){
+      if(res.containerPackFinish){
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.components.mixins.all','当前容器已全部捆包')
+        )
+      }
+
+      if (this.packBox.boxId){
+        this.getData()
+      }else {
+        history.go(-1)
+      }
+
+
+    }
+  }
+}

package/src/components/page/outbound/block/LwOutboundBlockBoxListPage.vue

@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.block.pvbplmug', '订单拦截')"/>
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <lw-input v-model="boxNo.value" :get-focus.sync="boxNo.focus" :title="$lwLanguage.get('wms_project.pda.components.page.outbound.block.hzdqancd', '捆包箱号')"
+                  rule-key="box" rule-value-key="boxNo" @confirm="scanBoxNo"
+                  :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.block.pzrxrrcx', '捆包箱号/原箱号/物流单号/序列号')"/>
+      </div>
+      <template v-for="box in boxes">
+        <block-info :box="box" :key="box.boxId" @click="toBlock(box)"/>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+import { outboundGetBlockBoxDetail, outboundGetWarehouseBlockBox } from '../../../../api/outbound/block'
+import BlockInfo from './components/BlockInfo.vue'
+
+export default {
+  name: 'LwOutboundBlockBoxListPage',
+  components: { BlockInfo },
+  data () {
+    return {
+      boxList: [],
+      boxNo: {
+        value: '',
+        focus: true,
+      },
+      singleBox: null,
+    }
+  },
+  computed: {
+    boxes () {
+      if (this.boxNo.value && this.singleBox) {
+        return [this.singleBox]
+      }
+      return this.boxList
+    }
+  },
+  created () {
+    this.getAllBox()
+  },
+  methods: {
+    getAllBox () {
+      outboundGetWarehouseBlockBox().then(res => this.boxList = res)
+    },
+    scanBoxNo (boxNo) {
+      if (!boxNo) {
+        return
+      }
+      outboundGetBlockBoxDetail(boxNo).then(res => this.singleBox = res)
+    },
+    toBlock (box) {
+      this.$router.push({
+        path: '/outbound/block/execute',
+        query: { boxNo: box.boxNo }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/page/outbound/block/LwOutboundBlockExecutePage.vue

@@ -0,0 +1,316 @@
+<template>
+  <div v-if="box">
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.block.dodbemhn', '订单拦截')"/>
+    <div class="lw-global-page-box">
+      <block-info :box="box"/>
+      <div class="lw-global-model-box" v-if="box.blockStatus === '100'">
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.outbound.block.zlfdhope', '商品条码')" required v-model="skuCode.value" :get-focus.sync="skuCode.focus"
+                  rule-key="sku" rule-value-key="skuCode" @confirm="scanSku" @clear="clearSku"/>
+        <template v-if="currentSku">
+          <div v-if="currentSku.needHandleSn">
+            <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.outbound.block.zswqmkxx', '序列号条码')" required v-model="sn.value" :get-focus.sync="sn.focus"
+                      rule-key="sn" rule-value-key="sn" @confirm="scanSn"/>
+
+            <div class="tag-list">
+              <div class="tag-list-title">
+                <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.wgmkdbxk', '当前扫描结果')}}</div>
+                <div>SN <span>{{ sns.length }}</span></div>
+                <div style="display: flex; justify-content: center;">
+                  <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.tpknmciz', '数量 ')}}<span>{{ snsQty }}</span></div>
+                  <div style="margin-left: 10px;">
+                    <lw-button mini @click="showSns=true">{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.bxwgsyah', '全部')}}</lw-button>
+                  </div>
+                </div>
+              </div>
+              <div class="tag-list-head">
+                <div>SN</div>
+                <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.mftzbqbi', '数量')}}</div>
+                <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.ltuahiwj', '操作')}}</div>
+              </div>
+              <div class="tag-list-row" v-for="t in sns" :key="t.sn">
+                <div>{{ t.sn }}</div>
+                <div>{{ t.qty }}</div>
+                <div>
+                  <lw-button mini @click="removeSn(t)">{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.pvkncjwb', '剔除')}}</lw-button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <template v-else>
+            <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.outbound.block.pkdrnjze', '拦截数量')" required v-model="blockQty.value" :get-focus.sync="blockQty.focus" type="number"/>
+          </template>
+        </template>
+      </div>
+      <template v-if="box && box.blockSkuList">
+        <div class="lw-global-model-box sku-item" v-for="sku in box.blockSkuList" :key="sku.skuId"
+             :class="{active: currentSku === sku}">
+          <div>{{ sku.skuCode }}</div>
+          <div class="lw-global-sh"></div>
+          <div>{{ sku.skuName }}</div>
+          <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.rkuccbsi', '请求拦截量 ')}}<span>{{ sku.qty }}</span></div>
+        </div>
+      </template>
+    </div>
+    <lw-bottom-bar>
+      <lw-button v-if="box.blockStatus === '100'" @click="submitSku">{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.myuviogq', '完成拦截')}}</lw-button>
+      <lw-button v-else @click="submitAll">{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.lbmaqdij', '全部拦截')}}</lw-button>
+    </lw-bottom-bar>
+
+    <lw-popup v-model="showSns" :title="$lwLanguage.get('wms_project.pda.components.page.outbound.block.brmryepx', '当前扫描的SN列表')">
+      <div>
+        <sns-list :sns="sns" @remove="removeSn"/>
+      </div>
+    </lw-popup>
+
+    <lw-popup v-model="showFinished" :title="$lwLanguage.get('wms_project.pda.components.page.outbound.block.epqnxlrc', '完成拦截')" @closed="closedFinish">
+      <div class="lw-global-props label-vertical-align">
+        <div>
+          <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.cvlcmdrd', '捆箱号')}}</div>
+          <div>{{ box.boxNo }}</div>
+        </div>
+        <div>
+          <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.iohvrxol', '客户')}}</div>
+          <div>{{ box.customerCode }} \ {{ box.customerName }}</div>
+        </div>
+      </div>
+      <div style="text-align: center; margin: 20px 0; font-size: 1.2em; color: green; line-height: 1.5em;">
+        <p>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.woernhxr', '拦截成功')}}</p>
+        <p>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.otecvqrb', '重新打印出货票直接封箱')}}</p>
+      </div>
+      <template #button>
+        <lw-button>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.lcnybfph', '封箱（打印出货票）')}}</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import {
+  outboundBlockBoxSkuSubmit,
+  outboundBlockBoxSkuSubmitWithSn,
+  outboundBlockWholeBox,
+  outboundGetBlockBoxDetail
+} from '../../../../api/outbound/block'
+import BlockInfo from './components/BlockInfo.vue'
+import SnsList from '../../inbound/components/SnsList.vue'
+
+export default {
+  name: 'LwOutboundBlockExecutePage',
+  components: { SnsList, BlockInfo },
+  data () {
+    return {
+      box: null,
+      skuCode: {
+        value: '',
+        focus: true,
+      },
+      sn: {
+        value: '',
+        focus: false,
+      },
+      blockQty: {
+        value: null,
+        focus: false,
+      },
+      currentSku: null,
+      sns: [],
+      showSns: false,
+      showFinished: false,
+      isFinished: false,
+    }
+  },
+  computed: {
+    snsQty () {
+      return this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
+    },
+  },
+  created () {
+    const boxNo = this.$route.query.boxNo
+    if (!boxNo) {
+      this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.utuclfqd', '错误的箱号'))
+      this.$router.push('/outbound/block/box-list')
+      return
+    }
+    this.loadBox(boxNo)
+  },
+  methods: {
+    loadBox (boxNo) {
+      outboundGetBlockBoxDetail(boxNo)
+        .then(res => this.box = res)
+        .catch(() => this.$router.push('/outbound/block/box-list'))
+    },
+    scanSku (skuCode, res) {
+      if (!skuCode) {
+        return
+      }
+      this.currentSku = this.box.blockSkuList.find(i => i.skuCode === skuCode)
+      if (!this.currentSku) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.ivefcxvh', '错误的商品条码'))
+      }
+      if (this.currentSku.needHandleSn) {
+        this.sn.focus = true
+      } else {
+        if (res.data && res.data.qty) {
+          this.blockQty.value = Math.min(res.data.qty, this.currentSku.qty)
+          this.blockQty.focus = true
+        }
+      }
+    },
+    clearSku () {
+      this.skuCode.value = ''
+      this.currentSku = null
+      this.blockQty.value = null
+      this.sns = []
+    },
+    scanSn (sn, res) {
+      if (!res.data.sn) {
+        this.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.dfgqdblh', '错误的商品条码序列号'))
+      }
+      const osn = this.sns.find(i => i.sn === res.data.sn)
+      if (osn) {
+        this.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.sbfzjivc', '重复的序列号'))
+      }
+      if (res.data.skuCode && res.data.skuCode !== this.currentSku.skuCode) {
+        this.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.chjbfaew', '序列号商品编码不符'))
+      }
+      const item = this.currentSku.snList.find(i => i.sn === sn)
+      if (!item) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.dfgqdblh', '错误的商品条码序列号'))
+      }
+      this.sns.unshift(item)
+      this.sn.value = ''
+    },
+    removeSn (sn) {
+      const idx = this.sns.indexOf(sn)
+      if (idx > -1) {
+        this.sns.splice(idx, 1)
+      }
+    },
+    submitSku () {
+      let request = null
+      if (this.currentSku.needHandleSn) {
+        if (this.sns.length === 0) {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.rovlgbqx', '序列号不能为空'))
+        }
+        if (this.snsQty > this.currentSku.qty) {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.enkgduge', '拦截数量不能大于请求拦截的量'))
+        }
+        request = outboundBlockBoxSkuSubmitWithSn(this.box.boxId, this.currentSku.skuId, this.sns)
+      } else {
+        const qty = parseInt(this.blockQty.value)
+        if (isNaN(qty) || qty < 0 || qty > this.currentSku.qty) {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.fgygkjlf', '拦截数量必须大于0且小于等于请求拦截的量'))
+        }
+        request = outboundBlockBoxSkuSubmit(this.box.boxId, this.currentSku.skuId, qty)
+      }
+      request.then(res => {
+        this.isFinished = res.boxBlockFinish
+        this.showFinished = true
+      })
+    },
+    submitAll () {
+      outboundBlockWholeBox(this.box.boxId).then(this.finishedToBoxList)
+    },
+    closedFinish () {
+      this.clearSku()
+      if (this.isFinished) {
+        this.finishedToBoxList()
+      } else {
+        this.loadBox(this.box.boxNo)
+      }
+    },
+    finishedToBoxList () {
+      this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.outbound.block.gbdikgtx', '拦截完成，返回拦截列表'))
+      setTimeout(() => this.$router.back(), 1000)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.sku-item {
+
+  &.active {
+    background: lightyellow;
+  }
+
+  & > div {
+    margin: 10px 0;
+  }
+
+  & > div:nth-child(1) {
+    font-size: 1.2em;
+    font-weight: bold;
+  }
+
+  & > div:nth-child(3) {
+    color: gray;
+  }
+
+  & > div:nth-child(4) {
+    color: gray;
+
+    span {
+      font-weight: bold;
+      font-size: 1.2em;
+      color: red;
+    }
+  }
+}
+
+.tag-list {
+  margin-top: 20px;
+
+  &.dialog {
+    max-height: 50vh;
+    overflow-y: auto;
+  }
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 40%;
+    }
+
+    & > div:nth-child(2) {
+      flex-basis: 20%;
+      text-align: center;
+    }
+
+    & > div:last-child {
+      flex-basis: 40%;
+      text-align: center;
+    }
+  }
+
+  &-title {
+    background: #0f90dd;
+    color: white;
+    margin: -10px -10px 0;
+    padding: 8px;
+    border-radius: 8px 8px 0 0;
+
+    span {
+      color: yellow;
+      font-weight: bold;
+    }
+  }
+
+  &-head {
+    font-size: 0.9em;
+    color: gray;
+    padding: 5px 0;
+  }
+
+  &-row {
+    font-size: 0.9em;
+    height: 36px;
+    border-top: 1px solid lightgray;
+  }
+}
+</style>

package/src/components/page/outbound/block/components/BlockInfo.vue

@@ -0,0 +1,56 @@
+<template>
+  <div v-if="box && box.boxId" class="lw-global-model-box box-info" @click="$emit('click', box)">
+    <div class="box-info-line">
+      <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.components.ororurme', '捆箱号')}}</div>
+      <div>{{ box.boxNo }}</div>
+    </div>
+    <div class="lw-global-sh"></div>
+    <div class="box-info-line">
+      <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.components.vkseefhb', '客户')}}</div>
+      <div>{{ box.customerCode }} / {{ box.customerName }}</div>
+    </div>
+    <div v-if="box.collectLocation" class="box-info-line">
+      <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.components.uamouxjk', '集货位')}}</div>
+      <div>{{ box.collectLocation }}</div>
+    </div>
+    <div class="lw-global-sh"></div>
+    <div class="box-info-line">
+      <div>{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.components.gaithatz', '请求拦截量')}}</div>
+      <div>{{ box.blockQty }}</div>
+      <template v-if="box.blockedQty !== undefined">
+        <div style="color: gray; margin-right: 10px;">{{$lwLanguage.get('wms_project.pda.components.page.outbound.block.components.ofvhgegt', '已拦截量')}}</div>
+        <div style="color: red; font-weight: bold; flex: 1 0 0;">{{ box.blockedQty }}</div>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BlockInfo',
+  props: {
+    box: Object,
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.box-info {
+  &-line {
+    display: flex;
+    margin: 8px 0;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 5em;
+      margin-right: 10px;
+      color: gray;
+    }
+
+    & > div:nth-child(2) {
+      flex: 1 0 0;
+      font-weight: bold;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,16 @@
+import LwOutboundBlockBoxListPage from './LwOutboundBlockBoxListPage.vue'
+import LwOutboundBlockExecutePage from './LwOutboundBlockExecutePage.vue'
+
+const pages = [
+  LwOutboundBlockBoxListPage,
+  LwOutboundBlockExecutePage,
+]
+
+pages.forEach(page => page.install = Vue => Vue.component(page.name, page))
+
+export {
+  LwOutboundBlockBoxListPage,
+  LwOutboundBlockExecutePage,
+}
+
+export default pages