@logwire/logwire-wms-pda-ui 1.1.15 → 1.1.18

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

@@ -1,1408 +1,1420 @@
- <!--
-  播种分拣 - 执行页
-  @author: 张文
-  @date: 2022-06-27
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('','播种分拣')"/>
-
-    <div v-if="Object.keys(sowData).length" class="lw-global-page-box">
-
-      <div
-        class="lw-global-model-box"
-        style="border-radius: 10px 10px 0 0"
-      >
-
-        <div class="lw-global-flex-between lw-global-row">
-
-          <div
-            style="flex: 1"
-            class="lw-global-flex-start"
-          >
-            <div class="lw-global-title">
-              {{ $lwLanguage.get('','播种墙编号') }}
-            </div>
-            <div class="lw-global-value-bold">{{ sowData.sowWallCode }}</div>
-          </div>
-
-          <lw-tag
-            round
-            plain
-            type="danger"
-          >{{ $lwLanguage.get('','播种中') }}</lw-tag>
-
-        </div>
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','当前批次')"
-          :value="sowData.sowLot"
-          val-bold
-        />
-
-        <van-progress
-          style="margin: 15px 0 5px 0"
-          stroke-width="8"
-          :percentage="sowData.sowRate ||0"
-          color="linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)"
-        />
-
-      </div>
-      <lw-data-look-bg
-        style="margin-bottom: 10px"
-        type="bottom"
-        click-style
-        @click="openWaitSowPopup"
-      >
-        <div>
-          <div>{{ sowData.containerCount }}</div>
-          <div
-            class="lw-data-look-bg-title"
-          >{{ $lwLanguage.get('','托盘数') }}</div>
-        </div>
-
-        <div>
-          <div>{{ sowData.waitSowQty }}</div>
-          <div
-            class="lw-data-look-bg-title"
-          >{{ $lwLanguage.get('','待播种') }}</div>
-        </div>
-        <div>
-          <div>{{ sowData.sowQty }}</div>
-          <div
-            class="lw-data-look-bg-title"
-          >{{ $lwLanguage.get('','已播种') }}</div>
-        </div>
-
-        <div class="lw-data-last-item">
-          <div>{{ sowData.abnormalQty }}</div>
-          <div
-            class="lw-data-look-bg-title"
-          >{{ $lwLanguage.get('','异常') }}</div>
-        </div>
-      </lw-data-look-bg>
-
-      <!-- 绑定周转箱的提示信息 -->
-      <div
-        class="lw-global-model-box border-2"
-        style="text-align: center;padding: 20px 10px;color: #aaa"
-        v-if="sowData.needBindContainer"
-      >{{ $lwLanguage.get('','请绑定周转箱到播种墙') }}</div>
-      <!-- 已经绑定周转箱 -->
-      <div
-        v-else
-        class="lw-global-model-box border-2"
-        style="padding-top: 3px"
-      >
-
-        <!-- 扫描拣选容器号获取播种类型 -->
-        <lw-input
-          :title="$lwLanguage.get('','拣选容器号')"
-          v-model="startSow.pickContainer.value"
-          :get-focus.sync="startSow.pickContainer.focus"
-          :disabled="startSow.start"
-          @confirm="pickConfirm"
-        >
-
-          <template #button>
-            <lw-button
-              v-if="!startSow.start"
-              round
-              mini
-              @click="pickConfirm"
-            >{{ $lwLanguage.get('','确认') }}</lw-button>
-            <div v-else>
-              <span class="lw-global-value-bold-red">{{ startSow.data.sowQty }}</span>
-              <span class="lw-global-value-bold"> / {{ startSow.data.pickQty }}</span>
-            </div>
-          </template>
-
-        </lw-input>
-
-        <!-- 获取到播种类型 -->
-        <template v-if="startSow.start">
-
-          <div
-            style="margin-top: 10px"
-            class="lw-global-flex-between"
-          >
-            <div style="flex: 1">
-              <!-- 播种方式 -->
-              <lw-tag
-                type="danger"
-                size="large"
-                round
-                plain
-              >{{ sowMethod.method }}</lw-tag>
-
-              <!-- 批量播种输入的商品号 -->
-              <lw-input
-                v-if="sowMethod.sku"
-                :title="sowMethod.inputTitle"
-                v-model="skuSow.sku.value"
-                :get-focus.sync="skuSow.sku.focus"
-                auto-clear-val
-                rule-key="sku"
-                @confirm="skuSowConfirm"
-              />
-
-              <!-- 逐件扫描的序列号 -->
-              <lw-input
-                v-else
-                :title="sowMethod.inputTitle"
-                v-model="snSow.value"
-                :get-focus.sync="snSow.focus"
-                auto-clear-val
-                rule-key="sn"
-                @confirm="snSowConfirm"
-              />
-            </div>
-
-            <!-- 播种位指示 -->
-            <div
-              v-if="Object.keys(nowSowSkuInfo.data).length"
-              :class="[
-                'lw-global-flex-center',
-                'lw-outbound-sow-code',
-                nowSowSkuInfo.animation ? 'lw-global-animation-breath' : ''
-              ]"
-            >{{ nowSowSkuInfo.data.sowWallLineCode }}</div>
-          </div>
-
-          <!-- 播种信息展示 -->
-          <template v-if="Object.keys(nowSowSkuInfo.data).length">
-
-            <div class="lw-global-row">
-              <div class="lw-global-value-bold">{{ nowSowSkuInfo.data.skuCode }}</div>
-              <div class="lw-global-title">{{ nowSowSkuInfo.data.skuName }}</div>
-            </div>
-
-            <lw-title-value-cell
-              :title="$lwLanguage.get('','最小销售量')"
-              :value="nowSowSkuInfo.data.minSellQty"
-              val-bold
-            />
-
-            <div class="lw-global-row lw-global-flex-between">
-
-              <lw-title-value-cell
-                :title="$lwLanguage.get('','待播种')"
-                :value="nowSowSkuInfo.data.waitSowQty"
-                val-red
-                val-bold
-                :is-row="false"
-              />
-
-
-              <div class="lw-global-flex-between">
-
-                <div class="lw-global-title">
-                  {{ $lwLanguage.get('','已播种/总量') }}
-                </div>
-                <div class="lw-global-value">
-                  <span class="lw-global-value-bold-red">{{ nowSowSkuInfo.data.sowQty }}</span>
-                  <span class="lw-global-value-bold"> / {{ nowSowSkuInfo.data.totalQty }}</span>
-                </div>
-
-              </div>
-
-            </div>
-
-
-            <!-- 批量播种数量输入框 -->
-            <template v-if="sowMethod.sku">
-              <lw-input
-                :title="$lwLanguage.get('','当前扫描量')"
-                v-model="skuSow.qty.value"
-                :get-focus.sync="skuSow.qty.focus"
-                type="digit"
-                @confirm="skuSowQtyConfirm"
-              />
-
-              <div
-                class="lw-global-flex-between lw-global-row-end"
-                style="padding-bottom: 0"
-              >
-                <lw-button
-                  type="last"
-                  plain
-                  block
-                  mini
-                  round
-                  @click="skuSowRepeatScan"
-                >{{ $lwLanguage.get('','重新扫描') }}</lw-button>
-
-                <lw-button
-                  style="margin-left: 10px"
-                  block
-                  mini
-                  round
-                  @click="skuSowQtyConfirm"
-                >{{ $lwLanguage.get('','确认播种') }}</lw-button>
-              </div>
-            </template>
-
-
-            <!-- 逐件扫描播种 -->
-            <template v-else>
-              <lw-title-value-cell
-                :title="$lwLanguage.get('','当前序列号')"
-                :value="snSow.scanData.sn"
-                val-bold
-              />
-              <lw-input
-                :title="$lwLanguage.get('','当前扫描量')"
-                v-model="snSow.scanData.qty"
-                :disabled="true"
-              >
-
-                <template #button>
-
-                  <lw-button
-                    round
-                    mini
-                    @click="snSowClearNow"
-                  >{{ $lwLanguage.get('','取消本次扫描') }}</lw-button>
-
-                </template>
-
-              </lw-input>
-            </template>
-
-          </template>
-
-        </template>
-
-      </div>
-
-      <!-- 拣选容器折叠框 -->
-      <div class="lw-global-model-box lw-global-collapse-box">
-        <van-collapse
-          v-model="pickCollapse"
-          :border="false"
-        >
-          <van-collapse-item name="pick">
-
-            <template #title>
-              <div class="lw-global-flex-between">
-
-                <div>{{ $lwLanguage.get('', '拣选容器') }}</div>
-                <div class="lw-global-value-bold-red">
-                  {{ sowData.containerList.length || 0 }}
-                  {{ $lwLanguage.get('', '行') }}
-                </div>
-
-              </div>
-            </template>
-
-            <div
-              v-for="(i,k) in sowData.containerList"
-              :key="k"
-              class="lw-global-row lw-global-flex-between"
-            >
-
-              <div
-                style="flex-shrink: 0"
-                class="lw-global-title"
-              >
-                {{ $lwLanguage.get('', '拣选容器号') }}
-              </div>
-
-              <div
-                style="flex: 1"
-                class="lw-global-flex-between lw-global-value-bold"
-              >
-
-                <div style="flex: 1">{{ i.pickContainer }}</div>
-                <div style="flex-shrink: 0">
-                  <span class="lw-global-value-bold-red">{{ i.sowQty }}</span>
-                  /
-                  {{ i.pickQty }}
-                </div>
-
-              </div>
-
-            </div>
-
-          </van-collapse-item>
-        </van-collapse>
-      </div>
-
-      <!-- 播种位列表折叠框 -->
-      <div class="lw-global-model-box lw-global-collapse-box">
-        <van-collapse
-          v-model="sowCollapse"
-          :border="false"
-        >
-          <van-collapse-item name="sow">
-
-            <template #title>
-              <div class="lw-global-flex-between">
-
-                <div>{{ $lwLanguage.get('', '播种位列表') }}</div>
-                <div class="lw-global-value-bold-red">
-                  {{ sowData.sowWallLineList.length || 0 }}
-                  {{ $lwLanguage.get('', '行') }}
-                </div>
-
-              </div>
-            </template>
-            <sow-location-list :sow-list="sowData.sowWallLineList"/>
-
-          </van-collapse-item>
-        </van-collapse>
-      </div>
-
-    </div>
-
-    <lw-bottom-bar-btn-hidden :btn-list="bottomBtnList"/>
-
-    <!-- 绑定周转箱 -->
-    <lw-popup
-      :title="$lwLanguage.get('','绑定周转箱')"
-      v-model="bindContainerPopup.show"
-      @closed="bindContainerPopupOff"
-    >
-
-      <template v-if="sowData.sowWallLineList">
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','播种墙')"
-          :value="sowData.sowWallCode"
-          val-bold
-        />
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','当前正在绑定播种位')"
-          :value="sowData.sowWallLineList[bindContainerPopup.index].sowWallLineCode"
-          val-bold
-          val-red
-          val-size="16px"
-        />
-
-        <lw-input
-          :title="$lwLanguage.get('','周转箱号')"
-          v-model="bindContainerPopup.container.value"
-          :get-focus.sync="bindContainerPopup.container.focus"
-          @confirm="sowLocationBindContainerConfirm"
-        >
-
-          <template #button>
-            <lw-button
-              mini
-              round
-              @click="sowLocationBindContainerConfirm"
-            >{{ $lwLanguage.get('','绑定') }}</lw-button>
-          </template>
-
-        </lw-input>
-
-        <div
-          class="lw-global-flex-between lw-global-row lw-global-click-style"
-          v-for="(i,k) in sowData.sowWallLineList"
-          :key="k"
-          @click="selectSowLocation(k)"
-        >
-
-          <div class="lw-global-value-bold">{{ i.sowWallLineCode }}</div>
-          <div class="lw-global-value-bold">{{ i.sowPositionContainer }}</div>
-
-        </div>
-      </template>
-
-      <template #button>
-        <lw-button @click="repeatBind">
-          {{ $lwLanguage.get('','重新绑定') }}
-        </lw-button>
-      </template>
-
-    </lw-popup>
-
-    <!-- 缺货完成 -->
-    <lw-popup
-      :title="$lwLanguage.get('','缺货完成')"
-      v-model="littlePopup.show"
-    >
-
-      <div style="margin-bottom: 10px" class="lw-global-flex-between">
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','播种墙')"
-          :value="sowData.sowWallCode"
-          val-bold
-          :is-row="false"
-        />
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','总缺货量')"
-          :value="littlePopup.data.waitSowQty"
-          val-bold
-          val-red
-          :is-row="false"
-        />
-
-      </div>
-
-      <sow-location-list :sow-list="littlePopup.data.sowWallLineList"/>
-
-      <template #button>
-        <lw-button @click="littleConfirm">
-          {{ $lwLanguage.get('','确认缺货完成') }}
-        </lw-button>
-      </template>
-    </lw-popup>
-
-    <!-- 播种位播种完成 -->
-    <lw-popup
-      :title="$lwLanguage.get('','播种位播种完成')"
-      v-model="sowLocationOverPopup.show"
-      @closed="getData"
-    >
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','播种墙')"
-        :value="sowData.sowWallCode"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','播种位')"
-        :value="sowLocationOverPopup.data.sowWallLineCode"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','周转箱号')"
-        :value="sowLocationOverPopup.data.sowPositionContainer"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','商品数量')"
-        :value="sowLocationOverPopup.data.sowWallLineQty"
-        val-bold
-        val-red
-      />
-
-      <div
-        class="lw-global-row-end"
-        style="text-align: center;padding-bottom: 0"
-      >
-        <lw-tag
-          plain
-          size="large"
-        >{{ $lwLanguage.get('','已播种完成') }}</lw-tag>
-      </div>
-
-    </lw-popup>
-
-    <!-- 播种批次完成 -->
-    <lw-popup
-      :title="$lwLanguage.get('','播种批次完成')"
-      v-model="sowLotOverPopup.show"
-      @closed="goBack"
-    >
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('','播种墙')"
-        :value="sowData.sowWallCode"
-        val-bold
-      />
-
-      <div class="lw-global-row" style="text-align: center">
-        <lw-tag
-          plain
-          size="large"
-        >{{ $lwLanguage.get('','已播种完成') }}</lw-tag>
-      </div>
-
-      <sow-location-list :sow-list="sowLotOverPopup.data.sowWallLineList"/>
-
-    </lw-popup>
-
-    <!-- 播满换箱 -->
-    <lw-popup
-      :title="$lwLanguage.get('','播满换箱')"
-      v-model="sowFullPopup.show"
-      @closed="sowFullOff"
-    >
-
-      <lw-input
-        :title="$lwLanguage.get('','已满容器号')"
-        v-model="sowFullPopup.fullContainer.value"
-        :get-focus.sync="sowFullPopup.fullContainer.focus"
-        @confirm="sowFullContainerConfirm"
-      />
-
-      <div class="lw-global-row lw-global-flex-between">
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','播种位')"
-          :value="sowFullPopup.sowLocationInfo.sowWallLineCode"
-          val-bold
-          :is-row="false"
-        />
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('','已播种量')"
-          :value="sowFullPopup.sowLocationInfo.sowQty"
-          val-bold
-          val-red
-          :is-row="false"
-        />
-
-      </div>
-
-      <lw-input
-        :title="$lwLanguage.get('','新容器号')"
-        v-model="sowFullPopup.newContainer.value"
-        :get-focus.sync="sowFullPopup.newContainer.focus"
-        @confirm="sowFullNewContainerConfirm"
-      />
-
-      <div
-        class="lw-global-value"
-        style="margin-top: 8px;text-align: center"
-      >{{$lwLanguage.get(
-          '',
-          '拿下已播满容器号！因为没有播种完成，还需要扫码新空容器号，继续播种接货'
-      )}}</div>
-
-      <template #button>
-        <lw-button @click="sowFullNewContainerConfirm">
-          {{ $lwLanguage.get('','确认') }}
-        </lw-button>
-      </template>
-
-    </lw-popup>
-
-    <!-- 查看未播种数 -->
-    <lw-popup
-      :title="$lwLanguage.get('','未播种商品')"
-      v-model="waitSowSkuPopup.show"
-      @closed="waitSowSkuPopup.showCom=false"
-    >
-
-      <template v-if="waitSowSkuPopup.showCom && waitSowSkuPopup.data.length">
-        <wait-sow-collapse
-          v-for="(i,k) in waitSowSkuPopup.data"
-          :key="k"
-          :item="i"
-          @abn="abnClick"
-        />
-      </template>
-      <lw-not-data v-else/>
-
-    </lw-popup>
-
-    <!-- 异常弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('','播种分拣异常上报')"
-      v-model="abnPopup.show"
-      @closed="abnPopup.showCom=false"
-    >
-
-      <lw-inner-abnormal-module
-        ref="abnormal"
-        v-if="abnPopup.showCom"
-        :location="abnPopup.data.locationCode"
-        :sku-code="abnPopup.data.skuCode"
-        :sku-name="abnPopup.data.skuName"
-        :qty="abnPopup.data.waitSowQty"
-        :type="$lwLanguage.get('','出库')"
-        :ab-type="$lwLanguage.get('','播种分拣')"
-      />
-
-      <template #button>
-        <lw-button @click="abnConfirm">
-          {{ $lwLanguage.get('','上报') }}
-        </lw-button>
-      </template>
-
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-
-import sowLocationList from './../components/sowLocationList/index.vue'
-import waitSowCollapse from './../components/waitSowCollapse/index.vue'
-import {
-  projectWmsBindSowPositionContainer,
-  projectWmsSowBatchSubmit,
-  projectWmsSowChangePositionContainer,
-  projectWmsSowComputeSkuSowPosition,
-  projectWmsSowContainerData,
-  projectWmsSowLotQueryUnfinishContainer,
-  projectWmsSowQuerySowLotData,
-  projectWmsSowQueryStockoutData,
-  projectWmsSowRebindContainer,
-  projectWmsSowSingleCancel,
-  projectWmsSowSingleSubmit,
-  projectWmsSowStockoutFinish,
-  projectWmsSowSubmitAbnormal
-} from "../../../../../api/outbound/sow/action";
-
-export default {
-  name: "lwOutboundSowActionPage",
-  components:{
-    sowLocationList,
-    waitSowCollapse
-  },
-  data() {
-    return {
-
-      // 底部按钮列表
-      bottomBtnAll:{
-        bindContainer:{
-          text: this.$lwLanguage.get('','绑定容器号'),
-          click: this.bindContainerClick
-        },
-        littleOver:{
-          text: this.$lwLanguage.get('','缺货完成'),
-          click: this.littleClick
-        },
-        abn:{
-          text: this.$lwLanguage.get('','商品异常'),
-          click: this.openWaitSowPopup
-        },
-        cutContainer:{
-          text: this.$lwLanguage.get('','切换容器'),
-          click: this.cutPickContainer
-        },
-        sowFull:{
-          text: this.$lwLanguage.get('','播满换箱'),
-          click: this.openSowFullPopup
-        },
-      },
-
-      // 拣选容器折叠
-      pickCollapse:['pick'],
-
-      // 播种位折叠
-      sowCollapse:['sow'],
-
-      // 播种数据
-      sowData:{},
-
-      // 播种方式
-      sowMethod:{},
-
-      // 当前播种商品信息
-      nowSowSkuInfo:{
-        data:{},
-        animation: false,
-      },
-
-      // 扫描播种
-      startSow:{
-        start: false,
-        pickContainer:{
-          value:'',
-          focus: false
-        },
-        data:{},
-      },
-
-      // 批量播种商品
-      skuSow:{
-        sku:{
-          value: '',
-          focus: false
-        },
-
-        qty:{
-          value:'',
-          focus: false,
-          disabled: false
-        }
-      },
-
-      // 逐件播种
-      snSow:{
-        value: '',
-        focus: false,
-        scanData:{}
-      },
-
-      // 绑定周转箱弹框
-      bindContainerPopup:{
-        show: false,
-        container:{
-          value:'',
-          focus: true
-        },
-        index: 0,
-        sowLocation:''
-      },
-
-      // 缺货完成弹框
-      littlePopup:{
-        show: false,
-        data:{}
-      },
-
-      // 播种位播种完成弹框
-      sowLocationOverPopup:{
-        show: false,
-        data:{}
-      },
-
-      // 播种批次完成弹框
-      sowLotOverPopup:{
-        show: false,
-        data:{}
-      },
-
-      // 播满换箱弹框
-      sowFullPopup:{
-        show: false,
-        fullContainer:{
-          value: '',
-          focus: false
-        },
-        sowLocationInfo:{},
-        newContainer:{
-          value:'',
-          focus: false
-        }
-      },
-
-      // 未播种商品弹框
-      waitSowSkuPopup:{
-        show: false,
-        showCom: false,
-        data:{}
-      },
-
-      // 异常上报
-      abnPopup:{
-        show: false,
-        showCom: false,
-        data:{}
-      }
-    }
-  },
-  computed:{
-    // 底部按钮显示列表
-    bottomBtnList(){
-      // 是否需要绑定容器号
-      if (this.sowData.needBindContainer){
-        return [
-          this.bottomBtnAll.bindContainer,
-          this.bottomBtnAll.littleOver
-        ]
-      }
-
-      // 是否已经扫描了拣选容器
-      if (!this.startSow.start){
-        return [
-          this.bottomBtnAll.littleOver,
-          this.bottomBtnAll.abn
-        ]
-      }
-
-      return [
-        this.bottomBtnAll.cutContainer,
-        this.bottomBtnAll.littleOver,
-        this.bottomBtnAll.sowFull,
-        this.bottomBtnAll.abn,
-      ]
-    },
-  },
-  mounted() {
-    this.getData()
-  },
-  methods: {
-    // 获取数据
-    getData(isSow=false, isSn=false){
-      return new Promise((pres, err)=>{
-        const qutry = this.$route.query
-        projectWmsSowQuerySowLotData({
-          sowWallId: qutry.lwSowWallId,
-          sowWallCode: qutry.lwSowWallCode,
-          sowLot:qutry.lwSowLot,
-        }).then(res=>{
-          this.sowData = res
-
-          // 判断当前是否存在正在播种的拣选容器
-          if (this.startSow.start){
-
-            // 过滤找到当前播种的拣选容器
-            const list = res.containerList.filter(item=>{
-              return item.pickContainer === this.startSow.pickContainer.value
-            })
-
-            let over = false
-
-            // 判断当前拣选容器是否存在新返回的数据中，如果存在就替换数据
-            if (list.length){
-              const data = list[0]
-              this.startSow.data.pickQty = data.pickQty
-              this.startSow.data.sowQty = data.sowQty
-
-              over = data.sowQty === data.pickQty
-              over && !isSn && this.cutPickContainer()
-
-            }else {
-              !isSn && this.cutPickContainer()
-            }
-
-            const msg = over ?
-              this.$lwLanguage.get('','当前容器已播种完成') :
-              this.$lwLanguage.get('','播种成功')
-
-            isSow && this.$lwToast.success(msg)
-          }
-          pres()
-        }).catch(()=>{
-          this.goBack()
-          err()
-        })
-      })
-    },
-
-    // 绑定周转箱
-    bindContainerClick(){
-      this.selectFistSowBind(true)
-      this.bindContainerPopup.show = true
-    },
-    // 找到第一个需要绑定容器的播种位
-    selectFistSowBind(need){
-      const wait = this.sowData.sowWallLineList
-
-      // 找到第一个需要绑定的播种位
-      for (let i=0;i<wait.length;i++){
-        if (wait[i].needBindContainer){
-          this.bindContainerPopup.index = i
-          this.bindContainerPopup.container.focus = true
-          return
-        }
-      }
-
-      if (need) {
-        this.bindContainerPopup.index = 0
-        this.bindContainerPopup.container.focus = true
-        return;
-      }
-
-      this.$lwToast.success(
-        this.$lwLanguage.get('','播种位已全部绑定周转箱')
-      )
-      this.bindContainerPopup.show = false
-    },
-    // 播种位绑定周转箱确认
-    sowLocationBindContainerConfirm(){
-
-      if (!this.bindContainerPopup.container.value){
-        this.bindContainerPopup.container.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','容器号不能为空')
-        )
-        return
-      }
-
-      const item = this.sowData.sowWallLineList[this.bindContainerPopup.index]
-      projectWmsBindSowPositionContainer({
-        sowWallId: this.sowData.sowWallId,
-        sowWallLineId: item.sowWallLineId,
-        sowWallLineCode: item.sowWallLineCode,
-        bindContainer: this.bindContainerPopup.container.value
-      }).then(()=>{
-        item.sowPositionContainer = this.bindContainerPopup.container.value
-        item.needBindContainer = false
-        this.bindContainerPopup.container.value = ''
-        this.selectFistSowBind()
-      }).catch(()=>{
-        this.bindContainerPopup.container.focus = true
-        this.bindContainerPopup.container.value = ''
-      })
-    },
-    // 点击播种位位选择绑定容器
-    selectSowLocation(index){
-      this.bindContainerPopup.container.value = ''
-      this.bindContainerPopup.container.focus = true
-      this.bindContainerPopup.index = index
-    },
-    // 重新绑定
-    repeatBind(){
-      this.$dialog.confirm({
-        title: this.$lwLanguage.get('','警告'),
-        message: this.$lwLanguage.get('','当前播种位绑定的容器将会被全部清空')
-      }).then(()=>{
-        projectWmsSowRebindContainer({
-          sowWallId: this.sowData.sowWallId,
-          sowWallCode: this.sowData.sowWallCode,
-          sowLot: this.sowData.sowLot,
-        }).then(()=>{
-          this.$lwToast.success(
-            this.$lwLanguage.get('','操作成功')
-          )
-          this.getData().then(()=>this.selectFistSowBind(true))
-        })
-      }).catch(()=>{})
-    },
-    // 绑定周转箱弹出框关闭
-    bindContainerPopupOff(){
-      this.bindContainerPopup.container.value=''
-      this.getData()
-    },
-
-
-    // 缺货完成按钮点击
-    littleClick(){
-      projectWmsSowQueryStockoutData({
-        sowWallId: this.sowData.sowWallId,
-        sowLot: this.sowData.sowLot,
-      }).then(res=>{
-        this.littlePopup.data = res
-        this.littlePopup.show = true
-      })
-    },
-    // 确认缺货完成
-    littleConfirm(){
-      projectWmsSowStockoutFinish({
-        sowWallId: this.sowData.sowWallId,
-        sowLot: this.sowData.sowLot
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('','缺货完成')
-        )
-        history.go(-1)
-      })
-    },
-
-    // 拣选容器号确认
-    pickConfirm(){
-      if (!this.startSow.pickContainer.value){
-        this.startSow.pickContainer.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','拣选容器号不能为空')
-        )
-        return
-      }
-
-      const list = this.sowData.containerList.filter(item=>{
-        return item.pickContainer === this.startSow.pickContainer.value
-      })
-
-      if(!list.length){
-        this.startSow.pickContainer.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','扫描容器号不在当前播种批次内')
-        )
-        this.startSow.pickContainer.value = ''
-        return
-      }
-
-      projectWmsSowContainerData({
-        sowWallId: this.sowData.sowWallId,
-        sowWallCode: this.sowData.sowWallCode,
-        sowLot: this.sowData.sowLot,
-        pickContainer: this.startSow.pickContainer.value
-      }).then(res=>{
-
-        // 判断是否是批量播种
-        if (res.sowMethod === 'BATCH') {
-          this.sowMethod = {
-            method: this.$lwLanguage.get('', '批量播种'),
-            inputTitle: this.$lwLanguage.get('', '商品条码'),
-            sku: true
-          }
-          this.skuSow.sku.focus = true
-        } else {
-          this.sowMethod = {
-            method: this.$lwLanguage.get('', '逐件扫描播种'),
-            inputTitle: this.$lwLanguage.get('', '商品序列号'),
-            sku: false
-          }
-          this.snSow.focus = true
-        }
-
-        this.startSow.data = res
-        this.startSow.start = true
-      })
-    },
-    // 切换拣选容器号
-    cutPickContainer(){
-      this.startSow.pickContainer.value = ''
-      this.startSow.pickContainer.focus = true
-      this.startSow.start = false
-      this.startSow.data = {}
-      this.clearSkuSowData()
-    },
-
-    // 商品合法性校验
-    skuCodeCheck(skuCode){
-
-      if (!skuCode){
-        this.skuSow.sku.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','商品号不能为空')
-        )
-        return {
-          success: false
-        }
-      }
-
-      const skuList = this.startSow.data.skuList.filter(item=>{
-        return item.skuCode === skuCode
-      })
-
-      if(!skuList.length){
-        this.skuSow.sku.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','当前商品不在拣选容器内')
-        )
-        return {
-          success: false
-        }
-      }
-
-      return {
-        success: true,
-        skuList
-      }
-    },
-
-    // 设置当前播种的商品数据
-    setNowSowSkuInfo(res){
-      this.nowSowSkuInfo.data = res
-      this.nowSowSkuInfo.animation = true
-      this.$lwAppPower.speak(this.nowSowSkuInfo.data.sowWallLineCode)
-    },
-
-    // 清除当前播种数据
-    clearSkuSowData(){
-      this.nowSowSkuInfo.data = {}
-      this.snSow.value = ''
-      this.skuSow.qty.value = ''
-      this.nowSowSkuInfo.data = {}
-      this.nowSowSkuInfo.animation = false
-    },
-
-    // 批量播种商品扫描完成
-    skuSowConfirm(val, data){
-      const {skuCode, qty} = data.data
-
-      this.nowSowSkuInfo.animation = false
-
-      const {success, skuList} = this.skuCodeCheck(skuCode)
-      if(!success) return
-
-      const oldSkuCode = this.nowSowSkuInfo.data.skuCode
-      if (oldSkuCode && oldSkuCode !== skuCode){
-        this.skuSow.sku.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','当前商品与正在播种商品不一致')
-        )
-        return
-      }
-
-      projectWmsSowComputeSkuSowPosition({
-        sowWallId: this.sowData.sowWallId,
-        sowWallCode: this.sowData.sowWallCode,
-        sowLot: this.sowData.sowLot,
-        pickContainer: this.startSow.pickContainer.value,
-        ownerId: skuList[0].ownerId,
-        skuId: skuList[0].skuId,
-        skuCode: skuList[0].skuCode,
-      }).then(res=>{
-
-        const oldSowWall = this.nowSowSkuInfo.data.sowWallLineCode
-        if (oldSowWall && oldSowWall !== res.sowWallLineCode){
-          this.skuSow.sku.focus = true
-          this.$lwShowErrorMsg(
-            this.$lwLanguage.get('','当前商品与正在播种商品不在同一播种位，不能播种！')
-          )
-          return
-        }
-
-        this.setNowSowSkuInfo(res)
-
-        const total = Number(this.skuSow.qty.value || 0) + Number(qty || 0)
-        this.skuSow.qty.value = total
-
-        // 如果播种量等于待播种量就自动提交
-        if (total === Number(res.waitSowQty || 0)){
-          this.skuSowQtyConfirm()
-          return
-        }
-
-        this.skuSow.sku.focus = true
-      })
-    },
-    // 扫描数量确定
-    skuSowQtyConfirm(){
-
-      const qty = Number(this.skuSow.qty.value || 0)
-      if (!qty){
-        this.skuSow.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','播种量不能为空，且应当是大于0的整数')
-        )
-        return
-      }
-      if (qty > Number(this.nowSowSkuInfo.data.waitSowQty ||0)){
-        this.skuSow.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','播种量不能大于待播种量')
-        )
-        this.skuSow.qty.value = ''
-        return
-      }
-
-      projectWmsSowBatchSubmit({
-        sowWallId: this.sowData.sowWallId,
-        sowWallCode: this.sowData.sowWallCode,
-        sowLot: this.sowData.sowLot,
-        sowWallLineId: this.nowSowSkuInfo.data.sowWallLineId,
-        sowWallLineCode: this.nowSowSkuInfo.data.sowWallLineCode,
-        sowPositionContainer: this.nowSowSkuInfo.data.sowPositionContainer,
-        ownerId: this.nowSowSkuInfo.data.ownerId,
-        skuId: this.nowSowSkuInfo.data.skuId,
-        pickContainer: this.startSow.pickContainer.value,
-        currentSowQty: qty
-      }).then(res=>{
-
-        this.sowOver(res)
-      })
-    },
-    // 批量扫描 - 重新扫描
-    skuSowRepeatScan(){
-      this.clearSkuSowData()
-      this.skuSow.sku.focus = true
-    },
-
-    // 逐件扫描序列号确认
-    snSowConfirm(val,data){
-      const {skuCode, sn, qty} = data.data
-      this.nowSowSkuInfo.animation = false
-
-      const {success, skuList} = this.skuCodeCheck(skuCode)
-      if(!success) return
-
-      const scanData = {
-        sn,
-        qty: qty || skuList[0].minSellQty,
-        ownerId: skuList[0].ownerId,
-        skuId: skuList[0].skuId,
-        skuCode: skuList[0].skuCode,
-        sowWallId: this.sowData.sowWallId,
-        sowLot: this.sowData.sowLot,
-        pickContainer: this.startSow.pickContainer.value,
-        sowWallCode: this.sowData.sowWallCode,
-      }
-
-      projectWmsSowSingleSubmit({
-        ...scanData,
-        currentSowQty: scanData.qty
-      }).then(res=>{
-
-        this.setNowSowSkuInfo(res)
-
-        this.snSow.scanData = {
-          ...scanData,
-          sowWallLineId: res.sowWallLineId,
-          sowWallLineCode: res.sowWallLineCode,
-          sowPositionContainer: res.sowPositionContainer,
-        }
-
-        this.sowOver(res, true)
-      })
-    },
-    // 逐件扫描 - 取消本次扫描
-    snSowClearNow(){
-      projectWmsSowSingleCancel({
-        ...this.snSow.scanData,
-        cancelQty: this.snSow.scanData.qty
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('','已取消')
-        )
-
-        this.clearSkuSowData()
-        this.getData(false, true)
-        this.snSow.focus = true
-
-      })
-    },
-
-    // 校验当前播种是否完成
-    checkSowOver(res){
-      // 当前批次是否完成
-      if (res.sowLotFinish){
-        this.sowLotOverPopup.data = res
-        this.sowLotOverPopup.show = true
-        return true
-      }
-
-      // 当前播种位是否完成
-      if (res.sowWallLineFinish){
-        this.sowLocationOverPopup.data = res
-        this.sowLocationOverPopup.show = true
-        return true
-      }
-
-      return false
-    },
-    // 播种完成
-    sowOver(res, isSn=false){
-
-      !isSn && this.clearSkuSowData()
-
-      !isSn && this.cutPickContainer()
-
-      if(this.checkSowOver(res)) return
-
-      this.getData(true, isSn)
-      this.startSow.pickContainer.focus = true
-    },
-
-    // 返回上一页
-    goBack(){
-      history.go(-1)
-    },
-
-    // 播满换箱弹框 - 打开弹框
-    openSowFullPopup(){
-      this.sowFullPopup.show = true
-      this.sowFullPopup.fullContainer.focus = true
-    },
-    // 播满换箱弹框 - 已满容器确认
-    sowFullContainerConfirm(){
-
-      if(!this.sowFullPopup.fullContainer.value){
-        this.sowFullPopup.fullContainer.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','已满容器不能为空')
-        )
-        return
-      }
-
-      const list = this.sowData.sowWallLineList.filter(item=>{
-        return item.sowPositionContainer === this.sowFullPopup.fullContainer.value
-      })
-
-      if(!list.length){
-        this.sowFullPopup.fullContainer.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','没有找到已满的容器号')
-        )
-        this.sowFullPopup.fullContainer.value = ''
-        return
-      }
-
-      this.sowFullPopup.sowLocationInfo = list[0]
-      this.sowFullPopup.newContainer.focus = true
-
-    },
-    // 播满换箱弹框 - 新容器确定
-    sowFullNewContainerConfirm(){
-
-      if (!this.sowFullPopup.sowLocationInfo.sowWallLineCode){
-        this.sowFullPopup.fullContainer.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','请输入已满容器，并获取容器对应的播种位信息')
-        )
-        return
-      }
-
-      if (!this.sowFullPopup.newContainer.value){
-        this.sowFullPopup.newContainer.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('','新容器不能为空')
-        )
-        return
-      }
-
-      projectWmsSowChangePositionContainer({
-        sowWallId: this.sowData.sowWallId,
-        sowLot: this.sowData.sowLot,
-        sowWallLineId: this.sowFullPopup.sowLocationInfo.sowWallLineId,
-        sowWallLineCode: this.sowFullPopup.sowLocationInfo.sowWallLineCode,
-        sowPositionContainer: this.sowFullPopup.fullContainer.value,
-        bindContainer: this.sowFullPopup.newContainer.value,
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('','已更换')
-        )
-        this.getData()
-        this.sowFullPopup.show = false
-      })
-    },
-    // 播满换箱弹框 - 关闭
-    sowFullOff(){
-      this.sowFullPopup.fullContainer.value = ''
-      this.sowFullPopup.newContainer.value = ''
-      this.sowFullPopup.sowLocationInfo = {}
-    },
-
-    // 查看未播种商品弹框
-    openWaitSowPopup(){
-      projectWmsSowLotQueryUnfinishContainer({
-        sowWallId: this.sowData.sowWallId,
-        sowWallCode: this.sowData.sowWallCode,
-        sowLot: this.sowData.sowLot,
-      }).then(res=>{
-        this.waitSowSkuPopup.data = res
-        this.waitSowSkuPopup.showCom = true
-        this.waitSowSkuPopup.show = true
-      })
-    },
-
-    // 异常弹框打开
-    abnClick(data){
-      this.abnPopup.data = data
-      this.abnPopup.showCom = true
-      this.abnPopup.show = true
-      this.waitSowSkuPopup.show = false
-    },
-    // 确认异常上报
-    abnConfirm(){
-      const {success, data} = this.$refs.abnormal.getAbnormalData()
-
-      if (!success) return
-
-      projectWmsSowSubmitAbnormal({
-        ...data,
-        ...this.abnPopup.data,
-        sowLot: this.sowData.sowLot,
-        sowWallId: this.sowData.sowWallId,
-        sowWallCode: this.sowData.sowWallCode,
-      }).then(res=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('','异常上报成功')
-        )
-        this.abnPopup.show = false
-
-        if (this.checkSowOver(res)) return
-
-        this.getData()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-@import "./../../../../../assets/css/var.less";
-
-.border-2{
-  border: solid 2px @baseColor;
-}
-
-.lw-outbound-sow-code{
-  flex-shrink: 0;
-  padding: 5px;
-  width: 50px;
-  height: 50px;
-  background: #ccc;
-  color: @baseColor;
-  font-size: 24px;
-  font-weight: bold;
-  border-radius: 8px;
-}
-
-</style>
+ <!--
+  播种分拣 - 执行页
+  @author: 张文
+  @date: 2022-06-27
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','播种分拣')"/>
+
+    <div v-if="Object.keys(sowData).length" class="lw-global-page-box">
+
+      <div
+        class="lw-global-model-box"
+        style="border-radius: 10px 10px 0 0"
+      >
+
+        <div class="lw-global-flex-between lw-global-row">
+
+          <div
+            style="flex: 1"
+            class="lw-global-flex-start"
+          >
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('','播种墙编号') }}
+            </div>
+            <div class="lw-global-value-bold">{{ sowData.sowWallCode }}</div>
+          </div>
+
+          <lw-tag
+            round
+            plain
+            type="danger"
+          >{{ $lwLanguage.get('','播种中') }}</lw-tag>
+
+        </div>
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','当前批次')"
+          :value="sowData.sowLot"
+          val-bold
+        />
+
+        <van-progress
+          style="margin: 15px 0 5px 0"
+          stroke-width="8"
+          :percentage="sowData.sowRate ||0"
+          color="linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)"
+        />
+
+      </div>
+      <lw-data-look-bg
+        style="margin-bottom: 10px"
+        type="bottom"
+        click-style
+        @click="openWaitSowPopup"
+      >
+        <div>
+          <div>{{ sowData.containerCount }}</div>
+          <div
+            class="lw-data-look-bg-title"
+          >{{ $lwLanguage.get('','托盘数') }}</div>
+        </div>
+
+        <div>
+          <div>{{ sowData.waitSowQty }}</div>
+          <div
+            class="lw-data-look-bg-title"
+          >{{ $lwLanguage.get('','待播种') }}</div>
+        </div>
+        <div>
+          <div>{{ sowData.sowQty }}</div>
+          <div
+            class="lw-data-look-bg-title"
+          >{{ $lwLanguage.get('','已播种') }}</div>
+        </div>
+
+        <div class="lw-data-last-item">
+          <div>{{ sowData.abnormalQty }}</div>
+          <div
+            class="lw-data-look-bg-title"
+          >{{ $lwLanguage.get('','异常') }}</div>
+        </div>
+      </lw-data-look-bg>
+
+      <!-- 绑定周转箱的提示信息 -->
+      <div
+        class="lw-global-model-box border-2"
+        style="text-align: center;padding: 20px 10px;color: #aaa"
+        v-if="sowData.needBindContainer"
+      >{{ $lwLanguage.get('','请绑定周转箱到播种墙') }}</div>
+      <!-- 已经绑定周转箱 -->
+      <div
+        v-else
+        class="lw-global-model-box border-2"
+        style="padding-top: 3px"
+      >
+
+        <!-- 扫描拣选容器号获取播种类型 -->
+        <lw-input
+          :title="$lwLanguage.get('','拣选容器号')"
+          v-model="startSow.pickContainer.value"
+          :get-focus.sync="startSow.pickContainer.focus"
+          :disabled="startSow.start"
+          rule-key="container"
+          @confirm="pickConfirm"
+        >
+
+          <template #button>
+            <lw-button
+              v-if="!startSow.start"
+              round
+              mini
+              @click="pickConfirm"
+            >{{ $lwLanguage.get('','确认') }}</lw-button>
+            <div v-else>
+              <span class="lw-global-value-bold-red">{{ startSow.data.sowQty }}</span>
+              <span class="lw-global-value-bold"> / {{ startSow.data.pickQty }}</span>
+            </div>
+          </template>
+
+        </lw-input>
+
+        <!-- 获取到播种类型 -->
+        <template v-if="startSow.start">
+
+          <div
+            style="margin-top: 10px"
+            class="lw-global-flex-between"
+          >
+            <div style="flex: 1">
+              <!-- 播种方式 -->
+              <lw-tag
+                type="danger"
+                size="large"
+                round
+                plain
+              >{{ sowMethod.method }}</lw-tag>
+
+              <!-- 批量播种输入的商品号 -->
+              <lw-input
+                v-if="sowMethod.sku"
+                :title="sowMethod.inputTitle"
+                v-model="skuSow.sku.value"
+                :get-focus.sync="skuSow.sku.focus"
+                auto-clear-val
+                rule-key="batchSku"
+                @confirm="skuSowConfirm"
+              />
+
+              <!-- 逐件扫描的序列号 -->
+              <lw-input
+                v-else
+                :title="sowMethod.inputTitle"
+                v-model="snSow.value"
+                :get-focus.sync="snSow.focus"
+                auto-clear-val
+                rule-key="sn"
+                @confirm="snSowConfirm"
+              />
+            </div>
+
+            <!-- 播种位指示 -->
+            <div
+              v-if="Object.keys(nowSowSkuInfo.data).length"
+              :class="[
+                'lw-global-flex-center',
+                'lw-outbound-sow-code',
+                nowSowSkuInfo.animation ? 'lw-global-animation-breath' : ''
+              ]"
+            >{{ nowSowSkuInfo.data.sowWallLineCode }}</div>
+          </div>
+
+          <!-- 播种信息展示 -->
+          <template v-if="Object.keys(nowSowSkuInfo.data).length">
+
+            <div class="lw-global-row">
+              <div class="lw-global-value-bold">{{ nowSowSkuInfo.data.skuCode }}</div>
+              <div class="lw-global-title">{{ nowSowSkuInfo.data.skuName }}</div>
+            </div>
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','最小销售量')"
+              :value="nowSowSkuInfo.data.minSellQty"
+              val-bold
+            />
+
+            <div class="lw-global-row lw-global-flex-between">
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','待播种')"
+                :value="nowSowSkuInfo.data.waitSowQty"
+                val-red
+                val-bold
+                :is-row="false"
+              />
+
+
+              <div class="lw-global-flex-between">
+
+                <div class="lw-global-title">
+                  {{ $lwLanguage.get('','已播种/总量') }}
+                </div>
+                <div class="lw-global-value">
+                  <span class="lw-global-value-bold-red">{{ nowSowSkuInfo.data.sowQty }}</span>
+                  <span class="lw-global-value-bold"> / {{ nowSowSkuInfo.data.totalQty }}</span>
+                </div>
+
+              </div>
+
+            </div>
+
+
+            <!-- 批量播种数量输入框 -->
+            <template v-if="sowMethod.sku">
+              <lw-input
+                :title="$lwLanguage.get('','当前扫描量')"
+                v-model="skuSow.qty.value"
+                :get-focus.sync="skuSow.qty.focus"
+                type="digit"
+                @confirm="skuSowQtyConfirm"
+              />
+
+              <div
+                class="lw-global-flex-between lw-global-row-end"
+                style="padding-bottom: 0"
+              >
+                <lw-button
+                  type="last"
+                  plain
+                  block
+                  mini
+                  round
+                  @click="skuSowRepeatScan"
+                >{{ $lwLanguage.get('','重新扫描') }}</lw-button>
+
+                <lw-button
+                  style="margin-left: 10px"
+                  block
+                  mini
+                  round
+                  @click="skuSowQtyConfirm"
+                >{{ $lwLanguage.get('','确认播种') }}</lw-button>
+              </div>
+            </template>
+
+
+            <!-- 逐件扫描播种 -->
+            <template v-else>
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','当前序列号')"
+                :value="snSow.scanData.sn"
+                val-bold
+              />
+              <lw-input
+                :title="$lwLanguage.get('','当前扫描量')"
+                v-model="snSow.scanData.qty"
+                :disabled="true"
+              >
+
+                <template #button>
+
+                  <lw-button
+                    round
+                    mini
+                    @click="snSowClearNow"
+                  >{{ $lwLanguage.get('','取消本次扫描') }}</lw-button>
+
+                </template>
+
+              </lw-input>
+            </template>
+
+          </template>
+
+        </template>
+
+      </div>
+
+      <!-- 拣选容器折叠框 -->
+      <div class="lw-global-model-box lw-global-collapse-box">
+        <van-collapse
+          v-model="pickCollapse"
+          :border="false"
+        >
+          <van-collapse-item name="pick">
+
+            <template #title>
+              <div class="lw-global-flex-between">
+
+                <div>{{ $lwLanguage.get('', '拣选容器') }}</div>
+                <div class="lw-global-value-bold-red">
+                  {{ sowData.containerList.length || 0 }}
+                  {{ $lwLanguage.get('', '行') }}
+                </div>
+
+              </div>
+            </template>
+
+            <div
+              v-for="(i,k) in sowData.containerList"
+              :key="k"
+              class="lw-global-row lw-global-flex-between"
+            >
+
+              <div
+                style="flex-shrink: 0"
+                class="lw-global-title"
+              >
+                {{ $lwLanguage.get('', '拣选容器号') }}
+              </div>
+
+              <div
+                style="flex: 1"
+                class="lw-global-flex-between lw-global-value-bold"
+              >
+
+                <div style="flex: 1">{{ i.pickContainer }}</div>
+                <div style="flex-shrink: 0">
+                  <span class="lw-global-value-bold-red">{{ i.sowQty }}</span>
+                  /
+                  {{ i.pickQty }}
+                </div>
+
+              </div>
+
+            </div>
+
+          </van-collapse-item>
+        </van-collapse>
+      </div>
+
+      <!-- 播种位列表折叠框 -->
+      <div class="lw-global-model-box lw-global-collapse-box">
+        <van-collapse
+          v-model="sowCollapse"
+          :border="false"
+        >
+          <van-collapse-item name="sow">
+
+            <template #title>
+              <div class="lw-global-flex-between">
+
+                <div>{{ $lwLanguage.get('', '播种位列表') }}</div>
+                <div class="lw-global-value-bold-red">
+                  {{ sowData.sowWallLineList.length || 0 }}
+                  {{ $lwLanguage.get('', '行') }}
+                </div>
+
+              </div>
+            </template>
+            <sow-location-list :sow-list="sowData.sowWallLineList"/>
+
+          </van-collapse-item>
+        </van-collapse>
+      </div>
+
+    </div>
+
+    <lw-bottom-bar-btn-hidden :btn-list="bottomBtnList"/>
+
+    <!-- 绑定周转箱 -->
+    <lw-popup
+      :title="$lwLanguage.get('','绑定周转箱')"
+      v-model="bindContainerPopup.show"
+      @closed="bindContainerPopupOff"
+    >
+
+      <template v-if="sowData.sowWallLineList">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','播种墙')"
+          :value="sowData.sowWallCode"
+          val-bold
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','当前正在绑定播种位')"
+          :value="sowData.sowWallLineList[bindContainerPopup.index].sowWallLineCode"
+          val-bold
+          val-red
+          val-size="16px"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','周转箱号')"
+          v-model="bindContainerPopup.container.value"
+          :get-focus.sync="bindContainerPopup.container.focus"
+          rule-key="container"
+          @confirm="sowLocationBindContainerConfirm"
+        >
+
+          <template #button>
+            <lw-button
+              mini
+              round
+              @click="sowLocationBindContainerConfirm"
+            >{{ $lwLanguage.get('','绑定') }}</lw-button>
+          </template>
+
+        </lw-input>
+
+        <div
+          class="lw-global-flex-between lw-global-row lw-global-click-style"
+          v-for="(i,k) in sowData.sowWallLineList"
+          :key="k"
+          @click="selectSowLocation(k)"
+        >
+
+          <div class="lw-global-value-bold">{{ i.sowWallLineCode }}</div>
+          <div class="lw-global-value-bold">{{ i.sowPositionContainer }}</div>
+
+        </div>
+      </template>
+
+      <template #button>
+        <lw-button @click="repeatBind">
+          {{ $lwLanguage.get('','重新绑定') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+    <!-- 缺货完成 -->
+    <lw-popup
+      :title="$lwLanguage.get('','缺货完成')"
+      v-model="littlePopup.show"
+    >
+
+      <div style="margin-bottom: 10px" class="lw-global-flex-between">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','播种墙')"
+          :value="sowData.sowWallCode"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','总缺货量')"
+          :value="littlePopup.data.waitSowQty"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <sow-location-list :sow-list="littlePopup.data.sowWallLineList"/>
+
+      <template #button>
+        <lw-button @click="littleConfirm">
+          {{ $lwLanguage.get('','确认缺货完成') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+    <!-- 播种位播种完成 -->
+    <lw-popup
+      :title="$lwLanguage.get('','播种位播种完成')"
+      v-model="sowLocationOverPopup.show"
+      @closed="getData"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','播种墙')"
+        :value="sowData.sowWallCode"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','播种位')"
+        :value="sowLocationOverPopup.data.sowWallLineCode"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','周转箱号')"
+        :value="sowLocationOverPopup.data.sowPositionContainer"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','商品数量')"
+        :value="sowLocationOverPopup.data.sowWallLineQty"
+        val-bold
+        val-red
+      />
+
+      <div
+        class="lw-global-row-end"
+        style="text-align: center;padding-bottom: 0"
+      >
+        <lw-tag
+          plain
+          size="large"
+        >{{ $lwLanguage.get('','已播种完成') }}</lw-tag>
+      </div>
+
+    </lw-popup>
+
+    <!-- 播种批次完成 -->
+    <lw-popup
+      :title="$lwLanguage.get('','播种批次完成')"
+      v-model="sowLotOverPopup.show"
+      @closed="goBack"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','播种墙')"
+        :value="sowData.sowWallCode"
+        val-bold
+      />
+
+      <div class="lw-global-row" style="text-align: center">
+        <lw-tag
+          plain
+          size="large"
+        >{{ $lwLanguage.get('','已播种完成') }}</lw-tag>
+      </div>
+
+      <sow-location-list :sow-list="sowLotOverPopup.data.sowWallLineList"/>
+
+    </lw-popup>
+
+    <!-- 播满换箱 -->
+    <lw-popup
+      :title="$lwLanguage.get('','播满换箱')"
+      v-model="sowFullPopup.show"
+      @closed="sowFullOff"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('','已满容器号')"
+        v-model="sowFullPopup.fullContainer.value"
+        :get-focus.sync="sowFullPopup.fullContainer.focus"
+        rule-key="fullContainer"
+        @confirm="sowFullContainerConfirm"
+      />
+
+      <div class="lw-global-row lw-global-flex-between">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','播种位')"
+          :value="sowFullPopup.sowLocationInfo.sowWallLineCode"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','已播种量')"
+          :value="sowFullPopup.sowLocationInfo.sowQty"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <lw-input
+        :title="$lwLanguage.get('','新容器号')"
+        v-model="sowFullPopup.newContainer.value"
+        :get-focus.sync="sowFullPopup.newContainer.focus"
+        rule-key="newContainer"
+        @confirm="sowFullNewContainerConfirm"
+      />
+
+      <div
+        class="lw-global-value"
+        style="margin-top: 8px;text-align: center"
+      >{{$lwLanguage.get(
+          '',
+          '拿下已播满容器号！因为没有播种完成，还需要扫码新空容器号，继续播种接货'
+      )}}</div>
+
+      <template #button>
+        <lw-button @click="sowFullNewContainerConfirm">
+          {{ $lwLanguage.get('','确认') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+    <!-- 查看未播种数 -->
+    <lw-popup
+      :title="$lwLanguage.get('','未播种商品')"
+      v-model="waitSowSkuPopup.show"
+      @closed="waitSowSkuPopup.showCom=false"
+    >
+
+      <template v-if="waitSowSkuPopup.showCom && waitSowSkuPopup.data.length">
+        <wait-sow-collapse
+          v-for="(i,k) in waitSowSkuPopup.data"
+          :key="k"
+          :item="i"
+          @abn="abnClick"
+        />
+      </template>
+      <lw-not-data v-else/>
+
+    </lw-popup>
+
+    <!-- 异常弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','播种分拣异常上报')"
+      v-model="abnPopup.show"
+      @closed="abnPopup.showCom=false"
+    >
+
+      <lw-inner-abnormal-module
+        ref="abnormal"
+        v-if="abnPopup.showCom"
+        :location="abnPopup.data.locationCode"
+        :sku-code="abnPopup.data.skuCode"
+        :sku-name="abnPopup.data.skuName"
+        :qty="abnPopup.data.waitSowQty"
+        :type="$lwLanguage.get('','出库')"
+        :ab-type="$lwLanguage.get('','播种分拣')"
+      />
+
+      <template #button>
+        <lw-button @click="abnConfirm">
+          {{ $lwLanguage.get('','上报') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import sowLocationList from './../components/sowLocationList/index.vue'
+import waitSowCollapse from './../components/waitSowCollapse/index.vue'
+import {
+  projectWmsBindSowPositionContainer,
+  projectWmsSowBatchSubmit,
+  projectWmsSowChangePositionContainer,
+  projectWmsSowComputeSkuSowPosition,
+  projectWmsSowContainerData,
+  projectWmsSowLotQueryUnfinishContainer,
+  projectWmsSowQuerySowLotData,
+  projectWmsSowQueryStockoutData,
+  projectWmsSowRebindContainer,
+  projectWmsSowSingleCancel,
+  projectWmsSowSingleSubmit,
+  projectWmsSowStockoutFinish,
+  projectWmsSowSubmitAbnormal
+} from "../../../../../api/outbound/sow/action";
+
+export default {
+  name: "lwOutboundSowActionPage",
+  components:{
+    sowLocationList,
+    waitSowCollapse
+  },
+  data() {
+    return {
+
+      // 底部按钮列表
+      bottomBtnAll:{
+        bindContainer:{
+          text: this.$lwLanguage.get('','绑定容器号'),
+          click: this.bindContainerClick
+        },
+        littleOver:{
+          text: this.$lwLanguage.get('','缺货完成'),
+          click: this.littleClick
+        },
+        abn:{
+          text: this.$lwLanguage.get('','商品异常'),
+          click: this.openWaitSowPopup
+        },
+        cutContainer:{
+          text: this.$lwLanguage.get('','切换容器'),
+          click: this.cutPickContainer
+        },
+        sowFull:{
+          text: this.$lwLanguage.get('','播满换箱'),
+          click: this.openSowFullPopup
+        },
+      },
+
+      // 拣选容器折叠
+      pickCollapse:['pick'],
+
+      // 播种位折叠
+      sowCollapse:['sow'],
+
+      // 播种数据
+      sowData:{},
+
+      // 播种方式
+      sowMethod:{},
+
+      // 当前播种商品信息
+      nowSowSkuInfo:{
+        data:{},
+        animation: false,
+      },
+
+      // 扫描播种
+      startSow:{
+        start: false,
+        pickContainer:{
+          value:'',
+          focus: false
+        },
+        data:{},
+      },
+
+      // 批量播种商品
+      skuSow:{
+        sku:{
+          value: '',
+          focus: false
+        },
+
+        qty:{
+          value:'',
+          focus: false,
+          disabled: false
+        }
+      },
+
+      // 逐件播种
+      snSow:{
+        value: '',
+        focus: false,
+        scanData:{}
+      },
+
+      // 绑定周转箱弹框
+      bindContainerPopup:{
+        show: false,
+        container:{
+          value:'',
+          focus: true
+        },
+        index: 0,
+        sowLocation:''
+      },
+
+      // 缺货完成弹框
+      littlePopup:{
+        show: false,
+        data:{}
+      },
+
+      // 播种位播种完成弹框
+      sowLocationOverPopup:{
+        show: false,
+        data:{}
+      },
+
+      // 播种批次完成弹框
+      sowLotOverPopup:{
+        show: false,
+        data:{}
+      },
+
+      // 播满换箱弹框
+      sowFullPopup:{
+        show: false,
+        fullContainer:{
+          value: '',
+          focus: false
+        },
+        sowLocationInfo:{},
+        newContainer:{
+          value:'',
+          focus: false
+        }
+      },
+
+      // 未播种商品弹框
+      waitSowSkuPopup:{
+        show: false,
+        showCom: false,
+        data:{}
+      },
+
+      // 异常上报
+      abnPopup:{
+        show: false,
+        showCom: false,
+        data:{}
+      }
+    }
+  },
+  computed:{
+    // 底部按钮显示列表
+    bottomBtnList(){
+      // 是否需要绑定容器号
+      if (this.sowData.needBindContainer){
+        return [
+          this.bottomBtnAll.bindContainer,
+          this.bottomBtnAll.littleOver
+        ]
+      }
+
+      // 是否已经扫描了拣选容器
+      if (!this.startSow.start){
+        return [
+          this.bottomBtnAll.littleOver,
+          this.bottomBtnAll.abn
+        ]
+      }
+
+      return [
+        this.bottomBtnAll.cutContainer,
+        this.bottomBtnAll.littleOver,
+        this.bottomBtnAll.sowFull,
+        this.bottomBtnAll.abn,
+      ]
+    },
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData(isSow=false, isSn=false){
+      return new Promise((pres, err)=>{
+        const qutry = this.$route.query
+        projectWmsSowQuerySowLotData({
+          sowWallId: qutry.lwSowWallId,
+          sowWallCode: qutry.lwSowWallCode,
+          sowLot:qutry.lwSowLot,
+        }).then(res=>{
+          this.sowData = res
+
+          // 判断当前是否存在正在播种的拣选容器
+          if (this.startSow.start){
+
+            // 过滤找到当前播种的拣选容器
+            const list = res.containerList.filter(item=>{
+              return item.pickContainer === this.startSow.pickContainer.value
+            })
+
+            let over = false
+
+            // 判断当前拣选容器是否存在新返回的数据中，如果存在就替换数据
+            if (list.length){
+              const data = list[0]
+              this.startSow.data.pickQty = data.pickQty
+              this.startSow.data.sowQty = data.sowQty
+
+              over = data.sowQty === data.pickQty
+              over && !isSn && this.cutPickContainer()
+
+            }else {
+              !isSn && this.cutPickContainer()
+            }
+
+            const msg = over ?
+              this.$lwLanguage.get('','当前容器已播种完成') :
+              this.$lwLanguage.get('','播种成功')
+
+            isSow && this.$lwToast.success(msg)
+          }
+          pres()
+        }).catch(()=>{
+          this.goBack()
+          err()
+        })
+      })
+    },
+
+    // 绑定周转箱
+    bindContainerClick(){
+      this.selectFistSowBind(true)
+      this.bindContainerPopup.show = true
+    },
+    // 找到第一个需要绑定容器的播种位
+    selectFistSowBind(need){
+      const wait = this.sowData.sowWallLineList
+
+      // 找到第一个需要绑定的播种位
+      for (let i=0;i<wait.length;i++){
+        if (wait[i].needBindContainer){
+          this.bindContainerPopup.index = i
+          this.bindContainerPopup.container.focus = true
+          return
+        }
+      }
+
+      if (need) {
+        this.bindContainerPopup.index = 0
+        this.bindContainerPopup.container.focus = true
+        return;
+      }
+
+      this.$lwToast.success(
+        this.$lwLanguage.get('','播种位已全部绑定周转箱')
+      )
+      this.bindContainerPopup.show = false
+    },
+    // 播种位绑定周转箱确认
+    sowLocationBindContainerConfirm(){
+
+      if (!this.bindContainerPopup.container.value){
+        this.bindContainerPopup.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','容器号不能为空')
+        )
+        return
+      }
+
+      const item = this.sowData.sowWallLineList[this.bindContainerPopup.index]
+      projectWmsBindSowPositionContainer({
+        sowWallId: this.sowData.sowWallId,
+        sowWallLineId: item.sowWallLineId,
+        sowWallLineCode: item.sowWallLineCode,
+        bindContainer: this.bindContainerPopup.container.value
+      }).then(()=>{
+        item.sowPositionContainer = this.bindContainerPopup.container.value
+        item.needBindContainer = false
+        this.bindContainerPopup.container.value = ''
+        this.selectFistSowBind()
+      }).catch(()=>{
+        this.bindContainerPopup.container.focus = true
+        this.bindContainerPopup.container.value = ''
+      })
+    },
+    // 点击播种位位选择绑定容器
+    selectSowLocation(index){
+      this.bindContainerPopup.container.value = ''
+      this.bindContainerPopup.container.focus = true
+      this.bindContainerPopup.index = index
+    },
+    // 重新绑定
+    repeatBind(){
+      this.$dialog.confirm({
+        title: this.$lwLanguage.get('','警告'),
+        message: this.$lwLanguage.get('','当前播种位绑定的容器将会被全部清空')
+      }).then(()=>{
+        projectWmsSowRebindContainer({
+          sowWallId: this.sowData.sowWallId,
+          sowWallCode: this.sowData.sowWallCode,
+          sowLot: this.sowData.sowLot,
+        }).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('','操作成功')
+          )
+          this.getData().then(()=>this.selectFistSowBind(true))
+        })
+      }).catch(()=>{})
+    },
+    // 绑定周转箱弹出框关闭
+    bindContainerPopupOff(){
+      this.bindContainerPopup.container.value=''
+      this.getData()
+    },
+
+
+    // 缺货完成按钮点击
+    littleClick(){
+      projectWmsSowQueryStockoutData({
+        sowWallId: this.sowData.sowWallId,
+        sowLot: this.sowData.sowLot,
+      }).then(res=>{
+        this.littlePopup.data = res
+        this.littlePopup.show = true
+      })
+    },
+    // 确认缺货完成
+    littleConfirm(){
+      projectWmsSowStockoutFinish({
+        sowWallId: this.sowData.sowWallId,
+        sowLot: this.sowData.sowLot
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','缺货完成')
+        )
+        history.go(-1)
+      })
+    },
+
+    // 拣选容器号确认
+    pickConfirm(){
+      if (!this.startSow.pickContainer.value){
+        this.startSow.pickContainer.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','拣选容器号不能为空')
+        )
+        return
+      }
+
+      const list = this.sowData.containerList.filter(item=>{
+        return item.pickContainer === this.startSow.pickContainer.value
+      })
+
+      if(!list.length){
+        this.startSow.pickContainer.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','扫描容器号不在当前播种批次内')
+        )
+        this.startSow.pickContainer.value = ''
+        return
+      }
+
+      projectWmsSowContainerData({
+        sowWallId: this.sowData.sowWallId,
+        sowWallCode: this.sowData.sowWallCode,
+        sowLot: this.sowData.sowLot,
+        pickContainer: this.startSow.pickContainer.value
+      }).then(res=>{
+
+        // 判断是否是批量播种
+        if (res.sowMethod === 'BATCH') {
+          this.sowMethod = {
+            method: this.$lwLanguage.get('', '批量播种'),
+            inputTitle: this.$lwLanguage.get('', '商品条码'),
+            sku: true
+          }
+          this.skuSow.sku.focus = true
+        } else {
+          this.sowMethod = {
+            method: this.$lwLanguage.get('', '逐件扫描播种'),
+            inputTitle: this.$lwLanguage.get('', '商品序列号'),
+            sku: false
+          }
+          this.snSow.focus = true
+        }
+
+        this.startSow.data = res
+        this.startSow.start = true
+      })
+    },
+    // 切换拣选容器号
+    cutPickContainer(){
+      this.startSow.pickContainer.value = ''
+      this.startSow.pickContainer.focus = true
+      this.startSow.start = false
+      this.startSow.data = {}
+      this.clearSkuSowData()
+    },
+
+    // 商品合法性校验
+    skuCodeCheck(skuCode){
+
+      if (!skuCode){
+        this.skuSow.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','商品号不能为空')
+        )
+        return {
+          success: false
+        }
+      }
+
+      const skuList = this.startSow.data.skuList.filter(item=>{
+        return item.skuCode === skuCode
+      })
+
+      if(!skuList.length){
+        this.skuSow.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','当前商品不在拣选容器内')
+        )
+        return {
+          success: false
+        }
+      }
+
+      return {
+        success: true,
+        skuList
+      }
+    },
+
+    // 设置当前播种的商品数据
+    setNowSowSkuInfo(res){
+      this.nowSowSkuInfo.data = res
+      this.nowSowSkuInfo.animation = true
+      this.$lwAppPower.speak(this.nowSowSkuInfo.data.sowWallLineCode)
+    },
+
+    // 清除当前播种数据
+    clearSkuSowData(){
+      this.nowSowSkuInfo.data = {}
+      this.snSow.value = ''
+      this.skuSow.qty.value = ''
+      this.nowSowSkuInfo.data = {}
+      this.nowSowSkuInfo.animation = false
+    },
+
+    // 批量播种商品扫描完成
+    skuSowConfirm(val, data){
+      const {skuCode, qty} = data.data
+
+      this.nowSowSkuInfo.animation = false
+
+      const {success, skuList} = this.skuCodeCheck(skuCode)
+      if(!success) return
+
+      const oldSkuCode = this.nowSowSkuInfo.data.skuCode
+      if (oldSkuCode && oldSkuCode !== skuCode){
+        this.skuSow.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','当前商品与正在播种商品不一致')
+        )
+        return
+      }
+
+      projectWmsSowComputeSkuSowPosition({
+        sowWallId: this.sowData.sowWallId,
+        sowWallCode: this.sowData.sowWallCode,
+        sowLot: this.sowData.sowLot,
+        pickContainer: this.startSow.pickContainer.value,
+        ownerId: skuList[0].ownerId,
+        skuId: skuList[0].skuId,
+        skuCode: skuList[0].skuCode,
+      }).then(res=>{
+
+        const oldSowWall = this.nowSowSkuInfo.data.sowWallLineCode
+        if (oldSowWall && oldSowWall !== res.sowWallLineCode){
+          this.skuSow.sku.focus = true
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('','当前商品与正在播种商品不在同一播种位，不能播种！')
+          )
+          return
+        }
+
+        this.setNowSowSkuInfo(res)
+
+        const total = Number(this.skuSow.qty.value || 0) + Number(qty || 0)
+        this.skuSow.qty.value = total
+
+        // 如果播种量等于待播种量就自动提交
+        if (total === Number(res.waitSowQty || 0)){
+          this.skuSowQtyConfirm()
+          return
+        }
+
+        this.skuSow.sku.focus = true
+      })
+    },
+    // 扫描数量确定
+    skuSowQtyConfirm(){
+
+      const qty = Number(this.skuSow.qty.value || 0)
+      if (!qty){
+        this.skuSow.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','播种量不能为空，且应当是大于0的整数')
+        )
+        return
+      }
+      if (qty > Number(this.nowSowSkuInfo.data.waitSowQty ||0)){
+        this.skuSow.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','播种量不能大于待播种量')
+        )
+        this.skuSow.qty.value = ''
+        return
+      }
+
+      projectWmsSowBatchSubmit({
+        sowWallId: this.sowData.sowWallId,
+        sowWallCode: this.sowData.sowWallCode,
+        sowLot: this.sowData.sowLot,
+        sowWallLineId: this.nowSowSkuInfo.data.sowWallLineId,
+        sowWallLineCode: this.nowSowSkuInfo.data.sowWallLineCode,
+        sowPositionContainer: this.nowSowSkuInfo.data.sowPositionContainer,
+        ownerId: this.nowSowSkuInfo.data.ownerId,
+        skuId: this.nowSowSkuInfo.data.skuId,
+        pickContainer: this.startSow.pickContainer.value,
+        currentSowQty: qty
+      }).then(res=>{
+
+        this.sowOver(res)
+      })
+    },
+    // 批量扫描 - 重新扫描
+    skuSowRepeatScan(){
+      this.clearSkuSowData()
+      this.skuSow.sku.focus = true
+    },
+
+    // 逐件扫描序列号确认
+    snSowConfirm(val,data){
+      const {skuCode, sn, qty} = data.data
+      this.nowSowSkuInfo.animation = false
+
+      const {success, skuList} = this.skuCodeCheck(skuCode)
+      if(!success) return
+
+      if (!sn){
+        this.skuSow.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','序列号不能为空')
+        )
+        return
+      }
+
+      const scanData = {
+        sn,
+        qty: qty || skuList[0].minSellQty,
+        ownerId: skuList[0].ownerId,
+        skuId: skuList[0].skuId,
+        skuCode: skuList[0].skuCode,
+        sowWallId: this.sowData.sowWallId,
+        sowLot: this.sowData.sowLot,
+        pickContainer: this.startSow.pickContainer.value,
+        sowWallCode: this.sowData.sowWallCode,
+      }
+
+      projectWmsSowSingleSubmit({
+        ...scanData,
+        currentSowQty: scanData.qty
+      }).then(res=>{
+
+        this.setNowSowSkuInfo(res)
+
+        this.snSow.scanData = {
+          ...scanData,
+          sowWallLineId: res.sowWallLineId,
+          sowWallLineCode: res.sowWallLineCode,
+          sowPositionContainer: res.sowPositionContainer,
+        }
+
+        this.sowOver(res, true)
+      })
+    },
+    // 逐件扫描 - 取消本次扫描
+    snSowClearNow(){
+      projectWmsSowSingleCancel({
+        ...this.snSow.scanData,
+        cancelQty: this.snSow.scanData.qty
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','已取消')
+        )
+
+        this.clearSkuSowData()
+        this.getData(false, true)
+        this.snSow.focus = true
+
+      })
+    },
+
+    // 校验当前播种是否完成
+    checkSowOver(res){
+      // 当前批次是否完成
+      if (res.sowLotFinish){
+        this.sowLotOverPopup.data = res
+        this.sowLotOverPopup.show = true
+        return true
+      }
+
+      // 当前播种位是否完成
+      if (res.sowWallLineFinish){
+        this.sowLocationOverPopup.data = res
+        this.sowLocationOverPopup.show = true
+        return true
+      }
+
+      return false
+    },
+    // 播种完成
+    sowOver(res, isSn=false){
+
+      !isSn && this.clearSkuSowData()
+
+      !isSn && this.cutPickContainer()
+
+      if(this.checkSowOver(res)) return
+
+      this.getData(true, isSn)
+      this.startSow.pickContainer.focus = true
+    },
+
+    // 返回上一页
+    goBack(){
+      history.go(-1)
+    },
+
+    // 播满换箱弹框 - 打开弹框
+    openSowFullPopup(){
+      this.sowFullPopup.show = true
+      this.sowFullPopup.fullContainer.focus = true
+    },
+    // 播满换箱弹框 - 已满容器确认
+    sowFullContainerConfirm(){
+
+      if(!this.sowFullPopup.fullContainer.value){
+        this.sowFullPopup.fullContainer.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','已满容器不能为空')
+        )
+        return
+      }
+
+      const list = this.sowData.sowWallLineList.filter(item=>{
+        return item.sowPositionContainer === this.sowFullPopup.fullContainer.value
+      })
+
+      if(!list.length){
+        this.sowFullPopup.fullContainer.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','没有找到已满的容器号')
+        )
+        this.sowFullPopup.fullContainer.value = ''
+        return
+      }
+
+      this.sowFullPopup.sowLocationInfo = list[0]
+      this.sowFullPopup.newContainer.focus = true
+
+    },
+    // 播满换箱弹框 - 新容器确定
+    sowFullNewContainerConfirm(){
+
+      if (!this.sowFullPopup.sowLocationInfo.sowWallLineCode){
+        this.sowFullPopup.fullContainer.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','请输入已满容器，并获取容器对应的播种位信息')
+        )
+        return
+      }
+
+      if (!this.sowFullPopup.newContainer.value){
+        this.sowFullPopup.newContainer.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','新容器不能为空')
+        )
+        return
+      }
+
+      projectWmsSowChangePositionContainer({
+        sowWallId: this.sowData.sowWallId,
+        sowLot: this.sowData.sowLot,
+        sowWallLineId: this.sowFullPopup.sowLocationInfo.sowWallLineId,
+        sowWallLineCode: this.sowFullPopup.sowLocationInfo.sowWallLineCode,
+        sowPositionContainer: this.sowFullPopup.fullContainer.value,
+        bindContainer: this.sowFullPopup.newContainer.value,
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','已更换')
+        )
+        this.getData()
+        this.sowFullPopup.show = false
+      })
+    },
+    // 播满换箱弹框 - 关闭
+    sowFullOff(){
+      this.sowFullPopup.fullContainer.value = ''
+      this.sowFullPopup.newContainer.value = ''
+      this.sowFullPopup.sowLocationInfo = {}
+    },
+
+    // 查看未播种商品弹框
+    openWaitSowPopup(){
+      projectWmsSowLotQueryUnfinishContainer({
+        sowWallId: this.sowData.sowWallId,
+        sowWallCode: this.sowData.sowWallCode,
+        sowLot: this.sowData.sowLot,
+      }).then(res=>{
+        this.waitSowSkuPopup.data = res
+        this.waitSowSkuPopup.showCom = true
+        this.waitSowSkuPopup.show = true
+      })
+    },
+
+    // 异常弹框打开
+    abnClick(data){
+      this.abnPopup.data = data
+      this.abnPopup.showCom = true
+      this.abnPopup.show = true
+      this.waitSowSkuPopup.show = false
+    },
+    // 确认异常上报
+    abnConfirm(){
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+
+      if (!success) return
+
+      projectWmsSowSubmitAbnormal({
+        ...data,
+        ...this.abnPopup.data,
+        sowLot: this.sowData.sowLot,
+        sowWallId: this.sowData.sowWallId,
+        sowWallCode: this.sowData.sowWallCode,
+      }).then(res=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','异常上报成功')
+        )
+        this.abnPopup.show = false
+
+        if (this.checkSowOver(res)) return
+
+        this.getData()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "./../../../../../assets/css/var.less";
+
+.border-2{
+  border: solid 2px @baseColor;
+}
+
+.lw-outbound-sow-code{
+  flex-shrink: 0;
+  padding: 5px;
+  width: 50px;
+  height: 50px;
+  background: #ccc;
+  color: @baseColor;
+  font-size: 24px;
+  font-weight: bold;
+  border-radius: 8px;
+}
+
+</style>