*

dsk-operate-ui/src/views/project/projectList/component/addProject.vue

@@ -19,9 +19,9 @@
         </div>
       </el-form-item>
       <el-form-item label="招采单位：" class="row"  prop="ownerCompany">
-        <el-input type="text" placeholder="请输入" v-model="queryParam.ownerCompany" @input="getCompany" :οnkeyup="queryParam.ownerCompany=queryParam.ownerCompany.replace(/^\s+|\s+$/g,'')"></el-input>
-        <div class="resultlist" v-if="showlist" id="box">
-          <div v-for="(item,index) in companData" @click="selCompany(item)"><span  v-html="item.name"></span></div>
+        <el-input type="text" placeholder="请输入" v-model="queryParam.ownerCompany" @input="getCompany(1)" :οnkeyup="queryParam.ownerCompany=queryParam.ownerCompany.replace(/^\s+|\s+$/g,'')"></el-input>
+        <div class="resultlist infinite-list" v-if="showlist" v-infinite-scroll="load" id="box" style="overflow:auto">
+          <div class="infinite-list-item" v-for="(item,index) in companData" @click="selCompany(item)"><span  v-html="item.name" :key="companypage"></span></div>
         </div>
       </el-form-item>
       <el-form-item label="项目阶段：" class="row">
@@ -96,6 +96,8 @@
         projectType:[],//项目类型
         projectCategory:[],//项目类别
         proList:[],//项目列表
+        companypage:1,
+        isscroll:false,
       }
     },
     mounted(){
@@ -135,20 +137,41 @@
       },
       //获取建设库客户
       getCompany(value){
-        this.queryParam.companyId = ''
-        if (value.length>=2){
+        this.queryParam.companyId = null
+        if(value == 1){
+          this.companData = []
+          this.companypage = 1
+        }
+        if (this.queryParam.ownerCompany.length>=2){
           let param = {
-            keyword:value,
+            keyword:this.queryParam.ownerCompany,
             page:{
               limit:20,
-              page:1
+              page:this.companypage
             }
           }
           getEnterprise(JSON.stringify(param)).then(result=>{
-            if(result.code != 200)
-              return
-            this.showlist = true
+            if(result.code != 200){
+              return false
+            }
+            if(result.data.list != null && result.data.list.length>0){
+              this.isscroll = true
+              if (this.companData.length===0) {
                 this.companData = result.data.list
+              } else {
+                let arr2 = result.data.list
+                arr2.unshift(2, 0);
+                Array.prototype.splice.apply(this.companData, arr2);
+              }
+              if(this.companData.length===0) {
+                this.showlist = false
+              }else{
+                this.showlist = true
+              }
+              this.companypage += 1
+            }else{
+              this.isscroll = false
+            }
           })
         }
       },
@@ -167,6 +190,11 @@
           })
         }
       },
+      load(){
+        if(this.isscroll){
+          this.getCompany(2)
+        }
+      },
       selCompany(item){
         this.queryParam.companyId = item.jskEid
         this.queryParam.ownerCompany = item.name.replace(/<[^>]+>/g, '')