78 lines
2.7 KiB
JavaScript
78 lines
2.7 KiB
JavaScript
|
'use client';
|
|||
|
|
|
|||
|
|
import { Box, Typography, Chip, Tooltip, alpha, CircularProgress } from '@mui/material';
|
|||
|
|
import { useTranslation } from 'react-i18next';
|
|||
|
|
import { useTheme } from '@mui/material/styles';
|
|||
|
|
import { useState } from 'react';
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 数据集元数据展示组件
|
|||
|
|
*/
|
|||
|
|
export default function DatasetMetadata({ currentDataset, onViewChunk }) {
|
|||
|
|
const { t } = useTranslation();
|
|||
|
|
const theme = useTheme();
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<Box sx={{ mb: 3 }}>
|
|||
|
|
<Typography variant="subtitle1" color="text.secondary" sx={{ mb: 1 }}>
|
|||
|
|
{t('datasets.metadata')}
|
|||
|
|
</Typography>
|
|||
|
|
<Box sx={{ display: 'flex', gap: 2, flexWrap: 'wrap' }}>
|
|||
|
|
<Chip label={`${t('datasets.model')}: ${currentDataset.model}`} variant="outlined" />
|
|||
|
|
{currentDataset.questionLabel && (
|
|||
|
|
<Chip label={`${t('common.label')}: ${currentDataset.questionLabel}`} color="primary" variant="outlined" />
|
|||
|
|
)}
|
|||
|
|
<Chip
|
|||
|
|
label={`${t('datasets.createdAt')}: ${new Date(currentDataset.createAt).toLocaleString('zh-CN')}`}
|
|||
|
|
variant="outlined"
|
|||
|
|
/>
|
|||
|
|
<Tooltip title={t('textSplit.viewChunk')}>
|
|||
|
|
<Chip
|
|||
|
|
label={`${t('datasets.chunkId')}: ${currentDataset.chunkName}`}
|
|||
|
|
variant="outlined"
|
|||
|
|
color="info"
|
|||
|
|
onClick={async () => {
|
|||
|
|
try {
|
|||
|
|
// 使用新API接口获取文本块内容
|
|||
|
|
const response = await fetch(
|
|||
|
|
`/api/projects/${currentDataset.projectId}/chunks/name?chunkName=${encodeURIComponent(currentDataset.chunkName)}`
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
if (!response.ok) {
|
|||
|
|
throw new Error(`获取文本块失败: ${response.statusText}`);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const chunkData = await response.json();
|
|||
|
|
|
|||
|
|
// 调用父组件的方法显示文本块
|
|||
|
|
onViewChunk({
|
|||
|
|
name: currentDataset.chunkName,
|
|||
|
|
content: chunkData.content
|
|||
|
|
});
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('获取文本块内容失败:', error);
|
|||
|
|
// 即使API请求失败，也尝试调用查看方法
|
|||
|
|
onViewChunk({
|
|||
|
|
name: currentDataset.chunkName,
|
|||
|
|
content: '内容加载失败，请重试'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}}
|
|||
|
|
sx={{ cursor: 'pointer' }}
|
|||
|
|
/>
|
|||
|
|
</Tooltip>
|
|||
|
|
{currentDataset.confirmed && (
|
|||
|
|
<Chip
|
|||
|
|
label={t('datasets.confirmed')}
|
|||
|
|
sx={{
|
|||
|
|
backgroundColor: alpha(theme.palette.success.main, 0.1),
|
|||
|
|
color: theme.palette.success.dark,
|
|||
|
|
fontWeight: 'medium'
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
)}
|
|||
|
|
</Box>
|
|||
|
|
</Box>
|
|||
|
|
);
|
|||
|
|
}
|