From 6b14010e1765842acc437ab130e5815bc623788d Mon Sep 17 00:00:00 2001
From: chengmw <chengmingwei_1984122@126.com>
Date: Thu, 02 Apr 2026 14:59:59 +0800
Subject: [PATCH] feat: 优化警告提示和调解流程 UI，新增 AI 背景和图片资源
---
web-app/src/components/dashboard/TabContainer.jsx | 22 ++++++++++++++++------
1 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/web-app/src/components/dashboard/TabContainer.jsx b/web-app/src/components/dashboard/TabContainer.jsx
index 4e8c3a6..e390898 100644
--- a/web-app/src/components/dashboard/TabContainer.jsx
+++ b/web-app/src/components/dashboard/TabContainer.jsx
@@ -6,7 +6,7 @@
import MediationAgreementAPIService from '../../services/MediationAgreementAPIService';
import { getMergedParams } from '../../utils/urlParams';
import { message, Spin, Tag, Modal, Button, Input, Image } from 'antd';
-import { PhoneOutlined, ArrowUpOutlined } from '@ant-design/icons';
+import { PhoneOutlined } from '@ant-design/icons';
import { CallRecordModal } from '../call-record';
// 新增组件导入
@@ -129,6 +129,9 @@
const updateTime = formatDuration(timeline.before_duration);
const successRate = formatSuccessRate(mediation.success_rate);
+ // 获取成功率数值（用于进度条）
+ const successRateValue = (mediation.success_rate || 0) * 100;
+
// 获取同比数据
const yoyData = getSuccessRateYoY(mediation);
const yoyRate = yoyData.rate >= 0 ? `+${yoyData.rate.toFixed(0)}%` : `${yoyData.rate.toFixed(0)}%`;
@@ -166,11 +169,18 @@
{/* 预计调解成功率 */}
<div className="success-rate-section">
<div className="success-rate-label">预计调解成功率</div>
- <div className="success-rate-value">{successRate}</div>
- <div className="success-rate-yoy">
- <ArrowUpOutlined className="yoy-icon" />
- <span className="yoy-rate">{yoyRate}</span>
- <span className="yoy-time">较{yoyHours}小时前</span>
+ <div className="success-rate-row">
+ <span className="success-rate-value">{successRate}</span>
+ <div className="success-rate-yoy">
+ <img src="/mom.png" alt="" className="yoy-icon-img" />
+ <span className="yoy-rate">{yoyRate}</span>
+ <span className="yoy-time">较{yoyHours}小时前</span>
+ </div>
+ </div>
+ <div className="success-rate-progress">
+ <div className="progress-bar-bg">
+ <div className="progress-bar-fill" style={{ width: `${successRateValue}%` }}></div>
+ </div>
</div>
</div>
--
Gitblit v1.8.0