@logwire/logwire-wms-pda-ui 3.1.3-zc-beta → 3.3.2

package/src/views/wms/page/inbound/receive/receive-sku/LwInboundReceiveSkuAdvancePage.vue

@@ -8,7 +8,33 @@
     <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.ttjizgxy', '预收货')"/>
     <div v-if="asn" class="lw-global-page-box">
       <div>
-        <asn-info :data="asn" :radius="false"/>
+        <asn-info
+          :data="asn"
+          :radius="false"
+          :show-data-look="false"
+        />
+        <lw-data-look-bg type="not">
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.udhvsicu','计划量')"
+            :value="asnSku.qty"
+          />
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.suishzuk','已收量')"
+            :value="asnSku.receiveQty"
+          />
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.yizqtcdc','待收量')"
+            :value="(Number(asnSku.qty || 0) - Number(asnSku.receiveQty || 0))"
+          />
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.dovgmwzl','到货量')"
+            :value="asnSku.arrivalQty"
+          />
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.xlekdods','异常量')"
+            :value="asnSku.qualityLossQty"
+          />
+        </lw-data-look-bg>
         <asn-sku-info
           :data="asnSku"
           type="bottom"
@@ -50,8 +76,22 @@
         <lw-lot-module ref="lotEl" :query="lotQuery"/>
       </div>
       <div class="lw-global-model-box" style="margin-top: 10px;">
-        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kgtsbmse', '预收货库位')" required v-model="receiveLoc.value" :get-focus.sync="receiveLoc.focus"/>
-        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vmjriwdi', '预收货托盘')" required v-model="receiveLpn.value" :get-focus.sync="receiveLpn.focus"/>
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kgtsbmse', '预收货库位')"
+          required v-model="receiveLoc.value" :get-focus.sync="receiveLoc.focus"/>
+        <lw-input
+          v-if="!asn.hideLpn"
+          :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vmjriwdi', '预收货托盘')"
+          :required="asn.requiredLpn"
+          v-model="receiveLpn.value"
+          :get-focus.sync="receiveLpn.focus"
+        />
+        <div class="lw-global-flex-start-start lw-global-row-end">
+          <div class="lw-global-title" style="margin-right: 5px">
+            {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vmjriwdci', '收货照片') }}
+          </div>
+          <lw-img-upload v-model="imgList"/>
+        </div>
       </div>
     </div>
     <lw-bottom-bar>
@@ -139,6 +179,8 @@ export default {
         value: '',
         focus: false,
       },
+      // 收货照片
+      imgList: [],
       tagFocus: {
         '#': false,
       },
@@ -148,13 +190,13 @@ export default {
       lotData: null,
       showAbnormal: false,
 
-      printPopupShow:false,
-      printData:{}
+      printPopupShow: false,
+      printData: {}
     }
   },
   computed: {
     tagsQty () {
-      return this.tags.map(i => parseInt(i.confirmQty)).reduce((a, b) => a + b, 0)
+      return this.tags.map(i => Number(i.confirmQty || 0)).reduce((a, b) => a + b, 0)
     },
     barcodeQuery () {
       return {
@@ -171,50 +213,61 @@ export default {
     this.loadAsnAndSku(asnNo, skuCode)
   },
   methods: {
-    loadAsnAndSku (asnNo, skuCode) {
+    loadAsnAndSku(asnNo) {
       getInboundAsnByAsnNo(asnNo).then(data => {
         if (data) {
           this.asn = data
-          getAsnSkuDetailBySkuCode(this.asn.id, skuCode).then(res => {
-            this.asnSku = res
-            this.lotQuery = {
-              warehouseId: this.asn.warehouseId,
-              ownerId: this.asnSku.ownerId,
-              skuId: this.asnSku.sku.id,
-              type: 1,
-              lotType: 'inventory',
-              header: this.asn.map,
-              line: this.asnSku.map,
-            }
-            if(!this.receiveLoc.value){
-              this.receiveLoc.value = res.receiveLocationCode
-            }
-          })
+          this.getNowSkuData()
         } else {
           return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.guyyegea', '错误的到货通知单'))
         }
       })
     },
-    addTag (sku, res) {
+
+    // 获取当前商品信息
+    getNowSkuData(first = true) {
+      getAsnSkuDetailBySkuCode(this.asn.id, this.$route.query.skuCode).then(res => {
+        this.asnSku = res
+
+        if (!first) return
+
+        this.lotQuery = {
+          warehouseId: this.asn.warehouseId,
+          ownerId: this.asnSku.ownerId,
+          skuId: this.asnSku.sku.id,
+          type: 1,
+          lotType: 'inventory',
+          header: this.asn.map,
+          line: this.asnSku.map,
+        }
+        if (!this.receiveLoc.value) {
+          this.receiveLoc.value = res.receiveLocationCode
+        }
+      })
+    },
+    addTag(sku, res) {
       const scanData = scanUtils.getScanSkuCodeData(sku, res)
-      if(!scanData.success){
+      if (!scanData.success) {
         return
       }
 
       if (scanData.skuCode !== this.asnSku.sku.code) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.sku.no.same', '商品编码：{sku} 与当前商品：{currentSku} 不符',{sku:scanData.skuCode,currentSku:this.asnSku.sku.code}))
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.sku.no.same', '商品编码：{sku} 与当前商品：{currentSku} 不符', {
+          sku: scanData.skuCode,
+          currentSku: this.asnSku.sku.code
+        }))
       }
 
-      const qty = parseInt(scanData.qty) || 0
+      const qty = Number(scanData.qty || 0)
       const tag = scanData.tag || '#'
       const otag = this.tags.find(i => i.code === tag)
       if (otag) {
         if (otag.code !== '#') {
           return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.gwrovxal', '重复箱号'))
         }
-        this.tagFocus[tag] = true
-        otag.qty = (parseInt(otag.qty) || 0) + qty
-        otag.confirmQty = (parseInt(otag.confirmQty ) || 0) + qty
+        !qty ? this.tagFocus[tag] = true : ''
+        otag.qty = Number(otag.qty || 0) + qty
+        otag.confirmQty = Number(otag.confirmQty || 0) + qty
       } else {
         this.tagFocus[tag] = true
         this.tags.unshift({
@@ -237,7 +290,7 @@ export default {
       if (!this.receiveLoc.value) {
         return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.imuomhqg', '预收货库位不能为空'))
       }
-      if (!this.receiveLpn.value) {
+      if ((this.asn.hideLpn && this.asn.requiredLpn) && !this.receiveLpn.value) {
         return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.sgyohshb', '预收货托盘不能为空'))
       }
       this.lotData = lotData.data
@@ -252,6 +305,7 @@ export default {
         lpn: this.receiveLpn.value,
         qty: this.submitQty,
         lotAttributes: this.lotData,
+        images: this.imgList.join('|')
       }
       if (data.qty <= 0) {
         return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.mrvcqlef', '预收货数量必须大于0'))
@@ -260,6 +314,7 @@ export default {
       submitAsnAdvanceReceiveForSku(data).then(this.afterSubmit)
     },
     afterSubmit (res) {
+      this.getNowSkuData(false)
       this.receiveLpn.value = ''
 
       this.asn = res

package/src/views/wms/page/inbound/receive/receive-sku/LwInboundReceiveSkuDirectPage.vue

@@ -9,7 +9,34 @@
       :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vthvurhw', '收货')"/>
     <div v-if="asn" class="lw-global-page-box">
       <div>
-        <asn-info :data="asn" :radius="false"/>
+        <asn-info
+          :data="asn"
+          :radius="false"
+          :show-data-look="false"
+        />
+
+        <lw-data-look-bg type="not">
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.udhvsicu','计划量')"
+            :value="asnSku.qty"
+          />
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.suishzuk','已收量')"
+            :value="asnSku.receiveQty"
+          />
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.yizqtcdc','待收量')"
+            :value="(Number(asnSku.qty || 0) - Number(asnSku.receiveQty || 0))"
+          />
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.dovgmwzl','到货量')"
+            :value="asnSku.arrivalQty"
+          />
+          <lw-data-look-item
+            :title="$lwLanguage.get('wms_project.pda.views.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.xlekdods','异常量')"
+            :value="asnSku.qualityLossQty"
+          />
+        </lw-data-look-bg>
         <asn-sku-info
           v-if="asnSku"
           :data="asnSku"
@@ -134,8 +161,18 @@
           :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.mfygoqmw', '收货库位')"
           required v-model="receiveLoc.value" :get-focus.sync="receiveLoc.focus"/>
         <lw-input
+          v-if="!asn.hideLpn"
           :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kjwvyrqq', '收货托盘')"
-          required v-model="receiveLpn.value" :get-focus.sync="receiveLpn.focus"/>
+          :required="asn.requiredLpn"
+          v-model="receiveLpn.value"
+          :get-focus.sync="receiveLpn.focus"
+        />
+        <div class="lw-global-flex-start-start lw-global-row-end">
+          <div class="lw-global-title" style="margin-right: 5px">
+            {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vmjriwdci', '收货照片') }}
+          </div>
+          <lw-img-upload v-model="imgList"/>
+        </div>
       </div>
     </div>
     <lw-bottom-bar>
@@ -276,6 +313,8 @@ export default {
         value: '',
         focus: false,
       },
+      // 收货照片
+      imgList: [],
       showSubmit: false,
       lotQuery: null,
       submitQty: 0,
@@ -307,40 +346,45 @@ export default {
     if (!asnNo || !skuCode) {
       return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.uecsvjpd', '错误的到货通知单或商品'))
     }
-    this.loadAsnAndSku(asnNo, skuCode)
+    this.loadAsnAndSku(asnNo)
   },
   methods: {
-    loadAsnAndSku(asnNo, skuCode) {
+    loadAsnAndSku(asnNo) {
       getInboundAsnByAsnNo(asnNo).then(data => {
         if (data) {
           this.asn = data
-          getAsnSkuDetailBySkuCode(this.asn.id, skuCode).then(res => {
-            this.asnSku = res
-
-            if (this.asnSku && this.asnSku.sku.needSn) {
-              this.sn.focus = true
-            } else {
-              this.skuFocus = true
-            }
-
-            this.lotQuery = {
-              warehouseId: this.asn.warehouseId,
-              ownerId: this.asnSku.ownerId,
-              skuId: this.asnSku.sku.id,
-              type: 1,
-              lotType: 'inventory',
-              header: this.asn.map,
-              line: this.asnSku.map,
-            }
-            if (!this.receiveLoc.value) {
-              this.receiveLoc.value = res.receiveLocationCode
-            }
-          })
+          this.getNowSkuData()
         } else {
           return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nhqwabhf', '错误的到货通知单'))
         }
       })
     },
+    // 获取当前商品信息
+    getNowSkuData(first = true) {
+      getAsnSkuDetailBySkuCode(this.asn.id, this.$route.query.skuCode).then(res => {
+        this.asnSku = res
+        if (!first) return
+
+        if (this.asnSku && this.asnSku.sku.needSn) {
+          this.sn.focus = true
+        } else {
+          this.skuFocus = true
+        }
+
+        this.lotQuery = {
+          warehouseId: this.asn.warehouseId,
+          ownerId: this.asnSku.ownerId,
+          skuId: this.asnSku.sku.id,
+          type: 1,
+          lotType: 'inventory',
+          header: this.asn.map,
+          line: this.asnSku.map,
+        }
+        if (!this.receiveLoc.value) {
+          this.receiveLoc.value = res.receiveLocationCode
+        }
+      })
+    },
     addTag(sku, res) {
       const skuCode = res.bizType === 'SKU' ? res.data.key : sku
       if (!skuCode) {
@@ -349,16 +393,16 @@ export default {
       if (skuCode !== this.asnSku.sku.code) {
         return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.wlxehqom', '错误的商品'))
       }
-      const qty = res.data && parseInt(res.data.qty) || 0
+      const qty = res.data && Number(res.data.qty || 0)
       const tag = res.data && res.data.tag || '#'
       const otag = this.tags.find(i => i.code === tag)
       if (otag) {
         if (otag.code !== '#') {
           return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.qadqqgzv', '重复箱号'))
         }
-        this.tagFocus[tag] = true
-        otag.qty = (parseInt(otag.qty) || 0) + qty
-        otag.confirmQty = (parseInt(otag.confirmQty) || 0) + qty
+        !qty ? this.tagFocus[tag] = true : ''
+        otag.qty = Number(otag.qty || 0) + qty
+        otag.confirmQty = Number(otag.confirmQty || 0) + qty
       } else {
         this.tagFocus[tag] = true
         this.tags.unshift({
@@ -420,13 +464,13 @@ export default {
       if (!this.receiveLoc.value) {
         return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.bhtjbfci', '收货库位不能为空'))
       }
-      if (!this.receiveLpn.value) {
+      if ((this.asn.hideLpn && this.asn.requiredLpn) && !this.receiveLpn.value) {
         return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.sdjhrqte', '收货托盘不能为空'))
       }
       this.lotData = lotData.data
       this.showSubmit = true
     },
-    doSubmit() {
+    async doSubmit() {
       const data = {
         warehouseId: this.asn.warehouseId,
         asnId: this.asn.id,
@@ -435,21 +479,26 @@ export default {
         lpn: this.receiveLpn.value,
         qty: this.submitQty,
         lotAttributes: this.lotData,
+        images: this.imgList.join('|')
       }
       if (data.qty <= 0) {
         return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.utgdeatd', '收货数量必须大于0'))
       }
+      let api = ''
       if (this.asnSku.sku.needSn) {
         data.snList = this.sns
-        submitAsnFastReceiveForSkuSn(data).then(this.afterSubmit)
+        api = submitAsnFastReceiveForSkuSn
       } else {
         data.boxList = this.tags.map(i => ({box: i.code, qty: i.confirmQty}))
-        submitAsnFastReceiveForSku(data).then(this.afterSubmit)
+        api = submitAsnFastReceiveForSku
       }
+
+      this.afterSubmit(await api(data))
     },
     afterSubmit(res) {
+      this.getNowSkuData(false)
       this.$lwToast.success(
-        this.$lwLanguage.get('wms_project.pda.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.fbmpvqah','操作成功')
+        this.$lwLanguage.get('wms_project.pda.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.fbmpvqah', '操作成功')
       )
       this.receiveLpn.value = ''
 

package/src/views/wms/page/inbound/receive/receive-sku/LwInboundReceiveSkuScanPage.vue

@@ -6,27 +6,79 @@
 <template>
   <div>
     <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.dkcbaaoi', '按商品收货')"/>
+
     <div v-if="asn">
       <div class="lw-global-page-box">
-        <div>
-          <asn-info :data="asn"/>
-        </div>
-      </div>
-      <div class="lw-global-page-box">
-        <div class="lw-global-model-box">
-          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rhrnrwas', '商品收货条码')" required v-model="receiveCode.barcode" :get-focus.sync="receiveCode.focus"
-                    rule-key="skuReceive" :rule-serve-query="barcodeQuery"
-                    :placeholder="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kkeynasp', '商品编码、条码、看板、唯一码等')"
-                    @confirm="resolveReceiveBarcode"/>
-          <lw-input v-if="needSku" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.tgssdzcn', '收货条码')" required v-model="skuCode.barcode" :get-focus.sync="skuCode.focus"
+
+        <asn-info :data="asn"/>
+
+        <div
+          style="margin-top: 10px"
+          class="lw-global-model-box"
+        >
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rhrnrwas', '商品收货条码')"
+            required v-model="receiveCode.barcode" :get-focus.sync="receiveCode.focus"
+            rule-key="skuReceive" :rule-serve-query="barcodeQuery"
+            :placeholder="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kkeynasp', '商品编码、条码、看板、唯一码等')"
+            @confirm="resolveReceiveBarcode"/>
+          <lw-input v-if="needSku"
+                    :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.tgssdzcn', '收货条码')"
+                    required v-model="skuCode.barcode" :get-focus.sync="skuCode.focus"
                     rule-key="sku" :rule-serve-query="barcodeQuery" @confirm="resolveSkuBarcode"
                     :placeholder="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.sjayzqlp', '商品编码、条码')"/>
         </div>
+
+        <!-- 商品信息列表 -->
+        <div
+          class="lw-global-model-box lw-global-click-style"
+          v-for="(i,k) in asn.lines"
+          :key="k"
+          @click="resolveReceiveBarcode(i.sku.code)"
+        >
+
+          <div class="lw-global-row-start">
+            <div class="lw-global-value-bold">{{ i.sku.code }}</div>
+            <div class="lw-global-title">{{ i.sku.name }}</div>
+          </div>
+
+          <div class="lw-global-row-end lw-global-flex-start">
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.dkcbaaoiq','计划')"
+              :value="i.qty"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+
+            <div class="line">/</div>
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.dkcbaaoiw','已收')"
+              :value="$lwCheckVal(i.receiveQty,0)"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+
+            <div class="line">/</div>
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.dkcbaaoie','待收')"
+              :value="Number(i.qty || 0) - Number(i.receiveQty || 0)"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+
+          </div>
+
+        </div>
       </div>
     </div>
-    <div v-else>
-      <lw-not-data/>
-    </div>
+    <lw-not-data v-else/>
+
   </div>
 </template>
 
@@ -34,7 +86,7 @@
 import {
   getAsnSkuDetailBySkuCode,
   getAsnSkuDetailBySn,
-  getInboundAsnByAsnNo
+  wmsMobileInboundGetAsnDetail
 } from '../../../../api/inbound/receive'
 import AsnInfo from '../../components/AsnInfo.vue'
 import {scanUtils} from '../../util/InboundUtils'
@@ -63,6 +115,19 @@ export default {
       asnSku: null,
       sn: '',
       showQualityCard: false,
+
+      skuInfoList: [
+        {
+          skuCode: 'LJ-001',
+          skuName: '零件-001',
+          num: 1
+        },
+        {
+          skuCode: 'LJ-002',
+          skuName: '零件-002',
+          num: 2
+        },
+      ]
     }
   },
   computed: {
@@ -85,7 +150,7 @@ export default {
   },
   methods: {
     getAsnByAsnNo (asnNo) {
-      getInboundAsnByAsnNo(asnNo).then(data => {
+      wmsMobileInboundGetAsnDetail({asnNo}).then(data => {
         if (data) {
           this.asn = data
           this.receiveCode.ownerId = data.ownerId
@@ -95,7 +160,7 @@ export default {
         this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.gfzftmin', '错误的到货通知单号'))
       })
     },
-    resolveReceiveBarcode (value, res) {
+    resolveReceiveBarcode(value, res = {}) {
       this.needSku = false
       this.sn = ''
 
@@ -157,6 +222,8 @@ export default {
 }
 </script>
 
-<style scoped>
-
+<style scoped lang="less">
+.line {
+  margin: 0 5px;
+}
 </style>

package/src/views/wms/page/inbound/unload/add/index.vue

@@ -190,30 +190,31 @@
           </div>
           <lw-data-look-bg type="bottom">
 
-            <div>
-              <div>{{ i.qty || 0 }}</div>
-              <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.bdzpvyrd','计划量')}}</div>
-            </div>
+            <lw-data-look-item
+              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.bdzpvyrd','计划量')"
+              :value="i.qty || 0"
+            />
 
-            <div>
-              <div>{{ i.receiveQty || 0 }}</div>
-              <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.tzzqggjj','已收量')}}</div>
-            </div>
+            <lw-data-look-item
+              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.tzzqggjj','已收量')"
+              :value="i.receiveQty || 0"
+            />
 
-            <div>
-              <div>{{ i.unReceiveQty || 0 }}</div>
-              <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.ljrkioav','待收量')}}</div>
-            </div>
+            <lw-data-look-item
+              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.ljrkioav','待收量')"
+              :value="i.unReceiveQty || 0"
+            />
 
-            <div>
-              <div>{{ i.arrivalQty || 0 }}</div>
-              <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.coelqlvq','到货量')}}</div>
-            </div>
+            <lw-data-look-item
+              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.coelqlvq','到货量')"
+              :value="i.arrivalQty || 0"
+            />
 
-            <div style="color: #eeee20">
-              <div>{{ i.qualityLossQty || 0 }}</div>
-              <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.sdqripfp','异常量')}}</div>
-            </div>
+            <lw-data-look-item
+              :title="$lwLanguage.get('wms_project.pda.components.page.inbound.unload.add.index.sdqripfp','异常量')"
+              :value="i.qualityLossQty || 0"
+              color="#eeee20"
+            />
 
           </lw-data-look-bg>
 

package/src/views/wms/page/inner/abnormalMove/index/index.vue

@@ -23,36 +23,28 @@
       <lw-data-look-bg type="bottom">
 
         <!-- 品种数 -->
-        <div>
-          <div>{{ taskData.skuCount || 0 }}</div>
-          <div>
-            {{ $lwLanguage.get('wms_project.pda.inbound.abnMove.skuCount','品种数') }}
-          </div>
-        </div>
+        <lw-data-look-item
+          :title="$lwLanguage.get('wms_project.pda.inbound.abnMove.skuCount','品种数')"
+          :value="taskData.skuCount || 0"
+        />
 
         <!-- 计划量 -->
-        <div>
-          <div>{{ taskData.planQty || 0 }}</div>
-          <div>
-            {{ $lwLanguage.get('wms_project.pda.inbound.abnMove.planQty','计划量') }}
-          </div>
-        </div>
+        <lw-data-look-item
+          :title="$lwLanguage.get('wms_project.pda.inbound.abnMove.planQty','计划量')"
+          :value="taskData.planQty || 0"
+        />
 
         <!-- 已移动 -->
-        <div>
-          <div>{{ taskData.putUpQty || 0 }}</div>
-          <div>
-            {{ $lwLanguage.get('wms_project.pda.inbound.abnMove.putUpQty','已移动') }}
-          </div>
-        </div>
+        <lw-data-look-item
+          :title="$lwLanguage.get('wms_project.pda.inbound.abnMove.putUpQty','已移动')"
+          :value="taskData.putUpQty || 0"
+        />
 
         <!-- 待移动 -->
-        <div>
-          <div>{{ taskData.toPutUpQty || 0 }}</div>
-          <div>
-            {{ $lwLanguage.get('wms_project.pda.inbound.abnMove.toPutUpQty','待移动') }}
-          </div>
-        </div>
+        <lw-data-look-item
+          :title="$lwLanguage.get('wms_project.pda.inbound.abnMove.toPutUpQty','待移动')"
+          :value="taskData.toPutUpQty || 0"
+        />
 
       </lw-data-look-bg>