refactor page structure; remove redundant mocks
Dawn1Ocean
parent
6ea019a98f
commit
6a305705d6
|
|
@ -43,35 +43,6 @@
|
||||||
},
|
},
|
||||||
"x-swagger-router-controller": "api"
|
"x-swagger-router-controller": "api"
|
||||||
},
|
},
|
||||||
"/api/login/captcha": {
|
|
||||||
"post": {
|
|
||||||
"description": "发送验证码",
|
|
||||||
"operationId": "getFakeCaptcha",
|
|
||||||
"tags": ["login"],
|
|
||||||
"parameters": [
|
|
||||||
{
|
|
||||||
"name": "phone",
|
|
||||||
"in": "query",
|
|
||||||
"description": "手机号",
|
|
||||||
"schema": {
|
|
||||||
"type": "string"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"responses": {
|
|
||||||
"200": {
|
|
||||||
"description": "Success",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/FakeCaptcha"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"/api/login/outLogin": {
|
"/api/login/outLogin": {
|
||||||
"post": {
|
"post": {
|
||||||
"description": "登录接口",
|
"description": "登录接口",
|
||||||
|
|
@ -144,155 +115,6 @@
|
||||||
},
|
},
|
||||||
"x-swagger-router-controller": "api"
|
"x-swagger-router-controller": "api"
|
||||||
},
|
},
|
||||||
"/api/notices": {
|
|
||||||
"summary": "getNotices",
|
|
||||||
"description": "NoticeIconItem",
|
|
||||||
"get": {
|
|
||||||
"tags": ["api"],
|
|
||||||
"operationId": "getNotices",
|
|
||||||
"responses": {
|
|
||||||
"200": {
|
|
||||||
"description": "Success",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/NoticeIconList"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"/api/rule": {
|
|
||||||
"get": {
|
|
||||||
"tags": ["rule"],
|
|
||||||
"description": "获取规则列表",
|
|
||||||
"operationId": "rule",
|
|
||||||
"parameters": [
|
|
||||||
{
|
|
||||||
"name": "current",
|
|
||||||
"in": "query",
|
|
||||||
"description": "当前的页码",
|
|
||||||
"schema": {
|
|
||||||
"type": "number"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "pageSize",
|
|
||||||
"in": "query",
|
|
||||||
"description": "页面的容量",
|
|
||||||
"schema": {
|
|
||||||
"type": "number"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"responses": {
|
|
||||||
"200": {
|
|
||||||
"description": "Success",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/RuleList"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"401": {
|
|
||||||
"description": "Error",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/ErrorResponse"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"post": {
|
|
||||||
"tags": ["rule"],
|
|
||||||
"description": "新建规则",
|
|
||||||
"operationId": "addRule",
|
|
||||||
"responses": {
|
|
||||||
"200": {
|
|
||||||
"description": "Success",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/RuleListItem"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"401": {
|
|
||||||
"description": "Error",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/ErrorResponse"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"put": {
|
|
||||||
"tags": ["rule"],
|
|
||||||
"description": "新建规则",
|
|
||||||
"operationId": "updateRule",
|
|
||||||
"responses": {
|
|
||||||
"200": {
|
|
||||||
"description": "Success",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/RuleListItem"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"401": {
|
|
||||||
"description": "Error",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/ErrorResponse"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"delete": {
|
|
||||||
"tags": ["rule"],
|
|
||||||
"description": "删除规则",
|
|
||||||
"operationId": "removeRule",
|
|
||||||
"responses": {
|
|
||||||
"200": {
|
|
||||||
"description": "Success",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"type": "object"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"401": {
|
|
||||||
"description": "Error",
|
|
||||||
"content": {
|
|
||||||
"application/json": {
|
|
||||||
"schema": {
|
|
||||||
"$ref": "#/components/schemas/ErrorResponse"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"x-swagger-router-controller": "api"
|
|
||||||
},
|
|
||||||
"/swagger": {
|
"/swagger": {
|
||||||
"x-swagger-pipe": "swagger_raw"
|
"x-swagger-pipe": "swagger_raw"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,18 +4,27 @@ export default [
|
||||||
layout: false,
|
layout: false,
|
||||||
routes: [{ name: '登录', path: '/user/login', component: './User/Login' }],
|
routes: [{ name: '登录', path: '/user/login', component: './User/Login' }],
|
||||||
},
|
},
|
||||||
{ path: '/welcome', name: '欢迎', icon: 'smile', component: './Welcome' },
|
{ path: '/welcome', name: '仪表盘', icon: 'smile', component: './Welcome' },
|
||||||
{
|
{
|
||||||
path: '/admin',
|
path: '/admin',
|
||||||
name: '管理页',
|
name: '主席团管理',
|
||||||
icon: 'crown',
|
icon: 'crown',
|
||||||
access: 'canAdmin',
|
access: 'canAdmin',
|
||||||
routes: [
|
routes: [
|
||||||
{ path: '/admin', redirect: '/admin/sub-page' },
|
{ path: '/admin', redirect: '/admin/dutyinfo' },
|
||||||
{ path: '/admin/sub-page', name: '二级管理页', component: './Admin' },
|
{ path: '/admin/dutyinfo', name: '值班信息', component: './Admin/DutyInfo' },
|
||||||
|
{ path: '/admin/dutytable', name: '值班表管理', component: './Admin/DutyTable' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/leader',
|
||||||
|
name: '值班管理',
|
||||||
|
icon: 'team',
|
||||||
|
routes: [
|
||||||
|
{ path: '/leader', redirect: '/admin/dutyinfo' },
|
||||||
|
{ path: '/leader/conclusion', name: '值班总结', component: './Leader/Conclusion' },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{ name: '查询表格', icon: 'table', path: '/list', component: './TableList' },
|
|
||||||
{ name: '日志', icon: 'clockCircle', path: '/logs', component: './Logs' },
|
{ name: '日志', icon: 'clockCircle', path: '/logs', component: './Logs' },
|
||||||
{ name: '关于我们', icon: 'thunderbolt', path: '/about', component: './About' },
|
{ name: '关于我们', icon: 'thunderbolt', path: '/about', component: './About' },
|
||||||
{ path: '/', redirect: '/welcome' },
|
{ path: '/', redirect: '/welcome' },
|
||||||
|
|
|
||||||
|
|
@ -1,176 +0,0 @@
|
||||||
import { Request, Response } from 'express';
|
|
||||||
import moment from 'moment';
|
|
||||||
import { parse } from 'url';
|
|
||||||
|
|
||||||
// mock tableListDataSource
|
|
||||||
const genList = (current: number, pageSize: number) => {
|
|
||||||
const tableListDataSource: API.RuleListItem[] = [];
|
|
||||||
|
|
||||||
for (let i = 0; i < pageSize; i += 1) {
|
|
||||||
const index = (current - 1) * 10 + i;
|
|
||||||
tableListDataSource.push({
|
|
||||||
key: index,
|
|
||||||
disabled: i % 6 === 0,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: [
|
|
||||||
'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
][i % 2],
|
|
||||||
name: `TradeCode ${index}`,
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: Math.floor(Math.random() * 1000),
|
|
||||||
status: Math.floor(Math.random() * 10) % 4,
|
|
||||||
updatedAt: moment().format('YYYY-MM-DD'),
|
|
||||||
createdAt: moment().format('YYYY-MM-DD'),
|
|
||||||
progress: Math.ceil(Math.random() * 100),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
tableListDataSource.reverse();
|
|
||||||
return tableListDataSource;
|
|
||||||
};
|
|
||||||
|
|
||||||
let tableListDataSource = genList(1, 100);
|
|
||||||
|
|
||||||
function getRule(req: Request, res: Response, u: string) {
|
|
||||||
let realUrl = u;
|
|
||||||
if (!realUrl || Object.prototype.toString.call(realUrl) !== '[object String]') {
|
|
||||||
realUrl = req.url;
|
|
||||||
}
|
|
||||||
const { current = 1, pageSize = 10 } = req.query;
|
|
||||||
const params = parse(realUrl, true).query as unknown as API.PageParams &
|
|
||||||
API.RuleListItem & {
|
|
||||||
sorter: any;
|
|
||||||
filter: any;
|
|
||||||
};
|
|
||||||
|
|
||||||
let dataSource = [...tableListDataSource].slice(
|
|
||||||
((current as number) - 1) * (pageSize as number),
|
|
||||||
(current as number) * (pageSize as number),
|
|
||||||
);
|
|
||||||
if (params.sorter) {
|
|
||||||
const sorter = JSON.parse(params.sorter);
|
|
||||||
dataSource = dataSource.sort((prev, next) => {
|
|
||||||
let sortNumber = 0;
|
|
||||||
(Object.keys(sorter) as Array<keyof API.RuleListItem>).forEach((key) => {
|
|
||||||
let nextSort = next?.[key] as number;
|
|
||||||
let preSort = prev?.[key] as number;
|
|
||||||
if (sorter[key] === 'descend') {
|
|
||||||
if (preSort - nextSort > 0) {
|
|
||||||
sortNumber += -1;
|
|
||||||
} else {
|
|
||||||
sortNumber += 1;
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (preSort - nextSort > 0) {
|
|
||||||
sortNumber += 1;
|
|
||||||
} else {
|
|
||||||
sortNumber += -1;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return sortNumber;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (params.filter) {
|
|
||||||
const filter = JSON.parse(params.filter as any) as {
|
|
||||||
[key: string]: string[];
|
|
||||||
};
|
|
||||||
if (Object.keys(filter).length > 0) {
|
|
||||||
dataSource = dataSource.filter((item) => {
|
|
||||||
return (Object.keys(filter) as Array<keyof API.RuleListItem>).some((key) => {
|
|
||||||
if (!filter[key]) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (filter[key].includes(`${item[key]}`)) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (params.name) {
|
|
||||||
dataSource = dataSource.filter((data) => data?.name?.includes(params.name || ''));
|
|
||||||
}
|
|
||||||
const result = {
|
|
||||||
data: dataSource,
|
|
||||||
total: tableListDataSource.length,
|
|
||||||
success: true,
|
|
||||||
pageSize,
|
|
||||||
current: parseInt(`${params.current}`, 10) || 1,
|
|
||||||
};
|
|
||||||
|
|
||||||
return res.json(result);
|
|
||||||
}
|
|
||||||
|
|
||||||
function postRule(req: Request, res: Response, u: string, b: Request) {
|
|
||||||
let realUrl = u;
|
|
||||||
if (!realUrl || Object.prototype.toString.call(realUrl) !== '[object String]') {
|
|
||||||
realUrl = req.url;
|
|
||||||
}
|
|
||||||
|
|
||||||
const body = (b && b.body) || req.body;
|
|
||||||
const { method, name, desc, key } = body;
|
|
||||||
|
|
||||||
switch (method) {
|
|
||||||
/* eslint no-case-declarations:0 */
|
|
||||||
case 'delete':
|
|
||||||
tableListDataSource = tableListDataSource.filter((item) => key.indexOf(item.key) === -1);
|
|
||||||
break;
|
|
||||||
case 'post':
|
|
||||||
(() => {
|
|
||||||
const i = Math.ceil(Math.random() * 10000);
|
|
||||||
const newRule: API.RuleListItem = {
|
|
||||||
key: tableListDataSource.length,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: [
|
|
||||||
'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
][i % 2],
|
|
||||||
name,
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc,
|
|
||||||
callNo: Math.floor(Math.random() * 1000),
|
|
||||||
status: Math.floor(Math.random() * 10) % 2,
|
|
||||||
updatedAt: moment().format('YYYY-MM-DD'),
|
|
||||||
createdAt: moment().format('YYYY-MM-DD'),
|
|
||||||
progress: Math.ceil(Math.random() * 100),
|
|
||||||
};
|
|
||||||
tableListDataSource.unshift(newRule);
|
|
||||||
return res.json(newRule);
|
|
||||||
})();
|
|
||||||
return;
|
|
||||||
|
|
||||||
case 'update':
|
|
||||||
(() => {
|
|
||||||
let newRule = {};
|
|
||||||
tableListDataSource = tableListDataSource.map((item) => {
|
|
||||||
if (item.key === key) {
|
|
||||||
newRule = { ...item, desc, name };
|
|
||||||
return { ...item, desc, name };
|
|
||||||
}
|
|
||||||
return item;
|
|
||||||
});
|
|
||||||
return res.json(newRule);
|
|
||||||
})();
|
|
||||||
return;
|
|
||||||
default:
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
const result = {
|
|
||||||
list: tableListDataSource,
|
|
||||||
pagination: {
|
|
||||||
total: tableListDataSource.length,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
res.json(result);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
'GET /api/rule': getRule,
|
|
||||||
'POST /api/rule': postRule,
|
|
||||||
};
|
|
||||||
115
mock/notices.ts
115
mock/notices.ts
|
|
@ -1,115 +0,0 @@
|
||||||
import { Request, Response } from 'express';
|
|
||||||
|
|
||||||
const getNotices = (req: Request, res: Response) => {
|
|
||||||
res.json({
|
|
||||||
data: [
|
|
||||||
{
|
|
||||||
id: '000000001',
|
|
||||||
avatar:
|
|
||||||
'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/MSbDR4FR2MUAAAAAAAAAAAAAFl94AQBr',
|
|
||||||
title: '你收到了 14 份新周报',
|
|
||||||
datetime: '2017-08-09',
|
|
||||||
type: 'notification',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000002',
|
|
||||||
avatar:
|
|
||||||
'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/hX-PTavYIq4AAAAAAAAAAAAAFl94AQBr',
|
|
||||||
title: '你推荐的 曲妮妮 已通过第三轮面试',
|
|
||||||
datetime: '2017-08-08',
|
|
||||||
type: 'notification',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000003',
|
|
||||||
avatar:
|
|
||||||
'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/jHX5R5l3QjQAAAAAAAAAAAAAFl94AQBr',
|
|
||||||
title: '这种模板可以区分多种通知类型',
|
|
||||||
datetime: '2017-08-07',
|
|
||||||
read: true,
|
|
||||||
type: 'notification',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000004',
|
|
||||||
avatar:
|
|
||||||
'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/Wr4mQqx6jfwAAAAAAAAAAAAAFl94AQBr',
|
|
||||||
title: '左侧图标用于区分不同的类型',
|
|
||||||
datetime: '2017-08-07',
|
|
||||||
type: 'notification',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000005',
|
|
||||||
avatar:
|
|
||||||
'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/Mzj_TbcWUj4AAAAAAAAAAAAAFl94AQBr',
|
|
||||||
title: '内容不要超过两行字，超出时自动截断',
|
|
||||||
datetime: '2017-08-07',
|
|
||||||
type: 'notification',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000006',
|
|
||||||
avatar:
|
|
||||||
'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/eXLzRbPqQE4AAAAAAAAAAAAAFl94AQBr',
|
|
||||||
title: '曲丽丽 评论了你',
|
|
||||||
description: '描述信息描述信息描述信息',
|
|
||||||
datetime: '2017-08-07',
|
|
||||||
type: 'message',
|
|
||||||
clickClose: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000007',
|
|
||||||
avatar:
|
|
||||||
'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/w5mRQY2AmEEAAAAAAAAAAAAAFl94AQBr',
|
|
||||||
title: '朱偏右 回复了你',
|
|
||||||
description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
|
|
||||||
datetime: '2017-08-07',
|
|
||||||
type: 'message',
|
|
||||||
clickClose: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000008',
|
|
||||||
avatar:
|
|
||||||
'https://mdn.alipayobjects.com/yuyan_qk0oxh/afts/img/wPadR5M9918AAAAAAAAAAAAAFl94AQBr',
|
|
||||||
title: '标题',
|
|
||||||
description: '这种模板用于提醒谁与你发生了互动，左侧放『谁』的头像',
|
|
||||||
datetime: '2017-08-07',
|
|
||||||
type: 'message',
|
|
||||||
clickClose: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000009',
|
|
||||||
title: '任务名称',
|
|
||||||
description: '任务需要在 2017-01-12 20:00 前启动',
|
|
||||||
extra: '未开始',
|
|
||||||
status: 'todo',
|
|
||||||
type: 'event',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000010',
|
|
||||||
title: '第三方紧急代码变更',
|
|
||||||
description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
|
|
||||||
extra: '马上到期',
|
|
||||||
status: 'urgent',
|
|
||||||
type: 'event',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000011',
|
|
||||||
title: '信息安全考试',
|
|
||||||
description: '指派竹尔于 2017-01-09 前完成更新并发布',
|
|
||||||
extra: '已耗时 8 天',
|
|
||||||
status: 'doing',
|
|
||||||
type: 'event',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '000000012',
|
|
||||||
title: 'ABCD 版本发布',
|
|
||||||
description: '冠霖提交于 2017-01-06，需在 2017-01-07 前完成代码变更任务',
|
|
||||||
extra: '进行中',
|
|
||||||
status: 'processing',
|
|
||||||
type: 'event',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
export default {
|
|
||||||
'GET /api/notices': getNotices,
|
|
||||||
};
|
|
||||||
|
|
@ -86,294 +86,6 @@ module.exports = {
|
||||||
phone: '0752-268888888',
|
phone: '0752-268888888',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
'GET /api/rule': {
|
|
||||||
data: [
|
|
||||||
{
|
|
||||||
key: 99,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 99',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 503,
|
|
||||||
status: '0',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 81,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 98,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 98',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 164,
|
|
||||||
status: '0',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 12,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 97,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 97',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 174,
|
|
||||||
status: '1',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 81,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 96,
|
|
||||||
disabled: true,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 96',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 914,
|
|
||||||
status: '0',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 7,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 95,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 95',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 698,
|
|
||||||
status: '2',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 82,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 94,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 94',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 488,
|
|
||||||
status: '1',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 14,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 93,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 93',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 580,
|
|
||||||
status: '2',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 77,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 92,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 92',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 244,
|
|
||||||
status: '3',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 58,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 91,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 91',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 959,
|
|
||||||
status: '0',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 66,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 90,
|
|
||||||
disabled: true,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 90',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 958,
|
|
||||||
status: '0',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 72,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 89,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 89',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 301,
|
|
||||||
status: '2',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 2,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 88,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 88',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 277,
|
|
||||||
status: '1',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 12,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 87,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 87',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 810,
|
|
||||||
status: '1',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 82,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 86,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 86',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 780,
|
|
||||||
status: '3',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 22,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 85,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 85',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 705,
|
|
||||||
status: '3',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 12,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 84,
|
|
||||||
disabled: true,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 84',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 203,
|
|
||||||
status: '0',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 79,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 83,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 83',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 491,
|
|
||||||
status: '2',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 59,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 82,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 82',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 73,
|
|
||||||
status: '0',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 81,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/udxAbMEhpwthVVcjLXik.png',
|
|
||||||
name: 'TradeCode 81',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 406,
|
|
||||||
status: '3',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 61,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: 80,
|
|
||||||
disabled: false,
|
|
||||||
href: 'https://ant.design',
|
|
||||||
avatar: 'https://gw.alipayobjects.com/zos/rmsportal/eeHMaZBwmTvLdIwMfBpg.png',
|
|
||||||
name: 'TradeCode 80',
|
|
||||||
owner: '曲丽丽',
|
|
||||||
desc: '这是一段描述',
|
|
||||||
callNo: 112,
|
|
||||||
status: '2',
|
|
||||||
updatedAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
createdAt: '2022-12-06T05:00:57.040Z',
|
|
||||||
progress: 20,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
total: 100,
|
|
||||||
success: true,
|
|
||||||
pageSize: 20,
|
|
||||||
current: 1,
|
|
||||||
},
|
|
||||||
'POST /api/login/outLogin': { data: {}, success: true },
|
'POST /api/login/outLogin': { data: {}, success: true },
|
||||||
'POST /api/login/account': {
|
'POST /api/login/account': {
|
||||||
status: 'ok',
|
status: 'ok',
|
||||||
|
|
|
||||||
|
|
@ -8,11 +8,6 @@ const waitTime = (time: number = 100) => {
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
async function getFakeCaptcha(req: Request, res: Response) {
|
|
||||||
await waitTime(2000);
|
|
||||||
return res.json('captcha-xxx');
|
|
||||||
}
|
|
||||||
|
|
||||||
const { ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION } = process.env;
|
const { ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION } = process.env;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -198,6 +193,4 @@ export default {
|
||||||
path: '/base/category/list',
|
path: '/base/category/list',
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
'GET /api/login/captcha': getFakeCaptcha,
|
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { Todo } from '@/components';
|
||||||
|
import { PageContainer } from '@ant-design/pro-components';
|
||||||
|
import { Card } from 'antd';
|
||||||
|
|
||||||
|
const Logs: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<PageContainer>
|
||||||
|
<Card>
|
||||||
|
<Todo />
|
||||||
|
</Card>
|
||||||
|
</PageContainer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Logs;
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
import { HeartTwoTone, SmileTwoTone } from '@ant-design/icons';
|
|
||||||
import { PageContainer } from '@ant-design/pro-components';
|
|
||||||
import '@umijs/max';
|
|
||||||
import { Alert, Card, Typography } from 'antd';
|
|
||||||
import React from 'react';
|
|
||||||
const Admin: React.FC = () => {
|
|
||||||
return (
|
|
||||||
<PageContainer content={' 这个页面只有 admin 权限才能查看'}>
|
|
||||||
<Card>
|
|
||||||
<Alert
|
|
||||||
message={'更快更强的重型组件，已经发布。'}
|
|
||||||
type="success"
|
|
||||||
showIcon
|
|
||||||
banner
|
|
||||||
style={{
|
|
||||||
margin: -12,
|
|
||||||
marginBottom: 48,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<Typography.Title
|
|
||||||
level={2}
|
|
||||||
style={{
|
|
||||||
textAlign: 'center',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<SmileTwoTone /> Ant Design Pro <HeartTwoTone twoToneColor="#eb2f96" /> You
|
|
||||||
</Typography.Title>
|
|
||||||
</Card>
|
|
||||||
<p
|
|
||||||
style={{
|
|
||||||
textAlign: 'center',
|
|
||||||
marginTop: 24,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Want to add more pages? Please refer to{' '}
|
|
||||||
<a href="https://pro.ant.design/docs/block-cn" target="_blank" rel="noopener noreferrer">
|
|
||||||
use block
|
|
||||||
</a>
|
|
||||||
。
|
|
||||||
</p>
|
|
||||||
</PageContainer>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default Admin;
|
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { Todo } from '@/components';
|
||||||
|
import { PageContainer } from '@ant-design/pro-components';
|
||||||
|
import { Card } from 'antd';
|
||||||
|
|
||||||
|
const Logs: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<PageContainer>
|
||||||
|
<Card>
|
||||||
|
<Todo />
|
||||||
|
</Card>
|
||||||
|
</PageContainer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Logs;
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { Todo } from '@/components';
|
||||||
|
import { PageContainer } from '@ant-design/pro-components';
|
||||||
|
import { Card } from 'antd';
|
||||||
|
|
||||||
|
const Logs: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<PageContainer>
|
||||||
|
<Card>
|
||||||
|
<Todo />
|
||||||
|
</Card>
|
||||||
|
</PageContainer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Logs;
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { Todo } from '@/components';
|
||||||
|
import { PageContainer } from '@ant-design/pro-components';
|
||||||
|
import { Card } from 'antd';
|
||||||
|
|
||||||
|
const Logs: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<PageContainer>
|
||||||
|
<Card>
|
||||||
|
<Todo />
|
||||||
|
</Card>
|
||||||
|
</PageContainer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Logs;
|
||||||
|
|
@ -1,155 +0,0 @@
|
||||||
import {
|
|
||||||
ProFormDateTimePicker,
|
|
||||||
ProFormRadio,
|
|
||||||
ProFormSelect,
|
|
||||||
ProFormText,
|
|
||||||
ProFormTextArea,
|
|
||||||
StepsForm,
|
|
||||||
} from '@ant-design/pro-components';
|
|
||||||
import '@umijs/max';
|
|
||||||
import { Modal } from 'antd';
|
|
||||||
import React from 'react';
|
|
||||||
export type FormValueType = {
|
|
||||||
target?: string;
|
|
||||||
template?: string;
|
|
||||||
type?: string;
|
|
||||||
time?: string;
|
|
||||||
frequency?: string;
|
|
||||||
} & Partial<API.RuleListItem>;
|
|
||||||
export type UpdateFormProps = {
|
|
||||||
onCancel: (flag?: boolean, formVals?: FormValueType) => void;
|
|
||||||
onSubmit: (values: FormValueType) => Promise<void>;
|
|
||||||
updateModalOpen: boolean;
|
|
||||||
values: Partial<API.RuleListItem>;
|
|
||||||
};
|
|
||||||
const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
|
||||||
return (
|
|
||||||
<StepsForm
|
|
||||||
stepsProps={{
|
|
||||||
size: 'small',
|
|
||||||
}}
|
|
||||||
stepsFormRender={(dom, submitter) => {
|
|
||||||
return (
|
|
||||||
<Modal
|
|
||||||
width={640}
|
|
||||||
bodyStyle={{
|
|
||||||
padding: '32px 40px 48px',
|
|
||||||
}}
|
|
||||||
destroyOnClose
|
|
||||||
title={'规则配置'}
|
|
||||||
open={props.updateModalOpen}
|
|
||||||
footer={submitter}
|
|
||||||
onCancel={() => {
|
|
||||||
props.onCancel();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{dom}
|
|
||||||
</Modal>
|
|
||||||
);
|
|
||||||
}}
|
|
||||||
onFinish={props.onSubmit}
|
|
||||||
>
|
|
||||||
<StepsForm.StepForm
|
|
||||||
initialValues={{
|
|
||||||
name: props.values.name,
|
|
||||||
desc: props.values.desc,
|
|
||||||
}}
|
|
||||||
title={'基本信息'}
|
|
||||||
>
|
|
||||||
<ProFormText
|
|
||||||
name="name"
|
|
||||||
label={'规则名称'}
|
|
||||||
width="md"
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入规则名称！',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ProFormTextArea
|
|
||||||
name="desc"
|
|
||||||
width="md"
|
|
||||||
label={'规则描述'}
|
|
||||||
placeholder={'请输入至少五个字符'}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入至少五个字符的规则描述！',
|
|
||||||
min: 5,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</StepsForm.StepForm>
|
|
||||||
<StepsForm.StepForm
|
|
||||||
initialValues={{
|
|
||||||
target: '0',
|
|
||||||
template: '0',
|
|
||||||
}}
|
|
||||||
title={'配置规则属性'}
|
|
||||||
>
|
|
||||||
<ProFormSelect
|
|
||||||
name="target"
|
|
||||||
width="md"
|
|
||||||
label={'监控对象'}
|
|
||||||
valueEnum={{
|
|
||||||
0: '表一',
|
|
||||||
1: '表二',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<ProFormSelect
|
|
||||||
name="template"
|
|
||||||
width="md"
|
|
||||||
label={'规则模板'}
|
|
||||||
valueEnum={{
|
|
||||||
0: '规则模板一',
|
|
||||||
1: '规则模板二',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<ProFormRadio.Group
|
|
||||||
name="type"
|
|
||||||
label={'规则类型'}
|
|
||||||
options={[
|
|
||||||
{
|
|
||||||
value: '0',
|
|
||||||
label: '强',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '1',
|
|
||||||
label: '弱',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</StepsForm.StepForm>
|
|
||||||
<StepsForm.StepForm
|
|
||||||
initialValues={{
|
|
||||||
type: '1',
|
|
||||||
frequency: 'month',
|
|
||||||
}}
|
|
||||||
title={'设定调度周期'}
|
|
||||||
>
|
|
||||||
<ProFormDateTimePicker
|
|
||||||
name="time"
|
|
||||||
width="md"
|
|
||||||
label={'开始时间'}
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请选择开始时间！',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
<ProFormSelect
|
|
||||||
name="frequency"
|
|
||||||
label={'监控对象'}
|
|
||||||
width="md"
|
|
||||||
valueEnum={{
|
|
||||||
month: '月',
|
|
||||||
week: '周',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</StepsForm.StepForm>
|
|
||||||
</StepsForm>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default UpdateForm;
|
|
||||||
|
|
@ -1,329 +0,0 @@
|
||||||
import { addRule, removeRule, rule, updateRule } from '@/services/ant-design-pro/api';
|
|
||||||
import { PlusOutlined } from '@ant-design/icons';
|
|
||||||
import type { ActionType, ProColumns, ProDescriptionsItemProps } from '@ant-design/pro-components';
|
|
||||||
import {
|
|
||||||
FooterToolbar,
|
|
||||||
ModalForm,
|
|
||||||
PageContainer,
|
|
||||||
ProDescriptions,
|
|
||||||
ProFormText,
|
|
||||||
ProFormTextArea,
|
|
||||||
ProTable,
|
|
||||||
} from '@ant-design/pro-components';
|
|
||||||
import '@umijs/max';
|
|
||||||
import { Button, Drawer, Input, message } from 'antd';
|
|
||||||
import React, { useRef, useState } from 'react';
|
|
||||||
import type { FormValueType } from './components/UpdateForm';
|
|
||||||
import UpdateForm from './components/UpdateForm';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @en-US Add node
|
|
||||||
* @zh-CN 添加节点
|
|
||||||
* @param fields
|
|
||||||
*/
|
|
||||||
const handleAdd = async (fields: API.RuleListItem) => {
|
|
||||||
const hide = message.loading('正在添加');
|
|
||||||
try {
|
|
||||||
await addRule({
|
|
||||||
...fields,
|
|
||||||
});
|
|
||||||
hide();
|
|
||||||
message.success('Added successfully');
|
|
||||||
return true;
|
|
||||||
} catch (error) {
|
|
||||||
hide();
|
|
||||||
message.error('Adding failed, please try again!');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @en-US Update node
|
|
||||||
* @zh-CN 更新节点
|
|
||||||
*
|
|
||||||
* @param fields
|
|
||||||
*/
|
|
||||||
const handleUpdate = async (fields: FormValueType) => {
|
|
||||||
const hide = message.loading('Configuring');
|
|
||||||
try {
|
|
||||||
await updateRule({
|
|
||||||
name: fields.name,
|
|
||||||
desc: fields.desc,
|
|
||||||
key: fields.key,
|
|
||||||
});
|
|
||||||
hide();
|
|
||||||
message.success('Configuration is successful');
|
|
||||||
return true;
|
|
||||||
} catch (error) {
|
|
||||||
hide();
|
|
||||||
message.error('Configuration failed, please try again!');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Delete node
|
|
||||||
* @zh-CN 删除节点
|
|
||||||
*
|
|
||||||
* @param selectedRows
|
|
||||||
*/
|
|
||||||
const handleRemove = async (selectedRows: API.RuleListItem[]) => {
|
|
||||||
const hide = message.loading('正在删除');
|
|
||||||
if (!selectedRows) return true;
|
|
||||||
try {
|
|
||||||
await removeRule({
|
|
||||||
key: selectedRows.map((row) => row.key),
|
|
||||||
});
|
|
||||||
hide();
|
|
||||||
message.success('Deleted successfully and will refresh soon');
|
|
||||||
return true;
|
|
||||||
} catch (error) {
|
|
||||||
hide();
|
|
||||||
message.error('Delete failed, please try again');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const TableList: React.FC = () => {
|
|
||||||
/**
|
|
||||||
* @en-US Pop-up window of new window
|
|
||||||
* @zh-CN 新建窗口的弹窗
|
|
||||||
* */
|
|
||||||
const [createModalOpen, handleModalOpen] = useState<boolean>(false);
|
|
||||||
/**
|
|
||||||
* @en-US The pop-up window of the distribution update window
|
|
||||||
* @zh-CN 分布更新窗口的弹窗
|
|
||||||
* */
|
|
||||||
const [updateModalOpen, handleUpdateModalOpen] = useState<boolean>(false);
|
|
||||||
const [showDetail, setShowDetail] = useState<boolean>(false);
|
|
||||||
const actionRef = useRef<ActionType>();
|
|
||||||
const [currentRow, setCurrentRow] = useState<API.RuleListItem>();
|
|
||||||
const [selectedRowsState, setSelectedRows] = useState<API.RuleListItem[]>([]);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @en-US International configuration
|
|
||||||
* @zh-CN 国际化配置
|
|
||||||
* */
|
|
||||||
|
|
||||||
const columns: ProColumns<API.RuleListItem>[] = [
|
|
||||||
{
|
|
||||||
title: '规则名称',
|
|
||||||
dataIndex: 'name',
|
|
||||||
tip: 'The rule name is the unique key',
|
|
||||||
render: (dom, entity) => {
|
|
||||||
return (
|
|
||||||
<a
|
|
||||||
onClick={() => {
|
|
||||||
setCurrentRow(entity);
|
|
||||||
setShowDetail(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{dom}
|
|
||||||
</a>
|
|
||||||
);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '描述',
|
|
||||||
dataIndex: 'desc',
|
|
||||||
valueType: 'textarea',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '服务调用次数',
|
|
||||||
dataIndex: 'callNo',
|
|
||||||
sorter: true,
|
|
||||||
hideInForm: true,
|
|
||||||
renderText: (val: string) => `${val}${'万'}`,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '状态',
|
|
||||||
dataIndex: 'status',
|
|
||||||
hideInForm: true,
|
|
||||||
valueEnum: {
|
|
||||||
0: {
|
|
||||||
text: '关闭',
|
|
||||||
status: 'Default',
|
|
||||||
},
|
|
||||||
1: {
|
|
||||||
text: '运行中',
|
|
||||||
status: 'Processing',
|
|
||||||
},
|
|
||||||
2: {
|
|
||||||
text: '已上线',
|
|
||||||
status: 'Success',
|
|
||||||
},
|
|
||||||
3: {
|
|
||||||
text: '异常',
|
|
||||||
status: 'Error',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '上次调度时间',
|
|
||||||
sorter: true,
|
|
||||||
dataIndex: 'updatedAt',
|
|
||||||
valueType: 'dateTime',
|
|
||||||
renderFormItem: (item, { defaultRender, ...rest }, form) => {
|
|
||||||
const status = form.getFieldValue('status');
|
|
||||||
if (`${status}` === '0') {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (`${status}` === '3') {
|
|
||||||
return <Input {...rest} placeholder={'请输入异常原因！'} />;
|
|
||||||
}
|
|
||||||
return defaultRender(item);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
dataIndex: 'option',
|
|
||||||
valueType: 'option',
|
|
||||||
render: (_, record) => [
|
|
||||||
<a
|
|
||||||
key="config"
|
|
||||||
onClick={() => {
|
|
||||||
handleUpdateModalOpen(true);
|
|
||||||
setCurrentRow(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
配置
|
|
||||||
</a>,
|
|
||||||
<a key="subscribeAlert" href="https://procomponents.ant.design/">
|
|
||||||
订阅警报
|
|
||||||
</a>,
|
|
||||||
],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
return (
|
|
||||||
<PageContainer>
|
|
||||||
<ProTable<API.RuleListItem, API.PageParams>
|
|
||||||
headerTitle={'查询表格'}
|
|
||||||
actionRef={actionRef}
|
|
||||||
rowKey="key"
|
|
||||||
search={{
|
|
||||||
labelWidth: 120,
|
|
||||||
}}
|
|
||||||
toolBarRender={() => [
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
key="primary"
|
|
||||||
onClick={() => {
|
|
||||||
handleModalOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<PlusOutlined /> 新建
|
|
||||||
</Button>,
|
|
||||||
]}
|
|
||||||
request={rule}
|
|
||||||
columns={columns}
|
|
||||||
rowSelection={{
|
|
||||||
onChange: (_, selectedRows) => {
|
|
||||||
setSelectedRows(selectedRows);
|
|
||||||
},
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
{selectedRowsState?.length > 0 && (
|
|
||||||
<FooterToolbar
|
|
||||||
extra={
|
|
||||||
<div>
|
|
||||||
已选择{' '}
|
|
||||||
<a
|
|
||||||
style={{
|
|
||||||
fontWeight: 600,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{selectedRowsState.length}
|
|
||||||
</a>{' '}
|
|
||||||
项
|
|
||||||
<span>
|
|
||||||
服务调用次数总计 {selectedRowsState.reduce((pre, item) => pre + item.callNo!, 0)} 万
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<Button
|
|
||||||
onClick={async () => {
|
|
||||||
await handleRemove(selectedRowsState);
|
|
||||||
setSelectedRows([]);
|
|
||||||
actionRef.current?.reloadAndRest?.();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
批量删除
|
|
||||||
</Button>
|
|
||||||
<Button type="primary">批量审批</Button>
|
|
||||||
</FooterToolbar>
|
|
||||||
)}
|
|
||||||
<ModalForm
|
|
||||||
title={'新建规则'}
|
|
||||||
width="400px"
|
|
||||||
open={createModalOpen}
|
|
||||||
onOpenChange={handleModalOpen}
|
|
||||||
onFinish={async (value) => {
|
|
||||||
const success = await handleAdd(value as API.RuleListItem);
|
|
||||||
if (success) {
|
|
||||||
handleModalOpen(false);
|
|
||||||
if (actionRef.current) {
|
|
||||||
actionRef.current.reload();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<ProFormText
|
|
||||||
rules={[
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '规则名称为必填项',
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
width="md"
|
|
||||||
name="name"
|
|
||||||
/>
|
|
||||||
<ProFormTextArea width="md" name="desc" />
|
|
||||||
</ModalForm>
|
|
||||||
<UpdateForm
|
|
||||||
onSubmit={async (value) => {
|
|
||||||
const success = await handleUpdate(value);
|
|
||||||
if (success) {
|
|
||||||
handleUpdateModalOpen(false);
|
|
||||||
setCurrentRow(undefined);
|
|
||||||
if (actionRef.current) {
|
|
||||||
actionRef.current.reload();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
onCancel={() => {
|
|
||||||
handleUpdateModalOpen(false);
|
|
||||||
if (!showDetail) {
|
|
||||||
setCurrentRow(undefined);
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
updateModalOpen={updateModalOpen}
|
|
||||||
values={currentRow || {}}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Drawer
|
|
||||||
width={600}
|
|
||||||
open={showDetail}
|
|
||||||
onClose={() => {
|
|
||||||
setCurrentRow(undefined);
|
|
||||||
setShowDetail(false);
|
|
||||||
}}
|
|
||||||
closable={false}
|
|
||||||
>
|
|
||||||
{currentRow?.name && (
|
|
||||||
<ProDescriptions<API.RuleListItem>
|
|
||||||
column={2}
|
|
||||||
title={currentRow?.name}
|
|
||||||
request={async () => ({
|
|
||||||
data: currentRow || {},
|
|
||||||
})}
|
|
||||||
params={{
|
|
||||||
id: currentRow?.name,
|
|
||||||
}}
|
|
||||||
columns={columns as ProDescriptionsItemProps<API.RuleListItem>[]}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</Drawer>
|
|
||||||
</PageContainer>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default TableList;
|
|
||||||
|
|
@ -1,164 +0,0 @@
|
||||||
import { PageContainer } from '@ant-design/pro-components';
|
|
||||||
import { useModel } from '@umijs/max';
|
|
||||||
import { Card, theme } from 'antd';
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 每个单独的卡片，为了复用样式抽成了组件
|
|
||||||
* @param param0
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
const InfoCard: React.FC<{
|
|
||||||
title: string;
|
|
||||||
index: number;
|
|
||||||
desc: string;
|
|
||||||
href: string;
|
|
||||||
}> = ({ title, href, index, desc }) => {
|
|
||||||
const { useToken } = theme;
|
|
||||||
|
|
||||||
const { token } = useToken();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
backgroundColor: token.colorBgContainer,
|
|
||||||
boxShadow: token.boxShadow,
|
|
||||||
borderRadius: '8px',
|
|
||||||
fontSize: '14px',
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
lineHeight: '22px',
|
|
||||||
padding: '16px 19px',
|
|
||||||
minWidth: '220px',
|
|
||||||
flex: 1,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
display: 'flex',
|
|
||||||
gap: '4px',
|
|
||||||
alignItems: 'center',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
width: 48,
|
|
||||||
height: 48,
|
|
||||||
lineHeight: '22px',
|
|
||||||
backgroundSize: '100%',
|
|
||||||
textAlign: 'center',
|
|
||||||
padding: '8px 16px 16px 12px',
|
|
||||||
color: '#FFF',
|
|
||||||
fontWeight: 'bold',
|
|
||||||
backgroundImage:
|
|
||||||
"url('https://gw.alipayobjects.com/zos/bmw-prod/daaf8d50-8e6d-4251-905d-676a24ddfa12.svg')",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{index}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
fontSize: '16px',
|
|
||||||
color: token.colorText,
|
|
||||||
paddingBottom: 8,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{title}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
fontSize: '14px',
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
textAlign: 'justify',
|
|
||||||
lineHeight: '22px',
|
|
||||||
marginBottom: 8,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{desc}
|
|
||||||
</div>
|
|
||||||
<a href={href} target="_blank" rel="noreferrer">
|
|
||||||
了解更多 {'>'}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
const Welcome: React.FC = () => {
|
|
||||||
const { token } = theme.useToken();
|
|
||||||
const { initialState } = useModel('@@initialState');
|
|
||||||
return (
|
|
||||||
<PageContainer>
|
|
||||||
<Card
|
|
||||||
style={{
|
|
||||||
borderRadius: 8,
|
|
||||||
}}
|
|
||||||
bodyStyle={{
|
|
||||||
backgroundImage:
|
|
||||||
initialState?.settings?.navTheme === 'realDark'
|
|
||||||
? 'background-image: linear-gradient(75deg, #1A1B1F 0%, #191C1F 100%)'
|
|
||||||
: 'background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
backgroundPosition: '100% -30%',
|
|
||||||
backgroundRepeat: 'no-repeat',
|
|
||||||
backgroundSize: '274px auto',
|
|
||||||
backgroundImage:
|
|
||||||
"url('https://gw.alipayobjects.com/mdn/rms_a9745b/afts/img/A*BuFmQqsB2iAAAAAAAAAAAAAAARQnAQ')",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
fontSize: '20px',
|
|
||||||
color: token.colorTextHeading,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
欢迎使用 Ant Design Pro
|
|
||||||
</div>
|
|
||||||
<p
|
|
||||||
style={{
|
|
||||||
fontSize: '14px',
|
|
||||||
color: token.colorTextSecondary,
|
|
||||||
lineHeight: '22px',
|
|
||||||
marginTop: 16,
|
|
||||||
marginBottom: 32,
|
|
||||||
width: '65%',
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Ant Design Pro 是一个整合了 umi，Ant Design 和 ProComponents
|
|
||||||
的脚手架方案。致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。
|
|
||||||
</p>
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
display: 'flex',
|
|
||||||
flexWrap: 'wrap',
|
|
||||||
gap: 16,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<InfoCard
|
|
||||||
index={1}
|
|
||||||
href="https://umijs.org/docs/introduce/introduce"
|
|
||||||
title="了解 umi"
|
|
||||||
desc="umi 是一个可扩展的企业级前端应用框架,umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。"
|
|
||||||
/>
|
|
||||||
<InfoCard
|
|
||||||
index={2}
|
|
||||||
title="了解 ant design"
|
|
||||||
href="https://ant.design"
|
|
||||||
desc="antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。"
|
|
||||||
/>
|
|
||||||
<InfoCard
|
|
||||||
index={3}
|
|
||||||
title="了解 Pro Components"
|
|
||||||
href="https://procomponents.ant.design"
|
|
||||||
desc="ProComponents 是一个基于 Ant Design 做了更高抽象的模板组件，以 一个组件就是一个页面为开发理念，为中后台开发带来更好的体验。"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Card>
|
|
||||||
</PageContainer>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default Welcome;
|
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
import { Todo } from '@/components';
|
||||||
|
import { PageContainer } from '@ant-design/pro-components';
|
||||||
|
import { Card } from 'antd';
|
||||||
|
|
||||||
|
const Logs: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<PageContainer>
|
||||||
|
<Card>
|
||||||
|
<Todo />
|
||||||
|
</Card>
|
||||||
|
</PageContainer>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Logs;
|
||||||
Loading…
Reference in New Issue