@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/page/outbound/delivery/components/orderContentTitle/index.vue

@@ -0,0 +1,239 @@
+<!--
+  装车发运 - 执行 - 头部显示
+  @author: 张文
+  @date: 2022-06-07
+-->
+<template>
+  <div class="lw-global-model-box lw-global-collapse-box">
+
+    <!-- 折叠框 -->
+    <van-collapse
+      v-model="activeNames"
+      :border="false"
+    >
+      <van-collapse-item name="title">
+        <template #title>
+
+          <!-- 运单号 -->
+          <div
+            style="border-bottom: none"
+            class="lw-global-flex-between lw-global-row-start"
+          >
+
+            <div
+              style="font-size: 16px"
+              class="lw-global-value-bold"
+            >{{ orderContent.deliveryNo }}
+            </div>
+
+            <div class="lw-global-value">{{ orderContent.planDeliveryTime }}</div>
+
+          </div>
+
+          <template v-if="!activeNames.length">
+            <!-- 外部发运单号 -->
+            <div
+              style="border-top: solid 1px #f0f0f0"
+              class="lw-global-flex-between lw-global-row"
+            >
+
+              <div>
+                <span class="lw-global-title">
+                  {{ $lwLanguage.get('', '外部发运单号') }}
+                </span>
+                <span class="lw-global-value-bold">
+                    {{ orderContent.extDeliveryNo || '-' }}
+                  </span>
+              </div>
+
+              <lw-tag
+                round
+                plain
+                :type="tagType"
+              >{{ orderContent.billStatusLabel }}</lw-tag>
+
+            </div>
+
+            <!-- 车牌号、拖车号 -->
+            <div class="lw-global-row">
+
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('', '车牌号/拖车号') }}
+              </span>
+              <span class="lw-global-value-bold">
+                {{ (orderContent.carrierPlateNum || '-') + ' / ' + (orderContent.carrierCarriageNum || '-') }}
+              </span>
+            </div>
+
+            <!-- 装车数据 -->
+            <div class="lw-global-row">
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('', '装车数据') }}
+              </span>
+              <span class="lw-global-value">
+                <span
+                  style="color: #D50000;font-size: 16px"
+                  class="lw-global-value-bold"
+                >{{ orderContent.soCount || 0 }}</span>
+                <span class="lw-global-value"> 单 / </span>
+                <span
+                  style="color: #D50000;font-size: 16px"
+                  class="lw-global-value-bold"
+                >{{ orderContent.boxCount || 0 }}</span>
+                <span class="lw-global-value"> 箱</span>
+              </span>
+            </div>
+          </template>
+        </template>
+
+
+        <!-- 外部发运单号 -->
+        <div class="lw-global-flex-between lw-global-row">
+
+          <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('', '外部发运单号') }}
+            </span>
+            <span class="lw-global-value-bold">
+              {{ orderContent.extDeliveryNo || '-' }}
+            </span>
+          </div>
+
+          <lw-tag
+            round
+            plain
+            :type="tagType"
+          >{{ orderContent.billStatusLabel }}
+          </lw-tag>
+
+        </div>
+
+        <!-- 承运商运单号 -->
+        <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('', '承运商运单号') }}
+          </span>
+          <span class="lw-global-value-bold">
+            {{ orderContent.carrierDeliveryNo || '-' }}
+          </span>
+        </div>
+
+        <!-- 运输计划单号 -->
+        <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('', '运输计划单号') }}
+          </span>
+          <span class="lw-global-value-bold">
+            {{ orderContent.transportPlanNo || '-' }}
+          </span>
+        </div>
+
+        <!-- 货主 -->
+        <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('', '货主') }}
+          </span>
+          <span class="lw-global-value-bold">
+            {{ (orderContent.ownerCode || '-') + ' / ' + (orderContent.ownerName || '-') }}
+          </span>
+        </div>
+
+        <!-- 线路 -->
+        <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('', '线路') }}
+          </span>
+          <span class="lw-global-value-bold">
+            {{ (orderContent.roadLine || '-') + ' / ' + (orderContent.roadLineName || '-') }}
+          </span>
+        </div>
+
+        <!-- 承运商 -->
+        <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('', '承运商') }}
+          </span>
+          <span class="lw-global-value-bold">
+            {{ (orderContent.carrierCode || '-') + ' / ' + (orderContent.carrierName || '-') }}
+          </span>
+        </div>
+
+        <!-- 车牌号、拖车号 -->
+        <div class="lw-global-row">
+
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('', '车牌号/拖车号') }}
+          </span>
+
+          <span class="lw-global-value-bold">
+            {{ (orderContent.carrierPlateNum || '-') + ' / ' + (orderContent.carrierCarriageNum || '-') }}
+          </span>
+        </div>
+
+        <!-- 装车数据 -->
+        <div class="lw-global-row">
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('', '装车数据') }}
+          </span>
+          <span class="lw-global-value">
+            <span
+              style="color: #D50000;font-size: 16px"
+              class="lw-global-value-bold"
+            >{{ orderContent.soCount || 0 }}</span>
+            <span class="lw-global-value"> 单 / </span>
+            <span
+              style="color: #D50000;font-size: 16px"
+              class="lw-global-value-bold"
+            >{{ orderContent.boxCount || 0 }}</span>
+            <span class="lw-global-value"> 箱</span>
+          </span>
+        </div>
+
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "index",
+  props:{
+    orderContent:{
+      type: Object,
+      default: () => {}
+    }
+  },
+  computed: {
+    tagType() {
+      switch (this.orderContent.billStatus) {
+        // 新建
+        case '100':
+          return 'primary';
+        // 装载中
+        case '200':
+          return 'danger';
+        // 装载完成
+        case '300':
+          return 'warning';
+        // 已发货
+        case '600':
+          return 'success';
+        default:
+          return 'primary'
+      }
+    }
+  },
+  data() {
+    return {
+      // 折叠面板展开项目
+      activeNames: [],
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/delivery/components/soAndLpnItem/index.vue

@@ -0,0 +1,152 @@
+<!--
+  发运装车 - 执行 - 按单或托盘
+  @author: 张文
+  @date: 2022-06-07
+-->
+<template>
+
+  <div
+    :class="[
+      'lw-global-model-box',
+      item.lwPdaStart ?
+        'lw-global-animation-breath' :
+        'lw-global-animation-out'
+    ]"
+    :style="{
+      animationDelay:item.lwPdaStart ? '' : 50 * index + 'ms',
+      background: item.lwPdaStart ? 'rgb(244 218 219)' : ''
+    }"
+  >
+
+    <!-- 单号 -->
+    <div class="lw-global-flex-between lw-global-row-start">
+      <div>
+        <span class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.orderNo','单号') }}
+        </span>
+        <span class="lw-global-value-bold">
+          {{ item.soNo }}
+        </span>
+      </div>
+
+      <slot>
+        <lw-button
+            style="flex-shrink: 0"
+            round
+            mini
+            @click="del"
+        >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.delete','删除') }}</lw-button>
+      </slot>
+    </div>
+
+    <!-- 外部单号 -->
+    <div class="lw-global-row">
+      <span class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.extOrderNo','外部单号') }}
+      </span>
+      <span class="lw-global-value-bold">
+        {{ item.extSoNo || '-' }}
+      </span>
+
+    </div>
+
+    <!-- 客户单号 -->
+    <div class="lw-global-row">
+      <span class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.customerOrderNo','客户单号') }}
+      </span>
+      <span class="lw-global-value-bold">
+        {{ item.extOrderNo || '-' }}
+      </span>
+
+    </div>
+
+    <!-- 客户 -->
+    <div class="lw-global-row">
+      <span class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.customer','客户') }}
+      </span>
+      <span class="lw-global-value-bold">
+        {{ (item.customerCode || '-') + ' / ' + (item.customerName || '-') }}
+      </span>
+
+    </div>
+
+    <!-- 装箱数据 -->
+    <div class="lw-global-row">
+      <span class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.boxData','装箱数据') }}
+      </span>
+      <span>
+        <span class="lw-global-value">
+          {{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.skuType','品类') }}
+        </span>
+        <span
+          style="color: #D50000"
+          class="lw-global-value-bold"
+        >{{ item.skuTypeCount }}</span>
+        <span class="lw-global-value">
+           / {{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.qty','数量') }}
+        </span>
+        <span
+          style="color: #D50000"
+          class="lw-global-value-bold"
+        >{{ item.skuQty }}</span>
+        <span class="lw-global-value">
+           / {{ $lwLanguage.get('wms_project.pda.outbound.delivery.soAndLpn.boxAmount','箱量') }}
+        </span>
+        <span
+          style="color: #D50000"
+          class="lw-global-value-bold"
+        >{{ item.boxCount }}</span>
+      </span>
+
+    </div>
+
+    <!-- 其他数据 -->
+    <lw-lot-look-module v-if="item.extDataList"
+                        :columns="item.extDataList"
+                        title-key="label" value-key="value"/>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "index",
+  props:{
+    // 类别 so-按单，lpn-按托盘
+    type:{
+      type: String,
+      default: 'so'
+    },
+
+    // 数据
+    item:{
+      type: Object,
+      default: ()=>{}
+    },
+
+    // 数据索引
+    index:{
+      type: Number,
+      default: 0
+    },
+
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 删除
+    del(){
+      const no = this.type === 'so' ? this.item.soNo : this.item.palletNo
+      this.$emit('del', no, this.index)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 发运起始页
+* @author: 张文
+* @date  2022-06-07
+* */
+
+import lwOutboundDeliveryIndexPage from "./index.vue";
+
+lwOutboundDeliveryIndexPage.install = Vue => Vue.component(lwOutboundDeliveryIndexPage.name, lwOutboundDeliveryIndexPage)
+
+export default lwOutboundDeliveryIndexPage

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

@@ -0,0 +1,153 @@
+<!--
+  发运起始页
+  @author: 张文
+  @date: 2022-02-25
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.outbound.delivery.ship','装车发运')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-tab-box">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.outbound.delivery.queryDeliveryOrder','查找发运单')"
+            name="seo"
+          >
+
+            <div class="lw-global-model-box">
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.outbound.delivery.orderNo','发运单号')"
+                v-model="seo.value"
+                :get-focus.sync="seo.focus"
+                required
+                :placeholder="$lwLanguage.get('wms_project.pda.outbound.delivery.inputOrderNo','发运单/外部发运单/承运商运单/计划运输单')"
+                @confirm="seoConfirm"
+              >
+                <template #button>
+                  <lw-button
+                    round
+                    mini
+                    @click="seoConfirm"
+                  >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.search','搜索') }}</lw-button>
+                </template>
+              </lw-input>
+            </div>
+
+            <order-content
+              class="lw-global-animation-out"
+              v-for="(i,k) in seo.list"
+              :style="{animationDelay: 50 * k + 'ms'}"
+              :key="i.deliveryId"
+              :item="i"
+            />
+            <lw-not-data v-if="!seo.list.length && seo.showNotData"/>
+
+          </van-tab>
+
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.outbound.delivery.unShip','未发运')"
+            name="wait"
+          >
+            <order-content
+              class="lw-global-animation-out"
+              v-for="(i,k) in waitList"
+              :style="{animationDelay: 50 * k + 'ms'}"
+              :key="i.deliveryId"
+              :item="i"
+            />
+            <lw-not-data v-if="!waitList.length"/>
+          </van-tab>
+        </van-tabs>
+
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+      <lw-button @click="addOrder">
+        {{ $lwLanguage.get('wms_project.pda.outbound.delivery.newOrder','新建发运单') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import orderContent from './../components/orderContent/index.vue'
+import {
+  projectQueryDeliveryData,
+  projectGetWarehouseCanDeliveryData
+} from "../../../../../api/outbound/delivery";
+
+export default {
+  name: "lwOutboundDeliveryIndexPage",
+  components:{
+    orderContent
+  },
+  data() {
+    return {
+      // tab激活项
+      tabActive:'seo',
+
+      // 查找发运单
+      seo:{
+        showNotData: false,
+        value:'',
+        focus: true,
+        list:[]
+      },
+
+      // 未发运
+      waitList:[]
+    }
+  },
+  methods: {
+    // tab切换
+    tabChange(){
+      if (this.tabActive === 'wait' && !this.waitList.length){
+        projectGetWarehouseCanDeliveryData().then(res=>this.waitList=res)
+      }
+    },
+
+    // 搜索运单号
+    seoConfirm(){
+      const deliveryNo = this.seo.value
+
+      if (!deliveryNo){
+        this.seo.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.outbound.delivery.inputOrderNo','请输入发运单号/外部发运单号/承运商运单号/计划运输单号')
+        )
+        return
+      }
+
+      projectQueryDeliveryData({
+        deliveryNo
+      }).then(res=>{
+        this.seo.list = res || []
+        this.seo.showNotData = true
+      })
+    },
+
+    // 新建发运单
+    addOrder(){
+      this.$router.push({
+        path:'/outbound/delivery/lwAddOrder'
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,94 @@
+/*
+* 出库页面组件导出入口
+* @author: 张文
+* @date  2022-04-29
+* */
+
+
+// 出库 - 按托盘集货扫描页
+import lwOutboundSummaryLpnIndexPage from './summary/lpn/index/index.js'
+// 出库 - 按托盘集货执行页
+import lwOutboundSummaryLpnActionPage from './summary/lpn/action/index.js'
+
+// 出库 - 按箱集货
+import lwOutboundSummaryBoxIndexPage from './summary/box/index/index.js'
+
+// 装车发运 - 新建发运单
+import lwOutboundDeliveryAddOrderPage from "./delivery/addOrder";
+// 装车发运 - 起始页
+import lwOutboundDeliveryIndexPage from "./delivery/index";
+// 装车发运 - 执行发运
+import lwOutboundDeliveryActionPage from "./delivery/action";
+
+// 出库拣选 - 起始页（控制台）
+import lwOutboundPickIndexPage from "./pick/index";
+// 出库拣选 - 按箱
+import lwOutboundPickBoxActionPage from "./pick/box";
+// 出库拣选 - 按托盘
+import lwOutboundPickLpnActionPage from "./pick/lpn";
+// 出库拣选 - 独立件
+import lwOutboundPickAloneActionPage from "./pick/alone";
+// 出库拣选 - 非独立件
+import lwOutboundPickNotAloneActionPage from "./pick/notAlone";
+
+// 分区拣选集合 - 起始页
+import lwOutboundPickMergeIndexPage from "./pickMerge/index";
+// 分区拣选集合 - 数据详情页
+import lwOutboundPickMergeContentPage from "./pickMerge/content";
+// 分区拣选集合 - 执行页
+import lwOutboundPickMergeActionPage from "./pickMerge/action";
+
+// 播种分拣 - 起始页
+import lwOutboundSowIndexPage from "./sow/index";
+// 播种分拣 - 执行页
+import lwOutboundSowActionPage from "./sow/action";
+
+// 复核捆包 - 起始页
+import lwOutboundBaleIndexPage from "./bale/checkBale/index";
+// 复核捆包 - 新捆包
+import lwOutboundBaleNewBalePage from "./bale/checkBale/newBale";
+// 复核捆包 - 全部复核
+import lwOutboundBaleAllCheckPage from "./bale/checkBale/allCheck";
+// 复核捆包执行页
+import lwOutboundBaleActionPage from "./bale/checkBale/action";
+
+// 独立捆包 - 起始页
+import lwOutboundAloneBaleIndexPage from "./bale/aloneBale/index";
+// 独立捆包 - 新捆包
+import lwOutboundAloneBaleNewBalePage from "./bale/aloneBale/newBale";
+// 独立捆包 - 执行操作
+import lwOutboundAloneBaleActionPage from "./bale/aloneBale/action";
+
+export const outbound = [
+  lwOutboundSummaryLpnIndexPage,
+  lwOutboundSummaryLpnActionPage,
+
+  lwOutboundSummaryBoxIndexPage,
+
+  lwOutboundDeliveryAddOrderPage,
+  lwOutboundDeliveryIndexPage,
+  lwOutboundDeliveryActionPage,
+
+
+  lwOutboundPickIndexPage,
+  lwOutboundPickBoxActionPage,
+  lwOutboundPickLpnActionPage,
+  lwOutboundPickAloneActionPage,
+  lwOutboundPickNotAloneActionPage,
+
+  lwOutboundPickMergeIndexPage,
+  lwOutboundPickMergeContentPage,
+  lwOutboundPickMergeActionPage,
+
+  lwOutboundSowIndexPage,
+  lwOutboundSowActionPage,
+
+  lwOutboundBaleIndexPage,
+  lwOutboundBaleNewBalePage,
+  lwOutboundBaleAllCheckPage,
+  lwOutboundBaleActionPage,
+
+  lwOutboundAloneBaleIndexPage,
+  lwOutboundAloneBaleNewBalePage,
+  lwOutboundAloneBaleActionPage,
+]

package/src/components/page/outbound/pick/alone/index.js

@@ -0,0 +1,11 @@
+/*
+* 出库拣选 - 独立件
+* @author: 张文
+* @date  2022-06-17
+* */
+
+import lwOutboundPickAloneActionPage from "./index.vue";
+
+lwOutboundPickAloneActionPage.install = Vue => Vue.component(lwOutboundPickAloneActionPage.name, lwOutboundPickAloneActionPage)
+
+export default lwOutboundPickAloneActionPage