fix: 菜单修改

This commit is contained in:
mx00085@163.com
2023-03-08 15:43:02 +08:00
parent 3e3a25e2a7
commit 0f22c8a458

View File

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