| | |
| | | <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> |
| | | :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'}, |
| | | |
| | | ] |
| | | } |
| | | }, |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |