1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
| <template>
| <div class="app-container">
| <el-table v-loading="loading" :data="expertList">
| <el-table-column label="记录编号" align="center" prop="id" />
| <el-table-column label="身份证号" align="center" prop="idCard" :show-overflow-tooltip="true" />
| <el-table-column label="上报平台" align="center" prop="platformName" />
| <el-table-column label="所属培训机构" align="center" prop="trainingInstitution" />
| <el-table-column label="班级批次" align="center" prop="classBatch" />
| <el-table-column label="课程" align="center" prop="course" />
| <el-table-column label="章节" align="center" prop="chapter" />
| <el-table-column label="学习时长" align="center" prop="learningTime" />
| <el-table-column label="是否彻底完成" align="center" prop="isComplete" />
| <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
| <template #default="scope">
| <el-button
| size="mini"
| type="text"
| style="color: #1890ff"
| @click="handleView(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"
| />
| <detail-dialog ref="detailDialogRef" @getList = "getList"></detail-dialog>
| </div>
| </template>
|
| <script>
| import detailDialog from './components/detailDialog.vue'
| export default {
| name: "nPeopleManage",
| dicts: [],
| components: { detailDialog},
| data() {
| return {
| loading: false,
| single: true,
| multiple: true,
| showSearch: true,
| addForm: false,
| total: 0,
| expertTypes: [],
| expertList: [],
| queryParams: {
| pageIndex: 1,
| pageSize: 10
| },
| };
| },
| created() {
| this.getList();
| },
| methods: {
| getList(){
| this.loading = true;
| this.expertList = [
| {
| id: '2024060600001',
| idCard: '321154874512225541',
| platformName:'测试数据1',
| trainingInstitution:'测试机构1',
| classBatch: '批次1',
| course:'测试课程1',
| chapter:'测试章节1',
| learningTime:'2h',
| isComplete: '是'
| },
| {
| id: '2024060600002',
| idCard: '321154874512441141',
| platformName:'测试数据2',
| trainingInstitution:'测试机构2',
| classBatch: '批次2',
| course:'测试课程2',
| chapter:'测试章节2',
| learningTime:'2h',
| isComplete: '否'
| },
| ]
| this.total = 2
| this.loading = false;
|
| },
| handleChange(){
|
| },
| handleQuery(){
|
| },
| resetQuery(){
|
| },
| handleView(data){
| this.$refs.detailDialogRef.openDialog(data);
| }
| }
| };
| </script>
|
|
