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

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

@@ -1,231 +1,231 @@
-<template>
-  <div v-if="data">
-    <!-- 顶栏 -->
-    <div class="lw-global-props">
-      <div>
-        <div>品检卡</div>
-        <div>{{data.code}}</div>
-        <div>
-          <van-icon v-if="shrinkable" class="btn-shrink" :class="{inverted: isShrink}" name="arrow-up" @click.stop="isShrink = !isShrink"/>
-        </div>
-      </div>
-    </div>
-    <!-- 内容 -->
-    <div :class="{'content-shrink': isShrink}">
-      <div class="lw-global-sh"></div>
-      <div class="lw-global-props">
-        <div>
-          <div>供应商</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>
-      </div>
-      <div class="quality-des" @click="showOverlay">
-        <div>
-          <div class="quality-des-title">正面</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-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-content">{{data.frontDescribe}}</div>
-        </div>
-        <div>
-          <div class="quality-des-title">识别要点</div>
-          <div class="quality-des-content">{{data.backDescribe}}</div>
-        </div>
-        <div>
-          <div class="quality-des-title">特殊</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-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-content">{{data.markingDescribe}}</div>
-        </div>
-        <div>
-          <div class="quality-des-title">识别要点</div>
-          <div class="quality-des-content">{{data.beforeDamagedDescribe}}</div>
-        </div>
-      </div>
-    </div>
-    <van-overlay v-if="overlay" :show="true">
-      <div class="quality-overlay">
-        <div class="quality-overlay-close" @click="overlay = null">
-          <van-icon name="cross" size="30px" />
-        </div>
-        <div class="quality-overlay-img">
-          <img :src="overlay.image" alt="">
-        </div>
-        <div class="quality-overlay-desc">
-          <div class="quality-overlay-title">{{overlay.title}}</div>
-          <div class="quality-overlay-content" v-html="overlay.desc"></div>
-        </div>
-      </div>
-    </van-overlay>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'QualityCard',
-  props: {
-    data: Object,
-    shrinkable: {
-      type: Boolean,
-      default: true
-    },
-  },
-  data () {
-    return {
-      isShrink: true,
-      overlay: null,
-    }
-  },
-  methods: {
-    showOverlay (e) {
-      if (e.target.tagName === 'IMG') {
-        const image = e.target.src
-        const imgDiv = e.target.closest('.quality-des > div')
-        if (imgDiv) {
-          const desDiv = imgDiv.nextElementSibling.nextElementSibling
-          const overlay = {image}
-          if (desDiv) {
-            const destDiv = desDiv.querySelector('.quality-des-title')
-            if (destDiv) {
-              overlay.title = destDiv.textContent
-            }
-            const descDiv = desDiv.querySelector('.quality-des-content')
-            if (descDiv) {
-              overlay.desc = descDiv.innerHTML
-            }
-          }
-          if (!overlay.title) {
-            overlay.title = '图片'
-          }
-          if (!overlay.desc) {
-            overlay.desc = ''
-          }
-          this.overlay = overlay
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.lw-global-sh {
-  margin: 10px 0;
-}
-.btn-shrink {
-  padding: 5px;
-
-  &.inverted {
-    transform: rotate(180deg);
-  }
-}
-
-.content-shrink {
-  display: none;
-}
-
-.quality-des {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-
-  img {
-    max-width: 100%;
-  }
-
-  &-title {
-    height: 30px;
-    line-height: 30px;
-    background: #0f90dd;
-    color: white;
-    text-align: center;
-  }
-
-  &-content {
-    padding: 10px;
-    font-size: 0.9em;
-    &.img {
-      min-height: 50px;
-      text-align: center;
-    }
-  }
-
-  & > div {
-    border: 1px solid lightgray;
-  }
-}
-.quality-overlay {
-  height: 100%;
-  display: flex;
-  position: relative;
-  background: #3b3a3a;
-  flex-direction: column;
-
-  &-close {
-    position: absolute;
-    top: 60px;
-    right: 10px;
-    background: lightgray;
-    width: 30px;
-    height: 30px;
-    border-radius: 50%;
-    z-index: 9;
-  }
-
-  &-img {
-    flex: 1 0 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    img {
-      width: 100%;
-      min-height: 20%;
-      max-height: 60%;
-    }
-  }
-
-  &-desc {
-    flex-basis: 36%;
-  }
-
-  &-title {
-    height: 40px;
-    line-height: 40px;
-    background: #0f90dd;
-    color: white;
-    text-align: center;
-  }
-
-  &-content {
-    color: white;
-    padding: 10px;
-    line-height: 2em;
-  }
-}
+<template>
+  <div v-if="data">
+    <!-- 顶栏 -->
+    <div class="lw-global-props">
+      <div>
+        <div>品检卡</div>
+        <div>{{data.code}}</div>
+        <div>
+          <van-icon v-if="shrinkable" class="btn-shrink" :class="{inverted: isShrink}" name="arrow-up" @click.stop="isShrink = !isShrink"/>
+        </div>
+      </div>
+    </div>
+    <!-- 内容 -->
+    <div :class="{'content-shrink': isShrink}">
+      <div class="lw-global-sh"></div>
+      <div class="lw-global-props">
+        <div>
+          <div>供应商</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>
+      </div>
+      <div class="quality-des">
+        <div>
+          <div class="quality-des-title">正面</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-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-content">{{data.frontDescribe}}</div>
+        </div>
+        <div>
+          <div class="quality-des-title">识别要点</div>
+          <div class="quality-des-content">{{data.backDescribe}}</div>
+        </div>
+        <div>
+          <div class="quality-des-title">特殊</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-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-content">{{data.markingDescribe}}</div>
+        </div>
+        <div>
+          <div class="quality-des-title">识别要点</div>
+          <div class="quality-des-content">{{data.beforeDamagedDescribe}}</div>
+        </div>
+      </div>
+    </div>
+    <van-overlay v-if="overlay" :show="true">
+      <div class="quality-overlay">
+        <div class="quality-overlay-close" @click="overlay = null">
+          <van-icon name="cross" size="30px" />
+        </div>
+        <div class="quality-overlay-img">
+          <img :src="overlay.image" alt="">
+        </div>
+        <div class="quality-overlay-desc">
+          <div class="quality-overlay-title">{{overlay.title}}</div>
+          <div class="quality-overlay-content" v-html="overlay.desc"></div>
+        </div>
+      </div>
+    </van-overlay>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'QualityCard',
+  props: {
+    data: Object,
+    shrinkable: {
+      type: Boolean,
+      default: true
+    },
+  },
+  data () {
+    return {
+      isShrink: true,
+      overlay: null,
+    }
+  },
+  methods: {
+    showOverlay (e) {
+      if (e.target.tagName === 'IMG') {
+        const image = e.target.src
+        const imgDiv = e.target.closest('.quality-des > div')
+        if (imgDiv) {
+          const desDiv = imgDiv.nextElementSibling.nextElementSibling
+          const overlay = {image}
+          if (desDiv) {
+            const destDiv = desDiv.querySelector('.quality-des-title')
+            if (destDiv) {
+              overlay.title = destDiv.textContent
+            }
+            const descDiv = desDiv.querySelector('.quality-des-content')
+            if (descDiv) {
+              overlay.desc = descDiv.innerHTML
+            }
+          }
+          if (!overlay.title) {
+            overlay.title = '图片'
+          }
+          if (!overlay.desc) {
+            overlay.desc = ''
+          }
+          this.overlay = overlay
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.lw-global-sh {
+  margin: 10px 0;
+}
+.btn-shrink {
+  padding: 5px;
+
+  &.inverted {
+    transform: rotate(180deg);
+  }
+}
+
+.content-shrink {
+  display: none;
+}
+
+.quality-des {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+
+  img {
+    max-width: 100%;
+  }
+
+  &-title {
+    height: 30px;
+    line-height: 30px;
+    background: #0f90dd;
+    color: white;
+    text-align: center;
+  }
+
+  &-content {
+    padding: 10px;
+    font-size: 0.9em;
+    &.img {
+      min-height: 50px;
+      text-align: center;
+    }
+  }
+
+  & > div {
+    border: 1px solid lightgray;
+  }
+}
+.quality-overlay {
+  height: 100%;
+  display: flex;
+  position: relative;
+  background: #3b3a3a;
+  flex-direction: column;
+
+  &-close {
+    position: absolute;
+    top: 60px;
+    right: 10px;
+    background: lightgray;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    z-index: 9;
+  }
+
+  &-img {
+    flex: 1 0 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    img {
+      width: 100%;
+      min-height: 20%;
+      max-height: 60%;
+    }
+  }
+
+  &-desc {
+    flex-basis: 36%;
+  }
+
+  &-title {
+    height: 40px;
+    line-height: 40px;
+    background: #0f90dd;
+    color: white;
+    text-align: center;
+  }
+
+  &-content {
+    color: white;
+    padding: 10px;
+    line-height: 2em;
+  }
+}
 </style>

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

@@ -1,89 +1,89 @@
-<template>
-  <div class="quality-info" v-if="data">
-    <div class="lw-global-flex-between">
-      <div style="color: red; font-size: 1.1em;"><b>{{data.sku.code}}</b></div>
-      <div>
-        <lw-tag plain>{{$lwDict.getDictLabel('size_type_choice', data.sku.sizeType)}}</lw-tag>
-        <lw-tag plain v-if="data.sku.isLeftRight">左右件</lw-tag>
-        <lw-tag plain color="red">{{$lwDict.getDictLabel('WmsSkuUrgency', data.sku.skuUrgency)}}</lw-tag>
-      </div>
-    </div>
-    <div class="lw-global-sh"></div>
-    <div>{{data.sku.name}}</div>
-    <div class="lw-global-props label-vertical-align">
-      <div>
-        <div>货主</div>
-        <div>{{data.sku.ownerCode}} - {{data.sku.ownerName}}</div>
-      </div>
-      <div>
-        <div>供应商</div>
-        <div>{{data.asn.supplierCode}} - {{data.asn.supplierName}}</div>
-      </div>
-      <div>
-        <div>异常率</div>
-        <div>{{data.asn.abnormalRate || 0}}%</div>
-        <div>
-          <lw-tag plain color="red">{{$lwDict.getDictLabel('quality_type_choice', data.sku.qualityType)}}</lw-tag>
-        </div>
-      </div>
-    </div>
-    <!-- 数字板 -->
-    <div class="lw-global-board-nums">
-      <div>
-        <div>{{data.canQualityQty}}</div>
-        <div>待检量</div>
-      </div>
-      <div>
-        <div>{{data.qualityQty}}</div>
-        <div>已检量</div>
-      </div>
-      <div>
-        <div>{{data.receiveQty}}</div>
-        <div>正品量</div>
-      </div>
-      <div style="color: yellow;">
-        <div>{{data.qualityLossQty}}</div>
-        <div>异常量</div>
-      </div>
-      <div class="lw-global-sv"></div>
-      <div>
-        <div>{{parseInt(data.startTime / 60)}}</div>
-        <div>耗时/分钟</div>
-      </div>
-    </div>
-    <div class="lw-global-props label-vertical-align" style="margin-top: 10px;">
-      <div>
-        <div>通知单号</div>
-        <div>{{data.asn.asnNo}}</div>
-      </div>
-      <div>
-        <div>托盘</div>
-        <div>{{data.lpn}}</div>
-      </div>
-      <div>
-        <div>库位</div>
-        <div>{{data.locationCode}}</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'QualityTaskInfo',
-  props: {
-    data: Object,
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.quality-info {
-  font-size: 0.9em;
-  line-height: 1.6em;
-  color: gray;
-}
-.lw-global-sh {
-  margin: 5px 0;
-}
+<template>
+  <div class="quality-info" v-if="data">
+    <div class="lw-global-flex-between">
+      <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 color="red">{{$lwDict.getDictLabel('WmsSkuUrgency', data.sku.skuUrgency)}}</lw-tag>
+      </div>
+    </div>
+    <div class="lw-global-sh"></div>
+    <div>{{data.sku.name}}</div>
+    <div class="lw-global-props label-vertical-align">
+      <div>
+        <div>货主</div>
+        <div>{{data.sku.ownerCode}} - {{data.sku.ownerName}}</div>
+      </div>
+      <div>
+        <div>供应商</div>
+        <div>{{data.asn.supplierCode}} - {{data.asn.supplierName}}</div>
+      </div>
+      <div>
+        <div>异常率</div>
+        <div>{{data.asn.abnormalRate || 0}}%</div>
+        <div>
+          <lw-tag plain color="red">{{$lwDict.getDictLabel('quality_type_choice', data.sku.qualityType)}}</lw-tag>
+        </div>
+      </div>
+    </div>
+    <!-- 数字板 -->
+    <div class="lw-global-board-nums">
+      <div>
+        <div>{{data.canQualityQty}}</div>
+        <div>待检量</div>
+      </div>
+      <div>
+        <div>{{data.qualityQty}}</div>
+        <div>已检量</div>
+      </div>
+      <div>
+        <div>{{data.receiveQty}}</div>
+        <div>正品量</div>
+      </div>
+      <div style="color: yellow;">
+        <div>{{data.qualityLossQty}}</div>
+        <div>异常量</div>
+      </div>
+      <div class="lw-global-sv"></div>
+      <div>
+        <div>{{parseInt(data.startTime / 60)}}</div>
+        <div>耗时/分钟</div>
+      </div>
+    </div>
+    <div class="lw-global-props label-vertical-align" style="margin-top: 10px;">
+      <div>
+        <div>通知单号</div>
+        <div>{{data.asn.asnNo}}</div>
+      </div>
+      <div>
+        <div>托盘</div>
+        <div>{{data.lpn}}</div>
+      </div>
+      <div>
+        <div>库位</div>
+        <div>{{data.locationCode}}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'QualityTaskInfo',
+  props: {
+    data: Object,
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.quality-info {
+  font-size: 0.9em;
+  line-height: 1.6em;
+  color: gray;
+}
+.lw-global-sh {
+  margin: 5px 0;
+}
 </style>