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

列表样式

dev2
jiangyy 3 years ago
parent
5b997d1a6f
commit
6191138f30
5 changed files with 316 additions and 297 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. 44
      src/assets/scss/modules/management/list-main.scss
  2. 49
      src/views/modules/base/community/buildTable.vue
  3. 6
      src/views/modules/base/community/community.vue
  4. 62
      src/views/modules/base/community/communityTable.vue
  5. 36
      src/views/modules/base/community/roomTable.vue

44
src/assets/scss/modules/management/list-main.scss
View File

@ -57,9 +57,11 @@
} }
.div_table{ .div_table{
margin:15px 7px 7px; margin:16px 7px 7px;
// padding: 10px 20px; background: #FFFFFF;
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
position: relative; position: relative;
padding:24px 16px 0;
.div_btn { .div_btn {
display: flex; display: flex;
@ -72,6 +74,7 @@
.btn_upload { .btn_upload {
margin-left: 10px; margin-left: 10px;
display: flex; display: flex;
text-align: center;
} }
} }
@ -83,7 +86,7 @@
} }
.div_table_item { .div_table_item {
margin-top: 10px; margin-top: 16px;
position: relative; position: relative;
} }
} }
@ -109,41 +112,6 @@
} }
} }
// .div_table {
// // background: #ffffff;
// // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
// // border-radius: 4px;
// margin-top: 15px;
// // padding: 10px 20px;
// position: relative;
// .div_btn {
// margin-top: 10px;
// // margin-left: 10px;
// display: flex;
// .btn_upload {
// margin-left: 10px;
// display: flex;
// }
// }
// .table {
// margin-top: 20px;
// .img-voice{
// width:30px;
// height:30px;
// }
// }
// .div_notice {
// position: absolute;
// left: 15px;
// bottom: 0;
// }
// }
.div-mult-form { .div-mult-form {
margin-top: 20px; margin-top: 20px;

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

@ -4,20 +4,23 @@
<div class="div_btn"> <div class="div_btn">
<div class="div_btn_left"> <div class="div_btn_left">
<el-button style="" <el-button style=""
class="diy-button--purple" class="diy-button--blue"
icon="el-icon-plus"
size="small" size="small"
@click="handleAdd">新增楼栋</el-button> @click="handleAdd">新增楼栋</el-button>
<el-button style="margin-left:10px"
class="diy-button--green"
size="small"
@click="handleExport">导出</el-button>
<div class="btn_upload" <div class="btn_upload"
v-if="showImportBtn"> v-if="showImportBtn">
<el-popover popper-class="btn-popper"
placement="bottom"
width="20"
trigger="hover">
<div class="table-more-btn">
<el-upload :headers="$getElUploadHeaders()" <el-upload :headers="$getElUploadHeaders()"
style="" style="text-align: center"
ref="upload_building" ref="upload_building"
:multiple='false' :multiple='false'
:show-file-list='false' :show-file-list='false'
@ -27,11 +30,14 @@
:http-request="(()=>{uploadFile( 'building')})"> :http-request="(()=>{uploadFile( 'building')})">
<el-button style="" <el-button style=""
size="small" size="small"
class="diy-button--yellow">导入楼栋数据</el-button> type="text"
class="diy-button--other">导入楼栋数据</el-button>
</el-upload> </el-upload>
</div>
<div class="table-more-btn">
<el-upload :headers="$getElUploadHeaders()" <el-upload :headers="$getElUploadHeaders()"
style="" style="text-align: center"
ref="upload_room" ref="upload_room"
:multiple='false' :multiple='false'
:show-file-list='false' :show-file-list='false'
@ -39,18 +45,27 @@
action="" action=""
accept=".xls,.xlsx" accept=".xls,.xlsx"
:http-request="(()=>{uploadFile( 'room')})"> :http-request="(()=>{uploadFile( 'room')})">
<el-button style="margin-left:10px" <el-button size="small"
size="small" type="text"
class="diy-button--orange">导入房屋数据</el-button> class="diy-button--other">导入房屋数据</el-button>
</el-upload> </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-popover>
</div>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
class="diy-button--red" class="diy-button--white"
size="small"
@click="handleExport">导出</el-button>
<el-button style="margin-left:10px"
class="diy-button--white"
size="small" size="small"
@click="deleteBatch">批量删除</el-button> @click="deleteBatch">批量删除</el-button>
</div>
</div> </div>
<div class="div_btn_right"> <div class="div_btn_right">
@ -96,7 +111,7 @@
<el-button size="small" <el-button size="small"
style="float:right" style="float:right"
class="diy-button--white" class="diy-button--white"
slot="reference">更多操作<i class="el-icon-caret-bottom"></i></el-button> slot="reference">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
</el-popover> </el-popover>
</div> </div>

6
src/views/modules/base/community/community.vue
View File

@ -37,7 +37,7 @@
<el-form :inline="true" <el-form :inline="true"
ref="ref_searchform" ref="ref_searchform"
:label-width="'100px'"> :label-width="'100px'">
<div class="search_form"> <!-- <div class="search_form"> -->
<el-form-item label="房主姓名" <el-form-item label="房主姓名"
prop="ownerName"> prop="ownerName">
<el-input v-model="ownerName" <el-input v-model="ownerName"
@ -180,7 +180,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</div> <!-- </div> -->
<div class="div_search_btn"> <div class="div_search_btn">
<el-button size="small" <el-button size="small"
class="diy-button--white" class="diy-button--white"
@ -200,7 +200,7 @@
</div> </div>
<div class="div_table"> <div class="">
<build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable" <build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable"
ref="ref_neighTable" ref="ref_neighTable"
:staffAgencyId="staffAgencyId" :staffAgencyId="staffAgencyId"

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

@ -6,18 +6,22 @@
<div class="div_btn_left"> <div class="div_btn_left">
<el-button style="" <el-button style=""
size="small" size="small"
class="diy-button--purple" class="diy-button--blue"
icon="el-icon-plus"
@click="handleAdd">新增小区</el-button> @click="handleAdd">新增小区</el-button>
<el-button style="margin-left:10px"
class="diy-button--green"
size="small"
@click="handleExportOpen">导出</el-button>
<div class="btn_upload"
v-if="showImportBtn">
<div class="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()" <el-upload :headers="$getElUploadHeaders()"
ref="upload_community" ref="upload_community"
style="" style="text-align: center"
:multiple='false' :multiple='false'
:show-file-list='false' :show-file-list='false'
:before-upload="((file)=>{beforeUpload(file, 'community')})" :before-upload="((file)=>{beforeUpload(file, 'community')})"
@ -25,11 +29,15 @@
accept=".xls,.xlsx" accept=".xls,.xlsx"
:http-request="(()=>{uploadFile( 'community')})"> :http-request="(()=>{uploadFile( 'community')})">
<el-button size="small" <el-button size="small"
class="diy-button--blue">导入小区数据</el-button> type="text"
class="diy-button--other">导入小区数据</el-button>
</el-upload> </el-upload>
</div>
<div class="table-more-btn">
<el-upload :headers="$getElUploadHeaders()" <el-upload :headers="$getElUploadHeaders()"
style="" style="text-align: center"
ref="upload_building" ref="upload_building"
:multiple='false' :multiple='false'
:show-file-list='false' :show-file-list='false'
@ -37,13 +45,15 @@
action="" action=""
accept=".xls,.xlsx" accept=".xls,.xlsx"
:http-request="(()=>{uploadFile( 'building')})"> :http-request="(()=>{uploadFile( 'building')})">
<el-button style="margin-left:10px" <el-button size="small"
size="small" type="text"
class="diy-button--yellow">导入楼栋数据</el-button> class="diy-button--other">导入楼栋数据</el-button>
</el-upload> </el-upload>
</div>
<div class="table-more-btn">
<el-upload :headers="$getElUploadHeaders()" <el-upload :headers="$getElUploadHeaders()"
style="" style="text-align: center"
ref="upload_room" ref="upload_room"
:multiple='false' :multiple='false'
:show-file-list='false' :show-file-list='false'
@ -51,15 +61,25 @@
action="" action=""
accept=".xls,.xlsx" accept=".xls,.xlsx"
:http-request="(()=>{uploadFile( 'room')})"> :http-request="(()=>{uploadFile( 'room')})">
<el-button style="margin-left:10px" <el-button size="small"
size="small" type="text"
class="diy-button--orange">导入房屋数据</el-button> class="diy-button--other">导入房屋数据</el-button>
</el-upload> </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-popover>
</div> </div>
<el-button style="margin-left:10px"
class="diy-button--white"
size="small"
@click="handleExportOpen">导出</el-button>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
class="diy-button--red" class="diy-button--white"
size="small" size="small"
@click="deleteBatch">批量删除</el-button> @click="deleteBatch">批量删除</el-button>
@ -74,7 +94,7 @@
placement="bottom" placement="bottom"
style="margin-left: 10px" style="margin-left: 10px"
width="20" width="20"
trigger="hover"> trigger="click">
<div v-if="showImportBtn" <div v-if="showImportBtn"
class="table-more-btn"> class="table-more-btn">
<el-button class="diy-button--other" <el-button class="diy-button--other"
@ -134,7 +154,7 @@
<el-button size="small" <el-button size="small"
style="float:right" style="float:right"
class="diy-button--white" class="diy-button--white"
slot="reference">更多操作<i class="el-icon-caret-bottom"></i></el-button> slot="reference">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
</el-popover> </el-popover>
</div> </div>
</div> </div>
@ -145,7 +165,6 @@
border border
:height="tableHeight" :height="tableHeight"
v-loading="tableLoading" v-loading="tableLoading"
:header-cell-style="tableHeaderStyle"
style="width: 100%" style="width: 100%"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
@select-all="selectAll" @select-all="selectAll"
@ -309,7 +328,6 @@ 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: [],//角色列表

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

@ -4,21 +4,25 @@
<div class="div_btn_left"> <div class="div_btn_left">
<el-button v-if="agencyObj.level === 'building' || source !== 'search'" <el-button v-if="agencyObj.level === 'building' || source !== 'search'"
v-show="btnAuths.ic_house_add" v-show="btnAuths.ic_house_add"
class="diy-button--purple" class="diy-button--blue"
icon="el-icon-plus"
size="small" size="small"
@click="handleAdd">新增房屋</el-button> @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" <div class="btn_upload"
v-if="showImportBtn"> v-if="showImportBtn">
<el-popover popper-class="btn-popper"
placement="bottom"
width="20"
trigger="hover">
<div class="table-more-btn">
<el-upload ref="upload" <el-upload ref="upload"
v-if="btnAuths.ic_house_import" v-if="btnAuths.ic_house_import"
:multiple="false" :multiple="false"
style="text-align: center"
:show-file-list="false" :show-file-list="false"
:before-upload="beforeUpload" :before-upload="beforeUpload"
action="" action=""
@ -28,13 +32,27 @@
:http-request="uploadFile"> :http-request="uploadFile">
<el-button style="" <el-button style=""
size="small" size="small"
class="diy-button--orange">导入房屋数据</el-button> type="text"
class="diy-button--other">导入房屋数据</el-button>
</el-upload> </el-upload>
</div> </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-popover>
</div>
<el-button style="float: left; margin-left: 10px"
v-if="btnAuths.ic_house_export"
class="diy-button--white"
size="small"
@click="handleExport">导出</el-button>
<el-button style="float: left; margin-left: 10px" <el-button style="float: left; margin-left: 10px"
v-if="btnAuths.ic_house_batch_del" v-if="btnAuths.ic_house_batch_del"
class="diy-button--red" class="diy-button--white"
size="small" size="small"
@click="deleteBatch">批量删除</el-button> @click="deleteBatch">批量删除</el-button>
@ -78,7 +96,7 @@
<el-button size="small" <el-button size="small"
style="float:right" style="float:right"
class="diy-button--white" class="diy-button--white"
slot="reference">更多操作<i class="el-icon-caret-bottom"></i></el-button> slot="reference">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
</el-popover> </el-popover>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save