@logwire/logwire-wms-pda-ui 3.1.2 → 3.1.3-zc-beta

package/src/views/wms/page/outbound/sow/action/index.vue

@@ -0,0 +1,1458 @@
+ <!--
+  播种分拣 - 执行页
+  @author: 张文
+  @date: 2022-06-27
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.xogujxom','播种分拣')"/>
+
+    <div v-if="Object.keys(sowData).length" class="lw-global-page-box">
+
+      <div class="lw-global-model-top-radius">
+
+        <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('wms_project.pda.components.page.outbound.sow.action.cgughozf','播种墙编号') }}
+            </div>
+            <div class="lw-global-value-bold">{{ sowData.sowWallCode }}</div>
+          </div>
+
+          <lw-tag
+            round
+            plain
+            type="danger"
+          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.hjzmazni','播种中') }}</lw-tag>
+
+        </div>
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.mspznjus','当前批次')"
+          :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>{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.zvaqhzwl','托盘数') }}</div>
+        </div>
+
+        <div>
+          <div>{{ sowData.waitSowQty }}</div>
+          <div>{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.ybyxwflh','待播种') }}</div>
+        </div>
+        <div>
+          <div>{{ sowData.sowQty }}</div>
+          <div>{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.lyojpssf','已播种') }}</div>
+        </div>
+
+        <div>
+          <div>{{ sowData.abnormalQty }}</div>
+          <div>{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.pnlvhvbv','异常') }}</div>
+        </div>
+      </lw-data-look-bg>
+
+      <!-- 绑定周转箱的提示信息 -->
+      <div
+        class="lw-global-model-box lw-global-border-2px"
+        style="text-align: center;padding: 20px 10px;color: #aaa"
+        v-if="sowData.needBindContainer"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.ibyeddyp','请绑定周转箱到播种墙') }}</div>
+      <!-- 已经绑定周转箱 -->
+      <div
+        v-else
+        class="lw-global-model-box lw-global-border-2px"
+        style="padding-top: 3px"
+      >
+
+        <!-- 扫描拣选容器号获取播种类型 -->
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.uvcwuaui','拣选容器号')"
+          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('wms_project.pda.components.page.outbound.sow.action.qrxfaeqv','确认') }}</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"
+                :create-rule="$lwScanRule.create('播种-商品号','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"
+                :create-rule="$lwScanRule.create('播种-序列号','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('wms_project.pda.components.page.outbound.sow.action.tntbmxje','最小销售量')"
+              :value="nowSowSkuInfo.data.minSellQty"
+              val-bold
+            />
+
+            <div class="lw-global-row lw-global-flex-between">
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.ybyxwflh','待播种')"
+                :value="nowSowSkuInfo.data.waitSowQty"
+                val-red
+                val-bold
+                :is-row="false"
+              />
+
+
+              <div class="lw-global-flex-between">
+
+                <div class="lw-global-title">
+                  {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.mergelma','已播种/总量') }}
+                </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('wms_project.pda.components.page.outbound.sow.action.kryqgmmf','当前扫描量')"
+                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('wms_project.pda.components.page.outbound.sow.action.eteyzfxv','重新扫描') }}</lw-button>
+
+                <lw-button
+                  style="margin-left: 10px"
+                  block
+                  mini
+                  round
+                  @click="skuSowQtyConfirm"
+                >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.xqbkjchp','确认播种') }}</lw-button>
+              </div>
+            </template>
+
+
+            <!-- 逐件扫描播种 -->
+            <template v-else>
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.kwvbnjar','当前序列号')"
+                :value="snSow.scanData.sn"
+                val-bold
+              />
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.kryqgmmf','当前扫描量')"
+                v-model="snSow.scanData.qty"
+                :disabled="true"
+              >
+
+                <template #button>
+
+                  <lw-button
+                    round
+                    mini
+                    @click="snSowClearNow"
+                  >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.ftpaanlx','取消本次扫描') }}</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('wms_project.pda.components.page.outbound.sow.action.ztwgjrql','拣选容器') }}</div>
+                <div class="lw-global-value-bold-red">
+                  {{ sowData.containerList.length || 0 }}
+                  {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.glfrjdqs','行') }}
+                </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('wms_project.pda.components.page.outbound.sow.action.iccvekzl','拣选容器号') }}
+              </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('wms_project.pda.components.page.outbound.sow.action.rbipohic','播种位列表') }}</div>
+                <div class="lw-global-value-bold-red">
+                  {{ sowData.sowWallLineList.length || 0 }}
+                  {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.glfrjdqs','行') }}
+                </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('wms_project.pda.components.page.outbound.sow.action.xwytxnhv','绑定周转箱')"
+      v-model="bindContainerPopup.show"
+      @closed="bindContainerPopupOff"
+    >
+
+      <template v-if="sowData.sowWallLineList">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.fnwpvtiw','播种墙')"
+          :value="sowData.sowWallCode"
+          val-bold
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.vsynzroi','当前正在绑定播种位')"
+          :value="sowData.sowWallLineList[bindContainerPopup.index].sowWallLineCode"
+          val-bold
+          val-red
+          val-size="16px"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.mioibyem','周转箱号')"
+          v-model="bindContainerPopup.container.value"
+          :get-focus.sync="bindContainerPopup.container.focus"
+          rule-key="containerBox"
+          @confirm="sowLocationBindContainerConfirm"
+        >
+
+          <template #button>
+            <lw-button
+              mini
+              round
+              @click="sowLocationBindContainerConfirm"
+            >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.nfljxtde','绑定') }}</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('wms_project.pda.components.page.outbound.sow.action.rvqhgdhm','重新绑定') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+    <!-- 缺货完成 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.qrmdudpw','缺货完成')"
+      v-model="littlePopup.show"
+    >
+
+      <div style="margin-bottom: 10px" class="lw-global-flex-between">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.fnwpvtiw','播种墙')"
+          :value="sowData.sowWallCode"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.vtdcyglb','总缺货量')"
+          :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('wms_project.pda.components.page.outbound.sow.action.bdybuqve','确认缺货完成') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+    <!-- 播种位播种完成 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.twgkxbjm','播种位播种完成')"
+      v-model="sowLocationOverPopup.show"
+      @closed="getData"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.fnwpvtiw','播种墙')"
+        :value="sowData.sowWallCode"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.btwbzrft','播种位')"
+        :value="sowLocationOverPopup.data.sowWallLineCode"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.mioibyem','周转箱号')"
+        :value="sowLocationOverPopup.data.sowPositionContainer"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.layghqha','商品数量')"
+        :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('wms_project.pda.components.page.outbound.sow.action.erhsxeyk','已播种完成') }}</lw-tag>
+      </div>
+
+    </lw-popup>
+
+    <!-- 播种批次完成 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.iemvcplq','播种批次完成')"
+      v-model="sowLotOverPopup.show"
+      @closed="goBack"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.fnwpvtiw','播种墙')"
+        :value="sowData.sowWallCode"
+        val-bold
+      />
+
+      <div class="lw-global-row" style="text-align: center">
+        <lw-tag
+          plain
+          size="large"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.erhsxeyk','已播种完成') }}</lw-tag>
+      </div>
+
+      <sow-location-list :sow-list="sowLotOverPopup.data.sowWallLineList"/>
+
+    </lw-popup>
+
+    <!-- 播满换箱 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.hurwedtb','播满换箱')"
+      v-model="sowFullPopup.show"
+      @closed="sowFullOff"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.xtmeftpy','已满容器号')"
+        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('wms_project.pda.components.page.outbound.sow.action.btwbzrft','播种位')"
+          :value="sowFullPopup.sowLocationInfo.sowWallLineCode"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.zzppzvmi','已播种量')"
+          :value="sowFullPopup.sowLocationInfo.sowQty"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.zzzkhyvl','新容器号')"
+        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('wms_project.pda.components.page.outbound.sow.action.qrxfaeqv','确认') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+    <!-- 查看未播种数 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.zjezchcw','未播种商品')"
+      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('wms_project.pda.components.page.outbound.sow.action.cnycqqqr','播种分拣异常上报')"
+      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('wms_project.pda.components.page.outbound.sow.action.bxblrpvw','出库')"
+        :ab-type="$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.xogujxom','播种分拣')"
+      />
+
+      <template #button>
+        <lw-button @click="abnConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.wyrjpppa','上报') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import sowLocationList from './../components/sowLocationList/index.vue'
+import waitSowCollapse from './../components/waitSowCollapse/index.vue'
+import {
+  projectWmsBindSowPositionContainer, projectWmsOutboundFrontSkuScan,
+  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('wms_project.pda.components.page.outbound.sow.action.poudnshj','绑定容器号'),
+          click: this.bindContainerClick
+        },
+        littleOver:{
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.qrmdudpw','缺货完成'),
+          click: this.littleClick
+        },
+        abn:{
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.onnqxewx','商品异常'),
+          click: this.openWaitSowPopup
+        },
+        cutContainer:{
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.pklmzaxe','切换容器'),
+          click: this.cutPickContainer
+        },
+        sowFull:{
+          text: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.hurwedtb','播满换箱'),
+          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
+              this.skuSow.sku.focus = this.sowMethod.sku
+              this.snSow.focus = !this.sowMethod.sku
+              over && !isSn && this.cutPickContainer()
+            }else {
+              // 如果没有数据就是容器拣选完成，让拣选量等于容器量
+              this.startSow.data.sowQty = this.startSow.data.pickQty
+            }
+
+            const msg = over ?
+              this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.padkxwtn','当前容器已播种完成') :
+              this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.phsmbsgr','播种成功')
+
+            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('wms_project.pda.components.page.outbound.sow.action.awxqwgwf','播种位已全部绑定周转箱')
+      )
+      this.bindContainerPopup.show = false
+    },
+    // 播种位绑定周转箱确认
+    sowLocationBindContainerConfirm(){
+
+      if (!this.bindContainerPopup.container.value){
+        this.bindContainerPopup.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.lucxewqs','容器号不能为空')
+        )
+        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.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.kkiiroqy','警告'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.kzotfrbz','当前播种位绑定的容器将会被全部清空')
+      }).then(()=>{
+        projectWmsSowRebindContainer({
+          sowWallId: this.sowData.sowWallId,
+          sowWallCode: this.sowData.sowWallCode,
+          sowLot: this.sowData.sowLot,
+        }).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.djccepmx','操作成功')
+          )
+          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('wms_project.pda.components.page.outbound.sow.action.qrmdudpw','缺货完成')
+        )
+        history.go(-1)
+      })
+    },
+
+    // 拣选容器号确认
+    pickConfirm(){
+      if (!this.startSow.pickContainer.value){
+        this.startSow.pickContainer.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.idilyldh','拣选容器号不能为空')
+        )
+        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('wms_project.pda.components.page.outbound.sow.action.uferyhhh','扫描容器号不在当前播种批次内')
+        )
+        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('wms_project.pda.components.page.outbound.sow.action.vcoakpnr','批量播种'),
+            inputTitle: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.rthuzmrd','商品条码'),
+            sku: true
+          }
+          this.skuSow.sku.focus = true
+        } else {
+          this.sowMethod = {
+            method: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.chibydou','逐件扫描播种'),
+            inputTitle: this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.tueftwyn','商品号'),
+            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('wms_project.pda.components.page.outbound.sow.action.wquvfuow','商品号不能为空')
+        )
+        return {
+          success: false
+        }
+      }
+
+      const skuList = this.startSow.data.skuList.filter(item=>{
+        return item.skuCode === skuCode
+      })
+
+      if(!skuList.length){
+        return {
+          success: true,
+          skuList: null
+        }
+      }
+
+      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 {qty, skuCode, sn, key} = data.data
+
+      this.nowSowSkuInfo.animation = false
+
+      const code = skuCode || key
+
+      const {success, skuList} = this.skuCodeCheck(code)
+      if(!success) return
+
+      // 找到了商品信息就执行播种
+      if(skuList){
+        this.skuSowConfirmApi(code, qty, skuList[0])
+        return;
+      }
+
+      // 没有找到商品信息就提交给后台找
+      projectWmsOutboundFrontSkuScan({
+        sn: sn || key,
+        qty,
+        limitSkuIds: this.startSow.data.skuList.map(item=>item.skuId)
+      }).then(res=>{
+
+        if(res && Object.keys(res).length){
+          const skuInfo = this.startSow.data.skuList.filter(item=>item.skuId===res.skuId)[0]
+
+          this.skuSowConfirmApi(skuInfo.skuCode, res.qty, skuInfo)
+          return
+        }
+
+        this.skuSow.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.xtpkcohvA','商品号输入有误，没有查询到商品信息')
+        )
+      })
+
+
+    },
+    // 批量执行播种
+    skuSowConfirmApi(key,qty,skuInfo){
+      const oldSkuCode = this.nowSowSkuInfo.data.skuCode
+      if (oldSkuCode && oldSkuCode !== key){
+        this.skuSow.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.ooaohetj','当前商品与正在播种商品不一致')
+        )
+        return
+      }
+
+      projectWmsSowComputeSkuSowPosition({
+        sowWallId: this.sowData.sowWallId,
+        sowWallCode: this.sowData.sowWallCode,
+        sowLot: this.sowData.sowLot,
+        pickContainer: this.startSow.pickContainer.value,
+        ownerId: skuInfo.ownerId,
+        skuId: skuInfo.skuId,
+        skuCode: skuInfo.skuCode,
+      }).then(res=>{
+
+        const oldSowWall = this.nowSowSkuInfo.data.sowWallLineCode
+        if (oldSowWall && oldSowWall !== res.sowWallLineCode){
+          this.skuSow.sku.focus = true
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.kzhmqspc','当前商品与正在播种商品不在同一播种位，不能播种！')
+          )
+          return
+        }
+
+        this.setNowSowSkuInfo(res)
+
+        this.skuSow.qty.value = Number(this.skuSow.qty.value || 0) + Number(qty || 0)
+        /*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('wms_project.pda.components.page.outbound.sow.action.ieihmtxg','播种量不能为空，且应当是大于0的整数')
+        )
+        return
+      }
+      if (qty > Number(this.nowSowSkuInfo.data.waitSowQty ||0)){
+        this.skuSow.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.qxfemtgp','播种量不能大于待播种量')
+        )
+        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, key} = data.data
+      this.nowSowSkuInfo.animation = false
+
+      const code = skuCode || key
+      const {success, skuList} = this.skuCodeCheck(code)
+      if(!success) return
+
+      if (skuList){
+        this.snSowConfirmApi(sn, qty, skuList[0])
+        return
+      }
+
+      // 没有找到商品信息就提交给后台找
+      projectWmsOutboundFrontSkuScan({
+        sn: sn || key,
+        qty,
+        limitSkuIds: this.startSow.data.skuList.map(item=>item.skuId)
+      }).then(res=>{
+        if(res && Object.keys(res).length){
+          const skuInfo = this.startSow.data.skuList.filter(item=>item.skuId===res.skuId)[0]
+
+          this.snSowConfirmApi(res.sn, res.qty, skuInfo)
+          return
+        }
+
+        this.snSow.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.xtpkcohvA','商品号输入有误，没有查询到商品信息')
+        )
+      })
+    },
+    // 逐件扫描 - 提交api
+    snSowConfirmApi(sn, qty, skuInfo){
+      const scanData = {
+        sn,
+        qty: qty || skuInfo.minSellQty,
+        ownerId: skuInfo.ownerId,
+        skuId: skuInfo.skuId,
+        skuCode: skuInfo.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('wms_project.pda.components.page.outbound.sow.action.xtpkcohv','已取消')
+        )
+
+        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()
+
+      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('wms_project.pda.components.page.outbound.sow.action.nhhkmhsa','已满容器不能为空')
+        )
+        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('wms_project.pda.components.page.outbound.sow.action.meczwsds','没有找到已满的容器号')
+        )
+        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('wms_project.pda.components.page.outbound.sow.action.fhgyfjuh','请输入已满容器，并获取容器对应的播种位信息')
+        )
+        return
+      }
+
+      if (!this.sowFullPopup.newContainer.value){
+        this.sowFullPopup.newContainer.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.sow.action.zzwwpgjj','新容器不能为空')
+        )
+        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('wms_project.pda.components.page.outbound.sow.action.bxiymdni','已更换')
+        )
+        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('wms_project.pda.components.page.outbound.sow.action.uleyatow','异常上报成功')
+        )
+        this.$refs.abnormal.printLabel()
+        this.abnPopup.show = false
+
+        if (this.checkSowOver(res)) return
+
+        this.getData()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "./../../../../../../assets/css/var.less";
+
+.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>