From f6b958eedcfd1ec955a8638ec8f70d01a9c05ae6 Mon Sep 17 00:00:00 2001
From: chengmw <chengmingwei_1984122@126.com>
Date: Thu, 02 Apr 2026 11:10:14 +0800
Subject: [PATCH] feat: 优化 AI 调解实时看板功能并集成新组件
---
web-app/src/components/dashboard/TopSection.jsx | 25 +++++++++++++++----------
1 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/web-app/src/components/dashboard/TopSection.jsx b/web-app/src/components/dashboard/TopSection.jsx
index 370a311..dd03614 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">
@@ -18,12 +23,12 @@
<div className="title-icon">
<img
style={{ width: 36 }}
- src="http://gz.hugeinfo.com.cn/dyh/wx414ae04ac3f10b4e/images/pngAI_logo.png"
- alt="云小调"
+ src="/app_logo.png"
+ // 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