feat: 公司基础信息展示字段调整,公司概览调整为公司档案
This commit is contained in:
@@ -6,7 +6,6 @@ import {
|
|||||||
VStack,
|
VStack,
|
||||||
HStack,
|
HStack,
|
||||||
Text,
|
Text,
|
||||||
Badge,
|
|
||||||
Card,
|
Card,
|
||||||
CardBody,
|
CardBody,
|
||||||
Heading,
|
Heading,
|
||||||
@@ -53,73 +52,8 @@ const CompanyHeaderCard: React.FC<CompanyHeaderCardProps> = ({ basicInfo }) => {
|
|||||||
borderTopColor={THEME.gold}
|
borderTopColor={THEME.gold}
|
||||||
borderRadius="lg"
|
borderRadius="lg"
|
||||||
>
|
>
|
||||||
<CardBody px={0}>
|
<CardBody px={2}>
|
||||||
<VStack align="stretch" spacing={4}>
|
<VStack align="stretch" spacing={4}>
|
||||||
{/* 区块一:公司身份与分类 */}
|
|
||||||
<HStack spacing={4}>
|
|
||||||
<Box
|
|
||||||
w="56px"
|
|
||||||
h="56px"
|
|
||||||
borderRadius="full"
|
|
||||||
bg={`linear-gradient(135deg, ${THEME.gold} 0%, ${THEME.goldLight} 100%)`}
|
|
||||||
display="flex"
|
|
||||||
alignItems="center"
|
|
||||||
justifyContent="center"
|
|
||||||
boxShadow={`0 4px 14px rgba(212, 175, 55, 0.4)`}
|
|
||||||
>
|
|
||||||
<Icon as={FaBuilding} color="gray.900" boxSize={7} />
|
|
||||||
</Box>
|
|
||||||
<VStack align="start" spacing={1}>
|
|
||||||
<HStack flexWrap="wrap">
|
|
||||||
<Heading size="lg" color={THEME.textPrimary}>
|
|
||||||
{basicInfo.ORGNAME || basicInfo.SECNAME}
|
|
||||||
</Heading>
|
|
||||||
<Badge
|
|
||||||
bg={THEME.gold}
|
|
||||||
color="gray.900"
|
|
||||||
fontSize="md"
|
|
||||||
px={2}
|
|
||||||
py={1}
|
|
||||||
fontWeight="bold"
|
|
||||||
>
|
|
||||||
{basicInfo.SECCODE}
|
|
||||||
</Badge>
|
|
||||||
</HStack>
|
|
||||||
<HStack spacing={2} flexWrap="wrap">
|
|
||||||
<Badge
|
|
||||||
bg="transparent"
|
|
||||||
border="1px solid"
|
|
||||||
borderColor={THEME.gold}
|
|
||||||
color={THEME.goldLight}
|
|
||||||
fontSize="xs"
|
|
||||||
>
|
|
||||||
{basicInfo.sw_industry_l1}
|
|
||||||
</Badge>
|
|
||||||
<Badge
|
|
||||||
bg="transparent"
|
|
||||||
border="1px solid"
|
|
||||||
borderColor="gray.600"
|
|
||||||
color={THEME.textSecondary}
|
|
||||||
fontSize="xs"
|
|
||||||
>
|
|
||||||
{basicInfo.sw_industry_l2}
|
|
||||||
</Badge>
|
|
||||||
{basicInfo.sw_industry_l3 && (
|
|
||||||
<Badge
|
|
||||||
bg="transparent"
|
|
||||||
border="1px solid"
|
|
||||||
borderColor="gray.600"
|
|
||||||
color={THEME.textSecondary}
|
|
||||||
fontSize="xs"
|
|
||||||
>
|
|
||||||
{basicInfo.sw_industry_l3}
|
|
||||||
</Badge>
|
|
||||||
)}
|
|
||||||
</HStack>
|
|
||||||
</VStack>
|
|
||||||
</HStack>
|
|
||||||
|
|
||||||
<Divider borderColor={THEME.border} />
|
|
||||||
|
|
||||||
{/* 区块二:关键属性网格 */}
|
{/* 区块二:关键属性网格 */}
|
||||||
<SimpleGrid columns={{ base: 2, md: 4 }} spacing={4}>
|
<SimpleGrid columns={{ base: 2, md: 4 }} spacing={4}>
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ import { FaChartLine, FaMoneyBillWave, FaChartBar, FaInfoCircle, FaBrain, FaNews
|
|||||||
* @type {Array<{key: string, name: string, icon: React.ComponentType}>}
|
* @type {Array<{key: string, name: string, icon: React.ComponentType}>}
|
||||||
*/
|
*/
|
||||||
export const COMPANY_TABS = [
|
export const COMPANY_TABS = [
|
||||||
{ key: 'overview', name: '公司概览', icon: FaInfoCircle },
|
{ key: 'overview', name: '公司档案', icon: FaInfoCircle },
|
||||||
{ key: 'analysis', name: '深度分析', icon: FaBrain },
|
{ key: 'analysis', name: '深度分析', icon: FaBrain },
|
||||||
{ key: 'market', name: '股票行情', icon: FaChartLine },
|
{ key: 'market', name: '股票行情', icon: FaChartLine },
|
||||||
{ key: 'financial', name: '财务全景', icon: FaMoneyBillWave },
|
{ key: 'financial', name: '财务全景', icon: FaMoneyBillWave },
|
||||||
|
|||||||
Reference in New Issue
Block a user