1. 修改问题整改界面中左侧列表的状态图标

riku

2024-11-21 0bd8b4947527f0d1a3fe445d84fb776ce021507e

 src/components/SideList.vue

@@ -19,15 +19,27 @@
              : 'custom-tree-node'
          "
        >
          <el-icon v-if="data.type == 2" color="var(--el-color-success)"
            ><SuccessFilled
          /></el-icon>
          <el-icon v-else-if="data.type == 1" color="var(--el-color-warning)"
            ><WarningFilled
          /></el-icon>
          <el-icon v-else-if="data.type == 0" color="var(--el-color-danger)"
            ><WarningFilled
          /></el-icon>
          <el-icon v-if="data.type == 0" color="var(--el-color-info)">
            <SuccessFilled/>
          </el-icon>
          <el-icon v-else-if="data.type == 1" color="var(--el-color-danger)">
            <QuestionFilled />
          </el-icon>
          <el-icon v-else-if="data.type == 2" color="var(--el-color-warning)">
            <QuestionFilled />
          </el-icon>
          <el-icon v-else-if="data.type == 3" color="var(--el-color-danger)">
            <WarnTriangleFilled />
          </el-icon>
          <el-icon v-else-if="data.type == 4" color="var(--el-color-danger)">
            <WarningFilled/>
          </el-icon>
          <el-icon v-else-if="data.type == 5" color="var(--el-color-warning)">
            <WarningFilled/>
          </el-icon>
          <el-icon v-else-if="data.type == 6" color="var(--el-color-success)">
            <SuccessFilled/>
          </el-icon>
          <div>{{ node.label }}</div>
        </div>
      </slot>
@@ -139,6 +151,11 @@
</script>

<style lang="scss" scoped>
.el-tree {
  // background-color: aliceblue;
  // width: var(--el-aside-width, 200px)
}

.custom-tree-node {
  display: flex;
  align-items: center;