@logwire/logwire-wms-pda-ui 3.5.0 → 3.5.2

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

@@ -34,9 +34,54 @@
           </div>
         </div>
         <lw-data-look-bg
+          class="lw-global-row-box"
           type="bottom"
-          :data="lookData"
-        />
+          :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 -->
@@ -44,149 +89,297 @@
         <van-tabs
           type="card"
           animated
-          v-model="tabActive">
-          <van-tab name="down" :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zcjftwmn','备料下架')">
-            <div v-if="down.data.length" class="lw-global-model-box">
-
-              <!-- 备件信息 -->
-              <lw-sku-info-module
-                :sku-code="downData.skuCode"
-                :sku-name="downData.skuName"
-                :qty="downData.toDownQty"
-                :qty-text="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lngjceri','待备量')"/>
-
-              <!-- 标签 -->
-              <div class="lw-global-row">
-                <lw-tag v-if="task.skuFastMove" round plain>快移</lw-tag>
-                <lw-tag v-if="task.skuUrgency" round plain>BO</lw-tag>
-                <lw-tag v-if="task.skuSizeType" round plain>{{ $lwDict.getDictLabel('size_type_choice', task.skuSizeType) }}</lw-tag>
-              </div>
+          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 class="lw-global-row">
-                <lw-lot-look-module
-                  :columns="downData.lot.items"
-                  :show-row="false"
-                  title-key="displayName"
-                  value-key="formatValue"/>
               </div>
 
-              <!-- 库位 -->
-              <lw-title-value-cell
-                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dutrjbof','库位')"
-                :value="downData.fromLocCode"
-                val-bold/>
-
-              <!-- 托盘号 -->
-              <lw-title-value-cell
-                v-if="downHasLpn"
-                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.vmkztyix','托盘号')"
-                :value="downData.fromLpn"
-                val-bold/>
-
-              <!-- 箱号 -->
-              <lw-title-value-cell
-                v-if="downHasBox"
-                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.pvabqhja','箱号')"
-                :value="downData.fromCaseNum"
-                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.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
-                @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-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.xfebaksx','备料数量')"
-                v-model="down.num.value"
-                :get-focus.sync="down.num.focus"
-                type="digit"
-                required
-                @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"/>
-
-              <!-- 任务切换 -->
-              <lw-cut-card
-                v-model="down.index"
-                :length="down.data.length"
-                :cut-start="downCutStart"
-                :cut-end="downCutEnd"/>
+              <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>
 
-            </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="up.data.length" class="lw-global-model-box">
+            :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zzamauqr','备料上架')"
+          >
 
-              <div
-                style="font-size: 16px"
-                class="lw-global-row-start lw-global-value-bold-red">{{ upData.lpn }}
+            <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">
+                :key="k"
+              >
                 <lw-sku-info-module
                   style="margin-bottom: 5px"
                   :sku-code="i.skuCode"
                   :sku-name="i.skuName"
-                  :qty="i.toUpQty"
-                  :qty-text="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dijlbcsp','待上架')"/>
+                  :qty="i.qtyLabel"
+                  :qty-text="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.dijlbcsp','待上架')"
+                />
 
                 <lw-lot-look-module
-                  :columns="i.lot.items"
+                  :columns="i.displayLot.items"
                   :show-row="false"
                   title-key="displayName"
-                  value-key="formatValue"/>
+                  value-key="formatValue"
+                />
 
               </div>
 
@@ -198,14 +391,16 @@
                 :create-rule="$lwScanRule.create('加工备料-备料上架-托盘','LPN')"
                 :owner-id="upData.ownerId"
                 :rule-serve-query="upData"
-                @confirm="upLpnConfirm"/>
+                @confirm="upLpnConfirm"
+              />
 
               <lw-title-value-cell
                 :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.porynvlq','推荐上架库位')"
-                :value="task.recommendPutLocCode"
+                :value="$lwCheckVal(task.recommendPutLocCode)"
                 val-red
                 val-bold
-                val-size="16px"/>
+                val-size="16px"
+              />
 
               <lw-input
                 :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.pwgooevf','确认目标库位')"
@@ -216,13 +411,15 @@
                 :create-rule="$lwScanRule.create('加工备料-备料上架-目标库位','LOCATION')"
                 :owner-id="upData.ownerId"
                 :rule-serve-query="upData"
-                @confirm="confirmUp"/>
+                @confirm="confirmUp"
+              />
 
               <lw-cut-card
                 v-model="up.index"
-                :length="up.data.length"
+                :length="task.upMaterialLines.length"
                 :cut-start="upCutStart"
-                :cut-end="upCutEnd"/>
+                :cut-end="upCutEnd"
+              />
 
             </div>
             <lw-not-data v-else/>
@@ -233,30 +430,84 @@
 
     </div>
 
-    <lw-bottom-bar v-if="tabActive === 'down' && down.data.length">
+    <lw-bottom-bar v-if="tabActive === 'down' && task.downMaterialLines.length">
 
       <lw-button
         type="last"
         plain
-        @click="downAbnClick">{{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.bqfdqmjg','下架异常') }}
+        @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','备料下架') }}
+        {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zcjftwmn', '备料下架') }}
       </lw-button>
 
     </lw-bottom-bar>
 
-    <lw-bottom-bar v-if="tabActive === 'up' && up.data.length">
+    <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','备料上架') }}
+        {{ $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','备件异常上报')"
@@ -271,63 +522,63 @@
             :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zutgpomc','加工台')"
             :value="task.workTableCode"
             text-align="right"
-            is-row-start/>
+            is-row-start
+          />
 
           <lw-title-value-cell
             :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.snblzkkq','备料任务号')"
-            :value="downData.taskNo"
-            text-align="right"/>
-
-          <div class="lw-global-row lw-global-flex-between">
-
-            <div
-              style="flex-shrink: 0"
-              class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.components.page.process.prepare.index.igjprwmr','物料') }}
-            </div>
-
-            <lw-sku-info-module
-              :sku-name="downData.skuName"
-              :sku-code="downData.skuCode"
-              :show-right="false"/>
+            :value="task.taskNo"
+            text-align="right"
+          />
 
-          </div>
+          <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="(downData.ownerCode || '-') + ' / ' +(downData.ownerName || '-')"
+            :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="downData.qty"
+            :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="downData.fromLocCode"
-            text-align="right"/>
+            :value="abnDown.data.locationCode"
+            text-align="right"
+          />
 
           <lw-title-value-cell
             :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.vmkztyix','托盘号')"
-            :value="downData.fromLpn || '-'"
-            text-align="right"/>
+            :value="abnDown.data.lpn || '-'"
+            text-align="right"
+            is-row-end
+          />
         </div>
 
         <!-- 批次信息 -->
-        <div class="lw-global-model-box lw-global-collapse-box">
+        <div class="lw-global-model-box lw-global-collapse-box lw-global-model-box-3px">
           <van-collapse
             v-model="abnDown.collapseAction"
-            :border="false">
+            :border="false"
+          >
             <van-collapse-item
               name="1"
-              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.nzcpebcy','批次信息')">
+              :title="$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.nzcpebcy','批次信息')"
+            >
               <lw-lot-look-module
-                :columns="downData.lot.items"
+                :columns="abnDown.data.displayLot.items"
                 title-key="displayName"
-                value-key="formatValue"/>
+                value-key="formatValue"
+              />
             </van-collapse-item>
           </van-collapse>
         </div>
@@ -339,12 +590,56 @@
           :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="downData.qty"/>
+          :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','上报') }}
+          {{ $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>
@@ -354,6 +649,7 @@
 
 <script>
 import * as api from '../../../api/process/order'
+import {projectWmsWorkPreparePrint} from "../../../api/process/order";
 
 export default {
   name: 'lwProcessPrepareIndexPage',
@@ -370,17 +666,22 @@ export default {
           value: 0
         },
         wait: {
-          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.lngjceri','待备量'),
+          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','异常量'),
+          title: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.mfkfvqip', '异常量'),
           value: 0,
           color: 'yellow'
         },
       },
 
-      task: {},
+      task: {
+        downMaterialLines: [],
+        upMaterialLines: [],
+      },
+
+      createLpnPrintData: {},
 
       // tab激活项
       tabActive: '',
@@ -389,8 +690,6 @@ export default {
       down: {
         // 当前索引
         index: 0,
-        // 下架数据
-        data: [],
         // 确认库位
         loc: {
           value: '',
@@ -406,11 +705,6 @@ export default {
           value: '',
           focus: false
         },
-        // 备料数量
-        num: {
-          value: '',
-          focus: false
-        },
         // 目标托盘
         toLpn: {
           value: '',
@@ -421,7 +715,6 @@ export default {
       // 备料上架
       up: {
         index: 0,
-        data: [],
         // 目标库位
         loc: {
           value: '',
@@ -438,87 +731,89 @@ export default {
       abnDown: {
         show: false,
         showCom: false,
-        collapseAction: []
+        collapseAction: [],
+        data: {}
+      },
+
+      // 异常商品弹框
+      skuSelectPopup: {
+        show: false,
+        type: '',// 异常-abn，缺货-less
+      },
+
+      // 缺货弹框
+      lessPopup: {
+        show: false,
+        data: {}
       }
     }
   },
   computed: {
     // 下架数据
-    downData () {
-      return this.down.data[this.down.index] || {}
+    downData() {
+      return this.task.downMaterialLines[this.down.index] || {}
     },
-    // 下架 - 是否存在托盘号
-    downHasLpn () {
-      return !!this.downData.fromLpn
+    // 下架商品类型是否是零散
+    downSkuIsEa() {
+      return this.downData.type === 'EA'
     },
-    // 下架 - 是否存在箱号
-    downHasBox () {
-      return !!this.downData.fromCaseNum
+    // 下架 - 是否存在托盘号
+    downHasLpn() {
+      return !!this.downData.lpn
     },
 
     // 上架数据
-    upData () {
-      return this.up.data[this.up.index] || {}
+    upData() {
+      return this.task.upMaterialLines[this.up.index] || {}
     }
   },
-  created () {
-    const { lwTaskId } = this.$route.query
-    if (!lwTaskId) {
-      this.$lwShowErrorMsg('需要指定任务')
-      return
-    }
-    this.loadTask(lwTaskId)
+  mounted() {
+    this.loadTask()
   },
   methods: {
-    async loadTask (taskId) {
-      const task = await api.getPrepareMaterialTaskByTaskId(taskId)
+
+    // 检查打印机
+    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) {
-      for (const i of task.materialLines) {
-        i.toDownQty = i.qty - i.abnormalQty
-        i.toUpQty = i.pickQty - i.prepareQty
-      }
+    initTaskData(task) {
 
-      this.task = task
-
-      this.down.data = task.materialLines.filter(i => i.prepareStatus === '400')
-      const toUps = task.materialLines.filter(i => i.prepareStatus === '500')
-      if (!toUps.length) {
-        this.up.data = []
-      }
-      const groups = toUps.reduce((m, i) => {
-        const key = i.currentLpn
-        if (!m[key]) {
-          m[key] = {
-            workOrderId: i.workOrderId,
-            taskId: i.taskId,
-            locationCode: i.currentLocCode,
-            lpn: i.currentLpn,
-            skuList: []
-          }
-        }
-        m[key].skuList.push(i)
-        return m
-      }, {})
-      this.up.data = Object.values(groups)
+      task.downMaterialLines = task.downMaterialLines || []
+      task.upMaterialLines = task.upMaterialLines || []
 
-      this.lookData.plan.value = task.qty - task.cancelQty
-      this.lookData.over.value = task.prepareQty
-      this.lookData.wait.value = task.qty - task.cancelQty - task.abnormalQty - task.prepareQty
-      this.lookData.abn.value = task.abnormalQty
+      this.task = task
 
-      if (this.down.data.length) {
+      const {downMaterialLines, upMaterialLines} = this.task
+      if (downMaterialLines.length) {
         this.tabActive = 'down'
-        this.down.loc.focus = true
-      } else if (this.up.data.length) {
+        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.lpn.focus = true
+        this.up.loc.focus = true
       } else {
-        this.$router.back()
+        this.$lwToast.success({
+          message: this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.oevkblia', '当前任务已全部完成'),
+          onClose: () => history.go(-1)
+        })
       }
+
     },
 
     // 数据检查
@@ -576,22 +871,53 @@ export default {
 
     // 下架 - 托盘号确认
     downLpnConfirm () {
-      if (this.downLpnCheck()) this.down.sku.focus = true
+      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
-      return this.inputCheck(
-        'lpn',
-        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.oalbrltq','请确认托盘号'),
-        this.downData.fromLpn,
-        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.ypwebexg','当前托盘号与任务托盘号不一致')
-      )
+
+      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.down.num.focus = true
+      if (this.downSkuCheck()) this.$refs.downQty.getFocus()
     },
     // 下架 - 物料编码检查
     downSkuCheck () {
@@ -609,22 +935,22 @@ export default {
     },
     // 下架 - 备料数量检查
     downNumCheck () {
-      const num = Number(this.down.num.value || 0)
+      const num = this.$refs.downQty.getQty()
 
       if (!num) {
-        this.down.num.focus = true
+        this.$refs.downQty.getFocus()
         this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zyxndlxi','备料数量不能为空，且应当是大于0的整数')
+          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zyxndlxi', '备料数量不能为空，且应当是大于0的整数')
         )
         return false
       }
 
       if (num > this.downData.qty) {
-        this.down.num.focus = true
+        this.$refs.downQty.getFocus()
         this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.xajvbhlz','备料数量不能大于待备量')
+          this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.xajvbhlz', '备料数量不能大于待备量')
         )
-        this.down.num.value = ''
+        this.$refs.downQty.clearInput()
         return false
       }
 
@@ -632,107 +958,235 @@ export default {
     },
 
     // 下架 - 目标托盘确认
-    downToLpnConfirm () {
+    downToLpnConfirm() {
       if (this.downToLpnCheck()) this.confirmDown()
     },
     // 下架 - 目标托盘校验
-    downToLpnCheck () {
+    downToLpnCheck() {
       return this.inputCheck(
         'toLpn',
-        this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.meibsgcb','目标托盘不能为空')
+        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 () {
+    confirmDown() {
       // 校验必填项
       if (
         !(
           this.downLocCheck() &&
-          this.downLpnCheck() &&
+          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 = {
-        "workOrderId": this.downData.workOrderId,
-        "materialLineId": this.downData.id,
-        "locCode": this.down.loc.value,
-        "lpn": this.down.toLpn.value,
-        "qty": this.down.num.value
+        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.down.loc.value = ''
-        this.down.lpn.value = ''
-        this.down.sku.value = ''
-        this.down.num.value = ''
-        this.down.toLpn.value = ''
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.process.prepare.index.qiqdnfsl', '操作成功')
+        )
+        // this.downCutEnd()
         this.initTaskData(res)
       })
     },
 
     // 任务切换前
     downCutStart () {
-      const down = this.down
-      const data = down.loc.value ||
-        down.lpn.value ||
-        down.sku.value ||
-        Number(down.num.value || 0) ||
-        down.toLpn.value
+      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 () {
-      const down = this.down
-      down.loc.value = ''
-      down.lpn.value = ''
-      down.sku.value = ''
-      down.num.value = ''
-      down.toLpn.value = ''
-      down.loc.focus = true
+      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.abnDown.showCom = true
-      this.abnDown.show = true
+    downAbnClick() {
+      this.skuSelectPopup.type = 'abn'
+      this.skuSelectPopupOpen()
     },
     // 下架 - 确认异常上报
-    confirmAbn () {
-      const { success, data } = this.$refs.abnInput.getAbnormalInputData()
+    confirmAbn() {
+      const {success, data} = this.$refs.abnInput.getAbnormalInputData()
       if (!success) return
 
-      const param = {
-        warehouseId: this.downData.warehouseId,
-        workOrderId: this.downData.workOrderId,
-        taskId: this.downData.taskId,
-        materialLineId: this.downData.id,
+      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,
-        qty: data.abnQty,
         remark: data.abnRemark,
-      }
-
-      api.doPrepareMaterialDownAbnormal(param).then(res => {
+        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 () {
+    upCutStart() {
       return this.cutStart(!!this.up.loc.value)
     },
     // 上架 - 任务切换后
-    upCutEnd () {
+    upCutEnd() {
       this.up.lpn.value = ''
       this.up.lpn.focus = true
       this.up.loc.value = ''
@@ -766,7 +1220,7 @@ export default {
         msgList: [
           {
             key: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.porynvlq','推荐上架库位'),
-            value: this.task.recommendPutLocCode
+            value: this.task.recommendPutLocCode || '-'
           },
           {
             key: this.$lwLanguage.get('wms_project.pda.components.page.process.prepare.index.zsupavvw','目标库位'),
@@ -783,23 +1237,33 @@ export default {
     },
     // 确认上架 - 提交后台
     confirmUpAction () {
-      const param = {
-        "workOrderId": this.upData.workOrderId,
-        "taskId": this.upData.taskId,
-        "materialLineIds": this.upData.skuList.map(i => i.id),
-        "lpn": this.upData.lpn,
-        "toLpn": this.up.lpn.value,
-        "toLocCode": this.up.loc.value,
-      }
-      api.doPrepareMaterialUp(param).then(res => {
+      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.$lwDialog.alert({
-          title: '完成',
-          message: '上架完成',
-        })
+        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})
+      }
     }
 
   }
@@ -807,5 +1271,9 @@ export default {
 </script>
 
 <style scoped lang="less">
-
+.look-data-item-row {
+  > div {
+    width: 50%;
+  }
+}
 </style>