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

package/src/views/wms/page/receive/moreOrder/components/asnInfo.vue

@@ -0,0 +1,79 @@
+<!--
+  收货单信息
+  @author: 张文
+  @date: 2023-05-30
+-->
+<template>
+  <div class="asn-info-box lw-global-animation-out">
+
+    <div class="lw-global-model-top-radius lw-global-row-box">
+
+      <div class="lw-global-flex-between lw-global-row-start">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnInfo.aobceald', '到货通知单')"
+          :value="$lwCheckVal(item.asnNo)"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-button
+          v-if="showDel"
+          mini
+          round
+          @click="$emit('del')"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnInfo.afhobawe', '删除') }}
+        </lw-button>
+
+      </div>
+
+      <lw-label-value-group :list="item.contentList"/>
+
+    </div>
+    <lw-data-look-bg
+      type="bottom"
+      :data="item.qtyList"
+      value-key="qtyLabel"
+      title-key="label"
+      :show-end-line="false"
+    />
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "asnInfo",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+
+    // 是否显示删除按钮
+    showDel: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    waitQty() {
+      const {qty, arrivalQty, qualityLossQty} = this.item
+      return Number(qty || 0) + Number(qualityLossQty || 0) - Number(arrivalQty || 0)
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+.asn-info-box + .asn-info-box {
+  margin-top: 10px;
+}
+</style>

package/src/views/wms/page/receive/moreOrder/components/asnListContent.vue

@@ -0,0 +1,83 @@
+<!--
+  到货通知单数及详情
+  @author: 张文
+  @date: 2023-06-01
+-->
+<template>
+  <div>
+
+    <div class="lw-global-model-top-radius lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnListContent.lnkqsalg', '到货通知单数')"
+        :value="$route.query.lwAsnIds.split(',').length"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+      <lw-button
+        mini
+        round
+        @click="look"
+      >
+        {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnListContent.fynzjfvt', '详情') }}
+      </lw-button>
+
+    </div>
+
+    <lw-popup
+      v-model="popupShow"
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnListContent.ipaxobsi', '到货通知单详情')"
+      :show-keyboard-placeholder="false"
+      background="#f0f0f0"
+    >
+      <asn-info
+        v-for="(i,k) in list"
+        :key="k"
+        :item="i"
+        :show-del="false"
+      />
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import asnInfo from "./asnInfo.vue";
+import {wmsMobileMultiInGetOrdersV2} from "../../../../api/receive/moreOrder";
+
+export default {
+  name: "asnListContent",
+  components: {
+    asnInfo
+  },
+  data() {
+    return {
+      popupShow: false,
+      list: []
+    }
+  },
+  methods: {
+    // 查看详情
+    look() {
+      if (this.list.length) {
+        this.popupShow = true
+        return
+      }
+
+      wmsMobileMultiInGetOrdersV2({
+        asnIds: this.$route.query.lwAsnIds.split(',')
+      }).then(res => {
+        this.list = res || []
+        this.popupShow = true
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/receive/moreOrder/components/asnSkuInfo.vue

@@ -0,0 +1,283 @@
+<!--
+  到货通知单详情
+  @author: 张文
+  @date: 2023-06-14
+-->
+<template>
+  <div class="lw-global-collapse-box">
+    <van-collapse v-model="activeNames" :border="false">
+      <van-collapse-item
+        name="1"
+        :lazy-render="false"
+      >
+        <!-- 标题 -->
+        <template #title>
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.qhhnhpvi', '到货通知单')"
+            :value="asnData.asnNo"
+            val-bold
+            :is-row="false"
+          />
+
+          <lw-title-value-cell
+            v-if="item.extNo"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.trjxrvie', '外部单号')"
+            :value="asnData.extNo"
+            val-bold
+            :is-row="false"
+          />
+
+          <div class="lw-global-flex-between">
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.lglqawcv', '商品种类')"
+              :value="item.skuCount"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.uruouzxu', '商品数量')"
+              :value="item.qtyLabel"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+          </div>
+        </template>
+
+        <!-- 内容 -->
+        <div
+          class="sku-item"
+          v-for="(i,k) in item.skuList"
+          :key="k"
+        >
+
+          <div class="lw-global-row-start">
+            <div class="lw-global-flex-between">
+
+              <div class="lw-global-value-bold-red">{{ i.sku.code }}</div>
+
+              <lw-tag
+                v-if="i.sku.new"
+                plain
+                round
+                type="danger"
+              >
+                {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.ilmnwhws', '新品') }}
+              </lw-tag>
+
+              <lw-tag
+                plain
+                round
+                type="danger"
+              >
+                {{ i.sku.skuUrgencyLabel }}
+              </lw-tag>
+
+            </div>
+            <div class="lw-global-value">{{ i.sku.name }}</div>
+
+            <div style="margin: 5px 0" class="lw-global-flex-between">
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.dzvqmulg', '异常率')"
+                :value="i.abnormalRate + '%'"
+                val-bold
+                val-red
+                :is-row="false"
+              />
+
+              <lw-tag
+                plain
+                round
+                type="danger"
+              >
+                {{ i.sku.qualityTypeLabel }}
+              </lw-tag>
+
+            </div>
+
+            <div class="lw-global-flex-between">
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.xirpsxwi', '数量')"
+                :value="i.qtyLabel"
+                val-bold
+                val-red
+                :is-row="false"
+              />
+
+              <lw-button
+                mini
+                color="orange"
+                @click="abnClick(i)"
+              >
+                {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.pwmnplao', '收货异常') }}
+              </lw-button>
+
+            </div>
+          </div>
+
+          <quality-card
+            class="lw-global-row"
+            type="asn"
+            :obj-id="asnData.id"
+            :sku-code="i.sku.code"
+            delay-load
+          />
+
+          <lw-lot-module
+            :ref="'lot_' + i.sku.id"
+            :lot-list="i.lot"
+            @loaded="lotLoaded('lot_' + i.sku.id)"
+          />
+
+        </div>
+
+      </van-collapse-item>
+    </van-collapse>
+
+    <div class="lw-global-flex-start-start img-upload">
+      <div class="lw-global-title" style="margin-right: 5px">
+        {{
+          $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.kurcjluf', '收货照片')
+        }}
+      </div>
+      <lw-img-upload v-model="imgList"/>
+    </div>
+
+    <abn-popup
+      v-model="abnPopup.show"
+      :asn-no="asnData.asnNo"
+      :sku-code="abnPopup.skuCode"
+      :qty="abnPopup.qty"
+      :qty-label="abnPopup.qtyLabel"
+      @submit="abnSubmit"
+    />
+  </div>
+</template>
+
+<script>
+
+import qualityCard from "./qualityCard.vue"
+import abnPopup from "./abnPopup.vue"
+import {submitAsnAbnormalReceive} from "../../../../api/inbound/receive";
+
+export default {
+  name: "asnSkuInfo",
+  components: {
+    qualityCard,
+    abnPopup,
+  },
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    asnData: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {
+      activeNames: [],
+      imgList: [],
+
+      abnPopup: {
+        show: false,
+        skuCode: '',
+        qty: 0,
+        qtyLabel: 0,
+      }
+    }
+  },
+  methods: {
+    abnClick(item) {
+      this.abnPopup.skuCode = item.sku.code
+      this.abnPopup.qty = item.qty
+      this.abnPopup.qtyLabel = item.qtyLabel
+      this.abnPopup.show = true
+    },
+
+    // 批次属性加载完毕
+    lotLoaded(ref) {
+      if (this.activeNames.length) return
+      const refs = this.$refs[ref]
+      const dom = Array.isArray(refs) ? refs[0] : refs
+      const {success} = dom.getData(false)
+      if (!success) this.activeNames = ['1']
+    },
+
+    // 获取批次属性数据
+    getData() {
+      let dataList = []
+      for (const item of this.item.skuList) {
+        const ref = this.$refs['lot_' + item.sku.id]
+
+        const dom = Array.isArray(ref) ? ref[0] : ref
+
+        const {success, data} = dom.getData()
+
+        if (!success) {
+          return {
+            success,
+            data
+          }
+        }
+
+
+        dataList.push({
+          caseNum: this.item.caseNum || '',
+          lotAttributes: data,
+          asnId: this.asnData.id,
+          skuId: item.sku.id,
+          images: this.imgList.join('|')
+        })
+      }
+
+      return {
+        success: true,
+        data: dataList
+      }
+    },
+
+    // 异常上报确认
+    abnSubmit(data) {
+      submitAsnAbnormalReceive({
+        asnId: this.asnData.id,
+        ownerId: this.asnData.ownerId,
+        abnType: data.abnType,
+        abnSubType: data.abnSubType,
+        order: data.order,
+        lines: [
+          {
+            ...data.lines[0],
+            originalLpn: this.item.lpn || '',
+            originalCaseNum: this.item.caseNum || '',
+          }
+        ],
+      }).then(() => {
+        this.abnPopup.show = false
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.asnSkuInfo.ekxojlkt', '异常上报成功')
+        )
+        this.$emit('abnSuccess')
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+.sku-item {
+  border: solid 1px #f0f0f0;
+  padding: 5px;
+  border-radius: 4px;
+}
+</style>

package/src/views/wms/page/receive/moreOrder/components/lpnBoxSelectAsnItem.vue

@@ -0,0 +1,145 @@
+<!--
+  按托盘收货 - 选择到货通知单数据项
+  @author: 张文
+  @date: 2023-06-01
+-->
+<template>
+  <div class="lw-global-row-box">
+
+    <lw-title-value-cell
+      v-if="type==='lpn'"
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.lpnBoxSelectAsnItem.ioraivbl', '托盘号')"
+      :value="skuData.lpn"
+      val-bold
+      :is-row="false"
+    />
+    <lw-title-value-cell
+      v-else
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.lpnBoxSelectAsnItem.cxjfgfbr', '箱号')"
+      :value="skuData.caseNum"
+      val-bold
+      :is-row="false"
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.lpnBoxSelectAsnItem.sslewwod', '到货通知单')"
+      :value="$lwCheckVal(asnData.asnNo)"
+      val-bold
+      :is-row="false"
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.lpnBoxSelectAsnItem.oqadiydl', '外部单号')"
+      :value="$lwCheckVal(asnData.extNo)"
+      val-bold
+      :is-row="false"
+    />
+
+    <lw-title-value-cell
+      v-if="asnData.ownerCode"
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.lpnBoxSelectAsnItem.hxelndak', '货主')"
+      :value="asnData.ownerCode + '-' + asnData.ownerName"
+      val-bold
+      :is-row="false"
+    />
+
+    <lw-title-value-cell
+      v-if="asnData.supplierCode"
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.lpnBoxSelectAsnItem.lxaostlf', '供应商')"
+      :value="asnData.supplierCode + '-' + asnData.supplierName"
+      val-bold
+      :is-row="false"
+    />
+
+    <div
+      style="margin-top: 2px"
+      class="lw-global-collapse-box"
+      @click.stop
+    >
+      <van-collapse
+        v-model="activeNames"
+        :border="false"
+      >
+        <van-collapse-item name="1">
+
+          <template #title>
+            <div class="lw-global-flex-between">
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.lpnBoxSelectAsnItem.agkvmwib', '商品种类')"
+                :value="skuData.skuCount"
+                val-bold
+                val-red
+                :is-row="false"
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.lpnBoxSelectAsnItem.txdyzvcc', '商品数量')"
+                :value="skuData.qty"
+                val-bold
+                val-red
+                :is-row="false"
+              />
+            </div>
+          </template>
+
+
+          <div
+            v-for="(i,k) in skuData.skuList"
+            :key="k"
+            class="lw-global-flex-between"
+          >
+
+            <div class="lw-global-value">{{ i.sku.code + ' - ' + i.sku.name }}</div>
+
+            <div class="lw-global-value-bold-red" style="flex-shrink: 0">{{ i.qty || 0 }}</div>
+
+          </div>
+
+        </van-collapse-item>
+      </van-collapse>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lpnBoxSelectAsnItem",
+  props: {
+    // 到货单信息
+    asnData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 商品信息
+    skuData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    type: {
+      type: String,
+      default: 'lpn'
+    }
+  },
+  data() {
+    return {
+      activeNames: []
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+.lw-global-collapse-box {
+  margin-top: 0;
+
+  /deep/ .van-cell {
+    padding: 0;
+  }
+}
+</style>