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

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

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

@@ -0,0 +1,11 @@
+/*
+* 滞留件转存 - 执行页
+* @author: 张文
+* @date  2022-07-09
+* */
+
+import lwOutboundBoxTransferActionPage from "./index.vue";
+
+lwOutboundBoxTransferActionPage.install = Vue => Vue.component(lwOutboundBoxTransferActionPage.name, lwOutboundBoxTransferActionPage)
+
+export default lwOutboundBoxTransferActionPage

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

@@ -0,0 +1,214 @@
+<!--
+  滞留件转存 - 执行页
+  @author: 张文
+  @date: 2022-07-09
+-->
+<template>
+  <div>
+
+    <lw-nav-bar
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.ebvdtyzb','滞留箱转存')"
+      :click-left="goBack"
+    />
+
+    <div class="lw-global-page-box">
+
+      <div style="padding-top: 5px" class="lw-global-model-box">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.dcebulau','捆包箱号')"
+          v-model="boxNo.value"
+          :get-focus.sync="boxNo.focus"
+          :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.kuzpllnq','捆包箱号/原箱号/物流单号')"
+          rule-value-key="boxNo"
+          @confirm="boxNoConfirm"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.jwrjkjhw','转存库位')"
+          v-model="location.value"
+          :get-focus.sync="location.focus"
+          :show-bottom-border="false"
+        />
+
+      </div>
+
+      <div class="lw-global-model-box">
+
+        <div class="lw-global-value-bold">KH001</div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.anvgdetf', '客户001')}}</div>
+
+      </div>
+
+      <div style="margin-top: 10px" class="lw-global-tab-box">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            name="over"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.elkoqaeb','已扫描')"
+          >
+
+            <div
+              class="lw-global-model-box lw-global-animation-out"
+              v-for="(i,k) in scanOverData"
+              :key="k"
+              :style="{animationDelay: 50 * k + 'ms'}"
+            >
+
+              <lw-sku-info-module
+                :sku-name="i.name"
+                :sku-code="i.code"
+                :qty="i.qty"
+              />
+
+            </div>
+            <lw-not-data v-if="!scanOverData.length"/>
+
+          </van-tab>
+
+          <van-tab
+            name="wait"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.lvzqkqzb','未扫描')"
+          >
+
+
+            <div
+              class="lw-global-model-box lw-global-animation-out"
+              v-for="(i,k) in transferData.skuList"
+              :key="k"
+              :style="{animationDelay: 50 * k + 'ms'}"
+            >
+
+              <lw-sku-info-module
+                :sku-name="i.name"
+                :sku-code="i.code"
+                :qty="i.qty"
+              />
+
+            </div>
+            <lw-not-data v-if="!transferData.skuList.length"/>
+          </van-tab>
+        </van-tabs>
+
+      </div>
+
+
+    </div>
+
+    <lw-bottom-bar>
+      <lw-button
+        plain
+        type="last"
+        @click="goBack"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.ipsyrxtk','重新扫描') }}</lw-button>
+
+      <lw-button @click="transferConfirm">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.mtzlybux','确认转存') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwOutboundBoxTransferActionPage",
+  data() {
+    return {
+      // tab激活项
+      tabActive: 'over',
+
+      // 捆包箱号
+      boxNo:{
+        value: '',
+        focus: true
+      },
+
+      // 转存库位
+      location:{
+        value: '',
+        focus: false
+      },
+
+      // 转存数据
+      transferData:{
+        skuList:[
+          {name:this.$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.cmthoefa', '名字001'),code:'MZ001',qty:1},
+          {code:'MZ002',qty:2},
+          {name:this.$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.fivrqvxl', '名字003'),code:'MZ003',qty:3},
+          {code:'MZ004',qty:4},
+          {name:this.$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.dhxacrtp', '名字005'),code:'MZ005',qty:5},
+        ]
+      },
+
+      // 已扫描数据
+      scanOverData:[]
+    }
+  },
+  methods: {
+    // 捆包箱号确认
+    boxNoConfirm(val,{data}){
+
+      console.log(val)
+      console.log(data)
+      console.log(this.transferData.skuList)
+      const skuList = this.transferData.skuList
+      for (let i=0;i<skuList.length;i++){
+
+        if (skuList[i].code === data.key){
+          this.scanOverData.unshift(skuList[i])
+          this.transferData.skuList.splice(i, 1)
+          return
+        }
+
+      }
+
+      this.boxNo.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.kicpfjcy','当前箱不在当前客户内')
+      )
+
+    },
+    // 库位校验
+    locationCheck() {
+      if (!this.location.value) {
+        this.location.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.ekiszeel','转存库位不能为空')
+        )
+        return false
+      }
+      return true
+    },
+
+    // 重新扫描
+    goBack(){
+      if (!this.scanOverData.length){
+        history.go(-1)
+        return
+      }
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.tizpmnrv','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.boxTransfer.action.dejvotsl','当前扫描数据将会被清空')
+      }).then(()=> {
+        history.go(-1)
+      }).catch(()=>{})
+    },
+
+    // 确认转存
+    transferConfirm(){
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 滞留件转存 - 起始页
+* @author: 张文
+* @date  2022-07-09
+* */
+
+import lwOutboundBoxTransferIndexPage from "./index.vue";
+
+lwOutboundBoxTransferIndexPage.install = Vue => Vue.component(lwOutboundBoxTransferIndexPage.name, lwOutboundBoxTransferIndexPage)
+
+export default lwOutboundBoxTransferIndexPage