From 1e9c7a02ec2b8caf7dda6000d7f0f79849df6b45 Mon Sep 17 00:00:00 2001 From: 朱佳吉 <1527963051@qq.com> Date: 星期四, 09 五月 2024 14:15:25 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/components/view/b1-sample.vue | 559 ++++++------------------------------------------------- 1 files changed, 65 insertions(+), 494 deletions(-) diff --git a/src/components/view/b1-sample.vue b/src/components/view/b1-sample.vue index f87b81d..4e4bf7e 100644 --- a/src/components/view/b1-sample.vue +++ b/src/components/view/b1-sample.vue @@ -156,6 +156,9 @@ .custom-tree-node:hover .el-button { opacity: 1; } + >>>.el-loading-mask { + z-index: 10; + } </style> <template> @@ -209,7 +212,7 @@ </div> </div> <div class="table" v-loading="tableLoading"> - <table border="1" class="tables" cellpadding="10" style="table-layout:fixed;"> + <table border="1" class="tables" cellpadding="10" style="table-layout:fixed;" v-if="tableList.length>0"> <tbody> <tr v-for="(item,index) in tableList" :key="index"> <td v-for="(m,i) in item" :key="i" class="content"> @@ -239,14 +242,15 @@ </tr> </tbody> </table> + <span v-else style="color: rgb(144, 147, 153);display: inline-block;position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);">鏆傛棤鏁版嵁</span> </div> </div> <Detail v-else @hanldeBack="isDetail=false" :id="currentId" /> <el-dialog title="鏍峰搧鍏ュ簱" :visible.sync="storageVisible" width="350px"> - <div class="shaoma"> + <!-- <div class="shaoma"> <img src="../../../static/img/鎵爜.svg" alt="" style="margin-right: 5px;"> <span>鎵爜鍏ュ簱</span> - </div> + </div> --> <el-row> <el-col class="search_thing" :span="24"> <div class="search_label"><span class="required-span">* </span>鏍峰搧缂栧彿锛�</div> @@ -275,10 +279,10 @@ </span> </el-dialog> <el-dialog title="鏍峰搧鍑哄簱" :visible.sync="exportVisible" width="350px"> - <div class="shaoma"> + <!-- <div class="shaoma"> <img src="../../../static/img/鎵爜.svg" alt="" style="margin-right: 5px;"> <span>鎵爜鍑哄簱</span> - </div> + </div> --> <el-row> <el-col class="search_thing" :span="24"> <div class="search_label"><span class="required-span">* </span>鏍峰搧缂栧彿锛�</div> @@ -292,7 +296,7 @@ <el-button type="primary" @click="confirmExport" :loading="upLoadExport">纭� 瀹�</el-button> </span> </el-dialog> - <el-dialog title="搴撲綅缁存姢" :visible.sync="keepVisible" width="350px"> + <el-dialog title="搴撲綅缁存姢" :visible.sync="keepVisible" width="350px" :append-to-body="true"> <el-tree :data="warehouse" ref="tree" :props="{ children: 'warehouseShelfList', label: 'name' }" node-key="id" :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen" @node-collapse="nodeClose" :default-expanded-keys="expandedKeys" v-if="keepVisible" @@ -302,7 +306,7 @@ <el-col :span="20"> <span><i :class="`node_i ${node.level<2 ? 'el-icon-folder-opened': 'el-icon-tickets'}`"></i> - {{ data.name }}{{ node.level }}</span> + {{ data.name }}</span> </el-col> <el-col :span="4" v-if="node.level<3"> <el-button type="text" size="mini" icon="el-icon-edit" @click.stop="handleEdit(data,node.level)"> @@ -315,7 +319,7 @@ </el-tree> <span slot="footer" class="dialog-footer"> <el-button @click="keepVisible = false">鍙� 娑�</el-button> - <el-button type="primary" @click="confirmKeep" :loading="upLoadKeep">纭� 瀹�</el-button> + <el-button type="primary" @click="keepVisible = false" >纭� 瀹�</el-button> </span> </el-dialog> <el-dialog :title="isEdit?'浠撳簱淇敼':'浠撳簱鏂板'" :visible.sync="warehouseVisible" width="350px"> @@ -387,463 +391,9 @@ shelvesVisible: false, upLoadStorage: false, upLoadExport: false, - upLoadKeep: false, upLoadWarehouse: false, upLoadShelves: false, - tableList: [ - [{ - title: '1-1-4', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-2-4', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-3-4', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-4-4', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-5-4', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-6-4', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-7-4', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - ], - [{ - title: '1-1-3', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-2-3', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-3-3', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-4-3', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-5-3', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-6-3', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-7-3', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - ], - [{ - title: '1-1-2', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-2-2', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-3-2', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-4-2', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-5-2', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-6-2', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-7-2', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - ], - [{ - title: '1-1-1', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-2-1', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-3-1', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-4-1', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-5-1', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-6-1', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - { - title: '1-7-1', - list: [{ - name: '鍘熸潗鏂�', - specs: '瑙勬牸1', - num: 20, - type: 0, - }, - { - name: '鍘熸潗鏂�', - specs: '瑙勬牸2', - num: 20, - type: 1, - }, - ] - }, - ] - ], + tableList: [], rowList: [], value: '', name:'', @@ -853,7 +403,7 @@ isEdit: false, //寮规--鏄惁鏄慨鏀�,榛樿涓篺alse isDetail: false, //璇︽儏--鏄惁灞曠ず涓鸿鎯呴〉闈紝榛樿涓篺alse currentEdit:null,//褰撳墠瑕佺淮鎶ょ殑淇℃伅 - tableLoading:true, + tableLoading:false, sampleCode:'', currentId:null, searchSampleCode:'' @@ -866,6 +416,11 @@ selectList() { this.$axios.get(this.$api.warehouse.selectWarehouse).then(res => { this.warehouse = res.data + if(res.data.length==0){ + this.entity.warehouseId = ''; + this.entity.shelfId = ''; + this.tableList = [] + } this.storageList = this.HaveJson(res.data).map(item=>{ item.warehouseShelfList&&item.warehouseShelfList.length>0&&item.warehouseShelfList.map(m=>{ let warehouseShelfList = []; @@ -894,6 +449,16 @@ if(this.shelf.length>0){ this.entity.shelfId = this.shelf[0].id this.handleShelf(this.entity.shelfId) + }else{ + this.tableList = [] + } + }else if(this.warehouse.length>0){ + this.warehouseChange(this.entity.warehouseId) + if(this.shelf.length>0){ + this.entity.shelfId = this.shelf[0].id + this.handleShelf(this.entity.shelfId) + }else{ + this.tableList = [] } } }) @@ -956,10 +521,6 @@ this.handleShelf(this.entity.shelfId) }) }, - // 缁存姢 - confirmKeep() { - this.upLoadKeep = true; - }, // 娣诲姞/淇敼浠撳簱 confirmWarehouse() { if (!this.name) { @@ -979,6 +540,7 @@ }).then(res => { this.upLoadWarehouse = false; this.warehouseVisible = false + // this.keepVisible = false this.currentEdit = null; if (res.code == 201) { this.$message.error('淇敼澶辫触') @@ -986,6 +548,8 @@ } this.$message.success('淇敼鎴愬姛') this.selectList() + this.name = '' + this.warehouseChange(this.entity.warehouseId) }) }else{ // 鏂板浠撳簱 @@ -1000,10 +564,10 @@ } this.$message.success('娣诲姞鎴愬姛') this.selectList() + this.name = '' + this.warehouseChange(this.entity.warehouseId) }) } - this.name = '' - this.warehouseChange(this.entity.warehouseId) }, // 娣诲姞/淇敼璐ф灦 confirmShelves() { @@ -1031,11 +595,12 @@ }).then(res => { this.upLoadShelves = false; this.shelvesVisible = false + // this.keepVisible = false if (res.code == 201) { - this.$message.error('娣诲姞澶辫触') + this.$message.error('淇敼澶辫触') return } - this.$message.success('娣诲姞鎴愬姛') + this.$message.success('淇敼鎴愬姛') this.selectList() this.currentEdit ={}; }) @@ -1070,6 +635,7 @@ }, nodeOpen(data, node, el) { $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder-opened') + this.selectTree[node.level-1] = data.id; }, nodeClose(data, node, el) { $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder') @@ -1134,6 +700,7 @@ this.isDetail = true; }, warehouseChange(val) { + this.tableList = [] let map = this.warehouse.find(a => { return a.id === val ? a : null }) @@ -1141,33 +708,37 @@ this.entity.shelfId = ''; }, handleShelf(e){ - this.tableLoading = true; - this.$axios.get(this.$api.warehouse.getWarehouse+'?shelfId='+e).then(res => { - let data = res.data; - let set =new Set() - this.tableList = []; - let arr = [] - data.forEach(m=>{ - set.add(m.col) - if(arr.length>0){ - if(arr.find(n=>n.row==m.row)){ - arr.push(m) + if(e){ + this.tableLoading = true; + this.$axios.get(this.$api.warehouse.getWarehouse+'?shelfId='+e).then(res => { + this.tableLoading = false; + let data = res.data; + let set =new Set() + this.tableList = []; + let arr = [] + data.forEach(m=>{ + set.add(m.col) + if(arr.length>0){ + if(arr.find(n=>n.row==m.row)){ + arr.push(m) + }else{ + this.tableList.push(arr) + arr = [] + arr.push(m) + } }else{ - this.tableList.push(arr) - arr = [] arr.push(m) } - }else{ - arr.push(m) + }) + this.tableList.push(arr) + this.rowList = []; + for(let i=0;i<set.size;i++){ + this.rowList.push(`${i+1} 鍒梎) } + }).catch(e=>{ + this.tableLoading = false; }) - this.tableList.push(arr) - this.rowList = []; - for(let i=0;i<set.size;i++){ - this.rowList.push(`${i+1} 鍒梎) - } - this.tableLoading = false; - }) + } }, handleSearch(){ if(!this.searchSampleCode){ -- Gitblit v1.9.3