From e9dfe9273d9e5bc120fa2d47699a43c0b8b11584 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 07 五月 2025 18:59:34 +0800
Subject: [PATCH] 提交
---
admin/src/views/business/dangerStatic.vue | 68 ++++++++++++++++++++++++++++++---
1 files changed, 61 insertions(+), 7 deletions(-)
diff --git a/admin/src/views/business/dangerStatic.vue b/admin/src/views/business/dangerStatic.vue
index d1ea42c..a89c44e 100644
--- a/admin/src/views/business/dangerStatic.vue
+++ b/admin/src/views/business/dangerStatic.vue
@@ -52,8 +52,8 @@
<div class="main_table">
<div class="main_table_echart">
<div class="title">鏈勾闅愭偅瓒嬪娍</div>
- <div id="echart3" v-if="yearList.length > 0"></div>
- <div v-else style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;">
+ <div id="echart3" v-show="yearList.length > 0"></div>
+ <div style="width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;" v-show="yearList.length === 0">
<img style="width: 240px;" src="@/assets/images/default_homeimg.png" alt="">
</div>
</div>
@@ -324,6 +324,9 @@
let datas = this.yearList.map(item => item.total)
let option = {
+ tooltip: {
+ trigger: 'item'
+ },
grid: {
left: '5%',
right: '10%',
@@ -336,12 +339,56 @@
data: names
},
yAxis: {
- type: 'value'
+ type: 'value',
+ axisLine: {
+ show: true
+ }
},
series: [
{
data: datas,
- type: 'line'
+ type: 'line',
+ areaStyle: {
+ normal: {
+ color: {
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [{
+ offset: 0,
+ color: '#207FF7' // 0% 澶勭殑棰滆壊
+ }, {
+ offset: 1,
+ color: 'rgba(255,255,255,.2)' // 100% 澶勭殑棰滆壊
+ }],
+ globalCoord: false // 缂虹渷涓� false
+ }
+ }
+ },
+ lineStyle: { // 绾挎潯鏍峰紡
+ color: {
+ type: 'linear',
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [{
+ offset: 0, color: '#207FF7' // 0% 澶勭殑棰滆壊
+ }, {
+ offset: 1, color: '#207FF7' // 100% 澶勭殑棰滆壊
+ }]
+ },
+ width: 2 // 绾挎潯绮楃粏
+ },
+ symbol: 'circle',
+ symbolSize: 10,
+ itemStyle: {
+ borderWidth: 1,
+ borderColor: '#fff',
+ color: '#207FF7'
+ },
+ smooth: false
}
]
}
@@ -443,10 +490,12 @@
}
.list_head {
width: 100%;
- height: 35px;
+ height: 50px;
display: flex;
align-items: center;
- background-color: #ececec;
+ background-color: #F7F7F7;
+ border-left: 1px solid #DFE2E8;
+ border-top: 1px solid #DFE2E8;
margin-top: 15px;
.list_head_item {
flex: 1;
@@ -456,15 +505,19 @@
justify-content: center;
font-size: 13px;
color: #222222;
+ border-right: 1px solid #DFE2E8;
}
}
.table_box {
width: 100%;
+ border-bottom: 1px solid #DFE2E8;
.list_content {
width: 100%;
- height: 35px;
+ height: 50px;
display: flex;
align-items: center;
+ border-left: 1px solid #DFE2E8;
+ border-top: 1px solid #DFE2E8;
.list_head_item {
flex: 1;
height: 100%;
@@ -473,6 +526,7 @@
justify-content: center;
font-size: 13px;
color: #222222;
+ border-right: 1px solid #DFE2E8;
}
}
}
--
Gitblit v1.9.3