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

package/src/components/page/outbound/bale/aloneBale/action/index.vue

@@ -1,779 +1,896 @@
-<!--
-  独立捆包 - 执行操作
-  @author: 张文
-  @date: 2022-07-01
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.title','独立捆包')"/>
-
-    <div class="lw-global-page-box">
-
-      <template v-if="Object.keys(packContainer).length">
-        <!-- 容器信息 -->
-        <container-info
-          :container="packContainer.pickContainer"
-          :customer-count="packContainer.customerCount"
-          :sku-count="packContainer.skuTypeCount"
-          :over-count="packContainer.packQty"
-          :wait-count="packContainer.waitPackQty"
-          :abnormal-count="packContainer.abnormalQty"
-          :sku-list="packContainer.packSkuList"
-          show-abn-btn
-          show-customer
-          :abn-confirm="abnConfirm"
-          @abnSuccess="mixinAbnSuccess"
-        />
-
-        <!-- 条码输入框 -->
-        <div
-          v-if="packContainer.waitPackQty > 0"
-          style="margin-top: 10px;padding-top: 2px;"
-          class="lw-global-model-box lw-global-border-2px"
-        >
-
-          <lw-input
-            :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.skuCode','商品条码')"
-            v-model="sku.value"
-            :get-focus.sync="sku.focus"
-            required
-            input-over-blur
-            auto-clear-val
-            rule-key="sku"
-            @confirm="skuConfirm"
-          />
-
-          <template v-if="Object.keys(nowScanSkuInfo).length">
-            <lw-input
-              v-if="sn.show"
-              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.sn','序列号')"
-              v-model="sn.value"
-              :get-focus.sync="sn.focus"
-              required
-              rule-key="sn"
-              @confirm="snConfirm"
-            />
-
-            <lw-input
-              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.qty','复核数量')"
-              v-model="qty.value"
-              :get-focus.sync="qty.focus"
-              :disabled="sn.show"
-              required
-              @confirm="qtyConfirm"
-            >
-
-              <template #button>
-
-
-                <lw-tag
-                  v-if="sn.show"
-                  round
-                  plain
-                  type="danger"
-                >{{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.notChange', '不可修改') }}
-                </lw-tag>
-                <lw-button
-                  v-else
-                  round
-                  mini
-                  @click="qtyConfirm"
-                >{{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.confirm', '确认') }}
-                </lw-button>
-
-              </template>
-
-            </lw-input>
-
-            <lw-sku-info-module
-              :sku-name="nowScanSkuInfo.skuName"
-              :sku-code="nowScanSkuInfo.skuCode"
-              is-row
-              :show-right="false"
-            />
-
-            <lw-title-value-cell
-              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.needQty','当前客户需求量')"
-              :value="nowScanSkuInfo.currentSkuCustomerNeedPackQty"
-              val-bold
-              val-red
-            />
-
-            <lw-title-value-cell
-              style="padding-top: 8px"
-              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.material','建议捆包包材')"
-              :value="nowScanSkuInfo.suggestPackMaterial || '-'"
-              val-red
-              val-bold
-              val-size="16px"
-              :is-row="false"
-            />
-
-          </template>
-
-        </div>
-
-        <!-- 上次捆包数据 -->
-        <div
-          v-if="Object.keys(submitSuccessData).length"
-          style="margin-top: 10px"
-          class="lw-global-model-box"
-        >
-          <div class="lw-global-row-start lw-global-title">
-            {{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.prev', '上次捆包数据') }}
-          </div>
-
-          <lw-sku-info-module
-            :sku-name="submitSuccessData.skuName"
-            :sku-code="submitSuccessData.skuCode"
-            is-row
-            :show-right="false"
-          />
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.needQty','当前客户需求量')"
-            :value="submitSuccessData.currentSkuCustomerNeedPackQty"
-            val-bold
-            val-red
-          />
-
-          <lw-title-value-cell
-            style="padding-top: 8px"
-            :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.material','建议捆包包材')"
-            :value="submitSuccessData.suggestPackMaterial || '-'"
-            val-red
-            val-bold
-            val-size="16px"
-            :is-row="false"
-          />
-
-        </div>
-      </template>
-      <!-- 客户信息 -->
-      <template v-if="showStoreModel">
-
-
-        <div style="padding: 15px 0 5px ">
-
-          <span class="lw-global-value-bold">{{ packBox.customerCode }}</span>
-          <span> - </span>
-          <span class="lw-global-title">{{ packBox.customerName }}</span>
-
-        </div>
-
-        <div v-if="Object.keys(packBox).length" class="lw-global-tab-box">
-          <van-tabs
-            type="card"
-            animated
-            v-model="tabActive"
-          >
-            <van-tab
-              name="ing"
-              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.ing','正在捆包')"
-            >
-
-              <div
-                v-if="packBox.boxNo"
-                style="padding-top: 2px"
-                class="lw-global-model-box"
-              >
-
-                <lw-title-value-cell
-                  style="margin-bottom: 8px"
-                  :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.box','箱号')"
-                  :value="packBox.boxNo"
-                />
-                <lw-sku-info-module
-                  v-for="(i,k) in packBox.packSkuList"
-                  :key="k"
-                  :qty-text="$lwLanguage.get('wms_project.pda.outbound.aloneBale.pack','已复核')"
-                  :sku-name="i.skuName"
-                  :sku-code="i.skuCode"
-                  :qty="i.qty"
-                  is-row
-                />
-
-              </div>
-              <lw-not-data v-else/>
-
-            </van-tab>
-            <van-tab
-              name="wait"
-              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.wait','待捆包')"
-            >
-
-              <div
-                class="lw-global-model-box lw-global-animation-out"
-                v-for="(i,k) in packBox.waitPackSkuList"
-                :key="k"
-                :style="{animationDelay: 50 * k + 'ms'}"
-              >
-                <lw-sku-info-module
-                  :qty="Number(i.totalQty || 0) - Number(i.packQty || 0)"
-                  :sku-code="i.skuCode"
-                  :sku-name="i.skuName"
-                  :qty-text="$lwLanguage.get('wms_project.pda.outbound.aloneBale.hasQty','需求量')"
-                />
-              </div>
-              <lw-not-data v-if="!packBox.waitPackSkuList"/>
-
-            </van-tab>
-          </van-tabs>
-        </div>
-
-      </template>
-
-
-    </div>
-
-    <lw-bottom-bar-btn-hidden
-      v-if="showStoreModel"
-      :btn-list="btnList"
-    />
-
-    <!-- 完成捆包弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.overBale','完成捆包')"
-      v-model="overBalePopup.show"
-      @closed="mixinOverBaleOff"
-    >
-      <container-sku-qty
-        v-if="packBox"
-        :box-no="packBox.boxNo"
-        :pack-qty="packBox.packQty"
-        :type-count="packBox.skuTypeCount"
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.standar','标准重量') + '(KG)'"
-        :value="overBalePopup.data.standardWeight"
-        val-bold
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.real','实际重量') + '(KG)'"
-        v-model="overBalePopup.real.value"
-        :get-focus.sync="overBalePopup.real.focus"
-        type="number"
-        @confirm="mixinRealConfirm"
-      />
-
-      <lw-title-value-cell
-        style="padding-top: 8px"
-        :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.material','建议捆包包材')"
-        :value="overBalePopup.data.suggestPackMaterialCodeListStr || '-'"
-        val-red
-        val-bold
-        val-size="16px"
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.packMaterial','捆包包材')"
-        v-model="overBalePopup.materials.value"
-        :get-focus.sync="overBalePopup.materials.focus"
-        :show-bottom-border="false"
-        @confirm="materialsConfirm"
-      />
-
-      <div
-        v-if="overBalePopup.materials.list.length"
-        class="materials-box"
-      >
-        <div
-          class="lw-global-flex-between lw-global-row-start"
-          style="padding: 5px 0"
-        >
-
-          <div class="lw-global-title col-1">
-            {{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.materialCode','包材编码') }}
-          </div>
-
-          <div class="lw-global-title col-2">
-            {{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.size','包材规格') }}
-          </div>
-
-          <div class="col-3"></div>
-
-        </div>
-
-        <div style="max-height: 84px;overflow-y: scroll">
-          <div
-            class="lw-global-flex-between lw-global-row"
-            style="padding: 5px 0"
-            v-for="(i,k) in overBalePopup.materials.list"
-            :key="k"
-          >
-
-            <!-- 包材编码 -->
-            <div class="lw-global-value-bold col-1">{{ i.packMaterialCode }}</div>
-
-            <!-- 尺寸 -->
-            <div class="lw-global-value-bold col-2">
-              {{ i.length || '-' }} *
-              {{ i.width || '-' }} *
-              {{ i.height || '-' }}
-            </div>
-
-            <!-- 删除按钮 -->
-            <div class="col-3">
-              <van-icon
-                color="#D50000"
-                name="clear"
-                size="20"
-                @click="mixinDelMaterials(k)"
-              />
-            </div>
-
-          </div>
-        </div>
-
-
-      </div>
-
-      <template #button>
-        <lw-button
-          v-if="overBalePopup.materials.list.length"
-          @click="overBaleConfirm"
-        >
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.tcymvytr','完成复核(封箱)') }}
-        </lw-button>
-        <lw-button
-          v-else
-          @click="overBaleConfirm"
-        >
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.txhmrfhk','无需包材(封箱)') }}
-        </lw-button>
-      </template>
-
-    </lw-popup>
-
-    <!-- 重新复核弹框 -->
-    <repeat-check
-      v-if="packBox"
-      v-model="repeatPopupShow"
-      :box-data="packBox"
-      @repeatConfirm="repeatConfirm"
-    />
-
-    <!-- 剔除商品 -->
-    <del-sku
-      v-if="packBox"
-      v-model="delPopupShow"
-      :box-data="packBox"
-      :sku-list="packBox.packSkuList"
-      :sku-sn-list="packBox.packSnList"
-      @delConfirm="delSkuConfirm"
-    />
-
-    <!-- 全部拦截 -->
-    <all-block
-      v-if="packContainer"
-      v-model="allBlockShow"
-      :container="packContainer.pickContainer"
-      :type-count="packContainer.skuTypeCount"
-      :qty="packContainer.blockQty"
-      @confirm="allBlockConfirm"
-    />
-
-    <!-- 部分拦截 -->
-    <part-block
-      v-model="partBlockPopup.show"
-      :pick-container="partBlockPopup.data.pickContainer"
-      :type-count="partBlockPopup.data.skuTypeCount"
-      :sku-qty="partBlockPopup.data.skuQty"
-      :block-data="partBlockPopup.data.blockData"
-      @confirm="partBlockConfirm"
-    />
-
-  </div>
-</template>
-
-<script>
-import {
-  projectWmsAlonePackClose,
-  projectWmsAlonePackComputeBoxSuggest,
-  projectWmsAlonePackContainerSkuBlock,
-  projectWmsAlonePackContainerWholeBlock,
-  projectWmsAlonePackDeleteSku,
-  projectWmsAlonePackDeleteSkuWithSn,
-  projectWmsAlonePackRePack,
-  projectWmsAlonePackScanSubmit,
-  projectWmsAlonePackSubmit,
-  projectWmsAlonePackSubmitAbnormal,
-  projectWmsAlonePackSubmitWithSn,
-  projectWmsOutboundQueryAlonePackContainerData,
-} from "../../../../../../api/outbound/bale/aloneBale/action";
-import {baleMixins} from "../../mixins";
-
-export default {
-  name: "lwOutboundAloneBaleActionPage",
-  mixins:[baleMixins],
-  data() {
-    return {
-
-      // 显示剔除按钮
-      showDelBtn: false,
-
-      // 捆包箱数据
-      packBox:{},
-      // 拣选容器数据
-      packContainer:{},
-
-      // 当前扫描商品信息
-      nowScanSkuInfo:{},
-      // 上次提交成功的数据
-      submitSuccessData:{},
-      // 商品号
-      sku:{
-        value: '',
-        focus: false
-      },
-      // 序列号
-      sn:{
-        value: '',
-        focus: false,
-        show: false
-      },
-      // 数量
-      qty:{
-        value: '',
-        focus: false,
-        // 是否禁用
-        disabled: false
-      },
-      // tab 激活项
-      tabActive: 'ing',
-
-      // 剔除弹框
-      delPopupShow: false
-    }
-  },
-  computed:{
-    // 是否显示客户模块
-    showStoreModel(){
-      return !!this.packBox.customerCode
-    },
-  },
-  mounted() {
-    this.getData()
-  },
-  methods: {
-    // 数据处理
-    formatData(res){
-      this.packContainer = res.packContainer || {}
-      this.packBox = res.packBox || {}
-    },
-    // 获取数据
-    getData(){
-      let queryContainer = this.packBox.boxNo || this.$route.query.lwBoxNo
-
-      projectWmsOutboundQueryAlonePackContainerData({
-        queryContainer
-      }).then(res=>{
-        this.dataCheck(res, false)
-      }).catch(()=>history.go(-1))
-    },
-    // 数据检查
-    dataCheck(res, first=true){
-      this.formatData(res)
-      this.showDelBtn = !!this.packBox.boxId;
-      if (first && this.packContainer.waitPackQty === 0){
-        this.overBaleOpen()
-      }
-      if (!first){
-        this.packContainer.waitPackQty > 0 ? this.sku.focus = true : ''
-      }
-    },
-
-    // 清空输入框及当前扫描的数据
-    clearInputAndScanData(){
-      this.nowScanSkuInfo = {}
-      this.sku.value = ''
-      this.sku.focus = true
-      this.qty.value = ''
-      this.sn.value = ''
-      this.sn.show = false
-    },
-    // 商品号确认
-    skuConfirm(val, {data}){
-
-      // 判断是否输入了数据
-      if (!data.key){
-        this.sku.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.uooumdoo','商品号不能为空')
-        )
-        return false
-      }
-
-      projectWmsAlonePackScanSubmit({
-        boxId: this.packBox.boxId,
-        customerCode: this.packBox.customerCode,
-        packGroupNo: this.packBox.packGroupNo,
-        pickContainer: this.packContainer.pickContainer,
-        currentSkuId: this.nowScanSkuInfo.skuId || '',
-        skuCode: data.skuCode || '',
-        sn: data.sn || '',
-        qty: data.qty || '',
-        queryKey: data.key,
-      }).then(res=>{
-
-        this.submitSuccessFn(res)
-
-      }).catch(()=>{
-        this.sku.value = ''
-      })
-    },
-    // 数量确认
-    qtyConfirm(){
-
-      const qty = Number(this.qty.value || 0)
-
-      if (!qty){
-        this.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.ywbtitmp','复核数量不能为空，且应当是大于0的整数')
-        )
-        return
-      }
-
-      if (qty > this.nowScanSkuInfo.currentSkuCustomerNeedPackQty){
-        this.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.smmmcisz','复核数量不能大于待复核量')
-        )
-        this.qty.value = ''
-        return
-      }
-
-      projectWmsAlonePackSubmit({
-        boxId: this.packBox.boxId,
-        pickContainer: this.packContainer.pickContainer,
-        skuId: this.nowScanSkuInfo.skuId,
-        packGroupNo: this.packBox.packGroupNo,
-        currentPackQty: qty
-      }).then(res=>{
-        this.clearInputAndScanData()
-        this.submitSuccessFn(res)
-      })
-    },
-    // 序列号确认
-    snConfirm(val,{data}){
-      if (!data.key){
-        this.sn.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.qdjmpjpi','序列号不能为空')
-        )
-        return
-      }
-
-      projectWmsAlonePackSubmitWithSn({
-        boxId: this.packBox.boxId,
-        pickContainer: this.packContainer.pickContainer,
-        skuId: this.nowScanSkuInfo.skuId,
-        packGroupNo: this.packBox.packGroupNo,
-        snList:[
-          {
-            sn: this.sn.value,
-            qty: data.qty || ''
-          }
-        ]
-      }).then(res=>{
-        this.submitSuccessFn(res)
-      })
-    },
-    // 成功处理后的方法
-    submitSuccessFn(res){
-      // 判断是否被拦截
-      if (res.containerBlockData && Object.keys(res.containerBlockData).length){
-        this.mixinCheckBlock(res)
-        return
-      }
-
-      this.dataCheck(res)
-
-      const skuData = {
-        ...res.skuData,
-        currentSkuCustomerNeedPackQty: res.currentSkuCustomerNeedPackQty,
-        suggestPackMaterial: res.suggestPackMaterial
-      }
-
-      // 判断当前扫描数据是否被复核
-      if (res.successPackQty && res.successPackQty > 0){
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.sgdxsnar','已复核')
-        )
-        this.submitSuccessData = skuData
-        this.clearInputAndScanData()
-        return
-      }
-
-      if (res.needHandleSn){
-        this.sn.show = true
-        this.sn.value = ''
-        this.sn.focus = true
-      }else {
-        this.sku.focus = true
-      }
-
-      this.nowScanSkuInfo = skuData
-      this.qty.value = Number(this.qty.value || 0) + skuData.qty
-
-      if (this.qty.value === skuData.currentSkuCustomerNeedPackQty) this.qtyConfirm()
-    },
-
-
-    // 完成捆包 - 打开弹框
-    overBaleOpen(){
-      projectWmsAlonePackComputeBoxSuggest({
-        boxId: this.packBox.boxId
-      }).then(res=>{
-        this.mixinOpenOverBale(res)
-      })
-    },
-    // 完成捆包 - 封箱
-    overBaleConfirm(){
-      projectWmsAlonePackClose({
-        boxId: this.packBox.boxId,
-        packWeight: this.overBalePopup.real.value || this.overBalePopup.data.standardWeight,
-        packMaterialList: this.mixinGetMaterials()
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.lwkdacwm','复核成功')
-        )
-        history.go(-1)
-      })
-
-    },
-
-    // 重新复核 - 确认
-    repeatConfirm(container){
-      projectWmsAlonePackRePack({
-        boxId: this.packBox.boxId,
-        toPickContainer: container
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.cewbairm','操作成功')
-        )
-        history.go(-1)
-      })
-    },
-
-    // 剔除商品 - 确认剔除
-    delSkuConfirm(data){
-
-      // 判断当前是需要sn还是不需要
-      const fn = data.isSn ?
-        projectWmsAlonePackDeleteSkuWithSn :
-        projectWmsAlonePackDeleteSku
-
-      fn({
-        ...data,
-        boxId: this.packBox.boxId
-      }).then(res=>{
-        if (res.boxDelAll){
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.eejcoipm','当前箱已全部剔除')
-          )
-          history.go(-1)
-          return
-        }
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.bwgwjbcd','剔除成功')
-        )
-
-        this.getData()
-        this.delPopupShow = false
-      })
-    },
-
-    // 校验是否拦截
-    checkBlock(res){
-      if (res.containerBlockData.blockStatus === '200') this.allBlockShow = true
-      if (res.containerBlockData.blockStatus === '100') {
-        this.partBlockPopup.data={
-          pickContainer: res.packContainer.pickContainer,
-          skuTypeCount:res.packContainer.skuTypeCount,
-          skuQty:res.packContainer.packQty,
-          blockData:res.containerBlockData.blockSkuList[0]
-        }
-        this.partBlockPopup.show = true
-      }
-    },
-    // 全部拦截
-    allBlockConfirm(){
-      projectWmsAlonePackContainerWholeBlock({
-        pickContainer: this.packContainer.pickContainer
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.ikkbinvx','已全部拦截')
-        )
-        history.go(-1)
-      })
-    },
-    // 部分拦截
-    async partBlockConfirm(data){
-
-      const res = await projectWmsAlonePackContainerSkuBlock({
-        pickContainer: data.container,
-        currentBlockQty: data.qty,
-        skuId: this.partBlockPopup.data.blockData.skuId
-      })
-
-      await this.getData()
-
-      this.partBlockPopup.show = false
-
-      // 判断是否已经完成捆包
-      if (res.containerPackFinish){
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.hquzbaev','当前容器已全部捆包')
-        )
-        this.overBaleOpen()
-        return
-      }
-
-      this.$lwToast.success(
-        this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.xpbgngny','拦截成功')
-      )
-    },
-
-    // 异常确认
-    abnConfirm(data){
-      return projectWmsAlonePackSubmitAbnormal({
-        pickContainer: this.packContainer.pickContainer,
-        ...data
-      })
-    },
-
-    // 包材确认
-    materialsConfirm(){
-      const materials = this.overBalePopup.materials.value
-      if (!materials){
-        this.overBalePopup.materials.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.components.mixins.null','捆包包材不能为空')
-        )
-        return
-      }
-
-      if (this.overBalePopup.data.suggestPackMaterialList.some(item=>item.packMaterialCode === materials)){
-        this.mixinMaterialsConfirm()
-      }else {
-        this.overBalePopup.materials.focus = true
-        this.$lwShowErrorMsg(
-          materials + this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.xpbgndgny','不是推荐包材')
-        )
-        this.overBalePopup.materials.value = ''
-      }
-
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  独立捆包 - 执行操作
+  @author: 张文
+  @date: 2022-07-01
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.title','独立捆包')"/>
+
+    <div class="lw-global-page-box">
+
+      <check-pack-config/>
+
+      <template v-if="Object.keys(packContainer).length">
+        <!-- 容器信息 -->
+        <container-info
+          :container="packContainer.pickContainer"
+          :customer-count="packContainer.customerCount"
+          :sku-count="packContainer.skuTypeCount"
+          :over-count="packContainer.packQty"
+          :wait-count="packContainer.waitPackQty"
+          :abnormal-count="packContainer.abnormalQty"
+          :sku-list="packContainer.packSkuList"
+          show-abn-btn
+          show-customer
+          :abn-confirm="abnConfirm"
+          @abnSuccess="mixinAbnSuccess"
+        />
+
+        <!-- 条码输入框 -->
+        <div
+          v-if="packContainer.waitPackQty > 0"
+          style="margin-top: 10px;padding-top: 2px;"
+          class="lw-global-model-box lw-global-border-2px"
+        >
+
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.skuCode','商品条码')"
+            v-model="sku.value"
+            :get-focus.sync="sku.focus"
+            required
+            rule-key="sku"
+            @confirm="skuConfirm"
+          />
+
+          <template v-if="Object.keys(nowScanSkuInfo).length">
+            <lw-input
+              v-if="sn.show"
+              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.sn','序列号')"
+              v-model="sn.value"
+              :get-focus.sync="sn.focus"
+              required
+              rule-key="sn"
+              @confirm="snConfirm"
+            />
+
+            <lw-input
+              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.qty','复核数量')"
+              v-model="qty.value"
+              :get-focus.sync="qty.focus"
+              :disabled="sn.show"
+              required
+              @confirm="qtyConfirm"
+            >
+
+              <template #button>
+
+
+                <lw-tag
+                  v-if="sn.show"
+                  round
+                  plain
+                  type="danger"
+                >{{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.notChange', '不可修改') }}
+                </lw-tag>
+                <lw-button
+                  v-else
+                  round
+                  mini
+                  @click="qtyConfirm"
+                >{{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.confirm', '确认') }}
+                </lw-button>
+
+              </template>
+
+            </lw-input>
+
+            <lw-sku-info-module
+              :sku-name="nowScanSkuInfo.skuName"
+              :sku-code="nowScanSkuInfo.skuCode"
+              is-row
+              :show-right="false"
+            />
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.needQty','当前客户需求量')"
+              :value="nowScanSkuInfo.currentSkuCustomerNeedPackQty"
+              val-bold
+              val-red
+            />
+
+            <lw-title-value-cell
+              style="padding-top: 8px"
+              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.material','建议捆包包材')"
+              :value="nowScanSkuInfo.suggestPackMaterial || '-'"
+              val-red
+              val-bold
+              val-size="16px"
+              :is-row="false"
+            />
+
+          </template>
+
+        </div>
+
+        <!-- 上次捆包数据 -->
+        <div
+          v-if="Object.keys(submitSuccessData).length"
+          style="margin-top: 10px"
+          class="lw-global-model-box"
+        >
+          <div class="lw-global-row-start lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.prev', '上次捆包数据') }}
+          </div>
+
+          <lw-sku-info-module
+            :sku-name="submitSuccessData.skuName"
+            :sku-code="submitSuccessData.skuCode"
+            is-row
+            :show-right="false"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.needQty','当前客户需求量')"
+            :value="submitSuccessData.currentSkuCustomerNeedPackQty"
+            val-bold
+            val-red
+          />
+
+          <lw-title-value-cell
+            style="padding-top: 8px"
+            :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.material','建议捆包包材')"
+            :value="submitSuccessData.suggestPackMaterial || '-'"
+            val-red
+            val-bold
+            val-size="16px"
+            :is-row="false"
+          />
+
+        </div>
+      </template>
+      <!-- 客户信息 -->
+      <template v-if="showStoreModel">
+
+
+        <div style="padding: 15px 0 5px ">
+
+          <span class="lw-global-value-bold">{{ packBox.customerCode }}</span>
+          <span> - </span>
+          <span class="lw-global-title">{{ packBox.customerName }}</span>
+
+        </div>
+
+        <div v-if="Object.keys(packBox).length" class="lw-global-tab-box">
+          <van-tabs
+            type="card"
+            animated
+            v-model="tabActive"
+          >
+            <van-tab
+              name="ing"
+              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.ing','正在捆包')"
+            >
+
+              <div
+                v-if="packBox.boxNo"
+                class="lw-global-model-box"
+              >
+
+                <div class="lw-global-row-start lw-global-flex-between">
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.box','箱号')"
+                    :value="packBox.boxNo"
+                    :is-row="false"
+                  />
+
+                  <lw-button
+                    style="flex-shrink: 0"
+                    mini
+                    round
+                    @click="printClick"
+                  >
+                    {{$lwLanguage.get('','打印')}}
+                  </lw-button>
+                </div>
+
+
+                <lw-sku-info-module
+                  v-for="(i,k) in packBox.packSkuList"
+                  :key="k"
+                  :qty-text="$lwLanguage.get('wms_project.pda.outbound.aloneBale.pack','已复核')"
+                  :sku-name="i.skuName"
+                  :sku-code="i.skuCode"
+                  :qty="i.qty"
+                  is-row
+                />
+
+              </div>
+              <lw-not-data v-else/>
+
+            </van-tab>
+            <van-tab
+              name="wait"
+              :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.wait','待捆包')"
+            >
+
+              <div
+                class="lw-global-model-box lw-global-animation-out"
+                v-for="(i,k) in packBox.waitPackSkuList"
+                :key="k"
+                :style="{animationDelay: 50 * k + 'ms'}"
+              >
+                <lw-sku-info-module
+                  :qty="Number(i.totalQty || 0) - Number(i.packQty || 0)"
+                  :sku-code="i.skuCode"
+                  :sku-name="i.skuName"
+                  :qty-text="$lwLanguage.get('wms_project.pda.outbound.aloneBale.hasQty','需求量')"
+                />
+              </div>
+              <lw-not-data v-if="!packBox.waitPackSkuList"/>
+
+            </van-tab>
+          </van-tabs>
+        </div>
+
+
+
+      </template>
+
+
+    </div>
+
+    <lw-bottom-bar-btn-hidden
+      v-if="showStoreModel"
+      :btn-list="btnList"
+    />
+
+    <!-- 完成捆包弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.overBale','完成捆包')"
+      v-model="overBalePopup.show"
+      @closed="mixinOverBaleOff"
+    >
+      <container-sku-qty
+        v-if="packBox"
+        :box-no="packBox.boxNo"
+        :pack-qty="packBox.packQty"
+        :type-count="packBox.skuTypeCount"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.standar','标准重量') + '(KG)'"
+        :value="overBalePopup.data.standardWeight"
+        val-bold
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.real','实际重量') + '(KG)'"
+        v-model="overBalePopup.real.value"
+        :get-focus.sync="overBalePopup.real.focus"
+        type="number"
+        @confirm="mixinRealConfirm"
+      />
+
+      <lw-title-value-cell
+        style="padding-top: 8px"
+        :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.material','建议捆包包材')"
+        :value="overBalePopup.data.suggestPackMaterialCodeListStr || '-'"
+        val-red
+        val-bold
+        val-size="16px"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.outbound.aloneBale.packMaterial','捆包包材')"
+        v-model="overBalePopup.materials.value"
+        :get-focus.sync="overBalePopup.materials.focus"
+        :show-bottom-border="false"
+        :required="packTableConfig.forceUseSuggestPackMaterial && overBalePopup.data.suggestPackMaterialCodeListStr"
+        @confirm="materialsConfirm"
+      />
+
+      <div
+        v-if="overBalePopup.materials.list.length"
+        class="materials-box"
+      >
+        <div
+          class="lw-global-flex-between lw-global-row-start"
+          style="padding: 5px 0"
+        >
+
+          <div class="lw-global-title col-1">
+            {{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.materialCode','包材编码') }}
+          </div>
+
+          <div class="lw-global-title col-2">
+            {{ $lwLanguage.get('wms_project.pda.outbound.aloneBale.size','包材规格') }}
+          </div>
+
+          <div class="col-3"></div>
+
+        </div>
+
+        <div style="max-height: 84px;overflow-y: scroll">
+          <div
+            class="lw-global-flex-between lw-global-row"
+            style="padding: 5px 0"
+            v-for="(i,k) in overBalePopup.materials.list"
+            :key="k"
+          >
+
+            <!-- 包材编码 -->
+            <div class="lw-global-value-bold col-1">{{ i.packMaterialCode }}</div>
+
+            <!-- 尺寸 -->
+            <div class="lw-global-value-bold col-2">
+              {{ i.length || '-' }} *
+              {{ i.width || '-' }} *
+              {{ i.height || '-' }}
+            </div>
+
+            <!-- 删除按钮 -->
+            <div class="col-3">
+              <van-icon
+                color="#D50000"
+                name="clear"
+                size="20"
+                @click="mixinDelMaterials(k)"
+              />
+            </div>
+
+          </div>
+        </div>
+
+
+      </div>
+
+      <lw-input
+        v-if="packTableConfig.needPackedLocation"
+        :title="$lwLanguage.get('','放置库位')"
+        v-model="overBalePopup.packedLocation.value"
+        :get-focus.sync="overBalePopup.packedLocation.focus"
+        :show-bottom-border="false"
+        rule-key="packedLocation"
+        :create-rule="$lwScanRule.create('复核捆包 - 执行捆包 - 放置库位','LOCATION')"
+        required
+        @confirm="overBaleConfirm"
+      />
+
+      <template #button>
+        <lw-button
+          v-if="
+            overBalePopup.materials.list.length ||
+            (overBalePopup.data.suggestPackMaterialCodeListStr && packTableConfig.forceUseSuggestPackMaterial)
+          "
+          @click="overBaleConfirm"
+        >
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.tcymvytr','完成复核(封箱)') }}
+        </lw-button>
+        <lw-button
+          v-else
+          @click="overBaleConfirm"
+        >
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.txhmrfhk','无需包材(封箱)') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+    <!-- 重新复核弹框 -->
+    <repeat-check
+      v-if="packBox"
+      v-model="repeatPopupShow"
+      :box-data="packBox"
+      @repeatConfirm="repeatConfirm"
+    />
+
+    <!-- 剔除商品 -->
+    <del-sku
+      v-if="packBox"
+      v-model="delPopupShow"
+      :box-data="packBox"
+      :sku-list="packBox.packSkuList"
+      :sku-sn-list="packBox.packSnList"
+      @delConfirm="delSkuConfirm"
+    />
+
+    <!-- 全部拦截 -->
+    <all-block
+      v-if="packContainer"
+      v-model="allBlockShow"
+      :container="packContainer.pickContainer"
+      :type-count="packContainer.skuTypeCount"
+      :qty="packContainer.blockQty"
+      @confirm="allBlockConfirm"
+    />
+
+    <!-- 部分拦截 -->
+    <part-block
+      v-model="partBlockPopup.show"
+      :pick-container="partBlockPopup.data.pickContainer"
+      :type-count="partBlockPopup.data.skuTypeCount"
+      :sku-qty="partBlockPopup.data.skuQty"
+      :block-data="partBlockPopup.data.blockData"
+      @confirm="partBlockConfirm"
+    />
+
+  </div>
+</template>
+
+<script>
+import checkPackConfig from "../../components/checkPackConfig/index.vue";
+import suggestMaterial from "../../components/suggestMaterial/index.vue";
+import {
+  projectWmsAlonePackClose,
+  projectWmsAlonePackComputeBoxSuggest,
+  projectWmsAlonePackContainerSkuBlock,
+  projectWmsAlonePackContainerWholeBlock,
+  projectWmsAlonePackDeleteSku,
+  projectWmsAlonePackDeleteSkuWithSn,
+  projectWmsAlonePackRePack,
+  projectWmsAlonePackScanSubmit,
+  projectWmsAlonePackSubmit,
+  projectWmsAlonePackSubmitAbnormal,
+  projectWmsAlonePackSubmitWithSn,
+  projectWmsOutboundQueryAlonePackContainerData,
+} from "../../../../../../api/outbound/bale/aloneBale/action";
+import {baleMixins} from "../../mixins";
+import {projectWmsOutboundMobileGetPackConfig} from "../../../../../../api/outbound/bale/packTableConfig";
+import {projectWmsGetPrintBoxData} from "../../../../../../api/outbound/bale/checkBale/action";
+
+export default {
+  name: "lwOutboundAloneBaleActionPage",
+  mixins:[baleMixins],
+  components:{
+    checkPackConfig,
+    suggestMaterial,
+  },
+  data() {
+    return {
+
+      // 显示剔除按钮
+      showDelBtn: false,
+
+      // 捆包箱数据
+      packBox:{},
+      // 拣选容器数据
+      packContainer:{},
+
+      // 当前扫描商品信息
+      nowScanSkuInfo:{},
+      // 上次提交成功的数据
+      submitSuccessData:{},
+      // 商品号
+      sku:{
+        value: '',
+        focus: false
+      },
+      // 序列号
+      sn:{
+        value: '',
+        focus: false,
+        show: false
+      },
+      // 数量
+      qty:{
+        value: '',
+        focus: false,
+        // 是否禁用
+        disabled: false
+      },
+      // tab 激活项
+      tabActive: 'ing',
+
+      // 剔除弹框
+      delPopupShow: false,
+
+      // 捆包台配置信息
+      packTableConfig:{},
+
+      // 打印机数据
+      printData:{},
+    }
+  },
+  computed:{
+    // 是否显示客户模块
+    showStoreModel(){
+      return !!this.packBox.customerCode
+    },
+  },
+  mounted() {
+
+    // 判断当前是否配置了打印机
+    const {success,printData} = this.$lwPrint.test(
+      'OUTBOUND_BOX_LABEL',
+      this.$lwLanguage.get('','出库箱票标签')
+    )
+    if (!success){
+      history.go(-1)
+      return
+    }
+    this.printData = printData
+
+    this.init()
+  },
+  methods: {
+    // 初始化
+    async init(){
+      this.packTableConfig = await projectWmsOutboundMobileGetPackConfig()
+
+      await this.getData()
+    },
+
+    // 数据处理
+    formatData(res){
+      this.packContainer = res.packContainer || {}
+      this.packBox = res.packBox || {}
+      this.suggestMaterialList = res.suggestMaterialList || []
+    },
+    // 获取数据
+    getData(){
+      let queryContainer = this.packBox.boxNo || this.$route.query.lwBoxNo
+
+      projectWmsOutboundQueryAlonePackContainerData({
+        queryContainer
+      }).then(res=>{
+        this.dataCheck(res, false)
+      }).catch(()=>history.go(-1))
+    },
+    // 数据检查
+    dataCheck(res, first=true){
+      this.formatData(res)
+      this.showDelBtn = !!this.packBox.boxId;
+      if (first && this.packContainer.waitPackQty === 0){
+        this.overBaleOpen()
+      }
+      if (!first){
+        this.packContainer.waitPackQty > 0 ? this.sku.focus = true : ''
+      }
+    },
+
+    // 清空输入框及当前扫描的数据
+    clearInputAndScanData(){
+      this.nowScanSkuInfo = {}
+      this.sku.value = ''
+      this.sku.focus = true
+      this.qty.value = ''
+      this.sn.value = ''
+      this.sn.show = false
+    },
+    // 商品号确认
+    skuConfirm(val, {data}){
+
+      // 判断是否输入了数据
+      if (!data.key){
+        this.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.uooumdoo','商品号不能为空')
+        )
+        return false
+      }
+
+      if (this.sn.show){
+        this.packBox = {}
+        this.nowScanSkuInfo = {}
+        this.qty.value = 0
+      }
+
+      projectWmsAlonePackScanSubmit({
+        boxId: this.packBox.boxId,
+        customerCode: this.packBox.customerCode,
+        packGroupNo: this.packBox.packGroupNo,
+        pickContainer: this.packContainer.pickContainer,
+        currentSkuId: this.nowScanSkuInfo.skuId || '',
+        skuCode: data.skuCode || '',
+        sn: data.sn || '',
+        qty: data.qty || '',
+        queryKey: data.key,
+      }).then(res=>{
+
+        this.submitSuccessFn(res)
+
+      }).catch(()=>{
+        this.sku.value = ''
+      })
+    },
+    // 数量确认
+    qtyConfirm(){
+
+      const qty = Number(this.qty.value || 0)
+
+      if (!qty){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.ywbtitmp','复核数量不能为空，且应当是大于0的整数')
+        )
+        return
+      }
+
+      if (qty > this.nowScanSkuInfo.currentSkuCustomerNeedPackQty){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.smmmcisz','复核数量不能大于待复核量')
+        )
+        this.qty.value = ''
+        return
+      }
+
+      projectWmsAlonePackSubmit({
+        boxId: this.packBox.boxId,
+        pickContainer: this.packContainer.pickContainer,
+        skuId: this.nowScanSkuInfo.skuId,
+        packGroupNo: this.packBox.packGroupNo,
+        currentPackQty: qty
+      }).then(res=>{
+        this.clearInputAndScanData()
+        this.submitSuccessFn(res)
+      })
+    },
+    // 序列号确认
+    snConfirm(val,{data}){
+      if (!data.key){
+        this.sn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.qdjmpjpi','序列号不能为空')
+        )
+        return
+      }
+
+      projectWmsAlonePackSubmitWithSn({
+        boxId: this.packBox.boxId,
+        pickContainer: this.packContainer.pickContainer,
+        skuId: this.nowScanSkuInfo.skuId,
+        packGroupNo: this.packBox.packGroupNo,
+        snList:[
+          {
+            sn: this.sn.value,
+            qty: data.qty || ''
+          }
+        ]
+      }).then(res=>{
+        this.submitSuccessFn(res)
+      })
+    },
+    // 成功处理后的方法
+    submitSuccessFn(res){
+      // 判断是否被拦截
+      if (res.containerBlockData && Object.keys(res.containerBlockData).length){
+        this.mixinCheckBlock(res)
+        return
+      }
+
+      this.dataCheck(res)
+
+      const skuData = {
+        ...res.skuData,
+        currentSkuCustomerNeedPackQty: res.currentSkuCustomerNeedPackQty,
+        suggestPackMaterial: res.suggestPackMaterial
+      }
+
+      // 判断当前扫描数据是否被复核
+      if (res.successPackQty && res.successPackQty > 0){
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.sgdxsnar','已复核')
+        )
+        this.submitSuccessData = skuData
+
+        // 判断当前商品是否还需要复核
+        if (!res.currentSkuCustomerNeedPackQty){
+          this.clearInputAndScanData()
+          return
+        }
+      }
+
+      if (res.needHandleSn){
+        this.sn.show = true
+        this.sn.value = ''
+        this.sn.focus = true
+      }else {
+        this.sku.value = ''
+        this.sku.focus = true
+      }
+
+      this.nowScanSkuInfo = skuData
+
+      if (this.nowScanSkuInfo.sn){
+        this.qty.value = skuData.qty
+      }else {
+        this.qty.value = Number(this.qty.value || 0) + skuData.qty
+        if (this.qty.value === skuData.currentSkuCustomerNeedPackQty) this.qtyConfirm()
+      }
+    },
+
+
+    // 完成捆包 - 打开弹框
+    overBaleOpen(){
+      projectWmsAlonePackComputeBoxSuggest({
+        boxId: this.packBox.boxId
+      }).then(res=>{
+        this.mixinOpenOverBale(res)
+      })
+    },
+    // 完成捆包 - 封箱
+    async overBaleConfirm(){
+      let packedLocation = this.overBalePopup.packedLocation.value
+      if (this.packTableConfig.needPackedLocation && !packedLocation){
+        this.overBalePopup.packedLocation.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','放置库位不能为空')
+        )
+        return
+      }
+      await projectWmsAlonePackClose({
+        boxId: this.packBox.boxId,
+        packWeight: this.overBalePopup.real.value || this.overBalePopup.data.standardWeight,
+        packMaterialList: this.mixinGetMaterials(),
+        packTableId: this.packTableConfig.needPackTable ? this.$lwLocalStorage.get('lwPackTableData').packTableId : '',
+        packedLocation
+      })
+
+
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.lwkdacwm','复核成功')
+      )
+
+      try {
+        await this.printClick()
+      }finally {
+        history.go(-1)
+      }
+
+    },
+
+    // 重新复核 - 确认
+    repeatConfirm(container){
+      projectWmsAlonePackRePack({
+        boxId: this.packBox.boxId,
+        toPickContainer: container
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.cewbairm','操作成功')
+        )
+        history.go(-1)
+      })
+    },
+
+    // 剔除商品 - 确认剔除
+    delSkuConfirm(data){
+
+      // 判断当前是需要sn还是不需要
+      const fn = data.isSn ?
+        projectWmsAlonePackDeleteSkuWithSn :
+        projectWmsAlonePackDeleteSku
+
+      fn({
+        ...data,
+        boxId: this.packBox.boxId
+      }).then(res=>{
+        if (res.boxDelAll){
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.eejcoipm','当前箱已全部剔除')
+          )
+          history.go(-1)
+          return
+        }
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.bwgwjbcd','剔除成功')
+        )
+
+        this.getData()
+        this.delPopupShow = false
+      })
+    },
+
+    // 校验是否拦截
+    checkBlock(res){
+      if (res.containerBlockData.blockStatus === '200') this.allBlockShow = true
+      if (res.containerBlockData.blockStatus === '100') {
+        this.partBlockPopup.data={
+          pickContainer: res.packContainer.pickContainer,
+          skuTypeCount:res.packContainer.skuTypeCount,
+          skuQty:res.packContainer.packQty,
+          blockData:res.containerBlockData.blockSkuList[0]
+        }
+        this.partBlockPopup.show = true
+      }
+    },
+    // 全部拦截
+    allBlockConfirm(){
+      projectWmsAlonePackContainerWholeBlock({
+        pickContainer: this.packContainer.pickContainer
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.ikkbinvx','已全部拦截')
+        )
+        history.go(-1)
+      })
+    },
+    // 部分拦截
+    async partBlockConfirm(data){
+
+      const res = await projectWmsAlonePackContainerSkuBlock({
+        pickContainer: data.container,
+        currentBlockQty: data.qty,
+        skuId: this.partBlockPopup.data.blockData.skuId
+      })
+
+      await this.getData()
+
+      this.partBlockPopup.show = false
+
+      // 判断是否已经完成捆包
+      if (res.containerPackFinish){
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.hquzbaev','当前容器已全部捆包')
+        )
+        this.overBaleOpen()
+        return
+      }
+
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.aloneBale.action.xpbgngny','拦截成功')
+      )
+    },
+
+    // 异常确认
+    abnConfirm(data){
+      return projectWmsAlonePackSubmitAbnormal({
+        pickContainer: this.packContainer.pickContainer,
+        ...data
+      })
+    },
+
+    // 包材确认
+    materialsConfirm(){
+      const materials = this.overBalePopup.materials.value
+      if (!materials){
+        this.overBalePopup.materials.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.components.mixins.null','捆包包材不能为空')
+        )
+        return
+      }
+
+      const materialList = this.overBalePopup.data.suggestPackMaterialList
+      // 判断是否使用推荐包材
+      if (
+        this.packTableConfig.forceUseSuggestPackMaterial &&
+        materialList.length &&
+        !materialList.some(item=>item.packMaterialCode === materials)
+      ){
+
+        this.overBalePopup.materials.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','捆包包材必须使用推荐的捆包包材，推荐包材：{code}',{code:this.overBalePopup.data.suggestPackMaterialCodeListStr})
+        )
+        this.overBalePopup.materials.value = ''
+        return
+      }
+
+      this.mixinMaterialsConfirm()
+    },
+
+    // 打印
+    async printClick(){
+
+      try {
+        const res = await projectWmsGetPrintBoxData({
+          boxId: this.packBox.boxId,
+          printDeviceId: this.printData.printId
+        })
+
+        await this.$lwPrint.bluetoothPrint({taskId:res.id})
+      }catch (e){
+        console.log(e)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>