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

package/src/views/wms/page/inner/lpnCount/action.vue

@@ -0,0 +1,1197 @@
+<!--
+  整托盘点 - 执行页
+  @author: 张文
+  @date: 2023-06-07
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','盘点详情')"/>
+
+    <lw-page-body-module>
+
+      <!-- 头部盘点单信息 -->
+      <div class="lw-global-model-box lw-global-row-box">
+
+        <div class="lw-global-flex-between">
+
+          <div class="lw-global-value-bold">{{ invAsnData.countNo }}</div>
+
+          <lw-tag
+            round
+            plain
+            :type="tagType"
+          >
+            {{ invAsnData.statusLabel }}
+          </lw-tag>
+
+        </div>
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','创建时间')"
+          :value="$lwDate.format(invAsnData.createTime,'yyyy-MM-dd hh:mm:ss')"
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+            :title="$lwLanguage.get('','创建人')"
+            :value="invAsnData.createName"
+            :is-row="false"
+        />
+        <lw-title-value-cell
+            v-if="invAsnData.ownerList && invAsnData.ownerList.length > 0"
+            :title="$lwLanguage.get('','货主')"
+            :value="getOwner"
+            :is-row="false"
+        />
+        <div class="lw-global-flex-between">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','库区数')"
+            :value="invAsnData.zoneCount"
+            val-red
+            val-bold
+            :is-row="false"
+          />
+          <lw-title-value-cell
+              :title="$lwLanguage.get('','总托数')"
+              :value="invAsnData.lpnCount"
+              val-red
+              val-bold
+              :is-row="false"
+          />
+        </div>
+
+        <div class="lw-global-flex-between">
+
+          <lw-title-value-cell
+              :title="$lwLanguage.get('','已盘库区')"
+              :value="$lwCheckVal(invAsnData.countedZoneCount,0)"
+              val-bold
+              :is-row="false"
+          />
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','已盘托数')"
+            :value="$lwCheckVal(invAsnData.countedLpnCount,0)"
+            val-bold
+            :is-row="false"
+          />
+
+        </div>
+
+        <div style="margin: 8px 0" class="lw-global-bottom-border"></div>
+
+        <div class="lw-global-flex-between btn-box">
+
+          <lw-button
+            mini
+            round
+            type="last"
+            @click="addChangeLocPopup.show=true"
+          >
+            {{ $lwLanguage.get('', '新增/切换库位') }}
+          </lw-button>
+
+          <lw-button
+            mini
+            round
+            @click="overInv"
+          >
+            {{ $lwLanguage.get('', '完成盘点') }}
+          </lw-button>
+
+        </div>
+
+      </div>
+
+      <!-- tab -->
+      <lw-tab-box style="margin-top: 10px">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+          <!-- 正在盘点 -->
+          <van-tab
+            name="ing"
+            :title="$lwLanguage.get('','正在盘点')"
+          >
+
+            <template v-if="waitLocList.length">
+
+              <!-- 数据展示及输入框 -->
+              <div class="lw-global-model-box lw-global-model-box-3px">
+
+                <lw-cut-card
+                  v-model="taskIndex"
+                  :length="waitLocList.length"
+                  :cut-start="cutStart"
+                  :cut-end="cutEnd"
+                />
+
+                <div class="lw-global-bottom-border" style="margin: 8px 0"></div>
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','库位')"
+                  :value="nowInvData.locCode"
+                  val-bold
+                  val-size="20px"
+                  :is-row="false"
+                />
+
+                <div class="lw-global-flex-between lw-global-row">
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('','待盘')"
+                    :value="nowInvData.toCountLpn + $lwLanguage.get('','托')"
+                    val-bold
+                    val-red
+                    :is-row="false"
+                  />
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('','已盘')"
+                    :value="scanDataList.length + $lwLanguage.get('','托')"
+                    val-bold
+                    :is-row="false"
+                  />
+
+                </div>
+
+                <lw-input
+                  :title="$lwLanguage.get('','托盘号')"
+                  v-model="lpnScan.value"
+                  :get-focus.sync="lpnScan.focus"
+                  :create-rule="$lwScanRule.create('整托盘点详情-执行页-托盘号','LPN')"
+                  rule-key="lpnScan"
+                  :required="true"
+                  @confirm="lpnConfirm"
+                />
+              </div>
+
+              <!-- 已扫描统计 -->
+              <template v-if="scanDataList.length">
+                <div class="lw-global-flex-between lw-global-model-top-radius scan-data">
+                  <div style="color: #fff">
+                    {{ $lwLanguage.get('', '扫描结果') }}
+                  </div>
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('','总托数')"
+                    :value="scanDataList.length"
+                    val-color="#fff"
+                    :title-style="{color:'#fff'}"
+                    val-bold
+                    :is-row="false"
+                  />
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('','商品数量')"
+                    :value="scanDataList.reduce((t,item)=>t+Number(item.qty || 0),0)"
+                    val-color="#fff"
+                    :title-style="{color:'#fff'}"
+                    val-bold
+                    :is-row="false"
+                  />
+                </div>
+                <div >
+
+                  <div style="margin-bottom: 5px;"
+                    v-for="(i,k) in scanDataList"
+                    :key="k"
+                    :class="[
+                    $lwUtils.getCellClass(k,scanDataList.length),
+                    'lw-global-row-box', 'lw-global-model-bottom-radius'
+                  ]"
+                  >
+                    <!-- 操作栏 -->
+                    <div class="lw-global-flex-between">
+
+                      <div class="lw-global-value-bold">{{ i.lpn }}</div>
+
+                      <div style="flex-shrink: 0">
+                        <lw-tag
+                            plain
+                            :type="i.diffType==='NONE' ? 'success' : 'danger'"
+                        >
+                            {{ i.diffTypeLabel }}
+                        </lw-tag>
+                        <lw-button
+                            v-if="i.diffType==='SURPLUS'"
+                            mini
+                            type="last"
+                            @click="createSkuInfoClick(i,k)"
+                        >
+                            {{ $lwLanguage.get('', ' 完善 ') }}
+                        </lw-button>
+
+                        <lw-button
+                          mini
+                          round
+                          @click="delLpn(k)"
+                        >
+                          {{ $lwLanguage.get('', '移除') }}
+                        </lw-button>
+                      </div>
+
+                    </div>
+                    <div v-if="i.invLocCode && i.invLocCode !== nowInvData.locCode">
+                        <lw-title-value-cell
+                            :title="$lwLanguage.get('','库存库位')"
+                            :value="i.invLocCode"
+                            val-bold
+                            val-red
+                            :is-row="false"
+                        />
+                    </div>
+                    <!-- 商品信息 -->
+                    <div v-if="!i.editSkuFlag">
+                        <div v-for="(sku, sk) in i.skuItemList" :key="sk">
+                            <div class="lw-global-bottom-border" style="margin: 4px 0"></div>
+                            <template  class="lw-global-row">
+
+                                <div class="lw-global-flex-between">
+
+                                    <div class="lw-global-value">{{ sku.skuCode }}</div>
+
+                                </div>
+
+                                <div class="lw-global-flex-between">
+
+                                    <div class="lw-global-title">{{ sku.skuName }}</div>
+
+                                    <lw-title-value-cell
+                                        :title="$lwLanguage.get('','数量')"
+                                        :value="sku.qtyLabel"
+                                        val-bold
+                                        :is-row="false"
+                                    />
+
+                                </div>
+
+                            </template>
+                        </div>
+                    </div>
+                    <!-- 未知商品 -->
+                    <div
+                        v-else
+                        class="lw-global-flex-between"
+                        style="margin-top: 10px"
+                    >
+
+                        <div class="lw-global-value-bold-red">
+                            {{ $lwLanguage.get('', '未知商品') }}
+                        </div>
+                    </div>
+                  </div>
+
+                </div>
+              </template>
+
+            </template>
+            <lw-not-data v-else/>
+
+
+          </van-tab>
+
+          <!-- 待盘任务 -->
+          <van-tab name="wait">
+            <template #title>
+              <lw-tip
+                :title="$lwLanguage.get('','待盘任务')"
+                :tip="waitLocList.length"
+              />
+            </template>
+
+            <wait-task-item
+              v-for="(i,k) in waitList"
+              :key="k"
+              :item="i"
+              @locClick="waitTaskLocClick"
+            />
+            <lw-not-data v-if="!waitList.length"/>
+          </van-tab>
+
+          <!-- 已盘明细 -->
+          <van-tab
+            name="over"
+            :title="$lwLanguage.get('','已盘明细')"
+          >
+
+            <div class="lw-global-model-box lw-global-flex-start">
+
+              <div class="lw-global-title" style="margin-right: 10px">
+                {{ $lwLanguage.get('', '只显示差异') }}
+              </div>
+
+              <van-switch
+                v-model="showAbn"
+                size="18px"
+              />
+
+            </div>
+
+            <div
+              class="lw-global-model-box lw-global-row-box"
+              v-for="(i,k) in overList"
+              :key="k"
+            >
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','库位')"
+                :value="i.locCode"
+                val-bold
+                :is-row="false"
+              />
+
+              <div class="lw-global-bottom-border"></div>
+
+              <template v-for="(inItem,key) in i.itemVoList">
+                <div
+                  class="lw-global-flex-between"
+                  :key="'in'+key"
+                  v-if="!showAbn || inItem.hasDiff"
+                >
+
+                  <div class="lw-global-value">{{ inItem.lpn }}</div>
+
+                  <lw-tag
+                    round
+                    plain
+                    :type="inItem.diffType==='NONE' ? 'success' : 'danger'"
+                  >
+                    {{ inItem.diffTypeLabel }}
+                  </lw-tag>
+
+                </div>
+              </template>
+
+
+            </div>
+
+            <lw-not-data v-if="!overList.length"/>
+
+          </van-tab>
+
+        </van-tabs>
+
+      </lw-tab-box>
+
+
+    </lw-page-body-module>
+
+    <lw-bottom-bar v-if="tabActive==='ing' && waitLocList.length">
+
+      <lw-button
+        type="last"
+        plain
+        @click="reload"
+      >
+        {{ $lwLanguage.get('', '重扫') }}
+      </lw-button>
+
+      <lw-button @click="submit">
+        {{ $lwLanguage.get('', '确定') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 新增、切换库位弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','新增/切换库位')"
+      v-model="addChangeLocPopup.show"
+      @opened="addChangeLocPopup.loc.focus=true"
+      @closed="addChangeLocPopupOff"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('','库位编码')"
+        v-model="addChangeLocPopup.loc.value"
+        :get-focus.sync="addChangeLocPopup.loc.focus"
+        :create-rule="$lwScanRule.create('盘点详情-执行页-库位编码','LOCATION')"
+        rule-key="loc"
+        @confirm="addChangeLocInpConfirm"
+      />
+
+
+      <div
+        v-if="addChangeLocPopup.isAdd"
+        class="lw-global-row"
+      >
+
+        <lw-title-value-cell
+          style="margin-bottom: 5px"
+          :title="$lwLanguage.get('','库位')"
+          :value="addChangeLocPopup.locData.locCode"
+          val-bold
+          val-size="20px"
+          :is-row="false"
+        />
+
+        <div class="lw-global-flex-between">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','待盘')"
+            :value="addChangeLocPopup.locData.toCountLpn + $lwLanguage.get('','托')"
+            val-bold
+            val-red
+            :is-row="false"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','已盘')"
+            :value="addChangeLocPopup.locData.countedLpn + $lwLanguage.get('','托')"
+            val-bold
+            :is-row="false"
+          />
+
+        </div>
+
+      </div>
+
+      <template #button>
+
+        <lw-button @click="addChangeLocConfirm">
+          {{ $lwLanguage.get('', '确定') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 完善商品弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','完善商品')"
+      v-model="createSkuInfoPopup.show"
+      @opened="createSkuInfoPopup.skuItemList[0].skuFocus=true"
+      @close="createSkuInfoPopupOff"
+    >
+      <div v-for="(skuItem,sk) in createSkuInfoPopup.skuItemList" :key="sk">
+          <div class="lw-global-flex-between">
+              <lw-tag
+                  plain
+                  type="danger" >
+                  {{ '第 ' + (sk + 1) +' 商品' }}
+              </lw-tag>
+
+              <div style="flex-shrink: 0" v-if="sk > 0">
+                  <lw-button
+                      mini
+                      round
+                      @click="deleteSku(sk)"
+                  >
+                      {{ $lwLanguage.get('', '移除') }}
+                  </lw-button>
+              </div>
+
+          </div>
+
+          <lw-search-select-popup-module
+              is-init-echo-data
+              :ref="'skuSearch'+sk"
+              :api="skuSearchApi"
+              :title="$lwLanguage.get('', '商品条码')"
+              :placeholder="$lwLanguage.get('', '请扫描或输入商品条码')"
+              v-model="skuItem.skuId"
+              :get-focus.sync="skuItem.skuFocus"
+              :create-rule="$lwScanRule.create('整托盘点详情 - 完善商品 - 商品条码','SKU')"
+              rule-key="lpnSku"
+              required
+              :blur-search="false"
+              type="sku"
+              @confirm="item=> selectSku(skuItem, item)"
+              @clear="clearSku(skuItem)"
+          />
+
+          <template v-if="skuItem.lotShow">
+            <lw-get-qty-by-type
+                :init-qty="skuItem.qty"
+                class="lw-global-row-end"
+                :ref="'skuQty_'+sk"
+                :sku-id="skuItem.skuId"
+            />
+
+            <lw-lot-module
+                :ref="'createSkuInfoLot_'+sk"
+                :query="skuItem.lotQuery"
+            />
+          </template>
+      </div>
+        <div
+            style="margin: 20px 0"
+            class="lw-global-flex-center"
+        >
+            <van-icon
+                size="30px"
+                name="add"
+                color="#D50000"
+                @click="createSkuInfoAddSkuItem(createSkuInfoPopup.lpnData, null)"
+            />
+        </div>
+      <template #button>
+
+        <lw-button @click="createSkuInfoPopupConfirm">
+          {{ $lwLanguage.get('', '确定') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 存在待盘任务没有盘的提示框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','警告')"
+      v-model="waitWarningShow"
+      :show-keyboard-placeholder="false"
+    >
+
+      <div
+        style="text-align: center;font-size: 16px;padding: 20px 0"
+        class="lw-global-value-bold-red"
+      >
+        {{
+          $lwLanguage.get('', '存在【{num}】个库位未盘，请确认处理方式', {num: this.waitLocList.length})
+        }}
+      </div>
+
+      <template #button>
+
+        <lw-button
+          type="last"
+          @click="overInvApi('LOSS')"
+        >
+          {{ $lwLanguage.get('', '盘亏') }}
+        </lw-button>
+
+        <lw-button @click="overInvApi('IGNORE')">
+          {{ $lwLanguage.get('', '忽略') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import waitTaskItem from "./components/waitTaskItem.vue";
+import {
+  wmsMobileLpnCountChangeLoc,
+  wmsMobileLpnCountComplete,
+  wmsMobileLpnCountLocInfo,
+  wmsMobileLpnCountQueryCountedLine,
+  wmsMobileLpnCountQueryOrderInfo,
+  wmsMobileLpnCountQueryUnCountLine,
+  wmsMobileLpnCountScanConfirm,
+  wmsMobileLpnCountScanLpn,
+  wmsMobileLpnCountTargetLocInfo
+} from "../../../api/inner/lpnCount";
+
+export default {
+  name: "lwInnerLpnCountAction",
+  components: {
+    waitTaskItem
+  },
+  data() {
+    return {
+      // 盘点单信息
+      invAsnData: {},
+
+      tabActive: 'ing',
+      taskIndex: 0,
+      lpnScan: {
+        value: '',
+        focus: true
+      },
+
+      // 待盘库位数据
+      waitLocList: [],
+
+      // 扫描结果数据
+      scanDataList: [],
+
+      // 待盘任务数据
+      waitList: [],
+
+      // 是否只显示差异
+      showAbn: false,
+      // 已盘点明细
+      overList: [],
+
+      // 新增、切换库位弹框
+      addChangeLocPopup: {
+        show: false,
+        loc: {
+          value: '',
+          focus: false
+        },
+        locData: {},
+        isAdd: false
+      },
+
+      // 完善商品弹框
+      createSkuInfoPopup: {
+        show: false,
+        index: 0,
+        lpnData: {},
+        skuItemList: []
+      },
+
+      // 存在待盘任务没有盘的提示框
+      waitWarningShow: false
+    }
+  },
+  computed: {
+    tagType() {
+      switch (this.invAsnData.status) {
+        case '100':
+          return 'primary'
+        case '200':
+          return 'danger'
+        case '300':
+          return 'warning'
+        default:
+          return 'success'
+      }
+    },
+
+    nowInvData() {
+      return this.waitLocList[this.taskIndex] || {}
+    },
+    getOwner() {
+        const list = this.invAsnData.ownerList.map(item => {
+            return '【' + item.code + '】' + item.name
+        })
+        return list.length ? list.join(' / ') : '-'
+    }
+  },
+  mounted() {
+    this.getInvData()
+    this.getNowInvData()
+  },
+  methods: {
+    // 商品搜索接口
+    skuSearchApi(data) {
+        let ownerIdList = []
+        if (this.invAsnData.ownerList && this.invAsnData.ownerList.length > 0) {
+            this.invAsnData.ownerList.forEach(owner => {
+                ownerIdList.push(owner.id)
+            })
+        }
+        return this.$lwApi.common.searchSku({
+            ...data,
+            ownerIdList: ownerIdList
+        })
+    },
+    // 获取盘点单数据
+    getInvData() {
+      wmsMobileLpnCountQueryOrderInfo({
+        lpnCountId: this.$route.query.lpnCountId
+      }).then(res => {
+        this.invAsnData = res
+      })
+    },
+    // 获取正在盘点任务
+    async getNowInvData() {
+      const res = await wmsMobileLpnCountLocInfo({
+        lpnCountId: this.$route.query.lpnCountId
+      })
+      this.waitLocList = res || []
+      this.taskIndex = this.$lwUtils.cutCardIndexCount(this.taskIndex, this.waitLocList.length)
+      this.cutEnd()
+    },
+    // 获取待盘任务
+    getWaitIntData() {
+      wmsMobileLpnCountQueryUnCountLine({
+        lpnCountId: this.$route.query.lpnCountId
+      }).then(res => this.waitList = res.zoneVoList)
+    },
+    // 获取已盘任务
+    getOverIntData() {
+      wmsMobileLpnCountQueryCountedLine({
+        lpnCountId: this.$route.query.lpnCountId
+      }).then(res => this.overList = res.countedLocVoList || [])
+    },
+
+    // tab切换
+    tabChange() {
+      this.tabActive === 'wait' && this.getWaitIntData()
+      this.tabActive === 'over' && this.getOverIntData()
+    },
+
+    // 扫描结果 - 移除
+    delLpn(index) {
+
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('', '提示'),
+        message: this.$lwLanguage.get('', '确认删除当前托盘？'),
+      }).then(() => {
+        this.scanDataList.splice(index, 1)
+        this.lpnScan.focus = true
+      }).catch(() => {
+      })
+
+    },
+    // 完成盘点
+    overInv() {
+
+      if (this.waitLocList.length) {
+        this.waitWarningShow = true
+        return
+      }
+
+      this.overInvApi()
+
+    },
+    // 完成盘点api
+    overInvApi(diffHandleMethod) {
+      wmsMobileLpnCountComplete({
+        lpnCountId: this.$route.query.lpnCountId,
+        diffHandleMethod
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '盘点完成')
+        )
+        history.go(-1)
+      })
+    },
+
+    // 切换前
+    cutStart() {
+
+      return new Promise((resolve, reject) => {
+        if (this.lpnScan.value || this.scanDataList.length) {
+          this.$lwDialog.confirm({
+            title: this.$lwLanguage.get('', '提示'),
+            message: this.$lwLanguage.get('', '切换后当前扫描数据将会被清空'),
+          }).then(() => {
+            resolve(true)
+          }).catch(() => {
+            reject(false)
+          })
+        } else {
+          resolve(true)
+        }
+      })
+
+    },
+    // 切换后
+    cutEnd() {
+      this.lpnScan.value = ''
+      this.scanDataList = []
+      this.$nextTick(() => this.lpnScan.focus = true)
+    },
+    // 零件号确认
+    lpnConfirm() {
+
+      const lpnScan = this.lpnScan.value
+      if (!lpnScan) {
+        this.lpnScan.value=""
+        this.lpnScan.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '托盘号不能为空')
+        )
+        return
+      }
+      if (this.scanDataList) {
+          let lpn = null
+          for (let i = 0; i < this.scanDataList.length; i++) {
+              let item = this.scanDataList[i]
+              console.log(item)
+              if (item.lpn === lpnScan) {
+                  lpn = item.lpn
+                  break
+              }
+          }
+          if (lpn) {
+              this.lpnScan.value=""
+              this.lpnScan.focus = true
+              this.$lwShowErrorMsg(
+                  this.$lwLanguage.get('', '托盘号已扫描')
+              )
+              return
+          }
+      }
+
+      wmsMobileLpnCountScanLpn({
+        lpnCountId: this.$route.query.lpnCountId,
+        locCode: this.nowInvData.locCode,
+        lpn: lpnScan
+      }).then(res => {
+        if (res) {
+            res.forEach(item => {
+                this.scanDataList.unshift(item)
+            })
+        }
+        this.lpnScan.value = ''
+        this.$nextTick(() => this.lpnScan.focus = true)
+      })
+    },
+
+    // 重扫
+    async reload() {
+      if (await this.cutStart()) this.cutEnd()
+    },
+    // 确定盘点
+    submit() {
+
+      if (!this.scanDataList.length) {
+        this.$lwDialog.confirm({
+          type: 'error',
+          title: this.$lwLanguage.get('', '警告'),
+          message: this.$lwLanguage.get('', '当前库位为空库位？')
+        }).then(() => this.submitApi()).catch(() => {
+        })
+        return
+      }
+
+      for (let i = 0; i < this.scanDataList.length; i++) {
+        const data = this.scanDataList[i]
+        if (data.editSkuFlag) {
+          this.$lwDialog.confirm({
+            type: 'warning',
+            title: this.$lwLanguage.get('', '提示'),
+            message: this.$lwLanguage.get('', '托盘{lpn}，商品未知请完善商品信息后提交', {lpn: data.lpn}),
+            confirmButtonText: this.$lwLanguage.get('', '完善商品')
+          }).then(() => this.createSkuInfoClick(data, i)).catch(() => {
+          })
+          return;
+        }
+      }
+
+      this.submitApi()
+
+    },
+    // 确认盘点提交api
+    submitApi() {
+      wmsMobileLpnCountScanConfirm({
+        lpnCountId: this.$route.query.lpnCountId,
+        locCode: this.nowInvData.locCode,
+        lpnList: this.scanDataList.map(item => {
+          return {
+            lpn: item.lpn,
+            editSkuFlag: item.diffType === 'SURPLUS',
+            diff: item.diff,
+            diffType: item.diffType,
+            countLineIdList: item.countLineIdList,
+            skuItemList: item.skuItemList.map(item => {
+              return {
+                skuQty: item.qty,
+                skuId: item.skuId,
+                submitLotAttr: item.submitLotAttr || {}
+              }
+            })
+          }
+        })
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+        this.getInvData()
+        this.getNowInvData()
+      })
+    },
+
+    // 待盘任务 - 库位点击
+    waitTaskLocClick(item) {
+      for (let i = 0; i < this.waitLocList.length; i++) {
+        if (this.waitLocList[i].locCode === item.locCode) {
+          this.taskIndex = i
+          break
+        }
+      }
+      this.tabActive = 'ing'
+      this.cutEnd()
+    },
+
+
+    // 新增、切换库位 - 库位回车确认
+    addChangeLocInpConfirm() {
+      this.addChangeLocPopup.isAdd = false
+      this.addChangeLocConfirm()
+    },
+    // 新增、切换库位 - 库位确认
+    addChangeLocConfirm() {
+
+      // 切换的提示文字及清空输入框
+      const toast = () => {
+        this.$lwToast.toast({
+          forbidClick: false,
+          message: this.$lwLanguage.get('', '已切换至行数：') + (this.taskIndex + 1)
+        })
+        this.addChangeLocPopup.show = false
+      }
+
+      // 检查是否存在没有提交的数据
+      const checkScan = () => {
+        return new Promise((resolve, reject) => {
+          if (this.scanDataList.length) {
+            this.$lwDialog.confirm({
+              type: 'warning',
+              title: this.$lwLanguage.get('', '提示'),
+              message: this.$lwLanguage.get('', '库位{loc}还存在没有提交的数据，切换后数据将会被清空。确认切换？', {loc: this.nowInvData.locCode})
+            }).then(() => {
+              this.scanDataList = []
+              resolve()
+            }).catch(() => {
+              reject()
+            })
+          } else {
+            resolve()
+          }
+        })
+
+
+      }
+
+      // 检查本地是否存在库位信息
+      const checkLoc = (loc) => {
+        let index = null
+        for (let i = 0; i < this.waitLocList.length; i++) {
+          if (this.waitLocList[i].locCode === loc) {
+            index = i
+            break
+          }
+        }
+        return index
+      }
+
+      // 判断当前是否存在扫描数据，存在就添加进去并关闭弹框
+      if (this.addChangeLocPopup.isAdd) {
+        checkScan().then(() => {
+          const locCode = this.addChangeLocPopup.locData.locCode
+          wmsMobileLpnCountChangeLoc({
+            lpnCountId: this.$route.query.lpnCountId,
+            locCode
+          }).then(() => {
+            this.$lwToast.success({
+              message: this.$lwLanguage.get('', '库位已添加'),
+              onClose: () => {
+                this.tabActive = 'ing'
+                this.taskIndex = 0
+                this.getInvData()
+                this.getNowInvData().then(() => {
+                  this.taskIndex = checkLoc(locCode)
+                  toast()
+                })
+              }
+            })
+          })
+
+        })
+
+        return
+      }
+
+
+      const loc = this.addChangeLocPopup.loc.value
+
+      // 非空校验
+      if (!loc) {
+        this.addChangeLocPopup.loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '库位编码不能为空')
+        )
+        return
+      }
+
+
+      // 判断是否是当前库位
+      if (loc === this.nowInvData.locCode) {
+        toast()
+        return
+      }
+
+
+      // 判断待盘任务中是否存在该库位
+      let index = checkLoc(loc)
+      if (index !== null) {
+        checkScan().then(() => {
+          this.tabActive = 'ing'
+          this.taskIndex = index
+          toast()
+          this.cutEnd()
+        }).catch(() => this.addChangeLocPopup.show = false)
+        return
+      }
+
+      wmsMobileLpnCountTargetLocInfo({
+        lpnCountId: this.$route.query.lpnCountId,
+        locCode: loc
+      }).then(res => {
+        // 如果在待盘中没有找到就掉接口获取库位数据
+        this.addChangeLocPopup.loc.value = ''
+        this.addChangeLocPopup.isAdd = true
+        this.addChangeLocPopup.locData = res
+      })
+
+    },
+    // 新增、切换库位 - 弹框关闭
+    addChangeLocPopupOff() {
+      this.addChangeLocPopup.loc.value = ''
+      this.addChangeLocPopup.isAdd = false
+    },
+
+    // 完善商品 - 按钮点击
+      deleteSku(index) {
+        if (this.createSkuInfoPopup.skuItemList.length <= 1) {
+            this.$lwShowErrorMsg(
+                this.$lwLanguage.get('', '必须保留一个商品, 不影响移除')
+            )
+            return;
+        }
+          this.$lwDialog.confirm({
+              type: 'warning',
+              title: this.$lwLanguage.get('', '提示'),
+              message: this.$lwLanguage.get('', '确认删除当前商品？'),
+          }).then(() => {
+              this.createSkuInfoPopup.skuItemList.splice(index, 1)
+          }).catch(() => {
+          })
+      },
+      selectSku(skuItem, selectItem) {
+        console.log('selectSku',selectItem)
+        skuItem.lotShow = false
+        skuItem.skuObj = selectItem
+        skuItem.skuCode = selectItem.code
+        skuItem.skuName = selectItem.name
+        skuItem.lotQuery = {
+            ownerId: selectItem.ownerId,
+            skuId: selectItem.id,
+            type: 1,
+            lotType: 'inventory',
+            header: {},
+            line: {},
+            lotAttributeMap: {}
+        }
+        this.$nextTick(()=> skuItem.lotShow = true)
+        console.log('skuItem',skuItem)
+
+      },
+      clearSku(skuItem) {
+          console.log('skuItem',skuItem)
+          skuItem.lotShow = false
+          skuItem.skuObj = null
+          skuItem.skuCode = null
+          skuItem.skuName = null
+          skuItem.lotQuery = {}
+          skuItem.submitLotAttr = {}
+          console.log('skuItem',skuItem)
+      },
+      createSkuInfoAddSkuItem(lpnItem, skuItem) {
+        console.log('lpnItem',lpnItem)
+        this.createSkuInfoPopup.skuItemList.push({
+            skuCode: skuItem ? skuItem.skuCode : '',
+            skuName: skuItem ? skuItem.skuName : '',
+            skuId: skuItem ? skuItem.skuId : null,
+            skuObj: skuItem ? {
+                id: skuItem.skuId,
+                ownerId: skuItem.ownerId
+            } : null,
+            lotShow: !!skuItem,
+            lotQuery: {
+                ownerId: skuItem ? skuItem.ownerId : null,
+                skuId: skuItem ? skuItem.skuId : null,
+                type: 1,
+                lotType: 'inventory',
+                header: {},
+                line: {},
+                lotAttributeMap: skuItem ? skuItem.submitLotAttr : {}
+            },
+            skuFocus: false,
+            qtyFocus: !!skuItem,
+            qty: skuItem ? skuItem.qty : '',
+            qtyLabel: skuItem ? skuItem.qtyLabel : '',
+            diff: lpnItem.diff,
+            diffType: lpnItem.diffType,
+            submitLotAttr: skuItem ? skuItem.submitLotAttr : null
+        })
+    },
+    createSkuInfoClick(item, k) {
+      this.createSkuInfoPopup.show = true
+      this.createSkuInfoPopup.index = k
+      this.createSkuInfoPopup.lpnData = item
+      this.createSkuInfoPopup.skuItemList = []
+      if (item.skuItemList && item.skuItemList.length > 0) {
+          item.skuItemList.forEach(skuItem => {
+              this.createSkuInfoAddSkuItem(item, skuItem)
+          })
+      } else {
+          this.createSkuInfoAddSkuItem(item, null)
+      }
+    },
+    // 完善商品弹框 - 关闭
+    createSkuInfoPopupOff() {
+      this.createSkuInfoPopup.show = false
+      this.createSkuInfoPopup.index = 0
+      this.createSkuInfoPopup.lpnData = {}
+      this.createSkuInfoPopup.skuItemList = []
+    },
+    // 完善商品弹框 - 确认
+    createSkuInfoPopupConfirm() {
+      console.log('createSkuInfoPopup',this.createSkuInfoPopup)
+      if (this.createSkuInfoPopup.skuItemList.length <= 0) {
+          this.$lwShowErrorMsg(
+              this.$lwLanguage.get('', '请填完善商品数据')
+          )
+          return;
+      }
+      for (let i = 0; i < this.createSkuInfoPopup.skuItemList.length; i++) {
+          let item = this.createSkuInfoPopup.skuItemList[i]
+          let qty = this.$refs['skuQty_'+i][0].getQty()
+          if (!Number(qty || 0)) {
+              item.qtyFocus = true
+              this.$lwShowErrorMsg(
+                  this.$lwLanguage.get('', '数量不能为空，且应当是大于0的正整数')
+              )
+              return;
+          }
+          item.qty = qty
+          item.qtyLabel = this.$refs['skuQty_'+i][0].eaToCase(qty).label
+          if (!item.skuId) {
+              item.skuFocus = true
+              this.$lwShowErrorMsg(
+                  this.$lwLanguage.get('', '商品不能为空')
+              )
+              return;
+          }
+            console.log(this.$refs['createSkuInfoLot_'+i][0].getData())
+          const {success, data} = this.$refs['createSkuInfoLot_'+i][0].getData()
+          if (!success) {
+              this.$lwShowErrorMsg(
+                  this.$lwLanguage.get('', '请填写完整的批次信息')
+              )
+              return;
+          } else {
+              item.submitLotAttr = data
+          }
+      }
+      console.log('createSkuInfoPopup',this.createSkuInfoPopup)
+      this.createSkuInfoPopup.lpnData.skuItemList = []
+      this.createSkuInfoPopup.skuItemList.forEach(item => {
+          this.createSkuInfoPopup.lpnData.skuItemList.push(item)
+      })
+      this.createSkuInfoPopup.lpnData.editSkuFlag = false
+      this.createSkuInfoPopupOff()
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "./../../../../../assets/css/var.less";
+
+.btn-box {
+  > button {
+    width: 48%;
+  }
+}
+
+.scan-data {
+  margin-top: 10px;
+  background: @baseColor;
+}
+</style>