@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,642 @@
+<!--
+  装车发运 - 执行发运
+  @author: 张文
+  @date: 2022-02-25
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.shipTitle','装车发运')"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- 发运单信息 -->
+      <order-content-title :order-content="orderContent"/>
+
+      <!-- tab -->
+      <div
+        v-if="orderContent.billStatus!=='300'"
+        style="margin: 10px 0"
+        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.action.shipByOrder','按单装车')"
+              name="so"
+          ></van-tab>
+
+          <van-tab
+              :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.shipByLpn','按托盘装车')"
+              name="lpn"
+          ></van-tab>
+
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.shipByBox','按箱装车')"
+            name="box"
+          ></van-tab>
+        </van-tabs>
+      </div>
+
+      <!-- 按箱 -->
+      <template v-if="tabActive==='box'">
+
+        <!-- 输入框 -->
+        <div
+          v-if="orderContent.billStatus!=='300'"
+          class="lw-global-model-box"
+        >
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.boxNo','箱号')"
+            v-model="box.value"
+            :get-focus.sync="box.focus"
+            required
+            @confirm="boxConfirm"
+          >
+            <template #button>
+              <lw-button
+                round
+                mini
+                @click="boxConfirm"
+              >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.loadCar','装车') }}</lw-button>
+            </template>
+          </lw-input>
+        </div>
+
+        <!-- 已装车箱 -->
+        <box-item
+          v-for="(i,k) in box.list"
+          :key="i.boxNo"
+          :item="i"
+          :index="k"
+          :hidden-del-btn="orderContent.billStatus==='300'"
+          @del="boxDel"
+        />
+
+      </template>
+
+      <!-- 按单 -->
+      <template v-if="tabActive==='so'">
+
+        <!-- 输入框 -->
+        <div class="lw-global-model-box">
+          <div>
+            <lw-input
+                v-model="so.value"
+                :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.soNo', '出库单号')"
+                :get-focus.sync="so.focus"
+                :placeholder="$lwLanguage.get('wms_project.pda.outbound.delivery.action.inputOrderNo','出库单号/外部单号/客户单号')"
+                required
+                @confirm="soConfirm"
+            >
+              <template #button>
+                <lw-button
+                    round
+                    mini
+                    @click="soConfirm"
+                >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.loadCar','装车') }}</lw-button>
+              </template>
+            </lw-input>
+          </div>
+
+        </div>
+
+        <!-- 已装车单 -->
+        <so-and-lpn-item
+          v-for="(i,k) in so.list"
+          :key="i.soNo"
+          :index="k"
+          :item="i"
+          @del="soDel"
+        />
+
+      </template>
+
+      <!-- 按托盘 -->
+      <template v-if="tabActive==='lpn'">
+
+        <!-- 输入框 -->
+        <div class="lw-global-model-box">
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.lpn','托盘号')"
+            v-model="lpn.value"
+            :get-focus.sync="lpn.focus"
+            required
+            @confirm="lpnConfirm"
+          >
+            <template #button>
+              <lw-button
+                round
+                mini
+                @click="lpnConfirm"
+              >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.loadCar','装车') }}</lw-button>
+            </template>
+          </lw-input>
+        </div>
+
+        <!-- 已装车托盘 -->
+
+        <so-and-lpn-item
+          v-for="(i,k) in lpn.list"
+          :key="i.palletNo"
+          :index="k"
+          :item="i"
+          type="lpn"
+          @del="lpnDel"
+        />
+
+      </template>
+
+    </div>
+
+    <lw-bottom-bar v-if="orderContent.billStatus!=='300'">
+      <lw-button
+          v-if="tabActive==='so'"
+          type="last"
+          plain
+          @click="openSoBatchOp"
+      >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.addSo','添加出库单') }}</lw-button>
+
+      <lw-button
+        type="last"
+        plain
+        @click="reload"
+      >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.redoLoadCar', '重新装车') }}
+      </lw-button>
+
+      <lw-button @click="over">
+        {{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.doneLoadCar', '完成装车') }}
+      </lw-button>
+    </lw-bottom-bar>
+    <lw-bottom-bar v-else>
+      <lw-button
+          v-if="tabActive==='so'"
+          type="last"
+          plain
+          @click="openSoBatchOp"
+      >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.addSo','添加出库单') }}</lw-button>
+
+      <lw-button
+        type="normal"
+        plain
+        @click="goOn"
+      >{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.goOnLoadCar', '继续装车') }}
+      </lw-button>
+
+      <lw-button @click="transport">
+        {{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.ship', '发运') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+    <!-- 添加出库单弹框 -->
+    <lw-popup
+        :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.addSo','添加出库单')"
+        v-model="AddSOsPopup.show"
+        background="#F0F0F0"
+    >
+      <template>
+        <div class="lw-global-model-box">
+          <lw-input
+              :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.soNo','出库单号')"
+              v-model="AddSOsPopup.searchKey"
+              :get-focus.sync="AddSOsPopup.focus"
+          >
+            <template #button>
+              <lw-button mini round @click="querySo">{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.search','查询') }}</lw-button>
+            </template>
+          </lw-input>
+
+          <lw-not-data v-if="!AddSOsPopup.list.length"/>
+        </div>
+
+        <so-and-lpn-item
+            v-for="(i,k) in AddSOsPopup.list"
+            :key="i.soNo"
+            :index="k"
+            :item="i"
+            type="lpn"
+        >
+          <van-switch
+              v-model="i.choosed"
+              size="22px"
+              @change="(val) => chooseSoChange(i, k, val)"
+          />
+        </so-and-lpn-item>
+      </template>
+
+      <template #bottomInfo>
+        <div>
+          <span class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.orderCount', '已选择单数') }}</span>
+          <span class="lw-global-value-bold-red lw-global-value-bold" style="font-size: 16px">{{ selectSoCount() }}</span>
+        </div>
+      </template>
+
+      <template #button>
+        <lw-button @click="addSosConfirm">
+          {{ $lwLanguage.get('wms_project.pda.outbound.delivery.action.submitLoadCar', '提交装车') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+
+import boxItem from './../components/boxItem/index.vue'
+import soAndLpnItem from './../components/soAndLpnItem/index.vue'
+import orderContentTitle from './../components/orderContentTitle/index.vue'
+import {
+  projectDeliveryAddBox,
+  projectDeliveryAddLpn,
+  projectDeliveryAddOrder,
+  projectDeliveryCompleteLoad, projectDeliveryContinueLoad, projectDeliveryExecuteShip,
+  projectDeliveryReload,
+  projectDeliveryRemoveBox,
+  projectDeliveryRemoveLpn,
+  projectDeliveryRemoveOrder,
+  projectQueryDeliveryBoxDetail,
+  projectQueryDeliveryDetail,
+  projectQueryDeliveryLpnDetail,
+  projectQueryDeliverySoDetail,
+  projectWmsQueryOrderForDelivery,
+  projectWmsDeliveryBatchAddOrder
+} from "../../../../../api/outbound/delivery/action";
+export default {
+  name: "lwOutboundDeliveryActionPage",
+  components:{
+    boxItem,
+    soAndLpnItem,
+    orderContentTitle
+  },
+  data() {
+    return {
+      // 折叠面板展开项目
+      activeNames: [],
+      // 订单数据
+      orderContent: {},
+
+      // tab集货数据
+      tabActive:'so',
+
+      // 按箱
+      box:{
+        value:'',
+        focus: false,
+        list:[]
+      },
+
+      // 按箱
+      so:{
+        value:'',
+        focus: false,
+        list:[]
+      },
+
+      // 按托盘
+      lpn:{
+        value:'',
+        focus: false,
+        list:[]
+      },
+
+      //
+      AddSOsPopup:{
+        searchKey: '',
+        list:[],
+        soIds: [],
+        show: false,
+        focus: false
+      }
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+
+    // 初始化
+    init(){
+      this.getOrderData()
+      this.tabChange()
+    },
+
+    // 获取订单数据
+    getOrderData() {
+      projectQueryDeliveryDetail({
+        deliveryId: this.$route.query.lwDeliveryId
+      }).then(res => {
+        this.orderContent = res
+      })
+    },
+
+    // tab切换
+    tabChange(key, value){
+
+      this.box.list=[]
+      this.so.list=[]
+      this.lpn.list=[]
+
+      let api
+      switch (this.tabActive){
+        case 'box':
+          api=projectQueryDeliveryBoxDetail
+          break;
+
+        case 'so':
+          api=projectQueryDeliverySoDetail
+          break;
+
+        case 'lpn':
+          api=projectQueryDeliveryLpnDetail
+          break;
+
+      }
+
+      api({
+        deliveryId:this.$route.query.lwDeliveryId
+      }).then(res=>{
+
+        if (key){
+          let index = 0
+          for (let i = 0; i < res.length; i++) {
+            if(res[i][key] === value){
+              index = i
+              break
+            }
+          }
+
+          const start = res.splice(index, 1)[0]
+          res.unshift({...start, lwPdaStart: true})
+
+        }
+
+        this[this.tabActive].list = res
+        this[this.tabActive].value = ''
+        this[this.tabActive].focus = true
+
+      })
+    },
+
+    // 装车执行
+    submitData(key){
+
+      let query={
+        deliveryId: this.$route.query.lwDeliveryId
+      }
+      let dataKey, fn, nullMsg
+      switch (key) {
+        case 'box':
+          fn = projectDeliveryAddBox
+          query.boxNo = this.box.value
+          dataKey = 'boxNo'
+          nullMsg = this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.boxNo.null', '箱号不能为空')
+          break;
+        case 'so':
+          fn = projectDeliveryAddOrder
+          query.soNo = this.so.value
+          dataKey = 'soNo'
+          nullMsg = this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.soNo.null', '单号不能为空')
+          break;
+        case 'lpn':
+          fn = projectDeliveryAddLpn
+          query.lpn = this.lpn.value
+          dataKey = 'palletNo'
+          nullMsg = this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.lpn.null', '托盘号不能为空')
+          break;
+      }
+
+      if (!this[key].value){
+        this[key].focus = true
+        this.$lwShowErrorMsg(nullMsg)
+        return
+      }
+
+
+
+      fn(query).then(res=>{
+        this[key].value = ''
+        this[key].focus = true
+
+        this.getOrderData()
+        this.tabChange(dataKey, res[dataKey])
+      })
+    },
+
+    // 删除执行
+    submitDel({value, key}){
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.alter','警告'),
+        message: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.confirmDelete','确认删除') + value
+      }).then(()=>{
+        let query={
+          deliveryId: this.$route.query.lwDeliveryId
+        }
+        let fn
+        switch (key){
+          case 'box':
+            fn=projectDeliveryRemoveBox
+            query.boxNo = value
+            break;
+          case 'so':
+            fn=projectDeliveryRemoveOrder
+            query.soNo = value
+            break;
+          case 'lpn':
+            fn=projectDeliveryRemoveLpn
+            query.lpn = value
+            break;
+        }
+
+        fn(query).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.deleteSuccess','删除成功')
+          )
+          this.init()
+          this[key].value=''
+          this[key].focus=true
+        })
+
+      }).catch(()=>{})
+    },
+
+    // 按箱装车
+    boxConfirm(){
+      this.submitData('box')
+    },
+    // 删除箱
+    boxDel(boxNo){
+
+      this.submitDel({
+        value: boxNo,
+        key:'box'
+      })
+
+    },
+
+    // 按单装车
+    soConfirm(){
+
+      this.submitData('so')
+
+    },
+    // 删除单
+    soDel(soNo){
+
+      this.submitDel({
+        value: soNo,
+        key:'so'
+      })
+
+    },
+
+    // 按托盘装车
+    lpnConfirm(){
+
+      this.submitData('lpn')
+
+    },
+    // 删除托盘
+    lpnDel(lpn){
+
+      this.submitDel({
+        value: lpn,
+        key:'lpn'
+      })
+
+    },
+
+    // 重新装车
+    reload() {
+
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.alter','警告'),
+        message: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.message','确认重新装车？执行该操作后，现有数据将全部清空')
+      }).then(()=>{
+        projectDeliveryReload({
+          deliveryId: this.$route.query.lwDeliveryId
+        }).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.operateSuccess','操作成功')
+          )
+          this.tabActive = 'box'
+          this.init()
+        })
+      }).catch(()=>{})
+
+    },
+
+    // 完成装车
+    async over() {
+
+      await projectDeliveryCompleteLoad({
+        deliveryId: this.$route.query.lwDeliveryId
+      })
+
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.notify','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.isDelivery','装车完成，是否发运'),
+        confirmButtonText: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.ship','发运'),
+        cancelButtonText: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.return','返回')
+      }).then(()=>{
+        this.transportSubmit()
+      }).catch(()=>{
+        history.go(-1)
+      })
+    },
+
+    // 继续装车
+    goOn(){
+      projectDeliveryContinueLoad({
+        deliveryId: this.$route.query.lwDeliveryId
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.operateSuccess','操作成功')
+        )
+        this.tabActive = 'box'
+        this.init()
+      })
+    },
+
+    // 发运
+    transport(){
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.notify','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.isDelivery','确认发运？'),
+      }).then(()=>{
+        this.transportSubmit()
+      }).catch(()=>{})
+    },
+    // 发运提交
+    transportSubmit(){
+      projectDeliveryExecuteShip({
+        deliveryId: this.$route.query.lwDeliveryId
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.deliveried','已发运')
+        )
+        history.go(-1)
+      })
+    },
+
+    // 打开出库单批量操作弹窗
+    openSoBatchOp() {
+      this.AddSOsPopup.show = true
+      this.AddSOsPopup.focus = true
+    },
+    // 查询出库单
+    querySo() {
+      projectWmsQueryOrderForDelivery({
+        deliveryId: this.$route.query.lwDeliveryId,
+        soNo: this.AddSOsPopup.searchKey
+      }).then(res => {
+        this.AddSOsPopup.list = res
+      })
+    },
+    // 添加出库单
+    addSosConfirm() {
+      if (this.AddSOsPopup.soIds.length === 0) {
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.soCount.zero', '出库单不能选择0个')
+        )
+        return false
+      }
+
+      projectWmsDeliveryBatchAddOrder({
+        deliveryId: this.$route.query.lwDeliveryId,
+        soIdList: this.AddSOsPopup.soIds
+      }).then(res => {
+        this.AddSOsPopup.searchKey = ''
+        this.AddSOsPopup.soIds = []
+        this.AddSOsPopup.list = []
+        this.AddSOsPopup.show = false
+        this.AddSOsPopup.focus = false
+
+        this['so'].value = ''
+        this['so'].focus = true
+        this.getOrderData()
+        this.tabChange('soNo', res['soNo'])
+      })
+    },
+    // 选中的出库单数目
+    selectSoCount() {
+      return this.AddSOsPopup.soIds.length
+    },
+    // 选择出库单改变
+    chooseSoChange(item, key, val) {
+      if (val) {
+        this.AddSOsPopup.soIds.push(item.soId)
+      } else {
+        const idx = this.AddSOsPopup.soIds.indexOf(item.soId)
+        this.AddSOsPopup.soIds.splice(idx, 1)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

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