|
|
@ -3,116 +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"> |
|
|
|
|
|
|
|
<div v-if="showImportBtn" |
|
|
|
class="table-more-btn"> |
|
|
|
<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" |
|
|
|
@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" |
|
|
|
@click="handleExportModule">下载房屋模板</el-button> |
|
|
|
<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" |
|
|
|
@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" |
|
|
@ -123,166 +81,73 @@ |
|
|
|
:index="indexMethod"> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column prop="houseNameShow" |
|
|
|
header-align="left" |
|
|
|
align="left" |
|
|
|
label="房屋名称" |
|
|
|
fixed="left" |
|
|
|
min-width="160"> |
|
|
|
<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 v-if=" scope.row.showBtn" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
<el-button v-if="scope.row.showBtn" type="text" class="div-table-button--blue" size="small" |
|
|
|
@click="handleEdit(scope.row)">编辑</el-button> |
|
|
|
<!-- btnAuths.ic_house_del && --> |
|
|
|
<el-button v-if=" scope.row.showBtn" |
|
|
|
type="text" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
<el-button v-if="scope.row.showBtn" 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="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> |
|
|
|
|
|
|
|
<baobiao ref="baobiao" /> |
|
|
@ -788,18 +653,31 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleExportModule () { |
|
|
|
let title = ""; |
|
|
|
title = "房屋模板"; |
|
|
|
handleExportModule(type) { |
|
|
|
|
|
|
|
let title = '' |
|
|
|
let url = "" |
|
|
|
if (type === "community") { |
|
|
|
title = "小区导入模板"; |
|
|
|
url = "/gov/org/neighborhood/exporttemplate"; |
|
|
|
} else if (type === 'building') { |
|
|
|
title = '楼栋导入模板' |
|
|
|
url = '/gov/org/building/exporttemplate' |
|
|
|
|
|
|
|
} else if (type === 'room') { |
|
|
|
title = '房屋导入模板' |
|
|
|
url = '/gov/org/house/exporttemplate' |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const url = "/gov/org/house/exporttemplate"; |
|
|
|
let params = {}; |
|
|
|
let params = {} |
|
|
|
|
|
|
|
app.ajax.exportFilePost( |
|
|
|
url, |
|
|
|
params, |
|
|
|
(data, rspMsg) => { |
|
|
|
this.download(data, title + ".xls"); |
|
|
|
|
|
|
|
this.download(data, title + '.xls') |
|
|
|
}, |
|
|
|
(rspMsg, data) => { |
|
|
|
this.$message.error(rspMsg); |
|
|
@ -1071,6 +949,7 @@ export default { |
|
|
|
/deep/.el-input-number--medium .el-input-number__increase { |
|
|
|
width: 26px; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/.el-input-number--medium .el-input__inner { |
|
|
|
padding-left: 0px; |
|
|
|
padding-right: 0px; |
|
|
|