| | |
| | | <template> |
| | | <div> |
| | | <div class="content"> |
| | | <div class="header_ct">{{ localInfo.taskViewName }}</div> |
| | | <div class="header_ct"><span class="blue-text">{{ localInfo.operationViewName }}</span> |
| | | 可视化大屏</div> |
| | | <div class="tab_page"> |
| | | <div class="operation" @click="goOperation">运营数据分析</div> |
| | | <div class="alarm">告警数据分析</div> |
| | |
| | | </div> |
| | | <div class="info_ct"> |
| | | <div class="left_ct"> |
| | | <div class="block alarm_overview"> |
| | | <div class="block alarm_overview" @click="goToAlarmQuery"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">告警</span> |
| | |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <div class="block latest_alarm"> |
| | | <div class="block latest_alarm" @click="goToAlarmQuery"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">最新</span> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="right_ct"> |
| | | <div class="block terminal_statis"> |
| | | <div class="block terminal_statis" @click="goToTerminal"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">终端</span> |
| | |
| | | this.getAlarmRankingData() |
| | | }, |
| | | goOperation() { |
| | | // this.$router.replace("operationBigdata") |
| | | window.location.href = window.location.origin + '/analysisScreen/operationBigdata' |
| | | }, |
| | | goToAlarmQuery() { |
| | | window.location.href = window.location.origin + '/event/oilout' |
| | | }, |
| | | goToTerminal() { |
| | | window.location.href = window.location.origin + '/device/camera' |
| | | }, |
| | | //获取告警概况数据 |
| | | getOverviewData() { |
| | |
| | | text-align: center; |
| | | font-size: 40px; |
| | | color: #fff; |
| | | .blue-text { |
| | | color: #5a81f9; |
| | | } |
| | | } |
| | | .tab_page { |
| | | display: flex; |