| | |
| | | </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> |
| | |
| | | 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' |
| | | |
| | |
| | | WaterWasteSearch, |
| | | SolidWasteSearch, |
| | | EnvRiskSearch, |
| | | DischargeSearch |
| | | DischargeSearch, |
| | | ReportSearch |
| | | }, |
| | | data () { |
| | | return { |
| | |
| | | case '管道信息': |
| | | this.gcComp = PipeInformationSearch |
| | | break |
| | | case '企业应急': |
| | | this.gcComp = ReportSearch |
| | | break |
| | | } |
| | | }, |
| | | handlePage (page) { |
| | |
| | | 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 |