From d100657dacb25df91013ef25432620e6ae10d1f8 Mon Sep 17 00:00:00 2001
From: shimai <shimai@example.com>
Date: Thu, 09 Apr 2026 16:56:44 +0800
Subject: [PATCH] feat:增加白云案件类案数据
---
web-app/src/App.css | 47 ++++++++++++++++++++++++++++++++++++-----------
1 files changed, 36 insertions(+), 11 deletions(-)
diff --git a/web-app/src/App.css b/web-app/src/App.css
index 2afd4ed..59fba74 100644
--- a/web-app/src/App.css
+++ b/web-app/src/App.css
@@ -720,8 +720,8 @@
background: #f8f9fa;
border-radius: 8px;
padding: 14px 16px;
- margin-bottom: 16px;
- text-align: center;
+ margin-bottom: 10px;
+ text-align: left;
}
.success-rate-label {
@@ -730,25 +730,30 @@
margin-bottom: 8px;
}
+.success-rate-row {
+ display: flex;
+ align-items: baseline;
+ gap: 10px;
+ margin-bottom: 10px;
+}
+
.success-rate-value {
font-size: 2.2rem;
font-weight: 700;
color: #1a6fb8;
line-height: 1;
- margin-bottom: 8px;
}
.success-rate-yoy {
display: flex;
align-items: center;
- justify-content: center;
- gap: 6px;
+ gap: 4px;
font-size: 0.8rem;
}
-.yoy-icon {
- color: #52c41a;
- font-size: 0.75rem;
+.yoy-icon-img {
+ width: 12px;
+ height: 7px;
}
.yoy-rate {
@@ -757,7 +762,27 @@
}
.yoy-time {
- color: #999;
+ color: #52c41a;
+}
+
+/* 进度条 */
+.success-rate-progress {
+ width: 100%;
+}
+
+.progress-bar-bg {
+ width: 100%;
+ height: 6px;
+ background: #e8e8e8;
+ border-radius: 3px;
+ overflow: hidden;
+}
+
+.progress-bar-fill {
+ height: 100%;
+ background: #1a6fb8;
+ border-radius: 3px;
+ transition: width 0.3s ease;
}
/* 调解数据看板 - 左右分栏布局 */
@@ -771,10 +796,10 @@
flex-direction: column;
padding: 0;
background: transparent;
- gap: 0;
+ gap: 0px;
}
-.metric-card.right-column > * {
+.metric-card.right-column > *:last-child {
margin-bottom: 0;
}
--
Gitblit v1.8.0