|
|
@ -11,7 +11,7 @@
|
|
|
|
<a-select-option value="3">保密</a-select-option>
|
|
|
|
<a-select-option value="3">保密</a-select-option>
|
|
|
|
</a-select>
|
|
|
|
</a-select>
|
|
|
|
<a-input style="width: 200px" placeholder="请输入关键字(姓名/手机号)" />
|
|
|
|
<a-input style="width: 200px" placeholder="请输入关键字(姓名/手机号)" />
|
|
|
|
<a-button type="primary">查 询</a-button>
|
|
|
|
<a-button type="primary" @click='getData'>查 询</a-button>
|
|
|
|
<a-button>重 置</a-button>
|
|
|
|
<a-button>重 置</a-button>
|
|
|
|
</a-space>
|
|
|
|
</a-space>
|
|
|
|
</a-col>
|
|
|
|
</a-col>
|
|
|
@ -46,7 +46,7 @@
|
|
|
|
<!-- 表格 -->
|
|
|
|
<!-- 表格 -->
|
|
|
|
<a-table
|
|
|
|
<a-table
|
|
|
|
:columns="columns"
|
|
|
|
:columns="columns"
|
|
|
|
:data-source="newData"
|
|
|
|
:data-source="tableData"
|
|
|
|
:pagination="pagination"
|
|
|
|
:pagination="pagination"
|
|
|
|
:scroll="{ x: 1300 }"
|
|
|
|
:scroll="{ x: 1300 }"
|
|
|
|
:row-selection="{
|
|
|
|
:row-selection="{
|
|
|
@ -60,8 +60,8 @@
|
|
|
|
"
|
|
|
|
"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<span slot="name" slot-scope="text, row">
|
|
|
|
<span slot="name" slot-scope="text, row">
|
|
|
|
<a-select style="width :200px" @change='changeHouse' placeholder='请选择房屋'>
|
|
|
|
<a-select style="width :100%" @change='changeHouse' placeholder='请选择房屋'>
|
|
|
|
<a-select-option v-for="item,index in row.residentListEstateVoList" :key='index' :value="item.id">
|
|
|
|
<a-select-option v-for="item,index in row.residentListEstateVoList" :key='index' :value="item.id" @click="chooseHouse(row)">
|
|
|
|
{{
|
|
|
|
{{
|
|
|
|
item.manageBuildingName +
|
|
|
|
item.manageBuildingName +
|
|
|
|
"栋/" +
|
|
|
|
"栋/" +
|
|
|
@ -94,7 +94,7 @@
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { columns,pagination,searchForm } from './component/config.js'
|
|
|
|
import { columns,pagination,searchForm } from './depend/config.js'
|
|
|
|
import { residentList } from '@/api/basic/resident'
|
|
|
|
import { residentList } from '@/api/basic/resident'
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
@ -109,6 +109,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
detail:{}
|
|
|
|
detail:{}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
table_row:{},
|
|
|
|
changeId:null,
|
|
|
|
changeId:null,
|
|
|
|
pagination: pagination,
|
|
|
|
pagination: pagination,
|
|
|
|
searchForm:searchForm,
|
|
|
|
searchForm:searchForm,
|
|
|
@ -147,7 +148,6 @@ export default {
|
|
|
|
keyword:this.searchForm.keyword,
|
|
|
|
keyword:this.searchForm.keyword,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.tableData = res.data.rows
|
|
|
|
this.tableData = res.data.rows
|
|
|
|
this.newData = this.tableData
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
addClose(){
|
|
|
|
addClose(){
|
|
|
|
this.drawer.add.show = false;
|
|
|
|
this.drawer.add.show = false;
|
|
|
@ -168,19 +168,22 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 表格行切换房屋
|
|
|
|
// 表格行切换房屋
|
|
|
|
changeHouse(value){
|
|
|
|
changeHouse(value){
|
|
|
|
// 遍历每行
|
|
|
|
// 选中的行
|
|
|
|
this.newData.forEach((item,index)=>{
|
|
|
|
this.tableData.forEach((item,index)=>{
|
|
|
|
// 遍历每行中的所有房子
|
|
|
|
if(item.id === this.table_row.id) {
|
|
|
|
item.residentListEstateVoList.forEach(items=>{
|
|
|
|
console.log(item);
|
|
|
|
// 当有房子id和changeid相同时
|
|
|
|
item.residentListEstateVoList.forEach((items)=>{
|
|
|
|
if(items.id === value){
|
|
|
|
if(items.id === value){
|
|
|
|
// 给newData赋值
|
|
|
|
this.$set(this.tableData[index],'identity' ,items.identity )
|
|
|
|
this.$set(this.newData[index],'identity' ,items.identity )
|
|
|
|
this.$set(this.tableData[index],'manageEstateTypeName' ,items.manageEstateTypeName )
|
|
|
|
this.$set(this.newData[index],'manageEstateTypeName' ,items.manageEstateTypeName )
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
chooseHouse(row){
|
|
|
|
|
|
|
|
this.table_row = row
|
|
|
|
|
|
|
|
},
|
|
|
|
handleTableChange(pagination) {
|
|
|
|
handleTableChange(pagination) {
|
|
|
|
console.log(pagination);
|
|
|
|
console.log(pagination);
|
|
|
|
const pager = { ...this.pagination };
|
|
|
|
const pager = { ...this.pagination };
|
|
|
|