From cd6e52e4fc2e9beec99650ac67677e7051ee47a3 Mon Sep 17 00:00:00 2001
From: lzhe <181968431@qq.com>
Date: 星期日, 27 七月 2025 00:18:32 +0800
Subject: [PATCH] 1
---
src/views/wel/index.vue | 84 ++++++++++++++++++++++++++++++++++--------
1 files changed, 68 insertions(+), 16 deletions(-)
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 21a1b72..4df3bf4 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -27,7 +27,7 @@
</el-col>
<el-col :span="6">
<el-button type="primary" @click="searchTree"><el-icon class="el-icon--right" style="margin-right: 6px;"><Search /></el-icon>鎼滅储</el-button>
- <el-button :icon="Delete"><el-icon class="el-icon--right" style="margin-right: 6px;"><Delete /></el-icon>娓呯┖</el-button>
+ <el-button :icon="Delete" @click="setClearTree"><el-icon class="el-icon--right" style="margin-right: 6px;"><Delete /></el-icon>娓呯┖</el-button>
</el-col>
</el-row>
</template>
@@ -77,6 +77,7 @@
export default {
data() {
return {
+ targetRow: {},
upgradeModal: false,
file: null,
fileContent: "",
@@ -242,11 +243,13 @@
total: 0,
},
option: {
+ highlightCurrentRow: true,
rowKey: "id",
treeProps: {
children: "children",
hasChildren: 'hasChildren',
},
+ defaultExpandAll: false,
lazy: true,
rowKey: 'id',
addBtn: false,
@@ -256,7 +259,6 @@
menu: false,
searchBtn: false,
emptyBtn: false,
- defaultExpandAll: false,
column: [
{
label: '鐩綍',
@@ -467,29 +469,64 @@
}
},
methods: {
+ removeHasChildren(treeData) { //鏌ヨ鏃跺�欎娇鐢紝鍒犳帀hasChildren
+ return treeData.map(node => {
+ if (node.children && node.children.length > 0) {
+ node.children = this.removeHasChildren(node.children);
+ }
+ // 鍒犻櫎褰撳墠鑺傜偣鐨� hasChildren 灞炴��
+ const { hasChildren, ...rest } = node;
+ return rest;
+ });
+ },
+ // 閫掑綊鏌ユ壘鐩爣琛岋紙name="鏈哄簥1"锛�
+ findTargetRow(data, targetName) {
+ for (const item of data) {
+ if (item.name === targetName) {
+ return item; // 鎵惧埌鐩爣琛�
+ }
+ if (item.children && item.children.length > 0) {
+ const found = this.findTargetRow(item.children, targetName);
+ if (found) return found; // 鍦ㄥ瓙鑺傜偣涓壘鍒�
+ }
+ }
+ return null; // 鏈壘鍒�
+ },
+ highlightTargetRow() { // 楂樹寒鐩爣琛�
+ const targetName = this.search.name;
+ this.targetRow = this.findTargetRow(this.treeData, targetName);
+ if (this.targetRow && this.$refs.crud) {
+ this.$refs.crud.setCurrentRow(this.targetRow); // 楂樹寒鐩爣琛�
+ }
+ },
searchTree() {
axios({
url: '/blade-mdm/program/node/search-list',
method: 'get',
params: this.search,
}).then(res => {
-
- // this.option.defaultExpandAll = true;
- this.treeData = res.data.data;
+ this.option.defaultExpandAll = true;
+ this.treeData = this.removeHasChildren(res.data.data);
+ this.$nextTick(() => {
+ this.highlightTargetRow(); // 璁剧疆褰撳墠琛岄珮浜�
+ this.tabsForm = this.targetRow; //tabs鑺傜偣淇℃伅
+ this.nodeTypeList.forEach(item=> {
+ if(item.dictKey == this.tabsForm.nodeType) {
+ this.tabsForm.nodeTypeName = item.dictValue;
+ }
+ })
+ })
if(this.treeData.length == 0) {
return;
}
-
- // this.$refs.crud.toggleRowExpansion(this.treeData[2],true)
- // this.tabsForm = res.data.data[0]; //鑺傜偣淇℃伅
- // this.nodeTypeList.forEach(item=> {
- // if(item.dictKey == this.treeData[0].nodeType) {
- // this.tabsForm.nodeTypeName = item.dictValue;
- // }
- // })
-
- }
- );
+ });
+ },
+ setClearTree() {
+ this.option.defaultExpandAll = false;
+ this.treeData = [];
+ this.$nextTick(()=> {
+ this.onLoad();
+ })
},
upgradeSubmit(row,done) { //鍗囩増
axios({
@@ -828,4 +865,19 @@
margin-left: 10px;
margin-top: 12px;
}
+.highlight-row {
+ background-color: #f0f7ff !important; /* 娴呰摑鑹茶儗鏅� */
+ font-weight: bold; /* 鍔犵矖鏂囧瓧 */
+}
+
+/* 濡傛灉闇�瑕佹偓鍋滄晥鏋� */
+.highlight-row:hover {
+ background-color: #e6f0ff !important;
+}
+</style>
+<style>
+ .highlight-row {
+ background-color: #f0f7ff;
+ font-weight: bold;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3