From deb5a2ea11cd70e1a057607d2c498f1e0670fc52 Mon Sep 17 00:00:00 2001
From: Rain&Bus <rainandbus@gmail.com>
Date: Mon, 15 Jan 2024 00:42:28 +0800
Subject: [PATCH] temp

---
 src/components/index.tsx                 |  2 +
 src/components/management/AddUser.tsx    | 56 ++++++++++++++++++++++++
 src/components/management/BlankPage.tsx  | 14 ++++++
 src/components/management/UserManage.tsx |  2 +
 src/routes/index.tsx                     |  4 +-
 src/service/index.ts                     |  2 +
 6 files changed, 78 insertions(+), 2 deletions(-)
 create mode 100644 src/components/management/AddUser.tsx
 create mode 100644 src/components/management/BlankPage.tsx

diff --git a/src/components/index.tsx b/src/components/index.tsx
index 5524ab0..68f1044 100644
--- a/src/components/index.tsx
+++ b/src/components/index.tsx
@@ -33,6 +33,7 @@ import Sub2 from './smenu/Sub2';
 import Env from './env';
 import Home from './visualize/Home';
 import UserManage from './management/UserManage';
+import BlankPage from './management/BlankPage';
 
 const WysiwygBundle = Loadable({
     // 按需加载富文本配置
@@ -71,4 +72,5 @@ export default {
     Env,
     Home,
     UserManage,
+    BlankPage,
 } as any;
diff --git a/src/components/management/AddUser.tsx b/src/components/management/AddUser.tsx
new file mode 100644
index 0000000..3d31dfb
--- /dev/null
+++ b/src/components/management/AddUser.tsx
@@ -0,0 +1,56 @@
+import React, { useState, SetStateAction } from 'react';
+import Modal from 'antd/lib/modal/Modal';
+import { Input } from 'antd';
+import Form, { FormInstance } from 'antd/lib/form/Form';
+import FormItem from 'antd/lib/form/FormItem';
+import { trailwayAddUser } from '../../service';
+
+type AddUserState = {
+    isShow: boolean;
+};
+
+class AddUser extends React.Component<{}, AddUserState> {
+    private formRef = React.createRef<FormInstance>();
+
+    constructor(props: {}) {
+        super(props);
+        this.state = {
+            isShow: false,
+        };
+    }
+
+    handleOk = () => {
+        console.log(this.formRef.current?.submit());
+    };
+
+    switchShow = () => {
+        this.setState((state) => ({
+            isShow: !state.isShow,
+        }));
+    };
+
+    handleFinish = (values: any) => {
+        return trailwayAddUser(values).then((resp: any) => {
+            if (resp.code == 200) {
+                this.switchShow();
+            }
+        });
+    };
+
+    render() {
+        return (
+            <Modal title="增加用户" visible={this.state.isShow} onOk={this.handleOk}>
+                <Form ref={this.formRef} onFinish={this.handleFinish}>
+                    <FormItem name="username">
+                        <Input placeholder="账户" />
+                    </FormItem>
+                    <FormItem name="password">
+                        <Input placeholder="密码" />
+                    </FormItem>
+                </Form>
+            </Modal>
+        );
+    }
+}
+
+export default AddUser;
diff --git a/src/components/management/BlankPage.tsx b/src/components/management/BlankPage.tsx
new file mode 100644
index 0000000..a31c530
--- /dev/null
+++ b/src/components/management/BlankPage.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { Button } from 'antd';
+
+class UserManage extends React.Component {
+    render() {
+        return (
+            <div>
+                <Button>Temp</Button>
+            </div>
+        );
+    }
+}
+
+export default UserManage;
diff --git a/src/components/management/UserManage.tsx b/src/components/management/UserManage.tsx
index f623fce..7f3a08c 100644
--- a/src/components/management/UserManage.tsx
+++ b/src/components/management/UserManage.tsx
@@ -5,6 +5,7 @@ import React from 'react';
 import { Table, Input, Button } from 'antd';
 import { SmileOutlined } from '@ant-design/icons';
 import { trailwayDelUser, trailwayListUsers } from '../../service';
+import AddUser from './AddUser';
 
 class UserManage extends React.Component {
     state = {
@@ -103,6 +104,7 @@ class UserManage extends React.Component {
         return (
             <div>
                 <Button type="primary">增加用户</Button>
+                <AddUser></AddUser>
                 <Table columns={columns} dataSource={this.state.data} />
                 <style>{`
                     .custom-filter-dropdown {
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 93ccafb..2b0a46e 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -59,11 +59,11 @@ const CRouter = (props: CRouterProps) => {
         return r.component ? route(r) : subRoute(r);
     };
     const createRoute = (key: string) => routesConfig[key].map(createMenu);
-    const getAsyncMenus = () => smenus || umbrella.getLocalStorage('smenus') || [];
+    // const getAsyncMenus = () => smenus || umbrella.getLocalStorage('smenus') || [];
     return (
         <Switch>
             {Object.keys(routesConfig).map((key) => createRoute(key))}
-            {getAsyncMenus().map(createMenu)}
+            {/*{getAsyncMenus().map(createMenu)}*/}
             <Route render={() => <Redirect to="/404" />} />
         </Switch>
     );
diff --git a/src/service/index.ts b/src/service/index.ts
index eca0855..69b6e4c 100644
--- a/src/service/index.ts
+++ b/src/service/index.ts
@@ -50,3 +50,5 @@ export const trailwayLogin = (data: any) => post({ url: config.TRAILWAY_API + '/
 export const trailwayListUsers = () => get({ url: config.TRAILWAY_API + '/user/list' });
 export const trailwayDelUser = (id: Number) =>
     get({ url: config.TRAILWAY_API + '/user/delete/' + id });
+export const trailwayAddUser = (data: any) =>
+    post({ url: config.TRAILWAY_API + '/user/add/', data });