修改路由跳转带参问题
This commit is contained in:
@@ -7,7 +7,7 @@ import AdminAuthoriz from './pages/AdminAuthoriz';
|
||||
import AdminConsume from './pages/AdminConsume';
|
||||
import AdminLoginPage from './pages/AdminLoginPage';
|
||||
import AdminDashboard from './pages/AdminDashboard';
|
||||
import AdminPlatform from './pages/Adminplatform';
|
||||
import AdminPlatform from './pages/AdminPlatform';
|
||||
import AdminUsers from './pages/AdminUsers';
|
||||
import AdminModels from './pages/AdminModels';
|
||||
import AdminSettings from './pages/AdminSettings';
|
||||
|
||||
+442
File diff suppressed because one or more lines are too long
+442
File diff suppressed because one or more lines are too long
Vendored
+1
-1
@@ -28,7 +28,7 @@
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<script type="module" crossorigin src="/assets/index-DCmxkqpk.js"></script>
|
||||
<script type="module" crossorigin src="/assets/index-DMBEB2Im.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-D3IaMBsq.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -2,6 +2,9 @@ import React, { useEffect } from 'react';
|
||||
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
|
||||
import { ConfigProvider, App as AntApp, Spin } from 'antd';
|
||||
import zhCN from 'antd/locale/zh_CN';
|
||||
import dayjs from 'dayjs';
|
||||
import 'dayjs/locale/zh-cn';
|
||||
dayjs.locale('zh-cn');
|
||||
import AppLayout from './components/Layout/AppLayout';
|
||||
import LoginPage from './pages/LoginPage';
|
||||
import ProjectsPage from './pages/ProjectsPage';
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { Button, Table, Modal, App, Input, Pagination, Typography, Space } from 'antd';
|
||||
import { LockOutlined, ArrowLeftOutlined } from '@ant-design/icons';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
import { useNavigate, useSearchParams } from 'react-router-dom';
|
||||
import { getOAuthAccountList, deleteOAuthAccount, getOpenTypeAll } from '../api';
|
||||
|
||||
const formatDateTime = (dateStr: string) => {
|
||||
@@ -27,6 +27,7 @@ interface AuthorizationData {
|
||||
|
||||
const AuthAccountPage: React.FC = () => {
|
||||
const navigate = useNavigate();
|
||||
const [searchParamsUrl] = useSearchParams();
|
||||
const { message } = App.useApp();
|
||||
const [authorizations, setAuthorizations] = useState<AuthorizationData[]>([]);
|
||||
const [listLoading, setListLoading] = useState(false);
|
||||
@@ -41,7 +42,13 @@ const AuthAccountPage: React.FC = () => {
|
||||
const [openTypeMap, setOpenTypeMap] = useState<Record<number, string>>({});
|
||||
|
||||
useEffect(() => {
|
||||
loadOAuthList();
|
||||
const oauthId = searchParamsUrl.get('oauth_id');
|
||||
if (oauthId) {
|
||||
setSearchParams(prev => ({ ...prev, oauth_id: oauthId }));
|
||||
loadOAuthList(1, 10, { ...searchParams, oauth_id: oauthId });
|
||||
} else {
|
||||
loadOAuthList();
|
||||
}
|
||||
loadOpenTypeList();
|
||||
}, []);
|
||||
|
||||
@@ -245,6 +252,7 @@ const AuthAccountPage: React.FC = () => {
|
||||
value={searchParams.advertiser_id}
|
||||
onChange={(e) => setSearchParams(prev => ({ ...prev, advertiser_id: e.target.value }))}
|
||||
style={{ width: 180 }}
|
||||
allowClear={true}
|
||||
onPressEnter={() => { setCurrentPage(1); loadOAuthList(1, pageSize); }}
|
||||
/>
|
||||
<Input
|
||||
@@ -252,6 +260,7 @@ const AuthAccountPage: React.FC = () => {
|
||||
value={searchParams.oauth_id}
|
||||
onChange={(e) => setSearchParams(prev => ({ ...prev, oauth_id: e.target.value }))}
|
||||
style={{ width: 180 }}
|
||||
allowClear={true}
|
||||
onPressEnter={() => { setCurrentPage(1); loadOAuthList(1, pageSize); }}
|
||||
/>
|
||||
<Input
|
||||
@@ -259,6 +268,7 @@ const AuthAccountPage: React.FC = () => {
|
||||
value={searchParams.advertiser_name}
|
||||
onChange={(e) => setSearchParams(prev => ({ ...prev, advertiser_name: e.target.value }))}
|
||||
style={{ width: 180 }}
|
||||
allowClear={true}
|
||||
onPressEnter={() => { setCurrentPage(1); loadOAuthList(1, pageSize); }}
|
||||
/>
|
||||
<Button
|
||||
|
||||
@@ -240,9 +240,9 @@ const AuthorizationPage: React.FC = () => {
|
||||
),
|
||||
},
|
||||
{
|
||||
title: '授权过期时间',
|
||||
dataIndex: 'accessTokenExpired',
|
||||
key: 'accessTokenExpired',
|
||||
title: '授权有效时间',
|
||||
dataIndex: 'refreshTokenExpired',
|
||||
key: 'refreshTokenExpired',
|
||||
width: 160,
|
||||
render: (text: string) => <span style={{ color: '#64748b' }}>{formatDateTime(text)}</span>,
|
||||
},
|
||||
@@ -263,7 +263,7 @@ const AuthorizationPage: React.FC = () => {
|
||||
<>
|
||||
<Button
|
||||
type="link"
|
||||
onClick={() => navigate(`/authacc?advertiserId=${record.advertiserId}`)}
|
||||
onClick={() => navigate(`/authacc?oauth_id=${record.id}`)}
|
||||
style={{ color: '#6366f1', padding: 0 }}
|
||||
>
|
||||
查看授权账户
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { Table, Tag, Button, Pagination, Typography, Modal, Checkbox, Input, DatePicker, App } from 'antd';
|
||||
import { Table, Button, Pagination, Typography, Modal, Checkbox, Input, DatePicker, App } from 'antd';
|
||||
import { ArrowLeftOutlined, DollarOutlined, SettingOutlined, SyncOutlined } from '@ant-design/icons';
|
||||
import { useNavigate, useSearchParams } from 'react-router-dom';
|
||||
import { getMaterialConsumpList, getMaterialConsumptionFields, syncMaterialConsumption } from '../api';
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user