|
@@ -21,10 +21,10 @@
|
|
|
<div class="account-tit" style="height:30px">
|
|
<div class="account-tit" style="height:30px">
|
|
|
<a :class="{'current':show===1}" @click="show=1" class="">正在学习</a>
|
|
<a :class="{'current':show===1}" @click="show=1" class="">正在学习</a>
|
|
|
<a :class="{'current':show===2}" @click="show=2" class="">已经完成</a>
|
|
<a :class="{'current':show===2}" @click="show=2" class="">已经完成</a>
|
|
|
- <a :class="{'current':show===3}" @click="show=3" class="" v-if="tpl.examGroupId>0||tpl.type=='工程检测试验员'">考试记录</a>
|
|
|
|
|
|
|
+ <a :class="{'current':show===3}" @click="show=3" class="" v-if="tpl.examGroupId>0">考试记录 </a>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div v-if="show <3" class="lwh-ul-form mt20">
|
|
|
|
|
|
|
+ <div v-if="show<3" class="lwh-ul-form mt20">
|
|
|
<!-- 列表展示 -->
|
|
<!-- 列表展示 -->
|
|
|
<el-table :data="showList" border stripe style="width: 100%;" >
|
|
<el-table :data="showList" border stripe style="width: 100%;" >
|
|
|
<el-table-column label="NO." prop="id" width="50" align="center">
|
|
<el-table-column label="NO." prop="id" width="50" align="center">
|
|
@@ -48,7 +48,7 @@
|
|
|
|
|
|
|
|
<el-table-column label="学习进度" prop="useTime" align="left" width="220">
|
|
<el-table-column label="学习进度" prop="useTime" align="left" width="220">
|
|
|
<template v-slot="{row}">
|
|
<template v-slot="{row}">
|
|
|
- <span style="display: flex;">
|
|
|
|
|
|
|
+ <span style="display: flex;" v-if="show==1">
|
|
|
<el-progress
|
|
<el-progress
|
|
|
type="line"
|
|
type="line"
|
|
|
style="width: 120px;"
|
|
style="width: 120px;"
|
|
@@ -60,6 +60,9 @@
|
|
|
</el-progress>
|
|
</el-progress>
|
|
|
<span style="margin-left: 10px;"> {{row.percent}}% </span>
|
|
<span style="margin-left: 10px;"> {{row.percent}}% </span>
|
|
|
</span>
|
|
</span>
|
|
|
|
|
+ <span v-else>
|
|
|
|
|
+ <span style="margin-left: 10px;color: green;">视频学习完成</span>
|
|
|
|
|
+ </span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
|
|
@@ -72,7 +75,7 @@
|
|
|
</el-table>
|
|
</el-table>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div v-if="show ==3" class="lwh-ul-form mt20">
|
|
|
|
|
|
|
+ <div v-if="show===3" class="lwh-ul-form mt20">
|
|
|
<exam-list :courseId="courseId"> </exam-list>
|
|
<exam-list :courseId="courseId"> </exam-list>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -153,10 +156,10 @@
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
watch:{
|
|
watch:{
|
|
|
- show(){
|
|
|
|
|
|
|
+ show(val){
|
|
|
|
|
+ console.log("show", val)
|
|
|
this.updateShowList()
|
|
this.updateShowList()
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
},
|
|
},
|
|
|
components:{Media,ExamList,ICourseInfo,ICourseInfoTest,ICourseAnswerTest,ICourseInfoXsExtra},
|
|
components:{Media,ExamList,ICourseInfo,ICourseInfoTest,ICourseAnswerTest,ICourseInfoXsExtra},
|
|
|
beforeMount() {
|
|
beforeMount() {
|
|
@@ -165,6 +168,7 @@
|
|
|
this.getData()
|
|
this.getData()
|
|
|
this._onVisible = () => {
|
|
this._onVisible = () => {
|
|
|
if (document.visibilityState === 'visible') {
|
|
if (document.visibilityState === 'visible') {
|
|
|
|
|
+ console.log('visible')
|
|
|
this.getData()
|
|
this.getData()
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|