49 lines
1.1 KiB
JavaScript
49 lines
1.1 KiB
JavaScript
'use client';
|
|
|
|
import React from 'react';
|
|
import { Chip, CircularProgress, Box } from '@mui/material';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
// 任务状态显示组件
|
|
export default function TaskStatusChip({ status }) {
|
|
const { t } = useTranslation();
|
|
|
|
// 状态映射配置
|
|
const STATUS_CONFIG = {
|
|
0: {
|
|
label: t('tasks.status.processing'),
|
|
color: 'warning',
|
|
loading: true
|
|
},
|
|
1: {
|
|
label: t('tasks.status.completed'),
|
|
color: 'success'
|
|
},
|
|
2: {
|
|
label: t('tasks.status.failed'),
|
|
color: 'error'
|
|
},
|
|
3: {
|
|
label: t('tasks.status.aborted'),
|
|
color: 'default'
|
|
}
|
|
};
|
|
|
|
const statusInfo = STATUS_CONFIG[status] || {
|
|
label: t('tasks.status.unknown'),
|
|
color: 'default'
|
|
};
|
|
|
|
// 处理中状态显示加载动画
|
|
if (status === 0) {
|
|
return (
|
|
<Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
|
|
<CircularProgress size={16} color="warning" />
|
|
<Chip label={statusInfo.label} color={statusInfo.color} size="small" />
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
return <Chip label={statusInfo.label} color={statusInfo.color} size="small" />;
|
|
}
|