|
|
|
@ -1,12 +1,11 @@ |
|
|
|
<template> |
|
|
|
<div class="resi-container"> |
|
|
|
<el-card ref="searchCard" class="search-card"> |
|
|
|
<el-form |
|
|
|
ref="searchForm" |
|
|
|
:inline="true" |
|
|
|
:model="fmData" |
|
|
|
class="demo-form-inline" |
|
|
|
> |
|
|
|
<el-card ref="searchCard" |
|
|
|
class="search-card"> |
|
|
|
<el-form ref="searchForm" |
|
|
|
:inline="true" |
|
|
|
:model="fmData" |
|
|
|
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" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
<el-form-item label="居住地址" |
|
|
|
prop="address"> |
|
|
|
<el-input 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" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
<el-form-item label="户籍地址" |
|
|
|
prop="domicilePlace"> |
|
|
|
<el-input v-model="fmData.domicilePlace" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<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" |
|
|
|
> |
|
|
|
<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"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button |
|
|
|
class="diy-button--search" |
|
|
|
size="small" |
|
|
|
@click="handleSearch" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="resetForm('searchForm')" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
<el-button class="diy-button--search" |
|
|
|
size="small" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@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" |
|
|
|
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" |
|
|
|
width="100" |
|
|
|
label="户主姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="address" |
|
|
|
align="center" |
|
|
|
min-width="140" |
|
|
|
label="居住地址" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
<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" |
|
|
|
width="100" |
|
|
|
label="户主姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="address" |
|
|
|
align="center" |
|
|
|
min-width="140" |
|
|
|
label="居住地址" |
|
|
|
: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" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="房屋状态" |
|
|
|
> |
|
|
|
<el-table-column prop="houseType" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="房屋状态"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.houseType == 1">出租</span> |
|
|
|
<span v-if="scope.row.houseType == 2">闲置</span> |
|
|
|
@ -124,200 +110,167 @@ |
|
|
|
<span v-if="scope.row.houseType == 0">自住</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="totalResi" |
|
|
|
width="80" |
|
|
|
align="center" |
|
|
|
label="居住人数" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberName" |
|
|
|
width="100" |
|
|
|
label="成员姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberIdNum" |
|
|
|
width="180" |
|
|
|
align="center" |
|
|
|
label="成员证件号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberMobile" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="成员手机号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="relationship" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="与户主关系" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{getRelationshipName(scope.row.relationship)}}</span> |
|
|
|
</template> |
|
|
|
<el-table-column prop="totalResi" |
|
|
|
width="80" |
|
|
|
align="center" |
|
|
|
label="居住人数" /> |
|
|
|
<el-table-column prop="memberName" |
|
|
|
width="100" |
|
|
|
label="成员姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="memberIdNum" |
|
|
|
width="180" |
|
|
|
align="center" |
|
|
|
label="成员证件号" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="memberMobile" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="成员手机号" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="relationship" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="与户主关系" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{getRelationshipName(scope.row.relationship)}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="heSuanCount" |
|
|
|
width="120" |
|
|
|
align="center" |
|
|
|
label="核酸检测次数" |
|
|
|
/> |
|
|
|
<el-table-column prop="heSuanCount" |
|
|
|
width="120" |
|
|
|
align="center" |
|
|
|
label="核酸检测次数" /> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="ymjz" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="疫苗接种情况" |
|
|
|
> |
|
|
|
<el-table-column prop="ymjz" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
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" |
|
|
|
min-width="140" |
|
|
|
align="center" |
|
|
|
label="户籍地址" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="workPlace" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="单位名称" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="remark" |
|
|
|
align="center" |
|
|
|
label="备注" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
<el-table-column prop="domicilePlace" |
|
|
|
min-width="140" |
|
|
|
align="center" |
|
|
|
label="户籍地址" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="workPlace" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="单位名称" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="remark" |
|
|
|
align="center" |
|
|
|
label="备注" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="faceImg" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="人脸" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<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"> |
|
|
|
<!-- <i class="el-icon-picture-outline"></i> --> |
|
|
|
</div> |
|
|
|
</el-image> |
|
|
|
</template> |
|
|
|
<el-table-column prop="faceImg" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="人脸"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<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"> |
|
|
|
<!-- <i class="el-icon-picture-outline"></i> --> |
|
|
|
</div> |
|
|
|
</el-image> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="checkState" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="状态" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
fixed="right" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.checkState === '0'">未审核</span> |
|
|
|
<span v-else-if="scope.row.checkState === '1'">未通过</span> |
|
|
|
<span v-else-if="scope.row.checkState === '2'">已通过</span> |
|
|
|
<span v-else></span> |
|
|
|
</template> |
|
|
|
<el-table-column prop="checkState" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="状态" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
fixed="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.checkState === '0'">未审核</span> |
|
|
|
<span v-else-if="scope.row.checkState === '1'">未通过</span> |
|
|
|
<span v-else-if="scope.row.checkState === '2'">已通过</span> |
|
|
|
<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" |
|
|
|
class="div-table-button--detail" |
|
|
|
size="small" |
|
|
|
@click="handleWatch('look', 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 |
|
|
|
> |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--detail" |
|
|
|
size="small" |
|
|
|
@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> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<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" |
|
|
|
> |
|
|
|
<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"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<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" |
|
|
|
> |
|
|
|
<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"> |
|
|
|
<div class="scroll-h"> |
|
|
|
<el-form |
|
|
|
ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="dataForm" |
|
|
|
:disabled="true" |
|
|
|
class="form" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="户主姓名:" |
|
|
|
prop="houseHolderName" |
|
|
|
label-width="150px" |
|
|
|
> |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="dataForm" |
|
|
|
:disabled="true" |
|
|
|
class="form"> |
|
|
|
<el-form-item label="户主姓名:" |
|
|
|
prop="houseHolderName" |
|
|
|
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="房屋状态:" |
|
|
|
prop="houseType" |
|
|
|
label-width="150px" |
|
|
|
> |
|
|
|
<el-form-item label="房屋状态:" |
|
|
|
prop="houseType" |
|
|
|
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="居住人数:" |
|
|
|
prop="totalResi" |
|
|
|
label-width="150px" |
|
|
|
> |
|
|
|
<el-form-item label="居住人数:" |
|
|
|
prop="totalResi" |
|
|
|
label-width="150px"> |
|
|
|
<!-- <el-input class="item_width_1" |
|
|
|
v-model="dataForm.totalResi"> |
|
|
|
</el-input> --> |
|
|
|
@ -325,102 +278,84 @@ |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
<el-table |
|
|
|
:data="dataForm.list" |
|
|
|
border |
|
|
|
style="width: 1060px; margin: 20px" |
|
|
|
class="resi-table" |
|
|
|
:height="dialogTableHeight" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberName" |
|
|
|
width="100" |
|
|
|
label="成员姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberIdNum" |
|
|
|
width="180" |
|
|
|
align="center" |
|
|
|
label="成员证件号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="memberMobile" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="成员手机号" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="heSuanCount" |
|
|
|
width="120" |
|
|
|
align="center" |
|
|
|
label="核酸检测次数" |
|
|
|
/> |
|
|
|
<el-table :data="dataForm.list" |
|
|
|
border |
|
|
|
style="width: 1060px; margin: 20px" |
|
|
|
class="resi-table" |
|
|
|
:height="dialogTableHeight"> |
|
|
|
<el-table-column label="序号" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
<el-table-column prop="memberName" |
|
|
|
width="100" |
|
|
|
label="成员姓名" |
|
|
|
align="center" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="memberIdNum" |
|
|
|
width="180" |
|
|
|
align="center" |
|
|
|
label="成员证件号" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="memberMobile" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="成员手机号" |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="heSuanCount" |
|
|
|
width="120" |
|
|
|
align="center" |
|
|
|
label="核酸检测次数" /> |
|
|
|
|
|
|
|
<el-table-column |
|
|
|
prop="ymjz" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
label="疫苗接种情况" |
|
|
|
> |
|
|
|
<el-table-column prop="ymjz" |
|
|
|
width="140" |
|
|
|
align="center" |
|
|
|
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" |
|
|
|
min-width="140" |
|
|
|
align="center" |
|
|
|
label="户籍所在地 " |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="workPlace" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="单位或学校 " |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
prop="remark" |
|
|
|
align="center" |
|
|
|
label="备注" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
<el-table-column prop="domicilePlace" |
|
|
|
min-width="140" |
|
|
|
align="center" |
|
|
|
label="户籍所在地 " |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="workPlace" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="单位或学校 " |
|
|
|
:show-overflow-tooltip="true" /> |
|
|
|
<el-table-column prop="remark" |
|
|
|
align="center" |
|
|
|
label="备注" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="faceImg" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="人脸" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<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"> |
|
|
|
<!-- <i class="el-icon-picture-outline"></i> --> |
|
|
|
</div> |
|
|
|
</el-image> |
|
|
|
</template> |
|
|
|
<el-table-column prop="faceImg" |
|
|
|
min-width="120" |
|
|
|
align="center" |
|
|
|
label="人脸"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<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"> |
|
|
|
<!-- <i class="el-icon-picture-outline"></i> --> |
|
|
|
</div> |
|
|
|
</el-image> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</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> |
|
|
|
@ -448,7 +383,7 @@ import axios from "axios"; |
|
|
|
import roomForm from './roomForm' |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
agencyId: '', |
|
|
|
openSearch: false, |
|
|
|
@ -484,19 +419,19 @@ export default { |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
|
tableHeight() { |
|
|
|
tableHeight () { |
|
|
|
const h = this.clientHeight - 360 + this.iframeHeigh; |
|
|
|
const _h = this.clientHeight - 360; |
|
|
|
return this.$store.state.inIframe ? h : _h; |
|
|
|
}, |
|
|
|
dialogTableHeight() { |
|
|
|
dialogTableHeight () { |
|
|
|
const h = this.clientHeight - 460 + this.iframeHeigh; |
|
|
|
const _h = this.clientHeight - 460; |
|
|
|
return this.$store.state.inIframe ? h : _h; |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
timeRange(val) { |
|
|
|
timeRange (val) { |
|
|
|
if (Array.isArray(val) && val.length == 2) { |
|
|
|
this.fmData.startTime = val[0]; |
|
|
|
this.fmData.endTime = val[1]; |
|
|
|
@ -515,12 +450,12 @@ export default { |
|
|
|
this.getTableData() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
async getDictList() { |
|
|
|
async getDictList () { |
|
|
|
const url = "/sys/dict/data/relationship" |
|
|
|
const { data, code, msg } = await requestPost(url, { formCode: "resi_base_info" }) |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.relationshipOptions = [ ...data ] |
|
|
|
this.relationshipOptions = [...data] |
|
|
|
} else { |
|
|
|
this.$message.success("操作失败！") |
|
|
|
} |
|
|
|
@ -534,7 +469,7 @@ export default { |
|
|
|
}) |
|
|
|
return label |
|
|
|
}, |
|
|
|
arraySpanMethod({ row, column, rowIndex, columnIndex }) { |
|
|
|
arraySpanMethod ({ row, column, rowIndex, columnIndex }) { |
|
|
|
// console.log('row-----r', row) |
|
|
|
// console.log('column-----c', column) |
|
|
|
if ( |
|
|
|
@ -562,7 +497,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
async handleChu() { |
|
|
|
async handleChu () { |
|
|
|
const url = "/epmetuser/icresicollect/export"; |
|
|
|
const { pageSize, pageNo, fmData } = this; |
|
|
|
axios({ |
|
|
|
@ -596,33 +531,33 @@ export default { |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleSizeChange(val) { |
|
|
|
handleSizeChange (val) { |
|
|
|
console.log(`每页 ${val} 条`); |
|
|
|
this.pageSize = val; |
|
|
|
window.localStorage.setItem("pageSize", val); |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
handleCurrentChange(val) { |
|
|
|
handleCurrentChange (val) { |
|
|
|
console.log(`当前页: ${val}`); |
|
|
|
this.pageNo = val; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
|
|
|
|
handleClose() { |
|
|
|
handleClose () { |
|
|
|
this.formShow = false; |
|
|
|
}, |
|
|
|
handleSearch(val) { |
|
|
|
handleSearch (val) { |
|
|
|
console.log(this.fmData); |
|
|
|
this.pageNo = 1; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
resetForm(formName) { |
|
|
|
resetForm (formName) { |
|
|
|
this.$refs[formName].resetFields(); |
|
|
|
this.timeRange = ""; |
|
|
|
this.handleSearch(); |
|
|
|
}, |
|
|
|
|
|
|
|
async handleWatch(type, row) { |
|
|
|
async handleWatch (type, row) { |
|
|
|
this.dialogType = type |
|
|
|
// this.formShow = true; |
|
|
|
await nextTick(); |
|
|
|
@ -645,17 +580,17 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async handleEdit(rowIndex) { |
|
|
|
async handleEdit (rowIndex) { |
|
|
|
this.formShow = true; |
|
|
|
await nextTick(); |
|
|
|
this.$refs.eleEditForm.initForm("edit", this.tableData[rowIndex]); |
|
|
|
}, |
|
|
|
handleEditSuccess() { |
|
|
|
handleEditSuccess () { |
|
|
|
this.handleClose(); |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
|
|
|
|
async handleDel(rowData, rowIndex) { |
|
|
|
async handleDel (rowData, rowIndex) { |
|
|
|
console.log(rowData, rowIndex); |
|
|
|
const url = |
|
|
|
"/heart/iccommunityselforganization/delcommunityselforganization"; |
|
|
|
@ -672,7 +607,7 @@ export default { |
|
|
|
this.$message.success("操作失败！"); |
|
|
|
} |
|
|
|
}, |
|
|
|
async getcommunityList() { |
|
|
|
async getcommunityList () { |
|
|
|
const url = "/gov/org/agency/community-list"; |
|
|
|
const { data, code, msg } = await requestPost(url); |
|
|
|
if (code === 0) { |
|
|
|
@ -681,7 +616,7 @@ export default { |
|
|
|
} else { |
|
|
|
} |
|
|
|
}, |
|
|
|
async getTableData() { |
|
|
|
async getTableData () { |
|
|
|
const url = "/epmetuser/icresicollect/list" |
|
|
|
const { pageSize, pageNo, fmData } = this |
|
|
|
const { data, code, msg } = await requestPost(url, { |
|
|
|
@ -713,7 +648,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
// 数组扁平化 |
|
|
|
formatArr(arr) { |
|
|
|
formatArr (arr) { |
|
|
|
let res = []; |
|
|
|
let arr1 = arr.map((n, index) => { |
|
|
|
return { |
|
|
|
@ -721,13 +656,13 @@ export default { |
|
|
|
list: |
|
|
|
n.list.length > 0 |
|
|
|
? n.list.map((i) => { |
|
|
|
return { |
|
|
|
...n, |
|
|
|
...i, |
|
|
|
desc: index + 1, |
|
|
|
list: [], |
|
|
|
}; |
|
|
|
}) |
|
|
|
return { |
|
|
|
...n, |
|
|
|
...i, |
|
|
|
desc: index + 1, |
|
|
|
list: [], |
|
|
|
}; |
|
|
|
}) |
|
|
|
: [], |
|
|
|
}; |
|
|
|
}); |
|
|
|
@ -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) { |
|
|
|
@ -771,7 +715,7 @@ export default { |
|
|
|
this.getTableData() |
|
|
|
// 调用文件下发权限接口 |
|
|
|
// this.fileJurisdiction(params) |
|
|
|
}).catch(() => {}) |
|
|
|
}).catch(() => { }) |
|
|
|
}).catch(() => { |
|
|
|
// 取消输入原因 |
|
|
|
}) |
|
|
|
@ -785,7 +729,7 @@ export default { |
|
|
|
this.getTableData() |
|
|
|
// 调用文件下发权限接口 |
|
|
|
// this.fileJurisdiction(params) |
|
|
|
}).catch(() => {}) |
|
|
|
}).catch(() => { }) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 文件下发权限接口 |
|
|
|
@ -795,17 +739,17 @@ export default { |
|
|
|
return this.$message.error(res.msg) |
|
|
|
} |
|
|
|
this.$message({ |
|
|
|
message: this.$t('prompt.success'), |
|
|
|
type: 'success', |
|
|
|
duration: 500, |
|
|
|
onClose: () => { |
|
|
|
this.disabledBtn = false |
|
|
|
this.checkVisible = false |
|
|
|
this.visible = false |
|
|
|
this.$emit('refreshDataList') |
|
|
|
} |
|
|
|
message: this.$t('prompt.success'), |
|
|
|
type: 'success', |
|
|
|
duration: 500, |
|
|
|
onClose: () => { |
|
|
|
this.disabledBtn = false |
|
|
|
this.checkVisible = false |
|
|
|
this.visible = false |
|
|
|
this.$emit('refreshDataList') |
|
|
|
} |
|
|
|
}) |
|
|
|
}).catch(() => {}) |
|
|
|
}).catch(() => { }) |
|
|
|
}, |
|
|
|
roomFormOk (e) { |
|
|
|
this.dataForm.buildingUnitId = e.buildingUnitId |
|
|
|
@ -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