songyunpeng
5 years ago
2 changed files with 249 additions and 0 deletions
@ -0,0 +1,169 @@ |
|||||
|
<template> |
||||
|
<el-dialog :visible.sync="visible" |
||||
|
title="居住人详情" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false"> |
||||
|
<el-form :model="dataForm" |
||||
|
:rules="dataRule" |
||||
|
ref="dataForm" |
||||
|
@keyup.enter.native="dataFormSubmitHandle()" |
||||
|
:label-width="$i18n.locale === 'en-US' ? '120px' : '120px'"> |
||||
|
<el-form-item class="item" label="房屋信息"> |
||||
|
</el-form-item> |
||||
|
<div :key="house.houseAddress" v-for="house in dataForm.housingInfo"> |
||||
|
<el-form-item label="面积：" |
||||
|
prop="houseArea"> |
||||
|
<span>{{house.houseArea}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="用途：" |
||||
|
prop="houseUse"> |
||||
|
<span>{{house.houseUse}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="产权人：" |
||||
|
prop="propertyOwner"> |
||||
|
<span>{{house.propertyOwner}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="产权人电话：" |
||||
|
prop="propertyOwnerMobile"> |
||||
|
<span>{{house.propertyOwnerMobile}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="房屋地址：" |
||||
|
prop="houseAddress"> |
||||
|
<span>{{house.houseAddress}}</span> |
||||
|
</el-form-item> |
||||
|
</div> |
||||
|
<hr> |
||||
|
<el-form-item class="item" label="人员信息"> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="户主姓名：" |
||||
|
prop="name"> |
||||
|
<span>{{dataForm.name}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="户主姓别：" |
||||
|
prop="sex"> |
||||
|
<span>{{dataForm.sex}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="户主年龄：" |
||||
|
prop="age"> |
||||
|
<span>{{dataForm.age}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="户主电话：" |
||||
|
prop="phone"> |
||||
|
<span>{{dataForm.phone}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="家庭类别：" |
||||
|
prop="familyCategory"> |
||||
|
<span>{{dataForm.familyCategory}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="就业情况：" |
||||
|
prop="employmentStatus"> |
||||
|
<span>{{dataForm.employmentStatus}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="文化程度：" |
||||
|
prop="educationLevel"> |
||||
|
<span>{{dataForm.educationLevel}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="政治面貌：" |
||||
|
prop="politicsStatus"> |
||||
|
<span>{{dataForm.politicsStatus}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="机动车数量：" |
||||
|
prop="motorVehicleNum"> |
||||
|
<span>{{dataForm.motorVehicleNum}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="宠物犬状况：" |
||||
|
prop="dogStatus"> |
||||
|
<span>{{dataForm.dogStatus}}</span> |
||||
|
</el-form-item> |
||||
|
<hr> |
||||
|
<el-form-item class="item" label="家庭成员"> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-table :data="dataForm.familyMember" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column label="序号" width="70px" header-align="center" align="center"><template slot-scope="scope">{{scope.$index+1}}</template></el-table-column> |
||||
|
<el-table-column prop="name" |
||||
|
label="姓名"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="relation" |
||||
|
label="关系"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="currentAddress" |
||||
|
label="居住地"> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template slot="footer"> |
||||
|
<el-button @click="visible = false">关闭</el-button> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
visible: false, |
||||
|
dataForm: { |
||||
|
id: '', |
||||
|
name: '', |
||||
|
sex: '', |
||||
|
age: '', |
||||
|
phone: '', |
||||
|
familyCategory: '', |
||||
|
employmentStatus: '', |
||||
|
educationLevel: '', |
||||
|
politicsStatus: '', |
||||
|
motorVehicleNum: '', |
||||
|
dogStatus: '', |
||||
|
housingInfo: [], |
||||
|
familyMember: [] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init () { |
||||
|
this.visible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['dataForm'].resetFields() |
||||
|
if (this.dataForm.id) { |
||||
|
this.getInfo() |
||||
|
} |
||||
|
}) |
||||
|
this.getTagOptions() |
||||
|
}, |
||||
|
// 获取信息 |
||||
|
getInfo () { |
||||
|
let postData = { |
||||
|
populationId: this.dataForm.id, |
||||
|
identifyFlag: '2' |
||||
|
} |
||||
|
this.$http.post(`/app-user/screenPopulationInfo/selectPeopleDetail`, postData).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.dataForm = { |
||||
|
...this.dataForm, |
||||
|
...res.data |
||||
|
} |
||||
|
this.dataForm.tagIds = [] |
||||
|
}).catch(() => { }) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style> |
||||
|
.item .el-form-item__label{ |
||||
|
font-size: 20px; |
||||
|
width: 50px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,80 @@ |
|||||
|
<template> |
||||
|
<el-card shadow="never" class="aui-card--fill"> |
||||
|
<div class="mod-news__housebusinessinfo}"> |
||||
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item label="城市名"> |
||||
|
<el-input v-model.trim="dataForm.houseAddress" |
||||
|
placeholder="请输入城市名" |
||||
|
clearable></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button @click="getDataList()">{{ $t('query') }}</el-button> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" |
||||
|
@click="exportHandle()">{{ $t('export') }}</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> |
||||
|
<el-table-column label="序号" width="70px" header-align="center" align="center"><template slot-scope="scope">{{scope.$index+1}}</template></el-table-column> |
||||
|
<el-table-column prop="residentName" label="姓名" header-align="center" align="center" width="100px"></el-table-column> |
||||
|
<el-table-column prop="currentAddress" label="现居住地" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="houseHeadName" label="户主姓名" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="houseHeadPhone" label="户主电话" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="houseHeadAddress" label="户主居住地址" header-align="center" align="center" width="400px"></el-table-column> |
||||
|
<el-table-column label="查看" fixed="right" header-align="center" align="center" width="100"> |
||||
|
<template slot-scope="scope"><el-button type="text" size="small" @click="selectPeopleByCityDetailHandle(scope.row.populationId)">查看</el-button></template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
<selectPeopleByCityDetail v-if="selectPeopleByCityDetailVisible" ref="selectPeopleByCityDetail" @refreshDataList="getDataList"></selectPeopleByCityDetail> |
||||
|
</el-card> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import mixinViewModule from '@/mixins/view-module' |
||||
|
import SelectPeopleByCityDetail from './selectPeopleByCity-detail' |
||||
|
|
||||
|
export default { |
||||
|
mixins: [mixinViewModule], |
||||
|
data () { |
||||
|
return { |
||||
|
mixinViewModuleOptions: { |
||||
|
getDataListURL: '/app-user/populationinformation/selectPeopleByCurrentAddress', |
||||
|
getDataListIsPage: true, |
||||
|
exportURL: '/app-user/populationinformation/getFamily/export' |
||||
|
}, |
||||
|
dataForm: { |
||||
|
populationId: '' |
||||
|
}, |
||||
|
selectPeopleByCityDetailVisible: false |
||||
|
} |
||||
|
}, |
||||
|
created: function () { |
||||
|
}, |
||||
|
methods: { |
||||
|
selectPeopleByCityDetailHandle (populationId) { |
||||
|
this.selectPeopleByCityDetailVisible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.selectPeopleByCityDetail.dataForm.id = populationId |
||||
|
this.$refs.selectPeopleByCityDetail.init() |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
}, |
||||
|
components: { |
||||
|
SelectPeopleByCityDetail |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
Loading…
Reference in new issue