|
|
|
@ -1,13 +1,12 @@ |
|
|
|
<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-form-item |
|
|
|
<div> |
|
|
|
<div class="div_main"> |
|
|
|
<div ref="searchDiv" |
|
|
|
class="div_search"> |
|
|
|
<el-form ref="searchForm" |
|
|
|
:inline="true" |
|
|
|
:model="fmData"> |
|
|
|
<!-- <el-form-item |
|
|
|
v-if="communityList.length > 0" |
|
|
|
label="所在社区" |
|
|
|
prop="orgId" |
|
|
|
@ -17,7 +16,7 @@ |
|
|
|
placeholder="所在社区" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
class="resi-cell-input" |
|
|
|
class="item_width_normal" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in communityList" |
|
|
|
@ -28,296 +27,251 @@ |
|
|
|
</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-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-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-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-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-form-item label="居住地址" |
|
|
|
prop="address"> |
|
|
|
<el-input v-model="fmData.address" |
|
|
|
class="item_width_normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="户籍地址" |
|
|
|
prop="domicilePlace"> |
|
|
|
<el-input v-model="fmData.domicilePlace" |
|
|
|
class="item_width_normal" |
|
|
|
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" |
|
|
|
class="item_width_daterange2" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<div class="div_search_btn"> |
|
|
|
<el-button class="diy-button--white" |
|
|
|
size="small" |
|
|
|
@click="resetForm('searchForm')">重置</el-button> |
|
|
|
<el-button style="margin-left:10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--blue" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
</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" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<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="房屋状态" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.houseType == 1">出租</span> |
|
|
|
<span v-if="scope.row.houseType == 2">闲置</span> |
|
|
|
<span v-if="scope.row.houseType == 3">未售出</span> |
|
|
|
<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> |
|
|
|
<el-table-column |
|
|
|
prop="heSuanCount" |
|
|
|
width="120" |
|
|
|
align="center" |
|
|
|
label="核酸检测次数" |
|
|
|
/> |
|
|
|
<div class="div_table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<div class="div_btn_left"> |
|
|
|
<el-button @click="handleChu" |
|
|
|
class="diy-button--white" |
|
|
|
size="small">导出</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-table :data="tableData" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
class="div_table_item" |
|
|
|
: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>{{scope.row.address}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<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> |
|
|
|
<span v-if="scope.row.houseType == 3">未售出</span> |
|
|
|
<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> |
|
|
|
<el-table-column prop="heSuanCount" |
|
|
|
width="120" |
|
|
|
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> |
|
|
|
<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> |
|
|
|
<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 |
|
|
|
> |
|
|
|
</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> |
|
|
|
<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> |
|
|
|
<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> |
|
|
|
<el-table-column label="操作" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
fixed="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
@click="handleWatch('look', scope.row)">查看</el-button> |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
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> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<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-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="dialog-h-content scroll-h"> |
|
|
|
<el-form ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="dataForm" |
|
|
|
:disabled="true" |
|
|
|
label-width="150px" |
|
|
|
class="edit_form"> |
|
|
|
<el-form-item label="户主姓名" |
|
|
|
prop="houseHolderName"> |
|
|
|
<!-- <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"> |
|
|
|
<!-- <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"> |
|
|
|
<!-- <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"> |
|
|
|
<!-- <el-input class="item_width_1" |
|
|
|
v-model="dataForm.totalResi"> |
|
|
|
</el-input> --> |
|
|
|
@ -325,102 +279,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: 1010px; margin: 20px" |
|
|
|
: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"> |
|
|
|
|
|
|
|
<div class="div_btn"> |
|
|
|
<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'" |
|
|
|
class="diy-button--blue" |
|
|
|
@click="checkHandle('1')">{{ $t('checkBTGBtn') }}</el-button> |
|
|
|
<el-button v-if="dialogType == 'check'" |
|
|
|
class="diy-button--blue" |
|
|
|
@click="showAddHouse">{{ $t('checkTGBtn') }}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
@ -448,7 +384,7 @@ import axios from "axios"; |
|
|
|
import roomForm from './roomForm' |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
agencyId: '', |
|
|
|
openSearch: false, |
|
|
|
@ -484,19 +420,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 +451,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 +470,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 +498,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
async handleChu() { |
|
|
|
async handleChu () { |
|
|
|
const url = "/epmetuser/icresicollect/export"; |
|
|
|
const { pageSize, pageNo, fmData } = this; |
|
|
|
axios({ |
|
|
|
@ -596,33 +532,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 +581,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 +608,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 +617,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 +649,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
// 数组扁平化 |
|
|
|
formatArr(arr) { |
|
|
|
formatArr (arr) { |
|
|
|
let res = []; |
|
|
|
let arr1 = arr.map((n, index) => { |
|
|
|
return { |
|
|
|
@ -721,13 +657,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: [], |
|
|
|
}; |
|
|
|
}) |
|
|
|
: [], |
|
|
|
}; |
|
|
|
}); |
|
|
|
@ -771,7 +707,7 @@ export default { |
|
|
|
this.getTableData() |
|
|
|
// 调用文件下发权限接口 |
|
|
|
// this.fileJurisdiction(params) |
|
|
|
}).catch(() => {}) |
|
|
|
}).catch(() => { }) |
|
|
|
}).catch(() => { |
|
|
|
// 取消输入原因 |
|
|
|
}) |
|
|
|
@ -785,7 +721,7 @@ export default { |
|
|
|
this.getTableData() |
|
|
|
// 调用文件下发权限接口 |
|
|
|
// this.fileJurisdiction(params) |
|
|
|
}).catch(() => {}) |
|
|
|
}).catch(() => { }) |
|
|
|
} |
|
|
|
}, |
|
|
|
// 文件下发权限接口 |
|
|
|
@ -795,17 +731,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 |
|
|
|
@ -817,48 +753,6 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
|
|
|
|
|
.resi-container .resi-card-table { |
|
|
|
::v-deep .el-table th { |
|
|
|
color: #fff; |
|
|
|
background-color: rgba(33, 149, 254, 1); |
|
|
|
// border-right: 1px solid rgba(33, 149, 254, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-table { |
|
|
|
::v-deep .el-button--text { |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
} |
|
|
|
.resi-card-table { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
.resi-row-btn { |
|
|
|
margin-bottom: 13px; |
|
|
|
.upload-btn { |
|
|
|
display: inline-block; |
|
|
|
margin: 0 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.resi-btns { |
|
|
|
margin-top: 20px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.resi-container .resi-card { |
|
|
|
position: relative; |
|
|
|
overflow: visible; |
|
|
|
} |
|
|
|
.wd50 { |
|
|
|
min-width: 200px; |
|
|
|
} |
|
|
|
.badge { |
|
|
|
display: block; |
|
|
|
color: #F1F2E5; |
|
|
|
background-color: #D7000F; |
|
|
|
border-radius: 12px; |
|
|
|
width: 70px; |
|
|
|
} |
|
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
@import "@/assets/scss/modules/management/edit-main.scss"; |
|
|
|
</style> |
|
|
|
|
jiangyy
3 years ago