15 |
16 |
43 |
44 |
45 | );
46 | };
47 |
48 | export default PageFloatButton;
49 |
--------------------------------------------------------------------------------
/src/components/FloatButtonComponent/style/floatStyle.css:
--------------------------------------------------------------------------------
1 | .float-container {
2 | position: relative;
3 |
4 | .wechat-button {
5 |
6 | }
7 |
8 | .float-miniprogramme{
9 | position: absolute;
10 | bottom: 40px;
11 | right: 50px;
12 | display: block;
13 | opacity: 0;
14 | transform: translateY(-10px) scale(0.8);
15 | pointer-events: none;
16 | transition: opacity 0.3s ease, transform 0.3s ease;
17 | z-index: 9999;
18 | }
19 |
20 | .wechat-button:hover + .float-miniprogramme {
21 | opacity: 1;
22 | transform: translateY(0) scale(1);
23 | }
24 |
25 | .float-gzh{
26 | position: absolute;
27 | bottom: -30px;
28 | right: 50px;
29 | display: block;
30 | opacity: 0;
31 | transform: translateY(-10px) scale(0.8);
32 | pointer-events: none;
33 | transition: opacity 0.3s ease, transform 0.3s ease;
34 | z-index: 9999;
35 | }
36 |
37 | .gzh-button:hover + .float-gzh {
38 | opacity: 1;
39 | transform: translateY(0) scale(1);
40 | }
41 |
42 | }
43 |
44 |
45 |
--------------------------------------------------------------------------------
/src/components/Footer/index.tsx:
--------------------------------------------------------------------------------
1 | import { GithubOutlined } from '@ant-design/icons';
2 | import { DefaultFooter } from '@ant-design/pro-components';
3 | import '@umijs/max';
4 | import React from 'react';
5 |
6 | const Footer: React.FC = () => {
7 | const defaultMessage = 'YxnMiracle';
8 | const currentYear = new Date().getFullYear();
9 | return (
10 |
24 |
29 |
30 |
37 |
42 |
28 | {!loaded && (
29 |
30 | )}
31 | 
setLoaded(false)}
37 | />
38 |
39 | );
40 | };
41 |
42 | export default ImageLoader;
43 |
--------------------------------------------------------------------------------
/src/components/MarkdownComponent/index.tsx:
--------------------------------------------------------------------------------
1 | //@ts-ignore
2 | import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
3 | //@ts-ignore
4 | import Markdown from 'react-markdown';
5 | //@ts-ignore
6 | import { coldarkDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
7 |
8 | interface Props {
9 | message: string;
10 | }
11 |
12 | const MarkdownLoader: React.FC
28 | {children}
29 |
30 | );
31 | },
32 | }}
33 | >
34 | {message}
35 | 36 | Want to add more pages? Please refer to{' '} 37 | 38 | use block 39 | 40 | 。 41 |
42 |
19 |
26 |
27 | );
28 | };
29 | export default BotChatCard;
30 |
--------------------------------------------------------------------------------
/src/pages/Chat/components/UserChat/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | interface Props {
4 | message: string;
5 | }
6 |
7 | /**
8 | * 存放用户发出消息的消息框
9 | * @param props
10 | * @constructor
11 | */
12 | const UserChatCard: React.FC
23 |
24 |
25 |
18 |
25 |
26 | );
27 | };
28 | export default UserChatCard;
29 |
--------------------------------------------------------------------------------
/src/pages/Chat/index.tsx:
--------------------------------------------------------------------------------
1 | import '@umijs/max';
2 | import React from 'react';
3 | import Markdown from 'react-markdown';
4 |
5 | const Chat: React.FC = () => {
6 | const markdown = "# A demo of `react-markdown`\n" +
7 | "\n" +
8 | "`react-markdown` is a markdown component for React.\n" +
9 | "\n" +
10 | "👉 Changes are re-rendered as you type.\n" +
11 | "\n" +
12 | "👈 Try writing some markdown on the left.\n" +
13 | "\n" +
14 | "## Overview\n" +
15 | "\n" +
16 | "* Follows [CommonMark](https://commonmark.org)\n" +
17 | "* Optionally follows [GitHub Flavored Markdown](https://github.github.com/gfm/)\n" +
18 | "* Renders actual React elements instead of using `dangerouslySetInnerHTML`\n" +
19 | "* Lets you define your own components (to render `MyHeading` instead of `'h1'`)\n" +
20 | "* Has a lot of plugins\n" +
21 | "\n" +
22 | "## Contents\n" +
23 | "\n" +
24 | "Here is an example of a plugin in action\n" +
25 | "([`remark-toc`](https://github.com/remarkjs/remark-toc)).\n" +
26 | "**This section is replaced by an actual table of contents**.\n" +
27 | "\n" +
28 | "## Syntax highlighting\n" +
29 | "\n" +
30 | "Here is an example of a plugin to highlight code:\n" +
31 | "[`rehype-highlight`](https://github.com/rehypejs/rehype-highlight).\n" +
32 | "\n" +
33 | "```js\n" +
34 | "import React from 'react'\n" +
35 | "import ReactDOM from 'react-dom'\n" +
36 | "import Markdown from 'react-markdown'\n" +
37 | "import rehypeHighlight from 'rehype-highlight'";
38 |
39 | return (
40 | <>
41 |
22 | {message}
23 |
24 |
48 |
54 | );
55 | };
56 | export default CtiDetailBehaviorPage;
57 |
--------------------------------------------------------------------------------
/src/pages/Cti/Detail/components/Content/index.tsx:
--------------------------------------------------------------------------------
1 | import '@/pages/Cti/Detail/style/contentPageStyle.css';
2 | import { Col, Row } from 'antd';
3 | import DOMPurify from 'dompurify';
4 | import React, { useState } from 'react';
5 |
6 | interface Props {
7 | id: number;
8 | ctiDetailVo: API.CtiDetailVo;
9 | }
10 |
11 | const CtiContentPage: React.FC
49 |
50 |
52 |
53 |
18 |
19 |
28 |
29 |
30 | );
31 | };
32 | export default CtiContentPage;
33 |
--------------------------------------------------------------------------------
/src/pages/Cti/Detail/components/Ttps/index.tsx:
--------------------------------------------------------------------------------
1 | import { COS_HOST } from '@/constants';
2 | import '@/pages/Cti/Detail/style/detailPageStyle.css';
3 | import {
4 | downloadTtpConfigByIdUsingGet,
5 | getTtpConfigByCtiIdUsingPost,
6 | } from '@/services/backend/ttpController';
7 | import { DownloadOutlined } from '@ant-design/icons';
8 | import '@umijs/max';
9 | import { Button, Card, Empty } from 'antd';
10 | // @ts-ignore
11 | import { saveAs } from 'file-saver';
12 | import React, { useEffect, useState } from 'react';
13 |
14 | interface Props {
15 | id: number;
16 | }
17 |
18 | const CtiDetailTtpPage: React.FC{ctiDetailVo.content}
24 | )}
25 | {id}
26 |
27 |
53 | {loading ??
63 |
65 | )}
66 | {!loading && ttpConfigUrlPath && (
67 | }
71 | size="large"
72 | onClick={async () => {
73 | const blob = await downloadTtpConfigByIdUsingGet(
74 | // @ts-ignore
75 | { id },
76 | {
77 | responseType: 'blob',
78 | },
79 | );
80 | const fullPath = COS_HOST + ttpConfigUrlPath;
81 | saveAs(blob, fullPath.substring(fullPath.lastIndexOf('/') + 1));
82 | }}
83 | >
84 | 下载ATT&CK TTPs配置文件
85 |
86 | )}
87 |
88 | );
89 | };
90 | export default CtiDetailTtpPage;
91 |
--------------------------------------------------------------------------------
/src/pages/Cti/Detail/components/knowledge/index.tsx:
--------------------------------------------------------------------------------
1 | import CtiGraph from '@/components/GraphComponent/CtiGraph';
2 | import '@/pages/Cti/Detail/style/detailPageStyle.css';
3 | import { getGraphDataByCtiIdUsingPost } from '@/services/backend/graphController';
4 | import GraphUtils from '@/utils/graphUtil';
5 | import '@umijs/max';
6 | import { Card, Empty, message } from 'antd';
7 | import React, { useEffect, useState } from 'react';
8 |
9 | interface Props {
10 | id: number;
11 | }
12 |
13 | const CtiDetailKnowledgePage: React.FC
49 |
50 | {!hasGraph ?
52 |
53 | );
54 | };
55 | export default CtiDetailKnowledgePage;
56 |
--------------------------------------------------------------------------------
/src/pages/Cti/Detail/style/detailPageStyle.css:
--------------------------------------------------------------------------------
1 |
2 | .detail-page :where(.css-dev-only-do-not-override-r7v25l).ant-tabs .ant-tabs-tab {
3 | font-weight: 500;
4 | font-size: 0.975rem;
5 | font-family: "IBM Plex Sans", sans-serif;
6 | padding: 12px 25px;
7 | }
8 |
9 | .detail-page :where(.css-dev-only-do-not-override-fw79vu).ant-tabs .ant-tabs-tab {
10 | font-weight: 500 !important;
11 | padding: 12px 25px !important;
12 | font-size: 0.975rem !important;
13 | }
14 |
15 | .detail-page :where(.css-dev-only-do-not-override-fw79vu).ant-tabs > .ant-tabs-nav, :where(.css-dev-only-do-not-override-fw79vu).ant-tabs > div > .ant-tabs-nav {
16 | position: relative;
17 | display: flex;
18 | flex: none;
19 | align-items: center;
20 | margin-bottom: 16px;
21 | }
22 |
23 | .cti-short-title {
24 | display: -webkit-box;
25 | display: -moz-box;
26 | display: -webkit-flex;
27 | display: -ms-flexbox;
28 | display: flex;
29 | border-radius: 8px;
30 | -webkit-box-align: center;
31 | -moz-box-align: center;
32 | -o-box-align: center;
33 | -ms-flex-align: center;
34 | -webkit-align-items: center;
35 | align-items: center;
36 | padding: 0 5px;
37 | }
38 |
39 | .cti-short-title .ai-title-text {
40 | font-weight: 700;
41 | font-size: 24px;
42 | margin-left: 8px;
43 | }
44 |
45 | #ai-tag {
46 | background-color: #202040;
47 | color: rgba(255, 255, 255, .9);
48 | font-size: 24px;
49 | border-radius: 8px;
50 | line-height: 1;
51 | padding: 4px 5px;
52 | cursor: pointer;
53 | margin-left: auto;
54 | }
55 |
56 | .cti-detail-page-normal-margin-top {
57 | margin-top: 16px;
58 | }
59 |
60 | .cursor-ani {
61 | position: relative;
62 | }
63 |
64 | .cursor-ani::after {
65 | content: '';
66 | position: absolute;
67 | width: 1px;
68 | height: 28px;
69 | background: #333;
70 | transform: translateX(3px) translateY(3px);
71 | animation: cursor-blinks 0.8s infinite forwards;
72 | }
73 |
74 | .msg-text {
75 | margin-top: 16px;
76 | font-size: 20px;
77 | padding-left: 12px;
78 | padding-right: 12px;
79 | }
80 |
81 | @keyframes cursor-blinks {
82 | from {
83 | opacity: 0;
84 | }
85 | to {
86 | opacity: 1;
87 | }
88 | }
89 |
90 | .list-item-hover:hover {
91 | background-color: rgba(239, 239, 239, 0.4);
92 | }
93 |
94 | :where(.css-dev-only-do-not-override-r7v25l).ant-tooltip .ant-tooltip-content {
95 | min-width: 32em !important;
96 | }
97 |
98 | .list-item-img {
99 | opacity: 1;
100 | transition: opacity 0.3s ease-in-out;
101 | }
102 |
103 | @media (max-width: 750px) {
104 | .list-item-img {
105 | display: none;
106 | }
107 | }
108 |
109 | iframe {
110 | border: none;
111 | }
112 |
113 | .detail-page-ttp {
114 | position: relative;
115 | }
116 |
117 | .detail-page-ttp .ttp-config-download {
118 | position: absolute;
119 | right: 15px;
120 | top: 0;
121 | height: 100px;
122 | width: 240px;
123 | }
124 |
125 | .rule-card {
126 | margin-bottom: 16px;
127 | }
128 |
129 | .ant-pro-page-container-children-container {
130 | padding-right: 25px;
131 | padding-left: 25px;
132 | }
133 |
134 |
135 | :where(.css-dev-only-do-not-override-no4izc).ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
136 | top: 53%;
137 | }
138 |
139 | .ant-pro-page-container .ant-pro-page-container-warp-page-header {
140 | padding-right: 25px;
141 | padding-left: 25px;
142 | }
143 |
--------------------------------------------------------------------------------
/src/pages/Cti/Graph/index.tsx:
--------------------------------------------------------------------------------
1 | import CtiGraph from '@/components/GraphComponent/CtiGraph';
2 | import { getGraphDataByCtiIdUsingPost } from '@/services/backend/graphController';
3 | import GraphUtils from '@/utils/graphUtil';
4 | import { useParams } from '@@/exports';
5 | import { PageContainer } from '@ant-design/pro-components';
6 | import '@umijs/max';
7 | import {Card, Col, message, Row} from 'antd';
8 | import React, { useEffect, useState } from 'react';
9 |
10 | const CtiGraphInformationPage: React.FC = () => {
11 | const { id } = useParams();
12 |
13 | const { listLoop } = GraphUtils();
14 | const [graphMap, setGraphMap] = useState({ nodes: [], edges: [] });
15 |
16 | const initData = async () => {
17 | try {
18 | const res = await getGraphDataByCtiIdUsingPost({
19 | // @ts-ignore
20 | id: id,
21 | });
22 | if (res.code === 0) {
23 | message.success('图谱数据获取成功');
24 | setGraphMap(listLoop(res.data));
25 | }
26 | } catch (e: any) {
27 | message.error('获取图谱数据失败');
28 | }
29 | };
30 |
31 | useEffect(() => {
32 | initData();
33 | }, []);
34 |
35 | return (
36 |
30 |
58 |
59 | );
60 | };
61 | export default HistoryBox;
62 |
--------------------------------------------------------------------------------
/src/pages/Home/components/hot/index.tsx:
--------------------------------------------------------------------------------
1 | import '@/pages/Home/style/hotStyle.css';
2 | import { useModel } from '@@/exports';
3 | import '@umijs/max';
4 | import React, { useEffect, useState } from 'react';
5 | import {Col, Row} from "antd";
6 |
7 | interface Props {
8 | hotList: string[];
9 | onItemClick: () => void;
10 | }
11 |
12 | /**
13 | * 创建弹窗
14 | * @param props
15 | * @constructor
16 | */
17 | const HotBox: React.FC onItemClick?.()}
33 | >
34 | 2a734e2189ad40fdd8ad7d5a96cc85f6f4ed3bc1
35 |
36 | onItemClick?.()}>
37 | hot.tenchier.com
38 |
39 | onItemClick?.()}>
40 | xxx
41 |
42 | onItemClick?.()}>
43 | xxx
44 |
45 | onItemClick?.()}>
46 | xxx
47 |
48 | onItemClick?.()}>
49 | xxx
50 |
51 | onItemClick?.()}>
52 | xxx
53 |
54 | onItemClick?.()}>
55 | xxx
56 |
57 |
30 | {hotList?.length > 0 &&
31 | hotList.map((hotName: string, i) => (
32 |
46 |
47 | );
48 | };
49 | export default HotBox;
50 |
--------------------------------------------------------------------------------
/src/pages/Home/style/historyStyle.css:
--------------------------------------------------------------------------------
1 | .history-box {
2 | padding: 10px 0 0 0;
3 | height: 250px!important;
4 | overflow-y: hidden;
5 | }
6 |
7 | .history-box .history-item {
8 | background-color: transparent; /* 设置初始背景颜色为透明 */
9 | height: 24px;
10 | transition: background-color 0.2s ease;
11 | }
12 |
13 | .history-item:hover {
14 | cursor: pointer;
15 | }
16 |
17 | .light-theme:hover {
18 | background-color: #f6f6f6;;
19 | }
20 |
21 | .dark-theme:hover {
22 | background-color: rgba(241, 241, 241, 0.45);;
23 | }
24 |
--------------------------------------------------------------------------------
/src/pages/Home/style/hotStyle.css:
--------------------------------------------------------------------------------
1 | .hot-box {
2 | padding: 10px 0 0 0;
3 | height: 250px !important;
4 | overflow-y: hidden;
5 | }
6 |
7 | .hot-box .hot-item {
8 | background-color: transparent; /* 设置初始背景颜色为透明 */
9 | height: 24px;
10 | transition: background-color 0.2s ease;
11 | }
12 |
13 | .hot-item:hover {
14 | cursor: pointer;
15 | }
16 |
17 | .light-theme:hover {
18 | background-color: #f6f6f6;
19 | }
20 |
21 | .dark-theme:hover {
22 | background-color: rgba(241, 241, 241, 0.45);;
23 | }
24 |
25 | .hot-box .hot-item:nth-child(1) .hot-item-index {
26 | color: #f64141;
27 | }
28 |
29 | .hot-box .hot-item:nth-child(2) .hot-item-index {
30 | color: #fe8673;
31 | }
32 |
33 | .hot-box .hot-item:nth-child(3) .hot-item-index {
34 | color: #ffaa4e;
35 | }
36 |
37 | .hot-box .hot-item:nth-child(1) .hot-item-value::after,
38 | .hot-box .hot-item:nth-child(2) .hot-item-value::after,
39 | .hot-box .hot-item:nth-child(3) .hot-item-value::after{
40 | content: url('http://localhost:8000/hot.svg');
41 | display: inline-block; /* 或者 block，取决于你的具体布局需要 */
42 | width: 20px; /* 设置图片的宽度 */
43 | height: 20px; /* 设置图片的高度 */
44 | margin-left: 6px; /* 在图片和前面的文本之间添加一些空间 */
45 | }
46 |
--------------------------------------------------------------------------------
/src/pages/Pressure.tsx:
--------------------------------------------------------------------------------
1 | import { history } from '@umijs/max';
2 | import { Button, Result } from 'antd';
3 | import React from 'react';
4 |
5 | const PressurePage: React.FC = () => (
6 | onItemClick?.()}>
33 |
34 |
41 |
42 |
43 |
44 | ))}
45 | {i + 1}.
36 |
37 | {hotName.trim()}
39 |
40 |
15 |
74 |
75 | );
76 | };
77 |
78 | export default SearchDetailPage;
79 |
--------------------------------------------------------------------------------
/src/pages/Search/style/searchStyle.css:
--------------------------------------------------------------------------------
1 | .search-root .search-left {
2 | position: relative;
3 | }
4 |
5 | .search-root .search-right .relative-cti {
6 | position: sticky;
7 | top: 56px;
8 | }
9 |
10 | .search-root .tabs-content {
11 | position: absolute;
12 | width: 85%;
13 | }
14 |
15 | .search-root .search-header {
16 | padding-bottom: 32px;
17 | box-shadow: 0 0;
18 | position: sticky;
19 | top: 56px;
20 | z-index: 999;
21 | }
22 |
23 | .search-root .information-card {
24 | position: sticky;
25 | top: 56px;
26 | }
27 |
28 | .search-root .from-card-gradient-from {
29 | --tw-gradient-from: #c0e3ff;
30 | --tw-gradient-to: #fff;
31 | --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(192, 227, 255, 0));
32 | }
33 |
34 | .to-white {
35 | --tw-gradient-to: #fff;
36 | }
37 |
38 | .bg-gradient-to-b {
39 | background-image: linear-gradient(180deg, var(--tw-gradient-stops));
40 | }
41 |
42 | .rounded-lg {
43 | border-radius: .5rem;
44 | }
45 |
46 | .w-full {
47 | width: 100%;
48 | }
49 |
50 | .left-0 {
51 | left: 0;
52 | }
53 |
54 | .top-0 {
55 | top: 0;
56 | }
57 |
58 | .font-bold {
59 | font-weight: 700;
60 | }
61 | .z-10 {
62 | z-index: 10;
63 | }
64 | .relative {
65 | position: relative;
66 | }
67 |
68 | .absolute {
69 | position: absolute;
70 | }
71 |
72 | .search-root :where(.css-dev-only-do-not-override-no4izc).ant-card {
73 | border-radius: 8px 0 8px 8px;
74 | }
75 |
76 | .search-root a {
77 | color: #345879;
78 | text-decoration: none;
79 | background-color: transparent;
80 | outline: none;
81 | cursor: pointer;
82 | -webkit-transition: color .3s;
83 | transition: color .3s;
84 | }
85 |
86 | .search-root .margin-top-16 {
87 | margin-top: 16px;
88 | }
89 |
90 | .search-root .red-text {
91 | color: red;
92 | font-size: 18px;
93 | }
94 |
95 | .search-root .p-2 {
96 | padding: 0.5rem;
97 | }
98 |
99 | .search-root .cursor-pointer {
100 | cursor: pointer;
101 | }
102 |
103 | .search-root .hover-gray:hover{
104 | background-color: rgba(225, 225, 225, 0.5);
105 | }
106 |
107 | .search-root .text-ellipsis {
108 | display: -webkit-box;
109 | overflow: hidden;
110 | text-overflow: ellipsis;
111 | -webkit-box-orient: vertical;
112 | -webkit-line-clamp: 1;
113 | }
114 |
115 | .search-root .text-ellipsis-two-line {
116 | display: -webkit-box;
117 | overflow: hidden;
118 | text-overflow: ellipsis;
119 | -webkit-box-orient: vertical;
120 | -webkit-line-clamp: 2;
121 | }
122 |
123 | .search-root .text-ellipsis-three-line {
124 | display: -webkit-box;
125 | overflow: hidden;
126 | text-overflow: ellipsis;
127 | -webkit-box-orient: vertical;
128 | -webkit-line-clamp: 3;
129 | }
130 |
131 | .search-root .text-xs {
132 | font-size: .75rem;
133 | line-height: 1rem;
134 | }
135 |
136 | .information-card {
137 |
138 | }
139 |
--------------------------------------------------------------------------------
/src/pages/User/Login/style/loginPage.css:
--------------------------------------------------------------------------------
1 | .ant-pro-form-login-container {
2 | height: auto;
3 | }
4 |
5 | .wx-login-item-style {
6 | width: 328px;
7 | margin: 0 auto;
8 | }
9 |
10 | .web_qrcode_wrp {
11 | text-align: center;
12 | line-height: 1.4;
13 | min-width: 200px;
14 | max-width: 75%;
15 | color: #000;
16 | color: rgba(0, 0, 0, .9);
17 | margin-top: -100px;
18 | }
19 |
20 | .web_qrcode_tips {
21 | margin-right: 10px;
22 | font-size: 17px;
23 | font-weight: 400;
24 | display: -webkit-box;
25 | display: -ms-flexbox;
26 | display: flex;
27 | -webkit-box-align: center;
28 | -ms-flex-align: center;
29 | align-items: center;
30 | -webkit-box-pack: center;
31 | -ms-flex-pack: center;
32 | justify-content: center;
33 | }
34 |
35 | .web_qrcode_tips_logo {
36 | display: inline-block;
37 | vertical-align: bottom;
38 | font-size: 24px;
39 | width: 1em;
40 | height: 1em;
41 | margin-right: 8px;
42 | background-size: cover;
43 | background-repeat: no-repeat;
44 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E %3Cdefs%3E %3Cpath id='0f20791c-6774-4e52-920f-6b6d8404b4dc-a' d='M6.724 0h10.552c2.338 0 3.186.243 4.04.7A4.766 4.766 0 0 1 23.3 2.684c.458.855.701 1.703.701 4.04v10.553c0 2.338-.243 3.186-.7 4.04a4.766 4.766 0 0 1-1.983 1.983c-.855.458-1.703.701-4.04.701H6.723c-2.338 0-3.186-.243-4.04-.7A4.766 4.766 0 0 1 .7 21.316c-.457-.854-.7-1.702-.7-4.039V6.723c0-2.338.243-3.186.7-4.04A4.766 4.766 0 0 1 2.684.7C3.538.243 4.386 0 6.723 0z'/%3E %3ClinearGradient id='0f20791c-6774-4e52-920f-6b6d8404b4dc-b' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3E %3Cstop offset='0%25' stop-color='%2302E36F'/%3E %3Cstop offset='100%25' stop-color='%2305CD65'/%3E %3Cstop offset='100%25' stop-color='%2307C160'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cmask id='0f20791c-6774-4e52-920f-6b6d8404b4dc-c' fill='%23fff'%3E %3Cuse xlink:href='%230f20791c-6774-4e52-920f-6b6d8404b4dc-a'/%3E %3C/mask%3E %3Cpath fill='url(%230f20791c-6774-4e52-920f-6b6d8404b4dc-b)' d='M0 0h24v24H0z' mask='url(%230f20791c-6774-4e52-920f-6b6d8404b4dc-c)'/%3E %3Cpath fill='%23FFF' d='M19.095 17.63c1.141-.826 1.87-2.05 1.87-3.408 0-2.49-2.423-4.51-5.411-4.51-2.989 0-5.411 2.02-5.411 4.51 0 2.49 2.422 4.51 5.41 4.51.618 0 1.214-.089 1.767-.248a.543.543 0 0 1 .447.06l1.184.683c.033.02.065.034.104.034.1 0 .18-.08.18-.18 0-.045-.017-.09-.028-.132l-.244-.91a.36.36 0 0 1 .132-.409M13.75 13.5a.721.721 0 1 1 0-1.442.721.721 0 0 1 0 1.443M9.493 4.734c3.24 0 5.925 1.977 6.414 4.562a7.206 7.206 0 0 0-.353-.01c-3.27 0-5.922 2.21-5.922 4.936 0 .46.077.904.218 1.326a7.687 7.687 0 0 1-2.476-.288.651.651 0 0 0-.536.071l-1.421.82a.245.245 0 0 1-.125.041.216.216 0 0 1-.217-.216c0-.054.021-.107.035-.158l.292-1.092a.433.433 0 0 0-.159-.49C3.876 13.243 3 11.775 3 10.145c0-2.989 2.907-5.412 6.493-5.412zm7.865 7.323a.721.721 0 1 1 0 1.443.721.721 0 0 1 0-1.443zM7.328 7.548a.866.866 0 1 0 0 1.732.866.866 0 0 0 0-1.732zm4.33 0a.866.866 0 1 0 0 1.731.866.866 0 0 0 0-1.73z' mask='url(%230f20791c-6774-4e52-920f-6b6d8404b4dc-c)'/%3E %3C/g%3E%3C/svg%3E");
45 | }
46 |
47 | .web_qrcode_app_wrp {
48 | font-size: 22px;
49 | margin-top: 24px;
50 | margin-bottom: 16px;
51 | font-weight: 500;
52 | display: -webkit-box;
53 | display: -ms-flexbox;
54 | display: flex;
55 | -webkit-box-pack: center;
56 | -ms-flex-pack: center;
57 | justify-content: center;
58 | letter-spacing: 1px;
59 | }
60 |
--------------------------------------------------------------------------------
/src/service-worker.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-restricted-globals */
2 | /* eslint-disable no-underscore-dangle */
3 | /* globals workbox */
4 | workbox.core.setCacheNameDetails({
5 | prefix: 'antd-pro',
6 | suffix: 'v5',
7 | });
8 | // Control all opened tabs ASAP
9 | workbox.clientsClaim();
10 |
11 | /**
12 | * Use precaching list generated by workbox in build process.
13 | * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.precaching
14 | */
15 | workbox.precaching.precacheAndRoute(self.__precacheManifest || []);
16 |
17 | /**
18 | * Register a navigation route.
19 | * https://developers.google.com/web/tools/workbox/modules/workbox-routing#how_to_register_a_navigation_route
20 | */
21 | workbox.routing.registerNavigationRoute('/index.html');
22 |
23 | /**
24 | * Use runtime cache:
25 | * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.routing#.registerRoute
26 | *
27 | * Workbox provides all common caching strategies including CacheFirst, NetworkFirst etc.
28 | * https://developers.google.com/web/tools/workbox/reference-docs/latest/workbox.strategies
29 | */
30 |
31 | /** Handle API requests */
32 | workbox.routing.registerRoute(/\/api\//, workbox.strategies.networkFirst());
33 |
34 | /** Handle third party requests */
35 | workbox.routing.registerRoute(
36 | /^https:\/\/gw\.alipayobjects\.com\//,
37 | workbox.strategies.networkFirst(),
38 | );
39 | workbox.routing.registerRoute(
40 | /^https:\/\/cdnjs\.cloudflare\.com\//,
41 | workbox.strategies.networkFirst(),
42 | );
43 | workbox.routing.registerRoute(/\/color.less/, workbox.strategies.networkFirst());
44 |
45 | /** Response to client after skipping waiting with MessageChannel */
46 | addEventListener('message', (event) => {
47 | const replyPort = event.ports[0];
48 | const message = event.data;
49 | if (replyPort && message && message.type === 'skip-waiting') {
50 | event.waitUntil(
51 | self.skipWaiting().then(
52 | () => {
53 | replyPort.postMessage({
54 | error: null,
55 | });
56 | },
57 | (error) => {
58 | replyPort.postMessage({
59 | error,
60 | });
61 | },
62 | ),
63 | );
64 | }
65 | });
66 |
--------------------------------------------------------------------------------
/src/services.rar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YxinMiracle/alsap_frontend/e93b3d465f0aefc4211cbb8fb7608316c77af6a9/src/services.rar
--------------------------------------------------------------------------------
/src/services/backend/ctiController.ts:
--------------------------------------------------------------------------------
1 | // @ts-ignore
2 | /* eslint-disable */
3 | import { request } from '@umijs/max';
4 |
5 | /** 添加Cti情报 POST /api/cti/add */
6 | export async function addCtiReportUsingPost(
7 | body: API.CtiAddRequest,
8 | options?: { [key: string]: any },
9 | ) {
10 | return request
16 |
17 | 有
21 | ) : (
22 | 无
23 | )}
24 |
25 | 有
29 | ) : (
30 | 无
31 | )}
32 |
33 | 有
37 | ) : (
38 | 无
39 | )}
40 |
41 |
42 |
43 |
44 |
47 |
73 |