From 0bd8b4947527f0d1a3fe445d84fb776ce021507e Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 21 十一月 2024 10:59:56 +0800
Subject: [PATCH] 1. 修改问题整改界面中左侧列表的状态图标
---
src/components/SideList.vue | 79 ++++++++++++++++++++++++---------------
1 files changed, 49 insertions(+), 30 deletions(-)
diff --git a/src/components/SideList.vue b/src/components/SideList.vue
index 4b440fe..104fde9 100644
--- a/src/components/SideList.vue
+++ b/src/components/SideList.vue
@@ -11,24 +11,38 @@
empty-text="鏆傛棤璁板綍"
>
<template #default="{ node, data }">
- <div
- :class="
- data.selected
- ? 'selected-tree-node custom-tree-node'
- : '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>
- <div>{{ node.label }}</div>
- </div>
+ <slot :node="node" :data="data">
+ <div
+ :class="
+ data.selected
+ ? 'selected-tree-node custom-tree-node'
+ : 'custom-tree-node'
+ "
+ >
+ <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>
</template>
</el-tree>
</template>
@@ -43,20 +57,20 @@
type: 0,
title: 'title',
categoly: '2022-10-10',
- data: {},
- },
- ],
+ data: {}
+ }
+ ]
},
- loading: Boolean,
+ loading: Boolean
},
emits: ['itemClick'],
data() {
return {
defaultProps: {
children: 'children',
- label: 'title',
+ label: 'title'
},
- isLoading: this.loading,
+ isLoading: this.loading
};
},
computed: {
@@ -75,7 +89,7 @@
for (const [key, value] of itemMap) {
const i = {
title: key,
- children: [],
+ children: []
};
value.forEach((v) => {
i.children.push(v);
@@ -92,11 +106,11 @@
}
});
return list;
- },
+ }
},
watch: {
loading(nValue) {
- this.isLoading = nValue
+ this.isLoading = nValue;
},
//褰撴暟鎹涓�娆℃洿鏂版椂
dataList(nValue) {
@@ -117,7 +131,7 @@
}
this.isLoading = false;
}
- },
+ }
},
methods: {
handleNodeClick(data) {
@@ -131,12 +145,17 @@
if (data.children == undefined) {
this.$emit('itemClick', data);
}
- },
- },
+ }
+ }
};
</script>
<style lang="scss" scoped>
+.el-tree {
+ // background-color: aliceblue;
+ // width: var(--el-aside-width, 200px)
+}
+
.custom-tree-node {
display: flex;
align-items: center;
--
Gitblit v1.9.3