@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,176 @@
+<!--
+  复核捆包 - 起始页
+  @author: 张文
+  @date: 2022-06-29
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','复核捆包')"/>
+
+    <div class="lw-global-page-box lw-global-tab-box">
+
+      <van-tabs
+        type="card"
+        animated
+        v-model="tabActive"
+        @change="tabChange"
+      >
+        <!-- 捆包进度 -->
+        <van-tab
+          name="plan"
+          :title="$lwLanguage.get('','捆包进度')"
+        >
+
+          <div class="lw-global-tab-box">
+
+            <van-tabs
+              type="card"
+              animated
+              v-model="plan.tabActive"
+              @change="planTabChange"
+            >
+
+              <van-tab
+                v-for="(i,k) in plan.tabList"
+                :name="i"
+                :key="k"
+                :title="i"
+              />
+
+            </van-tabs>
+
+            <!-- 搜索框 -->
+            <div style="padding: 3px 10px" class="lw-global-model-box">
+              <lw-input
+                :placeholder="$lwLanguage.get('','线路名或编码/店代码/箱票号')"
+                v-model="plan.search"
+                :show-bottom-border="false"
+                @confirm="planSearchConfirm"
+                @clear="planSearchConfirm"
+              >
+
+                <template #button>
+                  <lw-button
+                    mini
+                    round
+                    @click="planSearchConfirm"
+                  >{{ $lwLanguage.get('', '搜索') }}
+                  </lw-button>
+                </template>
+
+              </lw-input>
+            </div>
+
+            <!-- 数据 -->
+            <plan-collapse
+              v-for="(i,k) in plan.data"
+              :key="k"
+              :index="k"
+              :item="i"
+            />
+          </div>
+
+        </van-tab>
+
+        <!-- 捆包中 -->
+        <van-tab
+          name="ing"
+          :title="$lwLanguage.get('','捆包中')"
+        >
+          <store-info/>
+        </van-tab>
+
+        <!-- 已捆包 -->
+        <van-tab
+          name="over"
+          :title="$lwLanguage.get('','已捆包')"
+        >
+          <store-info is-over/>
+        </van-tab>
+      </van-tabs>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button @click="newBale">
+        {{ $lwLanguage.get('', '新捆包') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import planCollapse from './../../components/planCollapse/index.vue'
+import storeInfo from '../../components/storeInfo/index.vue'
+
+export default {
+  name: "lwOutboundBaleIndexPage",
+  components: {
+    planCollapse,
+    storeInfo
+  },
+  data() {
+    return {
+      // tab激活项
+      tabActive: '',
+
+      // 捆包进度数据
+      plan: {
+        tabActive: '',
+        // 二级tab
+        tabList: ['专线', '干线'],
+
+        // 搜索关键字
+        search: '',
+
+        // 数据
+        data: [
+          {
+            title: ['SN001', 'SN001', 'SN001'],
+            store: [
+              {pickContainer:['001','002']},
+              {pickContainer:['001','002']},
+            ]
+          }
+        ]
+      },
+    }
+  },
+  methods: {
+    // tab切换
+    tabChange() {
+
+    },
+
+    // 捆包进度tab切换
+    planTabChange() {
+
+    },
+
+    // 捆包进度搜索
+    planSearchConfirm() {
+
+    },
+
+
+    // 新捆包
+    newBale() {
+      this.$router.push({
+        path: '/outbound/bale/lwNewBale',
+        query: {
+
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/bale/checkBale/newBale/index.js

@@ -0,0 +1,11 @@
+/*
+* 复核捆包 - 新捆包
+* @author: 张文
+* @date  2022-06-29
+* */
+
+import lwOutboundBaleNewBalePage from "./index.vue";
+
+lwOutboundBaleNewBalePage.install = Vue => Vue.component(lwOutboundBaleNewBalePage.name, lwOutboundBaleNewBalePage)
+
+export default lwOutboundBaleNewBalePage

package/src/components/page/outbound/bale/checkBale/newBale/index.vue

@@ -0,0 +1,60 @@
+<!--
+  复核捆包 - 新捆包
+  @author: 张文
+  @date: 2022-06-29
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('','复核捆包')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box">
+
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('','拣选容器号 / 捆包箱号') }}
+        </div>
+        <lw-input
+          v-model="container.value"
+          :get-focus.sync="container.focus"
+          rule-value-key="no"
+          rule-key="newBale"
+          @confirm="containerConfirm"
+        />
+
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwOutboundBaleNewBalePage",
+  data() {
+    return {
+      // 容器号
+      container:{
+        value:'',
+        focus: true
+      }
+    }
+  },
+  methods: {
+    // 容器号确认
+    containerConfirm(val, {no}){
+      console.log(val,no)
+
+      this.$router.push({
+        path: '/outbound/bale/lwAllCheck'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,229 @@
+<!--
+  捆包容器信息
+  @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>

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

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

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

@@ -0,0 +1,50 @@
+<!--
+  当前捆包容器及品种数
+  @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>