From 34a0220d8f02151846783ba22fbca06e376edbf5 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期一, 19 四月 2021 18:02:35 +0800 Subject: [PATCH] 完成附属设施功能。 --- src/components/panel/RightSearchPanel.vue | 22 ++++++++++++++++------ 1 files changed, 16 insertions(+), 6 deletions(-) diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue index afdd752..17cc936 100644 --- a/src/components/panel/RightSearchPanel.vue +++ b/src/components/panel/RightSearchPanel.vue @@ -17,7 +17,8 @@ @click="()=>{selected(item)}" v-show="item.isShow"> <el-tooltip :popper-class="'map-tooltip'" effect="dark" :content="item.name" placement="left"> <li> - <img src="../../assets/images/map-pages/icon/sl.png" class="icon"> + <!-- <img src="../../assets/images/map-pages/icon/sl.png" class="icon"> --> + <i class="icon iconfont" :class="item.icon"></i> </li> </el-tooltip> </ul> @@ -57,6 +58,9 @@ import SolidWasteSearch from '@components/panel/topicSearch/SolidWasteSearch' import SewersSearch from '@components/panel/topicSearch/SewersSearch' import SoilGroundWaterSearch from '@components/panel/topicSearch/SoilGroundWaterSearch.vue' +import PipeChangesSearch from '@components/panel/topicSearch/pipeChangesSearch.vue' +import PipeInformationSearch from '@components/panel/topicSearch/pipeInformationSearch.vue' + import bus from '@/eventBus' export default { @@ -142,6 +146,12 @@ break case '绠$嚎': this.gcComp = SewersSearch + break + case '绠¢亾鍙樻洿': + this.gcComp = PipeChangesSearch + break + case '绠¢亾淇℃伅': + this.gcComp = PipeInformationSearch break } }, @@ -233,7 +243,8 @@ .search-container { position: relative; //width: 1.79167rem; - width: 4.7rem; + //width: 2.39167rem; + width: 2.3rem; /* height: 5.6475rem;*/ overflow: hidden; } @@ -253,10 +264,10 @@ cursor: pointer; position: relative; line-height: 0.15rem; - li { margin: 0.00521rem 0; text-align: center; + font-size: 20px; img { width: 0.1rem; @@ -589,13 +600,12 @@ .environmental-risk-list { position: relative; - cursor: pointer; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; color: @color-shadow; border-bottom: 1px solid @background-color-split; - + h3{ cursor: pointer;} .state { width: 30px; height: 30px; @@ -611,7 +621,7 @@ .environmental-risk-list.hover, .environmental-risk-list:hover { - color: @color-over; + color: @color-highlight; background: @background-color; } -- Gitblit v1.8.0