@logwire/logwire-wms-pda-ui 1.1.19 → 1.2.0

package/src/components/page/inbound/components/AsnInfo.vue

@@ -1,14 +1,17 @@
 <template>
-  <div>
+  <div class="asn-info-bg">
     <!-- 收货单信息 -->
     <div class="asn-info" :class="{shrink: isShrink}">
       <div>
-        <div>到货通知单</div>
+        <div>{{ $lwLanguage.get('wms_project.pda.components.page.inbound.components.niivrnjg', '到货通知单') }}</div>
         <div><b>{{ asn.asnNo }}</b></div>
         <div>
-          <lw-tag v-if="!isNaN(asn.delayTime) && asn.delayTime > 0" type="danger" plain>延迟</lw-tag>
+          <lw-tag v-if="!isNaN(asn.delayTime) && asn.delayTime > 0" type="danger" plain>
+            {{ $lwLanguage.get('wms_project.pda.components.page.inbound.components.hgwhucpw', '延迟') }}
+          </lw-tag>
           <lw-tag v-if="asn.isEmergency" type="danger" plain>BO</lw-tag>
-          <van-icon v-if="shrinkable" class="btn-shrink" :class="{inverted: isShrink}" name="arrow-up" @click.stop="isShrink = !isShrink"/>
+          <van-icon v-if="shrinkable" class="btn-shrink" :class="{inverted: isShrink}" name="arrow-up"
+                    @click.stop="isShrink = !isShrink"/>
         </div>
       </div>
       <template v-for="i in fields">
@@ -25,36 +28,39 @@
         </div>
       </template>
     </div>
+
     <!-- 收货单数量 -->
-    <div class="task-board-nums" :class="{'bottom-radius': radius}">
+    <lw-data-look-bg :type="radius?'bottom':'not'">
       <div>
         <div>{{ asn.qty }}</div>
-        <div>计划量</div>
+        <div>{{ $lwLanguage.get('wms_project.pda.components.page.inbound.components.ooepssdd', '计划量') }}</div>
       </div>
       <div>
         <div>{{ asn.receiveQty }}</div>
-        <div>已收量</div>
+        <div>{{ $lwLanguage.get('wms_project.pda.components.page.inbound.components.gjpbpfhb', '已收量') }}</div>
       </div>
       <div>
         <div>{{ asn.pendingQty }}</div>
-        <div>待收量</div>
+        <div>{{ $lwLanguage.get('wms_project.pda.components.page.inbound.components.jmqngnfs', '待收量') }}</div>
       </div>
       <div>
         <div>{{ asn.arrivalQty }}</div>
-        <div>到货量</div>
+        <div>{{ $lwLanguage.get('wms_project.pda.components.page.inbound.components.mwgalrja', '到货量') }}</div>
       </div>
-      <div class="lw-global-sv"></div>
       <div class="count-task-board-yellow">
         <div>{{ asn.qualityLossQty }}</div>
-        <div>异常量</div>
+        <div>{{ $lwLanguage.get('wms_project.pda.components.page.inbound.components.rnruqkfc', '异常量') }}</div>
       </div>
-    </div>
+    </lw-data-look-bg>
   </div>
 </template>
 
 <script>
+// import { lwDataLookBg } from 'logwire-wms-pda-ui';
+
 export default {
   name: 'AsnInfo',
+  // components: { lwDataLookBg },
   props: {
     data: Object,
     shrinkable: {
@@ -67,7 +73,7 @@ export default {
     },
   },
   computed: {
-    asn () {
+    asn() {
       const data = this.data
       if (data) {
         if (data.ownerCode) {
@@ -82,28 +88,78 @@ export default {
         if (data.carrierCode) {
           data.carrier = data.carrierCode + ' - ' + data.carrierName
         }
+        if (data.allocWarehouseCode) {
+          data.allocWarehouse = data.allocWarehouseCode + ' - ' + data.allocWarehouseName
+        }
       }
-      data.pendingQty = data.qty - data.cancelQty - data.receiveQty - data.qualityLossQty
+      data.pendingQty = data.qty - data.receiveQty
       return data
     }
   },
-  data () {
+  data() {
     return {
       isShrink: false,
       fields: [
-        { field: 'extNo', label: '外部单号' },
-        { field: 'type', label: '订单类型', handler: value => this.$lwDict.getDictLabel('biz_asn_type', value) },
-        { field: 'planNo', label: '入库计划单' },
-        { field: 'allocationNo', label: '调拨单' },
-        { field: 'purchaseNo', label: '采购单' },
-        { field: 'owner', label: '货主' },
-        { field: 'supplier', label: '供应商' },
-        { field: 'carrier', label: '承运商' },
-        { field: 'carrierPlateNum', label: '车牌号' },
-        { field: 'planArrivalTime', label: '计划时间', handler: value => this.$lwDate.format(value, 'yyyy-MM-dd hh:mm') },
-        { field: 'estArrivalTime', label: '预约时间', handler: value => this.$lwDate.format(value, 'yyyy-MM-dd hh:mm') },
-        { field: 'estDockName', label: '预约月台' },
-        { field: 'abnormalRate', label: '异常率', style: { color: 'red' } },
+        {
+          field: 'extNo',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.kkxwtszg', '外部单号')
+        },
+        {
+          field: 'type',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.mhbnxydj', '订单类型'),
+          handler: value => this.$lwDict.getDictLabel('biz_asn_type', value)
+        },
+        {
+          field: 'planNo',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.fiiclmal', '入库计划单')
+        },
+        {
+          field: 'allocationNo',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.phcgvdlm', '调拨单')
+        },
+        {
+          field: 'purchaseNo',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.taoumzqm', '采购单')
+        },
+        {
+          field: 'allocWarehouse',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.wlzobmav', '调出仓库')
+        },
+        {
+          field: 'owner',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.gkrdehkd', '货主')
+        },
+        {
+          field: 'supplier',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.uwjnnema', '供应商')
+        },
+        {
+          field: 'carrier',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.vjnvialr', '承运商')
+        },
+        {
+          field: 'carrierPlateNum',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.volitcbr', '车牌号')
+        },
+        {
+          field: 'planArrivalTime',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.zqaqvtnq', '计划时间'),
+          handler: value => this.$lwDate.format(value, 'yyyy-MM-dd hh:mm')
+        },
+        {
+          field: 'estArrivalTime',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.tfzugxpz', '预约时间'),
+          handler: value => this.$lwDate.format(value, 'yyyy-MM-dd hh:mm')
+        },
+        {
+          field: 'estDockName',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.rwoyzroy', '预约月台')
+        },
+        {
+          field: 'abnormalRate',
+          label: this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.rbkqkdsy', '异常率'),
+          style: {color: 'red'}
+        },
       ]
     }
   },
@@ -123,6 +179,7 @@ export default {
   line-height: 1.5em;
   font-size: 0.9em;
   overflow: hidden;
+  padding: 10px;
 
   &.shrink {
     max-height: 114px;
@@ -149,6 +206,11 @@ export default {
   }
 }
 
+.asn-info-bg {
+  background: #fff;
+  border-radius: 8px;
+}
+
 .task-board-nums {
   display: flex;
   justify-content: space-between;
@@ -178,4 +240,4 @@ export default {
     }
   }
 }
-</style>
+</style>

package/src/components/page/inbound/components/AsnSkuInfo.vue

@@ -1,20 +1,22 @@
 <template>
-  <div v-if="data && data.sku" class="sku-info">
+  <div v-if="data && data.sku" class="sku-info" :class="'bottom'===type?'sku-info-bottom': ('not'===type?'sku-info-not':'sku-info-round')">
     <div>
       <div style="color: red; font-size: 1.1em;"><b>{{data.sku.code}}</b></div>
       <div>
-        <lw-tag plain color="red" v-if="data.sku.new">新品</lw-tag>
+        <lw-tag plain color="red" v-if="data.sku.new">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.hfesgrpm', '新品')}}</lw-tag>
+        <lw-tag plain color="red">{{ data.sku.skuUrgencyLabel }}</lw-tag>
       </div>
     </div>
     <div>
       <div>{{data.sku.name}}</div>
     </div>
     <div>
-      <div>异常率 <b style="color: red; font-size: 1.1em;">{{data.sku.abnormalRate}}</b>%</div>
+      <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.dtapgpqz', '异常率')}}<b style="color: red; font-size: 1.1em;">{{' ' + data.sku.abnormalRate}}</b>%</div>
       <div>
-        <lw-tag v-if="['100','200'].includes(data.sku.qualityType)" plain color="red">全检 / 抽检</lw-tag>
+        <lw-tag plain color="red">{{data.sku.qualityTypeLabel}}</lw-tag>
       </div>
     </div>
+    <slot name="extend"/>
   </div>
 </template>
 
@@ -23,15 +25,20 @@ export default {
   name: 'AsnSkuInfo',
   props: {
     data: Object,
-  }
+    type:{
+      type: String,
+      default: 'not'
+    }
+  },
 }
 </script>
 
 <style lang="less" scoped>
 .sku-info {
-  margin: 10px 0 0;
   font-size: 0.9em;
   line-height: 1.5em;
+  background: #fff;
+  padding: 10px;
 
   & > div {
     display: flex;
@@ -43,4 +50,17 @@ export default {
     }
   }
 }
-</style>
+
+.sku-info-bottom {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+
+.sku-info-not {
+}
+
+.sku-info-round {
+  margin: 10px 0 0;
+  border-radius: 8px;
+}
+</style>

package/src/components/page/inbound/components/QualityCard.vue

@@ -3,7 +3,7 @@
     <!-- 顶栏 -->
     <div class="lw-global-props">
       <div>
-        <div>品检卡</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.xxllqyjv', '品检卡')}}</div>
         <div>{{data.code}}</div>
         <div>
           <van-icon v-if="shrinkable" class="btn-shrink" :class="{inverted: isShrink}" name="arrow-up" @click.stop="isShrink = !isShrink"/>
@@ -15,56 +15,56 @@
       <div class="lw-global-sh"></div>
       <div class="lw-global-props">
         <div>
-          <div>供应商</div>
+          <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.qotvwjpo', '供应商')}}</div>
           <div>{{data.supplierName}}</div>
         </div>
       </div>
       <div style="padding: 10px 0;">
-        <lw-tag plain>大件</lw-tag>
-        <lw-tag plain>大件</lw-tag>
-        <lw-tag plain>大件</lw-tag>
-        <lw-tag plain>大件</lw-tag>
-        <lw-tag plain>大件</lw-tag>
+        <lw-tag plain>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.tanolvkk', '大件')}}</lw-tag>
+        <lw-tag plain>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.isymspwi', '大件')}}</lw-tag>
+        <lw-tag plain>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.beprqbtf', '大件')}}</lw-tag>
+        <lw-tag plain>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.vajvqnye', '大件')}}</lw-tag>
+        <lw-tag plain>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.comcxtts', '大件')}}</lw-tag>
       </div>
       <div class="quality-des">
         <div>
-          <div class="quality-des-title">正面</div>
+          <div class="quality-des-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.tehlnqsx', '正面')}}</div>
           <div class="quality-des-content img">
             <lw-img-look v-if="data.frontImage" :img-list="[data.frontImage]" justify-content="center"/>
           </div>
         </div>
         <div>
-          <div class="quality-des-title">背面</div>
+          <div class="quality-des-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.tnaypwve', '背面')}}</div>
           <div class="quality-des-content img">
             <lw-img-look v-if="data.backImage" :img-list="[data.backImage]" justify-content="center"/>
           </div>
         </div>
         <div>
-          <div class="quality-des-title">识别要点</div>
+          <div class="quality-des-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.gksfdkpd', '识别要点')}}</div>
           <div class="quality-des-content">{{data.frontDescribe}}</div>
         </div>
         <div>
-          <div class="quality-des-title">识别要点</div>
+          <div class="quality-des-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.wcwqxdpn', '识别要点')}}</div>
           <div class="quality-des-content">{{data.backDescribe}}</div>
         </div>
         <div>
-          <div class="quality-des-title">特殊</div>
+          <div class="quality-des-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.auqnytlb', '特殊')}}</div>
           <div class="quality-des-content img">
             <lw-img-look v-if="data.markingImage" :img-list="[data.markingImage]" justify-content="center"/>
           </div>
         </div>
         <div>
-          <div class="quality-des-title">过往破损部位</div>
+          <div class="quality-des-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.towwbait', '过往破损部位')}}</div>
           <div class="quality-des-content img">
             <lw-img-look v-if="data.beforeDamagedImage" :img-list="[data.beforeDamagedImage]" justify-content="center"/>
           </div>
         </div>
         <div>
-          <div class="quality-des-title">识别要点</div>
+          <div class="quality-des-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.xpknuype', '识别要点')}}</div>
           <div class="quality-des-content">{{data.markingDescribe}}</div>
         </div>
         <div>
-          <div class="quality-des-title">识别要点</div>
+          <div class="quality-des-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.yzezxfep', '识别要点')}}</div>
           <div class="quality-des-content">{{data.beforeDamagedDescribe}}</div>
         </div>
       </div>
@@ -121,7 +121,7 @@ export default {
             }
           }
           if (!overlay.title) {
-            overlay.title = '图片'
+            overlay.title = this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.zkbediey', '图片')
           }
           if (!overlay.desc) {
             overlay.desc = ''

package/src/components/page/inbound/components/QualityTaskInfo.vue

@@ -4,7 +4,7 @@
       <div style="color: red; font-size: 1.1em;"><b>{{data.sku.code}}</b></div>
       <div>
         <lw-tag plain v-if="data.sku.sizeType">{{$lwDict.getDictLabel('size_type_choice', data.sku.sizeType)}}</lw-tag>
-        <lw-tag plain v-if="data.sku.isLeftRight">左右件</lw-tag>
+        <lw-tag plain v-if="data.sku.isLeftRight">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.qgwplokn', '左右件')}}</lw-tag>
         <lw-tag plain color="red">{{$lwDict.getDictLabel('WmsSkuUrgency', data.sku.skuUrgency)}}</lw-tag>
       </div>
     </div>
@@ -12,15 +12,15 @@
     <div>{{data.sku.name}}</div>
     <div class="lw-global-props label-vertical-align">
       <div>
-        <div>货主</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.yyqmxivo', '货主')}}</div>
         <div>{{data.sku.ownerCode}} - {{data.sku.ownerName}}</div>
       </div>
       <div>
-        <div>供应商</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.fpksxltq', '供应商')}}</div>
         <div>{{data.asn.supplierCode}} - {{data.asn.supplierName}}</div>
       </div>
       <div>
-        <div>异常率</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.tmfmdakc', '异常率')}}</div>
         <div>{{data.asn.abnormalRate || 0}}%</div>
         <div>
           <lw-tag plain color="red">{{$lwDict.getDictLabel('quality_type_choice', data.sku.qualityType)}}</lw-tag>
@@ -31,37 +31,37 @@
     <div class="lw-global-board-nums">
       <div>
         <div>{{data.canQualityQty}}</div>
-        <div>待检量</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.gypojjwp', '待检量')}}</div>
       </div>
       <div>
         <div>{{data.qualityQty}}</div>
-        <div>已检量</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.fwqychhx', '已检量')}}</div>
       </div>
       <div>
         <div>{{data.receiveQty}}</div>
-        <div>正品量</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.nkanulec', '正品量')}}</div>
       </div>
       <div style="color: yellow;">
         <div>{{data.qualityLossQty}}</div>
-        <div>异常量</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.dstmavxr', '异常量')}}</div>
       </div>
       <div class="lw-global-sv"></div>
       <div>
         <div>{{parseInt(data.startTime / 60)}}</div>
-        <div>耗时/分钟</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.hkcctkww', '耗时/分钟')}}</div>
       </div>
     </div>
     <div class="lw-global-props label-vertical-align" style="margin-top: 10px;">
       <div>
-        <div>通知单号</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.yjxnsabo', '通知单号')}}</div>
         <div>{{data.asn.asnNo}}</div>
       </div>
       <div>
-        <div>托盘</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.viqkwtvs', '托盘')}}</div>
         <div>{{data.lpn}}</div>
       </div>
       <div>
-        <div>库位</div>
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.lmsuxjmj', '库位')}}</div>
         <div>{{data.locationCode}}</div>
       </div>
     </div>

package/src/components/page/inbound/components/SearchBar.vue

@@ -0,0 +1,85 @@
+<!--
+  搜索栏
+  @author: Jimmy
+-->
+<template>
+  <div class="lw-global-model-box lw-global-collapse-box">
+
+    <div class="lw-global-flex-between">
+
+      <lw-input
+        style="flex: 1"
+        v-model="searchKey"
+        :placeholder="$lwLanguage.get('wms_project.pda.components.page.inbound.components.ldltdplx', '商品条码')"
+        :rule-key="ruleKey" :rule-serve-query="ruleQuery"
+        @confirm="searchClick"
+        @clear="searchClear">
+
+        <template #button>
+
+          <lw-button
+            mini
+            round
+            @click="searchClick"
+          >
+            {{ $lwLanguage.get('', '搜索') }}
+          </lw-button>
+
+        </template>
+
+      </lw-input>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+import {scanUtils} from '../util/InboundUtils'
+
+export default {
+  name: "seo",
+  props: {
+    ruleQuery: {
+      type: Object,
+      default: () => {
+      }
+    },
+    ruleKey: {
+      type: String,
+      default: null
+    },
+  },
+  data() {
+    return {
+      searchKey: '',
+    }
+  },
+  methods: {
+    searchClear() {
+      this.searchKey = ''
+      this.$emit('search', this.searchKey)
+    },
+    searchClick(sku, res) {
+      const scanData = scanUtils.getScanSkuCodeData(sku, res)
+      if(!scanData.success){
+        this.searchKey = ''
+        return
+      }
+
+      this.searchKey = scanData.skuCode
+
+      if (this.searchKey) {
+        this.$emit('search', this.searchKey)
+      } else {
+        this.$lwToast.fail(this.$lwLanguage.get('wms_project.pda.components.page.inbound.components.tvwoehll', '商品条码不能为空'))
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inbound/components/SkuReceiveInfo.vue

@@ -0,0 +1,69 @@
+<template>
+  <div v-if="sku"
+       class="sku-info lw-global-model-box"
+       :class="{'lw-global-click-style':showItemClick}"
+       @click="itemClick"
+  >
+
+    <div class="lw-global-row-start">
+      <div style="font-size: 1.1em;"><b>{{sku.ownerCode + " - " + sku.ownerName}}</b></div>
+    </div>
+
+    <div class="lw-global-flex-between" style="margin-top: 10px;">
+      <div style="font-size: 1.1em;"><b>{{sku.code}}</b></div>
+      <div v-if="showItemClick"><b>&#62;</b></div>
+    </div>
+    <div>
+      <div>{{sku.name}}</div>
+    </div>
+    <div>
+      <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.vnwckvwg', '异常率 ')}}<b style="color: red; font-size: 1.1em;">{{sku.abnormalRate}}</b>%</div>
+      <div>
+        <lw-tag plain color="red">{{sku.qualityTypeLabel}}</lw-tag>
+        <lw-tag v-if="sku.needSn" color="red">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.weztwunz', '序列号')}}</lw-tag>
+        <lw-tag plain color="red" v-if="sku.new">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.wktrouoi', '新品')}}</lw-tag>
+        <lw-tag plain color="red">{{ sku.skuUrgencyLabel }}</lw-tag>
+      </div>
+    </div>
+    <slot name="extend"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SkuReceiveInfo',
+  props: {
+    sku: {
+      type: Object,
+      default: () => {
+      }
+    },
+    showItemClick: {
+      type: Boolean,
+      default: false
+    },
+  },
+  methods: {
+    itemClick(){
+      this.$emit("itemClick", this.sku)
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.sku-info {
+  font-size: 0.9em;
+  line-height: 1.5em;
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-grow: 1;
+    }
+  }
+}
+
+</style>