elink-star
/
epmet-oper-gov
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

房屋管理

dev-新版ui
jiangyy 3 years ago
parent
b17aa05baa
commit
c68ed6c4bc
5 changed files with 286 additions and 139 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 24
      src/assets/scss/buttonstyle.scss
  2. 2
      src/main.js
  3. 194
      src/views/modules/base/community/buildTable.vue
  4. 20
      src/views/modules/base/community/communityTable.vue
  5. 185
      src/views/modules/base/community/roomTable.vue

24
src/assets/scss/buttonstyle.scss
View File

@ -1,5 +1,4 @@
//新版 //新版
//紫色 //紫色
.diy-button--purple { .diy-button--purple {
background: linear-gradient(0deg, #7A58D1 0%, #8C91FF 100%) !important; background: linear-gradient(0deg, #7A58D1 0%, #8C91FF 100%) !important;
@ -115,6 +114,29 @@
} }
//列表中操作按钮
//查看
.div-table-button--orange {
font-size: 14px !important;
font-family: Source Han Serif CN !important;
font-weight: 600 !important;
color: #FF8400 !important;
}
.div-table-button--blue {
font-size: 14px !important;
font-family: Source Han Serif CN !important;
font-weight: 600 !important;
color: #0153B2 !important;
}
.div-table-button--red {
font-size: 14px !important;
font-family: Source Han Serif CN !important;
font-weight: 600 !important;
color: #BB0000 !important;
}
//旧版--------弃用 //旧版--------弃用
//查询、确定 //查询、确定
.diy-button--search { .diy-button--search {

2
src/main.js
View File

@ -97,6 +97,8 @@ Vue.prototype.$getElUploadHeaders = () => ({
// 保存整站vuex本地储存初始状态 // 保存整站vuex本地储存初始状态
window.SITE_CONFIG["storeState"] = cloneDeep(store.state); window.SITE_CONFIG["storeState"] = cloneDeep(store.state);
Vue.prototype.tableHeaderStyle = { background: 'linear-gradient(0deg, #005EB3 0%, #0083F0 100%)', color: '#FFFFFF', padding: '6px' };
new Vue({ new Vue({
i18n, i18n,
router, router,

194
src/views/modules/base/community/buildTable.vue
View File

@ -2,73 +2,110 @@
<div> <div>
<div class="div_btn"> <div class="div_btn">
<div class="div_btn_left">
<el-button style="float:left" <el-button style=""
class="diy-button--add" class="diy-button--purple"
size="small"
@click="handleAdd">新增楼栋</el-button>
<div class="btn_upload"
v-if="showImportBtn">
<el-button style=";margin-left:10px"
class="diy-button--export"
size="small" size="small"
@click="handleExportModule('building')">下载楼栋模板</el-button> @click="handleAdd">新增楼栋</el-button>
<el-upload :headers="$getElUploadHeaders()" <el-button style="margin-left:10px"
style="" class="diy-button--green"
ref="upload_building"
:multiple='false'
:show-file-list='false'
:before-upload="((file)=>{beforeUpload(file, 'building')})"
action=""
accept=".xls,.xlsx"
:http-request="(()=>{uploadFile( 'building')})">
<el-button style="margin-left:10px"
size="small"
class="diy-button--delete">导入楼栋数据</el-button>
</el-upload>
<el-button style=";margin-left:10px"
class="diy-button--export"
size="small" size="small"
@click="handleExportModule('room')">下载房屋模板</el-button> @click="handleExport">导出</el-button>
<el-upload :headers="$getElUploadHeaders()" <div class="btn_upload"
style="" v-if="showImportBtn">
ref="upload_room"
:multiple='false' <el-upload :headers="$getElUploadHeaders()"
:show-file-list='false' style=""
:before-upload="((file)=>{beforeUpload(file, 'room')})" ref="upload_building"
action="" :multiple='false'
accept=".xls,.xlsx" :show-file-list='false'
:http-request="(()=>{uploadFile( 'room')})"> :before-upload="((file)=>{beforeUpload(file, 'building')})"
action=""
accept=".xls,.xlsx"
:http-request="(()=>{uploadFile( 'building')})">
<el-button style=""
size="small"
class="diy-button--yellow">导入楼栋数据</el-button>
</el-upload>
<el-upload :headers="$getElUploadHeaders()"
style=""
ref="upload_room"
:multiple='false'
:show-file-list='false'
:before-upload="((file)=>{beforeUpload(file, 'room')})"
action=""
accept=".xls,.xlsx"
:http-request="(()=>{uploadFile( 'room')})">
<el-button style="margin-left:10px"
size="small"
class="diy-button--orange">导入房屋数据</el-button>
</el-upload>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
class="diy-button--red"
size="small" size="small"
class="diy-button--delete">导入房屋数据</el-button> @click="deleteBatch">批量删除</el-button>
</el-upload>
</div>
</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()"
style=""
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()"
style=""
class="diy-button--other"
size="small"
type="text"
@click="handleExportModule('room')">下载房屋模板</el-button>
</div>
<div 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="displayedBaobiaoBtn"
class="table-more-btn">
<el-button size="small"
type="text"
class="diy-button--other"
@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> </div>
<el-button style="float:left;margin-left:10px"
class="diy-button--reset"
size="small"
@click="handleExport">导出</el-button>
<el-button style="float:left;margin-left:10px"
class="diy-button--more"
size="small"
@click="deleteBatch">批量删除</el-button>
<el-button style=";margin-left:10px"
class="diy-button--export"
size="small"
:disabled="yihuyidangDisabled"
@click="handleExportYihuyidang()">导出一户一档</el-button>
<el-button size="small"
v-if="displayedBaobiaoBtn"
class="diy-button--add"
@click="reportForm">智能填报</el-button>
</div> </div>
<div class="div_table_item"> <div class="div_table_item">
<el-table ref="ref_table" <el-table ref="ref_table"
:data="tableData" :data="tableData"
:header-cell-style="{background:'#2195FE',color:'#FFFFFF'}" :header-cell-style="tableHeaderStyle"
border border
@sort-change="handleSortOrderChange" @sort-change="handleSortOrderChange"
:height="tableHeight" :height="tableHeight"
@ -80,16 +117,20 @@
:selectable="checkSelect" :selectable="checkSelect"
width="55"> width="55">
</el-table-column> </el-table-column>
<el-table-column fixed="left" <!-- <el-table-column fixed="left"
width="55" width="70"
type="index" type="index"
label="序号" label="序号"
header-align="center"
align="center"
:index="indexMethod"> :index="indexMethod">
</el-table-column> </el-table-column> -->
<el-table-column prop="buildingName" <el-table-column prop="buildingName"
fixed="left" fixed="left"
label="楼栋名称" label="楼栋名称"
header-align="center"
align="center"
min-width="180"> min-width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<a class="name-a" <a class="name-a"
@ -100,35 +141,54 @@
</el-table-column> </el-table-column>
<el-table-column prop="neighborHoodName" <el-table-column prop="neighborHoodName"
label="所属小区" label="所属小区"
header-align="center"
align="center"
min-width="160"> min-width="160">
</el-table-column> </el-table-column>
<el-table-column prop="buildingType" <el-table-column prop="buildingType"
label="楼栋类型" label="楼栋类型"
min-width="110"> header-align="center"
align="center"
width="90">
</el-table-column> </el-table-column>
<el-table-column prop="buildingLeaderName" <el-table-column prop="buildingLeaderName"
label="楼长姓名" label="楼长姓名"
header-align="center"
align="center"
min-width="90"> min-width="90">
</el-table-column> </el-table-column>
<el-table-column prop="buildingLeaderMobile" <el-table-column prop="buildingLeaderMobile"
label="楼长电话" label="楼长电话"
header-align="center"
align="center"
min-width="110"> min-width="110">
</el-table-column> </el-table-column>
<el-table-column prop="totalUnitNum" <el-table-column prop="totalUnitNum"
header-align="center"
align="center"
label="单元数"> label="单元数">
</el-table-column> </el-table-column>
<el-table-column prop="totalFloorNum" <el-table-column prop="totalFloorNum"
header-align="center"
align="center"
label="层数"> label="层数">
</el-table-column> </el-table-column>
<el-table-column prop="realTotalHouseNum" <el-table-column prop="realTotalHouseNum"
label="实际录入总数"> header-align="center"
align="center"
width="90"
label="实际录入">
</el-table-column> </el-table-column>
<el-table-column prop="totalHouseNum" <el-table-column prop="totalHouseNum"
header-align="center"
align="center"
label="总户数"> label="总户数">
</el-table-column> </el-table-column>
<el-table-column prop="sort" <el-table-column prop="sort"
sortable="custom" sortable="custom"
min-width="140" header-align="center"
align="center"
min-width="100"
label="排序"> label="排序">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click="handleEditSort(scope.row)"> <div @click="handleEditSort(scope.row)">
@ -149,25 +209,25 @@
<el-table-column label="操作" <el-table-column label="操作"
fixed="right" fixed="right"
width="140" width="160"
header-align="center" header-align="center"
align="center" align="center"
class="operate"> class="operate">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" <el-button type="text"
class="div-table-button--detail" class="div-table-button--orange"
size="small" size="small"
@click="handleDetail(scope.row)">查看</el-button> @click="handleDetail(scope.row)">查看</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
class="div-table-button--edit" class="div-table-button--blue"
size="small" size="small"
@click="handleEdit(scope.row)">修改</el-button> @click="handleEdit(scope.row)">修改</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
class="div-table-button--delete" class="div-table-button--red"
size="small" size="small"
@click="handleDelete(scope.row)">删除</el-button> @click="handleDelete(scope.row)">删除</el-button>
</template> </template>

20
src/views/modules/base/community/communityTable.vue
View File

@ -85,21 +85,24 @@
<div v-if="showImportBtn" <div v-if="showImportBtn"
class="table-more-btn"> class="table-more-btn">
<el-button class="diy-button--other" <el-button :headers="$getElUploadHeaders()"
class="diy-button--other"
size="small" size="small"
type="text" type="text"
@click="handleExportModule('building')">下载楼栋模板</el-button> @click="handleExportModule('building')">下载楼栋模板</el-button>
</div> </div>
<div v-if="showImportBtn" <div v-if="showImportBtn"
class="table-more-btn"> class="table-more-btn">
<el-button class="diy-button--other" <el-button :headers="$getElUploadHeaders()"
class="diy-button--other"
size="small" size="small"
type="text" type="text"
@click="handleExportModule('room')">下载房屋模板</el-button> @click="handleExportModule('room')">下载房屋模板</el-button>
</div> </div>
<div v-if="showYhymInfo && customerId!=='1535072605621841922'" <div v-if="showYhymInfo && customerId!=='1535072605621841922'"
class="table-more-btn"> class="table-more-btn">
<el-button class="diy-button--other" <el-button :headers="$getElUploadHeaders()"
class="diy-button--other"
size="small" size="small"
type="text" type="text"
:loading="yhymLoading" :loading="yhymLoading"
@ -142,7 +145,7 @@
border border
:height="tableHeight" :height="tableHeight"
v-loading="tableLoading" v-loading="tableLoading"
:header-cell-style="{background:'linear-gradient(0deg, #005EB3 0%, #0083F0 100%)',color:'#FFFFFF',padding:'6px'}" :header-cell-style="tableHeaderStyle"
style="width: 100%" style="width: 100%"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
@select-all="selectAll" @select-all="selectAll"
@ -192,25 +195,25 @@
<el-table-column label="操作" <el-table-column label="操作"
fixed="right" fixed="right"
width="140" width="160"
header-align="center" header-align="center"
align="center" align="center"
class="operate"> class="operate">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" <el-button type="text"
class="div-table-button--detail" class="div-table-button--orange"
size="small" size="small"
@click="handleDetail(scope.row)">查看</el-button> @click="handleDetail(scope.row)">查看</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
class="div-table-button--edit" class="div-table-button--blue"
size="small" size="small"
@click="handleEdit(scope.row)">修改</el-button> @click="handleEdit(scope.row)">修改</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
class="div-table-button--delete" class="div-table-button--red"
size="small" size="small"
@click="handleDelete(scope.row)">删除</el-button> @click="handleDelete(scope.row)">删除</el-button>
</template> </template>
@ -306,6 +309,7 @@ export default {
pageSize: 20, pageSize: 20,
pageNo: 0, pageNo: 0,
tableLoading: true, tableLoading: true,
// tableHeaderStyle: { background: 'linear-gradient(0deg, #005EB3 0%, #0083F0 100%)', color: '#FFFFFF', padding: '6px' },
showImportBtn: false,//是否显示操作按钮，根据登录人所属组织判断 showImportBtn: false,//是否显示操作按钮，根据登录人所属组织判断
roleList: [],//角色列表 roleList: [],//角色列表

185
src/views/modules/base/community/roomTable.vue
View File

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

Write Preview
Loading…
Cancel
Save