hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 13:56:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 菜单修改

Browse Source
This commit is contained in:
mx00085@163.com
2023-03-08 15:43:02 +08:00
parent 3e3a25e2a7
commit 0f22c8a458
1 changed files with 357 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

689
src/components/NavLeft.vue
View File

@@ -1,71 +1,46 @@
<template> <template>
<div <div
class="navLeft" class="navLeft"
:style="{ :style="{
width: packup ? '100px' : '208px', width: packup ? '100px' : '208px',
height: screenHeight - 80 + 'px', height: screenHeight - 80 + 'px',
}" }"
> >
<div style="display: flex; justify-content: flex-end"> <div style="display: flex; justify-content: flex-end">
<img <img
class="packup" class="packup"
src="../assets/images/navleft/packup.png" src="../assets/images/navleft/packup.png"
@click="packUp" @click="packUp"
:style="{ 'margin-right': packup ? '36px' : '14px' }" :style="{ 'margin-right': packup ? '36px' : '14px' }"
/> />
</div> </div>
<div <div
style="width: 100%; margin-top: 26px" style="width: 100%; margin-top: 26px"
:style="{ display: packup ? 'none' : 'block' }" :style="{ display: packup ? 'none' : 'block' }"
> >
<a-menu <a-menu
id="dddddd" id="dddddd"
:open-keys="openKeys" :open-keys="openKeys"
:selectedKeys="selectedKeys" :selectedKeys="selectedKeys"
style="width: 208px" style="width: 208px"
mode="inline" mode="inline"
@openChange="onOpenChange" @openChange="onOpenChange"
@select="selectItem" @select="selectItem"
> >
<a-sub-menu <a-sub-menu v-if="checkMenu('coursereviewedn,coursereviewed,projectreviewedn,projectreviewed')" key="sub10"
v-if=" @titleClick="titleClick">
checkMenu(
'coursereviewedn,coursereviewed,projectreviewedn,projectreviewed'
)
"
key="sub10"
@titleClick="titleClick"
>
<template #icon> <template #icon>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 22px; height: 22px" style="width: 22px; height: 22px"
src="../assets/images/navleft/review.png" src="../assets/images/navleft/review.png"
/> />
</div> </div>
</template> </template>
<template #title>审核管理</template> <template #title>审核管理</template>
<a-menu-item key="sub10-5">
<span
:class="{
circleActive: selectedKeys[0] === 'sub10-5',
circle: selectedKeys[0] !== 'sub10-5',
}"
></span>
<router-link to="/TobeOnlineReviewed">待审核在线课</router-link>
</a-menu-item>
<a-menu-item key="sub10-6">
<span
:class="{
circleActive: selectedKeys[0] === 'sub10-6',
circle: selectedKeys[0] !== 'sub10-6',
}"
></span>
<router-link to="/OnlineReviewed">已审核在线课</router-link>
</a-menu-item>
<a-menu-item key="sub10-1" v-if="checkMenu('coursereviewedn')"> <a-menu-item key="sub10-1" v-if="checkMenu('coursereviewedn')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub10-1' ? true : false, circleActive: selectedKeys[0] === 'sub10-1' ? true : false,
circle: selectedKeys[0] === 'sub10-1' ? false : true, circle: selectedKeys[0] === 'sub10-1' ? false : true,
}" }"
@@ -74,7 +49,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item key="sub10-2" v-if="checkMenu('coursereviewed')"> <a-menu-item key="sub10-2" v-if="checkMenu('coursereviewed')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub10-2' ? true : false, circleActive: selectedKeys[0] === 'sub10-2' ? true : false,
circle: selectedKeys[0] === 'sub10-2' ? false : true, circle: selectedKeys[0] === 'sub10-2' ? false : true,
}" }"
@@ -83,7 +58,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item key="sub10-3" v-if="checkMenu('projectreviewedn')"> <a-menu-item key="sub10-3" v-if="checkMenu('projectreviewedn')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub10-3' ? true : false, circleActive: selectedKeys[0] === 'sub10-3' ? true : false,
circle: selectedKeys[0] === 'sub10-3' ? false : true, circle: selectedKeys[0] === 'sub10-3' ? false : true,
}" }"
@@ -92,7 +67,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item key="sub10-4" v-if="checkMenu('projectreviewed')"> <a-menu-item key="sub10-4" v-if="checkMenu('projectreviewed')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub10-4' ? true : false, circleActive: selectedKeys[0] === 'sub10-4' ? true : false,
circle: selectedKeys[0] === 'sub10-4' ? false : true, circle: selectedKeys[0] === 'sub10-4' ? false : true,
}" }"
@@ -101,37 +76,29 @@
</a-menu-item> </a-menu-item>
</a-sub-menu> </a-sub-menu>
<a-menu-item <a-menu-item key="sub1" @titleClick="titleClick" v-if="checkMenu('learningpath')">
key="sub1"
@titleClick="titleClick"
v-if="checkMenu('learningpath')"
>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 20px; height: 18px" style="width: 20px; height: 18px"
src="../assets/images/navleft/studyPath.png" src="../assets/images/navleft/studyPath.png"
/> />
</div> </div>
<router-link to="/learningpath">学习路径图</router-link> <router-link to="/learningpath">学习路径图</router-link>
</a-menu-item> </a-menu-item>
<a-sub-menu <a-sub-menu key="sub2" @titleClick="titleClick" v-if="checkMenu('projectmanage,templatelibrary')">
key="sub2"
@titleClick="titleClick"
v-if="checkMenu('projectmanage,templatelibrary')"
>
<template #icon> <template #icon>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 15px; height: 15px" style="width: 15px; height: 15px"
src="../assets/images/navleft/project.png" src="../assets/images/navleft/project.png"
/> />
</div> </div>
</template> </template>
<template #title>项目中心</template> <template #title>项目中心</template>
<a-menu-item key="sub2-1" v-if="checkMenu('projectmanage')"> <a-menu-item key="sub2-1" v-if="checkMenu('projectmanage')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub2-1' ? true : false, circleActive: selectedKeys[0] === 'sub2-1' ? true : false,
circle: selectedKeys[0] === 'sub2-1' ? false : true, circle: selectedKeys[0] === 'sub2-1' ? false : true,
}" }"
@@ -140,7 +107,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item key="sub2-2" v-if="checkMenu('templatelibrary')"> <a-menu-item key="sub2-2" v-if="checkMenu('templatelibrary')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub2-2' ? true : false, circleActive: selectedKeys[0] === 'sub2-2' ? true : false,
circle: selectedKeys[0] === 'sub2-2' ? false : true, circle: selectedKeys[0] === 'sub2-2' ? false : true,
}" }"
@@ -149,22 +116,19 @@
</a-menu-item> </a-menu-item>
</a-sub-menu> </a-sub-menu>
<a-sub-menu <a-sub-menu key="sub3" v-if="checkMenu('coursewaremanage,onlinemanage,coursemanage')">
key="sub3"
v-if="checkMenu('coursewaremanage,onlinemanage,coursemanage')"
>
<template #icon> <template #icon>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 18px; height: 15px" style="width: 18px; height: 15px"
src="../assets/images/navleft/course.png" src="../assets/images/navleft/course.png"
/> />
</div> </div>
</template> </template>
<template #title>课程库</template> <template #title>课程库</template>
<a-menu-item key="sub3-1" v-if="checkMenu('coursewaremanage')"> <a-menu-item key="sub3-1" v-if="checkMenu('coursewaremanage')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub3-1' ? true : false, circleActive: selectedKeys[0] === 'sub3-1' ? true : false,
circle: selectedKeys[0] === 'sub3-1' ? false : true, circle: selectedKeys[0] === 'sub3-1' ? false : true,
}" }"
@@ -173,7 +137,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item key="sub3-2" v-if="checkMenu('onlinemanage')"> <a-menu-item key="sub3-2" v-if="checkMenu('onlinemanage')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub3-2' ? true : false, circleActive: selectedKeys[0] === 'sub3-2' ? true : false,
circle: selectedKeys[0] === 'sub3-2' ? false : true, circle: selectedKeys[0] === 'sub3-2' ? false : true,
}" }"
@@ -182,7 +146,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item key="sub3-3" v-if="checkMenu('coursemanage')"> <a-menu-item key="sub3-3" v-if="checkMenu('coursemanage')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub3-3' ? true : false, circleActive: selectedKeys[0] === 'sub3-3' ? true : false,
circle: selectedKeys[0] === 'sub3-3' ? false : true, circle: selectedKeys[0] === 'sub3-3' ? false : true,
}" }"
@@ -200,99 +164,43 @@
</div> </div>
<span>考试中心</span> <span>考试中心</span>
</a-menu-item> --> </a-menu-item> -->
<a-menu-item <a-menu-item key="sub5" @titleClick="titleClick" v-if="checkMenu('researchmanage')">
key="sub5"
@titleClick="titleClick"
v-if="checkMenu('researchmanage')"
>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 16px; height: 16px" style="width: 16px; height: 16px"
src="../assets/images/navleft/survey.png" src="../assets/images/navleft/survey.png"
/> />
</div> </div>
<router-link to="/researchmanage">评估管理</router-link> <router-link to="/researchmanage">评估管理</router-link>
</a-menu-item> </a-menu-item>
<!-- <a-sub-menu <a-sub-menu key="sub6">
key="sub6"
v-if="checkMenu('OldSystemManage', 'ReadingClubManage', 'dictmanage')"
>
<template #icon> <template #icon>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 22px; height: 22px" style="width: 22px; height: 22px"
src="../assets/images/navleft/review.png" src="../assets/images/navleft/review.png"
/> />
</div> </div>
</template> </template>
<template #title>系统管理</template> <template #title>系统管理</template>
<a-menu-item key="sub6-1" v-if="checkMenu('OldSystemManage')"> <a-menu-item key="sub6-1">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub6-1', circleActive: selectedKeys[0] === 'sub6-1',
circle: selectedKeys[0] !== 'sub6-1', circle: selectedKeys[0]!=='sub6-1',
}"
></span>
<router-link to="/OldSystemManage">旧版管理员界面</router-link>
</a-menu-item>
<a-menu-item key="sub6-2" v-if="checkMenu('ReadingClubManage')">
<span
:class="{
circleActive: selectedKeys[0] === 'sub6-2',
circle: selectedKeys[0] !== 'sub6-2',
}"
></span>
<router-link to="/ReadingClubManage"
>业务支援读书会管理</router-link
>
</a-menu-item>
<a-menu-item key="sub6-4" v-if="checkMenu('dictmanage')">
<span
:class="{
circleActive: selectedKeys[0] === 'sub6-4',
circle: selectedKeys[0] !== 'sub6-4',
}" }"
></span> ></span>
<router-link to="/dictmanage">字典管理</router-link> <router-link to="/dictmanage">字典管理</router-link>
</a-menu-item> </a-menu-item>
</a-sub-menu> --> </a-sub-menu>
<!-- <a-sub-menu key="sub7" v-if="checkMenu('AudienceManage')"> <a-menu-item key="sub5" v-if="checkMenu('systemManage')">
<template #icon>
<div class="imgBox">
<img
style="width: 22px; height: 22px"
src="../assets/images/navleft/review.png"
/>
</div>
</template>
<template #title>受众管理</template>
<a-menu-item key="sub7-1" v-if="checkMenu('AudienceManage')">
<span
:class="{
circleActive: selectedKeys[0] === 'sub6-7',
circle: selectedKeys[0]!=='sub6-7',
}"
></span>
<router-link to="/AudienceManage">受众管理</router-link>
</a-menu-item>
</a-sub-menu> -->
<a-menu-item key="sub7" v-if="checkMenu('AudienceManage')">
<div class="imgBox">
<img
style="width: 22px; height: 22px"
src="../assets/images/navleft/review.png"
/>
</div>
<router-link to="/audiencemanage">受众管理</router-link>
</a-menu-item>
<!-- <a-menu-item key="sub5" v-if="checkMenu('researchmanage')">
<div class="imgBox"> <div class="imgBox">
<img style="width: 16px; height: 16px" src="../assets/images/navleft/system.png"/> <img style="width: 16px; height: 16px" src="../assets/images/navleft/system.png"/>
</div> </div>
<router-link to="/researchmanage">评估管理</router-link> <router-link to="/researchmanage">评估管理</router-link>
</a-menu-item> --> </a-menu-item>
<!-- 2022-12-10注释 后面放开 --> <!-- 2022-12-10注释 后面放开 -->
<!-- <a-menu-item key="sub6" @titleClick="titleClick"> <!-- <a-menu-item key="sub6" @titleClick="titleClick">
<div class="imgBox"> <div class="imgBox">
@@ -334,23 +242,20 @@
<!-- <router-link to="/systemmanage">系统管理</router-link> --> <!-- <router-link to="/systemmanage">系统管理</router-link> -->
<!-- </a-menu-item> --> <!-- </a-menu-item> -->
<a-sub-menu <a-sub-menu key="sub11" @titleClick="titleClick"
key="sub11" v-if="checkMenu('questionmanage,papermanage,examinationcenter')">
@titleClick="titleClick"
v-if="checkMenu('questionmanage,papermanage,examinationcenter')"
>
<template #icon> <template #icon>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 16px; height: 16px" style="width: 16px; height: 16px"
src="../assets/images/navleft/test.png" src="../assets/images/navleft/test.png"
/> />
</div> </div>
</template> </template>
<template #title>考试中心</template> <template #title>考试</template>
<a-menu-item key="sub11-1" v-if="checkMenu('questionmanage')"> <a-menu-item key="sub11-1" v-if="checkMenu('questionmanage')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub11-1' ? true : false, circleActive: selectedKeys[0] === 'sub11-1' ? true : false,
circle: selectedKeys[0] === 'sub11-1' ? false : true, circle: selectedKeys[0] === 'sub11-1' ? false : true,
}" }"
@@ -359,7 +264,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item key="sub11-2" v-if="checkMenu('papermanage')"> <a-menu-item key="sub11-2" v-if="checkMenu('papermanage')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub11-2' ? true : false, circleActive: selectedKeys[0] === 'sub11-2' ? true : false,
circle: selectedKeys[0] === 'sub11-2' ? false : true, circle: selectedKeys[0] === 'sub11-2' ? false : true,
}" }"
@@ -368,7 +273,7 @@
</a-menu-item> </a-menu-item>
<a-menu-item key="sub11-3" v-if="checkMenu('examinationcenter')"> <a-menu-item key="sub11-3" v-if="checkMenu('examinationcenter')">
<span <span
:class="{ :class="{
circleActive: selectedKeys[0] === 'sub11-3' ? true : false, circleActive: selectedKeys[0] === 'sub11-3' ? true : false,
circle: selectedKeys[0] === 'sub11-3' ? false : true, circle: selectedKeys[0] === 'sub11-3' ? false : true,
}" }"
@@ -376,59 +281,155 @@
<router-link to="/examinationcenter">考试管理</router-link> <router-link to="/examinationcenter">考试管理</router-link>
</a-menu-item> </a-menu-item>
</a-sub-menu> </a-sub-menu>
<a-menu-item <a-menu-item key="sub12" @titleClick="titleClick" v-if="checkMenu('casemanage')">
key="sub12"
@titleClick="titleClick"
v-if="checkMenu('casemanage')"
>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 20px; height: 20px" style="width: 20px; height: 20px"
src="../assets/images/navleft/case.png" src="../assets/images/navleft/case.png"
/> />
</div> </div>
<router-link to="/casemanage">案例管理</router-link> <router-link to="/casemanage">案例管理</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub13" @titleClick="titleClick" v-if="checkMenu('articlemanage')">
key="sub13"
@titleClick="titleClick"
v-if="checkMenu('articlemanage')"
>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 20px; height: 20px" style="width: 20px; height: 20px"
src="../assets/images/navleft/article.png" src="../assets/images/navleft/article.png"
/> />
</div> </div>
<router-link to="/articlemanage">文章管理</router-link> <router-link to="/articlemanage">文章管理</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub14" @titleClick="titleClick" v-if="checkMenu('qamanage')">
key="sub14"
@titleClick="titleClick"
v-if="checkMenu('qamanage')"
>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 20px; height: 20px" style="width: 20px; height: 20px"
src="../assets/images/navleft/qa.png" src="../assets/images/navleft/qa.png"
/> />
</div> </div>
<router-link to="/qamanage">问答管理</router-link> <router-link to="/qamanage">问答管理</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub15" @titleClick="titleClick" v-if="checkMenu('download')">
key="sub15"
@titleClick="titleClick"
v-if="checkMenu('download')"
>
<div class="imgBox"> <div class="imgBox">
<img <img
style="width: 20px; height: 20px" style="width: 20px; height: 20px"
src="../assets/images/navleft/qa.png" src="../assets/images/navleft/qa.png"
/> />
</div> </div>
<router-link to="/download">下载中心</router-link> <router-link to="/download">下载中心</router-link>
</a-menu-item> </a-menu-item>
<a-sub-menu key="sub17">
<template #icon>
<div class="imgBox">
<img
style="width: 18px; height: 15px"
src="../assets/images/navleft/report.png"
/>
</div>
</template>
<template #title>报表中心</template>
<!-- <a-menu-item key="sub17-1">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-1' ? true : false,
circle: selectedKeys[0] === 'sub17-1' ? false : true,
}"
></span>
<router-link to="/operational">营运数据概览</router-link>
</a-menu-item> -->
<!-- <a-sub-menu key="sub17-2" class="treeMenu">
<template #icon>
<div class="img"></div>
</template>
<template #title>版块详细数据</template>
<a-menu-item key="sub17-2-1">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-2-1' ? true : false,
circle: selectedKeys[0] === 'sub17-2-1' ? false : true,
}"
></span>
<router-link to="/learningpathmap">学习路径图</router-link>
</a-menu-item>
<a-menu-item key="sub17-2-2">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-2-2' ? true : false,
circle: selectedKeys[0] === 'sub17-2-2' ? false : true,
}"
></span>
<router-link to="/project">项目</router-link>
</a-menu-item>
<a-menu-item key="sub17-2-3">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-2-3' ? true : false,
circle: selectedKeys[0] === 'sub17-2-3' ? false : true,
}"
></span>
<router-link to="/curriculum">课程</router-link>
</a-menu-item>
<a-menu-item key="sub17-2-4">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-2-4' ? true : false,
circle: selectedKeys[0] === 'sub17-2-4' ? false : true,
}"
></span>
<router-link to="/caseess">案例</router-link>
</a-menu-item>
<a-menu-item key="sub17-2-5">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-2-5' ? true : false,
circle: selectedKeys[0] === 'sub17-2-5' ? false : true,
}"
></span>
<router-link to="/article">文章</router-link>
</a-menu-item>
<a-menu-item key="sub17-2-6">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-2-6' ? true : false,
circle: selectedKeys[0] === 'sub17-2-6' ? false : true,
}"
></span>
<router-link to="/questionsandanswers">问答</router-link>
</a-menu-item>
<a-menu-item key="sub17-2-7">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-2-7' ? true : false,
circle: selectedKeys[0] === 'sub17-2-7' ? false : true,
}"
></span>
<router-link to="/examination">考试</router-link>
</a-menu-item>
</a-sub-menu> -->
<a-sub-menu key="sub17-3" class="treeMenu">
<template #icon>
<div class="img"></div>
</template>
<template #title>组织学习数据</template>
<a-menu-item key="sub17-3-1">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-3-1' ? true : false,
circle: selectedKeys[0] === 'sub17-3-1' ? false : true,
}"
></span>
<router-link to="/overvoew">概览</router-link>
</a-menu-item>
<a-menu-item key="sub17-3-2">
<span
:class="{
circleActive: selectedKeys[0] === 'sub17-3-2' ? true : false,
circle: selectedKeys[0] === 'sub17-3-2' ? false : true,
}"
></span>
<router-link to="/employeelearning">员工学习数据</router-link>
</a-menu-item>
</a-sub-menu>
</a-sub-menu>
<a-menu-item key="sub16" v-if="checkMenu('OldSystemManage')"> <a-menu-item key="sub16" v-if="checkMenu('OldSystemManage')">
<div class="imgBox"> <div class="imgBox">
<img <img
@@ -456,49 +457,35 @@
</div> </div>
<router-link to="/dictmanage">字典管理</router-link> <router-link to="/dictmanage">字典管理</router-link>
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
</div> </div>
<div <div
style="width: 100%; margin-top: 26px" style="width: 100%; margin-top: 26px"
:style="{ display: packup ? 'block' : 'none' }" :style="{ display: packup ? 'block' : 'none' }"
class="packupMenu" class="packupMenu"
> >
<a-menu <a-menu
id="dddddd" id="dddddd"
v-model:openKeys="openKeys2" v-model:openKeys="openKeys2"
v-model:selectedKeys="selectedKeys2" v-model:selectedKeys="selectedKeys2"
style="width: 100px" style="width: 100px"
mode="inline" mode="inline"
@click="handleClick" @click="handleClick"
> >
<a-menu-item <a-menu-item key="sub10" @titleClick="titleClick">
key="sub10"
@titleClick="titleClick"
v-if="checkMenu('coursereviewedn')"
>
<router-link to="/coursereviewedn">审核</router-link> <router-link to="/coursereviewedn">审核</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub1" @titleClick="titleClick">
key="sub1"
@titleClick="titleClick"
v-if="checkMenu('learningpath')"
>
<router-link to="/learningpath">学习</router-link> <router-link to="/learningpath">学习</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub2" @titleClick="titleClick">
key="sub2"
@titleClick="titleClick"
v-if="checkMenu('projectmanage')"
>
<router-link to="/projectmanage">项目</router-link> <router-link to="/projectmanage">项目</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub3" @titleClick="titleClick">
key="sub3"
@titleClick="titleClick"
v-if="checkMenu('coursewaremanage')"
>
<router-link to="/coursewaremanage">课程</router-link> <router-link to="/coursewaremanage">课程</router-link>
</a-menu-item> </a-menu-item>
<!-- 2022-12-10注释 后面放开 --> <!-- 2022-12-10注释 后面放开 -->
@@ -506,16 +493,9 @@
<span>考试</span> <span>考试</span>
</a-menu-item> --> </a-menu-item> -->
<a-menu-item <a-menu-item key="sub5" @titleClick="titleClick">
key="sub5"
@titleClick="titleClick"
v-if="checkMenu('researchmanage')"
>
<router-link to="/researchmanage">评估</router-link> <router-link to="/researchmanage">评估</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item key="sub7" v-if="checkMenu('AudienceManage')">
<router-link to="/audiencemanage">受众</router-link>
</a-menu-item>
<!-- 2022-12-10注释 后面放开 --> <!-- 2022-12-10注释 后面放开 -->
<!-- <a-menu-item key="sub6" @titleClick="titleClick"> <!-- <a-menu-item key="sub6" @titleClick="titleClick">
<span>报表</span> <span>报表</span>
@@ -532,61 +512,41 @@
<span>系统</span> <span>系统</span>
</a-menu-item> --> </a-menu-item> -->
<a-menu-item <a-menu-item key="sub11" @titleClick="titleClick">
key="sub11"
@titleClick="titleClick"
v-if="checkMenu('examinationcenter')"
>
<router-link to="/examinationcenter">考试</router-link> <router-link to="/examinationcenter">考试</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub12" @titleClick="titleClick">
key="sub12"
@titleClick="titleClick"
v-if="checkMenu('casemanage')"
>
<router-link to="/casemanage">案例</router-link> <router-link to="/casemanage">案例</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub13" @titleClick="titleClick">
key="sub13"
@titleClick="titleClick"
v-if="checkMenu('articlemanage')"
>
<router-link to="/articlemanage">文章</router-link> <router-link to="/articlemanage">文章</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub14" @titleClick="titleClick">
key="sub14"
@titleClick="titleClick"
v-if="checkMenu('qamanage')"
>
<router-link to="/qamanage">问答</router-link> <router-link to="/qamanage">问答</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item key="sub15" @titleClick="titleClick">
key="sub15" <router-link to="/download">问答</router-link>
@titleClick="titleClick"
v-if="checkMenu('download')"
>
<router-link to="/download">下载</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item key="sub18" v-if="checkMenu('OldSystemManage')">
<a-menu-item key="sub16" v-if="checkMenu('OldSystemManage')">
<router-link to="/oldsystemmanage">旧版</router-link> <router-link to="/oldsystemmanage">旧版</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item key="sub17" v-if="checkMenu('ReadingClubManage')"> <a-menu-item key="sub19" v-if="checkMenu('ReadingClubManage')">
<router-link to="/readingclubmanage">业务</router-link> <router-link to="/readingclubmanage">业务</router-link>
</a-menu-item> </a-menu-item>
<a-menu-item key="sub18" v-if="checkMenu('dictmanage')"> <a-menu-item key="sub20" v-if="checkMenu('dictmanage')">
<router-link to="/dictmanage">字典</router-link> <router-link to="/dictmanage">字典</router-link>
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { reactive, toRefs, onMounted, onUnmounted, watch } from "vue"; import {reactive, toRefs, onMounted, onUnmounted, watch} from "vue";
import { useRoute } from "vue-router"; import {useRoute} from "vue-router";
import { useStore } from "vuex"; import {useStore} from "vuex";
import { checkMenu } from "@/utils/utils"; import {checkMenu} from "@/utils/utils";
export default { export default {
name: "NavLeft", name: "NavLeft",
@@ -611,22 +571,23 @@ export default {
"sub13", "sub13",
"sub14", "sub14",
"sub15", "sub15",
"sub16",
"sub17", "sub17",
"sub18", "sub18",
"sub19",
"sub20",
], ],
openKeys: localStorage.getItem("openKeys") openKeys: localStorage.getItem("openKeys")
? JSON.parse(localStorage.getItem("openKeys")) ? JSON.parse(localStorage.getItem("openKeys"))
: ["sub1"], //默认打开以及打开的一级导航 : ["sub1"], //默认打开以及打开的一级导航
selectedKeys: localStorage.getItem("selectedKeys") selectedKeys: localStorage.getItem("selectedKeys")
? JSON.parse(localStorage.getItem("selectedKeys")) ? JSON.parse(localStorage.getItem("selectedKeys"))
: ["sub1"], //默认选择以及选择的二级导航 : ["sub1"], //默认选择以及选择的二级导航
openKeys2: localStorage.getItem("openKeys") openKeys2: localStorage.getItem("openKeys")
? JSON.parse(localStorage.getItem("openKeys")) ? JSON.parse(localStorage.getItem("openKeys"))
: ["sub1"], //默认打开以及打开的一级导航 : ["sub1"], //默认打开以及打开的一级导航
selectedKeys2: localStorage.getItem("openKeys") selectedKeys2: localStorage.getItem("openKeys")
? JSON.parse(localStorage.getItem("openKeys")) ? JSON.parse(localStorage.getItem("openKeys"))
: ["sub1"], //默认选择以及选择的二级导航 : ["sub1"], //默认选择以及选择的二级导航
keysList: [ keysList: [
{ {
@@ -782,35 +743,99 @@ export default {
pagename: "下载中心", pagename: "下载中心",
}, },
{ {
href: "/audiencemanage", href: "/operational",
openKeys: "sub7", openKeys: "sub17",
selectedKeys: "sub7", selectedKeys: "sub17-1",
pagename: "受众管理", pagename: "营运数据概览",
},
{
href: "/learningpathmap",
openKeys: "sub17",
openKeys2: "sub17-2",
selectedKeys: "sub17-2-1",
pagename: "学习路径图",
},
{
href: "/project",
openKeys: "sub17",
openKeys2: "sub17-2",
selectedKeys: "sub17-2-2",
pagename: "项目",
},
{
href: "/curriculum",
openKeys: "sub17",
openKeys2: "sub17-2",
selectedKeys: "sub17-2-3",
pagename: "课程",
},
{
href: "/caseess",
openKeys: "sub17",
openKeys2: "sub17-2",
selectedKeys: "sub17-2-4",
pagename: "案例",
},
{
href: "/article",
openKeys: "sub17",
openKeys2: "sub17-2",
selectedKeys: "sub17-2-5",
pagename: "文章",
},
{
href: "/questionsandanswers",
openKeys: "sub17",
openKeys2: "sub17-2",
selectedKeys: "sub17-2-6",
pagename: "问答",
},
{
href: "/examination",
openKeys: "sub17",
openKeys2: "sub17-2",
selectedKeys: "sub17-2-7",
pagename: "考试",
},
{
href: "/overvoew",
openKeys: "sub17",
openKeys2: "sub17-3",
selectedKeys: "sub17-3-1",
pagename: "概览",
},
{
href: "/employeelearning",
openKeys: "sub17",
openKeys2: "sub17-3",
selectedKeys: "sub17-3-2",
pagename: "员工学习数据",
}, },
{ {
href: "/oldsystemmanage", href: "/oldsystemmanage",
openKeys: "sub16", openKeys: "sub18",
selectedKeys: "sub16", selectedKeys: "sub18",
pagename: "旧版管理员界面", pagename: "旧版管理员界面",
}, },
{ {
href: "/readingclubmanage", href: "/readingclubmanage",
openKeys: "sub17", openKeys: "sub19",
selectedKeys: "sub17", selectedKeys: "sub19",
pagename: "业务支援读书会管理", pagename: "业务支援读书会管理",
}, },
{ {
href: "/dictmanage", href: "/dictmanage",
openKeys: "sub18", openKeys: "sub20",
selectedKeys: "sub18", selectedKeys: "sub20",
pagename: "字典管理", pagename: "字典管理",
}, },
], ],
}); });
const onOpenChange = (openKeys) => { const onOpenChange = (openKeys) => {
const latestOpenKey = openKeys.find( const latestOpenKey = openKeys.find(
(key) => state.openKeys.indexOf(key) === -1 (key) => state.openKeys.indexOf(key) === -1
); );
if (state.rootSubmenuKeys.indexOf(latestOpenKey) === -1) { if (state.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
state.openKeys = openKeys; state.openKeys = openKeys;
@@ -826,8 +851,8 @@ export default {
if (e.key === value.selectedKeys) { if (e.key === value.selectedKeys) {
localStorage.setItem("openKeys", JSON.stringify([value.openKeys])); localStorage.setItem("openKeys", JSON.stringify([value.openKeys]));
localStorage.setItem( localStorage.setItem(
"selectedKeys", "selectedKeys",
JSON.stringify([value.selectedKeys]) JSON.stringify([value.selectedKeys])
); );
// console.log('2222',[value.openKeys,value.openKeys2]) // console.log('2222',[value.openKeys,value.openKeys2])
state.openKeys = [value.openKeys,value.openKeys2]; state.openKeys = [value.openKeys,value.openKeys2];
@@ -841,70 +866,70 @@ export default {
const route = useRoute(); const route = useRoute();
watch( watch(
() => route.fullPath, () => route.fullPath,
(n) => { (n) => {
console.log("监听路由", n, store.state.openpages, state.keysList); console.log("监听路由", n, store.state.openpages, state.keysList);
// console.log("new:" + n.toLowerCase() + ",old:" + o); // console.log("new:" + n.toLowerCase() + ",old:" + o);
let arr = state.keysList; let arr = state.keysList;
arr.map((value) => { arr.map((value) => {
if (n.toLowerCase() === value.href) { if (n.toLowerCase() === value.href) {
localStorage.setItem("openKeys", JSON.stringify([value.openKeys])); localStorage.setItem("openKeys", JSON.stringify([value.openKeys]));
localStorage.setItem( localStorage.setItem(
"selectedKeys", "selectedKeys",
JSON.stringify([value.selectedKeys]) JSON.stringify([value.selectedKeys])
); );
state.openKeys = [value.openKeys]; state.openKeys = [value.openKeys,value.openKeys2];
state.selectedKeys = [value.selectedKeys]; state.selectedKeys = [value.selectedKeys];
state.openKeys2 = [value.openKeys]; state.openKeys2 = [value.openKeys,value.openKeys2];
state.selectedKeys2 = [value.openKeys]; state.selectedKeys2 = [value.openKeys];
} }
});
let openpages = store.state.openpages;
if (openpages.length === 0) {
let pagename = state.keysList.filter((a) => {
return a.href === n.toLowerCase();
}); });
if (pagename && pagename.length !== 0) { let openpages = store.state.openpages;
let obj = { if (openpages.length === 0) {
pagename: pagename[0].pagename, let pagename = state.keysList.filter((a) => {
href: n.toLowerCase(), return a.href === n.toLowerCase();
active: true, });
}; if (pagename && pagename.length !== 0) {
openpages.push(obj); let obj = {
} pagename: pagename[0].pagename,
} else { href: n.toLowerCase(),
for (let i = 0; i < openpages.length; i++) { active: true,
openpages[i].active = false; };
} openpages.push(obj);
for (let i = 0; i < openpages.length; i++) { }
openpages[i].active = false; } else {
if (n.toLowerCase() === openpages[i].href) { for (let i = 0; i < openpages.length; i++) {
console.log("已存在", openpages[i]); openpages[i].active = false;
openpages[i].active = true; }
break; for (let i = 0; i < openpages.length; i++) {
} else { openpages[i].active = false;
if (i === openpages.length - 1) { if (n.toLowerCase() === openpages[i].href) {
let pagename = state.keysList.filter((a) => { console.log("已存在", openpages[i]);
return a.href === n.toLowerCase(); openpages[i].active = true;
}); break;
if (pagename && pagename.length !== 0) { } else {
let obj = { if (i === openpages.length - 1) {
pagename: pagename[0].pagename, let pagename = state.keysList.filter((a) => {
href: n.toLowerCase(), return a.href === n.toLowerCase();
active: true, });
}; if (pagename && pagename.length !== 0) {
openpages.push(obj); let obj = {
pagename: pagename[0].pagename,
href: n.toLowerCase(),
active: true,
};
openpages.push(obj);
}
} }
} }
} }
} }
localStorage.setItem("openpages", JSON.stringify(openpages));
store.commit("chengeOpenpages", openpages);
// store.getters.chengeOpenpages(openpages)
} }
localStorage.setItem("openpages", JSON.stringify(openpages));
store.commit("chengeOpenpages", openpages);
// store.getters.chengeOpenpages(openpages)
}
); );
const packUp = () => { const packUp = () => {
state.packup = !state.packup; state.packup = !state.packup;