@logwire/logwire-wms-pda-ui 3.3.3 → 3.4.0

package/src/views/wms/page/receive/moreOrder/index/index.vue

@@ -0,0 +1,196 @@
+<!--
+  多单收货 - 起始页
+  @author: 张文
+  @date: 2023-05-30
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.whfyuytd', '多单收货')"/>
+
+    <lw-page-body-module>
+
+      <div class="lw-global-model-box lw-global-model-box-3px">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.fogwuwrg', '单号')"
+          :placeholder="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.lmcmfjxp', '到货通知单/外部单号/入库计划单/调拨单号/运单号')"
+          v-model="asn.value"
+          :get-focus.sync="asn.focus"
+          rule-key="order"
+          :create-rule="$lwScanRule.create('收货-多单收货-单号','ASN')"
+          required
+          :show-bottom-border="false"
+          @confirm="asnConfirm"
+        >
+
+          <template #button>
+            <lw-button
+              mini
+              round
+              @click="asnConfirm"
+            >
+              {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.gyfeeiid', '添加') }}
+            </lw-button>
+          </template>
+
+        </lw-input>
+
+      </div>
+
+      <template v-if="asnList.length">
+        <lw-title-value-cell
+          style="margin: 10px 0"
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.lbwzuffd', '到货通知单数')"
+          :value="asnList.length"
+          val-red
+          val-bold
+          :is-row="false"
+        />
+
+        <asn-info
+          v-for="(i,k) in asnList"
+          :key="i.asnNo"
+          :item="i"
+          @del="del(k)"
+        />
+
+      </template>
+
+
+    </lw-page-body-module>
+
+    <lw-bottom-bar v-if="asnList.length">
+
+      <lw-button @click="confirmActive">
+        {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.nagbbrcw', '确认') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import asnInfo from "./../components/asnInfo.vue";
+import {wmsMobileInboundQueryAsn, wmsMobileMultiInGetOrders} from "../../../../api/receive/moreOrder";
+
+export default {
+  name: "lwReceiveMoreOrderIndex",
+  components: {
+    asnInfo
+  },
+  data() {
+    return {
+      asn: {
+        value: '',
+        focus: true
+      },
+
+      asnList: []
+    }
+  },
+  mounted() {
+    const asnIds = JSON.parse(this.$route.query.lwAsnIds || '[]')
+    asnIds.length && wmsMobileMultiInGetOrders({
+      asnIds
+    }).then(res => {
+      this.asnList = res
+    })
+  },
+  methods: {
+
+    // 单号确认
+    asnConfirm() {
+      const asn = this.asn.value
+      if (!asn) {
+        this.asn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.dyrulnwy', '单号不能为空')
+        )
+        return
+      }
+
+      wmsMobileInboundQueryAsn({
+        no: asn
+      }).then(res => {
+        this.asn.value = ''
+
+        if (!res || !res.length) {
+          this.$lwToast.fail(
+            this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.pjtwybsae', '没有查询到收货单信息')
+          )
+          return
+        }
+
+
+        // 判断当前扫描结果中是否在已扫数据中存在，如果存在就替换
+        for (let i = 0; i < this.asnList.length; i++) {
+          const oldAsn = this.asnList[i]
+          for (let j = 0; j < res.length; j++) {
+            const newAsn = res[j]
+            if (oldAsn.id === newAsn.id) {
+              this.asnList.splice(i, 1)
+              this.asnList.unshift(res.splice(j, 1)[0])
+              j--
+            }
+          }
+        }
+
+        // 没有重复的就插入
+        res.length && res.forEach(item => this.asnList.unshift(item))
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.pjtwybsa', '已添加{num}单', {num: this.asnList.length})
+        )
+      })
+
+    },
+
+    // 确认按钮
+    confirmActive() {
+
+      if (!this.asnList.length) {
+        this.asn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.index.index.lorakspy', '请录入单号')
+        )
+        return
+      }
+
+      const lwAsnIds = this.asnList.map(item => item.id)
+      this.$router.replace({
+        path: '/receive/moreOrder/lwIndex',
+        query: {
+          lwAsnIds: JSON.stringify(lwAsnIds),
+          _time: Date.now()
+        }
+      })
+
+      this.$router.push({
+        path: '/receive/moreOrder/lwSelectType',
+        query: {
+          lwAsnIds: JSON.stringify(lwAsnIds),
+        }
+      })
+    },
+
+    // 删除订单
+    del(index) {
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('', '提示'),
+        message: this.$lwLanguage.get('', '确认删除当前到货通知单：【{asn}】', {asn: this.asnList[index].asnNo}),
+      }).then(() => {
+        this.asnList.splice(index, 1)
+      }).catch(() => {
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/receive/moreOrder/lpn/index.js

@@ -0,0 +1,12 @@
+/*
+* 多单收货 - 按托盘收货
+* @author: 张文
+* @date  2023-06-01
+* */
+
+
+import lwReceiveMoreOrderLpn from "./index.vue";
+
+lwReceiveMoreOrderLpn.install = Vue => Vue.component(lwReceiveMoreOrderLpn.name, lwReceiveMoreOrderLpn)
+
+export default lwReceiveMoreOrderLpn

package/src/views/wms/page/receive/moreOrder/lpn/index.vue

@@ -0,0 +1,443 @@
+<!--
+  多单收货 - 按托盘收货
+  @author: 张文
+  @date: 2023-06-01
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.xzdcbobi', '多单整托收货')"/>
+
+    <lw-page-body-module>
+
+      <asn-list-content/>
+
+      <lw-data-look-bg
+        type="bottom"
+        :show-end-line="false"
+      >
+
+        <lw-data-look-item
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.nbpylexe', '计划托')"
+          :value="$lwCheckVal(countData.count)"
+        />
+
+        <lw-data-look-item
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.igqwxrzc', '已收托')"
+          :value="$lwCheckVal(countData.receiveCount)"
+        />
+      </lw-data-look-bg>
+
+      <!-- 托盘输入框 -->
+      <div
+        style="margin-top: 10px"
+        class="lw-global-model-box lw-global-model-box-3px"
+      >
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.ivsrtysn', '托盘号')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          rule-key="lpn"
+          :create-rule="$lwScanRule.create('多单收货 - 整托盘收货 - 托盘号','LPN')"
+          :show-bottom-border="false"
+          required
+          @confirm="lpnConfirm"
+        />
+
+      </div>
+
+      <template v-if="Object.keys(lpnObj).length">
+        <!-- 托盘商品信息 -->
+        <div class="lw-global-model-box">
+
+          <div class="lw-global-row-start lw-global-row-box">
+            <div class="lw-global-flex-between">
+
+              <div class="lw-global-value-bold">{{ lpnObj.lpn }}</div>
+
+              <lw-tag
+                round
+                plain
+              >
+                {{
+                  lpnObj.fastReceive ?
+                    $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.xtccnxqi', '快速收货') :
+                    $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.gtlxufcg', '预收货')
+                }}
+              </lw-tag>
+
+            </div>
+
+            <div class="lw-global-flex-between">
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.mmrfauhf', '商品种类')"
+                :value="lpnObj.skuCount"
+                val-red
+                val-bold
+                :is-row="false"
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.oamifjwc', '商品数量')"
+                :value="lpnObj.qty"
+                val-red
+                val-bold
+                :is-row="false"
+              />
+
+            </div>
+          </div>
+
+          <!-- 到货单信息 -->
+          <asn-sku-info
+            :class="[
+              (k+1) !== lpnObj.list.length ? 'lw-global-row' : 'lw-global-row-end'
+            ]"
+            v-for="(i,k) in lpnObj.list"
+            :key="'asn'+k"
+            :ref="'asnSkuInfo'+k"
+            :item="i.lpn"
+            :asn-data="i.asn"
+            @abnSuccess="getCountData"
+          />
+        </div>
+
+        <!-- 收货库位 -->
+        <div
+          style="margin-top: 10px"
+          class="lw-global-model-box lw-global-model-box-3px"
+        >
+
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.jpliflfi', '收货库位')"
+            v-model="loc.value"
+            :get-focus.sync="loc.focus"
+            rule-key="loc"
+            :create-rule="$lwScanRule.create('多单收货 - 整托盘收货 - 收货库位','LOCATION')"
+            :show-bottom-border="false"
+            required
+            @confirm="receiveConfirm"
+          />
+
+        </div>
+      </template>
+
+    </lw-page-body-module>
+
+    <lw-bottom-bar v-if="Object.keys(lpnObj).length">
+
+      <lw-button
+        type="last"
+        plain
+        @click="clearScanData"
+      >
+        {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.vhkmtcbl', '重新扫描托盘') }}
+      </lw-button>
+
+      <lw-button @click="receiveConfirm">
+        {{
+          lpnObj.fastReceive ?
+            $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.xtccnxqi', '快速收货') :
+            $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.gtlxufcg', '预收货')
+        }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.vqwwzdfy', '请选择')"
+      v-model="selectPopup.show"
+      :show-keyboard-placeholder="false"
+      background="#f0f0f0"
+      :show-off-btn="false"
+      height="90%"
+      @closed="selectPopupOff"
+    >
+      <van-checkbox-group v-model="selectPopup.result">
+
+        <div
+          v-for="(i,k) in selectPopup.data.list"
+          :key="k"
+          class="lw-global-model-box radio-box"
+        >
+          <van-checkbox
+            :name="i.asn.id"
+            shape="square"
+          >
+            <lpn-box-select-asn-item
+              :asn-data="i.asn"
+              :sku-data="i.lpn"
+            />
+
+          </van-checkbox>
+        </div>
+      </van-checkbox-group>
+
+      <template #button>
+        <div class="checkbox">
+          <van-checkbox
+            v-model="selectPopup.resultAll"
+            shape="square"
+            @click="selectPopupAllClick"
+          >
+            {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.tfrdqjjd', '已选{num}单', {num: selectPopup.result.length}) }}
+          </van-checkbox>
+        </div>
+        <lw-button
+          type="last"
+          plain
+          @click="selectPopup.show=false"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.cojedzds', '关闭') }}
+        </lw-button>
+        <lw-button @click="selectPopupConfirm">
+          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.afrzgopu', '确认') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import asnListContent from "./../components/asnListContent.vue"
+import lpnBoxSelectAsnItem from "./../components/lpnBoxSelectAsnItem.vue"
+import asnSkuInfo from "./../components/asnSkuInfo.vue"
+import {
+  wmsMobileMultiInAdvanceReceiveByLpn,
+  wmsMobileMultiInFastReceiveByLpn,
+  wmsMobileMultiInGetLpnState,
+  wmsMobileMultiInQueryLpn
+} from "../../../../api/receive/moreOrder";
+
+export default {
+  name: "lwReceiveMoreOrderLpn",
+  components: {
+    asnListContent,
+    lpnBoxSelectAsnItem,
+    asnSkuInfo,
+  },
+  data() {
+    return {
+      countData: {},
+      lpn: {
+        value: '',
+        focus: true
+      },
+      loc: {
+        value: '',
+        focus: false
+      },
+
+      // 选择弹框
+      selectPopup: {
+        show: false,
+        result: [],
+        resultAll: false,
+        data: {}
+      },
+
+      // 到货通知单数据
+      lpnObj: {}
+    }
+  },
+  watch: {
+    'selectPopup.result': {
+      handler(n) {
+        this.selectPopup.resultAll = n.length === this.selectPopup.data.list.length
+      }
+    }
+  },
+  mounted() {
+    this.getCountData()
+  },
+  methods: {
+    // 获取统计数据
+    getCountData() {
+
+      wmsMobileMultiInGetLpnState({
+        asnIds: JSON.parse(this.$route.query.lwAsnIds)
+      }).then(res => this.countData = res)
+
+    },
+    // 清空数据
+    clearData() {
+      this.lpnObj = {}
+      this.lpn.value = ''
+      this.loc.value = ''
+      this.lpn.focus = true
+    },
+
+    // 托盘号确认
+    lpnConfirm() {
+
+      const lpn = this.lpn.value
+      if (!lpn) {
+        this.lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.kinomksg', '托盘号不能为空')
+        )
+        return
+      }
+
+      wmsMobileMultiInQueryLpn({
+        lpn,
+        asnIds: JSON.parse(this.$route.query.lwAsnIds)
+      }).then(res => {
+        const list = res.list || []
+        if (!list.length) {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.ckfhkwaz', '获取托数据失败')
+          )
+          return
+        }
+
+        if (list.length > 1) {
+          this.selectPopup.show = true
+          this.selectPopup.data = res
+          return
+        }
+
+        this.lpnObj = res
+
+      })
+    },
+
+    // 选择到货单弹框 - 全选或不全选
+    selectPopupAllClick() {
+      const {data, resultAll} = this.selectPopup
+      this.selectPopup.result = resultAll ? data.list.map(item => item.asn.id) : []
+    },
+    // 选择到货单弹框 - 确认选择
+    selectPopupConfirm() {
+      const {resultAll, data, result} = this.selectPopup
+      if (!result.length) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.hnlpqdtu', '请选择到货通知单')
+        )
+        return
+      }
+      // 判断是否是全选
+      if (resultAll) {
+        this.lpnObj = this.$lwDeepCopy(data)
+      } else {
+        let asnList = []
+        result.forEach(item => {
+          for (const k of data.list) {
+            if (k.asn.id === item) {
+              asnList.push(k)
+              break
+            }
+          }
+        })
+
+        let whole = true, fastReceive = true, qty = 0, skuId = []
+        asnList.forEach(item => {
+          fastReceive ? fastReceive = item.lpn.fastReceive : ''
+          whole ? whole = item.lpn.whole : ''
+          qty += Number(item.lpn.qty || 0)
+
+          item.lpn.skuList.forEach(i => {
+            if (!skuId.includes(i.sku.id)) {
+              skuId.push(i.sku.id)
+            }
+          })
+        })
+
+        this.lpnObj = {
+          whole,// 是否可以整收
+          fastReceive, // 是否为快收
+          lpn: data.lpn, // 箱号
+          qty,// 商品数
+          skuCount: skuId.length, // 商品种类
+          list: asnList,// 单信息
+        }
+      }
+      this.selectPopup.show = false
+    },
+    // 选择到货弹框 - 关闭
+    selectPopupOff() {
+      this.selectPopup.result = []
+    },
+
+
+    // 重新扫描
+    clearScanData() {
+      if (Object.keys(this.lpnObj).length) {
+        this.$lwDialog.confirm({
+          type: 'warning',
+          title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.xlxufiot', '警告'),
+          message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.lbrvolss', '当前扫描内容将会被全部清空')
+        }).then(() => this.clearData()).catch(() => {
+        })
+        return
+      }
+
+      this.clearData()
+    },
+    // 确认收货
+    receiveConfirm() {
+      const {lpn, whole, fastReceive} = this.lpnObj
+
+      if (!whole) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.nqmixpyj', '当前扫描结果中，存在不符合收货规则的商品(非整托收货)。不允许进行收货！请移除相关商品后重试')
+        )
+        return
+      }
+
+      // 获取批次属性数据
+      let dataList = []
+      for (let i = 0; i < this.lpnObj.list.length; i++) {
+
+        const ref = this.$refs['asnSkuInfo' + i]
+        const dom = Array.isArray(ref) ? ref[0] : ref
+        const {success, data} = dom.getData()
+        if (!success) return
+
+        dataList = dataList.concat(data)
+      }
+
+      const locationCode = this.loc.value
+      if (!locationCode) {
+        this.loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.wnluzboi', '收货库位不能为空')
+        )
+        return
+      }
+
+      const obj = {
+        lpn,
+        locationCode,
+        lines: dataList
+      }
+
+      const api = fastReceive ? wmsMobileMultiInFastReceiveByLpn : wmsMobileMultiInAdvanceReceiveByLpn
+      api(obj).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.lpn.index.bujxznto', '操作成功')
+        )
+        history.go(-1)
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.radio-box {
+  /deep/ .van-checkbox__label {
+    flex: 1;
+  }
+}
+
+.checkbox {
+  /deep/ .van-checkbox__icon {
+    flex: 0;
+  }
+}
+</style>

package/src/views/wms/page/receive/moreOrder/selectType/index.js

@@ -0,0 +1,12 @@
+/*
+* 多单收货 - 选择收货方式
+* @author: 张文
+* @date  2023-05-31
+* */
+
+
+import lwReceiveMoreOrderSelectType from "./index.vue";
+
+lwReceiveMoreOrderSelectType.install = Vue => Vue.component(lwReceiveMoreOrderSelectType.name, lwReceiveMoreOrderSelectType)
+
+export default lwReceiveMoreOrderSelectType