mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-09 10:56:44 +08:00
802 lines
30 KiB
Vue
802 lines
30 KiB
Vue
<template>
|
||
<div >
|
||
<!-- <div
|
||
style="
|
||
border-bottom: 1px solid rgb(219, 219, 219);
|
||
padding: 5px 0px 5px 10px;
|
||
color: #565656;
|
||
"
|
||
> -->
|
||
<!-- <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="openedsList"
|
||
class="el-menu-vertical"
|
||
@open="handleOpen"
|
||
@close="handleClose"
|
||
:collapse="isCollapse">
|
||
<el-submenu index="manageTodo" v-show="curIdentity == 3">
|
||
<template slot="title" class="oneheight">
|
||
<svg-icon icon-class="await" class="fontsamll" style="font-size:17px"></svg-icon>
|
||
<span>我的待办</span>
|
||
</template>
|
||
<el-menu-item index="/examine/notapproved">
|
||
<span class="textl"><el-badge :value="messagesBeReviewed" class="item" :hidden="messagesBeReviewed == 0">待审核的课程</el-badge></span>
|
||
</el-menu-item>
|
||
<!-- 毛继禹 110858,只有这个人才可以看到这个菜单，如果是本地开发测试，把这个先去掉-->
|
||
<el-menu-item v-if="userInfo.userNo=='110858'" index="/course/opencourse/audit">
|
||
<span class="textl">公开课审核</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
<el-submenu index="manageFinish" v-show="curIdentity == 3">
|
||
<template slot="title">
|
||
<svg-icon icon-class="already"></svg-icon>
|
||
<!-- <i class="el-icon-s-grid"></i> -->
|
||
<span>我的已办</span>
|
||
</template>
|
||
<el-menu-item index="/examine/reviewed">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">已审核的课程</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
<el-submenu index="course" v-show="curIdentity == 3">
|
||
<template slot="title">
|
||
<svg-icon icon-class="course" style="font-size:15px"></svg-icon>
|
||
<!-- <i class="el-icon-s-grid"></i> -->
|
||
<span>课程</span>
|
||
</template>
|
||
<el-menu-item index="/course/manage">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">课程管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/course/courseware">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">课件管理</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
<el-submenu index="exam" v-show="curIdentity == 3">
|
||
<template slot="title">
|
||
<svg-icon icon-class="exam" style="font-size:14px"></svg-icon>
|
||
<span>考试</span>
|
||
</template>
|
||
<el-menu-item index="/exam/question">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">试题管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/exam/testpaper">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">试卷管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/exam/list">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">考试管理</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
<!--增加一个说明-->
|
||
<!-- <el-menu-item index="/manage/teachers" v-show="curIdentity == 3">
|
||
<svg-icon icon-class="teather"></svg-icon>
|
||
<span slot="title">教师管理</span>
|
||
</el-menu-item> -->
|
||
<el-menu-item index="/case/manage" v-show="curIdentity == 3">
|
||
<svg-icon icon-class="case"></svg-icon>
|
||
<span slot="title">案例管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/manage/ugroups" v-show="curIdentity == 3">
|
||
<svg-icon icon-class="audience" style="font-size:16px"></svg-icon>
|
||
<span slot="title">受众管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/article/manage" v-show="curIdentity == 3">
|
||
<svg-icon icon-class="essayicon" style="font-size:17px"></svg-icon>
|
||
<span slot="title">文章管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/qa/manage" v-show="curIdentity == 3">
|
||
<svg-icon icon-class="interlocution"></svg-icon>
|
||
<span slot="title">问答管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item v-show="curIdentity == 3">
|
||
<template slot="title">
|
||
<svg-icon icon-class="administrator" style="font-size:17px"></svg-icon>
|
||
<span><a href="/resource/index.html" target="_blank" style="color:#303133;">旧版管理员界面</a></span>
|
||
</template>
|
||
</el-menu-item>
|
||
<el-menu-item v-show="curIdentity == 3 && isTest">
|
||
<template slot="title">
|
||
<svg-icon icon-class="administrator" style="font-size:17px"></svg-icon>
|
||
<span><a :href="managerPath+'/learningpath'" target="_blank" style="color:#303133;">新版管理员界面</a></span>
|
||
</template>
|
||
</el-menu-item>
|
||
<el-menu-item v-show="curIdentity == 3">
|
||
<template slot="title">
|
||
<svg-icon icon-class="management" style="font-size:16px"></svg-icon>
|
||
<span><a href="https://u.boe.com/train/manager/index.html" style="color:#303133;" target="_blank">业务支援读书会管理</a></span>
|
||
</template>
|
||
</el-menu-item>
|
||
<!-- <el-menu-item index="/qa/manage" v-show="curIdentity == 3" disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">必修任务</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/qa/manage" v-show="curIdentity == 3" disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">混合式学习项目</span> </el-menu-item
|
||
><el-menu-item index="/qa/manage" v-show="curIdentity == 3" disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">报表</span> </el-menu-item
|
||
><el-menu-item index="/qa/manage" v-show="curIdentity == 3" disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">评估</span> </el-menu-item
|
||
><el-menu-item index="/qa/manage" v-show="curIdentity == 3" disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">推送任务</span> </el-menu-item
|
||
><el-menu-item index="/qa/manage" v-show="curIdentity == 3" disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">测评</span> </el-menu-item
|
||
><el-menu-item index="/qa/manage" v-show="curIdentity == 3" disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">证书管理</span>
|
||
</el-menu-item> -->
|
||
|
||
<!--teacher-->
|
||
<el-submenu index="teacherTodo" v-show="curIdentity == 2">
|
||
<template slot="title">
|
||
<svg-icon icon-class="await" style="font-size:17px"></svg-icon>
|
||
<!-- <i class="el-icon-s-grid"></i> -->
|
||
<span class="icon-text">我的待办</span>
|
||
</template>
|
||
<el-menu-item index="/need/waitaudit">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">待审核的课程</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/need/qareply">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">待回答问题</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
<el-submenu index="teacherFinish" v-show="curIdentity == 2">
|
||
<template slot="title">
|
||
<!-- <i class="el-icon-s-grid"></i> -->
|
||
<svg-icon icon-class="already"></svg-icon>
|
||
<span>我的已办</span>
|
||
</template>
|
||
<el-menu-item index="/need/waitaudited">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">已审核的课程</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/need/qafinish">
|
||
<span slot="title" class="textl">已回答问题</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
<el-submenu index="u003" v-show="curIdentity == 2">
|
||
<template slot="title">
|
||
<svg-icon icon-class="course" style="font-size:16px"></svg-icon>
|
||
<!-- <i class="el-icon-s-grid"></i> -->
|
||
<span>专业贡献</span>
|
||
</template>
|
||
<el-menu-item index="/need/course">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">我开发的课程</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/need/mylecnotes">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">我的授课记录</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/case/mylist">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">我的案例记录</span>
|
||
</el-menu-item>
|
||
<!--
|
||
<el-menu-item index="u0032">
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title"><router-link to="/teaching/course">授课记录</router-link></span>
|
||
</el-menu-item>
|
||
-->
|
||
</el-submenu>
|
||
<el-menu-item index="/need/lecturer" v-show="curIdentity == 2">
|
||
<template slot="title">
|
||
<svg-icon icon-class="lecturer" style="font-size:16px"></svg-icon>
|
||
<span>讲师认证</span>
|
||
<div v-if="instructor!=0" style="position: absolute;right: 60px;top: 0;background-color: red;width: 20px;height: 20px;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center">
|
||
{{ instructor }}</div>
|
||
</template>
|
||
</el-menu-item>
|
||
<el-submenu index="u004" v-show="curIdentity == 2">
|
||
<template slot="title">
|
||
<i class="el-icon-s-grid" style="color:#0165FF"></i>
|
||
<span>功能百宝箱</span>
|
||
</template>
|
||
<!-- <el-menu-item index="" disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">课程开发教程</span>
|
||
</el-menu-item>
|
||
<el-menu-item disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">课程开发模板</span>
|
||
</el-menu-item> -->
|
||
<el-menu-item index="/user/developtoolsdown">
|
||
<!-- <i class="el-icon-menu" ></i> -->
|
||
<span slot="title" class="textl">开发工具下载</span>
|
||
</el-menu-item>
|
||
<!-- <el-menu-item disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">录播室预约</span>
|
||
</el-menu-item>
|
||
<el-menu-item disabled>
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">专家库</span>
|
||
</el-menu-item> -->
|
||
</el-submenu>
|
||
<!--user-->
|
||
|
||
<!-- <el-menu-item >
|
||
<svg-icon icon-class="myubi"></svg-icon>
|
||
<span slot="title">我的U币</span>
|
||
</el-menu-item> -->
|
||
<el-menu-item index="/user/ucurrency" v-show="curIdentity == 1">
|
||
<svg-icon :icon-class="activeMenu == '/user/ucurrency'?'myubi-active':'myubi'"></svg-icon>
|
||
<span slot="title">我的U币</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/user/medal" v-show="curIdentity == 1">
|
||
<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">
|
||
<template slot="title"> -->
|
||
<!-- <i class="el-icon-s-grid"></i> -->
|
||
<!-- <svg-icon icon-class="mystudy"></svg-icon>
|
||
<span>我的学习</span>
|
||
</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>
|
||
</el-menu-item> -->
|
||
<!-- <el-menu-item index="/uc/study/courses"> -->
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<!-- <span slot="title" class="textl">自主学习</span> -->
|
||
<!-- <span slot="title" class="textl">我报名的</span>
|
||
</el-menu-item> -->
|
||
<!-- <el-menu-item index="/exam/mytask">
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title" class="textl">我的考试</span>
|
||
</el-menu-item> -->
|
||
<!-- <el-menu-item index="/uc/study/growth">
|
||
<span slot="title" class="textl">成长路径</span>
|
||
</el-menu-item> -->
|
||
<!-- 去掉
|
||
<el-menu-item index="/uc/study/path" v-show="isTest">
|
||
<span slot="title" class="textl">学习路径图</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/uc/study/project" v-show="isTest">
|
||
<span slot="title" class="textl">学习项目</span>
|
||
</el-menu-item> -->
|
||
<!-- <el-menu-item index="/uc/study/history"> -->
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<!-- <span slot="title" class="textl">历史记录</span>
|
||
</el-menu-item> -->
|
||
<!-- </el-submenu> -->
|
||
<el-submenu v-if="fistTotals+pathTotals+growTotal" index="mystudy" v-show="curIdentity == 1">
|
||
<template slot="title">
|
||
<!-- <svg-icon icon-class="mystudy"></svg-icon> -->
|
||
<i style="margin-right: 8px;width: 19px;color:#303133;" class="el-icon-collection"></i>
|
||
<span><el-badge :value="fistTotal + pathTotal||''" class="item">我的必修</el-badge></span>
|
||
</template>
|
||
<el-menu-item v-if="fistTotals" 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 v-if="growTotal" index="/uc/study/growth">
|
||
<span slot="title" class="textl">专业力必修</span>
|
||
</el-menu-item>
|
||
<el-menu-item v-if="pathTotals" index="/uc/study/task?type=2">
|
||
<span slot="title" class="textl"><el-badge :value="pathTotal||''" 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> -->
|
||
<i style="margin-right: 8px;width: 19px;" :style="{color:activeMenu == '/uc/study/task?type=9'?'rgb(51, 121, 251)':'#303133'}" class="el-icon-collection"></i>
|
||
<span slot="title">我的必修</span>
|
||
</el-menu-item>
|
||
<el-menu-item v-if="courseNum == 0" index="/uc/study/courses" v-show="curIdentity == 1">
|
||
<!-- <svg-icon :icon-class="activeMenu == '/exam/mytask'?'mybiji-active':'mybiji'"></svg-icon> -->
|
||
<svg-icon icon-class="mystudy"></svg-icon>
|
||
<span slot="title">我的选修</span>
|
||
</el-menu-item>
|
||
<el-submenu v-else 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">自选学习</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
<el-menu-item index="/exam/mytask" v-show="curIdentity == 1">
|
||
<!-- <svg-icon :icon-class="activeMenu == '/exam/mytask'?'mybiji-active':'mybiji'"></svg-icon> -->
|
||
<i style="margin-right: 8px;width: 19px;" :style="{color:activeMenu == '/exam/mytask'?'rgb(51, 121, 251)':'#303133'}" class="el-icon-reading"></i>
|
||
<span slot="title">我的考试</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/user/Mynotes" v-show="curIdentity == 1">
|
||
<svg-icon :icon-class="activeMenu == '/user/Mynotes'?'mybiji-active':'mybiji'"></svg-icon>
|
||
<span slot="title">我的笔记</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/user/myassess" v-show="curIdentity == 1">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<svg-icon :icon-class="activeMenu == '/user/myassess'?'myceping-active':'myceping'"></svg-icon>
|
||
<span slot="title">我的测评</span>
|
||
</el-menu-item>
|
||
<el-submenu index="myqa" v-show="curIdentity == 1">
|
||
<template slot="title">
|
||
<!-- <i class="el-icon-s-grid"></i> -->
|
||
<svg-icon icon-class="myqa"></svg-icon>
|
||
<span>我的问答</span>
|
||
</template>
|
||
<el-menu-item index="/qa/mylist">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">我提问的</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/qa/myreplys">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<span slot="title" class="textl">我回答的</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
<el-menu-item index="/article/mylist" v-show="curIdentity == 1">
|
||
<!-- <i class="el-icon-menu"></i> -->
|
||
<svg-icon :icon-class="activeMenu == '/article/mylist'?'myart-active':'myart'"></svg-icon>
|
||
<!-- <svg-icon icon-class="myart"></svg-icon> -->
|
||
<span slot="title">我的文章</span>
|
||
</el-menu-item>
|
||
<el-submenu index="notice" v-show="curIdentity == 1">
|
||
<template slot="title">
|
||
<svg-icon icon-class="qita"></svg-icon>
|
||
<span>其他通知</span>
|
||
</template>
|
||
<el-menu-item index="/article/contactme" v-show="curIdentity == 1">
|
||
<span slot="title" class="textl">@我的</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/user/myshare" v-show="curIdentity == 1">
|
||
<span slot="title" class="textl">我分享的</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/user/toshare" v-show="curIdentity == 1">
|
||
<span slot="title" class="textl">分享给我的</span>
|
||
</el-menu-item>
|
||
</el-submenu>
|
||
|
||
|
||
<!-- v-show="curIdentity == 1" -->
|
||
|
||
|
||
<el-menu-item index="/user/favorites" v-show="curIdentity == 1">
|
||
<svg-icon :icon-class="activeMenu == '/user/favorites'?'stra-active':'stra'"></svg-icon>
|
||
<span slot="title">我的收藏</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/message/center/index" v-show="curIdentity == 1">
|
||
<svg-icon :icon-class="activeMenu == '/message/center/index'?'messageicon':'messageactive'"></svg-icon>
|
||
<span slot="title">消息中心</span>
|
||
</el-menu-item>
|
||
|
||
<!-- <el-submenu index="myArwticle" v-show="curIdentity == 1">
|
||
<template slot="title">
|
||
<i class="el-icon-s-grid"></i>
|
||
<span>我的文章</span>
|
||
</template>
|
||
<el-menu-item index="/article/mylist">
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">文章管理</span>
|
||
</el-menu-item>
|
||
<el-menu-item index="/article/contactme">
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">@我的</span>
|
||
</el-menu-item>
|
||
</el-submenu> -->
|
||
<!-- <el-menu-item index="/article/mylist" v-show="curIdentity == 1">
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">我的文章</span>
|
||
</el-menu-item> -->
|
||
<!-- 草稿箱，去掉，我的文章显示发布状态
|
||
<el-menu-item index="/user/mydraft" v-if="curIdentity==1">
|
||
<i class="el-icon-menu"></i>
|
||
<span slot="title">我的草稿</span>
|
||
</el-menu-item>
|
||
-->
|
||
</el-menu>
|
||
</div>
|
||
<div style="margin-top:20px;background-color: #FFFFFF;padding:mout" v-if="overlayShow && curIdentity == 1" >
|
||
<p class="course-re" style="margin-left:0px">您上次学习到：</p>
|
||
<el-card class="couerscard" :body-style="{padding:'0px'}">
|
||
<a :href="toCourseDetail(lastStudy)">
|
||
<div class="course-image">
|
||
<course-image :course="lastStudy"></course-image>
|
||
<span v-if="lastStudy.contentType==20" class="course-type-title course-type">录播</span>
|
||
<span v-if="lastStudy.contentType==10" class="course-type-title course-type">录播</span>
|
||
<span v-if="lastStudy.contentType=='online-course'" class="course-type-title course-type">录播</span>
|
||
<span v-if="lastStudy.contentType=='face-course'" class="course-type-title course-type">线下</span>
|
||
<span v-if="lastStudy.contentType=='project'" class="course-type-title course-type">学习项目</span>
|
||
</div>
|
||
<el-tooltip :content="lastStudy.courseName" placement="bottom-start" effect="light" :visible-arrow="false" popper-class="text-tooltip">
|
||
<div class="course-title two-line-ellipsis">{{lastStudy.courseName}}
|
||
</div>
|
||
</el-tooltip>
|
||
</a>
|
||
</el-card>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { mapGetters } from 'vuex';
|
||
import apiCourseStudy from '@/api/modules/courseStudy.js'
|
||
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: {
|
||
courseImage,
|
||
},
|
||
computed: {
|
||
...mapGetters(['curIdentity', 'messagesBeReviewed', 'studyTaskCount','userInfo']),
|
||
activeMenu() {
|
||
const route = this.$route;
|
||
const { meta, path } = route;
|
||
console.log(path,meta,'path')
|
||
console.log(this.fistTotals,this.growTotal,this.pathTotals,'geshu')
|
||
if(path == '/uc/study/task' || path == '/uc/study/growth'){
|
||
this.openedsList = ['mystudy']
|
||
// window.location.href = `${this.webBaseUrl}/uc/study/task?type=${this.fistTotals || this.growTotal || this.pathTotals}`
|
||
}
|
||
console.log('1')
|
||
if(path == '/uc/study/courses'){
|
||
'/uc/study/courses'
|
||
}
|
||
if(sessionStorage.getItem('totalNums') == 0&&path == '/uc/study/task'){
|
||
return '/uc/study/task?type=9'
|
||
}
|
||
console.log('2')
|
||
if(path == '/uc/study/task'){
|
||
console.log('/uc/study/task?type=' + (route.query.type || (this.fistTotals && 1) || 2),'type')
|
||
return '/uc/study/task?type=' + (route.query.type || (this.fistTotals && 1) || 2)
|
||
}
|
||
console.log('3')
|
||
if(meta.title == '添加受众' || meta.title == '查看受众'){
|
||
meta.activeMenu = '/manage/ugroups'
|
||
}
|
||
if (meta.activeMenu) {
|
||
return meta.activeMenu;
|
||
}
|
||
return path;
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
isTest:false,
|
||
managerPath:process.env.VUE_APP_MANAGER_PATH,
|
||
badge: 0,
|
||
isCollapse: false,
|
||
lastStudy:{},
|
||
overlayShow: false,
|
||
instructor:0,
|
||
fistTotal:0,
|
||
fistTotals:1,
|
||
proTotal: 0,
|
||
proTotals: 1,
|
||
pathTotal:0,
|
||
pathTotals:1,
|
||
growTotal: 1,
|
||
openedsList:[],
|
||
courseNum: 0,
|
||
};
|
||
},
|
||
created() {
|
||
this.learnTotal()
|
||
this.courseNumsData()
|
||
this.$store.dispatch('refrashReviewed');
|
||
this.$store.dispatch('refrashStudyTaskCount');
|
||
this.getLastStudy();
|
||
//获取讲师认证中条数
|
||
this.instructorCertification()
|
||
},
|
||
mounted() {
|
||
// this.courseNum = sessionStorage.getItem('courseNums')
|
||
//console.log(this.userInfo.loginName,'this.userInfo.loginName');
|
||
let flag=testUser.isTest(this.userInfo.loginName);
|
||
//console.log(flag,'this.isTest22');
|
||
this.isTest=flag;
|
||
// if(testUser.isTest(this.userInfo.loginName)){
|
||
// console.log(this.isTest,'this.isTest');
|
||
// this.isTest=true;
|
||
// }
|
||
},
|
||
methods: {
|
||
courseNumsData(){
|
||
let reqData={
|
||
courseName:'',
|
||
courseType:'',
|
||
status:'',
|
||
progress:'',
|
||
pageIndex:1,
|
||
pageSize:10
|
||
}
|
||
if(sessionStorage.getItem('courseNums') === null || sessionStorage.getItem('courseNums') === ''){
|
||
apiCourseStudy.myStudysFromES(reqData).then(res=>{
|
||
this.courseNum = res.result.count;
|
||
sessionStorage.setItem('courseNums',this.courseNum)
|
||
console.log(this.courseNum,'this.courseNum')
|
||
})
|
||
}else{
|
||
this.courseNum = sessionStorage.getItem('courseNums')
|
||
console.log(this.courseNum,'this.courseNum')
|
||
}
|
||
},
|
||
learnTotal(){
|
||
const route = this.$route;
|
||
const { meta, path } = route;
|
||
let params = {
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
cmtask_user_status: "",
|
||
cmtask_name: ""
|
||
}
|
||
const promises = [
|
||
//领导力
|
||
apiManage.leadership(params).then(res=>{
|
||
this.fistTotals =parseInt(res.data.total);
|
||
}),
|
||
//项目
|
||
// apiManage.customized(params).then(res=>{
|
||
// this.proTotals =parseInt(res.data.total);
|
||
// })
|
||
//学习路径
|
||
apiManage.compulsoryList(params).then(res=>{
|
||
this.pathTotals =parseInt(res.data.total);
|
||
}),
|
||
getList(this.userInfo.aid).then(res=>{
|
||
if(res.code == 200 && Object.keys(res.data).length){
|
||
this.growTotal = 1
|
||
}else{
|
||
this.growTotal = 0
|
||
}
|
||
})
|
||
]
|
||
Promise.all(promises).then(() => {
|
||
sessionStorage.setItem('totalNums', this.fistTotals + this.pathTotals + this.growTotal);
|
||
if(path == '/uc/study/task' && (route.query.type === undefined|| route.query.type === null)){
|
||
if(this.fistTotals != 0){
|
||
this.$router.push('/uc/study/task?type=1')
|
||
}else if (this.growTotal != 0){
|
||
this.$router.push('/uc/study/growth')
|
||
}else if (this.pathTotals != 0){
|
||
this.$router.push('/uc/study/task?type=2')
|
||
}else{
|
||
this.$router.push('/uc/study/task?type=9')
|
||
}
|
||
}
|
||
});
|
||
apiManage.queryTaskCounts({}).then(res=>{
|
||
// this.proTotal =parseInt(res.data.count); //学习项目
|
||
this.fistTotal =parseInt(res.data.count1); // 领导力必修
|
||
this.pathTotal =parseInt(res.data.count2); // 学习路径
|
||
// this.growTotal = parseInt(res.data.count3); //成长路径
|
||
})
|
||
},
|
||
//讲师认证条数
|
||
instructorCertification(){
|
||
pageList({ teacherNo:this.userInfo.userNo,courseName:'', pageNo: 1, pageSize: 10}).then(res=>{
|
||
this.instructor=res.data.count
|
||
})
|
||
},
|
||
toCourseDetail(item){
|
||
if(isNaN(item.courseType)){
|
||
return `${this.webBaseUrl}/course/boeframe?id=${item.courseId}&type=${item.courseId}`;
|
||
} else {
|
||
// if(item.courseType==10){
|
||
// return this.webBaseUrl+'/course/micro?id='+item.courseId;
|
||
// }else if(item.courseType==20){
|
||
return this.webBaseUrl+'/course/studyindex?id='+item.courseId;
|
||
// }
|
||
}
|
||
|
||
return '';
|
||
},
|
||
getLastStudy() {
|
||
apiCourseStudy.lastStudy().then(res => {
|
||
if (res.status === 200) {
|
||
this.lastStudy = res.result;
|
||
if (res.result != '' && res.result.courseId) {
|
||
this.overlayShow = true;
|
||
}
|
||
} else {
|
||
this.$message.error(res.message);
|
||
}
|
||
})
|
||
},
|
||
handleOpen(key, keyPath) {
|
||
console.log(key, keyPath);
|
||
this.openedsList = [key]
|
||
},
|
||
handleClose(key, keyPath) {
|
||
console.log(key, keyPath);
|
||
},
|
||
toPage(url) {
|
||
this.$router.push({ path: url });
|
||
},
|
||
toOtherPage() {
|
||
this.$message({
|
||
message: '进入原系统必修功能',
|
||
type: 'error',
|
||
offset: 50
|
||
});
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scoped>
|
||
.couerscard{
|
||
padding: 0 15px;
|
||
}
|
||
// ::v-deep .fontsamll{
|
||
// font-size: 16px!important;
|
||
// }
|
||
::v-deep .el-menu{
|
||
border: none !important;
|
||
}
|
||
#hei{
|
||
height: 36px;
|
||
line-height: 36px;
|
||
}
|
||
.el-menu--horizontal .el-menu .el-submenu__title {
|
||
|
||
height: 36px;
|
||
line-height: 36px;
|
||
}
|
||
::v-deep .el-menu-item, .el-submenu__title{
|
||
line-height: 36px;
|
||
height: 36px;
|
||
}
|
||
.oneheight{
|
||
|
||
height: 36px;
|
||
line-height: 36px;
|
||
}
|
||
.course-card{
|
||
|
||
}
|
||
.course-image {
|
||
position: relative;
|
||
.course-image {
|
||
|
||
}
|
||
.course-type{
|
||
position: absolute;
|
||
top: 0px;
|
||
right: 0px;
|
||
width: 55px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
font-size: 12px;
|
||
color: #FFFFFF;
|
||
text-align: center;
|
||
background: #f99000;
|
||
// border-top-left-radius: 15px;
|
||
border-bottom-left-radius: 10px;
|
||
color: #FFFFFF;
|
||
}
|
||
.course-type-title{
|
||
|
||
position: absolute;
|
||
top: 0px;
|
||
right: 0px;
|
||
width: 55px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
text-align: center;
|
||
color: #FFFFFF;
|
||
}
|
||
}
|
||
.course-re{
|
||
margin-top: 20px;
|
||
padding: 10px 19px;
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
color: #303133;
|
||
}
|
||
.course-title{
|
||
width: 160px;
|
||
// height: 70px;
|
||
// padding: 0 5px;
|
||
line-height: 20px;
|
||
margin: 10px 0;
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
font-weight: normal;
|
||
color: #303133;
|
||
}
|
||
.textl {
|
||
margin-left: 20px;
|
||
|
||
}
|
||
.title {
|
||
line-height: 25px;
|
||
}
|
||
.svg-icon {
|
||
margin-right: 8px;
|
||
font-size: 19px;
|
||
padding-top: 0px;
|
||
|
||
// line-height: 36px;
|
||
// margin-top: 20px;
|
||
}
|
||
.item {
|
||
margin-right: 40px;
|
||
.el-badge__content.is-fixed {
|
||
top: 10px;
|
||
right: 0;
|
||
}
|
||
}
|
||
::v-deep .el-submenu__title{
|
||
line-height: 36px !important;
|
||
height: 36px !important;
|
||
}
|
||
.el-menu-vertical > .el-submenu > .el-submenu__title {
|
||
line-height: 36px;
|
||
height: 36px;
|
||
}
|
||
</style>
|
||
<style scoped lang="scss">
|
||
.el-card {
|
||
border: none !important;
|
||
}
|
||
.el-menu-vertical:not(.el-menu--collapse) {
|
||
width: 198px;
|
||
min-height: 400px;
|
||
}
|
||
.upicon {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
margin-top: 10px;
|
||
i {
|
||
font-size: 30px;
|
||
color: #ffaa00;
|
||
}
|
||
div {
|
||
color: #565656;
|
||
padding: 5px 0px 10px 0px;
|
||
}
|
||
}
|
||
.uc-menu {
|
||
padding-top: 20px;
|
||
}
|
||
::v-deep .el-menu-item{
|
||
padding-left: 40px !important;
|
||
}
|
||
|
||
.el-menu-item,
|
||
.el-submenu__title {
|
||
line-height: 36px;
|
||
height: 36px;
|
||
}
|
||
::v-deep .el-submenu__title{
|
||
padding-left: 40px !important;
|
||
}
|
||
div.el-submenu__title {
|
||
line-height: 36px;
|
||
height: 36px;
|
||
}
|
||
|
||
.el-submenu .el-menu-item {
|
||
line-height: 36px;
|
||
height: 36px;
|
||
}
|
||
|
||
.uc-menu-item {
|
||
padding: 5px;
|
||
text-align: center;
|
||
display: block;
|
||
color: #0087ca;
|
||
margin: 5px 10px;
|
||
}
|
||
</style>
|