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

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

@@ -1,784 +1,784 @@
-<!--
-  装车发运 - 执行发运
-  @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
-        :delivery-id="deliveryId"
-        :order-content="orderContent"
-        @changeCarSuccess="init"
-      />
-
-      <template v-if="!isAbn">
-        <!-- tab -->
-        <div
-          v-if="orderContent.billStatus!=='300'"
-          style="margin-top: 10px"
-          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
-              rule-key="box"
-              @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
-                rule-key="order"
-                @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
-              rule-key="lpn"
-              @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>
-      </template>
-
-    </div>
-
-    <template v-if="!isAbn">
-      <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>
-    </template>
-
-    <lw-bottom-bar v-if="isAbn">
-
-      <lw-button
-        type="last"
-        @click="confirmAbnPopup.show=true"
-      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.hdidpqix','确认异常') }}</lw-button>
-
-      <lw-button @click="confirmNotAbn">
-        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.gtsqwjxg','确认无误') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-    <!-- 添加出库单弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.addSo','添加出库单')"
-      v-model="AddSOsPopup.show"
-      background="#F0F0F0"
-      @closed="clearAddSOsPopup"
-    >
-      <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"
-            rule-key="so"
-            @confirm="querySo"
-          >
-            <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>
-
-    <!-- 确认异常弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.ekazgfnt','车辆确认异常')"
-      v-model="confirmAbnPopup.show"
-    >
-
-      <lw-cell-popup-radio
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.qrcxhcdb','异常类型')"
-        v-model="confirmAbnPopup.abnType"
-        dict-key="OutboundDeliveryAbnormalType"
-        required
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.ypsfbzqx','异常信息')"
-        v-model="confirmAbnPopup.abnMsg"
-        type="textarea"
-        :rows="4"
-      />
-
-      <template #button>
-
-        <lw-button @click="confirmAbn">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.zhlefpdr','提交异常') }}
-        </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, projectDeliveryConfirm,
-  projectDeliveryContinueLoad,
-  projectDeliveryExecuteShip,
-  projectDeliveryReload,
-  projectDeliveryRemoveBox,
-  projectDeliveryRemoveLpn,
-  projectDeliveryRemoveOrder, projectDeliverySubmitAbnormal,
-  projectQueryDeliveryBoxDetail,
-  projectQueryDeliveryDetail,
-  projectQueryDeliveryLpnDetail,
-  projectQueryDeliverySoDetail,
-  projectWmsDeliveryBatchAddOrder,
-  projectWmsQueryOrderForDelivery
-} from "../../../../../api/outbound/delivery/action";
-
-export default {
-  name: "lwOutboundDeliveryActionPage",
-  components: {
-    boxItem,
-    soAndLpnItem,
-    orderContentTitle
-  },
-  data() {
-    return {
-      // 发运id
-      deliveryId:'',
-
-      // 折叠面板展开项目
-      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
-      },
-
-      // 确认异常弹框
-      confirmAbnPopup:{
-        show: false,
-        abnType: '',
-        abnMsg: ''
-      }
-    }
-  },
-  computed:{
-    isAbn(){
-      return this.orderContent.billStatus === '400' || this.orderContent.billStatus === '100'
-    }
-  },
-  mounted() {
-    this.deliveryId = this.$route.query.lwDeliveryId
-    this.init()
-  },
-  methods: {
-
-    // 初始化
-    init() {
-      this.getOrderData()
-      this.tabChange()
-    },
-
-    // 获取订单数据
-    getOrderData() {
-      projectQueryDeliveryDetail({
-        deliveryId: this.deliveryId
-      }).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.deliveryId
-      }).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.deliveryId
-      }
-      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])
-      }).catch(()=>{
-        this[key].value = ''
-      })
-    },
-
-    // 删除执行
-    submitDel({value, key}) {
-      this.$lwDialog.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.deliveryId
-        }
-        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.$lwDialog.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.deliveryId
-        }).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.deliveryId
-      })
-
-      this.$lwDialog.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.deliveryId
-      }).then(() => {
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.operateSuccess', '操作成功')
-        )
-        this.tabActive = 'box'
-        this.init()
-      })
-    },
-
-    // 发运
-    transport() {
-      this.$lwDialog.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.deliveryId
-      }).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
-    },
-    clearAddSOsPopup() {
-      this.AddSOsPopup.show = false
-      this.AddSOsPopup.focus = false
-      this.AddSOsPopup.searchKey = ''
-      this.AddSOsPopup.list = []
-      this.AddSOsPopup.soIds = []
-    },
-    // 查询出库单
-    querySo() {
-      projectWmsQueryOrderForDelivery({
-        deliveryId: this.deliveryId,
-        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.deliveryId,
-        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)
-      }
-    },
-
-    // 确认异常弹框 - 确认
-    confirmAbn(){
-      if (!this.confirmAbnPopup.abnType){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.nmihaeli','异常类型不能为空')
-        )
-        return
-      }
-
-      projectDeliverySubmitAbnormal({
-        deliveryId: this.deliveryId,
-        abnType: this.confirmAbnPopup.abnType,
-        abnMsg: this.confirmAbnPopup.abnMsg,
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.pwggyqro','已确认')
-        )
-        this.confirmAbnPopup.show = false
-        this.init()
-      })
-
-    },
-    // 确认异常弹框 - 关闭
-    confirmAbnOff(){
-      this.confirmAbnPopup.abnType = ''
-      this.confirmAbnPopup.abnMsg = ''
-    },
-    // 确认无误
-    confirmNotAbn(){
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.hhbwvcgm','提示'),
-        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.ntzqyfid','确认发运单无误？')
-      }).then(()=>{
-        projectDeliveryConfirm({
-          deliveryId: this.deliveryId
-        }).then(()=>{
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.hyazapaa','确认成功')
-          )
-          this.init()
-        })
-      }).catch(()=>{})
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  装车发运 - 执行发运
+  @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
+        :delivery-id="deliveryId"
+        :order-content="orderContent"
+        @changeCarSuccess="init"
+      />
+
+      <template v-if="!isAbn">
+        <!-- tab -->
+        <div
+          v-if="orderContent.billStatus!=='300'"
+          style="margin-top: 10px"
+          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
+              rule-key="box"
+              @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
+                rule-key="order"
+                @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
+              rule-key="lpn"
+              @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>
+      </template>
+
+    </div>
+
+    <template v-if="!isAbn">
+      <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>
+    </template>
+
+    <lw-bottom-bar v-if="isAbn">
+
+      <lw-button
+        type="last"
+        @click="confirmAbnPopup.show=true"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.hdidpqix','确认异常') }}</lw-button>
+
+      <lw-button @click="confirmNotAbn">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.gtsqwjxg','确认无误') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 添加出库单弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.outbound.delivery.action.addSo','添加出库单')"
+      v-model="AddSOsPopup.show"
+      background="#F0F0F0"
+      @closed="clearAddSOsPopup"
+    >
+      <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"
+            rule-key="so"
+            @confirm="querySo"
+          >
+            <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>
+
+    <!-- 确认异常弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.ekazgfnt','车辆确认异常')"
+      v-model="confirmAbnPopup.show"
+    >
+
+      <lw-cell-popup-radio
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.qrcxhcdb','异常类型')"
+        v-model="confirmAbnPopup.abnType"
+        dict-key="OutboundDeliveryAbnormalType"
+        required
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.ypsfbzqx','异常信息')"
+        v-model="confirmAbnPopup.abnMsg"
+        type="textarea"
+        :rows="4"
+      />
+
+      <template #button>
+
+        <lw-button @click="confirmAbn">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.zhlefpdr','提交异常') }}
+        </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, projectDeliveryConfirm,
+  projectDeliveryContinueLoad,
+  projectDeliveryExecuteShip,
+  projectDeliveryReload,
+  projectDeliveryRemoveBox,
+  projectDeliveryRemoveLpn,
+  projectDeliveryRemoveOrder, projectDeliverySubmitAbnormal,
+  projectQueryDeliveryBoxDetail,
+  projectQueryDeliveryDetail,
+  projectQueryDeliveryLpnDetail,
+  projectQueryDeliverySoDetail,
+  projectWmsDeliveryBatchAddOrder,
+  projectWmsQueryOrderForDelivery
+} from "../../../../../api/outbound/delivery/action";
+
+export default {
+  name: "lwOutboundDeliveryActionPage",
+  components: {
+    boxItem,
+    soAndLpnItem,
+    orderContentTitle
+  },
+  data() {
+    return {
+      // 发运id
+      deliveryId:'',
+
+      // 折叠面板展开项目
+      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
+      },
+
+      // 确认异常弹框
+      confirmAbnPopup:{
+        show: false,
+        abnType: '',
+        abnMsg: ''
+      }
+    }
+  },
+  computed:{
+    isAbn(){
+      return this.orderContent.billStatus === '400' || this.orderContent.billStatus === '100'
+    }
+  },
+  mounted() {
+    this.deliveryId = this.$route.query.lwDeliveryId
+    this.init()
+  },
+  methods: {
+
+    // 初始化
+    init() {
+      this.getOrderData()
+      this.tabChange()
+    },
+
+    // 获取订单数据
+    getOrderData() {
+      projectQueryDeliveryDetail({
+        deliveryId: this.deliveryId
+      }).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.deliveryId
+      }).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.deliveryId
+      }
+      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])
+      }).catch(()=>{
+        this[key].value = ''
+      })
+    },
+
+    // 删除执行
+    submitDel({value, key}) {
+      this.$lwDialog.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.deliveryId
+        }
+        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.$lwDialog.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.deliveryId
+        }).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.deliveryId
+      })
+
+      this.$lwDialog.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.deliveryId
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.outbound.delivery.action.operateSuccess', '操作成功')
+        )
+        this.tabActive = 'box'
+        this.init()
+      })
+    },
+
+    // 发运
+    transport() {
+      this.$lwDialog.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.deliveryId
+      }).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
+    },
+    clearAddSOsPopup() {
+      this.AddSOsPopup.show = false
+      this.AddSOsPopup.focus = false
+      this.AddSOsPopup.searchKey = ''
+      this.AddSOsPopup.list = []
+      this.AddSOsPopup.soIds = []
+    },
+    // 查询出库单
+    querySo() {
+      projectWmsQueryOrderForDelivery({
+        deliveryId: this.deliveryId,
+        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.deliveryId,
+        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)
+      }
+    },
+
+    // 确认异常弹框 - 确认
+    confirmAbn(){
+      if (!this.confirmAbnPopup.abnType){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.nmihaeli','异常类型不能为空')
+        )
+        return
+      }
+
+      projectDeliverySubmitAbnormal({
+        deliveryId: this.deliveryId,
+        abnType: this.confirmAbnPopup.abnType,
+        abnMsg: this.confirmAbnPopup.abnMsg,
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.pwggyqro','已确认')
+        )
+        this.confirmAbnPopup.show = false
+        this.init()
+      })
+
+    },
+    // 确认异常弹框 - 关闭
+    confirmAbnOff(){
+      this.confirmAbnPopup.abnType = ''
+      this.confirmAbnPopup.abnMsg = ''
+    },
+    // 确认无误
+    confirmNotAbn(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.hhbwvcgm','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.ntzqyfid','确认发运单无误？')
+      }).then(()=>{
+        projectDeliveryConfirm({
+          deliveryId: this.deliveryId
+        }).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.delivery.action.index.hyazapaa','确认成功')
+          )
+          this.init()
+        })
+      }).catch(()=>{})
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>