From b4698317fb97d89e389f131e8fd9dcf8d7108c77 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期一, 29 七月 2024 17:17:21 +0800 Subject: [PATCH] 修改 --- src/views/onlineEducation/classHourBatch/components/handleStudent.vue | 78 +++++++++++++++++++++++++++++++------- 1 files changed, 63 insertions(+), 15 deletions(-) diff --git a/src/views/onlineEducation/classHourBatch/components/handleStudent.vue b/src/views/onlineEducation/classHourBatch/components/handleStudent.vue index a937f6b..1881b56 100644 --- a/src/views/onlineEducation/classHourBatch/components/handleStudent.vue +++ b/src/views/onlineEducation/classHourBatch/components/handleStudent.vue @@ -1,18 +1,44 @@ <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 > + <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"> @@ -49,7 +75,7 @@ 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' const route = useRoute() @@ -57,12 +83,14 @@ const loading = ref(false); const dialogRef = ref(); const tableRef = ref(); +const router = useRouter(); const data = reactive({ queryParams: { pageId: null, phaseId: null, pageNum: 1, pageSize: 10, + studentName: '' }, total: 0, dataList: [], @@ -73,6 +101,7 @@ const { queryParams, total, dataList } = toRefs(data); +const backValue = ref() onMounted(async ()=>{ const userInfo = JSON.parse(Cookies.get('userInfo')) console.log("userInfo",userInfo) @@ -82,6 +111,7 @@ data.isAdmin = false; } const val = JSON.parse(route.query.val) + backValue.value = val // data.queryParams.pageId = val.id data.queryParams.phaseId = val.id await getList() @@ -111,7 +141,15 @@ /** 重置新增的表单以及其他数据 */ function reset() { - proxy.resetForm("roleRef"); + data.queryParams = { + pageNum: 1, + pageSize: 10, + studentName: '', + phaseId: data.queryParams.phaseId, + pageId: data.queryParams.pageId + } + + getList() } const handleSelectionChange = (val) => { @@ -164,5 +202,15 @@ } }) } +const back = () => { + + const obj = { + pageNum: backValue.value.pageNum, + pageSize: backValue.value.pageSize, + } + const v = JSON.stringify(obj) + router.push({ path: "/class", query: { val: v } }); +} + </script> -- Gitblit v1.9.2