From 0baf3cea7a2a7585eb19cbd1719ac3a69c857f62 Mon Sep 17 00:00:00 2001 From: lkk <364857242@qq.com> Date: 星期一, 06 一月 2025 10:40:29 +0800 Subject: [PATCH] 树状态变色 --- src/views/hosp/project/index.vue | 29 ++++++++++++++++++++++++----- 1 files changed, 24 insertions(+), 5 deletions(-) diff --git a/src/views/hosp/project/index.vue b/src/views/hosp/project/index.vue index c9078ee..d954582 100644 --- a/src/views/hosp/project/index.vue +++ b/src/views/hosp/project/index.vue @@ -24,6 +24,7 @@ :default-expanded-keys="treeId" highlight-current @node-click="handleNodeClick" + :render-content="renderContent" /> </div> </div> @@ -1067,10 +1068,8 @@ lisXmmc: "", proMetering: "", proScope: "", - - resultType: "", // 鍒濆鍊� - + resultType: "", // 鍒濆鍊� }, // 琛ㄥ崟鏍¢獙 rules: { @@ -1131,6 +1130,9 @@ created() { this.getConsumables(); this.getDeptList(); + this.getDeptTree(); + }, + mounted() { this.getDeptTree(); }, methods: { @@ -1307,6 +1309,7 @@ this.List = true; listSfxm(this.querycharge).then((response) => { this.sfxmList = response.rows; + response.rows.forEach((item, index) => { item.newID = (this.querycharge.pageNum - 1) * this.querycharge.pageSize + @@ -1332,6 +1335,7 @@ handleNodecharge(data) { this.queryParam.id = data.id; + this.List = false; this.getListByXmId(); }, @@ -1389,6 +1393,19 @@ this.deptOptions = response.data; this.treeId.push(this.deptOptions[0].id); }); + }, + + renderContent(h, { node, data }) { + return h( + "span", + { + style: { + color: data.status === "1" ? "red" : "inherit", // 鍔ㄦ�佽缃鑹� + fontSize: "14px", + }, + }, + data.label // 鏄剧ず鑺傜偣鐨� label + ); }, // 绛涢�夎妭鐐� @@ -1951,12 +1968,14 @@ height: 1000px; /* 璁剧疆鍐呭鐨勯珮搴︼紝浠ヨЕ鍙戝瀭鐩存粴鍔ㄦ潯 */ } - - .el-table__header-wrapper .el-checkbox { display: none; } +.red-text { + color: red !important; +} + .pag { display: flex; justify-content: center; -- Gitblit v1.8.0