commit
425a42b6cb
@ -0,0 +1,14 @@
|
||||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = space
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
|
||||
[*.{ts,js,vue,css}]
|
||||
indent_size = 2
|
||||
@ -0,0 +1,3 @@
|
||||
VITE_SOME_KEY=456
|
||||
# 打包路径
|
||||
VITE_BASE_URL = ./
|
||||
@ -0,0 +1,3 @@
|
||||
dist
|
||||
node_modules
|
||||
!.prettierrc.js
|
||||
@ -0,0 +1,76 @@
|
||||
{
|
||||
"extends": ["airbnb-base", "prettier", "plugin:@typescript-eslint/recommended", "plugin:vue/essential"],
|
||||
"env": {
|
||||
"browser": true,
|
||||
"node": true,
|
||||
"jest": true,
|
||||
"es6": true
|
||||
},
|
||||
"globals": {
|
||||
"cy": "readonly"
|
||||
},
|
||||
"plugins": ["vue", "@typescript-eslint"],
|
||||
"parserOptions": {
|
||||
"parser": "@typescript-eslint/parser",
|
||||
"sourceType": "module",
|
||||
"allowImportExportEverywhere": true,
|
||||
"ecmaFeatures": {
|
||||
"jsx": true
|
||||
}
|
||||
},
|
||||
"rules": {
|
||||
"@typescript-eslint/ban-ts-ignore": 0,
|
||||
"@typescript-eslint/no-explicit-any": 0,
|
||||
"@typescript-eslint/no-require-imports": 0,
|
||||
"@typescript-eslint/no-var-requires": 0,
|
||||
"@typescript-eslint/prefer-for-of": 0,
|
||||
"@typescript-eslint/explicit-function-return-type": 0,
|
||||
"@typescript-eslint/explicit-module-boundary-types": 0,
|
||||
"import/no-extraneous-dependencies": 0,
|
||||
"import/extensions": 0,
|
||||
"import/no-unresolved": 0,
|
||||
"indent": [2, 2],
|
||||
"camelcase": 0,
|
||||
"class-methods-use-this": 0,
|
||||
"new-cap": 0,
|
||||
"no-new": 1,
|
||||
"no-shadow": 0,
|
||||
"no-console": 0,
|
||||
"no-underscore-dangle": 0,
|
||||
"no-confusing-arrow": 0,
|
||||
"no-plusplus": [
|
||||
"error",
|
||||
{
|
||||
"allowForLoopAfterthoughts": true
|
||||
}
|
||||
],
|
||||
"no-param-reassign": 0,
|
||||
"func-style": 0,
|
||||
"prefer-default-export": 0,
|
||||
"max-len": 0,
|
||||
"consistent-return": 0
|
||||
},
|
||||
"overrides": [
|
||||
{
|
||||
"files": ["*.vue"],
|
||||
"rules": {
|
||||
"vue/return-in-computed-property": 1,
|
||||
"vue/order-in-components": 2,
|
||||
"vue/component-name-in-template-casing": [2, "kebab-case"],
|
||||
"vue/require-default-prop": 0,
|
||||
"@typescript-eslint/explicit-module-boundary-types": "off",
|
||||
"import/order": "off"
|
||||
}
|
||||
},
|
||||
{
|
||||
"files": ["src/*", "*.js"],
|
||||
"rules": {
|
||||
"no-var-requires": 0,
|
||||
"no-console": 0,
|
||||
"no-unused-expressions": 0,
|
||||
"@typescript-eslint/explicit-module-boundary-types": "off",
|
||||
"import/order": "off"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,84 @@
|
||||
# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
|
||||
# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
|
||||
|
||||
name: SamWafWeb CI
|
||||
|
||||
on:
|
||||
push:
|
||||
tags:
|
||||
- 'v*'
|
||||
|
||||
jobs:
|
||||
build:
|
||||
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
strategy:
|
||||
matrix:
|
||||
node-version: [18.20.4]
|
||||
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
|
||||
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
- name: Use Node.js ${{ matrix.node-version }}
|
||||
uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: ${{ matrix.node-version }}
|
||||
cache: 'npm'
|
||||
- run: npm ci
|
||||
- run: npm run build --if-present
|
||||
- run: npm test
|
||||
- name: Get version from package.json
|
||||
id: get_version
|
||||
run: |
|
||||
VERSION=$(node -p "require('./package.json').version")
|
||||
echo "VERSION=$VERSION" >> $GITHUB_ENV
|
||||
|
||||
- name: Create .zip package
|
||||
run: |
|
||||
zip -r dist.zip dist
|
||||
|
||||
- name: Create .tar.gz package
|
||||
run: |
|
||||
tar -czvf dist.tar.gz dist
|
||||
|
||||
- name: Upload artifacts dist.zip
|
||||
uses: actions/upload-artifact@v4
|
||||
with:
|
||||
name: dist.zip
|
||||
path: |
|
||||
dist.zip
|
||||
- name: Upload artifacts dist.tar.gz
|
||||
uses: actions/upload-artifact@v4
|
||||
with:
|
||||
name: dist.tar.gz
|
||||
path: |
|
||||
dist.tar.gz
|
||||
- name: Create GitHub Release
|
||||
id: create_release
|
||||
uses: actions/create-release@v1.1.4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
tag_name: v${{ env.VERSION }}
|
||||
release_name: v${{ env.VERSION }}
|
||||
draft: false
|
||||
prerelease: false
|
||||
- name: Upload Release Assets dist.zip
|
||||
uses: actions/upload-release-asset@v1
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
upload_url: ${{ steps.create_release.outputs.upload_url }}
|
||||
asset_path: dist.zip
|
||||
asset_name: dist.zip
|
||||
asset_content_type: application/octet-stream
|
||||
- name: Upload Release Assets dist.tar.gz
|
||||
uses: actions/upload-release-asset@v1
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
upload_url: ${{ steps.create_release.outputs.upload_url }}
|
||||
asset_path: dist.tar.gz
|
||||
asset_name: dist.tar.gz
|
||||
asset_content_type: application/octet-stream
|
||||
@ -0,0 +1,13 @@
|
||||
node_modules
|
||||
.DS_Store
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
.vscode
|
||||
.history
|
||||
README.html
|
||||
|
||||
.stylelintcache
|
||||
.idea
|
||||
yarn.lock
|
||||
|
||||
@ -0,0 +1,39 @@
|
||||
module.exports = {
|
||||
// 一行最多 120 字符
|
||||
printWidth: 120,
|
||||
// 使用 2 个空格缩进
|
||||
tabWidth: 2,
|
||||
// 不使用缩进符，而使用空格
|
||||
useTabs: false,
|
||||
// 行尾需要有分号
|
||||
semi: true,
|
||||
// 使用单引号
|
||||
singleQuote: true,
|
||||
// 对象的 key 仅在必要时用引号
|
||||
quoteProps: 'as-needed',
|
||||
// jsx 不使用单引号，而使用双引号
|
||||
jsxSingleQuote: false,
|
||||
// 末尾需要有逗号
|
||||
trailingComma: 'all',
|
||||
// 大括号内的首尾需要空格
|
||||
bracketSpacing: true,
|
||||
// jsx 标签的反尖括号需要换行
|
||||
jsxBracketSameLine: false,
|
||||
// 箭头函数，只有一个参数的时候，也需要括号
|
||||
arrowParens: 'always',
|
||||
// 每个文件格式化的范围是文件的全部内容
|
||||
rangeStart: 0,
|
||||
rangeEnd: Infinity,
|
||||
// 不需要写文件开头的 @prettier
|
||||
requirePragma: false,
|
||||
// 不需要自动在文件开头插入 @prettier
|
||||
insertPragma: false,
|
||||
// 使用默认的折行标准
|
||||
proseWrap: 'preserve',
|
||||
// 根据显示样式决定 html 要不要折行
|
||||
htmlWhitespaceSensitivity: 'css',
|
||||
// vue 文件中的 script 和 style 内不用缩进
|
||||
vueIndentScriptAndStyle: false,
|
||||
// 换行符使用 lf
|
||||
endOfLine: 'lf',
|
||||
};
|
||||
@ -0,0 +1,8 @@
|
||||
# .stylelintignore
|
||||
# 旧的不需打包的样式库
|
||||
*.min.css
|
||||
|
||||
# 其他类型文件
|
||||
*.js
|
||||
*.jpg
|
||||
*.woff
|
||||
@ -0,0 +1,201 @@
|
||||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright [yyyy] [name of copyright owner]
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
@ -0,0 +1,33 @@
|
||||
# SamWafWeb
|
||||
|
||||
## QuickStart
|
||||
|
||||
1.
|
||||
```
|
||||
npm install
|
||||
```
|
||||
|
||||
2.
|
||||
```
|
||||
npm run dev
|
||||
```
|
||||
|
||||
3.
|
||||
```
|
||||
npm run build
|
||||
```
|
||||
|
||||
|
||||
# License
|
||||
SamWaf is licensed under the Apache License 2.0. Refer to [LICENSE](./LICENSE) for more details.
|
||||
|
||||
For third-party software usage notice:
|
||||
|
||||
TDesign (https://github.com/Tencent/tdesign-vue-starter).
|
||||
|
||||
# Contribution
|
||||
Thanks for the following contributors!
|
||||
|
||||
<a href="https://github.com/samwafgo/SamWafWeb/graphs/contributors">
|
||||
<img src="https://contrib.rocks/image?repo=samwafgo/SamWafWeb" />
|
||||
</a>
|
||||
@ -0,0 +1,12 @@
|
||||
@echo off
|
||||
echo.
|
||||
echo [信息] 使用 Vue CLI 命令运行 Web 工程。
|
||||
echo.
|
||||
|
||||
%~d0
|
||||
cd %~dp0
|
||||
|
||||
cd ..
|
||||
npm run dev
|
||||
|
||||
pause
|
||||
@ -0,0 +1,15 @@
|
||||
# 选择一个 Base 镜像
|
||||
FROM node:12
|
||||
|
||||
# 设置工作目录
|
||||
WORKDIR /space
|
||||
|
||||
# 将 by 中的文件列表 COPY 过来
|
||||
COPY . .
|
||||
|
||||
# 根据 COPY 过来的文件进行依赖的安装
|
||||
RUN npm i
|
||||
|
||||
# 设置好需要的环境变量
|
||||
ENV NODE_PATH=/space/node_modules
|
||||
|
||||
@ -0,0 +1 @@
|
||||
module.exports = { extends: ['@commitlint/config-conventional'] };
|
||||
@ -0,0 +1,20 @@
|
||||
server {
|
||||
if ($request_method = HEAD) {
|
||||
return 200;
|
||||
}
|
||||
|
||||
location / {
|
||||
alias /usr/share/nginx/html/;
|
||||
index index.html index.htm;
|
||||
try_files $uri $uri/ /index.html;
|
||||
}
|
||||
|
||||
access_log /var/log/nginx/access.log main;
|
||||
error_log /var/log/nginx/error.log error;
|
||||
|
||||
|
||||
error_page 500 502 503 504 /50x.html;
|
||||
location = /50x.html {
|
||||
root /usr/share/nginx/html;
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 177 KiB |
@ -0,0 +1,13 @@
|
||||
// 通用声明
|
||||
declare type ClassName = { [className: string]: any } | ClassName[] | string;
|
||||
|
||||
declare interface ImportMeta {
|
||||
env: {
|
||||
MODE: 'mock' | 'development' | 'test' | 'release';
|
||||
};
|
||||
}
|
||||
|
||||
declare module '*.svg' {
|
||||
const content: string;
|
||||
export default content;
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="robots" content="noindex">
|
||||
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
window.global = window;
|
||||
</script>
|
||||
</html>
|
||||
@ -0,0 +1,13 @@
|
||||
import Vue, { VNode } from 'vue';
|
||||
|
||||
|
||||
declare global {
|
||||
namespace JSX {
|
||||
type Element = VNode;
|
||||
type ElementClass = Vue;
|
||||
interface IntrinsicElements {
|
||||
[elem: string]: any;
|
||||
}
|
||||
type IntrinsicAttributes = any;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,100 @@
|
||||
{
|
||||
"name": "localwaf",
|
||||
"version": "1.3.64",
|
||||
"scripts": {
|
||||
"dev:mock": "vite --open --mode mock",
|
||||
"dev": "vite --open --mode development",
|
||||
"dev:linux": "vite --mode development",
|
||||
"build:test": "vite build --mode test",
|
||||
"build": "vite build --mode release",
|
||||
"site:preview": "npm run build && cp -r dist _site",
|
||||
"preview": "vite preview",
|
||||
"lint": "eslint --ext .vue,.js,.jsx,.ts,.tsx ./ --max-warnings 0",
|
||||
"lint:fix": "eslint --ext .vue,.js,jsx,.ts,.tsx ./ --max-warnings 0 --fix",
|
||||
"stylelint": "stylelint src/**/*.{html,vue,sass,less}",
|
||||
"stylelint:fix": "stylelint --cache --fix src/**/*.{html,vue,vss,sass,less}",
|
||||
"prepare": "node -e \"if(require('fs').existsSync('.git')){process.exit(1)}\" || is-ci || husky install",
|
||||
"test": "echo \"no test specified,work in process\"",
|
||||
"test:coverage": "echo \"no test:coverage specified,work in process\""
|
||||
},
|
||||
"dependencies": {
|
||||
"@microsoft/fetch-event-source": "^2.0.1",
|
||||
"axios": "^0.27.2",
|
||||
"crypto-js": "^4.2.0",
|
||||
"dayjs": "^1.10.8",
|
||||
"dompurify": "^3.2.4",
|
||||
"echarts": "~5.1.2",
|
||||
"echarts-wordcloud": "^2.0.0",
|
||||
"marked": "^15.0.7",
|
||||
"nprogress": "^0.2.0",
|
||||
"qrcode.vue": "^1.7.0",
|
||||
"tdesign-icons-vue": "^0.2.5",
|
||||
"tdesign-vue": "^1.10.5",
|
||||
"tvision-color": "~1.6.0",
|
||||
"typescript": "^4.2.4",
|
||||
"uuid": "^9.0.0",
|
||||
"vue": "~2.6.14",
|
||||
"vue-baidu-map": "^0.21.22",
|
||||
"vue-clipboard2": "^0.3.1",
|
||||
"vue-codemirror": "^4.0.6",
|
||||
"vue-i18n": "^8.28.2",
|
||||
"vue-meta": "^2.4.0",
|
||||
"vue-router": "^3.5.1",
|
||||
"vuex": "^3.6.2",
|
||||
"vuex-router-sync": "^5.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@commitlint/cli": "^17.0.3",
|
||||
"@commitlint/config-conventional": "^17.1.0",
|
||||
"@types/vue-color": "^2.4.3",
|
||||
"@typescript-eslint/eslint-plugin": "^4.19.0",
|
||||
"@typescript-eslint/parser": "^4.19.0",
|
||||
"commitizen": "^4.2.3",
|
||||
"eslint": "^7.22.0",
|
||||
"eslint-config-airbnb-base": "^14.2.1",
|
||||
"eslint-config-prettier": "^8.5.0",
|
||||
"eslint-import-resolver-alias": "^1.1.2",
|
||||
"eslint-plugin-import": "^2.22.1",
|
||||
"eslint-plugin-vue": "^7.8.0",
|
||||
"husky": "^8.0.1",
|
||||
"less": "^4.1.0",
|
||||
"lint-staged": "^13.0.3",
|
||||
"mockjs": "^1.1.0",
|
||||
"prettier": "^2.6.0",
|
||||
"stylelint": "~13.13.1",
|
||||
"stylelint-config-prettier": "~9.0.3",
|
||||
"stylelint-less": "1.0.5",
|
||||
"stylelint-order": "~4.1.0",
|
||||
"vite": "^2.7.10",
|
||||
"vite-plugin-mock": "^2.3.0",
|
||||
"vite-plugin-require-transform": "^1.0.4",
|
||||
"vite-plugin-theme": "^0.8.1",
|
||||
"vite-plugin-vue2": "^2.0.1",
|
||||
"vite-plugin-vue2-svg": "~0.3.0",
|
||||
"vue-template-compiler": "~2.6.14"
|
||||
},
|
||||
"config": {
|
||||
"commitizen": {
|
||||
"path": "./node_modules/cz-conventional-changelog"
|
||||
}
|
||||
},
|
||||
"husky": {
|
||||
"hooks": {
|
||||
"pre-commit": "lint-staged",
|
||||
"prepare-commit-msg": "exec < /dev/tty && git cz --hook || true",
|
||||
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
|
||||
}
|
||||
},
|
||||
"lint-staged": {
|
||||
"*.{js,jsx,vue,ts,tsx}": [
|
||||
"prettier --write",
|
||||
"npm run lint:fix",
|
||||
"git add ."
|
||||
],
|
||||
"*.{html,vue,vss,sass,less}": [
|
||||
"npm run stylelint:fix",
|
||||
"git add ."
|
||||
]
|
||||
},
|
||||
"description": "localwaf"
|
||||
}
|
||||
|
After Width: | Height: | Size: 17 KiB |
@ -0,0 +1,2 @@
|
||||
User-agent:*
|
||||
Disallow:/
|
||||
@ -0,0 +1,5 @@
|
||||
declare module '*.vue' {
|
||||
import Vue from 'vue';
|
||||
|
||||
export default Vue;
|
||||
}
|
||||
@ -0,0 +1,148 @@
|
||||
<template>
|
||||
<router-view :class="[mode]" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Vue from 'vue';
|
||||
import config from '@/config/style';
|
||||
import websocket from "@/utils/websocket.js";
|
||||
import { DialogPlugin } from 'tdesign-vue';
|
||||
import {AesDecrypt} from './utils/usuallytool'
|
||||
const env = import.meta.env.MODE || 'development';
|
||||
|
||||
export default Vue.extend({
|
||||
computed: {
|
||||
mode() {
|
||||
return this.$store.getters['setting/mode'];
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
ws: null, // ws
|
||||
disConnectTimer: null, // 断连计时
|
||||
mydialog: null,
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$store.dispatch('setting/changeTheme', { ...config });
|
||||
},
|
||||
created() {
|
||||
this.initWebSocket();
|
||||
},
|
||||
methods:{
|
||||
initWebSocket() {
|
||||
console.log("log",window.location.host)
|
||||
if(!this.ws) {
|
||||
// url
|
||||
let url = env=="development"? "ws://127.0.0.1:26666/samwaf/ws" : "ws://"+window.location.host+"/samwaf/ws"
|
||||
this.ws = websocket.useWebSocket(
|
||||
url, // url
|
||||
localStorage.getItem("access_token"),
|
||||
this.wsOnOpen, // 链接回调
|
||||
this.wsOnMessage, // 连接成功后处理接口返回信息
|
||||
this.wsOnClose, // 关闭回调
|
||||
this.wsOnError, // 消息通知错误回调
|
||||
[], // 发送后台的心跳包参数
|
||||
null, // 给后台传送心跳包的间隔时间
|
||||
true, // 是否断掉立即重连
|
||||
);
|
||||
}
|
||||
|
||||
},
|
||||
wsOnOpen() {
|
||||
console.log('开始连接')
|
||||
},
|
||||
wsOnError(e) {
|
||||
console.log(e,'消息通知错误回调，重新连接')
|
||||
this.ws.close();
|
||||
this.ws = null;
|
||||
this.initWebSocket();
|
||||
},
|
||||
wsOnMessage(e) {
|
||||
let wsData = JSON.parse(e.data)
|
||||
if(wsData.msg_code=="200"){
|
||||
console.log('接口返回信息',wsData)
|
||||
|
||||
let msgDataEnstr =wsData.msg_data
|
||||
|
||||
console.log('msgDataEnstr',msgDataEnstr)
|
||||
let tmpSrcContent = AesDecrypt(msgDataEnstr)
|
||||
console.log('tmpSrcContent',tmpSrcContent)
|
||||
let msgData = JSON.parse(tmpSrcContent)
|
||||
console.log('msgData',msgData)
|
||||
wsData.msg_data = msgData
|
||||
if(wsData.msg_cmd_type=="RELOAD_PAGE"){
|
||||
if(this.mydialog){
|
||||
this.mydialog.hide()
|
||||
this.mydialog =null
|
||||
}
|
||||
this.mydialog = this.$dialog({
|
||||
header: wsData.msg_data.message_type,
|
||||
body: wsData.msg_data.message_data,
|
||||
className: 't-dialog-new-class1 t-dialog-new-class2',
|
||||
style: 'color: rgba(0, 0, 0, 0.6)',
|
||||
confirmBtn:'确认并刷新',
|
||||
onConfirm: ({ e }) => {
|
||||
window.location.reload()
|
||||
this.mydialog.hide();
|
||||
},
|
||||
});
|
||||
return
|
||||
}else if(wsData.msg_cmd_type=="DOWNLOAD_LOG"){
|
||||
let token =localStorage.getItem("access_token")? localStorage.getItem("access_token"):""
|
||||
//下载连接
|
||||
let downloadUrl = env=="development"? "http://127.0.0.1:26666/samwaf/waflog/attack/download" : "http://"+window.location.host+"/samwaf/waflog/attack/download"
|
||||
downloadUrl = downloadUrl +"?X-Token="+token
|
||||
console.log(downloadUrl)
|
||||
window.open(downloadUrl)
|
||||
}
|
||||
this.$store.commit('notification/addMsgData', wsData.msg_data);
|
||||
}else if(wsData.msg_code=="-999"){
|
||||
Object.keys(localStorage).forEach(key => {
|
||||
if (key !== "lang") {
|
||||
localStorage.removeItem(key);
|
||||
}
|
||||
});
|
||||
console.log("鉴权失败")
|
||||
}
|
||||
},
|
||||
wsOnClose() {
|
||||
console.log('关闭')
|
||||
// 意外关闭之后重新连接
|
||||
if(!this.disConnectTimer) {
|
||||
//this.ws.close();
|
||||
this.ws = null;
|
||||
this.disConnectTimer = setTimeout(() => {
|
||||
this.initWebSocket()
|
||||
this.disConnectTimer = null
|
||||
}, 10000)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
/*
|
||||
var ws = new WebSocket("ws://127.0.0.1:26666/samwaf/ws",[localStorage.getItem("access_token")]);
|
||||
//连接打开时触发
|
||||
ws.onopen = function(evt) {
|
||||
console.log("Connection open ...");
|
||||
ws.send("ping");
|
||||
};
|
||||
//接收到消息时触发
|
||||
ws.onmessage = function(evt) {
|
||||
console.log("Received Message: " + evt.data);
|
||||
};
|
||||
//连接关闭时触发
|
||||
ws.onclose = function(evt) {
|
||||
console.log("Connection closed.");
|
||||
}; */
|
||||
|
||||
|
||||
</script>
|
||||
<style>
|
||||
.tdesign-starter-side-nav-logo-tdesign-logo{
|
||||
padding: 0 0px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,27 @@
|
||||
import request from '@/utils/request'
|
||||
//查询所有账号列表
|
||||
export function account_list_api(data) {
|
||||
return request({
|
||||
url: 'account/list',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//查询所有账号操作日志列表
|
||||
export function account_log_list_api(params) {
|
||||
return request({
|
||||
url: 'account_log/list',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
// 重置2Fa
|
||||
export function account_reset_2fa_api(data) {
|
||||
return request({
|
||||
url: 'account/resetotp',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,65 @@
|
||||
import request from '@/utils/request'
|
||||
//查看抵御CC攻击列表
|
||||
export function wafAntiCCListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/anticc/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除抵御CC攻击
|
||||
export function wafAntiCCDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/anticc/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑抵御CC攻击
|
||||
export function wafAntiCCEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/anticc/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加抵御CC攻击
|
||||
export function wafAntiCCAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/anticc/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细抵御CC攻击
|
||||
export function wafAntiCCDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/anticc/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 封禁ip列表
|
||||
* @param params
|
||||
*/
|
||||
export function wafAntiCCBanIPListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/anticc/baniplist',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 移除ip方法
|
||||
* @param params
|
||||
*/
|
||||
export function wafAntiCCRemoveBanIpApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/anticc/removebanip',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,55 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 批量任务配置-列表
|
||||
export function batchTaskListApi(params) {
|
||||
return request({
|
||||
url: '/batch_task/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// 批量任务配置 - 删除
|
||||
export function batchTaskDelApi(params) {
|
||||
return request({
|
||||
url: '/batch_task/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
// 批量任务配置 - 编辑
|
||||
export function batchTaskEditApi(params) {
|
||||
return request({
|
||||
url: '/batch_task/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// 批量任务配置 - 添加
|
||||
export function batchTaskAddApi(params) {
|
||||
return request({
|
||||
url: '/batch_task/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// 批量任务配置 - 详情
|
||||
export function batchTaskDetailApi(params) {
|
||||
return request({
|
||||
url: '/batch_task/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
// 批量任务配置 - 手工触发
|
||||
export function batchTaskManualApi(params) {
|
||||
return request({
|
||||
url: '/batch_task/manual',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//列表
|
||||
export function wafBlockingPageListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/blockingpage/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除
|
||||
export function wafBlockingPageDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/blockingpage/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑
|
||||
export function wafBlockingPageEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/blockingpage/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加
|
||||
export function wafBlockingPageAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/blockingpage/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细
|
||||
export function wafBlockingPageDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/blockingpage/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
import request from '@/utils/request'
|
||||
//查看控制中心列表
|
||||
export function centerListApi(params) {
|
||||
return request({
|
||||
url: '/center/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细控制中心详情
|
||||
export function centerDetailApi(params) {
|
||||
return request({
|
||||
url: '/center/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,13 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
|
||||
//导出excel文件
|
||||
export function export_api(params) {
|
||||
return request({
|
||||
url: 'export',
|
||||
method: 'get',
|
||||
responseType: 'blob',
|
||||
timeout: 20000,
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,88 @@
|
||||
import request from '@/utils/request'
|
||||
//查询所有主机列表
|
||||
export function allhost(params) {
|
||||
return request({
|
||||
url: 'wafhost/host/allhost',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
//通过主机Code查询所有主机域名信息
|
||||
export function alldomainbyhostcode(params) {
|
||||
return request({
|
||||
url: 'wafhost/host/alldomainbyhostcode',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
//查询主机列表
|
||||
export function hostlist(data) {
|
||||
return request({
|
||||
url: 'wafhost/host/list',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//更改防护状态
|
||||
export function changeGuardStatus(params) {
|
||||
return request({
|
||||
url: 'wafhost/host/guardstatus',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//更改启动状态
|
||||
export function changeStartStatus(params) {
|
||||
return request({
|
||||
url: 'wafhost/host/startstatus',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//加载详情
|
||||
export function getHostDetail(params) {
|
||||
return request({
|
||||
url: 'wafhost/host/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//删除主机
|
||||
export function delHost(params) {
|
||||
return request({
|
||||
url: 'wafhost/host/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
//添加主机
|
||||
export function addHost(data) {
|
||||
return request({
|
||||
url: 'wafhost/host/add',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
//编辑主机
|
||||
export function editHost(data) {
|
||||
return request({
|
||||
url: 'wafhost/host/edit',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
//修改所有主机的防护状态
|
||||
export function modifyAllGuardStatus(data) {
|
||||
return request({
|
||||
url: 'wafhost/host/modfiyallstatus',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//列表
|
||||
export function wafHttpAuthBaseListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/httpauthbase/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除
|
||||
export function wafHttpAuthBaseDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/httpauthbase/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑
|
||||
export function wafHttpAuthBaseEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/httpauthbase/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加
|
||||
export function wafHttpAuthBaseAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/httpauthbase/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细
|
||||
export function wafHttpAuthBaseDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/httpauthbase/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//查看IP白名单列表
|
||||
export function wafIPBlockListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipblock/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除IP黑名单
|
||||
export function wafIPBlockDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipblock/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑IP黑名单
|
||||
export function wafIPBlockEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipblock/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加IP黑名单
|
||||
export function wafIPBlockAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipblock/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细IP黑名单
|
||||
export function wafIPBlockDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipblock/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//查看IP白名单列表
|
||||
export function wafIPWhiteListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipwhite/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除IP白名单
|
||||
export function wafIPWhiteDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipwhite/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑IP白名单
|
||||
export function wafIPWhiteEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipwhite/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加IP白名单
|
||||
export function wafIPWhiteAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipwhite/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细IP白名单
|
||||
export function wafIPWhiteDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ipwhite/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//查看隐私保护URL列表
|
||||
export function wafLdpURLListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ldpurl/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除隐私保护URL
|
||||
export function wafLdpURLDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ldpurl/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑隐私保护URL
|
||||
export function wafLdpURLEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ldpurl/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加隐私保护URL
|
||||
export function wafLdpURLAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ldpurl/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细隐私保护URL
|
||||
export function wafLdpURLDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/ldpurl/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,22 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
/**
|
||||
* 授权文件
|
||||
*/
|
||||
|
||||
//获取授权详情
|
||||
export function getLicenseDetailApi(params) {
|
||||
return request({
|
||||
url: '/license/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//确认刚刚输入的文件
|
||||
export function confirmLicenseApi(params) {
|
||||
return request({
|
||||
url: '/license/confirm',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//查看负载列表
|
||||
export function wafLoadBalanceListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/loadbalance/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除负载
|
||||
export function wafLoadBalanceDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/loadbalance/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑负载
|
||||
export function wafLoadBalanceEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/loadbalance/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加负载
|
||||
export function wafLoadBalanceAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/loadbalance/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细负载
|
||||
export function wafLoadBalanceDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/loadbalance/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
import request from '@/utils/request'
|
||||
//登录
|
||||
export function loginapi(params) {
|
||||
return request({
|
||||
url: 'public/login',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
//注销
|
||||
export function logoutapi(params) {
|
||||
return request({
|
||||
url: 'logout',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
import request from '@/utils/request'
|
||||
//查看一键修改记录列表
|
||||
export function wafOneKeyModListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/onekeymod/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除一键修改记录
|
||||
export function wafOneKeyModDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/onekeymod/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//详细一键修改记录
|
||||
export function wafOneKeyModDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/onekeymod/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//触发一键修改
|
||||
export function wafDoOneKeyModApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/onekeymod/doModify',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
import request from '@/utils/request'
|
||||
//初始化
|
||||
export function wafOtpInitApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/otp/init',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
// 绑定OTP
|
||||
export function wafOtpBindApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/otp/bind',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
//解绑OTP
|
||||
export function wafOtpUnBindApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/otp/unbind',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//查看规则列表
|
||||
export function wafRuleListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/rule/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除规则
|
||||
export function wafRuleDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/rule/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑规则
|
||||
export function wafRuleEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/rule/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加规则
|
||||
export function wafRuleAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/rule/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细规则
|
||||
export function wafRuleDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/rule/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//Sensitive Manage
|
||||
export function wafSensitiveListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sensitive/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//Delete Sensitive
|
||||
export function wafSensitiveDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sensitive/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//Edit Sensitive
|
||||
export function wafSensitiveEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sensitive/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//Add Sensitive
|
||||
export function wafSensitiveAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sensitive/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//Detail Sensitive
|
||||
export function wafSensitiveDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sensitive/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,57 @@
|
||||
import request from '@/utils/request'
|
||||
//列表
|
||||
export function wafSslExpireListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslexpire/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除
|
||||
export function wafSslExpireDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslexpire/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑
|
||||
export function wafSslExpireEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslexpire/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加
|
||||
export function wafSslExpireAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslexpire/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细
|
||||
export function wafSslExpireDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslexpire/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//发起检测
|
||||
export function wafSslExpireNowCheckApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslexpire/nowcheck',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//同步已有域名
|
||||
export function wafSslExpireSyncHostApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslexpire/sync_host',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,46 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// SSL 配置管理 - 获取 SSL 配置列表
|
||||
export function sslConfigListApi(params) {
|
||||
return request({
|
||||
url: '/sslconfig/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// SSL 配置管理 - 删除 SSL 配置
|
||||
export function sslConfigDelApi(params) {
|
||||
return request({
|
||||
url: '/sslconfig/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
// SSL 配置管理 - 编辑 SSL 配置
|
||||
export function sslConfigEditApi(params) {
|
||||
return request({
|
||||
url: '/sslconfig/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// SSL 配置管理 - 添加 SSL 配置
|
||||
export function sslConfigAddApi(params) {
|
||||
return request({
|
||||
url: '/sslconfig/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// SSL 配置管理 - 获取 SSL 配置详情
|
||||
export function sslConfigDetailApi(params) {
|
||||
return request({
|
||||
url: '/sslconfig/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,46 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// SSL 订单列表
|
||||
export function sslOrderListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslorder/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// SSL 订单 - 删除
|
||||
export function sslOrderDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslorder/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
// SSL 订单 - 编辑
|
||||
export function sslOrderEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslorder/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// SSL 订单 - 添加
|
||||
export function sslOrderAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslorder/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
|
||||
// SSL 订单 - 获取详情
|
||||
export function sslOrderDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/sslorder/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,51 @@
|
||||
import request from '@/utils/request'
|
||||
//查询顶部的汇总天信息
|
||||
export function wafstatsumdayapi(params) {
|
||||
return request({
|
||||
url: 'wafstatsumday',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//查询周期区间的攻击和正常信息
|
||||
export function wafstatsumdayrangeapi(params) {
|
||||
return request({
|
||||
url: 'wafstatsumdayrange',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//查询周期区间的IP攻击和正常信息
|
||||
export function wafstatsumdaytopiprangeapi(params) {
|
||||
return request({
|
||||
url: 'wafstatsumdaytopiprange',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//首页获取基本信息
|
||||
export function wafStatSysinfoapi(params) {
|
||||
return request({
|
||||
url: 'statsysinfo',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//首页获取运行基本信息
|
||||
export function wafStatRuntimeSysinfoapi(params) {
|
||||
return request({
|
||||
url: 'statrumtimesysinfo',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//【数据分析】查询周期区间国家级别攻击和正常信息
|
||||
export function wafanalysisdaycountryrange(params) {
|
||||
return request({
|
||||
url: 'wafanalysisdaycountryrange',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
//查询版本信息
|
||||
export function SysVersionApi(params) {
|
||||
return request({
|
||||
url: 'sysinfo/version',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
//查询是否需要升级版本信息
|
||||
export function CheckVersionApi(params) {
|
||||
return request({
|
||||
url: 'sysinfo/checkversion',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
//升级
|
||||
export function DoUpdateApi(params) {
|
||||
return request({
|
||||
url: 'sysinfo/update',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
//查询所有系统操作日志列表
|
||||
export function sys_log_list_api(params) {
|
||||
return request({
|
||||
url: 'sys_log/list',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,9 @@
|
||||
import request from '@/utils/request'
|
||||
//查询所有系统配置列表
|
||||
export function system_config_list_api(data) {
|
||||
return request({
|
||||
url: 'systemconfig/list',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,49 @@
|
||||
import request from '@/utils/request'
|
||||
//列表
|
||||
export function wafTaskListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/task/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除
|
||||
export function wafTaskDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/task/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑
|
||||
export function wafTaskEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/task/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加
|
||||
export function wafTaskAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/task/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细
|
||||
export function wafTaskDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/task/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//手工执行
|
||||
export function wafTaskManualExecApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/task/manual_exec',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//查看URL黑名单列表
|
||||
export function wafURLBlockListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlblock/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除URL黑名单
|
||||
export function wafURLBlockDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlblock/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑URL黑名单
|
||||
export function wafURLBlockEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlblock/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加URL黑名单
|
||||
export function wafURLBlockAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlblock/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细URL黑名单
|
||||
export function wafURLBlockDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlblock/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
import request from '@/utils/request'
|
||||
//查看URL白名单列表
|
||||
export function wafURLWhiteListApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlwhite/list',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//删除URL白名单
|
||||
export function wafURLWhiteDelApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlwhite/del',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//编辑URL白名单
|
||||
export function wafURLWhiteEditApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlwhite/edit',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//添加URL白名单
|
||||
export function wafURLWhiteAddApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlwhite/add',
|
||||
method: 'post',
|
||||
data: params
|
||||
})
|
||||
}
|
||||
//详细URL白名单
|
||||
export function wafURLWhiteDetailApi(params) {
|
||||
return request({
|
||||
url: '/wafhost/urlwhite/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,64 @@
|
||||
import request from '@/utils/request'
|
||||
//查询攻击日志列表
|
||||
export function attacklogList(params) {
|
||||
return request({
|
||||
url: '/waflog/attacklog/list',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
||||
//查询存档日志库列表
|
||||
export function allsharedblist(params) {
|
||||
return request({
|
||||
url: 'waflog/attack/allsharedb',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
//导出json数据
|
||||
export function exportlog(data) {
|
||||
return request({
|
||||
url: 'waflog/attack/export',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
//下载已经生成好的数据
|
||||
export function downloadlog() {
|
||||
return request({
|
||||
url: 'waflog/attack/download',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
//查看日志详情
|
||||
export function geWebLogDetail(params) {
|
||||
return request({
|
||||
url: 'waflog/attack/detail',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
// 复制脱敏后数据
|
||||
export function getHeaderCopyDetail(params) {
|
||||
return request({
|
||||
url: 'waflog/attack/httpcopymask',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
// 危险ip列表
|
||||
export function attackIpListApi(data) {
|
||||
return request({
|
||||
url: 'waflog/attack/attackiplist',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
//查询攻击iptag列表
|
||||
export function allattacktaglist(params) {
|
||||
return request({
|
||||
url: 'waflog/attack/alliptag',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 789 KiB |
|
After Width: | Height: | Size: 972 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 979 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 958 B |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 495 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,4 @@
|
||||
// bus.js
|
||||
import Vue from 'vue';
|
||||
const bus = new Vue();
|
||||
export default bus
|
||||
@ -0,0 +1,35 @@
|
||||
<template>
|
||||
<div :style="style" class="color-container" />
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { getBrandColor } from '@/config/color';
|
||||
|
||||
const panelColor =
|
||||
'conic-gradient(from 90deg at 50% 50%, #FF0000 -19.41deg, #FF0000 18.76deg, #FF8A00 59.32deg, #FFE600 99.87deg, #14FF00 141.65deg, #00A3FF 177.72deg, #0500FF 220.23deg, #AD00FF 260.13deg, #FF00C7 300.69deg, #FF0000 340.59deg, #FF0000 378.76deg)';
|
||||
|
||||
export default {
|
||||
name: 'Color',
|
||||
props: {
|
||||
value: {
|
||||
type: String,
|
||||
default: 'default',
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
style() {
|
||||
const { colorList } = this.$store.state.setting;
|
||||
return {
|
||||
background: this.value !== 'dynamic' ? getBrandColor(this.value, colorList)['--td-brand-color'] : panelColor,
|
||||
};
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.color-container {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,44 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 负载均衡模式 -->
|
||||
<div v-if="isLoadBalance">
|
||||
<load-balance-status
|
||||
v-if="healthyStatus && healthyStatus.length > 0"
|
||||
:healthyStatusList="healthyStatus"
|
||||
/>
|
||||
<t-tag v-else theme="default" variant="light">{{ $t('page.host.healthy_status_unknown') }}</t-tag>
|
||||
</div>
|
||||
|
||||
<!-- 单服务器模式 -->
|
||||
<div v-else>
|
||||
<single-server-status
|
||||
v-if="healthyStatus && healthyStatus.length > 0"
|
||||
:healthyStatus="healthyStatus[0]"
|
||||
/>
|
||||
<t-tag v-else theme="default" variant="light">{{ $t('page.host.healthy_status_unknown') }}</t-tag>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SingleServerStatus from './SingleServerStatus.vue';
|
||||
import LoadBalanceStatus from './LoadBalanceStatus.vue';
|
||||
|
||||
export default {
|
||||
name: 'HealthStatus',
|
||||
components: {
|
||||
SingleServerStatus,
|
||||
LoadBalanceStatus
|
||||
},
|
||||
props: {
|
||||
healthyStatus: {
|
||||
type: [Array, Object],
|
||||
default: () => []
|
||||
},
|
||||
isLoadBalance: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,174 @@
|
||||
<template>
|
||||
<div class="health-status-container">
|
||||
<t-tooltip placement="top" theme="light">
|
||||
|
||||
<t-tag
|
||||
theme="primary"
|
||||
:variant="hasUnhealthyServer ? 'dark' : 'light'"
|
||||
:style="{
|
||||
backgroundColor: hasUnhealthyServer ? '#fbe9e7' : '#e8f4ff',
|
||||
color: hasUnhealthyServer ? '#e34d59' : '#00a870'
|
||||
}"
|
||||
>
|
||||
{{ unhealthyCount === 0 ? $t('page.host.healthy_status_normal') : `${healthyStatusList.length}/${unhealthyCount}` }}
|
||||
|
||||
</t-tag>
|
||||
<template #content>
|
||||
<div class="health-status-tooltip">
|
||||
<div class="tooltip-content-wrapper">
|
||||
<!-- 每个服务器的详细信息 -->
|
||||
<div v-for="(status, index) in healthyStatusList" :key="index" class="server-section">
|
||||
<div class="server-title" :class="status.IsHealthy ? 'healthy-text' : 'unhealthy-text'">
|
||||
{{ getServerInfo(status, index) }}: {{ status.IsHealthy ? $t('page.host.healthy_status_normal') : $t('page.host.healthy_status_abnormal') }}
|
||||
</div>
|
||||
<table class="status-table">
|
||||
<tr>
|
||||
<td class="label">{{ $t('page.host.healthy_status_detail.check_time') }}</td>
|
||||
<td class="value">{{ formatTime(status.LastCheckTime) }}</td>
|
||||
</tr>
|
||||
<tr v-if="!status.IsHealthy">
|
||||
<td class="label">{{ $t('page.host.healthy_status_detail.success_cnt') }}</td>
|
||||
<td class="value">{{ status.SuccessCount || 0 }}</td>
|
||||
</tr>
|
||||
<tr v-if="!status.IsHealthy">
|
||||
<td class="label">{{ $t('page.host.healthy_status_detail.failure_cnt') }}</td>
|
||||
<td class="value">{{ status.FailCount }}</td>
|
||||
</tr>
|
||||
<tr v-if="!status.IsHealthy && status.LastErrorReason">
|
||||
<td class="label error-text">{{ $t('page.host.healthy_status_detail.error_reason') }}</td>
|
||||
<td class="value error-text">{{ status.LastErrorReason }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</t-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'LoadBalanceStatus',
|
||||
props: {
|
||||
healthyStatusList: {
|
||||
type: Array,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
hasUnhealthyServer() {
|
||||
return this.healthyStatusList.some(status => !status.IsHealthy);
|
||||
},
|
||||
unhealthyCount() {
|
||||
return this.healthyStatusList.filter(status => !status.IsHealthy).length;
|
||||
},
|
||||
healthyCount() {
|
||||
return this.healthyStatusList.filter(status => status.IsHealthy).length;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
formatTime(time) {
|
||||
return new Date(time).toLocaleString();
|
||||
},
|
||||
getServerInfo(status, index) {
|
||||
return `${status.BackIP}:${status.BackPort}`;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.health-status-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.health-status-tooltip {
|
||||
min-width: 400px;
|
||||
}
|
||||
|
||||
.tooltip-content-wrapper {
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
padding-right: 5px;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: #ccc;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb:hover {
|
||||
background: #aaa;
|
||||
}
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.server-section {
|
||||
margin-top: 16px;
|
||||
padding-top: 8px;
|
||||
border-top: 1px dashed #ddd;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
.server-title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.status-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
tr {
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
padding: 6px;
|
||||
font-weight: 500;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.value {
|
||||
padding: 6px;
|
||||
text-align: right;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
.healthy-text {
|
||||
color: #00a870;
|
||||
}
|
||||
|
||||
.unhealthy-text {
|
||||
color: #e34d59;
|
||||
}
|
||||
|
||||
.error-text {
|
||||
color: #e34d59;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,99 @@
|
||||
<template>
|
||||
<div class="health-status-container">
|
||||
<t-tooltip placement="top" theme="light">
|
||||
<t-tag
|
||||
theme="primary"
|
||||
:variant="healthyStatus.IsHealthy ? 'light' : 'dark'"
|
||||
:style="{
|
||||
backgroundColor: healthyStatus.IsHealthy ? '#e8f4ff' : '#fbe9e7',
|
||||
color: healthyStatus.IsHealthy ? '#00a870' : '#e34d59'
|
||||
}"
|
||||
>
|
||||
{{ healthyStatus.IsHealthy ? $t('page.host.healthy_status_normal') : $t('page.host.healthy_status_abnormal') }}
|
||||
</t-tag>
|
||||
<template #content>
|
||||
<div class="health-status-tooltip">
|
||||
<table class="status-table">
|
||||
<tr>
|
||||
<td class="label">{{ $t('page.host.healthy_status_detail.check_time') }}</td>
|
||||
<td class="value">{{ formatTime(healthyStatus.LastCheckTime) }}</td>
|
||||
</tr>
|
||||
<tr v-if="!healthyStatus.IsHealthy">
|
||||
<td class="label">{{ $t('page.host.healthy_status_detail.success_cnt') }}</td>
|
||||
<td class="value">{{ healthyStatus.SuccessCount || 0 }}</td>
|
||||
</tr>
|
||||
<tr v-if="!healthyStatus.IsHealthy">
|
||||
<td class="label">{{ $t('page.host.healthy_status_detail.failure_cnt') }}</td>
|
||||
<td class="value">{{ healthyStatus.FailCount }}</td>
|
||||
</tr>
|
||||
<tr v-if="!healthyStatus.IsHealthy && healthyStatus.LastErrorReason">
|
||||
<td class="label error-text">{{ $t('page.host.healthy_status_detail.error_reason') }}</td>
|
||||
<td class="value error-text">{{ healthyStatus.LastErrorReason }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
||||
</t-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'SingleServerStatus',
|
||||
props: {
|
||||
healthyStatus: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
formatTime(time) {
|
||||
return new Date(time).toLocaleString();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.health-status-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.health-status-tooltip {
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
.status-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
|
||||
tr {
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
padding: 6px;
|
||||
font-weight: 500;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.value {
|
||||
padding: 6px;
|
||||
text-align: right;
|
||||
width: 60%;
|
||||
}
|
||||
.healthy-text {
|
||||
color: #00a870;
|
||||
}
|
||||
.unhealthy-text {
|
||||
color: #e34d59;
|
||||
}
|
||||
.error-text {
|
||||
color: #e34d59;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,121 @@
|
||||
<template>
|
||||
<t-card theme="poster2">
|
||||
<template #avatar>
|
||||
<t-avatar size="56px">
|
||||
<template #icon>
|
||||
<shop-icon v-if="product.type === 1" />
|
||||
<calendar-icon v-if="product.type === 2" />
|
||||
<service-icon v-if="product.type === 3" />
|
||||
<user-avatar-icon v-if="product.type === 4" />
|
||||
<laptop-icon v-if="product.type === 5" />
|
||||
</template>
|
||||
</t-avatar>
|
||||
</template>
|
||||
<template #status>
|
||||
<t-tag :theme="product.isSetup ? 'success' : 'default'" :disabled="!product.isSetup">{{
|
||||
product.isSetup ? '已启用' : '已停用'
|
||||
}}</t-tag>
|
||||
</template>
|
||||
<template #content>
|
||||
<p class="list-card-item_detail--name">{{ product.name }}</p>
|
||||
<p class="list-card-item_detail--desc">{{ product.description }}</p>
|
||||
</template>
|
||||
<template #footer>
|
||||
<t-avatar-group cascading="left-up" :max="2">
|
||||
<t-avatar>{{ typeMap[product.type - 1] }}</t-avatar>
|
||||
<t-avatar
|
||||
><template #icon>
|
||||
<add-icon />
|
||||
</template>
|
||||
</t-avatar>
|
||||
</t-avatar-group>
|
||||
</template>
|
||||
<template #actions>
|
||||
<t-dropdown
|
||||
:disabled="!product.isSetup"
|
||||
trigger="click"
|
||||
:options="[
|
||||
{
|
||||
content: '管理',
|
||||
value: 'manage',
|
||||
onClick: () => handleManageProduct(product),
|
||||
},
|
||||
{
|
||||
content: '删除',
|
||||
value: 'delete',
|
||||
onClick: () => handleDeleteItem(product),
|
||||
},
|
||||
]"
|
||||
>
|
||||
<t-button theme="default" :disabled="!product.isSetup" shape="square" variant="text">
|
||||
<more-icon />
|
||||
</t-button>
|
||||
</t-dropdown>
|
||||
</template>
|
||||
</t-card>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { ShopIcon, CalendarIcon, ServiceIcon, UserAvatarIcon, LaptopIcon, MoreIcon, AddIcon } from 'tdesign-icons-vue';
|
||||
|
||||
export default {
|
||||
name: 'ListCard',
|
||||
components: {
|
||||
ShopIcon,
|
||||
CalendarIcon,
|
||||
ServiceIcon,
|
||||
UserAvatarIcon,
|
||||
LaptopIcon,
|
||||
MoreIcon,
|
||||
AddIcon,
|
||||
},
|
||||
props: {
|
||||
product: {
|
||||
type: Object,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return { typeMap: ['A', 'B', 'C', 'D', 'E'] };
|
||||
},
|
||||
methods: {
|
||||
handleClickManage(product) {
|
||||
this.$emit('manage-product', product);
|
||||
},
|
||||
handleClickDelete(product) {
|
||||
this.$emit('delete-item', product);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '@/style/variables';
|
||||
|
||||
.list-card-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
cursor: pointer;
|
||||
|
||||
&_detail {
|
||||
min-height: 140px;
|
||||
|
||||
&--name {
|
||||
margin-bottom: 8px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
color: var(--td-text-color-primary);
|
||||
}
|
||||
|
||||
&--desc {
|
||||
color: var(--td-text-color-secondary);
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,121 @@
|
||||
<template>
|
||||
<div class="result-container">
|
||||
<div class="result-bg-img">
|
||||
<component :is="dynamicComponent"></component>
|
||||
</div>
|
||||
<div class="result-title">{{ title }}</div>
|
||||
<div class="result-tip">{{ tip }}</div>
|
||||
<slot />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import Vue from 'vue';
|
||||
|
||||
import Result403Icon from '@/assets/assets-result-403.svg';
|
||||
import Result404Icon from '@/assets/assets-result-404.svg';
|
||||
import Result500Icon from '@/assets/assets-result-500.svg';
|
||||
import ResultIeIcon from '@/assets/assets-result-ie.svg';
|
||||
import ResultWifiIcon from '@/assets/assets-result-wifi.svg';
|
||||
import ResultMaintenanceIcon from '@/assets/assets-result-maintenance.svg';
|
||||
|
||||
export default Vue.extend({
|
||||
name: 'Result',
|
||||
props: {
|
||||
bgUrl: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
tip: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
dynamicComponent() {
|
||||
switch (this.type) {
|
||||
case '403':
|
||||
return Result403Icon;
|
||||
case '404':
|
||||
return Result404Icon;
|
||||
case '500':
|
||||
return Result500Icon;
|
||||
case 'ie':
|
||||
return ResultIeIcon;
|
||||
case 'wifi':
|
||||
return ResultWifiIcon;
|
||||
case 'maintenance':
|
||||
return ResultMaintenanceIcon;
|
||||
default:
|
||||
return Result403Icon;
|
||||
}
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
@import '@/style/variables';
|
||||
|
||||
.result {
|
||||
&-link {
|
||||
color: var(--td-brand-color);
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: var(--td-brand-color);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: var(--td-brand-color);
|
||||
}
|
||||
|
||||
&--active {
|
||||
color: var(--td-brand-color);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-container {
|
||||
min-height: 400px;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
&-bg-img {
|
||||
width: 200px;
|
||||
color: var(--td-brand-color);
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
margin-top: 8px;
|
||||
color: var(--td-text-color-primary);
|
||||
font-size: @font-size-xl;
|
||||
line-height: @text-line-height-xl;
|
||||
}
|
||||
|
||||
&-tip {
|
||||
margin: 8px 0 32px;
|
||||
font-size: @font-size-base;
|
||||
color: var(--td-text-color-secondary);
|
||||
line-height: @text-line-height-base;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<img :class="className" :src="url" />
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import Vue from 'vue';
|
||||
|
||||
export default Vue.extend({
|
||||
name: 'thumbnail',
|
||||
props: {
|
||||
url: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: 'layout',
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
className() {
|
||||
return [
|
||||
'thumbnail-container',
|
||||
{
|
||||
'thumbnail-circle': this.type === 'circle',
|
||||
'thumbnail-layout': this.type === 'layout',
|
||||
},
|
||||
];
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
@import url('@/style/index.less');
|
||||
|
||||
.thumbnail {
|
||||
&-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&-circle {
|
||||
border-radius: @border-radius-50;
|
||||
}
|
||||
|
||||
&-layout {
|
||||
width: 88px;
|
||||
height: 48px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,105 @@
|
||||
<template>
|
||||
<span :class="containerCls">
|
||||
<span :class="iconCls">
|
||||
<svg
|
||||
v-if="type === 'down'"
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path d="M11.5 8L8 11.5L4.5 8" stroke="currentColor" stroke-width="1.5" />
|
||||
<path d="M8 11L8 4" stroke="currentColor" stroke-width="1.5" />
|
||||
</svg>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" v-else>
|
||||
<path d="M4.5 8L8 4.5L11.5 8" stroke="currentColor" stroke-width="1.5" />
|
||||
<path d="M8 5V12" stroke="currentColor" stroke-width="1.5" />
|
||||
</svg>
|
||||
</span>
|
||||
<span>{{ describe }}</span>
|
||||
</span>
|
||||
</template>
|
||||
<script>
|
||||
import Vue from 'vue';
|
||||
|
||||
export default Vue.extend({
|
||||
name: 'Trend',
|
||||
|
||||
props: {
|
||||
type: String,
|
||||
describe: [String, Number],
|
||||
isReverseColor: Boolean,
|
||||
},
|
||||
computed: {
|
||||
containerCls() {
|
||||
return [
|
||||
'trend-container',
|
||||
{
|
||||
'trend-container__reverse': this.isReverseColor,
|
||||
'trend-container__up': !this.isReverseColor && this.type === 'up',
|
||||
'trend-container__down': !this.isReverseColor && this.type === 'down',
|
||||
},
|
||||
];
|
||||
},
|
||||
iconCls() {
|
||||
return ['trend-icon-container'];
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import '@/style/variables.less';
|
||||
|
||||
.trend {
|
||||
|
||||
&-container {
|
||||
|
||||
&__up {
|
||||
color: var(--td-error-color);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.trend-icon-container {
|
||||
background: var(--td-error-color-2);
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
&__down {
|
||||
color: var(--td-success-color);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.trend-icon-container {
|
||||
background: var(--td-success-color-2);
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
&__reverse {
|
||||
color: #ffffff;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.trend-icon-container {
|
||||
background: var(--td-brand-color-5);
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.trend-icon-container {
|
||||
border-radius: 50%;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,228 @@
|
||||
import { Color } from 'tvision-color';
|
||||
/* eslint-disable indent */
|
||||
export type ColorToken = Record<string, string>;
|
||||
export type ColorSeries = Record<string, ColorToken>;
|
||||
|
||||
export const defaultLightColor = [
|
||||
'#0052d9',
|
||||
'#0594fa',
|
||||
'#00a870',
|
||||
'#ebb105',
|
||||
'#ed7b2f',
|
||||
'#e34d59',
|
||||
'#ed49b4',
|
||||
'#834ec2',
|
||||
];
|
||||
export const defaultDarkColor = [
|
||||
'#4582e6',
|
||||
'#29a4fb',
|
||||
'#03a56f',
|
||||
'#ca8d03',
|
||||
'#ed7b2f',
|
||||
'#ea7b84',
|
||||
'#f172c5',
|
||||
'#ab87d5',
|
||||
];
|
||||
|
||||
export const COLOR_TOKEN: ColorSeries = {
|
||||
DEFAULT: {
|
||||
'--td-brand-color': '#0052D9',
|
||||
'--td-brand-color-1': '#e0ebff',
|
||||
'--td-brand-color-2': '#c0d8ff',
|
||||
'--td-brand-color-3': '#a1c4ff',
|
||||
'--td-brand-color-4': '#81b1ff',
|
||||
'--td-brand-color-5': '#5f9bff',
|
||||
'--td-brand-color-6': '#3d87ff',
|
||||
'--td-brand-color-7': '#176eff',
|
||||
'--td-brand-color-8': '#0052D9',
|
||||
'--td-brand-color-9': '#0048cd',
|
||||
'--td-brand-color-10': '#0035b5',
|
||||
},
|
||||
|
||||
CYAN: {
|
||||
'--td-brand-color': '#0594FA',
|
||||
'--td-brand-color-1': '#d7eefe',
|
||||
'--td-brand-color-2': '#aeddfd',
|
||||
'--td-brand-color-3': '#84cafd',
|
||||
'--td-brand-color-4': '#58b8fc',
|
||||
'--td-brand-color-5': '#29a4fb',
|
||||
'--td-brand-color-6': '#0594FA',
|
||||
'--td-brand-color-7': '#29a4fb',
|
||||
'--td-brand-color-8': '#0594FA',
|
||||
'--td-brand-color-9': '#0378df',
|
||||
'--td-brand-color-10': '#01409b',
|
||||
},
|
||||
GREEN: {
|
||||
'--td-brand-color': '#00A870',
|
||||
'--td-brand-color-1': '#8dffd9',
|
||||
'--td-brand-color-2': '#00f2a2',
|
||||
'--td-brand-color-3': '#00dc92',
|
||||
'--td-brand-color-4': '#00c583',
|
||||
'--td-brand-color-5': '#00A870',
|
||||
'--td-brand-color-6': '#009a5d',
|
||||
'--td-brand-color-7': '#00c583',
|
||||
'--td-brand-color-8': '#00A870',
|
||||
'--td-brand-color-9': '#009a5d',
|
||||
'--td-brand-color-10': '#004a14',
|
||||
},
|
||||
ORANGE: {
|
||||
'--td-brand-color': '#ED7B2F',
|
||||
'--td-brand-color-1': '#fce5d7',
|
||||
'--td-brand-color-2': '#f8cdaf',
|
||||
'--td-brand-color-3': '#f4b285',
|
||||
'--td-brand-color-4': '#f19659',
|
||||
'--td-brand-color-5': '#ED7B2F',
|
||||
'--td-brand-color-6': '#e75510',
|
||||
'--td-brand-color-7': '#f19659',
|
||||
'--td-brand-color-8': '#ED7B2F',
|
||||
'--td-brand-color-9': '#e75510',
|
||||
'--td-brand-color-10': '#7f0a02',
|
||||
},
|
||||
RED: {
|
||||
'--td-brand-color': '#E34D59',
|
||||
'--td-brand-color-1': '#fbe5e7',
|
||||
'--td-brand-color-2': '#f7ccd0',
|
||||
'--td-brand-color-3': '#f3b2b8',
|
||||
'--td-brand-color-4': '#ef989f',
|
||||
'--td-brand-color-5': '#ea7b84',
|
||||
'--td-brand-color-6': '#E34D59',
|
||||
'--td-brand-color-7': '#ea7b84',
|
||||
'--td-brand-color-8': '#E34D59',
|
||||
'--td-brand-color-9': '#e42c3a',
|
||||
'--td-brand-color-10': '#8d0309',
|
||||
},
|
||||
PINK: {
|
||||
'--td-brand-color': '#ED49B4',
|
||||
'--td-brand-color-1': '#fce5f4',
|
||||
'--td-brand-color-2': '#facae9',
|
||||
'--td-brand-color-3': '#f7aede',
|
||||
'--td-brand-color-4': '#f491d2',
|
||||
'--td-brand-color-5': '#f172c5',
|
||||
'--td-brand-color-6': '#ED49B4',
|
||||
'--td-brand-color-7': '#f172c5',
|
||||
'--td-brand-color-8': '#ED49B4',
|
||||
'--td-brand-color-9': '#e80f9d',
|
||||
'--td-brand-color-10': '#8f025e',
|
||||
},
|
||||
PURPLE: {
|
||||
'--td-brand-color': '#834EC2',
|
||||
'--td-brand-color-1': '#eee6f7',
|
||||
'--td-brand-color-2': '#ddceee',
|
||||
'--td-brand-color-3': '#ccb6e6',
|
||||
'--td-brand-color-4': '#bb9edc',
|
||||
'--td-brand-color-5': '#ab87d5',
|
||||
'--td-brand-color-6': '#9a6fce',
|
||||
'--td-brand-color-7': '#9a6fce',
|
||||
'--td-brand-color-8': '#834EC2',
|
||||
'--td-brand-color-9': '#783ac3',
|
||||
'--td-brand-color-10': '#4c1397',
|
||||
},
|
||||
YELLOW: {
|
||||
'--td-brand-color': '#EBB105',
|
||||
'--td-brand-color-1': '#fde9ab',
|
||||
'--td-brand-color-2': '#fbd152',
|
||||
'--td-brand-color-3': '#EBB105',
|
||||
'--td-brand-color-4': '#dda204',
|
||||
'--td-brand-color-5': '#ca8d03',
|
||||
'--td-brand-color-6': '#b67803',
|
||||
'--td-brand-color-7': '#fbd152',
|
||||
'--td-brand-color-8': '#EBB105',
|
||||
'--td-brand-color-9': '#dda204',
|
||||
'--td-brand-color-10': '#603100',
|
||||
},
|
||||
};
|
||||
|
||||
export const LIGHT_CHART_COLORS: ColorToken = {
|
||||
textColor: 'rgba(0, 0, 0, 0.9)',
|
||||
placeholderColor: 'rgba(0, 0, 0, 0.35)',
|
||||
borderColor: '#dcdcdc',
|
||||
containerColor: '#fff',
|
||||
};
|
||||
|
||||
export const DARK_CHART_COLORS: ColorToken = {
|
||||
textColor: 'rgba(255, 255, 255, 0.9)',
|
||||
placeholderColor: 'rgba(255, 255, 255, 0.35)',
|
||||
borderColor: '#5e5e5e',
|
||||
containerColor: '#242424',
|
||||
};
|
||||
|
||||
function toUnderline(name: string): string {
|
||||
return name.replace(/([A-Z])/g, '_$1').toUpperCase();
|
||||
}
|
||||
|
||||
export function getBrandColor(type: string, colorList: ColorSeries): ColorToken {
|
||||
const name = /^#[A-F\d]{6}$/i.test(type) ? type : toUnderline(type);
|
||||
return colorList[name || 'DEFAULT'];
|
||||
}
|
||||
|
||||
export function getColorList(colorArray: Array<ColorToken>): Array<string> {
|
||||
const pureColorList = [];
|
||||
colorArray.map((colorToken) => Object.keys(colorToken).map((key) => pureColorList.push(colorToken[key])));
|
||||
|
||||
return pureColorList;
|
||||
}
|
||||
// inspired by https://stackoverflow.com/questions/36721830/convert-hsl-to-rgb-and-hex
|
||||
export function hslToHex(h: number, s: number, l: number) {
|
||||
l /= 100;
|
||||
const a = (s * Math.min(l, 1 - l)) / 100;
|
||||
const f = (n: number) => {
|
||||
const k = (n + h / 30) % 12;
|
||||
const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
|
||||
return Math.round(255 * color)
|
||||
.toString(16)
|
||||
.padStart(2, '0');
|
||||
};
|
||||
return `#${f(0)}${f(8)}${f(4)}`;
|
||||
}
|
||||
|
||||
export function generateColorMap(theme: string, colorPalette: Array<string>, mode: 'light' | 'dark') {
|
||||
const isDarkMode = mode === 'dark';
|
||||
let brandColorIdx = colorPalette.indexOf(theme);
|
||||
|
||||
if (isDarkMode) {
|
||||
// eslint-disable-next-line no-use-before-define
|
||||
colorPalette.reverse().map((color) => {
|
||||
const [h, s, l] = Color.colorTransform(color, 'hex', 'hsl');
|
||||
return Color.colorTransform([h, Number(s) - 4, l], 'hsl', 'hex');
|
||||
});
|
||||
brandColorIdx = 5;
|
||||
colorPalette[0] = `${colorPalette[brandColorIdx]}20`;
|
||||
}
|
||||
|
||||
const colorMap = {
|
||||
'--td-brand-color': colorPalette[brandColorIdx], // 主题色
|
||||
'--td-brand-color-1': colorPalette[0], // light
|
||||
'--td-brand-color-2': colorPalette[1], // focus
|
||||
'--td-brand-color-3': colorPalette[2], // disabled
|
||||
'--td-brand-color-4': colorPalette[3],
|
||||
'--td-brand-color-5': colorPalette[4],
|
||||
'--td-brand-color-6': colorPalette[5],
|
||||
'--td-brand-color-7': brandColorIdx > 0 ? colorPalette[brandColorIdx - 1] : theme, // hover
|
||||
'--td-brand-color-8': colorPalette[brandColorIdx], // 主题色
|
||||
'--td-brand-color-9': brandColorIdx > 8 ? theme : colorPalette[brandColorIdx + 1], // click
|
||||
'--td-brand-color-10': colorPalette[9],
|
||||
};
|
||||
return colorMap;
|
||||
}
|
||||
export function insertThemeStylesheet(theme: string, colorMap: ColorToken, mode: 'light' | 'dark') {
|
||||
const isDarkMode = mode === 'dark';
|
||||
const root = !isDarkMode ? `:root[theme-color='${theme}']` : `:root[theme-color='${theme}'][theme-mode='dark']`;
|
||||
|
||||
const styleSheet = document.createElement('style');
|
||||
styleSheet.type = 'text/css';
|
||||
styleSheet.innerText = `${root}{
|
||||
--td-brand-color: ${colorMap['--td-brand-color']};
|
||||
--td-brand-color-1: ${colorMap['--td-brand-color-1']};
|
||||
--td-brand-color-2: ${colorMap['--td-brand-color-2']};
|
||||
--td-brand-color-3: ${colorMap['--td-brand-color-3']};
|
||||
--td-brand-color-4: ${colorMap['--td-brand-color-4']};
|
||||
--td-brand-color-5: ${colorMap['--td-brand-color-5']};
|
||||
--td-brand-color-6: ${colorMap['--td-brand-color-6']};
|
||||
--td-brand-color-7: ${colorMap['--td-brand-color-7']};
|
||||
--td-brand-color-8: ${colorMap['--td-brand-color-8']};
|
||||
--td-brand-color-9: ${colorMap['--td-brand-color-9']};
|
||||
--td-brand-color-10: ${colorMap['--td-brand-color-10']};
|
||||
}`;
|
||||
|
||||
document.head.appendChild(styleSheet);
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
export const prefix = 'tdesign-starter';
|
||||
export const TOKEN_NAME = 'tdesign-starter';
|
||||
@ -0,0 +1,20 @@
|
||||
export default {
|
||||
development: {
|
||||
// 开发环境接口请求
|
||||
API: 'http://127.0.0.1:26666/samwaf',
|
||||
// 开发环境 cdn 路径
|
||||
CDN: '',
|
||||
},
|
||||
test: {
|
||||
// 测试环境接口地址
|
||||
API: 'https://service-exndqyuk-1257786608.gz.apigw.tencentcs.com',
|
||||
// 测试环境 cdn 路径
|
||||
CDN: '',
|
||||
},
|
||||
release: {
|
||||
// 正式环境接口地址
|
||||
API: '/samwaf',
|
||||
// 正式环境 cdn 路径
|
||||
CDN: '',
|
||||
},
|
||||
};
|
||||
@ -0,0 +1,15 @@
|
||||
export default {
|
||||
"showFooter": true,
|
||||
"isSidebarCompact": false,
|
||||
"showBreadcrumb": true,
|
||||
"mode": "auto",
|
||||
"layout": "side",
|
||||
"splitMenu": false,
|
||||
"isFooterAside": false,
|
||||
"isSidebarFixed": true,
|
||||
"isHeaderFixed": true,
|
||||
"isUseTabsRouter": false,
|
||||
"showHeader": true,
|
||||
"backgroundTheme": "blueGrey",
|
||||
"brandTheme": "default"
|
||||
};
|
||||
@ -0,0 +1,74 @@
|
||||
interface IOption {
|
||||
value: number | string;
|
||||
label: string;
|
||||
}
|
||||
// 规则状态枚举
|
||||
export const RULE_STATUS = {
|
||||
STOPPING: 0,
|
||||
RUNNING: 1,
|
||||
};
|
||||
// 防护状态枚举
|
||||
export const GUARD_STATUS = {
|
||||
UN_GUARDDING: 0,
|
||||
GUARDDING: 1,
|
||||
};
|
||||
// SSL证书状态枚举
|
||||
export const SSL_STATUS = {
|
||||
NOT_SSL: 0,
|
||||
SSL: 1,
|
||||
};
|
||||
|
||||
// 启动状态枚举
|
||||
export const START_STATUS = {
|
||||
START: 0,
|
||||
NOT_START: 1,
|
||||
};
|
||||
// 合同状态枚举
|
||||
export const CONTRACT_STATUS = {
|
||||
FAIL: 0,
|
||||
AUDIT_PENDING: 1,
|
||||
EXEC_PENDING: 2,
|
||||
EXECUTING: 3,
|
||||
FINISH: 4,
|
||||
};
|
||||
|
||||
export const CONTRACT_STATUS_OPTIONS: Array<IOption> = [
|
||||
{ value: CONTRACT_STATUS.FAIL, label: '审核失败' },
|
||||
{ value: CONTRACT_STATUS.AUDIT_PENDING, label: '待审核' },
|
||||
{ value: CONTRACT_STATUS.EXEC_PENDING, label: '待履行' },
|
||||
{ value: CONTRACT_STATUS.EXECUTING, label: '审核成功' },
|
||||
{ value: CONTRACT_STATUS.FINISH, label: '已完成' },
|
||||
];
|
||||
|
||||
// 合同类型枚举
|
||||
export const CONTRACT_TYPES = {
|
||||
MAIN: 0,
|
||||
SUB: 1,
|
||||
SUPPLEMENT: 2,
|
||||
};
|
||||
|
||||
export const CONTRACT_TYPE_OPTIONS: Array<IOption> = [
|
||||
{ value: CONTRACT_TYPES.MAIN, label: '主合同' },
|
||||
{ value: CONTRACT_TYPES.SUB, label: '子合同' },
|
||||
{ value: CONTRACT_TYPES.SUPPLEMENT, label: '补充合同' },
|
||||
];
|
||||
|
||||
// 合同收付类型枚举
|
||||
export const CONTRACT_PAYMENT_TYPES = {
|
||||
PAYMENT: 0,
|
||||
RECIPT: 1,
|
||||
};
|
||||
|
||||
// 通知的优先级对应的TAG类型
|
||||
export const NOTIFICATION_TYPES = {
|
||||
low: 'primary',
|
||||
middle: 'warning',
|
||||
high: 'danger',
|
||||
};
|
||||
|
||||
// 攻击类型TAG类型
|
||||
export const ATTACK_TYPES = {
|
||||
CC: 0,
|
||||
CMD: 1,
|
||||
WEBUPLOAD: 2,
|
||||
};
|
||||
@ -0,0 +1,15 @@
|
||||
import Vue from "vue";
|
||||
import VueI18n from "vue-i18n";
|
||||
import zh_CN from "./zh_CN";
|
||||
import en_US from "./en_US";
|
||||
Vue.use(VueI18n);
|
||||
|
||||
const i18n = new VueI18n({
|
||||
locale: localStorage.getItem("lang") || "zh_CN", // 语言标识
|
||||
messages: {
|
||||
zh_CN, // 中文语言包
|
||||
en_US, // 英文语言包
|
||||
},
|
||||
});
|
||||
|
||||
export default i18n;
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue