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

package/src/components/page/outbound/lpnPack/action/index.vue

@@ -0,0 +1,287 @@
+ <!--
+  打托 - 执行打托
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','打托')"/>
+
+    <div class="lw-global-page-box">
+
+      <lpn-action-info
+        is-action
+      >
+
+        <div
+          v-if="!hasCustomer"
+          style="padding: 20px;text-align: center;font-size: 16px"
+          class="lw-global-row-end lw-global-value-bold-red"
+        >
+          {{ $lwLanguage.get('','请扫描捆包箱号执行打托') }}
+        </div>
+
+      </lpn-action-info>
+
+      <div class="lw-global-model-box">
+
+        <lw-input
+          :title="$lwLanguage.get('','捆包箱号')"
+          v-model="box.value"
+          :get-focus.sync="box.focus"
+          :show-bottom-border="false"
+          :rule-production-data="$lwScanRule.production('打托-执行打托-捆包箱号','CASE')"
+          rule-key="case"
+          @confirm="boxConfirm"
+        />
+
+      </div>
+
+      <div class="lw-global-model-box">
+
+        <lw-scan-data-list-module
+          :title="$lwLanguage.get('','捆包箱列表')"
+          v-model="boxList"
+          :row-title="$lwLanguage.get('','箱号')"
+        />
+
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        @click="refresh"
+      >{{ $lwLanguage.get('','重新打托') }}</lw-button>
+
+      <lw-button @click="overLpn">
+        {{ $lwLanguage.get('','完成打托') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 完成打托弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','完成打托')"
+      v-model="overLpnPopup.show"
+      @closed="overLpnPopupOff"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','托号')"
+        value="LPN-001"
+        val-bold
+        is-row-start
+      />
+
+      <div class="lw-global-flex-start-start lw-global-row">
+
+        <div class="lw-global-title" style="flex-shrink: 0">
+          {{ $lwLanguage.get('','客户') }}
+        </div>
+
+        <div class="lw-global-value">
+
+          <div class="lw-global-value-bold">{{ 'KH-001' }}</div>
+          <div class="lw-global-title">{{ '客户-001' }}</div>
+
+        </div>
+
+      </div>
+
+      <div class="lw-global-flex-between lw-global-row">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','箱数')"
+          :value="4"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','品种数')"
+          :value="2"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','商品数')"
+          :value="44"
+          val-bold
+          :is-row="false"
+        />
+
+      </div>
+
+      <div class="lw-global-row">
+
+        <div class="lw-global-flex-between">
+
+          <div class="lw-global-required lw-global-title">
+            {{ $lwLanguage.get('','托盘长宽高') }}
+          </div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','托盘体积')"
+            :value="100"
+            val-bold
+            :is-row="false"
+          />
+
+        </div>
+
+        <div class="lw-global-flex-between">
+          <lw-input
+            v-model="overLpnPopup.length"
+            :placeholder="$lwLanguage.get('','输入长')"
+            type="number"
+            :show-bottom-border="false"
+          />
+
+          <lw-input
+            v-model="overLpnPopup.width"
+            :placeholder="$lwLanguage.get('','输入宽')"
+            type="number"
+            :show-bottom-border="false"
+          />
+
+          <lw-input
+            v-model="overLpnPopup.height"
+            :placeholder="$lwLanguage.get('','输入高')"
+            type="number"
+            :show-bottom-border="false"
+          />
+        </div>
+
+      </div>
+
+      <div class="lw-global-row-end">
+
+        <div class="lw-global-flex-between">
+
+          <div class="lw-global-required lw-global-title">
+            {{ $lwLanguage.get('','托盘重量') }}
+          </div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','标准重量')"
+            :value="100"
+            val-bold
+            :is-row="false"
+          />
+
+        </div>
+
+        <lw-input
+          v-model="overLpnPopup.weight"
+          :placeholder="$lwLanguage.get('','输入托盘总重量')"
+          type="number"
+          :show-bottom-border="false"
+        />
+
+      </div>
+
+      <template #button>
+
+        <lw-button @click="overLpnConfirm">
+          {{ $lwLanguage.get('','完成打托') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import lpnActionInfo from "../components/lpnActionInfo.vue";
+
+export default {
+  name: "lwOutboundLpnPackActionPage",
+  components:{
+    lpnActionInfo
+  },
+  data() {
+    return {
+      // 有客户信息
+      hasCustomer: true,
+
+      // 捆包箱号
+      box:{
+        value:'',
+        focus: false
+      },
+
+      // 已扫描捆包箱数据
+      boxList:[
+        {sn:'BOX-001',qty:1},
+        {sn:'BOX-002',qty:1},
+        {sn:'BOX-003',qty:1},
+        {sn:'BOX-004',qty:1},
+      ],
+
+      // 完成打托弹框
+      overLpnPopup:{
+        show: false,
+        length: '',
+        width: '',
+        height: '',
+        weight: ''
+      }
+    }
+  },
+  methods: {
+    // 确认箱号
+    boxConfirm(){
+
+    },
+
+    // 重新打托
+    refresh(){
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('','提示'),
+        message: this.$lwLanguage.get('','当前扫描数据将会被全部清空')
+      }).then(()=>{
+        this.box.value = ''
+        this.boxList = []
+        this.box.focus = true
+
+      }).catch(()=>{})
+
+    },
+
+    // 完成打托
+    overLpn(){
+
+      if (!this.boxList.length){
+        this.box.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','请输入需要打托的箱号')
+        )
+        return
+      }
+
+      this.overLpnPopup.show = true
+      console.log(1234)
+    },
+    // 完成打托 - 弹框关闭
+    overLpnPopupOff(){
+
+    },
+    // 完成打托 - 确认打托
+    overLpnConfirm(){
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/lpnPack/components/lpnActionInfo.vue

@@ -0,0 +1,113 @@
+<!--
+  打托执行头部信息
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-flex-between lw-global-row-start">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','托号')"
+        value="LPN-001"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-tag
+        style="flex-shrink: 0"
+        plain
+        round
+      >{{ '打托中' }}</lw-tag>
+
+    </div>
+
+    <slot>
+      <div class="lw-global-flex-start-start lw-global-row">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('','客户') }}
+        </div>
+
+        <div class="lw-global-value">
+
+          <div class="lw-global-value-bold">{{ 'KH-001' }}</div>
+          <div class="lw-global-title">{{ '客户-001' }}</div>
+
+        </div>
+
+      </div>
+
+      <!-- 执行时显示 -->
+      <div
+        v-if="isAction"
+        class="lw-global-flex-between lw-global-row"
+      >
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','待打托箱数')"
+          :value="4"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','已打托箱数')"
+          :value="4"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <!-- 已完成打托显示 -->
+      <lw-title-value-cell
+        v-else
+        :title="$lwLanguage.get('','箱数')"
+        value="4"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','长宽高')"
+        value="1*2*4"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','总量')"
+        value="1kg"
+        val-bold
+        is-row-end
+      />
+    </slot>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lpnActionInfo",
+  props:{
+    item:{
+      type: Object,
+      defalut: () => {}
+    },
+
+    // 是否是执行
+    isAction: Boolean
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/lpnPack/components/lpnItem.vue

@@ -0,0 +1,126 @@
+<!--
+  打托起始页 - 托盘数据
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div
+    class="lw-global-model-box"
+    @click="$emit('click')"
+  >
+
+    <div class="lw-global-flex-between lw-global-row-start">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','打托号')"
+        value="LPN-001"
+        val-bold
+        :is-row="false"
+      />
+
+      <div style="flex-shrink: 0">
+        <lw-button
+          mini
+          round
+          @click.stop="$emit('btnClick')"
+        >
+          {{ btnText || '-' }}
+        </lw-button>
+      </div>
+
+    </div>
+
+    <div class="lw-global-flex-between lw-global-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','长宽高')"
+        value="1*2*3"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','总量')"
+        value="1Kg"
+        val-bold
+        :is-row="false"
+      />
+
+
+    </div>
+
+    <div class="lw-global-flex-between lw-global-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','箱数')"
+        value="1"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','品种数')"
+        value="2"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','商品数')"
+        value="20"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+
+    </div>
+
+    <div class="lw-global-flex-start-start lw-global-row">
+
+      <div style="flex-shrink: 0" class="lw-global-title">
+        {{ $lwLanguage.get('','客户') }}
+      </div>
+
+      <div class="lw-global-value">
+
+        <div class="lw-global-value-bold">{{'KH-001'}}</div>
+        <div class="lw-global-title">{{'客户-001'}}</div>
+
+      </div>
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','打托时间')"
+      :value="$lwDate.format('2022-08-22T10:00:00Z')"
+      is-row-end
+    />
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lpnItem",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    },
+    // 按钮显示的文字
+    btnText: String,
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/lpnPack/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 打托 - 起始页
+* @author: 张文
+* @date: 2022-08-19
+* */
+
+import lwOutboundLpnPackIndexPage from "./index.vue";
+
+lwOutboundLpnPackIndexPage.install = Vue => Vue.component(lwOutboundLpnPackIndexPage.name, lwOutboundLpnPackIndexPage)
+
+export default lwOutboundLpnPackIndexPage

package/src/components/page/outbound/lpnPack/index/index.vue

@@ -0,0 +1,166 @@
+<!--
+  打托 - 起始页
+  @author: 张文
+  @date: 2022-08-19
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','打托')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-tab-box">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            name="ing"
+            :title="$lwLanguage.get('','打托中')"
+          >
+            <lpn-item
+              class="lw-global-animation-out"
+              v-for="(i,k) in 3"
+              :key="k"
+              :style="{animationDelay: 50 * k + 'ms'}"
+              :btn-text="$lwLanguage.get('','继续打托')"
+              @btnClick="actionLpn(i)"
+            />
+          </van-tab>
+
+          <van-tab
+            name="ing"
+            :title="$lwLanguage.get('','已打托')"
+          >
+            <lpn-item
+              class="lw-global-animation-out lw-global-click-style"
+              v-for="(i,k) in 3"
+              :key="k"
+              :style="{animationDelay: 50 * k + 'ms'}"
+              :btn-text="$lwLanguage.get('','补打托标签')"
+              show-click
+              @btnClick="printLabel(i)"
+              @click="overLpn(i)"
+            />
+          </van-tab>
+        </van-tabs>
+
+      </div>
+
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        @click="searchLpn"
+      >{{ $lwLanguage.get('','查询') }}</lw-button>
+
+      <lw-button @click="newLpnPack">
+        {{ $lwLanguage.get('','新打托') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 查询托盘 -->
+    <lw-popup
+      :title="$lwLanguage.get('','打托号查询')"
+      v-model="searchPopup.show"
+      @closed="searchPopup.lpn.value=''"
+    >
+      <lw-input
+        :title="$lwLanguage.get('','打托号')"
+        v-model="searchPopup.lpn.value"
+        :get-focus.sync="searchPopup.lpn.focus"
+        :rule-production-data="$lwScanRule.production('打托-新托-打托号','LPN')"
+        rule-key="lpn"
+        @confirm="searchLpnConfirm"
+      />
+
+      <template #button>
+        <lw-button @click="searchLpnConfirm">
+          {{ $lwLanguage.get('','查询') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import lpnItem from "../components/lpnItem.vue";
+
+export default {
+  name: "lwOutboundLpnPackIndexPage",
+  components:{
+    lpnItem
+  },
+  data() {
+    return {
+      tabActive: '',
+
+      // 查询托号弹框
+      searchPopup:{
+        show: false,
+        lpn:{
+          value: '',
+          focus: false
+        }
+      }
+    }
+  },
+  methods: {
+    // 补打标签
+    printLabel(item){
+      console.log('补打标签123', item)
+    },
+    // 已打托点击
+    overLpn(item){
+      this.$router.push({
+        path: '/outbound/lpnPack/lwOver'
+      })
+    },
+
+    // 继续打托
+    actionLpn(item){
+      console.log(item)
+    },
+
+    // 查询
+    searchLpn(){
+      this.searchPopup.show = true
+      this.searchPopup.lpn.focus = true
+    },
+    // 执行查询
+    searchLpnConfirm(){
+
+      const val = this.searchPopup.lpn.value
+      if (!val){
+        this.searchPopup.lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','请输入打托号')
+        )
+        return
+      }
+
+      console.log(val, '查询')
+    },
+
+    // 新打托
+    newLpnPack(){
+      this.$router.push({
+        path: '/outbound/lpnPack/lwNew'
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/lpnPack/newLpnPack/index.js

@@ -0,0 +1,11 @@
+/*
+* 打托 - 新打托
+* @author: 张文
+* @date: 2022-08-22
+* */
+
+import lwOutboundLpnPackNewPage from "./index.vue";
+
+lwOutboundLpnPackNewPage.install = Vue => Vue.component(lwOutboundLpnPackNewPage.name, lwOutboundLpnPackNewPage)
+
+export default lwOutboundLpnPackNewPage