mirror of https://github.com/longtai-cn/hippo4j
Merge branch 'develop' of https://github.com/opengoofy/hippo4j into develop
MZR
2 years ago
commit
ce69c6667a
@ -0,0 +1,12 @@
|
||||
{
|
||||
"systemParams": "darwin-arm64-93",
|
||||
"modulesFolders": [
|
||||
"node_modules"
|
||||
],
|
||||
"flags": [],
|
||||
"linkedModules": [],
|
||||
"topLevelPatterns": [],
|
||||
"lockfileEntries": {},
|
||||
"files": [],
|
||||
"artifacts": {}
|
||||
}
|
||||
@ -1,3 +1,4 @@
|
||||
/.git
|
||||
node_modules
|
||||
build
|
||||
src/lib/*
|
||||
@ -1,3 +1,2 @@
|
||||
export * from './useThemeMode';
|
||||
export * from './useTransLate';
|
||||
export * from './useFormToUrl';
|
||||
|
||||
@ -1,14 +0,0 @@
|
||||
import { useContext, useEffect } from 'react';
|
||||
import { useLocalStorageState } from 'ahooks';
|
||||
import { MyContext, THEME_NAME } from '@/context';
|
||||
|
||||
export const useThemeMode = (): { isDark: boolean | undefined; setIsDark: (isDark: boolean) => void } => {
|
||||
const [isDark, setIsDark] = useLocalStorageState<boolean>('current-mode', { defaultValue: false });
|
||||
const { setThemeName } = useContext<any>(MyContext);
|
||||
|
||||
useEffect(() => {
|
||||
isDark ? setThemeName(THEME_NAME.DARK) : setThemeName(THEME_NAME.DEFAULT);
|
||||
}, [isDark, setThemeName]);
|
||||
|
||||
return { isDark, setIsDark };
|
||||
};
|
||||
@ -0,0 +1,18 @@
|
||||
import useUrlState from '@ahooksjs/use-url-state';
|
||||
|
||||
export const useUrlSet = (options: { form: any }) => {
|
||||
const { form } = options;
|
||||
const [state, setState] = useUrlState({});
|
||||
|
||||
const setUrl = () => {
|
||||
const params = form.getFieldsValue();
|
||||
Object.keys(params).forEach(key => {
|
||||
if (!params[key]) {
|
||||
params[key] = undefined;
|
||||
}
|
||||
});
|
||||
setState({ ...params });
|
||||
};
|
||||
|
||||
return { setUrl };
|
||||
};
|
||||
@ -0,0 +1,5 @@
|
||||
.tenant_wrapper {
|
||||
.opreate_btn {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,120 @@
|
||||
import { useAntdTable } from 'ahooks';
|
||||
import { Button, Form, Input, Row, Space, Table, Col } from 'antd';
|
||||
import { SearchOutlined, EditOutlined } from '@ant-design/icons';
|
||||
import React, { useState } from 'react';
|
||||
import { fetchItemList } from './service';
|
||||
import { useUrlSet } from '@/hooks/useUrlSet';
|
||||
import style from './index.module.less';
|
||||
|
||||
const baseColumns = [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'index',
|
||||
},
|
||||
{
|
||||
title: '租户',
|
||||
dataIndex: 'tenantId',
|
||||
},
|
||||
{
|
||||
title: '项目名称',
|
||||
dataIndex: 'itemName',
|
||||
},
|
||||
{
|
||||
title: '负责人',
|
||||
dataIndex: 'owner',
|
||||
},
|
||||
{
|
||||
title: '修改时间',
|
||||
dataIndex: 'gmtModified',
|
||||
},
|
||||
];
|
||||
|
||||
const Tenant: React.FC = () => {
|
||||
const [editVisible, setEditVisible] = useState(false);
|
||||
const [type, setType] = useState('add');
|
||||
const [form] = Form.useForm();
|
||||
const { setUrl } = useUrlSet({ form });
|
||||
const { tableProps, search } = useAntdTable(fetchItemList, { form });
|
||||
// const {run: delete} = useRequest(fetchDeleteTenant, { manual: true });
|
||||
const actions = (type: string, item?: any) => {
|
||||
switch (type) {
|
||||
case 'add':
|
||||
setEditVisible(true);
|
||||
break;
|
||||
case 'edit':
|
||||
setEditVisible(true);
|
||||
break;
|
||||
case 'delete':
|
||||
// handleDelete();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
};
|
||||
const handleSearch = () => {
|
||||
setUrl();
|
||||
search.submit();
|
||||
};
|
||||
// const handleDelete = (item: any) => {
|
||||
// Modal.confirm({
|
||||
// title: `此操作将删除${item.tenantName}, 是否继续?`,
|
||||
// onOk: () => {
|
||||
// search.submit();
|
||||
// },
|
||||
// });
|
||||
// };
|
||||
|
||||
return (
|
||||
<div className={style.tenant_wrapper}>
|
||||
<Form form={form} wrapperCol={{ span: 23 }}>
|
||||
<Row>
|
||||
<Col span={6}>
|
||||
<Form.Item name="note">
|
||||
<Input placeholder="项目" />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col span={18}>
|
||||
<Space>
|
||||
<Button onClick={() => handleSearch()} type="primary" icon={<SearchOutlined />}>
|
||||
搜索
|
||||
</Button>
|
||||
<Button onClick={() => setEditVisible(true)} type="primary" icon={<EditOutlined />}>
|
||||
添加
|
||||
</Button>
|
||||
</Space>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col span={6}></Col>
|
||||
<Col span={18}></Col>
|
||||
</Row>
|
||||
</Form>
|
||||
<Table
|
||||
{...tableProps}
|
||||
bordered
|
||||
rowKey="index"
|
||||
columns={[
|
||||
...baseColumns,
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
render: (text: string, record: any) => {
|
||||
return (
|
||||
<Space>
|
||||
<Button onClick={() => actions('edit', record)} type="link" className={style.opreate_btn}>
|
||||
编辑
|
||||
</Button>
|
||||
<Button onClick={() => actions('edit', record)} type="link" className={style.opreate_btn}>
|
||||
删除
|
||||
</Button>
|
||||
</Space>
|
||||
);
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Tenant;
|
||||
@ -0,0 +1,8 @@
|
||||
import { lazy } from 'react';
|
||||
import { IRouterList } from '@/typings';
|
||||
|
||||
const ItemManage = lazy(() => import('./index'));
|
||||
|
||||
const routerList: IRouterList[] = [{ path: '/item', component: () => <ItemManage /> }];
|
||||
|
||||
export default routerList;
|
||||
@ -0,0 +1,75 @@
|
||||
import request from '@/utils';
|
||||
|
||||
const fetchItemList = async (
|
||||
pageProps: { current: number; pageSize: number },
|
||||
formData: { tencent: string | number }
|
||||
): Promise<{ total: number; list: Array<any> }> => {
|
||||
const res: any = await request('/hippo4j/v1/cs/item/query/page', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
Authorization:
|
||||
'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI3LGJhb3hpbnlpX2FkbWluIiwiaXNzIjoiYWRtaW4iLCJleHAiOjE2OTUzOTg4NDksImlhdCI6MTY5NDc5NDA0OSwicm9sIjoiUk9MRV9BRE1JTiJ9.syRDshKpd-xETsSdeMPRtk956f4BJkPt4utVsUl4smgH71Woj8SUq4w2RX1YtGTC4aTZRJYdKOfkTqwK0g_dHQ',
|
||||
cookie:
|
||||
'Admin-Token=Bearer%20eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI3LGJhb3hpbnlpX2FkbWluIiwiaXNzIjoiYWRtaW4iLCJleHAiOjE2OTUzOTg4NDksImlhdCI6MTY5NDc5NDA0OSwicm9sIjoiUk9MRV9BRE1JTiJ9.syRDshKpd-xETsSdeMPRtk956f4BJkPt4utVsUl4smgH71Woj8SUq4w2RX1YtGTC4aTZRJYdKOfkTqwK0g_dHQ; userName=baoxinyi_admin',
|
||||
},
|
||||
body: {
|
||||
...formData,
|
||||
current: pageProps.current,
|
||||
size: pageProps.pageSize,
|
||||
desc: true,
|
||||
},
|
||||
});
|
||||
if (res && res.success) {
|
||||
return {
|
||||
total: res.data.total,
|
||||
list: res.data.records.map((item: any, index: number) => ({ index: index + 1, ...item })),
|
||||
};
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchAddTenant = async (params: {
|
||||
itemDesc: string; // 项目简介
|
||||
itemId: string; // 项目
|
||||
itemName: string; // 项目名称
|
||||
owner: string; // 负责人
|
||||
tenantId: string; // 租户
|
||||
tenantDesc?: string;
|
||||
tenantName?: string;
|
||||
}) => {
|
||||
const res = await request('/hippo4j/v1/cs/tenant/save', {
|
||||
method: 'POST',
|
||||
body: { ...params },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchDeleteItem = async (id: string) => {
|
||||
const url = 'hippo4j/v1/cs/item/delete/prescription/' + id;
|
||||
const res = await request(url, {
|
||||
method: 'DELETE',
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchUpdateItem = async (id: string) => {
|
||||
const res = await request('/hippo4j/v1/cs/item/update', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
export { fetchItemList, fetchAddTenant, fetchDeleteItem, fetchUpdateItem };
|
||||
@ -0,0 +1,5 @@
|
||||
.tenant_wrapper {
|
||||
.opreate_btn {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,120 @@
|
||||
import { useAntdTable } from 'ahooks';
|
||||
import { Button, Form, Input, Row, Space, Table, Col, Modal } from 'antd';
|
||||
import { SearchOutlined, EditOutlined } from '@ant-design/icons';
|
||||
import React, { useState } from 'react';
|
||||
import { fetchTenantList } from './service';
|
||||
import { useUrlSet } from '@/hooks/useUrlSet';
|
||||
import style from './index.module.less';
|
||||
|
||||
const baseColumns = [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'id',
|
||||
},
|
||||
{
|
||||
title: '租户',
|
||||
dataIndex: 'tenantId',
|
||||
},
|
||||
{
|
||||
title: '租户名称',
|
||||
dataIndex: 'tenantName',
|
||||
},
|
||||
{
|
||||
title: '负责人',
|
||||
dataIndex: 'owner',
|
||||
},
|
||||
{
|
||||
title: '修改时间',
|
||||
dataIndex: 'gmtModified',
|
||||
},
|
||||
];
|
||||
|
||||
const Tenant: React.FC = () => {
|
||||
const [editVisible, setEditVisible] = useState(false);
|
||||
const [type, setType] = useState('add');
|
||||
const [form] = Form.useForm();
|
||||
const { setUrl } = useUrlSet({ form });
|
||||
const { tableProps, search } = useAntdTable(fetchTenantList, { form });
|
||||
// const {run: delete} = useRequest(fetchDeleteTenant, { manual: true });
|
||||
const actions = (type: string, item?: any) => {
|
||||
switch (type) {
|
||||
case 'add':
|
||||
setEditVisible(true);
|
||||
break;
|
||||
case 'edit':
|
||||
setEditVisible(true);
|
||||
break;
|
||||
case 'delete':
|
||||
// handleDelete();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
};
|
||||
const handleSearch = () => {
|
||||
setUrl();
|
||||
search.submit();
|
||||
};
|
||||
// const handleDelete = (item: any) => {
|
||||
// Modal.confirm({
|
||||
// title: `此操作将删除${item.tenantName}, 是否继续?`,
|
||||
// onOk: () => {
|
||||
// search.submit();
|
||||
// },
|
||||
// });
|
||||
// };
|
||||
|
||||
return (
|
||||
<div className={style.tenant_wrapper}>
|
||||
<Form form={form} wrapperCol={{ span: 23 }}>
|
||||
<Row>
|
||||
<Col span={6}>
|
||||
<Form.Item name="note">
|
||||
<Input placeholder="租户" />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col span={18}>
|
||||
<Space>
|
||||
<Button onClick={() => handleSearch()} type="primary" icon={<SearchOutlined />}>
|
||||
搜索
|
||||
</Button>
|
||||
<Button onClick={() => setEditVisible(true)} type="primary" icon={<EditOutlined />}>
|
||||
添加
|
||||
</Button>
|
||||
</Space>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col span={6}></Col>
|
||||
<Col span={18}></Col>
|
||||
</Row>
|
||||
</Form>
|
||||
<Table
|
||||
{...tableProps}
|
||||
bordered
|
||||
rowKey="id"
|
||||
columns={[
|
||||
...baseColumns,
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
render: (text: string, record: any) => {
|
||||
return (
|
||||
<Space>
|
||||
<Button onClick={() => actions('edit', record)} type="link" className={style.opreate_btn}>
|
||||
编辑
|
||||
</Button>
|
||||
<Button onClick={() => actions('edit', record)} type="link" className={style.opreate_btn}>
|
||||
删除
|
||||
</Button>
|
||||
</Space>
|
||||
);
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Tenant;
|
||||
@ -0,0 +1,8 @@
|
||||
import { lazy } from 'react';
|
||||
import { IRouterList } from '@/typings';
|
||||
|
||||
const LogManage = lazy(() => import('./index'));
|
||||
|
||||
const routerList: IRouterList[] = [{ path: '/log', component: () => <LogManage /> }];
|
||||
|
||||
export default routerList;
|
||||
@ -0,0 +1,79 @@
|
||||
import request from '@/utils';
|
||||
|
||||
const fetchTenantList = async (
|
||||
pageProps: { current: number; pageSize: number },
|
||||
formData: { tencent: string | number }
|
||||
): Promise<{ total: number; list: Array<any> }> => {
|
||||
const res: any = await request('/hippo4j/v1/cs/tenant/query/page', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
Authorization:
|
||||
'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI3LGJhb3hpbnlpX2FkbWluIiwiaXNzIjoiYWRtaW4iLCJleHAiOjE2OTUzOTg4NDksImlhdCI6MTY5NDc5NDA0OSwicm9sIjoiUk9MRV9BRE1JTiJ9.syRDshKpd-xETsSdeMPRtk956f4BJkPt4utVsUl4smgH71Woj8SUq4w2RX1YtGTC4aTZRJYdKOfkTqwK0g_dHQ',
|
||||
cookie:
|
||||
'Admin-Token=Bearer%20eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI3LGJhb3hpbnlpX2FkbWluIiwiaXNzIjoiYWRtaW4iLCJleHAiOjE2OTUzOTg4NDksImlhdCI6MTY5NDc5NDA0OSwicm9sIjoiUk9MRV9BRE1JTiJ9.syRDshKpd-xETsSdeMPRtk956f4BJkPt4utVsUl4smgH71Woj8SUq4w2RX1YtGTC4aTZRJYdKOfkTqwK0g_dHQ; userName=baoxinyi_admin',
|
||||
},
|
||||
body: {
|
||||
...formData,
|
||||
current: pageProps.current,
|
||||
size: pageProps.pageSize,
|
||||
desc: true,
|
||||
},
|
||||
});
|
||||
if (res && res.success) {
|
||||
return {
|
||||
total: res.data.total,
|
||||
list: res.data.records,
|
||||
};
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchAddTenant = async (id: string) => {
|
||||
const res = await request('/hippo4j/v1/cs/tenant/save', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchDeleteTenant = async (id: string) => {
|
||||
const res = await request('/tenants', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchUpdateTenant = async (id: string) => {
|
||||
const res = await request('hippo4j/v1/cs/tenant/update', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchTenantDetail = async (id: string) => {
|
||||
const res = await request('/tenants', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
export { fetchTenantList, fetchAddTenant, fetchDeleteTenant, fetchUpdateTenant, fetchTenantDetail };
|
||||
@ -0,0 +1,37 @@
|
||||
.login-wrapper {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 550px;
|
||||
grid-template-rows: 1fr;
|
||||
height: 100%;
|
||||
.login-bgi {
|
||||
background: url('https://gw.alipayobjects.com/zos/rmsportal/FfdJeJRQWjEeGTpqgBKj.png') no-repeat fixed center center;
|
||||
background-size: contain;
|
||||
}
|
||||
.login-form-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.img-wrapper {
|
||||
width: 50px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
img {
|
||||
flex: 1;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
.tip {
|
||||
margin-block-start: 12px;
|
||||
margin-block-end: 36px;
|
||||
}
|
||||
.form-content {
|
||||
width: 330px;
|
||||
.login-edit {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,6 +1,143 @@
|
||||
import React from 'react';
|
||||
import { useCallback, useMemo, useState } from 'react';
|
||||
import { Typography, Tabs, TabsProps, Form, Input, Checkbox, Button, message } from 'antd';
|
||||
import service from './service';
|
||||
import { LockOutlined, UserOutlined } from '@ant-design/icons';
|
||||
import style from './index.module.less';
|
||||
import { useRequest } from 'ahooks';
|
||||
import { setToken } from '@/utils';
|
||||
import { useNavigate } from 'react-router-dom';
|
||||
|
||||
const { Paragraph } = Typography;
|
||||
|
||||
enum TABS_KEY {
|
||||
LOGIN = 'login',
|
||||
PHONE = 'phoneLogin',
|
||||
}
|
||||
|
||||
const Login = () => {
|
||||
return <></>;
|
||||
const [form] = Form.useForm();
|
||||
const navigate = useNavigate();
|
||||
const { validateFields } = form;
|
||||
const [remenberMe, setRemenberMe] = useState(0);
|
||||
|
||||
const { run, loading } = useRequest(service.fetchLogin, {
|
||||
manual: true,
|
||||
onSuccess: res => {
|
||||
if (res) {
|
||||
message.success('登陆成功');
|
||||
navigate('/thread-poll/index');
|
||||
setToken(res?.data);
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
const handleLogin = useCallback(() => {
|
||||
validateFields()
|
||||
.then(values => {
|
||||
console.log('value:::', values, remenberMe);
|
||||
run({
|
||||
password: '1BsL68bUgS52alKirqFprU1QfWJyPFlb3dA2AzEMc6kMTpTHN1doEN4=',
|
||||
rememberMe: 1,
|
||||
tag: 'lw4xNmj6QuamOFsy',
|
||||
username: 'baoxinyi_user',
|
||||
});
|
||||
})
|
||||
.catch(err => console.log('err:::', err));
|
||||
}, [remenberMe, validateFields, run]);
|
||||
|
||||
const formNode = useMemo(
|
||||
() => (
|
||||
<Form form={form}>
|
||||
<Form.Item
|
||||
name="username"
|
||||
initialValue={'baoxinyi_user'}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入用户名!',
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Input
|
||||
placeholder="用户名"
|
||||
prefix={<UserOutlined className={'prefixIcon'} />}
|
||||
size="large"
|
||||
allowClear
|
||||
></Input>
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
name="password"
|
||||
initialValue={'baoxinyi_user'}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入密码！',
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Input.Password
|
||||
placeholder="密码"
|
||||
prefix={<LockOutlined className={'prefixIcon'} />}
|
||||
size="large"
|
||||
allowClear
|
||||
></Input.Password>
|
||||
</Form.Item>
|
||||
<Form.Item name="rememberMe">
|
||||
<div className={style['login-edit']}>
|
||||
<Checkbox
|
||||
value={1}
|
||||
checked
|
||||
onChange={e => {
|
||||
setRemenberMe(e.target.checked ? 1 : 0);
|
||||
}}
|
||||
>
|
||||
记住密码
|
||||
</Checkbox>
|
||||
<Button type="link">忘记密码</Button>
|
||||
</div>
|
||||
</Form.Item>
|
||||
<Form.Item>
|
||||
<Button
|
||||
htmlType="submit"
|
||||
type="primary"
|
||||
style={{ width: '100%' }}
|
||||
size="large"
|
||||
onClick={handleLogin}
|
||||
loading={loading}
|
||||
>
|
||||
登陆
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
),
|
||||
[form, loading, handleLogin]
|
||||
);
|
||||
|
||||
const items: TabsProps['items'] = [
|
||||
{
|
||||
key: TABS_KEY.LOGIN,
|
||||
label: '账号密码登陆',
|
||||
children: formNode,
|
||||
},
|
||||
{
|
||||
key: TABS_KEY.PHONE,
|
||||
label: '手机号登陆',
|
||||
children: formNode,
|
||||
},
|
||||
];
|
||||
return (
|
||||
<div className={style['login-wrapper']}>
|
||||
<div className={style['login-bgi']}></div>
|
||||
<div className={style['login-form-wrapper']}>
|
||||
<div className={style['img-wrapper']}>
|
||||
<img src="https://nageoffer.com/img/logo3.png" alt="" />
|
||||
</div>
|
||||
<Paragraph className={style['tip']}>全球最好用的线程池管理工具</Paragraph>
|
||||
<div className={style['form-content']}>
|
||||
<Tabs centered defaultActiveKey={TABS_KEY.LOGIN} items={items} />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export default Login;
|
||||
|
||||
@ -0,0 +1,6 @@
|
||||
import { IRouterList } from '@/typings';
|
||||
import Login from '.';
|
||||
|
||||
const routerList: IRouterList[] = [{ path: '/login', component: Login }];
|
||||
|
||||
export default routerList;
|
||||
@ -0,0 +1,13 @@
|
||||
import request from '@/utils';
|
||||
|
||||
const fetchLogin = async (body: any) => {
|
||||
const { data } = await request<{ data: string; roles: string[] }>('/hippo4j/v1/cs/auth/login', {
|
||||
method: 'POST',
|
||||
body,
|
||||
});
|
||||
return data;
|
||||
};
|
||||
|
||||
export default {
|
||||
fetchLogin,
|
||||
};
|
||||
@ -0,0 +1,5 @@
|
||||
.tenant_wrapper {
|
||||
.opreate_btn {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
.tenant_wrapper {
|
||||
.opreate_btn {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,120 @@
|
||||
import { useAntdTable } from 'ahooks';
|
||||
import { Button, Form, Input, Row, Space, Table, Col } from 'antd';
|
||||
import { SearchOutlined, EditOutlined } from '@ant-design/icons';
|
||||
import React, { useState } from 'react';
|
||||
import { fetchUserList } from './service';
|
||||
import { useUrlSet } from '@/hooks/useUrlSet';
|
||||
import style from './index.module.less';
|
||||
|
||||
const baseColumns = [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'index',
|
||||
},
|
||||
{
|
||||
title: '用户名',
|
||||
dataIndex: 'userName',
|
||||
},
|
||||
{
|
||||
title: '角色',
|
||||
dataIndex: 'role',
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'gmtCreate',
|
||||
},
|
||||
{
|
||||
title: '修改时间',
|
||||
dataIndex: 'gmtModified',
|
||||
},
|
||||
];
|
||||
|
||||
const Tenant: React.FC = () => {
|
||||
const [editVisible, setEditVisible] = useState(false);
|
||||
const [type, setType] = useState('add');
|
||||
const [form] = Form.useForm();
|
||||
const { setUrl } = useUrlSet({ form });
|
||||
const { tableProps, search } = useAntdTable(fetchUserList, { form });
|
||||
// const {run: delete} = useRequest(fetchDeleteTenant, { manual: true });
|
||||
const actions = (type: string, item?: any) => {
|
||||
switch (type) {
|
||||
case 'add':
|
||||
setEditVisible(true);
|
||||
break;
|
||||
case 'edit':
|
||||
setEditVisible(true);
|
||||
break;
|
||||
case 'delete':
|
||||
// handleDelete();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
};
|
||||
const handleSearch = () => {
|
||||
setUrl();
|
||||
search.submit();
|
||||
};
|
||||
// const handleDelete = (item: any) => {
|
||||
// Modal.confirm({
|
||||
// title: `此操作将删除${item.tenantName}, 是否继续?`,
|
||||
// onOk: () => {
|
||||
// search.submit();
|
||||
// },
|
||||
// });
|
||||
// };
|
||||
|
||||
return (
|
||||
<div className={style.tenant_wrapper}>
|
||||
<Form form={form} wrapperCol={{ span: 23 }}>
|
||||
<Row>
|
||||
<Col span={6}>
|
||||
<Form.Item name="note">
|
||||
<Input placeholder="用户名" />
|
||||
</Form.Item>
|
||||
</Col>
|
||||
<Col span={18}>
|
||||
<Space>
|
||||
<Button onClick={() => handleSearch()} type="primary" icon={<SearchOutlined />}>
|
||||
搜索
|
||||
</Button>
|
||||
<Button onClick={() => setEditVisible(true)} type="primary" icon={<EditOutlined />}>
|
||||
添加
|
||||
</Button>
|
||||
</Space>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row>
|
||||
<Col span={6}></Col>
|
||||
<Col span={18}></Col>
|
||||
</Row>
|
||||
</Form>
|
||||
<Table
|
||||
{...tableProps}
|
||||
bordered
|
||||
rowKey="index"
|
||||
columns={[
|
||||
...baseColumns,
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
render: (text: string, record: any) => {
|
||||
return (
|
||||
<Space>
|
||||
<Button onClick={() => actions('edit', record)} type="link" className={style.opreate_btn}>
|
||||
编辑
|
||||
</Button>
|
||||
<Button onClick={() => actions('edit', record)} type="link" className={style.opreate_btn}>
|
||||
删除
|
||||
</Button>
|
||||
</Space>
|
||||
);
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Tenant;
|
||||
@ -0,0 +1,8 @@
|
||||
import { lazy } from 'react';
|
||||
import { IRouterList } from '@/typings';
|
||||
|
||||
const UserManage = lazy(() => import('./index'));
|
||||
|
||||
const routerList: IRouterList[] = [{ path: '/user', component: () => <UserManage /> }];
|
||||
|
||||
export default routerList;
|
||||
@ -0,0 +1,78 @@
|
||||
import request from '@/utils';
|
||||
|
||||
const fetchUserList = async (
|
||||
pageProps: { current: number; pageSize: number },
|
||||
formData: { tencent: string | number }
|
||||
): Promise<{ total: number; list: Array<any> }> => {
|
||||
const res: any = await request('/hippo4j/v1/cs/auth/users/page', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
Authorization:
|
||||
'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI3LGJhb3hpbnlpX2FkbWluIiwiaXNzIjoiYWRtaW4iLCJleHAiOjE2OTUzOTg4NDksImlhdCI6MTY5NDc5NDA0OSwicm9sIjoiUk9MRV9BRE1JTiJ9.syRDshKpd-xETsSdeMPRtk956f4BJkPt4utVsUl4smgH71Woj8SUq4w2RX1YtGTC4aTZRJYdKOfkTqwK0g_dHQ',
|
||||
cookie:
|
||||
'Admin-Token=Bearer%20eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiI3LGJhb3hpbnlpX2FkbWluIiwiaXNzIjoiYWRtaW4iLCJleHAiOjE2OTUzOTg4NDksImlhdCI6MTY5NDc5NDA0OSwicm9sIjoiUk9MRV9BRE1JTiJ9.syRDshKpd-xETsSdeMPRtk956f4BJkPt4utVsUl4smgH71Woj8SUq4w2RX1YtGTC4aTZRJYdKOfkTqwK0g_dHQ; userName=baoxinyi_admin',
|
||||
},
|
||||
body: {
|
||||
...formData,
|
||||
current: pageProps.current,
|
||||
size: pageProps.pageSize,
|
||||
},
|
||||
});
|
||||
if (res && res.success) {
|
||||
return {
|
||||
total: res.data.total,
|
||||
list: res.data.records.map((item: any, index: number) => ({ index: index + 1, ...item })),
|
||||
};
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchAddTenant = async (id: string) => {
|
||||
const res = await request('/hippo4j/v1/cs/tenant/save', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchDeleteTenant = async (id: string) => {
|
||||
const res = await request('/tenants', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchUpdateTenant = async (id: string) => {
|
||||
const res = await request('hippo4j/v1/cs/tenant/update', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
const fetchTenantDetail = async (id: string) => {
|
||||
const res = await request('/tenants', {
|
||||
method: 'POST',
|
||||
params: { id },
|
||||
});
|
||||
|
||||
if (res && res.success) {
|
||||
return res;
|
||||
}
|
||||
throw new Error(res.msg || '服务器开小差啦~');
|
||||
};
|
||||
|
||||
export { fetchUserList, fetchAddTenant, fetchDeleteTenant, fetchUpdateTenant, fetchTenantDetail };
|
||||
@ -1,2 +1,3 @@
|
||||
/// <reference types="react-scripts" />
|
||||
declare module '*.less';
|
||||
declare module 'crypto-browserify' {}
|
||||
|
||||
@ -1,76 +0,0 @@
|
||||
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
|
||||
# yarn lockfile v1
|
||||
|
||||
|
||||
"@babel/runtime@^7.21.0":
|
||||
version "7.22.15"
|
||||
resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8"
|
||||
integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==
|
||||
dependencies:
|
||||
regenerator-runtime "^0.14.0"
|
||||
|
||||
"@types/js-cookie@^2.x.x":
|
||||
version "2.2.7"
|
||||
resolved "https://registry.npmmirror.com/@types/js-cookie/-/js-cookie-2.2.7.tgz#226a9e31680835a6188e887f3988e60c04d3f6a3"
|
||||
integrity sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==
|
||||
|
||||
ahooks-v3-count@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.npmmirror.com/ahooks-v3-count/-/ahooks-v3-count-1.0.0.tgz#ddeb392e009ad6e748905b3cbf63a9fd8262ca80"
|
||||
integrity sha512-V7uUvAwnimu6eh/PED4mCDjE7tokeZQLKlxg9lCTMPhN+NjsSbtdacByVlR1oluXQzD3MOw55wylDmQo4+S9ZQ==
|
||||
|
||||
ahooks@^3.7.8:
|
||||
version "3.7.8"
|
||||
resolved "https://registry.npmmirror.com/ahooks/-/ahooks-3.7.8.tgz#3fa3c491cd153e884a32b0c4192fc72cf84c4332"
|
||||
integrity sha512-e/NMlQWoCjaUtncNFIZk3FG1ImSkV/JhScQSkTqnftakRwdfZWSw6zzoWSG9OMYqPNs2MguDYBUFFC6THelWXA==
|
||||
dependencies:
|
||||
"@babel/runtime" "^7.21.0"
|
||||
"@types/js-cookie" "^2.x.x"
|
||||
ahooks-v3-count "^1.0.0"
|
||||
dayjs "^1.9.1"
|
||||
intersection-observer "^0.12.0"
|
||||
js-cookie "^2.x.x"
|
||||
lodash "^4.17.21"
|
||||
resize-observer-polyfill "^1.5.1"
|
||||
screenfull "^5.0.0"
|
||||
tslib "^2.4.1"
|
||||
|
||||
dayjs@^1.9.1:
|
||||
version "1.11.9"
|
||||
resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.9.tgz#9ca491933fadd0a60a2c19f6c237c03517d71d1a"
|
||||
integrity sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==
|
||||
|
||||
intersection-observer@^0.12.0:
|
||||
version "0.12.2"
|
||||
resolved "https://registry.npmmirror.com/intersection-observer/-/intersection-observer-0.12.2.tgz#4a45349cc0cd91916682b1f44c28d7ec737dc375"
|
||||
integrity sha512-7m1vEcPCxXYI8HqnL8CKI6siDyD+eIWSwgB3DZA+ZTogxk9I4CDnj4wilt9x/+/QbHI4YG5YZNmC6458/e9Ktg==
|
||||
|
||||
js-cookie@^2.x.x:
|
||||
version "2.2.1"
|
||||
resolved "https://registry.npmmirror.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
|
||||
integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==
|
||||
|
||||
lodash@^4.17.21:
|
||||
version "4.17.21"
|
||||
resolved "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
|
||||
integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
|
||||
|
||||
regenerator-runtime@^0.14.0:
|
||||
version "0.14.0"
|
||||
resolved "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
|
||||
integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
|
||||
|
||||
resize-observer-polyfill@^1.5.1:
|
||||
version "1.5.1"
|
||||
resolved "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
|
||||
integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
|
||||
|
||||
screenfull@^5.0.0:
|
||||
version "5.2.0"
|
||||
resolved "https://registry.npmmirror.com/screenfull/-/screenfull-5.2.0.tgz#6533d524d30621fc1283b9692146f3f13a93d1ba"
|
||||
integrity sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==
|
||||
|
||||
tslib@^2.4.1:
|
||||
version "2.6.2"
|
||||
resolved "https://registry.npmmirror.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
|
||||
integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
|
||||
Loading…
Reference in new issue