| | |
| | | <div class="chart-container"> |
| | | <div class="rank-chart"> |
| | | <div class="hola-item" v-for="item in dataList" :key="item.id"> |
| | | <examine-hola :startColor="'#02C77E'" :endColor="'#017770'" :centerValue="item.value" |
| | | :bottomTitle="item.name"></examine-hola> |
| | | <examine-hola :startColor="'#02C77E'" :endColor="'#017770'" :centerValue="item.value" :bottomTitle="item.name" |
| | | :routerPath="item.routerUrl"></examine-hola> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | data() { |
| | | return { |
| | | dataList: [ |
| | | {id: 1,name: '平台在线率', value: 60}, |
| | | {id: 2,name: '一机一档合格率', value: 20}, |
| | | {id: 3,name: '档案考核比', value: 60}, |
| | | {id: 4,name: '点位在线率', value: 40}, |
| | | {id: 5,name: '录像可用率', value: 80}, |
| | | {id: 6,name: '重点点位录像可用率', value: 20}, |
| | | {id: 7,name: '一机一档合格率', value: 60}, |
| | | {id: 8,name: '卡门过车数据一致性', value: 40}, |
| | | |
| | | { id: 1, name: '平台在线率', value: 60, routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { id: 2, name: '一机一档合格率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { id: 3, name: '档案考核比', value: 60, routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { id: 4, name: '点位在线率', value: 40, routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { id: 5, name: '录像可用率', value: 80, routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { id: 6, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { id: 7, name: '信息采集准确率', value: 60, routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | { id: 8, name: '车辆过卡口数据一致性', value: 40, routerUrl: '/car/vehicle-data-monitor/index' }, |
| | | |
| | | ] |
| | | } |
| | | }, |
| | |
| | | |
| | | .hola-item { |
| | | flex-shrink: 0; |
| | | width: 240px; |
| | | height: 200px; |
| | | color: #008000 |
| | | width: 220px; |
| | | height: 180px; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |