tanghuan/mediate-manage-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改UI

Browse Source
This commit is contained in:
liuxi 2025-02-24 18:11:09 +08:00
parent dc8b2b9d6b
commit b23bb2ce27
3 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/layout/components/LayoutHeader.vue
View File

@ -484,7 +484,8 @@ export default {
box-sizing: border-box;
// background: url('~@/assets/image/header-bg-1920.png') no-repeat ;
background-size: cover;
background-color: #C66A5B;
// background-color: #C66A5B;
background-color: #5d7eeac7;
.el-badge__content {
height: $height20;
@ -508,7 +509,7 @@ export default {
background-color: transparent;
}
.el-menu--horizontal > .el-menu-item {
.el-menu--horizontal > .el-menu-item,.el-menu--horizontal > .el-menu-item i {
color: #FFFFFFB2;
}
@ -516,7 +517,7 @@ export default {
color: #FFFFFFB2;
}
.el-menu--horizontal > .el-menu-item:hover {
.el-menu--horizontal > .el-menu-item:hover, .el-menu--horizontal > .el-menu-item:hover i {
color: #C66A5B;
background-color: transparent;
color: #fff;
@ -532,7 +533,7 @@ export default {
color: #FFFFFFB2;
}
.el-menu--horizontal > .el-menu-item.is-active {
.el-menu--horizontal > .el-menu-item.is-active, .el-menu--horizontal > .el-menu-item.is-active i {
border-bottom: 2px solid #fff;
background-color: transparent;
color: #fff;

12
src/pages/layout/components/MenuTree.vue
View File

@ -1,8 +1,8 @@
<template>
<el-submenu v-if="menu.children && menu.children.length >= 1" :index="menu.url">
<template slot="title">
<svg-icon :icon-class="menu.menuIcon"></svg-icon>
<span slot="title" class="ml-8 f14">{{ menu.name }}</span>
<!-- <svg-icon :icon-class="menu.menuIcon"></svg-icon> -->
<span slot="title" class="ml-8 f16">{{ menu.name }}</span>
</template>
<MenuTree v-for="item in menu.children" :key="item.url"
:menu="item"
@ -11,8 +11,9 @@
<el-menu-item v-else @click="handleRoute(menu)" :index="menu.url"
class="zd-el-menu-item__custom-class">
<svg-icon :icon-class="menu.menuIcon"></svg-icon>
<span slot="title" class="ml-8 f14">{{ menu.name }}</span>
<!-- <svg-icon :icon-class="menu.menuIcon"></svg-icon> -->
<i :class="menu.menuIcon"></i>
<span slot="title" class="ml-8 f16">{{ menu.name }}</span>
</el-menu-item>
</template>
<script>
@ -28,6 +29,9 @@
default: 0
}
},
mounted() {
console.log(this.menu,'menu')
},
methods: {
handleRoute(menu) {
// console.log('menu',menu)

6
src/pages/layout/components/SideMenu.vue
View File

@ -51,17 +51,17 @@
if(identifier.includes('manager') || identifier.includes('admin'))
{
// 案件管理员
this.menuTree.unshift({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbench"})
this.menuTree.unshift({children:[],id:0,menuIcon:"el-icon-s-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbench"})
}
else
{
// 调解员
this.menuTree.unshift({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbenchcm"})
this.menuTree.unshift({children:[],id:0,menuIcon:"el-icon-s-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbenchcm"})
}
}
else
{
this.menuTree.push({children:[],id:0,menuIcon:"menu-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbenchcm"})
this.menuTree.push({children:[],id:0,menuIcon:"el-icon-s-home",name:"调解首页",nameEn:"",pid:0,prefix:"mediate",sort:0,type:1,typeName:"",url:"/workbenchcm"})
}
},
methods: {