课程题库 题目类别添加搜索功能

src/views/course/courseQuestionBank/QuestionBank.vue

@@ -30,7 +30,7 @@
         </el-select>
       </el-form-item>
 		<el-form-item label="题目类别" prop="questionType">
-	    <el-select v-model="queryParams.questionType" placeholder="请选择类别" @change="changeCateType" clearable size="small">
+	    <el-select v-model="queryParams.questionType" placeholder="请选择类别" filterable remote :remote-method="searchCateType" @change="changeCateType" clearable size="small">
 	      <el-option
 	        v-for="dict in questionRootTypeOptions"
 	        :key="dict.dictValue"
@@ -295,6 +295,17 @@ export default {
         this.questionRootTypeOptions = response.data
       });
     },
+    searchCateType(query) {
+      if (query !== '') {
+        getCatePidList(query).then(response => {
+          this.questionRootTypeOptions = response.data
+        });
+      } else {
+        getCatePidList().then(response => {
+          this.questionRootTypeOptions = response.data
+        });
+      }
+    },
     changeCateType(val) {
       this.questionSubTypeOptions = []
       this.queryParams.questionSubType = null

src/views/course/courseQuestionBank/index.vue

@@ -30,7 +30,7 @@
         </el-select>
       </el-form-item>
 	  <el-form-item label="题目类别" prop="questionType">
-	    <el-select v-model="queryParams.questionType" ref="typeSelect" placeholder="请选择类别" @change="changeCateType" clearable size="small">
+	    <el-select v-model="queryParams.questionType" ref="typeSelect" placeholder="请选择类别" filterable remote :remote-method="searchCateType" @change="changeCateType" clearable size="small">
 	      <el-option
           v-for="item in questionRootTypeOptions"
           :key="item.dictValue"
@@ -197,7 +197,7 @@
           </el-select>
         </el-form-item>
 		<el-form-item label="题目类别 " prop="questionType">
-		  <el-select v-model="form.questionType" clearable placeholder="请选择题目类别" @change="changeCateType">
+		  <el-select v-model="form.questionType" clearable placeholder="请选择题目类别" filterable remote :remote-method="searchCateType" @change="changeCateType">
         <el-option
           v-for="item in questionRootTypeOptions"
           :key="item.dictValue"
@@ -482,6 +482,17 @@ export default {
         this.questionRootTypeOptions = response.data
       });
     },
+    searchCateType(query) {
+      if (query !== '') {
+        getCatePidList(query).then(response => {
+          this.questionRootTypeOptions = response.data
+        });
+      } else {
+        getCatePidList().then(response => {
+          this.questionRootTypeOptions = response.data
+        });
+      }
+    },
     changeCateType(val) {
       if (!val) {
         return