1.保存代码

src/views/inventory/addCountOrder.vue

@@ -2,20 +2,16 @@
     <div>
 
         <el-form :model="formData" :rules="formRules" ref="dataForm">
-            <el-row type="flex" justify="end">
-                <el-button-group style="display: flex;margin-bottom: 15px; margin-right: 50px">
+            <el-button-group style="display: flex;margin: -50px 0 10px 80%; height: 35px">
                 <el-button
                     type="primary"
                     @click.native="saveOrder()"
-                        :loading="loading"
                 >保存
                 </el-button
                 >
             </el-button-group>
-            </el-row>
 
-            <el-card style="margin-top: -5px;">
-                <el-row :gutter="20" style="margin-top: 10px;">
+            <el-row :gutter="20" style="margin-top: 20px;">
                 <el-col :span="3">
                     <div class="ao-text">
                         <span>单据号：</span>
@@ -33,7 +29,6 @@
                 </el-col>
                 <el-col :span="7">
                     <el-form-item prop="billDate">
-                            <!--                            <el-input v-model="formData.billdate" auto-complete="off"></el-input>-->
                         <el-date-picker
                             v-model="formData.billDate"
                             type="datetime"
@@ -120,22 +115,62 @@
                     </el-form-item>
                 </el-col>
             </el-row>
-            </el-card>
 
-            <el-card>
+
+            <el-row :gutter="20" style="margin-top: 12px">
+                <el-col :span="2">
+                    <div class="ao-text">
+                        <el-link
+                            target="_blank">{{ scanText }}
+                        </el-link>
+                    </div>
+                </el-col>
+                <el-col :span="16">
+                    <el-form-item prop="code">
+                        <el-input
+                            id="inputer"
+                            @focus="getInputFocus($event)"
+                            @keypress.enter.native="enterKey($event)"
+                            ref='inputRef'
+                            style="ime-mode:disabled"
+                            type="tel"
+                            v-model="formData.code"
+                        ></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="2">
                     <el-button-group style="display: flex">
+                        <el-button
+                            type="primary"
+                            size="small"
+                            @click.native.stop="addCode()"
+                            style="height: 31px; margin-left: 20px"
+                        >添加
+                        </el-button
+                        >
                         <el-button
                             type="primary"
                             size="small"
                             @click.native.stop="selectProductFunction()"
-                        style="margin: 0px 60px 10px auto; height: 35px"
-                        :loading="loading"
                         >产品录入
                         </el-button
                         >
                     </el-button-group>
 
-                <el-table v-loading="loading" :data="codeArray" style="width: 100%;"
+                </el-col>
+            </el-row>
+
+            <el-row :gutter="20">
+                <el-col :span="14" style="margin-left: 40px">
+
+                </el-col>
+                <el-col :span="3">
+                    <div class="text item" style="margin-left: 30px"> 条码数量：{{ codeArray.length }}
+                    </div>
+                </el-col>
+            </el-row>
+
+            <el-table v-loading="loading" :data="codeArray" style="width: 100%; margin-top: 10px;"
                       max-height="300" height="300" ref="multipleTable">
                 <el-table-column label="序号" type="index" width="50"></el-table-column>
                 <el-table-column width="150"
@@ -150,6 +185,10 @@
                 ></el-table-column>
                 <el-table-column width="150" label="批次号" prop="batchNo">
                 </el-table-column>
+                <el-table-column width="150" label="库存数量" prop="invCount"
+                                 show-overflow-tooltip></el-table-column>
+                <el-table-column width="150" label="盘点数量" prop="countNum"
+                                 show-overflow-tooltip></el-table-column>
                 <el-table-column width="180" label="生产日期(yyMMdd)" prop="productDate">
                 </el-table-column>
                 <el-table-column width="180" label="失效日期(yyMMdd)" prop="expireDate" show-overflow-tooltip>
@@ -158,8 +197,6 @@
                 </el-table-column>
                 <el-table-column width="150" label="生产厂家" prop="ylqxzcrbarmc"
                                  show-overflow-tooltip></el-table-column>
-                    <el-table-column width="150" label="库存数量" prop="invCount"
-                                     show-overflow-tooltip></el-table-column>
                 <el-table-column label="操作" fixed="right" width="150">
                     <template slot-scope="scope">
                         <el-button
@@ -174,7 +211,6 @@
                 </el-table-column>
             </el-table>
 
-            </el-card>
         </el-form>
 
         <el-dialog
@@ -305,7 +341,8 @@ export default {
                 page: 1,
                 limit: 10
             },
-            productList: []
+            productList: [],
+            scanText: "扫码录入：",
         };
     },
     methods: {