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