From 7991973cf4c25527e227b80192e0bd087cfcee58 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期二, 27 九月 2022 18:26:25 +0800
Subject: [PATCH] 完善系统设置的基本设置
---
src/views/layout/components/Menu/index.vue | 95 ++++++++++++++++++++++++++++++++++-------------
1 files changed, 69 insertions(+), 26 deletions(-)
diff --git a/src/views/layout/components/Menu/index.vue b/src/views/layout/components/Menu/index.vue
index 05c0210..06a2df9 100644
--- a/src/views/layout/components/Menu/index.vue
+++ b/src/views/layout/components/Menu/index.vue
@@ -5,12 +5,12 @@
<h2 class="siderbar-title">閬傛槍鎵ф硶骞冲彴</h2>
<el-scrollbar>
<!-- 璺敱 -->
- <el-menu router class="el-menu-vertical" :default-active="$route.path" >
+ <el-menu router class="el-menu-vertical" :default-active="$route.path">
<!-- 绯荤粺璁剧疆妯″潡 -->
<el-submenu index="/home/system" class="firstMenu">
- <template slot="title" class="firstSpan">
+ <template slot="title">
<!-- <i class="el-icon-reading"></i> -->
- <span slot="prefix" class="icon-padding fisrtSpan">
+ <span slot="prefix" class="icon-padding fisrtSpan">
<svg-icon icon-class="system"></svg-icon>
</span>
<span class="fisrtSpan">绯荤粺璁剧疆</span>
@@ -37,7 +37,7 @@
<el-menu-item index="/home/system/role">瑙掕壊绠＄悊鍒楄〃</el-menu-item>
</el-submenu> -->
<!-- 鏉冮檺绠＄悊 -->
- <el-menu-item index="/home/system/authority">鏉冮檺绠＄悊</el-menu-item>
+ <!-- <el-menu-item index="/home/system/authority">鏉冮檺绠＄悊</el-menu-item> -->
<!-- <el-submenu index="/home/system/base/authority" class="thirdMenu">
<template slot="title">
<span class="thirdSpan">鏉冮檺绠＄悊</span>
@@ -71,24 +71,44 @@
</span>
<span class="fisrtSpan">杩愯惀绠＄悊</span>
</template>
- <el-menu-item index="/home/operate/baseSetting">鍩虹璁剧疆</el-menu-item>
- <el-submenu index="/home/operate/disposal">
+ <el-submenu index="/home/operate/baseSetting" class="secondMenu">
+ <template slot="title">
+ <span class="secondSpan">鍩虹璁剧疆</span>
+ </template>
+ <el-menu-item index="/home/operate/baseSetting/violation">杩濊浜嬮」璁剧疆</el-menu-item>
+ <el-menu-item index="/home/operate/baseSetting/illegalBuild">杩濆缓浜嬮」璁剧疆</el-menu-item>
+ <el-menu-item index="/home/operate/baseSetting/threepack">闂ㄥ墠涓夊寘璁剧疆</el-menu-item>
+ </el-submenu>
+ <el-submenu index="/home/operate/disposal" class="secondMenu">
<template slot="title">
<span class="secondSpan">浜嬮」澶勭悊绠＄悊</span>
</template>
- <el-menu-item index="/home/operate/casepool">妗堜欢姹�</el-menu-item>
- <el-menu-item index="/home/operate/casepool">涓婃姤绠＄悊</el-menu-item>
- <el-menu-item index="/home/operate/casepool">璋冨害绠＄悊</el-menu-item>
+ <el-menu-item index="/home/operate/casepool/pool">妗堜欢姹�</el-menu-item>
+ <el-menu-item index="/home/operate/casepool/escalation">涓婃姤绠＄悊</el-menu-item>
+ <el-menu-item index="/home/operate/casepool/dispatch">璋冨害绠＄悊</el-menu-item>
<!-- <el-menu-item index="/home/operate/casepool">鍐嶅涔犵鐞�</el-menu-item> -->
- <el-menu-item index="/home/operate/casepool">鏆備笉澶勭悊</el-menu-item>
+ <el-menu-item index="/home/operate/casepool/notDeal">鏆備笉澶勭悊</el-menu-item>
</el-submenu>
<el-menu-item index="/home/operate/myWait">鎴戠殑寰呭姙</el-menu-item>
- <el-menu-item index="/home/operate/rectification">涓撻」鏁存不</el-menu-item>
- <el-menu-item index="/home/operate/">宸℃煡鎵ф硶</el-menu-item>
- <el-menu-item index="/home/operate/">妗堝嵎鏌ヨ</el-menu-item>
- <el-menu-item index="/home/operate/">闂ㄥ墠浜斿寘澶勭疆绠＄悊</el-menu-item>
- <el-menu-item index="/home/operate/">绠楁硶妯″瀷绠＄悊</el-menu-item>
- <el-menu-item index="/home/operate/">杞﹁締绠＄悊</el-menu-item>
+ <el-submenu index="/home/operate/rectification" class="secondMenu">
+ <template slot="title">
+ <span class="secondSpan">涓撻」鏁存不</span>
+ </template>
+ <el-menu-item index="/home/operate/rectification/taskList">浠诲姟鍒楄〃</el-menu-item>
+ <el-menu-item index="/home/operate/rectification/surveyList">鏅煡鍒楄〃</el-menu-item>
+ <el-menu-item index="/home/operate/rectification/renovationList">鏁存不鍒楄〃</el-menu-item>
+ </el-submenu>
+ <el-menu-item index="/home/operate/lawEnforcement">宸℃煡鎵ф硶</el-menu-item>
+ <el-menu-item index="/home/operate/dasds">妗堝嵎鏌ヨ</el-menu-item>
+ <el-submenu index="/home/operate/fivepack" class="secondMenu">
+ <template slot="title">
+ <span class="secondSpan">闂ㄥ墠浜斿寘澶勭疆绠＄悊</span>
+ </template>
+ <el-menu-item index="/home/operate/fivepack/threepackage">闂ㄥ墠涓夊寘</el-menu-item>
+ <el-menu-item index="/home/operate/fivepack/shop">搴楅摵绠＄悊</el-menu-item>
+ </el-submenu>
+ <el-menu-item index="/home/operate/dasdas">绠楁硶妯″瀷绠＄悊</el-menu-item>
+ <el-menu-item index="/home/operate/dasdas">杞﹁締绠＄悊</el-menu-item>
<el-menu-item index="/home/operate">鍥剧墖绠＄悊</el-menu-item>
<el-menu-item index="/home/operate">瑙嗛绠＄悊</el-menu-item>
<el-menu-item index="/home/operate">娑堟伅绠＄悊</el-menu-item>
@@ -177,12 +197,14 @@
.icon-padding {
padding-right: 10px;
}
+
.el-aside {
background: #07162e;
color: #e9eef3;
text-align: center;
box-sizing: border-box;
position: relative;
+
// 鍥哄畾鏍囬
.siderbar-title {
position: fixed;
@@ -194,50 +216,71 @@
top: 0;
left: 0;
z-index: 999;
- // box-shadow: 0 -5px 5px #0ff inset;
}
+
.el-scrollbar {
height: calc(100vh - 66px);
margin-top: 66px;
box-sizing: border-box;
+
.el-menu {
background: linear-gradient(#07162e, #0f2b56);
border: 0;
+
.firstMenu {
background: #07162e;
text-align: left;
- &:hover .fisrtSpan{
+ &:hover>.el-submenu__title{
+ background-color: #092c4a;
+ }
+ &:hover .fisrtSpan {
color: #22d3eb;
}
- span,span {
+
+ span,
+ span {
color: #e9eef3;
}
+
.el-menu-item {
color: #e9eef3;
background-color: #07162e;
- &:hover {
- color: #22d3eb;
- }
}
+
+ .el-menu-item:hover {
+ background-color: #092c4a;
+ color: #22d3eb;
+ }
+
.is-active {
background-color: #07162e;
color: #22d3eb;
}
}
- .secondMenu{
- &:hover .secondSpan{
+
+ .secondMenu {
+ &:hover>.el-submenu__title{
+ background-color: #092c4a;
+ }
+ &:hover .secondSpan {
color: #22d3eb;
}
}
- .thirdMenu{
- &:hover .thirdSpan{
+
+ .thirdMenu {
+ &:hover>.el-submenu__title{
+ background-color: #092c4a;
+ }
+ &:hover .thirdSpan {
color: #22d3eb;
}
}
+
.is-active {
background-color: #092c4a;
}
}
+
.el-scrollbar__wrap {
overflow-x: hidden;
}
--
Gitblit v1.8.0