From ef574c117efa877df8e34d0f9870434d910ec729 Mon Sep 17 00:00:00 2001
From: x_z <zrhdyxa@163.com>
Date: Fri, 28 Oct 2022 18:02:54 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BF=9D=E5=AD=98=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/inventory/addCountOrder.vue | 359 ++++++++++++++------------
 1 file changed, 198 insertions(+), 161 deletions(-)

diff --git a/src/views/inventory/addCountOrder.vue b/src/views/inventory/addCountOrder.vue
index 1a5f7e5..8945691 100644
--- a/src/views/inventory/addCountOrder.vue
+++ b/src/views/inventory/addCountOrder.vue
@@ -2,179 +2,215 @@
     <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
-                        type="primary"
-                        @click.native="saveOrder()"
-                        :loading="loading"
-                    >保存
-                    </el-button
-                    >
-                </el-button-group>
+            <el-button-group style="display: flex;margin: -50px 0 10px 80%; height: 35px">
+                <el-button
+                    type="primary"
+                    @click.native="saveOrder()"
+                >保存
+                </el-button
+                >
+            </el-button-group>
+
+            <el-row :gutter="20" style="margin-top: 20px;">
+                <el-col :span="3">
+                    <div class="ao-text">
+                        <span>单据号：</span>
+                    </div>
+                </el-col>
+                <el-col :span="7">
+                    <el-form-item prop="orderId">
+                        <el-input v-model="formData.orderId" auto-complete="off" :disabled="true"></el-input>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="3">
+                    <div class="ao-text">
+                        <span>单据日期：</span>
+                    </div>
+                </el-col>
+                <el-col :span="7">
+                    <el-form-item prop="billDate">
+                        <el-date-picker
+                            v-model="formData.billDate"
+                            type="datetime"
+                            placeholder="选择日期"
+                            style="width: 100%"
+                            :clearable="false"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                        >
+                        </el-date-picker>
+                    </el-form-item>
+                </el-col>
             </el-row>
 
-            <el-card style="margin-top: -5px;">
-                <el-row :gutter="20" style="margin-top: 10px;">
-                    <el-col :span="3">
-                        <div class="ao-text">
-                            <span>单据号：</span>
-                        </div>
-                    </el-col>
-                    <el-col :span="7">
-                        <el-form-item prop="orderId">
-                            <el-input v-model="formData.orderId" auto-complete="off" :disabled="true"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="3">
-                        <div class="ao-text">
-                            <span>单据日期：</span>
-                        </div>
-                    </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"
-                                placeholder="选择日期"
-                                style="width: 100%"
-                                :clearable="false"
-                                value-format="yyyy-MM-dd HH:mm:ss"
-                            >
-                            </el-date-picker>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
+            <el-row :gutter="20" style="margin-top: 0px">
+                <el-col :span="3">
+                    <div class="ao-text">
+                        <span>当前仓库：</span>
+                    </div>
+                </el-col>
 
-                <el-row :gutter="20" style="margin-top: 0px">
-                    <el-col :span="3">
-                        <div class="ao-text">
-                            <span>当前仓库：</span>
-                        </div>
-                    </el-col>
+                <el-col :span="7">
+                    <el-form-item prop="locStorageCode">
+                        <el-select v-model="formData.locStorageCode" placeholder="当前仓库信息"
+                                   @change="locInChange"
+                                   :disabled="codeArray.length>0"
+                                   clearable>
+                            <el-option
+                                v-for="item in storageList"
+                                :key="item.name"
+                                :label="item.name"
+                                :value="item.code">
+                                <span style="float: left">{{ item.name }}</span>
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
 
-                    <el-col :span="7">
-                        <el-form-item prop="locStorageCode">
-                            <el-select v-model="formData.locStorageCode" placeholder="当前仓库信息"
-                                       @change="locInChange"
-                                       :disabled="codeArray.length>0"
-                                       clearable>
-                                <el-option
-                                    v-for="item in storageList"
-                                    :key="item.name"
-                                    :label="item.name"
-                                    :value="item.code">
-                                    <span style="float: left">{{ item.name }}</span>
-                                </el-option>
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
 
+                <el-col :span="3">
+                    <div class="ao-text">
+                        <span>当前分库：</span>
+                    </div>
+                </el-col>
 
-                    <el-col :span="3">
-                        <div class="ao-text">
-                            <span>当前分库：</span>
-                        </div>
-                    </el-col>
+                <el-col :span="7">
+                    <el-form-item prop="invWarehouseCode">
+                        <el-select v-model="formData.invWarehouseCode" placeholder="当前分库信息"
+                                   :disabled="codeArray.length>0"
+                                   @change="subStorageChange"
+                                   clearable>
+                            <el-option
+                                v-for="item in subInvList"
+                                :key="item.name"
+                                :label="item.name"
+                                :value="item.code">
+                                <span style="float: left">{{ item.name }}</span>
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
 
-                    <el-col :span="7">
-                        <el-form-item prop="invWarehouseCode">
-                            <el-select v-model="formData.invWarehouseCode" placeholder="当前分库信息"
-                                       :disabled="codeArray.length>0"
-                                       @change="subStorageChange"
-                                       clearable>
-                                <el-option
-                                    v-for="item in subInvList"
-                                    :key="item.name"
-                                    :label="item.name"
-                                    :value="item.code">
-                                    <span style="float: left">{{ item.name }}</span>
-                                </el-option>
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
 
+            <el-row :gutter="20">
+                <el-col :span="3">
+                    <div class="ao-text">
+                        <span>当前货位：</span>
+                    </div>
+                </el-col>
+                <el-col :span="7">
+                    <el-form-item class="query-form-item" prop="invSpaceCode"
+                    >
+                        <el-select v-model="formData.invSpaceCode" placeholder="当前货位信息"
+                                   :disabled="codeArray.length>0"
+                                   clearable>
+                            <el-option
+                                v-for="item in spaceList"
+                                :key="item.name"
+                                :label="item.name"
+                                :value="item.code">
+                                <span style="float: left">{{ item.name }}</span>
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-col>
+            </el-row>
 
-                <el-row :gutter="20">
-                    <el-col :span="3">
-                        <div class="ao-text">
-                            <span>当前货位：</span>
-                        </div>
-                    </el-col>
-                    <el-col :span="7">
-                        <el-form-item class="query-form-item" prop="invSpaceCode"
+
+            <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-select v-model="formData.invSpaceCode" placeholder="当前货位信息"
-                                       :disabled="codeArray.length>0"
-                                       clearable>
-                                <el-option
-                                    v-for="item in spaceList"
-                                    :key="item.name"
-                                    :label="item.name"
-                                    :value="item.code">
-                                    <span style="float: left">{{ item.name }}</span>
-                                </el-option>
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-            </el-card>
+                        <el-button
+                            type="primary"
+                            size="small"
+                            @click.native.stop="selectProductFunction()"
+                        >产品录入
+                        </el-button
+                        >
+                    </el-button-group>
 
-            <el-card>
-                <el-button-group style="display: flex">
-                    <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-col>
+            </el-row>
 
-                <el-table v-loading="loading" :data="codeArray" style="width: 100%;"
-                          max-height="300" height="300" ref="multipleTable">
-                    <el-table-column label="序号" type="index" width="50"></el-table-column>
-                    <el-table-column width="150"
-                                     label="产品通用名"
-                                     prop="productName"
-                                     show-overflow-tooltip
-                    ></el-table-column>
-                    <el-table-column width="150"
-                                     label="规格型号"
-                                     prop="spec"
-                                     show-overflow-tooltip
-                    ></el-table-column>
-                    <el-table-column width="150" label="批次号" prop="batchNo">
-                    </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>
-                    </el-table-column>
-                    <el-table-column width="250" label="注册/备案凭证号" prop="zczbhhzbapzbh" show-overflow-tooltip>
-                    </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
-                                type="text"
-                                size="small"
-                                @click.stop="true"
-                                @click.native="deleteCodeArray(scope.$index, scope.row)"
-                            >删除
-                            </el-button
-                            >
-                        </template>
-                    </el-table-column>
-                </el-table>
+            <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"
+                                 label="产品通用名"
+                                 prop="productName"
+                                 show-overflow-tooltip
+                ></el-table-column>
+                <el-table-column width="150"
+                                 label="规格型号"
+                                 prop="spec"
+                                 show-overflow-tooltip
+                ></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>
+                </el-table-column>
+                <el-table-column width="250" label="注册/备案凭证号" prop="zczbhhzbapzbh" show-overflow-tooltip>
+                </el-table-column>
+                <el-table-column width="150" label="生产厂家" prop="ylqxzcrbarmc"
+                                 show-overflow-tooltip></el-table-column>
+                <el-table-column label="操作" fixed="right" width="150">
+                    <template slot-scope="scope">
+                        <el-button
+                            type="text"
+                            size="small"
+                            @click.stop="true"
+                            @click.native="deleteCodeArray(scope.$index, scope.row)"
+                        >删除
+                        </el-button
+                        >
+                    </template>
+                </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: {