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

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

@@ -0,0 +1,159 @@
+<template>
+  <div
+    class="lw-global-model-box lw-global-animation-out"
+    :class="{first:index==0}"
+    :style="{animationDelay: 50 * index + 'ms'}"
+    @click="itemClick"
+  >
+
+    <div class="lw-global-row-end lw-global-flex-between">
+      <div
+        style="flex: 1;font-size: 16px"
+        class="lw-global-value-bold"
+      >{{ item.sku.code }}
+      </div>
+
+      <div
+        style="font-size: 20px;color: #D50000;"
+        class="lw-global-value-bold"> {{ item.indexNo }}
+      </div>
+    </div>
+
+    <div class="lw-global-row-end lw-global-flex-between">
+      <div class="lw-global-title">{{ item.sku.name }}</div>
+
+      <div class="lw-global-value"> {{ $lwLanguage.get('', '序号') }}</div>
+    </div>
+
+
+    <!-- 主库位 + tag -->
+    <div class="lw-global-flex-between">
+
+      <div
+        v-if="item.sku.masterLocationCode"
+        style="flex-shrink: 0"
+        class="lw-global-title"
+      >
+        {{ $lwLanguage.get('', '主库位') }}
+      </div>
+
+      <div
+        style="flex: 1;font-size: 16px;color: #D50000;"
+        class="lw-global-value-bold"
+      >{{ item.sku.masterLocationCode }}
+      </div>
+
+      <div style="flex-shrink: 0">
+
+        <lw-tag
+          v-if="item.sku.needSn"
+          round
+          plain
+        >{{ $lwLanguage.get('', '序列号') }}
+        </lw-tag>
+
+        <lw-tag
+          v-if="item.sku.canFastReceive"
+          round
+          plain
+        >{{ $lwLanguage.get('', '快收') }}
+        </lw-tag>
+
+        <lw-tag
+          round
+          plain
+          type="success"
+        >{{ item.sku.qualityTypeLabel }}
+        </lw-tag>
+
+      </div>
+    </div>
+
+    <quality-card
+      class="lw-global-row"
+      style="margin-top: 10px;"
+      type="asn" :obj-id="asnId" :skuCode="item.sku.code"
+      :delay-load="true" :card-mode="false"/>
+
+    <!-- 数量统计 -->
+
+    <div class="item-nums">
+      <div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.oiulxgrk', '计划量')}}</div>
+        <div class="lw-global-value">{{ item.qty }}</div>
+      </div>
+      <div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.ndpedpau', '已收量')}}</div>
+        <div class="lw-global-value">{{ item.receiveQty }}</div>
+      </div>
+      <div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.ojkcappf', '待收量')}}</div>
+        <div class="lw-global-value">{{ item.canReceiveQty }}</div>
+      </div>
+
+      <div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.tozajewb', '扫描量')}}</div>
+        <div class="lw-global-value" :style="{color:'#D50000'}">{{ item.scanQty }}</div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import QualityCard from './QualityCard.vue'
+
+export default {
+  name: "AllocScanListItem",
+  components: {QualityCard},
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    abnormal: {
+      type: Boolean,
+      default: false
+    },
+    index: {
+      type: Number,
+      default: 0
+    },
+    asnId:{
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    itemClick(){
+      this.$emit("itemClick", this.item)
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+.item-nums {
+  display: flex;
+  justify-content: space-between;
+  margin: 10px -10px 0;
+  padding: 0 10px 0;
+  text-align: center;
+
+  & > div {
+    & > div:last-child {
+      margin-top: 5px;
+    }
+  }
+}
+
+.first{
+  background: yellow;
+}
+
+</style>

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

@@ -0,0 +1,148 @@
+<template>
+  <div
+    class="lw-global-model-box lw-global-animation-out"
+    :style="{animationDelay: 50 * index + 'ms'}"
+  >
+
+    <!-- 标签 -->
+    <div class="lw-global-row-start lw-global-flex-between">
+
+      <div
+        style="flex: 1;font-size: 16px"
+        class="lw-global-value-bold"
+      >{{ item.sku.code }}
+      </div>
+
+      <div style="flex-shrink: 0">
+
+        <lw-tag
+          v-if="item.sku.canFastReceive"
+          round
+          plain
+        >{{ $lwLanguage.get('', '快收') }}
+        </lw-tag>
+
+        <lw-tag
+          v-if="item.sku.qualityTypeLabel"
+          round
+          plain
+          type="success"
+        >{{ item.sku.qualityTypeLabel }}
+        </lw-tag>
+
+        <lw-tag
+          v-if="item.sku.shipPackTypeLabel"
+          round
+          plain
+          type="success"
+        >{{ item.sku.shipPackTypeLabel }}
+        </lw-tag>
+
+      </div>
+
+    </div>
+
+    <!-- 商品信息 -->
+    <div class="lw-global-row">
+
+      <div
+        style="margin-bottom: 5px"
+        class="lw-global-flex-start-start"
+      >
+
+        <div
+          style="flex-shrink: 0"
+          class="lw-global-title"
+        >
+          {{ $lwLanguage.get('', '商品') }}
+        </div>
+
+        <div style="flex: 1;margin-left: 10px; display: flex;justify-content: space-between">
+          <div class="lw-global-title">{{ item.sku.name }}</div>
+
+          <lw-button
+            v-if="abnormal"
+            mini
+            round
+            @click="abnormalClick"
+          >
+            {{ $lwLanguage.get('wms_project.pda.components.page.inbound.components.rggqemuu','异常') }}
+          </lw-button>
+        </div>
+
+      </div>
+
+    </div>
+
+    <!-- 数量统计 -->
+
+    <div class="item-nums">
+      <div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.arydwzke', '计划量')}}</div>
+        <div class="lw-global-value">{{ item.qty }}</div>
+      </div>
+      <div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.bgzgklvo', '已收量')}}</div>
+        <div class="lw-global-value">{{ item.receiveQty }}</div>
+      </div>
+      <div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.wlriahov', '待收量')}}</div>
+        <div class="lw-global-value" >{{ item.canReceiveQty }}</div>
+      </div>
+
+      <div>
+        <div class="lw-global-title">{{$lwLanguage.get('wms_project.pda.components.page.inbound.components.aegveycl', '异常量')}}</div>
+        <div class="lw-global-value" :style="{color:'#D50000'}">{{ item.qualityLossQty }}</div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "AllocSkuListItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    abnormal: {
+      type: Boolean,
+      default: false
+    },
+    index: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    abnormalClick() {
+      this.$emit("abnormalClick", this.item)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+.item-nums {
+  display: flex;
+  justify-content: space-between;
+  margin: 10px -10px 0;
+  padding: 0 10px 0;
+  text-align: center;
+
+  & > div {
+    & > div:last-child {
+      margin-top: 5px;
+    }
+  }
+}
+
+</style>

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

@@ -1,14 +1,26 @@
 <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>
+        <lw-button
+          v-if="showPrint"
+          style="flex-shrink: 0"
+          mini
+          round
+          @click="$emit('print')"
+        >
+          {{$lwLanguage.get('','商品补码')}}
+        </lw-button>
         <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">
@@ -17,7 +29,7 @@
           <div :style="i.style">
             <div v-if="i.handler">{{ i.handler(asn[i.field]) }}</div>
             <template v-else>
-              <div v-for="(line, idx) in (asn[i.field].split('\n'))" :key="idx">
+              <div v-for="(line, idx) in (asn[i.field].toString().split('\n'))" :key="idx">
                 {{ line }}
               </div>
             </template>
@@ -25,36 +37,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: {
@@ -65,9 +80,12 @@ export default {
       type: Boolean,
       default: true,
     },
+
+    // 是否显示打印按钮
+    showPrint: Boolean
   },
   computed: {
-    asn () {
+    asn() {
       const data = this.data
       if (data) {
         if (data.ownerCode) {
@@ -82,28 +100,81 @@ 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.receiveQty
+      if(data.pendingQty<0){
+        data.pendingQty = 0
       }
-      data.pendingQty = data.qty - data.cancelQty - data.receiveQty - data.qualityLossQty
       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 +194,7 @@ export default {
   line-height: 1.5em;
   font-size: 0.9em;
   overflow: hidden;
+  padding: 10px;
 
   &.shrink {
     max-height: 114px;
@@ -134,7 +206,7 @@ export default {
 
     & > div:nth-child(1) {
       color: gray;
-      flex-basis: 22%;
+      flex-basis: 25%;
       margin-right: 10px;
       text-align: right;
 
@@ -149,6 +221,11 @@ export default {
   }
 }
 
+.asn-info-bg {
+  background: #fff;
+  border-radius: 8px;
+}
+
 .task-board-nums {
   display: flex;
   justify-content: space-between;
@@ -178,4 +255,4 @@ export default {
     }
   }
 }
-</style>
+</style>

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

@@ -1,20 +1,36 @@
 <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>
-        <lw-tag v-if="['100','200'].includes(data.sku.qualityType)" plain color="red">全检 / 抽检</lw-tag>
+        {{$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-button
+          v-if="showPrint"
+          mini
+          round
+          @click="$emit('printClick')"
+        >
+          {{ $lwLanguage.get('','补码') }}
+        </lw-button>
+        <lw-tag plain color="red">{{data.sku.qualityTypeLabel}}</lw-tag>
       </div>
     </div>
+    <slot name="extend"/>
+    <slot name="extend2"/>
   </div>
 </template>
 
@@ -23,15 +39,21 @@ export default {
   name: 'AsnSkuInfo',
   props: {
     data: Object,
-  }
+    type:{
+      type: String,
+      default: 'not'
+    },
+    showPrint: Boolean
+  },
 }
 </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 +65,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>