From 2ef9fc6d545b03dcd493a1b94ecfc852c51a6f79 Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 20 三月 2024 17:18:06 +0800
Subject: [PATCH] 优化
---
src/views/screen/components/screen-examine/components/examine-chart.vue | 35 +++++++++++++++--------------------
1 files changed, 15 insertions(+), 20 deletions(-)
diff --git a/src/views/screen/components/screen-examine/components/examine-chart.vue b/src/views/screen/components/screen-examine/components/examine-chart.vue
index 3146d3d..74c3413 100644
--- a/src/views/screen/components/screen-examine/components/examine-chart.vue
+++ b/src/views/screen/components/screen-examine/components/examine-chart.vue
@@ -3,14 +3,13 @@
<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>
</template>
<script>
-import * as echarts from 'echarts';
import ExamineHola from './examine-hola.vue';
let barChart = null;
export default {
@@ -21,21 +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: 24},
- {id: 8,name: '瑙嗗浘搴撳鎺ョǔ瀹氭��', value: 25},
- {id: 9,name: '淇℃伅閲囬泦鍑嗙‘鐜�', value: 75},
- {id: 10,name: '杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�', value: 12},
- {id: 11,name: '璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�', value: 82},
- {id: 12,name: '浜鸿劯鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�', value: 13},
- {id: 13,name: '璁惧鎶撴媿鍥剧墖鍚堟牸鎬�', value: 91},
- {id: 14,name: '璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�', value: 12},
- {id: 15,name: '骞冲彴鍦ㄧ嚎鐜�', value: 42},
+ {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'},
+
]
}
},
@@ -61,13 +54,15 @@
justify-content: space-between;
flex-wrap: wrap;
align-content: space-between;
+ padding: 20px 0;
+ box-sizing: border-box;
.hola-item {
flex-shrink: 0;
- width: 180px;
- height: 150px;
+ width: 240px;
+ height: 200px;
color: #008000
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0