|
|
|
@ -7,12 +7,16 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="tabs"> |
|
|
|
<div :class="{ 'z-on': searchData.type == 'jumin' }" |
|
|
|
@click="searchData.type = 'jumin'"> |
|
|
|
<div |
|
|
|
:class="{ 'z-on': searchData.type == 'jumin' }" |
|
|
|
@click="searchData.type = 'jumin'" |
|
|
|
> |
|
|
|
查居民 |
|
|
|
</div> |
|
|
|
<div :class="{ 'z-on': searchData.type == 'fangwu' }" |
|
|
|
@click="searchData.type = 'fangwu'"> |
|
|
|
<div |
|
|
|
:class="{ 'z-on': searchData.type == 'fangwu' }" |
|
|
|
@click="searchData.type = 'fangwu'" |
|
|
|
> |
|
|
|
查房屋 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -20,22 +24,24 @@ |
|
|
|
<div class="search"> |
|
|
|
<div class="search-input"> |
|
|
|
<div class="input"> |
|
|
|
<input type="text" |
|
|
|
:placeholder="typePlaceholder[searchData.type]" |
|
|
|
v-model="searchData.keyword" |
|
|
|
@keyup.enter="handleClickSearchBtn" /> |
|
|
|
|
|
|
|
<div class="close-btn" |
|
|
|
v-if="searchData.keyword != ''" |
|
|
|
@click="searchData.keyword = ''"> |
|
|
|
<input |
|
|
|
type="text" |
|
|
|
:placeholder="typePlaceholder[searchData.type]" |
|
|
|
v-model="searchData.searchKey" |
|
|
|
@keyup.enter="handleClickSearchBtn" |
|
|
|
/> |
|
|
|
|
|
|
|
<div |
|
|
|
class="close-btn" |
|
|
|
v-if="searchData.searchKey != ''" |
|
|
|
@click="searchData.searchKey = ''" |
|
|
|
> |
|
|
|
<img src="@/assets/img/shequ/close.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="btn" |
|
|
|
@click="handleClickSearchBtn">查一下</div> |
|
|
|
<div class="btn" @click="handleClickSearchBtn">查一下</div> |
|
|
|
</div> |
|
|
|
<div class="btn2" |
|
|
|
@click="handleClickSearchBtn"> |
|
|
|
<div class="btn2" @click="handleClickSearchBtn"> |
|
|
|
<img src="@/assets/images/index/i-search.png" /> |
|
|
|
智能搜索 |
|
|
|
</div> |
|
|
|
@ -43,154 +49,190 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-box" |
|
|
|
v-if="searchStatus == 'ing'"> |
|
|
|
<div class="m-tb" |
|
|
|
v-if=" |
|
|
|
<div class="m-box" v-if="searchStatus == 'ing'"> |
|
|
|
<div |
|
|
|
class="m-tb" |
|
|
|
v-if=" |
|
|
|
searchData.type == 'jumin' && |
|
|
|
searchData.keyword != '' && |
|
|
|
searchData.searchKey != '' && |
|
|
|
searchStatus == 'ing' |
|
|
|
"> |
|
|
|
" |
|
|
|
> |
|
|
|
<div class="tb"> |
|
|
|
<el-table class="m-table" |
|
|
|
v-loading="searchJumin.loading" |
|
|
|
:data="searchJumin.list" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
:max-height="1000"> |
|
|
|
<el-table-column label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
<el-table-column v-for="item in searchJumin.header" |
|
|
|
:key="item.columnName" |
|
|
|
:prop="item.columnName" |
|
|
|
:label="item.label" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
:width=" |
|
|
|
<el-table |
|
|
|
class="m-table" |
|
|
|
v-loading="searchJumin.loading" |
|
|
|
:data="searchJumin.list" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
:max-height="1000" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
v-for="item in searchJumin.header" |
|
|
|
:key="item.columnName" |
|
|
|
:prop="item.columnName" |
|
|
|
:label="item.label" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
:width=" |
|
|
|
item.itemType === 'radio' ? computedWidth(item.label) : 180 |
|
|
|
"> |
|
|
|
" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ handleFilterSpan(scope.row, item) }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center"> |
|
|
|
<el-table-column fixed="right" label="操作" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button class="f-fc" |
|
|
|
@click="handleWatchSearchJumin(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small">查看</el-button> |
|
|
|
<el-button |
|
|
|
class="f-fc" |
|
|
|
@click="handleWatchSearchJumin(scope.$index)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChangeSearchJumin" |
|
|
|
@current-change="handleCurrentChangeSearchJumin" |
|
|
|
:current-page.sync="searchJumin.pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(searchJumin.pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="searchJumin.total"> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChangeSearchJumin" |
|
|
|
@current-change="handleCurrentChangeSearchJumin" |
|
|
|
:current-page.sync="searchJumin.pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(searchJumin.pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="searchJumin.total" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-tb" |
|
|
|
v-if=" |
|
|
|
<div |
|
|
|
class="m-tb" |
|
|
|
v-if=" |
|
|
|
searchData.type == 'fangwu' && |
|
|
|
searchData.keyword != '' && |
|
|
|
searchData.searchKey != '' && |
|
|
|
searchStatus == 'ing' |
|
|
|
"> |
|
|
|
" |
|
|
|
> |
|
|
|
<div class="tb"> |
|
|
|
<el-table class="m-table" |
|
|
|
:data="searchFangwu.list" |
|
|
|
v-loading="searchFangwu.loading" |
|
|
|
border |
|
|
|
:max-height="1000" |
|
|
|
style="width: 100%"> |
|
|
|
<el-table-column label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
<el-table-column prop="houseName" |
|
|
|
label="房屋名称" |
|
|
|
width="120"> |
|
|
|
<el-table |
|
|
|
class="m-table" |
|
|
|
:data="searchFangwu.list" |
|
|
|
v-loading="searchFangwu.loading" |
|
|
|
border |
|
|
|
:max-height="1000" |
|
|
|
style="width: 100%" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column prop="houseName" label="房屋名称" width="120"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="neighborHoodName" |
|
|
|
label="所属小区" |
|
|
|
width="160"> |
|
|
|
<el-table-column prop="quartersName" label="所属小区" width="160"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="buildingName" |
|
|
|
label="所属楼栋"> |
|
|
|
<el-table-column prop="buildingName" label="所属楼栋"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="unitNum" |
|
|
|
label="单元号"> </el-table-column> |
|
|
|
<el-table-column prop="doorName" |
|
|
|
label="门牌号"> </el-table-column> |
|
|
|
<el-table-column prop="houseType" |
|
|
|
label="类型"> </el-table-column> |
|
|
|
<el-table-column prop="purpose" |
|
|
|
label="用途"> </el-table-column> |
|
|
|
<el-table-column prop="rentFlag" |
|
|
|
label="房屋状态"> |
|
|
|
<el-table-column prop="buildingUnitName" label="单元号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerName" |
|
|
|
label="房主姓名"> |
|
|
|
<el-table-column prop="doorName" label="门牌号"> </el-table-column> |
|
|
|
<el-table-column prop="houseType" label="类型"> </el-table-column> |
|
|
|
<el-table-column prop="purpose" label="用途"> </el-table-column> |
|
|
|
<el-table-column prop="rentFlag" label="房屋状态"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerPhone" |
|
|
|
label="房主电话" |
|
|
|
width="110"> |
|
|
|
<el-table-column prop="ownerName" label="房主姓名"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerIdCard" |
|
|
|
label="身份证" |
|
|
|
width="170"> |
|
|
|
<el-table-column prop="ownerPhone" label="房主电话" width="110"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" |
|
|
|
fixed="right" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
class="operate"> |
|
|
|
<el-table-column prop="ownerIdCard" label="身份证" width="170"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
label="操作" |
|
|
|
fixed="right" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
class="operate" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button class="f-fc" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
@click="handleWatchSearchFangwu(scope.row)">查看</el-button> |
|
|
|
<el-button |
|
|
|
class="f-fc" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
@click="handleWatchSearchFangwu(scope.row)" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChangeSearchFangwu" |
|
|
|
@current-change="handleCurrentChangeSearchFangwu" |
|
|
|
:current-page.sync="searchFangwu.pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(searchFangwu.pageSize)" |
|
|
|
layout="sizes, prev, pager, next" |
|
|
|
:total="searchFangwu.total"> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChangeSearchFangwu" |
|
|
|
@current-change="handleCurrentChangeSearchFangwu" |
|
|
|
:current-page.sync="searchFangwu.pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(searchFangwu.pageSize)" |
|
|
|
layout="sizes, prev, pager, next" |
|
|
|
:total="searchFangwu.total" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<people-more v-if="showedPeopleMoreInfo && currentPepeleId" |
|
|
|
:userId="currentPepeleId" |
|
|
|
:gridName="currentPepeleGridName" |
|
|
|
@close="showedPeopleMoreInfo = false" /> |
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="showedResiInfo" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="居民详情" |
|
|
|
width="986px" |
|
|
|
top="5vh" |
|
|
|
class="m-dialog" |
|
|
|
@closed="showedResiInfo = false" |
|
|
|
> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<resi-info |
|
|
|
ref="resi_info" |
|
|
|
:resi-id="currentResiId" |
|
|
|
@dialogCancle="showedResiInfo = false" |
|
|
|
></resi-info> |
|
|
|
</div> |
|
|
|
<div class="resi-btns"> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
@click="showedResiInfo = false" |
|
|
|
class="diy-button--common" |
|
|
|
>关闭</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog :visible.sync="showedFangwuInfo" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="房屋详情" |
|
|
|
width="900px" |
|
|
|
@closed="showedFangwuInfo = false"> |
|
|
|
<fangwu-info ref="fangwu_info" |
|
|
|
@dialogCancle="showedFangwuInfo = false"></fangwu-info> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="showedFangwuInfo" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="房屋详情" |
|
|
|
width="900px" |
|
|
|
@closed="showedFangwuInfo = false" |
|
|
|
> |
|
|
|
<fangwu-info |
|
|
|
ref="fangwu_info" |
|
|
|
@dialogCancle="showedFangwuInfo = false" |
|
|
|
></fangwu-info> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -199,13 +241,13 @@ |
|
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
|
import peopleMore from "@/views/modules/shequ/cpts/people-more"; |
|
|
|
import fangwuInfo from "@/views/modules/shequ/cpts/fangwu-info"; |
|
|
|
import getQueryPara from "dai-js/modules/getQueryPara"; |
|
|
|
import resiInfo from "../../components/resiInfo.vue"; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
peopleMore, |
|
|
|
resiInfo, |
|
|
|
fangwuInfo, |
|
|
|
}, |
|
|
|
|
|
|
|
@ -214,18 +256,18 @@ export default { |
|
|
|
type: String, |
|
|
|
default: "", |
|
|
|
}, |
|
|
|
keyword: { |
|
|
|
searchKey: { |
|
|
|
type: String, |
|
|
|
default: "", |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
data () { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
searchStatus: "ini", //ing over |
|
|
|
searchData: { |
|
|
|
type: "jumin", |
|
|
|
keyword: "", |
|
|
|
searchKey: "", |
|
|
|
}, |
|
|
|
|
|
|
|
typePlaceholder: { |
|
|
|
@ -236,7 +278,306 @@ export default { |
|
|
|
|
|
|
|
searchJumin: { |
|
|
|
loading: false, |
|
|
|
header: [], |
|
|
|
header: [ |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1006", |
|
|
|
label: "姓名", |
|
|
|
columnName: "name", |
|
|
|
itemType: "input", |
|
|
|
width: 80, |
|
|
|
options: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1001", |
|
|
|
label: "所属网格", |
|
|
|
columnName: "gridName", |
|
|
|
itemType: "select", |
|
|
|
width: 190, |
|
|
|
options: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1004", |
|
|
|
label: "所属房屋", |
|
|
|
columnName: "homeName", |
|
|
|
itemType: "select", |
|
|
|
width: 190, |
|
|
|
options: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1007", |
|
|
|
label: "联系电话", |
|
|
|
columnName: "mobile", |
|
|
|
itemType: "input", |
|
|
|
width: 120, |
|
|
|
options: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1009", |
|
|
|
label: "证件号", |
|
|
|
columnName: "idNum", |
|
|
|
itemType: "input", |
|
|
|
width: 180, |
|
|
|
options: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1008", |
|
|
|
label: "性别", |
|
|
|
columnName: "gender", |
|
|
|
itemType: "select", |
|
|
|
width: 54, |
|
|
|
options: [ |
|
|
|
{ label: "男", value: "1" }, |
|
|
|
{ label: "女", value: "2" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1010", |
|
|
|
label: "出生日期", |
|
|
|
columnName: "birthday", |
|
|
|
itemType: "datepicker", |
|
|
|
width: 110, |
|
|
|
options: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1011", |
|
|
|
label: "备注", |
|
|
|
columnName: "remark", |
|
|
|
itemType: "textarea", |
|
|
|
width: 110, |
|
|
|
options: [], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1015", |
|
|
|
label: "党员", |
|
|
|
columnName: "partyFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1016", |
|
|
|
label: "低保人员", |
|
|
|
columnName: "subsistenceAllowanceFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1017", |
|
|
|
label: "保障房人员", |
|
|
|
columnName: "ensureHouseFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 100, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1018", |
|
|
|
label: "失业人员", |
|
|
|
columnName: "unemployedFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1019", |
|
|
|
label: "育龄妇女", |
|
|
|
columnName: "fertileWomanFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1020", |
|
|
|
label: "退役军人", |
|
|
|
columnName: "veteranFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1021", |
|
|
|
label: "统战人员", |
|
|
|
columnName: "unitedFrontFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1022", |
|
|
|
label: "信访人员", |
|
|
|
columnName: "petitionOfficerFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1023", |
|
|
|
label: "志愿者", |
|
|
|
columnName: "volunteerFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1024", |
|
|
|
label: "老年人", |
|
|
|
columnName: "oldPeopleFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1025", |
|
|
|
label: "空巢", |
|
|
|
columnName: "emptyNesterFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1026", |
|
|
|
label: "失独人员", |
|
|
|
columnName: "bereavedPersonFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1027", |
|
|
|
label: "失能", |
|
|
|
columnName: "disabledFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1028", |
|
|
|
label: "失智", |
|
|
|
columnName: "dementedFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1029", |
|
|
|
label: "残疾", |
|
|
|
columnName: "disabilityFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1030", |
|
|
|
label: "大病", |
|
|
|
columnName: "seriousIllnessFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_1031", |
|
|
|
label: "慢病", |
|
|
|
columnName: "chronicDiseaseFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_10310", |
|
|
|
label: "特殊人群", |
|
|
|
columnName: "specialCrowdFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_202204141504102", |
|
|
|
label: "流动人口", |
|
|
|
columnName: "floatingFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "20220422102809_202204141504101", |
|
|
|
label: "租户", |
|
|
|
columnName: "tenantFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 80, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
{ |
|
|
|
itemId: "202208111008491", |
|
|
|
label: "独居老人", |
|
|
|
columnName: "liveAloneFlag", |
|
|
|
itemType: "radio", |
|
|
|
width: 100, |
|
|
|
options: [ |
|
|
|
{ label: "是", value: "1" }, |
|
|
|
{ label: "否", value: "0" }, |
|
|
|
], |
|
|
|
}, |
|
|
|
], |
|
|
|
pageNo: 1, |
|
|
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
|
|
|
total: 1, |
|
|
|
@ -252,10 +593,9 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
// 显示人员详情 |
|
|
|
showedPeopleMoreInfo: false, |
|
|
|
showedResiInfo: false, |
|
|
|
|
|
|
|
currentPepeleId: "", |
|
|
|
currentPepeleGridName: "", |
|
|
|
currentResiId: "", |
|
|
|
|
|
|
|
// 显示人员详情 |
|
|
|
showedFangwuInfo: false, |
|
|
|
@ -265,50 +605,50 @@ export default { |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
maxTableHeight () { |
|
|
|
maxTableHeight() { |
|
|
|
// return this.clientHeight - 450; |
|
|
|
return 420; |
|
|
|
}, |
|
|
|
...mapGetters(["clientHeight"]), |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
"searchData.keyword": function (val) { |
|
|
|
"searchData.searchKey": function (val) { |
|
|
|
if (val == "") { |
|
|
|
this.searchStatus = "ini"; |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted () { |
|
|
|
mounted() { |
|
|
|
this.getApiData(); |
|
|
|
|
|
|
|
this.firstSearch(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
firstSearch () { |
|
|
|
this.searchData.keyword = getQueryPara("keyword"); |
|
|
|
firstSearch() { |
|
|
|
this.searchData.searchKey = getQueryPara("searchKey"); |
|
|
|
this.searchData.type = getQueryPara("type"); |
|
|
|
this.handleClickSearchBtn(); |
|
|
|
}, |
|
|
|
|
|
|
|
computedWidth (label) { |
|
|
|
computedWidth(label) { |
|
|
|
const wd = 20 * label.length; |
|
|
|
return wd > 80 ? wd : 80; |
|
|
|
}, |
|
|
|
handleFilterSpan (row, item) { |
|
|
|
handleFilterSpan(row, item) { |
|
|
|
let _val = ""; |
|
|
|
if (item.options && item.options.length > 0) { |
|
|
|
item.options.forEach((n) => { |
|
|
|
if (n.value === row[item.columnName]) _val = n.label; |
|
|
|
if (n.value == row[item.columnName]) _val = n.label; |
|
|
|
}); |
|
|
|
} |
|
|
|
return _val || row[item.columnName]; |
|
|
|
}, |
|
|
|
|
|
|
|
handleClickSearchBtn () { |
|
|
|
handleClickSearchBtn() { |
|
|
|
const { |
|
|
|
searchData: { type, keyword }, |
|
|
|
searchData: { type, searchKey }, |
|
|
|
} = this; |
|
|
|
if (!keyword) return this.$message.error("请输入搜索条件"); |
|
|
|
if (!searchKey) return this.$message.error("请输入搜索条件"); |
|
|
|
if (type == "jumin") { |
|
|
|
this.searchJumin.pageNo = 1; |
|
|
|
this.searchJumin.total = 0; |
|
|
|
@ -325,68 +665,52 @@ export default { |
|
|
|
this.searchStatus = "ing"; |
|
|
|
}, |
|
|
|
|
|
|
|
handleSizeChangeSearchJumin (val) { |
|
|
|
handleSizeChangeSearchJumin(val) { |
|
|
|
console.log(`每页 ${val} 条`); |
|
|
|
this.searchJumin.pageSize = val; |
|
|
|
window.localStorage.setItem("pageSize", val); |
|
|
|
this.getSearchJumin(); |
|
|
|
}, |
|
|
|
handleCurrentChangeSearchJumin (val) { |
|
|
|
handleCurrentChangeSearchJumin(val) { |
|
|
|
console.log(`当前页: ${val}`); |
|
|
|
this.searchJumin.pageNo = val; |
|
|
|
this.getSearchJumin(); |
|
|
|
}, |
|
|
|
async handleWatchSearchJumin (rowIndex) { |
|
|
|
async handleWatchSearchJumin(rowIndex) { |
|
|
|
let item = this.searchJumin.list[rowIndex]; |
|
|
|
this.currentPepeleId = item.icResiUserId; |
|
|
|
this.currentPepeleGridName = item.GRID_ID; |
|
|
|
this.currentResiId = item.resiId; |
|
|
|
await nextTick(); |
|
|
|
this.showedPeopleMoreInfo = true; |
|
|
|
this.showedResiInfo = true; |
|
|
|
}, |
|
|
|
|
|
|
|
handleSizeChangeSearchFangwu (val) { |
|
|
|
handleSizeChangeSearchFangwu(val) { |
|
|
|
console.log(`每页 ${val} 条`); |
|
|
|
this.searchFangwu.pageSize = val; |
|
|
|
window.localStorage.setItem("pageSize", val); |
|
|
|
this.getSearchFangwu(); |
|
|
|
}, |
|
|
|
handleCurrentChangeSearchFangwu (val) { |
|
|
|
handleCurrentChangeSearchFangwu(val) { |
|
|
|
console.log(`当前页: ${val}`); |
|
|
|
this.searchFangwu.pageNo = val; |
|
|
|
this.getSearchFangwu(); |
|
|
|
}, |
|
|
|
async handleWatchSearchFangwu (row) { |
|
|
|
async handleWatchSearchFangwu(row) { |
|
|
|
this.showedFangwuInfo = true; |
|
|
|
await nextTick(); |
|
|
|
this.$refs.fangwu_info.initForm("detail", row); |
|
|
|
}, |
|
|
|
|
|
|
|
getApiData () { |
|
|
|
this.getSearchJuminHeader(); |
|
|
|
}, |
|
|
|
|
|
|
|
async getSearchJuminHeader () { |
|
|
|
const url = "/oper/customize/icform/tableheaders"; |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
formCode: "resi_base_info", |
|
|
|
}); |
|
|
|
if (code === 0) { |
|
|
|
console.log("居民表格header请求成功！！！！！！！！！！！！！！"); |
|
|
|
this.searchJumin.header = data; |
|
|
|
} else { |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
} |
|
|
|
}, |
|
|
|
getApiData() {}, |
|
|
|
|
|
|
|
async getSearchJumin () { |
|
|
|
const url = "/epmetuser/icresiuser/search"; |
|
|
|
async getSearchJumin() { |
|
|
|
const url = "/actual/base/residentBaseInfo/communitySearch"; |
|
|
|
const { |
|
|
|
searchData: { keyword }, |
|
|
|
searchData: { searchKey }, |
|
|
|
searchJumin: { pageSize, pageNo }, |
|
|
|
} = this; |
|
|
|
this.searchJumin.loading = true; |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
keyword, |
|
|
|
searchKey, |
|
|
|
pageSize, |
|
|
|
pageNo, |
|
|
|
}); |
|
|
|
@ -396,22 +720,23 @@ export default { |
|
|
|
this.searchJumin.total = data.total || 0; |
|
|
|
this.searchJumin.list = data.list |
|
|
|
? data.list.map((item) => { |
|
|
|
return item; |
|
|
|
}) |
|
|
|
item = { ...item, ...item.categoryInfo }; |
|
|
|
return item; |
|
|
|
}) |
|
|
|
: []; |
|
|
|
} else { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async getSearchFangwu () { |
|
|
|
const url = "/gov/org/house/search"; |
|
|
|
async getSearchFangwu() { |
|
|
|
const url = "/actual/base/communityHouse/communitySearch"; |
|
|
|
const { |
|
|
|
searchData: { keyword }, |
|
|
|
searchData: { searchKey }, |
|
|
|
searchFangwu: { pageSize, pageNo }, |
|
|
|
} = this; |
|
|
|
this.searchFangwu.loading = true; |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
keyword, |
|
|
|
searchKey, |
|
|
|
pageSize, |
|
|
|
pageNo, |
|
|
|
}); |
|
|
|
@ -421,8 +746,29 @@ export default { |
|
|
|
this.searchFangwu.total = data.total || 0; |
|
|
|
this.searchFangwu.list = data.list |
|
|
|
? data.list.map((item) => { |
|
|
|
return item; |
|
|
|
}) |
|
|
|
const { houseType, rentFlag, purpose } = item; |
|
|
|
item.houseType = { |
|
|
|
1: "楼房", |
|
|
|
2: "平房", |
|
|
|
3: "别墅", |
|
|
|
}[houseType]; |
|
|
|
item.rentFlag = { |
|
|
|
0: "自住", |
|
|
|
1: "出租", |
|
|
|
2: "闲置", |
|
|
|
3: "未售出", |
|
|
|
}[rentFlag]; |
|
|
|
item.purpose = { |
|
|
|
1: "住宅", |
|
|
|
2: "商业", |
|
|
|
3: "办公", |
|
|
|
4: "工业", |
|
|
|
5: "存储", |
|
|
|
6: "商住混用", |
|
|
|
7: "其它", |
|
|
|
}[purpose]; |
|
|
|
return item; |
|
|
|
}) |
|
|
|
: []; |
|
|
|
} else { |
|
|
|
} |
|
|
|
@ -443,6 +789,28 @@ export default { |
|
|
|
border-radius: 2px; |
|
|
|
} |
|
|
|
|
|
|
|
.m-dialog { |
|
|
|
.el-dialog__body { |
|
|
|
position: relative; |
|
|
|
max-height: 83vh; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 0 0 20px !important; |
|
|
|
.dialog-h-content { |
|
|
|
max-height: calc(83vh - 80px); |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 50px 80px; |
|
|
|
overflow: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.resi-btns { |
|
|
|
margin-top: 20px; |
|
|
|
text-align: center; |
|
|
|
text-align: right; |
|
|
|
margin-right: 16px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.m-search { |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 40px 80px; |
|
|
|
|
jiangyy
3 years ago