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

package/src/views/wms/page/count/loc/action/index.vue

@@ -2,487 +2,582 @@
   <div>
     <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.jdqvdeho', '库位盘点')"/>
 
-    <div class="lw-global-page-box">
+    <lw-page-body-module>
       <!-- 任务信息板 -->
-      <div class="lw-global-model-box">
-        <count-board :data="taskData" :show-zones="false"/>
+      <count-board
+        :data="taskData"
+        :show-zones="false"
+      />
+
+      <!-- 盘点行切换器 -->
+      <div class="lw-global-flex-between lw-handover">
+        <van-icon class="lw-handover-btn" name="arrow-left" @click="getLineData(-1)"/>
+        <div style="color:#fdfdfd;" class="lw-handover-title">{{ nowLineData.locationCode }}</div>
+        <van-icon class="lw-handover-btn" name="arrow" @click="getLineData(1)"/>
       </div>
 
-      <div v-if="line">
-        <!-- 盘点行切换器 -->
-        <div class="lw-global-flex-between lw-handover">
-          <van-icon class="lw-handover-btn" name="arrow-left" @click="getPrevLine"/>
-          <div style="color:#fdfdfd;" class="lw-handover-title">{{ line.locationCode }}</div>
-          <van-icon class="lw-handover-btn" name="arrow" @click="getNextLine"/>
-        </div>
-
-        <lw-tab-box style="margin-top: 10px;">
-          <van-tabs type="card" animated v-model="tabActive">
-            <van-tab :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wwrfufxn', '盘点中')">
-              <!-- 输入框 -->
-              <div class="lw-global-model-box">
-                <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wsaejguh', '库位')" v-model="inputData.locationCode.value"
-                          :get-focus.sync="inputData.locationCode.focus"
-                          @confirm="onLocationConfirm"/>
-                <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.kedextkq', '托盘')" v-model="inputData.lpn.value"
-                          v-if="['LPN', 'CASE'].includes(taskData.grading)"
-                          :get-focus.sync="inputData.lpn.focus" @confirm="onLpnConfirm"/>
-                <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wkooappt', '箱号')" v-model="inputData.caseNum.value"
-                          v-if="taskData.grading === 'CASE'"
-                          :get-focus.sync="inputData.caseNum.focus" @confirm="inputData.skuCode.focus = true"/>
-                <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fcaxgglw', '商品')" v-model="inputData.skuCode.value"
-                          :get-focus.sync="inputData.skuCode.focus"
-                          @confirm="onSkuCodeConfirm"/>
+      <lw-tab-box style="margin-top: 10px;">
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wwrfufxn', '盘点中')"
+            name="ing"
+          >
+            <!-- 输入框 -->
+            <div class="lw-global-model-box" style="padding-top: 3px">
+
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wsaejguh', '库位')"
+                v-model="locationCode.value"
+                :get-focus.sync="locationCode.focus"
+                required
+                @confirm="onLocationConfirm"
+              />
+
+              <lw-input
+                v-if="hasLpn"
+                :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.kedextkq', '托盘')"
+                v-model="lpn.value"
+                :get-focus.sync="lpn.focus"
+                @confirm="onLpnConfirm"
+              />
+
+              <lw-input
+                v-if="hasCase"
+                :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wkooappt', '箱号')"
+                v-model="caseNum.value"
+                :get-focus.sync="caseNum.focus"
+                @confirm="skuCode.focus = true"
+              />
+
+              <lw-search-select-popup-module
+                ref="skuCode"
+                :api="$lwApi.common.searchSku"
+                :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fcaxgglw', '商品')"
+                v-model="skuCode.value"
+                :get-focus.sync="skuCode.focus"
+                type="sku"
+                required
+                @confirm="onSkuCodeConfirm"
+              />
+
+              <lw-input
+                :title="$lwLanguage.get('', '数量')"
+                v-model="qty.value"
+                :get-focus.sync="qty.focus"
+                required
+                type="digit"
+                @confirm="submitRecord"
+              />
+
+              <lw-button
+                style="margin-top: 10px"
+                block
+                @click="submitRecord"
+              >
+                {{ $lwLanguage.get('', '确认') }}
+              </lw-button>
+            </div>
+
+            <!-- 盘点中记录列表 -->
+            <div
+              class="lw-global-model-box"
+              v-for="(i,k) in skuRecord.data"
+              :key="k"
+            >
+              <lw-label-value-group
+                class="lw-global-row-start"
+                :list="i.groups"
+              />
+              <div class="lw-global-flex-between lw-global-row">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wjxisodd', '商品数量')"
+                  :value="getSystemQty(i.qty)"
+                  :is-row="false"
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.eozoxzvb', '差异数量 ')"
+                  :value="i.diffQty"
+                  :is-row="false"
+                  val-bold
+                  val-red
+                />
+
+              </div>
+              <div class="lw-global-row-end" style="text-align: right">
+                <lw-button
+                  style="width: 25%"
+                  mini
+                  @click="reCountRecord(i)"
+                >
+                  {{ $lwLanguage.get('wms_project.pda.components.page.count.loc.action.wguctewz', '重盘') }}
+                </lw-button>
               </div>
+            </div>
+            <lw-pagination
+              v-model="skuRecord.pageNum"
+              :page-size.sync="skuRecord.pageSize"
+              :page-total="skuRecord.pageTotal"
+              @change="getSkuRecord"
+            />
+
+          </van-tab>
+
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.yrvgqdpa', '商品清单')"
+            name="list"
+          >
+            <div
+              class="lw-global-model-box"
+              v-for="(i,k) in allSku.data"
+              :key="k"
+            >
+              <lw-label-value-group
+                class="lw-global-row-start"
+                :list="i.groups"
+              />
+              <div class="lw-global-flex-between lw-global-row-end">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.zufawyld', '盘点量')"
+                  :value="$lwCheckVal(i.qtyLabel)"
+                  :is-row="false"
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.riiqkjsp', '系统量')"
+                  :value="getSystemQty(i.systemQtyLabel)"
+                  :is-row="false"
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('', '差异量')"
+                  :value="!Number(i.diffQty || 0) ? $lwLanguage.get('wms_project.pda.components.page.count.loc.action.vkvdpnce', '无差异') : i.diffQty"
+                  :is-row="false"
+                  val-bold
+                  val-red
+                />
 
-              <!-- 盘点中记录列表 -->
-              <template v-for="(record, idx) in recordList">
-                <!-- 未确认 -->
-                <div v-if="!record.confirm" :key="record.key"
-                     class="lw-global-model-box lw-global-flex-between loc-cont-current"
-                     :class="{active: currentSkuCode === record.skuCode}">
-                  <div style="flex-grow: 1; margin-right: 10px;">
-                    <p>{{ record.skuCode }}</p>
-                    <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.lenykjzp', '数量')" v-model="record.qty" :get-focus.sync="record.focus"
-                              @confirm="confirmRecord(record)"/>
-                  </div>
-                  <div>
-                    <div>
-                      <lw-button mini @click="confirmRecord(record)">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.dsqncnyh', '确认')}}</lw-button>
-                    </div>
-                    <div style="margin-top: 10px;">
-                      <lw-button mini plain type="last" @click="removeRecord(idx)">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.qbvlqzpp', '删除')}}</lw-button>
-                    </div>
-                  </div>
-                </div>
-                <!-- 已确认 -->
-                <div v-else :key="record.key"
-                     class="lw-global-model-box loc-cont-record">
-                  <div v-if="record.diffQty !== 0" class="loc-cont-record-diff">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.pwxaqvou', '有差异')}}</div>
-                  <p><b>{{ record.ownerCode }} / {{ record.ownerName }}</b></p>
-                  <p>{{ record.skuCode }}</p>
-                  <div class="lw-global-sh"></div>
-                  <div class="lw-global-flex-between">
-                    <div>
-                      <p>{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wjxisodd', '商品数量 ')}}<span>{{ taskData.blind ? $lwLanguage.get('wms_project.pda.components.page.count.loc.action.gnncvtlp', '盲盘') : record.qty }}</span></p>
-                      <p>{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.eozoxzvb', '差异数量 ')}}<b>{{ record.diffQty }}</b></p>
-                    </div>
-                    <div>
-                      <div>
-                        <lw-button mini @click="reCountRecord(record)">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.wguctewz', '重盘')}}</lw-button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </template>
-
-            </van-tab>
-
-            <van-tab :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.yrvgqdpa', '商品清单')">
-              <div class="lw-global-model-box loc-count-sku-list" v-for="inv in invs" :key="inv.key">
-                <p>{{ inv.skuCode }}</p>
-                <p class="loc-count-minor">{{ inv.skuName }}</p>
-                <div class="lw-global-sh"></div>
-                <div class="lw-global-flex-between">
-                  <div class="loc-count-minor">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.zufawyld', '盘点量 ')}}<span>{{ inv.qty || '-' }}</span></div>
-                  <div class="loc-count-minor">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.riiqkjsp', '系统量 ')}}<span>{{taskData.blind ? $lwLanguage.get('wms_project.pda.components.page.count.loc.action.vslkukvw', '盲盘') : inv.systemQty}}</span></div>
-                  <div class="loc-count-minor">差异量
-                    <b v-if="!Number.isNaN(inv.diffQty) && inv.diffQty !== 0" class="diff">{{ inv.diffQty || '-' }}</b>
-                    <span v-else>{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.vkvdpnce', '无差异')}}</span>
-                  </div>
-                </div>
               </div>
-            </van-tab>
-          </van-tabs>
-        </lw-tab-box>
-      </div>
-    </div>
+            </div>
+            <lw-pagination
+              v-model="allSku.pageNum"
+              :page-size.sync="allSku.pageSize"
+              :page-total="allSku.pageTotal"
+              @change="getAllSku"
+            />
+            <lw-not-data v-if="!allSku.pageTotal"/>
+
+          </van-tab>
+        </van-tabs>
+      </lw-tab-box>
+
+    </lw-page-body-module>
 
     <lw-bottom-bar>
-      <lw-button plain @click="reCountLoc">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fynivztv', '重新盘点')}}</lw-button>
-      <lw-button @click="finishCount">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.efcirpyh', '完成盘点')}}</lw-button>
+      <lw-button plain @click="reCountLoc">
+        {{ $lwLanguage.get('wms_project.pda.components.page.count.loc.action.fynivztv', '重新盘点') }}
+      </lw-button>
+      <lw-button @click="finishCount">
+        {{ $lwLanguage.get('wms_project.pda.components.page.count.loc.action.efcirpyh', '完成盘点') }}
+      </lw-button>
     </lw-bottom-bar>
 
-    <lw-popup v-model="showLayer" @closed="currentConfirmRecord = null" :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.gqoncino', '填写货主商品数量')">
-      <div v-if="currentConfirmRecord" class="loc-count-multi-owner">
-        <p>{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.cbmxrcwr', '商品 ')}}<b>{{ currentConfirmRecord.skuCode }}</b>{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.lofylxea', ' 存在多个货主，请填写数量')}}</p>
-        <div class="lw-global-sh"></div>
-        <p>{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.yyjankea', '盘点量 ')}}<b>{{ currentConfirmRecord.qty }}</b></p>
-        <div class="lw-global-sh"></div>
-        <div v-for="o in currentConfirmRecord.items" :key="o.ownerCode">
-          <p>{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.jtugzcuw', '货主 ')}}<b>{{ o.ownerCode }} / {{ o.ownerName }}</b></p>
-          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.count.loc.action.binjepei', '数量')" v-model="o.qty"/>
-        </div>
-      </div>
-      <template #button>
-        <lw-button @click="confirmMultiOwnerRecord">{{$lwLanguage.get('wms_project.pda.components.page.count.loc.action.kdtrpodz', '确定')}}</lw-button>
-      </template>
-    </lw-popup>
   </div>
 </template>
 
 <script>
 import CountBoard from '../../components/CountBoard.vue'
 import {
-  getCountLine,
   getCountTask,
   getCountTaskDetails,
-  getNextCountLine, getPreviousCountLine,
-  locCountLineCheck, locCountLineSubmit, recountLocCountLine,
+  locCountLineCheck,
+  locCountLineSubmit,
+  projectCountGetCountLineInfo,
+  projectCountGetCountLineRecords,
+  projectCountGetCountLineSku,
+  recountLocCountLine,
   recountLocCountRecord
 } from '../../../../api/inner/count'
 
 export default {
   name: 'lwCountLocActionPage',
-  components: { CountBoard },
-  data () {
+  components: {CountBoard},
+  data() {
     return {
       taskNo: null,
       lineId: null,
-      taskData: null,
-      tabActive: 0,
-      line: null,
-      invs: [],
-      inputData: {
-        locationCode: {
-          value: '',
-          focus: true,
-        },
-        skuCode: {
-          value: '',
-          focus: false,
-        },
-        lpn: {
-          value: null,
-          focus: false,
-        },
-        caseNum: {
-          value: null,
-          focus: false,
-        },
+      taskData: {},
+      tabActive: 'ing',
+
+      locationCode: {
+        value: '',
+        focus: true,
+      },
+      lpn: {
+        value: null,
+        focus: false,
+      },
+      caseNum: {
+        value: null,
+        focus: false,
+      },
+      skuCode: {
+        value: '',
+        focus: false,
+        info: {}
+      },
+      qty: {
+        value: '',
+        focus: false,
       },
       recordList: [],
-      currentSkuCode: null,
-      currentConfirmRecord: null,
-      showLayer: false,
+
+      // 当前行数据
+      nowLineData: {},
+      //
+      // 盘点记录商品
+      skuRecord: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        data: []
+      },
+      // 商品清单
+      allSku: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        data: []
+      }
     }
   },
-  created () {
-    const { taskNo, lineId } = this.$route.query
+  computed: {
+    // 是否有托盘号
+    hasLpn() {
+      return ['LPN', 'CASE'].includes(this.taskData.grading)
+    },
+    // 是否有箱号
+    hasCase() {
+      return this.taskData.grading === 'CASE'
+    }
+  },
+  mounted() {
+    const {taskNo, lineId} = this.$route.query
     if (!taskNo) {
-      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.blaycbcm', '错误的盘点任务号'))
+      this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.blaycbcm', '错误的盘点任务号'))
+      history.go(-1)
+      return
     }
     this.taskNo = taskNo
     this.lineId = lineId
-    this.getTaskUnCountDetails()
+    this.init()
   },
   methods: {
-    getTaskUnCountDetails () {
-      getCountTaskDetails({ taskNo: this.taskNo, isCounted: false, page: 0, size: 1 }).then(res => {
-        if (res.data.type !== 'LOC') {
-          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.pwaiwisy', '该盘点任务不是库位盘点，无法操作'))
-        }
-        if (res.countedLineCount != null) {
-          res.data.countedLineCount = res.countedLineCount
-        }
-        this.taskData = res.data
-
-        if (this.lineId) {
-          this.getLine()
-        } else {
-          this.getNextLine()
-        }
-      })
+    // 初始化
+    async init() {
+      await this.getTaskInfo()
+      await this.getLineData(this.lineId ? 0 : 1)
+      await this.getSkuRecord()
     },
-    initLine (res) {
-      this.line = res.line
-      this.lineId = res.line.id
-      if (res.records) {
-        res.records.forEach(i => i.confirm = true)
+    // tab切换
+    tabChange() {
+      if (this.tabActive === 'list' && !this.allSku.data.length) {
+        this.allSku.pageNum = 1
+        this.getAllSku()
       }
-      if (res.invs) {
-        for (let i of res.invs) {
-          i.key = ([i.ownerId, i.skuCode, i.lpn, i.caseNum].join('#'))
-          i.key2 = ([i.skuCode, i.lpn, i.caseNum].join('#'))
-        }
-        for (let i of res.records) {
-          i.confirm = true
-          i.key = ([i.ownerId, i.skuCode, i.lpn, i.caseNum].join('#'))
-          i.key2 = ([i.skuCode, i.lpn, i.caseNum].join('#'))
-
-          const inv = i.ownerId ? res.invs.find(v => v.key === i.key) : res.invs.find(v => v.key2 === i.key2)
-          if (inv) {
-            inv.qty = i.qty
-            inv.diffQty = inv.qty - inv.systemQty
-          }
-        }
-      }
-      this.invs = res.invs
-      this.recordList = res.records
     },
-    getLine () {
-      getCountLine(this.lineId).then(this.initLine)
+    // 获取系统数据
+    getSystemQty(qty) {
+      return this.taskData.blind ?
+        this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.vslkukvw', '盲盘') :
+        qty || '-'
     },
-    getNextLine () {
-      this.resetData()
-      getNextCountLine(this.taskNo, this.lineId).then(this.initLine)
+
+    // 获取任务数据
+    async getTaskInfo() {
+      const res = await getCountTaskDetails({
+        taskNo: this.taskNo,
+        isCounted: false,
+        page: 0,
+        size: 1
+      })
+      if (res.data.type !== 'LOC') {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.pwaiwisy', '该盘点任务不是库位盘点，无法操作')
+        )
+        history.go(-1)
+        return
+      }
+
+      if (res.countedLineCount != null) {
+        res.data.countedLineCount = res.countedLineCount
+      }
+      this.taskData = res.data
     },
-    getPrevLine () {
-      this.resetData()
-      getPreviousCountLine(this.taskNo, this.lineId).then(this.initLine)
+    // 获取当前行信息 1：下一行、0：本行、-1：上一行
+    async getLineData(direction = 0) {
+      this.tabActive = 'ing'
+      this.nowLineData = await projectCountGetCountLineInfo({
+        taskNo: this.taskNo,
+        countLineId: this.lineId,
+        isCycle: true,
+        direction
+      })
+      this.lineId = this.nowLineData.id
+      await this.getSkuRecord()
     },
-    onLocationConfirm () {
-      if (['LPN','CASE'].includes(this.taskData.grading)) {
-        this.inputData.lpn.focus = true
-      } else {
-        this.inputData.skuCode.focus = true
-      }
+    // 获取已盘但没有提交的商品信息
+    async getSkuRecord() {
+      const res = await projectCountGetCountLineRecords({
+        pageNum: this.skuRecord.pageNum,
+        pageSize: this.skuRecord.pageSize,
+        countLineId: this.lineId
+      })
+      this.skuRecord.data = res.datas || []
+      this.skuRecord.pageTotal = res.total
     },
-    onLpnConfirm () {
-      if ('CASE' === this.taskData.grading) {
-        this.inputData.caseNum.focus = true
-      } else {
-        this.inputData.skuCode.focus = true
-      }
+    // 获取商品清单
+    getAllSku() {
+      projectCountGetCountLineSku({
+        pageNum: this.allSku.pageNum,
+        pageSize: this.allSku.pageSize,
+        countLineId: this.lineId
+      }).then(res => {
+        this.allSku.data = res.datas || []
+        this.allSku.pageTotal = res.total
+      })
     },
-    onSkuCodeConfirm () {
-      const record = {
-        locationCode: this.inputData.locationCode.value,
-        lpn: this.inputData.lpn.value,
-        caseNum: this.inputData.caseNum.value,
-        skuCode: this.inputData.skuCode.value,
-        qty: null,
-        ownerId: null,
-        ownerCode: '',
-        ownerName: '',
-        systemQty: 0,
-        diffQty: 0,
-        focus: true,
-        confirm: false,
+
+    // 清空输入框
+    clearInput() {
+
+      this.locationCode.value = ''
+      this.lpn.value = ''
+      this.caseNum.value = ''
+      this.$refs.skuCode.inputClear(false)
+      this.skuCode.info = {}
+      this.qty.value = ''
+
+      this.$nextTick(() => {
+        this.locationCode.focus = true
+      })
+    },
+    // 库位校验
+    locationCheck() {
+      const locationCode = this.locationCode.value
+      if (!locationCode) {
+        this.locationCode.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '库位不能为空')
+        )
+        return false
       }
-      if (record.locationCode && record.skuCode) {
-        if (record.locationCode !== this.line.locationCode) {
-          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.mupkbxxy', '错误的库位编码'))
-        }
-        this.currentSkuCode = record.skuCode
-        this.recordList.unshift(record)
-        this.inputData.locationCode.value = ''
-        this.inputData.skuCode.value = ''
-        this.inputData.lpn.value = null
-        this.inputData.caseNum.value = null
+
+      if (locationCode !== this.nowLineData.locationCode) {
+        this.locationCode.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '录入库位与盘点库位不一致！')
+        )
+        return false
       }
+      return true
     },
-    removeRecord (idx) {
-      if (idx >= 0) {
-        this.recordList.splice(idx, 1)
+    // 库位确认
+    onLocationConfirm() {
+      if (!this.locationCheck()) return
+      if (this.hasLpn) {
+        this.lpn.focus = true
+      } else {
+        this.skuCode.focus = true
       }
     },
-    async confirmRecord (record, sure = false) {
-      if (record.qty && record.qty > 0) {
-        const res = await locCountLineCheck({ countLineId: this.line.id, lines: [record] })
-        const back = res[0]
-
-        if (back.owners && back.owners.length > 1) {
-          this.currentConfirmRecord = record
-          this.currentConfirmRecord.items = back.owners.map(o => ({
-            ownerId: o.id,
-            ownerCode: o.code,
-            ownerName: o.name,
-            lpn: record.line,
-            caseNum: record.caseNum,
-            qty: null
-          }))
-          this.showLayer = true
-          return 0
-        }
-
-        Object.assign(record, back)
-        record.diffQty = record.qty - record.systemQty
-        record.confirm = true
-        record.key = ([record.ownerId, record.skuCode, record.lpn, record.caseNum].join('#'))
-        record.key2 = ([record.skuCode, record.lpn, record.caseNum].join('#'))
-        const inv = record.ownerId ? this.invs.find(i => i.key === record.key) : this.invs.find(i => i.key2 === record.key2)
-        if (inv) {
-          inv.systemQty = back.systemQty
-          inv.qty = back.qty
-          inv.diffQty = back.qty - back.systemQty
-        }
-        if (record.diffQty !== 0) {
-          if (!sure) {
-            await this.$lwDialog.alert({
-              title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
-              message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fxicqgrh', '商品存在差异，差异数量：') + record.diffQty,
-            })
-          }
-          return 2
-        }
+    // 托盘号确认
+    onLpnConfirm() {
+      if (this.hasCase) {
+        this.caseNum.focus = true
       } else {
-        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.sabemitd', '商品 {skuCode} 的数量不正确，请核对输入', {skuCode: record.skuCode}))
-        return 0
+        this.skuCode.focus = true
       }
-      return 1
     },
-    confirmMultiOwnerRecord () {
-      if (!this.currentConfirmRecord || !this.currentConfirmRecord.items) {
+    // 商品号检查
+    skuCodeCheck() {
+      if (this.skuCode.value) return true
+
+      this.skuCode.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('', '商品信息不能为空，请扫描或选择商品')
+      )
+      return false
+    },
+    // 商品号确认
+    onSkuCodeConfirm(data) {
+      if (!this.skuCodeCheck()) return
+      this.qty.focus = true
+      this.skuCode.info = data
+    },
+    // 提交盘点记录数据
+    async submitRecord() {
+
+      if (!this.locationCheck() || !this.skuCodeCheck()) return
+      const qty = Number(this.qty.value || 0)
+      if (!qty) {
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '数量不能为空，且应当是大于0的正整数')
+        )
         return
       }
-      let qty = 0
-      let records = []
-      for (let i of this.currentConfirmRecord.items) {
-        if (!i.qty) {
-          i.qty = 0
-        }
-        if (i.qty < 0) {
-          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.aqxykwtr', '货主 {ownerName} 的商品数量不能小于 0', {ownerName: i.ownerName}))
-        }
-        qty = qty + parseInt(i.qty)
-        i.skuCode = this.currentConfirmRecord.skuCode
-        i.lpn = this.currentConfirmRecord.lpn
-        i.caseNum = this.currentConfirmRecord.caseNum
-        records.push(i)
-      }
-      if (qty !== parseInt(this.currentConfirmRecord.qty)) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.vfnzvdtu', '货主的商品数量与盘点的商品数量不符'))
-      }
-      locCountLineCheck({ countLineId: this.line.id, lines: records }).then(res => {
-        const idx = this.recordList.indexOf(this.currentConfirmRecord)
-        if (idx >= 0) {
-          this.recordList.splice(idx, 1)
-        }
-        if (Array.isArray(res)) {
-          for (let i of res) {
-            i.key = ([i.ownerId, i.skuCode, i.lpn, i.caseNum].join('#'))
-            i.key2 = ([i.skuCode, i.lpn, i.caseNum].join('#'))
-            i.confirm = true
-            i.diffQty = i.qty - i.systemQty
-            const inv = this.invs.find(v => v.key === i.key)
-            if (inv) {
-              inv.qty = i.qty
-              inv.diffQty = inv.qty - inv.systemQty
-            }
+
+      const res = await projectCountGetCountLineSku({
+        pageNum: 1,
+        pageSize: 1,
+        countLineId: this.lineId,
+        skuIdList: [this.skuCode.value],
+        lpn: this.lpn.value,
+        caseNum: this.caseNum.value,
+      })
+      const skuInfo = res.datas
+      const systemQty = Number(skuInfo[0]?.systemQty || 0)
+      const diffQty = qty - systemQty
+
+
+      const {code, id, ownerCode, ownerName, ownerId} = this.skuCode.info
+      await locCountLineCheck({
+        countLineId: this.lineId,
+        lines: [
+          {
+            locationCode: this.locationCode.value,
+            lpn: this.lpn.value,
+            caseNum: this.caseNum.value,
+            skuId: id,
+            skuCode: code,
+            ownerCode,
+            ownerName,
+            ownerId,
+            qty,
+            systemQty,
+            diffQty,
           }
-        }
-        this.recordList.push(...res)
-        this.currentConfirmRecord = null
-        this.showLayer = false
+        ]
       })
-    },
-    async reCountRecord (record) {
-      if (record.confirm) {
-        this.$lwDialog.confirm({
+      if (diffQty !== 0) {
+        this.$lwDialog.alert({
+          type: 'error',
           title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
-          message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.mpufuupk', '确认重盘商品 {skuCode} 吗？', {skuCode: record.skuCode})
+          message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fxicqgrh', '商品存在差异，差异数量：') + diffQty,
         }).then(() => {
-          const key = ([record.skuCode, record.lpn, record.caseNum].join('#'))
-          const rs = this.recordList.filter(i => i.confirm && i.key2 === key)
-          for (let r of rs) {
-            if (r.id) {
-              recountLocCountRecord(r.id)
-            }
-            this.removeRecord(this.recordList.indexOf(r))
-          }
-          this.invs.filter(i => i.key2 === key).forEach(i => {
-            i.qty = null
-            i.diffQty = null
-          })
-        }).catch(() => {})
+          this.$lwToast.success(
+            this.$lwLanguage.get('', '操作成功')
+          )
+        })
+      } else {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
       }
+
+      this.clearInput()
+      await this.getSkuRecord()
     },
-    async finishCount () {
-      if (!this.recordList || this.recordList.length === 0) {
+
+    // 单个商品重盘
+    async reCountRecord(record) {
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.mpufuupk', '确认重盘商品 {skuCode} 吗？', {skuCode: record.skuCode})
+      }).then(() => {
+        recountLocCountRecord(record.id).then(() => {
+          this.skuRecord.pageNum = 1
+          this.getSkuRecord()
+        })
+      }).catch(() => {
+      })
+    },
+    // 全部重新盘点
+    reCountLoc() {
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fdpiehkg', '当前库位盘点数据将会被全部清空！'),
+      }).then(() => {
+        recountLocCountLine(this.lineId).then(() => {
+          this.getLineData()
+          this.clearInput()
+          this.allSku.pageNum = 1
+          this.allSku.pageSize = 10
+          this.allSku.data = []
+        })
+      })
+    },
+
+    // 完成盘点
+    async finishCount() {
+      if (!this.skuRecord.pageTotal) {
         this.$lwDialog.confirm({
           title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
-          message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.jyphpexh', '确认当前库位 {locationCode} 是空库位？', {locationCode: this.line.locationCode})
-        }).then(() => this.submitCount()).catch(() => {})
-      } else {
-        const unConfirmRecords = this.recordList.filter(i => !i.confirm)
-        if (unConfirmRecords.length > 0) {
-          let diffCount = 0
-          for (let record of unConfirmRecords) {
-            const result = await this.confirmRecord(record, true)
-            if (result === 0) {
-              return
-            }
-            if (result === 2) {
-              diffCount++
-            }
-          }
-          if (diffCount > 0) {
-            this.$lwDialog.confirm({
-              title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
-              message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.smzqnmjl', '有 {diffCount} 存在差异，是否继续完成盘点？', {diffCount: diffCount})
-            }).then(() => this.submitCount()).catch(() => {})
-          }
-        } else {
-          await this.submitCount()
-        }
+          message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.jyphpexh', '确认当前库位 {locationCode} 是空库位？', {locationCode: this.nowLineData.locationCode})
+        }).then(() => this.submitCount()).catch(() => {
+        })
+        return
       }
+
+      const res = await projectCountGetCountLineSku({
+        pageNum: 1,
+        pageSize: 1,
+        countLineId: this.lineId,
+      })
+
+      if (res.total > 0) {
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
+          message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.smzqnmjl', '有 {diffCount} 存在差异，是否继续完成盘点？', {diffCount: res.total})
+        }).then(() => this.submitCount()).catch(() => {
+        })
+        return
+      }
+
+      await this.submitCount()
     },
-    async submitCount (sure = false) {
-      const res = await locCountLineSubmit({ countLineId: this.line.id, sure, lines: this.recordList })
+    // 完成盘点提交
+    async submitCount(sure = false) {
 
+      const res = await locCountLineSubmit({countLineId: this.nowLineData.id, sure})
       if (res.code === 'ANY_MORE') {
         this.$lwDialog.confirm({
+          type: 'warning',
           title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
           message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.udwpotda', '{message}，继续提交盘点记录？', {message: res.message})
-        }).then(() => this.submitCount(true)).catch(() => {})
+        }).then(() => this.submitCount(true)).catch(() => {
+        })
         return
       }
 
-      this.$toast(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.tmlivjrx', '操作成功'))
-      getCountTask(this.taskNo).then(res => {
-        this.taskData.countedLineCount = res.countedLines
-        if (res.unCountedLines === 0) {
-          this.$toast(this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fvyqosyg', '当前盘点任务已经全部完成'))
-          setTimeout(() => {
-            history.go(-2)
-          }, 1500)
-        } else {
-          this.getNextLine()
-        }
-      })
-    },
-    reCountLoc () {
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.bzjbcogf', '警告'),
-        message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fdpiehkg', '当前库位盘点数据将会被全部清空！'),
-      }).then(() => {
-        recountLocCountLine(this.line.id).then(() => {
-          this.recordList = []
-          this.invs.forEach(i => {
-            i.qty = null
-            i.diffQty = null
-          })
+      const countData = await getCountTask(this.taskNo)
+
+      this.taskData.countedLineCount = countData.countedLines
+      this.taskData.locCount = countData.lines
+      this.taskData.diffLines = countData.diffLines
+      if (countData.unCountedLines === 0) {
+        this.$lwToast.success({
+          message: this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.fvyqosyg', '当前盘点任务已经全部完成'),
+          onClose: () => history.go(-2)
         })
-      })
-    },
-    resetData () {
-      this.tabActive = 0
-      this.line = null
-      this.invs = []
-      this.inputData = {
-        locationCode: {
-          value: '',
-          focus: true,
-        },
-        skuCode: {
-          value: '',
-          focus: false,
-        },
-        lpn: {
-          value: null,
-          focus: false,
-        },
-        caseNum: {
-          value: null,
-          focus: false,
-        },
+        return
       }
-      this.recordList = []
-      this.currentSkuCode = null
-      this.currentConfirmRecord = null
-      this.showLayer = false
-    }
+
+
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.components.page.count.loc.action.tmlivjrx', '操作成功')
+      )
+      await this.getLineData(1)
+    },
   },
 }
 </script>