diff --git a/src/views/study/Growth.vue b/src/views/study/Growth.vue index 932f3e2b..4f10bf9e 100644 --- a/src/views/study/Growth.vue +++ b/src/views/study/Growth.vue @@ -105,7 +105,7 @@
总进度 - +
{{detailData.overallCompletionRate==0?'开始学习':detailData.overallCompletionRate==100?'回顾':'继续学习'}} diff --git a/src/views/study/GrowthPath.vue b/src/views/study/GrowthPath.vue index 4e855e1c..198a7aff 100644 --- a/src/views/study/GrowthPath.vue +++ b/src/views/study/GrowthPath.vue @@ -7,7 +7,7 @@
- {{$route.query.name}}路径图 + 学习任务 / {{$route.query.name}}成长路径
@@ -33,14 +33,18 @@
{{ item.title }}
- {{ item.flag == 0 ? '选修' : '必修' }} + {{ item.flag == 0 ? '选修' : '必修' }} {{item.type == 1 ? '在线' : item.type == 5 ?'考试' : '课程'}}
学习进度
-
课程讲师:{{item.teacherName}}
+
+ 课程讲师:{{item.teacherName?item.teacherName.split(',').length > 3 + ? item.teacherName.split(',').slice(0, 3).join(',') + '...' + : item.teacherName:''}} +
课程简介:{{item.introduce}}
@@ -60,24 +64,23 @@ (notColor.includes(item.id)?4:item.id == istabId?flagToggle:0):item.id == istabId?flagToggle:0)), left: getPosition(item.name, index).left + 'px', top: getPosition(item.name, index).top + 'px' - }"> + }" @click="goStudy(item)">
-
{{ item.currentRatio || 0 }}%
- +
-
{{ item.title.length>15?item.title.slice(0,15)+'...':item.title }} @@ -288,8 +291,8 @@ export default { switchFalse: false, showUClass: false, colorAttrValue: { - 0: ['#FFD04B', "#FBA944"], - 1: ["#b8e3b8", "#8ac84a","#FBA944","#8ac84a","#EE423D"], + 0: ['#FFD04B', "#FBA944",'#FFD04B', "#FBA944","#EE423D"], + 1: ["#b8e3b8", "#8ac84a","#b8e3b8","#8ac84a","#EE423D"], 2: ['#FFD04B', '#FBA944'] }, iconAttrs: { @@ -396,7 +399,6 @@ export default { // 滚动到指定位置 this.performScroll(scrollTop.top); //判断显示提示弹窗 - console.log(this.dataList[foundItemIndex],'xixixi') this.istabId = this.dataList[foundItemIndex].id } } @@ -726,6 +728,9 @@ export default { .icon-content { position: absolute; + display: flex; + align-items: center; + justify-content: center; top: 50%; left: 50%; font-size: 12px; @@ -752,6 +757,7 @@ export default { border-radius: 80px 80px 80px 8px; padding: 0 20px; white-space: nowrap; + cursor: pointer; } .growth_explain1{ position: absolute;