<template>
|
<el-dialog
|
title="学员"
|
:visible.sync="dialogVisible"
|
:modal-append-to-body="false"
|
:close-on-click-modal="false"
|
width="850px"
|
:before-close="handleClose"
|
>
|
<el-table
|
height="250"
|
:data="learningTable"
|
style="width: 100%;">
|
<el-table-column
|
prop="name"
|
label="姓名"
|
>
|
</el-table-column>
|
<el-table-column
|
label="身份证号"
|
prop="idcard"
|
width="160" :show-overflow-tooltip="true">
|
</el-table-column>
|
<el-table-column
|
prop="lessonTocal"
|
label="总学时"
|
>
|
<template #default="scope">
|
{{type == 'batch' ? scope.row.batchLessonNum : scope.row.courseLessonNum}}
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="lessonNum"
|
label="已学学时"
|
></el-table-column>
|
<el-table-column
|
prop="finishStatus"
|
label="是否已结束培训"
|
>
|
<template #default="scope">
|
{{scope.row.finishStatus == 0 ? '未结束' : '已结束'}}
|
</template>
|
|
</el-table-column>
|
<el-table-column label="学时报告" align="center" class-name="small-padding fixed-width">
|
<template #default="scope">
|
<el-button
|
v-if="scope.row.finishStatus == 1"
|
size="mini"
|
type="text"
|
style="color: #1890ff"
|
@click="viewLessonReport(scope.row.url)"
|
>查看学时报告</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
<!-- <pagination-->
|
<!-- v-show="total>0"-->
|
<!-- :total="total"-->
|
<!-- :page.sync="queryParams.pageIndex"-->
|
<!-- :limit.sync="queryParams.pageSize"-->
|
<!-- @pagination="getList"-->
|
<!-- />-->
|
<lessonReport ref="lessonRef"></lessonReport>
|
</el-dialog>
|
</template>
|
|
<script >
|
import lessonReport from '@/views/onlineEducation/studentSupervision/compontents/lessonReport.vue'
|
import { studentCourseDetail, studentDetail } from '@/api/onlineEducation/student'
|
import { listCourse } from '@/api/onlineEducation/course'
|
export default {
|
name: 'addUser',
|
components: {
|
lessonReport
|
},
|
data() {
|
return {
|
dialogVisible: false,
|
dialogStatus: '',
|
dataForm: {},
|
uuid: '',
|
total: 0,
|
type: '',
|
queryParams: {
|
pageIndex: 1,
|
pageSize: 10
|
},
|
learningTable: [
|
{
|
name: '张三',
|
idCard: '320154199811153355',
|
totalTime: '2h',
|
learnedTime: '1h',
|
courseTime: '2h',
|
learningTime: '1h',
|
isEnd: '否'
|
},
|
{
|
name: '李四',
|
idCard: '320154194511153355',
|
totalTime: '2h',
|
learnedTime: '2h',
|
courseTime: '2h',
|
learningTime: '1h',
|
isEnd: '是'
|
},
|
]
|
}
|
},
|
created() {
|
},
|
methods: {
|
getList() {
|
this.loading = true;
|
if(this.type === 'course'){
|
studentCourseDetail( this.uuid).then((res) => {
|
if (res.code == 200) {
|
this.learningTable = res.data
|
this.loading = false;
|
// this.total = res.data.total
|
}
|
})
|
}else {
|
studentDetail( this.uuid).then((res) => {
|
if (res.code == 200) {
|
this.learningTable = res.data
|
this.loading = false;
|
// this.total = res.data.total
|
}
|
})
|
}
|
|
},
|
openDialog (data,type) {
|
this.type = type;
|
this.uuid = data.uuid;
|
this.getList();
|
this.dialogVisible = true;
|
},
|
|
handleClose() {
|
this.dialogVisible = false;
|
this.$emit("getList");
|
},
|
viewLessonReport(data){
|
this.$refs.lessonRef.openDialog(data)
|
}
|
}
|
}
|
|
</script>
|
<style scoped>
|
|
</style>
|
