|
|
|
@ -1,12 +1,11 @@ |
|
|
|
<template> |
|
|
|
<div class="resi-container"> |
|
|
|
<el-card ref="searchCard" class="search-card"> |
|
|
|
<el-form |
|
|
|
ref="searchForm" |
|
|
|
<el-card ref="searchCard" |
|
|
|
class="search-card"> |
|
|
|
<el-form ref="searchForm" |
|
|
|
:inline="true" |
|
|
|
:model="fmData" |
|
|
|
class="demo-form-inline" |
|
|
|
> |
|
|
|
class="demo-form-inline"> |
|
|
|
<!-- <el-form-item |
|
|
|
v-if="communityList.length > 0" |
|
|
|
label="所在社区" |
|
|
|
@ -28,95 +27,82 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item label="居住地址" prop="address"> |
|
|
|
<el-input |
|
|
|
v-model="fmData.address" |
|
|
|
<el-form-item label="居住地址" |
|
|
|
prop="address"> |
|
|
|
<el-input v-model="fmData.address" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="户籍地址" prop="domicilePlace"> |
|
|
|
<el-input |
|
|
|
v-model="fmData.domicilePlace" |
|
|
|
<el-form-item label="户籍地址" |
|
|
|
prop="domicilePlace"> |
|
|
|
<el-input v-model="fmData.domicilePlace" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="填写时间" prop="startTime"> |
|
|
|
<el-date-picker |
|
|
|
v-model="timeRange" |
|
|
|
<el-form-item label="填写时间" |
|
|
|
prop="startTime"> |
|
|
|
<el-date-picker v-model="timeRange" |
|
|
|
type="daterange" |
|
|
|
clearable |
|
|
|
size="small" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
> |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button |
|
|
|
class="diy-button--search" |
|
|
|
<el-button class="diy-button--search" |
|
|
|
size="small" |
|
|
|
@click="handleSearch" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="diy-button--reset" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="resetForm('searchForm')" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
@click="resetForm('searchForm')">重置</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-card> |
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<div class="resi-row-btn"> |
|
|
|
<el-button @click="handleChu" class="diy-button--reset" size="small" |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
<el-button @click="handleChu" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small">导出</el-button> |
|
|
|
</div> |
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
<el-table :data="tableData" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
class="resi-table" |
|
|
|
:height="tableHeight" |
|
|
|
:span-method="arraySpanMethod" |
|
|
|
> |
|
|
|
<el-table-column label="序号" prop="desc" align="center" width="50"/> |
|
|
|
<el-table-column |
|
|
|
prop="houseHolderName" |
|
|
|
:span-method="arraySpanMethod"> |
|
|
|
<el-table-column label="序号" |
|
|
|
prop="desc" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
<el-table-column prop="houseHolderName" |
|
|
|
width="100" |
|
|
|
label="户主姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="address" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="address" |
|
|
|
align="center" |
|
|
|
min-width="140" |
|
|
|
label="居住地址" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.homeId == 'other'" class="badge">房屋缺失</span> |
|
|
|
<span v-if="scope.row.homeId == 'other'" |
|
|
|
class="badge">房屋缺失</span> |
|
|
|
<span>{{scope.row.address}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="houseType" |
|
|
|
<el-table-column prop="houseType" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="房屋状态" |
|
|
|
> |
|
|
|
label="房屋状态"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.houseType == 1">出租</span> |
|
|
|
<span v-if="scope.row.houseType == 2">闲置</span> |
|
|
|
@ -124,109 +110,85 @@ |
|
|
|
<span v-if="scope.row.houseType == 0">自住</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="totalResi" |
|
|
|
<el-table-column prop="totalResi" |
|
|
|
width="80" |
|
|
|
align="center" |
|
|
|
label="居住人数" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberName" |
|
|
|
label="居住人数" /> |
|
|
|
<el-table-column prop="memberName" |
|
|
|
width="100" |
|
|
|
label="成员姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberIdNum" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="memberIdNum" |
|
|
|
width="180" |
|
|
|
align="center" |
|
|
|
label="成员证件号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberMobile" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="memberMobile" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="成员手机号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="relationship" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="relationship" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="与户主关系" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{getRelationshipName(scope.row.relationship)}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="heSuanCount" |
|
|
|
<el-table-column prop="heSuanCount" |
|
|
|
width="120" |
|
|
|
align="center" |
|
|
|
label="核酸检测次数" |
|
|
|
/> |
|
|
|
label="核酸检测次数" /> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="ymjz" |
|
|
|
<el-table-column prop="ymjz" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="疫苗接种情况" |
|
|
|
> |
|
|
|
label="疫苗接种情况"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.ymjz == 1">全程接种</span> |
|
|
|
<span v-if="scope.row.ymjz == 2">未全程接种</span> |
|
|
|
<span v-if="scope.row.ymjz == 0">未接种</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="domicilePlace" |
|
|
|
<el-table-column prop="domicilePlace" |
|
|
|
min-width="140" |
|
|
|
align="center" |
|
|
|
label="户籍地址" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="workPlace" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="workPlace" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="单位名称" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="remark" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="remark" |
|
|
|
align="center" |
|
|
|
label="备注" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="faceImg" |
|
|
|
<el-table-column prop="faceImg" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="人脸" |
|
|
|
> |
|
|
|
label="人脸"> |
|
|
|
<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" |
|
|
|
: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> --> |
|
|
|
</div> |
|
|
|
</el-image> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="checkState" |
|
|
|
<el-table-column prop="checkState" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="状态" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
fixed="right" |
|
|
|
> |
|
|
|
fixed="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.checkState === '0'">未审核</span> |
|
|
|
<span v-else-if="scope.row.checkState === '1'">未通过</span> |
|
|
|
@ -234,90 +196,81 @@ |
|
|
|
<span v-else></span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" align="center" width="100" fixed="right"> |
|
|
|
<el-table-column label="操作" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
fixed="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--detail" |
|
|
|
size="small" |
|
|
|
@click="handleWatch('look', scope.row)" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
@click="handleWatch('look', scope.row)">查看</el-button> |
|
|
|
<!-- <el-button type="text" |
|
|
|
class="div-table-button--detail" |
|
|
|
size="small" |
|
|
|
@click="handleWatch('check', scope.row)">审核</el-button> --> |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--detail" |
|
|
|
size="small" |
|
|
|
v-if="scope.row.agencyId == agencyId && scope.row.checkState === '0'" |
|
|
|
@click="handleWatch('check', scope.row)" |
|
|
|
>审核</el-button |
|
|
|
> |
|
|
|
@click="handleWatch('check', scope.row)">审核</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
:total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="formShow" |
|
|
|
<el-dialog :visible.sync="formShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
title="信息详情" |
|
|
|
width="1100px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="handleClose" |
|
|
|
> |
|
|
|
@closed="handleClose"> |
|
|
|
<div class="scroll-h"> |
|
|
|
<el-form |
|
|
|
ref="ref_form" |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="dataForm" |
|
|
|
:disabled="true" |
|
|
|
class="form" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="户主姓名:" |
|
|
|
class="form"> |
|
|
|
<el-form-item label="户主姓名:" |
|
|
|
prop="houseHolderName" |
|
|
|
label-width="150px" |
|
|
|
> |
|
|
|
label-width="150px"> |
|
|
|
<!-- <el-input class="item_width_1" |
|
|
|
v-model="dataForm.houseHolderName"> |
|
|
|
</el-input> --> |
|
|
|
<div class="wd50">{{ dataForm.houseHolderName }}</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="居住地址:" prop="address" label-width="150px"> |
|
|
|
<el-form-item label="居住地址:" |
|
|
|
prop="address" |
|
|
|
label-width="150px"> |
|
|
|
<!-- <el-input class="wd50" v-model="dataForm.address"> |
|
|
|
</el-input> --> |
|
|
|
<div class="wd50">{{ dataForm.address }}</div> |
|
|
|
</el-form-item> |
|
|
|
<div> |
|
|
|
<el-form-item |
|
|
|
label="房屋状态:" |
|
|
|
<el-form-item label="房屋状态:" |
|
|
|
prop="houseType" |
|
|
|
label-width="150px" |
|
|
|
> |
|
|
|
label-width="150px"> |
|
|
|
<!-- <el-input class="item_width_1" |
|
|
|
v-model="dataForm.houseType"> |
|
|
|
</el-input> --> |
|
|
|
<div class="wd50">{{ dataForm.houseType }}</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="居住人数:" |
|
|
|
<el-form-item label="居住人数:" |
|
|
|
prop="totalResi" |
|
|
|
label-width="150px" |
|
|
|
> |
|
|
|
label-width="150px"> |
|
|
|
<!-- <el-input class="item_width_1" |
|
|
|
v-model="dataForm.totalResi"> |
|
|
|
</el-input> --> |
|
|
|
@ -325,92 +278,70 @@ |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
<el-table |
|
|
|
:data="dataForm.list" |
|
|
|
<el-table :data="dataForm.list" |
|
|
|
border |
|
|
|
style="width: 1060px; margin: 20px" |
|
|
|
class="resi-table" |
|
|
|
:height="dialogTableHeight" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
:height="dialogTableHeight"> |
|
|
|
<el-table-column label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberName" |
|
|
|
width="50" /> |
|
|
|
<el-table-column prop="memberName" |
|
|
|
width="100" |
|
|
|
label="成员姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberIdNum" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="memberIdNum" |
|
|
|
width="180" |
|
|
|
align="center" |
|
|
|
label="成员证件号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberMobile" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="memberMobile" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="成员手机号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="heSuanCount" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="heSuanCount" |
|
|
|
width="120" |
|
|
|
align="center" |
|
|
|
label="核酸检测次数" |
|
|
|
/> |
|
|
|
label="核酸检测次数" /> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="ymjz" |
|
|
|
<el-table-column prop="ymjz" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="疫苗接种情况" |
|
|
|
> |
|
|
|
label="疫苗接种情况"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.ymjz == 1">全程接种</span> |
|
|
|
<span v-if="scope.row.ymjz == 2">未全程接种</span> |
|
|
|
<span v-if="scope.row.ymjz == 0">未接种</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="domicilePlace" |
|
|
|
<el-table-column prop="domicilePlace" |
|
|
|
min-width="140" |
|
|
|
align="center" |
|
|
|
label="户籍所在地 " |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="workPlace" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="workPlace" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="单位或学校 " |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="remark" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="remark" |
|
|
|
align="center" |
|
|
|
label="备注" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="faceImg" |
|
|
|
<el-table-column prop="faceImg" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="人脸" |
|
|
|
> |
|
|
|
label="人脸"> |
|
|
|
<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" |
|
|
|
: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> --> |
|
|
|
</div> |
|
|
|
</el-image> |
|
|
|
@ -419,8 +350,12 @@ |
|
|
|
</el-table> |
|
|
|
<div class="resi-btns"> |
|
|
|
<el-button @click="formShow = false">{{ $t('cancel') }}</el-button> |
|
|
|
<el-button v-if="dialogType == 'check'" type="danger" @click="checkHandle('1')">{{ $t('checkBTGBtn') }}</el-button> |
|
|
|
<el-button v-if="dialogType == 'check'" type="danger" @click="showAddHouse">{{ $t('checkTGBtn') }}</el-button> |
|
|
|
<el-button v-if="dialogType == 'check'" |
|
|
|
type="danger" |
|
|
|
@click="checkHandle('1')">{{ $t('checkBTGBtn') }}</el-button> |
|
|
|
<el-button v-if="dialogType == 'check'" |
|
|
|
type="danger" |
|
|
|
@click="showAddHouse">{{ $t('checkTGBtn') }}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
@ -758,10 +693,19 @@ export default { |
|
|
|
doorName: this.dataForm.doorName || '' |
|
|
|
} |
|
|
|
if (type == '1') { |
|
|
|
this.$prompt('请输入不通过的原因', '提示', { |
|
|
|
const h = this.$createElement |
|
|
|
this.$prompt( |
|
|
|
h('p', null, [h('i', { style: 'color: red' }, '* '), |
|
|
|
h('span', null, '请输入不通过的原因：')]), |
|
|
|
'提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
inputPattern: /^.+$/, |
|
|
|
inputErrorMessage: '请输入原因' |
|
|
|
}).then(({ value }) => { |
|
|
|
// if (!value) { |
|
|
|
// return this.$message.error('请填写审核不通过原因') |
|
|
|
// } |
|
|
|
params.checkReason = value |
|
|
|
this.$http.post('/epmetuser/icresicollect/collectCheck', params).then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
@ -856,8 +800,8 @@ export default { |
|
|
|
} |
|
|
|
.badge { |
|
|
|
display: block; |
|
|
|
color: #F1F2E5; |
|
|
|
background-color: #D7000F; |
|
|
|
color: #f1f2e5; |
|
|
|
background-color: #d7000f; |
|
|
|
border-radius: 12px; |
|
|
|
width: 70px; |
|
|
|
} |
|
|
|
|
jiangyy
3 years ago