refactor: 财报披露日程独立为动态跟踪第三个 Tab

- 新建 DisclosureSchedulePanel 组件，独立展示财报披露日程
- 简化 AnnouncementsPanel，移除财报披露日程部分
- DynamicTracking 新增第三个 Tab：财报披露日程
- 更新 mock 数据字段名匹配组件需求

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/Company/components/CompanyOverview/BasicInfoTab/components/AnnouncementsPanel.tsx

@@ -11,8 +11,6 @@ import {
   Icon,
   Card,
   CardBody,
-  SimpleGrid,
-  Divider,
   IconButton,
   Button,
   Tag,
@@ -25,11 +23,10 @@ import {
   ModalFooter,
   useDisclosure,
 } from "@chakra-ui/react";
-import { FaCalendarAlt, FaBullhorn } from "react-icons/fa";
+import { FaBullhorn } from "react-icons/fa";
 import { ExternalLinkIcon } from "@chakra-ui/icons";
 
 import { useAnnouncementsData } from "../../hooks/useAnnouncementsData";
-import { useDisclosureData } from "../../hooks/useDisclosureData";
 import { THEME } from "../config";
 import { formatDate } from "../utils";
 import LoadingState from "./LoadingState";
@@ -39,8 +36,7 @@ interface AnnouncementsPanelProps {
 }
 
 const AnnouncementsPanel: React.FC<AnnouncementsPanelProps> = ({ stockCode }) => {
-  const { announcements, loading: announcementsLoading } = useAnnouncementsData(stockCode);
-  const { disclosureSchedule, loading: disclosureLoading } = useDisclosureData(stockCode);
+  const { announcements, loading } = useAnnouncementsData(stockCode);
 
   const { isOpen, onOpen, onClose } = useDisclosure();
   const [selectedAnnouncement, setSelectedAnnouncement] = useState<any>(null);
@@ -50,8 +46,6 @@ const AnnouncementsPanel: React.FC<AnnouncementsPanelProps> = ({ stockCode }) =>
     onOpen();
   };
 
-  const loading = announcementsLoading || disclosureLoading;
-
   if (loading) {
     return <LoadingState message="加载公告数据..." />;
   }
@@ -59,47 +53,6 @@ const AnnouncementsPanel: React.FC<AnnouncementsPanelProps> = ({ stockCode }) =>
   return (
     <>
       <VStack spacing={4} align="stretch">
-        {/* 财报披露日程 */}
-        {disclosureSchedule.length > 0 && (
-          <Box>
-            <HStack mb={3}>
-              <Icon as={FaCalendarAlt} color={THEME.gold} />
-              <Text fontWeight="bold" color={THEME.textPrimary}>财报披露日程</Text>
-            </HStack>
-            <SimpleGrid columns={{ base: 2, md: 4 }} spacing={3}>
-              {disclosureSchedule.slice(0, 4).map((schedule: any, idx: number) => (
-                <Card
-                  key={idx}
-                  bg={schedule.is_disclosed ? "green.900" : "orange.900"}
-                  border="1px solid"
-                  borderColor={schedule.is_disclosed ? "green.600" : "orange.600"}
-                  size="sm"
-                >
-                  <CardBody p={3}>
-                    <VStack spacing={1}>
-                      <Badge colorScheme={schedule.is_disclosed ? "green" : "orange"}>
-                        {schedule.report_name}
-                      </Badge>
-                      <Text fontSize="sm" fontWeight="bold" color={THEME.textPrimary}>
-                        {schedule.is_disclosed ? "已披露" : "预计"}
-                      </Text>
-                      <Text fontSize="xs" color={THEME.textSecondary}>
-                        {formatDate(
-                          schedule.is_disclosed
-                            ? schedule.actual_date
-                            : schedule.latest_scheduled_date
-                        )}
-                      </Text>
-                    </VStack>
-                  </CardBody>
-                </Card>
-              ))}
-            </SimpleGrid>
-          </Box>
-        )}
-
-        <Divider borderColor={THEME.border} />
-
         {/* 最新公告 */}
         <Box>
           <HStack mb={3}>

src/views/Company/components/CompanyOverview/BasicInfoTab/components/DisclosureSchedulePanel.tsx

@@ -0,0 +1,83 @@
+// src/views/Company/components/CompanyOverview/BasicInfoTab/components/DisclosureSchedulePanel.tsx
+// 财报披露日程 Tab Panel
+
+import React from "react";
+import {
+  Box,
+  VStack,
+  HStack,
+  Text,
+  Badge,
+  Icon,
+  Card,
+  CardBody,
+  SimpleGrid,
+} from "@chakra-ui/react";
+import { FaCalendarAlt } from "react-icons/fa";
+
+import { useDisclosureData } from "../../hooks/useDisclosureData";
+import { THEME } from "../config";
+import { formatDate } from "../utils";
+import LoadingState from "./LoadingState";
+
+interface DisclosureSchedulePanelProps {
+  stockCode: string;
+}
+
+const DisclosureSchedulePanel: React.FC<DisclosureSchedulePanelProps> = ({ stockCode }) => {
+  const { disclosureSchedule, loading } = useDisclosureData(stockCode);
+
+  if (loading) {
+    return <LoadingState message="加载披露日程..." />;
+  }
+
+  if (disclosureSchedule.length === 0) {
+    return (
+      <Box textAlign="center" py={8}>
+        <Text color={THEME.textSecondary}>暂无披露日程数据</Text>
+      </Box>
+    );
+  }
+
+  return (
+    <VStack spacing={4} align="stretch">
+      <Box>
+        <HStack mb={3}>
+          <Icon as={FaCalendarAlt} color={THEME.gold} />
+          <Text fontWeight="bold" color={THEME.textPrimary}>财报披露日程</Text>
+        </HStack>
+        <SimpleGrid columns={{ base: 2, md: 4 }} spacing={3}>
+          {disclosureSchedule.map((schedule: any, idx: number) => (
+            <Card
+              key={idx}
+              bg={schedule.is_disclosed ? "green.900" : "orange.900"}
+              border="1px solid"
+              borderColor={schedule.is_disclosed ? "green.600" : "orange.600"}
+              size="sm"
+            >
+              <CardBody p={3}>
+                <VStack spacing={1}>
+                  <Badge colorScheme={schedule.is_disclosed ? "green" : "orange"}>
+                    {schedule.report_name}
+                  </Badge>
+                  <Text fontSize="sm" fontWeight="bold" color={THEME.textPrimary}>
+                    {schedule.is_disclosed ? "已披露" : "预计"}
+                  </Text>
+                  <Text fontSize="xs" color={THEME.textSecondary}>
+                    {formatDate(
+                      schedule.is_disclosed
+                        ? schedule.actual_date
+                        : schedule.latest_scheduled_date
+                    )}
+                  </Text>
+                </VStack>
+              </CardBody>
+            </Card>
+          ))}
+        </SimpleGrid>
+      </Box>
+    </VStack>
+  );
+};
+
+export default DisclosureSchedulePanel;

src/views/Company/components/CompanyOverview/BasicInfoTab/config.ts

@@ -5,7 +5,6 @@ import { IconType } from "react-icons";
 import {
   FaShareAlt,
   FaUserTie,
-  FaBullhorn,
   FaSitemap,
   FaInfoCircle,
 } from "react-icons/fa";
@@ -72,12 +71,6 @@ export const TAB_CONFIG: TabConfig[] = [
     icon: FaUserTie,
     enabled: true,
   },
-  {
-    key: "announcements",
-    name: "公司公告",
-    icon: FaBullhorn,
-    enabled: true,
-  },
   {
     key: "branches",
     name: "分支机构",