|
@@ -8,11 +8,17 @@
|
|
|
<b></b>
|
|
|
</div>
|
|
|
<ul class="menuFold" v-show="menuFold">
|
|
|
+ <li
|
|
|
+ @click="menuFoldHandle(1)"
|
|
|
+ v-bind:class="{ isOpened: opened === 'mainPage' }"
|
|
|
+ >
|
|
|
+ <b class="my-icon-home is"></b>
|
|
|
+ </li>
|
|
|
<li
|
|
|
@click="menuFoldHandle(1)"
|
|
|
v-bind:class="{ isOpened: opened === 'modelLibrary' }"
|
|
|
>
|
|
|
- <b class="my-icon-menuA is"></b>
|
|
|
+ <b class="my-icon-menuA"></b>
|
|
|
</li>
|
|
|
<li
|
|
|
@click="menuFoldHandle(1)"
|
|
@@ -32,7 +38,7 @@
|
|
|
>
|
|
|
<b class="my-icon-menuD"></b>
|
|
|
</li>
|
|
|
- <li
|
|
|
+ <!-- <li
|
|
|
@click="menuFoldHandle(1)"
|
|
|
v-bind:class="{ isOpened: opened === 'systemManagement' }"
|
|
|
>
|
|
@@ -43,18 +49,23 @@
|
|
|
v-bind:class="{ isOpened: opened === 'systemManagement' }"
|
|
|
>
|
|
|
<b class="my-icon-menuF"></b>
|
|
|
- </li>
|
|
|
+ </li> -->
|
|
|
</ul>
|
|
|
|
|
|
<div class="menuList" v-show="!menuFold">
|
|
|
<el-menu
|
|
|
- default-active="modelLibrary"
|
|
|
+ default-active="mainPage"
|
|
|
class="el-menu-vertical-demo"
|
|
|
background-color="#3397FF"
|
|
|
+ :unique-opened="true"
|
|
|
:router="true"
|
|
|
@select="menuSel"
|
|
|
>
|
|
|
<!-- active-text-color="#ffffff" -->
|
|
|
+ <el-menu-item index="mainPage" class="indexMenu">
|
|
|
+ <i class="my-icon-home"></i>
|
|
|
+ <span>首页</span>
|
|
|
+ </el-menu-item>
|
|
|
<el-submenu index="modelLibrary">
|
|
|
<template slot="title">
|
|
|
<i class="my-icon-menuA"></i>
|
|
@@ -99,7 +110,7 @@
|
|
|
>场景测试包管理</el-menu-item
|
|
|
>
|
|
|
<el-menu-item index="gradingRulesList"
|
|
|
- >打分规则</el-menu-item
|
|
|
+ >评分规则</el-menu-item
|
|
|
>
|
|
|
</el-submenu>
|
|
|
<el-submenu index="workManagement">
|
|
@@ -123,12 +134,12 @@
|
|
|
</el-menu>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="fold" v-show="menuFold">
|
|
|
+ <!-- <div class="fold" v-show="menuFold">
|
|
|
<img :src="imgSrc" width="100%" height="100%" />
|
|
|
</div>
|
|
|
<div class="unfold" v-show="!menuFold">
|
|
|
<img :src="imgSrc" width="100%" height="100%" />
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -152,7 +163,7 @@ export default {
|
|
|
this.$emit("menuFold", this.menuFold);
|
|
|
},
|
|
|
menuSel(index, indexPath) {
|
|
|
- // console.log(index, indexPath);
|
|
|
+ console.log(index, indexPath);
|
|
|
this.opened = indexPath[0];
|
|
|
},
|
|
|
},
|
|
@@ -231,7 +242,6 @@ export default {
|
|
|
|
|
|
b {
|
|
|
display: block;
|
|
|
- background-size: contain;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -242,6 +252,7 @@ export default {
|
|
|
height: 38px;
|
|
|
background: url("../../assets/common/image/menu/iconFold.png") center
|
|
|
no-repeat;
|
|
|
+ background-size: contain;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -252,15 +263,30 @@ export default {
|
|
|
height: 27px;
|
|
|
background: url("../../assets/common/image/menu/icon.png") center
|
|
|
no-repeat;
|
|
|
+ background-size: contain;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.el-submenu [class^="my-icon-"] {
|
|
|
+.el-submenu [class^="my-icon-"],
|
|
|
+.el-menu-item [class^="my-icon-"] {
|
|
|
width: 24px;
|
|
|
height: 18px;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
+.indexMenu {
|
|
|
+ padding-left: 15px !important;
|
|
|
+ padding-right: 10px !important;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #ffffff !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.my-icon-home {
|
|
|
+ background: url("../../assets/common/image/menu/home.png") center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
.my-icon-menuA {
|
|
|
background: url("../../assets/common/image/menu/menuA.png") center no-repeat;
|
|
|
}
|
|
@@ -308,10 +334,11 @@ export default {
|
|
|
|
|
|
.el-menu {
|
|
|
// background: @themeColor;
|
|
|
+ border-right-color: @themeColor;
|
|
|
|
|
|
/deep/ .el-submenu__title,
|
|
|
.el-menu-item {
|
|
|
- color: #D7E7FE;
|
|
|
+ color: #d7e7fe;
|
|
|
|
|
|
&.is-active {
|
|
|
color: #ffffff;
|