完成附属设施功能。

chenyabin

2021-04-19 34a0220d8f02151846783ba22fbca06e376edbf5

 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
      }
    },
@@ -254,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;
@@ -590,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;
@@ -612,7 +621,7 @@

  .environmental-risk-list.hover,
  .environmental-risk-list:hover {
    color: @color-over;
    color: @color-highlight;
    background: @background-color;
  }