|
|
|
@ -39,21 +39,43 @@ |
|
|
|
<img v-else |
|
|
|
src="../../../assets/img/arrow-down.png" /> |
|
|
|
</div> --> |
|
|
|
<resi-search ref="myResiSearch" /> |
|
|
|
<el-row class="resi-search"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--blue" |
|
|
|
@click="handleSearchFrom">查询</el-button> |
|
|
|
<!-- --> |
|
|
|
<el-button style="margin-left:10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--white" |
|
|
|
@click="">重置</el-button> |
|
|
|
<!-- resetSearchForm --> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<div class="div_btn_left"> |
|
|
|
<el-button v-if="btnAuths.ic_resi_add" |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd" |
|
|
|
class="diy-button--blue" |
|
|
|
icon="el-icon-plus"> 新增</el-button> |
|
|
|
<el-button v-if="btnAuths.ic_resi_export" |
|
|
|
icon="el-icon-plus" |
|
|
|
> |
|
|
|
新增</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_export" |
|
|
|
style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
@click="diyExport" |
|
|
|
class="diy-button--white">导出</el-button> |
|
|
|
class="diy-button--white" |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
|
|
|
|
<!-- <el-button v-if="btnAuths.ic_resi_import" |
|
|
|
style="margin-left:10px" |
|
|
|
@ -80,23 +102,29 @@ |
|
|
|
:loading="importLoading">{{ importBtnTitle }}</el-button> |
|
|
|
</el-upload> --> |
|
|
|
|
|
|
|
<el-button v-if="btnAuths.ic_resi_smart_import && displayedBaobiaoBtn" |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_smart_import && displayedBaobiaoBtn" |
|
|
|
style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
@click="reportForm" |
|
|
|
class="diy-button--white">核对</el-button> |
|
|
|
class="diy-button--white" |
|
|
|
>核对</el-button |
|
|
|
> |
|
|
|
|
|
|
|
<el-button style="margin-left:10px" |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
v-if="btnAuths.ic_resi_batch_del" |
|
|
|
size="small" |
|
|
|
@click="deleteBatch" |
|
|
|
class="diy-button--white">批量删除</el-button> |
|
|
|
class="diy-button--white" |
|
|
|
>批量删除</el-button |
|
|
|
> |
|
|
|
<!-- <el-button type="primary" size="small">下载人口模板</el-button> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table ref="ref_table" |
|
|
|
<el-table |
|
|
|
ref="ref_table" |
|
|
|
class="m-table-item" |
|
|
|
:data="tableData" |
|
|
|
v-loading="tableLoading" |
|
|
|
@ -104,123 +132,152 @@ |
|
|
|
style="width: 100%" |
|
|
|
:height="tableHeight" |
|
|
|
@select-all="selectAll" |
|
|
|
@selection-change="selectionChange"> |
|
|
|
<el-table-column type="selection" |
|
|
|
@selection-change="selectionChange" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
fixed="left" |
|
|
|
align="left" |
|
|
|
:selectable="checkSelect" |
|
|
|
width="55" /> |
|
|
|
<el-table-column label="序号" |
|
|
|
align="center" |
|
|
|
:selectable="checkSelectable" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
fixed="left" |
|
|
|
align="left" |
|
|
|
width="50"> |
|
|
|
width="50" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column v-for="item in tableHeader" |
|
|
|
<el-table-column |
|
|
|
v-for="item in tableHeader" |
|
|
|
:key="item.columnName" |
|
|
|
:prop="item.columnName" |
|
|
|
:label="item.label" |
|
|
|
align="left" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
:width="item.width || computedWidth(item.label, item.itemType)"> |
|
|
|
<!-- :width="item.itemType === 'radio' ? computedWidth(item.label) : 180" --> |
|
|
|
:width="item.width || ''" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
|
|
<a v-if="item.columnName == 'NAME' && btnAuths.ic_resi_view" |
|
|
|
<a |
|
|
|
v-if="item.columnName == 'NAME' && btnAuths.ic_resi_view" |
|
|
|
class="name-a" |
|
|
|
> |
|
|
|
{{ handleFilterSpan(scope.row, item) }} |
|
|
|
</a> |
|
|
|
<div v-else-if="item.columnName == 'gender'"> |
|
|
|
{{scope.row.gender == 1 ? '男' : '女' }} |
|
|
|
{{ scope.row.gender == 1 ? "男" : "女" }} |
|
|
|
</div> |
|
|
|
<div v-else-if="item.columnName == 'birthday'"> |
|
|
|
{{ scope.row.birthday.substr(0, 10) }} |
|
|
|
</div> |
|
|
|
<div v-else-if="item.columnName == 'idNum'"> |
|
|
|
{{`${scope.row.idNum.substr(0,11)}`+'******'+`${scope.row.idNum.substr(16,2)}` }} |
|
|
|
{{ |
|
|
|
`${scope.row.idNum.substr(0, 11)}` + |
|
|
|
"******" + |
|
|
|
`${scope.row.idNum.substr(16, 2)}` |
|
|
|
}} |
|
|
|
</div> |
|
|
|
<div v-else-if="item.columnName == 'mobile'"> |
|
|
|
{{`${scope.row.mobile.substr(0,3)}`+'******'+`${scope.row.mobile.substr(7,4)}` }} |
|
|
|
{{ |
|
|
|
`${scope.row.mobile.substr(0, 3)}` + |
|
|
|
"******" + |
|
|
|
`${scope.row.mobile.substr(7, 4)}` |
|
|
|
}} |
|
|
|
</div> |
|
|
|
<span v-else>{{ handleFilterSpan(scope.row, item) }}</span> |
|
|
|
</template> |
|
|
|
|
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="left" |
|
|
|
width="260"> |
|
|
|
<el-table-column fixed="right" label="操作" align="center" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <el-button @click="handleLook(scope.row)" |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_view" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
class="btn-color-look">查看</el-button> --> |
|
|
|
@click="handleLook(scope.row)" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
|
|
|
|
<!-- <el-button v-if="btnAuths.ic_resi_change_rec" |
|
|
|
@click="handleChangeRecord(scope.row)" |
|
|
|
type="text" |
|
|
|
class="div-table-button--orange" |
|
|
|
size="small">变更记录</el-button> --> |
|
|
|
<template v-if="filterEdit(scope.row.ORG_ID)"> |
|
|
|
<el-button v-if="btnAuths.ic_resi_update" |
|
|
|
<template v-if="filterEdit(scope.row.agencyId)"> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_update" |
|
|
|
style="margin-right: 10px" |
|
|
|
@click="handleEdit(scope.row)" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
>编辑</el-button> |
|
|
|
<el-popconfirm v-if="btnAuths.ic_resi_del" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
|
|
|
|
<el-popconfirm |
|
|
|
v-if="btnAuths.ic_resi_del" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDel(scope.row)"> |
|
|
|
@onConfirm="handleDel(scope.row)" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
slot="reference" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
</el-popconfirm> |
|
|
|
</template> |
|
|
|
|
|
|
|
<el-dropdown |
|
|
|
trigger="click" |
|
|
|
style="margin-left: 10px" |
|
|
|
@command="(command) => handelRegister(command, scope.row)" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" @click="handleLook(scope.row)">查看</el-button> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue f-right10" |
|
|
|
size="small">编辑</el-button> |
|
|
|
<el-dropdown trigger="click" @command="handelRegister"> |
|
|
|
<span class=" div-table-button--blue"> |
|
|
|
登记<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
</span> |
|
|
|
style="font-size: 10px" |
|
|
|
> |
|
|
|
▪▪▪</el-button |
|
|
|
> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item >死亡登记</el-dropdown-item> |
|
|
|
<el-dropdown-item >迁出登记</el-dropdown-item> |
|
|
|
<el-dropdown-item |
|
|
|
v-if="btnAuths.ic_resi_change_rec" |
|
|
|
command="bgjl" |
|
|
|
>变更记录</el-dropdown-item |
|
|
|
> |
|
|
|
<el-dropdown-item |
|
|
|
v-if="btnAuths.ic_resi_update" |
|
|
|
command="swdj" |
|
|
|
>死亡登记</el-dropdown-item |
|
|
|
> |
|
|
|
<el-dropdown-item |
|
|
|
v-if="btnAuths.ic_resi_update" |
|
|
|
command="qcdj" |
|
|
|
>迁出登记</el-dropdown-item |
|
|
|
> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div class="div-flex"> |
|
|
|
<div class="div_del"> |
|
|
|
<!-- <el-checkbox :indeterminate="isIndeterminate" |
|
|
|
v-model="selAllFlag" |
|
|
|
:disabled="selAllFlagDisabled" |
|
|
|
@change="handleSelectAll">全选</el-checkbox> |
|
|
|
<el-button v-if="selection.length > 0" |
|
|
|
style="margin-left:15px" |
|
|
|
type="danger" |
|
|
|
size="small" |
|
|
|
@click="deleteBatch">删除</el-button> --> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
|
<div class="m-page"> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="currentPage" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="pageSize" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total"> |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-dialog :title="formName === '社区居民基本信息录入表'?'新增居民':formName" |
|
|
|
<el-dialog |
|
|
|
:title="formName === '社区居民基本信息录入表' ? '新增居民' : formName" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="986px" |
|
|
|
top="5vh" |
|
|
|
@ -228,13 +285,16 @@ |
|
|
|
append-to-body |
|
|
|
class="dialog-h" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:before-close="handlerCancle"> |
|
|
|
:before-close="handlerCancle" |
|
|
|
> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<resi-form v-if="dialogVisible" |
|
|
|
<resi-form |
|
|
|
v-if="dialogVisible" |
|
|
|
ref="baseForm" |
|
|
|
:fixed="true" |
|
|
|
:form-list="formList" |
|
|
|
@changegroup="handleChangeGroup" /> |
|
|
|
@changegroup="handleChangeGroup" |
|
|
|
/> |
|
|
|
<!-- <div v-if="dialogVisible" |
|
|
|
class="resi-other"> |
|
|
|
<div class="tabs-other-info"> |
|
|
|
@ -257,18 +317,28 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="resi-btns"> |
|
|
|
<el-button size="small" |
|
|
|
@click="handlerReset" class="diy-button--common">重置</el-button> |
|
|
|
<el-button size="small" |
|
|
|
@click="handlerCancle" class="diy-button--common">取消</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
<el-button size="small" @click="handlerReset" class="diy-button--common" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
@click="handlerCancle" |
|
|
|
class="diy-button--common" |
|
|
|
>取消</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
:loading="btnLoading" |
|
|
|
@click="handleSUbmit" class="diy-button--blue">保存</el-button> |
|
|
|
@click="handleSUbmit" |
|
|
|
class="diy-button--blue" |
|
|
|
>保存</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<el-dialog :title="formName" |
|
|
|
<el-dialog |
|
|
|
:title="formName" |
|
|
|
:visible.sync="dialogEditVisible" |
|
|
|
width="986px" |
|
|
|
top="5vh" |
|
|
|
@ -276,9 +346,11 @@ |
|
|
|
append-to-body |
|
|
|
class="dialog-h" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:before-close="handlerEditCancle"> |
|
|
|
:before-close="handlerEditCancle" |
|
|
|
> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<edit-resi v-if="dialogEditVisible" |
|
|
|
<edit-resi |
|
|
|
v-if="dialogEditVisible" |
|
|
|
ref="baseForm" |
|
|
|
:disabled="disabled" |
|
|
|
:editUserId="editUserId" |
|
|
|
@ -286,18 +358,20 @@ |
|
|
|
:fixed="true" |
|
|
|
:form-list="formList" |
|
|
|
:agency-id="editAgencyId" |
|
|
|
@changegroup="handleChangeGroup" /> |
|
|
|
<div v-if="dialogEditVisible" |
|
|
|
class="resi-other"> |
|
|
|
@changegroup="handleChangeGroup" |
|
|
|
/> |
|
|
|
<div v-if="dialogEditVisible" class="resi-other"> |
|
|
|
<div class="resi-other-title">其他</div> |
|
|
|
<div class="tabs-other-info"> |
|
|
|
<el-tabs v-model="activeName" |
|
|
|
@tab-click="handleClick"> |
|
|
|
<el-tab-pane v-for="item in tabsList" |
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick"> |
|
|
|
<el-tab-pane |
|
|
|
v-for="item in tabsList" |
|
|
|
:key="item.groupId" |
|
|
|
:label="item.label" |
|
|
|
:name="'group' + item.groupId"> |
|
|
|
<edit-resi :ref="'group' + item.groupId" |
|
|
|
:name="'group' + item.groupId" |
|
|
|
> |
|
|
|
<edit-resi |
|
|
|
:ref="'group' + item.groupId" |
|
|
|
:columns="3" |
|
|
|
:support-add="item.supportAdd" |
|
|
|
:form-id="item.columnName" |
|
|
|
@ -305,40 +379,49 @@ |
|
|
|
:form-list="item.itemList" |
|
|
|
:disabled="disabled" |
|
|
|
:label-width="'140px'" |
|
|
|
:agency-id="editAgencyId" /> |
|
|
|
:agency-id="editAgencyId" |
|
|
|
/> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="resi-btns"> |
|
|
|
<el-button size="small" |
|
|
|
@click="handlerEditCancle">取消</el-button> |
|
|
|
<el-button v-if="!disabled" |
|
|
|
<el-button size="small" @click="handlerEditCancle">取消</el-button> |
|
|
|
<el-button |
|
|
|
v-if="!disabled" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
:loading="btnLoading" |
|
|
|
@click="handleEditSUbmit">提交</el-button> |
|
|
|
@click="handleEditSUbmit" |
|
|
|
>提交</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- 变更记录 --> |
|
|
|
<el-dialog :visible.sync="changeRecordShow" |
|
|
|
<el-dialog |
|
|
|
:visible.sync="changeRecordShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'变更记录'" |
|
|
|
width="1150px" |
|
|
|
top="5vh" |
|
|
|
@closed="diaClose"> |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<resi-change-record ref="ref_changerecord"></resi-change-record> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog :visible.sync="diyDialog" |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
:visible.sync="diyDialog" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
width="1150px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h"> |
|
|
|
<diy-info v-if="diyDialog" |
|
|
|
class="dialog-h" |
|
|
|
> |
|
|
|
<diy-info |
|
|
|
v-if="diyDialog" |
|
|
|
ref="ref_diy" |
|
|
|
:list="exportList" |
|
|
|
:search="{ |
|
|
|
@ -347,40 +430,50 @@ |
|
|
|
pageSize: pageSize, |
|
|
|
conditions: conditions, |
|
|
|
}" |
|
|
|
@close="handleDiyClose"></diy-info> |
|
|
|
@close="handleDiyClose" |
|
|
|
></diy-info> |
|
|
|
</el-dialog> |
|
|
|
<people-more v-if="showedPeopleMoreInfo && lookInfo.userId" |
|
|
|
|
|
|
|
<people-more |
|
|
|
v-if="showedPeopleMoreInfo && lookInfo.userId" |
|
|
|
:view_real_data="btnAuths.ic_resi_view_real_data" |
|
|
|
:userId="lookInfo.userId" |
|
|
|
:gridName="lookInfo.gridName" |
|
|
|
:detailTitle="'居民详情'" |
|
|
|
@close="handleCancleLook" /> |
|
|
|
@close="handleCancleLook" |
|
|
|
/> |
|
|
|
|
|
|
|
<baobiao ref="baobiao" /> |
|
|
|
|
|
|
|
<!-- 迁出登记 --> |
|
|
|
<el-dialog :visible.sync="tranferShow" |
|
|
|
<el-dialog |
|
|
|
:visible.sync="tranferShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'迁出登记'" |
|
|
|
width="950px" |
|
|
|
width="620px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose"> |
|
|
|
<resi-change-transfer ref="ref_change_transfer" |
|
|
|
@dialogCancle="transferClose"></resi-change-transfer> |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<resi-change-transfer |
|
|
|
ref="ref_change_transfer" |
|
|
|
@dialogCancle="transferClose" |
|
|
|
></resi-change-transfer> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- 死亡登记 --> |
|
|
|
<el-dialog :visible.sync="deathShow" |
|
|
|
<el-dialog |
|
|
|
:visible.sync="deathShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'死亡登记'" |
|
|
|
width="950px" |
|
|
|
width="620px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose"> |
|
|
|
<resideath-add ref="ref_death" |
|
|
|
:resideathAddObj="resideathAddObj1" |
|
|
|
@dialogCancle="deathClose"></resideath-add> |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<resideath-add ref="ref_death" @dialogCancle="deathClose"></resideath-add> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -395,7 +488,6 @@ import { mapGetters } from "vuex"; |
|
|
|
import resiTransfer from "../../components/resiTransfer.vue"; |
|
|
|
import resiChangeRecord from "../../components/resiChangeRecord.vue"; |
|
|
|
|
|
|
|
|
|
|
|
import peopleMore from "@/views/modules/shequ/cpts/people-more"; |
|
|
|
import baobiao from "@/views/modules/cpts/baobiao"; |
|
|
|
import diyInfo from "./diyInfo.vue"; |
|
|
|
@ -462,7 +554,13 @@ export default { |
|
|
|
formName: "", |
|
|
|
formList: [], |
|
|
|
tableHeader: [ |
|
|
|
{columnName:'name',label:'姓名'}, {columnName:'birthday',label:'生日'},{columnName:'gender',label:'性别'},{columnName:'gridName',label:'所属网格'},{columnName:'homeName',label:'所属房屋'},{columnName:'idNum',label:'证件号'},{columnName:'mobile',label:'联系电话'} |
|
|
|
{ columnName: "name", label: "姓名", width: 150 }, |
|
|
|
{ columnName: "birthday", label: "生日", width: 150 }, |
|
|
|
{ columnName: "gender", label: "性别", width: 80 }, |
|
|
|
{ columnName: "gridName", label: "所属网格" }, |
|
|
|
{ columnName: "homeName", label: "所属房屋" }, |
|
|
|
{ columnName: "idNum", label: "证件号", width: 200 }, |
|
|
|
{ columnName: "mobile", label: "联系电话", width: 150 }, |
|
|
|
], |
|
|
|
tabsList: [], |
|
|
|
selection: [], |
|
|
|
@ -476,25 +574,27 @@ export default { |
|
|
|
userId: "", |
|
|
|
gridName: "", |
|
|
|
}, |
|
|
|
editUserId: '', |
|
|
|
editUserId: "", |
|
|
|
|
|
|
|
displayedBaobiaoBtn: false, |
|
|
|
|
|
|
|
btnAuths: { |
|
|
|
ic_resi_add: false, //新增 |
|
|
|
ic_resi_import: false, //导入 |
|
|
|
ic_resi_export: false, //导出 |
|
|
|
ic_resi_batch_del: false, //批量删除 |
|
|
|
ic_resi_smart_import: false, //智能填表 |
|
|
|
ic_resi_del: false, //删除 |
|
|
|
ic_resi_view: false, //查看 |
|
|
|
ic_resi_update: false, //修改 |
|
|
|
ic_resi_change_rec: false, //变更记录 |
|
|
|
ic_resi_view_real_data: false, //显示脱敏信息 |
|
|
|
ic_resi_add: true, //新增 |
|
|
|
ic_resi_import: true, //导入 |
|
|
|
ic_resi_export: true, //导出 |
|
|
|
ic_resi_batch_del: true, //批量删除 |
|
|
|
ic_resi_smart_import: true, //智能填表 |
|
|
|
ic_resi_del: true, //删除 |
|
|
|
ic_resi_view: true, //查看 |
|
|
|
ic_resi_update: true, //修改 |
|
|
|
ic_resi_change_rec: true, //变更记录 |
|
|
|
ic_resi_view_real_data: true, //显示脱敏信息 |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
props: {}, |
|
|
|
|
|
|
|
async activated() { |
|
|
|
console.log("this.$route.query---", this.$route.query); |
|
|
|
if (this.$route.query && this.$route.query.columnName) { |
|
|
|
@ -504,6 +604,7 @@ export default { |
|
|
|
console.log("defaultCategotyKey----", this.defaultCategotyKey); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
|
tableHeight() { |
|
|
|
@ -512,6 +613,7 @@ export default { |
|
|
|
return this.$store.state.inIframe ? h : _h; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
async created() { |
|
|
|
this.updateBtnAuths(); |
|
|
|
|
|
|
|
@ -520,15 +622,14 @@ export default { |
|
|
|
this.defaultCategotyKey = query.columnName; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// await this.getFormList() |
|
|
|
|
|
|
|
// console.log('this.$refs.resiSearch', this) |
|
|
|
this.getTableData() |
|
|
|
this.getTableData(); |
|
|
|
this.pageLoading = true; |
|
|
|
console.log("storeoooo----0000", this.$store); |
|
|
|
}, |
|
|
|
|
|
|
|
async mounted() { |
|
|
|
// this.$nextTick(() => { |
|
|
|
// this.tableHeight = document.documentElement.clientHeight - this.$refs.resiSearch.$el.offsetHeight - 280 + 'px' |
|
|
|
@ -544,6 +645,7 @@ export default { |
|
|
|
}, |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
// 更新按钮权限 |
|
|
|
updateBtnAuths() { |
|
|
|
@ -554,8 +656,16 @@ export default { |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
handelRegister(row){ |
|
|
|
handelRegister(command, row) { |
|
|
|
console.log(command); |
|
|
|
console.log(row); |
|
|
|
if (command == "bgjl") { |
|
|
|
this.handleChangeRecord(row); |
|
|
|
} else if (command == "swdj") { |
|
|
|
this.handleDeath(row); |
|
|
|
} else if (command == "qcdj") { |
|
|
|
this.handleChangeTransfer(row); |
|
|
|
} |
|
|
|
}, |
|
|
|
reportForm() { |
|
|
|
this.$refs.baobiao.init({ |
|
|
|
@ -573,22 +683,26 @@ export default { |
|
|
|
}, |
|
|
|
}); |
|
|
|
}, |
|
|
|
checkSelect (row, index) { |
|
|
|
return row.isChecked; |
|
|
|
handleSearchFrom(){ |
|
|
|
console.log(this.$refs.myResiSearch.form); |
|
|
|
}, |
|
|
|
// 是否可以选中 |
|
|
|
checkSelectable(row, index) { |
|
|
|
return this.filterEdit(row.agencyId); |
|
|
|
}, |
|
|
|
|
|
|
|
//迁出记录 |
|
|
|
async handleChangeTransfer(row) { |
|
|
|
this.tranferShow = true; |
|
|
|
await nextTick(200); |
|
|
|
this.$refs.ref_change_transfer.initForm(row) |
|
|
|
this.$refs.ref_change_transfer.initForm(row); |
|
|
|
}, |
|
|
|
//迁出记录 |
|
|
|
//死亡记录 |
|
|
|
async handleDeath(row) { |
|
|
|
console.log("=====", row); |
|
|
|
this.deathShow = true; |
|
|
|
await nextTick(200); |
|
|
|
this.$refs.ref_death.initForm(row) |
|
|
|
this.resideathAddObj1 = { name: row.NAME, GRID_ID: row.GRID_ID } |
|
|
|
this.$refs.ref_death.initForm(row); |
|
|
|
}, |
|
|
|
|
|
|
|
//变更记录 |
|
|
|
@ -631,6 +745,7 @@ export default { |
|
|
|
}, |
|
|
|
filterEdit(id) { |
|
|
|
const { user } = this.$store.state; |
|
|
|
// return true; //临时放开权限，正式需要注释掉 |
|
|
|
return id === user.agencyId; |
|
|
|
}, |
|
|
|
selectionChange(selection) { |
|
|
|
@ -715,7 +830,6 @@ export default { |
|
|
|
return _val || row[item.columnName]; |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
resetSearchForm(formName) { |
|
|
|
// for(const n in this.form) { |
|
|
|
// this.form[n] = '' |
|
|
|
@ -922,7 +1036,7 @@ export default { |
|
|
|
console.log(tab, event); |
|
|
|
}, |
|
|
|
async handleLook(row) { |
|
|
|
console.log(); |
|
|
|
console.log(row); |
|
|
|
this.lookInfo.userId = row.icResiUserId; |
|
|
|
this.lookInfo.gridName = row.GRID_ID; |
|
|
|
this.showedPeopleMoreInfo = true; |
|
|
|
@ -939,7 +1053,7 @@ export default { |
|
|
|
async handleEdit(row) { |
|
|
|
this.disabled = false; |
|
|
|
this.editAgencyId = row.ORG_ID; |
|
|
|
this.editUserId = row.icResiUserId |
|
|
|
this.editUserId = row.icResiUserId; |
|
|
|
await this.getFormList("edit"); |
|
|
|
await this.getrowInfo(row.icResiUserId); |
|
|
|
}, |
|
|
|
@ -1049,33 +1163,50 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
async handleSUbmit() { |
|
|
|
this.$refs.baseForm.submit_from() |
|
|
|
for (const key of this.$refs.baseForm) { |
|
|
|
if(typeof key == "Object"){ |
|
|
|
console.log(key); |
|
|
|
const _baseForm = this.$refs.baseForm.submit_from(); |
|
|
|
_baseForm.partyFlag = parseInt(_baseForm.partyFlag),//党员 |
|
|
|
_baseForm.subsistenceAllowanceFlag = parseInt(_baseForm.subsistenceAllowanceFlag), //低保 |
|
|
|
_baseForm.ensureHouseFlag = parseInt(_baseForm.ensureHouseFlag), //保障房 |
|
|
|
_baseForm.unemployedFlag = parseInt(_baseForm.unemployedFlag),//失业 |
|
|
|
_baseForm.fertileWomanFlag = parseInt(_baseForm.fertileWomanFlag), //育龄妇女 |
|
|
|
_baseForm.veteranFlag = parseInt(_baseForm.veteranFlag), //退役军人 |
|
|
|
_baseForm.unitedFrontFlag = parseInt(_baseForm.unitedFrontFlag),//统战人员 |
|
|
|
_baseForm.petitionOfficerFlag = parseInt(_baseForm.petitionOfficerFlag),//信访人员 |
|
|
|
_baseForm.volunteerFlag = parseInt(_baseForm.volunteerFlag), //志愿者 |
|
|
|
_baseForm.bereavedPersonFlag = parseInt(_baseForm.bereavedPersonFlag), //失独 |
|
|
|
_baseForm.tenantFlag = parseInt(_baseForm.tenantFlag), //租户 |
|
|
|
_baseForm.floatingFlag = parseInt(_baseForm.floatingFlag),//流动人口 |
|
|
|
_baseForm.specialCrowdFlag = parseInt(_baseForm.specialCrowdFlag),//特殊人群 |
|
|
|
_baseForm.oldPeopleFlag = parseInt(_baseForm.oldPeopleFlag), //老年人 |
|
|
|
_baseForm.emptyNesterFlag = parseInt(_baseForm.emptyNesterFlag), //空巢 |
|
|
|
_baseForm.liveAloneFlag = parseInt(_baseForm.liveAloneFlag), //独居老人 |
|
|
|
_baseForm.disabledFlag = parseInt(_baseForm.disabledFlag), //失能老人 |
|
|
|
_baseForm.dementedFlag = parseInt(_baseForm.dementedFlag), //失智老人 |
|
|
|
_baseForm.disabilityFlag = parseInt(_baseForm.disabilityFlag),//是否残疾 |
|
|
|
_baseForm.seriousIllnessFlag = parseInt(_baseForm.seriousIllnessFlag), //大病 |
|
|
|
_baseForm.chronicDiseaseFlag = parseInt(_baseForm.chronicDiseaseFlag) //慢病 |
|
|
|
if(_baseForm.hobbyInfoDto.hobbyCode = []) { |
|
|
|
_baseForm.hobbyInfoDto.hobbyCode = '' |
|
|
|
} else { |
|
|
|
_baseForm.hobbyInfoDto.hobbyCode.forEach(element => { |
|
|
|
_baseForm.hobbyInfoDto.hobbyCode = _baseForm.hobbyInfoDto.hobbyCode + ',' + element |
|
|
|
}); |
|
|
|
} |
|
|
|
if(_baseForm.volunteerDto.volunteerCategory = []) { |
|
|
|
_baseForm.volunteerDto.volunteerCategory = '' |
|
|
|
} else { |
|
|
|
_baseForm.volunteerDto.volunteerCategory.forEach(element => { |
|
|
|
_baseForm.volunteerDto.volunteerCategory = _baseForm.volunteerDto.volunteerCategory + ',' + element |
|
|
|
}); |
|
|
|
} |
|
|
|
// console.log(this,$refs.baseForm); |
|
|
|
// const arr = await this.formetForm(); |
|
|
|
|
|
|
|
// this.$refs.baseForm.tabsList.forEach(item=>{ |
|
|
|
// if(item.id){ |
|
|
|
// console.log(item.id); |
|
|
|
// } |
|
|
|
// }) |
|
|
|
// console.log(this.$refs.baseForm.tabsList); |
|
|
|
// if(this.$refs.baseForm.form.hobbyInfoDto.hobbyCode.length != 0 || this.$refs.baseForm.form.volunteerDto.volunteerCategory.length != 0 ||this.$refs.baseForm.form.specialDto.specialCategoryCode.length != 0){ |
|
|
|
// this.$refs.baseForm.form.hobbyInfoDto.hobbyCode = this.$refs.baseForm.form.hobbyInfoDto.hobbyCode.join(',') |
|
|
|
// this.$refs.baseForm.form.volunteerDto.volunteerCategory = this.$refs.baseForm.form.volunteerDto.volunteerCategory.join(',') |
|
|
|
// this.$refs.baseForm.form.specialDto.specialCategoryCode = this.$refs.baseForm.form.specialDto.specialCategoryCode.join(',') |
|
|
|
// }else { |
|
|
|
// this.$refs.baseForm.form.hobbyInfoDto.hobbyCode = '' |
|
|
|
// this.$refs.baseForm.form.volunteerDto.volunteerCategory='' |
|
|
|
// this.$refs.baseForm.form.specialDto.specialCategoryCode = '' |
|
|
|
// } |
|
|
|
// this.submitAdd(this.$refs.baseForm.form); |
|
|
|
console.log(this.$refs.baseForm.form); |
|
|
|
// this.dialogVisible = false; |
|
|
|
if(_baseForm.specialDto.specialCategoryCode = []) { |
|
|
|
_baseForm.specialDto.specialCategoryCode = '' |
|
|
|
} else { |
|
|
|
_baseForm.specialDto.specialCategoryCode.forEach(element => { |
|
|
|
_baseForm.specialDto.specialCategoryCode = _baseForm.specialDto.specialCategoryCode + ',' + element |
|
|
|
}); |
|
|
|
} |
|
|
|
this.submitAdd(_baseForm) |
|
|
|
}, |
|
|
|
handleDel(row) { |
|
|
|
let params = { |
|
|
|
@ -1160,23 +1291,29 @@ export default { |
|
|
|
}); |
|
|
|
this.btnLoading = false; |
|
|
|
}, |
|
|
|
|
|
|
|
async getTableData() { |
|
|
|
try { |
|
|
|
let params = { |
|
|
|
pageNo: this.currentPage, |
|
|
|
pageSize: this.pageSize, |
|
|
|
}; |
|
|
|
// this.tableLoading = true; |
|
|
|
const { data } = await this.$http.post("/actual/base/residentBaseInfo/page", params) |
|
|
|
this.tableData =data.data.list |
|
|
|
console.log(this.tableData); |
|
|
|
console.log(data,'data'); |
|
|
|
} catch (error) { |
|
|
|
console.log(error); |
|
|
|
} |
|
|
|
|
|
|
|
this.tableLoading = true; |
|
|
|
const { data, code, msg } = await requestPost( |
|
|
|
"/actual/base/residentBaseInfo/page", |
|
|
|
params |
|
|
|
); |
|
|
|
this.tableLoading = false; |
|
|
|
if (code === 0) { |
|
|
|
this.total = data.total; |
|
|
|
this.tableData = data.list.map((item) => { |
|
|
|
item.isChecked = false; |
|
|
|
return item; |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
getrowInfo(id) { |
|
|
|
let params = { |
|
|
|
formCode: "resi_base_info", |
|
|
|
@ -1185,8 +1322,6 @@ export default { |
|
|
|
this.$http |
|
|
|
.post("/epmetuser/icresiuser/detail", params) |
|
|
|
.then(({ data: res }) => { |
|
|
|
|
|
|
|
|
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
} else { |
|
|
|
@ -1288,6 +1423,7 @@ export default { |
|
|
|
}); |
|
|
|
return arr; |
|
|
|
}, |
|
|
|
|
|
|
|
async getFormList(type) { |
|
|
|
await this.$http |
|
|
|
.post("/oper/customize/icform/getcustomerform", { |
|
|
|
@ -1298,7 +1434,7 @@ export default { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
} else { |
|
|
|
console.log(res.data, 'res.data'); |
|
|
|
console.log(res.data, "res.data"); |
|
|
|
console.log("获取详情成功getFormList"); |
|
|
|
let { itemList, groupList, formName } = res.data; |
|
|
|
this.formName = formName; |
|
|
|
@ -1423,8 +1559,6 @@ export default { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
.tabs-other-info { |
|
|
|
|
|
|
|
|
|
|
|
// ::v-deep .el-tabs__nav-wrap::after, |
|
|
|
::v-deep .el-tabs__active-bar_active { |
|
|
|
background-color: #0055d7; |
|
|
|
@ -1439,15 +1573,14 @@ export default { |
|
|
|
color: #666666; |
|
|
|
border-radius: 2px; |
|
|
|
&:hover { |
|
|
|
color: #0056D6; |
|
|
|
color: #0056d6; |
|
|
|
} |
|
|
|
} |
|
|
|
::v-deep .el-tabs__item.is-active { |
|
|
|
color: #0056D6; |
|
|
|
|
|
|
|
color: #0056d6; |
|
|
|
} |
|
|
|
::v-deep .el-tabs__active-bar { |
|
|
|
background-color: #0056D6; |
|
|
|
background-color: #0056d6; |
|
|
|
} |
|
|
|
.resi-container .resi-card { |
|
|
|
position: relative; |
|
|
|
@ -1508,9 +1641,7 @@ export default { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.resi-card-table { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
@ -1568,5 +1699,8 @@ export default { |
|
|
|
.div_del { |
|
|
|
margin-top: 15px; |
|
|
|
} |
|
|
|
.m-page { |
|
|
|
margin-left: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
jiangyy
3 years ago