diff --git a/src/components/SearchCom/index.vue b/src/components/SearchCom/index.vue
index 39d5e84..e168b82 100644
--- a/src/components/SearchCom/index.vue
+++ b/src/components/SearchCom/index.vue
@@ -7,15 +7,18 @@
           <a-input v-if="item.type === 'input'" v-model="form[item.key]" :type="item.type || 'text'" :placeholder="item.placeholder || '请输入'" :allowClear="true" />
 
           <!-- select-common -->
-          <a-select v-if="item.type === 'select'" v-model="form[item.key]" placeholder="请选择" :allowClear="true">
+          <a-select v-if="item.type === 'select'" v-model="form[item.key]" placeholder="请选择" :allowClear="true" :mode="item.mode ? item.mode : 'default'">
             <a-select-option v-for="(j, k) in item.options" :key="`${index}-${k}`" :value="j.id">{{ j.name }}</a-select-option>
           </a-select>
 
           <!-- select-dictionary -->
-          <a-select v-if="item.type === 'select-dic'" v-model="form[item.key]" placeholder="请选择" :allowClear="true">
+          <a-select v-if="item.type === 'select-dic'" v-model="form[item.key]" placeholder="请选择" :allowClear="true" :mode="item.mode ? item.mode : 'default'">
             <a-select-option v-for="(j, k) in item.options" :key="`${index}-${k}`" :value="j.value">{{ j.name }}</a-select-option>
           </a-select>
 
+          <!-- select-dictionary-tree -->
+          <a-tree-select v-if="item.type === 'select-dic-tree'" v-model="form[item.key]" :tree-data="item.options" placeholder="请选择" :multiple="item.mode ? true : false"></a-tree-select>
+
           <!-- date -->
           <a-date-picker v-if="item.type === 'date'" v-model="form[item.key]" style="width: 100%" :format="item.format" :valueFormat="item.format" :placeholder="item.placeholder || '请输入日期'" />
 
diff --git a/src/views/course/CourseList.vue b/src/views/course/CourseList.vue
index fdd5323..ce41fdb 100644
--- a/src/views/course/CourseList.vue
+++ b/src/views/course/CourseList.vue
@@ -32,6 +32,7 @@
 import { STable, SearchCom } from '@/components'
 import { getCourseList, deleteCourse } from '@/api/course/course'
 import { dictionaryDropDown } from '@/api/sys/dictionaryItem'
+import { dictToTree } from '@/utils/util'
 
 export default {
   components: {
@@ -44,7 +45,8 @@ export default {
       queryParam: { courseName: this.$route.query.courseName || '' },
       queryOptions: [
         { type: 'input', placeholder: '课程名称', key: 'courseName' },
-        { type: 'select', placeholder: '请选择标签', key: 'tag', options: [] },
+        { type: 'select-dic-tree', placeholder: '请选择课程类别', key: 'courseType' , options: [] },
+        { type: 'select-dic', placeholder: '请选择标签', key: 'tag', mode: 'multiple', options: [] },
       ],
       loadData: (parameter) => {
         return getCourseList(Object.assign(parameter, this.queryParam)).then((res) => {
@@ -68,13 +70,14 @@ export default {
     dictionaryDropDown() {
       this.formLoading = false
 
+      //课程类别
+      dictionaryDropDown({ dictionaryCode: '0006' }).then((res) => {
+        this.queryOptions[1].options = dictToTree(res.data, [], 0);
+      })
+
       //课程标签字典
       dictionaryDropDown({ dictionaryCode: '0008' }).then((res) => {
-        const tagList = res.data
-        for (let i = 0; i < tagList.length; i++) {
-          tagList[i].id = tagList[i].value.toString()
-        }
-        this.queryOptions[1].options = tagList
+        this.queryOptions[2].options = res.data
       })
     },
     handleRefresh() {