<template>
|
<el-dialog
|
title="学习记录详情"
|
:visible.sync="dialogVisible"
|
:modal-append-to-body="false"
|
:close-on-click-modal="false"
|
width="900px"
|
:before-close="handleClose"
|
>
|
<el-form ref="dataForm" :model="dataForm" label-position="right" label-width="150px" style="padding-right: 50px" >
|
<div class="flex">
|
<el-form-item label="姓名:">
|
<span>{{dataForm.name}}</span>
|
</el-form-item>
|
<el-form-item label="身份证号:" >
|
<span>{{dataForm.idCard}}</span>
|
</el-form-item>
|
<el-form-item label="学习平台:" >
|
<span>{{dataForm.platformName}}</span>
|
</el-form-item>
|
<el-form-item label="所属机构:" >
|
<span>{{dataForm.trainingInstitution}}</span>
|
</el-form-item>
|
</div>
|
<el-form-item label="当前班级（批次）:">
|
<span>{{dataForm.classBatch}}</span>
|
</el-form-item>
|
|
<div class="flex">
|
<el-form-item label="课程:">
|
<span>{{dataForm.course}}</span>
|
</el-form-item>
|
<el-form-item label="章节:">
|
<span>{{dataForm.chapter}}</span>
|
</el-form-item>
|
</div>
|
<el-table
|
:data="examTable"
|
style="width: 80%;margin-left: 50px">
|
<el-table-column
|
prop="learningTime"
|
label="学习时长">
|
</el-table-column>
|
<el-table-column
|
prop="startTime"
|
label="开始时间">
|
</el-table-column>
|
<el-table-column
|
prop="startTime"
|
label="开始位置">
|
</el-table-column>
|
<el-table-column
|
label="结束时间"
|
prop="endTime">
|
</el-table-column>
|
<el-table-column
|
label="结束位置"
|
prop="endTime">
|
</el-table-column>
|
</el-table>
|
<div class="columnFlex" style="margin: 30px 20px ">
|
<span style="font-size: 20px;font-weight: 550">认证纪录集合</span>
|
<div class="columnFlex" style="margin-top: 15px">
|
<img style="height: 130px;width: 130px;" src="../../../../assets/images/im.png">
|
<div class="columnFlex" style="margin-top: 15px;font-size: 16px;line-height: 25px">
|
<span>认证位置：xxxx</span>
|
<span>类别：签到</span>
|
<span>认证时间：2024-6-11 10:32:00</span>
|
</div>
|
</div>
|
</div>
|
<div class="columnFlex" style="margin: 30px 20px ">
|
<span style="font-size: 20px;font-weight: 550">视频存档 (非必传)</span>
|
<div class="columnFlex" style="margin-top: 5px">
|
<span style="font-size: 18px;">无</span>
|
</div>
|
</div>
|
<div class="columnFlex" style="margin: 30px 20px ">
|
<span style="font-size: 20px;font-weight: 550">学习轨迹</span>
|
<div class="columnFlex" style="margin-top: 5px">
|
<el-table
|
:data="examTable"
|
style="width: 80%;margin: 10px 25px">
|
<el-table-column
|
prop="startTime"
|
label="开始时间"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
label="结束时间"
|
prop="endTime">
|
</el-table-column>
|
<el-table-column
|
prop="learningTime"
|
label="时间间隔"
|
width="180">
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
<div class="columnFlex" style="margin: 30px 20px ">
|
<span style="font-size: 20px;font-weight: 550">学时报告</span>
|
<div class="columnFlex" style="margin-top: 10px">
|
<img style="height: 130px;width: 150px;" src="../../../../assets/images/im.png">
|
</div>
|
</div>
|
|
</el-form>
|
</el-dialog>
|
</template>
|
|
<script >
|
|
export default {
|
name: 'addUser',
|
components: {
|
},
|
data() {
|
return {
|
dialogVisible: false,
|
dialogStatus: '',
|
dataForm: {},
|
examTable: []
|
}
|
},
|
created() {
|
},
|
methods: {
|
openDialog (data) {
|
this.dialogVisible = true;
|
this.dataForm = {
|
name: '张三',
|
idCard: '123456',
|
platformName: '链工宝',
|
trainingInstitution: '新疆水利水电学院',
|
classBatch: '2024第一批',
|
course: '测试课程1',
|
chapter: '测试章节1'
|
}
|
},
|
handleClose() {
|
this.dialogVisible = false;
|
this.$emit("getList");
|
},
|
}
|
}
|
|
</script>
|
<style lang="scss" scoped>
|
.flex{
|
display: flex;
|
margin-left: -85px
|
}
|
.columnFlex{
|
display: flex;flex-direction: column
|
}
|
</style>
|
