;<!--
  复核捆包执行页
  @author: 张文
  @date: 2022-06-30
-->
<template>

  <div>
    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.vbefbsau','复核捆包')"/>

    <div class="lw-global-page-box">

      <check-pack-config/>

      <!-- 门店信息 -->
      <store-info-sku-list
        v-if="Object.keys(packBox).length || Object.keys(packContainer).length"
        :item="packBox"
        :customer-code="customerCode"
        :customer-name="customerName"
        show-print
        @print="printClick"
      >
        <div
          style="text-align: center"
          class="lw-global-row-end lw-global-value-bold-red"
        >
          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.iqtdtjed','当前还未执行捆包，请扫描商品号执行捆包') }}
        </div>
      </store-info-sku-list>

      <!-- 复核操作 -->
      <template v-if="!fromAllCheck">

        <div
          v-if="Object.keys(packContainer).length"
          class="lw-global-model-box lw-global-border-2px"
        >

          <lw-input
            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.mfghjxey','商品/SN号')"
            v-model="actionCheck.sku.value"
            :get-focus.sync="actionCheck.sku.focus"
            auto-clear-val
            rule-key="sku"
            @confirm="actionCheckSkuConfirm"
          />

          <template v-if="Object.keys(actionCheck.skuInfo).length">

            <lw-input
              :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.exgcjfus','复核数量')"
              v-model="actionCheck.qty.value"
              :get-focus.sync="actionCheck.qty.focus"
              type="digit"
              @confirm="actionCheckQtyConfirm"
            >

              <template #button>
                <lw-button
                  mini
                  round
                  @click="actionCheckQtyConfirm"
                >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.xlsgeumr','确认复核') }}
                </lw-button>
              </template>

            </lw-input>

            <lw-sku-info-module
              :sku-name="actionCheck.skuInfo.skuName"
              :sku-code="actionCheck.skuInfo.skuCode"
              :show-right="false"
            />

            <div class="lw-global-flex-between lw-global-row-end">

              <lw-title-value-cell
                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.fsqjrrbv','最小销售数')"
                :value="actionCheck.skuInfo.minSellQty"
                val-bold
                val-red
                :is-row="false"
              />

              <lw-title-value-cell
                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.zekjwfre','数量')"
                :value="actionCheck.skuInfo.waitQty"
                val-red
                val-bold
                :is-row="false"
              />

            </div>
          </template>

        </div>

        <div
          v-else
          style="text-align: center;letter-spacing: 1px"
          class="lw-global-model-box lw-global-value-bold-red"
        >
          {{ $lwLanguage.get(
            '',
            '当前捆包箱没有可用的拣选容器，如需继续捆包请点击追加按钮，或封箱完成')
          }}
        </div>

      </template>

      <!-- 容器信息 -->
      <container-info
        v-if="Object.keys(packContainer).length"
        style="margin-top: 10px"
        :container="packContainer.pickContainer"
        :sku-count="packContainer.skuTypeCount"
        :over-count="packContainer.packQty"
        :wait-count="packContainer.waitPackQty"
        :abnormal-count="packContainer.abnormalQty"
        :sku-list="packContainer.packSkuList"
        :show-abn-btn="!fromAllCheck"
        :show-all-check="!fromAllCheck && allowAllCheck"
        :abn-confirm="abnConfirm"
        @abnSuccess="mixinAbnSuccess"
      />

      <!-- 捆包包材 -->
      <suggest-material :material-list="suggestMaterialList"/>

    </div>

    <lw-bottom-bar-btn-hidden :btn-list="btnList"/>

    <!-- 复核序列号 -->
    <lw-popup
      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.agvbvelf','复核序列号')"
      v-model="checkPopup.show"
      @closed="checkPopupOff"
    >

      <lw-sku-info-module
        :sku-name="actionCheck.skuInfo.skuName"
        :sku-code="actionCheck.skuInfo.skuCode"
        :qty="actionCheck.skuInfo.minSellQty"
        :qty-text="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.ugretxll','最小销售量')"
      />

      <div class="lw-global-row lw-global-flex-between">

        <lw-title-value-cell
          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.ownspubo','待复核量')"
          :value="actionCheck.skuInfo.waitQty"
          val-red
          val-bold
          :is-row="false"
        />

        <lw-title-value-cell
          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.pisatdcc','当前扫描数量')"
          :value="checkPopup.nowScanNum"
          val-red
          val-bold
          :is-row="false"
        />

      </div>

      <lw-input
        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.wyjevgpl','序列号')"
        v-model="checkPopup.sn.value"
        :get-focus.sync="checkPopup.sn.focus"
        auto-clear-val
        rule-key="sn"
        @confirm="checkPopupSnConfirm"
      />

      <div
        class="lw-global-flex-between lw-global-row"
        v-for="(i,k) in checkPopup.snList"
        :key="k"
      >
        <div class="col-2">{{ i.sn }}</div>
        <div class="col-1">{{ i.qty }}</div>
        <div class="col-3">
          <van-icon
            color="#D50000"
            name="clear"
            size="20"
            @click="checkPopupSnDel(k)"
          />
        </div>
      </div>

      <template #button>

        <lw-button
          type="last"
          plain
          @click="checkPopupRepeatScan"
        >
          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.hirjtmqc','重新扫描') }}
        </lw-button>


        <lw-button @click="checkPopupSubmit">
          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.xlsgeumr','确认复核') }}
        </lw-button>

      </template>
    </lw-popup>

    <!-- 完成捆包弹框 -->
    <lw-popup
      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.aqugjfcu','完成捆包')"
      v-model="overBalePopup.show"
      @closed="mixinOverBaleOff"
    >
      <container-sku-qty
        :box-no="packBox.boxNo"
        :pack-qty="packBox.packQty"
        :type-count="packBox.skuTypeCount"
      />

      <lw-title-value-cell
        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.nzkqhshe','标准重量') + '(KG)'"
        :value="overBalePopup.data.standardWeight"
        val-bold
      />

      <lw-input
        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.eisrswcv','实际重量') + '(KG)'"
        v-model="overBalePopup.real.value"
        :get-focus.sync="overBalePopup.real.focus"
        type="number"
        @confirm="mixinRealConfirm"
      />

      <lw-input
        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.pepgmjjv','捆包包材')"
        v-model="overBalePopup.materials.value"
        :get-focus.sync="overBalePopup.materials.focus"
        rule-key="skuPack"
        :required="packTableConfig.forceUseSuggestPackMaterial"
        @confirm="mixinMaterialsConfirm"
      />

      <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.components.page.outbound.bale.checkBale.action.iezednfo','包材编码') }}
          </div>

          <div class="lw-global-title col-2">
            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.qlpuvxgs','包材规格') }}
          </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.packNeedUseContainerConf !== '0'"
        :title="$lwLanguage.get('','捆包容器')"
        v-model="overBalePopup.packUseContainer.value"
        :get-focus.sync="overBalePopup.packUseContainer.focus"
        rule-key="containerKey"
        :create-rule="$lwScanRule.create('复核捆包 - 执行捆包 - 捆包容器','CONTAINER')"
        :required="packTableConfig.packNeedUseContainerConf === '1'"
        @confirm="mixinPackUseContainerConfirm"
      />

      <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="
            (packTableConfig.forceUseSuggestPackMaterial && suggestMaterialList.length) ||
            overBalePopup.materials.list.length
          "
          @click="overBaleConfirm"
        >
          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.bjabixrx','完成复核(封箱)') }}
        </lw-button>
        <lw-button
          v-if="!packTableConfig.forceUseSuggestPackMaterial && !overBalePopup.materials.list.length"
          @click="overBaleConfirm"
        >
          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.wwetygri','无需包材(封箱)') }}
        </lw-button>
      </template>

    </lw-popup>

    <!-- 重新复核弹框 -->
    <repeat-check
      v-model="repeatPopupShow"
      :box-data="packBox"
      @repeatConfirm="repeatConfirm"
    />

    <!-- 追加弹框 -->
    <lw-popup
      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.daocvnkk','追加')"
      v-model="addPopup.show"
      @closed="addPopupOff"
    >

      <container-sku-qty
        :box-no="packBox.boxNo"
        :pack-qty="packBox.packQty"
        :type-count="packBox.skuTypeCount"
      />

      <lw-input
        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.ipqzcucf','拣选容器号')"
        v-model="addPopup.container.value"
        :get-focus.sync="addPopup.container.focus"
        required
        rule-key="container"
        @confirm="addContainerConfirm"
      />

      <div
        v-if="Object.keys(addPopup.data).length"
        class="lw-global-flex-between lw-global-row-end"
      >

        <lw-title-value-cell
          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.mvbzrrkd','品种数')"
          :value="addPopup.data.skuTypeCount"
          val-bold
          :is-row="false"
        />

        <lw-title-value-cell
          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.vjsyivfg','待复核')"
          :value="addPopup.data.waitPackQty"
          val-bold
          :is-row="false"
        />

      </div>

      <template #button>

        <lw-button @click="addConfirm">
          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.fljefeua','确认追加') }}
        </lw-button>

      </template>

    </lw-popup>

    <!-- 剔除商品 -->
    <del-sku
      v-model="delPopupShow"
      :box-data="packBox"
      :sku-list="packBox.skuList"
      :sku-sn-list="packBox.packSnList"
      need-sn
      @delConfirm="delSkuConfirm"
    />

    <!-- 全部拦截 -->
    <all-block
      v-model="allBlockShow"
      :container="allBlockData.pickContainer"
      :type-count="allBlockData.skuTypeCount"
      :qty="allBlockData.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 storeInfoSkuList from './../../components/storeInfoSkuList/index.vue'
import checkPackConfig from "../../components/checkPackConfig/index.vue";
import suggestMaterial from "../../components/suggestMaterial/index.vue";
import {
  projectWmsContainerWholePack,
  projectWmsMixPackQueryPackData
} from "../../../../../../api/outbound/bale/checkBale/allCheck";
import {
  projectWmsGetPrintBoxData,
  projectWmsMixPackAddContainerCheck,
  projectWmsMixPackCheckSn,
  projectWmsMixPackCloseBox,
  projectWmsMixPackComputeBoxSuggest,
  projectWmsMixPackContainerSkuBlock,
  projectWmsMixPackContainerWholeBlock,
  projectWmsMixPackDeleteSku,
  projectWmsMixPackDeleteSkuWithSn,
  projectWmsMixPackRePack,
  projectWmsMIxPackScanQuery,
  projectWmsMixPackSubmitAbnormal,
  projectWmsMixPackSubmitSku,
  projectWmsMixPackSubmitWithSn
} from "../../../../../../api/outbound/bale/checkBale/action";
import {baleMixins} from "../../mixins";

export default {
  name: "lwOutboundBaleActionPage",
  components:{
    storeInfoSkuList,
    checkPackConfig,
    suggestMaterial,
  },
  mixins:[baleMixins],
  data() {
    return {
      // 捆包箱数据
      packBox:{},
      // 拣选容器数据
      packContainer:{},

      // 是否是全部复核进入
      fromAllCheck: false,

      // 允许全部复核
      allowAllCheck: false,

      // 开始复核
      actionCheck:{
        sku:{
          value: '',
          focus: false
        },
        qty:{
          value: '',
          focus: false
        },

        skuInfo:{}
      },

      // 序列号复核弹框
      checkPopup:{
        show: false,
        // 当前扫描量
        nowScanNum: 0,
        sn:{
          value:'',
          focus: false
        },
        snList: []
      },


      // 追加
      addPopup:{
        show: false,
        container:{
          value: '',
          focus: false
        },
        data:{}
      },
    }
  },
  computed:{
    customerName(){

      if (this.packContainer.customerName)return this.packContainer.customerName

      if (this.packBox.customerName)return this.packBox.customerName

      return '-'
    },
    customerCode(){

      if (this.packContainer.customerCode)return this.packContainer.customerCode

      if (this.packBox.customerCode)return this.packBox.customerCode

      return '-'
    },

    // 是否需要显示追加按钮
    showAddBtn(){
      return !(this.packContainer && this.packContainer.waitPackQty > 0);
    },
  },
  mounted() {
    this.init()
  },
  methods: {

    // 初始化
    async init(){
      await this.mixinInit()

      const query = this.$route.query
      // 判断是否是通过全部复核进入的
      if (query.lwType === 'allCheck'){
        this.fromAllCheck = true
        this.allowAllCheck = false

        projectWmsContainerWholePack({
          pickContainer: query.lwContainer
        }).then(res=>{
          this.mixinCheckBlock(res)

          this.formatData(res)
        })
        return
      }

      await this.getData(true)
    },

    // 数据处理
    formatData(res){
      this.packBox = res.packBox || {}
      this.packContainer = res.packContainer || {}
      this.suggestMaterialList = res.suggestPackMaterialList || []
    },

    // 获取数据
    getData(first){
      return new Promise((PR,PE)=>{

        let queryContainer = ''
        if (this.packBox.boxNo){
          queryContainer = this.packBox.boxNo
        }else {
          queryContainer = this.$route.query.lwContainer
        }
        projectWmsMixPackQueryPackData({
          queryContainer
        }).then(res=>{

          this.formatData(res)
          if (res.packContainer && res.packContainer.blockStatus === '200') this.allBlockShow = true

          first ? this.actionCheck.sku.focus = true : ''
          PR()
        }).catch(()=>{
          PE()
          history.go(-1)
        })
      })
    },

    // 查找当前扫描商品是否在拣选容器内
    checkPickContainerHasSkuCode(skuCode){
      for (let i of this.packContainer.packSkuList){

        if (i.skuCode === skuCode){
          return {success: true, skuInfo:i}
        }

      }

      return {success: false, skuInfo: {}}

    },
    // 开始复核 - 商品号确认
    actionCheckSkuConfirm(val,{data}){
      const {success, skuInfo} = this.checkPickContainerHasSkuCode(data.key || val)

      if (success){

        // 查看当前是否存在记录数据
        if (Object.keys(this.actionCheck.skuInfo).length){

          // 如果存在历史记录就判断是否和上次扫描的数据一直
          if (skuInfo.skuCode !== this.actionCheck.skuInfo.skuCode){
            this.actionCheck.sku.focus = true
            this.$lwShowErrorMsg(
              this.$lwLanguage.get(
                '',
                this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.nhcgbeqa', '当前扫描商品与上一次扫描商品不一致！')
              )
            )
            return
          }

        }

        // 校验是否需要sn
        this.checkNeedSn({
          ...skuInfo,
          waitQty: skuInfo.totalQty - skuInfo.packQty
        })
        return
      }

      projectWmsMIxPackScanQuery({
        pickContainer: this.packContainer.pickContainer,
        boxId: this.packBox.boxId,
        currentSkuId: this.actionCheck.skuInfo.skuId,
        sn: data.key,
        qty: data.qty
      }).then(res=>{
        this.checkNeedSn(res, 'add')
      })

    },
    // 校验是否需要处理sn
    checkNeedSn(data, type){

      this.actionCheck.skuInfo = data

      // 判断是否需要处理sn
      if (data.needHandleSn){
        this.checkPopup.show = true
        this.checkPopup.sn.focus = true
        // 判断是否需要增加一条数据
        type === 'add' && this.checkPopup.snList.unshift({sn: data.sn, qty: data.qty})
        this.getCheckPopupNum()
        return
      }

      this.actionCheck.qty.value = Number(this.actionCheck.qty.value || 0 ) + Number(data.qty || 0)

      // 如果扫描方式是逐件扫描或者当前捆包数量等于扫描数量就自动提交
      if (this.packContainer.outboundPackScanMethod === 'SINGLE' && !this.actionCheck.qty.value){
        this.actionCheck.qty.value = data.minSellQty || 1
      }
      if(this.packContainer.outboundPackScanMethod === 'SINGLE' || this.actionCheck.qty.value === this.actionCheck.skuInfo.waitQty){
        this.actionCheckQtyConfirm()
      }
    },
    // 开始复核 - 商品数量确认
    actionCheckQtyConfirm(){

      const qty = Number(this.actionCheck.qty.value || 0)

      if (!qty){
        this.actionCheck.qty.focus = true
        this.$lwShowErrorMsg(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.sesxkxyt','复核数不能为空，且应当是大于0的整数')
        )
        return
      }

      if (qty > this.actionCheck.skuInfo.waitQty){
        this.actionCheck.qty.focus = true
        this.$lwShowErrorMsg(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.cbitnesb','复核数不能大于待复核数')
        )
        this.actionCheck.qty.value = ''
        return
      }


      projectWmsMixPackSubmitSku({
        boxId: this.packBox.boxId,
        pickContainer: this.packContainer.pickContainer,
        skuId: this.actionCheck.skuInfo.skuId,
        currentPackQty: qty
      }).then(res=>{

        this.formatData(res)

        if (res.containerPackFinish){
          this.$lwToast.success(
            this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.fzaqeggt','当前容器已复核完毕')
          )

          this.overBaleOpen()

        }

        this.actionCheck.sku.value = ''
        this.actionCheck.sku.focus = true
        this.actionCheck.qty.focus = false
        this.actionCheck.qty.value = ''
        this.$nextTick(()=>this.actionCheck.skuInfo = {})

        this.mixinCheckBlock(res)
      })
    },

    // 复核序列号 - 当前复核量
    getCheckPopupNum(){
      let num = 0
      this.checkPopup.snList.forEach(item=>{
        num += Number(item.qty || 0)
      })
      this.checkPopup.nowScanNum = num

      if (num === this.actionCheck.skuInfo.waitQty){
        this.checkPopupSubmit()
      }

    },
    // 复核序列号 - 确认
    checkPopupSnConfirm(val,{data}){
      const sn = data.key
      if (!sn){
        this.checkPopup.sn.focus = true
        this.$lwShowErrorMsg(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.zturbxlj','序列号不能为空')
        )
        return
      }

      if (this.checkPopup.snList.some(item=>item.sn===sn)){
        this.checkPopup.sn.focus = true
        this.$lwShowErrorMsg(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.zturbxlja','当前序列号已存在列表中')
        )
        this.checkPopup.sn.value = ''
        return
      }

      projectWmsMixPackCheckSn({
        pickContainer:'',
        skuId: this.actionCheck.skuInfo.skuId,
        sn,
        qty: data.qty || 0
      }).then(res=>{
        this.checkPopup.snList.unshift(res)
        this.getCheckPopupNum()
      })
    },
    // 复核序列号 - 删除
    checkPopupSnDel(index){

      this.checkPopup.snList.splice(index, 1)
      this.getCheckPopupNum()

    },
    // 复核序列号 - 提交数据
    checkPopupSubmit(){

      const snList = this.checkPopup.snList
      if (!snList.length){
        this.checkPopup.sn.focus = true
        this.$lwShowErrorMsg(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.agienozq','请输入或扫描需要复核的序列号')
        )
        return
      }

      projectWmsMixPackSubmitWithSn({
        boxId: this.packBox.boxId,
        pickContainer: this.packContainer.pickContainer,
        skuId: this.actionCheck.skuInfo.skuId,
        snList
      }).then(res=>{
        this.formatData(res)

        if (res.containerPackFinish){
          this.$lwToast.success(
            this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.fzaqeggt','当前容器已复核完毕')
          )

          this.overBaleOpen()
        }

        this.checkPopup.show = false

        this.mixinCheckBlock(res)
      })
    },
    // 复核序列号 - 重新扫描
    checkPopupRepeatScan(){
      this.$lwDialog.confirm({
        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.tyoupcga','警告'),
        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.aviijbed','当前扫描数据将会被清空')
      }).then(()=>{
        this.checkPopup.sn.value = ''
        this.checkPopup.snList = []
        this.getCheckPopupNum()
      }).catch(()=>{})
    },
    // 复核序列号 - 弹框关闭
    checkPopupOff(){
      this.checkPopup.sn.value = ''
      this.checkPopup.snList = []
      this.actionCheck.sku.value = ''
      this.actionCheck.sku.focus = true
      this.actionCheck.skuInfo = {}
    },


    // 完成捆包 - 打开弹框
    overBaleOpen(){
      projectWmsMixPackComputeBoxSuggest({
        boxId: this.packBox.boxId
      }).then(res=>{
        this.overBalePopup.data = res
        this.overBalePopup.show = true
        this.overBalePopup.real.focus = true
      })
    },
    // 完成捆包 - 封箱
    async overBaleConfirm(){

      // 校验包材
      if (this.packTableConfig.forceUseSuggestPackMaterial && !this.overBalePopup.materials.list.length){
        this.overBalePopup.materials.focus = true
        this.$lwShowErrorMsg(
          this.$lwLanguage.get('','捆包包材不能为空')
        )
        return
      }

      const {success, packUseContainer, packedLocation} = this.mixinOverBaleCheck()
      if (!success) return

      await projectWmsMixPackCloseBox({
        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,
        packUseContainer
      })

      this.$lwToast.success(
        this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.bqbzdkbu','捆包成功')
      )

      try {
        await this.printClick()
      }finally {
        history.go(-1)
      }

    },
    // 重新复核 - 确认
    repeatConfirm(container){
      projectWmsMixPackRePack({
        boxId: this.packBox.boxId,
        toPickContainer: container
      }).then(()=>{
        this.$lwToast.success(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.vecsyyxh','操作成功')
        )
        history.go(-1)
      })
    },

    // 追加 - 弹框打开
    addSkuOpen(){
      this.addPopup.container.focus = true
      this.addPopup.show = true
    },
    // 追加 - 确认拣选容器号
    addContainerConfirm(){
      const container = this.addPopup.container.value
      if (!container){
        this.addPopup.container.focus = true
        this.$lwShowErrorMsg(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.wmwodaqc','拣选容器号不能为空')
        )
        return
      }

      projectWmsMixPackAddContainerCheck({
        boxId: this.packBox.boxId,
        addPickContainer: container
      }).then(res=>{
        this.addPopup.data = res
      })
    },
    // 追加 - 确认追加
    addConfirm(){
      this.packContainer = this.$lwDeepCopy(this.addPopup.data)
      this.addPopup.show = false
    },
    // 追加 - 弹框关闭
    addPopupOff(){
      this.addPopup.container.value = ''
      this.addPopup.data = {}
    },

    // 剔除商品 - 确认剔除
    delSkuConfirm(data){

      // 判断当前是需要sn还是不需要
      const fn = data.isSn ?
        projectWmsMixPackDeleteSkuWithSn :
        projectWmsMixPackDeleteSku

      fn({
        ...data,
        boxId: this.packBox.boxId
      }).then(res=>{
        if (res.boxDelAll){
          this.$lwToast.success(
            this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.bheqtugt','当前箱已全部剔除')
          )
          history.go(-1)
          return
        }

        this.$lwToast.success(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.vkvtsjoo','剔除成功')
        )
        this.getData()
        this.delPopupShow = false
      })
    },

    // 全部拦截
    allBlockConfirm(){
      projectWmsMixPackContainerWholeBlock({
        pickContainer: this.allBlockData.pickContainer
      }).then(()=>{
        this.$lwToast.success(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.bncgywex','已拦截')
        )
        history.go(-1)
      })
    },
    // 部分拦截
    async partBlockConfirm(data){

      const res = await projectWmsMixPackContainerSkuBlock({
        pickContainer: this.partBlockPopup.data.pickContainer,
        currentBlockQty: data.qty,
        skuId: this.partBlockPopup.data.blockData.skuId
      })

      await this.getData()

      if (res.containerPackFinish){
        this.$lwToast.success(
          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.jfmhrzqh','当前容器已全部捆包')
        )
        this.overBaleOpen()
        return
      }

      this.$lwToast.success(
        this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.checkBale.action.bncgywex','已拦截')
      )
      this.partBlockPopup.show = false
    },

    // 异常确认
    abnConfirm(data){
      return projectWmsMixPackSubmitAbnormal({
        pickContainer: this.packContainer.pickContainer,
        ...data
      })
    },

    // 打印
    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">
.materials-box{
  margin-top: 5px;
  padding: 0 5px;
  border-radius: 5px;
  border: solid 1px #f0f0f0;
}

.col-1{
  width: 35%;
  flex-shrink: 0;
}
.col-2{
  width: 55%;
  flex-shrink: 0;
}
.col-3{
  width: 24px;
  flex-shrink: 0;
}

</style>