From 4529cc97736ab92b30fb6351b37970bf53a22794 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期五, 01 十一月 2024 02:47:14 +0800
Subject: [PATCH] 数据中心优化完成
---
src/views/screen/components/screen-examine/components/examine-hola.vue | 33 ++++++++++++++++++++++++---------
1 files changed, 24 insertions(+), 9 deletions(-)
diff --git a/src/views/screen/components/screen-examine/components/examine-hola.vue b/src/views/screen/components/screen-examine/components/examine-hola.vue
index e034ab7..3b7e21d 100644
--- a/src/views/screen/components/screen-examine/components/examine-hola.vue
+++ b/src/views/screen/components/screen-examine/components/examine-hola.vue
@@ -2,7 +2,9 @@
<!-- 杩涘害鏉＄被鍨嬬粍浠� -->
<div class="progressChart">
<div class="chart" id="progressChart" ref="chartRef"></div>
- <label class="bottom le-0-font">{{ bottomTitle }}</label>
+ <el-link class="bottom le-0-font" :underline="false" @click="handleDetail(routerPath)">
+ <label>{{ bottomTitle }}</label>
+ </el-link>
</div>
</template>
<script>
@@ -27,7 +29,7 @@
// 璁剧疆鑳屾櫙鍦嗙幆鏍峰紡
lineStyle: {
width: 10, // 鍦嗙幆瀹藉害
- color: [[1, '#002865']] // 鍦嗙幆鑳屾櫙鑹�
+ color: [[1, '#ecf6ff']] // 鍦嗙幆鑳屾櫙鑹�
}
},
// 浠〃鐩樻寚閽�
@@ -83,7 +85,7 @@
detail: {
// width: 50,
// height: 14,
- fontSize: 14,
+ fontSize: 20,
color: 'auto'
},
data: [
@@ -94,7 +96,7 @@
detail: {
// 涓績title璁剧疆
offsetCenter: ['0%', '0%'],
- color: '#01F8FF',
+ color: '#dedddd',
formatter: '{value}%'
// borderColor: '#01F8FF',
// borderRadius: 20,
@@ -120,12 +122,22 @@
type: [Number, String],
default: 0
},
+ routerPath: {
+ type: String,
+ default: ''
+ },
bottomTitle: {
type: String,
default: ''
}
},
- methods: {},
+ methods: {
+ handleDetail(routerUrl) {
+ this.$router.push({
+ path: routerUrl,
+ })
+ }
+ },
created() { },
mounted() {
let myChart = echarts.init(this.$refs['chartRef']) // 浣跨敤Id鏃犳硶瀹炵幇
@@ -139,7 +151,9 @@
.progressChart {
width: 100%;
height: 100%;
-
+ display: flex;
+ flex-direction: column;
+ align-items: center;
.chart {
width: 100%;
height: 75%;
@@ -148,10 +162,11 @@
.bottom {
display: inline-block;
width: 100%;
- color: #01f8ff;
+ color: #dedddd;
text-align: center;
- font-size: 16px;
+ font-size: 14px;
margin-top: 10px;
}
}
-</style>
\ No newline at end of file
+
+</style>
--
Gitblit v1.8.0