11

src/components/index/SignUp/referInfo.vue

@@ -253,7 +253,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item class="no_label" label=" " prop="school">
-            <el-select
+            <!-- <el-select
               ref="school"
               v-model="referForm.school"
               clearable
@@ -266,7 +266,14 @@
                 :value="item.id"
               >
               </el-option>
-            </el-select>
+            </el-select> -->
+            <el-autocomplete
+              ref="school"
+              v-model="referForm.school"
+              :fetch-suggestions="querySearchAsync"
+              placeholder="中学"
+              @select="handleSelect"
+            ></el-autocomplete>
           </el-form-item>
         </el-col>
 
@@ -551,11 +558,7 @@ export default {
       bdMonth: "", //选择的生日月份
       bdDay: "", //选择的生日日期
       //入学年份（初中高中）
-      gradeArrs: [
-        "初中",
-        "高中",
-        "大学",
-      ],
+      gradeArrs: ["初中", "高中", "大学"],
       //选择年级
       start_grade: "",
       start_year: "",
@@ -574,6 +577,8 @@ export default {
           name: "群众",
         },
       ],
+      // 中学（模糊搜索）
+      timeout: null,
       // 上传的图片
       dialogImageUrl: "",
       dialogVisible: false,
@@ -583,12 +588,11 @@ export default {
       disabled: false, //限制输入框
     };
   },
-  mounted() {},
   created() {
     const code = this.$store.state.indexIdentity;
     this.referForm.phone = window.localStorage.getItem("phone" + code); //本地取用户手机号
     this.referForm.email = window.localStorage.getItem("email" + code); //本地取用户邮箱
-    console.log(this.referForm.email, " this.referForm.email");
+    // console.log(this.referForm.email, " this.referForm.email");
     let signUpFile = window.localStorage.getItem(
       "sign_up_file_" + window.localStorage.getItem("phone" + code) + code
     );
@@ -654,6 +658,9 @@ export default {
       }
     },
   },
+  mounted() {
+    this.restaurants = this.selectSchoolList; //中学（模糊搜索）
+  },
   methods: {
     //获取近10年的年份
     getTenYear() {
@@ -797,10 +804,12 @@ export default {
       // console.log(12345333,val,status)
       this.selectSchoolList = [];
       this.selectSchoolList = this.getCurrentSchoolLists(val);
+      console.log(this.selectSchoolList, "selectSchoolList");
       if (!status) {
         this.referForm.school = "";
       }
     },
+
     // 返回当前城市下的学校列表
     getCurrentSchoolLists(val) {
       let currentSchool = [];
@@ -846,7 +855,33 @@ export default {
       }
       return currentSchool;
     },
-
+    // 中学学校（模糊搜索）
+    querySearchAsync(queryString, cb) {
+      console.log(queryString, "queryString");
+      var restaurants = this.restaurants;
+      console.log(restaurants, "restaurants");
+      var results = queryString
+        ? restaurants.filter(this.createStateFilter(queryString))
+        : restaurants;
+      console.log(results, "results");
+      clearTimeout(this.timeout);
+      this.timeout = setTimeout(() => {
+        cb(results);
+      }, 3000 * Math.random());
+    },
+    createStateFilter(queryString) {
+      console.log(queryString, "queryString");
+      return (state) => {
+        console.log(state, "state");
+        console;
+        return (
+          state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+        );
+      };
+    },
+    handleSelect(item) {
+      console.log(item);
+    },
     // 图片上传成功前钩子
     beforeAvatarUpload(file) {
       // console.log(file, "beforeImage");