mz/video-gen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成开户方式的修改

Browse Source
This commit is contained in:
Lrd
2026-06-26 14:52:13 +08:00
parent 157e7e5bba
commit 7e2a44c0a1
9 changed files with 260 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files
video-gen-admin/dist/assets/index-BLuHlLoF.js → video-gen-admin/dist/assets/index-CtDh7BHk.js
Vendored
+12 -12
View File
File diff suppressed because one or more lines are too long
video-gen-admin/dist/index.html
Vendored
+1 -1
View File
@@ -28,7 +28,7 @@
} }
})(); })();
</script> </script>
<script type="module" crossorigin src="/assets/index-BLuHlLoF.js"></script> <script type="module" crossorigin src="/assets/index-CtDh7BHk.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D7ShJUt4.css"> <link rel="stylesheet" crossorigin href="/assets/index-D7ShJUt4.css">
</head> </head>
<body> <body>
video-gen-admin/src/api/index.ts
+12
View File
@@ -470,6 +470,18 @@ export async function deleteOpenType(id: string): Promise<void> {
await api.delete(`/open-type/delete/${id}`); await api.delete(`/open-type/delete/${id}`);
} }
export interface OpenTypeItem {
id: string;
openType: number;
typeName: string;
description: string;
thumb?: string;
}
export async function getOpenTypeAll(): Promise<{ data: OpenTypeItem[] }> {
return api.get('/open-type/open_type_all');
}
// ── Generation Records (Admin) ───────────────────────────── // ── Generation Records (Admin) ─────────────────────────────
export async function getAdminGenerationRecords(params?: { export async function getAdminGenerationRecords(params?: {
video-gen-admin/src/pages/AdminAuthoriz.tsx
+24 -33
View File
@@ -2,20 +2,7 @@ import React, { useEffect, useState } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Button, Card, Space, Table, Tag, Modal, Select, App, Input, Typography } from 'antd'; import { Button, Card, Space, Table, Tag, Modal, Select, App, Input, Typography } from 'antd';
import { PlusOutlined, LockOutlined } from '@ant-design/icons'; import { PlusOutlined, LockOutlined } from '@ant-design/icons';
import { getOAuthList, requestOAuth } from '../api'; import { getOAuthList, requestOAuth, getOpenTypeAll } from '../api';
const OPEN_TYPE_MAP: Record<number, string> = {
1: '千川',
2: '广告',
3: '本地推',
4: '星图',
5: '快手代理商',
6: '巨量星图',
7: '巨量服务单',
8: '腾讯服务单',
9: '腾讯营销K2',
10: '腾讯营销K3',
};
const PORT_TYPE_MAP: Record<number, string> = { const PORT_TYPE_MAP: Record<number, string> = {
1: '巨量', 1: '巨量',
@@ -62,11 +49,31 @@ const AuthorizationPage: React.FC = () => {
open_type: undefined as number | undefined, open_type: undefined as number | undefined,
account_id: '', account_id: '',
}); });
const [openTypeMap, setOpenTypeMap] = useState<Record<number, string>>({});
const [openTypeOptions, setOpenTypeOptions] = useState<{ value: number; label: string }[]>([]);
useEffect(() => { useEffect(() => {
loadOAuthList(); loadOAuthList();
loadOpenTypeList();
}, []); }, []);
const loadOpenTypeList = async () => {
try {
const res = await getOpenTypeAll();
const data = res.data || [];
const map: Record<number, string> = {};
const options: { value: number; label: string }[] = [];
data.forEach(item => {
map[item.openType] = item.typeName;
options.push({ value: item.openType, label: item.typeName });
});
setOpenTypeMap(map);
setOpenTypeOptions(options);
} catch (error) {
console.error('加载开户方式列表失败:', error);
}
};
const loadOAuthList = async (page = 1, pageSize = 10, params = searchParams) => { const loadOAuthList = async (page = 1, pageSize = 10, params = searchParams) => {
setListLoading(true); setListLoading(true);
try { try {
@@ -197,7 +204,7 @@ const AuthorizationPage: React.FC = () => {
title: '开户方式', title: '开户方式',
dataIndex: 'openType', dataIndex: 'openType',
key: 'openType', key: 'openType',
render: (text: number) => <span style={{ color: '#1e293b' }}>{OPEN_TYPE_MAP[text] || text}</span>, render: (text: number) => <span style={{ color: '#1e293b' }}>{openTypeMap[text] || text}</span>,
}, },
{ {
title: '平台端口', title: '平台端口',
@@ -225,16 +232,6 @@ const AuthorizationPage: React.FC = () => {
width: 160, width: 160,
render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>, render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>,
}, },
{
title: '操作',
key: 'action',
width: 120,
render: (_: unknown, record: AuthorizationData) => (
<Link to={`/consume?accountId=${record.id}`} style={{ color: '#6366f1' }}>
查看消耗
</Link>
),
},
]; ];
const tableData = authorizations.map((item, index) => ({ const tableData = authorizations.map((item, index) => ({
@@ -279,10 +276,7 @@ const AuthorizationPage: React.FC = () => {
value={searchParams.open_type} value={searchParams.open_type}
onChange={(value) => setSearchParams(prev => ({ ...prev, open_type: value }))} onChange={(value) => setSearchParams(prev => ({ ...prev, open_type: value }))}
style={{ width: 140 }} style={{ width: 140 }}
options={Object.entries(OPEN_TYPE_MAP).map(([key, value]) => ({ options={openTypeOptions}
value: Number(key),
label: value,
}))}
/> />
<Input <Input
placeholder="账号ID" placeholder="账号ID"
@@ -349,10 +343,7 @@ const AuthorizationPage: React.FC = () => {
value={selectedOpenType} value={selectedOpenType}
onChange={(value) => setSelectedOpenType(value)} onChange={(value) => setSelectedOpenType(value)}
style={{ width: '100%' }} style={{ width: '100%' }}
options={Object.entries(OPEN_TYPE_MAP).map(([key, value]) => ({ options={openTypeOptions}
value: Number(key),
label: value,
}))}
/> />
</Modal> </Modal>
</div> </div>
video-gen-admin/src/pages/Adminplatform.tsx
+19 -8
View File
@@ -78,11 +78,13 @@ const AdminPlatform: React.FC = () => {
const handleCreate = async () => { const handleCreate = async () => {
try { try {
const values = await createForm.validateFields(); const values = await createForm.validateFields();
const thumbUrl = createThumbUrl;
const thumbPath = thumbUrl.startsWith('http') ? thumbUrl.replace(/^https?:\/\/[^/]+/, '') : thumbUrl;
await createOpenType({ await createOpenType({
open_type: values.open_type, open_type: values.open_type,
type_name: values.type_name, type_name: values.type_name,
description: values.description, description: values.description,
thumb: createThumbUrl, thumb: thumbPath,
}); });
message.success('创建成功'); message.success('创建成功');
setCreateModalVisible(false); setCreateModalVisible(false);
@@ -107,8 +109,11 @@ const AdminPlatform: React.FC = () => {
const handleUpdate = async (id: string) => { const handleUpdate = async (id: string) => {
try { try {
const openType = await getOpenType(id); const openType = await getOpenType(id);
const thumb = openType.data?.thumb || '';
const baseUrl = import.meta.env.VITE_API_BASE || 'http://localhost:8000';
const fullThumbUrl = thumb.startsWith('http') ? thumb : `${baseUrl}${thumb}`;
setCurrentOpenType(openType.data || {}); setCurrentOpenType(openType.data || {});
setUpdateThumbUrl(openType.thumb || ''); setUpdateThumbUrl(fullThumbUrl);
setUpdateModalVisible(true); setUpdateModalVisible(true);
} catch (e: any) { } catch (e: any) {
message.error(e?.message || '获取详情失败'); message.error(e?.message || '获取详情失败');
@@ -119,11 +124,13 @@ const AdminPlatform: React.FC = () => {
if (!currentOpenType) return; if (!currentOpenType) return;
try { try {
const values = await updateForm.validateFields(); const values = await updateForm.validateFields();
const thumbUrl = updateThumbUrl;
const thumbPath = thumbUrl.startsWith('http') ? thumbUrl.replace(/^https?:\/\/[^/]+/, '') : thumbUrl;
await updateOpenType(currentOpenType.id, { await updateOpenType(currentOpenType.id, {
open_type: values.open_type, open_type: values.open_type,
type_name: values.type_name, type_name: values.type_name,
description: values.description, description: values.description,
thumb: updateThumbUrl, thumb: thumbPath,
}); });
message.success('更新成功'); message.success('更新成功');
setUpdateModalVisible(false); setUpdateModalVisible(false);
@@ -218,7 +225,7 @@ const AdminPlatform: React.FC = () => {
}, },
{ {
title: '操作', title: '操作',
width: 200, width: 240,
render: (_: any, record: OpenType) => ( render: (_: any, record: OpenType) => (
<Space> <Space>
<Button <Button
@@ -337,8 +344,10 @@ const AdminPlatform: React.FC = () => {
try { try {
const uploadFile = assertUploadFile(file); const uploadFile = assertUploadFile(file);
const res = await uploadImage(uploadFile); const res = await uploadImage(uploadFile);
setCreateThumbUrl(res.url); const baseUrl = import.meta.env.VITE_API_BASE || 'http://localhost:8000';
onSuccess?.({ url: res.url }); const fullUrl = res.url.startsWith('http') ? res.url : `${baseUrl}${res.url}`;
setCreateThumbUrl(fullUrl);
onSuccess?.({ url: fullUrl });
} catch (e) { } catch (e) {
onError?.(normalizeUploadError(e)); onError?.(normalizeUploadError(e));
} }
@@ -481,8 +490,10 @@ const AdminPlatform: React.FC = () => {
try { try {
const uploadFile = assertUploadFile(file); const uploadFile = assertUploadFile(file);
const res = await uploadImage(uploadFile); const res = await uploadImage(uploadFile);
setUpdateThumbUrl(res.url); const baseUrl = import.meta.env.VITE_API_BASE || 'http://localhost:8000';
onSuccess?.({ url: res.url }); const fullUrl = res.url.startsWith('http') ? res.url : `${baseUrl}${res.url}`;
setUpdateThumbUrl(fullUrl);
onSuccess?.({ url: fullUrl });
} catch (e) { } catch (e) {
onError?.(normalizeUploadError(e)); onError?.(normalizeUploadError(e));
} }
video-gen-app/dist/assets/index-b7j6q-om.js → video-gen-app/dist/assets/index-CV-e6vqH.js
Vendored
+82 -82
View File
File diff suppressed because one or more lines are too long
video-gen-app/dist/index.html
Vendored
+1 -1
View File
@@ -28,7 +28,7 @@
} }
})(); })();
</script> </script>
<script type="module" crossorigin src="/assets/index-b7j6q-om.js"></script> <script type="module" crossorigin src="/assets/index-CV-e6vqH.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-eLRg4pQk.css"> <link rel="stylesheet" crossorigin href="/assets/index-eLRg4pQk.css">
</head> </head>
<body> <body>
video-gen-app/src/api/index.ts
+12
View File
@@ -700,3 +700,15 @@ export async function getResourcesMaterialList(params: ResourcesMaterialListPara
if (params.page_size !== undefined) query.set('page_size', String(params.page_size)); if (params.page_size !== undefined) query.set('page_size', String(params.page_size));
return api.get(`/resources-material/list?${query.toString()}`); return api.get(`/resources-material/list?${query.toString()}`);
} }
export interface OpenTypeItem {
id: string;
openType: number;
typeName: string;
description: string;
thumb?: string;
}
export async function getOpenTypeAll(): Promise<{ data: OpenTypeItem[] }> {
return api.get('/open-type/open_type_all');
}
video-gen-app/src/pages/AuthorizationPage.tsx
+62 -41
View File
@@ -1,21 +1,7 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Link } from 'react-router-dom';
import { Button, Table, Tag, Modal, Select, App, Input, Pagination, Typography } from 'antd'; import { Button, Table, Tag, Modal, Select, App, Input, Pagination, Typography } from 'antd';
import { PlusOutlined, LockOutlined } from '@ant-design/icons'; import { PlusOutlined, LockOutlined } from '@ant-design/icons';
import { getOAuthList, requestOAuth } from '../api'; import { getOAuthList, requestOAuth, getOpenTypeAll } from '../api';
const OPEN_TYPE_MAP: Record<number, string> = {
1: '千川',
2: '广告',
3: '本地推',
4: '星图',
5: '快手代理商',
6: '巨量星图',
7: '巨量服务单',
8: '腾讯服务单',
9: '腾讯营销K2',
10: '腾讯营销K3',
};
const PORT_TYPE_MAP: Record<number, string> = { const PORT_TYPE_MAP: Record<number, string> = {
1: '巨量', 1: '巨量',
@@ -25,7 +11,6 @@ const PORT_TYPE_MAP: Record<number, string> = {
5: '腾讯', 5: '腾讯',
}; };
// 格式化时间 2026-06-12T03:47:28.542988Z -> 2026-06-12 03:47:28
const formatDateTime = (dateStr: string) => { const formatDateTime = (dateStr: string) => {
if (!dateStr) return ''; if (!dateStr) return '';
const date = new Date(dateStr); const date = new Date(dateStr);
@@ -62,11 +47,33 @@ const AuthorizationPage: React.FC = () => {
open_type: undefined as number | undefined, open_type: undefined as number | undefined,
account_id: '', account_id: '',
}); });
const [openTypeMap, setOpenTypeMap] = useState<Record<number, string>>({});
const [openTypeOptions, setOpenTypeOptions] = useState<{ value: number; label: string }[]>([]);
const [openTypeList, setOpenTypeList] = useState<any[]>([]);
useEffect(() => { useEffect(() => {
loadOAuthList(); loadOAuthList();
loadOpenTypeList();
}, []); }, []);
const loadOpenTypeList = async () => {
try {
const res = await getOpenTypeAll();
const data = res.data || [];
const map: Record<number, string> = {};
const options: { value: number; label: string }[] = [];
data.forEach(item => {
map[item.openType] = item.typeName;
options.push({ value: item.openType, label: item.typeName });
});
setOpenTypeMap(map);
setOpenTypeOptions(options);
setOpenTypeList(data);
} catch (error) {
console.error('加载开户方式列表失败:', error);
}
};
const loadOAuthList = async (page = 1, pageSize = 10, params = searchParams) => { const loadOAuthList = async (page = 1, pageSize = 10, params = searchParams) => {
setListLoading(true); setListLoading(true);
try { try {
@@ -121,6 +128,7 @@ const AuthorizationPage: React.FC = () => {
setSelectedOpenType(undefined); setSelectedOpenType(undefined);
} }
}; };
const columns = [ const columns = [
{ {
title: 'ID', title: 'ID',
@@ -197,7 +205,7 @@ const AuthorizationPage: React.FC = () => {
title: '开户方式', title: '开户方式',
dataIndex: 'openType', dataIndex: 'openType',
key: 'openType', key: 'openType',
render: (text: number) => <span style={{ color: '#1e293b' }}>{OPEN_TYPE_MAP[text] || text}</span>, render: (text: number) => <span style={{ color: '#1e293b' }}>{openTypeMap[text] || text}</span>,
}, },
{ {
title: '平台端口', title: '平台端口',
@@ -225,16 +233,6 @@ const AuthorizationPage: React.FC = () => {
width: 160, width: 160,
render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>, render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>,
}, },
// {
// title: '操作',
// key: 'action',
// width: 120,
// render: (_: unknown) => (
// <Link to={`/consume`} style={{ color: '#6366f1' }}>
// 查看消耗
// </Link>
// ),
// },
]; ];
const tableData = authorizations.map((item, index) => ({ const tableData = authorizations.map((item, index) => ({
@@ -264,10 +262,7 @@ const AuthorizationPage: React.FC = () => {
value={searchParams.open_type} value={searchParams.open_type}
onChange={(value) => setSearchParams(prev => ({ ...prev, open_type: value }))} onChange={(value) => setSearchParams(prev => ({ ...prev, open_type: value }))}
style={{ width: 140 }} style={{ width: 140 }}
options={Object.entries(OPEN_TYPE_MAP).map(([key, value]) => ({ options={openTypeOptions}
value: Number(key),
label: value,
}))}
/> />
<Input <Input
placeholder="账号ID" placeholder="账号ID"
@@ -348,17 +343,43 @@ const AuthorizationPage: React.FC = () => {
okText="确认授权" okText="确认授权"
cancelText="取消" cancelText="取消"
confirmLoading={loading} confirmLoading={loading}
width={700}
> >
<Select <div style={{ display: 'flex', gap: 16, flexWrap: 'wrap', maxHeight: 420, overflowY: 'auto' }}>
placeholder="请选择开户方式" {openTypeList.map((item) => (
value={selectedOpenType} <div
onChange={(value) => setSelectedOpenType(value)} key={item.id}
style={{ width: '100%' }} onClick={() => setSelectedOpenType(item.openType)}
options={Object.entries(OPEN_TYPE_MAP).map(([key, value]) => ({ style={{
value: Number(key), width: 'calc(33.33% - 12px)',
label: value, cursor: 'pointer',
}))} borderRadius: 12,
/> border: `2px solid ${selectedOpenType === item.openType ? '#6366f1' : '#e2e8f0'}`,
padding: 16,
transition: 'all 0.3s ease',
background: selectedOpenType === item.openType ? '#f0f1ff' : '#fff',
}}
>
<div style={{ width: '100%', height: 120, marginBottom: 12, borderRadius: 8, overflow: 'hidden' }}>
{item.thumb ? (
<img
src={item.thumb}
alt={item.typeName}
style={{ width: '100%', height: '100%', objectFit: 'cover' }}
/>
) : (
<div style={{ width: '100%', height: '100%', background: '#f1f5f9', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
<Typography.Text type="secondary">暂无图片</Typography.Text>
</div>
)}
</div>
<Typography.Text strong style={{ fontSize: 14, color: '#1e293b' }}>{item.typeName}</Typography.Text>
<p style={{ fontSize: 12, color: '#64748b', marginTop: 8, marginBottom: 0, lineHeight: 1.5 }}>
{item.description}
</p>
</div>
))}
</div>
</Modal> </Modal>
</div> </div>
); );