@logwire/logwire-wms-pda-ui 3.5.3 → 3.5.5

package/src/views/wms/page/process/prepare/index.vue

@@ -1,1279 +1,1279 @@
-<!--
-  加工 - 备料
-  @author: 张文
-  @date: 2022-08-10
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.yakzajlv','加工 - 备料')"/>
-
-    <div class="lw-global-page-box">
-
-      <!-- 数据看板 -->
-      <template>
-        <div class="lw-global-model-top-radius">
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.kbkseamx','加工线')"
-            :value="task.workTableCode"
-            val-bold
-            is-row-start/>
-          <!-- 时间统计 -->
-          <div class="lw-global-row-end">
-            <span class="lw-global-value-bold">{{ $lwDate.format(task.createTime, 'MM-dd hh:mm') }}</span>
-            <span class="lw-global-value-bold-red" style="display: inline-block;margin-left: 10px">
-            {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dguktauu','已过') }}
-            {{
-                $lwDate.timeToStr({
-                  l: $lwDate.format(task.createTime, 'yyyy-MM-dd hh:mm:ss'),
-                  n: $lwTimezone.getTimezoneDate({ format: 'yyyy-MM-dd hh:mm:ss' }),
-                  minType: 'min'
-                }).text
-              }}
-            </span>
-          </div>
-        </div>
-        <lw-data-look-bg
-          class="lw-global-row-box"
-          type="bottom"
-          :show-end-line="false"
-          :is-flex="false"
-          height="auto"
-        >
-          <div class="lw-global-flex-start look-data-item-row">
-            <lw-title-value-cell
-              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.yqzqmnvv','计划量')"
-              :value="$lwCheckVal(task.qtyLabel)"
-              val-bold
-              val-color="#ffffff"
-              :title-style="{color:'#ffffff'}"
-              :val-style="{textAlign:'left'}"
-              :is-row="false"
-            />
-            <lw-title-value-cell
-              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ukydbpyf','已备量')"
-              :value="$lwCheckVal(task.prepareQtyLabel)"
-              val-bold
-              val-color="#ffffff"
-              :title-style="{color:'#ffffff'}"
-              :val-style="{textAlign:'left'}"
-              :is-row="false"
-            />
-          </div>
-          <div class="lw-global-flex-start look-data-item-row">
-            <lw-title-value-cell
-              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lngjceri','待备量')"
-              :value="$lwCheckVal(task.waitPrepareQtyLabel)"
-              val-bold
-              val-color="#ffffff"
-              :title-style="{color:'#ffffff'}"
-              :val-style="{textAlign:'left'}"
-              :is-row="false"
-            />
-            <lw-title-value-cell
-              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.mfkfvqip','异常量')"
-              :value="$lwCheckVal(task.abnormalQtyLabel)"
-              val-bold
-              val-color="#ffff00"
-              :title-style="{color:'#ffff00'}"
-              :val-style="{textAlign:'left'}"
-              :is-row="false"
-            />
-          </div>
-
-        </lw-data-look-bg>
-      </template>
-
-      <!-- tab -->
-      <lw-tab-box style="margin-top: 10px">
-        <van-tabs
-          type="card"
-          animated
-          v-model="tabActive"
-        >
-          <van-tab
-            name="down"
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zcjftwmn','备料下架')"
-          >
-            <template v-if="task.downMaterialLines.length">
-
-              <div class="lw-global-model-box">
-
-                <!-- 零散 -->
-                <template v-if="downSkuIsEa">
-                  <!-- 备件信息 -->
-                  <lw-sku-info-module
-                    :sku-code="downData.skuCode"
-                    :sku-name="downData.skuName"
-                    is-row-first
-                  >
-                    <div
-                      class="lw-global-flex-center"
-                      style="flex-direction: column"
-                    >
-                      <div class="lw-global-value-bold-red">{{ downData.qtyLabel }}</div>
-                      <lw-tag
-                        round
-                        plain
-                      >
-                        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.dwizwpfi', '零散') }}
-                      </lw-tag>
-                    </div>
-                  </lw-sku-info-module>
-
-                  <!-- 扩展字段 -->
-                  <lw-lot-look-module
-                    v-if="downData.displayLot && downData.displayLot.items"
-                    class="lw-global-row"
-                    :columns="downData.displayLot.items"
-                    :show-row="false"
-                    title-key="displayName"
-                    value-key="formatValue"
-                  />
-
-                  <!-- 库位 -->
-                  <lw-title-value-cell
-                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dutrjbof','库位')"
-                    :value="downData.locationCode"
-                    val-bold
-                  />
-
-                  <!-- 托盘号 -->
-                  <lw-title-value-cell
-                    v-if="downHasLpn"
-                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.vmkztyix','托盘号')"
-                    :value="downData.lpn"
-                    val-bold
-                  />
-
-                  <!-- 箱号 -->
-                  <lw-title-value-cell
-                    v-if="downData.caseNum"
-                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.pvabqhja','箱号')"
-                    :value="downData.caseNum"
-                    val-bold
-                  />
-
-                  <!-- 确认库位 -->
-                  <lw-input
-                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.utrmdvcy','确认库位')"
-                    v-model="down.loc.value"
-                    :get-focus.sync="down.loc.focus"
-                    rule-key="downLoc"
-                    :create-rule="$lwScanRule.create('加工备料-备料下架-库位','LOCATION')"
-                    :owner-id="downData.ownerId"
-                    :rule-serve-query="downData"
-                    required
-                    @confirm="downLocConfirm"
-                  />
-
-                  <!-- 确认托盘号 -->
-                  <lw-input
-                    v-if="downHasLpn"
-                    :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.mrqeunif', '下架托盘号')"
-                    v-model="down.lpn.value"
-                    :get-focus.sync="down.lpn.focus"
-                    rule-key="downLpn"
-                    :create-rule="$lwScanRule.create('加工备料-备料下架-托盘号','LPN')"
-                    :owner-id="downData.ownerId"
-                    :rule-serve-query="downData"
-                    required
-                    @confirm="downLpnConfirm"
-                  />
-
-                  <!-- 物料编码 -->
-                  <lw-input
-                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.yjkplhck','原料编码')"
-                    v-model="down.sku.value"
-                    :get-focus.sync="down.sku.focus"
-                    rule-key="downSku"
-                    :create-rule="$lwScanRule.create('加工备料-备料下架-原料编码','SKU')"
-                    :owner-id="downData.ownerId"
-                    :rule-serve-query="downData"
-                    required
-                    @confirm="downSkuConfirm"
-                  />
-
-                  <!-- 备料数量 -->
-                  <lw-get-qty-by-type
-                    ref="downQty"
-                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.xfebaksx','备料数量')"
-                    :sku-id="downData.skuId"
-                    type="number"
-                    requiredZ
-                    @confirm="downNumConfirm"
-                  />
-
-                  <!-- 目标托盘号 -->
-                  <lw-input
-                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.cuarvbqw','目标托盘号')"
-                    v-model="down.toLpn.value"
-                    :get-focus.sync="down.toLpn.focus"
-                    rule-key="downToLpn"
-                    :create-rule="$lwScanRule.create('加工备料-备料下架-目标托盘','LPN')"
-                    :owner-id="downData.ownerId"
-                    :rule-serve-query="downData"
-                    required
-                    @confirm="downToLpnConfirm"
-                  >
-                    <template #button>
-                      <lw-button
-                        mini
-                        @click="downCreateLpn"
-                      >
-                        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.mdzldmhx', '自动生成') }}
-                      </lw-button>
-                    </template>
-                  </lw-input>
-                </template>
-
-                <!-- 整托 -->
-                <template v-else>
-
-                  <div class="lw-global-row-start">
-                    <div class="lw-global-flex-between">
-                      <lw-title-value-cell
-                        :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.mkmwvoqe', '托盘号')"
-                        :value="downData.lpn"
-                        val-bold
-                        :is-row="false"
-                      />
-                      <lw-tag
-                        round
-                        plain
-                        type="danger"
-                      >
-                        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.ixbkpokp', '整托') }}
-                      </lw-tag>
-                    </div>
-
-                    <lw-title-value-cell
-                      :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.porwhtls', '库位')"
-                      :value="downData.locationCode"
-                      val-bold
-                      :is-row="false"
-                    />
-
-                    <lw-title-value-cell
-                      :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.fdgbcztg', '总量')"
-                      :value="downData.qtyLabel"
-                      val-bold
-                      :is-row="false"
-                    />
-                  </div>
-
-                  <div
-                    v-for="(i,k) in downData.skuList"
-                    :key="i.skuId"
-                    :class="$lwUtils.getCellClass({
-                    index:k,
-                    length:downData.skuList.length,
-                    start:'lw-global-row',
-                    only:'lw-global-row'
-                  })"
-                  >
-                    <lw-sku-info-module
-                      :sku-code="i.skuCode"
-                      :sku-name="i.skuName"
-                      :qty="i.qtyLabel"
-                    />
-                    <lw-lot-look-module
-                      :columns="i.displayLot.items"
-                      :show-row="false"
-                      title-key="displayName"
-                      value-key="formatValue"
-                    />
-
-                  </div>
-
-                </template>
-
-                <!-- 任务切换 -->
-                <lw-cut-card
-                  v-model="down.index"
-                  :length="task.downMaterialLines.length"
-                  :cut-start="downCutStart"
-                  :cut-end="downCutEnd"
-                />
-
-              </div>
-
-              <div
-                v-if="!downSkuIsEa"
-                class="lw-global-model-box-3px lw-global-model-box"
-              >
-
-                <!-- 确认库位 -->
-                <lw-input
-                  :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.utrmdvcy','确认库位')"
-                  v-model="down.loc.value"
-                  :get-focus.sync="down.loc.focus"
-                  rule-key="downLoc"
-                  :create-rule="$lwScanRule.create('加工备料-备料下架-库位','LOCATION')"
-                  :owner-id="downData.ownerId"
-                  :rule-serve-query="downData"
-                  required
-                  @confirm="downLocConfirm"
-                />
-
-                <!-- 确认托盘号 -->
-                <lw-input
-                  v-if="downHasLpn"
-                  :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dubseqbl','确认托盘号')"
-                  v-model="down.lpn.value"
-                  :get-focus.sync="down.lpn.focus"
-                  rule-key="downLpn"
-                  :create-rule="$lwScanRule.create('加工备料-备料下架-托盘号','LPN')"
-                  :owner-id="downData.ownerId"
-                  :rule-serve-query="downData"
-                  required
-                  :show-bottom-border="false"
-                  @confirm="downLpnConfirm"
-                />
-              </div>
-
-            </template>
-            <lw-not-data v-else/>
-          </van-tab>
-
-          <van-tab
-            name="up"
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zzamauqr','备料上架')"
-          >
-
-            <div
-              v-if="task.upMaterialLines.length"
-              class="lw-global-model-box"
-            >
-
-              <div class="lw-global-row-start lw-global-flex-between">
-                <div
-                  style="font-size: 1.125rem"
-                  class="lw-global-value-bold-red"
-                >
-                  {{ upData.lpn }}
-                </div>
-                <lw-button
-                  mini
-                  @click="printLpn"
-                >
-                  {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.rqmgervn', '补打') }}
-                </lw-button>
-              </div>
-
-              <div
-                class="lw-global-row"
-                v-for="(i,k) in upData.skuList"
-                :key="k"
-              >
-                <lw-sku-info-module
-                  style="margin-bottom: 5px"
-                  :sku-code="i.skuCode"
-                  :sku-name="i.skuName"
-                  :qty="i.qtyLabel"
-                  :qty-text="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dijlbcsp','待上架')"
-                />
-
-                <lw-lot-look-module
-                  :columns="i.displayLot.items"
-                  :show-row="false"
-                  title-key="displayName"
-                  value-key="formatValue"
-                />
-
-              </div>
-
-              <lw-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ronwmstp','上架托盘')"
-                v-model="up.lpn.value"
-                :get-focus.sync="up.lpn.focus"
-                rule-key="upLpn"
-                :create-rule="$lwScanRule.create('加工备料-备料上架-托盘','LPN')"
-                :owner-id="upData.ownerId"
-                :rule-serve-query="upData"
-                @confirm="upLpnConfirm"
-              />
-
-              <lw-title-value-cell
-                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.porynvlq','推荐上架库位')"
-                :value="$lwCheckVal(task.recommendPutLocCode)"
-                val-red
-                val-bold
-                val-size="16px"
-              />
-
-              <lw-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.pwgooevf','确认目标库位')"
-                v-model="up.loc.value"
-                :get-focus.sync="up.loc.focus"
-                required
-                rule-key="upLoc"
-                :create-rule="$lwScanRule.create('加工备料-备料上架-目标库位','LOCATION')"
-                :owner-id="upData.ownerId"
-                :rule-serve-query="upData"
-                @confirm="confirmUp"
-              />
-
-              <lw-cut-card
-                v-model="up.index"
-                :length="task.upMaterialLines.length"
-                :cut-start="upCutStart"
-                :cut-end="upCutEnd"
-              />
-
-            </div>
-            <lw-not-data v-else/>
-
-          </van-tab>
-        </van-tabs>
-      </lw-tab-box>
-
-    </div>
-
-    <lw-bottom-bar v-if="tabActive === 'down' && task.downMaterialLines.length">
-
-      <lw-button
-        type="last"
-        plain
-        @click="lessPopupOpen"
-      >
-        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.utqmpgcv', '缺货') }}
-      </lw-button>
-
-      <lw-button
-        type="last"
-        @click="downAbnClick"
-      >
-        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.pmlpzdqc', '异常') }}
-      </lw-button>
-
-      <lw-button @click="confirmDown">
-        {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zcjftwmn', '备料下架') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-    <lw-bottom-bar v-if="tabActive === 'up' && task.upMaterialLines.length">
-
-      <lw-button @click="confirmUp">
-        {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zzamauqr', '备料上架') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-
-    <!-- 整托盘备料时 - 选择异常商品、缺货商品弹框 -->
-    <lw-popup
-      :title="skuSelectPopup.type==='abn'?
-        $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.wzcogugi', '选择异常商品'):
-        $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.nfumraox', '选择缺货商品')
-      "
-      v-model="skuSelectPopup.show"
-    >
-      <div
-        v-for="(i,k) in downData.skuList"
-        :key="k"
-        :class="$lwUtils.getCellClass({
-          index:k,
-          length:downData.skuList.length,
-          only:'lw-global-row-end'
-        })"
-        class="lw-global-click-style"
-        @click="skuSelectPopupConfirm(i)"
-      >
-
-        <div class="lw-global-flex-between">
-          <lw-sku-info-module
-            style="flex: 1;margin-right: 10px"
-            :sku-code="i.skuCode"
-            :sku-name="i.skuName"
-            :qty="i.qtyLabel"
-          />
-          <van-icon
-            color="#999"
-            name="arrow"
-            size="18px"
-          />
-        </div>
-
-        <!-- 扩展字段 -->
-        <lw-lot-look-module
-          :columns="i.displayLot.items"
-          :show-row="false"
-          title-key="displayName"
-          value-key="formatValue"
-        />
-
-      </div>
-    </lw-popup>
-
-    <!-- 异常确认弹框 -->
-    <lw-popup
-      v-model="abnDown.show"
-      :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.chaqirin','备件异常上报')"
-      background="#f0f0f0"
-      @closed="abnDown.showCom=false">
-
-      <template v-if="abnDown.showCom">
-
-        <!-- 基础信息 -->
-        <div class="lw-global-model-box">
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zutgpomc','加工台')"
-            :value="task.workTableCode"
-            text-align="right"
-            is-row-start
-          />
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.snblzkkq','备料任务号')"
-            :value="task.taskNo"
-            text-align="right"
-          />
-
-          <lw-sku-info-module
-            :sku-name="abnDown.data.skuName"
-            :sku-code="abnDown.data.skuCode"
-            :show-right="false"
-            is-row
-          />
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ozyymnhe','货主')"
-            :value="(abnDown.data.ownerCode || '-') + ' / ' +(abnDown.data.ownerName || '-')"
-            text-align="right"/>
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lngjceri','待备量')"
-            :value="abnDown.data.qtyLabel"
-            text-align="right"
-            val-bold
-            val-red/>
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.axdsiwov','下架库位')"
-            :value="abnDown.data.locationCode"
-            text-align="right"
-          />
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.vmkztyix','托盘号')"
-            :value="abnDown.data.lpn || '-'"
-            text-align="right"
-            is-row-end
-          />
-        </div>
-
-        <!-- 批次信息 -->
-        <div class="lw-global-model-box lw-global-collapse-box lw-global-model-box-3px">
-          <van-collapse
-            v-model="abnDown.collapseAction"
-            :border="false"
-          >
-            <van-collapse-item
-              name="1"
-              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.nzcpebcy','批次信息')"
-            >
-              <lw-lot-look-module
-                :columns="abnDown.data.displayLot.items"
-                title-key="displayName"
-                value-key="formatValue"
-              />
-            </van-collapse-item>
-          </van-collapse>
-        </div>
-
-        <!-- 异常输入框 -->
-        <lw-abnormal-input-module
-          class="lw-global-model-box"
-          ref="abnInput"
-          :type="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lobubsue','加工')"
-          :ab-type="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.hrjysxav','备料')"
-          :abn-type-key="['QTY', 'QUALITY']"
-          :qty="abnDown.data.qty"
-          :sku-id="abnDown.data.skuId"
-          :current-loc-code="abnDown.data.locationCode"
-        />
-
-      </template>
-      <template #button>
-        <lw-button @click="confirmAbn">
-          {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.iovsskch', '上报') }}
-        </lw-button>
-      </template>
-    </lw-popup>
-
-    <!-- 缺货弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.zogblsla', '备料缺货')"
-      v-model="lessPopup.show"
-    >
-      <lw-sku-info-module
-        :sku-name="lessPopup.data.skuName"
-        :sku-code="lessPopup.data.skuCode"
-        :show-right="false"
-        is-row-first
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.sirjxcnp', '备货库位')"
-        :value="lessPopup.data.locationCode"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.azehdtoa', '待备量')"
-        :value="lessPopup.data.qtyLabel"
-        val-bold
-        val-red
-      />
-
-      <lw-get-qty-by-type
-        v-if="lessPopup.show"
-        :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.nhdvdqca', '缺货量')"
-        ref="lessPopupQty"
-        :sku-id="lessPopup.data.skuId"
-        init-focus
-        @confirm="lessPopupConfirm"
-      />
-
-      <template #button>
-        <lw-button @click="lessPopupConfirm">
-          {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.pyxddwmd', '确认缺货') }}
-        </lw-button>
-      </template>
-    </lw-popup>
-
-  </div>
-</template>
-
-<script>
-import * as api from '../../../api/process/order'
-import {projectWmsWorkPreparePrint} from "../../../api/process/order";
-
-export default {
-  name: 'lwProcessPrepareIndexPage',
-  data () {
-    return {
-      // 数据看板
-      lookData: {
-        plan: {
-          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.yqzqmnvv','计划量'),
-          value: 0
-        },
-        over: {
-          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ukydbpyf','已备量'),
-          value: 0
-        },
-        wait: {
-          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lngjceri', '待备量'),
-          value: 0
-        },
-        abn: {
-          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.mfkfvqip', '异常量'),
-          value: 0,
-          color: 'yellow'
-        },
-      },
-
-      task: {
-        downMaterialLines: [],
-        upMaterialLines: [],
-      },
-
-      createLpnPrintData: {},
-
-      // tab激活项
-      tabActive: '',
-
-      // 备料下架
-      down: {
-        // 当前索引
-        index: 0,
-        // 确认库位
-        loc: {
-          value: '',
-          focus: false
-        },
-        // 确认托盘号
-        lpn: {
-          value: '',
-          focus: false
-        },
-        // 物料编码
-        sku: {
-          value: '',
-          focus: false
-        },
-        // 目标托盘
-        toLpn: {
-          value: '',
-          focus: false
-        }
-      },
-
-      // 备料上架
-      up: {
-        index: 0,
-        // 目标库位
-        loc: {
-          value: '',
-          focus: false
-        },
-        // 目标托盘
-        lpn: {
-          value: '',
-          focus: false
-        }
-      },
-
-      // 异常弹框
-      abnDown: {
-        show: false,
-        showCom: false,
-        collapseAction: [],
-        data: {}
-      },
-
-      // 异常商品弹框
-      skuSelectPopup: {
-        show: false,
-        type: '',// 异常-abn，缺货-less
-      },
-
-      // 缺货弹框
-      lessPopup: {
-        show: false,
-        data: {}
-      }
-    }
-  },
-  computed: {
-    // 下架数据
-    downData() {
-      return this.task.downMaterialLines[this.down.index] || {}
-    },
-    // 下架商品类型是否是零散
-    downSkuIsEa() {
-      return this.downData.type === 'EA'
-    },
-    // 下架 - 是否存在托盘号
-    downHasLpn() {
-      return !!this.downData.lpn
-    },
-
-    // 上架数据
-    upData() {
-      return this.task.upMaterialLines[this.up.index] || {}
-    }
-  },
-  mounted() {
-    this.loadTask()
-  },
-  methods: {
-
-    // 检查打印机
-    checkCreateLpnPrint(need) {
-      if (this.createLpnPrintData.printId) return true
-
-      const {success, printData} = this.$lwPrint.test({
-        templateCode: 'LPN_LABEL',
-        msg: this.$lwLanguage.get('', '托盘标签'),
-        msgType: need ? 'HARD' : 'SOFT'
-      })
-      this.createLpnPrintData = printData
-
-      return success
-    },
-    async loadTask() {
-      const task = await api.getPrepareMaterialTaskByTaskId(this.$route.query.lwTaskId)
-      this.initTaskData(task)
-    },
-
-    initTaskData(task) {
-
-      task.downMaterialLines = task.downMaterialLines || []
-      task.upMaterialLines = task.upMaterialLines || []
-
-      this.task = task
-
-      const {downMaterialLines, upMaterialLines} = this.task
-      if (downMaterialLines.length) {
-        this.tabActive = 'down'
-        this.down.index = this.$lwUtils.cutCardIndexCount(this.down.index, downMaterialLines.length)
-        this.downCutEnd()
-      } else if (upMaterialLines.length) {
-        this.tabActive = 'up'
-        this.up.index = this.$lwUtils.cutCardIndexCount(this.up.index, upMaterialLines.length)
-        this.up.lpn.value = this.upData.lpn
-        this.up.loc.focus = true
-      } else {
-        this.$lwToast.success({
-          message: this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.oevkblia', '当前任务已全部完成'),
-          onClose: () => history.go(-1)
-        })
-      }
-
-    },
-
-    // 数据检查
-    inputCheck (key, nullMsg, checkVal, errorMsg) {
-      const val = this.down[key].value
-
-      if (!val) {
-        this.down[key].focus = true
-        this.$lwShowErrorMsg(nullMsg)
-        return false
-      }
-
-      if (checkVal && val !== checkVal) {
-        this.down[key].focus = true
-        this.$lwShowErrorMsg(errorMsg)
-        this.down[key].value = ''
-        return false
-      }
-
-      return true
-    },
-    // 任务切换前的校验
-    cutStart (data) {
-      return new Promise((res, err) => {
-        if (data) {
-          this.$lwDialog.confirm({
-            title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ncphgtpf','提示'),
-            message: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.qfftbzyi','切换后当前输入内容将被清空')
-          }).then(() => res()).catch(() => err())
-        } else {
-          res()
-        }
-      })
-    },
-
-    // 下架 - 库位确认
-    downLocConfirm () {
-      if (this.downLocCheck()) {
-        if (this.downHasLpn) {
-          this.down.lpn.focus = true
-          return
-        }
-        this.down.sku.focus = true
-      }
-    },
-    // 下架 - 库位检查
-    downLocCheck () {
-      return this.inputCheck(
-        'loc',
-        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.froqhasz','请确认库位'),
-        this.downData.fromLocCode,
-        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ytikjiqn','当前库位与任务库位不一致')
-      )
-    },
-
-    // 下架 - 托盘号确认
-    downLpnConfirm () {
-      if (this.downLpnCheck()) {
-        if (this.downSkuIsEa) {
-
-          // 判断当前托盘是否只有一个商品
-          if (this.downData.singleSku) {
-            this.down.sku.value = this.downData.skuCode
-            this.$nextTick(() => this.downSkuConfirm())
-            return
-          }
-
-          this.down.sku.focus = true
-        } else {
-          this.confirmDown()
-        }
-      }
-    },
-    // 下架 - 托盘校验
-    downLpnCheck () {
-      if (!this.downHasLpn) return true
-
-      const val = this.down.lpn.value
-
-      if (!val) {
-        this.down.lpn.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.bsotcour', '托盘号不能为空')
-        )
-        return false
-      }
-
-      if (this.downSkuIsEa && val !== this.downData.lpn) {
-        this.down.lpn.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ypwebexg', '当前托盘号与任务托盘号不一致')
-        )
-        this.down.lpn.value = ''
-        return false
-      }
-
-      return true
-
-
-    },
-
-    // 下架 - 物料编码确认
-    downSkuConfirm () {
-      if (this.downSkuCheck()) this.$refs.downQty.getFocus()
-    },
-    // 下架 - 物料编码检查
-    downSkuCheck () {
-      return this.inputCheck(
-        'sku',
-        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.swjfigvq','物料编码不能为空'),
-        this.downData.skuCode,
-        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.pmfeufcl','当前物料编码与任务物料编码不一致'),
-      )
-    },
-
-    // 下架 - 备料数量
-    downNumConfirm () {
-      if (this.downNumCheck()) this.down.toLpn.focus = ''
-    },
-    // 下架 - 备料数量检查
-    downNumCheck () {
-      const num = this.$refs.downQty.getQty()
-
-      if (!num) {
-        this.$refs.downQty.getFocus()
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zyxndlxi', '备料数量不能为空，且应当是大于0的整数')
-        )
-        return false
-      }
-
-      if (num > this.downData.qty) {
-        this.$refs.downQty.getFocus()
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.xajvbhlz', '备料数量不能大于待备量')
-        )
-        this.$refs.downQty.clearInput()
-        return false
-      }
-
-      return true
-    },
-
-    // 下架 - 目标托盘确认
-    downToLpnConfirm() {
-      if (this.downToLpnCheck()) this.confirmDown()
-    },
-    // 下架 - 目标托盘校验
-    downToLpnCheck() {
-      return this.inputCheck(
-        'toLpn',
-        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.meibsgcb', '目标托盘不能为空')
-      )
-    },
-    // 下架 - 托盘生成
-    async downCreateLpn() {
-      const res = await api.wmsWorkOrderPrepareGenerateLpn()
-      this.down.toLpn.value = res || ''
-
-      if (this.checkCreateLpnPrint(false)) {
-        const print = await projectWmsWorkPreparePrint({
-          lpn: res,
-          printDeviceId: this.createLpnPrintData.printId,
-          printTemplateId: this.createLpnPrintData.templateId,
-        })
-        await this.$lwPrint.bluetoothPrint({taskId: print.id})
-      }
-    },
-
-    // 下架 - 确认备料下架
-    confirmDown() {
-      // 校验必填项
-      if (
-        !(
-          this.downLocCheck() &&
-          this.downLpnCheck()
-        )
-      ) return
-
-      if (
-        this.downSkuIsEa &&
-        !(
-          this.downSkuCheck() &&
-          this.downNumCheck() &&
-          this.downToLpnCheck()
-        )
-      ) return
-
-      const {taskId, workOrderId} = this.task
-      const {skuId, locationId, lineList, type} = this.downData
-
-      const param = {
-        taskId,
-        workOrderId,
-        type,
-        skuId,
-        locationId,
-        suggestLpn: this.downData.lpn,
-        lineIdList: lineList.map(item => item.lineId),
-      }
-
-      if (this.downSkuIsEa) {
-        param.targetLpn = this.down.toLpn.value
-        param.qty = this.$refs.downQty.getQty()
-      } else {
-        param.targetLpn = this.down.lpn.value
-        param.qty = this.downData.skuList.reduce((t, i) => Number(i.qty || 0) + t, 0)
-        param.lpn = this.down.lpn.value
-      }
-
-      api.doPrepareMaterialDown(param).then(res => {
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.qiqdnfsl', '操作成功')
-        )
-        // this.downCutEnd()
-        this.initTaskData(res)
-      })
-    },
-
-    // 任务切换前
-    downCutStart () {
-      const {loc, lpn, sku, toLpn} = this.down
-      const data =
-        loc.value ||
-        lpn.value ||
-        sku.value ||
-        (this.downSkuIsEa && this.$refs.downQty.getQty()) ||
-        toLpn.value
-
-      return this.cutStart(data)
-    },
-    // 任务切换后
-    downCutEnd () {
-      this.$nextTick(() => {
-        this.down.loc.value = ''
-        this.down.lpn.value = ''
-        this.down.sku.value = ''
-        this.down.toLpn.value = ''
-        this.down.loc.focus = true
-
-        this.$nextTick(() => {
-          if (this.downSkuIsEa) {
-            this.$refs.downQty.clearInput()
-          }
-        })
-      })
-    },
-
-    // 下架选择商品弹框 - 打开
-    skuSelectPopupOpen() {
-      if (this.downData.type === 'LPN') {
-
-        if (this.downData.skuList.length === 1) {
-          this.skuSelectPopupConfirm(this.downData.skuList[0])
-          return;
-        }
-
-        this.skuSelectPopup.show = true
-        return
-      }
-
-      this.skuSelectPopupConfirm(this.downData)
-    },
-    // 下架选择商品弹框 - 确认
-    skuSelectPopupConfirm(item) {
-
-      this.skuSelectPopup.show = false
-      const data = {
-        ...item,
-        locationCode: this.downData.locationCode,
-        lpn: this.downData.lpn,
-      }
-
-      if (this.skuSelectPopup.type === 'abn') {
-
-        this.abnDown.data = data
-        this.abnDown.showCom = true
-        this.abnDown.show = true
-
-        return
-      }
-
-      this.lessPopup.data = data
-      this.lessPopup.show = true
-    },
-
-
-    // 下架异常
-    downAbnClick() {
-      this.skuSelectPopup.type = 'abn'
-      this.skuSelectPopupOpen()
-    },
-    // 下架 - 确认异常上报
-    confirmAbn() {
-      const {success, data} = this.$refs.abnInput.getAbnormalInputData()
-      if (!success) return
-
-      api.doPrepareMaterialDownAbnormal({
-        taskId: this.task.taskId,
-        workOrderId: this.task.workOrderId,
-        type: data.abnType,
-        subType: data.abnSubType,
-        images: data.abnImg,
-        abnormalLocationCode: data.abnLocationCode,
-        abnormalLpn: data.abnLpn,
-        remark: data.abnRemark,
-        lines: [{
-          lineId: this.downData.lineList.find(item => item.skuId === this.abnDown.data.skuId).lineId,
-          qty: data.abnQty
-        }]
-      }).then(res => {
-        this.abnDown.showCom = false
-        this.abnDown.show = false
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.cjqvpcbw', '上报成功')
-        )
-
-        this.initTaskData(res)
-      })
-    },
-
-    // 下架缺货弹框 - 打开
-    lessPopupOpen() {
-      this.skuSelectPopup.type = 'less'
-      this.skuSelectPopupOpen()
-
-    },
-    // 下架缺货弹框 - 确认
-    lessPopupConfirm() {
-      const qty = this.$refs.lessPopupQty.getQty()
-      if (!qty) {
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.hhwzrlns', '缺货量不能为空，且应当是大于0的正整数')
-        )
-        return
-      }
-
-      if (qty > Number(this.lessPopup.data.qty || 0)) {
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.hjmgzcjt', '缺货量不能大于待备量')
-        )
-        return
-      }
-
-      api.doPrepareMaterialDownAbnormal({
-        taskId: this.task.taskId,
-        workOrderId: this.task.workOrderId,
-        type: 'SKU',
-        subType: 'QTY_LESS',
-        lines: [{
-          lineId: this.downData.lineList.find(item => item.skuId === this.lessPopup.data.skuId).lineId,
-          qty
-        }],
-        abnormalLocationCode: this.lessPopup.data.locationCode,
-        abnormalLpn: this.lessPopup.data.lpn,
-      }).then(res => {
-        this.lessPopup.show = false
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.cjqvpcbw', '上报成功')
-        )
-
-        this.initTaskData(res)
-      })
-    },
-
-    // 上架 - 任务切换前
-    upCutStart() {
-      return this.cutStart(!!this.up.loc.value)
-    },
-    // 上架 - 任务切换后
-    upCutEnd() {
-      this.up.lpn.value = ''
-      this.up.lpn.focus = true
-      this.up.loc.value = ''
-      this.up.loc.focus = false
-    },
-
-    // 上架 托盘交点切换
-    upLpnConfirm () {
-      this.up.loc.focus = true
-    },
-
-    // 确认上架
-    confirmUp () {
-
-      if (!this.up.loc.value) {
-        this.up.loc.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ikzolqcs','请确认目标库位')
-        )
-        return
-      }
-
-      if (this.task.recommendPutLocCode === this.up.loc.value) {
-        this.confirmUpAction()
-        return
-      }
-
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ncphgtpf','提示'),
-        message: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.huzwqdjk','目标库位不是推荐库位，确认上架？'),
-        msgList: [
-          {
-            key: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.porynvlq','推荐上架库位'),
-            value: this.task.recommendPutLocCode || '-'
-          },
-          {
-            key: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zsupavvw','目标库位'),
-            value: this.up.loc.value
-          },
-        ]
-      }).then(() => {
-        this.confirmUpAction()
-      }).catch(() => {
-        this.up.loc.value = ''
-        this.up.loc.focus = true
-      })
-
-    },
-    // 确认上架 - 提交后台
-    confirmUpAction () {
-      api.doPrepareMaterialUp({
-        taskId: this.task.taskId,
-        workOrderId: this.task.workOrderId,
-        lpn: this.upData.lpn,
-        materialLineIds: this.upData.lineList.map(i => i.lineId),
-        toLpn: this.up.lpn.value,
-        toLocCode: this.up.loc.value,
-      }).then(res => {
-        this.up.lpn.value = ''
-        this.up.loc.value = ''
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.jpocaojy', '上架成功')
-        )
-        this.initTaskData(res)
-      })
-    },
-
-    // 上架打印托盘
-    async printLpn() {
-      if (this.checkCreateLpnPrint(true)) {
-        const print = await projectWmsWorkPreparePrint({
-          lpn: this.upData.lpn,
-          printDeviceId: this.createLpnPrintData.printId,
-          printTemplateId: this.createLpnPrintData.templateId,
-        })
-        await this.$lwPrint.bluetoothPrint({taskId: print.id})
-      }
-    }
-
-  }
-}
-</script>
-
-<style scoped lang="less">
-.look-data-item-row {
-  > div {
-    width: 50%;
-  }
-}
-</style>
+<!--
+  加工 - 备料
+  @author: 张文
+  @date: 2022-08-10
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.yakzajlv','加工 - 备料')"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- 数据看板 -->
+      <template>
+        <div class="lw-global-model-top-radius">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.kbkseamx','加工线')"
+            :value="task.workTableCode"
+            val-bold
+            is-row-start/>
+          <!-- 时间统计 -->
+          <div class="lw-global-row-end">
+            <span class="lw-global-value-bold">{{ $lwDate.format(task.createTime, 'MM-dd hh:mm') }}</span>
+            <span class="lw-global-value-bold-red" style="display: inline-block;margin-left: 10px">
+            {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dguktauu','已过') }}
+            {{
+                $lwDate.timeToStr({
+                  l: $lwDate.format(task.createTime, 'yyyy-MM-dd hh:mm:ss'),
+                  n: $lwTimezone.getTimezoneDate({ format: 'yyyy-MM-dd hh:mm:ss' }),
+                  minType: 'min'
+                }).text
+              }}
+            </span>
+          </div>
+        </div>
+        <lw-data-look-bg
+          class="lw-global-row-box"
+          type="bottom"
+          :show-end-line="false"
+          :is-flex="false"
+          height="auto"
+        >
+          <div class="lw-global-flex-start look-data-item-row">
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.yqzqmnvv','计划量')"
+              :value="$lwCheckVal(task.qtyLabel)"
+              val-bold
+              val-color="#ffffff"
+              :title-style="{color:'#ffffff'}"
+              :val-style="{textAlign:'left'}"
+              :is-row="false"
+            />
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ukydbpyf','已备量')"
+              :value="$lwCheckVal(task.prepareQtyLabel)"
+              val-bold
+              val-color="#ffffff"
+              :title-style="{color:'#ffffff'}"
+              :val-style="{textAlign:'left'}"
+              :is-row="false"
+            />
+          </div>
+          <div class="lw-global-flex-start look-data-item-row">
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lngjceri','待备量')"
+              :value="$lwCheckVal(task.waitPrepareQtyLabel)"
+              val-bold
+              val-color="#ffffff"
+              :title-style="{color:'#ffffff'}"
+              :val-style="{textAlign:'left'}"
+              :is-row="false"
+            />
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.mfkfvqip','异常量')"
+              :value="$lwCheckVal(task.abnormalQtyLabel)"
+              val-bold
+              val-color="#ffff00"
+              :title-style="{color:'#ffff00'}"
+              :val-style="{textAlign:'left'}"
+              :is-row="false"
+            />
+          </div>
+
+        </lw-data-look-bg>
+      </template>
+
+      <!-- tab -->
+      <lw-tab-box style="margin-top: 10px">
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+          <van-tab
+            name="down"
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zcjftwmn','备料下架')"
+          >
+            <template v-if="task.downMaterialLines.length">
+
+              <div class="lw-global-model-box">
+
+                <!-- 零散 -->
+                <template v-if="downSkuIsEa">
+                  <!-- 备件信息 -->
+                  <lw-sku-info-module
+                    :sku-code="downData.skuCode"
+                    :sku-name="downData.skuName"
+                    is-row-first
+                  >
+                    <div
+                      class="lw-global-flex-center"
+                      style="flex-direction: column"
+                    >
+                      <div class="lw-global-value-bold-red">{{ downData.qtyLabel }}</div>
+                      <lw-tag
+                        round
+                        plain
+                      >
+                        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.dwizwpfi', '零散') }}
+                      </lw-tag>
+                    </div>
+                  </lw-sku-info-module>
+
+                  <!-- 扩展字段 -->
+                  <lw-lot-look-module
+                    v-if="downData.displayLot && downData.displayLot.items"
+                    class="lw-global-row"
+                    :columns="downData.displayLot.items"
+                    :show-row="false"
+                    title-key="displayName"
+                    value-key="formatValue"
+                  />
+
+                  <!-- 库位 -->
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dutrjbof','库位')"
+                    :value="downData.locationCode"
+                    val-bold
+                  />
+
+                  <!-- 托盘号 -->
+                  <lw-title-value-cell
+                    v-if="downHasLpn"
+                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.vmkztyix','托盘号')"
+                    :value="downData.lpn"
+                    val-bold
+                  />
+
+                  <!-- 箱号 -->
+                  <lw-title-value-cell
+                    v-if="downData.caseNum"
+                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.pvabqhja','箱号')"
+                    :value="downData.caseNum"
+                    val-bold
+                  />
+
+                  <!-- 确认库位 -->
+                  <lw-input
+                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.utrmdvcy','确认库位')"
+                    v-model="down.loc.value"
+                    :get-focus.sync="down.loc.focus"
+                    rule-key="downLoc"
+                    :create-rule="$lwScanRule.create('加工备料-备料下架-库位','LOCATION')"
+                    :owner-id="downData.ownerId"
+                    :rule-serve-query="downData"
+                    required
+                    @confirm="downLocConfirm"
+                  />
+
+                  <!-- 确认托盘号 -->
+                  <lw-input
+                    v-if="downHasLpn"
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.mrqeunif', '下架托盘号')"
+                    v-model="down.lpn.value"
+                    :get-focus.sync="down.lpn.focus"
+                    rule-key="downLpn"
+                    :create-rule="$lwScanRule.create('加工备料-备料下架-托盘号','LPN')"
+                    :owner-id="downData.ownerId"
+                    :rule-serve-query="downData"
+                    required
+                    @confirm="downLpnConfirm"
+                  />
+
+                  <!-- 物料编码 -->
+                  <lw-input
+                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.yjkplhck','原料编码')"
+                    v-model="down.sku.value"
+                    :get-focus.sync="down.sku.focus"
+                    rule-key="downSku"
+                    :create-rule="$lwScanRule.create('加工备料-备料下架-原料编码','SKU')"
+                    :owner-id="downData.ownerId"
+                    :rule-serve-query="downData"
+                    required
+                    @confirm="downSkuConfirm"
+                  />
+
+                  <!-- 备料数量 -->
+                  <lw-get-qty-by-type
+                    ref="downQty"
+                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.xfebaksx','备料数量')"
+                    :sku-id="downData.skuId"
+                    type="number"
+                    requiredZ
+                    @confirm="downNumConfirm"
+                  />
+
+                  <!-- 目标托盘号 -->
+                  <lw-input
+                    :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.cuarvbqw','目标托盘号')"
+                    v-model="down.toLpn.value"
+                    :get-focus.sync="down.toLpn.focus"
+                    rule-key="downToLpn"
+                    :create-rule="$lwScanRule.create('加工备料-备料下架-目标托盘','LPN')"
+                    :owner-id="downData.ownerId"
+                    :rule-serve-query="downData"
+                    required
+                    @confirm="downToLpnConfirm"
+                  >
+                    <template #button>
+                      <lw-button
+                        mini
+                        @click="downCreateLpn"
+                      >
+                        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.mdzldmhx', '自动生成') }}
+                      </lw-button>
+                    </template>
+                  </lw-input>
+                </template>
+
+                <!-- 整托 -->
+                <template v-else>
+
+                  <div class="lw-global-row-start">
+                    <div class="lw-global-flex-between">
+                      <lw-title-value-cell
+                        :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.mkmwvoqe', '托盘号')"
+                        :value="downData.lpn"
+                        val-bold
+                        :is-row="false"
+                      />
+                      <lw-tag
+                        round
+                        plain
+                        type="danger"
+                      >
+                        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.ixbkpokp', '整托') }}
+                      </lw-tag>
+                    </div>
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.porwhtls', '库位')"
+                      :value="downData.locationCode"
+                      val-bold
+                      :is-row="false"
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.fdgbcztg', '总量')"
+                      :value="downData.qtyLabel"
+                      val-bold
+                      :is-row="false"
+                    />
+                  </div>
+
+                  <div
+                    v-for="(i,k) in downData.skuList"
+                    :key="i.skuId"
+                    :class="$lwUtils.getCellClass({
+                    index:k,
+                    length:downData.skuList.length,
+                    start:'lw-global-row',
+                    only:'lw-global-row'
+                  })"
+                  >
+                    <lw-sku-info-module
+                      :sku-code="i.skuCode"
+                      :sku-name="i.skuName"
+                      :qty="i.qtyLabel"
+                    />
+                    <lw-lot-look-module
+                      :columns="i.displayLot.items"
+                      :show-row="false"
+                      title-key="displayName"
+                      value-key="formatValue"
+                    />
+
+                  </div>
+
+                </template>
+
+                <!-- 任务切换 -->
+                <lw-cut-card
+                  v-model="down.index"
+                  :length="task.downMaterialLines.length"
+                  :cut-start="downCutStart"
+                  :cut-end="downCutEnd"
+                />
+
+              </div>
+
+              <div
+                v-if="!downSkuIsEa"
+                class="lw-global-model-box-3px lw-global-model-box"
+              >
+
+                <!-- 确认库位 -->
+                <lw-input
+                  :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.utrmdvcy','确认库位')"
+                  v-model="down.loc.value"
+                  :get-focus.sync="down.loc.focus"
+                  rule-key="downLoc"
+                  :create-rule="$lwScanRule.create('加工备料-备料下架-库位','LOCATION')"
+                  :owner-id="downData.ownerId"
+                  :rule-serve-query="downData"
+                  required
+                  @confirm="downLocConfirm"
+                />
+
+                <!-- 确认托盘号 -->
+                <lw-input
+                  v-if="downHasLpn"
+                  :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dubseqbl','确认托盘号')"
+                  v-model="down.lpn.value"
+                  :get-focus.sync="down.lpn.focus"
+                  rule-key="downLpn"
+                  :create-rule="$lwScanRule.create('加工备料-备料下架-托盘号','LPN')"
+                  :owner-id="downData.ownerId"
+                  :rule-serve-query="downData"
+                  required
+                  :show-bottom-border="false"
+                  @confirm="downLpnConfirm"
+                />
+              </div>
+
+            </template>
+            <lw-not-data v-else/>
+          </van-tab>
+
+          <van-tab
+            name="up"
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zzamauqr','备料上架')"
+          >
+
+            <div
+              v-if="task.upMaterialLines.length"
+              class="lw-global-model-box"
+            >
+
+              <div class="lw-global-row-start lw-global-flex-between">
+                <div
+                  style="font-size: 1.125rem"
+                  class="lw-global-value-bold-red"
+                >
+                  {{ upData.lpn }}
+                </div>
+                <lw-button
+                  mini
+                  @click="printLpn"
+                >
+                  {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.rqmgervn', '补打') }}
+                </lw-button>
+              </div>
+
+              <div
+                class="lw-global-row"
+                v-for="(i,k) in upData.skuList"
+                :key="k"
+              >
+                <lw-sku-info-module
+                  style="margin-bottom: 5px"
+                  :sku-code="i.skuCode"
+                  :sku-name="i.skuName"
+                  :qty="i.qtyLabel"
+                  :qty-text="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dijlbcsp','待上架')"
+                />
+
+                <lw-lot-look-module
+                  :columns="i.displayLot.items"
+                  :show-row="false"
+                  title-key="displayName"
+                  value-key="formatValue"
+                />
+
+              </div>
+
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ronwmstp','上架托盘')"
+                v-model="up.lpn.value"
+                :get-focus.sync="up.lpn.focus"
+                rule-key="upLpn"
+                :create-rule="$lwScanRule.create('加工备料-备料上架-托盘','LPN')"
+                :owner-id="upData.ownerId"
+                :rule-serve-query="upData"
+                @confirm="upLpnConfirm"
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.porynvlq','推荐上架库位')"
+                :value="$lwCheckVal(task.recommendPutLocCode)"
+                val-red
+                val-bold
+                val-size="16px"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.pwgooevf','确认目标库位')"
+                v-model="up.loc.value"
+                :get-focus.sync="up.loc.focus"
+                required
+                rule-key="upLoc"
+                :create-rule="$lwScanRule.create('加工备料-备料上架-目标库位','LOCATION')"
+                :owner-id="upData.ownerId"
+                :rule-serve-query="upData"
+                @confirm="confirmUp"
+              />
+
+              <lw-cut-card
+                v-model="up.index"
+                :length="task.upMaterialLines.length"
+                :cut-start="upCutStart"
+                :cut-end="upCutEnd"
+              />
+
+            </div>
+            <lw-not-data v-else/>
+
+          </van-tab>
+        </van-tabs>
+      </lw-tab-box>
+
+    </div>
+
+    <lw-bottom-bar v-if="tabActive === 'down' && task.downMaterialLines.length">
+
+      <lw-button
+        type="last"
+        plain
+        @click="lessPopupOpen"
+      >
+        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.utqmpgcv', '缺货') }}
+      </lw-button>
+
+      <lw-button
+        type="last"
+        @click="downAbnClick"
+      >
+        {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.pmlpzdqc', '异常') }}
+      </lw-button>
+
+      <lw-button @click="confirmDown">
+        {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zcjftwmn', '备料下架') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <lw-bottom-bar v-if="tabActive === 'up' && task.upMaterialLines.length">
+
+      <lw-button @click="confirmUp">
+        {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zzamauqr', '备料上架') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+
+    <!-- 整托盘备料时 - 选择异常商品、缺货商品弹框 -->
+    <lw-popup
+      :title="skuSelectPopup.type==='abn'?
+        $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.wzcogugi', '选择异常商品'):
+        $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.nfumraox', '选择缺货商品')
+      "
+      v-model="skuSelectPopup.show"
+    >
+      <div
+        v-for="(i,k) in downData.skuList"
+        :key="k"
+        :class="$lwUtils.getCellClass({
+          index:k,
+          length:downData.skuList.length,
+          only:'lw-global-row-end'
+        })"
+        class="lw-global-click-style"
+        @click="skuSelectPopupConfirm(i)"
+      >
+
+        <div class="lw-global-flex-between">
+          <lw-sku-info-module
+            style="flex: 1;margin-right: 10px"
+            :sku-code="i.skuCode"
+            :sku-name="i.skuName"
+            :qty="i.qtyLabel"
+          />
+          <van-icon
+            color="#999"
+            name="arrow"
+            size="18px"
+          />
+        </div>
+
+        <!-- 扩展字段 -->
+        <lw-lot-look-module
+          :columns="i.displayLot.items"
+          :show-row="false"
+          title-key="displayName"
+          value-key="formatValue"
+        />
+
+      </div>
+    </lw-popup>
+
+    <!-- 异常确认弹框 -->
+    <lw-popup
+      v-model="abnDown.show"
+      :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.chaqirin','备件异常上报')"
+      background="#f0f0f0"
+      @closed="abnDown.showCom=false">
+
+      <template v-if="abnDown.showCom">
+
+        <!-- 基础信息 -->
+        <div class="lw-global-model-box">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zutgpomc','加工台')"
+            :value="task.workTableCode"
+            text-align="right"
+            is-row-start
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.snblzkkq','备料任务号')"
+            :value="task.taskNo"
+            text-align="right"
+          />
+
+          <lw-sku-info-module
+            :sku-name="abnDown.data.skuName"
+            :sku-code="abnDown.data.skuCode"
+            :show-right="false"
+            is-row
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ozyymnhe','货主')"
+            :value="(abnDown.data.ownerCode || '-') + ' / ' +(abnDown.data.ownerName || '-')"
+            text-align="right"/>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lngjceri','待备量')"
+            :value="abnDown.data.qtyLabel"
+            text-align="right"
+            val-bold
+            val-red/>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.axdsiwov','下架库位')"
+            :value="abnDown.data.locationCode"
+            text-align="right"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.vmkztyix','托盘号')"
+            :value="abnDown.data.lpn || '-'"
+            text-align="right"
+            is-row-end
+          />
+        </div>
+
+        <!-- 批次信息 -->
+        <div class="lw-global-model-box lw-global-collapse-box lw-global-model-box-3px">
+          <van-collapse
+            v-model="abnDown.collapseAction"
+            :border="false"
+          >
+            <van-collapse-item
+              name="1"
+              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.nzcpebcy','批次信息')"
+            >
+              <lw-lot-look-module
+                :columns="abnDown.data.displayLot.items"
+                title-key="displayName"
+                value-key="formatValue"
+              />
+            </van-collapse-item>
+          </van-collapse>
+        </div>
+
+        <!-- 异常输入框 -->
+        <lw-abnormal-input-module
+          class="lw-global-model-box"
+          ref="abnInput"
+          :type="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lobubsue','加工')"
+          :ab-type="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.hrjysxav','备料')"
+          :abn-type-key="['QTY', 'QUALITY']"
+          :qty="abnDown.data.qty"
+          :sku-id="abnDown.data.skuId"
+          :current-loc-code="abnDown.data.locationCode"
+        />
+
+      </template>
+      <template #button>
+        <lw-button @click="confirmAbn">
+          {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.iovsskch', '上报') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+    <!-- 缺货弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.zogblsla', '备料缺货')"
+      v-model="lessPopup.show"
+    >
+      <lw-sku-info-module
+        :sku-name="lessPopup.data.skuName"
+        :sku-code="lessPopup.data.skuCode"
+        :show-right="false"
+        is-row-first
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.sirjxcnp', '备货库位')"
+        :value="lessPopup.data.locationCode"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.azehdtoa', '待备量')"
+        :value="lessPopup.data.qtyLabel"
+        val-bold
+        val-red
+      />
+
+      <lw-get-qty-by-type
+        v-if="lessPopup.show"
+        :title="$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.nhdvdqca', '缺货量')"
+        ref="lessPopupQty"
+        :sku-id="lessPopup.data.skuId"
+        init-focus
+        @confirm="lessPopupConfirm"
+      />
+
+      <template #button>
+        <lw-button @click="lessPopupConfirm">
+          {{ $lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.pyxddwmd', '确认缺货') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import * as api from '../../../api/process/order'
+import {projectWmsWorkPreparePrint} from "../../../api/process/order";
+
+export default {
+  name: 'lwProcessPrepareIndexPage',
+  data () {
+    return {
+      // 数据看板
+      lookData: {
+        plan: {
+          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.yqzqmnvv','计划量'),
+          value: 0
+        },
+        over: {
+          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ukydbpyf','已备量'),
+          value: 0
+        },
+        wait: {
+          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lngjceri', '待备量'),
+          value: 0
+        },
+        abn: {
+          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.mfkfvqip', '异常量'),
+          value: 0,
+          color: 'yellow'
+        },
+      },
+
+      task: {
+        downMaterialLines: [],
+        upMaterialLines: [],
+      },
+
+      createLpnPrintData: {},
+
+      // tab激活项
+      tabActive: '',
+
+      // 备料下架
+      down: {
+        // 当前索引
+        index: 0,
+        // 确认库位
+        loc: {
+          value: '',
+          focus: false
+        },
+        // 确认托盘号
+        lpn: {
+          value: '',
+          focus: false
+        },
+        // 物料编码
+        sku: {
+          value: '',
+          focus: false
+        },
+        // 目标托盘
+        toLpn: {
+          value: '',
+          focus: false
+        }
+      },
+
+      // 备料上架
+      up: {
+        index: 0,
+        // 目标库位
+        loc: {
+          value: '',
+          focus: false
+        },
+        // 目标托盘
+        lpn: {
+          value: '',
+          focus: false
+        }
+      },
+
+      // 异常弹框
+      abnDown: {
+        show: false,
+        showCom: false,
+        collapseAction: [],
+        data: {}
+      },
+
+      // 异常商品弹框
+      skuSelectPopup: {
+        show: false,
+        type: '',// 异常-abn，缺货-less
+      },
+
+      // 缺货弹框
+      lessPopup: {
+        show: false,
+        data: {}
+      }
+    }
+  },
+  computed: {
+    // 下架数据
+    downData() {
+      return this.task.downMaterialLines[this.down.index] || {}
+    },
+    // 下架商品类型是否是零散
+    downSkuIsEa() {
+      return this.downData.type === 'EA'
+    },
+    // 下架 - 是否存在托盘号
+    downHasLpn() {
+      return !!this.downData.lpn
+    },
+
+    // 上架数据
+    upData() {
+      return this.task.upMaterialLines[this.up.index] || {}
+    }
+  },
+  mounted() {
+    this.loadTask()
+  },
+  methods: {
+
+    // 检查打印机
+    checkCreateLpnPrint(need) {
+      if (this.createLpnPrintData.printId) return true
+
+      const {success, printData} = this.$lwPrint.test({
+        templateCode: 'LPN_LABEL',
+        msg: this.$lwLanguage.get('', '托盘标签'),
+        msgType: need ? 'HARD' : 'SOFT'
+      })
+      this.createLpnPrintData = printData
+
+      return success
+    },
+    async loadTask() {
+      const task = await api.getPrepareMaterialTaskByTaskId(this.$route.query.lwTaskId)
+      this.initTaskData(task)
+    },
+
+    initTaskData(task) {
+
+      task.downMaterialLines = task.downMaterialLines || []
+      task.upMaterialLines = task.upMaterialLines || []
+
+      this.task = task
+
+      const {downMaterialLines, upMaterialLines} = this.task
+      if (downMaterialLines.length) {
+        this.tabActive = 'down'
+        this.down.index = this.$lwUtils.cutCardIndexCount(this.down.index, downMaterialLines.length)
+        this.downCutEnd()
+      } else if (upMaterialLines.length) {
+        this.tabActive = 'up'
+        this.up.index = this.$lwUtils.cutCardIndexCount(this.up.index, upMaterialLines.length)
+        this.up.lpn.value = this.upData.lpn
+        this.up.loc.focus = true
+      } else {
+        this.$lwToast.success({
+          message: this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.oevkblia', '当前任务已全部完成'),
+          onClose: () => history.go(-1)
+        })
+      }
+
+    },
+
+    // 数据检查
+    inputCheck (key, nullMsg, checkVal, errorMsg) {
+      const val = this.down[key].value
+
+      if (!val) {
+        this.down[key].focus = true
+        this.$lwShowErrorMsg(nullMsg)
+        return false
+      }
+
+      if (checkVal && val !== checkVal) {
+        this.down[key].focus = true
+        this.$lwShowErrorMsg(errorMsg)
+        this.down[key].value = ''
+        return false
+      }
+
+      return true
+    },
+    // 任务切换前的校验
+    cutStart (data) {
+      return new Promise((res, err) => {
+        if (data) {
+          this.$lwDialog.confirm({
+            title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ncphgtpf','提示'),
+            message: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.qfftbzyi','切换后当前输入内容将被清空')
+          }).then(() => res()).catch(() => err())
+        } else {
+          res()
+        }
+      })
+    },
+
+    // 下架 - 库位确认
+    downLocConfirm () {
+      if (this.downLocCheck()) {
+        if (this.downHasLpn) {
+          this.down.lpn.focus = true
+          return
+        }
+        this.down.sku.focus = true
+      }
+    },
+    // 下架 - 库位检查
+    downLocCheck () {
+      return this.inputCheck(
+        'loc',
+        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.froqhasz','请确认库位'),
+        this.downData.fromLocCode,
+        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ytikjiqn','当前库位与任务库位不一致')
+      )
+    },
+
+    // 下架 - 托盘号确认
+    downLpnConfirm () {
+      if (this.downLpnCheck()) {
+        if (this.downSkuIsEa) {
+
+          // 判断当前托盘是否只有一个商品
+          if (this.downData.singleSku) {
+            this.down.sku.value = this.downData.skuCode
+            this.$nextTick(() => this.downSkuConfirm())
+            return
+          }
+
+          this.down.sku.focus = true
+        } else {
+          this.confirmDown()
+        }
+      }
+    },
+    // 下架 - 托盘校验
+    downLpnCheck () {
+      if (!this.downHasLpn) return true
+
+      const val = this.down.lpn.value
+
+      if (!val) {
+        this.down.lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.bsotcour', '托盘号不能为空')
+        )
+        return false
+      }
+
+      if (this.downSkuIsEa && val !== this.downData.lpn) {
+        this.down.lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ypwebexg', '当前托盘号与任务托盘号不一致')
+        )
+        this.down.lpn.value = ''
+        return false
+      }
+
+      return true
+
+
+    },
+
+    // 下架 - 物料编码确认
+    downSkuConfirm () {
+      if (this.downSkuCheck()) this.$refs.downQty.getFocus()
+    },
+    // 下架 - 物料编码检查
+    downSkuCheck () {
+      return this.inputCheck(
+        'sku',
+        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.swjfigvq','物料编码不能为空'),
+        this.downData.skuCode,
+        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.pmfeufcl','当前物料编码与任务物料编码不一致'),
+      )
+    },
+
+    // 下架 - 备料数量
+    downNumConfirm () {
+      if (this.downNumCheck()) this.down.toLpn.focus = ''
+    },
+    // 下架 - 备料数量检查
+    downNumCheck () {
+      const num = this.$refs.downQty.getQty()
+
+      if (!num) {
+        this.$refs.downQty.getFocus()
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zyxndlxi', '备料数量不能为空，且应当是大于0的整数')
+        )
+        return false
+      }
+
+      if (num > this.downData.qty) {
+        this.$refs.downQty.getFocus()
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.xajvbhlz', '备料数量不能大于待备量')
+        )
+        this.$refs.downQty.clearInput()
+        return false
+      }
+
+      return true
+    },
+
+    // 下架 - 目标托盘确认
+    downToLpnConfirm() {
+      if (this.downToLpnCheck()) this.confirmDown()
+    },
+    // 下架 - 目标托盘校验
+    downToLpnCheck() {
+      return this.inputCheck(
+        'toLpn',
+        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.meibsgcb', '目标托盘不能为空')
+      )
+    },
+    // 下架 - 托盘生成
+    async downCreateLpn() {
+      const res = await api.wmsWorkOrderPrepareGenerateLpn()
+      this.down.toLpn.value = res || ''
+
+      if (this.checkCreateLpnPrint(false)) {
+        const print = await projectWmsWorkPreparePrint({
+          lpn: res,
+          printDeviceId: this.createLpnPrintData.printId,
+          printTemplateId: this.createLpnPrintData.templateId,
+        })
+        await this.$lwPrint.bluetoothPrint({taskId: print.id})
+      }
+    },
+
+    // 下架 - 确认备料下架
+    confirmDown() {
+      // 校验必填项
+      if (
+        !(
+          this.downLocCheck() &&
+          this.downLpnCheck()
+        )
+      ) return
+
+      if (
+        this.downSkuIsEa &&
+        !(
+          this.downSkuCheck() &&
+          this.downNumCheck() &&
+          this.downToLpnCheck()
+        )
+      ) return
+
+      const {taskId, workOrderId} = this.task
+      const {skuId, locationId, lineList, type} = this.downData
+
+      const param = {
+        taskId,
+        workOrderId,
+        type,
+        skuId,
+        locationId,
+        suggestLpn: this.downData.lpn,
+        lineIdList: lineList.map(item => item.lineId),
+      }
+
+      if (this.downSkuIsEa) {
+        param.targetLpn = this.down.toLpn.value
+        param.qty = this.$refs.downQty.getQty()
+      } else {
+        param.targetLpn = this.down.lpn.value
+        param.qty = this.downData.skuList.reduce((t, i) => Number(i.qty || 0) + t, 0)
+        param.lpn = this.down.lpn.value
+      }
+
+      api.doPrepareMaterialDown(param).then(res => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.qiqdnfsl', '操作成功')
+        )
+        // this.downCutEnd()
+        this.initTaskData(res)
+      })
+    },
+
+    // 任务切换前
+    downCutStart () {
+      const {loc, lpn, sku, toLpn} = this.down
+      const data =
+        loc.value ||
+        lpn.value ||
+        sku.value ||
+        (this.downSkuIsEa && this.$refs.downQty.getQty()) ||
+        toLpn.value
+
+      return this.cutStart(data)
+    },
+    // 任务切换后
+    downCutEnd () {
+      this.$nextTick(() => {
+        this.down.loc.value = ''
+        this.down.lpn.value = ''
+        this.down.sku.value = ''
+        this.down.toLpn.value = ''
+        this.down.loc.focus = true
+
+        this.$nextTick(() => {
+          if (this.downSkuIsEa) {
+            this.$refs.downQty.clearInput()
+          }
+        })
+      })
+    },
+
+    // 下架选择商品弹框 - 打开
+    skuSelectPopupOpen() {
+      if (this.downData.type === 'LPN') {
+
+        if (this.downData.skuList.length === 1) {
+          this.skuSelectPopupConfirm(this.downData.skuList[0])
+          return;
+        }
+
+        this.skuSelectPopup.show = true
+        return
+      }
+
+      this.skuSelectPopupConfirm(this.downData)
+    },
+    // 下架选择商品弹框 - 确认
+    skuSelectPopupConfirm(item) {
+
+      this.skuSelectPopup.show = false
+      const data = {
+        ...item,
+        locationCode: this.downData.locationCode,
+        lpn: this.downData.lpn,
+      }
+
+      if (this.skuSelectPopup.type === 'abn') {
+
+        this.abnDown.data = data
+        this.abnDown.showCom = true
+        this.abnDown.show = true
+
+        return
+      }
+
+      this.lessPopup.data = data
+      this.lessPopup.show = true
+    },
+
+
+    // 下架异常
+    downAbnClick() {
+      this.skuSelectPopup.type = 'abn'
+      this.skuSelectPopupOpen()
+    },
+    // 下架 - 确认异常上报
+    confirmAbn() {
+      const {success, data} = this.$refs.abnInput.getAbnormalInputData()
+      if (!success) return
+
+      api.doPrepareMaterialDownAbnormal({
+        taskId: this.task.taskId,
+        workOrderId: this.task.workOrderId,
+        type: data.abnType,
+        subType: data.abnSubType,
+        images: data.abnImg,
+        abnormalLocationCode: data.abnLocationCode,
+        abnormalLpn: data.abnLpn,
+        remark: data.abnRemark,
+        lines: [{
+          lineId: this.downData.lineList.find(item => item.skuId === this.abnDown.data.skuId).lineId,
+          qty: data.abnQty
+        }]
+      }).then(res => {
+        this.abnDown.showCom = false
+        this.abnDown.show = false
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.cjqvpcbw', '上报成功')
+        )
+
+        this.initTaskData(res)
+      })
+    },
+
+    // 下架缺货弹框 - 打开
+    lessPopupOpen() {
+      this.skuSelectPopup.type = 'less'
+      this.skuSelectPopupOpen()
+
+    },
+    // 下架缺货弹框 - 确认
+    lessPopupConfirm() {
+      const qty = this.$refs.lessPopupQty.getQty()
+      if (!qty) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.hhwzrlns', '缺货量不能为空，且应当是大于0的正整数')
+        )
+        return
+      }
+
+      if (qty > Number(this.lessPopup.data.qty || 0)) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.hjmgzcjt', '缺货量不能大于待备量')
+        )
+        return
+      }
+
+      api.doPrepareMaterialDownAbnormal({
+        taskId: this.task.taskId,
+        workOrderId: this.task.workOrderId,
+        type: 'SKU',
+        subType: 'QTY_LESS',
+        lines: [{
+          lineId: this.downData.lineList.find(item => item.skuId === this.lessPopup.data.skuId).lineId,
+          qty
+        }],
+        abnormalLocationCode: this.lessPopup.data.locationCode,
+        abnormalLpn: this.lessPopup.data.lpn,
+      }).then(res => {
+        this.lessPopup.show = false
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.cjqvpcbw', '上报成功')
+        )
+
+        this.initTaskData(res)
+      })
+    },
+
+    // 上架 - 任务切换前
+    upCutStart() {
+      return this.cutStart(!!this.up.loc.value)
+    },
+    // 上架 - 任务切换后
+    upCutEnd() {
+      this.up.lpn.value = ''
+      this.up.lpn.focus = true
+      this.up.loc.value = ''
+      this.up.loc.focus = false
+    },
+
+    // 上架 托盘交点切换
+    upLpnConfirm () {
+      this.up.loc.focus = true
+    },
+
+    // 确认上架
+    confirmUp () {
+
+      if (!this.up.loc.value) {
+        this.up.loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ikzolqcs','请确认目标库位')
+        )
+        return
+      }
+
+      if (this.task.recommendPutLocCode === this.up.loc.value) {
+        this.confirmUpAction()
+        return
+      }
+
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ncphgtpf','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.huzwqdjk','目标库位不是推荐库位，确认上架？'),
+        msgList: [
+          {
+            key: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.porynvlq','推荐上架库位'),
+            value: this.task.recommendPutLocCode || '-'
+          },
+          {
+            key: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zsupavvw','目标库位'),
+            value: this.up.loc.value
+          },
+        ]
+      }).then(() => {
+        this.confirmUpAction()
+      }).catch(() => {
+        this.up.loc.value = ''
+        this.up.loc.focus = true
+      })
+
+    },
+    // 确认上架 - 提交后台
+    confirmUpAction () {
+      api.doPrepareMaterialUp({
+        taskId: this.task.taskId,
+        workOrderId: this.task.workOrderId,
+        lpn: this.upData.lpn,
+        materialLineIds: this.upData.lineList.map(i => i.lineId),
+        toLpn: this.up.lpn.value,
+        toLocCode: this.up.loc.value,
+      }).then(res => {
+        this.up.lpn.value = ''
+        this.up.loc.value = ''
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.jpocaojy', '上架成功')
+        )
+        this.initTaskData(res)
+      })
+    },
+
+    // 上架打印托盘
+    async printLpn() {
+      if (this.checkCreateLpnPrint(true)) {
+        const print = await projectWmsWorkPreparePrint({
+          lpn: this.upData.lpn,
+          printDeviceId: this.createLpnPrintData.printId,
+          printTemplateId: this.createLpnPrintData.templateId,
+        })
+        await this.$lwPrint.bluetoothPrint({taskId: print.id})
+      }
+    }
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+.look-data-item-row {
+  > div {
+    width: 50%;
+  }
+}
+</style>