@logwire/logwire-wms-pda-ui 1.1.15 → 1.1.18

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

@@ -1,178 +1,181 @@
-<template>
-  <div>
-    <!-- 收货单信息 -->
-    <div class="asn-info" :class="{shrink: isShrink}">
-      <div>
-        <div>到货通知单</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="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"/>
-        </div>
-      </div>
-      <template v-for="i in fields">
-        <div v-if="asn[i.field]" :key="i.field">
-          <div>{{ i.label }}</div>
-          <div :style="i.style">
-            <div v-for="(line, idx) in (asn[i.field].split('\n'))" :key="idx">
-              {{ line }}
-            </div>
-          </div>
-        </div>
-      </template>
-    </div>
-    <!-- 收货单数量 -->
-    <div class="task-board-nums" :class="{'bottom-radius': radius}">
-      <div>
-        <div>{{ asn.qty }}</div>
-        <div>计划量</div>
-      </div>
-      <div>
-        <div>{{ asn.receiveQty }}</div>
-        <div>已收量</div>
-      </div>
-      <div>
-        <div>{{ asn.pendingQty }}</div>
-        <div>待收量</div>
-      </div>
-      <div>
-        <div>{{ asn.arrivalQty }}</div>
-        <div>到货量</div>
-      </div>
-      <div class="lw-global-sv"></div>
-      <div class="count-task-board-yellow">
-        <div>{{ asn.qualityLossQty }}</div>
-        <div>异常量</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'AsnInfo',
-  props: {
-    data: Object,
-    shrinkable: {
-      type: Boolean,
-      default: false
-    },
-    radius: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  computed: {
-    asn () {
-      const data = this.data
-      if (data) {
-        if (data.ownerCode) {
-          data.owner = data.ownerCode + ' - ' + data.ownerName
-        }
-        if (data.supplierCode) {
-          data.supplier = data.supplierCode + ' - ' + data.supplierName
-          if (data.supplierAddress) {
-            data.supplier += ('\n' + data.supplierAddress)
-          }
-        }
-        if (data.carrierCode) {
-          data.carrier = data.carrierCode + ' - ' + data.carrierName
-        }
-      }
-      data.pendingQty = data.qty - data.cancelQty - data.receiveQty - data.qualityLossQty
-      return data
-    }
-  },
-  data () {
-    return {
-      isShrink: false,
-      fields: [
-        { field: 'extNo', label: '外部单号' },
-        { field: 'type', label: '订单类型' },
-        { field: 'planNo', label: '入库计划单' },
-        { field: 'allocationNo', label: '调拨单' },
-        { field: 'purchaseNo', label: '采购单' },
-        { field: 'owner', label: '货主' },
-        { field: 'supplier', label: '供应商' },
-        { field: 'carrier', label: '承运商' },
-        { field: 'carrierPlateNum', label: '车牌号' },
-        { field: 'planArrivalTime', label: '计划时间' },
-        { field: 'estArrivalTime', label: '预约时间' },
-        { field: 'estDockName', label: '预约月台' },
-        { field: 'abnormalRate', label: '异常率', style: { color: 'red' } },
-      ]
-    }
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.btn-shrink {
-  padding: 5px;
-
-  &.inverted {
-    transform: rotate(180deg);
-  }
-}
-
-.asn-info {
-  line-height: 1.5em;
-  font-size: 0.9em;
-  overflow: hidden;
-
-  &.shrink {
-    max-height: 114px;
-  }
-
-  & > div {
-    display: flex;
-    align-items: center;
-
-    & > div:nth-child(1) {
-      color: gray;
-      flex-basis: 22%;
-      margin-right: 10px;
-      text-align: right;
-
-      &:after {
-        content: ':';
-      }
-    }
-
-    & > div:nth-child(2) {
-      flex-grow: 1;
-    }
-  }
-}
-
-.task-board-nums {
-  display: flex;
-  justify-content: space-between;
-  margin: 10px -10px 0;
-  padding: 15px;
-  background: #0f90dd;
-  color: white;
-  text-align: center;
-  font-size: 0.9em;
-
-  &.bottom-radius {
-    margin-bottom: -10px;
-    border-radius: 0 0 8px 8px;
-  }
-
-  & > div {
-    &:last-child {
-      color: yellow;
-    }
-
-    & > div:first-child {
-      font-size: 1.2em;
-    }
-
-    & > div:last-child {
-      margin-top: 5px;
-    }
-  }
-}
+<template>
+  <div>
+    <!-- 收货单信息 -->
+    <div class="asn-info" :class="{shrink: isShrink}">
+      <div>
+        <div>到货通知单</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="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"/>
+        </div>
+      </div>
+      <template v-for="i in fields">
+        <div v-if="asn[i.field]" :key="i.field">
+          <div>{{ i.label }}</div>
+          <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">
+                {{ line }}
+              </div>
+            </template>
+          </div>
+        </div>
+      </template>
+    </div>
+    <!-- 收货单数量 -->
+    <div class="task-board-nums" :class="{'bottom-radius': radius}">
+      <div>
+        <div>{{ asn.qty }}</div>
+        <div>计划量</div>
+      </div>
+      <div>
+        <div>{{ asn.receiveQty }}</div>
+        <div>已收量</div>
+      </div>
+      <div>
+        <div>{{ asn.pendingQty }}</div>
+        <div>待收量</div>
+      </div>
+      <div>
+        <div>{{ asn.arrivalQty }}</div>
+        <div>到货量</div>
+      </div>
+      <div class="lw-global-sv"></div>
+      <div class="count-task-board-yellow">
+        <div>{{ asn.qualityLossQty }}</div>
+        <div>异常量</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AsnInfo',
+  props: {
+    data: Object,
+    shrinkable: {
+      type: Boolean,
+      default: false
+    },
+    radius: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  computed: {
+    asn () {
+      const data = this.data
+      if (data) {
+        if (data.ownerCode) {
+          data.owner = data.ownerCode + ' - ' + data.ownerName
+        }
+        if (data.supplierCode) {
+          data.supplier = data.supplierCode + ' - ' + data.supplierName
+          if (data.supplierAddress) {
+            data.supplier += ('\n' + data.supplierAddress)
+          }
+        }
+        if (data.carrierCode) {
+          data.carrier = data.carrierCode + ' - ' + data.carrierName
+        }
+      }
+      data.pendingQty = data.qty - data.cancelQty - data.receiveQty - data.qualityLossQty
+      return 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' } },
+      ]
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.btn-shrink {
+  padding: 5px;
+
+  &.inverted {
+    transform: rotate(180deg);
+  }
+}
+
+.asn-info {
+  line-height: 1.5em;
+  font-size: 0.9em;
+  overflow: hidden;
+
+  &.shrink {
+    max-height: 114px;
+  }
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:nth-child(1) {
+      color: gray;
+      flex-basis: 22%;
+      margin-right: 10px;
+      text-align: right;
+
+      &:after {
+        content: ':';
+      }
+    }
+
+    & > div:nth-child(2) {
+      flex-grow: 1;
+    }
+  }
+}
+
+.task-board-nums {
+  display: flex;
+  justify-content: space-between;
+  margin: 10px -10px 0;
+  padding: 15px;
+  background: #0f90dd;
+  color: white;
+  text-align: center;
+  font-size: 0.9em;
+
+  &.bottom-radius {
+    margin-bottom: -10px;
+    border-radius: 0 0 8px 8px;
+  }
+
+  & > div {
+    &:last-child {
+      color: yellow;
+    }
+
+    & > div:first-child {
+      font-size: 1.2em;
+    }
+
+    & > div:last-child {
+      margin-top: 5px;
+    }
+  }
+}
 </style>

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

@@ -1,46 +1,46 @@
-<template>
-  <div v-if="data && data.sku" class="sku-info">
-    <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>
-      </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>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'AsnSkuInfo',
-  props: {
-    data: Object,
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.sku-info {
-  margin: 10px 0 0;
-  font-size: 0.9em;
-  line-height: 1.5em;
-
-  & > div {
-    display: flex;
-    align-items: center;
-
-    & > div:first-child {
-      flex-grow: 1;
-      color: gray;
-    }
-  }
-}
+<template>
+  <div v-if="data && data.sku" class="sku-info">
+    <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>
+      </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>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AsnSkuInfo',
+  props: {
+    data: Object,
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.sku-info {
+  margin: 10px 0 0;
+  font-size: 0.9em;
+  line-height: 1.5em;
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-grow: 1;
+      color: gray;
+    }
+  }
+}
 </style>