新增素材前测模板，投放平台授权，素材ID列表
This commit is contained in:
Lrd
Vendored
+35
-35
@@ -1,37 +1,37 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="zh-CN">
|
<html lang="zh-CN">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
|
||||||
<title>后台管理</title>
|
<title>后台管理</title>
|
||||||
<script>
|
<script>
|
||||||
(function() {
|
(function() {
|
||||||
var cached = localStorage.getItem('siteInfo');
|
var cached = localStorage.getItem('siteInfo');
|
||||||
if (cached) {
|
if (cached) {
|
||||||
try {
|
try {
|
||||||
var info = JSON.parse(cached);
|
var info = JSON.parse(cached);
|
||||||
if (info.siteName) {
|
if (info.siteName) {
|
||||||
document.title = info.siteName + ' - 管理后台';
|
document.title = info.siteName + ' - 管理后台';
|
||||||
}
|
}
|
||||||
if (info.siteLogo) {
|
if (info.siteLogo) {
|
||||||
var link = document.querySelector('link[rel="icon"]');
|
var link = document.querySelector('link[rel="icon"]');
|
||||||
if (link) {
|
if (link) {
|
||||||
link.href = info.siteLogo;
|
link.href = info.siteLogo;
|
||||||
link.type = 'image/png';
|
link.type = 'image/png';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} catch (e) {}
|
} catch (e) {}
|
||||||
}
|
}
|
||||||
})();
|
})();
|
||||||
</script>
|
</script>
|
||||||
<script type="module" crossorigin src="/assets/index-Cfn99IIe.js"></script>
|
<script type="module" crossorigin src="/assets/index-Cfn99IIe.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-D7ShJUt4.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-D7ShJUt4.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>␍
|
<div id="root"></div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -932,3 +932,55 @@ export async function regenerateHomeMaterialWatermark(id: string, payload: HomeM
|
|||||||
export async function deleteHomeMaterialAsset(id: string): Promise<void> {
|
export async function deleteHomeMaterialAsset(id: string): Promise<void> {
|
||||||
await api.delete(`/admin/home-material/assets/${id}`);
|
await api.delete(`/admin/home-material/assets/${id}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface OAuthAccountParams {
|
||||||
|
id?: string;
|
||||||
|
phone?: string;
|
||||||
|
account_id?: string;
|
||||||
|
account_userid?: string;
|
||||||
|
created_at?: [string, string];
|
||||||
|
appid?: string;
|
||||||
|
open_type?: number;
|
||||||
|
page?: number;
|
||||||
|
page_size?: number;
|
||||||
|
}
|
||||||
|
export async function getOAuthAccountList(params: OAuthAccountParams): Promise<any> {
|
||||||
|
const query = new URLSearchParams();
|
||||||
|
if (params.id) query.set('id', params.id);
|
||||||
|
if (params.phone) query.set('phone', params.phone);
|
||||||
|
if (params.account_id) query.set('account_id', params.account_id);
|
||||||
|
if (params.account_userid) query.set('account_userid', params.account_userid);
|
||||||
|
if (params.created_at !== undefined) query.set('created_at', params.created_at[0] + ',' + params.created_at[1]);
|
||||||
|
if (params.appid) query.set('appid', params.appid);
|
||||||
|
if (params.open_type !== undefined) query.set('open_type', String(params.open_type));
|
||||||
|
if (params.page !== undefined) query.set('page', String(params.page));
|
||||||
|
if (params.page_size !== undefined) query.set('page_size', String(params.page_size));
|
||||||
|
return api.get(`/material-admin/oauth-list?${query.toString()}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface MaterialListParams {
|
||||||
|
id?: string;
|
||||||
|
phone?: string;
|
||||||
|
resource_type?: string;
|
||||||
|
advertiser_id?: string;
|
||||||
|
material_id?: string;
|
||||||
|
upload_id?: string;
|
||||||
|
created_at?: [string, string];
|
||||||
|
status?: string;
|
||||||
|
page?: number;
|
||||||
|
page_size?: number;
|
||||||
|
}
|
||||||
|
export async function getMaterialList(params: MaterialListParams): Promise<any> {
|
||||||
|
const query = new URLSearchParams();
|
||||||
|
if (params.id) query.set('id', params.id);
|
||||||
|
if (params.phone) query.set('phone', params.phone);
|
||||||
|
if (params.resource_type) query.set('resource_type', params.resource_type);
|
||||||
|
if (params.advertiser_id) query.set('advertiser_id', params.advertiser_id);
|
||||||
|
if (params.material_id) query.set('material_id', params.material_id);
|
||||||
|
if (params.upload_id) query.set('upload_id', params.upload_id);
|
||||||
|
if (params.created_at !== undefined) query.set('created_at', params.created_at[0] + ',' + params.created_at[1]);
|
||||||
|
if (params.status) query.set('status', params.status);
|
||||||
|
if (params.page !== undefined) query.set('page', String(params.page));
|
||||||
|
if (params.page_size !== undefined) query.set('page_size', String(params.page_size));
|
||||||
|
return api.get(`/material-admin/material-list?${query.toString()}`);
|
||||||
|
}
|
||||||
@@ -1,6 +1,18 @@
|
|||||||
import React, { useEffect, useState } from 'react';
|
import React, { useEffect, useState } from 'react';
|
||||||
import { Button, Input, Select, Table, Pagination, Tag, Typography } from 'antd';
|
import { Button, Input, Select, Table, Pagination, Tag, Typography } from 'antd';
|
||||||
import { FileTextOutlined, SearchOutlined } from '@ant-design/icons';
|
import { FileTextOutlined, SearchOutlined } from '@ant-design/icons';
|
||||||
|
import { getMaterialList } from '../api';
|
||||||
|
const formatDateTime = (dateStr: string) => {
|
||||||
|
if (!dateStr) return '';
|
||||||
|
const date = new Date(dateStr);
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||||
|
const day = String(date.getDate()).padStart(2, '0');
|
||||||
|
const hours = String(date.getHours()).padStart(2, '0');
|
||||||
|
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||||||
|
const seconds = String(date.getSeconds()).padStart(2, '0');
|
||||||
|
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
||||||
|
};
|
||||||
|
|
||||||
const { Text } = Typography;
|
const { Text } = Typography;
|
||||||
|
|
||||||
@@ -12,7 +24,6 @@ const AdminMaterialList: React.FC = () => {
|
|||||||
const [total, setTotal] = useState(0);
|
const [total, setTotal] = useState(0);
|
||||||
const [searchMaterialId, setSearchMaterialId] = useState('');
|
const [searchMaterialId, setSearchMaterialId] = useState('');
|
||||||
const [searchUploadId, setSearchUploadId] = useState('');
|
const [searchUploadId, setSearchUploadId] = useState('');
|
||||||
const [searchFileName, setSearchFileName] = useState('');
|
|
||||||
const [searchResourceType, setSearchResourceType] = useState('');
|
const [searchResourceType, setSearchResourceType] = useState('');
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
@@ -23,6 +34,56 @@ const AdminMaterialList: React.FC = () => {
|
|||||||
width: 60,
|
width: 60,
|
||||||
render: (text: number) => <span style={{ color: '#64748b' }}>{text}</span>,
|
render: (text: number) => <span style={{ color: '#64748b' }}>{text}</span>,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: 'ID',
|
||||||
|
dataIndex: 'id',
|
||||||
|
key: 'id',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '广告主账户ID',
|
||||||
|
dataIndex: 'advertiserId',
|
||||||
|
key: 'advertiserId',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '备注',
|
||||||
|
dataIndex: 'note',
|
||||||
|
key: 'note',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '授权ID',
|
||||||
|
dataIndex: 'oauthId',
|
||||||
|
key: 'oauthId',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预测试结果',
|
||||||
|
dataIndex: 'preResult',
|
||||||
|
key: 'preResult',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '预测试模板ID',
|
||||||
|
dataIndex: 'preTestTemplateId',
|
||||||
|
key: 'preTestTemplateId',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '目标标ID',
|
||||||
|
dataIndex: 'targetId',
|
||||||
|
key: 'targetId',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '目标表',
|
||||||
|
dataIndex: 'targetTable',
|
||||||
|
key: 'targetTable',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '任务ID',
|
||||||
|
dataIndex: 'taskId',
|
||||||
|
key: 'taskId',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '用户ID',
|
||||||
|
dataIndex: 'userId',
|
||||||
|
key: 'userId',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '素材ID',
|
title: '素材ID',
|
||||||
dataIndex: 'materialId',
|
dataIndex: 'materialId',
|
||||||
@@ -35,12 +96,6 @@ const AdminMaterialList: React.FC = () => {
|
|||||||
key: 'uploadId',
|
key: 'uploadId',
|
||||||
width: 160,
|
width: 160,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: '文件名',
|
|
||||||
dataIndex: 'fileName',
|
|
||||||
key: 'fileName',
|
|
||||||
width: 200,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: '资源类型',
|
title: '资源类型',
|
||||||
dataIndex: 'resourceType',
|
dataIndex: 'resourceType',
|
||||||
@@ -63,41 +118,40 @@ const AdminMaterialList: React.FC = () => {
|
|||||||
</Tag>
|
</Tag>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{
|
|
||||||
title: '文件大小',
|
|
||||||
dataIndex: 'fileSize',
|
|
||||||
key: 'fileSize',
|
|
||||||
width: 120,
|
|
||||||
render: (text: string) => <span style={{ color: '#64748b' }}>{text}</span>,
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
dataIndex: 'createdAt',
|
dataIndex: 'createdAt',
|
||||||
key: 'createdAt',
|
key: 'createdAt',
|
||||||
width: 180,
|
width: 180,
|
||||||
render: (text: string) => <span style={{ color: '#64748b' }}>{text}</span>,
|
render: (text: string) => <span style={{ color: '#64748b' }}>{ formatDateTime(text)}</span>,
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: '更新时间',
|
||||||
|
dataIndex: 'updatedAt',
|
||||||
|
key: 'updatedAt',
|
||||||
|
width: 180,
|
||||||
|
render: (text: string) => <span style={{ color: '#64748b' }}>{ formatDateTime(text)}</span>,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const loadMaterialList = async () => {
|
const loadMaterialList = async () => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
try {
|
try {
|
||||||
const mockData = {
|
const res = await getMaterialList({
|
||||||
items: Array.from({ length: pageSize }, (_, i) => ({
|
material_id: searchMaterialId || undefined,
|
||||||
id: `${currentPage}-${i}`,
|
upload_id: searchUploadId || undefined,
|
||||||
index: (currentPage - 1) * pageSize + i + 1,
|
resource_type: searchResourceType || undefined,
|
||||||
materialId: `MAT-${(currentPage - 1) * pageSize + i + 1}`,
|
page: currentPage,
|
||||||
uploadId: `UP-${(currentPage - 1) * pageSize + i + 1}`,
|
page_size: pageSize,
|
||||||
fileName: `file_${(currentPage - 1) * pageSize + i + 1}.mp4`,
|
});
|
||||||
resourceType: ['video', 'image'][i % 2],
|
const data = res.items || [];
|
||||||
status: ['SUCCESS', 'PENDING', 'FAILED'][i % 3],
|
const tableData = data.map((item: any, index: number) => ({
|
||||||
fileSize: `${(Math.random() * 50 + 10).toFixed(1)} MB`,
|
...item,
|
||||||
createdAt: '2026-07-01 10:00:00',
|
index: (currentPage - 1) * pageSize + index + 1,
|
||||||
})),
|
}));
|
||||||
total: 120,
|
setTableData(tableData);
|
||||||
};
|
setTotal(res.total || 0);
|
||||||
setTableData(mockData.items);
|
|
||||||
setTotal(mockData.total);
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('加载数据失败:', error);
|
console.error('加载数据失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
@@ -140,8 +194,8 @@ const AdminMaterialList: React.FC = () => {
|
|||||||
/>
|
/>
|
||||||
<Input
|
<Input
|
||||||
placeholder="文件名"
|
placeholder="文件名"
|
||||||
value={searchFileName}
|
value={searchResourceType}
|
||||||
onChange={(e) => setSearchFileName(e.target.value)}
|
onChange={(e) => setSearchResourceType(e.target.value)}
|
||||||
style={{ width: 140 }}
|
style={{ width: 140 }}
|
||||||
allowClear
|
allowClear
|
||||||
onPressEnter={handleSearch}
|
onPressEnter={handleSearch}
|
||||||
|
|||||||
@@ -1,7 +1,18 @@
|
|||||||
import React, { useEffect, useState } from 'react';
|
import React, { useEffect, useState } from 'react';
|
||||||
import { Button, Input, Select, Table, Pagination, Tag, Typography } from 'antd';
|
import { Button, Input, Select, Table, Pagination, Tag, Typography } from 'antd';
|
||||||
import { LockOutlined, SearchOutlined } from '@ant-design/icons';
|
import { LockOutlined, SearchOutlined } from '@ant-design/icons';
|
||||||
|
import { getOAuthAccountList, getOpenTypeAll } from '../api';
|
||||||
|
const formatDateTime = (dateStr: string) => {
|
||||||
|
if (!dateStr) return '';
|
||||||
|
const date = new Date(dateStr);
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||||
|
const day = String(date.getDate()).padStart(2, '0');
|
||||||
|
const hours = String(date.getHours()).padStart(2, '0');
|
||||||
|
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||||||
|
const seconds = String(date.getSeconds()).padStart(2, '0');
|
||||||
|
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
||||||
|
};
|
||||||
const { Text } = Typography;
|
const { Text } = Typography;
|
||||||
|
|
||||||
const AdminOAuthList: React.FC = () => {
|
const AdminOAuthList: React.FC = () => {
|
||||||
@@ -12,13 +23,9 @@ const AdminOAuthList: React.FC = () => {
|
|||||||
const [total, setTotal] = useState(0);
|
const [total, setTotal] = useState(0);
|
||||||
const [searchAccountId, setSearchAccountId] = useState('');
|
const [searchAccountId, setSearchAccountId] = useState('');
|
||||||
const [searchUserId, setSearchUserId] = useState('');
|
const [searchUserId, setSearchUserId] = useState('');
|
||||||
const [searchOpenType, setSearchOpenType] = useState('');
|
const [openTypeMap, setOpenTypeMap] = useState<Record<number, string>>({});
|
||||||
|
const [openTypeOptions, setOpenTypeOptions] = useState<{ value: number; label: string }[]>([]);
|
||||||
const openTypeOptions = [
|
const [searchOpenType, setSearchOpenType] = useState<number | undefined>(undefined);
|
||||||
{ value: 'AD', label: 'AD' },
|
|
||||||
{ value: 'QIANCHUAN', label: '千川' },
|
|
||||||
{ value: 'LOCAL', label: '本地推' },
|
|
||||||
];
|
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
{
|
{
|
||||||
@@ -28,74 +35,168 @@ const AdminOAuthList: React.FC = () => {
|
|||||||
width: 60,
|
width: 60,
|
||||||
render: (text: number) => <span style={{ color: '#64748b' }}>{text}</span>,
|
render: (text: number) => <span style={{ color: '#64748b' }}>{text}</span>,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: 'ID',
|
||||||
|
dataIndex: 'id',
|
||||||
|
key: 'id',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '前台用户ID',
|
||||||
|
dataIndex: 'userId',
|
||||||
|
key: 'userId',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '前台用户手机号',
|
||||||
|
dataIndex: 'userPhone',
|
||||||
|
key: 'userPhone',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '授权应用ID',
|
||||||
|
dataIndex: 'appid',
|
||||||
|
key: 'appid',
|
||||||
|
},
|
||||||
{
|
{
|
||||||
title: '授权绑定账户ID',
|
title: '授权绑定账户ID',
|
||||||
dataIndex: 'accountId',
|
dataIndex: 'accountId',
|
||||||
key: 'accountId',
|
key: 'accountId',
|
||||||
width: 180,
|
},
|
||||||
|
{
|
||||||
|
title: '授权绑定账户名称',
|
||||||
|
dataIndex: 'accountName',
|
||||||
|
key: 'accountName',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '授权绑定账户角色',
|
||||||
|
dataIndex: 'accountRole',
|
||||||
|
key: 'accountRole',
|
||||||
|
render: (role: string) => {
|
||||||
|
const roleMap: Record<string, string> = {
|
||||||
|
ADVERTISER: '客户',
|
||||||
|
CUSTOMER_ADMIN: '普通版工作台-管理员',
|
||||||
|
CUSTOMER_OPERATOR: '普通版工作台-协作者',
|
||||||
|
AGENT: '代理商',
|
||||||
|
CHILD_AGENT: '二级代理商',
|
||||||
|
PLATFORM_ROLE_STAR: '星图账户',
|
||||||
|
PLATFORM_ROLE_SHOP_ACCOUNT: '抖音店铺账户',
|
||||||
|
PLATFORM_ROLE_QIANCHUAN_AGENT: '千川代理商',
|
||||||
|
PLATFORM_ROLE_STAR_AGENT: '星图代理商',
|
||||||
|
PLATFORM_ROLE_AWEME: '抖音号',
|
||||||
|
PLATFORM_ROLE_STAR_MCN: '星图MCN机构',
|
||||||
|
PLATFORM_ROLE_STAR_ISV: '星图服务商',
|
||||||
|
AGENT_SYSTEM_ACCOUNT: '代理商系统账户',
|
||||||
|
PLATFORM_ROLE_LOCAL_AGENT: '本地推代理商',
|
||||||
|
PLATFORM_ROLE_YUNTU_BRAND_ISV_ADMIN: '云图品牌服务商管理员',
|
||||||
|
PLATFORM_ROLE_LIFE: '抖音来客账户',
|
||||||
|
PLATFORM_ROLE_ENTERPRISE_BP_ADMIN: '升级版工作台管理员',
|
||||||
|
PLATFORM_ROLE_ENTERPRISE_BP_OPERATOR: '升级版工作台协作者',
|
||||||
|
};
|
||||||
|
return roleMap[role] || role;
|
||||||
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '授权登录账户用户ID',
|
title: '授权登录账户用户ID',
|
||||||
dataIndex: 'accountUserId',
|
dataIndex: 'accountUserid',
|
||||||
key: 'accountUserId',
|
key: 'accountUserid',
|
||||||
width: 180,
|
},
|
||||||
|
{
|
||||||
|
title: '授权登录账户用户名',
|
||||||
|
dataIndex: 'accountUsername',
|
||||||
|
key: 'accountUsername',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '开户方式',
|
title: '开户方式',
|
||||||
dataIndex: 'openType',
|
dataIndex: 'openType',
|
||||||
key: 'openType',
|
key: 'openType',
|
||||||
width: 120,
|
width: 120,
|
||||||
render: (text: string) => (
|
render: (text: number) => <span style={{ color: '#1e293b' }}>{openTypeMap[text] || text}</span>,
|
||||||
<Tag color={text === 'AD' ? 'blue' : text === 'QIANCHUAN' ? 'green' : 'orange'}>
|
|
||||||
{text === 'AD' ? 'AD' : text === 'QIANCHUAN' ? '千川' : '本地推'}
|
|
||||||
</Tag>
|
|
||||||
),
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '状态',
|
title: '平台端口',
|
||||||
dataIndex: 'status',
|
dataIndex: 'portType',
|
||||||
key: 'status',
|
key: 'portType',
|
||||||
width: 100,
|
render: (role: string) => {
|
||||||
render: (text: string) => (
|
const roleMap: Record<string, string> = {
|
||||||
<Tag color={text === 'active' ? 'green' : 'red'}>
|
1: '巨量',
|
||||||
{text === 'active' ? '有效' : '失效'}
|
2: '磁力',
|
||||||
</Tag>
|
3: '巨量星图',
|
||||||
),
|
4: '服务单',
|
||||||
|
5: '腾讯',
|
||||||
|
};
|
||||||
|
return roleMap[role] || role;
|
||||||
|
},
|
||||||
|
// 1=巨量，2=磁力，3=巨量星图，4=服务单，5=腾讯
|
||||||
|
// render: (text: number) => <span style={{ color: '#1e293b' }}>{text}</span>,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '授权刷新Token',
|
||||||
|
dataIndex: 'refreshToken',
|
||||||
|
key: 'refreshToken',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '刷新Token过期时间',
|
||||||
|
dataIndex: 'refreshTokenExpired',
|
||||||
|
key: 'refreshTokenExpired',
|
||||||
|
render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '授权Token',
|
||||||
|
dataIndex: 'accessToken',
|
||||||
|
key: 'accessToken',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Token过期时间',
|
||||||
|
dataIndex: 'accessTokenExpired',
|
||||||
|
key: 'accessTokenExpired',
|
||||||
|
render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '创建时间',
|
title: '创建时间',
|
||||||
dataIndex: 'createdAt',
|
dataIndex: 'createdAt',
|
||||||
key: 'createdAt',
|
key: 'createdAt',
|
||||||
width: 180,
|
width: 180,
|
||||||
render: (text: string) => <span style={{ color: '#64748b' }}>{text}</span>,
|
render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '更新时间',
|
title: '更新时间',
|
||||||
dataIndex: 'updatedAt',
|
dataIndex: 'updatedAt',
|
||||||
key: 'updatedAt',
|
key: 'updatedAt',
|
||||||
width: 180,
|
width: 180,
|
||||||
render: (text: string) => <span style={{ color: '#64748b' }}>{text}</span>,
|
render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
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 () => {
|
const loadOAuthList = async () => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
try {
|
try {
|
||||||
const mockData = {
|
const res = await getOAuthAccountList({
|
||||||
items: Array.from({ length: pageSize }, (_, i) => ({
|
account_id: searchAccountId || undefined,
|
||||||
id: `${currentPage}-${i}`,
|
account_userid: searchUserId || undefined,
|
||||||
index: (currentPage - 1) * pageSize + i + 1,
|
open_type: searchOpenType,
|
||||||
accountId: `ACC-${(currentPage - 1) * pageSize + i + 1}`,
|
page: currentPage,
|
||||||
accountUserId: `USER-${(currentPage - 1) * pageSize + i + 1}`,
|
page_size: pageSize,
|
||||||
openType: ['AD', 'QIANCHUAN', 'LOCAL'][i % 3],
|
});
|
||||||
status: i % 6 === 0 ? 'inactive' : 'active',
|
const data = res.data || [];
|
||||||
createdAt: '2026-07-01 10:00:00',
|
const tableData = data.map((item: any, index: number) => ({
|
||||||
updatedAt: '2026-07-02 14:30:00',
|
...item,
|
||||||
})),
|
index: (currentPage - 1) * pageSize + index + 1,
|
||||||
total: 80,
|
}));
|
||||||
};
|
setTableData(tableData);
|
||||||
setTableData(mockData.items);
|
setTotal(res.pagination?.total || 0);
|
||||||
setTotal(mockData.total);
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('加载数据失败:', error);
|
console.error('加载数据失败:', error);
|
||||||
} finally {
|
} finally {
|
||||||
@@ -104,6 +205,7 @@ const AdminOAuthList: React.FC = () => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
loadOpenTypeList();
|
||||||
loadOAuthList();
|
loadOAuthList();
|
||||||
}, [currentPage, pageSize]);
|
}, [currentPage, pageSize]);
|
||||||
|
|
||||||
@@ -126,6 +228,7 @@ const AdminOAuthList: React.FC = () => {
|
|||||||
onChange={(e) => setSearchAccountId(e.target.value)}
|
onChange={(e) => setSearchAccountId(e.target.value)}
|
||||||
style={{ width: 180 }}
|
style={{ width: 180 }}
|
||||||
allowClear
|
allowClear
|
||||||
|
prefix={<SearchOutlined />}
|
||||||
onPressEnter={handleSearch}
|
onPressEnter={handleSearch}
|
||||||
/>
|
/>
|
||||||
<Input
|
<Input
|
||||||
@@ -134,6 +237,7 @@ const AdminOAuthList: React.FC = () => {
|
|||||||
onChange={(e) => setSearchUserId(e.target.value)}
|
onChange={(e) => setSearchUserId(e.target.value)}
|
||||||
style={{ width: 180 }}
|
style={{ width: 180 }}
|
||||||
allowClear
|
allowClear
|
||||||
|
prefix={<SearchOutlined />}
|
||||||
onPressEnter={handleSearch}
|
onPressEnter={handleSearch}
|
||||||
/>
|
/>
|
||||||
<Select
|
<Select
|
||||||
@@ -157,25 +261,21 @@ const AdminOAuthList: React.FC = () => {
|
|||||||
dataSource={tableData}
|
dataSource={tableData}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
loading={loading}
|
loading={loading}
|
||||||
pagination={false}
|
|
||||||
rowKey="id"
|
rowKey="id"
|
||||||
bordered={false}
|
bordered={false}
|
||||||
scroll={{ x: 'max-content' }}
|
scroll={{ x: 'max-content' }}
|
||||||
/>
|
pagination={{
|
||||||
<div style={{ padding: '16px', textAlign: 'right' }}>
|
current: currentPage,
|
||||||
<Pagination
|
pageSize,
|
||||||
current={currentPage}
|
total,
|
||||||
pageSize={pageSize}
|
showSizeChanger: true,
|
||||||
total={total}
|
showTotal: (t) => `共 ${t} 条记录`,
|
||||||
showSizeChanger
|
onChange: (page, size) => {
|
||||||
showTotal={(total) => `共 ${total} 条记录`}
|
|
||||||
onChange={(page, size) => {
|
|
||||||
setCurrentPage(page);
|
setCurrentPage(page);
|
||||||
setPageSize(size);
|
setPageSize(size);
|
||||||
}}
|
}
|
||||||
size="small"
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -721,9 +721,6 @@ export async function getHomeCaseHeader(): Promise<any> {
|
|||||||
export async function getHomeCaseButton(id: string,limit:number=5): Promise<any> {
|
export async function getHomeCaseButton(id: string,limit:number=5): Promise<any> {
|
||||||
return api.get(`/home-materials?category_id=${id}&limit_per_category=${limit}&include_empty_categories=false&response_mode=grouped&page=1&page_size=20`);
|
return api.get(`/home-materials?category_id=${id}&limit_per_category=${limit}&include_empty_categories=false&response_mode=grouped&page=1&page_size=20`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export async function deleteResourcesMaterial(params:any): Promise<any> {
|
export async function deleteResourcesMaterial(params:any): Promise<any> {
|
||||||
return api.delete(`/generation-ai/history/batch`, params);
|
return api.delete(`/generation-ai/history/batch`, params);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user