fix: 菜单修改

src/components/NavLeft.vue

@@ -27,15 +27,8 @@
           @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
@@ -45,24 +38,6 @@
             </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="{
@@ -101,11 +76,7 @@
           </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"
@@ -115,11 +86,7 @@
           <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
@@ -149,10 +116,7 @@
           </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
@@ -200,11 +164,7 @@
           </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"
@@ -214,10 +174,7 @@
           <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
@@ -227,72 +184,23 @@
             </div>
           </template>
           <template #title>系统管理</template>
-          <a-menu-item key="sub6-1" v-if="checkMenu('OldSystemManage')">
+          <a-menu-item key="sub6-1">
             <span
                 :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,11 +242,8 @@
         <!-- <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
@@ -347,7 +252,7 @@
               />
             </div>
           </template>
-          <template #title>考试中心</template>
+          <template #title>考试</template>
           <a-menu-item key="sub11-1" v-if="checkMenu('questionmanage')">
             <span
                 :class="{
@@ -376,11 +281,7 @@
             <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"
@@ -389,11 +290,7 @@
           </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"
@@ -402,11 +299,7 @@
           </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"
@@ -415,11 +308,7 @@
           </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"
@@ -428,7 +317,119 @@
           </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,6 +457,8 @@
           </div>
           <router-link to="/dictmanage">字典管理</router-link>
         </a-menu-item>
+
+
       </a-menu>
     </div>
     <div
@@ -471,34 +474,18 @@
           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,9 +571,10 @@ export default {
         "sub13",
         "sub14",
         "sub15",
-        "sub16",
         "sub17",
         "sub18",
+        "sub19",
+        "sub20",
       ],
       openKeys: localStorage.getItem("openKeys")
           ? JSON.parse(localStorage.getItem("openKeys"))
@@ -782,29 +743,93 @@ 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: "字典管理",
         },
+
       ],
     });
 
@@ -853,9 +878,9 @@ export default {
                   "selectedKeys",
                   JSON.stringify([value.selectedKeys])
               );
-            state.openKeys = [value.openKeys];
+              state.openKeys = [value.openKeys,value.openKeys2];
               state.selectedKeys = [value.selectedKeys];
-            state.openKeys2 = [value.openKeys];
+              state.openKeys2 = [value.openKeys,value.openKeys2];
               state.selectedKeys2 = [value.openKeys];
             }
           });