企业应急-事件处置-事件信息页面

yangdelong

2021-05-29 737a5478ab7f423acd7750003b0df9705ebbaecd

 src/components/panel/RightSearchPanel.vue

@@ -24,7 +24,7 @@
            </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>
@@ -60,7 +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 EnterpriseEmergencySearch from './topicSearch/EnterpriseEmergencySearch'

import bus from '@/eventBus'

@@ -72,7 +72,7 @@
    SolidWasteSearch,
    EnvRiskSearch,
    DischargeSearch,
    ReportSearch
    EnterpriseEmergencySearch
  },
  data () {
    return {
@@ -86,7 +86,6 @@
      hbVisible: false,
      pkVisible: false,
      toggleMonitorStyle: 'right:0px',

      title: '污雨水管网',
      isCollapse: true,
      selectGroup: false
@@ -156,7 +155,7 @@
          this.gcComp = PipeInformationSearch
          break
        case '企业应急':
          this.gcComp = ReportSearch
          this.gcComp = EnterpriseEmergencySearch
          break
      }
    },
@@ -218,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 {
@@ -230,6 +234,7 @@
        }
      })
    })
  //  console.log(that.topicList)
  }
}
</script>
@@ -322,8 +327,8 @@
    background: @background-color4;
    color: @color-tool;
    position: absolute;
    top: 24px;
    right: 0.02rem;
    top: 20px;
    left: 0.02rem;
    border: none; //1px solid @color-tool;
    width: 0.2rem;
    height: 0.2rem;
@@ -687,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;