From cc8465da036a78e555fbc5ff5664e7f4385e478a Mon Sep 17 00:00:00 2001
From: x_z <zrhdyxa@163.com>
Date: Tue, 11 Oct 2022 16:59:36 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BF=AE=E6=94=B9=E5=BB=BA=E5=9E=9B=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E7=9B=B8=E5=85=B3=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/production/stackCode.js      |  22 ++-
 src/views/production/stackCode.vue   |  36 ++--
 src/views/production/stackManage.vue | 279 ++++++++++++++++++++++++++-
 src/views/warehouse/addOrder.vue     |  47 -----
 4 files changed, 314 insertions(+), 70 deletions(-)

diff --git a/src/api/production/stackCode.js b/src/api/production/stackCode.js
index bbe254b..691af5d 100644
--- a/src/api/production/stackCode.js
+++ b/src/api/production/stackCode.js
@@ -2,8 +2,24 @@ import axios from "../../utils/axios";
 
 export function getStackCodeList(params) {
     return axios({
-       url: "/udims/stack/code/filter",
-       method: "get",
-       params: params
+        url: "/udims/stack/code/filter",
+        method: "get",
+        params: params
+    });
+}
+
+export function deleteCode(data) {
+    return axios({
+        url: "/udims/stack/code/delete",
+        method: "post",
+        data: data
+    });
+}
+
+export function addStackCode(data) {
+    return axios({
+        url: "/udims/stack/code/addCode",
+        method: "post",
+        data: data
     });
 }
diff --git a/src/views/production/stackCode.vue b/src/views/production/stackCode.vue
index c4a7faf..dfec815 100644
--- a/src/views/production/stackCode.vue
+++ b/src/views/production/stackCode.vue
@@ -46,8 +46,7 @@
 </template>
 
 <script>
-import {getStackCodeList} from "@/api/production/stackCode";
-import draggable from "vuedraggable";
+import {getStackCodeList, deleteCode} from "@/api/production/stackCode";
 
 export default {
     name: "idQuery",
@@ -68,16 +67,9 @@ export default {
             codeArry: [],
             total: 0,
             loading: true,
-            index: null,
-            formLoading: false,
-            formVisible: false,
-            deleteLoading: false,
-            busTypes: [],
+            index: null
         };
     },
-    components: {
-        draggable,
-    },
     methods: {
         onReset() {
             this.$router.push({
@@ -85,6 +77,7 @@ export default {
             });
             this.query = {
                 code: "",
+                orderIdFk: this.idQuery.orderIdFk,
                 page: 1,
                 limit: 20,
             };
@@ -123,9 +116,26 @@ export default {
                     this.total = 0;
                 });
         },
-        intentBack() {
-            this.$router.go(-1);
-        },
+        handleDel(index, row) {
+            this.$confirm('是否删除此条码?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                let params = {id: row.id};
+                deleteCode(params).then((res) => {
+                    if (res.code === 20000) {
+                        this.$message.success("删除成功");
+                        this.getCodeList();
+                    }
+                })
+            }).catch(() => {
+                this.$message({
+                    type: 'info',
+                    message: '已取消删除'
+                });
+            });
+        }
     },
     filters: {},
     mounted() {
diff --git a/src/views/production/stackManage.vue b/src/views/production/stackManage.vue
index 86f0235..5f9d83a 100644
--- a/src/views/production/stackManage.vue
+++ b/src/views/production/stackManage.vue
@@ -15,6 +15,14 @@
                     >查询
                     </el-button
                     >
+                    <el-button type="primary" icon="search" @click="addStack"
+                    >扫码建垛
+                    </el-button
+                    >
+                    <el-button type="primary" icon="search" @click="importStackCode"
+                    >导入垛码
+                    </el-button
+                    >
                 </el-button-group>
             </el-form-item>
         </el-form>
@@ -40,7 +48,7 @@
                     <el-button
                         type="text"
                         size="small"
-                        @click.native="handleForm(scope.$index, scope.row)"
+                        @click.native="editStack(scope.row)"
                     >编辑
                     </el-button>
                     <el-button
@@ -76,12 +84,133 @@
             >
             </stackCode>
         </el-dialog>
+
+        <el-dialog
+            title="导入垛码"
+            :visible.sync="importVisible"
+            :append-to-body="true"
+            width="30%"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+        >
+            <el-upload
+                class="upload-demo"
+                action="https://jsonplaceholder.typicode.com/posts/"
+                :on-preview="handlePreview"
+                :on-remove="handleRemove"
+                :before-remove="beforeRemove"
+                multiple
+                :limit="3"
+                :on-exceed="handleExceed"
+                :file-list="fileList">
+                <el-button size="small" type="primary">点击上传</el-button>
+                <div slot="tip" class="el-upload__tip">只能上传 xls/xlsx 文件</div>
+            </el-upload>
+            <el-button type="primary" style="margin-top: 20px;">提交</el-button>
+        </el-dialog>
+
+        <el-dialog
+            :title="formNames[formName]"
+            :visible.sync="stackVisible"
+            :append-to-body="true"
+            width="60%"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+        >
+            <el-form :model="formData" ref="dataForm">
+                <el-button-group style="display: flex;margin: -50px 0 10px 80%; height: 35px">
+                    <el-button
+                        type="primary"
+                        @click.native="saveStackOrder"
+                    >提交
+                    </el-button
+                    >
+                </el-button-group>
+                <el-card>
+                    <el-row :gutter="20">
+                        <el-col :span="2">
+                            <div class="ao-text">
+                                <span>条码：</span>
+                            </div>
+                        </el-col>
+                        <el-col :span="19">
+                            <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
+                                type="primary"
+                                size="small"
+                                @click.native.stop="addCode()"
+                                style="height: 31px; margin-left: 20px"
+                            >添加
+                            </el-button
+                            >
+                        </el-col>
+                    </el-row>
+                    <el-row :gutter="20">
+                        <el-col :span="16">
+                            <span style="margin-left: 65px;">垛号：</span>
+                            <el-input style="width: 50%; margin-left: 15px;" disabled
+                                      v-model="formData.orderId"></el-input>
+                        </el-col>
+                        <el-col :span="4">
+                            <div class="text item" style="margin-left: 30px"> 条码数量：{{ codeTotal }}
+                            </div>
+                        </el-col>
+                    </el-row>
+                    <el-table v-loading="loading" :data="codeList" style="width: 100%;" max-height="350" height="350"
+                              ref="multipleTable">
+                        <el-table-column label="序号" type="index" width="45"></el-table-column>
+                        <el-table-column
+                            label="条码"
+                            prop="code"
+                            show-overflow-tooltip
+                        ></el-table-column>
+                        <el-table-column label="操作" fixed="right" width="250">
+                            <template slot-scope="scope">
+                                <el-button
+                                    type="text"
+                                    size="small"
+                                    @click.native.stop="deleteCode(scope.$index, scope.row)"
+                                >减一
+                                </el-button
+                                >
+                            </template>
+                        </el-table-column>
+                    </el-table>
+
+                    <div class="block">
+                        <el-pagination
+                            :page-size="codeQuery.limit"
+                            @current-change="getStackCodes"
+                            layout="prev, pager, next"
+                            :total="codeTotal"
+                            :current-page="codeQuery.page"
+                            :current-page.sync="codeQuery.page"
+                        ></el-pagination>
+                    </div>
+                </el-card>
+
+            </el-form>
+        </el-dialog>
     </div>
 </template>
 
 <script>
 import {getStackOrderList, deleteStackOrder, updateStack, uploadStack} from "@/api/production/stackOrder";
+import {getStackCodeList, deleteCode, addStackCode} from "@/api/production/stackCode";
 import stackCode from "@/views/production/stackCode";
+import {isBlank} from "@/utils/strUtil";
 
 export default {
     data() {
@@ -94,6 +223,7 @@ export default {
             },
             list: [],
             total: 0,
+            codeTotal: 0,
             loading: false,
             index: null,
             formName: null,
@@ -102,15 +232,31 @@ export default {
                 edit: "编辑",
             },
             formLoading: false,
-            formData: null,
+            formData: {
+                orderId: null,
+                code: null
+            },
+            codeList: [],
             exportStatusMap: {
                 0: "未导出",
                 1: "已导出"
             },
             codeDetailVisible: false,
+            stackVisible: false,
+            importVisible: false,
             idQuery: {
                 orderIdFk: null
-            }
+            },
+            formNames: {
+                add: "新增",
+                edit: "编辑"
+            },
+            sitcomScan: false,
+            codeQuery: {
+                orderIdFk: null,
+                page: 1,
+                limit: 20
+            },
         };
     },
     components: {
@@ -139,7 +285,6 @@ export default {
                     this.total = res.data.total || 0;
                 }
             }).catch((error) => {
-
             });
         },
         codeDetail(orderId) {
@@ -160,10 +305,130 @@ export default {
         },
         // 删除
         handleDel(index, row) {
-
+            this.$confirm("是否删除此垛数据？", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning"
+            }).then(() => {
+                let params = {id: row.id}
+                deleteStackOrder(params).then((res) => {
+                    if (res.code === 20000) {
+                        this.$message.success("删除成功");
+                        this.getList();
+                    } else {
+                        this.$message.error(res.data.message);
+                    }
+                })
+            }).catch(() => {
+            });
+        },
+        addStack() {
+            this.stackVisible = true;
+            this.formName = 'add';
+            this.formData = {};
+            this.codeList = [];
+            this.codeTotal = 0;
+            this.codeQuery = {
+                orderIdFk: null,
+                page: 1,
+                limit: 20
+            };
+        },
+        editStack(row) {
+            this.stackVisible = true;
+            this.formName = 'edit';
+            this.formData = row;
+            this.codeQuery = {
+                orderIdFk: row.orderId,
+                page: 1,
+                limit: 20
+            }
+            this.getStackCodes();
+        },
+        saveStackOrder() {
+            if (this.codeTotal === 0) {
+                this.$message.error("请添加条码！");
+                return;
+            }
+            let params = {
+                stackOrderEntity: this.formData,
+                stackCodeEntityList: this.codeList
+            }
+            if (isBlank(this.formData.orderId)) {
+                //新建单据
+                uploadStack(params).then((res) => {
+                    if (res.code === 20000) {
+                        this.$message.success("保存成功");
+                        this.formData.orderId = res.data;
+                        this.stackVisible = false;
+                        this.getList();
+                    }
+                });
+            } else {
+                updateStack(params).then((res) => {
+                    if (res.code === 20000) {
+                        this.$message.success("保存成功");
+                        this.stackVisible = false;
+                        this.getList();
+                    }
+                });
+            }
+        },
+        deleteCode(index, row) {
+            this.$confirm("是否删除此条码？", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning"
+            }).then(() => {
+                let params = {id: row.id};
+                deleteCode(params).then((res) => {
+                    this.$message.success("删除成功");
+                    this.getStackCodes();
+                })
+            })
+        },
+        addCode() {
+            let code = this.formData.code.trim();
+            if (isBlank(code)) {
+                return;
+            }
+            let params = {
+                orderId: this.formData.orderId,
+                code: code,
+                customerId: this.$store.getters.customerId
+            };
+            addStackCode(params).then((res) => {
+                if (res.code === 20000) {
+                    if (isBlank(this.formData.orderId)) {
+                        this.formData.orderId = res.data.orderIdFk;
+                        this.codeQuery.orderIdFk = res.data.orderIdFk;
+                    }
+                    this.getStackCodes();
+                }
+            });
+            this.$refs.inputRef.select();
+        },
+        getStackCodes() {
+            getStackCodeList(this.codeQuery).then((res) => {
+                if (res.code === 20000) {
+                    this.codeList = res.data.list || [];
+                    this.codeTotal = res.data.total || 0;
+                }
+            })
+        },
+        enterKey(event) {
+            if (this.sitcomScan) {
+                return;
+            } else {
+                this.addCode(event);
+            }
+        },
+        getInputFocus(event) {
+            event.currentTarget.select();
+        },
+        importStackCode() {
+            this.importVisible = true;
         },
-    },
-    mounted() {
     },
     created() {
         this.getList();
diff --git a/src/views/warehouse/addOrder.vue b/src/views/warehouse/addOrder.vue
index 78e4dc0..4b833e1 100644
--- a/src/views/warehouse/addOrder.vue
+++ b/src/views/warehouse/addOrder.vue
@@ -171,22 +171,6 @@
                             >减一
                             </el-button
                             >
-                            <el-button
-                                type="text"
-                                size="small"
-                                @click.native.stop="bindRl(scope.row)"
-                            >选择产品
-                            </el-button
-                            >
-                            <!--                               :disabled="scope.row.relId != null "-->
-                            <!--                            <el-button-->
-                            <!--                                type="text"-->
-                            <!--                                size="small"-->
-                            <!--                                :disabled=" scope.row.supId !=null"-->
-                            <!--                                @click.native.stop="handleUnitClick(scope.row)"-->
-                            <!--                            >选择供应商-->
-                            <!--                            </el-button-->
-                            <!--                            >-->
                         </template>
                     </el-table-column>
                 </el-table>
@@ -415,17 +399,6 @@ export default {
 
         addCodeSubmit(tQuery) {
             addOrderWeb(tQuery).then((response) => {
-
-                // let teQuery = {code: this.formData.code};
-                // expireTimeCheck(teQuery).then((response) => {
-                //     if (response.code === 20000) {
-                //     } else {
-                //         this.$message.warning(response.message);
-                //     }
-                //     this.loading = false;
-                // });
-
-
                 if (response.code === 20000) {
                     this.idQuery.id = response.data.orderId;
                     if (response.data.errMsg != null) {
@@ -448,30 +421,12 @@ export default {
                         this.getCodeList();
                         this.selectRlTitle = response.message;
                         this.bindRl(response.data);
-                        // this.$alert(response.message, '提示', {
-                        //     confirmButtonText: '确定',
-                        //     type: 'warning',
-                        //     closeOnClickModal: true,
-                        //     callback: action => {
-                        //         this.bindRl(response.data);
-                        //     }
-                        // });
                     } else if (response.code == 503) {
                         this.curRow = response.data;
                         this.idQuery.id = this.curRow.orderId;
                         this.getCodeList();
-                        this.selectUnitTitle = response.message;
                         this.handleUnitClick(response.data);
-                        // this.$alert(response.message, '提示', {
-                        //     confirmButtonText: '确定',
-                        //     type: 'warning',
-                        //     closeOnClickModal: true,
-                        //     callback: action => {
-                        //         this.handleUnitClick(response.data);
-                        //     }
-                        // });
                     } else if (response.code == 504) {
-
                         this.$confirm(response.message, "提示", {
                             confirmButtonText: "确定",
                             cancelButtonText: "忽略",
@@ -612,7 +567,6 @@ export default {
         },
         actionChange(item) {
             this.curAction = this.getActionItem(item);
-            // this.formData.locStorageCode = this.curAction.storageCode;
         },
         //绑定数据
         bindRl(val) {
@@ -620,7 +574,6 @@ export default {
             this.selectRlVisible = true;
         },
 
-
         selectBindRl(row) {
             let query = {
                 id: this.curRow.id,