From 1aa6aec8be8351a9bfe2d7629c4a30128eccde44 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期五, 19 七月 2024 17:27:57 +0800 Subject: [PATCH] 提交 --- src/views/onlineEducation/groupExams/components/student.vue | 107 ++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 88 insertions(+), 19 deletions(-) diff --git a/src/views/onlineEducation/groupExams/components/student.vue b/src/views/onlineEducation/groupExams/components/student.vue index 63b6e46..261f621 100644 --- a/src/views/onlineEducation/groupExams/components/student.vue +++ b/src/views/onlineEducation/groupExams/components/student.vue @@ -1,18 +1,55 @@ <template> <div class="app-container"> - <div style="margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between"> - <el-button - type="primary" - plain - icon="Plus" - @click="openDialog()" - >选择学员</el-button> - <el-button - type="danger" - plain - icon="Delete" - @click="handleDeleteBatch" - >批量删除</el-button> + <div style="display: flex;justify-content: space-between"> + <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog()" + >选择学员</el-button> + </el-form-item> + <el-form-item label="学生姓名:" > + <el-input v-model="data.queryParams.studentName" placeholder="请输入学生姓名"></el-input> + </el-form-item> + <el-form-item label="考试是否完成:" > + <el-select + v-model="data.queryParams.completed" + class="w100" + style="max-width: 180px" + clearable + size="default" + > + <el-option v-for="item in data.completeList" :key="item.id" :label="item.name" :value="item.id"></el-option> + </el-select> + </el-form-item> + <el-form-item > + <el-button + type="primary" + @click="getList" + >查询</el-button> + <el-button + type="primary" + plain + @click="reset" + >重置</el-button> + </el-form-item> + </el-form> + <div> + <el-button + type="danger" + plain + icon="Delete" + @click="handleDeleteBatch" + >批量删除</el-button> + <el-button + type="primary" + plain + @click="back" + >返回</el-button> + </div> + </div> <!-- 表格数据 --> <el-table ref="tableRef" v-loading="loading" :data="dataList" :border="true" :row-key="getRowKey" @selection-change="handleSelectionChange"> @@ -33,10 +70,19 @@ <span>{{scope.row.student.phone}}</span> </template> </el-table-column> - <el-table-column label="成绩" prop="score" align="center" /> + <el-table-column label="考试是否完成" prop="completed" align="center" > + <template #default="scope"> + <span>{{scope.row.completed ===0 ? '未完成' : '已完成'}}</span> + </template> + </el-table-column> + <el-table-column label="成绩" prop="score" align="center" > + <template #default="scope"> + <span>{{scope.row.completed ===0 ? '--' : scope.row.score}}</span> + </template> + </el-table-column> <el-table-column label="是否合格" prop="passed" align="center" > <template #default="scope"> - <span>{{scope.row.passed === 0 ? '不合格' : '合格'}}</span> + <span>{{scope.row.completed ===0 ? '--' : scope.row.passed === 0 ? '不合格' : '合格'}}</span> </template> </el-table-column> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180"> @@ -64,11 +110,11 @@ import Cookies from "js-cookie"; import {delQuestionBank, getQuestionBank} from "@/api/onlineEducation/questionBank"; import {batchDelStudent, delBatchStu, getBatchStudent} from "@/api/onlineEducation/batch"; -import {useRoute} from 'vue-router' +import {useRoute, useRouter} from 'vue-router' import {delExamStu, examDelStudent, getExamStudent} from "@/api/onlineEducation/exam"; import ExamChooseStudent from "@/views/onlineEducation/groupExams/components/examChooseStudent.vue"; const route = useRoute() - +const router = useRouter(); const { proxy } = getCurrentInstance(); const loading = ref(false); @@ -77,13 +123,25 @@ const data = reactive({ queryParams: { paperId: null, + studentName: '', + completed: null, pageNum: 1, pageSize: 10, }, total: 0, dataList: [], isAdmin: false, - chooseStu: [] + chooseStu: [], + completeList: [ + { + id: 1, + name: '是' + }, + { + id: 0, + name: '否' + } + ] }); @@ -109,6 +167,10 @@ const getRowKey = (row) => { return row.id } + +const back = () => { + router.push("/group"); +} const getList = async () => { loading.value = true const res = await getExamStudent(data.queryParams) @@ -127,7 +189,14 @@ /** 重置新增的表单以及其他数据 */ function reset() { - proxy.resetForm("roleRef"); + data.queryParams = { + paperId: data.queryParams.paperId, + studentName: '', + completed: null, + pageNum: 1, + pageSize: 10, + } + getList() } const handleSelectionChange = (val) => { -- Gitblit v1.9.2