@logwire/logwire-wms-pda-ui 3.5.0 → 3.5.2

package/src/views/wms/page/outbound/orderDeliveryShip/components/datasPage.vue

@@ -0,0 +1,59 @@
+<!--
+  数据页
+  @author: 张文
+  @date: 2024-03-15
+-->
+<template>
+  <div>
+    <div
+      class="lw-global-model-box lw-global-animation-out lw-global-click-style"
+      v-for="(i,k) in datas"
+      :key="k"
+      :style="{animationDelay: k * 50+'ms'}"
+      @click="$emit('click',i)"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.orderPickDelivery.index.wgxsepmk', '计划')"
+        :value="$lwTimezone.UTCToTimezone({date:i.planTime})"
+        is-row-start
+        val-bold
+      />
+      <lw-label-value-group
+        class="lw-global-row"
+        :list="i.headers"
+        :show-row-style="false"
+      />
+      <lw-data-look-bg
+        class="lw-global-row-end"
+        :data="i.labeledQtyList"
+        type="null"
+        height="auto"
+        need-show
+        title-key="fieldCode"
+        value-key="qtyLabel"
+        :show-end-line="false"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "datasPage",
+  props: {
+    datas: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/orderDeliveryShip/components/lpnCollapseItem.vue

@@ -0,0 +1,86 @@
+<!--
+  装载托盘折叠项
+  @author: 张文
+  @date: 2023-12-29
+-->
+<template>
+  <div
+    class="lw-global-model-box lw-global-model-box-3px lw-global-collapse-box lw-global-collapse-title-btn lw-global-animation-out">
+    <van-collapse
+      v-model="action"
+      :border="false"
+    >
+      <van-collapse-item name="1">
+
+        <template #title>
+          <div class="lw-global-flex-between">
+
+            <div class="lw-global-value-bold">{{ item.pickContainerNo }}</div>
+
+            <lw-button
+              v-if="showBackPickBtn"
+              mini
+              @click.stop="$emit('backPick')"
+            >
+              {{ $lwLanguage.get('', '撤销拣货') }}
+            </lw-button>
+          </div>
+        </template>
+
+        <div
+          v-for="(i,k) in item.skuList"
+          :key="k"
+          :class="$lwUtils.getCellClass({
+            index: k,
+            length: item.skuList.length,
+            only:'lw-global-row-end',
+            start:'lw-global-row'
+          })"
+        >
+          <lw-sku-info-module
+            :sku-code="i.skuCode"
+            :sku-name="i.skuName"
+            :qty="i.qtyLabel"
+            :qty-text="$lwLanguage.get('', '拣选量')"
+          />
+          <lw-title-value-cell
+            v-for="(lot,lotK) in i.lotDisplayList"
+            :key="'lot'+lotK"
+            :title="lot.title"
+            :value="lot.value"
+            :is-row="false"
+          />
+        </div>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lpnCollapseItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 是否显示撤销拣货按钮
+    showBackPickBtn: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      action: []
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/orderDeliveryShip/index.js

@@ -0,0 +1,20 @@
+/*
+* 按运单装车发运 - 组件导出
+* @author: 张文
+* @date  2024-04-08
+* */
+
+import lwOutboundOrderDeliveryShipIndex from "./index.vue";
+import lwOutboundOrderDeliveryShipAction from "./action.vue";
+
+
+const page = [
+  lwOutboundOrderDeliveryShipIndex,
+  lwOutboundOrderDeliveryShipAction,
+]
+
+
+export default page.map(item => {
+  item.install = Vue => Vue.component(item.name, item)
+  return item
+})

package/src/views/wms/page/outbound/orderDeliveryShip/index.vue

@@ -0,0 +1,258 @@
+<!--
+  按运单装车发运 - 起始页
+  @author: 张文
+  @date: 2024-04-08
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('', '按运单装车发运')"/>
+
+    <lw-page-body-module>
+
+      <div class="lw-global-model-box">
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('', '运单号') }}
+        </div>
+        <lw-input
+          ref="search"
+          :placeholder="$lwLanguage.get('', '请扫描或输入运单号/发运单号/车牌号查询')"
+          v-model="search"
+          rule-key="waybill"
+          :create-rule="$lwScanRule.create('按运单拣选装车-起始页-运单号','WAYBILL')"
+          :show-bottom-border="false"
+          @confirm="searchConfirm"
+          @clear="searchConfirm"
+        >
+          <template #button>
+            <lw-button
+              mini
+              round
+              @click="searchConfirm"
+            >
+              {{ $lwLanguage.get('', '查询') }}
+            </lw-button>
+          </template>
+        </lw-input>
+      </div>
+
+      <div
+        style="margin-top: 10px"
+        class="lw-global-tab-box"
+      >
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab name="all">
+            <template #title>
+              <lw-tip
+                :title="$lwLanguage.get('', '待发运')"
+                :tip="all.pageTotal"
+              />
+            </template>
+
+            <datas-page
+              :datas="all.datas"
+              @click="orderConfirm"
+            />
+            <lw-pagination
+              v-model="all.pageNum"
+              :page-size.sync="all.pageSize"
+              :page-total="all.pageTotal"
+              @change="getOrderData('all')"
+            />
+            <lw-not-data v-if="!all.pageTotal"/>
+          </van-tab>
+
+          <van-tab name="ing">
+            <template #title>
+              <lw-tip
+                :title="$lwLanguage.get('', '发运中')"
+                :tip="ing.pageTotal"
+              />
+            </template>
+
+            <datas-page
+              :datas="ing.datas"
+              @click="orderConfirm"
+            />
+            <lw-pagination
+              v-model="ing.pageNum"
+              :page-size.sync="ing.pageSize"
+              :page-total="ing.pageTotal"
+              @change="getOrderData('ing')"
+            />
+            <lw-not-data v-if="!ing.pageTotal"/>
+          </van-tab>
+
+          <van-tab name="abnormal">
+            <template #title>
+              <lw-tip
+                :title="$lwLanguage.get('', '发运异常')"
+                :tip="abnormal.pageTotal"
+              />
+            </template>
+
+            <datas-page
+              :datas="abnormal.datas"
+              @click="orderConfirm"
+            />
+            <lw-pagination
+              v-model="abnormal.pageNum"
+              :page-size.sync="abnormal.pageSize"
+              :page-total="abnormal.pageTotal"
+              @change="getOrderData('abnormal')"
+            />
+            <lw-not-data v-if="!abnormal.pageTotal"/>
+          </van-tab>
+
+          <van-tab name="over">
+            <template #title>
+              <lw-tip
+                :title="$lwLanguage.get('', '已发运')"
+                :tip="over.pageTotal"
+              />
+            </template>
+
+            <datas-page
+              :datas="over.datas"
+              @click="orderConfirm"
+            />
+            <lw-pagination
+              v-model="over.pageNum"
+              :page-size.sync="over.pageSize"
+              :page-total="over.pageTotal"
+              @change="getOrderData('over')"
+            />
+            <lw-not-data v-if="!over.pageTotal"/>
+          </van-tab>
+        </van-tabs>
+      </div>
+    </lw-page-body-module>
+  </div>
+</template>
+
+<script>
+
+import {wmsProjectDeliveryPickQueryPage} from "./../../../api/outbound/orderDeliveryShip";
+import datasPage from "./components/datasPage.vue";
+
+export default {
+  name: "lwOutboundOrderDeliveryShipIndex",
+  components: {
+    datasPage
+  },
+  data() {
+    return {
+      search: '',
+      confirmSearchVal: '',
+      tabActive: '100',
+      // 全部
+      all: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        datas: []
+      },
+      // 发运中
+      ing: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        datas: []
+      },
+      // 发运异常
+      abnormal: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        datas: []
+      },
+      // 已发运
+      over: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        datas: []
+      },
+    }
+  },
+  mounted() {
+    const {search = ''} = this.$route.query
+    this.search = search
+    this.searchConfirm()
+  },
+  methods: {
+
+    // 获取运单数据
+    async getOrderData(key) {
+      const queryType = {
+        all: '100',
+        ing: '200',
+        abnormal: '300',
+        over: '400'
+      }
+
+      const res = await wmsProjectDeliveryPickQueryPage({
+        pageNum: this[key].pageNum,
+        pageSize: this[key].pageSize,
+        keyword: this.confirmSearchVal,
+        queryType: queryType[key]
+      })
+      this[key].datas = res.datas || []
+      this[key].pageTotal = res.total || 0
+    },
+
+    // 确认搜索
+    async searchConfirm() {
+      this.confirmSearchVal = this.search
+
+      const arr = ['all', 'ing', 'abnormal', 'over']
+      arr.forEach(item => this[item].pageNum = 1)
+
+      Promise.all(arr.map(item => this.getOrderData(item))).then(() => {
+
+        const tabAction = this.$route.query.tabActive
+        if (tabAction && this[tabAction].pageTotal) {
+          this.tabActive = tabAction
+          return
+        }
+
+        for (const i of arr) {
+          if (this[i].pageTotal) {
+            this.tabActive = i
+            return
+          }
+        }
+      })
+
+    },
+
+    // 订单确认
+    orderConfirm({deliveryId}) {
+
+      this.$router.replace({
+        path: '/outbound/orderDeliveryShip/lwIndex',
+        query: {
+          search: this.confirmSearchVal,
+          tabActive: this.tabActive,
+          _t: Date.now()
+        }
+      })
+
+      this.$router.push({
+        path: '/outbound/orderDeliveryShip/lwAction',
+        query: {
+          deliveryId
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/orderPick/index.vue

@@ -5,14 +5,14 @@
 -->
 <template>
   <div>
-    <lw-nav-bar :title="$lwLanguage.get('', '拣选单拣选')"/>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.orderPick.index.otsopmej', '拣选单拣选')"/>
 
     <lw-page-body-module>
 
       <div class="lw-global-model-box lw-global-model-box-3px">
         <lw-input
           ref="so"
-          :title="$lwLanguage.get('', '拣选单拣选')"
+          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.orderPick.index.otsopmej', '拣选单拣选')"
           v-model="pickNo.value"
           :get-focus.sync="pickNo.focus"
           :create-rule="$lwScanRule.create('拣选单拣选-起始页-拣选单号', 'SO')"
@@ -28,7 +28,7 @@
               round
               @click="soBtnClick"
             >
-              {{ $lwLanguage.get('', '查询') }}
+              {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.orderPick.index.pohwmpjy', '查询') }}
             </lw-button>
 
           </template>
@@ -63,7 +63,7 @@ export default {
       if (!pickNo) {
         this.pickNo.focus = true
         this.$lwShowErrorMsg(
-          this.$lwLanguage.get('', '拣选单号不能为空')
+          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.orderPick.index.kecehdgc', '拣选单号不能为空')
         )
         return
       }

package/src/views/wms/page/outbound/orderPickDelivery/components/datasPage.vue

@@ -0,0 +1,60 @@
+<!--
+  数据页
+  @author: 张文
+  @date: 2024-03-15
+-->
+<template>
+  <div>
+    <div
+      class="lw-global-model-box lw-global-animation-out lw-global-click-style"
+      v-for="(i,k) in datas"
+      :key="k"
+      :style="{animationDelay: k * 50+'ms'}"
+      @click="$emit('click',i)"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.orderPickDelivery.index.wgxsepmk', '计划')"
+        :value="$lwTimezone.UTCToTimezone({date:i.planTime})"
+        is-row-start
+        val-bold
+      />
+      
+      <lw-label-value-group
+        class="lw-global-row"
+        :list="i.headers"
+        :show-row-style="false"
+      />
+      <lw-data-look-bg
+        class="lw-global-row-end"
+        :data="i.labeledQtyList"
+        type="null"
+        height="auto"
+        need-show
+        title-key="fieldCode"
+        value-key="qtyLabel"
+        :show-end-line="false"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "datasPage",
+  props: {
+    datas: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/orderPickDelivery/components/lpnCollapseItem.vue

@@ -0,0 +1,100 @@
+<!--
+  装载托盘折叠项
+  @author: 张文
+  @date: 2023-12-29
+-->
+<template>
+  <div
+    class="lw-global-model-box lw-global-model-box-3px lw-global-collapse-box lw-global-collapse-title-btn lw-global-animation-out">
+    <van-collapse
+      v-model="action"
+      :border="false"
+    >
+      <van-collapse-item name="1">
+
+        <template #title>
+          <div class="lw-global-flex-between">
+
+            <div class="lw-global-value-bold">{{ item.pickContainerNo }}</div>
+
+
+            <div>
+              <lw-button
+                type="last"
+                plain
+                mini
+                @click.stop="$emit('reprint')"
+              >
+                {{ $lwLanguage.get('', '补打') }}
+              </lw-button>
+              <lw-button
+                v-if="showBackPickBtn"
+                mini
+                @click.stop="$emit('backPick')"
+              >
+                {{
+                  $lwLanguage.get('wms_project.pda.wms.page.outbound.orderPickDelivery.components.lpnCollapseItem.rggkzzeh', '撤拣货')
+                }}
+              </lw-button>
+            </div>
+          </div>
+        </template>
+
+        <div
+          v-for="(i,k) in item.skuList"
+          :key="k"
+          :class="$lwUtils.getCellClass({
+            index: k,
+            length: item.skuList.length,
+            only:'lw-global-row-end',
+            start:'lw-global-row'
+          })"
+        >
+          <lw-sku-info-module
+            :sku-code="i.skuCode"
+            :sku-name="i.skuName"
+            :qty="i.qtyLabel"
+            :qty-text="$lwLanguage.get('wms_project.pda.wms.page.outbound.orderPickDelivery.components.lpnCollapseItem.hunjkwlu', '拣选量')"
+          />
+          <lw-title-value-cell
+            v-for="(lot,lotK) in i.lotDisplayList"
+            :key="'lot'+lotK"
+            :title="lot.title"
+            :value="lot.value"
+            :is-row="false"
+          />
+        </div>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  name: "lpnCollapseItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 是否显示撤销拣货按钮
+    showBackPickBtn: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      action: []
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/outbound/orderPickDelivery/index.js

@@ -0,0 +1,20 @@
+/*
+* 按运单拣选装车 - 组件导出
+* @author: 张文
+* @date  2023-12-29
+* */
+
+import lwOutboundOrderPickDeliveryIndex from "./index.vue";
+import lwOutboundOrderPickDeliveryTaskList from "./taskList.vue";
+
+
+const page = [
+  lwOutboundOrderPickDeliveryIndex,
+  lwOutboundOrderPickDeliveryTaskList,
+]
+
+
+export default page.map(item => {
+  item.install = Vue => Vue.component(item.name, item)
+  return item
+})