|
@@ -1,11 +1,6 @@
|
|
|
<template>
|
|
|
<span style="margin-top: auto">
|
|
|
- <el-popover
|
|
|
- placement="right-end"
|
|
|
- trigger="hover"
|
|
|
- width="385"
|
|
|
- :open-delay="200"
|
|
|
- >
|
|
|
+ <el-popover placement="right-end" trigger="hover" width="385" :open-delay="200">
|
|
|
<!-- overlay-class-name="head-popover" -->
|
|
|
<!-- <svg-icon class="menu-wrapper-icon" icon-class="question" />-->
|
|
|
|
|
@@ -13,25 +8,14 @@
|
|
|
<!-- -->
|
|
|
<!-- </template>-->
|
|
|
<div class="menu-wrapper">
|
|
|
- <div
|
|
|
- v-for="item in menuBaseData"
|
|
|
- :key="item.key"
|
|
|
- class="children-menu-wrapper"
|
|
|
- >
|
|
|
+ <div v-for="item in menuBaseData" :key="item.key" class="children-menu-wrapper">
|
|
|
<div
|
|
|
class="title"
|
|
|
:class="{ active: active === item.key }"
|
|
|
@click="switchProjects(item)"
|
|
|
- >
|
|
|
- {{ item.name }}
|
|
|
- </div>
|
|
|
+ >{{ item.name }}</div>
|
|
|
<el-row v-if="item.menuList.length" class="box" style="margin: 0">
|
|
|
- <el-col
|
|
|
- v-for="elm in item.menuList"
|
|
|
- :key="elm.key"
|
|
|
- :span="8"
|
|
|
- class="item-wrapper"
|
|
|
- >
|
|
|
+ <el-col v-for="elm in item.menuList" :key="elm.key" :span="8" class="item-wrapper">
|
|
|
<span @click.stop="goToPage(elm)">
|
|
|
<span class="custom-icon-wrapper">
|
|
|
<i
|
|
@@ -44,8 +28,7 @@
|
|
|
? elm.menuBase.color
|
|
|
: 'transparent'
|
|
|
}"
|
|
|
- >{{ translateHtmlCharater(elm.menuBase.icon) }}</i
|
|
|
- >
|
|
|
+ >{{ translateHtmlCharater(elm.menuBase.icon) }}</i>
|
|
|
</span>
|
|
|
<div class="name">{{ elm.name }}</div>
|
|
|
</span>
|
|
@@ -53,10 +36,9 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <span
|
|
|
-slot="reference"
|
|
|
- ><i class="iconfont icon menu-wrapper-icon">𑤑</i></span
|
|
|
- >
|
|
|
+ <span slot="reference">
|
|
|
+ <i class="iconfont icon menu-wrapper-icon">𑤑</i>
|
|
|
+ </span>
|
|
|
</el-popover>
|
|
|
</span>
|
|
|
</template>
|