修改三个架构资产

src/views/busi-assets-list/index.vue

@@ -109,7 +109,14 @@
 
 					<el-form-item label="上级节点:" prop="let2">
 						<el-select clearable placeholder="请选择" v-model="ruleForm.let2">
-							<el-option v-for="item in shangJiJieDianSelect" :key="item.assetId" :label="item.assetName" :value="item.assetId"></el-option>
+							<!-- <el-option v-for="item in shangJiJieDianSelect" :key="item.assetId" :label="item.assetName" :value="item.assetId"></el-option> -->
+			
+							<el-option :value="valueTitle" :label="valueTitle">
+								<el-tree 
+									lazy
+									:props="{ children: 'children', label: 'assetName', id: 'assetId' }"
+								 	@load="loadTreeSelect"></el-tree>
+							</el-option>
 						</el-select>
 					</el-form-item>
 					<!-- <el-form-item label="关联资产:" prop="let6">
@@ -210,6 +217,7 @@
 		},
 		data() {
 			return {
+				valueTitle: '',
 				templateDialog: false,
 				ruleForm2: {
 					let1: null,
@@ -276,7 +284,7 @@
 				archiBelongId: null,
 				assetConstant: null,
 				// archiAssetTypeId: null,
-
+				treeSelect: []
 			};
 		},
 		mounted(){
@@ -319,7 +327,7 @@
 					assetConstant: this.assetConstant
 				}
 				queryGuanLianZiChanSelect(params).then(res => {
-					console.log(res)
+					// console.log(res)
 					
 					this.guanLianZiChanSelect = res.data;
 				});
@@ -533,7 +541,12 @@
 					this.ruleForm.dynamicForm_ = fieldsValue_;
 				}
 			},
-			getShangJiJieDianSelect() {//上级节点下拉框值
+			loadTreeSelect(node, resolve) {
+				console.log(node)
+				// if (node.level === 0) {
+				// 	return resolve([{ name: 'region' }]);
+				// }
+				// if (node.level > 1) return resolve([]);
 				const params = {
 					archiType: this.assetConstant,
 					// parentAssetId: this.archiBelongId,
@@ -541,8 +554,36 @@
 				};
 				queryZiChanJiaGouShangJiJieDian(params).then(res => {
 					if(res.code == 200) {
-						console.log('上级节点')
+						console.log('上级节点树')
 						console.log(res.data)
+						resolve(res.data);
+					}
+				})
+			},
+			getShangJiJieDianSelect2() {//上级节点下拉框值
+				const params = {
+					archiType: this.assetConstant,
+					// parentAssetId: this.archiBelongId,
+					// archiAssetTypeId: this.archiAssetTypeId,
+				};
+				queryZiChanJiaGouShangJiJieDian(params).then(res => {
+					if(res.code == 200) {
+						// console.log('上级节点')
+						// console.log(res.data)
+						this.shangJiJieDianSelect = res.data;
+					}
+				})
+			},
+			getShangJiJieDianSelect() {//上级节点下拉框值
+				const params = {
+					archiType: this.assetConstant,
+					// parentAssetId: this.archiBelongId,
+					// archiAssetTypeId: this.archiAssetTypeId,
+				};
+				queryZiChanJiaGouShangJiJieDian(params).then(res => {
+					if(res.code == 200) {
+						// console.log('上级节点')
+						// console.log(res.data)
 						this.shangJiJieDianSelect = res.data;
 					}
 				})
@@ -604,9 +645,9 @@
 				};
 				queryZiChanJiaGouZuJianLeiXing(params).then(res => {
 					if(res.code == 200) {
-						console.log('组件类型')
+						// console.log('组件类型')
 
-						console.log(res.data)
+						// console.log(res.data)
 						this.zuJianLeiXingSelect = res.data;
 					}else {
 						Message({
@@ -847,8 +888,6 @@
 						// 			break;
 						// 	}
 						// });
-						console.log('树')
-						console.log(res.data)
 						this.treeData[0].subList = res.data;
 						this.archiBelongId = res.data[0].archiBelongId;
 						this.assetConstant = res.data[0].assetConstant;
@@ -877,6 +916,9 @@
 	.el-message-box__content{
 		padding: 60px 15px 60px 15px;
 	}
+	.el-select-dropdown__item{
+		height: auto;
+	}
 </style>
 <style scoped>
 	.filter-tree{
@@ -887,6 +929,12 @@
 	.dynamicFormClass{
 		width: 100% !important;
 	}
+	/deep/ .el-tree-node__expand-icon {
+		column-count: #01b7c9;
+	}
+	/deep/ .el-tree-node__expand-icon.is-leaf {
+		color: transparent !important;
+	}
 	/deep/ .dynamicFormClass .el-form-item__content {
 		width: calc(100% - 210px) !important;
 		text-align: left;