From 6a2adec4956d5f5eef09c2e6e16d70460dc27772 Mon Sep 17 00:00:00 2001
From: chengmw <chengmingwei_1984122@126.com>
Date: Wed, 01 Apr 2026 10:17:57 +0800
Subject: [PATCH] feat: 新增调解看板 UI 组件和服务 - 包含头部、警告提示、AI 建议卡片、协商进度、当事人信息卡片及时间轴 API
---
web-app/src/components/dashboard/TopSection.jsx | 23 ++++++++++++++---------
1 files changed, 14 insertions(+), 9 deletions(-)
diff --git a/web-app/src/components/dashboard/TopSection.jsx b/web-app/src/components/dashboard/TopSection.jsx
index 370a311..984ebc1 100644
--- a/web-app/src/components/dashboard/TopSection.jsx
+++ b/web-app/src/components/dashboard/TopSection.jsx
@@ -1,15 +1,20 @@
import React from 'react';
+import { useCaseData } from '../../contexts/CaseDataContext';
+import { translateMediationState } from '../../utils/stateTranslator';
/**
* 顶部区域组件 - 标题、AI状态、案件信息
*/
-const TopSection = ({ caseInfo = {}, aiStatus = 'AI调解中' }) => {
- const {
- caseNumber = 'LD-2026-0014',
- disputeType = '劳动争议/拖欠、克扣工资',
- startTime = '2026-01-15 09:30',
- endTime = '2026-01-15 11:00',
- } = caseInfo;
+const TopSection = () => {
+ const { caseData } = useCaseData();
+ const timeline = caseData || {};
+
+ // 从 timeline 中获取数据，提供默认值
+ const caseNumber = timeline.case_ref || '---';
+ const disputeType = timeline.case_type_first_name || '---';
+ const startTime = timeline.mediation?.start_date || '---';
+ const endTime = timeline.mediation?.end_date || '---';
+ const aiStatus = translateMediationState(timeline.mediation?.state) || '---';
return (
<section className="top-section">
@@ -19,11 +24,11 @@
<img
style={{ width: 36 }}
src="http://gz.hugeinfo.com.cn/dyh/wx414ae04ac3f10b4e/images/pngAI_logo.png"
- alt="云小调"
+ // alt="云小调"
/>
</div>
<div className="title-text">
- <h1>"云小调"劳动争议AI调解智能体</h1>
+ <h1>白云区人和镇劳动争议"解纷智能体"</h1>
<div className="title-subtitle">
<div className="subtitle-text">AI调解员驾驶舱 - 全自动调解系统</div>
<div className="ai-status-tag">
--
Gitblit v1.8.0