初步增加 web 界面

2026-06-22 13:11:15 +08:00
parent 4c924375aa
commit 347edb8103
66 changed files with 6816 additions and 21 deletions
@@ -0,0 +1,109 @@
+import { useEffect, useState } from 'react';
+import { Form, Input, Switch, Button, Card, message, Divider, Space } from 'antd';
+import { proxyApi } from '../api/modules';
+
+export default function ProxyPage() {
+  const [form] = Form.useForm();
+  const [loading, setLoading] = useState(false);
+  const [testing, setTesting] = useState(false);
+  const [testingWl, setTestingWl] = useState(false);
+
+  const loadConfig = async () => {
+    try {
+      const data = await proxyApi.get();
+      form.setFieldsValue(data);
+    } catch (e: any) {
+      message.error(e.message);
+    }
+  };
+
+  useEffect(() => {
+    loadConfig();
+  }, []);
+
+  const handleSave = async () => {
+    setLoading(true);
+    try {
+      const values = await form.validateFields();
+      await proxyApi.update(values);
+      message.success('已保存');
+    } catch (e: any) {
+      message.error(e.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleTestProxy = async () => {
+    setTesting(true);
+    try {
+      const result = await proxyApi.test();
+      if (result.success) {
+        message.success(result.message);
+      } else {
+        message.warning(result.message);
+      }
+    } catch (e: any) {
+      message.error(e.message);
+    } finally {
+      setTesting(false);
+    }
+  };
+
+  const handleTestWhitelist = async () => {
+    setTestingWl(true);
+    try {
+      const result = await proxyApi.testWhitelist();
+      if (result.success) {
+        message.success(result.message);
+      } else {
+        message.warning(result.message);
+      }
+    } catch (e: any) {
+      message.error(e.message);
+    } finally {
+      setTestingWl(false);
+    }
+  };
+
+  return (
+    <div>
+      <h2>代理配置</h2>
+      <Form form={form} layout="vertical" style={{ maxWidth: 600 }}>
+        <Card title="代理设置" size="small" style={{ marginBottom: 16 }}>
+          <Form.Item name="enabled" label="启用代理" valuePropName="checked">
+            <Switch />
+          </Form.Item>
+          <Form.Item name="api_url" label="代理API地址">
+            <Input placeholder="http://op.xiequ.cn/...?act=get" />
+          </Form.Item>
+          <Form.Item name="http" label="静态HTTP代理">
+            <Input placeholder="http://ip:port" />
+          </Form.Item>
+          <Form.Item name="https" label="静态HTTPS代理">
+            <Input placeholder="http://ip:port" />
+          </Form.Item>
+          <Button onClick={handleTestProxy} loading={testing}>测试代理</Button>
+        </Card>
+
+        <Card title="白名单管理" size="small">
+          <Form.Item name="whitelist_enabled" label="启用白名单自动管理" valuePropName="checked">
+            <Switch />
+          </Form.Item>
+          <Form.Item name="whitelist_uid" label="协固UID">
+            <Input placeholder="如: 99769" />
+          </Form.Item>
+          <Form.Item name="whitelist_ukey" label="协固UKEY">
+            <Input placeholder="如: C99371082B965B70F46DCAA87A04618B" />
+          </Form.Item>
+          <Button onClick={handleTestWhitelist} loading={testingWl}>测试白名单</Button>
+        </Card>
+
+        <Divider />
+        <Space>
+          <Button type="primary" onClick={handleSave} loading={loading}>保存配置</Button>
+        </Space>
+      </Form>
+    </div>
+  );
+}