管线搜索弹框整体调整

chenyabin

2021-05-10 e955287ac83d12c1545db512d9af7ed5a15db21c

 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: 2.79167rem;
  //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;
@@ -275,7 +286,7 @@
  //top: 10px;
  height: 0;
  position: absolute;
  top: 0.42979rem;
  top: 0.73979rem;
  right: 0.14583rem;
  z-index: 501;
  display: -webkit-box;
@@ -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;
@@ -608,12 +618,14 @@
      background: #0B3B6D;
    }
  }

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

  input::-webkit-input-placeholder {
    color: #569ee1;