【居民分类管理】楼长单元长-小区下拉框：支持远程搜索

src/views/modules/base/residentManagement/louzhang/louzhangList.vue

@@ -27,8 +27,8 @@
             <div class="resi-cell">
               <div class="resi-cell-value">
                 <span style="width:100px;text-align: right;padding-right:14px;display: inline-block; ">所属房屋:</span>
-                <el-select v-model.trim="formData.villageId" placeholder="请选择小区" size="small" filterable clearable
-                  class="u-item-width-communitycascader" @clear="handleClearVillage" @change="handleChangeV">
+                <el-select v-model.trim="formData.villageId" placeholder="请选择小区" size="small" remote filterable clearable
+                  class="u-item-width-communitycascader" @clear="handleClearVillage" @change="handleChangeV" :remote-method="getValiheList">
                   <el-option v-for="item in optionsV" :key="item.value" :label="item.label" :value="item.value">
                   </el-option>
                 </el-select>
@@ -151,7 +151,7 @@
 
   </div>
 </template>
-  
+
 <script>
 import { requestPost } from "@/js/dai/request";
 import { dormitoryTypeList } from "@/js/columns/constants";
@@ -252,12 +252,15 @@ export default {
     },
 
 
-    getValiheList() {
+    getValiheList(quarterName) {
 
       this.$http
         .post('/actual/base/communityQuarters/listQuartersOptions', {
           gridId: '',
           agencyId: '',
+          neighborHoodName: quarterName,
+          pageNo: 0,
+          // pageSize:
           // agencyId: user.agencyId
         })
         .then(({ data: res }) => {
@@ -611,4 +614,3 @@ export default {
   margin-right: 10px;
 }
 </style>
-