|
|
|
@ -1,29 +1,13 @@ |
|
|
|
<template> |
|
|
|
<div class="g-main"> |
|
|
|
<div :style="{ height: rowHeight }" class="div_tree"> |
|
|
|
<el-input |
|
|
|
placeholder="输入关键字进行过滤" |
|
|
|
v-model="filterText" |
|
|
|
@keydown.native.enter="handleChangeSerch()" |
|
|
|
> |
|
|
|
<el-input placeholder="输入关键字进行过滤" v-model="filterText" @keydown.native.enter="handleChangeSerch()"> |
|
|
|
</el-input> |
|
|
|
<el-scrollbar :style="{ height: treeHeight }" class="scrollar"> |
|
|
|
<el-tree |
|
|
|
ref="ref_tree" |
|
|
|
v-loading="treeLoading" |
|
|
|
class="filter_tree" |
|
|
|
:data="treeData" |
|
|
|
:props="defaultProps" |
|
|
|
:highlight-current="true" |
|
|
|
node-key="id" |
|
|
|
:expand-on-click-node="false" |
|
|
|
:filter-node-method="filterNode" |
|
|
|
@node-click="handleNodeClick" |
|
|
|
lazy |
|
|
|
:auto-expand-parent="true" |
|
|
|
:default-expanded-keys="autoOpenArr" |
|
|
|
:load="lazyLoadTree" |
|
|
|
> |
|
|
|
<el-tree ref="ref_tree" v-loading="treeLoading" class="filter_tree" :data="treeData" :props="defaultProps" |
|
|
|
:highlight-current="true" node-key="id" :expand-on-click-node="false" :filter-node-method="filterNode" |
|
|
|
@node-click="handleNodeClick" lazy :auto-expand-parent="true" :default-expanded-keys="autoOpenArr" |
|
|
|
:load="lazyLoadTree"> |
|
|
|
<div slot-scope="{ node, data }" class="custom-tree-node"> |
|
|
|
<!-- <img |
|
|
|
v-if="showIcons(data)" |
|
|
|
@ -35,7 +19,6 @@ |
|
|
|
margin-top: -3px; |
|
|
|
" |
|
|
|
/> --> |
|
|
|
|
|
|
|
<!-- <span v-if="data.level==='building'&&!data.showIcon" |
|
|
|
style="padding-left:20px;">{{ ' ' }}</span> --> |
|
|
|
<!-- <span v-if="data.showIcon" :id="data.id" |
|
|
|
@ -43,16 +26,11 @@ |
|
|
|
<span style="color: red">{{ data.showNum }}</span> |
|
|
|
<span>{{ ")" }}</span> |
|
|
|
</span> --> |
|
|
|
<el-tooltip |
|
|
|
:content="tooltipTitle" |
|
|
|
:disabled="isShowTooltip" |
|
|
|
placement="top" |
|
|
|
effect="dark" |
|
|
|
> |
|
|
|
<span class="over-ellipsis" @mouseover="mouseOverNode($event)"> |
|
|
|
{{ node.label }} |
|
|
|
</span> |
|
|
|
</el-tooltip> |
|
|
|
<el-tooltip :content="tooltipTitle" :disabled="isShowTooltip" placement="top" effect="dark"> |
|
|
|
<span class="over-ellipsis" @mouseover="mouseOverNode($event)"> |
|
|
|
{{ node.label }} |
|
|
|
</span> |
|
|
|
</el-tooltip> |
|
|
|
<!-- <span :id="data.id">{{ data.label }}</span> --> |
|
|
|
</div> |
|
|
|
</el-tree> |
|
|
|
@ -60,45 +38,20 @@ |
|
|
|
</div> |
|
|
|
<section style="width: calc(100% - 200px)"> |
|
|
|
<div class="m-search"> |
|
|
|
<section |
|
|
|
:class=" |
|
|
|
showSercahStatus ? 'm-form-box-height-auto' : 'm-form-box-height' |
|
|
|
" |
|
|
|
> |
|
|
|
<resi-search |
|
|
|
ref="myResiSearch" |
|
|
|
@handleSearchFrom="handleSearchFrom" |
|
|
|
/> |
|
|
|
<section :class="showSercahStatus ? 'm-form-box-height-auto' : 'm-form-box-height' |
|
|
|
"> |
|
|
|
<resi-search ref="myResiSearch" @handleSearchFrom="handleSearchFrom" /> |
|
|
|
</section> |
|
|
|
<el-row class="resi-search"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
type="primary" |
|
|
|
@click="handleSearchFrom('search')" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
plain |
|
|
|
class="f-right5 diy-button--white" |
|
|
|
@click="resetSearchForm" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
|
|
|
|
<el-button |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
style="margin-left: 10px" |
|
|
|
class="f-right5" |
|
|
|
@click="showSercahStatus = !showSercahStatus" |
|
|
|
> |
|
|
|
<i |
|
|
|
:class=" |
|
|
|
showSercahStatus ? 'el-icon-arrow-up' : 'el-icon-arrow-down' |
|
|
|
" |
|
|
|
></i> |
|
|
|
<el-button size="small" type="primary" @click="handleSearchFrom('search')">查询</el-button> |
|
|
|
<el-button style="margin-left: 10px" size="small" plain class="f-right5 diy-button--white" |
|
|
|
@click="resetSearchForm">重置</el-button> |
|
|
|
|
|
|
|
<el-button type="text" size="small" style="margin-left: 10px" class="f-right5" |
|
|
|
@click="showSercahStatus = !showSercahStatus"> |
|
|
|
<i :class="showSercahStatus ? 'el-icon-arrow-up' : 'el-icon-arrow-down' |
|
|
|
"></i> |
|
|
|
{{ showSercahStatus ? "收起" : "展开" }} |
|
|
|
</el-button> |
|
|
|
</el-col> |
|
|
|
@ -107,25 +60,11 @@ |
|
|
|
<div class="m-table"> |
|
|
|
<div class="div_btn"> |
|
|
|
<div class="div_btn_left"> |
|
|
|
<el-button |
|
|
|
class="diy-button--add" |
|
|
|
v-if="btnAuths.ic_resi_add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd" |
|
|
|
type="primary" |
|
|
|
icon="el-icon-plus" |
|
|
|
> |
|
|
|
新增</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_export" |
|
|
|
style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--white" |
|
|
|
@click="diyExport" |
|
|
|
plain |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
<el-button class="diy-button--add" v-if="btnAuths.ic_resi_add" size="small" @click="handleAdd" |
|
|
|
type="primary" icon="el-icon-plus"> |
|
|
|
新增</el-button> |
|
|
|
<el-button v-if="btnAuths.ic_resi_export" style="margin-left: 10px" size="small" class="diy-button--white" |
|
|
|
@click="diyExport" plain>导出</el-button> |
|
|
|
<!-- <el-button v-if="btnAuths.ic_resi_export" |
|
|
|
style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
@ -142,71 +81,34 @@ |
|
|
|
@click="reportForm" |
|
|
|
class="diy-button--white">核对</el-button> --> |
|
|
|
|
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
v-if="btnAuths.ic_resi_batch_del" |
|
|
|
size="small" |
|
|
|
class="diy-button--add" |
|
|
|
type="parimary" |
|
|
|
@click="deleteBatch" |
|
|
|
>批量删除</el-button |
|
|
|
> |
|
|
|
<el-button style="margin-left: 10px" v-if="btnAuths.ic_resi_batch_del" size="small" class="diy-button--add" |
|
|
|
type="parimary" @click="deleteBatch">批量删除</el-button> |
|
|
|
<!-- <el-button type="primary" size="small">下载人口模板</el-button> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table |
|
|
|
ref="ref_table" |
|
|
|
class="m-table-item" |
|
|
|
:data="tableData" |
|
|
|
v-loading="tableLoading" |
|
|
|
border |
|
|
|
style="width: 100%" |
|
|
|
:height="tableHeight" |
|
|
|
@select-all="selectAll" |
|
|
|
@selection-change="selectionChange" |
|
|
|
> |
|
|
|
<el-table ref="ref_table" class="m-table-item" :data="tableData" v-loading="tableLoading" border |
|
|
|
style="width: 100%" :height="tableHeight" @select-all="selectAll" @selection-change="selectionChange"> |
|
|
|
<!-- :selectable="checkSelectable" --> |
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
fixed="left" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
type="index" |
|
|
|
fixed="left" |
|
|
|
align="left" |
|
|
|
width="50" |
|
|
|
> |
|
|
|
<el-table-column type="selection" fixed="left" align="center" width="50" /> |
|
|
|
<el-table-column label="序号" type="index" fixed="left" align="left" width="50"> |
|
|
|
</el-table-column> |
|
|
|
<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 || ''" |
|
|
|
> |
|
|
|
<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 || ''"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a |
|
|
|
v-if="item.columnName == 'NAME' && btnAuths.ic_resi_view" |
|
|
|
class="name-a" |
|
|
|
> |
|
|
|
<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 == null |
|
|
|
? "--" |
|
|
|
: scope.row.gender == 1 |
|
|
|
? "男" |
|
|
|
: scope.row.gender == 2 |
|
|
|
? "女" |
|
|
|
: "--" |
|
|
|
}} |
|
|
|
scope.row.gender == null |
|
|
|
? "--" |
|
|
|
: scope.row.gender == 1 |
|
|
|
? "男" |
|
|
|
: scope.row.gender == 2 |
|
|
|
? "女" |
|
|
|
: "--" |
|
|
|
}} |
|
|
|
</div> |
|
|
|
<div v-else-if="item.columnName == 'gridName'"> |
|
|
|
<template> |
|
|
|
@ -233,84 +135,41 @@ |
|
|
|
<template v-if="scope.row.home"> |
|
|
|
<div> |
|
|
|
{{ |
|
|
|
scope.row.home.resiHouseRel != null |
|
|
|
? scope.row.home.resiHouseRel == 0 |
|
|
|
? "自住" |
|
|
|
: scope.row.home.resiHouseRel == 1 |
|
|
|
? "租住" |
|
|
|
: "" |
|
|
|
: "" |
|
|
|
}} |
|
|
|
scope.row.home.resiHouseRel != null |
|
|
|
? scope.row.home.resiHouseRel == 0 |
|
|
|
? "自住" |
|
|
|
: scope.row.home.resiHouseRel == 1 |
|
|
|
? "租住" |
|
|
|
: "" |
|
|
|
: "" |
|
|
|
}} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
<span v-else>{{ handleFilterSpan(scope.row, item) }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="200" |
|
|
|
> |
|
|
|
<el-table-column fixed="right" label="操作" align="center" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_view" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
@click="handleLook(scope.row)" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
<el-button v-if="btnAuths.ic_resi_view" type="text" size="small" |
|
|
|
@click="handleLook(scope.row)">查看</el-button> |
|
|
|
|
|
|
|
<template v-if="filterEdit(scope.row.agencyId)"> |
|
|
|
<el-button |
|
|
|
v-if="btnAuths.ic_resi_update" |
|
|
|
style="margin-right: 10px" |
|
|
|
@click="handelCLickShowCheckPassword(scope.row)" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
|
|
|
|
<el-popconfirm |
|
|
|
v-if="btnAuths.ic_resi_del" |
|
|
|
title="删除之后无法回复，确认删除？" |
|
|
|
@onConfirm="handleDel(scope.row)" |
|
|
|
> |
|
|
|
<el-button size="small" type="text" slot="reference" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
<el-button v-if="btnAuths.ic_resi_update" style="margin-right: 10px" |
|
|
|
@click="handelCLickShowCheckPassword(scope.row)" size="small" type="text">编辑</el-button> |
|
|
|
|
|
|
|
<el-popconfirm v-if="btnAuths.ic_resi_del" title="删除之后无法回复，确认删除？" @onConfirm="handleDel(scope.row)"> |
|
|
|
<el-button size="small" type="text" slot="reference">删除</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
|
|
|
|
<el-dropdown |
|
|
|
trigger="click" |
|
|
|
style="margin-left: 10px" |
|
|
|
@command="(command) => handelRegister(command, scope.row)" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
style="font-size: 10px" |
|
|
|
> |
|
|
|
▪▪▪</el-button |
|
|
|
> |
|
|
|
<el-dropdown trigger="click" style="margin-left: 10px" |
|
|
|
@command="(command) => handelRegister(command, scope.row)"> |
|
|
|
<el-button class="div-table-button--blue" size="small" type="text" style="font-size: 10px"> |
|
|
|
▪▪▪</el-button> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item |
|
|
|
v-if="false && 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-item v-if="false && 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> |
|
|
|
@ -320,103 +179,49 @@ |
|
|
|
|
|
|
|
<div class="div-flex"> |
|
|
|
<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" |
|
|
|
> |
|
|
|
<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"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
<!-- 变更记录 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="changeRecordShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'变更记录'" |
|
|
|
width="1150px" |
|
|
|
top="5vh" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<el-dialog :visible.sync="changeRecordShow" :close-on-click-modal="false" :close-on-press-escape="false" |
|
|
|
:title="'变更记录'" width="1150px" top="5vh" @closed="diaClose"> |
|
|
|
<resi-change-record ref="ref_changerecord"></resi-change-record> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<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" |
|
|
|
ref="ref_diy" |
|
|
|
:list="exportList" |
|
|
|
:search="searchForm" |
|
|
|
@close="handleDiyClose" |
|
|
|
></diy-info> |
|
|
|
<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" ref="ref_diy" :list="exportList" :search="searchForm" |
|
|
|
@close="handleDiyClose"></diy-info> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<baobiao ref="baobiao" /> |
|
|
|
|
|
|
|
<!-- 迁出登记 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="tranferShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'迁出登记'" |
|
|
|
width="562px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<resi-change-transfer |
|
|
|
ref="ref_change_transfer" |
|
|
|
@dialogCancle="transferClose" |
|
|
|
></resi-change-transfer> |
|
|
|
<el-dialog :visible.sync="tranferShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="'迁出登记'" |
|
|
|
width="562px" top="5vh" class="dialog-h" @closed="diaClose"> |
|
|
|
<resi-change-transfer ref="ref_change_transfer" @dialogCancle="transferClose"></resi-change-transfer> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- 死亡登记 --> |
|
|
|
<el-dialog |
|
|
|
:visible.sync="deathShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'死亡登记'" |
|
|
|
width="620px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose" |
|
|
|
> |
|
|
|
<el-dialog :visible.sync="deathShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="'死亡登记'" |
|
|
|
width="620px" top="5vh" class="dialog-h" @closed="diaClose"> |
|
|
|
<resideath-add ref="ref_death" @dialogCancle="deathClose"></resideath-add> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog title="密码验证" :visible.sync="showCheckPassword"> |
|
|
|
<el-form |
|
|
|
:model="checkPasswordFrom" |
|
|
|
:rules="checkPasswordRulse" |
|
|
|
ref="checkPasswordFrom" |
|
|
|
> |
|
|
|
<el-form :model="checkPasswordFrom" :rules="checkPasswordRulse" ref="checkPasswordFrom"> |
|
|
|
<el-form-item label="密码" prop="password"> |
|
|
|
<el-input |
|
|
|
v-model="checkPasswordFrom.password" |
|
|
|
autocomplete="off" |
|
|
|
type="password" |
|
|
|
placeholder="请输入当前账号密码" |
|
|
|
@keydown.native.enter="handelClickCheckPassword" |
|
|
|
></el-input> |
|
|
|
<el-input v-model="checkPasswordFrom.password" autocomplete="off" type="password" placeholder="请输入当前账号密码" |
|
|
|
@keydown.native.enter="handelClickCheckPassword"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<div slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="showCheckPassword = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="handelClickCheckPassword" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
<el-button type="primary" @click="handelClickCheckPassword">确 定</el-button> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
@ -494,6 +299,8 @@ export default { |
|
|
|
conditions: [], |
|
|
|
activeName: "", |
|
|
|
tableData: [], |
|
|
|
tableDataTow: [], |
|
|
|
valueb: '', |
|
|
|
searchList: [], |
|
|
|
exportList: [], |
|
|
|
|
|
|
|
@ -566,8 +373,8 @@ export default { |
|
|
|
|
|
|
|
category: this.$route.query.category, |
|
|
|
searchForm: {}, |
|
|
|
isShowTooltip:false, |
|
|
|
tooltipTitle:null, |
|
|
|
isShowTooltip: false, |
|
|
|
tooltipTitle: null, |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
@ -612,16 +419,18 @@ export default { |
|
|
|
}, |
|
|
|
}); |
|
|
|
this.handleSearchFrom(); |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
activated(){ |
|
|
|
activated() { |
|
|
|
this.handleSearchFrom(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
mouseOverNode(event){ |
|
|
|
mouseOverNode(event) { |
|
|
|
var target = event.target; |
|
|
|
let textLength = target.clientWidth; |
|
|
|
let containerLength = target.scrollWidth; |
|
|
|
console.log(textLength,containerLength); |
|
|
|
console.log(textLength, containerLength); |
|
|
|
if (textLength < containerLength) { |
|
|
|
this.tooltipTitle = event.target.innerText; |
|
|
|
this.isShowTooltip = false; |
|
|
|
@ -665,35 +474,128 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleSearchFrom(type) { |
|
|
|
// console.log("this.$route.query.param1", this.$route.query.param1); |
|
|
|
this.valueb = this.$route.query.param1; |
|
|
|
|
|
|
|
// 使用解构赋值获取需要的属性 |
|
|
|
const { categoryKey, agencyId, level } = this.$refs.myResiSearch.form; |
|
|
|
// 深复制对象 |
|
|
|
let _obj = JSON.parse(JSON.stringify(this.$refs.myResiSearch.form)); |
|
|
|
// 处理 categoryKey |
|
|
|
if (Array.isArray(categoryKey) && categoryKey.length) { |
|
|
|
_obj.categoryKey = categoryKey.join(","); |
|
|
|
} else { |
|
|
|
_obj.categoryKey = ""; |
|
|
|
switch (this.valueb) { |
|
|
|
case '党员': |
|
|
|
_obj.partyFlag = 1 |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '残疾人': |
|
|
|
_obj.healthStatus.push('DISABILITY_FLAG'); |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '退役军人': |
|
|
|
_obj.attentionCrowds.push('VETERAN_FLAG'); |
|
|
|
_obj.partyFlag = 1; |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '失业人员': |
|
|
|
_obj.careerStatus = 0 |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '低保人员': |
|
|
|
_obj.attentionCrowds.push('SUBSISTENCE_ALLOW'); |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '保障房人员': |
|
|
|
_obj.attentionCrowds.push('ENSURE_HOUSE_FLAG'); |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '特殊人员': |
|
|
|
_obj.attentionCrowds.push('ENSURE_HOUSE_FLAG'); |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '大病人员': |
|
|
|
_obj.healthStatus.push('SERIOUS_ILLNESS_F'); |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '慢病人员': |
|
|
|
_obj.healthStatus.push('CHRONIC_DISEASE_F'); |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '老年人': |
|
|
|
_obj.attentionCrowds.push('OLD_PEOPLE_FLAG'); |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
case '特扶人员': |
|
|
|
_obj.attentionCrowds.push('SPECIAL_SUPPORT_F'); |
|
|
|
this.getTableData(_obj); |
|
|
|
break; |
|
|
|
|
|
|
|
default: |
|
|
|
// 处理 categoryKey |
|
|
|
if (Array.isArray(categoryKey) && categoryKey.length) { |
|
|
|
_obj.categoryKey = categoryKey.join(","); |
|
|
|
} else { |
|
|
|
_obj.categoryKey = ""; |
|
|
|
} |
|
|
|
// 处理 agencyId |
|
|
|
if (Array.isArray(agencyId) && agencyId.length) { |
|
|
|
_obj.agencyId = agencyId[agencyId.length - 1]; |
|
|
|
} else { |
|
|
|
_obj.agencyId = ""; |
|
|
|
} |
|
|
|
_obj.level = level || ""; |
|
|
|
_obj.orgType = level || ""; |
|
|
|
_obj = { ..._obj, ...this.searchAgencyObj }; |
|
|
|
if (type) { |
|
|
|
this.currentPage = 1; |
|
|
|
} |
|
|
|
console.log("this.valueb", _obj) |
|
|
|
this.getTableData(_obj); |
|
|
|
this.searchForm = _obj; |
|
|
|
// 还原form的值 |
|
|
|
this.$refs.myResiSearch.form.categoryKey = categoryKey; |
|
|
|
this.$refs.myResiSearch.form.agencyId = agencyId; |
|
|
|
} |
|
|
|
// //呵呵呵哒 |
|
|
|
// if (this.valueb == '党员') { |
|
|
|
// _obj.partyFlag = 1 |
|
|
|
// this.getTableData(_obj); |
|
|
|
// // console.log("this.valueb",this.valueb) |
|
|
|
// } if (this.valueb == '残疾人') { |
|
|
|
// _obj.healthStatus.push('DISABILITY_FLAG'); |
|
|
|
// this.getTableData(_obj); |
|
|
|
// } if (this.valueb == '退役军人') { |
|
|
|
// _obj.attentionCrowds.push('VETERAN_FLAG'); |
|
|
|
// _obj.partyFlag = 1 |
|
|
|
// this.getTableData(_obj); |
|
|
|
// } |
|
|
|
// else { |
|
|
|
// // 处理 categoryKey |
|
|
|
// if (Array.isArray(categoryKey) && categoryKey.length) { |
|
|
|
// _obj.categoryKey = categoryKey.join(","); |
|
|
|
// } else { |
|
|
|
// _obj.categoryKey = ""; |
|
|
|
// } |
|
|
|
// // 处理 agencyId |
|
|
|
// if (Array.isArray(agencyId) && agencyId.length) { |
|
|
|
// _obj.agencyId = agencyId[agencyId.length - 1]; |
|
|
|
// } else { |
|
|
|
// _obj.agencyId = ""; |
|
|
|
// } |
|
|
|
// _obj.level = level || ""; |
|
|
|
// _obj.orgType = level || ""; |
|
|
|
// _obj = { ..._obj, ...this.searchAgencyObj }; |
|
|
|
// if (type) { |
|
|
|
// this.currentPage = 1; |
|
|
|
// } |
|
|
|
// console.log("this.valueb", _obj) |
|
|
|
// this.getTableData(_obj); |
|
|
|
// this.searchForm = _obj; |
|
|
|
// // 还原form的值 |
|
|
|
// this.$refs.myResiSearch.form.categoryKey = categoryKey; |
|
|
|
// this.$refs.myResiSearch.form.agencyId = agencyId; |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
// 处理 agencyId |
|
|
|
if (Array.isArray(agencyId) && agencyId.length) { |
|
|
|
_obj.agencyId = agencyId[agencyId.length - 1]; |
|
|
|
} else { |
|
|
|
_obj.agencyId = ""; |
|
|
|
} |
|
|
|
|
|
|
|
_obj.level = level || ""; |
|
|
|
_obj.orgType = level || ""; |
|
|
|
_obj = { ..._obj, ...this.searchAgencyObj }; |
|
|
|
if (type) { |
|
|
|
this.currentPage = 1; |
|
|
|
} |
|
|
|
this.getTableData(_obj); |
|
|
|
this.searchForm = _obj; |
|
|
|
// 还原form的值 |
|
|
|
this.$refs.myResiSearch.form.categoryKey = categoryKey; |
|
|
|
this.$refs.myResiSearch.form.agencyId = agencyId; |
|
|
|
}, |
|
|
|
// 居民多选是否禁止选中 |
|
|
|
// checkSelectable (row, index) { |
|
|
|
@ -1057,7 +959,7 @@ export default { |
|
|
|
this.$router.push({ |
|
|
|
name: "edit-resi", |
|
|
|
query: { id: this.editUserId }, |
|
|
|
params: { idNum: data.idNum, mobile: data.mobile,name:data.name }, |
|
|
|
params: { idNum: data.idNum, mobile: data.mobile, name: data.name }, |
|
|
|
}); |
|
|
|
this.checkPasswordFrom.password = ""; |
|
|
|
} else { |
|
|
|
@ -1104,10 +1006,12 @@ export default { |
|
|
|
"/actual/base/residentBaseInfo/page", |
|
|
|
params |
|
|
|
); |
|
|
|
// console.log("bubububuhbu", data) |
|
|
|
this.tableLoading = false; |
|
|
|
if (data.code === 0) { |
|
|
|
this.total = data.data.total; |
|
|
|
this.tableData = data.data.list; |
|
|
|
// console.log("呃呃呃呃", this.tableDataTow) |
|
|
|
} else { |
|
|
|
this.$message.error(data.msg); |
|
|
|
} |
|
|
|
@ -1236,7 +1140,7 @@ export default { |
|
|
|
this.autoOpenArr.push(data.id); |
|
|
|
if (!isRefresh && data) { |
|
|
|
this.selTreeObj = data; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
@ -1265,7 +1169,7 @@ export default { |
|
|
|
this.handleSearchFrom("type"); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
watch: { |
|
|
|
$route: { |
|
|
|
@ -1296,9 +1200,11 @@ export default { |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/modules/management/list-main.scss"; |
|
|
|
@import "@/assets/scss/buttonstyle.scss"; |
|
|
|
|
|
|
|
.g-main { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
|
|
|
|
.div_tree { |
|
|
|
margin: 7px 8px 7px 7px; |
|
|
|
width: 200px; |
|
|
|
@ -1308,32 +1214,36 @@ export default { |
|
|
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12); |
|
|
|
// border-radius: 5px; |
|
|
|
overflow-y: hidden; |
|
|
|
.scrollar{ |
|
|
|
|
|
|
|
.scrollar { |
|
|
|
margin-top: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-scrollbar__wrap { |
|
|
|
overflow-x: hidden !important; |
|
|
|
} |
|
|
|
/deep/ .el-scrollbar__bar{ |
|
|
|
|
|
|
|
/deep/ .el-scrollbar__bar { |
|
|
|
right: -2px; |
|
|
|
} |
|
|
|
.custom-tree-node { |
|
|
|
flex: 1; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
font-size: 14px; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.over-ellipsis { |
|
|
|
display: block; |
|
|
|
width: 140PX; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
white-space: nowrap; |
|
|
|
-webkit-line-clamp: 1; |
|
|
|
} |
|
|
|
.custom-tree-node { |
|
|
|
flex: 1; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
font-size: 14px; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.over-ellipsis { |
|
|
|
display: block; |
|
|
|
width: 140PX; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
white-space: nowrap; |
|
|
|
-webkit-line-clamp: 1; |
|
|
|
} |
|
|
|
|
|
|
|
//搜索输入框样式 |
|
|
|
/deep/ .el-input--medium .el-input__inner { |
|
|
|
@ -1341,10 +1251,11 @@ export default { |
|
|
|
background: rgba(0, 0, 0, 0.05); |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
|
|
|
|
// flex: 0 0 280px; |
|
|
|
background: #ffffff; |
|
|
|
box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), |
|
|
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12); |
|
|
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12); |
|
|
|
// border-radius: 5px; |
|
|
|
overflow-y: hidden; |
|
|
|
} |
|
|
|
@ -1370,6 +1281,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.tabs-other-info { |
|
|
|
|
|
|
|
// ::v-deep .el-tabs__nav-wrap::after, |
|
|
|
::v-deep .el-tabs__active-bar_active { |
|
|
|
background-color: #0055d7; |
|
|
|
|
李素
2 years ago