diff --git a/src/assets/images/ball_check_icon.png b/src/assets/images/ball_check_icon.png new file mode 100644 index 0000000..d1c3845 Binary files /dev/null and b/src/assets/images/ball_check_icon.png differ diff --git a/src/assets/images/ball_nocheck_icon.png b/src/assets/images/ball_nocheck_icon.png new file mode 100644 index 0000000..707791d Binary files /dev/null and b/src/assets/images/ball_nocheck_icon.png differ diff --git a/src/assets/images/pro_icon.png b/src/assets/images/pro_icon.png new file mode 100644 index 0000000..766f3e9 Binary files /dev/null and b/src/assets/images/pro_icon.png differ diff --git a/src/assets/images/team_check_icon.png b/src/assets/images/team_check_icon.png new file mode 100644 index 0000000..48be164 Binary files /dev/null and b/src/assets/images/team_check_icon.png differ diff --git a/src/assets/images/team_nocheck_icon.png b/src/assets/images/team_nocheck_icon.png new file mode 100644 index 0000000..8974ff4 Binary files /dev/null and b/src/assets/images/team_nocheck_icon.png differ diff --git a/src/assets/images/tower_check_icon.png b/src/assets/images/tower_check_icon.png new file mode 100644 index 0000000..61449b8 Binary files /dev/null and b/src/assets/images/tower_check_icon.png differ diff --git a/src/assets/images/tower_nocheck_icon.png b/src/assets/images/tower_nocheck_icon.png new file mode 100644 index 0000000..96b58cb Binary files /dev/null and b/src/assets/images/tower_nocheck_icon.png differ diff --git a/src/views/construction/manage/personManage/personManage.vue b/src/views/construction/manage/personManage/personManage.vue index bb095c0..b00b5a5 100644 --- a/src/views/construction/manage/personManage/personManage.vue +++ b/src/views/construction/manage/personManage/personManage.vue @@ -747,11 +747,13 @@ export default { // 根据层级使用不同的图标 let icon; if (node.level === 1) { - icon = 'el-icon-coin'; // 第一层使用主页图标 + icon = 'pro_icon'; } else if (node.level === 2) { - icon = 'el-icon-s-unfold'; // 第二层使用展开图标 - } else { - icon = 'el-icon-user'; // 其他层级使用平台图标 + icon = 'tower_nocheck_icon'; + } else if (node.level === 3) { + icon = 'team_nocheck_icon'; + } else if (node.level === 4) { + icon = ''; } return ( @@ -1065,4 +1067,28 @@ export default { display: none !important; } + +::v-deep .pro_icon, +::v-deep .tower_nocheck_icon, +::v-deep .team_nocheck_icon { + vertical-align: top; + background-size: cover; + background-position: center; + display: inline-block; + margin-right: 4px; + width: 20px; + height: 20px; +} + +::v-deep .pro_icon { + background-image: url("../../../../assets/images/pro_icon.png") !important; +} + +::v-deep .tower_nocheck_icon { + background-image: url("../../../../assets/images/tower_nocheck_icon.png") !important; +} + +::v-deep .team_nocheck_icon { + background-image: url("../../../../assets/images/team_nocheck_icon.png") !important; +} diff --git a/src/views/construction/manage/realTimeManage/realTimeManage.vue b/src/views/construction/manage/realTimeManage/realTimeManage.vue index 3df08ad..8fd859d 100644 --- a/src/views/construction/manage/realTimeManage/realTimeManage.vue +++ b/src/views/construction/manage/realTimeManage/realTimeManage.vue @@ -43,7 +43,12 @@ style="margin: 10px 0;"> + ref="tree" :highlight-current="true" :filter-node-method="filterNode"> + + @@ -282,18 +287,17 @@ export default { this.classStyle = 'ball-content-4' } }, - //给梳妆街头不同层级设置不同的icon + //给tree不同层级设置不同的icon renderContent(h, { node, data }) { // 根据层级使用不同的图标 let icon; if (node.level === 1) { - icon = 'el-icon-coin'; // 第一层使用主页图标 - } else if (node.level === 2) { - icon = 'el-icon-s-unfold'; // 第二层使用展开图标 - } else { - icon = 'el-icon-user'; // 其他层级使用平台图标 + icon = 'pro_icon'; + } else if (node.level === 2 && data.devStatus === 0) { + icon = 'ball_nocheck_icon'; + } else if (node.level === 2 && data.devStatus === 1) { + icon = 'ball_check_icon'; } - return ( @@ -622,4 +626,33 @@ ul { margin-bottom: 10%; overflow: auto; } + +::v-deep .pro_icon, +::v-deep .ball_nocheck_icon, +::v-deep .ball_check_icon { + vertical-align: top; + background-size: cover; + background-position: center; + display: inline-block; + margin-right: 4px; +} + +::v-deep .pro_icon { + background-image: url("../../../../assets/images/pro_icon.png") !important; + width: 20px; + height: 20px; + +} + +::v-deep .ball_nocheck_icon { + background-image: url("../../../../assets/images/ball_nocheck_icon.png") !important; + width: 24px; + height: 24px; +} + +::v-deep .ball_check_icon { + background-image: url("../../../../assets/images/ball_check_icon.png") !important; + width: 24px; + height: 24px; +} \ No newline at end of file