| | |
| | | </div> |
| | | <img class="title_line" src="@/assets/img/bigdata/daoh.png" alt="" /> |
| | | <div class="icon_ct"> |
| | | <div class="icon_fa"> |
| | | <div class="icon_fa" @click="goToDataAnalysis"> |
| | | <div class="icon_img_fa"> |
| | | <img src="@/assets/img/bigdata/cheliuliang.png" alt="" /> |
| | | </div> |
| | | <div class="icon_name">车流量</div> |
| | | <div class="icon_num">{{ overviewData.trafficFlow }}</div> |
| | | </div> |
| | | <div class="icon_fa"> |
| | | <div class="icon_fa" @click="goToDataAnalysis"> |
| | | <div class="icon_img_fa"> |
| | | <img src="@/assets/img/bigdata/jinzhanshu.png" alt="" /> |
| | | </div> |
| | | <div class="icon_name">进站数</div> |
| | | <div class="icon_num">{{ overviewData.inboundCount }}</div> |
| | | </div> |
| | | <div class="icon_fa"> |
| | | <div class="icon_fa" @click="goToDataAnalysis('oilCount')"> |
| | | <div class="icon_img_fa"> |
| | | <img src="@/assets/img/bigdata/jiayoushuliang.png" alt="" /> |
| | | </div> |
| | |
| | | <div class="pie_self" id="refuelingRateChart"></div> |
| | | </div> |
| | | </div> |
| | | <div class="block customer_statis"> |
| | | <div class="block customer_statis" @click="goToCarInfo"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">客户</span> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="block traffic_statis"> |
| | | <div class="block traffic_statis" @click="goToDataAnalysis"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">车流量</span> |
| | |
| | | <!-- <img class="person_img" src="@/assets/img/bigdata/person.png" alt="" /> |
| | | <img class="car_img" src="@/assets/img/bigdata/car.png" alt="" /> --> |
| | | </div> |
| | | <div class="block refueling_statis"> |
| | | <div class="block refueling_statis" @click="goToDataAnalysis"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">加油</span> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="block vehicle_type_distribution"> |
| | | <div class="block vehicle_type_distribution" @click="goToCarInfo"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">车型</span> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="block monthly_sales_statis"> |
| | | <div class="block monthly_sales_statis" @click="goToSales"> |
| | | <div class="block_title"> |
| | | <div> |
| | | <span class="blue_text">月度销售</span> |
| | |
| | | goAlarmPage() { |
| | | window.location.href = window.location.origin + '/analysisScreen/alarmBigdata' |
| | | }, |
| | | goToDataAnalysis(target) { |
| | | const scrollTarget = target === 'oilCount' ? 'oil-count-card' : 'traffic-flow-card' |
| | | localStorage.setItem('scrollToTarget', scrollTarget) |
| | | if (target === 'oilCount') { |
| | | localStorage.setItem('trendAnalysisType', '1') |
| | | } |
| | | window.location.href = window.location.origin + '/data/DataReport' |
| | | }, |
| | | goToCarInfo() { |
| | | window.location.href = window.location.origin + '/data/carInfo' |
| | | }, |
| | | goToSales() { |
| | | window.location.href = window.location.origin + '/data/sales' |
| | | }, |
| | | //获取运营概况数据 |
| | | getOverviewData() { |
| | | getAction('/jyz/operationData/overview', {}).then((res) => { |