sc

src/views/Question/Database/index.vue

@@ -8,16 +8,19 @@
         :name="item.key"
       >
         <el-form :inline="true" label-width="0" @submit.prevent>
-          <el-row :gutter="20">
+          <el-row>
             <el-form-item>
               <el-select
                 v-model="queryParams.carTypeId"
                 placeholder="选择车型"
                 filterable
                 style="width: 120px"
+                @change="getQuestionChapter"
               >
                 <el-option label="小车" value="1001" />
                 <el-option label="摩托车" value="1002" />
+                <el-option label="货车" value="1003" />
+                <el-option label="客车" value="1004" />
               </el-select>
             </el-form-item>
             <el-form-item>
@@ -26,12 +29,28 @@
                 placeholder="选择科目"
                 filterable
                 style="width: 120px"
+                @change="getQuestionChapter"
               >
                 <el-option label="科一" value="1" />
                 <el-option label="科四" value="4" />
               </el-select>
             </el-form-item>
-
+            <el-form-item>
+              <el-select
+                v-model="queryParams.chapter"
+                placeholder="选择章节"
+                clearable
+                filterable
+                style="width: 180px"
+              >
+                <el-option
+                  v-for="chapter in chapterOptions"
+                  :key="chapter.chapterId"
+                  :label="chapter.chapterName"
+                  :value="chapter.chapterId"
+                />
+              </el-select>
+            </el-form-item>
             <el-form-item>
               <el-select
                 v-model="queryParams.isPic"
@@ -44,14 +63,12 @@
                 <el-option label="无图片" :value="false" />
               </el-select>
             </el-form-item>
-          </el-row>
-          <el-row :gutter="20">
             <el-form-item>
               <el-input
                 v-model="queryParams.question"
                 placeholder="请输入题目"
                 clearable
-                style="width: 400px"
+                style="width: 300px"
                 @keyup.enter="handleQuery"
               />
             </el-form-item>
@@ -197,6 +214,7 @@
 import { searchQuestion, getQuestionSort, deleteQuestion } from '@/api/xjapplet/xjdatabase'
 import QuestionAddForm from './Components/QuestionAddForm.vue'
 import DialogDuplicateQuestion from './Components/DialogDuplicateQuestion.vue'
+import { t } from '@wangeditor/editor'
 
 const message = useMessage()
 
@@ -246,6 +264,7 @@ const getQuestionChapter = () => {
     source: queryParams.value.source
   }).then((data) => {
     chapterOptions.value = data
+    queryParams.value.chapter = ''
   })
 }
 
@@ -264,7 +283,7 @@ function handleReset() {
     isPic: undefined,
     keyword: '',
     pageNo: 1,
-    pageSize: 100
+    pageSize: 20
   }
   getList()
 }
@@ -321,7 +340,8 @@ function handleChangeSource() {
   }
   queryParams.value = { ...obj, source: queryParams.value.source }
   getQuestionChapter()
-  getList()
+  tableList.value = []
+  total.value = 0
 }
 
 const dialogDuplicate = ref(null)