From 4559c57a6272250b2ada9a9b5826e4edfb040935 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Sun, 26 Oct 2025 14:53:14 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84=20JSX=20?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E4=B8=BA=E7=BB=9F=E4=B8=80=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E8=AE=BE=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除两栏 Grid 布局（左侧主内容 + 右侧侧边栏）
- 统一为单个大卡片「实时事件时间轴」
- 整合 UnifiedSearchBox 到主卡片内部
  - 传入 updateFilters、popularKeywords、filters、loading 参数
- 移除右侧侧边栏的所有组件：
  - SearchBox（已整合到 UnifiedSearchBox）
  - InvestmentCalendar（投资日历）
  - PopularKeywords（已整合到 UnifiedSearchBox）
  - ImportanceLegend（重要性说明）
- 移除 EventFilters 组件（已被 UnifiedSearchBox 替代）
- 移除 Footer 区域（现由 MainLayout 提供）
- 筛选标签移至主卡片内部
- 简化布局，提升用户体验

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/views/Community/index.js | 209 ++++++++++-------------------------
 1 file changed, 60 insertions(+), 149 deletions(-)

diff --git a/src/views/Community/index.js b/src/views/Community/index.js
index 1da8ba2e..f35dd7aa 100644
--- a/src/views/Community/index.js
+++ b/src/views/Community/index.js
@@ -280,20 +280,41 @@ const Community = () => {
 
       {/* 主内容区域 */}
       <Container maxW="container.xl" py={8}>
-        <Grid templateColumns={{ base: '1fr', lg: '2fr 1fr' }} gap={6}>
-          
-          {/* 左侧主要内容 */}
-          <GridItem>
-            {/* 筛选器 - 需要改造为Chakra UI版本 */}
-            <Card mb={4} bg={cardBg} borderColor={borderColor}>
-              <CardBody>
-                <EventFilters
-                  filters={filters}
-                  onFilterChange={handleFilterChange}
-                  loading={loading}
-                />
-              </CardBody>
-            </Card>
+        {/* 实时事件时间轴 - 统一大卡片 */}
+        <Card ref={eventTimelineRef} bg={cardBg} borderColor={borderColor} mb={4}>
+          {/* 标题部分 */}
+          <CardHeader>
+            <Flex justify="space-between" align="center">
+              <VStack align="start" spacing={1}>
+                <Heading size="md">
+                  <HStack>
+                    <TimeIcon />
+                    <Text>实时事件时间轴</Text>
+                  </HStack>
+                </Heading>
+                <HStack fontSize="sm" color="gray.500">
+                  <Badge colorScheme="green">全网监控</Badge>
+                  <Badge colorScheme="orange">智能捕获</Badge>
+                  <Badge colorScheme="purple">深度分析</Badge>
+                </HStack>
+              </VStack>
+              <Text fontSize="xs" color="gray.500">
+                最后更新: {lastUpdateTime.toLocaleTimeString()}
+              </Text>
+            </Flex>
+          </CardHeader>
+
+          {/* 主体内容 */}
+          <CardBody>
+            {/* 统一搜索组件（整合了话题、股票、行业、日期、排序、重要性、热门概念） */}
+            <Box mb={4}>
+              <UnifiedSearchBox
+                onSearch={updateFilters}
+                popularKeywords={popularKeywords}
+                filters={filters}
+                loading={loading}
+              />
+            </Box>
 
             {/* 筛选标签 */}
             {filterTags.length > 0 && (
@@ -309,120 +330,31 @@ const Community = () => {
               </Wrap>
             )}
 
-            {/* 事件列表卡片 */}
-            <Card ref={eventTimelineRef} bg={cardBg} borderColor={borderColor}>
-              <CardHeader>
-                <Flex justify="space-between" align="center">
-                  <VStack align="start" spacing={1}>
-                    <Heading size="md">
-                      <HStack>
-                        <TimeIcon />
-                        <Text>实时事件时间轴</Text>
-                      </HStack>
-                    </Heading>
-                    <HStack fontSize="sm" color="gray.500">
-                      <Badge colorScheme="green">全网监控</Badge>
-                      <Badge colorScheme="orange">智能捕获</Badge>
-                      <Badge colorScheme="purple">深度分析</Badge>
-                    </HStack>
-                  </VStack>
-                  <Text fontSize="xs" color="gray.500">
-                    最后更新: {lastUpdateTime.toLocaleTimeString()}
-                  </Text>
-                </Flex>
-              </CardHeader>
-              
-              <CardBody>
-                {loading ? (
-                  <Center py={10}>
-                    <VStack>
-                      <Spinner size="xl" color="blue.500" thickness="4px" />
-                      <Text color="gray.500">正在加载最新事件...</Text>
-                    </VStack>
-                  </Center>
-                ) : events.length > 0 ? (
-                  <EventList
-                    events={events}
-                    pagination={pagination}
-                    onPageChange={handlePageChange}
-                    onEventClick={handleEventClick}
-                    onViewDetail={handleViewDetail}
-                  />
-                ) : (
-                  <Center py={10}>
-                    <VStack>
-                      <Text fontSize="lg" color="gray.500">暂无事件数据</Text>
-                    </VStack>
-                  </Center>
-                )}
-              </CardBody>
-            </Card>
-          </GridItem>
-
-          {/* 右侧侧边栏 */}
-          <GridItem>
-            <VStack spacing={4}>
-              {/* 搜索框 - 需要改造为Chakra UI版本 */}
-              <Card w="full" bg={cardBg}>
-                <CardBody>
-                  <SearchBox
-                    onSearch={(values) => {
-                      updateUrlParams({ ...values, page: 1 });
-                    }}
-                  />
-                </CardBody>
-              </Card>
-
-              {/* 投资日历 - 需要改造为Chakra UI版本 */}
-              <Card w="full" bg={cardBg}>
-                <CardHeader>
-                  <Heading size="sm">
-                    <HStack>
-                      <CalendarIcon />
-                      <Text>投资日历</Text>
-                    </HStack>
-                  </Heading>
-                </CardHeader>
-                <CardBody>
-                  <InvestmentCalendar />
-                </CardBody>
-              </Card>
-
-              {/* 热门关键词 - 需要改造为Chakra UI版本 */}
-              <Card w="full" bg={cardBg}>
-                <CardHeader>
-                  <Heading size="sm">
-                    <HStack>
-                      <StarIcon />
-                      <Text>热门关键词</Text>
-                    </HStack>
-                  </Heading>
-                </CardHeader>
-                <CardBody>
-                  <PopularKeywords
-                    keywords={popularKeywords}
-                    onKeywordClick={handleKeywordClick}
-                  />
-                </CardBody>
-              </Card>
-
-              {/* 重要性说明 - 需要改造为Chakra UI版本 */}
-              <Card w="full" bg={cardBg}>
-                <CardHeader>
-                  <Heading size="sm">
-                    <HStack>
-                      <InfoIcon />
-                      <Text>重要性说明</Text>
-                    </HStack>
-                  </Heading>
-                </CardHeader>
-                <CardBody>
-                  <ImportanceLegend />
-                </CardBody>
-              </Card>
-            </VStack>
-          </GridItem>
-        </Grid>
+            {/* 事件列表 */}
+            {loading ? (
+              <Center py={10}>
+                <VStack>
+                  <Spinner size="xl" color="blue.500" thickness="4px" />
+                  <Text color="gray.500">正在加载最新事件...</Text>
+                </VStack>
+              </Center>
+            ) : events.length > 0 ? (
+              <EventList
+                events={events}
+                pagination={pagination}
+                onPageChange={handlePageChange}
+                onEventClick={handleEventClick}
+                onViewDetail={handleViewDetail}
+              />
+            ) : (
+              <Center py={10}>
+                <VStack>
+                  <Text fontSize="lg" color="gray.500">暂无事件数据</Text>
+                </VStack>
+              </Center>
+            )}
+          </CardBody>
+        </Card>
 
         {/* 热点事件 - 需要改造为Chakra UI版本 */}
         {hotEvents.length > 0 && (
@@ -437,27 +369,6 @@ const Community = () => {
         )}
       </Container>
 
-      {/* Footer区域 */}
-      <Box bg={useColorModeValue('gray.100', 'gray.800')} py={6} mt={8}>
-        <Container maxW="container.xl">
-          <VStack spacing={2}>
-            <Text color="gray.500" fontSize="sm">
-              © 2024 价值前沿. 保留所有权利.
-            </Text>
-            <HStack spacing={4} fontSize="xs" color="gray.400">
-              <Link
-                href="https://beian.mps.gov.cn/#/query/webSearch?code=11010802046286"
-                isExternal
-                _hover={{ color: 'gray.600' }}
-              >
-                京公网安备11010802046286号
-              </Link>
-              <Text>京ICP备2025107343号-1</Text>
-            </HStack>
-          </VStack>
-        </Container>
-      </Box>
-
       {/* 事件详情模态框 - 使用Chakra UI Modal */}
       <Modal isOpen={isEventModalOpen && selectedEvent} onClose={onEventModalClose} size="xl">
         <ModalOverlay />