| | |
|---|
| | | 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"> |
|---|
| | |
|---|
| | | <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>"解纷智能体"劳动争议AI调解智能体</h1> |
|---|
| | | <div className="title-subtitle"> |
|---|
| | | <div className="subtitle-text">AI调解员驾驶舱 - 全自动调解系统</div> |
|---|
| | | <div className="ai-status-tag"> |
|---|
