From 6e60bc042d1670013ecdc93e87618ac95cd3b332 Mon Sep 17 00:00:00 2001 From: zouyu <2723363702@qq.com> Date: 星期二, 12 九月 2023 17:52:09 +0800 Subject: [PATCH] Merge branch 'master' of http://192.168.0.22:9001/r/mom-before --- src/components/view/equipmentmaintain.vue | 321 +++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 259 insertions(+), 62 deletions(-) diff --git a/src/components/view/equipmentmaintain.vue b/src/components/view/equipmentmaintain.vue index e2695da..0de5776 100644 --- a/src/components/view/equipmentmaintain.vue +++ b/src/components/view/equipmentmaintain.vue @@ -17,12 +17,11 @@ <el-dialog title="鎶�鏈寚鏍囩紪杈�" :visible.sync="modifyevent" - width="40%" - :before-close="handleClose"> + width="40%"> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="绫诲瀷"> <template> - <el-select v-model="form.type" placeholder="璇烽�夋嫨" > + <el-select v-model="edit.type" disabled placeholder="璇烽�夋嫨" style="width: 560px;"> <el-option label="姗¤兌杩炴帴鍣�" :value="0"></el-option> <el-option label="閲戝睘杩炴帴鍣�" :value="1"></el-option> <el-option label="婀挎彃鎷旂數杩炴帴鍣�" :value="2"></el-option> @@ -34,7 +33,7 @@ <el-col :span="11"> <el-form-item label="宸ュ簭"> <template> - <el-select v-model="form.work" + <el-select v-model="edit.techFather" disabled placeholder="璇烽�夋嫨" > <el-option v-for="item in process" @@ -46,28 +45,63 @@ </template> </el-form-item> </el-col> + <el-col :span="11" :offset="2"> + <el-form-item label="宸ヨ壓"> + <el-input v-model="edit.techName" :disabled="true" placeholder="璇烽�夋嫨"></el-input> + </el-form-item> + </el-col> </el-row> <el-row> <el-col :span="11"> <el-form-item label="璁惧"> - <el-input v-model="form.father" placeholder="璇烽�夋嫨"></el-input> + <el-input v-model="edit.dname" disabled placeholder="璇烽�夋嫨"></el-input> </el-form-item> </el-col> <el-col :span="11" :offset="2"> <el-form-item label="椤圭洰"> - <el-input v-model="form.name" placeholder="璇疯緭鍏ラ」鐩�"></el-input> + <!-- <el-input v-model="edit.father" :disabled="true" placeholder="璇疯緭鍏ラ」鐩�"></el-input> --> + <template> + <el-select v-model="edit.father" @change="projectApi" placeholder="璇烽�夋嫨" > + <el-option + v-for="item in project" + :key="item.name" + :label="item.name" + :value="item.name"> + </el-option> + </el-select> + </template> </el-form-item> </el-col> </el-row> - <el-form-item label="鍗曚綅"> - <el-input v-model="form.unit" placeholder="璇疯緭鍏ュ崟浣�" style="width: 220px;"></el-input> - </el-form-item> + <el-row> + <el-col :span="11"> + <el-form-item label="鎸囨爣"> + <template> + <el-select v-model="edit.name" @change="scale" placeholder="璇烽�夋嫨" > + <el-option + v-for="item in quota" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </template> + + </el-form-item> + </el-col> + <el-col :span="11" :offset="2"> + <el-form-item label="鍗曚綅"> + <el-input v-model="unitrow" :value="unitrow" :disabled="true" placeholder="璇疯緭鍏ラ」鐩�"></el-input> + </el-form-item> + </el-col> + </el-row> + </el-form> <span slot="footer" class="dialog-footer"> <el-button @click="modifyevent = false">鍙� 娑�</el-button> - <el-button type="primary" @click="modifyevent = false">纭� 瀹�</el-button> + <el-button type="primary" @click="editApi">纭� 瀹�</el-button> </span> </el-dialog> </div> @@ -76,12 +110,11 @@ <el-dialog title="鎶�鏈寚鏍囨柊澧�" :visible.sync="dialogVisible" - width="40%" - :before-close="handleClose"> + width="40%"> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="绫诲瀷"> <template> - <el-select v-model="form.type" placeholder="璇烽�夋嫨" style="width: 480px;"> + <el-select v-model="form.type" placeholder="璇烽�夋嫨" @change="edittype" style="width: 480px;"> <el-option label="姗¤兌杩炴帴鍣�" :value="0"></el-option> <el-option label="閲戝睘杩炴帴鍣�" :value="1"></el-option> <el-option label="婀挎彃鎷旂數杩炴帴鍣�" :value="2"></el-option> @@ -93,13 +126,27 @@ <el-col :span="11"> <el-form-item label="宸ュ簭"> <template> - <el-select v-model="form.father" + <el-select v-model="form.father" @change="workevent" placeholder="璇烽�夋嫨" > <el-option v-for="item in process" :key="item.name" :label="item.name" :value="item.name"> + </el-option> + </el-select> + </template> + </el-form-item> + </el-col> + <el-col :span="11" :offset="2"> + <el-form-item label="宸ヨ壓鍚嶇О"> + <template> + <el-select v-model="form.craft" placeholder="璇烽�夋嫨" > + <el-option + v-for="item in craftapi" + :key="item.id" + :label="item.name" + :value="item.id"> </el-option> </el-select> </template> @@ -113,9 +160,9 @@ <el-select v-model="form.work" placeholder="璇烽�夋嫨" > <el-option v-for="item in higherlevel" - :key="item.name" + :key="item.devId" :label="item.name" - :value="item.name"> + :value="item.devId"> </el-option> </el-select> </template> @@ -123,14 +170,47 @@ </el-col> <el-col :span="11" :offset="2"> <el-form-item label="椤圭洰"> - <el-input v-model="form.name" placeholder="璇疯緭鍏ラ」鐩�"></el-input> + <template> + <el-select v-model="form.ee" @change="projectApi" placeholder="璇烽�夋嫨" > + <el-option + v-for="item in project" + :key="item.name" + :label="item.name" + :value="item.name"> + </el-option> + </el-select> + </template> </el-form-item> </el-col> </el-row> - <el-form-item label="鍗曚綅"> + <el-row> + <el-col :span="11"> + <el-form-item label="鎸囨爣"> + <template> + <el-select v-model="form.aa" @change="scale" placeholder="璇烽�夋嫨" > + <el-option + v-for="item in quota" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </template> + </el-form-item> + </el-col> + <el-col :span="11" :offset="2"> + <el-form-item label="鍗曚綅"> + <template> + <el-input v-model="unitrow" :disabled="true" placeholder="璇疯緭鍏ュ崟浣�" style="width: 200px;"></el-input> + </template> + </el-form-item> + </el-col> + </el-row> + + <!-- <el-form-item label="鍗曚綅"> <el-input v-model="form.unit" placeholder="璇疯緭鍏ュ崟浣�" style="width: 220px;"></el-input> - </el-form-item> + </el-form-item> --> </el-form> <span slot="footer" class="dialog-footer"> <el-button @click="dialogVisible = false">鍙� 娑�</el-button> @@ -160,11 +240,14 @@ <!-- 涓讳綋宸� --> <div class="left"> <el-input v-model="search.technology" + @input="query" suffix-icon="el-icon-search" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" size="small" clearable ></el-input> - <el-tree :data="list" ref="tree" :props="{children: 'children',label: 'name'}" highlight-current node-key="id" default-expand-all - highlight-current :filter-node-method="filterNode" + <el-tree :data="list" ref="tree" + style="height: 500px;overflow-y: auto;" + :props="{children: 'children',label: 'name'}" highlight-current node-key="name" default-expand-all + @node-click="handleNodeClick" > <div class="custom-tree-node" slot-scope="{ node, data }"> @@ -197,30 +280,28 @@ <el-table-column label="璁惧鍚嶇О" sortable + prop="dname" width="300px"> <template slot-scope="scope"> - <el-tag> + <!-- <el-tag> <div class="firstDiv" :style="`color: ${scope.row.children ? '#16a7ff' : '#58c173'}`"> {{ scope.row.children ? "01" : "02" }} </div> </el-tag> - <span style="children: black">{{ scope.row.name }}</span> - + <span style="children: black">{{ scope.row.name }}</span> --> + <el-tag v-if="scope.row.children" type="primary">01</el-tag> + <span style="color: black" v-if="scope.row.children"> + {{ scope.row.dname }} + </span> </template> </el-table-column> - <el-table-column label="椤圭洰" sortable width="300px"> <template slot-scope="scope"> - <el-tag> - <div class="firstDiv" :style="`color: ${scope.row.children ? '#16a7ff' : '#58c173'}`"> - {{ scope.row.children ? "01" : "02" }} - </div> - </el-tag> - <span style="color: black">{{ scope.row.name }}</span> - + <el-tag type="success" v-if="!scope.row.children">02</el-tag> + <span style="color: black" v-if="!scope.row.children">{{ scope.row.father }}</span> </template> </el-table-column> <el-table-column @@ -228,7 +309,7 @@ label="鍗曚綅"> </el-table-column> <el-table-column - prop="address" + prop="name" label="鎸囨爣"> </el-table-column> <el-table-column @@ -236,9 +317,11 @@ label="鎿嶄綔" width="200px"> <template slot-scope="scope" style="text-align: center;"> - <el-button type="text" size="mini" @click="childrenClick(scope)">缂栬緫</el-button> - <el-button type="text" size="mini" @click="deleteRow(scope.$index, tableData)">鍒犻櫎</el-button> - </template> + <div v-if="!scope.row.children"> + <el-button type="text" size="mini" @click="childrenClick(scope.row)">缂栬緫</el-button> + <el-button type="text" size="mini" @click="deleteRow(scope.$index, scope.row)">鍒犻櫎</el-button> + </div> + </template> </el-table-column> </el-table> </div> @@ -258,12 +341,17 @@ options:[], process:[], list: [], - TYpe:'', selects:'', process:{}, options:{}, + craftapi:{}, + project:{}, + edit:{}, + upData:{ + + }, checkTreeNode:{ - id:2, + id:1, }, form:{ type:'', @@ -271,13 +359,16 @@ work:'', name:'', unit:'', - + }, + modifyevent:false, dialogVisible:false, tableData: [], higherlevel:{}, + quota:{}, + unitrow:'', } }, @@ -303,12 +394,12 @@ this.upIndex++ }, elForm() {}, - //鏂板 - choosePro() {//宸ュ簭 + // //鏂板 + choosePro() {//椤圭洰 this.$axios.get(this.$api.url.choosePro,{ params:{techTemId:this.checkTreeNode.id} }).then(res => { - this.process = res.data; + this.project = res.data; console.log(this.process); }, { headers: { @@ -328,6 +419,44 @@ } }) }, + //鏂板 + edittype(val) { + this.typeselect = val + this.chooseTechFath() + }, + projectApi(val) { + console.log(val); + let idx = this.project.findIndex(el => el.name === val) + this.quota = this.project[idx].children + console.log( this.quota); + }, + scale(val) { + console.log(val); + let cc = this.quota.findIndex(el => el.id === val) + console.log(cc); + this.unitrow = this.quota[cc].unit + console.log(this.unitrow); + }, + workevent(val){ + console.log(val); + let idx = this.process.findIndex(el => el.name === val) + this.craftapi = this.process[idx].children + console.log( this.craftapi); + }, + chooseTechFath() { + this.$axios.get(this.$api.url.chooseTechFath,{ + params:{type:this.typeselect} + }).then(res => { + this.process = res.data; + console.log(this.process); + }, { + headers: { + "Content-Type": "application/json" + } + }).then(res =>{ + + }) + }, //鏂板 event(){ this.dialogVisible = true @@ -337,21 +466,54 @@ //纭 add() { this.dialogVisible = false + this.addQeMode() }, addQeMode(){ - this.$axios.get(this.$api.url.addQeMode,{ - devId:this.form.xxx, - techTemId:this.form.xxx, - technicalModelId:this.form.xxx, + this.$axios.post(this.$api.url.addQeMode,{ + devId:this.form.work, + techTemId:this.form.craft, + technicalModelId:this.form.aa, + }, {headers: {"Content-Type": "application/json"} + }).then(res =>{ + this.selectAllTeque() + this.form = {} + this.unitrow = "" }) }, //缂栬緫 - childrenClick() { + childrenClick(ob) { this.modifyevent=true - this.chooseTechFath() + this.upData = ob + this.selecQueById() + this.choosePro() }, - TYpe() { + //缂栬緫 selecQueById + selecQueById() { + this.$axios.get(this.$api.url.selecQueById,{ + params:{id:this.upData.id} + }).then(res => { + console.log(res); + this.edit = res.data[0] + console.log(this.edit); + this.unitrow = this.edit.unit + }) + }, + editApi() { + this.modifyevent = false + this.writeQueById() + }, + writeQueById() { + this.$axios.post(this.$api.url.writeQueById,{ + devId:this.edit.did, + techTemId:this.edit.tid, + technicalModelId:this.edit.name, + }, {headers: {"Content-Type": "application/json"} + }).then(res =>{ + }) + }, + //======================== + TYpe(val) { this.typeselect = val this.selectAllleft() }, @@ -361,17 +523,24 @@ this.selectAllTeque() }, - + //鏌ヨ + query(val) { + this.selectAllleft() + }, //涓讳綋宸� selectAllleft() { this.$axios.get(this.$api.url.selectAllleft,{ - params:{type:this.typeselect} + params:{type:this.typeselect,message:this.search.technology} }).then(res => { this.list = res.data; console.log(this.list); this.selectDataList() + this.$nextTick(() => { + this.$refs.tree.setCurrentKey(this.list[0].children[0].name) // 榛樿閫変腑鑺傜偣绗竴涓� + }) }) }, + //涓讳綋鍙� selectAllTeque() { this.$axios.get(this.$api.url.selectAllTeque,{ @@ -385,12 +554,34 @@ modify(){ this.modifyevent = true }, - deleteRow(index, rows) { - rows.splice(index, 1); + //delQueById + delQueById() { + this.$axios.post(this.$api.url.delQueById,{ + id:this.upData.id + }).then(res =>{ + this.selectAllTeque() + this.$message.success('鍒犻櫎瀹屾垚') + }) + }, + deleteRow(index, row) { + this.tableData.splice(index,1) + this.upData.id = row.id + console.log(this.upData.id); + this.delQueById() }, handleSelectionChange(val) { this.selects = val }, + //鎵归噺鍒犻櫎 + delAllQue() { + this.$axios.post(this.$api.url.delAllQue,{ + ids:this.delete + }).then(res =>{ + this.selectAllTeque() + this.$message.success('鍒犻櫎瀹屾垚') + }) + }, + dels() { this.selects.forEach(a => { for (var b = 0; b < this.tableData.length; b++) { @@ -400,18 +591,24 @@ } } }) + let cc = this.selects.map(el => { + return el.id + }) + this.delete = cc.join(',') + console.log(this.delete); + this.delAllQue() this.$message.success('鍒犻櫎瀹屾垚') }, - handleClose(){ - this.$confirm('纭鍏抽棴锛�') - .then(_ => { - done(); - }) - .catch(_ => {}) - }, - filterNode(){ + // handleClose(){ + // // this.$confirm('纭鍏抽棴锛�') + // // .then(_ => { + // // done(); + // // }) + // // .catch(_ => {}) + // // }, + // // filterNode(){ - }, + // }, } } -- Gitblit v1.9.3