fuliqi
2024-03-26 d67d79c396bd29ff9b8b17322928ae8a8325156b
src/views/screen/components/screen-examine/components/examine-chart.vue
@@ -2,8 +2,8 @@
  <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>
@@ -20,15 +20,15 @@
  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' },
      ]
    }
  },
@@ -59,10 +59,9 @@
    .hola-item {
      flex-shrink: 0;
      width: 240px;
      height: 200px;
      color: #008000
      width: 220px;
      height: 180px;
    }
  }
}
</style>
</style>