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

package/src/components/page/outbound/bale/components/containerInfo/index.vue

@@ -1,229 +1,237 @@
-<!--
-  捆包容器信息
-  @author: 张文
-  @date: 2022-06-29
--->
-<template>
-  <div>
-
-    <div
-      style="border-radius: 10px 10px 0 0"
-      class="lw-global-flex-between lw-global-model-box"
-    >
-
-      <lw-title-value-cell
-        style="flex:1"
-        :title="$lwLanguage.get('','容器号')"
-        :value="container"
-        val-bold
-        :is-row="false"
-      />
-
-      <lw-button
-        style="flex-shrink: 0"
-        v-if="showAllCheck"
-        round
-        mini
-        @click="allCheck"
-      >{{ $lwLanguage.get('','全部复核') }}</lw-button>
-
-    </div>
-
-    <lw-data-look-bg type="not">
-      <div>
-
-        <div>{{ skuCount }}</div>
-        <div class="lw-data-look-bg-title">
-          {{ $lwLanguage.get('','品种数') }}
-        </div>
-
-      </div>
-
-      <div>
-
-        <div>{{ waitCount }}</div>
-        <div class="lw-data-look-bg-title">
-          {{ $lwLanguage.get('','待复核') }}
-        </div>
-
-      </div>
-
-      <div>
-
-        <div>{{ overCount }}</div>
-        <div class="lw-data-look-bg-title">
-          {{ $lwLanguage.get('','已复核') }}
-        </div>
-
-      </div>
-
-      <div class="lw-data-last-item">
-
-        <div>{{ abnormalCount }}</div>
-        <div class="lw-data-look-bg-title">
-          {{ $lwLanguage.get('','异常') }}
-        </div>
-
-      </div>
-    </lw-data-look-bg>
-
-    <div
-      style="border-radius: 0 0 10px 10px;padding: 0 10px 3px"
-      class="lw-global-model-box lw-global-collapse-box"
-    >
-
-      <!-- 折叠框 -->
-      <van-collapse
-        v-model="activeNames"
-        :border="false"
-      >
-        <van-collapse-item name="1">
-
-          <template #title>
-
-            <div class="lw-global-flex-between">
-
-              <div class="lw-global-title">
-                {{ $lwLanguage.get('','商品列表') }}
-              </div>
-
-              <div class="lw-global-value-bold-red">
-                {{ skuList.length || 0 }}
-                {{ $lwLanguage.get('','行') }}
-              </div>
-
-            </div>
-
-          </template>
-
-          <lw-sku-info-module
-            v-for="(i,k) in skuList"
-            :key="k"
-            :sku-code="i.skuCode"
-            :sku-name="i.skuName"
-            is-row
-            :is-last="(k+1) === skuList.length"
-          >
-
-            <div style="text-align: center">
-
-              <div class="lw-global-value-bold">
-                <span class="lw-global-value-bold-red">{{ i.wait }}</span>
-                <span> / {{ i.over }}</span>
-              </div>
-
-              <lw-button
-                v-if="showAbnBtn"
-                round
-                mini
-                @click="abnBtnClick(i)"
-              >{{ $lwLanguage.get('','异常') }}</lw-button>
-
-            </div>
-
-          </lw-sku-info-module>
-
-        </van-collapse-item>
-      </van-collapse>
-
-    </div>
-
-    <lw-popup
-      :title="$lwLanguage.get('','异常上报')"
-      v-model="abnPopup.show"
-    >
-
-      <lw-inner-abnormal-module
-        v-if="abnPopup.comShow"
-        ref="abnormal"
-        :sku-code="abnPopup.data.skuCode"
-        :sku-name="abnPopup.data.skuName"
-        :qty="abnPopup.data.availInvQty"
-        :location="abnPopup.data.locationCode"
-        :type="$lwLanguage.get('','出库')"
-        :ab-type="$lwLanguage.get('','捆包')"
-      />
-
-      <template #button>
-        <lw-button @click="abnConfirm">
-          {{ $lwLanguage.get('','上报') }}
-        </lw-button>
-      </template>
-
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "containerInfo",
-  props:{
-    // 容器号
-    container:{
-      type: [String, Number],
-      default: ''
-    },
-
-    // 是否显示全部复核按钮
-    showAllCheck: Boolean,
-
-    // 品种数
-    skuCount: [String, Number],
-    // 待复核
-    waitCount: [String, Number],
-    // 已复核
-    overCount: [String, Number],
-    // 异常
-    abnormalCount: [String, Number],
-
-    // 商品列表
-    skuList:{
-      type: Array,
-      default: ()=>[]
-    },
-
-    // 是否显示异常按钮
-    showAbnBtn: Boolean
-  },
-  data() {
-    return {
-      // 折叠框激活项
-      activeNames:[],
-
-      // 异常
-      abnPopup:{
-        show: false,
-        comShow: false,
-        data:{}
-      }
-    }
-  },
-  methods: {
-    // 全部复核按钮点击
-    allCheck(){
-      this.$emit('allCheck')
-    },
-
-    // 异常按钮点击
-    abnBtnClick(item){
-      this.abnPopup.data = item
-      this.abnPopup.comShow = true
-      this.abnPopup.show = true
-    },
-    // 异常确认
-    abnConfirm(){
-      const {success, data} = this.$refs.abnormal.getAbnormalData()
-
-      if (!success) return
-
-      this.$emit('abnConfirm', {...data,...this.abnPopup.data})
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  捆包容器信息
+  @author: 张文
+  @date: 2022-06-29
+-->
+<template>
+  <div>
+
+    <div
+      style="border-radius: 10px 10px 0 0"
+      class="lw-global-flex-between lw-global-model-box"
+    >
+
+      <lw-title-value-cell
+        style="flex:1"
+        :title="$lwLanguage.get('','容器号')"
+        :value="container"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-button
+        style="flex-shrink: 0"
+        v-if="showAllCheck"
+        round
+        mini
+        @click="allCheck"
+      >{{ $lwLanguage.get('','全部复核') }}</lw-button>
+
+    </div>
+
+    <lw-data-look-bg type="not">
+      <div>
+
+        <div>{{ skuCount }}</div>
+        <div class="lw-data-look-bg-title">
+          {{ $lwLanguage.get('','品种数') }}
+        </div>
+
+      </div>
+
+      <div>
+
+        <div>{{ waitCount }}</div>
+        <div class="lw-data-look-bg-title">
+          {{ $lwLanguage.get('','待复核') }}
+        </div>
+
+      </div>
+
+      <div>
+
+        <div>{{ overCount }}</div>
+        <div class="lw-data-look-bg-title">
+          {{ $lwLanguage.get('','已复核') }}
+        </div>
+
+      </div>
+
+      <div class="lw-data-last-item">
+
+        <div>{{ abnormalCount }}</div>
+        <div class="lw-data-look-bg-title">
+          {{ $lwLanguage.get('','异常') }}
+        </div>
+
+      </div>
+    </lw-data-look-bg>
+
+    <div
+      style="border-radius: 0 0 10px 10px;padding: 0 10px 3px"
+      class="lw-global-model-box lw-global-collapse-box"
+    >
+
+      <!-- 折叠框 -->
+      <van-collapse
+        v-model="activeNames"
+        :border="false"
+      >
+        <van-collapse-item name="1">
+
+          <template #title>
+
+            <div class="lw-global-flex-between">
+
+              <div class="lw-global-title">
+                {{ $lwLanguage.get('','商品列表') }}
+              </div>
+
+              <div class="lw-global-value-bold-red">
+                {{ skuList.length || 0 }}
+                {{ $lwLanguage.get('','行') }}
+              </div>
+
+            </div>
+
+          </template>
+
+          <lw-sku-info-module
+            v-for="(i,k) in skuList"
+            :key="k"
+            :sku-code="i.skuCode"
+            :sku-name="i.skuName"
+            is-row
+            :is-last="(k+1) === skuList.length"
+          >
+
+            <div style="text-align: center">
+
+              <div class="lw-global-value-bold">
+                <span class="lw-global-value-bold-red">{{ i.packQty }}</span>
+                <span> / {{ i.totalQty }}</span>
+              </div>
+
+              <lw-button
+                v-if="showAbnBtn"
+                round
+                mini
+                @click="abnBtnClick(i)"
+              >{{ $lwLanguage.get('','异常') }}</lw-button>
+
+            </div>
+
+          </lw-sku-info-module>
+
+        </van-collapse-item>
+      </van-collapse>
+
+    </div>
+
+    <lw-popup
+      :title="$lwLanguage.get('','异常上报')"
+      v-model="abnPopup.show"
+      @closed="abnPopup.comShow = false"
+    >
+
+      <lw-inner-abnormal-module
+        v-if="abnPopup.comShow"
+        ref="abnormal"
+        :sku-code="abnPopup.data.skuCode"
+        :sku-name="abnPopup.data.skuName"
+        :qty="abnPopup.data.availInvQty"
+        :location="abnPopup.data.locationCode"
+        :type="$lwLanguage.get('','出库')"
+        :ab-type="$lwLanguage.get('','捆包')"
+      />
+
+      <template #button>
+        <lw-button @click="abnConfirmBtn">
+          {{ $lwLanguage.get('','上报') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "containerInfo",
+  props:{
+    // 容器号
+    container:{
+      type: [String, Number],
+      default: ''
+    },
+
+    // 是否显示全部复核按钮
+    showAllCheck: Boolean,
+
+    // 品种数
+    skuCount: [String, Number],
+    // 待复核
+    waitCount: [String, Number],
+    // 已复核
+    overCount: [String, Number],
+    // 异常
+    abnormalCount: [String, Number],
+
+    // 商品列表
+    skuList:{
+      type: Array,
+      default: ()=>[]
+    },
+
+    // 是否显示异常按钮
+    showAbnBtn: Boolean,
+
+    // 异常提交
+    abnConfirm: Function
+  },
+  data() {
+    return {
+      // 折叠框激活项
+      activeNames:[],
+
+      // 异常
+      abnPopup:{
+        show: false,
+        comShow: false,
+        data:{}
+      }
+    }
+  },
+  methods: {
+    // 全部复核按钮点击
+    allCheck(){
+      this.$emit('allCheck')
+    },
+
+    // 异常按钮点击
+    abnBtnClick(item){
+      this.abnPopup.data = item
+      this.abnPopup.comShow = true
+      this.abnPopup.show = true
+    },
+    // 异常确认
+    abnConfirmBtn(){
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+
+      if (!success) return
+
+      this.abnConfirm({...data,...this.abnPopup.data}).then(()=>{
+
+        this.abnPopup.show = false
+        this.$emit('abnSuccess')
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/bale/components/containerInfo//346/215/206/345/214/205/345/256/271/345/231/250/344/277/241/346/201/257.md

@@ -1,2 +1,2 @@
-
-![img.png](img.png)
+
+![img.png](img.png)

package/src/components/page/outbound/bale/components/containerSkuQty/index.vue

@@ -1,50 +1,58 @@
-<!--
-  当前捆包容器及品种数
-  @author: 张文
-  @date: 2022-06-30
--->
-<template>
-  <div>
-    <lw-title-value-cell
-      :title="$lwLanguage.get('','当前捆包箱')"
-      value="KB001"
-      val-bold
-    />
-
-    <div class="lw-global-flex-between lw-global-row">
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','品种数')"
-        value="2"
-        val-bold
-        val-red
-        :is-row="false"
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','捆包数量')"
-        value="18"
-        val-bold
-        val-red
-        :is-row="false"
-      />
-
-    </div>
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "containerSkuQty",
-  data() {
-    return {}
-  },
-  methods: {}
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  当前捆包容器及品种数
+  @author: 张文
+  @date: 2022-06-30
+-->
+<template>
+  <div>
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','当前捆包箱')"
+      :value="boxNo"
+      val-bold
+    />
+
+    <div class="lw-global-flex-between lw-global-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','品种数')"
+        :value="typeCount"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','捆包数量')"
+        :value="packQty"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "containerSkuQty",
+  props:{
+    // 当前捆包箱号
+    boxNo: String,
+    // 品种数
+    typeCount: [String,Number],
+    // 捆包数
+    packQty: [String,Number],
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>