@logwire/logwire-wms-pda-ui 3.1.1 → 3.1.3-zc-beta

package/src/components/page/inbound/receive/receive-alloc/LwInboundReceiveAllocSnExecutePage.vue

@@ -1,235 +0,0 @@
-<!--
-  调拨按序列号收货
-  @author jimmy
--->
-<template>
-  <div>
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.sfonbhar', '调拨按序列号收货')"/>
-    <div v-if="asn" class="lw-global-page-box">
-      <div>
-        <asn-info :data="asn" shrinkable radius/>
-      </div>
-
-      <div class="lw-global-model-box" style="margin-top: 10px;">
-        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.tzjvvrsj', '序列号')"
-                  required v-model="sn.value"  :get-focus.sync="sn.focus"
-                  rule-key="sn" :rule-serve-query="barcodeQuery"
-                  @confirm="addSn"/>
-      </div>
-
-      <template v-if="list.length">
-        <alloc-scan-list-item v-for="(i,k) in list" :key="i.sku.id" :item="i" :index="k"
-                              :asn-id="asn.id"
-                              @itemClick="itemClick"/>
-      </template>
-
-      <div class="lw-global-model-box">
-        <div class="lw-global-title" style="margin-bottom: 10px;margin-top: 10px;">
-          {{ $lwLanguage.get('wms_project.pda.components.page.receive.alloc.label.scan.num', '扫描总数：') }}
-          <span>{{ numStatistics.scanQty }}</span>
-        </div>
-        <lw-input v-model="receiveLoc.value"
-                  :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.cmoggvqd', '收货库位')"
-                  required :get-focus.sync="receiveLoc.focus"/>
-      </div>
-    </div>
-
-    <lw-bottom-bar>
-      <lw-button plain @click="resetScan">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.tdroycig', '重置扫描')}}</lw-button>
-      <lw-button @click="receive">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.ldqstyrq', '确认完成收货')}}</lw-button>
-    </lw-bottom-bar>
-
-    <van-dialog v-model="showSns" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.ksqoxkbi', '当前扫描的SN列表')">
-      <div class="lw-global-page-box">
-        <div class="lw-global-model-box">
-          <sns-list :sns="sns" @remove="deleteSn"/>
-        </div>
-      </div>
-    </van-dialog>
-
-    <lw-popup v-model="showResult" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.tbceinyt', '收货成功')" :show-off-btn="false">
-      <alloc-receive-result :data="receiveResult"/>
-      <template #button>
-        <lw-button plain @click="hideResult">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.mveuuyxo', '关闭')}}</lw-button>
-      </template>
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-import {
-  getInboundAsn, getInboundAllocAsnScanListBySn,
-  submitInboundAllocAsnScanBySn, receiveInboundAllocAsnScanBySn,
-  resetInboundAllocAsnScanBySn,
-  deleteInboundAllocAsnScanSn, deleteInboundAllocAsnScanSkuAllSn,
-} from '../../../../../api/inbound/receive'
-import AsnInfo from '../../components/AsnInfo.vue'
-import AllocScanListItem from '../../components/AllocScanListItem.vue'
-import SnsList from '../../components/SnsList.vue'
-import AllocReceiveResult from '../../components/AllocReceiveResult.vue'
-import {scanUtils} from '../../util/InboundUtils'
-
-export default {
-  name: 'LwInboundReceiveAllocSnExecutePage',
-  components: {AsnInfo, AllocScanListItem, SnsList, AllocReceiveResult},
-  data() {
-    return {
-      asn: null,
-      list: [],
-      sn: {
-        value: '',
-        focus: true,
-      },
-      receiveLoc: {
-        value: '',
-        focus: false,
-      },
-      currentSku: null,
-      showSns: false,
-      sns: [],
-      showResult: false,
-      receiveResult: null,
-    }
-  },
-  computed: {
-    numStatistics() {
-      return this.list.map(i => ({
-        scanQty: i.scanQty
-      })).reduce((a, b) => ({scanQty: a.scanQty + b.scanQty}), ({scanQty: 0}))
-    },
-    barcodeQuery() {
-      return {
-        ownerId: this.asn.ownerId,
-      }
-    },
-  },
-  created() {
-    const {asnId} = this.$route.query
-    if (!asnId) {
-      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.hjhuipfs', '错误的到货通知单号'))
-    }
-    this.loadAsn(asnId)
-  },
-  methods: {
-    updateList(data){
-      this.list = data
-      if(this.receiveLoc.value){
-        return
-      }
-
-      if(this.list && this.list.length>0){
-        this.list.sort(function(a, b){
-           return parseInt(a.indexNo, 0) - parseInt(b.indexNo, 0);
-        })
-        const index = this.list.findIndex(l=>l.receiveLocationCode)
-        if(index>=0){
-          this.receiveLoc.value = this.list[index].receiveLocationCode
-        }
-      }
-    },
-    loadAsn(asnId) {
-      getInboundAsn(asnId).then(res => {
-        this.asn = res
-        this.loadScanList()
-      })
-    },
-    loadScanList() {
-      getInboundAllocAsnScanListBySn(this.asn.id).then(this.updateList)
-    },
-    addSn (sn, res) {
-      const scanData = scanUtils.getScanSnData(sn, res)
-      if(!scanData.success){
-        this.sn.value = null
-        this.sn.focus = true
-        return
-      }
-      this.sn.value = scanData.sn
-      this.submitScan()
-    },
-    submitScan() {
-      if (this.sn.value) {
-        submitInboundAllocAsnScanBySn(this.asn.id, this.sn.value).then(this.updateList).finally(() => {
-          this.sn.value = null
-        })
-      }
-    },
-    resetScan() {
-      resetInboundAllocAsnScanBySn(this.asn.id).then(() => {
-        this.list = []
-        this.receiveLoc.value = null
-      })
-    },
-    deleteSku(item) {
-      deleteInboundAllocAsnScanSkuAllSn(this.asn.id, item.skuId).then(() => {
-        this.loadScanList()
-      })
-    },
-    deleteSn(item) {
-      deleteInboundAllocAsnScanSn(this.asn.id, item.skuId, item.sn).then(res => {
-        if (res && res.snList && res.snList.length > 0) {
-          this.sns = res.snList
-        } else {
-          this.sns = []
-          this.showSns = false
-        }
-        this.loadScanList()
-      })
-    },
-    itemClick(item) {
-      if (item.snList && item.snList.length > 0) {
-        this.sns = item.snList
-        this.showSns = true
-      }
-    },
-    receive() {
-      if (!this.receiveLoc.value) {
-        this.receiveLoc.focus = true
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.yoxylzkh', '收货库位不能为空'))
-      }
-      if (this.list.length === 0) {
-        this.sn.focus = true
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.pdkzrgdt', '请扫描序列号'))
-      }
-      receiveInboundAllocAsnScanBySn(this.asn.id, this.receiveLoc.value).then(res => {
-        this.loadAsn(this.asn.id)
-        this.receiveResult = res
-        this.showResult = true
-      }).finally(()=>{
-        this.receiveLoc.value = null
-        this.sn.focus = true
-      })
-    },
-    hideResult() {
-      this.showResult = false
-      this.receiveResult = null
-      this.sn.focus = true
-    },
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.btn-shrink {
-  margin-left: 10px;
-  padding: 5px;
-
-  &.inverted {
-    transform: rotate(180deg);
-  }
-}
-
-.case-nums {
-  color: white;
-  background: #f45858;
-
-  & > div:nth-child(2) {
-    flex: 1;
-    margin-left: 50px;
-
-    span {
-      font-weight: bold;
-    }
-  }
-}
-</style>

package/src/components/page/inbound/receive/receive-alloc/LwInboundReceiveAllocTabListPage.vue

@@ -1,247 +0,0 @@
-<template>
-  <div>
-    <lw-nav-bar
-      :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.iuhjrnqx', '调拨收货')"/>
-    <div v-if="asn">
-      <div class="lw-global-page-box">
-        <div>
-          <asn-info :data="asn"/>
-        </div>
-        <div class="lw-global-tab-box" style="margin-top: 10px">
-          <van-tabs animated v-model="tabActive" @change="tabChange" type="card">
-            <van-tab
-              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.giqjqjbb', '待收货')"
-              name="receive">
-              <search-bar @search="receiveSearch"
-                          :rule-query="barcodeQuery"
-                          :rule-key="skuRuleKey"
-                          v-if="receive.list && receive.list.length"/>
-
-              <template v-if="receive.list && receive.list.length">
-                <alloc-sku-list-item v-for="(i,k) in receive.list" :key="i.sku.id" :item="i" :index="k"
-                                     :abnormal="true" @abnormalClick="itemAbnormalClick"/>
-                <lw-pages v-model="receive.pageNum" :page-total="receive.total" :page-size="pageSize" force-ellipses
-                          @change="getReceiveData"/>
-              </template>
-              <lw-not-data v-else/>
-            </van-tab>
-            <van-tab
-              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.zughmkpq', '全部')"
-              name="all">
-              <search-bar @search="allSearch"
-                          :rule-query="barcodeQuery"
-                          :rule-key="skuRuleKey"
-                          v-if="all.list && all.list.length"/>
-
-              <template v-if="all.list && all.list.length">
-                <alloc-sku-list-item v-for="(i,k) in all.list" :key="i.sku.id" :item="i" :index="k"
-                                     :abnormal="true" @abnormalClick="itemAbnormalClick"/>
-
-                <lw-pages v-model="all.pageNum" :page-total="all.total" :page-size="pageSize" force-ellipses
-                          @change="getAllData"/>
-              </template>
-              <lw-not-data v-else/>
-            </van-tab>
-          </van-tabs>
-        </div>
-      </div>
-    </div>
-    <div v-else>
-      <lw-not-data/>
-    </div>
-
-    <lw-bottom-bar v-if="asn">
-      <lw-button plain @click="toReceive('sn')">
-        {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.ueoipnir', '扫描序列号收货') }}
-      </lw-button>
-      <lw-button @click="toReceive('sku')">
-        {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.smbpsphs', '批量收货') }}
-      </lw-button>
-    </lw-bottom-bar>
-
-    <!-- 异常弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.xrpvhjjx', '收货异常')"
-      v-model="showAbnormal"
-      class="abnormal-popup-bg">
-
-      <lw-receive-abnormal-module
-        v-if="showAbnormal"
-        ref="abnormal"
-        :multiple="false"
-        :sku-disabled="true"
-        :show-bottom-bar="false"
-        :asn-no="asn.asnNo"
-        :sku-code="itemSku.sku.code"
-        :qty="itemSku.canReceiveQty"
-      />
-
-      <template #button>
-        <lw-button @click="submitAbnormal">
-          {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.werwyizn', '上报异常') }}
-        </lw-button>
-      </template>
-    </lw-popup>
-  </div>
-</template>
-
-<script>
-import {
-  getInboundAsnByAsnNo,
-  getInboundAllocAsnSkuReceiveList,
-  getInboundAllocAsnSkuList, submitInboundAllocAsnAbnormal
-} from '../../../../../api/inbound/receive'
-import AsnInfo from '../../components/AsnInfo.vue'
-import SearchBar from '../../components/SearchBar.vue'
-import AllocSkuListItem from '../../components/AllocSkuListItem.vue'
-
-const receiveTypePaths = {
-  sku: '/inbound/receive/alloc/skuExecute',
-  sn: '/inbound/receive/alloc/snExecute',
-}
-
-export default {
-  name: 'LwInboundReceiveAllocTabListPage',
-  components: {
-    AsnInfo,
-    SearchBar,
-    AllocSkuListItem,
-  },
-  data() {
-    return {
-      asn: null,
-      tabActive: 'receive',
-      pageSize: 10,
-      receive: {
-        pageNum: 1,
-        total: 0,
-        list: [],
-        skuCode: null,
-      },
-      all: {
-        pageNum: 1,
-        total: 0,
-        list: [],
-        skuCode: null,
-      },
-      showAbnormal: false,
-      itemSku: null,
-      skuRuleKey: "skuReceive",
-    }
-  },
-  computed: {
-    barcodeQuery() {
-      if (this.asn) {
-        return {
-          ownerId: this.asn.ownerId,
-        }
-      }
-      return {}
-    },
-  },
-  created() {
-    const asnNo = this.$route.query.asnNo
-    if (!asnNo) {
-      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.hmlkunga', '未指定到货通知单号'))
-    }
-    this.getAsnByAsnNo(asnNo)
-  },
-  methods: {
-    getAsnByAsnNo(asnNo) {
-      getInboundAsnByAsnNo(asnNo).then(data => {
-        if (data) {
-          this.asn = data
-
-          this.receiveSearch(null)
-          return
-        }
-        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.ruktghmm', '错误的到货通知单号'))
-      })
-    },
-    receiveSearch(data) {
-      this.receive.pageNum = 1
-      this.receive.skuCode = data
-      this.getReceiveData()
-    },
-    getReceiveData() {
-      const pn = this.receive.skuCode ? 0 : (this.receive.pageNum - 1);
-      getInboundAllocAsnSkuReceiveList(this.asn.id, pn, this.pageSize, this.receive.skuCode).then(data => {
-        if (data) {
-          this.receive.list = data.datas
-          this.receive.total = data.total
-          this.receive.pageNum = data.pageNum + 1
-        }
-      })
-    },
-    allSearch(data) {
-      this.all.pageNum = 1
-      this.all.skuCode = data
-      this.getAllData()
-    },
-    getAllData() {
-      const pn = this.all.skuCode ? 0 : (this.all.pageNum - 1);
-      getInboundAllocAsnSkuList(this.asn.id, pn, this.pageSize, this.all.skuCode).then(data => {
-        if (data) {
-          this.all.list = data.datas
-          this.all.total = data.total
-          this.all.pageNum = data.pageNum + 1
-        }
-      })
-    },
-    tabChange() {
-      if (!this[this.tabActive].list || this[this.tabActive].list.length) return
-      switch (this.tabActive) {
-        case 'receive':
-          this.receiveSearch(null)
-          break;
-        case 'all':
-          this.allSearch(null)
-          break;
-      }
-    },
-    toReceive(type = 'sku') {
-      const path = receiveTypePaths[type]
-      if (!path) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.mucvbrhi', '错误的调拨收货方式'))
-      }
-      this.$router.push({path, query: {asnId: this.asn.id}})
-    },
-    itemAbnormalClick(item) {
-      this.itemSku = item
-      this.showAbnormal = true
-    },
-    submitAbnormal() {
-      const {success, data} = this.$refs.abnormal.getAllAbnormalData()
-      if (!success) return
-
-      submitInboundAllocAsnAbnormal({
-        warehouseId: this.asn.warehouseId,
-        asnId: this.asn.id,
-        abnType: data.abnType,
-        abnSubType: data.abnSubType,
-        skuId: this.itemSku.sku.id,
-        order:data.order,
-        ...data.lines[0],
-      }).then(() => {
-        this.showAbnormal = false
-        this.itemSku = null
-        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_alloc.zlnhller', '异常上报成功'))
-
-        this.getAsnByAsnNo(this.asn.asnNo)
-      })
-
-      this.showAbnormal = false
-    },
-  }
-}
-</script>
-
-<style lang="less" scoped>
-
-@import "../../../../../assets/css/var.less";
-
-.abnormal-popup-bg {
-  background: @pageColor;
-}
-
-</style>

package/src/components/page/inbound/receive/receive-alloc/index.js

@@ -1,19 +0,0 @@
-import LwInboundReceiveAllocTabListPage from './LwInboundReceiveAllocTabListPage.vue'
-import LwInboundReceiveAllocSnExecutePage from "./LwInboundReceiveAllocSnExecutePage.vue";
-import LwInboundReceiveAllocSkuExecutePage from "./LwInboundReceiveAllocSkuExecutePage.vue";
-
-const pages = [
-  LwInboundReceiveAllocTabListPage,
-  LwInboundReceiveAllocSnExecutePage,
-  LwInboundReceiveAllocSkuExecutePage,
-]
-
-pages.forEach(page => page.install = Vue => Vue.component(page.name, page))
-
-export {
-  LwInboundReceiveAllocTabListPage,
-  LwInboundReceiveAllocSnExecutePage,
-  LwInboundReceiveAllocSkuExecutePage,
-}
-
-export default pages