左侧菜单

src/components/UserCenter/menu.vue

@@ -9,12 +9,13 @@
     > -->
     <!-- <i class="el-icon-collection-tag"></i> 我的导航 -->
     <!-- </div> -->
+    <!-- :default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','lecturer','myqa','notice','mystudy', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes','mycaseRecord']" -->
     <div class="uc-menu" style="background-color: #ffffff;padding-bottom:20px">
       <el-menu
         :default-active="activeMenu"
         router
         active-text-color="#3379FB"
-        :default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','lecturer','myqa','notice','mystudy', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes','mycaseRecord']"
+        :default-openeds="openedsList"
         class="el-menu-vertical"
         @open="handleOpen"
         @close="handleClose"
@@ -242,12 +243,12 @@
           <svg-icon :icon-class="activeMenu == '/user/medal'?'myxunzhang-active':'myxunzhang'"></svg-icon>
           <span slot="title">我的勋章</span>
       </el-menu-item>
-        <el-submenu index="mystudy" v-show="curIdentity == 1">
+        <!-- <el-submenu index="mystudy" v-show="curIdentity == 1">
-          <template slot="title">
+          <template slot="title"> -->
             <!-- <i class="el-icon-s-grid"></i> -->
-            <svg-icon icon-class="mystudy"></svg-icon>
+            <!-- <svg-icon icon-class="mystudy"></svg-icon>
             <span>我的学习</span>
-          </template>
+          </template> -->
           <!-- <el-menu-item index="/uc/study/task"> -->
             <!-- <i class="el-icon-menu"></i> -->
             <!-- <span slot="title" class="study textl"><el-badge :value="studyTaskCount||''" class="item">学习任务</el-badge></span>
@@ -260,10 +261,10 @@
            <!-- <el-menu-item index="/exam/mytask">
             <i class="el-icon-menu"></i>
             <span slot="title" class="textl">我的考试</span>
-          </el-menu-item>
+          </el-menu-item> -->
-          <el-menu-item index="/uc/study/growth">
+          <!-- <el-menu-item index="/uc/study/growth">
             <span slot="title" class="textl">成长路径</span>
-          </el-menu-item>
+          </el-menu-item> -->
           <!-- 去掉
           <el-menu-item index="/uc/study/path"  v-show="isTest">
             <span slot="title" class="textl">学习路径图</span>
@@ -275,8 +276,8 @@
           <!-- <i class="el-icon-menu"></i> -->
           <!-- <span slot="title" class="textl">历史记录</span>
           </el-menu-item> -->
-        </el-submenu>
+        <!-- </el-submenu> -->
-        <el-submenu index="mystudy" v-show="curIdentity == 1">
+        <el-submenu v-if="fistTotal+pathTotal+proTotal+growTotal" index="mystudy" v-show="curIdentity == 1">
           <template slot="title">
             <svg-icon icon-class="mystudy"></svg-icon>
             <span>我的必修</span>
@@ -284,20 +285,24 @@
           <el-menu-item v-if="fistTotal" index="/uc/study/task?type=1">
             <span slot="title" class="study textl"><el-badge :value="fistTotal||''" class="item">领导力必修</el-badge></span>
           </el-menu-item>
-          <el-menu-item index="uc/study/growth">
+          <el-menu-item v-if="growTotal" index="/uc/study/growth">
-            <span slot="title" class="textl"><el-badge :value="studyTaskCount||''" class="item">专业力必修</el-badge></span>
+            <span slot="title" class="textl">专业力必修</span>
           </el-menu-item>
            <el-menu-item v-if="pathTotal + proTotal" index="/uc/study/task?type=2">
             <span slot="title" class="textl"><el-badge :value="pathTotal + proTotal||''" class="item">定制化学习</el-badge></span>
           </el-menu-item>
         </el-submenu>
+        <el-menu-item v-else index="/uc/study/task?type=9" v-show="curIdentity == 1">
+          <svg-icon :icon-class="activeMenu == '/uc/study/task'?'mystudy':'mystudy'"></svg-icon>
+          <span slot="title">我的必修</span>
+        </el-menu-item>
         <el-submenu index="myelective" v-show="curIdentity == 1">
           <template slot="title">
             <svg-icon icon-class="mystudy"></svg-icon>
             <span>我的选修</span>
           </template>
           <el-menu-item index="/uc/study/courses">
-            <span slot="title" class="study textl"><el-badge :value="studyTaskCount||''" class="item">自选学习</el-badge></span>
+            <span slot="title" class="study textl">自选学习</span>
           </el-menu-item>
         </el-submenu>
         <el-menu-item index="/exam/mytask" v-show="curIdentity == 1">
@@ -418,6 +423,7 @@ import {pageList} from "@/api/modules/lecturer"
 import courseImage from "@/components/Course/courseImage.vue"
 import testUser from '@/utils/testUsers.js'
 import apiManage from '@/api/manage/manage.js'
+import {getList} from '@/api/growth'
 export default {
   name: 'UcMenu',
     components: {
@@ -428,6 +434,9 @@ export default {
     activeMenu() {
       const route = this.$route;
       const { meta, path } = route;
+      if(path == '/uc/study/task'){
+        return '/uc/study/task?type='+route.query.type
+      }
       if(meta.title == '添加受众' || meta.title == '查看受众'){
         meta.activeMenu = '/manage/ugroups'
       }
@@ -449,6 +458,8 @@ export default {
       fistTotal:0,
       proTotal: 0,
       pathTotal:0,
+      growTotal: 0,
+      openedsList:[]
     };
   },
   created() {
@@ -489,6 +500,11 @@ export default {
       apiManage.compulsoryList(params).then(res=>{
         this.pathTotal =parseInt(res.data.total);
       })
+      getList(this.userInfo.aid).then(res=>{
+        if(res.code == 200 ){
+          this.growTotal = 1
+        }
+      })
     },
     //讲师认证条数
     instructorCertification(){
@@ -523,6 +539,7 @@ export default {
 			},
     handleOpen(key, keyPath) {
       console.log(key, keyPath);
+      this.openedsList = [key]
     },
     handleClose(key, keyPath) {
       console.log(key, keyPath);

src/views/study/TaskList.vue

@@ -1,5 +1,9 @@
 <template>
   <div>
+    <div style="margin-top: 50px;" v-if="isType == 9">
+      <el-empty description="您还没有学习数据"></el-empty>
+    </div>
+    <div v-else>
        <!-- <div style="display:flex; padding-left:20px; width:100%">
         <div style="width:100px">完成情况</div>
         <div class="progress"><div class="msg">课程完成情况</div> <el-progress :text-inside="true" :stroke-width="16" :percentage="porcessData.course"  status="warning" class="progressItem"> </el-progress> </div>
@@ -81,6 +85,7 @@
           </div>
       </div>
     </div>
+  </div>
 </template>
 
 <script>
@@ -121,7 +126,9 @@ export default {
       handler(to, from) {
         console.log('type变化了', to.query.type);
         this.isType = to.query.type;
+        if(this.isType != 9){
           this.loadBoeData();
+        }
       },
       immediate: true
     }