企业应急

ChenZeping

2021-05-10 315dc0b82a482a3d145009c8f25c20e87da681d5

 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>
@@ -59,6 +60,7 @@
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 ReportSearch from './topicSearch/ReportSearch'

import bus from '@/eventBus'

@@ -69,7 +71,8 @@
    WaterWasteSearch,
    SolidWasteSearch,
    EnvRiskSearch,
    DischargeSearch
    DischargeSearch,
    ReportSearch
  },
  data () {
    return {
@@ -151,6 +154,9 @@
          break
        case '管道信息':
          this.gcComp = PipeInformationSearch
          break
        case '企业应急':
          this.gcComp = ReportSearch
          break
      }
    },
@@ -242,7 +248,8 @@
.search-container {
  position: relative;
  //width: 1.79167rem;
  width: 2.79167rem;
  //width: 2.39167rem;
  width: 2.3rem;
  /*  height: 5.6475rem;*/
  overflow: hidden;
}
@@ -262,10 +269,10 @@
  cursor: pointer;
  position: relative;
  line-height: 0.15rem;

  li {
    margin: 0.00521rem 0;
    text-align: center;
    font-size: 20px;

    img {
      width: 0.1rem;
@@ -284,7 +291,7 @@
  //top: 10px;
  height: 0;
  position: absolute;
  top: 0.42979rem;
  top: 0.73979rem;
  right: 0.14583rem;
  z-index: 501;
  display: -webkit-box;
@@ -598,13 +605,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;
@@ -617,12 +623,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;