懒加载

monkeyhouyi
1 parent 12ff398d
Showing 1 changed file with 27 additions and 1 deletions
src/components/InfoForm/index.vue
@@ -34,9 +34,13 @@
                   clearable
                   style="width: 100%"
                   @change="companyChange"
+                  v-selectLoadMore="initCompanyList"
+                  :loading="name_loading"
+                  :teleported="false"
+                  :filter-method="filterMethod"
                 >
                   <el-option
-                    v-for="item in companyOptions"
+                    v-for="item in companyOptions.slice(0, company_currentPage)"
                     :key="item.id"
                     :label="item.companyName"
                     :value="item.id"
@@ -427,6 +431,8 @@ export default {
       areaOptions: [],
       btnLoading: false,
       isFilings: false,
+      company_currentPage: 20,
+      name_loading: false,
     };
   },
   computed: {
@@ -442,6 +448,24 @@ export default {
   mounted() {},
   created() {},
   methods: {
+    initCompanyList() {
+      if(this.company_currentPage > this.companyOptions.length) return
+      this.company_currentPage += 10;
+    },
+    filterMethod(val) {
+      this.name_loading = true;
+      request({
+        url: `/Extend/basecomapnyinfo/GetNoPagingList`,
+        method: "GET",
+        params: {
+          companyName: val,
+        }
+      }).then(({data}) => {
+        this.companyOptions = data;
+        this.name_loading = false;
+
+      })
+    },
     handleAvatarSuccess(response, file, fileList) {
       if(response.code != 200) return;
       this.infoForm.systemIconModel = {
@@ -458,11 +482,13 @@ export default {
     },
     // 请求公司列表
     async initCompanyList() {
+      this.name_loading = true;
       request({
         url: `/Extend/basecomapnyinfo/GetNoPagingList`,
         method: "GET",
       }).then(({data}) => {
         this.companyOptions = data;
+        this.name_loading = false;
       })
     },
     async companyChange(val) {