AI_POC/TERES_web_frontend
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update grid component props and optimize docker setup

Browse Source
This commit is contained in:
guangfei.zhao
2025-10-20 10:34:38 +08:00
parent 3f85b0ff78
commit 91eaa37283
14 changed files with 232 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/Dashboard.tsx
View File

@@ -61,7 +61,7 @@ const MetricValue = styled(Typography)(({ theme }) => ({
lineHeight: 1.2,
}));
const TrendIndicator = styled(Box)<{ trend: 'up' | 'down' }>(({ trend, theme }) => ({
const TrendIndicator = styled(Box)<{ trend: string }>(({ trend, theme }) => ({
display: 'flex',
alignItems: 'center',
gap: '0.25rem',
@@ -245,7 +245,7 @@ const Dashboard: React.FC = () => {
{/* 关键指标卡片 */}
<Grid container spacing={3} sx={{ mb: 3 }}>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<MetricCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -270,7 +270,7 @@ const Dashboard: React.FC = () => {
</MetricCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<MetricCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -295,7 +295,7 @@ const Dashboard: React.FC = () => {
</MetricCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<MetricCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -320,7 +320,7 @@ const Dashboard: React.FC = () => {
</MetricCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<MetricCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -362,7 +362,7 @@ const Dashboard: React.FC = () => {
</Button>
</Box>
<KnowledgeGridView
knowledgeBases={mockKnowledgeBases}
knowledgeBases={mockKnowledgeBases as any}
maxItems={3}
showSeeAll={true}
onSeeAll={handleSeeAllKnowledgeBases}
@@ -372,7 +372,7 @@ const Dashboard: React.FC = () => {
{/* 系统状态 */}
<Grid container spacing={3} sx={{ mb: 3 }}>
<Grid item xs={12} md={6}>
<Grid size={{xs:12,md:6}}>
<Card sx={{ border: '1px solid #E5E5E5' }}>
<CardContent>
<Typography variant="h6" fontWeight={600} mb={2}>
@@ -403,7 +403,7 @@ const Dashboard: React.FC = () => {
</Card>
</Grid>
<Grid item xs={12} md={6}>
<Grid size={{xs:12,md:6}}>
<Card sx={{ border: '1px solid #E5E5E5' }}>
<CardContent>
<Typography variant="h6" fontWeight={600} mb={2}>
@@ -479,15 +479,6 @@ const Dashboard: React.FC = () => {
</TableContainer>
</CardContent>
</Card>
{/* 用户数据调试组件 - 仅在开发环境显示 */}
{process.env.NODE_ENV === 'development' && (
<Card sx={{ border: '1px solid #E5E5E5', mt: 3 }}>
<CardContent>
<UserDataDebug />
</CardContent>
</Card>
)}
</PageContainer>
);
};

14
src/pages/MCP.tsx
View File

@@ -193,7 +193,7 @@ const MCP: React.FC = () => {
<>
{/* 状态概览 */}
<Grid container spacing={3} sx={{ mb: 3 }}>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<StatusCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -211,7 +211,7 @@ const MCP: React.FC = () => {
</StatusCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<StatusCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -229,7 +229,7 @@ const MCP: React.FC = () => {
</StatusCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<StatusCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -247,7 +247,7 @@ const MCP: React.FC = () => {
</StatusCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<StatusCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -359,7 +359,7 @@ const MCP: React.FC = () => {
</Alert>
<Grid container spacing={2}>
{mockMCPServers.map((server) => (
<Grid item xs={12} md={6} key={server.id}>
<Grid size={{xs:12,md:6}} key={server.id}>
<Card variant="outlined">
<CardContent>
<Typography variant="subtitle1" fontWeight={600} mb={1}>
@@ -389,7 +389,7 @@ const MCP: React.FC = () => {
{tabValue === 2 && (
<Grid container spacing={3}>
<Grid item xs={12} md={6}>
<Grid size={{xs:12,md:6}}>
<Card sx={{ border: '1px solid #E5E5E5' }}>
<CardContent>
<Typography variant="h6" fontWeight={600} mb={2}>
@@ -418,7 +418,7 @@ const MCP: React.FC = () => {
</Card>
</Grid>
<Grid item xs={12} md={6}>
<Grid size={{xs:12,md:6}}>
<Card sx={{ border: '1px solid #E5E5E5' }}>
<CardContent>
<Typography variant="h6" fontWeight={600} mb={2}>

14
src/pages/ModelsResources.tsx
View File

@@ -226,7 +226,7 @@ const ModelsResources: React.FC = () => {
<>
{/* 模型概览卡片 */}
<Grid container spacing={3} sx={{ mb: 3 }}>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<ResourceCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -244,7 +244,7 @@ const ModelsResources: React.FC = () => {
</ResourceCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<ResourceCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -262,7 +262,7 @@ const ModelsResources: React.FC = () => {
</ResourceCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<ResourceCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -280,7 +280,7 @@ const ModelsResources: React.FC = () => {
</ResourceCard>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<ResourceCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -385,7 +385,7 @@ const ModelsResources: React.FC = () => {
<>
{/* 资源概览卡片 */}
<Grid container spacing={3} sx={{ mb: 3 }}>
<Grid item xs={12} sm={6} md={4}>
<Grid size={{xs:12,sm:6,md:4}}>
<ResourceCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -403,7 +403,7 @@ const ModelsResources: React.FC = () => {
</ResourceCard>
</Grid>
<Grid item xs={12} sm={6} md={4}>
<Grid size={{xs:12,sm:6,md:4}}>
<ResourceCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">
@@ -421,7 +421,7 @@ const ModelsResources: React.FC = () => {
</ResourceCard>
</Grid>
<Grid item xs={12} sm={6} md={4}>
<Grid size={{xs:12,sm:6,md:4}}>
<ResourceCard>
<CardContent>
<Box display="flex" alignItems="center" justifyContent="space-between">

14
src/pages/PipelineConfig.tsx
View File

@@ -155,7 +155,7 @@ const PipelineConfig: React.FC = () => {
</PageHeader>
<Grid container spacing={3}>
<Grid item xs={12} md={6}>
<Grid size={{xs:12,md:6}}>
<ConfigCard>
<CardContent>
<Typography variant="h6" fontWeight={600} mb={2}>
@@ -223,7 +223,7 @@ const PipelineConfig: React.FC = () => {
</ConfigCard>
</Grid>
<Grid item xs={12} md={6}>
<Grid size={{xs:12,md:6}}>
<ConfigCard>
<CardContent>
<Typography variant="h6" fontWeight={600} mb={2}>
@@ -283,7 +283,7 @@ const PipelineConfig: React.FC = () => {
</ConfigCard>
</Grid>
<Grid item xs={12}>
<Grid size={{xs:12,md:6}}>
<ConfigCard>
<CardContent>
<Typography variant="h6" fontWeight={600} mb={2}>
@@ -291,7 +291,7 @@ const PipelineConfig: React.FC = () => {
</Typography>
<Grid container spacing={2}>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<Box textAlign="center" p={2} bgcolor="#F8F9FA" borderRadius="6px">
<Typography variant="h4" color="primary" fontWeight={600}>
1,234
@@ -301,7 +301,7 @@ const PipelineConfig: React.FC = () => {
</Typography>
</Box>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<Box textAlign="center" p={2} bgcolor="#F8F9FA" borderRadius="6px">
<Typography variant="h4" color="success.main" fontWeight={600}>
98.5%
@@ -311,7 +311,7 @@ const PipelineConfig: React.FC = () => {
</Typography>
</Box>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<Box textAlign="center" p={2} bgcolor="#F8F9FA" borderRadius="6px">
<Typography variant="h4" color="warning.main" fontWeight={600}>
2.3s
@@ -321,7 +321,7 @@ const PipelineConfig: React.FC = () => {
</Typography>
</Box>
</Grid>
<Grid item xs={12} sm={6} md={3}>
<Grid size={{xs:12,sm:6,md:3}}>
<Box textAlign="center" p={2} bgcolor="#F8F9FA" borderRadius="6px">
<Typography variant="h4" color="info.main" fontWeight={600}>
156