@logwire/logwire-wms-pda-ui 1.1.17 → 1.1.18

package/src/components/page/count/loc/action/index.vue

@@ -1,546 +1,546 @@
-<template>
-  <div>
-    <lw-nav-bar title="库位盘点"/>
-
-    <div class="lw-global-page-box">
-      <!-- 任务信息板 -->
-      <div class="lw-global-model-box">
-        <count-board :data="taskData" :show-zones="false"/>
-      </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>
-
-        <div class="lw-global-tab-box" style="margin-top: 10px;">
-          <van-tabs type="card" animated v-model="tabActive">
-            <van-tab title="盘点中">
-              <!-- 输入框 -->
-              <div class="lw-global-model-box">
-                <lw-input title="库位" v-model="inputData.locationCode.value"
-                          :get-focus.sync="inputData.locationCode.focus"
-                          @confirm="inputData.skuCode.focus = true"/>
-                <lw-input title="商品" v-model="inputData.skuCode.value"
-                          :get-focus.sync="inputData.skuCode.focus"
-                          @confirm="inputConfirm"/>
-                <lw-input title="托盘" v-model="inputData.lpn.value"
-                          v-if="taskData.grading === 'LPN'"
-                          :get-focus.sync="inputData.lpn.focus"/>
-                <lw-input title="箱号" v-model="inputData.caseNum.value"
-                          v-if="['LPN', 'CASE'].includes(taskData.grading)"
-                          :get-focus.sync="inputData.caseNum.focus"/>
-              </div>
-
-              <!-- 盘点中记录列表 -->
-              <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="数量" v-model="record.qty" :get-focus.sync="record.focus"
-                              @confirm="confirmRecord(record)"/>
-                  </div>
-                  <div>
-                    <div>
-                      <lw-button mini @click="confirmRecord(record)">确认</lw-button>
-                    </div>
-                    <div style="margin-top: 10px;">
-                      <lw-button mini plain type="last" @click="removeRecord(idx)">删除</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">有差异</div>
-                  <p><b>{{ record.ownerName }} / {{ record.ownerName }}</b></p>
-                  <p>{{ record.skuCode }}</p>
-                  <div class="lw-global-sh"></div>
-                  <div class="lw-global-flex-between">
-                    <div>
-                      <p>商品数量 <span>{{ taskData.blind ? '盲盘' : record.qty }}</span></p>
-                      <p>差异数量 <b>{{ record.diffQty }}</b></p>
-                    </div>
-                    <div>
-                      <div>
-                        <lw-button mini @click="reCountRecord(record)">重盘</lw-button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </template>
-
-            </van-tab>
-
-            <van-tab title="商品清单">
-              <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">盘点量 <span>{{ inv.qty || '-' }}</span></div>
-                  <div class="loc-count-minor">系统量 <span>{{ taskData.blind ? '盲盘' : 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>无差异</span>
-                  </div>
-                </div>
-              </div>
-            </van-tab>
-          </van-tabs>
-        </div>
-      </div>
-    </div>
-
-    <lw-bottom-bar>
-      <lw-button plain @click="reCountLoc">重新盘点</lw-button>
-      <lw-button @click="finishCount">完成盘点</lw-button>
-    </lw-bottom-bar>
-
-    <lw-popup v-model="showLayer" @closed="currentConfirmRecord = null" title="填写货主商品数量">
-      <div v-if="currentConfirmRecord" class="loc-count-multi-owner">
-        <p>商品 <b>{{ currentConfirmRecord.skuCode }}</b> 存在多个货主，请填写数量</p>
-        <div class="lw-global-sh"></div>
-        <p>盘点量 <b>{{ currentConfirmRecord.qty }}</b></p>
-        <div class="lw-global-sh"></div>
-        <div v-for="o in currentConfirmRecord.items" :key="o.ownerCode">
-          <p>货主 <b>{{ o.ownerCode }} / {{ o.ownerName }}</b></p>
-          <lw-input title="数量" v-model="o.qty"/>
-        </div>
-      </div>
-      <template #button>
-        <lw-button @click="confirmMultiOwnerRecord">确定</lw-button>
-      </template>
-    </lw-popup>
-  </div>
-</template>
-
-<script>
-import CountBoard from '../../components/CountBoard.vue'
-import {
-  getCountLine,
-  getCountTask,
-  getCountTaskDetails,
-  getNextCountLine, getPreviousCountLine,
-  locCountLineCheck, locCountLineSubmit, recountLocCountLine,
-  recountLocCountRecord
-} from '../../../../../api/inner/count'
-
-export default {
-  name: 'lwCountLocActionPage',
-  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,
-        },
-      },
-      recordList: [],
-      currentSkuCode: null,
-      currentConfirmRecord: null,
-      showLayer: false,
-    }
-  },
-  created () {
-    const { taskNo, lineId } = this.$route.query
-    if (!taskNo) {
-      return this.$lwShowErrorMsg('错误的盘点任务号')
-    }
-    this.taskNo = taskNo
-    this.lineId = lineId
-    this.getTaskUnCountDetails()
-  },
-  methods: {
-    getTaskUnCountDetails () {
-      getCountTaskDetails({ taskNo: this.taskNo, isCounted: false, page: 0, size: 1 }).then(res => {
-        if (res.data.type !== 'LOC') {
-          return this.$lwShowErrorMsg('该盘点任务不是库位盘点，无法操作')
-        }
-        if (res.countedLineCount != null) {
-          res.data.countedLineCount = res.countedLineCount
-        }
-        this.taskData = res.data
-
-        if (this.lineId) {
-          this.getLine()
-        } else {
-          this.getNextLine()
-        }
-      })
-    },
-    initLine (res) {
-      this.line = res.line
-      this.lineId = res.line.id
-      if (res.records) {
-        res.records.forEach(i => i.confirm = true)
-      }
-      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)
-    },
-    getNextLine () {
-      this.resetData()
-      getNextCountLine(this.taskNo, this.lineId).then(this.initLine)
-    },
-    getPrevLine () {
-      this.resetData()
-      getPreviousCountLine(this.taskNo, this.lineId).then(this.initLine)
-    },
-    inputConfirm () {
-      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,
-      }
-      if (record.locationCode && record.skuCode) {
-        if (record.locationCode !== this.line.locationCode) {
-          return this.$lwShowErrorMsg('错误的库位编码')
-        }
-        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
-      }
-    },
-    removeRecord (idx) {
-      if (idx >= 0) {
-        this.recordList.splice(idx, 1)
-      }
-    },
-    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.$dialog.alert({
-              title: '警告',
-              message: '商品存在差异，差异数量：' + record.diffQty,
-            })
-          }
-          return 2
-        }
-      } else {
-        this.$lwShowErrorMsg(`商品 ${record.skuCode} 的数量不正确，请核对输入`)
-        return 0
-      }
-      return 1
-    },
-    confirmMultiOwnerRecord () {
-      if (!this.currentConfirmRecord || !this.currentConfirmRecord.items) {
-        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(`货主 ${i.ownerName} 的商品数量不能小于 0`)
-        }
-        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('货主的商品数量与盘点的商品数量不符')
-      }
-      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
-            }
-          }
-        }
-        this.recordList.push(...res)
-        this.currentConfirmRecord = null
-        this.showLayer = false
-      })
-    },
-    async reCountRecord (record) {
-      if (record.confirm) {
-        this.$dialog.confirm({
-          title: '警告',
-          message: `确认重盘商品 ${record.skuCode} 吗？`
-        }).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(() => {})
-      }
-    },
-    async finishCount () {
-      if (!this.recordList || this.recordList.length === 0) {
-        this.$dialog.confirm({
-          title: '警告',
-          message: `确认当前库位 ${this.line.locationCode} 是空库位？`
-        }).then(() => this.submitCount()).catch(() => {})
-      }
-      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.$dialog.confirm({
-            title: '警告',
-            message: `有 ${diffCount} 存在差异，是否继续完成盘点？`
-          }).then(() => this.submitCount()).catch(() => {})
-        }
-      } else {
-        await this.submitCount()
-      }
-    },
-    async submitCount (sure = false) {
-      const res = await locCountLineSubmit({ countLineId: this.line.id, sure, lines: this.recordList })
-
-      if (res.code === 'ANY_MORE') {
-        this.$dialog.confirm({
-          title: '警告',
-          message: `${res.message}，继续提交盘点记录？`
-        }).then(() => this.submitCount(true)).catch(() => {})
-        return
-      }
-
-      this.$toast('操作成功')
-      getCountTask(this.taskNo).then(res => {
-        this.taskData.countedLineCount = res.countedLines
-        if (res.unCountedLines === 0) {
-          this.$toast('当前盘点任务已经全部完成')
-          setTimeout(() => {
-            history.go(-2)
-          }, 1500)
-        } else {
-          this.getNextLine()
-        }
-      })
-    },
-    reCountLoc () {
-      this.$dialog.confirm({
-        title: '警告',
-        message: '当前库位盘点数据将会被全部清空！',
-      }).then(() => {
-        recountLocCountLine(this.line.id).then(() => {
-          this.recordList = []
-          this.invs.forEach(i => {
-            i.qty = null
-            i.diffQty = null
-          })
-        })
-      })
-    },
-    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,
-        },
-      }
-      this.recordList = []
-      this.currentSkuCode = null
-      this.currentConfirmRecord = null
-      this.showLayer = false
-    }
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.loc-count-minor {
-  color: gray;
-}
-
-.lw-handover {
-  background: #4f4f4f;
-  margin: 10px 0;
-  padding: 10px;
-  border-radius: 5px;
-
-  &-btn {
-    color: white;
-    border: 1px solid white;
-    padding: 3px;
-    border-radius: 3px;
-  }
-
-  &-title {
-    font-weight: bold;
-  }
-}
-
-.loc-cont-current {
-  &.active {
-    border: 1px solid red;
-  }
-}
-
-.loc-cont-record {
-  font-size: 0.9em;
-  line-height: 1.5em;
-  position: relative;
-
-  &-diff {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: 5px 10px;
-    color: red;
-    background: #fff2f2;
-    border-radius: 0 5px 0 5px;
-  }
-
-  .lw-global-sh {
-    margin: 5px 0;
-  }
-}
-
-.loc-count-sku-list {
-  font-size: 0.9em;
-  line-height: 1.5em;
-
-  .diff {
-    color: red;
-    font-weight: bold;
-  }
-
-  .lw-global-sh {
-    margin: 5px 0;
-  }
-}
-
-.loc-count-multi-owner {
-  font-size: 0.9em;
-  line-height: 1.5em;
-
-  & p {
-    margin: 5px 0;
-  }
-}
+<template>
+  <div>
+    <lw-nav-bar title="库位盘点"/>
+
+    <div class="lw-global-page-box">
+      <!-- 任务信息板 -->
+      <div class="lw-global-model-box">
+        <count-board :data="taskData" :show-zones="false"/>
+      </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>
+
+        <div class="lw-global-tab-box" style="margin-top: 10px;">
+          <van-tabs type="card" animated v-model="tabActive">
+            <van-tab title="盘点中">
+              <!-- 输入框 -->
+              <div class="lw-global-model-box">
+                <lw-input title="库位" v-model="inputData.locationCode.value"
+                          :get-focus.sync="inputData.locationCode.focus"
+                          @confirm="inputData.skuCode.focus = true"/>
+                <lw-input title="商品" v-model="inputData.skuCode.value"
+                          :get-focus.sync="inputData.skuCode.focus"
+                          @confirm="inputConfirm"/>
+                <lw-input title="托盘" v-model="inputData.lpn.value"
+                          v-if="taskData.grading === 'LPN'"
+                          :get-focus.sync="inputData.lpn.focus"/>
+                <lw-input title="箱号" v-model="inputData.caseNum.value"
+                          v-if="['LPN', 'CASE'].includes(taskData.grading)"
+                          :get-focus.sync="inputData.caseNum.focus"/>
+              </div>
+
+              <!-- 盘点中记录列表 -->
+              <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="数量" v-model="record.qty" :get-focus.sync="record.focus"
+                              @confirm="confirmRecord(record)"/>
+                  </div>
+                  <div>
+                    <div>
+                      <lw-button mini @click="confirmRecord(record)">确认</lw-button>
+                    </div>
+                    <div style="margin-top: 10px;">
+                      <lw-button mini plain type="last" @click="removeRecord(idx)">删除</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">有差异</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>商品数量 <span>{{ taskData.blind ? '盲盘' : record.qty }}</span></p>
+                      <p>差异数量 <b>{{ record.diffQty }}</b></p>
+                    </div>
+                    <div>
+                      <div>
+                        <lw-button mini @click="reCountRecord(record)">重盘</lw-button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </template>
+
+            </van-tab>
+
+            <van-tab title="商品清单">
+              <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">盘点量 <span>{{ inv.qty || '-' }}</span></div>
+                  <div class="loc-count-minor">系统量 <span>{{ taskData.blind ? '盲盘' : 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>无差异</span>
+                  </div>
+                </div>
+              </div>
+            </van-tab>
+          </van-tabs>
+        </div>
+      </div>
+    </div>
+
+    <lw-bottom-bar>
+      <lw-button plain @click="reCountLoc">重新盘点</lw-button>
+      <lw-button @click="finishCount">完成盘点</lw-button>
+    </lw-bottom-bar>
+
+    <lw-popup v-model="showLayer" @closed="currentConfirmRecord = null" title="填写货主商品数量">
+      <div v-if="currentConfirmRecord" class="loc-count-multi-owner">
+        <p>商品 <b>{{ currentConfirmRecord.skuCode }}</b> 存在多个货主，请填写数量</p>
+        <div class="lw-global-sh"></div>
+        <p>盘点量 <b>{{ currentConfirmRecord.qty }}</b></p>
+        <div class="lw-global-sh"></div>
+        <div v-for="o in currentConfirmRecord.items" :key="o.ownerCode">
+          <p>货主 <b>{{ o.ownerCode }} / {{ o.ownerName }}</b></p>
+          <lw-input title="数量" v-model="o.qty"/>
+        </div>
+      </div>
+      <template #button>
+        <lw-button @click="confirmMultiOwnerRecord">确定</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import CountBoard from '../../components/CountBoard.vue'
+import {
+  getCountLine,
+  getCountTask,
+  getCountTaskDetails,
+  getNextCountLine, getPreviousCountLine,
+  locCountLineCheck, locCountLineSubmit, recountLocCountLine,
+  recountLocCountRecord
+} from '../../../../../api/inner/count'
+
+export default {
+  name: 'lwCountLocActionPage',
+  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,
+        },
+      },
+      recordList: [],
+      currentSkuCode: null,
+      currentConfirmRecord: null,
+      showLayer: false,
+    }
+  },
+  created () {
+    const { taskNo, lineId } = this.$route.query
+    if (!taskNo) {
+      return this.$lwShowErrorMsg('错误的盘点任务号')
+    }
+    this.taskNo = taskNo
+    this.lineId = lineId
+    this.getTaskUnCountDetails()
+  },
+  methods: {
+    getTaskUnCountDetails () {
+      getCountTaskDetails({ taskNo: this.taskNo, isCounted: false, page: 0, size: 1 }).then(res => {
+        if (res.data.type !== 'LOC') {
+          return this.$lwShowErrorMsg('该盘点任务不是库位盘点，无法操作')
+        }
+        if (res.countedLineCount != null) {
+          res.data.countedLineCount = res.countedLineCount
+        }
+        this.taskData = res.data
+
+        if (this.lineId) {
+          this.getLine()
+        } else {
+          this.getNextLine()
+        }
+      })
+    },
+    initLine (res) {
+      this.line = res.line
+      this.lineId = res.line.id
+      if (res.records) {
+        res.records.forEach(i => i.confirm = true)
+      }
+      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)
+    },
+    getNextLine () {
+      this.resetData()
+      getNextCountLine(this.taskNo, this.lineId).then(this.initLine)
+    },
+    getPrevLine () {
+      this.resetData()
+      getPreviousCountLine(this.taskNo, this.lineId).then(this.initLine)
+    },
+    inputConfirm () {
+      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,
+      }
+      if (record.locationCode && record.skuCode) {
+        if (record.locationCode !== this.line.locationCode) {
+          return this.$lwShowErrorMsg('错误的库位编码')
+        }
+        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
+      }
+    },
+    removeRecord (idx) {
+      if (idx >= 0) {
+        this.recordList.splice(idx, 1)
+      }
+    },
+    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.$dialog.alert({
+              title: '警告',
+              message: '商品存在差异，差异数量：' + record.diffQty,
+            })
+          }
+          return 2
+        }
+      } else {
+        this.$lwShowErrorMsg(`商品 ${record.skuCode} 的数量不正确，请核对输入`)
+        return 0
+      }
+      return 1
+    },
+    confirmMultiOwnerRecord () {
+      if (!this.currentConfirmRecord || !this.currentConfirmRecord.items) {
+        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(`货主 ${i.ownerName} 的商品数量不能小于 0`)
+        }
+        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('货主的商品数量与盘点的商品数量不符')
+      }
+      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
+            }
+          }
+        }
+        this.recordList.push(...res)
+        this.currentConfirmRecord = null
+        this.showLayer = false
+      })
+    },
+    async reCountRecord (record) {
+      if (record.confirm) {
+        this.$dialog.confirm({
+          title: '警告',
+          message: `确认重盘商品 ${record.skuCode} 吗？`
+        }).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(() => {})
+      }
+    },
+    async finishCount () {
+      if (!this.recordList || this.recordList.length === 0) {
+        this.$dialog.confirm({
+          title: '警告',
+          message: `确认当前库位 ${this.line.locationCode} 是空库位？`
+        }).then(() => this.submitCount()).catch(() => {})
+      }
+      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.$dialog.confirm({
+            title: '警告',
+            message: `有 ${diffCount} 存在差异，是否继续完成盘点？`
+          }).then(() => this.submitCount()).catch(() => {})
+        }
+      } else {
+        await this.submitCount()
+      }
+    },
+    async submitCount (sure = false) {
+      const res = await locCountLineSubmit({ countLineId: this.line.id, sure, lines: this.recordList })
+
+      if (res.code === 'ANY_MORE') {
+        this.$dialog.confirm({
+          title: '警告',
+          message: `${res.message}，继续提交盘点记录？`
+        }).then(() => this.submitCount(true)).catch(() => {})
+        return
+      }
+
+      this.$toast('操作成功')
+      getCountTask(this.taskNo).then(res => {
+        this.taskData.countedLineCount = res.countedLines
+        if (res.unCountedLines === 0) {
+          this.$toast('当前盘点任务已经全部完成')
+          setTimeout(() => {
+            history.go(-2)
+          }, 1500)
+        } else {
+          this.getNextLine()
+        }
+      })
+    },
+    reCountLoc () {
+      this.$dialog.confirm({
+        title: '警告',
+        message: '当前库位盘点数据将会被全部清空！',
+      }).then(() => {
+        recountLocCountLine(this.line.id).then(() => {
+          this.recordList = []
+          this.invs.forEach(i => {
+            i.qty = null
+            i.diffQty = null
+          })
+        })
+      })
+    },
+    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,
+        },
+      }
+      this.recordList = []
+      this.currentSkuCode = null
+      this.currentConfirmRecord = null
+      this.showLayer = false
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.loc-count-minor {
+  color: gray;
+}
+
+.lw-handover {
+  background: #4f4f4f;
+  margin: 10px 0;
+  padding: 10px;
+  border-radius: 5px;
+
+  &-btn {
+    color: white;
+    border: 1px solid white;
+    padding: 3px;
+    border-radius: 3px;
+  }
+
+  &-title {
+    font-weight: bold;
+  }
+}
+
+.loc-cont-current {
+  &.active {
+    border: 1px solid red;
+  }
+}
+
+.loc-cont-record {
+  font-size: 0.9em;
+  line-height: 1.5em;
+  position: relative;
+
+  &-diff {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 5px 10px;
+    color: red;
+    background: #fff2f2;
+    border-radius: 0 5px 0 5px;
+  }
+
+  .lw-global-sh {
+    margin: 5px 0;
+  }
+}
+
+.loc-count-sku-list {
+  font-size: 0.9em;
+  line-height: 1.5em;
+
+  .diff {
+    color: red;
+    font-weight: bold;
+  }
+
+  .lw-global-sh {
+    margin: 5px 0;
+  }
+}
+
+.loc-count-multi-owner {
+  font-size: 0.9em;
+  line-height: 1.5em;
+
+  & p {
+    margin: 5px 0;
+  }
+}
 </style>