7 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
51 |
52 |
53 |
69 |
--------------------------------------------------------------------------------
/monitor-web/src/index.tsx:
--------------------------------------------------------------------------------
1 | import { PageContainer, ProCard } from '@ant-design/pro-components';
2 | import { useState } from 'react';
3 | import {
4 | SettingOutlined,
5 | DatabaseOutlined,
6 | DownOutlined,
7 | } from '@ant-design/icons';
8 |
9 | const getShowProject = function () {
10 | return (
11 | 页面停留时间
8 |1219
27 | 位活跃用户
28 | 1219
31 | 用户总数
32 | 1219
35 | 老用户数
36 | 1219
39 | 新用户数
40 | js报错率：9.9%
49 | js报错率：9.9%
50 | js报错率：9.9%
53 | js报错率：9.9%
54 | 1219
138 | 位活跃用户
139 | 1219
142 | 位活跃用户
143 | 1219
146 | 位活跃用户
147 | 1219
150 | 位活跃用户
151 | 1219
154 | 位活跃用户
155 | 1219
158 | 位活跃用户
159 |
3 | 
12 |
13 |
14 | 15 |
24 |
25 | 异常数据
4 | 5 |前端异常
6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 | 14 | 15 |
接口异常
16 | 17 | 18 | 19 | 20 | 21 |白屏异常
22 | 23 |
26 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
137 |
138 |
139 |
--------------------------------------------------------------------------------
/monitor-sdk/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require('webpack');
2 | const path = require('path');
3 | const HtmlWebpackPlugin = require('html-webpack-plugin');
4 | const {
5 | CleanWebpackPlugin
6 | } = require('clean-webpack-plugin');
7 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
8 | // const WebpackDeepScopeAnalysisPlugin = require('webpack-deep-scope-plugin').default;
9 |
10 | const isProduction = process.env.NODE_ENV == "production";
11 |
12 | const postCssLoaderConfig = {
13 | loader: 'postcss-loader',
14 | options: {
15 | plugins: [
16 | require('autoprefixer')({
17 | overrideBrowserslist: [
18 | 'Chrome > 31',
19 | 'ff > 31',
20 | 'ie >= 10'
21 | ]
22 | })
23 | ]
24 | }
25 | };
26 |
27 | const commonConfig = {
28 | entry: './src/index.ts',
29 | context: process.cwd(),
30 | output: {
31 | path: path.resolve(__dirname, 'dist'),
32 | filename: 'monitor.js',
33 | environment: {
34 | arrowFunction: false
35 | },
36 | },
37 | devtool: isProduction ? "source-map" : "cheap-module-source-map",
38 | devServer: {
39 | static: path.join(__dirname, 'dist'),
40 | compress: true,
41 | port: 3000,
42 | hot: true,
43 | // open: true,
44 | // progress: true,
45 | historyApiFallback: true
46 | },
47 | plugins: [
48 | new HtmlWebpackPlugin({
49 | template: path.resolve(__dirname, './src/index.html'),
50 | filename: 'index.html'
51 | }),
52 | new CleanWebpackPlugin(),
53 | new MiniCssExtractPlugin({
54 | filename: "static/css/[name].[hash].css",
55 | }),
56 | new webpack.HotModuleReplacementPlugin(),
57 | // new WebpackDeepScopeAnalysisPlugin(),
58 | ],
59 | module: {
60 | rules: [{
61 | test: /\.(jsx?|tsx?)$/,
62 | loader: 'babel-loader',
63 | exclude: /node_modules/,
64 | options: {
65 | plugins: [
66 | ["import", {
67 | libraryName: "antd",
68 | style: "css"
69 | }]
70 | ]
71 | }
72 | }, {
73 | test: /\.ts$/,
74 | use: [
75 | //配置babel
76 | {
77 | //指定加载器
78 | loader: 'babel-loader',
79 | //设置 babel
80 | options: {
81 | //设置预定义的环境
82 | presets: [
83 | //指定环境插件
84 | '@babel/preset-env'
85 | ]
86 | }
87 | },
88 | 'ts-loader'
89 | ],
90 | exclude: /node_modules/
91 | }, {
92 | test: /\.css$/,
93 | use: [
94 | MiniCssExtractPlugin.loader,
95 | 'css-loader',
96 | postCssLoaderConfig,
97 | ]
98 | }, {
99 | test: /\.ttf$/,
100 | use: ['file-loader']
101 | }, {
102 | test: /\.less$/,
103 | use: [MiniCssExtractPlugin.loader, 'css-loader', postCssLoaderConfig, 'less-loader']
104 | }, {
105 | test: /.*\.(gif|png|svg|jpe?g)$/i,
106 | use: [{
107 | loader: 'url-loader',
108 | options: {
109 | limit: 5120,
110 | name: 'static/imgs/[name].[hash:8].[ext]',
111 | publicPath: '../../'
112 | }
113 | }]
114 | }]
115 | },
116 | resolve: {
117 | extensions: ['.ts', '.js', '.tsx', '.jsx', '.json'],
118 | // mainFiles: ['index.ts', 'index'],
119 | alias: {
120 | '@': path.resolve(__dirname, './src'),
121 | '@config': path.resolve(__dirname, './src/config'),
122 | '@monitor': path.resolve(__dirname, './src/monitor'),
123 | '@type': path.resolve(__dirname, './src/type'),
124 | '@util': path.resolve(__dirname, './src/util'),
125 | },
126 | },
127 | externals: {
128 | fs: require('fs')
129 | }
130 | };
131 |
132 |
133 |
134 | module.exports = () => {
135 | if (isProduction) {
136 | commonConfig.mode = "production";
137 | } else {
138 | commonConfig.mode = "development";
139 | }
140 | return commonConfig;
141 | }
142 |
--------------------------------------------------------------------------------
/monitor-sdk/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 | 行为数据
27 | 28 | 29 | 30 | 33 | 34 |
14 |
38 |
39 |
40 | 41 |
55 |
56 |
57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 |
67 |
141 |
142 |
143 |
144 |
--------------------------------------------------------------------------------
/monitor-sdk/src/monitor/handle/performance/basicIndicator.ts:
--------------------------------------------------------------------------------
1 | // 获取页面基本性能数据
2 | import { EntryTypes, getBasicParams, PerformanceInfoType } from "@config/constant";
3 | import { performanceIndicatorObj } from "@monitor/handle/performance/index";
4 |
5 | interface PerformanceLayoutShift extends PerformanceEntry {
6 | value: number;
7 | hadRecentInput: boolean;
8 | }
9 |
10 | export function getBasicIndicator(performanceIndicator: performanceIndicatorObj) {
11 | // 获取 FP 、 FCP 、 LCP 、 CLS 的函数
12 | function getSimpleIndicator (type: string, entriesByName?: string) {
13 | let isLCPDone = false;
14 | let clsScore = 0;
15 |
16 | const callback = (entryList: PerformanceObserverEntryList) => {
17 | if (typeof entriesByName === 'string') {
18 | for (const entry of entryList.getEntriesByName(entriesByName)) {
19 | const indicator = entry.startTime;
20 |
21 | if (entriesByName === PerformanceInfoType.FP) {
22 | performanceIndicator.FP = indicator;
23 | } else if (entriesByName === PerformanceInfoType.FCP) {
24 | performanceIndicator.FCP = indicator;
25 | } else if (entriesByName === '') {
26 | performanceIndicator.LCP = indicator;
27 | isLCPDone = true;
28 | }
29 |
30 | }
31 | } else {
32 | const entries = entryList.getEntries() as PerformanceLayoutShift[];
33 | for (const entry of entries) {
34 | if (!entry.hadRecentInput) {
35 | clsScore += entry.value;
36 | performanceIndicator.CLS = clsScore;
37 | console.log('cls增加了')
38 | }
39 | }
40 | }
41 | observer.disconnect();
42 | }
43 |
44 | const observer = new PerformanceObserver(callback);
45 | observer.observe({ type, buffered: true });
46 | }
47 |
48 | // FP
49 | getSimpleIndicator(EntryTypes.paint, PerformanceInfoType.FP);
50 |
51 | // FCP
52 | getSimpleIndicator(EntryTypes.paint, PerformanceInfoType.FCP);
53 |
54 | // LCP
55 | getSimpleIndicator(EntryTypes.LCP, '');
56 |
57 | // FID TODO
58 | function FID () {
59 | const callback = (entryList) => {
60 | // const firstInput = entryList.getEntries()[0];
61 | // const fid = firstInput?.processingStart - firstInput?.startTime;
62 | // performanceIndicator.FID = fid;
63 | const entries = entryList.getEntries();
64 | const entry = entries[entries.length - 1];
65 | const fid = entry.processingStart - entry.startTime;
66 | performanceIndicator.FID = fid;
67 | }
68 | const observer = new PerformanceObserver(callback);
69 | observer.observe({ type: EntryTypes.FID, buffered: true });
70 | }
71 | FID();
72 |
73 | // CLS
74 | window.addEventListener(
75 | 'click',
76 | () => {
77 | setTimeout(() => {
78 | getSimpleIndicator(EntryTypes.CLS);
79 | }, 1000);
80 | },
81 | true
82 | )
83 |
84 | // TTI TODO
85 | function getTti () {
86 | const tti = window.performance.timing.domInteractive - performance.timing.fetchStart;
87 | // const callback = (entryList) => {
88 | // for (const entry of entryList.getEntries()) {
89 | // if (entry.entryType === 'longtask') {
90 | //
91 | // }
92 | // }
93 | // }
94 | // const observer = new PerformanceObserver(callback);
95 | // observer.observe({ entryTypes: ['longtask'] });
96 | }
97 |
98 |
99 | // const {
100 | // redirectStart, redirectEnd,
101 | // domainLookupStart, domainLookupEnd,
102 | // fetchStart,
103 | // connectStart, connectEnd,
104 | // secureConnectionStart,
105 | // responseStart, responseEnd,
106 | // requestStart,
107 | // domComplete,
108 | // domLoading,
109 | // loadEventStart, loadEventEnd,
110 | // domInteractive,
111 | // navigationStart,
112 | // domContentLoadedEventEnd,
113 | // // domContentLoaded,
114 | // // domContentLoaded,
115 | // // } = window.performance.getEntriesByType('navigation');
116 | // } = window.performance.timing;
117 | // const redirect = redirectEnd - redirectStart; // 重定向
118 | // const appCache = domainLookupStart - fetchStart; // 缓存
119 | // const DNS = domainLookupEnd - domainLookupStart; // DNS 解析耗时
120 | // const TCP = connectEnd - connectStart; // TCP 连接耗时
121 | // const SSL = connectEnd - secureConnectionStart; // SSL 握手
122 | // const request = responseStart - requestStart; // 请求耗时
123 | // const response = responseEnd - responseStart; // 响应耗时
124 | // const Trans = responseEnd - responseStart; // 内容传输耗时
125 | // const DOM = domInteractive - responseEnd; // DOM解析耗时
126 | // const FirstByte = responseStart - domainLookupStart; // 首包时间
127 | // const processing = domComplete - domLoading;
128 | // const Load = loadEventStart - fetchStart; // 页面完全加载时间
129 | // const Res = loadEventStart - domContentLoadedEventEnd; // 资源加载耗时
130 | // const DomReady = domContentLoadedEventEnd - fetchStart;
131 | // const domParse = domInteractive - responseEnd; // DOM 解析耗时
132 | // const TTFB = responseStart - requestStart;
133 | // // const TTFB = responseStart - navigationStart;
134 | // const FP = responseEnd - fetchStart; // 首次渲染时间 / 白屏时间
135 | // const TTI = domInteractive - fetchStart; // 首次可交互时间
136 | // // const ready = domContentLoaded - fetchStart; // HTML 加载完成时间
137 | // // const resourceLoad = domComplete - domContentLoaded;
138 | //
139 | // const performanceLog: performanceType = {
140 | // redirect,
141 | // appCache,
142 | // DNS,
143 | // TCP,
144 | // SSL,
145 | // request,
146 | // response,
147 | // Trans,
148 | // DOM,
149 | // FirstByte,
150 | // processing,
151 | // Load,
152 | // Res,
153 | // DomReady,
154 | // domParse,
155 | // TTFB,
156 | // FP,
157 | // TTI,
158 | // }
159 | // return performanceLog;
160 | }
161 |
--------------------------------------------------------------------------------
/monitor-node/src/app.ts:
--------------------------------------------------------------------------------
1 | // // 引入koa
2 | // import Koa from 'koa';
3 | // import http from 'http';
4 | // import path from 'path';
5 | // import cors from 'koa-cors';
6 | // import influx from 'influx';
7 | //
8 | // // 创建koa实例
9 | // const app = new Koa()
10 | // // 创建服务器
11 | // const server: http.Server = new http.Server(app.callback())
12 | // app.use(cors());
13 | // app.use(async (ctx, next)=> {
14 | // ctx.set('Access-Control-Allow-Origin', '*');
15 | // ctx.set('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , Access-Control-Allow-Credentials');
16 | // ctx.set('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');
17 | // ctx.set('Access-Control-Allow-Credentials', 'true');
18 | // ctx.set('Vary', 'Origin');
19 | // if (ctx.method == 'OPTIONS') {
20 | // ctx.body = 200;
21 | // } else {
22 | // await next();
23 | // }
24 | // })
25 | //
26 | // // 中间件
27 | // app.use(async (ctx) => {
28 | // console.log('addd')
29 | // ctx.body = 'Hello World'
30 | // })
31 | // // 监听端口
32 | // app.listen(9000, () => {
33 | // console.log('run success')
34 | // console.log('app started at port 9000...')
35 | // })
36 |
37 | import Koa from 'koa';
38 | import Router from 'koa-router';
39 | import bodyParser from 'koa-bodyparser';
40 | import cors from 'koa2-cors';
41 | import { createConnections } from "typeorm";
42 | import { koaSwagger } from "koa2-swagger-ui";
43 | import swaggerRouter from './config/swagger';
44 |
45 | import sendCaptcha from './routes/user/sendCaptcha';
46 | import login from './routes/user/login';
47 | import register from './routes/user/register';
48 | import forget from './routes/user/forget';
49 | import logout from './routes/user/logout';
50 |
51 | // js 异常
52 | import addJs from './routes/error/js/add';
53 | import findJs from './routes/error/js/find';
54 | // promise 异常
55 | import addPromise from './routes/error/promise/add';
56 | import findPromise from './routes/error/promise/find';
57 | // resource 异常
58 | import addResource from './routes/error/resource/add';
59 | import findResource from './routes/error/resource/find';
60 | // cors 异常
61 | import addCors from './routes/error/cors/add';
62 | import findCors from './routes/error/cors/find';
63 | // console.error 异常
64 | import addConsoleError from './routes/error/consoleError/add';
65 | import findConsoleError from './routes/error/consoleError/find';
66 | // interface 异常
67 | import addInterfaceError from './routes/error/interface/add';
68 | import findInterfaceError from './routes/error/interface/find';
69 | // blankScreen 异常
70 | import addBlankScreen from './routes/error/blankScreen/add';
71 | import findBlankScreen from './routes/error/blankScreen/find';
72 |
73 | // pv 指标
74 | import addPv from './routes/performance/pv/add';
75 | import findPv from './routes/performance/pv/find';
76 | // interface 指标
77 | import addInterfaceIndicator from './routes/performance/interface/add';
78 | import findInterfaceIndicator from './routes/performance/interface/find';
79 | // resource 指标
80 | import addResourceIndicator from './routes/performance/resource/add';
81 | import findResourceIndicator from './routes/performance/resource/find';
82 | // 性能指标
83 | import addPerformanceIndicator from './routes/performance/allPerformance/add';
84 | import findPerformanceIndicator from './routes/performance/allPerformance/find';
85 |
86 | // history 路由
87 | import addHistory from './routes/behaviour/history/add';
88 | import findHistory from './routes/behaviour/history/find';
89 | // hash 路由
90 | import addHash from './routes/behaviour/hash/add';
91 | import findHash from './routes/behaviour/hash/find';
92 |
93 | createConnections ()
94 | .then(async () => {
95 | const app = new Koa();
96 | const router = new Router();
97 |
98 | // 处理cookie跨域
99 | const corsOptions ={
100 | origin: 'http://localhost:5014',
101 | credentials: true,
102 | optionSuccessStatus: 200
103 | }
104 | app.use(cors(corsOptions));
105 |
106 | // 处理 Navigator.sendBeacon 传参
107 | app.use(async function(ctx,next) {
108 | //判断请求的路由路径
109 | if (/^.*\/beacon\/.+$/.test(ctx.path)) {
110 | ctx.disableBodyParser = true;
111 | }
112 | await next();
113 | })
114 | // 处理 post 请求的参数
115 | app.use(bodyParser());
116 |
117 | app.use(swaggerRouter.routes()).use(swaggerRouter.allowedMethods())
118 | const swaggerOption = {
119 | routePrefix: '/swagger', // host at /swagger instead of default /docs
120 | swaggerOptions: {
121 | url: '/swagger/swagger.json' // example path to json 其实就是之后swagger-jsdoc生成的文档地址
122 | }
123 | }
124 | app.use(koaSwagger(swaggerOption));
125 |
126 | router.post('/api/send-captcha', sendCaptcha);
127 | router.post('/api/login', login);
128 | router.post('/api/register', register);
129 | // router.post('/api/forget_password', forget);
130 | // router.post('/api/logout', logout);
131 |
132 | // js 异常
133 | router.post('/report/js-error', addJs);
134 | router.get('/error/js', findJs);
135 |
136 | // promise 异常
137 | router.post('/report/promise-error', addPromise);
138 | router.get('/error/promise', findPromise);
139 |
140 | // resource 异常
141 | router.post('/report/resource-error', addResource);
142 | router.get('/error/resource', findResource);
143 |
144 | // cors 异常
145 | router.post('/report/cors-error', addCors);
146 | router.get('/error/cors', findCors);
147 |
148 | // console.error 异常
149 | router.post('/report/console-error', addConsoleError);
150 | router.get('/error/console', findConsoleError);
151 |
152 | // interface 异常
153 | router.post('/report/interface-error', addInterfaceError);
154 | router.get('/error/interface', findInterfaceError);
155 |
156 | // 白屏异常
157 | router.post('/report/blank-screen-error', addBlankScreen);
158 | router.get('/error/blank-screen', findBlankScreen);
159 |
160 | // interface 指标
161 | router.post('/report/interface-indicator', addInterfaceIndicator);
162 | router.get('/indicator/interface', findInterfaceIndicator);
163 |
164 | // 资源指标
165 | router.post('/report/resource-indicator', addResourceIndicator);
166 | router.get('/indicator/resource', findResourceIndicator);
167 |
168 | // 性能指标
169 | router.post('/report/performance-indicator', addPerformanceIndicator);
170 | router.get('/indicator/performance', findPerformanceIndicator);
171 |
172 | // pv 指标
173 | router.post('/report/pv-indicator', addPv);
174 | router.get('/indicator/pv', findPv);
175 |
176 | // hash 路由
177 | router.post('/report/hash', addHash);
178 | router.get('/api/hash', findHistory);
179 |
180 | // history 路由
181 | router.post('/report/history', addHistory);
182 | router.get('/api/history', findHash);
183 |
184 | // 组装匹配好的路由，返回一个合并好的中间件
185 | app.use(router.routes());
186 |
187 | app.listen(8080, () => {
188 | console.log('网站服务器启动成功，请访问 http://localhost:8080');
189 | console.log('访问 influxdb ，请访问 http://localhost:8086');
190 | console.log('swagger api 文档可访问：http://localhost:8080/swagger');
191 | })
192 | })
193 | .catch((error: any) => console.log('TypeOrm连接失败', error))
194 |
--------------------------------------------------------------------------------
/monitor-web/src/pages/Error/js/index.tsx:
--------------------------------------------------------------------------------
1 | import type { ProColumns } from '@ant-design/pro-components';
2 | import { PageContainer, ProCard, ProTable, ProBreadcrumb, TableDropdown } from '@ant-design/pro-components';
3 | import {
4 | DownOutlined,
5 | QuestionCircleOutlined,
6 | CheckCircleOutlined,
7 | StopOutlined,
8 | AndroidOutlined,
9 | AppleOutlined,
10 | WindowsOutlined,
11 | AndroidFilled,
12 | AppleFilled,
13 | WindowsFilled,
14 | } from '@ant-design/icons';
15 | import { Button, Tooltip, Space, Table , Select, Tag, } from 'antd';
16 | import { PageHeaderWrapper } from '@ant-design/pro-layout';
17 | import type { CustomTagProps } from 'rc-select/lib/BaseSelect';
18 |
19 | import {useEffect, useState} from 'react';
20 | import {createColor} from "@/util";
21 | import {findJsError} from "@/api/modules/error";
22 | import {useRequest} from "@@/plugin-request/request";
23 |
24 | import axios from 'axios';
25 |
26 | const valueEnum = {
27 | 0: 'unsolved',
28 | 1: 'handled',
29 | 2: 'fixed',
30 | };
31 |
32 | export type TableListItem = {
33 | key: number;
34 | errorDes: string;
35 | status: string;
36 | errorTime: number;
37 | androidNumber: number;
38 | iosNumber: number;
39 | windowNumber: number;
40 | person: number;
41 | handler: string;
42 | };
43 | const tableListDataSource: TableListItem[] = [];
44 |
45 | const creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];
46 |
47 |
48 | // person
49 | for (let i = 0; i < 5; i += 1) {
50 | tableListDataSource.push({
51 | key: i,
52 | errorDes: 'AppName',
53 | status: valueEnum[Math.floor(Math.random() * 10) % 3],
54 | errorTime: Date.now() - Math.floor(Math.random() * 100000),
55 | androidNumber: Math.floor(Math.random() * 20),
56 | iosNumber: Math.floor(Math.random() * 20),
57 | windowNumber: Math.floor(Math.random() * 20),
58 | person: Math.floor(Math.random() * 20),
59 | handler: creators[Math.floor(Math.random() * creators.length)],
60 | });
61 | }
62 |
63 | const tagRender = (props: CustomTagProps) => {
64 | const { label, value, closable, onClose } = props;
65 | const onPreventMouseDown = (event: React.MouseEvent
15 |
24 |
25 |
26 | 27 |
36 |
37 | 异常数据
16 | 17 |前端异常
18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 | 26 | 27 |
接口异常
28 | 29 | 30 | 31 | 32 | 33 |白屏异常
34 | 35 |38 |
39 |
40 | 41 |
42 |
43 | 44 | 45 | 48 | 49 | 50 | 51 | 52 |
53 |
54 | 行为数据
43 | 44 | 45 | 48 | 49 | 50 | 51 | 52 |
55 |
56 |
57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 |
185 |
186 |
187 | )
188 | const errorList = (
189 |
233 |
234 |
235 | )
236 |
237 | export default () => {
238 | let arr: any[] = [];
239 | // const { data, error, loading } = useRequest((services) => {
240 | // return services.getUserList('/error/js');
241 | // });
242 |
243 | useEffect(() => {
244 |
245 | findJsError().then(res => {
246 |
247 | console.log('res', res)
248 | })
249 | // arr = [...res.data.response];
250 | axios.get('/error/js').then((res) => {
251 | console.log('jserror', res)
252 | })
253 | console.log('arr', arr)
254 | })
255 |
256 |
257 | return (
258 |
184 | {/* history.push({ pathname: '/error/js' })}>Promise异常
}
239 | extra='2022-9-13'
240 | tooltip='程序运行时出错，使用window.unhandledrejection进行异常捕获并上报'
241 | headerBordered
242 | gutter={8}
243 | style={{ maxWidth: 300, marginTop: 20 }}
244 | >
245 | {/**/}
185 |
186 |
187 |
188 | {getRingProgress()}
189 |
190 |
192 | {getRingProgress()}
193 |
194 |
196 | {getRingProgress()}
197 |
198 |
200 | {getRingProgress()}
201 |
202 |
203 |
204 |
205 |
206 | {getRingProgress()}
207 |
208 |
210 | {getRingProgress()}
211 |
212 |
214 | {getRingProgress()}
215 |
216 |
218 | {getRingProgress()}
219 |
220 |
221 |
222 |
223 |
224 |
225 | history.push({ pathname: '/error/js' })}>JS异常
}
227 | extra='2022-9-13'
228 | tooltip='程序运行时出错，使用window.onerror进行异常捕获并上报'
229 | headerBordered
230 | gutter={8}
231 | style={{ maxWidth: 300, marginTop: 20 }}
232 | >
233 | {/*2022-9-13
*/}
234 | 2022-9-13
*/}
246 | 2022-9-13
*/}
258 | 2022-9-13
*/}
272 | 2022-9-13
*/}
284 | 2022-9-13
*/}
296 | 2022-9-13
*/}
310 |
479 |
480 |
483 |
490 | {getPerformArea()}
491 |
492 |
493 |
500 | {getPerformColumn()}
501 |
502 |
503 |
510 | {getPerformColumn()}
511 |
512 |
513 |
514 |
515 |
516 |
517 |
518 |
520 |
521 |
523 |
524 |
526 |
527 |
528 |
529 |
530 |
536 |
537 |
538 |
539 |
554 |
555 |
570 |
571 |
581 |
592 |
593 |
594 | )
595 | }
596 |
--------------------------------------------------------------------------------