admin/MYXY_Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 🐛 修复系统配置页在优化过程中产生的新问题

Browse Source
This commit is contained in:
Stev_Wang
2025-12-12 21:43:02 +08:00
parent 5b2c2d35bc
commit 429883b0bf
2 changed files with 44 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/SystemConfigPage.tsx
View File

@@ -5,7 +5,7 @@
*/
import React, { useState, useEffect } from 'react';
import { Tabs, message } from 'antd';
import { Tabs, message, Space } from 'antd';
import {
SettingOutlined,
SecurityScanOutlined,
@@ -112,10 +112,10 @@ const SystemConfigPage: React.FC = () => {
{
key: 'basic',
label: (
<span>
<Space size="small">
<SettingOutlined />
基本配置
</span>
</Space>
),
children: (
<BasicConfigTab
@@ -132,10 +132,10 @@ const SystemConfigPage: React.FC = () => {
{
key: 'security',
label: (
<span>
<Space size="small">
<SecurityScanOutlined />
安全配置
</span>
</Space>
),
children: (
<SecurityConfigTab
@@ -152,10 +152,10 @@ const SystemConfigPage: React.FC = () => {
{
key: 'game',
label: (
<span>
<Space size="small">
<CloudServerOutlined />
游戏通信配置
</span>
</Space>
),
children: (
<GameConfigTab

51
src/pages/tabs/GameConfigTab.tsx
View File

@@ -24,6 +24,7 @@ const { TextArea } = Input;
interface GameConfigTabProps {
configs: SystemConfig[];
loading?: boolean;
saving?: boolean;
onSave: (requests: SaveConfigRequest[]) => void;
onReset: (configKey: string) => void;
@@ -31,8 +32,25 @@ interface GameConfigTabProps {
onConfigChange: () => void;
}
interface ConfigItem {
key: string;
title: string;
description: string;
type: 'input' | 'textarea' | 'inputnumber' | 'switch' | 'select';
placeholder?: string;
required?: boolean;
min?: number;
max?: number;
suffix?: string;
rows?: number;
sensitive?: boolean;
icon?: React.ReactElement;
options?: Array<{ value: string; label: string }>;
}
const GameConfigTab: React.FC<GameConfigTabProps> = ({
configs,
loading,
saving,
onSave,
onReset,
@@ -64,7 +82,10 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
// 处理表单值变化
const handleValuesChange = (changedValues: Record<string, unknown>, allValues: Record<string, unknown>) => {
setFormData(allValues);
// 使用changedValues参数避免未使用的警告
if (Object.keys(changedValues).length > 0) {
onConfigChange();
}
};
// 保存配置
@@ -115,15 +136,15 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
return { level: 'strong', message: 'PSK密钥强度符合要求' };
};
const apiUrlValidation = validateApiUrl(formData.game_server_api || '');
const pskStrength = checkPskStrength(formData.game_server_psk || '');
const apiUrlValidation = validateApiUrl(String(formData.game_server_api || ''));
const pskStrength = checkPskStrength(String(formData.game_server_psk || ''));
const configItems = [
const configItems: ConfigItem[] = [
{
key: 'game_server_api',
title: '游戏服务端API',
description: '游戏服务端HTTP接口地址，用于与游戏服务端进行数据交互',
type: 'input',
type: 'input' as const,
placeholder: 'http://127.0.0.1:8080/tool/http',
required: true,
icon: <ApiOutlined />,
@@ -133,7 +154,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
key: 'game_server_psk',
title: '游戏服务端PSK',
description: '游戏服务端预共享密钥，用于API认证，安全性至关重要',
type: 'textarea',
type: 'textarea' as const,
placeholder: '请输入PSK密钥（建议32位以上）',
required: true,
rows: 3,
@@ -144,7 +165,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
key: 'game_server_timeout',
title: '请求超时时间',
description: '与游戏服务端通信的超时时间，单位：秒',
type: 'inputnumber',
type: 'inputnumber' as const,
min: 5,
max: 120,
suffix: '秒',
@@ -155,7 +176,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
key: 'game_server_retry_count',
title: '重试次数',
description: 'API请求失败时的重试次数',
type: 'inputnumber',
type: 'inputnumber' as const,
min: 1,
max: 10,
suffix: '次',
@@ -166,14 +187,14 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
key: 'player_auto_register',
title: '玩家自动注册',
description: '新玩家是否自动创建账号',
type: 'switch',
type: 'switch' as const,
icon: <UserAddOutlined />
},
{
key: 'game_log_level',
title: '游戏日志级别',
description: '游戏相关操作的日志记录级别',
type: 'select',
type: 'select' as const,
required: true,
icon: <FileTextOutlined />,
options: [
@@ -195,7 +216,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
showIcon
style={{ marginBottom: '24px' }}
action={
<Button size="small" danger>
<Button size="small" danger disabled={loading}>
测试连接
</Button>
}
@@ -231,7 +252,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
style={{ marginBottom: '24px' }}
>
<Row gutter={[24, 0]}>
{configItems.map((item) => {
{configItems.map((item: ConfigItem) => {
const config = configs.find(c => c.config_key === item.key);
if (!config) return null;
@@ -330,7 +351,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
<Input
placeholder={item.placeholder}
disabled={config.config_type === 'boolean'}
value={formData[item.key]}
value={String(formData[item.key] || '')}
onChange={(e) => {
form.setFieldValue(item.key, e.target.value);
onConfigChange();
@@ -345,7 +366,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
showCount={!item.sensitive}
autoSize={{ minRows: item.rows || 3, maxRows: 6 }}
style={{ fontFamily: item.sensitive ? 'monospace' : 'inherit' }}
value={formData[item.key]}
value={String(formData[item.key] || '')}
onChange={(e) => {
form.setFieldValue(item.key, e.target.value);
onConfigChange();
@@ -359,7 +380,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
max={item.max}
placeholder={item.placeholder}
suffix={item.suffix}
value={formData[item.key]}
value={formData[item.key] as number | string | null}
onChange={(value) => {
form.setFieldValue(item.key, value);
onConfigChange();
@@ -369,7 +390,7 @@ const GameConfigTab: React.FC<GameConfigTabProps> = ({
{item.type === 'select' && (
<Select
placeholder={item.placeholder}
value={formData[item.key]}
value={String(formData[item.key] || '')}
onChange={(value) => {
form.setFieldValue(item.key, value);
onConfigChange();