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/PartyInfoCard.jsx | 25 +++++++++++++++----------
1 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/web-app/src/components/dashboard/PartyInfoCard.jsx b/web-app/src/components/dashboard/PartyInfoCard.jsx
index c04a606..f33980d 100644
--- a/web-app/src/components/dashboard/PartyInfoCard.jsx
+++ b/web-app/src/components/dashboard/PartyInfoCard.jsx
@@ -4,11 +4,15 @@
*/
import React, { useState, useEffect, useCallback } from 'react';
-import { Avatar, Tag } from 'antd';
-import { UserOutlined, TeamOutlined } from '@ant-design/icons';
+import { Tag } from 'antd';
import { useCaseData } from '../../contexts/CaseDataContext';
import MediationTimelineAPIService from '../../services/MediationTimelineAPIService';
import './PartyInfoCard.css';
+
+// 申请人头像图片
+const APPLICANT_AVATAR = '/in_person.png';
+// 被申请人头像图片
+const RESPONDENT_AVATAR = '/to_person.png';
@@ -41,8 +45,7 @@
* 当事人信息卡片
*/
const PartyCard = ({ person, isApplicantSide }) => {
- const avatarIcon = isApplicantSide ? <UserOutlined /> : <TeamOutlined />;
- const avatarBg = isApplicantSide ? '#1a6fb8' : '#faad14';
+ const avatarSrc = isApplicantSide ? APPLICANT_AVATAR : RESPONDENT_AVATAR;
return (
<div className={`party-card ${isApplicantSide ? 'applicant' : 'respondent'}`}>
@@ -54,11 +57,10 @@
)}
{/* 头像 */}
- <Avatar
- size={48}
- icon={avatarIcon}
- style={{ backgroundColor: avatarBg }}
- className="party-avatar"
+ <img
+ src={avatarSrc}
+ alt={isApplicantSide ? '申请人' : '被申请人'}
+ className="party-avatar-img"
/>
{/* 角色标签 */}
@@ -72,12 +74,15 @@
);
};
+// VS分隔符图片
+const VS_ICON = '/join.png';
+
/**
* VS分隔符
*/
const VSSeparator = () => (
<div className="vs-separator">
- <span className="vs-icon">⚖</span>
+ <img src={VS_ICON} alt="VS" className="vs-icon-img" />
</div>
);
--
Gitblit v1.8.0