| | |
| | | :before-close="handleClose" |
| | | > |
| | | <div v-for="(item,index) in classList" :key="index"> |
| | | <span style="font-size: 16px;">{{item.courseName}}:总学时{{item.totalTime}}分钟</span> |
| | | <span style="font-size: 16px;">{{item.courseName}}:总学时 {{item.durationDesc}}</span> |
| | | <el-table |
| | | :data="item.userList" |
| | | :data="item.studentList" |
| | | style="width: 100%;margin-top: 10px"> |
| | | <el-table-column |
| | | prop="name" |
| | |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="身份证号" |
| | | prop="idCard" :show-overflow-tooltip="true"> |
| | | prop="idcard" :show-overflow-tooltip="true"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="progress" |
| | | prop="durationRate" |
| | | label="当前学时进度" |
| | | > |
| | | <template #default="scope"> |
| | | <el-progress :text-inside="true" :stroke-width="26" :percentage="scope.row.progressRate" :status="scope.row.progressStatus"></el-progress> |
| | | <el-progress :text-inside="true" :stroke-width="26" :percentage="scope.row.durationRate" :status="scope.row.progressStatus"></el-progress> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="关联上报记录" align="center" class-name="small-padding fixed-width"> |
| | |
| | | <el-table-column label="学时报告" align="center" class-name="small-padding fixed-width"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | v-if="scope.row.progress == item.totalTime" |
| | | v-if="scope.row.duration == item.duration" |
| | | size="mini" |
| | | type="text" |
| | | style="color: #1890ff" |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <pagination |
| | | v-show="item.total>0" |
| | | :total="item.total" |
| | | :page.sync="queryParams.pageIndex" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </div> |
| | | <learningRecord ref="recordRef"></learningRecord> |
| | | <el-dialog |
| | | title="学习记录" |
| | | :visible.sync="learningDialog" |
| | | :modal-append-to-body="false" |
| | | :close-on-click-modal="false" |
| | | width="850px" |
| | | append-to-body |
| | | :before-close="handleCloseLearning"> |
| | | <learning-record ref="learnRef" ></learning-record> |
| | | </el-dialog> |
| | | <lessonReport ref="lessonRef"></lessonReport> |
| | | </el-dialog> |
| | | </template> |
| | | |
| | | <script > |
| | | import learningRecord from '@/views/onlineEducation/studentSupervision/compontents/learningRecord.vue' |
| | | import learningRecord from '@/views/onlineEducation/learnRecord/index.vue' |
| | | import lessonReport from '@/views/onlineEducation/studentSupervision/compontents/lessonReport.vue' |
| | | import { periodDetail } from '@/api/onlineEducation/student' |
| | | import { listPlatSelect } from '@/api/onlineEducation/plat' |
| | | export default { |
| | | name: 'addUser', |
| | | components: { |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | learningDialog: false, |
| | | dialogVisible: false, |
| | | dialogStatus: '', |
| | | dataForm: {}, |
| | | queryParams: {}, |
| | | uuid: '', |
| | | classList: [ |
| | | { |
| | | courseName:'课程一', |
| | |
| | | }, |
| | | methods: { |
| | | getList() { |
| | | |
| | | }, |
| | | openDialog (type, data) { |
| | | periodDetail(this.uuid).then((res) => { |
| | | if (res.code == 200) { |
| | | this.classList = res.data.map(item => { |
| | | return { |
| | | ...item, |
| | | studentList: item.studentList.map(stu => { |
| | | return { |
| | | ...stu, |
| | | durationRate: Math.round(stu.duration/item.duration * 10000) / 100.00, |
| | | progressStatus: Math.round(stu.duration/item.duration * 10000) / 100.00<=50 ? 'exception' |
| | | : Math.round(stu.duration/item.duration * 10000) / 100.00 >50 && Math.round(stu.duration/item.duration * 10000) / 100.00<=90 ? 'warning' |
| | | : 'success' |
| | | } |
| | | }) |
| | | } |
| | | }) |
| | | console.log("class",this.classList) |
| | | this.dialogVisible = true; |
| | | this.dialogStatus = type; |
| | | } |
| | | }) |
| | | }, |
| | | handleCloseLearning() { |
| | | this.learningDialog = false; |
| | | }, |
| | | openDialog (data) { |
| | | this.uuid = data.uuid; |
| | | this.getList() |
| | | |
| | | |
| | | |
| | | }, |
| | | |
| | | handleClose() { |
| | |
| | | this.$emit("getList"); |
| | | }, |
| | | openClassHour(data){ |
| | | this.$refs.recordRef.openDialog(data); |
| | | this.learningDialog = true |
| | | setTimeout(() => { |
| | | this.$refs.learnRef.getList(data) |
| | | },10) |
| | | }, |
| | | viewLessonReport(data){ |
| | | this.$refs.lessonRef.openDialog(data) |
| | | this.$refs.lessonRef.openDialog(data.url) |
| | | } |
| | | |
| | | } |