+
镜像名称:{image.name}
+
版本:{image.version}
+
分类:{image.category}
+
文件大小:{formatFileSize(image.fileSize)}
+
状态:{getStatusTag(image.status)}
+
上传者:{image.uploader}
+
上传时间:{new Date(image.uploadTime).toLocaleString()}
+ {image.description && (
+
描述:{image.description}
+ )}
+
+ ),
+ });
+ };
+
+ // 更新状态
+ const handleUpdateStatus = (image: Image) => {
+ setSelectedImage(image);
+ form.setFieldsValue({
+ status: image.status,
+ reason: '',
+ });
+ setStatusModalVisible(true);
+ };
+
+ // 删除镜像
+ const handleDelete = async (id: string) => {
+ try {
+ const response = await deleteImage(id);
+ if (response.success) {
+ message.success('删除成功');
+ actionRef.current?.reload();
+ } else {
+ message.error(response.message || '删除失败');
+ }
+ } catch (error) {
+ message.error('删除失败');
+ console.error('删除镜像失败:', error);
+ }
+ };
+
+ // 提交上传表单
+ const handleUploadSubmit = async (values: any) => {
+ try {
+ setUploadLoading(true);
+ setUploadProgress(0);
+
+ const formData = new FormData();
+ formData.append('file', values.file.file);
+ formData.append('name', values.name);
+ formData.append('description', values.description || '');
+ formData.append('version', values.version);
+ formData.append('category', values.category);
+
+ // 模拟上传进度
+ const progressTimer = setInterval(() => {
+ setUploadProgress((prev) => {
+ if (prev >= 90) {
+ clearInterval(progressTimer);
+ return 90;
+ }
+ return prev + 10;
+ });
+ }, 200);
+
+ const response = await uploadImage(formData);
+
+ clearInterval(progressTimer);
+ setUploadProgress(100);
+
+ if (response.success) {
+ message.success('上传成功');
+ setUploadModalVisible(false);
+ actionRef.current?.reload();
+ } else {
+ message.error(response.message || '上传失败');
+ }
+ } catch (error) {
+ message.error('上传失败');
+ console.error('上传镜像失败:', error);
+ } finally {
+ setUploadLoading(false);
+ setUploadProgress(0);
+ }
+ };
+
+ // 提交状态更新
+ const handleStatusSubmit = async (values: any) => {
+ try {
+ const response = await updateImageStatus(selectedImage!.id, values);
+ if (response.success) {
+ message.success('状态更新成功');
+ setStatusModalVisible(false);
+ actionRef.current?.reload();
+ } else {
+ message.error(response.message || '更新失败');
+ }
+ } catch (error) {
+ message.error('更新失败');
+ console.error('更新镜像状态失败:', error);
+ }
+ };
+
+ return (
+