| | |
| | | </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 { |
| | |
| | | hbVisible: false, |
| | | pkVisible: false, |
| | | toggleMonitorStyle: 'right:0px', |
| | | |
| | | title: '污雨水管网', |
| | | isCollapse: true, |
| | | selectGroup: false |
| | |
| | | case '管道信息': |
| | | this.gcComp = PipeInformationSearch |
| | | break |
| | | case '企业应急': |
| | | this.gcComp = ReportSearch |
| | | break |
| | | } |
| | | }, |
| | | handlePage (page) { |
| | |
| | | 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 { |
| | |
| | | } |
| | | }) |
| | | }) |
| | | // console.log(that.topicList) |
| | | } |
| | | } |
| | | </script> |
| | |
| | | } |
| | | |
| | | .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; |