From e7f86b5ad64b224163c321c46b0f61c294578a2b Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期日, 24 九月 2023 16:53:53 +0800
Subject: [PATCH] 改bug

---
 src/components/view/technology.vue |  737 ++++++++++++++++++++++++--------------------------------
 1 files changed, 312 insertions(+), 425 deletions(-)

diff --git a/src/components/view/technology.vue b/src/components/view/technology.vue
index debe67f..5102ff6 100644
--- a/src/components/view/technology.vue
+++ b/src/components/view/technology.vue
@@ -46,6 +46,7 @@
 		height: calc(100% - 20px);
 		border-right: 3px solid rgb(245, 247, 251);
 		padding: 16px;
+		overflow-y: auto;
 	}
 
 	.thing .left .custom-tree-node span {
@@ -67,7 +68,7 @@
 
 	.el-icon-delete {
 		display: none;
-		color: #004EA2;
+		color: #004ea2;
 	}
 
 	.custom-tree-node:hover .el-icon-delete {
@@ -92,12 +93,12 @@
 	}
 
 	.record_content .title .el-button--default {
-		color: #004EA2;
+		color: #004ea2;
 	}
 
 	.record_content .thing .left .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
 		background: rgba(58, 124, 253, 0.2);
-		color: #004EA2;
+		color: #004ea2;
 	}
 
 	.record_content .el-tree-node__content {
@@ -110,65 +111,44 @@
 	<div class="record_content">
 		<div class="title">
 			<el-row>
-				<el-col :span="12" style="line-height: 32px;">宸ヨ壓璺嚎缁存姢</el-col>
-				<el-col :span="12" style="text-align: right;">
-					<el-button type="primary" icon="el-icon-plus" style="background: #004EA2;" @click="addend">鏂板</el-button>
-					<el-button icon="el-icon-edit-outline" @click="modify">淇敼</el-button>
+				<el-col :span="12" style="line-height: 32px">宸ヨ壓璺嚎缁存姢</el-col>
+				<el-col :span="12" style="text-align: right">
+					<el-button type="primary" icon="el-icon-plus" style="background: #004ea2" @click="addend">鏂板</el-button>
 					<el-button icon="el-icon-delete" @click="dels">鍒犻櫎</el-button>
 				</el-col>
 			</el-row>
 		</div>
 		<div class="choose">
 			<span>绫诲瀷锛�</span>
-			<el-select  v-model="search.type" size="small" placeholder="璇烽�夋嫨" @change="type" style="width: 224px;margin-right: 30px;">
-				<el-option label="姗¤兌杩炴帴鍣�" :value="0"></el-option>
-				<el-option label="閲戝睘杩炴帴鍣�" :value="1"></el-option>
-				<el-option label="婀挎彃鎷旂數杩炴帴鍣�" :value="2"></el-option>
-				<el-option label="鍒嗘敮缁勪欢" :value="3"></el-option>
+			<el-select v-model="search.type" size="small" placeholder="璇烽�夋嫨" @change="type"
+				style="width: 224px; margin-right: 30px">
+				<el-option v-for="(a, ai) in bigType" :key="ai" :value="a"></el-option>
 			</el-select>
-			<!-- <span>宸ュ簭锛�</span>
-			<el-select v-model="search.name" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 30px;">
-				<el-option v-for="(a, ai) in process" key="ai" :label="a.name" :value="a.id"></el-option>
-			</el-select>
-			<span>璁惧缁勶細</span>
-			<el-select v-model="search.name" size="small" placeholder="璇烽�夋嫨" style="width: 224px;margin-right: 30px;">
-				<el-option v-for="(a, ai) in product" key="ai" :label="a.name" :value="a.id"></el-option>
-			</el-select> -->
-			<!-- <el-button size="mini" @click="clean()"><span>閲� 缃�</span></el-button>
-			<el-button size="mini" type="primary" style="background: #004EA2;"><span>鏌�
-					璇�</span></el-button> -->
 		</div>
 		<div class="thing">
 			<div class="left">
-				<el-input v-model="search.technology" suffix-icon="el-icon-search" 
-				placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" size="small" 
-				clearable @input="query">
-				<!-- clearable @input="(val)=>$refs.tree.filter(val)"> -->
+				<el-input v-model="search.technology" suffix-icon="el-icon-search" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" size="small" clearable
+					@input="query">
 				</el-input>
-				<el-tree 
-				:data="towTree" ref="tree" 
-				:props="{children: 'children',label: 'father'}" 
-				node-key="id" default-expand-all
-				@node-click="handleNodeClick" 
-				>
-				<div class="custom-tree-node" slot-scope="{ node, data }">
-   			<span><i :class="`node_i ${data.code != '[2]'?'el-icon-folder-opened':'el-icon-tickets'}`"></i>
-							{{data.name}}{{data.father}}</span>
-						<el-button type="text" size="mini" @click.stop="remove(node, data)">
-							<i class="el-icon-delete"></i>
-						</el-button>
+				<el-tree :data="towTree" ref="tree" :props="{ children: 'children', label: 'father' }" node-key="father"
+					default-expand-all @node-click="handleNodeClick" :key="upIndex" highlight-current style="padding-top: 8px;">
+					<div class="custom-tree-node" slot-scope="{ node, data }">
+						<span><i :class="`node_i ${
+                  data.code != '[2]'
+                    ? 'el-icon-folder-opened'
+                    : 'el-icon-tickets'
+                }`"></i>
+							{{ data.father }}</span>
 					</div>
 				</el-tree>
 			</div>
 			<div class="right">
-				<el-table :data="tableData" border style="width: 100%;overflow-y: auto;min-height: 100%" max-height="100%"
+				<el-table :data="tableData" border style="width: 100%; overflow-y: auto; min-height: 100%" max-height="100%"
 					@selection-change="handleSelectionChange" default-expand-all>
-					<el-table-column type="selection" width="50">
-					</el-table-column>
+					<el-table-column type="selection" width="50"> </el-table-column>
 					<el-table-column type="index" label="搴忓彿" width="70">
 					</el-table-column>
-					<el-table-column prop="name" label="宸ヨ壓鍚嶇О">
-					</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="鎿嶄綔" width="130">
@@ -180,57 +160,42 @@
 				</el-table>
 			</div>
 		</div>
-		<el-dialog title="缂栬緫璁板綍鍐呭" :visible.sync="upDia" width="500px">
+		<el-dialog title="缂栬緫宸ヨ壓淇℃伅" :visible.sync="upDia" width="500px">
 			<div class="body">
-				<el-row style="line-height: 46px;">
-					<el-col :span="4" style="font-size: 14px;text-align: right;">绫诲瀷:</el-col>
+				<el-row style="line-height: 46px">
+					<el-col :span="4" style="font-size: 14px; text-align: right">绫诲瀷:</el-col>
 					<el-col :span="16" :offset="1">
 						<template>
-                        <el-select v-model="upData.type" placeholder="璇烽�夋嫨绫诲瀷" style="width: 310px;">
-							<el-option label="姗¤兌杩炴帴鍣�" :value="0"></el-option>
-							<el-option label="閲戝睘杩炴帴鍣�" :value="1"></el-option>
-							<el-option label="婀挎彃鎷旂數杩炴帴鍣�" :value="2"></el-option>
-							<el-option label="鍒嗘敮缁勪欢" :value="3"></el-option>
-                        </el-select>
-                        </template>
+							<el-select v-model="edit.type" placeholder="璇烽�夋嫨" disabled style="width: 310px">
+								<el-option v-for="(a, ai) in bigType" :key="ai" :value="a"></el-option>
+							</el-select>
+						</template>
 					</el-col>
 				</el-row>
-				<el-row style="line-height: 46px;">
-					<el-col :span="4" style="font-size: 14px;text-align: right;">宸ュ簭:</el-col>
+				<el-row style="line-height: 46px">
+					<el-col :span="4" style="font-size: 14px; text-align: right">宸ュ簭:</el-col>
 					<el-col :span="16" :offset="1">
-						<el-select v-model="upData.father"   style="width: 310px;" placeholder="璇烽�夋嫨">
-							<el-option
-							v-for="item in procedure"
-							:key="item"
-							:label="item"
-							:value="item">
+						<el-select v-model="edit.father" style="width: 310px" disabled placeholder="璇烽�夋嫨">
+							<el-option v-for="item in procedure" :key="item" :label="item" disabled :value="item">
 							</el-option>
 						</el-select>
 					</el-col>
 				</el-row>
-				<el-row style="line-height: 46px;">
-					<el-col :span="4" style="font-size: 14px;text-align: right;">鍏冧欢:</el-col>
+				<el-row style="line-height: 46px">
+					<el-col :span="4" style="font-size: 14px; text-align: right">宸ヨ壓鍚嶇О:</el-col>
 					<el-col :span="16" :offset="1">
-						<el-select v-model="upData.ele" style="width: 310px;" multiple placeholder="璇烽�夋嫨">
-							<el-option
-							v-for="item in element"
-							:key="item.index"
-							:label="item.name"
-							:value="item.id">
-							</el-option>
-						</el-select>
+						<el-input v-model="edit.name" size="small" clearable></el-input>
 					</el-col>
 				</el-row>
-				<el-row style="line-height: 46px;">
-					<el-col :span="4" style="font-size: 14px;text-align: right;">宸ヨ壓鍚嶇О:</el-col>
+				<el-row style="line-height: 46px">
+					<el-col :span="4" style="font-size: 14px; text-align: right">璁惧缁�:</el-col>
 					<el-col :span="16" :offset="1">
-						<el-input v-model="upData.name" size="small" clearable></el-input>
-					</el-col>
-				</el-row>
-				<el-row style="line-height: 46px;">
-					<el-col :span="4" style="font-size: 14px;text-align: right;">璁惧缁�:</el-col>
-					<el-col :span="16" :offset="1">
-						<el-input v-model="upData.device_group" size="small" clearable></el-input>
+						<template>
+							<el-select v-model="upData.device_group" placeholder="璇烽�夋嫨" style="width: 306px">
+								<el-option v-for="item in equipment" :key="item.index" :label="item.father" :value="item.father">
+								</el-option>
+							</el-select>
+						</template>
 					</el-col>
 				</el-row>
 			</div>
@@ -239,133 +204,47 @@
 				<el-button @click="upDia = false">鍙� 娑�</el-button>
 			</span>
 		</el-dialog>
-
 		<!-- 宸ヨ壓璺嚎鏂板 -->
 		<el-dialog title="宸ヨ壓璺嚎鏂板" :visible.sync="dialogVisible" width="35%">
 			<div>
 				<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-option label="姗¤兌杩炴帴鍣�" :value="0"></el-option>
-							<el-option label="閲戝睘杩炴帴鍣�" :value="1"></el-option>
-							<el-option label="婀挎彃鎷旂數杩炴帴鍣�" :value="2"></el-option>
-							<el-option label="鍒嗘敮缁勪欢" :value="3"></el-option>
-                        </el-select>
-                        </template>
-				</el-form-item>
-				<el-form-item label="宸ュ簭">
-					<template>
-                        <el-select v-model="form.father" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;" >
-                            <el-option
-                            v-for="item in procedure"
-                            :key="item"
-                            :label="item"
-                            :value="item">
-                            </el-option>
-                        </el-select>
-                        </template>
-				</el-form-item>
-				<el-form-item label="璁惧缁�">
-					<template>
-                        <el-select v-model="form.deviceGroup" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;" >
-                            <el-option
-                            v-for="item in equipment"
-                            :key="item.index"
-                            :label="item.father"
-                            :value="item.father">
-                            </el-option>
-                        </el-select>
-                        </template>
-				</el-form-item>
-				<el-row>
-				<el-col :span="10">
-				<el-form-item label="鍏冧欢">
-					<template>
-                        <el-select v-model="form.elementId" placeholder="璇烽�夋嫨绫诲瀷"  style="width: 200px;" >
-                            <el-option
-                            v-for="item in element"
-                            :key="item.value"
-                            :label="item.name"
-                            :value="item.id">
-                            </el-option>
-                        </el-select>
-                        </template>
-				</el-form-item>
-			</el-col>
-			<el-col :span="10" :offset="2">
-
-				<el-form-item label="宸ヨ壓鍚嶇О">
-					<el-input v-model="form.name" style="width: 200px;"></el-input>
-				</el-form-item>
-			</el-col>
-				</el-row>
+					<el-form-item label="绫诲瀷">
+						<template>
+							<el-select v-model="form.type" allow-create filterable placeholder="璇烽�夋嫨" style="width: 100%"
+								@change="edittype">
+								<el-option v-for="(a,ai) in bigType" :key="ai" :value="a">
+								</el-option>
+							</el-select>
+						</template>
+					</el-form-item>
+					<el-form-item label="宸ュ簭">
+						<template>
+							<el-select v-model="form.father" allow-create filterable @create="" placeholder="璇烽�夋嫨" style="width: 100%">
+								<el-option v-for="item in procedure" :key="item" :label="item" :value="item">
+								</el-option>
+							</el-select>
+						</template>
+					</el-form-item>
+					<el-form-item label="璁惧缁�">
+						<template>
+							<el-select v-model="form.deviceGroup" placeholder="璇烽�夋嫨" style="width: 100%">
+								<el-option v-for="item in equipment" :key="item.index" :label="item.father" :value="item.father">
+								</el-option>
+							</el-select>
+						</template>
+					</el-form-item>
+					<el-row>
+						<el-col :span="24">
+							<el-form-item label="宸ヨ壓鍚嶇О">
+								<el-input placeholder="璇疯緭鍏ュ伐鑹哄悕绉�" v-model="form.name" style="width: 100%"></el-input>
+							</el-form-item>
+						</el-col>
+					</el-row>
 				</el-form>
 			</div>
 			<span slot="footer" class="dialog-footer">
 				<el-button type="primary" @click="Neworder">纭� 瀹�</el-button>
 				<el-button @click="Deleteapi">鍙� 娑�</el-button>
-			</span>
-		</el-dialog>
-		<!-- 宸ヨ壓璺嚎淇敼 -->
-		<el-dialog title="宸ヨ壓璺嚎鏂板" :visible.sync="modifyevent" width="35%">
-			<div>
-				<el-form ref="form" :model="form" label-width="80px">
-				<el-form-item label="绫诲瀷">
-					<template>
-                        <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;">
-                            <!-- <el-option
-                            v-for="item in options"
-                            :key="item.value"
-                            :label="item."
-                            :value="item.value">
-                            </el-option> -->
-							<el-option label="姗¤兌杩炴帴鍣�" :value="0"></el-option>
-							<el-option label="閲戝睘杩炴帴鍣�" :value="1"></el-option>
-							<el-option label="婀挎彃鎷旂數杩炴帴鍣�" :value="2"></el-option>
-							<el-option label="鍒嗘敮缁勪欢" :value="3"></el-option>
-                        </el-select>
-                        </template>
-				</el-form-item>
-				<el-form-item label="宸ュ簭">
-					<template>
-                        <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 480px;">
-                            <el-option
-                            v-for="item in procedure"
-                            :key="item.value"
-                            :label="item.j"
-                            :value="item.value">
-                            </el-option>
-                        </el-select>
-                        </template>
-				</el-form-item>
-				<el-row>
-				<el-col :span="10">
-				<el-form-item label="宸ヨ壓鍚嶇О">
-					<template>
-                        <el-select v-model="value" placeholder="璇烽�夋嫨绫诲瀷" style="width: 200px;">
-                            <el-option
-                            v-for="item in options"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value">
-                            </el-option>
-                        </el-select>
-                        </template>
-				</el-form-item>
-			</el-col>
-			<el-col :span="10" :offset="2">
-
-				<el-form-item label="鍏冧欢">
-					<el-input v-model="form.name" style="width: 200px;"></el-input>
-				</el-form-item>
-			</el-col>
-				</el-row>
-				</el-form>
-			</div>
-			<span slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="modifyevent = false">纭� 瀹�</el-button>
-				<el-button @click="modifyevent = false">鍙� 娑�</el-button>
 			</span>
 		</el-dialog>
 	</div>
@@ -376,300 +255,308 @@
 		data() {
 			return {
 				search: {
-					type: 0,
-					name: null,
-					technology: null
+					type: '',
+					technology: null,
 				},
-				options:{},
-				form:{ 
-					type:'',
-					father:'',
-					name:'',
-					elementId:'',
-					deviceGroup:''
+				options: {},
+				form: {
+					type: "",
+					father: "",
+					name: "",
+					elementId: "",
+					deviceGroup: "",
 				},
-				search:{
-					type:'',
-				},
-				delete:[],
-				treetrunk:[],
+				delete: [],
+				treetrunk: [],
 				process: [],
 				product: [],
-				procedure:[],
-				checkTreeNode:{
-					name:'涓嬫枡'
+				procedure: [],
+				checkTreeNode: {
+					name: "",
 				},
-				towTree:[],
-				value:"",
-				modifyevent:false,
-				dialogVisible:false,
+				towTree: [],
+				value: "",
+				modifyevent: false,
+				dialogVisible: false,
 				tableData: [],
 				upIndex: 0,
 				selects: [],
 				upDia: false,
-				element:[],
-				equipment:[0],
-				edit:[],
-				upData: {
-					name:'',
-					device_group:'',
-					ele:'',
-					father:'',
-					type:'',
+				element: [],
+				equipment: [0],
+				cell: [],
+				AAA: [{
+					id: "",
+				}, ],
+				edit: {
+					deviceGroup: "",
+					father: "",
+					name: "",
+					type: "",
+					children: [],
 				},
-				typeselect:0,
-				newdata:{
-					type:''
-				}
-			}
+				upData: {
+					name: "",
+					deviceGroup: "",
+					ele: "",
+					father: "",
+					type: "",
+				},
+				typeselect: '',
+				newdata: {
+					type: "",
+				},
+				upIndex: 0,
+				treeList: [],
+				elerow: {},
+				bigType: []
+			};
 		},
 		mounted() {
-			this.selectAllTechTem()
-			this.chooseTech()
-			this.chooseDevGroup()
-			this.chooseElement()
-			this.selectAllTechNam()
+			this.chooseType()
 		},
 		methods: {
-			type(val){
-				this.typeselect = val
-				this.upData.type = val
-				console.log(this.typeselect);
-				this.selectAllTechTem()
-			},
-			
-			Neworder() {
-				this.dialogVisible = false
-				this.addTechTemp()
-				// this.form = '';
-				
-			},
-			Deleteapi() {
-				this.dialogVisible = false
-				 this.form = '';
-			},
-			addTechTemp() {
-				// console.log(this.$api.url.addTechTemp);
-				this.$axios.post(this.$api.url.addTechTemp,
-				
-				{
-					deviceGroup:this.form.deviceGroup,
-					elementId:this.form.elementId,
-					father:this.form.father,
-					name:this.form.name,
-					type:this.form.type
-				 },
-				 {
-					headers: {
-                		"Content-Type": "application/json"
-              		}
-				}
-				).then(res=>{
-					console.log(res);
-					this.selectAllTechNam()
-					this.form = {}
+			chooseType() {
+				this.$axios.get(this.$api.url.chooseType).then(res => {
+					this.bigType = res.data
+					this.typeselect = res.data[0]
+					this.search.type = res.data[0]
+					this.selectAllTechTem();
+					this.selectAllTechNam();
 				})
+			},
+			selectDataList() {
+				this.towTree.forEach((a) => {
+					a.code = "[1]";
+					if (a.children != undefined) {
+						a.children.forEach((b) => {
+							b.code = "[2]";
+						});
+					}
+				});
+				this.upIndex++;
+			},
+			type(val) {
+				this.typeselect = val;
+				this.upData.type = val;
+				console.log(this.typeselect);
+				this.selectAllTechTem();
 			},
 
-			//鍏冧欢
-			chooseElement() {
-				this.$axios.get(this.$api.url.chooseElement).then(res =>{
-					this.element = res.data
-					console.log(this.element);
-				})
+			Neworder() {
+				this.dialogVisible = false;
+				this.addTechTemp();
+				this.form = {};
+			},
+			Deleteapi() {
+				this.dialogVisible = false;
+				this.form = {};
+			},
+			addTechTemp() {
+				this.$axios
+					.post(
+						this.$api.url.addTechTemp, {
+							deviceGroup: this.form.deviceGroup,
+							father: this.form.father,
+							name: this.form.name,
+							type: this.form.type,
+						}, {
+							headers: {
+								"Content-Type": "application/json",
+							},
+						}
+					)
+					.then((res) => {
+						console.log(res);
+						this.form = {};
+						this.$parent.removeAllTab()
+					});
 			},
 			//璁惧
 			chooseDevGroup() {
-				this.$axios.get(this.$api.url.chooseDevGroup).then(res =>{
+				this.$axios.get(this.$api.url.chooseDevGroup).then((res) => {
 					this.equipment = res.data;
-					// console.log(this.equipment);
-				})
+				});
 			},
-
 			//宸ュ簭
 			chooseTech() {
-				this.$axios.get(this.$api.url.chooseTech).then(res =>{
-					this.procedure = res.data;
-					console.log(this.procedure);
+				this.$axios.get(this.$api.url.chooseTech, {
+					params: {
+						type: this.typeselect
+					}
+				}).then(res => {
+					this.procedure = res.data
 				})
+			},
+			edittype(val) {
+				this.typeselect = val
+				this.chooseTech()
 			},
 			//鎵归噺鍒犻櫎
 			delAllTech() {
-				console.log(this.delete);
-				this.$axios.post(this.$api.url.delAllTech,{
-						ids:this.delete
-				})
+				this.$axios.post(this.$api.url.delAllTech, {
+					ids: this.delete,
+				}).then(res => {
+					this.$parent.removeAllTab()
+				});
 			},
 			//鍒犻櫎
 			delTechById() {
-				console.log(this.$api.url.delTechById,this.upData.id);
-				this.$axios.post(this.$api.url.delTechById,{
-						id:this.upData.id
-				})
+				this.$axios.post(this.$api.url.delTechById, {
+					id: this.upData.id,
+				}).then(res => {
+					this.$parent.removeAllTab()
+				});
 			},
 			//缂栬緫
 			writeTechById() {
-				this.$axios.post(this.$api.url.writeTechById,{
-					params:{
-					id:this.upData.id,
-					technologyTemplateDto:{
-						deviceGroup:this.upData.device_group,
-						elementId:this.upData.ele[0],
-						father:this.upData.father,
-						name:this.upData.name,
-						type:this.upData.type
-					}					
-					// id:this.upData.id,
-				}
-				}, {
-					headers: {
-                		"Content-Type": "application/json"
-              		}
-				}).then(res =>{
-					console.log(res);
-					
-				})
+				this.$axios
+					.post(
+						this.$api.url.writeTechById + `?id=${this.upData.id}`, {
+							deviceGroup: this.upData.device_group,
+							father: this.edit.father,
+							name: this.edit.name,
+							type: this.edit.type
+						}, {
+							headers: {
+								"Content-Type": "application/json",
+							},
+						}
+					)
+					.then((res) => {
+						this.$message.success("淇敼鎴愬姛");
+						this.$parent.removeAllTab()
+					});
 			},
-			
-			query(val){
-				this.selectAllTechTem()
+			query(val) {
+				this.selectAllTechTem();
 			},
 			selectAllTechTem() {
-				console.log(this.typeselect,'222');
-			this.$axios.get(this.$api.url.selectAllTechTem,{
-				params:{type: this.typeselect,message:this.search.technology}
-			}).then(res => {
-				// let list = res.data;
-				// list.forEach(i => {
-				// if (i.name === undefined) {
-				// 	i.name = i.children[0].name;
-				// 	i.id = i.children[0].id;
-				// 	i.children = undefined;
-				// }
-				// });
-				this.towTree = res.data;
-			});
+				this.$axios
+					.get(this.$api.url.selectAllTechTem, {
+						params: {
+							type: this.typeselect,
+							message: this.search.technology
+						},
+					})
+					.then((res) => {
+						this.towTree = res.data;
+						this.$nextTick(() => {
+							this.$refs.tree.setCurrentKey(this.towTree[0].father) // 榛樿閫変腑鑺傜偣绗竴涓�
+						})
+						let one = this.towTree[0]
+						let name = one.father
+						this.checkTreeNode.father = name
+						this.selectAllTechNamStart(name)
+					});
+			},
+			handleNodeClick(data, node) {
+				this.checkTreeNode = data;
+				this.selectAllTechNam();
 			},
 			selectAllTechNam() {
-			this.$axios.get(this.$api.url.selectAllTechNam,{
-				params:{father:this.checkTreeNode.name}
-			}).then(res => {
-				this.tableData = res.data;
-			});
+				this.$axios
+					.get(this.$api.url.selectAllTechNam, {
+						params: {
+							father: this.checkTreeNode.father
+						},
+					})
+					.then((res) => {
+						this.tableData = res.data;
+						let kk = this.tableData.map(el => {
+							return el.element
+						})[0]
+						this.elerow = kk
+					});
 			},
-			addend(){
-				this.dialogVisible = true
+			selectAllTechNamStart(name) {
+				this.$axios
+					.get(this.$api.url.selectAllTechNam, {
+						params: {
+							father: name
+						},
+					})
+					.then((res) => {
+						this.tableData = res.data;
+					});
 			},
-			modify(){
-				this.modifyevent = true
+			addend() {
+				this.dialogVisible = true;
+				this.chooseDevGroup();
 			},
 			filterNode(value, data) {
-			  if (!value) return true;
-			  return data.name.indexOf(value) !== -1;
+				if (!value) return true;
+				return data.name.indexOf(value) !== -1;
 			},
 			remove(node, data) {
 				this.$confirm("鏄惁鍒犻櫎", "璀﹀憡", {
-					type: "warning"
-				}).then(res => {
-					const parent = node.parent;
-					const children = parent.data.children || parent.data;
-					const index = children.findIndex(d => d.id === data.id);
-					children.splice(index, 1);
-				}).catch(e => {})
-			},
-			// selectDataList() {
-			// 	this.list.forEach(a => {
-			// 		a.code = '[1]'
-			// 		if (a.children != undefined) {
-			// 			a.children.forEach(b => {
-			// 				b.code = '[2]'
-			// 			})
-			// 		}
-			// 	})
-			// 	this.upIndex++
-			// },
-			handleNodeClick(data, node) {
-				this.checkTreeNode = data
-				this.treetrunk = node
-				console.log(this.treetrunk);
-				console.log(this.checkTreeNode);
-				this.selectAllTechNam()
-				// if (data.code == '[2]') {
-				// 	console.log(data);
-				// }
+						type: "warning",
+					})
+					.then((res) => {
+						const parent = node.parent;
+						const children = parent.data.children || parent.data;
+						const index = children.findIndex((d) => d.id === data.id);
+						children.splice(index, 1);
+					})
+					.catch((e) => {});
 			},
 			nodeOpen(data, node, el) {
-				$($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder-opened')
+				$($(el.$el).find(".node_i")[0]).attr(
+					"class",
+					"node_i el-icon-folder-opened"
+				);
 			},
 			nodeClose(data, node, el) {
-				$($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder')
+				$($(el.$el).find(".node_i")[0]).attr("class", "node_i el-icon-folder");
 			},
 			handleSelectionChange(val) {
 				this.selects = val;
 			},
 			dels() {
-				this.selects.forEach(a => {
+				this.selects.forEach((a) => {
 					for (var b = 0; b < this.tableData.length; b++) {
 						if (this.tableData[b].id == a.id) {
-							this.tableData.splice(b, 1)
-							b--
+							this.tableData.splice(b, 1);
+							b--;
 						}
 					}
-				})
-				let cc = this.selects.map(el => {
-					return el.id
-				})
-				this.delete = cc.join(',')
+				});
+				let cc = this.selects.map((el) => {
+					return el.id;
+				});
+				this.delete = cc.join(",");
 				console.log(this.delete);
-				this.delAllTech()
-				this.$message.success('鍒犻櫎瀹屾垚')
+				this.delAllTech();
+				this.$message.success("鍒犻櫎瀹屾垚");
 			},
 			deleteRow(index, rows) {
-
-				this.tableData.splice(index,1)
-				this.upData.id = rows.id
-				this.delTechById()
+				this.tableData.splice(index, 1);
+				this.upData.id = rows.id;
+				this.delTechById();
 			},
 			selecTechById() {
-				this.$axios.get(this.$api.url.selecTechById,{
-					params:{
-					id:this.upData.id,	
-					}								
-				}
-				// , {
-				// 	headers: {
-                // 		"Content-Type": "application/json"
-              	// 	}
-				// }
-				).then(res =>{
-					this.edit = res.data
-					console.log(this.edit);
-				})
+				this.$axios
+					.get(this.$api.url.selecTechById, {
+						params: {
+							id: this.upData.id,
+						},
+					})
+					.then((res) => {
+						this.edit = res.data[0];
+					});
 			},
 			//缂栬緫鍐呭
 			upContent(ob) {
-				this.upData = ob
+				this.upData = ob;
+				this.chooseDevGroup();
 				this.selecTechById()
-				console.log(this.upData);
-				this.upDia = true
+				this.upDia = true;
 			},
-
-
-
 			submitUpData() {
-				// this.tableData.forEach(a => {
-				// 	if (a.id == this.upData.id) {
-				// 		a.name = this.upData.name
-				// 		a.ask = this.upData.device_group
-				// 	}
-				// })
-					this.writeTechById()
-					
-				this.$message.success('淇敼鎴愬姛')
-				this.upIndex++
-				this.upDia = false
+				this.writeTechById();
+				this.upIndex++;
+				this.upDia = false;
 			}
-		}
-	}
-	
-</script>
\ No newline at end of file
+		},
+	};
+</script>

--
Gitblit v1.9.3