From 5c76f242b20281b51d01ce2266e8beaafe8ae5a6 Mon Sep 17 00:00:00 2001 From: 王震 <10952869+daywangzhen@user.noreply.gitee.com> Date: 星期五, 15 九月 2023 10:00:34 +0800 Subject: [PATCH] 改bug --- src/components/view/technology.vue | 141 ++++++++++++++++++++++++++++++++-------------- 1 files changed, 97 insertions(+), 44 deletions(-) diff --git a/src/components/view/technology.vue b/src/components/view/technology.vue index 014791f..1026936 100644 --- a/src/components/view/technology.vue +++ b/src/components/view/technology.vue @@ -172,7 +172,7 @@ :data="towTree" ref="tree" :props="{ children: 'children', label: 'father' }" - node-key="name" + node-key="father" default-expand-all @node-click="handleNodeClick" :key="upIndex" @@ -187,7 +187,7 @@ : 'el-icon-tickets' }`" ></i> - {{data.code}}{{ data.name }}</span + {{ data.father }}</span > <!-- <el-button type="text" size="mini" @click.stop="remove(node, data)"> <i class="el-icon-delete"></i> @@ -209,6 +209,11 @@ </el-table-column> <el-table-column prop="name" label="宸ヨ壓鍚嶇О"> </el-table-column> <el-table-column prop="device_group" label="璁惧缁�"> + </el-table-column> + <el-table-column label="鍏冧欢"> + <template slot-scope="scope"> + <el-tag type="info" style="margin-right: 10px;" v-for="(a, index) in JSON.parse(scope.row.element)" :key="index">{{ a }}</el-tag> + </template> </el-table-column> <el-table-column label="鎿嶄綔" width="130"> <template slot-scope="scope"> @@ -275,7 +280,11 @@ >鍏冧欢:</el-col > <el-col :span="16" :offset="1"> - <el-select + <el-input v-model="cell" + placeholder="璇疯緭鍏ュ厓浠跺悕绉�" + style="width: 200px"> + </el-input> + <!-- <el-select v-model="cell" style="width: 310px" disabled @@ -289,7 +298,7 @@ :value="item.id" > </el-option> - </el-select> + </el-select> --> </el-col> </el-row> <el-row style="line-height: 46px"> @@ -361,6 +370,7 @@ v-model="form.father" allow-create filterable + @create="" placeholder="璇烽�夋嫨" style="width: 480px" > @@ -395,7 +405,8 @@ <el-col :span="10"> <el-form-item label="鍏冧欢"> <template> - <el-select + <el-input v-model="form.elementId" placeholder="璇疯緭鍏ュ厓浠跺悕绉�" style="width: 200px"></el-input> + <!-- <el-select v-model="form.elementId" multiple placeholder="璇烽�夋嫨" @@ -408,7 +419,7 @@ :value="item.id" > </el-option> - </el-select> + </el-select> --> </template> </el-form-item> </el-col> @@ -518,9 +529,9 @@ elementId: "", deviceGroup: "", }, - search: { - type: "", - }, + // search: { + // type: "", + // }, delete: [], treetrunk: [], process: [], @@ -564,16 +575,16 @@ type: "", }, upIndex: 0, - treeList:[] + treeList:[], + elerow:{}, }; }, mounted() { this.selectAllTechTem(); - this.chooseTech(); - this.chooseDevGroup(); - this.chooseElement(); + this.selectAllTechNam(); console.log(this.treeList); + }, methods: { selectDataList() { @@ -604,14 +615,17 @@ this.form = {}; }, addTechTemp() { - // console.log(this.$api.url.addTechTemp); + console.log(this.form.elementId.split(',')); + this.$axios .post( this.$api.url.addTechTemp, { deviceGroup: this.form.deviceGroup, - elementId: JSON.stringify(this.form.elementId).replace("[","").replace("]",""), + // elementId: JSON.stringify(this.form.elementId).replace("[","").replace("]",""), + // element:this.form.elementId.split(','), + element:JSON.stringify(this.form.elementId.split(',')), father: this.form.father, name: this.form.name, type: this.form.type, @@ -624,18 +638,19 @@ ) .then((res) => { console.log(res); - this.selectAllTechNam(); + /* this.selectAllTechNam(); */ this.form = {}; + this.$parent.removeAllTab() }); }, //鍏冧欢 - chooseElement() { - this.$axios.get(this.$api.url.chooseElement).then((res) => { - this.element = res.data; - console.log(this.element); - }); - }, + // chooseElement() { + // this.$axios.get(this.$api.url.chooseElement).then((res) => { + // this.element = res.data; + // console.log(this.element); + // }); + // }, //璁惧 chooseDevGroup() { this.$axios.get(this.$api.url.chooseDevGroup).then((res) => { @@ -664,6 +679,8 @@ console.log(this.delete); this.$axios.post(this.$api.url.delAllTech, { ids: this.delete, + }).then(res=>{ + this.$parent.removeAllTab() }); }, //鍒犻櫎 @@ -671,6 +688,8 @@ console.log(this.$api.url.delTechById, this.upData.id); this.$axios.post(this.$api.url.delTechById, { id: this.upData.id, + }).then(res=>{ + this.$parent.removeAllTab() }); }, //缂栬緫 @@ -687,7 +706,8 @@ this.$api.url.writeTechById + `?id=${this.upData.id}`, { deviceGroup: this.upData.device_group, - elementId:this.cell.join(','), + element:JSON.stringify(this.cell.split(',')), + // element:JSON.stringify(this.form.elementId.split(',')) father: this.edit.father, name: this.edit.name, type: this.edit.type @@ -699,14 +719,15 @@ } ) .then((res) => { - this.selectAllTechNam() + /* this.selectAllTechNam(), */ + this.$parent.removeAllTab() }); }, query(val) { this.selectAllTechTem(); }, - selectAllTechTem() { + selectAllTechTem() { this.$axios .get(this.$api.url.selectAllTechTem, { params: { type: this.typeselect, message: this.search.technology }, @@ -715,32 +736,47 @@ this.towTree = res.data; console.log(this.towTree); this.$nextTick(() => { - this.$refs.tree.setCurrentKey(this.towTree[0].children[0].name) // 榛樿閫変腑鑺傜偣绗竴涓� + this.$refs.tree.setCurrentKey(this.towTree[0].father) // 榛樿閫変腑鑺傜偣绗竴涓� }) - let one=this.towTree.filter(item=>{ - return item.children.length>0 - })[0] - let name=one.children[0].name - this.selectAllTechNamStart(name) - this.selectDataList(); + // let one=this.towTree.filter(item=>{ + // return item.children.length>0 + // })[0] + // let name=one.children[0].name + // this.checkTreeNode.name=name + // this.selectAllTechNamStart(name) + // this.selectDataList(); + let one=this.towTree[0] + let name =one.father + this.checkTreeNode.father = name + console.log(name); + this.selectAllTechNamStart(name) }); }, handleNodeClick(data, node) { console.log(data); this.checkTreeNode = data; - this.treetrunk = node; - console.log(this.treetrunk); - console.log(this.checkTreeNode); + // this.treetrunk = node; + // console.log(this.treetrunk); + // console.log(this.checkTreeNode); this.selectAllTechNam(); }, selectAllTechNam() { this.$axios .get(this.$api.url.selectAllTechNam, { - params: { father: this.checkTreeNode.name }, + params: { father: this.checkTreeNode.father }, }) .then((res) => { this.tableData = res.data; + + let kk =this.tableData.map(el =>{ + console.log(el); + return el.element + })[0] + // console.log(kk.replace('[','').replace(']','') ); + // console.log(kk.split(',')); + this.elerow = kk + }); }, selectAllTechNamStart(name) { @@ -754,6 +790,9 @@ }, addend() { this.dialogVisible = true; + this.chooseTech(); + this.chooseDevGroup(); + // this.chooseElement(); }, modify() { this.modifyevent = true; @@ -829,13 +868,27 @@ }) .then((res) => { this.edit = res.data[0]; - console.log(this.edit.children); - this.cell = this.edit.children.map(el => { - return el.id - }) - // this.cell = this.cell.join(',') - // this.cell = nn - // console.log(this.cell); + this.cell = this.edit.element + console.log(this.cell); + let cc = JSON.parse(this.cell).join(",") + console.log(cc); + this.cell = cc + console.log(this.cell); + // this.cell = this.edit.children.map(el => { + // return el.id + // }) + // this.cell = this.cell.join(',') + // this.cell = nn + // console.log(this.cell); + + + + // let cc = this.edit.element.join(", ") + // let str = cc.join(", "); + // let cc = JSON.parse(this.edit.element) + // console.log(cc); + // console.log(gg); + // console.log(json.parse(gg)); }); }, @@ -861,4 +914,4 @@ }, }, }; -</script> \ No newline at end of file +</script> -- Gitblit v1.9.3