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/components/dashboard/PartyInfoCard.jsx | 27 +++++++++++++++++----------
1 files changed, 17 insertions(+), 10 deletions(-)
diff --git a/web-app/src/components/dashboard/PartyInfoCard.jsx b/web-app/src/components/dashboard/PartyInfoCard.jsx
index c04a606..af4b002 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,17 @@
);
};
+// VS分隔符图片
+const VS_ICON = '/join.png';
+
/**
* VS分隔符
*/
const VSSeparator = () => (
<div className="vs-separator">
- <span className="vs-icon">⚖</span>
+ <div className="vs-line vs-line-left"></div>
+ <img src={VS_ICON} alt="VS" className="vs-icon-img" />
+ <div className="vs-line vs-line-right"></div>
</div>
);
--
Gitblit v1.8.0