|
|
|
@ -1,61 +1,92 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="div_btn"> |
|
|
|
<el-button v-if="agencyObj.level === 'building' || source !== 'search'" |
|
|
|
v-show="btnAuths.ic_house_add" |
|
|
|
style="float: left" |
|
|
|
class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">新增房屋</el-button> |
|
|
|
<div class="btn_upload" |
|
|
|
v-if="showImportBtn"> |
|
|
|
<el-button :headers="$getElUploadHeaders()" |
|
|
|
v-if="btnAuths.ic_house_import" |
|
|
|
style="float: left" |
|
|
|
class="diy-button--export" |
|
|
|
<div class="div_btn_left"> |
|
|
|
<el-button v-if="agencyObj.level === 'building' || source !== 'search'" |
|
|
|
v-show="btnAuths.ic_house_add" |
|
|
|
class="diy-button--purple" |
|
|
|
size="small" |
|
|
|
@click="handleExportModule">下载房屋模板</el-button> |
|
|
|
<el-upload ref="upload" |
|
|
|
v-if="btnAuths.ic_house_import" |
|
|
|
:multiple="false" |
|
|
|
:show-file-list="false" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
action="" |
|
|
|
accept=".xls,.xlsx" |
|
|
|
:limit="1" |
|
|
|
:on-exceed="handleExceed" |
|
|
|
:http-request="uploadFile"> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
size="small" |
|
|
|
class="diy-button--delete">导入房屋数据</el-button> |
|
|
|
</el-upload> |
|
|
|
@click="handleAdd">新增房屋</el-button> |
|
|
|
|
|
|
|
<el-button style="float: left; margin-left: 10px" |
|
|
|
v-if="btnAuths.ic_house_export" |
|
|
|
class="diy-button--green" |
|
|
|
size="small" |
|
|
|
@click="handleExport">导出</el-button> |
|
|
|
<div class="btn_upload" |
|
|
|
v-if="showImportBtn"> |
|
|
|
|
|
|
|
<el-upload ref="upload" |
|
|
|
v-if="btnAuths.ic_house_import" |
|
|
|
:multiple="false" |
|
|
|
:show-file-list="false" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
action="" |
|
|
|
accept=".xls,.xlsx" |
|
|
|
:limit="1" |
|
|
|
:on-exceed="handleExceed" |
|
|
|
:http-request="uploadFile"> |
|
|
|
<el-button style="" |
|
|
|
size="small" |
|
|
|
class="diy-button--orange">导入房屋数据</el-button> |
|
|
|
</el-upload> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-button style="float: left; margin-left: 10px" |
|
|
|
v-if="btnAuths.ic_house_batch_del" |
|
|
|
class="diy-button--red" |
|
|
|
size="small" |
|
|
|
@click="deleteBatch">批量删除</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="div_btn_right"> |
|
|
|
<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-button :headers="$getElUploadHeaders()" |
|
|
|
v-if="btnAuths.ic_house_import" |
|
|
|
class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
@click="handleExportModule">下载房屋模板</el-button> |
|
|
|
</div> |
|
|
|
<div v-if="btnAuths.ic_house_export_yhyd" |
|
|
|
class="table-more-btn"> |
|
|
|
<el-button style="" |
|
|
|
class="diy-button--other" |
|
|
|
size="small" |
|
|
|
type="text" |
|
|
|
:disabled="yihuyidangDisabled" |
|
|
|
@click="handleExportYihuyidang()">导出一户一档</el-button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="btnAuths.ic_house_smart_import && 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-caret-bottom"></i></el-button> |
|
|
|
</el-popover> |
|
|
|
</div> |
|
|
|
<el-button style="float: left; margin-left: 10px" |
|
|
|
v-if="btnAuths.ic_house_export" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small" |
|
|
|
@click="handleExport">导出</el-button> |
|
|
|
<el-button style="float: left; margin-left: 10px" |
|
|
|
v-if="btnAuths.ic_house_batch_del" |
|
|
|
class="diy-button--more" |
|
|
|
size="small" |
|
|
|
@click="deleteBatch">批量删除</el-button> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
v-if="btnAuths.ic_house_export_yhyd" |
|
|
|
class="diy-button--export" |
|
|
|
size="small" |
|
|
|
:disabled="yihuyidangDisabled" |
|
|
|
@click="handleExportYihuyidang()">导出一户一档</el-button> |
|
|
|
<el-button size="small" |
|
|
|
class="diy-button--add" |
|
|
|
v-if="btnAuths.ic_house_smart_import && displayedBaobiaoBtn" |
|
|
|
@click="reportForm">智能填报</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="div_table_item"> |
|
|
|
<el-table ref="ref_table" |
|
|
|
:data="tableData" |
|
|
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
|
|
|
:header-cell-style="tableHeaderStyle" |
|
|
|
v-loading="tableLoading" |
|
|
|
@sort-change="handleSortOrderChange" |
|
|
|
border |
|
|
|
@ -67,66 +98,94 @@ |
|
|
|
:selectable="checkSelect" |
|
|
|
width="55"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="left" |
|
|
|
width="55" |
|
|
|
<!-- <el-table-column fixed="left" |
|
|
|
width="70" |
|
|
|
type="index" |
|
|
|
label="序号" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
:index="indexMethod"> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column prop="houseNameShow" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="房屋名称" |
|
|
|
fixed="left" |
|
|
|
min-width="160"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="neighborHoodName" |
|
|
|
label="所属小区" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
min-width="150"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="buildingName" |
|
|
|
label="所属楼栋" |
|
|
|
width="80"> |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="90"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="unitNum" |
|
|
|
label="单元号" |
|
|
|
width="70"> |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="80"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="doorName" |
|
|
|
label="门牌号" |
|
|
|
width="70"> |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="80"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="houseType" |
|
|
|
label="类型" |
|
|
|
width="50"> |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="70"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="purpose" |
|
|
|
label="用途" |
|
|
|
width="50"> |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="70"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="rentFlag" |
|
|
|
label="房屋状态" |
|
|
|
width="80"> |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="90"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerName" |
|
|
|
label="房主姓名" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="90"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerPhone" |
|
|
|
label="联系方式" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="110"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="ownerIdCard" |
|
|
|
label="身份证" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="170"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="remark" |
|
|
|
label="备注" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="170"> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="sort" |
|
|
|
sortable="custom" |
|
|
|
min-width="140" |
|
|
|
min-width="100" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
label="排序"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div @click="handleEditSort(scope.row)"> |
|
|
|
@ -145,25 +204,25 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" |
|
|
|
fixed="right" |
|
|
|
width="140" |
|
|
|
width="160" |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
class="operate"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" |
|
|
|
v-if="btnAuths.ic_house_view" |
|
|
|
class="div-table-button--detail" |
|
|
|
class="div-table-button--orange" |
|
|
|
size="small" |
|
|
|
@click="handleDetail(scope.row)">查看</el-button> |
|
|
|
<el-button v-if="btnAuths.ic_house_update && scope.row.showBtn" |
|
|
|
type="text" |
|
|
|
class="div-table-button--edit" |
|
|
|
class="div-table-button--blue" |
|
|
|
size="small" |
|
|
|
@click="handleEdit(scope.row)">修改</el-button> |
|
|
|
|
|
|
|
<el-button v-if="btnAuths.ic_house_del && scope.row.showBtn" |
|
|
|
type="text" |
|
|
|
class="div-table-button--delete" |
|
|
|
class="div-table-button--red" |
|
|
|
size="small" |
|
|
|
@click="handleDelete(scope.row)">删除</el-button> |
|
|
|
</template> |
|
|
|
@ -233,7 +292,7 @@ export default { |
|
|
|
pageNo: 0, |
|
|
|
sortType: "asc", //asc：正，desc：倒 |
|
|
|
tableLoading: true, |
|
|
|
|
|
|
|
// tableHeaderStyle: { background: 'linear-gradient(0deg, #005EB3 0%, #0083F0 100%)', color: '#FFFFFF', padding: '6px' }, |
|
|
|
// showImportBtn: false,//是否显示操作按钮，根据登录人所属组织判断 |
|
|
|
|
|
|
|
agencyObj: {}, //树所选的小区对象 |
|
|
|
|
jiangyy
3 years ago