diff --git a/src/components/Navbars/SearchBar/SearchBar.js b/src/components/Navbars/SearchBar/SearchBar.js index 332e50a6..c626c1b1 100755 --- a/src/components/Navbars/SearchBar/SearchBar.js +++ b/src/components/Navbars/SearchBar/SearchBar.js @@ -14,7 +14,6 @@ import { VStack, HStack, Spinner, - useColorModeValue, Tag, Center, List, @@ -29,15 +28,15 @@ export function SearchBar(props) { const navigate = useNavigate(); const containerRef = useRef(null); - // 颜色配置 - const searchIconColor = useColorModeValue("gray.500", "gray.400"); - const inputBg = useColorModeValue("white", "whiteAlpha.100"); - const dropdownBg = useColorModeValue("white", "#1a1a2e"); - const borderColor = useColorModeValue("gray.200", "whiteAlpha.200"); - const hoverBg = useColorModeValue("gray.50", "whiteAlpha.100"); - const textColor = useColorModeValue("gray.800", "white"); - const subTextColor = useColorModeValue("gray.500", "whiteAlpha.600"); - const accentColor = useColorModeValue("blue.500", "#D4AF37"); + // 颜色配置 - 固定使用深色主题 + const searchIconColor = "gray.400"; + const inputBg = "whiteAlpha.100"; + const dropdownBg = "#1a1a2e"; + const borderColor = "rgba(212, 175, 55, 0.3)"; + const hoverBg = "whiteAlpha.100"; + const textColor = "white"; + const subTextColor = "whiteAlpha.600"; + const accentColor = "#D4AF37"; // 使用搜索 Hook const { diff --git a/src/views/Company/components/CompanyOverview/components/shareholder/ActualControlCard.tsx b/src/views/Company/components/CompanyOverview/components/shareholder/ActualControlCard.tsx index d29d6c6a..ffeb6b40 100644 --- a/src/views/Company/components/CompanyOverview/components/shareholder/ActualControlCard.tsx +++ b/src/views/Company/components/CompanyOverview/components/shareholder/ActualControlCard.tsx @@ -22,9 +22,10 @@ import type { ActualControl } from "../../types"; import { THEME } from "../../BasicInfoTab/config"; // 格式化工具函数 +// 注意:API 返回的数据单位已经是 %,无需再乘 100 const formatPercentage = (value: number | null | undefined): string => { if (value === null || value === undefined) return "-"; - return `${(value * 100).toFixed(2)}%`; + return `${value.toFixed(2)}%`; }; const formatShares = (value: number | null | undefined): string => { diff --git a/src/views/Company/components/CompanyOverview/components/shareholder/ConcentrationCard.tsx b/src/views/Company/components/CompanyOverview/components/shareholder/ConcentrationCard.tsx index dc82c45c..f66773b0 100644 --- a/src/views/Company/components/CompanyOverview/components/shareholder/ConcentrationCard.tsx +++ b/src/views/Company/components/CompanyOverview/components/shareholder/ConcentrationCard.tsx @@ -21,9 +21,10 @@ import type { Concentration } from "../../types"; import { THEME } from "../../BasicInfoTab/config"; // 格式化工具函数 +// 注意:API 返回的数据单位已经是 %,无需再乘 100 const formatPercentage = (value: number | null | undefined): string => { if (value === null || value === undefined) return "-"; - return `${(value * 100).toFixed(2)}%`; + return `${value.toFixed(2)}%`; }; const formatDate = (dateStr: string | null | undefined): string => { @@ -66,6 +67,7 @@ const ConcentrationCard: React.FC = ({ concentration = [ }, [concentration]); // 计算饼图数据 + // 注意:API 返回的数据单位已经是 %,无需再乘 100 const pieData = useMemo(() => { if (groupedData.length === 0) return []; @@ -76,11 +78,11 @@ const ConcentrationCard: React.FC = ({ concentration = [ const top10 = items["前10大股东"]?.holding_ratio || 0; return [ - { name: "前1大股东", value: Number((top1 * 100).toFixed(2)) }, - { name: "第2-3大股东", value: Number(((top3 - top1) * 100).toFixed(2)) }, - { name: "第4-5大股东", value: Number(((top5 - top3) * 100).toFixed(2)) }, - { name: "第6-10大股东", value: Number(((top10 - top5) * 100).toFixed(2)) }, - { name: "其他股东", value: Number(((1 - top10) * 100).toFixed(2)) }, + { name: "前1大股东", value: Number(top1.toFixed(2)) }, + { name: "第2-3大股东", value: Number((top3 - top1).toFixed(2)) }, + { name: "第4-5大股东", value: Number((top5 - top3).toFixed(2)) }, + { name: "第6-10大股东", value: Number((top10 - top5).toFixed(2)) }, + { name: "其他股东", value: Number((100 - top10).toFixed(2)) }, ].filter(item => item.value > 0); }, [groupedData]); diff --git a/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx b/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx index 4b908197..54762d12 100644 --- a/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx +++ b/src/views/Company/components/CompanyOverview/components/shareholder/ShareholdersTable.tsx @@ -28,9 +28,10 @@ const TABLE_THEME = { }; // 格式化工具函数 +// 注意:API 返回的数据单位已经是 %,无需再乘 100 const formatPercentage = (value: number | null | undefined): string => { if (value === null || value === undefined) return "-"; - return `${(value * 100).toFixed(2)}%`; + return `${value.toFixed(2)}%`; }; const formatShares = (value: number | null | undefined): string => {