feat: UI调整

src/views/Company/components/CompanyHeader/SearchBar.js

@@ -1,5 +1,5 @@
 // src/views/Company/components/CompanyHeader/SearchBar.js
-// 股票搜索栏组件
+// 股票搜索栏组件 - 金色主题
 
 import React from 'react';
 import {
@@ -30,7 +30,7 @@ const SearchBar = ({
     <HStack spacing={3}>
       <InputGroup size="lg" maxW="300px">
         <InputLeftElement pointerEvents="none">
-          <SearchIcon color="gray.400" />
+          <SearchIcon color="#C9A961" />
         </InputLeftElement>
         <Input
           placeholder="输入股票代码"
@@ -39,10 +39,14 @@ const SearchBar = ({
           onKeyPress={onKeyPress}
           borderRadius="md"
           color="white"
-          _placeholder={{ color: 'whiteAlpha.600' }}
+          borderColor="#C9A961"
+          _placeholder={{ color: '#C9A961' }}
           _focus={{
-            borderColor: 'blue.500',
-            boxShadow: '0 0 0 1px #3182ce',
+            borderColor: '#F4D03F',
+            boxShadow: '0 0 0 1px #F4D03F',
+          }}
+          _hover={{
+            borderColor: '#F4D03F',
           }}
         />
       </InputGroup>
@@ -54,7 +58,7 @@ const SearchBar = ({
         color="#C9A961"
         borderWidth="1px"
         borderColor="#C9A961"
-        _hover={{ bg: '#1a1a1a' }}
+        _hover={{ bg: '#1a1a1a', borderColor: '#F4D03F', color: '#F4D03F' }}
       >
         查询
       </Button>

src/views/Company/components/CompanyHeader/WatchlistButton.js

@@ -1,35 +0,0 @@
-// src/views/Company/components/CompanyHeader/WatchlistButton.js
-// 自选股按钮组件
-
-import React from 'react';
-import { Button } from '@chakra-ui/react';
-import { StarIcon } from '@chakra-ui/icons';
-
-/**
- * 自选股按钮组件
- *
- * @param {Object} props
- * @param {boolean} props.isInWatchlist - 是否已在自选股中
- * @param {boolean} props.isLoading - 是否正在加载
- * @param {Function} props.onClick - 点击回调
- */
-const WatchlistButton = ({
-  isInWatchlist,
-  isLoading,
-  onClick,
-}) => {
-  return (
-    <Button
-      colorScheme={isInWatchlist ? 'yellow' : 'teal'}
-      variant={isInWatchlist ? 'solid' : 'outline'}
-      size="lg"
-      onClick={onClick}
-      leftIcon={<StarIcon />}
-      isLoading={isLoading}
-    >
-      {isInWatchlist ? '已关注' : '关注'}
-    </Button>
-  );
-};
-
-export default WatchlistButton;

src/views/Company/components/CompanyHeader/index.js

@@ -9,72 +9,50 @@ import {
   VStack,
   Heading,
   Text,
-  Badge,
 } from '@chakra-ui/react';
 
 import SearchBar from './SearchBar';
-import WatchlistButton from './WatchlistButton';
 
 /**
  * 公司详情页面头部区域组件
  *
  * 包含：
- * - 页面标题和描述
+ * - 页面标题和描述（金色主题）
  * - 股票搜索栏
- * - 自选股按钮
- * - 当前股票代码显示
  *
  * @param {Object} props
- * @param {string} props.stockCode - 当前股票代码
  * @param {string} props.inputCode - 搜索输入框值
  * @param {Function} props.onInputChange - 输入变化回调
  * @param {Function} props.onSearch - 搜索回调
  * @param {Function} props.onKeyPress - 键盘事件回调
- * @param {boolean} props.isInWatchlist - 是否在自选股中
- * @param {boolean} props.isWatchlistLoading - 自选股操作加载中
- * @param {Function} props.onWatchlistToggle - 自选股切换回调
  * @param {string} props.bgColor - 背景颜色
  */
 const CompanyHeader = ({
-  stockCode,
   inputCode,
   onInputChange,
   onSearch,
   onKeyPress,
-  isInWatchlist,
-  isWatchlistLoading,
-  onWatchlistToggle,
   bgColor,
 }) => {
   return (
     <Card bg={bgColor} shadow="md">
       <CardBody>
         <HStack justify="space-between" align="center">
-          {/* 标题区域 */}
+          {/* 标题区域 - 金色主题 */}
           <VStack align="start" spacing={1}>
-            <Heading size="lg" color="white">个股详情</Heading>
-            <Text color="white" fontSize="sm">
+            <Heading size="lg" color="#F4D03F">个股详情</Heading>
+            <Text color="#C9A961" fontSize="sm">
               查看股票实时行情、财务数据和盈利预测
             </Text>
           </VStack>
 
-          {/* 操作区域 */}
-          <HStack spacing={3}>
-            {/* 搜索栏 */}
-            <SearchBar
-              inputCode={inputCode}
-              onInputChange={onInputChange}
-              onSearch={onSearch}
-              onKeyPress={onKeyPress}
-            />
-
-            {/* 自选股按钮 */}
-            <WatchlistButton
-              isInWatchlist={isInWatchlist}
-              isLoading={isWatchlistLoading}
-              onClick={onWatchlistToggle}
-            />
-          </HStack>
+          {/* 搜索栏 */}
+          <SearchBar
+            inputCode={inputCode}
+            onInputChange={onInputChange}
+            onSearch={onSearch}
+            onKeyPress={onKeyPress}
+          />
         </HStack>
       </CardBody>
     </Card>