From 49cdf259bfdb99b0c6b3b4430df8b7a715989795 Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期二, 07 一月 2025 10:59:57 +0800
Subject: [PATCH] 业务类型树图标展示，调整功能模块
---
Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue | 21 ++++++++++++++-------
1 files changed, 14 insertions(+), 7 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue b/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue
index aa85462..2bbc1ff 100644
--- a/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue
+++ b/Source/plt-web/plt-web-ui/src/page/index/sidebar/sidebarItem.vue
@@ -8,7 +8,7 @@
@click="open(item)">
<div style="display: flex">
<icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
- <span slot="title"
+ <span slot="title" style="margin-left: 8px;"
:alt="item[pathKey]"
:class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span>
</div>
@@ -19,7 +19,7 @@
<template slot="title">
<div style="display: flex">
<icon-show :name="item[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
- <span slot="title"
+ <span slot="title" style="margin-left: 8px;"
:class="{'el-menu--display':collapse && first}">{{ generateTitle(item) }}</span>
</div>
</template>
@@ -31,7 +31,7 @@
@click="open(child)">
<div style="display: flex">
<icon-show :name="child[iconKey]" class="iconShowSpan" :style="{ height: iconSize, width: iconSize }"></icon-show>
- <span slot="title">{{ generateTitle(child) }}</span>
+ <span slot="title" style="margin-left: 8px;">{{ generateTitle(child) }}</span>
</div>
</el-menu-item>
<sidebar-item v-else
@@ -137,7 +137,8 @@
open(item) {
const query = {
...item.query,
- id:item.id
+ id:item.id,
+ name:item.name
}
if (this.screen <= 1) this.$store.commit("SET_COLLAPSE");
if (this.validIsOpen(item)) {
@@ -162,12 +163,18 @@
outline: 0;
background-color: #060708;
}
-
.iconShowSpan{
display: inline-block;
+ color: rgba(255, 255, 255, 0.7);
+}
+.el-menu-item .iconShowSpan,.el-submenu__title .iconShowSpan{
margin-top: -2px;
- margin-right: 10px;
- color: #eeeeea;
+}
+.el-submenu__title:hover .iconShowSpan{
+ color: #ffffff;
+}
+.el-submenu__title:hover .iconShowSpan svg{
+ fill: #ffffff;
}
</style>
--
Gitblit v1.9.3