级联选择器修改

src/layout/loginPage.vue

@@ -82,8 +82,9 @@
                     <div style="padding-right: 10px; color: #2592a1">班级</div>
                   </div>
                   <div class="right">
-                    <el-cascader placeholder="请选择所属班级" :props="props" style="width: 142%; height: 0.2344rem"
-                      v-model="formModel.clssid" @change="handleChange" />
+                    <el-cascader ref="cascader" placeholder="请选择所属班级" :props="props"
+                      style="width: 142%; height: 0.2344rem" v-model="formModel.clssid" @change="handleChange"
+                      :show-all-levels="false" />
                   </div>
                 </div>
               </el-form-item>
@@ -281,7 +282,24 @@ const FacultiesList = ref([])
 const getFacultiesList = async (data: any) => {
   const res: any = await getFaculties(data)
   console.log(res, 'res11')
-  FacultiesList.value = res.result
+  if (data.primaryType == 3){
+    FacultiesList.value = res.result.map((res:any) => {
+      return {
+        value: res.id,
+        label: res.name,
+        isLeaf: true
+      }
+    })
+  }else{
+    FacultiesList.value = res.result.map((res: any) => {
+      return {
+        value: res.id,
+        label: res.name,
+        isLeaf: false
+      }
+    })
+  }
+  
 }
 const deepValues = ref([])
 // 配置部门级联选择器
@@ -289,6 +307,7 @@ const props = {
   lazy: true,
   checkStrictly: true,
   emitPath: false,
+  isLeaf: 'isLeaf',
   async lazyLoad(node: any, resolve: any) {
     console.log(node);
     deepValues.value = node.pathValues
@@ -296,17 +315,32 @@ const props = {
       primaryType: node.level + 1,
       pid: node.value,
     })
-    const nodes = FacultiesList.value.map((item: any) => ({
-      value: item.id,
-      label: item.name,
-    }))
+    const nodes = FacultiesList.value.map((item: any) => {
+      if (!item.isLeaf) {
+        return {
+          value: item.value,
+          label: item.label,
+          isLeaf: item.isLeaf,
+          disabled:true
+        }
+      } else {
+        return {
+          value: item.value,
+          label: item.label,
+          isLeaf: item.isLeaf
+        }
+      }
+    })
+    console.log(nodes,'nodes');
+    
     resolve(nodes)
   },
 }
-
+const cascader = ref(null)
 const handleChange = (e: any) => {
   console.log(e);
   formModel.value.clssid = e
+  cascader.value.togglePopperVisible()
 }
 
 
@@ -481,6 +515,7 @@ onMounted(()=>{
     align-items: center;
     height: 1000px;
     min-height: 100vh;
+
     // margin: 0;
     .middle-content {
       position: relative;
@@ -494,6 +529,7 @@ onMounted(()=>{
       background-position: 59% -7px;
       background-size: 75% auto;
     }
+
     .errorBtn {
       position: absolute;
       top: 30px;