树状态变色

lkk

2025-01-06 0baf3cea7a2a7585eb19cbd1719ac3a69c857f62

树状态变色

 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;