课程推荐

src/views/courselibrary/CourseRecommended.vue

@@ -20,7 +20,7 @@
               placeholder="请输入名称"
             />
           </div>
-          <div class="select">
+          <!-- <div class="select">
             <a-select
               v-model:value="auditStatus"
               dropdownClassName="dropdown-style"
@@ -30,6 +30,27 @@
               allowClear
             >
             </a-select>
+          </div> -->
+          <div class="select">
+            <a-tree-select
+              :getPopupContainer="
+                (triggerNode) => triggerNode.parentNode || document.body
+              "
+              v-model:value="sysTypeId"
+              show-search
+              style="width: 200px"
+              :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+              placeholder="请选择内容分类"
+              allow-clear
+              tree-default-expand-all
+              :fieldNames="{
+                children: 'children',
+                label: 'name',
+                value: 'code',
+              }"
+              :tree-data="sysTypeOptions"
+            >
+            </a-tree-select>
           </div>
           <div style="display: flex; margin-bottom: 20px" class="courseBtn">
             <div class="btn btn1" @click="handleSearch1">
@@ -100,7 +121,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script lang="jsx" >
 import {
   reactive,
   toRefs,
@@ -273,7 +294,7 @@ export default defineComponent({
           dataIndex: "id",
           key: "id",
           fixed: "right",
-          align: "right",
+          align: "center",
           slots: { customRender: "action" },
         },
       ],
@@ -361,7 +382,7 @@ export default defineComponent({
       return {
         selectedRowKeys: state.selectedRowKeys,
         onChange: onSelectChange,
-        preserveSelectedRowKeys: true,
+        // preserveSelectedRowKeys: true,
         
       }
     });