样式优化

黄何裕

2024-07-30 1995e710dcf70e635c4edaa8173f8b66cd67d499

 src/views/screen/components/screen-examine/components/examine-chart.vue

@@ -2,7 +2,7 @@
  <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 :startColor="'#4ea8ff'" :endColor="'#178fff'" :centerValue="item.value" :bottomTitle="item.name"
          :routerPath="item.routerUrl"></examine-hola>
      </div>
    </div>
@@ -26,9 +26,8 @@
        { 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' },

        { id: 7, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 8, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
      ]
    }
  },
@@ -59,8 +58,8 @@

    .hola-item {
      flex-shrink: 0;
      width: 220px;
      height: 180px;
      width: 150px;
      height: 120px;
    }
  }
}