elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化界面展示

master
dai 3 years ago
parent
961c29a2b5
commit
15017b5caa
2 changed files with 69 additions and 65 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. 12
      src/assets/scss/modules/visual/fiveLayerMap.scss
  2. 122
      src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue

12
src/assets/scss/modules/visual/fiveLayerMap.scss
View File

@ -56,7 +56,7 @@
.div_tips{ .div_tips{
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 302px; height: 300px;
color: #fff; color: #fff;
.div_coverage{ .div_coverage{
@ -89,7 +89,7 @@
.div_category { .div_category {
@include scrollBar; @include scrollBar;
box-sizing: border-box; box-sizing: border-box;
height:178px; height:176px;
padding:0 10px 0; padding:0 10px 0;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
@ -162,11 +162,12 @@
margin-top:10px; margin-top:10px;
height: calc(810px - 302px - 10px); height: calc(810px - 302px - 10px);
color: #fff; color: #fff;
overflow-x: hidden;
.div_search_list { .div_search_list {
margin: 6px auto; margin: 6px auto;
text-align: center; text-align: center;
width: 590px; width: 570px;
height: 48px; height: 48px;
background-color: #011168; background-color: #011168;
border-radius: 4px; border-radius: 4px;
@ -191,14 +192,14 @@
.btn { .btn {
text-align: center; text-align: center;
flex: 0 0 113px; flex: 0 0 113px;
height: 48px; height: 52px;
background: linear-gradient(90deg, #1A5AFD, #26C4FF); background: linear-gradient(90deg, #1A5AFD, #26C4FF);
border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px;
font-size: 20px; font-size: 20px;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
line-height: 48px; line-height: 52px;
} }
.btn:hover { .btn:hover {
cursor: pointer; cursor: pointer;
@ -216,6 +217,7 @@
.m-pagination { .m-pagination {
// position: absolute; // position: absolute;
box-sizing: border-box; box-sizing: border-box;
margin-top: 2px;
width: 100%; width: 100%;
height: 40px; height: 40px;
display: flex; display: flex;

122
src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
View File

@ -26,79 +26,81 @@
</div> </div>
<div class="div_data"> <div class="div_data">
<div class="div_tips">
<cpt-card>
<div class="div_coverage">
<div class="coverage_item"
@click="handleClickCoverage(index)"
v-for="(item,index) in coverageTypesList"
:key="index">
<img :src="item.select?selImg:noSelImg" />
<span>{{item.label}}</span>
</div>
</div>
<div class="div_category">
<div v-for="(item,index) in categoryListshow"
:key="index"
class="category_item">
<cpt-card class="div_tips"> <div v-for="(colItem,colIndex) in item"
:key="colIndex"
class="list_item"
@click="handleClickCategory(index,colIndex)">
<img :src="colItem.dataIcon"
alt />
<div :class="['item_content',colItem.sel?'item_content_sel':'']">{{colItem.categoryName}}
<div class="div_coverage"> </div>
<div class="coverage_item"
@click="handleClickCoverage(index)"
v-for="(item,index) in coverageTypesList"
:key="index">
<img :src="item.select?selImg:noSelImg" />
<span>{{item.label}}</span>
</div>
</div>
<div class="div_category">
<div v-for="(item,index) in categoryListshow"
:key="index"
class="category_item">
<div v-for="(colItem,colIndex) in item"
:key="colIndex"
class="list_item"
@click="handleClickCategory(index,colIndex)">
<img :src="colItem.dataIcon"
alt />
<div :class="['item_content',colItem.sel?'item_content_sel':'']">{{colItem.categoryName}}
</div> </div>
</div> </div>
</div> </div>
</div> </cpt-card>
</cpt-card> </div>
<cpt-card class="div_info">
<div class="div_search_list">
<el-input size="mini"
WarningColor='warning'
placeholder="请输入搜索内容"
v-model="search">
<i slot="prefix"
class="icon">
<img src="../../../../../assets/img/modules/visual/sousuo.png"
alt />
</i>
</el-input>
<div class="btn"
@click="handleSearch">搜索</div>
</div> <div class="div_info">
<div class="m-tb"> <cpt-card>
<div class="div_search_list">
<el-input size="mini"
WarningColor='warning'
placeholder="请输入搜索内容"
v-model="search">
<i slot="prefix"
class="icon">
<img src="../../../../../assets/img/modules/visual/sousuo.png"
alt />
</i>
</el-input>
<div class="tb"> <div class="btn"
<cpt-tb :col-list="demand.colList" @click="handleSearch">搜索</div>
:loading="demand.loading"
:header="demand.header"
:list="demand.list"
@handleClickRow="handleClickRow"></cpt-tb>
</div> </div>
<div class="m-pagination"> <div class="m-tb">
<el-pagination :current-page="demand.pageNo"
:page-size="demand.pageSize" <div class="tb">
:total="demand.total" <cpt-tb :col-list="demand.colList"
background :loading="demand.loading"
layout="prev, pager, next,total" :header="demand.header"
@current-change="handlePageNoChange_demand"> :list="demand.list"
</el-pagination> @handleClickRow="handleClickRow"></cpt-tb>
</div>
<div class="m-pagination">
<el-pagination :current-page="demand.pageNo"
:page-size="demand.pageSize"
:total="demand.total"
background
layout="prev, pager, next,total"
@current-change="handlePageNoChange_demand">
</el-pagination>
</div>
</div> </div>
</div>
</cpt-card> </cpt-card>
</div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save