FIX: 视频资源 切换分类清空子分类

src/views/course/videoResource/index.vue

@@ -20,7 +20,7 @@
         />
       </el-form-item>
       <el-form-item label="分类" prop="typeId">
-        <el-select v-model="queryParams.typeId" clearable placeholder="请选择分类" @change="changeCateType">
+        <el-select v-model="queryParams.typeId" clearable placeholder="请选择分类" @change="val => changeCateType(val, 1)">
           <el-option
             v-for="item in rootTypeList"
             :key="item.dictValue"
@@ -192,7 +192,7 @@
         </el-form-item>
 
         <el-form-item label="分类" prop="typeId">
-          <el-select v-model="form.typeId" placeholder="请选择分类" style="width: 100%" @change="changeCateType">
+          <el-select v-model="form.typeId" placeholder="请选择分类" style="width: 100%" @change="val => changeCateType(val, 2)">
             <el-option
               v-for="item in rootTypeList"
               :key="item.dictValue"
@@ -407,7 +407,7 @@
         class="upload-dialog">
         <el-form :model="batchUploadForm" ref="batchUploadForm" label-width="80px">
           <el-form-item style="margin-top: 20px" label="分类" prop="typeId" :rules="[{ required: true, message: '请选择分类', trigger: 'blur' }]">
-            <el-select v-model="batchUploadForm.typeId" placeholder="请选择分类" style="width: 100%" @change="changeCateType">
+            <el-select v-model="batchUploadForm.typeId" placeholder="请选择分类" style="width: 100%" @change="val => changeCateType(val, 3)">
               <el-option
                 v-for="item in rootTypeList"
                 :key="item.dictValue"
@@ -682,7 +682,8 @@ export default {
         pageSize: 10,
         resourceName: null,
         fileName: null,
-        typeId: null
+        typeId: null,
+        typeSubId: null
       },
       // 表单参数
       form: {
@@ -740,6 +741,7 @@ export default {
       showUpload: false,
       batchUploadForm: {
         typeId: null,
+        typeSubId: null,
         projectIds: [],
         files: []
       },
@@ -841,6 +843,7 @@ export default {
         fileKey: null,
         videoUrl: null,
         typeId: null,
+        typeSubId: null,
         projectIds: []
       };
       // 重置表单验证状态
@@ -985,9 +988,18 @@ export default {
         this.rootTypeList = response.data
       });
     },
-    async changeCateType(val) {
+    async changeCateType(val, type) {
+      if (type === 1) {
+        this.queryParams.typeSubId = null
+      }
+      if (type === 2) {
+        this.form.typeSubId = null
+      }
+      if (type === 3) {
+        this.batchUploadForm.typeSubId = null
+      }
+      this.subTypeList = []
       if (!val) {
-        this.subTypeList = []
         return
       }
       await getCateListByPid(val).then(response => {