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

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

@@ -0,0 +1,90 @@
+<!--
+  打托 - 箱列表
+  @author: 张文
+  @date: 2022-09-14
+-->
+<template>
+  <div
+    style="padding: 5px 10px"
+    class="lw-global-model-box lw-global-collapse-box"
+  >
+    <van-collapse
+      v-model="collapse"
+      :border="false"
+    >
+      <van-collapse-item name="1">
+
+        <template #title>
+
+          <div class="lw-global-flex-between">
+
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.boxItem.onqcguyw','捆包箱列表') }}
+            </div>
+
+            <div class="lw-global-value-bold-red">
+              {{ (boxList.length || 0) + $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.boxItem.qemcafex','箱') }}
+            </div>
+          </div>
+
+
+        </template>
+
+        <div
+          v-for="(i,k) in boxList"
+          :key="k"
+          :class="[
+            'lw-global-flex-between',
+            k === (boxList.length - 1) ? 'lw-global-row-end' : 'lw-global-row',
+          ]"
+        >
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.boxItem.phfdvlzr','箱号') }}
+            </span>
+            <span class="lw-global-value-bold">{{ i.boxNo }}</span>
+          </div>
+
+          <div
+            v-if="isChange"
+            style="flex-shrink: 0"
+          >
+            <van-icon
+              name="clear"
+              color="#d50000"
+              size="20px"
+              @click="$emit('del',i,k)"
+            />
+          </div>
+
+        </div>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "boxItem",
+  props:{
+    boxList:{
+      type: Array,
+      default: () => []
+    },
+    // 是否编辑
+    isChange: Boolean
+  },
+  data() {
+    return {
+      collapse: ['1']
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -1,113 +1,132 @@
-<!--
-  打托执行头部信息
-  @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>
+<!--
+  打托执行头部信息
+  @author: 张文
+  @date: 2022-08-22
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-flex-between lw-global-row-start">
+
+      <div class="lw-global-flex-start" style="flex: 1">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.jogkzdqa','托号')"
+          :value="item.palletNo"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-tag
+          style="flex-shrink: 0"
+          plain
+          round
+          :type="item.billStatus === '100' ? 'danger' : 'success'"
+        >{{ item.billStatusLabel }}</lw-tag>
+      </div>
+
+      <lw-button
+        v-if="showPrint"
+        style="flex-shrink: 0"
+        mini
+        round
+        @click="$emit('print')"
+      >
+        {{$lwLanguage.get('','打印')}}
+      </lw-button>
+
+    </div>
+
+    <slot>
+      <div class="lw-global-flex-start-start lw-global-row">
+
+        <div style="flex-shrink: 0" class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.nrkaclig','客户') }}
+        </div>
+
+        <div class="lw-global-value">
+
+          <div class="lw-global-value-bold">{{ item.customerCode }}</div>
+          <div class="lw-global-title">{{ item.customerName }}</div>
+
+        </div>
+
+      </div>
+
+      <!-- 执行时显示 -->
+      <div
+        v-if="isAction"
+        class="lw-global-flex-between lw-global-row"
+      >
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.qyucpyxu','待打托箱数')"
+          :value="item.waitPalletCount"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.ljuddnac','已打托箱数')"
+          :value="item.boxCount"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <!-- 已完成打托显示 -->
+      <lw-title-value-cell
+        v-else
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.phovpwfj','箱数')"
+        :value="item.boxCount"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.tkswstnq','长宽高')"
+        :value="`${item.length || '-'}*${item.width || '-'}*${item.height || '-'}`"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnActionInfo.oiazezrx','总量')"
+        :value="`${item.weight || '-'}kg`"
+        val-bold
+        is-row-end
+      />
+    </slot>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lpnActionInfo",
+  props:{
+    item:{
+      type: Object,
+      default: () => {}
+    },
+
+    // 是否是执行
+    isAction: Boolean,
+
+    // 是否显示打印按钮
+    showPrint: Boolean
+  },
+  computed:{
+
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -1,126 +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>
+<!--
+  打托起始页 - 托盘数据
+  @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('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.miodemth','打托号')"
+        :value="item.palletNo"
+        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('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.itanakyr','长宽高')"
+        :value="`${item.length || '-'}*${item.width || '-'}*${item.height || '-'}`"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.olniubxz','总量')"
+        :value="`${item.weight || 0}Kg`"
+        val-bold
+        :is-row="false"
+      />
+
+
+    </div>
+
+    <div class="lw-global-flex-between lw-global-row">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.ceuoxczs','箱数')"
+        :value="item.boxCount"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.tnqgmzml','品种数')"
+        :value="item.skuTypeCount"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.kqahudqh','商品数')"
+        :value="item.skuQty"
+        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('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.bvdapwjg','客户') }}
+      </div>
+
+      <div class="lw-global-value">
+
+        <div class="lw-global-value-bold">{{ item.customerCode }}</div>
+        <div class="lw-global-title">{{ item.customerName }}</div>
+
+      </div>
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.lpnPack.components.lpnItem.zxbchlin','打托时间')"
+      :value="$lwDate.format(item.palletTime, 'yyyy-MM-dd hh:mm')"
+      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

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