mirror of https://github.com/longtai-cn/hippo4j
yikai
2 years ago
commit
063867d9af
@ -0,0 +1,33 @@
|
||||
import { useRequest } from 'ahooks';
|
||||
import { Form, Modal, Input, Select } from 'antd';
|
||||
import React from 'react';
|
||||
import { fetchTenantList } from '../tenant/service';
|
||||
|
||||
const ItemCreate: React.FC<{
|
||||
type: string;
|
||||
data: any;
|
||||
visible: boolean;
|
||||
onClose: () => void;
|
||||
}> = props => {
|
||||
const { visible, onClose, data, type } = props;
|
||||
const { data: tenant } = useRequest(fetchTenantList);
|
||||
console.log('tenant', tenant);
|
||||
|
||||
return (
|
||||
<Modal open={visible} onCancel={onClose} footer={null} width={600} title={type === 'edit' ? '编辑' : '创建'}>
|
||||
<Form>
|
||||
<Form.Item label="租户" name="">
|
||||
{/* <Select options={tenant}></Select> */}
|
||||
</Form.Item>
|
||||
<Form.Item label="项目" name="">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
<Form.Item label="负责人" name="">
|
||||
<Input />
|
||||
</Form.Item>
|
||||
</Form>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default ItemCreate;
|
||||
@ -0,0 +1,33 @@
|
||||
import { Descriptions, Modal } from 'antd';
|
||||
import React from 'react';
|
||||
|
||||
const LogDetail: React.FC<{
|
||||
data: any;
|
||||
visible: boolean;
|
||||
onClose: () => void;
|
||||
}> = props => {
|
||||
const { visible, onClose, data } = props;
|
||||
return (
|
||||
<Modal open={visible} onCancel={onClose} footer={null} width={600}>
|
||||
<Descriptions title={'详情'} column={1}>
|
||||
<Descriptions.Item span={1} label="业务类型">
|
||||
{data.category}
|
||||
</Descriptions.Item>
|
||||
<Descriptions.Item span={1} label="业务标识">
|
||||
{data.bizNo}
|
||||
</Descriptions.Item>
|
||||
<Descriptions.Item span={1} label="操作人">
|
||||
{data.operator}
|
||||
</Descriptions.Item>
|
||||
<Descriptions.Item span={1} label="创建时间">
|
||||
{data.createTime}
|
||||
</Descriptions.Item>
|
||||
<Descriptions.Item span={1} label="日志内容">
|
||||
{data.action}
|
||||
</Descriptions.Item>
|
||||
</Descriptions>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
|
||||
export default LogDetail;
|
||||
@ -1,79 +1,24 @@
|
||||
import request from '@/utils';
|
||||
|
||||
const fetchTenantList = async (
|
||||
const fetchLogList = async (
|
||||
pageProps: { current: number; pageSize: number },
|
||||
formData: { tencent: string | number }
|
||||
formData: { category: string | number; bizNo: string; operator: string }
|
||||
): Promise<{ total: number; list: Array<any> }> => {
|
||||
const res: any = await request('/hippo4j/v1/cs/tenant/query/page', {
|
||||
const res: any = await request('/hippo4j/v1/cs/log/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,
|
||||
list: res.data.records.map((item: any, index: number) => ({ id: 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 { fetchTenantList, fetchAddTenant, fetchDeleteTenant, fetchUpdateTenant, fetchTenantDetail };
|
||||
export { fetchLogList };
|
||||
|
||||
@ -0,0 +1,34 @@
|
||||
import * as echarts from 'echarts/core';
|
||||
import { GridComponent } from 'echarts/components';
|
||||
import { LineChart } from 'echarts/charts';
|
||||
import { UniversalTransition } from 'echarts/features';
|
||||
import { CanvasRenderer } from 'echarts/renderers';
|
||||
import { useEffect } from 'react';
|
||||
echarts.use([GridComponent, LineChart, CanvasRenderer, UniversalTransition]);
|
||||
|
||||
const ThreadPoolMonitor = () => {
|
||||
useEffect(() => {
|
||||
let chartDom = document.getElementById('main');
|
||||
let myChart = echarts.init(chartDom);
|
||||
let option;
|
||||
option = {
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
},
|
||||
series: [
|
||||
{
|
||||
data: [150, 230, 224, 218, 135, 147, 260],
|
||||
type: 'line',
|
||||
},
|
||||
],
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
});
|
||||
return <div id="main" style={{ width: '400px', height: '400px' }}></div>;
|
||||
};
|
||||
|
||||
export default ThreadPoolMonitor;
|
||||
@ -0,0 +1,11 @@
|
||||
import { IRouterList } from '@/typings';
|
||||
import ThreadPoolMonitor from '.';
|
||||
|
||||
const routerList: IRouterList[] = [
|
||||
{
|
||||
path: '/echarts',
|
||||
component: ThreadPoolMonitor,
|
||||
},
|
||||
];
|
||||
|
||||
export default routerList;
|
||||
Loading…
Reference in new issue