tony.cheng
2026-02-09 d31819515e4aac228f26e7cbb92c89e0f520e8ac
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 || 'LD-2026-0014';
  const disputeType = timeline.case_type_first_name || '劳动争议/拖欠、克扣工资';
  const startTime = timeline.mediation?.start_date || '2026-01-15 09:30';
  const endTime = timeline.mediation?.end_date || '2026-01-15 11:00';
  const aiStatus = translateMediationState(timeline.mediation?.state) || 'AI调解中';
  return (
    <section className="top-section">