|
|
|
@ -1,74 +1,63 @@ |
|
|
|
<template> |
|
|
|
<div class="resi-container"> |
|
|
|
<el-card class="resi-card"> |
|
|
|
<el-collapse v-if="openSearch" v-model="activeNames"> |
|
|
|
<el-collapse-item |
|
|
|
v-for="item in searchList" |
|
|
|
<el-collapse v-if="openSearch" |
|
|
|
v-model="activeNames"> |
|
|
|
<el-collapse-item v-for="item in searchList" |
|
|
|
:key="item.itemGroupId" |
|
|
|
:name="item.itemGroupId" |
|
|
|
> |
|
|
|
:name="item.itemGroupId"> |
|
|
|
<template slot="title"> |
|
|
|
<div class="collapse-title">{{ item.groupName }}</div> |
|
|
|
</template> |
|
|
|
<resi-search |
|
|
|
v-if="searchList.length > 0" |
|
|
|
<resi-search v-if="searchList.length > 0" |
|
|
|
:ref="'resiSearch' + item.itemGroupId" |
|
|
|
:form-list="item.queryItemList" |
|
|
|
:column-name="defaultCategotyKey" |
|
|
|
:show-grid="item.groupName == '基础信息'" |
|
|
|
/> |
|
|
|
:show-grid="item.groupName == '基础信息'" /> |
|
|
|
</el-collapse-item> |
|
|
|
</el-collapse> |
|
|
|
<template v-else> |
|
|
|
<resi-search |
|
|
|
v-if="searchList.length > 0" |
|
|
|
<resi-search v-if="searchList.length > 0" |
|
|
|
ref="resiSearch" |
|
|
|
:form-list="searchList[0].queryItemList" |
|
|
|
:column-name="defaultCategotyKey" |
|
|
|
:show-grid="true" |
|
|
|
:is-arrow="true" |
|
|
|
@search="handleSearch" |
|
|
|
/> |
|
|
|
@search="handleSearch" /> |
|
|
|
</template> |
|
|
|
<el-row v-if="openSearch" class="resi-search"> |
|
|
|
<el-row v-if="openSearch" |
|
|
|
class="resi-search"> |
|
|
|
<!-- <el-col :span="20"> |
|
|
|
<el-button type="primary" size="mini">查询</el-button> |
|
|
|
</el-col> --> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-button type="primary" size="small" @click="handleSearchFrom" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="diy-button--reset" |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
@click="handleSearchFrom">查询</el-button> |
|
|
|
<el-button class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="resetSearchForm" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
@click="resetSearchForm">重置</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="resi-down" @click="handleOpenSearch"> |
|
|
|
<img v-if="openSearch" src="../../../assets/img/arrow-up.png" /> |
|
|
|
<img v-else src="../../../assets/img/arrow-down.png" /> |
|
|
|
<div class="resi-down" |
|
|
|
@click="handleOpenSearch"> |
|
|
|
<img v-if="openSearch" |
|
|
|
src="../../../assets/img/arrow-up.png" /> |
|
|
|
<img v-else |
|
|
|
src="../../../assets/img/arrow-down.png" /> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<div class="resi-row-btn"> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_add" |
|
|
|
<el-button v-if="btnAuths.ic_resi_add" |
|
|
|
size="small" |
|
|
|
class="diy-button--add" |
|
|
|
@click="handleAdd" |
|
|
|
>新增</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_import" |
|
|
|
@click="handleAdd">新增</el-button> |
|
|
|
<el-button v-if="btnAuths.ic_resi_import" |
|
|
|
class="diy-button--export" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule('room')" |
|
|
|
>下载模板</el-button |
|
|
|
> |
|
|
|
<el-upload |
|
|
|
v-if="btnAuths.ic_resi_import" |
|
|
|
@click="handleExportModule('room')">下载模板</el-button> |
|
|
|
<el-upload v-if="btnAuths.ic_resi_import" |
|
|
|
:headers="$getElUploadHeaders()" |
|
|
|
ref="upload" |
|
|
|
class="upload-demo" |
|
|
|
@ -81,46 +70,32 @@ |
|
|
|
:on-progress="handleProgress" |
|
|
|
:on-success="handleExcelSuccess" |
|
|
|
:before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--delete" |
|
|
|
:loading="importLoading" |
|
|
|
>{{ importBtnTitle }}</el-button |
|
|
|
> |
|
|
|
:loading="importLoading">{{ importBtnTitle }}</el-button> |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<!-- <el-button size="small" |
|
|
|
class="diy-button--reset" |
|
|
|
:loading="exportBtn" |
|
|
|
@click="handleExport">{{exportBtnTitle}}</el-button> --> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_export" |
|
|
|
<el-button v-if="btnAuths.ic_resi_export" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="diyExport" |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_batch_del" |
|
|
|
@click="diyExport">导出</el-button> |
|
|
|
<el-button v-if="btnAuths.ic_resi_batch_del" |
|
|
|
class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="deleteBatch" |
|
|
|
>批量删除</el-button |
|
|
|
> |
|
|
|
@click="deleteBatch">批量删除</el-button> |
|
|
|
<!-- <el-button type="primary" size="small">下载人口模板</el-button> --> |
|
|
|
|
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
<el-button size="small" |
|
|
|
v-if="btnAuths.ic_resi_smart_import && displayedBaobiaoBtn" |
|
|
|
class="diy-button--add" |
|
|
|
@click="reportForm" |
|
|
|
>智能填报</el-button |
|
|
|
> |
|
|
|
@click="reportForm">智能填报</el-button> |
|
|
|
</div> |
|
|
|
<el-table |
|
|
|
ref="ref_table" |
|
|
|
<el-table ref="ref_table" |
|
|
|
:data="tableData" |
|
|
|
v-loading="tableLoading" |
|
|
|
border |
|
|
|
@ -128,46 +103,40 @@ |
|
|
|
class="resi-table" |
|
|
|
:height="tableHeight" |
|
|
|
@select-all="selectAll" |
|
|
|
@selection-change="selectionChange" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
@selection-change="selectionChange"> |
|
|
|
<el-table-column type="selection" |
|
|
|
fixed="left" |
|
|
|
align="center" |
|
|
|
:selectable="checkSelect" |
|
|
|
width="55" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
width="55" /> |
|
|
|
<el-table-column label="序号" |
|
|
|
type="index" |
|
|
|
fixed="left" |
|
|
|
align="center" |
|
|
|
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="center" |
|
|
|
:fixed="item.columnName == 'NAME' ? 'left' : false" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
:width="item.width || computedWidth(item.label, item.itemType)" |
|
|
|
> |
|
|
|
:width="item.width || computedWidth(item.label, item.itemType)"> |
|
|
|
<!-- :width="item.itemType === 'radio' ? computedWidth(item.label) : 180" --> |
|
|
|
<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" |
|
|
|
@click="handleLook(scope.row)" |
|
|
|
> |
|
|
|
@click="handleLook(scope.row)"> |
|
|
|
{{ handleFilterSpan(scope.row, item) }} |
|
|
|
</a> |
|
|
|
<span v-else>{{ handleFilterSpan(scope.row, item) }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" label="操作" align="center" width="150"> |
|
|
|
<el-table-column fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="150"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<!-- <el-button @click="handleLook(scope.row)" |
|
|
|
type="text" |
|
|
|
@ -177,28 +146,20 @@ |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail">变动</el-button> --> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_change_rec" |
|
|
|
<el-button v-if="btnAuths.ic_resi_change_rec" |
|
|
|
@click="handleChangeRecord(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--detail" |
|
|
|
>变更记录</el-button |
|
|
|
> |
|
|
|
class="div-table-button--detail">变更记录</el-button> |
|
|
|
<template v-if="filterEdit(scope.row.ORG_ID)"> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_update" |
|
|
|
<el-button v-if="btnAuths.ic_resi_update" |
|
|
|
@click="handleEdit(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
class="div-table-button--edit" |
|
|
|
>修改</el-button |
|
|
|
> |
|
|
|
<el-popconfirm |
|
|
|
v-if="btnAuths.ic_resi_del" |
|
|
|
class="div-table-button--edit">修改</el-button> |
|
|
|
<el-popconfirm v-if="btnAuths.ic_resi_del" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDel(scope.row)" |
|
|
|
> |
|
|
|
@onConfirm="handleDel(scope.row)"> |
|
|
|
<!-- <el-button slot="reference" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
@ -221,56 +182,48 @@ |
|
|
|
@click="deleteBatch">删除</el-button> --> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
<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> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
:title="formName" |
|
|
|
<el-dialog :title="formName" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="80%" |
|
|
|
top="5vh" |
|
|
|
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" |
|
|
|
/> |
|
|
|
<div v-if="dialogVisible" class="resi-other"> |
|
|
|
@changegroup="handleChangeGroup" /> |
|
|
|
<div v-if="dialogVisible" |
|
|
|
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" |
|
|
|
> |
|
|
|
<resi-form |
|
|
|
:ref="'group' + item.groupId" |
|
|
|
:name="'group' + item.groupId"> |
|
|
|
<resi-form :ref="'group' + item.groupId" |
|
|
|
:columns="3" |
|
|
|
:form-info="item.formInfo && item.formInfo" |
|
|
|
:support-add="item.supportAdd" |
|
|
|
:form-id="item.columnName" |
|
|
|
:form-list="item.itemList" |
|
|
|
/> |
|
|
|
:form-list="item.itemList" /> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
</div> |
|
|
|
@ -278,50 +231,44 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="resi-btns"> |
|
|
|
<el-button size="small" @click="handlerCancle">取消</el-button> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
<el-button size="small" |
|
|
|
@click="handlerCancle">取消</el-button> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
:loading="btnLoading" |
|
|
|
@click="handleSUbmit" |
|
|
|
>提交</el-button |
|
|
|
> |
|
|
|
@click="handleSUbmit">提交</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<el-dialog |
|
|
|
:title="formName" |
|
|
|
<el-dialog :title="formName" |
|
|
|
:visible.sync="dialogEditVisible" |
|
|
|
width="80%" |
|
|
|
append-to-body |
|
|
|
class="dialog-h" |
|
|
|
top="5vh" |
|
|
|
: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" |
|
|
|
:form-info="editForm" |
|
|
|
: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" |
|
|
|
@ -329,65 +276,53 @@ |
|
|
|
: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="tranferShow" |
|
|
|
<el-dialog :visible.sync="tranferShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'人员变动'" |
|
|
|
width="950px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<resi-transfer |
|
|
|
ref="ref_transfer" |
|
|
|
@dialogCancle="transferClose" |
|
|
|
></resi-transfer> |
|
|
|
@closed="diaClose"> |
|
|
|
<resi-transfer ref="ref_transfer" |
|
|
|
@dialogCancle="transferClose"></resi-transfer> |
|
|
|
</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="{ |
|
|
|
@ -396,16 +331,13 @@ |
|
|
|
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" |
|
|
|
@close="handleCancleLook" |
|
|
|
/> |
|
|
|
@close="handleCancleLook" /> |
|
|
|
<baobiao ref="baobiao" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -489,6 +421,7 @@ export default { |
|
|
|
userId: "", |
|
|
|
gridName: "", |
|
|
|
}, |
|
|
|
editUserId: '', |
|
|
|
|
|
|
|
displayedBaobiaoBtn: false, |
|
|
|
|
|
|
|
@ -963,6 +896,7 @@ export default { |
|
|
|
async handleEdit (row) { |
|
|
|
this.disabled = false; |
|
|
|
this.editAgencyId = row.ORG_ID; |
|
|
|
this.editUserId = row.icResiUserId |
|
|
|
await this.getFormList("edit"); |
|
|
|
await this.getrowInfo(row.icResiUserId); |
|
|
|
}, |
|
|
|
|
jianjun
3 years ago