| | |
| | | <template> |
| | | <div> |
| | | <div class="content"> |
| | | <div class="header_ct">{{ localInfo.operationViewName }}</div> |
| | | <div class="header_ct"><span class="blue-text">{{ localInfo.operationViewName }}</span> |
| | | 可视化大屏</div> |
| | | <div class="tab_page"> |
| | | <div class="operation">运营数据分析</div> |
| | | <div class="alarm" @click="goAlarmPage">告警数据分析</div> |
| | |
| | | <div class="block monthly_sales_statis"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">销售</span> |
| | | <span>趋势</span> |
| | | <span class="blue_text">月度销售</span> |
| | | <span>统计</span> |
| | | </div> |
| | | </div> |
| | | <img class="title_line" src="@/assets/img/bigdata/daoh.png" alt="" /> |
| | |
| | | //获取运营概况数据 |
| | | getOverviewData() { |
| | | getAction('/jyz/operationData/overview', {}).then((res) => { |
| | | console.log('运营概况数据') |
| | | console.log(res) |
| | | this.overviewData = res.result |
| | | |
| | | this.setTurnInRateChart() |
| | | this.setRefuelingRateChart() |
| | | }) |
| | |
| | | text-align: center; |
| | | font-size: 40px; |
| | | color: #fff; |
| | | .blue-text { |
| | | color: #5a81f9; |
| | | } |
| | | |
| | | } |
| | | .tab_page { |
| | | display: flex; |