From d387848d15a40fb16c8a6eefb007d5f7411c5dbc Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期日, 28 四月 2024 13:32:27 +0800
Subject: [PATCH] fix:修改图片浏览组件
---
src/views/screen/components/screen-examine/components/examine-hola.vue | 29 ++++++++++++++++++++++-------
1 files changed, 22 insertions(+), 7 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..83a0396 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>
@@ -26,7 +28,7 @@
clip: false, // 鏄惁瑁佸壀瓒呭嚭閮ㄥ垎
// 璁剧疆鑳屾櫙鍦嗙幆鏍峰紡
lineStyle: {
- width: 10, // 鍦嗙幆瀹藉害
+ width: 6, // 鍦嗙幆瀹藉害
color: [[1, '#002865']] // 鍦嗙幆鑳屾櫙鑹�
}
},
@@ -83,7 +85,7 @@
detail: {
// width: 50,
// height: 14,
- fontSize: 14,
+ fontSize: 20,
color: 'auto'
},
data: [
@@ -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%;
@@ -150,8 +164,9 @@
width: 100%;
color: #01f8ff;
text-align: center;
- font-size: 16px;
+ font-size: 14px;
margin-top: 10px;
}
}
-</style>
\ No newline at end of file
+
+</style>
--
Gitblit v1.8.0