|
|
@ -2,98 +2,57 @@ |
|
|
|
<div class="m-table"> |
|
|
|
<div class="u-table-btn2"> |
|
|
|
<div class="u-table-btn2-left"> |
|
|
|
<el-button style="" |
|
|
|
size="small" |
|
|
|
type="primary " |
|
|
|
icon="el-icon-plus" |
|
|
|
@click="handleAdd">新增小区</el-button> |
|
|
|
|
|
|
|
<div v-if="showImportBtn" |
|
|
|
class="u-btn-upload"> |
|
|
|
<el-popover v-if="showImportBtn" |
|
|
|
popper-class="btn-popper" |
|
|
|
placement="bottom" |
|
|
|
width="20" |
|
|
|
<el-button style="" size="small" type="primary " icon="el-icon-plus" @click="handleAdd">新增小区</el-button> |
|
|
|
|
|
|
|
<div v-if="showImportBtn" class="u-btn-upload"> |
|
|
|
<el-popover v-if="showImportBtn" popper-class="btn-popper" placement="bottom" width="20" |
|
|
|
trigger="click"> |
|
|
|
<div class="table-more-btn"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
ref="upload_community" |
|
|
|
style="text-align: center" |
|
|
|
:multiple="false" |
|
|
|
:show-file-list="false" |
|
|
|
:before-upload="(file) => { |
|
|
|
<el-upload :headers="$getElUploadHeaders()" ref="upload_community" style="text-align: center" |
|
|
|
:multiple="false" :show-file-list="false" :before-upload="(file) => { |
|
|
|
beforeUpload(file, 'community'); |
|
|
|
} |
|
|
|
" |
|
|
|
action="" |
|
|
|
accept=".xls,.xlsx" |
|
|
|
:http-request="() => { |
|
|
|
" action="" accept=".xls,.xlsx" :http-request="() => { |
|
|
|
uploadFile('community'); |
|
|
|
} |
|
|
|
"> |
|
|
|
<el-button size="small" |
|
|
|
type="text" |
|
|
|
class="diy-button--other">导入小区数据</el-button> |
|
|
|
<el-button size="small" type="text" class="diy-button--other">导入小区数据</el-button> |
|
|
|
</el-upload> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="table-more-btn"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
style="text-align: center" |
|
|
|
ref="upload_building" |
|
|
|
:multiple="false" |
|
|
|
:show-file-list="false" |
|
|
|
:before-upload="(file) => { |
|
|
|
<el-upload :headers="$getElUploadHeaders()" style="text-align: center" ref="upload_building" |
|
|
|
:multiple="false" :show-file-list="false" :before-upload="(file) => { |
|
|
|
beforeUpload(file, 'building'); |
|
|
|
} |
|
|
|
" |
|
|
|
action="" |
|
|
|
accept=".xls,.xlsx" |
|
|
|
:http-request="() => { |
|
|
|
" action="" accept=".xls,.xlsx" :http-request="() => { |
|
|
|
uploadFile('building'); |
|
|
|
} |
|
|
|
"> |
|
|
|
<el-button size="small" |
|
|
|
type="text" |
|
|
|
class="diy-button--other">导入楼栋数据</el-button> |
|
|
|
<el-button size="small" type="text" class="diy-button--other">导入楼栋数据</el-button> |
|
|
|
</el-upload> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="table-more-btn"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
style="text-align: center" |
|
|
|
ref="upload_room" |
|
|
|
:multiple="false" |
|
|
|
:show-file-list="false" |
|
|
|
:before-upload="(file) => { |
|
|
|
<el-upload :headers="$getElUploadHeaders()" style="text-align: center" ref="upload_room" |
|
|
|
:multiple="false" :show-file-list="false" :before-upload="(file) => { |
|
|
|
beforeUpload(file, 'room'); |
|
|
|
} |
|
|
|
" |
|
|
|
action="" |
|
|
|
accept=".xls,.xlsx" |
|
|
|
:http-request="() => { |
|
|
|
" action="" accept=".xls,.xlsx" :http-request="() => { |
|
|
|
uploadFile('room'); |
|
|
|
} |
|
|
|
"> |
|
|
|
<el-button size="small" |
|
|
|
type="text" |
|
|
|
class="diy-button--other">导入房屋数据</el-button> |
|
|
|
<el-button size="small" type="text" class="diy-button--other">导入房屋数据</el-button> |
|
|
|
</el-upload> |
|
|
|
</div> |
|
|
|
<el-button size="small" |
|
|
|
style="float: right" |
|
|
|
class="diy-button--white" |
|
|
|
slot="reference">导入<i class="el-icon-arrow-down el-icon--right"></i></el-button> |
|
|
|
<el-button size="small" style="float: right" class="diy-button--white" slot="reference">导入<i |
|
|
|
class="el-icon-arrow-down el-icon--right"></i></el-button> |
|
|
|
</el-popover> |
|
|
|
</div> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
class="diy-button--white" |
|
|
|
size="small" |
|
|
|
<el-button style="margin-left: 10px" class="diy-button--white" size="small" |
|
|
|
@click="handleExportOpen">导出</el-button> |
|
|
|
|
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
class="diy-button--white" |
|
|
|
size="small" |
|
|
|
<el-button style="margin-left: 10px" class="diy-button--white" size="small" |
|
|
|
@click="deleteBatch">批量删除</el-button> |
|
|
|
|
|
|
|
<!-- <el-button style=";margin-left:10px" |
|
|
@ -103,33 +62,19 @@ |
|
|
|
@click="handleExportYihuyidang()">导出一户一档</el-button> --> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-popover popper-class="btn-popper" |
|
|
|
placement="bottom" |
|
|
|
style="margin-left: 10px" |
|
|
|
width="20" |
|
|
|
<el-popover popper-class="btn-popper" placement="bottom" style="margin-left: 10px" width="20" |
|
|
|
trigger="click"> |
|
|
|
<div v-if="showImportBtn" |
|
|
|
class="table-more-btn"> |
|
|
|
<el-button class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
<div v-if="showImportBtn" class="table-more-btn"> |
|
|
|
<el-button class="diy-button--other" size="small" type="text" |
|
|
|
@click="handleExportModule('community')">下载小区模板</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="showImportBtn" |
|
|
|
class="table-more-btn"> |
|
|
|
<el-button :headers="$getElUploadHeaders()" |
|
|
|
class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
<div v-if="showImportBtn" class="table-more-btn"> |
|
|
|
<el-button :headers="$getElUploadHeaders()" class="diy-button--other" size="small" type="text" |
|
|
|
@click="handleExportModule('building')">下载楼栋模板</el-button> |
|
|
|
</div> |
|
|
|
<div v-if="showImportBtn" |
|
|
|
class="table-more-btn"> |
|
|
|
<el-button :headers="$getElUploadHeaders()" |
|
|
|
class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
<div v-if="showImportBtn" class="table-more-btn"> |
|
|
|
<el-button :headers="$getElUploadHeaders()" class="diy-button--other" size="small" type="text" |
|
|
|
@click="handleExportModule('room')">下载房屋模板</el-button> |
|
|
|
</div> |
|
|
|
<!-- <div |
|
|
@ -163,12 +108,8 @@ |
|
|
|
>补全小程序小区码</el-button |
|
|
|
> |
|
|
|
</div> --> |
|
|
|
<div v-if="displayedBaobiaoBtn" |
|
|
|
class="table-more-btn"> |
|
|
|
<el-button size="small" |
|
|
|
type="text" |
|
|
|
class="diy-button--other" |
|
|
|
@click="reportForm">智能填报</el-button> |
|
|
|
<div v-if="displayedBaobiaoBtn" class="table-more-btn"> |
|
|
|
<el-button size="small" type="text" class="diy-button--other" @click="reportForm">智能填报</el-button> |
|
|
|
</div> |
|
|
|
<!-- <div |
|
|
|
v-if="agencyObj.level == 'community'" |
|
|
@ -182,51 +123,28 @@ |
|
|
|
>社区二维码</el-button |
|
|
|
> |
|
|
|
</div> --> |
|
|
|
<el-button size="small" |
|
|
|
style="float: right" |
|
|
|
class="diy-button--white" |
|
|
|
slot="reference">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button> |
|
|
|
<el-button size="small" style="float: right" class="diy-button--white" slot="reference">更多<i |
|
|
|
class="el-icon-arrow-down el-icon--right"></i></el-button> |
|
|
|
</el-popover> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-table-item"> |
|
|
|
<el-table ref="ref_table" |
|
|
|
:data="tableData" |
|
|
|
border |
|
|
|
:height="tableHeight" |
|
|
|
v-loading="tableLoading" |
|
|
|
style="width: 100%" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
@select-all="selectAll" |
|
|
|
<el-table ref="ref_table" :data="tableData" border :height="tableHeight" v-loading="tableLoading" |
|
|
|
style="width: 100%" :show-overflow-tooltip="true" @select-all="selectAll" |
|
|
|
@selection-change="selectionChange"> |
|
|
|
<el-table-column type="selection" |
|
|
|
:selectable="checkSelect" |
|
|
|
width="55"> |
|
|
|
<el-table-column type="selection" :selectable="checkSelect" width="55"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="neighborHoodName" |
|
|
|
label="小区名称" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
min-width="100"> |
|
|
|
<el-table-column prop="neighborHoodName" label="小区名称" header-align="left" align="left" min-width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a class="name-a" |
|
|
|
@click="handleToNextLevel(scope.row)"> |
|
|
|
<a class="name-a" @click="handleToNextLevel(scope.row)"> |
|
|
|
{{ scope.row.neighborHoodName }} |
|
|
|
</a> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="agencyName" |
|
|
|
label="所属组织" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
min-width="100"> |
|
|
|
<el-table-column prop="agencyName" label="所属组织" header-align="left" align="left" min-width="100"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="gridName" |
|
|
|
label="所属网格" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
min-width="120"> |
|
|
|
<el-table-column prop="gridName" label="所属网格" header-align="left" align="left" min-width="120"> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column prop="总单元数" |
|
|
|
label="所属网格" |
|
|
@ -236,23 +154,12 @@ |
|
|
|
label="所属网格" |
|
|
|
min-width="80"> |
|
|
|
</el-table-column> --> |
|
|
|
<el-table-column prop="address" |
|
|
|
label="详细地址" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
min-width="180"> |
|
|
|
<el-table-column prop="address" label="详细地址" header-align="left" align="left" min-width="180"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column label="操作" |
|
|
|
fixed="right" |
|
|
|
width="220" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
class="operate"> |
|
|
|
<el-table-column label="操作" fixed="right" width="220" header-align="center" align="center" class="operate"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
<el-button type="text" class="div-table-button--blue" size="small" |
|
|
|
@click="handleDetail(scope.row)">查看</el-button> |
|
|
|
<!-- <el-button v-if="scope.row.showBtn" |
|
|
|
type="text" |
|
|
@ -265,55 +172,31 @@ |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
@click="handleDelete(scope.row)">删除</el-button> --> |
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
<el-button type="text" class="div-table-button--blue" size="small" |
|
|
|
@click="handleEdit(scope.row)">编辑</el-button> |
|
|
|
|
|
|
|
<el-button type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
<el-button type="text" class="div-table-button--blue" size="small" |
|
|
|
@click="handleDelete(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="pageSize" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total"> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="pageSize" |
|
|
|
layout="sizes, prev, pager, next, total" :total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 详情弹出框 --> |
|
|
|
<el-dialog :visible.sync="detailShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'小区详情'" |
|
|
|
width="920px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="detailFormCancle"> |
|
|
|
<community-detail ref="ref_form_detail" |
|
|
|
@diaDetailClose="detailFormCancle"></community-detail> |
|
|
|
<el-dialog :visible.sync="detailShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="'小区详情'" |
|
|
|
width="920px" top="5vh" class="dialog-h" @closed="detailFormCancle"> |
|
|
|
<community-detail ref="ref_form_detail" @diaDetailClose="detailFormCancle"></community-detail> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- 修改弹出框 --> |
|
|
|
<el-dialog :visible.sync="formShow" |
|
|
|
v-if="formShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="formTitle" |
|
|
|
width="670px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose"> |
|
|
|
<community-form ref="ref_form" |
|
|
|
@dialogCancle="addFormCancle" |
|
|
|
@dialogOk="addFormOk"></community-form> |
|
|
|
<el-dialog :visible.sync="formShow" v-if="formShow" :close-on-click-modal="false" :close-on-press-escape="false" |
|
|
|
:title="formTitle" width="670px" top="5vh" class="dialog-h" @closed="diaClose"> |
|
|
|
<community-form ref="ref_form" @dialogCancle="addFormCancle" @dialogOk="addFormOk"></community-form> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- <el-dialog title="导出" |
|
|
@ -337,24 +220,14 @@ |
|
|
|
|
|
|
|
</el-dialog> --> |
|
|
|
|
|
|
|
<el-dialog :visible.sync="diyDialog" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
width="1150px" |
|
|
|
title="导出模板" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h"> |
|
|
|
<community-export-info v-if="diyDialog" |
|
|
|
ref="ref_diy" |
|
|
|
:list="exportList" |
|
|
|
:search="{ |
|
|
|
<el-dialog :visible.sync="diyDialog" :close-on-click-modal="false" :close-on-press-escape="false" width="1150px" |
|
|
|
title="导出模板" top="5vh" class="dialog-h"> |
|
|
|
<community-export-info v-if="diyDialog" ref="ref_diy" :list="exportList" :search="{ |
|
|
|
formCode: 'community_info', |
|
|
|
pageNo: pageNo, |
|
|
|
pageSize: pageSize, |
|
|
|
conditions: queryConditions |
|
|
|
}" |
|
|
|
:orgId="treeObj.id" |
|
|
|
@close="handleDiyClose"></community-export-info> |
|
|
|
}" :orgId="treeObj.id" @close="handleDiyClose"></community-export-info> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<baobiao ref="baobiao" /> |
|
|
@ -562,13 +435,9 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
async loadTable(fromTree, treeObj) { |
|
|
|
|
|
|
|
this.treeObj = { ...treeObj } |
|
|
|
|
|
|
|
// 是否显示补全一房一码信息按钮 |
|
|
|
this.roleList = localStorage.getItem("roleList"); |
|
|
|
|
|
|
|
|
|
|
|
if ( |
|
|
|
this.roleList.indexOf("root_manager") > -1 || |
|
|
|
this.roleList.indexOf("manager") > -1 |
|
|
@ -1183,11 +1052,11 @@ export default { |
|
|
|
handleSizeChange(val) { |
|
|
|
this.pageSize = val; |
|
|
|
this.pageNo = 1; |
|
|
|
this.loadTable(this.treeObj); |
|
|
|
this.loadTable(true, this.treeObj); |
|
|
|
}, |
|
|
|
handleCurrentChange(val) { |
|
|
|
this.pageNo = val; |
|
|
|
this.loadTable(this.treeObj); |
|
|
|
this.loadTable(true, this.treeObj); |
|
|
|
}, |
|
|
|
|
|
|
|
// 开启加载动画 |
|
|
|