|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="oa_menus">
|
|
|
- <div
|
|
|
+ <!-- <div
|
|
|
class="menus-tabs"
|
|
|
v-for="(item, index) in reactiveData.routes"
|
|
|
:key="index"
|
|
@@ -12,6 +12,30 @@
|
|
|
</div>
|
|
|
<p class="title">{{ item.name }}</p>
|
|
|
</div>
|
|
|
+ </div> -->
|
|
|
+ <div class="menus-tabs">
|
|
|
+ <el-menu default-active="2" class="el-menu-vertical-demo">
|
|
|
+ <div
|
|
|
+ v-for="(item, index) in reactiveData.routes"
|
|
|
+ :key="index"
|
|
|
+ class="menuDiv"
|
|
|
+ @mouseenter="handleMouseEnter(item, index)"
|
|
|
+ @mouseleave="handleMouseLeave(item, index)"
|
|
|
+ v-show="item.name != '个人档案'"
|
|
|
+ >
|
|
|
+ <el-menu-item @click="menuClick(item, index)" :index="String(index)">
|
|
|
+ <icon :icon="item.icon" />
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ <span
|
|
|
+ class="project_corner"
|
|
|
+ v-if="['个人中心'].includes(item.name) && projectCorner > 0"
|
|
|
+ >
|
|
|
+ {{ projectCorner }}
|
|
|
+ </span>
|
|
|
+ </el-menu-item>
|
|
|
+ <MenusActive :menuData="menuData" v-if="mouseenterIndex == index" />
|
|
|
+ </div>
|
|
|
+ </el-menu>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -25,6 +49,7 @@ import { getAttendCount } from '@/api/oa/index'
|
|
|
import subscribe from '@/utils/Subscribe'
|
|
|
import request from '@/config/axios'
|
|
|
import { useUserStoreWithOut } from '@/store/modules/user'
|
|
|
+import MenusActive from './menusActive.vue'
|
|
|
|
|
|
defineOptions({ name: 'Header' })
|
|
|
const { t } = useI18n()
|
|
@@ -58,7 +83,8 @@ const getProjectCheckNum = async () => {
|
|
|
)
|
|
|
projectCorner.value = result
|
|
|
}
|
|
|
-getProjectCheckNum()
|
|
|
+// getProjectCheckNum()
|
|
|
+
|
|
|
/***
|
|
|
* 根据用户ID获取待办角标
|
|
|
*/
|
|
@@ -131,14 +157,11 @@ onMounted(() => {
|
|
|
width: calc(100%);
|
|
|
height: 100%;
|
|
|
background: #fff;
|
|
|
- box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.05);
|
|
|
- border-radius: 3px;
|
|
|
- overflow-y: auto;
|
|
|
- padding: 10px 0px;
|
|
|
}
|
|
|
-
|
|
|
+.menuDiv {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
.menus-tabs {
|
|
|
- padding: 10px 10px;
|
|
|
.menu_item_box {
|
|
|
.icon {
|
|
|
width: 40px;
|