From db7b0541b3fbecaeda7b44129b7af3215296ec6d Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期三, 06 十一月 2024 13:55:27 +0800 Subject: [PATCH] 修改 --- src/views/onlineEducation/studentSupervision/compontents/learningRecord.vue | 163 ++++++++++++++++++++---------------------------------- 1 files changed, 60 insertions(+), 103 deletions(-) diff --git a/src/views/onlineEducation/studentSupervision/compontents/learningRecord.vue b/src/views/onlineEducation/studentSupervision/compontents/learningRecord.vue index 3a9bed9..8d17f9e 100644 --- a/src/views/onlineEducation/studentSupervision/compontents/learningRecord.vue +++ b/src/views/onlineEducation/studentSupervision/compontents/learningRecord.vue @@ -1,138 +1,95 @@ <template> - <el-dialog - title="学习记录" - :visible.sync="dialogVisible" - :modal-append-to-body="false" - :close-on-click-modal="false" - width="50%" - :before-close="handleClose" - append-to-body - > - <el-table - :data="learningTable" - style="width: 100%;"> - <el-table-column - prop="startTime" - label="开始时间" - width="160" - > + <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="institutionName" /> + <el-table-column label="所属培训机构" align="center" prop="trainOrgName" /> + <el-table-column label="班级批次" align="center" prop="batchName" /> + <el-table-column label="课程" align="center" prop="courseName" /> + <el-table-column label="章节" align="center" prop="chapterName" /> + <el-table-column label="学习时长" align="center" prop="durationDesc" /> + <el-table-column label="是否彻底完成" align="center" prop="finishStatus" > + <template #default="scope"> + {{scope.row.finishStatus == 0 ? '未完成' : '已完成' }} + </template> </el-table-column> - <el-table-column - label="结束时间" - prop="endTime" - width="160"> - </el-table-column> - <el-table-column - prop="trainingInstitutions" - label="培训机构" - > - </el-table-column> - <el-table-column - prop="platform" - label="线上平台" - > - </el-table-column> - <el-table-column - prop="courseName" - label="课程名称" - > - </el-table-column> - <el-table-column - prop="courseTime" - label="课程时长" - > - </el-table-column> - <el-table-column - prop="learningTime" - label="学习时长" - > - </el-table-column> - <el-table-column - prop="isComplete" - label="是否已完成" - > + <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" + :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> - </el-dialog> + <detail-dialog ref="detailDialogRef" @getList = "getList"></detail-dialog> + </div> </template> -<script > +<script> +import detailDialog from '../../learnRecord/components/detailDialog.vue' import { listRecord, listStudent } from '@/api/onlineEducation/student' - +import Cookies from 'js-cookie' export default { - name: 'addUser', - components: { - }, + name: "nPeopleManage", + dicts: [], + components: { detailDialog}, data() { return { - dialogVisible: false, - dialogStatus: '', - dataForm: {}, - total: 2, + loading: false, + single: true, + multiple: true, + showSearch: true, + addForm: false, + total: 0, + expertTypes: [], + expertList: [], queryParams: { - pageIndex: 1, + pageNum: 1, pageSize: 10, - idcard: '', - name: '' + idcard: null }, - learningTable: [ - { - startTime: '2024-6-11 10:33:00', - endTime: '2024-6-11 12:33:00', - trainingInstitutions: 'xxx', - platform: 'xxx', - courseName: '课程1', - courseTime: '2h', - learningTime: '1h', - isComplete: '否' - }, - { - startTime: '2024-6-11 10:33:00', - endTime: '2024-6-11 12:33:00', - trainingInstitutions: 'xxx', - platform: 'xxx', - courseName: '课程1', - courseTime: '2h', - learningTime: '1h', - isComplete: '否' - } - ] - } + }; }, created() { }, methods: { - getList(){ + getList(data){ + if(data && data.idcard){ + this.queryParams.idcard = data.idcard + this.expertList = [] + } this.loading = true; listRecord( this.queryParams).then((res) => { if (res.code == 200) { - this.learningTable = res.rows + this.expertList = res.rows this.total = res.total this.loading = false; } }) }, - openDialog (data) { - this.dialogVisible = true; - this.queryParams.idcard = data.idcard - this.getList(); - }, + handleChange(){ - handleClose() { - this.dialogVisible = false; - this.$emit("getList"); }, + handleQuery(){ + + }, + resetQuery(){ + + }, + handleView(data){ + this.$refs.detailDialogRef.openDialog(data); + } } -} - +}; </script> -<style scoped> - -</style> -- Gitblit v1.9.2