|
@ -1,11 +1,12 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="resi-container"> |
|
|
<div class="resi-container"> |
|
|
<el-card ref="searchCard" |
|
|
<el-card ref="searchCard" class="search-card"> |
|
|
class="search-card"> |
|
|
<el-form |
|
|
<el-form ref="searchForm" |
|
|
ref="searchForm" |
|
|
:inline="true" |
|
|
:inline="true" |
|
|
:model="fmData" |
|
|
:model="fmData" |
|
|
class="demo-form-inline"> |
|
|
class="demo-form-inline" |
|
|
|
|
|
> |
|
|
<!-- <el-form-item |
|
|
<!-- <el-form-item |
|
|
v-if="communityList.length > 0" |
|
|
v-if="communityList.length > 0" |
|
|
label="所在社区" |
|
|
label="所在社区" |
|
@ -27,82 +28,118 @@ |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> --> |
|
|
</el-form-item> --> |
|
|
<el-form-item label="居住地址" |
|
|
<el-form-item label="居住地址" prop="address"> |
|
|
prop="address"> |
|
|
<el-input |
|
|
<el-input v-model="fmData.address" |
|
|
v-model="fmData.address" |
|
|
|
|
|
class="resi-cell-input" |
|
|
|
|
|
size="small" |
|
|
|
|
|
clearable |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
> |
|
|
|
|
|
</el-input> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="户籍地址" prop="domicilePlace"> |
|
|
|
|
|
<el-input |
|
|
|
|
|
v-model="fmData.domicilePlace" |
|
|
class="resi-cell-input" |
|
|
class="resi-cell-input" |
|
|
size="small" |
|
|
size="small" |
|
|
clearable |
|
|
clearable |
|
|
placeholder="请输入"> |
|
|
placeholder="请输入" |
|
|
|
|
|
> |
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="户籍地址" |
|
|
<el-form-item label="户主姓名" prop="houseHolderName"> |
|
|
prop="domicilePlace"> |
|
|
<el-input |
|
|
<el-input v-model="fmData.domicilePlace" |
|
|
v-model="fmData.houseHolderName" |
|
|
class="resi-cell-input" |
|
|
class="resi-cell-input" |
|
|
size="small" |
|
|
size="small" |
|
|
clearable |
|
|
clearable |
|
|
placeholder="请输入"> |
|
|
placeholder="请输入" |
|
|
|
|
|
> |
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="填写时间" |
|
|
<el-form-item label="审核状态" prop="checkState"> |
|
|
prop="startTime"> |
|
|
<el-select v-model="fmData.checkState"> |
|
|
<el-date-picker v-model="timeRange" |
|
|
<el-option |
|
|
|
|
|
v-for="item in checkStateList" |
|
|
|
|
|
:key="item.value" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value" |
|
|
|
|
|
> |
|
|
|
|
|
</el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
<el-form-item label="填写时间" prop="startTime"> |
|
|
|
|
|
<el-date-picker |
|
|
|
|
|
v-model="timeRange" |
|
|
type="daterange" |
|
|
type="daterange" |
|
|
clearable |
|
|
clearable |
|
|
size="small" |
|
|
size="small" |
|
|
range-separator="至" |
|
|
range-separator="至" |
|
|
start-placeholder="开始日期" |
|
|
start-placeholder="开始日期" |
|
|
end-placeholder="结束日期" |
|
|
end-placeholder="结束日期" |
|
|
value-format="yyyy-MM-dd"> |
|
|
value-format="yyyy-MM-dd" |
|
|
|
|
|
> |
|
|
</el-date-picker> |
|
|
</el-date-picker> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item> |
|
|
<el-form-item> |
|
|
<el-button class="diy-button--search" |
|
|
<el-button |
|
|
|
|
|
class="diy-button--search" |
|
|
size="small" |
|
|
size="small" |
|
|
@click="handleSearch">查询</el-button> |
|
|
@click="handleSearch" |
|
|
<el-button class="diy-button--reset" |
|
|
>查询</el-button |
|
|
|
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
class="diy-button--reset" |
|
|
size="small" |
|
|
size="small" |
|
|
@click="resetForm('searchForm')">重置</el-button> |
|
|
@click="resetForm('searchForm')" |
|
|
|
|
|
>重置</el-button |
|
|
|
|
|
> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
</el-card> |
|
|
</el-card> |
|
|
<el-card class="resi-card-table"> |
|
|
<el-card class="resi-card-table"> |
|
|
<div class="resi-row-btn"> |
|
|
<div class="resi-row-btn"> |
|
|
<el-button @click="handleChu" |
|
|
<el-button @click="handleChu" class="diy-button--reset" size="small" |
|
|
class="diy-button--reset" |
|
|
>导出</el-button |
|
|
size="small">导出</el-button> |
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
<el-table :data="tableData" |
|
|
<el-table |
|
|
|
|
|
:data="tableData" |
|
|
border |
|
|
border |
|
|
style="width: 100%" |
|
|
style="width: 100%" |
|
|
class="resi-table" |
|
|
class="resi-table" |
|
|
:height="tableHeight" |
|
|
:height="tableHeight" |
|
|
:span-method="arraySpanMethod"> |
|
|
:span-method="arraySpanMethod" |
|
|
<el-table-column label="序号" |
|
|
> |
|
|
prop="desc" |
|
|
<el-table-column label="序号" prop="desc" align="center" width="50" /> |
|
|
align="center" |
|
|
<el-table-column |
|
|
width="50" /> |
|
|
prop="houseHolderName" |
|
|
<el-table-column prop="houseHolderName" |
|
|
|
|
|
width="100" |
|
|
width="100" |
|
|
label="户主姓名" |
|
|
label="户主姓名" |
|
|
align="center" |
|
|
align="center" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="address" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="address" |
|
|
align="center" |
|
|
align="center" |
|
|
min-width="140" |
|
|
min-width="140" |
|
|
label="居住地址" |
|
|
label="居住地址" |
|
|
:show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.homeId == 'other'" |
|
|
<span v-if="scope.row.homeId == 'other'" class="badge" |
|
|
class="badge">房屋缺失</span> |
|
|
>房屋缺失</span |
|
|
|
|
|
> |
|
|
<span>{{ scope.row.address }}</span> |
|
|
<span>{{ scope.row.address }}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="houseType" |
|
|
<el-table-column |
|
|
|
|
|
prop="houseType" |
|
|
align="center" |
|
|
align="center" |
|
|
width="100" |
|
|
width="100" |
|
|
label="房屋状态"> |
|
|
label="房屋状态" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.houseType == 1">出租</span> |
|
|
<span v-if="scope.row.houseType == 1">出租</span> |
|
|
<span v-if="scope.row.houseType == 2">闲置</span> |
|
|
<span v-if="scope.row.houseType == 2">闲置</span> |
|
@ -110,85 +147,110 @@ |
|
|
<span v-if="scope.row.houseType == 0">自住</span> |
|
|
<span v-if="scope.row.houseType == 0">自住</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="totalResi" |
|
|
<el-table-column |
|
|
|
|
|
prop="totalResi" |
|
|
width="80" |
|
|
width="80" |
|
|
align="center" |
|
|
align="center" |
|
|
label="居住人数" /> |
|
|
label="居住人数" |
|
|
<el-table-column prop="memberName" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="memberName" |
|
|
width="100" |
|
|
width="100" |
|
|
label="成员姓名" |
|
|
label="成员姓名" |
|
|
align="center" |
|
|
align="center" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="memberIdNum" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="memberIdNum" |
|
|
width="180" |
|
|
width="180" |
|
|
align="center" |
|
|
align="center" |
|
|
label="成员证件号" |
|
|
label="成员证件号" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="memberMobile" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="memberMobile" |
|
|
width="140" |
|
|
width="140" |
|
|
align="center" |
|
|
align="center" |
|
|
label="成员手机号" |
|
|
label="成员手机号" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="relationship" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="relationship" |
|
|
min-width="120" |
|
|
min-width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
label="与户主关系" |
|
|
label="与户主关系" |
|
|
:show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span>{{ getRelationshipName(scope.row.relationship) }}</span> |
|
|
<span>{{ getRelationshipName(scope.row.relationship) }}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="heSuanCount" |
|
|
<el-table-column |
|
|
|
|
|
prop="heSuanCount" |
|
|
width="120" |
|
|
width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
label="核酸检测次数" /> |
|
|
label="核酸检测次数" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<el-table-column prop="ymjz" |
|
|
<el-table-column |
|
|
|
|
|
prop="ymjz" |
|
|
width="140" |
|
|
width="140" |
|
|
align="center" |
|
|
align="center" |
|
|
label="疫苗接种情况"> |
|
|
label="疫苗接种情况" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.ymjz == 1">全程接种</span> |
|
|
<span v-if="scope.row.ymjz == 1">全程接种</span> |
|
|
<span v-if="scope.row.ymjz == 2">未全程接种</span> |
|
|
<span v-if="scope.row.ymjz == 2">未全程接种</span> |
|
|
<span v-if="scope.row.ymjz == 0">未接种</span> |
|
|
<span v-if="scope.row.ymjz == 0">未接种</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="domicilePlace" |
|
|
<el-table-column |
|
|
|
|
|
prop="domicilePlace" |
|
|
min-width="140" |
|
|
min-width="140" |
|
|
align="center" |
|
|
align="center" |
|
|
label="户籍地址" |
|
|
label="户籍地址" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="workPlace" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="workPlace" |
|
|
min-width="120" |
|
|
min-width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
label="单位名称" |
|
|
label="单位名称" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="remark" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="remark" |
|
|
align="center" |
|
|
align="center" |
|
|
label="备注" |
|
|
label="备注" |
|
|
:show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true" |
|
|
|
|
|
> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="faceImg" |
|
|
<el-table-column |
|
|
|
|
|
prop="faceImg" |
|
|
min-width="120" |
|
|
min-width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
label="人脸"> |
|
|
label="人脸" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-image style="max-height: 50px; max-width: 50px;" |
|
|
<el-image |
|
|
|
|
|
style="max-height: 50px; max-width: 50px" |
|
|
:src="scope.row.faceImg" |
|
|
:src="scope.row.faceImg" |
|
|
:preview-src-list="[scope.row.faceImg]"> |
|
|
:preview-src-list="[scope.row.faceImg]" |
|
|
<div slot="error" |
|
|
> |
|
|
class="image-slot"> |
|
|
<div slot="error" class="image-slot"> |
|
|
<!-- <i class="el-icon-picture-outline"></i> --> |
|
|
<!-- <i class="el-icon-picture-outline"></i> --> |
|
|
</div> |
|
|
</div> |
|
|
</el-image> |
|
|
</el-image> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="checkState" |
|
|
<el-table-column |
|
|
|
|
|
prop="checkState" |
|
|
min-width="120" |
|
|
min-width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
label="状态" |
|
|
label="状态" |
|
|
:show-overflow-tooltip="true" |
|
|
:show-overflow-tooltip="true" |
|
|
fixed="right"> |
|
|
fixed="right" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.checkState === '0'">未审核</span> |
|
|
<span v-if="scope.row.checkState === '0'">未审核</span> |
|
|
<span v-else-if="scope.row.checkState === '1'">未通过</span> |
|
|
<span v-else-if="scope.row.checkState === '1'">未通过</span> |
|
@ -196,81 +258,96 @@ |
|
|
<span v-else></span> |
|
|
<span v-else></span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="操作" |
|
|
<el-table-column label="操作" align="center" width="100" fixed="right"> |
|
|
align="center" |
|
|
|
|
|
width="100" |
|
|
|
|
|
fixed="right"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button type="text" |
|
|
<el-button |
|
|
|
|
|
type="text" |
|
|
class="div-table-button--detail" |
|
|
class="div-table-button--detail" |
|
|
size="small" |
|
|
size="small" |
|
|
@click="handleWatch('look', scope.row)">查看</el-button> |
|
|
@click="handleWatch('look', scope.row)" |
|
|
|
|
|
>查看</el-button |
|
|
|
|
|
> |
|
|
<!-- <el-button type="text" |
|
|
<!-- <el-button type="text" |
|
|
class="div-table-button--detail" |
|
|
class="div-table-button--detail" |
|
|
size="small" |
|
|
size="small" |
|
|
@click="handleWatch('check', scope.row)">审核</el-button> --> |
|
|
@click="handleWatch('check', scope.row)">审核</el-button> --> |
|
|
<el-button type="text" |
|
|
<el-button |
|
|
|
|
|
type="text" |
|
|
class="div-table-button--detail" |
|
|
class="div-table-button--detail" |
|
|
size="small" |
|
|
size="small" |
|
|
v-if="scope.row.agencyId == agencyId && scope.row.checkState === '0'" |
|
|
v-if=" |
|
|
@click="handleWatch('check', scope.row)">审核</el-button> |
|
|
scope.row.agencyId == agencyId && scope.row.checkState === '0' |
|
|
|
|
|
" |
|
|
|
|
|
@click="handleWatch('check', scope.row)" |
|
|
|
|
|
>审核</el-button |
|
|
|
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<div> |
|
|
<div> |
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
<el-pagination |
|
|
|
|
|
@size-change="handleSizeChange" |
|
|
@current-change="handleCurrentChange" |
|
|
@current-change="handleCurrentChange" |
|
|
:current-page.sync="pageNo" |
|
|
:current-page.sync="pageNo" |
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
:page-size="parseInt(pageSize)" |
|
|
:page-size="parseInt(pageSize)" |
|
|
layout="sizes, prev, pager, next, total" |
|
|
layout="sizes, prev, pager, next, total" |
|
|
:total="total"> |
|
|
:total="total" |
|
|
|
|
|
> |
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
</div> |
|
|
</div> |
|
|
</el-card> |
|
|
</el-card> |
|
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
<!-- 修改弹出框 --> |
|
|
<el-dialog :visible.sync="formShow" |
|
|
<el-dialog |
|
|
|
|
|
:visible.sync="formShow" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-press-escape="false" |
|
|
:close-on-press-escape="false" |
|
|
title="信息详情" |
|
|
title="信息详情" |
|
|
width="1100px" |
|
|
width="1100px" |
|
|
top="5vh" |
|
|
top="5vh" |
|
|
class="dialog-h" |
|
|
class="dialog-h" |
|
|
@closed="handleClose"> |
|
|
@closed="handleClose" |
|
|
|
|
|
> |
|
|
<div class="scroll-h"> |
|
|
<div class="scroll-h"> |
|
|
<el-form ref="ref_form" |
|
|
<el-form |
|
|
|
|
|
ref="ref_form" |
|
|
:inline="true" |
|
|
:inline="true" |
|
|
:model="dataForm" |
|
|
:model="dataForm" |
|
|
:disabled="true" |
|
|
:disabled="true" |
|
|
class="form"> |
|
|
class="form" |
|
|
<el-form-item label="户主姓名:" |
|
|
> |
|
|
|
|
|
<el-form-item |
|
|
|
|
|
label="户主姓名:" |
|
|
prop="houseHolderName" |
|
|
prop="houseHolderName" |
|
|
label-width="150px"> |
|
|
label-width="150px" |
|
|
|
|
|
> |
|
|
<!-- <el-input class="item_width_1" |
|
|
<!-- <el-input class="item_width_1" |
|
|
v-model="dataForm.houseHolderName"> |
|
|
v-model="dataForm.houseHolderName"> |
|
|
</el-input> --> |
|
|
</el-input> --> |
|
|
<div class="wd50">{{ dataForm.houseHolderName }}</div> |
|
|
<div class="wd50">{{ dataForm.houseHolderName }}</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="居住地址:" |
|
|
<el-form-item label="居住地址:" prop="address" label-width="150px"> |
|
|
prop="address" |
|
|
|
|
|
label-width="150px"> |
|
|
|
|
|
<!-- <el-input class="wd50" v-model="dataForm.address"> |
|
|
<!-- <el-input class="wd50" v-model="dataForm.address"> |
|
|
</el-input> --> |
|
|
</el-input> --> |
|
|
<div class="wd50">{{ dataForm.address }}</div> |
|
|
<div class="wd50">{{ dataForm.address }}</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<div> |
|
|
<div> |
|
|
<el-form-item label="房屋状态:" |
|
|
<el-form-item |
|
|
|
|
|
label="房屋状态:" |
|
|
prop="houseType" |
|
|
prop="houseType" |
|
|
label-width="150px"> |
|
|
label-width="150px" |
|
|
|
|
|
> |
|
|
<!-- <el-input class="item_width_1" |
|
|
<!-- <el-input class="item_width_1" |
|
|
v-model="dataForm.houseType"> |
|
|
v-model="dataForm.houseType"> |
|
|
</el-input> --> |
|
|
</el-input> --> |
|
|
<div class="wd50">{{ dataForm.houseType }}</div> |
|
|
<div class="wd50">{{ dataForm.houseType }}</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="居住人数:" |
|
|
<el-form-item |
|
|
|
|
|
label="居住人数:" |
|
|
prop="totalResi" |
|
|
prop="totalResi" |
|
|
label-width="150px"> |
|
|
label-width="150px" |
|
|
|
|
|
> |
|
|
<!-- <el-input class="item_width_1" |
|
|
<!-- <el-input class="item_width_1" |
|
|
v-model="dataForm.totalResi"> |
|
|
v-model="dataForm.totalResi"> |
|
|
</el-input> --> |
|
|
</el-input> --> |
|
@ -278,70 +355,98 @@ |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</div> |
|
|
</div> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<el-table :data="dataForm.list" |
|
|
<el-table |
|
|
|
|
|
:data="dataForm.list" |
|
|
border |
|
|
border |
|
|
style="width: 1060px; margin: 20px" |
|
|
style="width: 1060px; margin: 20px" |
|
|
class="resi-table" |
|
|
class="resi-table" |
|
|
:height="dialogTableHeight"> |
|
|
:height="dialogTableHeight" |
|
|
<el-table-column label="序号" |
|
|
> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
label="序号" |
|
|
type="index" |
|
|
type="index" |
|
|
align="center" |
|
|
align="center" |
|
|
width="50" /> |
|
|
width="50" |
|
|
<el-table-column prop="memberName" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="memberName" |
|
|
width="100" |
|
|
width="100" |
|
|
label="成员姓名" |
|
|
label="成员姓名" |
|
|
align="center" |
|
|
align="center" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="memberIdNum" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="memberIdNum" |
|
|
width="180" |
|
|
width="180" |
|
|
align="center" |
|
|
align="center" |
|
|
label="成员证件号" |
|
|
label="成员证件号" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="memberMobile" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="memberMobile" |
|
|
width="140" |
|
|
width="140" |
|
|
align="center" |
|
|
align="center" |
|
|
label="成员手机号" |
|
|
label="成员手机号" |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="heSuanCount" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="heSuanCount" |
|
|
width="120" |
|
|
width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
label="核酸检测次数" /> |
|
|
label="核酸检测次数" |
|
|
|
|
|
/> |
|
|
<el-table-column prop="ymjz" |
|
|
<el-table-column |
|
|
|
|
|
prop="ymjz" |
|
|
width="140" |
|
|
width="140" |
|
|
align="center" |
|
|
align="center" |
|
|
label="疫苗接种情况"> |
|
|
label="疫苗接种情况" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<span v-if="scope.row.ymjz == 1">全程接种</span> |
|
|
<span v-if="scope.row.ymjz == 1">全程接种</span> |
|
|
<span v-if="scope.row.ymjz == 2">未全程接种</span> |
|
|
<span v-if="scope.row.ymjz == 2">未全程接种</span> |
|
|
<span v-if="scope.row.ymjz == 0">未接种</span> |
|
|
<span v-if="scope.row.ymjz == 0">未接种</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="domicilePlace" |
|
|
<el-table-column |
|
|
|
|
|
prop="relationShipName" |
|
|
|
|
|
width="120" |
|
|
|
|
|
align="center" |
|
|
|
|
|
label="与户主关系" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="domicilePlace" |
|
|
min-width="140" |
|
|
min-width="140" |
|
|
align="center" |
|
|
align="center" |
|
|
label="户籍所在地 " |
|
|
label="户籍所在地 " |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="workPlace" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="workPlace" |
|
|
min-width="120" |
|
|
min-width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
label="单位或学校 " |
|
|
label="单位或学校 " |
|
|
:show-overflow-tooltip="true" /> |
|
|
:show-overflow-tooltip="true" |
|
|
<el-table-column prop="remark" |
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="remark" |
|
|
align="center" |
|
|
align="center" |
|
|
label="备注" |
|
|
label="备注" |
|
|
:show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true" |
|
|
|
|
|
> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="faceImg" |
|
|
<el-table-column |
|
|
|
|
|
prop="faceImg" |
|
|
min-width="120" |
|
|
min-width="120" |
|
|
align="center" |
|
|
align="center" |
|
|
label="人脸"> |
|
|
label="人脸" |
|
|
|
|
|
> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-image style="max-height: 50px; max-width: 50px;" |
|
|
<el-image |
|
|
|
|
|
style="max-height: 50px; max-width: 50px" |
|
|
:src="scope.row.faceImg" |
|
|
:src="scope.row.faceImg" |
|
|
:preview-src-list="[scope.row.faceImg]"> |
|
|
:preview-src-list="[scope.row.faceImg]" |
|
|
<div slot="error" |
|
|
> |
|
|
class="image-slot"> |
|
|
<div slot="error" class="image-slot"> |
|
|
<!-- <i class="el-icon-picture-outline"></i> --> |
|
|
<!-- <i class="el-icon-picture-outline"></i> --> |
|
|
</div> |
|
|
</div> |
|
|
</el-image> |
|
|
</el-image> |
|
@ -349,28 +454,38 @@ |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<div class="resi-btns"> |
|
|
<div class="resi-btns"> |
|
|
<el-button @click="formShow = false">{{ $t('cancel') }}</el-button> |
|
|
<el-button @click="formShow = false">{{ $t("cancel") }}</el-button> |
|
|
<el-button v-if="dialogType == 'check'" |
|
|
<el-button |
|
|
|
|
|
v-if="dialogType == 'check'" |
|
|
type="danger" |
|
|
type="danger" |
|
|
@click="checkHandle('1')">{{ $t('checkBTGBtn') }}</el-button> |
|
|
@click="checkHandle('1')" |
|
|
<el-button v-if="dialogType == 'check'" |
|
|
>{{ $t("checkBTGBtn") }}</el-button |
|
|
|
|
|
> |
|
|
|
|
|
<el-button |
|
|
|
|
|
v-if="dialogType == 'check'" |
|
|
type="danger" |
|
|
type="danger" |
|
|
@click="showAddHouse">{{ $t('checkTGBtn') }}</el-button> |
|
|
@click="showAddHouse" |
|
|
|
|
|
>{{ $t("checkTGBtn") }}</el-button |
|
|
|
|
|
> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
<!-- 新增房屋弹出框 --> |
|
|
<!-- 新增房屋弹出框 --> |
|
|
<el-dialog :visible.sync="addHouseShow" |
|
|
<el-dialog |
|
|
|
|
|
:visible.sync="addHouseShow" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-click-modal="false" |
|
|
:close-on-press-escape="false" |
|
|
:close-on-press-escape="false" |
|
|
title="新增房屋" |
|
|
title="新增房屋" |
|
|
width="900px" |
|
|
width="900px" |
|
|
top="5vh" |
|
|
top="5vh" |
|
|
class="dialog-h" |
|
|
class="dialog-h" |
|
|
@closed="addHouseShow = false"> |
|
|
@closed="addHouseShow = false" |
|
|
<room-form ref="ref_form" |
|
|
> |
|
|
|
|
|
<room-form |
|
|
|
|
|
ref="ref_form" |
|
|
@dialogCancle="addHouseShow = false" |
|
|
@dialogCancle="addHouseShow = false" |
|
|
@dialogOk="roomFormOk"></room-form> |
|
|
@dialogOk="roomFormOk" |
|
|
|
|
|
></room-form> |
|
|
</el-dialog> |
|
|
</el-dialog> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
@ -380,12 +495,12 @@ import { requestPost } from "@/js/dai/request"; |
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
import nextTick from "dai-js/tools/nextTick"; |
|
|
import { mapGetters } from "vuex"; |
|
|
import { mapGetters } from "vuex"; |
|
|
import axios from "axios"; |
|
|
import axios from "axios"; |
|
|
import roomForm from './roomForm' |
|
|
import roomForm from "./roomForm"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
agencyId: '', |
|
|
agencyId: "", |
|
|
openSearch: false, |
|
|
openSearch: false, |
|
|
|
|
|
|
|
|
formShow: false, |
|
|
formShow: false, |
|
@ -403,6 +518,8 @@ export default { |
|
|
endTime: "", |
|
|
endTime: "", |
|
|
address: "", |
|
|
address: "", |
|
|
domicilePlace: "", |
|
|
domicilePlace: "", |
|
|
|
|
|
checkState: "", |
|
|
|
|
|
houseHolderName: "", |
|
|
}, |
|
|
}, |
|
|
dataForm: {}, |
|
|
dataForm: {}, |
|
|
communityList: [], |
|
|
communityList: [], |
|
@ -410,12 +527,17 @@ export default { |
|
|
importBtnTitle: "导入", |
|
|
importBtnTitle: "导入", |
|
|
importLoading: false, |
|
|
importLoading: false, |
|
|
addHouseShow: false, |
|
|
addHouseShow: false, |
|
|
dialogType: 'look', // 对话框是check审核还是look查看 |
|
|
dialogType: "look", // 对话框是check审核还是look查看 |
|
|
relationshipOptions: [] |
|
|
relationshipOptions: [], |
|
|
} |
|
|
checkStateList: [ |
|
|
|
|
|
{ value: "0", label: "待审核" }, |
|
|
|
|
|
{ value: "1", label: "审核不通过" }, |
|
|
|
|
|
{ value: "2", label: "审核通过" }, |
|
|
|
|
|
], |
|
|
|
|
|
}; |
|
|
}, |
|
|
}, |
|
|
components: { |
|
|
components: { |
|
|
roomForm |
|
|
roomForm, |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
@ -442,32 +564,34 @@ export default { |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
created() { |
|
|
created() { |
|
|
this.agencyId = localStorage.getItem('agencyId') |
|
|
this.agencyId = localStorage.getItem("agencyId"); |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
// this.getcommunityList(); |
|
|
// this.getcommunityList(); |
|
|
this.getDictList() |
|
|
this.getDictList(); |
|
|
this.getTableData() |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
async getDictList() { |
|
|
async getDictList() { |
|
|
const url = "/sys/dict/data/relationship" |
|
|
const url = "/sys/dict/data/relationship"; |
|
|
const { data, code, msg } = await requestPost(url, { formCode: "resi_base_info" }) |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
|
|
formCode: "resi_base_info", |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.relationshipOptions = [...data] |
|
|
this.relationshipOptions = [...data]; |
|
|
} else { |
|
|
} else { |
|
|
this.$message.success("操作失败!") |
|
|
this.$message.success("操作失败!"); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
getRelationshipName(value) { |
|
|
getRelationshipName(value) { |
|
|
let label = '' |
|
|
let label = ""; |
|
|
this.relationshipOptions.forEach(item => { |
|
|
this.relationshipOptions.forEach((item) => { |
|
|
if (item.value == value) { |
|
|
if (item.value == value) { |
|
|
label = item.label |
|
|
label = item.label; |
|
|
} |
|
|
} |
|
|
}) |
|
|
}); |
|
|
return label |
|
|
return label; |
|
|
}, |
|
|
}, |
|
|
arraySpanMethod({ row, column, rowIndex, columnIndex }) { |
|
|
arraySpanMethod({ row, column, rowIndex, columnIndex }) { |
|
|
// console.log('row-----r', row) |
|
|
// console.log('row-----r', row) |
|
@ -558,7 +682,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleWatch(type, row) { |
|
|
async handleWatch(type, row) { |
|
|
this.dialogType = type |
|
|
this.dialogType = type; |
|
|
// this.formShow = true; |
|
|
// this.formShow = true; |
|
|
await nextTick(); |
|
|
await nextTick(); |
|
|
const url = "/epmetuser/icresicollect/detail"; |
|
|
const url = "/epmetuser/icresicollect/detail"; |
|
@ -571,7 +695,14 @@ export default { |
|
|
console.log("data----de", data); |
|
|
console.log("data----de", data); |
|
|
this.dataForm = { |
|
|
this.dataForm = { |
|
|
...data, |
|
|
...data, |
|
|
houseType: data.houseType == '1' ? '出租' : data.houseType == '2' ? '闲置' : data.houseType == '3' ? '未售出' : '自住' // 1:出租 0:自住 2:闲置 3:未售出 |
|
|
houseType: |
|
|
|
|
|
data.houseType == "1" |
|
|
|
|
|
? "出租" |
|
|
|
|
|
: data.houseType == "2" |
|
|
|
|
|
? "闲置" |
|
|
|
|
|
: data.houseType == "3" |
|
|
|
|
|
? "未售出" |
|
|
|
|
|
: "自住", // 1:出租 0:自住 2:闲置 3:未售出 |
|
|
}; |
|
|
}; |
|
|
// this.getTableData(); |
|
|
// this.getTableData(); |
|
|
this.formShow = true; |
|
|
this.formShow = true; |
|
@ -617,33 +748,33 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
async getTableData() { |
|
|
async getTableData() { |
|
|
const url = "/epmetuser/icresicollect/list" |
|
|
const url = "/epmetuser/icresicollect/list"; |
|
|
const { pageSize, pageNo, fmData } = this |
|
|
const { pageSize, pageNo, fmData } = this; |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
pageSize, |
|
|
pageSize, |
|
|
pageNo, |
|
|
pageNo, |
|
|
...fmData, |
|
|
...fmData, |
|
|
}) |
|
|
}); |
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
console.log("列表请求成功!!!!!!!!!!!!!!") |
|
|
console.log("列表请求成功!!!!!!!!!!!!!!"); |
|
|
this.total = data.total || 0 |
|
|
this.total = data.total || 0; |
|
|
let _i = 0 |
|
|
let _i = 0; |
|
|
let arr = [] |
|
|
let arr = []; |
|
|
this.spanIndex = |
|
|
this.spanIndex = |
|
|
data.list && |
|
|
data.list && |
|
|
data.list.map((item, index) => { |
|
|
data.list.map((item, index) => { |
|
|
if (index == 0) _i = 0 |
|
|
if (index == 0) _i = 0; |
|
|
else _i = _i + data.list[index - 1].list.length; |
|
|
else _i = _i + data.list[index - 1].list.length; |
|
|
arr.push(_i) |
|
|
arr.push(_i); |
|
|
// console.log("_i-----", _i, arr) |
|
|
// console.log("_i-----", _i, arr) |
|
|
// if (index === data.list.length - 1) firstIndex = _i - item.list.length |
|
|
// if (index === data.list.length - 1) firstIndex = _i - item.list.length |
|
|
return { |
|
|
return { |
|
|
firstIndex: _i, |
|
|
firstIndex: _i, |
|
|
len: item.list.length, |
|
|
len: item.list.length, |
|
|
} |
|
|
}; |
|
|
}) |
|
|
}); |
|
|
this.tableData = data.list && this.formatArr(data.list) |
|
|
this.tableData = data.list && this.formatArr(data.list); |
|
|
console.log("tableData----0", this.spanIndex) |
|
|
console.log("tableData----0", this.spanIndex); |
|
|
} else { |
|
|
} else { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
@ -674,13 +805,13 @@ export default { |
|
|
return res; |
|
|
return res; |
|
|
}, |
|
|
}, |
|
|
showAddHouse() { |
|
|
showAddHouse() { |
|
|
if (this.dataForm.homeId == 'other') { |
|
|
if (this.dataForm.homeId == "other") { |
|
|
this.addHouseShow = true |
|
|
this.addHouseShow = true; |
|
|
this.$nextTick(() => { |
|
|
this.$nextTick(() => { |
|
|
this.$refs.ref_form.initForm('add', null, this.dataForm.id) |
|
|
this.$refs.ref_form.initForm("add", null, this.dataForm.id); |
|
|
}) |
|
|
}); |
|
|
} else { |
|
|
} else { |
|
|
this.checkHandle('2') |
|
|
this.checkHandle("2"); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 审核提交方法 |
|
|
// 审核提交方法 |
|
@ -688,74 +819,89 @@ export default { |
|
|
const params = { |
|
|
const params = { |
|
|
id: this.dataForm.id, |
|
|
id: this.dataForm.id, |
|
|
checkState: type, // 0-未审核 1-未通过 2-已通过 |
|
|
checkState: type, // 0-未审核 1-未通过 2-已通过 |
|
|
checkReason: '', |
|
|
checkReason: "", |
|
|
buildingUnitId: this.dataForm.buildingUnitId || '', |
|
|
buildingUnitId: this.dataForm.buildingUnitId || "", |
|
|
doorName: this.dataForm.doorName || '' |
|
|
doorName: this.dataForm.doorName || "", |
|
|
} |
|
|
}; |
|
|
if (type == '1') { |
|
|
if (type == "1") { |
|
|
const h = this.$createElement |
|
|
const h = this.$createElement; |
|
|
this.$prompt( |
|
|
this.$prompt( |
|
|
h('p', null, [h('i', { style: 'color: red' }, '* '), |
|
|
h("p", null, [ |
|
|
h('span', null, '请输入不通过的原因:')]), |
|
|
h("i", { style: "color: red" }, "* "), |
|
|
'提示', { |
|
|
h("span", null, "请输入不通过的原因:"), |
|
|
confirmButtonText: '确定', |
|
|
]), |
|
|
cancelButtonText: '取消', |
|
|
"提示", |
|
|
|
|
|
{ |
|
|
|
|
|
confirmButtonText: "确定", |
|
|
|
|
|
cancelButtonText: "取消", |
|
|
inputPattern: /^.+$/, |
|
|
inputPattern: /^.+$/, |
|
|
inputErrorMessage: '请输入原因' |
|
|
inputErrorMessage: "请输入原因", |
|
|
}).then(({ value }) => { |
|
|
} |
|
|
|
|
|
) |
|
|
|
|
|
.then(({ value }) => { |
|
|
// if (!value) { |
|
|
// if (!value) { |
|
|
// return this.$message.error('请填写审核不通过原因') |
|
|
// return this.$message.error('请填写审核不通过原因') |
|
|
// } |
|
|
// } |
|
|
params.checkReason = value |
|
|
params.checkReason = value; |
|
|
this.$http.post('/epmetuser/icresicollect/collectCheck', params).then(({ data: res }) => { |
|
|
this.$http |
|
|
|
|
|
.post("/epmetuser/icresicollect/collectCheck", params) |
|
|
|
|
|
.then(({ data: res }) => { |
|
|
if (res.code !== 0) { |
|
|
if (res.code !== 0) { |
|
|
return this.$message.error(res.msg) |
|
|
return this.$message.error(res.msg); |
|
|
} |
|
|
} |
|
|
this.formShow = false |
|
|
this.formShow = false; |
|
|
this.getTableData() |
|
|
this.getTableData(); |
|
|
// 调用文件下发权限接口 |
|
|
// 调用文件下发权限接口 |
|
|
// this.fileJurisdiction(params) |
|
|
// this.fileJurisdiction(params) |
|
|
}).catch(() => { }) |
|
|
|
|
|
}).catch(() => { |
|
|
|
|
|
// 取消输入原因 |
|
|
|
|
|
}) |
|
|
}) |
|
|
|
|
|
.catch(() => {}); |
|
|
|
|
|
}) |
|
|
|
|
|
.catch(() => { |
|
|
|
|
|
// 取消输入原因 |
|
|
|
|
|
}); |
|
|
} else { |
|
|
} else { |
|
|
this.$http.post('/epmetuser/icresicollect/collectCheck', params).then(({ data: res }) => { |
|
|
this.$http |
|
|
|
|
|
.post("/epmetuser/icresicollect/collectCheck", params) |
|
|
|
|
|
.then(({ data: res }) => { |
|
|
if (res.code !== 0) { |
|
|
if (res.code !== 0) { |
|
|
return this.$message.error(res.msg) |
|
|
return this.$message.error(res.msg); |
|
|
} |
|
|
} |
|
|
this.addHouseShow = false |
|
|
this.addHouseShow = false; |
|
|
this.formShow = false |
|
|
this.formShow = false; |
|
|
this.getTableData() |
|
|
this.getTableData(); |
|
|
// 调用文件下发权限接口 |
|
|
// 调用文件下发权限接口 |
|
|
// this.fileJurisdiction(params) |
|
|
// this.fileJurisdiction(params) |
|
|
}).catch(() => { }) |
|
|
}) |
|
|
|
|
|
.catch(() => {}); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 文件下发权限接口 |
|
|
// 文件下发权限接口 |
|
|
fileJurisdiction(params) { |
|
|
fileJurisdiction(params) { |
|
|
this.$http.post('/pli/power/rentContractInfo/send', params).then(({ data: res }) => { |
|
|
this.$http |
|
|
|
|
|
.post("/pli/power/rentContractInfo/send", params) |
|
|
|
|
|
.then(({ data: res }) => { |
|
|
if (res.code !== 0) { |
|
|
if (res.code !== 0) { |
|
|
return this.$message.error(res.msg) |
|
|
return this.$message.error(res.msg); |
|
|
} |
|
|
} |
|
|
this.$message({ |
|
|
this.$message({ |
|
|
message: this.$t('prompt.success'), |
|
|
message: this.$t("prompt.success"), |
|
|
type: 'success', |
|
|
type: "success", |
|
|
duration: 500, |
|
|
duration: 500, |
|
|
onClose: () => { |
|
|
onClose: () => { |
|
|
this.disabledBtn = false |
|
|
this.disabledBtn = false; |
|
|
this.checkVisible = false |
|
|
this.checkVisible = false; |
|
|
this.visible = false |
|
|
this.visible = false; |
|
|
this.$emit('refreshDataList') |
|
|
this.$emit("refreshDataList"); |
|
|
} |
|
|
}, |
|
|
|
|
|
}); |
|
|
}) |
|
|
}) |
|
|
}).catch(() => { }) |
|
|
.catch(() => {}); |
|
|
}, |
|
|
}, |
|
|
roomFormOk(e) { |
|
|
roomFormOk(e) { |
|
|
this.dataForm.buildingUnitId = e.buildingUnitId |
|
|
this.dataForm.buildingUnitId = e.buildingUnitId; |
|
|
this.dataForm.doorName = e.doorName |
|
|
this.dataForm.doorName = e.doorName; |
|
|
this.checkHandle('2') |
|
|
this.checkHandle("2"); |
|
|
} |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|