From 4f6cdee3d3a9967b6955aacc354bf557430c0643 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期一, 05 八月 2024 17:05:16 +0800 Subject: [PATCH] 批改 --- src/views/onlineEducation/questionBankManagement/questionManage/index.vue | 115 +++++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 83 insertions(+), 32 deletions(-) diff --git a/src/views/onlineEducation/questionBankManagement/questionManage/index.vue b/src/views/onlineEducation/questionBankManagement/questionManage/index.vue index ab257c2..de18c69 100644 --- a/src/views/onlineEducation/questionBankManagement/questionManage/index.vue +++ b/src/views/onlineEducation/questionBankManagement/questionManage/index.vue @@ -1,7 +1,15 @@ <template> <div class="app-container"> - <div style="margin-bottom: 10px"> + <div> <el-form :model="data.queryParams" ref="queryRef" :inline="true" > + <el-form-item> + <el-button + type="primary" + plain + icon="Plus" + @click="openDialog('add',{})" + >新增</el-button> + </el-form-item> <el-form-item label="题型:"> <el-select v-model="data.queryParams.questionType" placeholder="请选择题型" clearable> <el-option @@ -25,11 +33,13 @@ <el-select clearable v-model="data.queryParams.bankId" + filterable + remote + reserve-keyword + placeholder="请输入题库名称" + remote-show-suffix + :remote-method="getBankList" style="width: 200px" - v-loadMoreNew:[reselect]="handleScroll" - :popper-class="reselect.name" - class="item-width" - placeholder="请选择题库" > <el-option v-for="item in data.bankList" @@ -38,18 +48,29 @@ :value="item.id" /> </el-select> +<!-- <el-select--> +<!-- clearable--> +<!-- v-model="data.queryParams.bankId"--> +<!-- style="width: 200px"--> +<!-- v-loadMoreNew:[reselect]="handleScroll"--> +<!-- :popper-class="reselect.name"--> +<!-- class="item-width"--> +<!-- placeholder="请选择题库"--> +<!-- >--> +<!-- <el-option--> +<!-- v-for="item in data.bankList"--> +<!-- :key="item.id"--> +<!-- :label="item.name"--> +<!-- :value="item.id"--> +<!-- />--> +<!-- </el-select>--> </el-form-item> <el-form-item> <el-button type="primary" @click="handleQuery">查询</el-button> <el-button @click="resetQuery">重置</el-button> </el-form-item> </el-form> - <el-button - type="primary" - plain - icon="Plus" - @click="openDialog('add',{})" - >新增</el-button> + </div> <!-- 表格数据 --> <el-table v-loading="loading" :data="data.dataList" :border="true"> @@ -57,7 +78,7 @@ <el-table-column label="所属题库" prop="bankName" align="center" /> <el-table-column label="题目类型" prop="questionType" align="center" > <template #default="scope"> - <span>{{scope.row.questionType === 1 ? '单选题' : scope.row.questionType === 2 ? '多选题' : '判断题'}}</span> + <span>{{scope.row.questionType === 1 ? '单选题' : scope.row.questionType === 2 ? '多选题' : scope.row.questionType === 3 ? '判断题': '简答题'}}</span> </template> </el-table-column> <el-table-column label="题目内容" prop="title" align="center" /> @@ -88,6 +109,7 @@ import Cookies from "js-cookie"; import {delQuestion, getQuestion} from "@/api/onlineEducation/question"; import {getQuestionBank} from "@/api/onlineEducation/questionBank"; +import {getCompany} from "@/api/onlineEducation/company"; const { proxy } = getCurrentInstance(); @@ -116,6 +138,10 @@ { id: 3, name: '判断题' + }, + { + id: 4, + name: '简答题' } ], bankList: [], @@ -138,7 +164,7 @@ data.isAdmin = false; } await getList() - await loadMoreBankData() + await getBankList("") }) onUnmounted(()=>{ @@ -158,26 +184,51 @@ loading.value = false } -const handleScroll = () => { +// const handleScroll = () => { +// +// if(data.bankPageNum >= data.hasMoreItems) return +// data.bankPageNum++; +// loadMoreBankData() +// +// } +// const loadMoreBankData = async () => { +// console.log(' Bank'); +// const queryParams = { +// pageNum: data.bankPageNum, +// pageSize: data.bankPageSize, +// } +// const res = await getQuestionBank(queryParams) +// if (res.code == 200) { +// data.hasMoreItems = res.data.totalPage +// const state = res.data +// data.bankList = data.bankList.concat(state.list) +// }else{ +// ElMessage.warning(res.message) +// } +// } +const getBankList = async (val)=>{ + if(val != ""){ + const queryParams = { + name: val + } + const res = await getQuestionBank(queryParams) + if (res.code == 200) { + data.bankList = res.data.list - if(data.bankPageNum >= data.hasMoreItems) return - data.bankPageNum++; - loadMoreBankData() - -} -const loadMoreBankData = async () => { - console.log(' Bank'); - const queryParams = { - pageNum: data.bankPageNum, - pageSize: data.bankPageSize, - } - const res = await getQuestionBank(queryParams) - if (res.code == 200) { - data.hasMoreItems = res.data.totalPage - const state = res.data - data.bankList = data.bankList.concat(state.list) - }else{ - ElMessage.warning(res.message) + } else { + ElMessage.warning(res.message) + } + }else { + const queryParams = { + pageNum: 1, + pageSize: 10 + } + const res = await getQuestionBank(queryParams) + if (res.code == 200) { + data.bankList = res.data.list + } else { + ElMessage.warning(res.message) + } } } -- Gitblit v1.9.2