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

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

@@ -1,272 +1,272 @@
-<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-model-box">
-          <div class="lw-global-flex-between" style="line-height: 1.5em;">
-            <div>
-              <div>{{ line.skuCode }}</div>
-              <div style="color: gray; font-size: 0.9em;">{{ line.skuName }}</div>
-            </div>
-            <div style="text-align: center;">
-              <template v-if="!taskData.bline">
-                <div style="font-weight: bold; color: red;">{{ line.systemQty }}</div>
-                <div style="color: gray; font-size: 0.9em;">系统数</div>
-              </template>
-              <lw-tag color="red" v-else>盲盘</lw-tag>
-            </div>
-          </div>
-          <div class="lw-global-sh" style="margin-top: 10px;"></div>
-          <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"
-                    rule-key="sku" rule-value-key="skuCode"
-                    :get-focus.sync="inputData.skuCode.focus"/>
-          <div class="lw-global-props">
-            <div>
-              <div>商品编码</div>
-              <div>{{ inputData.skuCode.value }}</div>
-            </div>
-          </div>
-          <div class="lw-global-sh"/>
-          <lw-input title="数量" type="number" v-model="inputData.qty.value" :get-focus.sync="inputData.qty.focus"/>
-        </div>
-      </div>
-    </div>
-    <lw-bottom-bar>
-      <lw-button plain @click="$refs.randomPop.show()">随机盘点</lw-button>
-      <lw-button type="normal" @click="submitEmptyInv">无库存</lw-button>
-      <lw-button @click="submitCount">提交盘点</lw-button>
-    </lw-bottom-bar>
-    <!-- 随机盘点 -->
-    <random-count ref="randomPop" :count-task-no="this.taskNo" @jump="getLine"/>
-    <!-- 批次选择器 -->
-    <lw-popup title="填写批次数量" v-model="showLotGroups" :show-off-btn="false">
-      <div v-if="lotGroups">
-        <div v-for="g in lotGroups" :key="g.key">
-          <div>
-            <div class="lw-global-props">
-              <div v-for="item in g.items" :key="item.code">
-                <div>{{ item.label }}</div>
-                <div>{{item.value}}</div>
-              </div>
-            </div>
-            <lw-input title="数量" type="number" v-model="g.qty"/>
-          </div>
-          <div class="lw-global-sh"></div>
-        </div>
-      </div>
-      <template #button>
-        <lw-button plain @click="cancelLotGroup">取消</lw-button>
-        <lw-button @click="submitCount">提交</lw-button>
-      </template>
-    </lw-popup>
-  </div>
-</template>
-
-<script>
-import {
-  getCountLine,
-  getCountTask,
-  getCountTaskDetails,
-  getNextCountLine,
-  getPreviousCountLine,
-  invCountLineSubmit
-} from '../../../../../api/inner/count'
-import CountBoard from '../../components/CountBoard.vue'
-import RandomCount from '../../components/RandomCount'
-
-export default {
-  name: 'lwCountInvActionPage',
-  components: { RandomCount, CountBoard },
-  data () {
-    return {
-      taskNo: null,
-      lineId: null,
-      taskData: null,
-      line: null,
-      inputData: {
-        locationCode: {
-          value: '',
-          focus: true,
-        },
-        skuCode: {
-          value: '',
-          focus: false,
-        },
-        qty: {
-          value: '',
-          focus: true,
-        },
-      },
-      showLotGroups: false,
-      lotGroups: null,
-    }
-  },
-  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 !== 'INV') {
-          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.resetData()
-      this.line = res.line
-      this.lineId = res.line.id
-    },
-    getLine (line = null) {
-      if (line) {
-        if (line.taskNo !== this.taskNo) {
-          return this.$lwShowErrorMsg('该盘点明细在任务 ' + line.taskNo + ' 中，无法跳转。')
-        }
-        if (this.line && this.line.id === line.id) {
-          return
-        }
-        getCountLine(line.id).then(this.initLine)
-      } else {
-        getCountLine(this.lineId).then(this.initLine)
-      }
-    },
-    getNextLine () {
-      getNextCountLine(this.taskNo, this.lineId).then(this.initLine)
-    },
-    getPrevLine () {
-      getPreviousCountLine(this.taskNo, this.lineId).then(this.initLine)
-    },
-    submitEmptyInv () {
-      if (!this.inputData.locationCode.value) {
-        return this.$lwShowErrorMsg('盘点库位不能为空')
-      }
-      this.$dialog.confirm({
-        title: '确认空库位',
-        message: `当前库位 ${this.taskData.locationCode} 中商品 ${this.line.skuCode} 确认无库存？`
-      }).then(() => {
-        this.inputData.skuCode.value = this.line.skuCode
-        this.inputData.qty.value = 0
-        this.submitCount()
-      })
-    },
-    submitCount () {
-      if (this.lotGroups) {
-        const lotQty = this.lotGroups.map(i => parseInt(i.qty) || 0).reduce((a, b) => a + b, 0)
-        if (lotQty !== parseInt(this.inputData.qty.value)) {
-          return this.$lwShowErrorMsg('批次数量之和与盘点数量不符')
-        }
-      }
-
-      invCountLineSubmit({
-        countLineId: this.line.id,
-        qty: this.inputData.qty.value,
-        groups: this.lotGroups,
-      }).then(res => {
-        if (res.needChoose) {
-          this.lotGroups = res.groups
-          this.showLotGroups = true
-          return
-        }
-
-        this.lotGroups = null
-        this.showLotGroups = false
-
-        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()
-          }
-        })
-      })
-    },
-    cancelLotGroup () {
-      this.lotGroups = null
-      this.showLotGroups = false
-    },
-    resetData () {
-      this.line = null
-      this.inputData = {
-        locationCode: {
-          value: '',
-          focus: true,
-        },
-        skuCode: {
-          value: '',
-          focus: false,
-        },
-        qty: {
-          value: null,
-          focus: false,
-        },
-      }
-      this.lotGroups = null
-    },
-  },
-}
-</script>
-
-<style lang="less" scoped>
-.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;
-  }
-}
-
-.lw-global-props {
-  font-size: 0.9em;
-  line-height: 1.5em;
-  margin: 5px 0;
-  padding: 2px 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-model-box">
+          <div class="lw-global-flex-between" style="line-height: 1.5em;">
+            <div>
+              <div>{{ line.skuCode }}</div>
+              <div style="color: gray; font-size: 0.9em;">{{ line.skuName }}</div>
+            </div>
+            <div style="text-align: center;">
+              <template v-if="!taskData.bline">
+                <div style="font-weight: bold; color: red;">{{ line.systemQty }}</div>
+                <div style="color: gray; font-size: 0.9em;">系统数</div>
+              </template>
+              <lw-tag color="red" v-else>盲盘</lw-tag>
+            </div>
+          </div>
+          <div class="lw-global-sh" style="margin-top: 10px;"></div>
+          <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"
+                    rule-key="sku" rule-value-key="skuCode"
+                    :get-focus.sync="inputData.skuCode.focus"/>
+          <div class="lw-global-props">
+            <div>
+              <div>商品编码</div>
+              <div>{{ inputData.skuCode.value }}</div>
+            </div>
+          </div>
+          <div class="lw-global-sh"/>
+          <lw-input title="数量" type="number" v-model="inputData.qty.value" :get-focus.sync="inputData.qty.focus"/>
+        </div>
+      </div>
+    </div>
+    <lw-bottom-bar>
+      <lw-button plain @click="$refs.randomPop.show()">随机盘点</lw-button>
+      <lw-button type="normal" @click="submitEmptyInv">无库存</lw-button>
+      <lw-button @click="submitCount">提交盘点</lw-button>
+    </lw-bottom-bar>
+    <!-- 随机盘点 -->
+    <random-count ref="randomPop" :count-task-no="this.taskNo" @jump="getLine"/>
+    <!-- 批次选择器 -->
+    <lw-popup title="填写批次数量" v-model="showLotGroups" :show-off-btn="false">
+      <div v-if="lotGroups">
+        <div v-for="g in lotGroups" :key="g.key">
+          <div>
+            <div class="lw-global-props">
+              <div v-for="item in g.items" :key="item.code">
+                <div>{{ item.label }}</div>
+                <div>{{item.value}}</div>
+              </div>
+            </div>
+            <lw-input title="数量" type="number" v-model="g.qty"/>
+          </div>
+          <div class="lw-global-sh"></div>
+        </div>
+      </div>
+      <template #button>
+        <lw-button plain @click="cancelLotGroup">取消</lw-button>
+        <lw-button @click="submitCount">提交</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import {
+  getCountLine,
+  getCountTask,
+  getCountTaskDetails,
+  getNextCountLine,
+  getPreviousCountLine,
+  invCountLineSubmit
+} from '../../../../../api/inner/count'
+import CountBoard from '../../components/CountBoard.vue'
+import RandomCount from '../../components/RandomCount'
+
+export default {
+  name: 'lwCountInvActionPage',
+  components: { RandomCount, CountBoard },
+  data () {
+    return {
+      taskNo: null,
+      lineId: null,
+      taskData: null,
+      line: null,
+      inputData: {
+        locationCode: {
+          value: '',
+          focus: true,
+        },
+        skuCode: {
+          value: '',
+          focus: false,
+        },
+        qty: {
+          value: '',
+          focus: true,
+        },
+      },
+      showLotGroups: false,
+      lotGroups: null,
+    }
+  },
+  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 !== 'INV') {
+          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.resetData()
+      this.line = res.line
+      this.lineId = res.line.id
+    },
+    getLine (line = null) {
+      if (line) {
+        if (line.taskNo !== this.taskNo) {
+          return this.$lwShowErrorMsg('该盘点明细在任务 ' + line.taskNo + ' 中，无法跳转。')
+        }
+        if (this.line && this.line.id === line.id) {
+          return
+        }
+        getCountLine(line.id).then(this.initLine)
+      } else {
+        getCountLine(this.lineId).then(this.initLine)
+      }
+    },
+    getNextLine () {
+      getNextCountLine(this.taskNo, this.lineId).then(this.initLine)
+    },
+    getPrevLine () {
+      getPreviousCountLine(this.taskNo, this.lineId).then(this.initLine)
+    },
+    submitEmptyInv () {
+      if (!this.inputData.locationCode.value) {
+        return this.$lwShowErrorMsg('盘点库位不能为空')
+      }
+      this.$dialog.confirm({
+        title: '确认空库位',
+        message: `当前库位 ${this.taskData.locationCode} 中商品 ${this.line.skuCode} 确认无库存？`
+      }).then(() => {
+        this.inputData.skuCode.value = this.line.skuCode
+        this.inputData.qty.value = 0
+        this.submitCount()
+      })
+    },
+    submitCount () {
+      if (this.lotGroups) {
+        const lotQty = this.lotGroups.map(i => parseInt(i.qty) || 0).reduce((a, b) => a + b, 0)
+        if (lotQty !== parseInt(this.inputData.qty.value)) {
+          return this.$lwShowErrorMsg('批次数量之和与盘点数量不符')
+        }
+      }
+
+      invCountLineSubmit({
+        countLineId: this.line.id,
+        qty: this.inputData.qty.value,
+        groups: this.lotGroups,
+      }).then(res => {
+        if (res.needChoose) {
+          this.lotGroups = res.groups
+          this.showLotGroups = true
+          return
+        }
+
+        this.lotGroups = null
+        this.showLotGroups = false
+
+        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()
+          }
+        })
+      })
+    },
+    cancelLotGroup () {
+      this.lotGroups = null
+      this.showLotGroups = false
+    },
+    resetData () {
+      this.line = null
+      this.inputData = {
+        locationCode: {
+          value: '',
+          focus: true,
+        },
+        skuCode: {
+          value: '',
+          focus: false,
+        },
+        qty: {
+          value: null,
+          focus: false,
+        },
+      }
+      this.lotGroups = null
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.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;
+  }
+}
+
+.lw-global-props {
+  font-size: 0.9em;
+  line-height: 1.5em;
+  margin: 5px 0;
+  padding: 2px 0;
+}
 </style>

package/src/components/page/count/inv/index/index.js

@@ -1,5 +1,5 @@
-import lwCountInvIndexPage from './index.vue'
-
-lwCountInvIndexPage.install = Vue => Vue.component(lwCountInvIndexPage.name, lwCountInvIndexPage)
-
-export default lwCountInvIndexPage
+import lwCountInvIndexPage from './index.vue'
+
+lwCountInvIndexPage.install = Vue => Vue.component(lwCountInvIndexPage.name, lwCountInvIndexPage)
+
+export default lwCountInvIndexPage