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

package/src/components/page/outbound/handover/components/pageBox.vue

@@ -1,524 +1,524 @@
-<!--
-  交接主页框架
-  @author: 张文
-  @date: 2022-07-14
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="title"/>
-
-    <div class="lw-global-page-box">
-
-      <!-- 线路信息 -->
-      <line-info
-        style="margin-bottom: 10px"
-        :item="lineData"
-        show-tag
-        all-click
-        @click="lineClick"
-      />
-
-      <slot></slot>
-    </div>
-
-    <lw-bottom-bar v-if="showBottomBar">
-
-      <lw-button
-        type="last"
-        plain
-        @click="repeatScan"
-      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.lltkcraz','重新扫描') }}</lw-button>
-
-      <lw-button @click="confirmHandover">
-        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-    <!-- 部分拦截弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.kzjmdjes','订单拦截 - 部分')"
-      v-model="blockPopup.partShow"
-      :allow-off="false"
-    >
-      <div class="lw-global-row-start">
-
-        <div class="lw-global-value-bold">{{ blockPopup.data.customerCode }}</div>
-        <div class="lw-global-title">{{ blockPopup.data.customerName }}</div>
-
-      </div>
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
-        :value="blockPopup.data.boxNo"
-        val-bold
-        val-red
-      />
-
-      <lw-sku-info-module
-        v-for="(i,k) in blockPopup.data.blockList"
-        :key="k"
-        v-bind="i"
-        is-row
-      />
-
-      <div class="lw-global-value-bold-red lw-global-row-end block-content">{{ $lwLanguage.get(
-        '',
-        '此箱部分商品被拦截，请交由捆包人员执行拦截处理'
-      ) }}</div>
-
-      <div class="block-tag">
-        <lw-tag
-          round
-          size="large"
-        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.empkmcdh','部分拦截') }}</lw-tag>
-      </div>
-
-      <template #button>
-
-        <lw-button @click="partBlockConfirm">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.nlggdedo','放入拦截通道') }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
-    <!-- 全部拦截弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bapprnov','订单拦截 - 全部')"
-      v-model="blockPopup.allShow"
-      :allow-off="false"
-    >
-      <div class="lw-global-row-start">
-
-        <div class="lw-global-value-bold">{{ blockPopup.data.customerCode }}</div>
-        <div class="lw-global-title">{{ blockPopup.data.customerName }}</div>
-
-      </div>
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
-        :value="blockPopup.data.boxNo"
-        val-bold
-        val-red
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.raprdmvd','容器号')"
-        v-model="blockPopup.container.value"
-        :get-focus.sync="blockPopup.container.focus"
-        :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.hmupfdpy','拦截的商品放入的容器')"
-        rule-prefix="handover/component/pageBox"
-        rule-key="container"
-        @confirm="blockContainerConfirm"
-      />
-
-      <div class="lw-global-value-bold-red lw-global-row-end block-content">{{ $lwLanguage.get(
-        '',
-        '此箱已全部被拦截，请直接执行拦截处理'
-      ) }}</div>
-
-      <div class="block-tag">
-        <lw-tag
-          round
-          size="large"
-          type="danger"
-        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.buemgrva','全部拦截') }}</lw-tag>
-      </div>
-
-      <template #button>
-
-        <lw-button @click="allBlockConfirm">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.wccxvjcc','确认拦截') }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
-    <!-- 确认交接弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接')"
-      v-model="handoverPopup.show"
-      @closed="handoverPopup.locCode.value=''"
-    >
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.lqxmwlon','交接箱数')"
-        :value="boxList.length"
-        val-red
-        val-bold
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.scjvjkzn','集货库位')"
-        v-model="handoverPopup.locCode.value"
-        :get-focus.sync="handoverPopup.locCode.focus"
-        :show-bottom-border="false"
-        rule-prefix="handover/component/pageBox"
-        rule-key="location"
-        @confirm="handoverLocCodeConfirm"
-      />
-
-      <template #button>
-
-        <lw-button @click="handoverSubmit">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接') }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
-    <!-- 整箱自提弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提')"
-      v-model="aloneGoPopup.all"
-      :allow-off="false"
-    >
-      <div class="lw-global-row-start">
-
-        <div class="lw-global-value-bold">{{ aloneGoPopup.data.customerCode }}</div>
-        <div class="lw-global-title">{{ aloneGoPopup.data.customerName }}</div>
-
-      </div>
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
-        :value="aloneGoPopup.data.boxNo"
-        val-bold
-        val-red
-      />
-
-      <div class="lw-global-value-bold-red lw-global-row-end block-content">
-        {{
-          $lwLanguage.get(
-            '',
-            '整箱所有商品已修改为自提，请在自提处交接'
-          )
-        }}
-      </div>
-
-      <div class="block-tag">
-        <lw-tag
-          round
-          size="large"
-          type="danger"
-        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提') }}</lw-tag>
-      </div>
-
-      <template #button>
-
-        <lw-button @click="aloneGoPopup.all=false">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.axdfbdde','确认整箱自提') }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
-    <!-- 部分自提弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提')"
-      v-model="aloneGoPopup.part"
-      :allow-off="false"
-    >
-      <div class="lw-global-row-start">
-
-        <div class="lw-global-value-bold">{{ aloneGoPopup.data.customerCode }}</div>
-        <div class="lw-global-title">{{ aloneGoPopup.data.customerName }}</div>
-
-      </div>
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
-        :value="aloneGoPopup.data.boxNo"
-        val-bold
-        val-red
-      />
-
-      <div class="lw-global-title">
-        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.xuruioub','下列商品已为自提') }}
-      </div>
-
-      <lw-sku-info-module
-        v-for="(i,k) in aloneGoPopup.data.blockList"
-        :key="k"
-        v-bind="i"
-        is-row
-      />
-
-      <div class="block-tag">
-        <lw-tag
-          round
-          size="large"
-        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.qiwwsnfl','部分自提') }}</lw-tag>
-      </div>
-
-      <template #button>
-
-        <lw-button
-          plain
-          type="last"
-          @click="aloneGoPopup.all=false"
-        >
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.squhtted','整箱转为自提') }}
-        </lw-button>
-
-        <lw-button @click="aloneGoPopup.all=false">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.fnakrxoi','按当前运输方式交接') }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
-    <!-- 查看线路交接箱信息弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bszdvxjt','捆包箱信息')"
-      v-model="boxDataPopup.show"
-      height="90%"
-      background="#f0f0f0"
-      @closed="boxDataPopup.showCom=false"
-    >
-
-      <div v-if="boxDataPopup.showCom" class="lw-global-tab-box">
-        <van-tabs
-          type="card"
-          animated
-          v-model="boxDataPopup.tabActive"
-        >
-
-          <!-- 未交接 -->
-          <van-tab
-            name="wait"
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cwkawrkw','未交接')"
-          >
-            <box-num-list
-              :query="lineData"
-            />
-          </van-tab>
-
-          <!-- 已交接 -->
-          <van-tab
-            name="wait"
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.genjbakj','已交接')"
-          >
-            <box-num-list
-              type="200"
-              :query="lineData"
-            />
-          </van-tab>
-        </van-tabs>
-      </div>
-
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-import lineInfo from './lineInfo.vue'
-import boxNumList from './boxNumList.vue'
-import {
-  projectWmsOutboundBlockWholeBox
-} from "../../../../../api/outbound/handover/pageBox";
-
-export default {
-  name: "pageBox",
-  components:{
-    lineInfo,
-    boxNumList,
-  },
-  props:{
-    // 标题
-    title: {
-      type: String,
-      required: true
-    },
-
-    // 线路数据
-    lineData:{
-      type: Object,
-      default: () => {}
-    },
-
-    // 箱数据
-    boxList:{
-      type: Array,
-      default: () => []
-    },
-
-    // 当前类型
-    isLpn: Boolean,
-
-    // 是否显示底部按钮
-    showBottomBar: Boolean
-  },
-  data() {
-    return {
-      // 拦截信息
-      blockPopup:{
-        // 全部拦截弹框
-        allShow: false,
-        // 容器号
-        container:{
-          value: '',
-          focus: false
-        },
-
-        // 部分拦截弹框
-        partShow: false,
-
-        // 拦截数据
-        data: {}
-      },
-
-      // 确认交接弹框
-      handoverPopup:{
-        show: false,
-        locCode: {
-          value: '',
-          focus: false
-        }
-      },
-
-      // 自提弹框 TODO 接口没有返回自提状态
-      aloneGoPopup:{
-        all: false,
-        part: false,
-        data: {}
-      },
-
-      // 查看线路交接箱信息弹框
-      boxDataPopup:{
-        show: false,
-        showCom: false,
-        tabActive:'wait',
-      }
-    }
-  },
-  methods: {
-    // 重新扫描
-    repeatScan() {
-      if (!this.boxList.length) {
-        this.$emit('repeatScan')
-        return
-      }
-
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bkiwagrr','提示'),
-        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zbsbbsjg','当前交接数据将会被全部清空')
-      }).then(() => {
-        this.$emit('repeatScan')
-      }).catch(() => {})
-    },
-
-    // 处理拦截
-    blockType(res){
-      this.blockPopup.data = res
-
-      // 1 - 部分拦截, 2 - 全部拦截
-      if(res.blockStatus === 1){
-        this.blockPopup.partShow = true
-      }else {
-        this.blockPopup.allShow = true
-        this.blockPopup.container.focus = true
-      }
-    },
-
-    // 部分拦截确认
-    partBlockConfirm(){
-      this.blockPopup.partShow = false
-    },
-
-    // 全部拦截容器号确认
-    blockContainerConfirm(){
-      if (this.blockContainerCheck()) this.allBlockConfirm()
-    },
-    // 全部拦截 - 容器号检查
-    blockContainerCheck(){
-      if (this.blockPopup.container.value) return true
-
-      this.blockPopup.container.focus = true
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.laztiutg','容器号不能为空')
-      )
-      return false
-    },
-    // 全部拦截 - 确认拦截
-    allBlockConfirm(){
-      if (!this.blockContainerCheck()) return
-
-      projectWmsOutboundBlockWholeBox({
-        boxId: this.blockPopup.data.boxId
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.ticlwztm','拦截处理成功')
-        )
-        this.blockPopup.allShow = false
-      })
-    },
-
-
-    // 确认交接 - 按钮点击
-    confirmHandover(){
-      if (!this.boxList.length){
-        this.$lwShowErrorMsg(
-          this.isLpn ?
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.yqftgcqd','请扫描或输入需要交接的托盘') :
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.dxhqhjdd','请扫描或输入需要交接的箱')
-        )
-        this.$emit('inputFocus')
-        return
-      }
-
-      this.handoverPopup.show = true
-      this.handoverPopup.locCode.focus = true
-    },
-    // 确认交接 - 集货库位确认
-    handoverLocCodeConfirm(){
-      if (this.handoverLocCodeCheck()) this.handoverSubmit()
-    },
-    // 确认交接 - 集货库位校验
-    handoverLocCodeCheck(){
-      if (this.handoverPopup.locCode.value) return true
-
-      this.handoverPopup.locCode.focus = true
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.ncsfdtgs','集货库位不能为空')
-      )
-      return false
-    },
-    // 确认交接 - 提交
-    handoverSubmit(){
-      if (!this.handoverLocCodeCheck()) return
-
-      this.$emit('handoverSubmit', this.handoverPopup.locCode.value)
-    },
-
-    // 线路被点击
-    lineClick(){
-      this.boxDataPopup.showCom = true
-      this.boxDataPopup.show = true
-    },
-  },
-
-
-
-}
-</script>
-
-<style scoped lang="less">
-.block-content{
-  letter-spacing: 1px;
-  font-size: 16px;
-  text-align: center;
-}
-
-.block-tag{
-  text-align: center;
-  margin-top: 10px;
-}
-</style>
+<!--
+  交接主页框架
+  @author: 张文
+  @date: 2022-07-14
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="title"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- 线路信息 -->
+      <line-info
+        style="margin-bottom: 10px"
+        :item="lineData"
+        show-tag
+        all-click
+        @click="lineClick"
+      />
+
+      <slot></slot>
+    </div>
+
+    <lw-bottom-bar v-if="showBottomBar">
+
+      <lw-button
+        type="last"
+        plain
+        @click="repeatScan"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.lltkcraz','重新扫描') }}</lw-button>
+
+      <lw-button @click="confirmHandover">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 部分拦截弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.kzjmdjes','订单拦截 - 部分')"
+      v-model="blockPopup.partShow"
+      :allow-off="false"
+    >
+      <div class="lw-global-row-start">
+
+        <div class="lw-global-value-bold">{{ blockPopup.data.customerCode }}</div>
+        <div class="lw-global-title">{{ blockPopup.data.customerName }}</div>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
+        :value="blockPopup.data.boxNo"
+        val-bold
+        val-red
+      />
+
+      <lw-sku-info-module
+        v-for="(i,k) in blockPopup.data.blockList"
+        :key="k"
+        v-bind="i"
+        is-row
+      />
+
+      <div class="lw-global-value-bold-red lw-global-row-end block-content">{{ $lwLanguage.get(
+        '',
+        '此箱部分商品被拦截，请交由捆包人员执行拦截处理'
+      ) }}</div>
+
+      <div class="block-tag">
+        <lw-tag
+          round
+          size="large"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.empkmcdh','部分拦截') }}</lw-tag>
+      </div>
+
+      <template #button>
+
+        <lw-button @click="partBlockConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.nlggdedo','放入拦截通道') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 全部拦截弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bapprnov','订单拦截 - 全部')"
+      v-model="blockPopup.allShow"
+      :allow-off="false"
+    >
+      <div class="lw-global-row-start">
+
+        <div class="lw-global-value-bold">{{ blockPopup.data.customerCode }}</div>
+        <div class="lw-global-title">{{ blockPopup.data.customerName }}</div>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
+        :value="blockPopup.data.boxNo"
+        val-bold
+        val-red
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.raprdmvd','容器号')"
+        v-model="blockPopup.container.value"
+        :get-focus.sync="blockPopup.container.focus"
+        :placeholder="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.hmupfdpy','拦截的商品放入的容器')"
+        rule-prefix="handover/component/pageBox"
+        rule-key="container"
+        @confirm="blockContainerConfirm"
+      />
+
+      <div class="lw-global-value-bold-red lw-global-row-end block-content">{{ $lwLanguage.get(
+        '',
+        '此箱已全部被拦截，请直接执行拦截处理'
+      ) }}</div>
+
+      <div class="block-tag">
+        <lw-tag
+          round
+          size="large"
+          type="danger"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.buemgrva','全部拦截') }}</lw-tag>
+      </div>
+
+      <template #button>
+
+        <lw-button @click="allBlockConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.wccxvjcc','确认拦截') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 确认交接弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接')"
+      v-model="handoverPopup.show"
+      @closed="handoverPopup.locCode.value=''"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.lqxmwlon','交接箱数')"
+        :value="boxList.length"
+        val-red
+        val-bold
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.scjvjkzn','集货库位')"
+        v-model="handoverPopup.locCode.value"
+        :get-focus.sync="handoverPopup.locCode.focus"
+        :show-bottom-border="false"
+        rule-prefix="handover/component/pageBox"
+        rule-key="location"
+        @confirm="handoverLocCodeConfirm"
+      />
+
+      <template #button>
+
+        <lw-button @click="handoverSubmit">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bzzaehlc','确认交接') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 整箱自提弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提')"
+      v-model="aloneGoPopup.all"
+      :allow-off="false"
+    >
+      <div class="lw-global-row-start">
+
+        <div class="lw-global-value-bold">{{ aloneGoPopup.data.customerCode }}</div>
+        <div class="lw-global-title">{{ aloneGoPopup.data.customerName }}</div>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
+        :value="aloneGoPopup.data.boxNo"
+        val-bold
+        val-red
+      />
+
+      <div class="lw-global-value-bold-red lw-global-row-end block-content">
+        {{
+          $lwLanguage.get(
+            '',
+            '整箱所有商品已修改为自提，请在自提处交接'
+          )
+        }}
+      </div>
+
+      <div class="block-tag">
+        <lw-tag
+          round
+          size="large"
+          type="danger"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提') }}</lw-tag>
+      </div>
+
+      <template #button>
+
+        <lw-button @click="aloneGoPopup.all=false">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.axdfbdde','确认整箱自提') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 部分自提弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zcitonhq','整箱自提')"
+      v-model="aloneGoPopup.part"
+      :allow-off="false"
+    >
+      <div class="lw-global-row-start">
+
+        <div class="lw-global-value-bold">{{ aloneGoPopup.data.customerCode }}</div>
+        <div class="lw-global-title">{{ aloneGoPopup.data.customerName }}</div>
+
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cnczmnfc','箱号')"
+        :value="aloneGoPopup.data.boxNo"
+        val-bold
+        val-red
+      />
+
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.xuruioub','下列商品已为自提') }}
+      </div>
+
+      <lw-sku-info-module
+        v-for="(i,k) in aloneGoPopup.data.blockList"
+        :key="k"
+        v-bind="i"
+        is-row
+      />
+
+      <div class="block-tag">
+        <lw-tag
+          round
+          size="large"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.qiwwsnfl','部分自提') }}</lw-tag>
+      </div>
+
+      <template #button>
+
+        <lw-button
+          plain
+          type="last"
+          @click="aloneGoPopup.all=false"
+        >
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.squhtted','整箱转为自提') }}
+        </lw-button>
+
+        <lw-button @click="aloneGoPopup.all=false">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.fnakrxoi','按当前运输方式交接') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 查看线路交接箱信息弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bszdvxjt','捆包箱信息')"
+      v-model="boxDataPopup.show"
+      height="90%"
+      background="#f0f0f0"
+      @closed="boxDataPopup.showCom=false"
+    >
+
+      <div v-if="boxDataPopup.showCom" class="lw-global-tab-box">
+        <van-tabs
+          type="card"
+          animated
+          v-model="boxDataPopup.tabActive"
+        >
+
+          <!-- 未交接 -->
+          <van-tab
+            name="wait"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.cwkawrkw','未交接')"
+          >
+            <box-num-list
+              :query="lineData"
+            />
+          </van-tab>
+
+          <!-- 已交接 -->
+          <van-tab
+            name="wait"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.genjbakj','已交接')"
+          >
+            <box-num-list
+              type="200"
+              :query="lineData"
+            />
+          </van-tab>
+        </van-tabs>
+      </div>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import lineInfo from './lineInfo.vue'
+import boxNumList from './boxNumList.vue'
+import {
+  projectWmsOutboundBlockWholeBox
+} from "../../../../../api/outbound/handover/pageBox";
+
+export default {
+  name: "pageBox",
+  components:{
+    lineInfo,
+    boxNumList,
+  },
+  props:{
+    // 标题
+    title: {
+      type: String,
+      required: true
+    },
+
+    // 线路数据
+    lineData:{
+      type: Object,
+      default: () => {}
+    },
+
+    // 箱数据
+    boxList:{
+      type: Array,
+      default: () => []
+    },
+
+    // 当前类型
+    isLpn: Boolean,
+
+    // 是否显示底部按钮
+    showBottomBar: Boolean
+  },
+  data() {
+    return {
+      // 拦截信息
+      blockPopup:{
+        // 全部拦截弹框
+        allShow: false,
+        // 容器号
+        container:{
+          value: '',
+          focus: false
+        },
+
+        // 部分拦截弹框
+        partShow: false,
+
+        // 拦截数据
+        data: {}
+      },
+
+      // 确认交接弹框
+      handoverPopup:{
+        show: false,
+        locCode: {
+          value: '',
+          focus: false
+        }
+      },
+
+      // 自提弹框 TODO 接口没有返回自提状态
+      aloneGoPopup:{
+        all: false,
+        part: false,
+        data: {}
+      },
+
+      // 查看线路交接箱信息弹框
+      boxDataPopup:{
+        show: false,
+        showCom: false,
+        tabActive:'wait',
+      }
+    }
+  },
+  methods: {
+    // 重新扫描
+    repeatScan() {
+      if (!this.boxList.length) {
+        this.$emit('repeatScan')
+        return
+      }
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.bkiwagrr','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.zbsbbsjg','当前交接数据将会被全部清空')
+      }).then(() => {
+        this.$emit('repeatScan')
+      }).catch(() => {})
+    },
+
+    // 处理拦截
+    blockType(res){
+      this.blockPopup.data = res
+
+      // 1 - 部分拦截, 2 - 全部拦截
+      if(res.blockStatus === 1){
+        this.blockPopup.partShow = true
+      }else {
+        this.blockPopup.allShow = true
+        this.blockPopup.container.focus = true
+      }
+    },
+
+    // 部分拦截确认
+    partBlockConfirm(){
+      this.blockPopup.partShow = false
+    },
+
+    // 全部拦截容器号确认
+    blockContainerConfirm(){
+      if (this.blockContainerCheck()) this.allBlockConfirm()
+    },
+    // 全部拦截 - 容器号检查
+    blockContainerCheck(){
+      if (this.blockPopup.container.value) return true
+
+      this.blockPopup.container.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.laztiutg','容器号不能为空')
+      )
+      return false
+    },
+    // 全部拦截 - 确认拦截
+    allBlockConfirm(){
+      if (!this.blockContainerCheck()) return
+
+      projectWmsOutboundBlockWholeBox({
+        boxId: this.blockPopup.data.boxId
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.ticlwztm','拦截处理成功')
+        )
+        this.blockPopup.allShow = false
+      })
+    },
+
+
+    // 确认交接 - 按钮点击
+    confirmHandover(){
+      if (!this.boxList.length){
+        this.$lwShowErrorMsg(
+          this.isLpn ?
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.yqftgcqd','请扫描或输入需要交接的托盘') :
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.dxhqhjdd','请扫描或输入需要交接的箱')
+        )
+        this.$emit('inputFocus')
+        return
+      }
+
+      this.handoverPopup.show = true
+      this.handoverPopup.locCode.focus = true
+    },
+    // 确认交接 - 集货库位确认
+    handoverLocCodeConfirm(){
+      if (this.handoverLocCodeCheck()) this.handoverSubmit()
+    },
+    // 确认交接 - 集货库位校验
+    handoverLocCodeCheck(){
+      if (this.handoverPopup.locCode.value) return true
+
+      this.handoverPopup.locCode.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.handover.components.ncsfdtgs','集货库位不能为空')
+      )
+      return false
+    },
+    // 确认交接 - 提交
+    handoverSubmit(){
+      if (!this.handoverLocCodeCheck()) return
+
+      this.$emit('handoverSubmit', this.handoverPopup.locCode.value)
+    },
+
+    // 线路被点击
+    lineClick(){
+      this.boxDataPopup.showCom = true
+      this.boxDataPopup.show = true
+    },
+  },
+
+
+
+}
+</script>
+
+<style scoped lang="less">
+.block-content{
+  letter-spacing: 1px;
+  font-size: 16px;
+  text-align: center;
+}
+
+.block-tag{
+  text-align: center;
+  margin-top: 10px;
+}
+</style>