|
|
|
@ -3,130 +3,74 @@ |
|
|
|
<div class="u-table-btn2"> |
|
|
|
<div class="u-table-btn2-left"> |
|
|
|
<!-- v-show="btnAuths.ic_house_add" --> |
|
|
|
<el-button v-if="agencyObj.level === 'building' || source !== 'search'" |
|
|
|
class="diy-button--blue" |
|
|
|
icon="el-icon-plus" |
|
|
|
size="small" |
|
|
|
:disabled="addDisabled" |
|
|
|
@click="handleAdd">新增房屋</el-button> |
|
|
|
<el-button v-if="agencyObj.level === 'building' || source !== 'search'" class="diy-button--blue" |
|
|
|
icon="el-icon-plus" size="small" :disabled="addDisabled" @click="handleAdd">新增房屋</el-button> |
|
|
|
|
|
|
|
<div class="u-btn-upload" |
|
|
|
v-if="showImportBtn"> |
|
|
|
<div class="u-btn-upload" v-if="showImportBtn"> |
|
|
|
|
|
|
|
<el-popover popper-class="btn-popper" |
|
|
|
placement="bottom" |
|
|
|
width="20" |
|
|
|
trigger="hover"> |
|
|
|
<el-popover popper-class="btn-popper" placement="bottom" width="20" trigger="hover"> |
|
|
|
|
|
|
|
<div class="table-more-btn"> |
|
|
|
<!-- v-if="btnAuths.ic_house_import" --> |
|
|
|
<el-upload ref="upload" |
|
|
|
:multiple="false" |
|
|
|
style="text-align: center" |
|
|
|
:show-file-list="false" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
action="" |
|
|
|
accept=".xls,.xlsx" |
|
|
|
:limit="1" |
|
|
|
:on-exceed="handleExceed" |
|
|
|
<el-upload ref="upload" :multiple="false" style="text-align: center" :show-file-list="false" |
|
|
|
:before-upload="beforeUpload" action="" accept=".xls,.xlsx" :limit="1" :on-exceed="handleExceed" |
|
|
|
:http-request="uploadFile"> |
|
|
|
<el-button style="" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
class="diy-button--other">导入房屋数据</el-button> |
|
|
|
<el-button style="" 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> |
|
|
|
<!-- v-if="btnAuths.ic_house_export" --> |
|
|
|
<el-button style="float: left; margin-left: 10px" |
|
|
|
class="diy-button--white" |
|
|
|
size="small" |
|
|
|
<el-button style="float: left; margin-left: 10px" class="diy-button--white" size="small" |
|
|
|
@click="handleExport">导出</el-button> |
|
|
|
<!-- v-if="btnAuths.ic_house_batch_del" --> |
|
|
|
<el-button style="float: left; margin-left: 10px" |
|
|
|
class="diy-button--white" |
|
|
|
size="small" |
|
|
|
<el-button style="float: left; margin-left: 10px" class="diy-button--white" size="small" |
|
|
|
@click="deleteBatch">批量删除</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-popover popper-class="btn-popper" |
|
|
|
placement="bottom" |
|
|
|
style="margin-left: 10px" |
|
|
|
width="20" |
|
|
|
trigger="hover"> |
|
|
|
<el-popover popper-class="btn-popper" placement="bottom" style="margin-left: 10px" width="20" trigger="hover"> |
|
|
|
<div class="table-more-btn"> |
|
|
|
<!-- v-if="btnAuths.ic_house_import" --> |
|
|
|
<el-button :headers="$getElUploadHeaders()" |
|
|
|
class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
<el-button :headers="$getElUploadHeaders()" class="diy-button--other" size="small" type="text" |
|
|
|
@click="handleExportModule('community')">下载小区模板</el-button> |
|
|
|
</div> |
|
|
|
<div class="table-more-btn"> |
|
|
|
<!-- v-if="btnAuths.ic_house_import" --> |
|
|
|
<el-button :headers="$getElUploadHeaders()" |
|
|
|
class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
<el-button :headers="$getElUploadHeaders()" class="diy-button--other" size="small" type="text" |
|
|
|
@click="handleExportModule('building')">下载楼栋模板</el-button> |
|
|
|
</div> |
|
|
|
<div class="table-more-btn"> |
|
|
|
<!-- v-if="btnAuths.ic_house_import" --> |
|
|
|
<el-button :headers="$getElUploadHeaders()" |
|
|
|
class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
<el-button :headers="$getElUploadHeaders()" class="diy-button--other" size="small" type="text" |
|
|
|
@click="handleExportModule('room')">下载房屋模板</el-button> |
|
|
|
</div> |
|
|
|
<!-- v-if="btnAuths.ic_house_export_yhyd" --> |
|
|
|
<div class="table-more-btn"> |
|
|
|
<el-button style="" |
|
|
|
class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
:disabled="yihuyidangDisabled" |
|
|
|
<el-button style="" class="diy-button--other" size="small" type="text" :disabled="yihuyidangDisabled" |
|
|
|
@click="handleExportYihuyidang()">导出一户一档</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- btnAuths.ic_house_smart_import && --> |
|
|
|
<div v-if="displayedBaobiaoBtn" |
|
|
|
class="table-more-btn"> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--other" |
|
|
|
type="text" |
|
|
|
@click="reportForm">智能填报</el-button> |
|
|
|
<div v-if="displayedBaobiaoBtn" class="table-more-btn"> |
|
|
|
<el-button size="small" class="diy-button--other" type="text" @click="reportForm">智能填报</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" |
|
|
|
v-loading="tableLoading" |
|
|
|
@sort-change="handleSortOrderChange" |
|
|
|
border |
|
|
|
:height="tableHeight" |
|
|
|
style="width: 100%" |
|
|
|
@select-all="selectAll" |
|
|
|
@selection-change="selectionChange"> |
|
|
|
<el-table-column type="selection" |
|
|
|
:selectable="checkSelect" |
|
|
|
width="55"> |
|
|
|
<el-table ref="ref_table" :data="tableData" v-loading="tableLoading" @sort-change="handleSortOrderChange" border |
|
|
|
:height="tableHeight" style="width: 100%" @select-all="selectAll" @selection-change="selectionChange"> |
|
|
|
<el-table-column type="selection" :selectable="checkSelect" width="55"> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column fixed="left" |
|
|
|
width="70" |
|
|
|
@ -137,183 +81,84 @@ |
|
|
|
:index="indexMethod"> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column prop="houseNameShow" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
label="房屋名称" |
|
|
|
fixed="left" |
|
|
|
<el-table-column prop="houseNameShow" header-align="left" align="left" label="房屋名称" fixed="left" |
|
|
|
min-width="160"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="neighborHoodName" |
|
|
|
label="所属小区" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
min-width="150"> |
|
|
|
<el-table-column prop="neighborHoodName" label="所属小区" header-align="left" align="left" min-width="150"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="buildingName" |
|
|
|
label="所属楼栋" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="90"> |
|
|
|
<el-table-column prop="buildingName" label="所属楼栋" header-align="left" align="left" width="90"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="unitNum" |
|
|
|
label="单元号" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="80"> |
|
|
|
<el-table-column prop="unitNum" label="单元号" header-align="left" align="left" width="80"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="doorName" |
|
|
|
label="门牌号" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="80"> |
|
|
|
<el-table-column prop="doorName" label="门牌号" header-align="left" align="left" width="80"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="houseType" |
|
|
|
label="类型" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="70"> |
|
|
|
<el-table-column prop="houseType" label="类型" header-align="left" align="left" width="70"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="purpose" |
|
|
|
label="用途" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="70"> |
|
|
|
<el-table-column prop="purpose" label="用途" header-align="left" align="left" width="70"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="rentFlag" |
|
|
|
label="房屋状态" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="90"> |
|
|
|
<el-table-column prop="rentFlag" label="房屋状态" header-align="left" align="left" width="90"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerName" |
|
|
|
label="房主姓名" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="90"> |
|
|
|
<el-table-column prop="ownerName" label="房主姓名" header-align="left" align="left" width="90"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerPhone" |
|
|
|
label="联系方式" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="110"> |
|
|
|
<el-table-column prop="ownerPhone" label="联系方式" header-align="left" align="left" width="110"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerIdCard" |
|
|
|
label="证件号" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="170"> |
|
|
|
<el-table-column prop="ownerIdCard" label="证件号" header-align="left" align="left" width="170"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="remark" |
|
|
|
label="备注" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
width="170"> |
|
|
|
<el-table-column prop="remark" label="备注" header-align="left" align="left" width="170"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="sort" |
|
|
|
sortable="custom" |
|
|
|
min-width="100" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
label="排序"> |
|
|
|
<el-table-column prop="sort" sortable="custom" min-width="100" header-align="left" align="left" label="排序"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div @click="handleEditSort(scope.row)"> |
|
|
|
<span v-if="!scope.row.isChange">{{ scope.row.sort }}</span> |
|
|
|
<!-- :precision="2" --> |
|
|
|
<el-input-number v-else |
|
|
|
@change="handleChangeSort(scope.row)" |
|
|
|
v-model="scope.row.sort" |
|
|
|
class="item_width_4" |
|
|
|
size="small" |
|
|
|
:min="0" |
|
|
|
:max="9999" |
|
|
|
label="描述文字"></el-input-number> |
|
|
|
<el-input-number v-else @change="handleChangeSort(scope.row)" v-model="scope.row.sort" |
|
|
|
class="item_width_4" size="small" :min="0" :max="9999" label="描述文字"></el-input-number> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</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"> |
|
|
|
<!-- v-if="btnAuths.ic_house_view" --> |
|
|
|
<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> |
|
|
|
<!-- btnAuths.ic_house_update && --> |
|
|
|
<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> |
|
|
|
<!-- btnAuths.ic_house_del && --> |
|
|
|
<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" |
|
|
|
<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="formShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="formTitle" |
|
|
|
width="670px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaClose"> |
|
|
|
<room-form ref="ref_form" |
|
|
|
@dialogCancle="addFormCancle" |
|
|
|
@dialogOk="addFormOk"></room-form> |
|
|
|
<el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle" |
|
|
|
width="670px" top="5vh" class="dialog-h" @closed="diaClose"> |
|
|
|
<room-form ref="ref_form" @dialogCancle="addFormCancle" @dialogOk="addFormOk"></room-form> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<!-- 详情弹出框 --> |
|
|
|
<el-dialog :visible.sync="detailShow" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'查看房屋'" |
|
|
|
width="820px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="detailFormCancle"> |
|
|
|
<el-dialog :visible.sync="detailShow" :close-on-click-modal="false" :close-on-press-escape="false" :title="'查看房屋'" |
|
|
|
width="820px" top="5vh" class="dialog-h" @closed="detailFormCancle"> |
|
|
|
<!-- :view_real_data="btnAuths.ic_house_view_real_data" --> |
|
|
|
<room-detail ref="ref_form_detail" |
|
|
|
@diaDetailClose="detailFormCancle"></room-detail> |
|
|
|
<room-detail ref="ref_form_detail" @diaDetailClose="detailFormCancle"></room-detail> |
|
|
|
</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="agencyObj.id" |
|
|
|
@close="handleDiyClose"></community-export-info> |
|
|
|
}" :orgId="agencyObj.id" @close="handleDiyClose"></community-export-info> |
|
|
|
</el-dialog> |
|
|
|
<baobiao ref="baobiao" /> |
|
|
|
</div> |
|
|
|
@ -404,7 +249,6 @@ export default { |
|
|
|
async mounted() { |
|
|
|
this.updateBtnAuths(); |
|
|
|
this.getQueryConditions() |
|
|
|
|
|
|
|
// this.displayedBaobiaoBtn = await this.$refs.baobiao.existsTemplate({ |
|
|
|
// elseParams: { |
|
|
|
// categoryKeys: ["house_info"], |
|
|
|
@ -514,7 +358,6 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
loadTreeFromSearch() { }, |
|
|
|
|
|
|
|
async loadTable(source, treeObj) { |
|
|
|
this.source = source; |
|
|
|
this.tableLoading = true; |
|
|
|
@ -528,7 +371,6 @@ export default { |
|
|
|
//来源于查询 |
|
|
|
this.agencyObj = treeObj; |
|
|
|
} |
|
|
|
|
|
|
|
if (this.agencyObj.level === "grid") { |
|
|
|
this.agencyLevel = "grid"; |
|
|
|
} else if (this.agencyObj.level === "neighborHood") { |
|
|
|
@ -541,7 +383,6 @@ export default { |
|
|
|
|
|
|
|
// if (fromTree) { |
|
|
|
// this.agencyObj = treeObj |
|
|
|
|
|
|
|
// } |
|
|
|
// 接口在这里 |
|
|
|
console.log(this.buildingId, '1111'); |
|
|
|
@ -563,7 +404,6 @@ export default { |
|
|
|
buildingUnitId: this.buildingUnitId, |
|
|
|
houseId: this.houseId, |
|
|
|
}; |
|
|
|
|
|
|
|
const url = "/actual/base/communityHouse/listHouses"; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|