Просмотр исходного кода

😎调整机构树不同级别不同图标

zuohuaijun 2 лет назад
Родитель
Сommit
6ecec4df6c
1 измененных файлов с 4 добавлено и 1 удалено
  1. 4 1
      Web/src/views/system/org/component/orgTree.vue

+ 4 - 1
Web/src/views/system/org/component/orgTree.vue

@@ -41,7 +41,10 @@
 				check-strictly
 			>
 				<template #default="{ node }">
-					<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-School /></el-icon>{{ node.label }}
+					<el-icon v-if="node.level == 1" size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-School /></el-icon>
+					<el-icon v-else-if="node.level == 2" size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-PriceTag /></el-icon>
+					<el-icon v-else size="16" style="margin-right: 3px; display: inline; vertical-align: middle"><ele-CollectionTag /></el-icon>
+					{{ node.label }}
 				</template>
 			</el-tree>
 		</div>