1.保存代码

src/views/inventory/addCountOrder.vue

@@ -275,6 +275,20 @@
                 ></el-pagination>
             </el-card>
         </el-dialog>
+
+        <el-dialog
+            title="码详情"
+            :visible.sync="codesVisible"
+            width="70%"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            v-if="codesVisible"
+            append-to-body
+        >
+            <countOrderCodes
+                :codeQuery="codeQuery"
+            ></countOrderCodes>
+        </el-dialog>
     </div>
 </template>
 
@@ -291,7 +305,7 @@ import {
     addCountOrderDetail
 } from "@/api/inventory/invCountOrder";
 import {getCountCodesList, deleteCode, addCode, getCodesNum} from "@/api/inventory/invCountCodes";
-import {enterCodeWeb} from "@/api/inout/order";
+import countOrderCodes from "@/views/inventory/countOrderCodes";
 
 
 export default {
@@ -354,7 +368,12 @@ export default {
             },
             detailTotal: 0,
             countProductList: [],
-            codesNum: 0
+            codesNum: 0,
+            codeQuery: {
+                productId: null,
+                orderIdFk: null
+            },
+            codesVisible: false
         };
     },
     methods: {
@@ -515,14 +534,11 @@ export default {
             }
         },
         showCodes(row) {
-            let params = {
+            this.codesVisible = true;
+            this.codeQuery = {
                 orderIdFk: this.formData.orderId,
                 productId: row.productId
-            };
-
-            getCountCodesList(params).then((res) => {
-                this.codesList = res.data.list || [];
-            });
+            }
         },
         getInputFocus(event) {
             event.currentTarget.select();
@@ -533,6 +549,8 @@ export default {
                 return;
             }
             this.addCode();
+            this.$refs.inputRef.focus();
+            this.$refs.inputRef.select();
         },
         getCountOrderDetail() {
             this.detailQuery.orderIdFk = this.formData.orderId;
@@ -553,6 +571,8 @@ export default {
                 if (res.code === 20000) {
                     this.getCountOrderCodesNum();
                     this.getCountOrderDetail();
+                } else {
+                    this.$message.error(res.message);
                 }
             })
         },
@@ -567,6 +587,9 @@ export default {
             }
         },
     },
+    components: {
+        countOrderCodes
+    },
     created() {
         this.getStorage();
         this.formData = this.countOrder;

src/views/inventory/countOrderCodes.vue

@@ -0,0 +1,126 @@
+<template>
+    <div>
+
+        <el-form :inline="true" :model="query" class="query-form" size="mini">
+            <el-form-item class="query-form-item">
+                <el-input v-model="query.code" placeholder="条码查询" clearable></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button-group>
+                    <el-button type="primary" icon="search" @click="searchCode"
+                    >查询
+                    </el-button
+                    >
+                </el-button-group>
+            </el-form-item>
+        </el-form>
+        <el-table v-loading="loading" :data="codeArray" style="width: 100%">
+            <el-table-column label="序号" type="index"></el-table-column>
+            <el-table-column
+                label="条码"
+                prop="code"
+                width="500"
+                show-overflow-tooltip
+            ></el-table-column>
+        </el-table>
+
+        <el-pagination
+            :page-size="query.limit"
+            @current-change="handleCurrentChange"
+            layout="prev, pager, next,total"
+            :total="total"
+            :current-page="query.page"
+        >
+        </el-pagination>
+    </div>
+</template>
+
+<script>
+
+import {getCountCodesList} from "@/api/inventory/invCountCodes";
+
+export default {
+    name: "codeQuery",
+    props: {
+        codeQuery: {
+            type: Object,
+            required: true,
+        },
+    },
+    data() {
+        return {
+            query: {
+                productId: null,
+                orderIdFk: null,
+                page: 1,
+                limit: 20
+            },
+            loading: true,
+            codeArray: [],
+            total: 0,
+        };
+    },
+    methods: {
+        onReset() {
+            this.$router.push({
+                path: "",
+            });
+            this.query = {
+                productId: this.codeArray.productId,
+                orderIdFk: this.codeQuery.orderIdFk,
+                page: 1,
+                limit: 20
+            };
+            this.getCodeList();
+        },
+        onSubmit() {
+            this.$router.push({
+                path: "",
+                query: this.query,
+            });
+            this.getCodeList();
+        },
+        handleSizeChange(val) {
+            this.query.limit = val;
+            this.getCodeList();
+        },
+        handleCurrentChange(val) {
+            this.query.page = val;
+            this.getCodeList();
+        },
+        searchCode() {
+            this.query.page = 1;
+            this.getCodeList();
+        },
+        getCodeList() {
+            this.loading = true;
+            this.query.productId = this.codeQuery.productId;
+            this.query.orderIdfK = this.codeQuery.orderIdfK;
+            getCountCodesList(this.query).then((res) => {
+                this.loading = false;
+                if (res.code === 20000) {
+                    this.codeArray = res.data.list || [];
+                    this.total = res.data.total || 0;
+                } else {
+                    this.codeArray = [];
+                    this.total = 0;
+                }
+            }).catch((error) => {
+                this.loading = false;
+                this.codeArray = [];
+                this.total = 0;
+            })
+        },
+
+        intentBack() {
+            this.$router.go(-1);
+        },
+    },
+    created() {
+        this.getCodeList();
+    },
+};
+</script>
+
+
+

src/views/inventory/invCountOrderNew.vue

@@ -163,7 +163,7 @@ export default {
             formMap: {
                 add: "新增盘点单",
                 edit: "编辑盘点单"
-            }
+            },
         };
     },
     methods: {