搜索 企业应急图片修改与图层控制联动。

chenyabin

2021-05-13 e4e70f29e0142c4b3bc2ccb59be1e4246104050a

 src/components/panel/RightSearchPanel.vue

@@ -17,13 +17,14 @@
                @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>
          </div>
        </div>
        <div class="right-control" :class="[{ 'unfold': !isCollapse },{ 'shrink': isCollapse }] ">
        <div class="right-control" :class="[{ 'unfold': !isCollapse },{ 'shrink': isCollapse }] " v-if="gcComp!=''">
          <div class="panel-fold-btn" @click="toggleMonitorPanel">
            <div :class="[isCollapse? 'btn-stretch':'btn-shrink']"></div>
          </div>
@@ -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 {
@@ -83,7 +86,6 @@
      hbVisible: false,
      pkVisible: false,
      toggleMonitorStyle: 'right:0px',

      title: '污雨水管网',
      isCollapse: true,
      selectGroup: false
@@ -152,6 +154,9 @@
        case '管道信息':
          this.gcComp = PipeInformationSearch
          break
        case '企业应急':
          this.gcComp = ReportSearch
          break
      }
    },
    handlePage (page) {
@@ -212,10 +217,15 @@
  mounted () {
    const that = this
    bus.$on('changeSearchBar', function (obj) {
      // console.log(obj.checked, obj.name)
      that.gcComp = ''
      that.topicList.forEach((item) => {
        if (item.name === obj.name) {
          item.isShow = obj.checked
          if (obj.type > 0) {
            item.isShow = true
          } else {
            item.isShow = false
          }
          // item.isShow = obj.checked
          if (item.isShow) {
            that.selected(item)
          } else {
@@ -224,6 +234,7 @@
        }
      })
    })
  //  console.log(that.topicList)
  }
}
</script>
@@ -263,10 +274,10 @@
  cursor: pointer;
  position: relative;
  line-height: 0.15rem;

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

    img {
      width: 0.1rem;
@@ -285,7 +296,7 @@
  //top: 10px;
  height: 0;
  position: absolute;
  top: 0.42979rem;
  top: 0.73979rem;
  right: 0.14583rem;
  z-index: 501;
  display: -webkit-box;
@@ -599,13 +610,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;
@@ -618,11 +628,13 @@
      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 {
@@ -680,12 +692,16 @@
  }

  .footer-page {
    position: absolute;
   // position: absolute;
    background-color: transparent !important;
    bottom: 10px !important;
    margin-left: 0px;
  //  bottom: 10px !important;
   // margin-left: 0px;
    border: none;

    margin: 0;
    border-top: 1px solid rgba(0, 255, 246, 0.14);
   .el-card__body{
     padding: 5px;
   }
    .warnPagination {
      .btn-quicknext, .btn-quickprev {
        color: #e4e8f1 !important;