<template>
|
<div class="app-container">
|
<div style="display: flex">
|
<el-input placeholder="请输入身份证号" v-model="queryParams.idCard" style="width: 250px"></el-input>
|
<el-input placeholder="请输入姓名" v-model="queryParams.name" style="width: 250px;margin-left: 20px"></el-input>
|
<el-button
|
size="small"
|
type="primary"
|
style="margin-bottom: 10px;margin-left: 20px"
|
@click="handleQuery()"
|
>查询</el-button>
|
<el-button
|
size="small"
|
type="primary"
|
style="margin-bottom: 10px"
|
@click="resetQuery()"
|
>重置</el-button>
|
</div>
|
<el-table v-loading="loading" :data="expertList">
|
<el-table-column label="姓名" align="center" prop="name" />
|
<el-table-column label="身份证号" align="center" prop="idCard" :show-overflow-tooltip="true" />
|
<el-table-column label="性别" align="center" prop="sex" />
|
<el-table-column label="手机号" align="center" prop="phone" />
|
<el-table-column label="实名认证照" align="center" prop="photo" >
|
<template #default="scope">
|
<el-image
|
style="width: 100px; height: 100px"
|
:src="scope.row.photo"
|
:preview-src-list="[scope.row.photo]">
|
</el-image>
|
</template>
|
</el-table-column>
|
<el-table-column label="当前归属单位" align="center" prop="unit" />
|
<el-table-column label="行业" align="center" prop="industry" />
|
<el-table-column label="工种" align="center" prop="job" />
|
<el-table-column label="初次上报平台" align="center" prop="platform" />
|
<el-table-column label="上报时间" align="center" prop="reportTime" />
|
<el-table-column label="最近更新平台" align="center" prop="updatePlatform" />
|
<el-table-column label="最新更新时间" align="center" prop="updateTime" />
|
<el-table-column label="历史记录" align="center" class-name="small-padding fixed-width">
|
<template #default="scope">
|
<el-button
|
size="mini"
|
type="text"
|
@click="viewLearnRecord(scope.row)"
|
>学习记录</el-button>
|
<el-button
|
size="mini"
|
type="text"
|
@click="viewExamRecord(scope.row)"
|
>考试记录</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"
|
/>
|
<learning-record ref="learnRef" ></learning-record>
|
<el-dialog
|
title="考试记录"
|
:visible.sync="dialogVisible"
|
:modal-append-to-body="false"
|
:close-on-click-modal="false"
|
width="850px"
|
:before-close="handleClose">
|
<exam-manage ref="examManageRef"></exam-manage>
|
</el-dialog>
|
|
</div>
|
</template>
|
|
<script>
|
import examManage from '@/views/onlineEducation/examManage/index.vue'
|
import learningRecord from '@/views/onlineEducation/studentSupervision/compontents/learningRecord.vue'
|
export default {
|
name: "nPeopleManage",
|
dicts: [],
|
components: {learningRecord,examManage},
|
data() {
|
return {
|
loading: false,
|
single: true,
|
multiple: true,
|
showSearch: true,
|
addForm: false,
|
total: 0,
|
expertTypes: [],
|
expertList: [],
|
queryParams: {},
|
dialogVisible:false
|
};
|
},
|
created() {
|
this.getList()
|
|
},
|
methods: {
|
getList(){
|
this.loading = true;
|
this.expertList = [
|
{
|
id: 1,
|
name: '张三',
|
sex: '男',
|
idCard: '321154874512225541',
|
phone:'13587452145',
|
photo: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
|
unit: '培训机构',
|
industry: 'xxx',
|
job: 'xxx',
|
platform: '测试平台1',
|
reportTime: '2024-6-11 10:32:00',
|
updatePlatform: '测试平台2',
|
updateTime: '2024-6-11 13:32:00'
|
|
},
|
{
|
id: 2,
|
name: '李四',
|
sex: '女',
|
idCard: '321154874512225541',
|
phone:'13587452145',
|
photo: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
|
unit: '培训机构',
|
industry: 'xxx',
|
job: 'xxx',
|
platform: '测试平台1',
|
reportTime: '2024-6-11 10:32:00',
|
updatePlatform: '测试平台2',
|
updateTime: '2024-6-11 13:32:00'
|
|
},
|
]
|
this.total = 2;
|
this.loading = false;
|
},
|
handleChange(){
|
|
},
|
handleQuery(){
|
this.getList()
|
},
|
resetQuery(){
|
this.queryParams = {
|
pageIndex: 1,
|
pageSize: 10,
|
idCard: '',
|
name: '',
|
}
|
this.getList()
|
},
|
viewLearnRecord(data){
|
this.$refs.learnRef.openDialog(data)
|
},
|
viewExamRecord(data){
|
this.dialogVisible = true
|
},
|
handleClose() {
|
this.dialogVisible = false;
|
},
|
}
|
};
|
</script>
|
