@logwire/logwire-wms-pda-ui 3.5.0 → 3.5.2

package/src/views/wms/page/outbound/randomPick/action.vue

@@ -0,0 +1,626 @@
+<!--
+  盲扫拣选 - 执行页
+  @author: 张文
+  @date: 2024-06-18
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('', '盲扫拣选')"/>
+
+    <lw-page-body-module>
+      <div class="lw-global-model-box">
+
+        <div class="lw-global-row-start lw-global-flex-between">
+          <div class="lw-global-value-bold">{{ orderData.soNo }}</div>
+          <lw-tag
+            plain
+            round
+          >
+            {{ orderData.billStatusLabel }}
+          </lw-tag>
+        </div>
+
+        <lw-label-value-group
+          class="lw-global-row"
+          :list="orderData.labelValueGroupList"
+          :show-row-style="false"
+        />
+
+        <div
+          style="text-align: right"
+          class="lw-global-row-end"
+        >
+          <lw-button
+            v-if="orderData.canCancel"
+            mini
+            type="last"
+            plain
+            @click="cancelOrder"
+          >
+            {{ $lwLanguage.get('', '取消') }}
+          </lw-button>
+
+          <lw-button
+            v-if="orderData.canUpdate"
+            mini
+            plain
+            @click="changeOrder"
+          >
+            {{ $lwLanguage.get('', '修改') }}
+          </lw-button>
+
+          <lw-button
+            v-if="orderData.canShip"
+            style="width: 25%"
+            round
+            mini
+            @click="canShipOrder"
+          >
+            {{ $lwLanguage.get('', '确认发运') }}
+          </lw-button>
+        </div>
+
+      </div>
+
+      <!-- 拣选tab页 -->
+      <lw-tab-box style="margin-top: 10px">
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <van-tab
+            name="pick"
+            :title="$lwLanguage.get('', '扫描拣选')"
+          >
+
+            <div
+              style="padding-bottom: 3px"
+              class="lw-global-model-box"
+            >
+              <div class="lw-global-row-start lw-global-value-bold-red">
+                {{ $lwLanguage.get('', '整容器拣选') }}
+              </div>
+
+              <lw-input
+                v-if="orderData.needScanExtLpn"
+                :title="$lwLanguage.get('', '外托号')"
+                v-model="extLpn.value"
+                :get-focus.sync="extLpn.focus"
+                :owner-id="orderData.ownerId"
+                rule-key="extLpn"
+                :create-rule="$lwScanRule.create('盲扫拣选-拣选-外托号','LPN')"
+                required
+                @confirm="extLpnConfirm"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('', '拣选托盘')"
+                v-model="lpn.value"
+                :get-focus.sync="lpn.focus"
+                :owner-id="orderData.ownerId"
+                rule-key="lpn"
+                :create-rule="$lwScanRule.create('盲扫拣选-拣选-拣选托盘','LPN')"
+                required
+                :show-bottom-border="false"
+                @confirm="lpnConfirm"
+              />
+            </div>
+
+            <!-- 整托盘拣选成功 -->
+            <div
+              v-if="Object.keys(lpn.info).length"
+              class="lw-global-model-box lw-global-animation-rotate"
+            >
+
+              <div
+                v-for="(i,k) in lpn.info.pickList"
+                :key="k"
+              >
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('', '拣选库位')"
+                  :value="i.fromLoc"
+                  val-bold
+                />
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('', '托盘号')"
+                  :value="i.pickContainerNo"
+                  val-bold
+                />
+
+                <lw-sku-info-module
+                  v-for="(item,key) in i.skuList"
+                  :key="key+'sku'"
+                  :sku-code="item.skuCode"
+                  :sku-name="item.skuName"
+                  :qty="item.qtyLabel"
+                  :qty-text="$lwLanguage.get('', '库存量')"
+                  is-row
+                  :is-row-last="(key+1)===i.skuList.length"
+                />
+              </div>
+
+
+            </div>
+
+
+          </van-tab>
+
+          <!-- 已拣明细 -->
+          <van-tab
+            :title="$lwLanguage.get('', '已拣明细')"
+            name="pickList"
+          >
+
+            <div class="lw-global-model-box lw-global-model-box-3px">
+              <lw-input
+                ref="pickList"
+                :title="$lwLanguage.get('', '托盘号')"
+                v-model="pickList.search"
+                :owner-id="orderData.ownerId"
+                rule-key="pickListLpn"
+                :create-rule="$lwScanRule.create('加工领料出库-已拣明细-托盘号','LPN')"
+                :show-bottom-border="false"
+                @confirm="pickLpnSearch"
+              >
+                <template #button>
+                  <lw-button
+                    mini
+                    @click="$refs.pickList.confirm()"
+                  >
+                    {{ $lwLanguage.get('', '查询') }}
+                  </lw-button>
+                </template>
+              </lw-input>
+            </div>
+
+            <lpn-collapse-item
+              v-for="(i,k) in pickList.list"
+              :key="k"
+              :item="i"
+              :show-back-pick-btn="orderData.canCancelPick"
+              @backPick="backoutLpn(i)"
+            />
+
+            <lw-pagination
+              v-model="pickList.pageNum"
+              :page-size="pickList.pageSize"
+              :page-total="pickList.pageTotal"
+              @change="getPickListData"
+            />
+
+            <lw-not-data v-if="!pickList.pageTotal"/>
+
+
+          </van-tab>
+
+          <!-- 商品明细 -->
+          <van-tab
+            :title="$lwLanguage.get('', '商品明细')"
+            name="skuList"
+          >
+
+            <div class="lw-global-model-box lw-global-model-box-3px">
+              <lw-input
+                ref="skuList"
+                :title="$lwLanguage.get('', '商品号')"
+                v-model="skuList.search"
+                :owner-id="orderData.ownerId"
+                rule-key="skuList"
+                :create-rule="$lwScanRule.create('加工领料出库-商品明细-商品号','SKU')"
+                :show-bottom-border="false"
+                @confirm="skuListSearch"
+              >
+                <template #button>
+                  <lw-button
+                    mini
+                    @click="$refs.skuList.confirm()"
+                  >
+                    {{ $lwLanguage.get('', '查询') }}
+                  </lw-button>
+                </template>
+              </lw-input>
+            </div>
+
+            <div
+              class="lw-global-model-box lw-global-animation-out"
+              v-for="(i,k) in skuList.list"
+              :key="k"
+              :style="{animationDelay:50*k+'ms'}"
+            >
+              <lw-sku-info-module
+                :sku-code="i.skuCode"
+                :sku-name="i.skuName"
+                :show-right="false"
+                is-row-first
+              />
+              <lw-title-value-cell
+                :title="$lwLanguage.get('', '已拣量')"
+                :value="i.pickQtyLabel"
+                val-bold
+                val-red
+                is-row-end
+              />
+            </div>
+
+
+            <lw-pagination
+              v-model="skuList.pageNum"
+              :page-size="skuList.pageSize"
+              :page-total="skuList.pageTotal"
+              @change="getSkuListData"
+            />
+
+            <lw-not-data v-if="!skuList.pageTotal"/>
+
+          </van-tab>
+
+        </van-tabs>
+      </lw-tab-box>
+
+    </lw-page-body-module>
+
+    <lw-bottom-bar v-if="tabActive==='pick'">
+      <lw-button
+        plain
+        type="last"
+        @click="clearLpnInfo"
+      >
+        {{ $lwLanguage.get('', '重新扫描') }}
+      </lw-button>
+      <lw-button
+        :disabled="!lpn.info.pickList?.length"
+        @click="confirmLpnPick"
+      >
+        {{ $lwLanguage.get('', '确认拣选') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+
+    <!-- 确认发运弹框 -->
+    <lw-popup
+      :title="shipPopupTitleBtnLabel.title"
+      v-model="shipPopup.show"
+      :show-keyboard-placeholder="false"
+      @open="shipPopup.showImg=true"
+      @closed="shipPopupOff"
+    >
+
+      <div class="lw-global-flex-start-start">
+        <div class="lw-global-title" style="margin-right: 5px">
+          {{
+            $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.exynzyis', '发运图片')
+          }}
+        </div>
+
+        <lw-img-upload
+          v-if="shipPopup.showImg"
+          v-model="shipPopup.imgList"
+        />
+      </div>
+
+      <template #button>
+
+        <lw-button
+          :color="shipPopupTitleBtnLabel.btnColor"
+          @click="shipPopupConfirm"
+        >
+          {{ shipPopupTitleBtnLabel.btn }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+
+import {
+  projectWmsOutboundPDASoCancel,
+  projectWmsOutboundPDASoDirectShip,
+  projectWmsOutboundPDASoPickShip
+} from "../../../api/outbound/pickConsole/orderPick";
+import {
+  projectWmsOutboundPDAAppendOutSoDetail,
+  projectWmsOutboundPDAAppendOutWholeLpnQuery,
+  projectWmsOutboundPDAAppendOutWholeLpnSubmit,
+  projectWmsOutboundPDASoPickContainerPageV2,
+  projectWmsOutboundPDASoPickSkuPageV2
+} from "../../../api/outbound/randomPick";
+import lpnCollapseItem from "../orderPickDelivery/components/lpnCollapseItem.vue";
+
+export default {
+  name: "lwOutboundRandomPickAction",
+  components: {
+    lpnCollapseItem,
+  },
+  data() {
+    return {
+      orderData: {},
+
+      tabActive: 'pick',
+
+      extLpn: {
+        value: '',
+        focus: false
+      },
+      lpn: {
+        value: '',
+        focus: false,
+        info: {}
+      },
+
+      // 发运弹框
+      shipPopup: {
+        type: '',
+        show: false,
+        imgList: [],
+        showImg: false
+      },
+
+      pickList: {
+        search: '',
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        list: []
+      },
+
+      skuList: {
+        search: '',
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        list: []
+      },
+    }
+  },
+  computed: {
+    // 发运弹框标题及按钮文字
+    shipPopupTitleBtnLabel() {
+      if (['all', 'oneBtn'].includes(this.shipPopup.type)) {
+        return {
+          title: this.$lwLanguage.get('', '确认发运'),
+          btn: this.$lwLanguage.get('', '发运')
+        }
+      }
+      return {
+        title: this.$lwLanguage.get('', '部分发运确认'),
+        btn: this.$lwLanguage.get('', '部分发运'),
+        btnColor: 'rgb(51, 51, 51)'
+      }
+    },
+  },
+  mounted() {
+    this.getOrderData()
+  },
+  methods: {
+
+    // 获取出库单信息
+    async getOrderData() {
+      try {
+        this.orderData = await projectWmsOutboundPDAAppendOutSoDetail({
+          soId: this.$route.query.lwOrderId
+        })
+        this.$nextTick(() => {
+          if (this.orderData.needScanExtLpn) {
+            this.extLpn.focus = true
+          } else {
+            this.lpn.focus = true
+          }
+        })
+      } catch {
+        history.go(-1)
+      }
+    },
+
+    // 取消订单
+    cancelOrder() {
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('', '警告'),
+        message: this.$lwLanguage.get('', '确认取消当前出库单？'),
+        type: 'warning'
+      }).then(() => {
+        projectWmsOutboundPDASoCancel({
+          soId: this.orderData.soId
+        }).then(() => {
+          this.pageBack(
+            this.$lwLanguage.get('', '已取消'),
+            1
+          )
+        }).catch(() => {
+        })
+      })
+    },
+    // 修改订单
+    changeOrder() {
+      this.$router.push({
+        path: '/outbound/randomPick/lwCreateAndEdit',
+        query: {
+          soId: this.orderData.soId
+        }
+      })
+    },
+    // 发运
+    canShipOrder() {
+      const {totalQty, pickQty} = this.orderData
+      this.openShipPopup(Number(totalQty || 0) > Number(pickQty || 0) ? 'part' : 'all')
+    },
+    // 发运弹框 - 关闭
+    shipPopupOff() {
+      this.shipPopup.imgList = []
+      this.shipPopup.showImg = false
+    },
+    // 发运弹框 - 确认提交
+    shipPopupConfirm() {
+      const api = this.shipPopup.type === 'oneBtn' ?
+        projectWmsOutboundPDASoDirectShip :
+        projectWmsOutboundPDASoPickShip
+
+      api({
+        soId: this.orderData.soId,
+        shipImages: this.shipPopup.imgList.join('|')
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '已发运')
+        )
+
+        history.go(-Number(this.$route.query.lwBackStep || 1))
+      })
+    },
+
+    tabChange() {
+      switch (this.tabActive) {
+        case 'pickList':
+          !this.pickList.list.length && this.pickLpnSearch()
+          break;
+        case 'skuList':
+          !this.skuList.list.length && this.skuListSearch()
+          break;
+
+      }
+    },
+
+    // 托盘拣选 - 外托号校验
+    extLpnCheck() {
+      if (!this.orderData.needScanExtLpn || this.extLpn.value) return true
+
+      this.extLpn.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('', '外托号不能为空')
+      )
+      return false
+    },
+    // 托盘拣选 - 外托号确认
+    extLpnConfirm() {
+      if (this.extLpnCheck()) {
+        this.$nextTick(() => {
+          this.lpn.focus = true
+        })
+      }
+    },
+    // 托盘拣选 - 托盘校验
+    lpnCheck() {
+      if (this.lpn.value) return true
+
+      this.lpn.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('', '拣选托盘不能为空')
+      )
+      return false
+    },
+    // 托盘拣选 - 确认
+    lpnConfirm() {
+
+      if (!this.lpnCheck()) return
+
+      projectWmsOutboundPDAAppendOutWholeLpnQuery({
+        soId: this.orderData.soId,
+        lpn: this.lpn.value
+      }).then(res => {
+        this.lpn.info = res
+      })
+    },
+    // 托盘拣选 - 重新扫描
+    clearLpnInfo() {
+
+      this.lpn.info = {}
+      this.lpn.value = ''
+      this.extLpn.value = ''
+
+      this.$nextTick(() => {
+        if (this.orderData.needScanExtLpn) {
+          this.extLpn.focus = true
+        } else {
+          this.lpn.focus = true
+        }
+      })
+
+    },
+    // 托盘拣选 - 确认拣选
+    confirmLpnPick() {
+
+      if (!this.extLpnCheck()) return
+
+      projectWmsOutboundPDAAppendOutWholeLpnSubmit({
+        soId: this.orderData.soId,
+        lpn: this.lpn.info.pickList[0].pickContainerNo,
+        extLpn: this.extLpn.value
+      }).then(() => {
+        this.lpn.info = {}
+        this.lpn.value = ''
+        this.extLpn.value = ''
+
+        this.$nextTick(() => {
+          if (this.orderData.needScanExtLpn) {
+            this.extLpn.focus = true
+          } else {
+            this.lpn.focus = true
+          }
+        })
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+
+        this.getOrderData()
+        this.pickList.list = []
+        this.skuList.list = []
+      })
+    },
+
+
+    // 已拣明细搜索
+    pickLpnSearch() {
+      this.pickList.pageNum = 1
+      this.getPickListData()
+    },
+    // 获取已拣明细数据
+    getPickListData() {
+      projectWmsOutboundPDASoPickContainerPageV2({
+        keyword: this.pickList.search,
+        pageNum: this.pickList.pageNum,
+        pageSize: this.pickList.pageSize,
+        soId: this.orderData.soId
+      }).then(res => {
+        this.pickList.list = res.datas || []
+        this.pickList.pageTotal = res.total || 0
+      })
+    },
+    // 已拣明细 - 撤销拣货
+    backoutLpn({pickContainerNo}) {
+      this.$router.push({
+        path: '/outbound/cancelPickLpn/lwAction',
+        query: {
+          pickContainerNo
+        }
+      })
+    },
+
+    // 获取已拣商品数据
+    getSkuListData() {
+      projectWmsOutboundPDASoPickSkuPageV2({
+        keyword: this.skuList.search,
+        pageNum: this.skuList.pageNum,
+        pageSize: this.skuList.pageSize,
+        soId: this.orderData.soId
+      }).then(res => {
+        this.skuList.list = res.datas || []
+        this.skuList.pageTotal = res.total || 0
+      })
+    },
+    // 已拣商品搜索
+    skuListSearch() {
+      this.skuList.pageNum = 1
+      this.getSkuListData()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/randomPick/createAndEdit.vue

@@ -0,0 +1,33 @@
+<!--
+  盲扫拣选 - 起始页
+  @author: 张文
+  @date: 2024-06-18
+-->
+<template>
+  <create-order-page
+    action-path="/outbound/randomPick/lwAction"
+    operate-type="APPEND_OUT"
+    :show-sku-tab="false"
+    :show-delivery-info="false"
+  />
+</template>
+
+<script>
+
+import createOrderPage from "../../../components/consoleAndPick/createOrderPage.vue";
+
+export default {
+  name: "lwOutboundRandomPickCreateAndEdit",
+  components: {
+    createOrderPage
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/randomPick/index.vue

@@ -0,0 +1,34 @@
+<!--
+  盲扫拣选 - 起始页
+  @author: 张文
+  @date: 2024-06-18
+-->
+<template>
+  <index-page
+    :title="$lwLanguage.get('','盲扫拣选')"
+    now-path="/outbound/randomPick/lwIndex"
+    action-path="/outbound/randomPick/lwAction"
+    create-path="/outbound/randomPick/lwCreateAndEdit"
+    operate-type="APPEND_OUT"
+  />
+</template>
+
+<script>
+
+import indexPage from "../../../components/consoleAndPick/indexPage.vue";
+
+export default {
+  name: "lwOutboundRandomPickIndex",
+  components: {
+    indexPage
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/reprint-box/LwOutboundReprintBoxListPage.vue

@@ -177,11 +177,11 @@ export default {
       if (this.printData.printId) return true
 
       // 判断当前是否配置了打印机
-      const {success, printData} = this.$lwPrint.test(
-        'OUTBOUND_BOX_LABEL',
-        this.$lwLanguage.get('wms_project.pda.components.page.outbound.reprint-box.LwOutboundReprintBoxListPage.gmzfujil', '出库箱票标签'),
-        true
-      )
+      const {success, printData} = this.$lwPrint.test({
+        templateCode: 'OUTBOUND_BOX_LABEL',
+        msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.reprint-box.LwOutboundReprintBoxListPage.gmzfujil', '出库箱票标签'),
+        msgType: 'HARD'
+      })
       this.printData = printData
       return success