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

package/src/views/wms/components/consoleAndPick/orderHeadData.vue

@@ -0,0 +1,475 @@
+<!--
+  订单执行 - 头部订单信息
+  @author: 张文
+  @date: 2023-06-05
+-->
+<template>
+  <div>
+    <!-- 出库单信息 -->
+    <div class="lw-global-model-box lw-global-row-box">
+
+      <div class="lw-global-flex-between">
+
+        <div class="lw-global-value-bold">{{ orderData.soNo }}</div>
+
+        <lw-tag
+          round
+          plain
+        >
+          {{ orderData.billStatusLabel }}
+        </lw-tag>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.jxbffhws','外部单号')"
+        :value="$lwCheckVal(orderData.extSoNo)"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.xztvnkbt','创建时间')"
+        :value="$lwDate.format(orderData.createTime,'yyyy-MM-dd hh:mm:ss')"
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.fbyxnbdy','订单类型')"
+        :value="$lwDict.getDictLabel('OutboundPlanOrderType',orderData.type)"
+        :is-row="false"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.cuabvmgo','客户')"
+        :value="$lwCheckVal(orderData.customerCode)+' / '+$lwCheckVal(orderData.customerName)"
+        :is-row="false"
+      />
+
+
+      <div class="button-row">
+
+        <lw-button
+          v-if="orderData.canCancel"
+          mini
+          type="last"
+          plain
+          @click="cancelOrder"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.laxmdrav','取消') }}
+        </lw-button>
+
+        <lw-button
+          v-if="orderData.canUpdate"
+          mini
+          plain
+          @click="changeOrder"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.deimzmjc','修改') }}
+        </lw-button>
+
+        <lw-button
+          v-if="orderData.canAllocate"
+          mini
+          round
+          @click="allocateOrder"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.qsuxello','分配') }}
+        </lw-button>
+
+        <lw-button
+          v-if="orderData.canShip"
+          style="width: 25%"
+          round
+          mini
+          @click="canShipOrder"
+        >
+          {{
+            $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.jhvgmalr','确认发运')
+          }}
+        </lw-button>
+
+        <lw-button
+          v-if="showCanCancel"
+          style="width: 25%"
+          round
+          mini
+          @click="oneBtnShip"
+        >
+          {{
+            $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.zchqcxoh', '一键发运')
+          }}
+        </lw-button>
+
+        <template v-if="orderData.billStatus==='600'">
+
+          <lw-button
+            v-if="orderData.receiptStatus !== '200'"
+            style="width: 25%"
+            round
+            mini
+            @click="backOrderPopupShow=true"
+          >
+            {{
+              $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.bwbqwamk', '提交回单')
+            }}
+          </lw-button>
+          <lw-button
+            v-else
+            style="width: 25%"
+            mini
+            color="#888"
+            disabled
+          >
+            {{
+              $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.csjhbrrp', '已回单')
+            }}
+          </lw-button>
+
+        </template>
+
+      </div>
+
+
+    </div>
+
+    <!-- 数据看板 -->
+    <lw-data-look-bg style="margin: 10px 0">
+
+      <lw-data-look-item
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.bllxvvav','计划量')"
+        :value="orderData.totalQty"
+      />
+
+      <lw-data-look-item
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.unpuchpj','分配量')"
+        :value="orderData.allocateQty"
+      />
+
+      <lw-data-look-item
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.opyfokle','已拣量')"
+        :value="orderData.pickQty"
+      />
+
+      <lw-data-look-item
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.yldnpbwe','待拣量')"
+        :value="orderData.waitPickQty"
+      />
+
+    </lw-data-look-bg>
+
+    <!-- 待拣、已拣统计 -->
+    <div
+      v-if="hasLpnPick || hasCasePick || hasSkuPick"
+      class="lw-global-model-box"
+    >
+      <div
+        v-if="!hiddenWaitPickRow"
+        class="lw-global-flex-start-start lw-global-row-start"
+      >
+
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.vmageifq','待拣') }}
+        </div>
+
+        <div
+          v-if="hasLpnPick"
+          class="lw-global-value-bold-red total-item"
+        >
+          {{ orderData.waitPickLpnCount || 0 }}
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.zxlnjiwi','托') }}
+        </div>
+
+        <div
+          v-if="hasCasePick"
+          class="lw-global-value-bold-red total-item"
+        >
+          {{ orderData.waitPickCaseCount || 0 }}
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.ehksgzao','箱') }}
+        </div>
+
+        <div
+          v-if="hasSkuPick"
+          class="lw-global-value-bold-red total-item"
+        >
+          {{ orderData.waitPickSctQty || 0 }}
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.eviqfcer','EA') }}
+        </div>
+
+      </div>
+
+      <div
+        :class="[
+          'lw-global-flex-start-start',
+          !hiddenWaitPickRow && 'lw-global-row-end'
+        ]"
+      >
+
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.pnrcwncs','已拣') }}
+        </div>
+
+        <div
+          v-if="hasLpnPick"
+          class="lw-global-value-bold total-item"
+        >
+          {{ orderData.pickLpnCount || 0 }}
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.zxlnjiwi','托') }}
+        </div>
+
+        <div
+          v-if="hasCasePick"
+          class="lw-global-value-bold total-item"
+        >
+          {{ orderData.pickCaseCount || 0 }}
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.ehksgzao','箱') }}
+        </div>
+
+        <div
+          v-if="hasSkuPick"
+          class="lw-global-value-bold total-item"
+        >
+          {{ orderData.pickSctQty || 0 }}
+          {{ $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.eviqfcer','EA') }}
+        </div>
+
+      </div>
+    </div>
+
+    <!-- 确认发运弹框 -->
+    <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>
+
+    <!-- 回单弹框 -->
+    <back-order-popup
+      v-model="backOrderPopupShow"
+      :so-id="orderData.soId"
+      @submitSuccess="pageBack"
+    />
+  </div>
+</template>
+
+<script>
+
+import {
+  projectWmsOutboundPDASoAllocate,
+  projectWmsOutboundPDASoCancel,
+  projectWmsOutboundPDASoDirectShip,
+  projectWmsOutboundPDASoPickShip
+} from "../../api/outbound/pickConsole/orderPick";
+import backOrderPopup from "./components/backOrderPopup.vue";
+
+export default {
+  name: "orderInfo",
+  components: {
+    backOrderPopup,
+  },
+  props: {
+    orderData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    editPath: String,
+
+    // 是否显示待拣数据统计行
+    hiddenWaitPickRow: Boolean
+  },
+  data() {
+    return {
+
+      // 发运弹框
+      shipPopup: {
+        type: '',
+        show: false,
+        imgList: [],
+        showImg: false
+      },
+
+      // 提交回单弹框
+      backOrderPopupShow: false
+    }
+  },
+  computed: {
+
+    // 是否显示一键发运
+    showCanCancel() {
+      const {canCancel, type} = this.orderData
+      return canCancel && ['FP_RETURN', 'EMPTY_CONTAINER'].includes(type)
+    },
+
+    // 订单中是否包含 - 整托拣选
+    hasLpnPick() {
+      const {waitPickLpnCount, pickLpnCount} = this.orderData
+      return !!(Number(waitPickLpnCount || 0) || Number(pickLpnCount || 0))
+    },
+    // 订单中是否包含 - 整箱拣选
+    hasCasePick() {
+      const {pickCaseCount, waitPickCaseCount} = this.orderData
+      return !!(Number(pickCaseCount || 0) || Number(waitPickCaseCount || 0))
+    },
+    // 订单中是否包含 - 零散拣选
+    hasSkuPick() {
+      const {pickSctQty, waitPickSctQty} = this.orderData
+      return !!(Number(pickSctQty || 0) || Number(waitPickSctQty || 0))
+    },
+
+    // 发运弹框标题及按钮文字
+    shipPopupTitleBtnLabel() {
+      if (['all', 'oneBtn'].includes(this.shipPopup.type)) {
+        return {
+          title: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.jhvgmalr','确认发运'),
+          btn: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.vtxwpleu','发运')
+        }
+      }
+      return {
+        title: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.lweyvhzh','部分发运确认'),
+        btn: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.kldaduwa','部分发运'),
+        btnColor: 'rgb(51, 51, 51)'
+      }
+    }
+  },
+  methods: {
+
+
+    // 取消订单
+    cancelOrder() {
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.yfzzdmkq','警告'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.zsxbqwdv','确认取消当前出库单？'),
+        type: 'warning'
+      }).then(() => {
+        projectWmsOutboundPDASoCancel({
+          soId: this.orderData.soId
+        }).then(() => {
+          this.pageBack(
+            this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.kqcjxvln', '已取消'),
+            1
+          )
+        }).catch(() => {
+        })
+      })
+    },
+    // 修改订单
+    changeOrder() {
+      this.$router.push({
+        path: this.editPath,
+        query: {
+          soId: this.orderData.soId
+        }
+      })
+    },
+    // 分配订单
+    allocateOrder() {
+      projectWmsOutboundPDASoAllocate({
+        soId: this.orderData.soId
+      }).then(res => {
+        this.$emit('allocateSuccess', res)
+        let msg = ''
+        let type = ''
+
+        if (res.currentAllocate) {
+          msg = this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.zcetlhvs','已分配')
+          type = 'success'
+        } else {
+          msg = this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.vxacwnkm','当前没有满足分配的库存记录')
+          type = 'fail'
+        }
+
+        this.$lwToast[type](msg)
+      })
+    },
+
+    // 打开发运弹框
+    openShipPopup(type) {
+      this.shipPopup.type = type
+      this.shipPopup.show = true
+    },
+    // 发运
+    canShipOrder() {
+      const {totalQty, pickQty} = this.orderData
+      this.openShipPopup(Number(totalQty || 0) > Number(pickQty || 0) ? 'part' : 'all')
+    },
+    // 一键发运
+    oneBtnShip() {
+      this.openShipPopup('oneBtn')
+    },
+    // 发运弹框 - 关闭
+    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.pageBack(
+          this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.orderHeadData.snstpgqa', '已发运')
+        )
+      })
+    },
+
+    // 页面返回
+    pageBack(msg, backStep) {
+      msg && this.$lwToast.success(msg)
+      const step = backStep || Number(this.$route.query.lwBackStep || 1)
+      history.go(-step)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.button-row {
+  width: 100%;
+  text-align: right;
+
+  > button {
+    width: 20%;
+    margin: 3px 0;
+  }
+}
+
+.total-item {
+  width: 20%;
+}
+
+</style>

package/src/views/wms/components/consoleAndPick/waitOverTaskItem.vue

@@ -0,0 +1,221 @@
+<!--
+  待拣任务数据项
+  @author: 张文
+  @date: 2023-04-02
+-->
+<template>
+  <div
+    :class="[
+      'wait-task-box',
+      'lw-global-model-box ',
+      ' lw-global-collapse-box',
+      !isEA && 'lw-global-model-box-3px'
+    ]"
+  >
+    <template v-if="isEA">
+      <wait-over-title
+        :loc="item.fromLocationCode"
+        :qty="item.totalQty"
+        :name="item.pickName"
+        :time="item.pickTime"
+        :type="type"
+        :pick-type="item.pickUom"
+        :sku-code="item.skuCode"
+        :sku-name="item.skuName"
+        :show-back="showBack"
+        :is-ea="isEA"
+        @back="backClick"
+        @itemClick="$emit('itemClick')"
+      />
+    </template>
+
+    <van-collapse
+      v-else
+      v-model="action"
+      :border="false"
+    >
+      <van-collapse-item name="1">
+
+        <template #title>
+          <wait-over-title
+            :loc="item.fromLocationCode"
+            :qty="item.totalQty"
+            :name="item.pickName"
+            :time="item.pickTime"
+            :type="type"
+            :pick-type="item.pickUom"
+            :lpn-or-case="item.pickUom === 'LPN' ? item.fromLpn : item.fromCaseNum"
+            :show-back="showBack"
+            :is-ea="isEA"
+            @back="backClick"
+            @itemClick="$emit('itemClick')"
+          />
+
+        </template>
+
+        <lw-sku-info-module
+          v-for="(i,k) in item.skuList"
+          :key="k"
+          :sku-name="i.skuName"
+          :sku-code="i.skuCode"
+          :qty="i.qty"
+        />
+
+      </van-collapse-item>
+    </van-collapse>
+
+    <!-- 撤销拣选弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.waitOverTaskItem.hasoiggp','撤销拣货')"
+      v-model="backPopup.show"
+      @opened="backPopup.loc.focus=true"
+    >
+
+      <div
+        class="lw-global-value-bold-red lw-global-row-start"
+        style="text-align: center;"
+      >
+        {{
+          $lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.waitOverTaskItem.fsnxtabc','请确认撤销后该商品存放的位置')
+        }}
+      </div>
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.waitOverTaskItem.holszhbc','库位')"
+        v-model="backPopup.loc.value"
+        :get-focus.sync="backPopup.loc.focus"
+        :create-rule="$lwScanRule.create('出库拣选控制台/指定托盘拣选-执行拣选-撤销库位','LOCATION')"
+        rule-key="LOC"
+        required
+        @confirm="backPopupLocConfirm"
+      />
+
+      <template #button>
+        <lw-button @click="backPopupLocConfirm">
+          {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.emosbuvm', '确认') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+
+import waitOverTitle from "./waitOverTitle.vue";
+import {
+  projectWmsOutboundPDASoCancelLpnPick,
+  projectWmsOutboundPDASoCancelSkuPick
+} from "../../api/outbound/pickConsole/orderPick";
+
+export default {
+  name: "waitTaskItem",
+  components: {
+    waitOverTitle
+  },
+  props: {
+    type: {
+      type: String,
+      default: 'wait'
+    },
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+
+    showBack: Boolean,
+  },
+  data() {
+    return {
+      action: [],
+
+      backPopup: {
+        show: false,
+        loc: {
+          value: '',
+          focus: false
+        },
+      },
+    }
+  },
+  computed: {
+    // 是否是零散拣选
+    isEA() {
+      const pickUom = this.item.pickUom
+      return !(pickUom === 'LPN' || pickUom === 'CASE')
+    }
+  },
+  methods: {
+    // 撤销
+    backClick() {
+      this.backPopup.loc.value = this.item.fromLocationCode
+      this.backPopup.show = true
+    },
+    // 撤销弹框 - 确认库位
+    async backPopupLocConfirm() {
+      const loc = this.backPopup.loc.value
+      if (!loc) {
+        this.backPopup.loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.waitOverTaskItem.xbzqzdwe','撤回放置库位不能为空')
+        )
+        return
+      }
+
+      const data = {
+        soId: this.$route.query.lwOrderId,
+        fromLocationId: this.item.fromLocationId,
+        cancelToLocationCode: loc,
+      }
+
+      let res = {}
+      if (this.isEA) {
+        res = await projectWmsOutboundPDASoCancelSkuPick({
+          ...data,
+          skuId: this.item.skuId,
+          cancelQty: this.item.totalQty
+        })
+      } else {
+        res = await projectWmsOutboundPDASoCancelLpnPick({
+          ...data,
+          pickId: this.item.pickId,
+          fromLpn: this.item.fromLpn,
+        })
+      }
+
+
+      this.$emit('backSuccess', res)
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.wms.components.consoleAndPick.waitOverTaskItem.ocswfoce','已撤销')
+      )
+      this.backPopup.show = false
+      this.backPopup.loc.value = ''
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.wait-task-box {
+
+  /deep/ .van-cell__title {
+    position: relative;
+    padding-right: 10px;
+
+    &::after {
+      content: ' ';
+      display: inline-block;
+      width: 1px;
+      height: 60%;
+      background: #F0F0F0;
+      position: absolute;
+      top: 20%;
+      right: 0;
+    }
+  }
+
+  /deep/ .van-cell__right-icon {
+    margin: auto 0 auto 7px;
+  }
+
+}
+</style>