幼儿园管理

src/views/system/kindergartenInfo/index.vue

@@ -26,11 +26,13 @@
       </el-form-item>
 
       <el-form-item label="幼儿园类型" prop="kindergartenType">
-        <el-cascader
-          v-model="queryParams.kindergartenType"
+        <treeselect
+          :normalizer="normalizer"
           :options="types"
-          @change="handleChange"
-        ></el-cascader>
+          placeholder="请选择幼儿园类型"
+          v-model="queryParams.kindergartenType"
+          style="width: 208px"
+        />
       </el-form-item>
 
       <el-form-item label="联系人" prop="contacts">
@@ -269,12 +271,14 @@ export default {
       type: "",
       types: [
         {
-          value: "",
+          id: "",
           label: "公办",
+          children: [],
         },
         {
-          value: "",
+          id: "",
           label: "私有",
+          children: [],
         },
       ],
       type2: "",
@@ -322,14 +326,16 @@ export default {
     this.getList();
   },
   methods: {
-    handleChange(value) {
-      console.log(value);
-      value.forEach((e) => {
-        this.queryParams.kindergartenType = e;
-      });
-      console.log(this.queryParams);
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children;
+      }
+      return {
+        kindergartenType: node.id,
+        label: node.label,
+        children: node.children,
+      };
     },
-    normalizer(node) {},
     normalizer2(node) {
       if (node.children && !node.children.length) {
         delete node.children;
@@ -358,10 +364,10 @@ export default {
       tKindergartenInfo(this.kindergartenType).then((res) => {
         this.type = res.data[0].dictValue;
         this.type2 = res.data[1].dictValue;
-        this.types[0].value = res.data[0].dictValue;
-        this.types[1].value = res.data[1].dictValue;
+        this.types[0].id = res.data[0].dictValue;
+        this.types[1].id = res.data[1].dictValue;
 
-        console.log(this.type, this.type2, this.types);
+        console.log(this.types);
       });
     },
     // 取消按钮