+
+
+ }
+ placeholder="搜索项目/素材"
+ value={keyword}
+ onChange={(e) => setKeyword(e.target.value)}
+ onPressEnter={() => { setProjectPage(1); setAssetPage(1); loadProjects(); loadAssets(); }}
+ style={{ width: 260 }}
+ />
+ } onClick={() => { loadProjects(); loadAssets(); }}>刷新
+
+
+
+
+
+
+
+ setSelectedProjectId(undefined)}>查看全部 : null}
+ >
+
+
+
+ );
+};
+
+export default AdminPrivatePortraitProjects;
diff --git a/video-gen-admin/src/pages/AdminUsers.tsx b/video-gen-admin/src/pages/AdminUsers.tsx
index 644f3ab3..1bbefd5c 100644
--- a/video-gen-admin/src/pages/AdminUsers.tsx
+++ b/video-gen-admin/src/pages/AdminUsers.tsx
@@ -3,10 +3,12 @@ import {
Button, Card, Checkbox, Form, Input, InputNumber, message, Modal, Popconfirm, Progress, Select, Space, Switch, Table, Tabs, Tag, Typography,
} from 'antd';
import {
- UserOutlined, WalletOutlined, SearchOutlined, StopOutlined, CheckCircleOutlined, PlusOutlined, MenuOutlined, LockOutlined, SettingOutlined, SaveOutlined, DatabaseOutlined, TeamOutlined,
+ UserOutlined, WalletOutlined, SearchOutlined, StopOutlined, CheckCircleOutlined, PlusOutlined, MenuOutlined, LockOutlined, SettingOutlined, SaveOutlined, DatabaseOutlined, TeamOutlined, PictureOutlined,
} from '@ant-design/icons';
import {
adjustCredits,
+ adminGetPrivatePortraitConfig,
+ adminUpdatePrivatePortraitConfig,
createUser,
deleteUserResourceCapacity,
getAdminUsers,
@@ -22,7 +24,7 @@ import {
updateSystemConfig,
updateUserMenus,
} from '../api';
-import type { AdminTeamOption, AdminUser, AdminUserResourceCapacityOut, ResourceCapacityUnit, ResourceCapacityUsage, SystemConfig } from '../types';
+import type { AdminTeamOption, AdminUser, AdminUserResourceCapacityOut, PrivatePortraitConfig, ResourceCapacityUnit, ResourceCapacityUsage, SystemConfig } from '../types';
import { formatDate } from '../utils/formatDate';
const TEAM_UNASSIGNED_VALUE = '__none__';
@@ -71,14 +73,18 @@ const AdminUsers: React.FC = () => {
const [resetPwdModal, setResetPwdModal] = useState<{ open: boolean; user: AdminUser | null }>({ open: false, user: null });
const [capacityModal, setCapacityModal] = useState<{ open: boolean; user: AdminUser | null; detail: AdminUserResourceCapacityOut | null }>({ open: false, user: null, detail: null });
const [teamModal, setTeamModal] = useState<{ open: boolean; user: AdminUser | null }>({ open: false, user: null });
+ const [portraitModal, setPortraitModal] = useState<{ open: boolean; user: AdminUser | null; config: PrivatePortraitConfig | null }>({ open: false, user: null, config: null });
const [capacityLoading, setCapacityLoading] = useState(false);
const [capacitySaving, setCapacitySaving] = useState(false);
const [teamSaving, setTeamSaving] = useState(false);
+ const [portraitLoading, setPortraitLoading] = useState(false);
+ const [portraitSaving, setPortraitSaving] = useState(false);
const [form] = Form.useForm();
const [createForm] = Form.useForm();
const [resetPwdForm] = Form.useForm();
const [capacityForm] = Form.useForm();
const [teamForm] = Form.useForm();
+ const [portraitForm] = Form.useForm();
const [page, setPage] = useState(1);
const [pageSize, setPageSize] = useState(20);
@@ -183,6 +189,7 @@ const AdminUsers: React.FC = () => {
credits: values.credits || 0,
user_type: userType,
frontend_user_kind: values.frontend_user_kind || 'external',
+ private_portrait_image_limit: userType === 'frontend' ? Number(values.private_portrait_image_limit ?? 5) : 0,
});
message.success('用户创建成功');
setCreateModal(false);
@@ -266,6 +273,42 @@ const AdminUsers: React.FC = () => {
}
};
+ const openPortraitModal = async (user: AdminUser) => {
+ setPortraitLoading(true);
+ setPortraitModal({ open: true, user, config: null });
+ portraitForm.setFieldsValue({ privatePortraitImageLimit: user.privatePortraitImageLimit ?? 5 });
+ try {
+ const config = await adminGetPrivatePortraitConfig(user.id);
+ portraitForm.setFieldsValue({ privatePortraitImageLimit: config.imageLimit });
+ setPortraitModal({ open: true, user, config });
+ } catch (e: any) {
+ message.error(e?.message || '加载真人素材库配置失败');
+ setPortraitModal({ open: false, user: null, config: null });
+ } finally {
+ setPortraitLoading(false);
+ }
+ };
+
+ const handleSavePortraitConfig = async () => {
+ const { user } = portraitModal;
+ if (!user) return;
+ try {
+ const values = await portraitForm.validateFields();
+ const limit = Number(values.privatePortraitImageLimit ?? 0);
+ setPortraitSaving(true);
+ const config = await adminUpdatePrivatePortraitConfig(user.id, limit);
+ message.success(limit > 0 ? `真人素材库已开启，限制 ${limit} 张` : '真人素材库已关闭');
+ setPortraitModal({ open: false, user: null, config });
+ portraitForm.resetFields();
+ load();
+ } catch (e: any) {
+ if (e?.errorFields) return;
+ message.error(e?.message || '保存真人素材库配置失败');
+ } finally {
+ setPortraitSaving(false);
+ }
+ };
+
const openTeamModal = (user: AdminUser) => {
teamForm.setFieldsValue({ teamId: user.teamId || '' });
setTeamModal({ open: true, user });
@@ -380,6 +423,13 @@ const AdminUsers: React.FC = () => {
title: '团队', dataIndex: 'teamName', width: 140,
render: (v: string | null | undefined) => v ?
+ 真人素材库
+ 只读排查页：查看用户项目组、Asset Group 与 Asset 状态。
+
+
+ {items.map((item) => (
+
+ );
+};
+
+export default PrivatePortraitAssetGrid;
diff --git a/video-gen-app/src/components/privatePortrait/library/AssetUpload.tsx b/video-gen-app/src/components/privatePortrait/library/AssetUpload.tsx
new file mode 100644
index 00000000..2664aae4
--- /dev/null
+++ b/video-gen-app/src/components/privatePortrait/library/AssetUpload.tsx
@@ -0,0 +1,61 @@
+import React, { useState } from 'react';
+import { Button, Input, Modal, Upload, message } from 'antd';
+import { UploadOutlined } from '@ant-design/icons';
+import type { UploadFile } from 'antd/es/upload/interface';
+import { createPrivatePortraitAsset, uploadImage } from '../../../api';
+
+interface Props {
+ projectId: string;
+ open: boolean;
+ onClose: () => void;
+ onSuccess: () => void;
+}
+
+const PrivatePortraitAssetUpload: React.FC
+
+ ))}
+
+ {item.previewUrl || item.remoteUrl ? (
+ 
+ ) : 无预览}
+
+
+
+
+ {item.status}
+ {item.errorMessage &&
+ } onClick={() => onSync(item.id)}>刷新
+ onDelete(item.id)}>
+ }>删除
+
+
+
+ {item.name || item.remoteAssetId}
+ {item.errorMessage}
}
+
+ setName(e.target.value)} placeholder="素材名称，默认使用文件名" />
+ false}
+ onChange={({ fileList }) => setFileList(fileList)}
+ listType="picture"
+ >
+ }>选择图片
+
+
+ 建议上传真人正脸、全身或同人妆造图。入库后会经过火山真人一致性校验，Active 后才可用于 AI 创作。
+
+
+
+
+
+ { setSelected(null); loadProjects(); }} onChanged={loadProjects} />
+ ) : (
+ 请先创建或选择一个真人素材项目组
+ )}
+
+
+ setCreateOpen(false)} onOk={handleCreate} okText="创建">
+
+
+
+ );
+};
+
+export default PrivatePortraitLibraryPanel;
diff --git a/video-gen-app/src/components/privatePortrait/library/ProjectDetail.tsx b/video-gen-app/src/components/privatePortrait/library/ProjectDetail.tsx
new file mode 100644
index 00000000..a904c447
--- /dev/null
+++ b/video-gen-app/src/components/privatePortrait/library/ProjectDetail.tsx
@@ -0,0 +1,91 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Card, Popconfirm, Space, Typography, message } from 'antd';
+import { DeleteOutlined, ReloadOutlined, SafetyCertificateOutlined, UploadOutlined } from '@ant-design/icons';
+import type { PrivatePortraitAsset, PrivatePortraitProject } from '../../../types';
+import { deletePrivatePortraitAsset, deletePrivatePortraitProject, getPrivatePortraitAssets, syncPrivatePortraitAsset } from '../../../api';
+import PrivatePortraitAssetGrid from './AssetGrid';
+import PrivatePortraitAssetUpload from './AssetUpload';
+import PrivatePortraitValidateModal from './ValidateModal';
+
+interface Props {
+ project: PrivatePortraitProject;
+ onDeleted: () => void;
+ onChanged: () => void;
+}
+
+const PrivatePortraitProjectDetail: React.FC
+
+ } onClick={loadProjects} loading={loading}>刷新
+ } onClick={() => setCreateOpen(true)}>新建项目组
+
+
+
+ 真人素材库
+ 管理真人授权项目组和已入库 Active 素材，AI 创作添加参考内容时可直接选择。
+
+ - (
+
+ {session.h5Link}
+
+ )}
+
+
+
+
+ 项目组
+ } onClick={loadProjects} loading={loadingProjects} />
+
+
+ setProjectId(item.id)}
+ style={{
+ cursor: 'pointer',
+ padding: '10px 12px',
+ borderRadius: 10,
+ marginBottom: 6,
+ border: projectId === item.id ? '1px solid #8b5cf6' : '1px solid transparent',
+ background: projectId === item.id ? '#f5f3ff' : '#fff',
+ }}
+ >
+
+ )}
+ />
+
+
+
+
+ {item.name}
+ Active {item.activeAssetCount || 0}
+
+
+
+ }
+ placeholder="搜索素材名称"
+ value={keyword}
+ onChange={(e) => setKeyword(e.target.value)}
+ onPressEnter={loadAssets}
+ />
+ } onClick={loadAssets} loading={loadingAssets}>刷新
+
+
+ {assets.length === 0 ? (
+
+
+
+ {assets.map((asset) => {
+ const active = checked.has(asset.id);
+ return (
+
+ )}
+ toggle(asset)}
+ style={{
+ cursor: 'pointer',
+ border: active ? '2px solid #8b5cf6' : '1px solid #edf0f5',
+ borderRadius: 12,
+ overflow: 'hidden',
+ background: '#fff',
+ boxShadow: active ? '0 8px 20px rgba(139,92,246,0.18)' : '0 4px 12px rgba(15,23,42,0.04)',
+ position: 'relative',
+ }}
+ >
+
+ );
+ })}
+
+ {asset.previewUrl ? (
+ })
+ ) : (
+
+ {active && (
+
+
+ )}
+
+ {asset.name || '未命名素材'}
+
+ Active
+ {asset.projectName}
+
+
+
{media.type === 'image' ? (
{
setAttachmentPreviewUrl(media.url);
@@ -2444,7 +2494,7 @@ const AIChatPage: React.FC = () => {
/>
) : media.type === 'video' ? (
)}
@@ -3906,20 +3984,28 @@ const AIChatPage: React.FC = () => {
{attachmentPreviewType === 'image' ? (
) : (
)}
{/* 多选模式按钮 */}
{isSelectionMode ? (
@@ -1085,7 +1113,12 @@ const GeneratedRecord: React.FC = () => {
)}
+ )}
+ {filterType === 'private_portrait' ? (
+ {
)}
)}
+
+ )}
{/* 推送任务历史弹窗 */}