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

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

@@ -0,0 +1,637 @@
+<template>
+  <div
+    v-if="data || delayLoad"
+    :class="{'card-style':cardMode,'lw-global-model-box':cardMode}"
+  >
+
+    <div class="lw-global-flex-between" @click.stop="showCard">
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cmbdiydp', '品检卡')"
+        :value="data && data.qualityCard? data.qualityCard.code : ''"
+        :is-row="false"
+        val-bold
+      />
+
+      <van-icon class="btn-shrink" name="arrow"/>
+    </div>
+
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cmbdiydp', '品检卡')"
+      class="abnormal-popup-bg"
+      position="center"
+      v-model="showDialog">
+
+      <div>
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cmbdiydp', '品检卡')"
+          :value="data && data.qualityCard? data.qualityCard.code : ''"
+          :is-row="false"
+          val-bold
+        />
+
+        <div v-if="data" class="lw-global-row-end">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.hhsvhdiu', '商品编码')"
+            :value="data.sku.code"
+            :is-row="false"
+            val-bold
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.ucllmcwi', '商品名称')"
+            :value="data.sku.name"
+            :is-row="false"
+            val-bold
+          />
+
+          <lw-tag
+            style="margin-top: 10px;"
+            v-for="ini in data.sku.tags"
+            :key="ini"
+            plain
+            color="red">
+            {{ ini }}
+          </lw-tag>
+
+          <div class="quality-des" style="margin-top: 10px;grid-template-columns: 1fr;" v-if="data.sku.image">
+            <div class="quality-des-title">
+              {{
+                $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.ssoefcpl', '裸件图片')
+              }}
+            </div>
+            <div class="quality-des-content img">
+              <lw-img-look :img-list="[data.sku.image]" justify-content="left"/>
+            </div>
+          </div>
+
+          <van-collapse v-model="activePack">
+
+            <van-collapse-item>
+              <template #title>
+
+                <div class="lw-global-flex-between">
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.vdeismef', '到货包装')"
+                    :value="data.receivePack.code"
+                    :is-row="false"
+                    val-bold
+                  />
+                  <lw-title-value-cell
+                    :title="getPackNum(data.receivePack)"
+                    :is-row="false"
+                    val-bold
+                  />
+                </div>
+              </template>
+
+              <div>
+                <div class="lw-global-flex-between">
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.fofpdkce', '类型')"
+                    :value="data.receivePack.model1Label"
+                    :is-row="false"
+                    val-bold
+                  />
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.mzpprwye', '默认包装')"
+                    :value="data.receivePack.defaultPack ? '是' : '否'"
+                    :is-row="false"
+                    val-bold
+                  />
+
+                </div>
+
+                <div v-if="data.receivePack.eachCode" class="lw-global-row">
+                  <div class="lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('', data.receivePack.eachCode)"
+                      :value="getPackUomNum(data.receivePack.eachQty, data.receivePack.eachName)"
+                      :is-row="false"
+                      val-bold
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cjuiupeu', '长*宽*高')"
+                      :value="getPackUomVolume(data.receivePack.eachLength, data.receivePack.eachWidth, data.receivePack.eachHeight)"
+                      :is-row="false"
+                      val-bold
+                    />
+                  </div>
+                </div>
+
+                <div v-if="data.receivePack.innerCode && data.receivePack.innerQty" class="lw-global-row">
+                  <div class="lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('', data.receivePack.innerCode)"
+                      :value="getPackUomNum(data.receivePack.innerQty, data.receivePack.innerName)"
+                      :is-row="false"
+                      val-bold
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cjuiupeu', '长*宽*高')"
+                      :value="getPackUomVolume(data.receivePack.innerLength, data.receivePack.innerWidth, data.receivePack.innerHeight)"
+                      :is-row="false"
+                      val-bold
+                    />
+                  </div>
+
+                  <div class="quality-des-content img"
+                       v-if="data.receivePack.innerImage && data.receivePack.innerImage.length>0">
+                    <lw-img-look :img-list="[data.receivePack.innerImage]" justify-content="left"/>
+                  </div>
+                </div>
+
+                <div v-if="data.receivePack.caseCode && data.receivePack.caseQty" class="lw-global-row">
+                  <div class="lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('', data.receivePack.caseCode)"
+                      :value="getPackUomNum(data.receivePack.caseQty, data.receivePack.caseName)"
+                      :is-row="false"
+                      val-bold
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cjuiupeu', '长*宽*高')"
+                      :value="getPackUomVolume(data.receivePack.caseLength, data.receivePack.caseWidth, data.receivePack.caseHeight)"
+                      :is-row="false"
+                      val-bold
+                    />
+                  </div>
+
+                  <div class="quality-des-content img"
+                       v-if="data.receivePack.caseImage && data.receivePack.caseImage.length>0">
+                    <lw-img-look :img-list="[data.receivePack.caseImage]" justify-content="left"/>
+                  </div>
+                </div>
+
+                <div v-if="data.receivePack.palletCode && data.receivePack.palletQty" class="lw-global-row-end">
+                  <div class="lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('', data.receivePack.palletCode)"
+                      :value="getPackUomNum(data.receivePack.palletQty, data.receivePack.palletName)"
+                      :is-row="false"
+                      val-bold
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cjuiupeu', '长*宽*高')"
+                      :value="getPackUomVolume(data.receivePack.palletLength, data.receivePack.palletWidth, data.receivePack.palletHeight)"
+                      :is-row="false"
+                      val-bold
+                    />
+                  </div>
+
+                  <div class="quality-des-content img"
+                       v-if="data.receivePack.palletImage && data.receivePack.palletImage.length>0">
+                    <lw-img-look :img-list="[data.receivePack.palletImage]" justify-content="left"/>
+                  </div>
+                </div>
+
+              </div>
+
+            </van-collapse-item>
+
+            <van-collapse-item v-if="data.stdPack">
+              <template #title>
+                <div class="lw-global-flex-between">
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.kjxajtwy', '标准包装')"
+                    :value="data.stdPack.code"
+                    :is-row="false"
+                    val-bold
+                  />
+
+                  <lw-title-value-cell
+                    :title="getPackNum(data.stdPack)"
+                    :is-row="false"
+                    val-bold
+                  />
+
+                </div>
+              </template>
+
+              <div>
+                <div class="lw-global-flex-between">
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.fofpdkce', '类型')"
+                    :value="data.stdPack.model1Label"
+                    :is-row="false"
+                    val-bold
+                  />
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.mzpprwye', '默认包装')"
+                    :value="data.stdPack.defaultPack ? '是' : '否'"
+                    :is-row="false"
+                    val-bold
+                  />
+                  <!--                  <van-switch :v-model="true" @input="true" size="20px" active-color="@tabsActiveBgColor" inactive-color="#dcdee0"/>-->
+
+                </div>
+
+                <div v-if="data.stdPack.eachCode" class="lw-global-row">
+                  <div class="lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('', data.stdPack.eachCode)"
+                      :value="getPackUomNum(data.stdPack.eachQty, data.stdPack.eachName)"
+                      :is-row="false"
+                      val-bold
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cjuiupeu', '长*宽*高')"
+                      :value="getPackUomVolume(data.stdPack.eachLength, data.stdPack.eachWidth, data.stdPack.eachHeight)"
+                      :is-row="false"
+                      val-bold
+                    />
+                  </div>
+                </div>
+
+                <div v-if="data.stdPack.innerCode && data.stdPack.innerQty" class="lw-global-row">
+                  <div class="lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('', data.stdPack.innerCode)"
+                      :value="getPackUomNum(data.stdPack.innerQty, data.stdPack.innerName)"
+                      :is-row="false"
+                      val-bold
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cjuiupeu', '长*宽*高')"
+                      :value="getPackUomVolume(data.stdPack.innerLength, data.stdPack.innerWidth, data.stdPack.innerHeight)"
+                      :is-row="false"
+                      val-bold
+                    />
+                  </div>
+
+                  <div class="quality-des-content img"
+                       v-if="data.stdPack.innerImage && data.stdPack.innerImage.length>0">
+                    <lw-img-look :img-list="[data.stdPack.innerImage]" justify-content="left"/>
+                  </div>
+                </div>
+
+                <div v-if="data.stdPack.caseCode && data.stdPack.caseQty" class="lw-global-row">
+                  <div class="lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('', data.stdPack.caseCode)"
+                      :value="getPackUomNum(data.stdPack.caseQty, data.stdPack.caseName)"
+                      :is-row="false"
+                      val-bold
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cjuiupeu', '长*宽*高')"
+                      :value="getPackUomVolume(data.stdPack.caseLength, data.stdPack.caseWidth, data.stdPack.caseHeight)"
+                      :is-row="false"
+                      val-bold
+                    />
+                  </div>
+
+                  <div class="quality-des-content img" v-if="data.stdPack.caseImage && data.stdPack.caseImage.length>0">
+                    <lw-img-look :img-list="[data.stdPack.caseImage]" justify-content="left"/>
+                  </div>
+                </div>
+
+                <div v-if="data.stdPack.palletCode && data.stdPack.palletQty" class="lw-global-row-end">
+                  <div class="lw-global-flex-between">
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('', data.stdPack.palletCode)"
+                      :value="getPackUomNum(data.stdPack.palletQty, data.stdPack.palletName)"
+                      :is-row="false"
+                      val-bold
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cjuiupeu', '长*宽*高')"
+                      :value="getPackUomVolume(data.stdPack.palletLength, data.stdPack.palletWidth, data.stdPack.palletHeight)"
+                      :is-row="false"
+                      val-bold
+                    />
+                  </div>
+
+                  <div class="quality-des-content img"
+                       v-if="data.stdPack.palletImage && data.stdPack.palletImage.length>0">
+                    <lw-img-look :img-list="[data.stdPack.palletImage]" justify-content="left"/>
+                  </div>
+                </div>
+
+              </div>
+            </van-collapse-item>
+
+          </van-collapse>
+
+        </div>
+
+        <div class="lw-global-row-end" v-if="data && data.qualityCard">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.cmbdiydp', '品检卡')"
+            :value="data.qualityCard.code"
+            :is-row="false"
+            val-bold
+          />
+
+          <lw-title-value-cell
+            v-if="data.qualityCard.supplierName"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.jowjkfll', '供应商')"
+            :value="data.qualityCard.supplierName"
+            :is-row="false"
+            val-bold
+          />
+
+          <div class="quality-des" style="margin-top: 10px;">
+            <div>
+              <div class="quality-des-title">
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.itioxjqw', '正面')
+                }}
+              </div>
+              <div class="quality-des-content img">
+                <lw-img-look v-if="data.qualityCard.frontImage" :img-list="[data.qualityCard.frontImage]"
+                             justify-content="center"/>
+              </div>
+            </div>
+            <div>
+              <div class="quality-des-title">
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.qvmichcm', '背面')
+                }}
+              </div>
+              <div class="quality-des-content img">
+                <lw-img-look v-if="data.qualityCard.backImage" :img-list="[data.qualityCard.backImage]"
+                             justify-content="center"/>
+              </div>
+            </div>
+
+            <div>
+              <div class="quality-des-title">
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.xoxchtwc', '识别要点')
+                }}
+              </div>
+              <div class="quality-des-content">{{ data.qualityCard.frontDescribe }}</div>
+            </div>
+
+            <div>
+              <div class="quality-des-title">
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.xoxchtwc', '识别要点')
+                }}
+              </div>
+              <div class="quality-des-content">{{ data.qualityCard.backDescribe }}</div>
+            </div>
+
+            <div>
+              <div class="quality-des-title">
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.kaufcqnj', '特殊')
+                }}
+              </div>
+              <div class="quality-des-content img">
+                <lw-img-look v-if="data.qualityCard.markingImage" :img-list="[data.qualityCard.markingImage]"
+                             justify-content="center"/>
+              </div>
+            </div>
+
+            <div>
+              <div class="quality-des-title">
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.fospdhzo', '过往破损部位')
+                }}
+              </div>
+              <div class="quality-des-content img">
+                <lw-img-look v-if="data.qualityCard.beforeDamagedImage"
+                             :img-list="[data.qualityCard.beforeDamagedImage]"
+                             justify-content="center"/>
+              </div>
+            </div>
+
+            <div>
+              <div class="quality-des-title">
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.xoxchtwc', '识别要点')
+                }}
+              </div>
+              <div class="quality-des-content">{{ data.qualityCard.markingDescribe }}</div>
+            </div>
+
+            <div>
+              <div class="quality-des-title">
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.xoxchtwc', '识别要点')
+                }}
+              </div>
+              <div class="quality-des-content">{{ data.qualityCard.beforeDamagedDescribe }}</div>
+            </div>
+
+          </div>
+        </div>
+
+      </div>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import {
+  getInboundAsnSkuQualityCard,
+  getInboundSkuQualityCard,
+} from './../../../../api/inbound/receive'
+import {
+  getInboundFoundQualityCard,
+} from './../../../../api/inbound/quality'
+
+export default {
+  name: 'QualityCard',
+  props: {
+
+    // quality asn sku
+    type: {
+      type: String,
+      default: ''
+    },
+
+    skuCode: {
+      type: String,
+      default: ''
+    },
+    objId: {
+      type: String,
+      default: ''
+    },
+
+    delayLoad: {
+      type: Boolean,
+      default: false
+    },
+    cardMode: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      activeCard: [],
+      activePack: [],
+      data: null,
+      showDialog: false,
+    }
+  },
+  watch: {
+    'skuCode': {
+      handler(n) {
+        this.activePack = []
+        this.activeCard = []
+
+        if (this.delayLoad) {
+          this.data = null
+          return
+        }
+        this.getData(n)
+      }
+    }
+  },
+  mounted() {
+    if (this.delayLoad) {
+      return
+    }
+    this.getData(this.skuCode)
+  },
+  methods: {
+    getPackNum(pack) {
+      var s = ''
+
+      if (pack.innerCode && pack.innerQty) {
+        s = s + (s.length > 0 ? "," : "") + pack.innerCode + (pack.innerQty ? `${':' + pack.innerQty}` : '')
+      }
+      if (pack.caseCode && pack.caseQty) {
+        s = s + (s.length > 0 ? "," : "") + pack.caseCode + (pack.caseQty ? `${':' + pack.caseQty}` : '')
+      }
+      if (pack.palletCode && pack.palletQty) {
+        s = s + (s.length > 0 ? "," : "") + pack.palletCode + (pack.palletQty ? `${':' + pack.palletQty}` : '')
+      }
+      return s
+    },
+    getPackUomNum(qty, name) {
+      var s = ""
+
+      if (qty) {
+        s = s + this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.wkfxithi', '数量') + " " + qty + " "
+      }
+
+      if (name) {
+        s = s + this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.uuidglmc', '单位') + " " + name
+      }
+
+      return s
+    },
+    getPackUomVolume(length, width, height) {
+      if (!length && !width && !height) {
+        return '---'
+      }
+      return (length ? length : "0") + "*" + (width ? width : "0") + "*" + (height ? height : "0")
+    },
+    getPackUomLpnType(ti, hi) {
+      return (ti ? ti : "0") + "*" + (hi ? hi : "0")
+    },
+
+    getData(code) {
+      this.data = null
+      if (!code) {
+        return;
+      }
+
+      if (!this.objId) {
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.evtyxdye', 'ID 不能为空'))
+        return;
+      }
+
+      if (this.type === "quality" && this.objId) {
+        this.getDataByQualityTask(this.objId)
+        return
+      }
+      if (this.type === "asn" && this.objId) {
+        this.getDataByAsn(this.objId, code)
+        return
+      }
+      if (this.type === "sku" && this.objId) {
+        this.getDataBySku(this.objId, code)
+        return
+      }
+
+      this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.qualityCard.ksfhaxzk', '不支持方式: {type} 查询品检卡', {type: this.type}))
+    },
+
+    getDataBySku(id, code) {
+      getInboundSkuQualityCard(id, code).then(res => {
+        this.data = res
+      })
+    },
+    getDataByAsn(id, code) {
+      getInboundAsnSkuQualityCard(id, code).then(res => {
+        this.data = res
+      })
+    },
+    getDataByQualityTask(id) {
+      getInboundFoundQualityCard(id).then(res => {
+        this.data = res
+      })
+    },
+
+    showCard() {
+      this.showDialog = true
+
+      if (null == this.data) {
+        this.getData(this.skuCode)
+      }
+    },
+
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+@import "../../../../../../assets/css/var.less";
+
+.quality-des {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+
+  img {
+    max-width: 100%;
+  }
+
+  &-title {
+    height: 30px;
+    line-height: 30px;
+    background: @tabsActiveBgColor;
+    color: white;
+    text-align: center;
+  }
+
+  &-content {
+    padding: 10px;
+    font-size: 0.9em;
+
+    &.img {
+      min-height: 50px;
+      text-align: center;
+    }
+  }
+
+  & > div {
+    border: 1px solid lightgray;
+  }
+}
+
+.card-style {
+  margin-top: 10px;
+}
+
+</style>

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

@@ -0,0 +1,12 @@
+/*
+* 多单收货 - 起始页
+* @author: 张文
+* @date  2023-05-30
+* */
+
+
+import lwReceiveMoreOrderIndex from "./index.vue";
+
+lwReceiveMoreOrderIndex.install = Vue => Vue.component(lwReceiveMoreOrderIndex.name, lwReceiveMoreOrderIndex)
+
+export default lwReceiveMoreOrderIndex