feat: 黄金指标实时数据非对应网元类型

.editorconfig

@@ -0,0 +1,11 @@
+# 🎨 editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

.env.development

@@ -0,0 +1,17 @@
+# 历史路径-哈希带井号标识
+VITE_HISTORY_HASH = false
+
+# 历史路径-前缀URL如：/h5
+VITE_HISTORY_BASE_URL = "/"
+
+# 应用名称
+VITE_APP_NAME = "Core Network EMS"
+
+# 应用标识
+VITE_APP_CODE = "CN EMS"
+
+# 应用版本
+VITE_APP_VERSION = "2.2402.5"
+
+# 接口基础URL地址-不带/后缀
+VITE_API_BASE_URL = "/omc-api"

.env.production

@@ -0,0 +1,17 @@
+# 历史路径-哈希带井号标识
+VITE_HISTORY_HASH = true
+
+# 历史路径-前缀URL如：/h5
+VITE_HISTORY_BASE_URL = "/"
+
+# 应用名称
+VITE_APP_NAME = "Core Network EMS"
+
+# 应用标识
+VITE_APP_CODE = "CN EMS"
+
+# 应用版本
+VITE_APP_VERSION = "2.240205.5"
+
+# 接口基础URL地址-不带/后缀
+VITE_API_BASE_URL = "/omc-api"

.gitignore

@@ -0,0 +1,34 @@
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+*.code-workspace
+
+# Local History for Visual Studio Code
+.history/
+
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+**/*.log
+
+tests/**/coverage/
+tests/e2e/reports
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.local
+
+package-lock.json
+yarn.lock
+components.d.ts

.prettierrc.json

@@ -0,0 +1,11 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "semi": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "avoid"
+}

CHANGELOG.md

@@ -0,0 +1,97 @@
+# 版本发布日志
+
+## 2.2402.5-20240205
+
+- 修复 拓扑架构图调整缺失的节点非网元元素，看板拓扑非网元点击排除
+- 修复 看板拓扑网元状态改为 ws 数据获取，优化请求频率
+- 新增 看板 CDR/UE 事件框样式排版，图自适应，通话时长格式化 hms
+- 新增 看板 UPF 流量总计统计显示，统计 UPF 总量获取，避免重复请求
+- 修复 看板资源 cpu 溢出 100%超屏显示问题
+- 优化 看板用户行为字典数据翻译，样式调整
+- 新增 看板 IMS 会话数接口对接
+- 修复 主页告警状态饼图颜色分布颜色绘制不一致问题
+- 优化 UE 批量 imsi 操作数量 10 万
+- 重构 KPI 指标页面性能优化，图表样式待调整
+- 优化 参数配置列表超出 1000 记录显示问题，超出使用分页处理，dnnlist 数目过多显示调整
+- 修复 多语言切换显示按钮权限标识判断
+- 优化 配置参数编辑页面记录类型多语言是否系统内置
+- 优化 看板用户行为小屏幕换行显示字内容，格子高度百分比充满
+- 优化 看板推送用户行为插入又弹出减少渲染数量
+- 修复 看班告警统计判断修复，超时30秒，图渲染逻辑优化
+- 修复 参数配置DNN List参数显示null问题
+- 优化 ws消息队列延迟处理
+- 新增 看板用户事件CDR短信类型，短信结果200显示成功
+- 优化 看板告警统计0数字不显示
+- 优化 看板用户事件CDR指定类型MOC/MTSM
+- 新增 黄金指标项图表显示全部开关控制
+- 新增 黄金指标项随机颜色，图表实时5s动态显示
+
+## 2.2401.4-20240130
+
+- 新增 信令抓包支持批量下载 PCAP 文件
+- 优化 终端 UDM 批量数值调整为 1000000
+- 修复 终端 UDM 鉴权禁止编辑 IMSI、KI 和 OPC 信息
+- 新增 封装 WS 连接工具包
+- 优化 拓扑显示剧中，边距 40，自适应重绘居中。编辑框透明度最大值 1
+- 修复 https 下响应 204 状态码提示异常信息
+- 新增 将 ws 模块对接到看板，CDR 和 UE 推送信息解析。资源信息改为进度条，绑定拓扑网元事件读取资源信息
+- 优化 看板高度自适应屏幕大小
+
+## 2.2401.3-20240119
+
+- 重构 信令抓包功能页面，改为列表可多选开始结束，手动控制抓包任务
+- 修复 告警气泡跳转 404 页面问题
+- 修复 UDM 鉴权数据导入 txt 超时问题
+- 优化 登录背景图更换白色布局调整，统一系统主题色为白色
+- 优化 锁屏页面逻辑，样式调整，多语言补充
+- 优化 编译打包文件块分类
+
+## 2.2401.2-20240112
+
+- 新增 拓扑图组编辑功能优化并补充三个自定义边和三个自定义节点
+- 新增 拓扑 5gc 组网图，显示网元状态，补充多语言翻译
+- 优化 多个页面的表单排版对齐，表格头不换行进行横向滚动
+- 优化 取消浏览器访问时 google 翻译提示
+- 新增 界面超时或手动 锁定功能
+
+## 2.2401.1-20240105
+
+- 新增 拓扑信息图数据对接调整，并加入多语言翻译
+- 新增 拓扑图组数据编辑功能页面，并加入多语言翻译
+- 修复 Vue3 打包 Modal 弹出窗口取消无效
+- 优化 黄金指标数据支持导出 xslx 文件
+
+## 2.2312.10-20231229
+
+- 新增 告警列表记录自定义排序导出
+- 新增 黄金指标 KPI 数据列表支持排序
+- 新增 黄金指标 KPI 数据支持选择五分钟颗粒度
+- 新增 网元管理新增修改时可选同步网元信息的开关
+- 新增 终端-UDM 数据勾选记录导出和勾选记录删除功能
+- 修复 配置-参数配置里面的删除按钮，增加二次确认避免误触
+- 修复 配置-参数配置值类型为字符串 http 判断
+- 修复 软件版本管理上传版本号截取
+- 修复 PCF 用户策略控制批量删除表单选项校验异常提示
+- 修复 打包编译时类型异常问题
+- 优化 网元管理弹出菜单窗口设置为可移动
+- 优化 网元管理鼠标悬浮更多时提示靠左显示避免遮挡
+- 优化 首页网元异常情况展示 SN
+- 优化 告警详细信息展示方式
+
+## 2.2312.9-20231222
+
+- 新增 日志管理查看网元日志文件并下载功能页面
+- 新增 国际化切换权限控制，系统设置里控制切换默认语言
+- 新增 性能管理 KPI 指标集功能页面
+- 新增 UE 管理 PCF 用户策略控制功能页面
+- 修复 参数配置新增数据类型值不匹配导致的异常失败
+- 修复 多处英文显示词义不明确的信息提示
+- 修复 UE 管理 UDM 签约用户数据批量新增时 EPSODB 转换十六进制问题
+- 优化 网元管理重启接口超时导致网元信息不一致问题
+- 优化 参数配置新增编辑参数顺序，参数类型格式化
+- 优化 主页网元状态饼图颜色选择自定义
+- 优化 MML 操作 UDM 签约用户信息字段，必填项标红
+- 优化 软件管理回退功能操作页面
+- 优化 静态文件地址追加随机戳避免缓存
+- 优化 补充移动端样式适配调整
+- 主页修改增加 OMC 的序列号，点击网元信息不再覆盖右边信息框

README.md

@@ -1,3 +1,82 @@
-# fe.ems.vue3
+# 核心网管理系统
 
-OMC 前端
+## 简介
+
+- 系统布局使用 [@ant-design-vue/pro-layout](https://github.com/vueComponent/pro-components)
+- 图标来源 [@ant-design/icons-vue](https://ant.design/components/icon)
+- 菜单图标使用自定义 iconfont `font_8d5l8fzk5b87iudi.js`图标文件
+
+## 测试环境
+
+```text
+Jenkins: http://192.168.2.166:3185/
+Nginx: http://192.168.2.166:3188/#/index
+后端暴露端口: http://192.168.2.166:3186 \ http://192.168.2.166:3187
+
+
+新网管：192.168.5.13
+旧网管：192.168.5.14
+登录账户：manager/manager
+```
+
+## 程序命令
+
+项目目录下 `.env.[环境]` 文件对应环境的一些配置，启动前请检查文件内是否配置正确。
+
+```bash
+# 使用阿里源可以加速下载依赖库
+npm install --registry https://registry.npmmirror.com
+```
+
+### 开发 development
+
+```bash
+# 检查配置参数 .env.development 和 vite.config.ts
+npm install                 # 安装项目所需依赖
+npm run dev                 # 开发模式启动项目
+Local http://localhost:6269 # 启动成功后得到服务访问地址
+```
+
+### 部署 production
+
+```bash
+# 检查配置参数 .env.development
+npm install        # 安装项目所需依赖
+npm run build      # 构建生产项目代码
+
+
+```
+
+#### 打包问题
+
+遇到 `[vite build error: out of memory](https://github.com/vitejs/vite/issues/2433)` 问题，设置环境变量改变 node 的缓存空间
+
+```sh
+export NODE_OPTIONS=--max-old-space-size=32768
+export NODE_OPTIONS=--max-old-space-size=50000
+```
+
+## keyFlow
+
+```text
+https://192.168.5.23/
+admin
+admin
+```
+
+## k8s
+
+master 192.168.5.27 agtuser/admin123
+
+https://192.168.5.27:31325/#/workloads?namespace=default
+
+```text
+eyJhbGciOiJSUzI1NiIsImtpZCI6ImZFVUhIb1puLW04M1dfSUYyRU8zWlZueXBpNUh4T0hTRVlzU19jNlVGQ0kifQ.eyJpc3MiOiJrdWJlcm5ldGVzL3NlcnZpY2VhY2NvdW50Iiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9uYW1lc3BhY2UiOiJrdWJlcm5ldGVzLWRhc2hib2FyZCIsImt1YmVybmV0ZXMuaW8vc2VydmljZWFjY291bnQvc2VjcmV0Lm5hbWUiOiJhZG1pbi11c2VyLXRva2VuLW44ZzRtIiwia3ViZXJuZXRlcy5pby9zZXJ2aWNlYWNjb3VudC9zZXJ2aWNlLWFjY291bnQubmFtZSI6ImFkbWluLXVzZXIiLCJrdWJlcm5ldGVzLmlvL3NlcnZpY2VhY2NvdW50L3NlcnZpY2UtYWNjb3VudC51aWQiOiI2M2NmYjAyNS01ZmQ0LTQ0ZTgtOTdiNC0yYWRiYWIxNzc5M2MiLCJzdWIiOiJzeXN0ZW06c2VydmljZWFjY291bnQ6a3ViZXJuZXRlcy1kYXNoYm9hcmQ6YWRtaW4tdXNlciJ9.R3GRygFOjngTj-mEMBAHDeBxm3lpsXZYvC6cdTxByONtLrcMXDebwNVeKtAZ1V9qh2OrjD8n9CIygjULGPdfV6S520vjMh7Oa2q68nOyW49DNWQyYD8xLo-dQ6sX07fI7X_I3H35YUWW80jJAXjJawqIGXBSMG5intlo4tLTUSXmjCfhoQvFsgeRWu0j76pDvhMAvLPcgEXfTCi9tyL3yqJBIKONcKwmMlJeaKSR3pQk3KiibqrBO0MZclRozpke6J0ulfzTemwDDyCqBZmLsRPZ2yDd5hVBIJ9bHEcK0a25NmSFFzmd8XWQPZwg3Y4IbbY-8UhByGq0p9xS-7pGCQ
+```
+
+```ssh
+# https://blog.csdn.net/m0_54706625/article/details/129721121
+sudo chmod 700 -/.ssh/
+sudo chmod 700 /home/mask/.ssh #这个尤其容易忽视掉，我就是从这个坑里爬出来。有木有很高兴呀!
+sudo chmod 600 ~/.ssh/authorized_keys
+```

index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="google" content="notranslate">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>loading...</title>
+    <link rel="icon" href="/favicon.ico" />
+    <link rel="preload" href="/loading.js" as="script">
+    <script async src="/loading.js"></script>
+    <link rel="preload" href="/config.js" as="script">
+    <script async src="/config.js"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package.json

@@ -0,0 +1,53 @@
+{
+  "name": "ems_frontend_vue3",
+  "type": "module",
+  "description": "核心网管理平台",
+  "author": "TsMask",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
+    "@antv/g6": "~4.8.24",
+    "@codemirror/lang-javascript": "^6.2.1",
+    "@codemirror/merge": "^6.5.0",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "@tato30/vue-pdf": "^1.9.3",
+    "@vueuse/core": "^10.7.0",
+    "ant-design-vue": "^3.2.20",
+    "antdv-pro-layout": "^3.2.6",
+    "codemirror": "^6.0.1",
+    "dayjs": "^1.11.10",
+    "echarts": "~5.4.2",
+    "file-saver": "^2.0.5",
+    "js-base64": "^3.7.5",
+    "js-cookie": "^3.0.5",
+    "nprogress": "^0.2.0",
+    "p-queue": "^8.0.1",
+    "pinia": "^2.1.7",
+    "vue": "~3.3.13",
+    "vue-codemirror": "^6.1.1",
+    "vue-i18n": "~9.9.0",
+    "vue-router": "^4.2.5",
+    "vue3-smooth-dnd": "^0.0.6",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@types/file-saver": "^2.0.7",
+    "@types/js-cookie": "^3.0.6",
+    "@types/node": "^18.0.0",
+    "@types/nprogress": "^0.2.3",
+    "@vitejs/plugin-vue": "^5.0.2",
+    "less": "^4.2.0",
+    "typescript": "^5.3.3",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.10",
+    "vite-plugin-compression": "^0.5.1",
+    "vue-tsc": "^1.8.27"
+  }
+}

public/default/config.js

@@ -0,0 +1,20 @@
+/**
+ * =============== Configuration File Description ===============
+ * 
+ * - Nginx Deployment
+ * Delete the file with the same name under the same level of loading.js, Nginx proxy address: /omc-api
+ *
+ * - Non-Nginx Deployment
+ * Please make the current file the same level as the loading.js, change the host variable value to the data service access address
+ * !!! Note: After modifying the current file, it is recommended to revisit it after closing the browser.
+ *
+ */
+(function () {
+  // host = ip:port
+  const host = '192.168.8.100:3030';
+
+  // Service Address
+  sessionStorage.setItem('baseUrl', `http://${host}`);
+  // websocket Address
+  sessionStorage.setItem('wsUrl', `ws://${host}`);
+})();

public/font_8d5l8fzk5b87iudi.js

@@ -0,0 +1 @@
+(function(window){var svgSprite="<svg>"+""+'<symbol id="icon-tuichu" viewBox="0 0 1024 1024">'+""+'<path d="M891.215448 714.840276c-24.275862 0-35.133793 19.667862-35.133793 43.926069l-0.088276 58.579862c-6.779586 33.227034-25.811862 46.362483-66.59531 49.716966l-568.125793 0.300138c-35.098483-4.272552-49.558069-17.831724-54.501517-49.469793l0.653241-604.318897c3.742897-32.114759 15.642483-46.962759 46.238897-52.524138l593.672828-0.317793c30.296276 6.249931 44.314483 21.910069 48.904828 54.377931l-0.141241 49.257931c0 24.275862 10.857931 43.926069 35.133793 43.926069 24.240552 0 34.868966-19.667862 34.868966-43.926069l0.300138-93.854897c-2.807172-45.868138-40.448-82.290759-86.987034-82.449655l-658.696828 0.353103C134.144 90.465103 96.926897 128.441379 96.697379 175.457103l0.370759 676.652138c2.065655 45.267862 38.170483 81.37269 83.42069 83.456l649.057103 0.406069 9.533793 0c47.298207 0 85.556966-37.428966 87.463724-84.250483l0.123586-92.936828C926.649379 734.525793 915.456 714.840276 891.215448 714.840276zM706.56 715.105103c11.723034 11.723034 35.169103 15.536552 47.280552 3.425103l165.005241-165.393655c6.426483-6.426483 8.492138-16.384 7.362207-26.07669-0.158897-6.232276-1.959724-12.111448-5.66731-16.807724-1.253517-2.048-2.665931-3.937103-4.272552-5.543724-1.112276-1.094621-2.401103-2.030345-3.707586-2.966069l-158.631724-159.002483c-12.111448-12.111448-36.422621-9.445517-48.145655 2.277517-11.687724 11.723034-14.689103 36.334345-2.577655 48.428138l100.175448 100.404966L542.455172 493.638621c-17.143172 0-39.000276 15.607172-39.000276 35.998897 0 21.53931 21.857103 35.716414 39.000276 35.716414l262.69131 0.211862-102.029241 102.258759C691.005793 679.936 694.81931 703.382069 706.56 715.105103z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-fanhui" viewBox="0 0 1024 1024">'+""+'<path d="M461.141333 254.532267l0 106.24 0 33.792 33.792 0.341333c234.8032 2.269867 367.069867 106.7008 401.5104 318.327467-128.989867-149.1968-277.7088-149.265067-401.169067-149.2992L461.141333 563.933867l0 34.133333 0 104.704L144.708267 478.634667 461.141333 254.532267M495.274667 188.501333l-409.6 290.133333 409.6 290.133333L495.274667 598.0672c163.925333 0.068267 315.921067 8.328533 444.450133 237.533867 0-145.5616-24.046933-470.766933-444.450133-474.8288L495.274667 188.501333 495.274667 188.501333z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-facebook" viewBox="0 0 1024 1024">'+""+'<path d="M535.9 1023.9c68.2 0 132.6 0 159.6 0l0 0.1C668.4 1024 604.1 1024 535.9 1023.9L535.9 1023.9zM253.5 0.6c-23 0.4-46.2 1.9-67 5.8-22.6 4.3-43.2 10-63.8 20.5-20.9 10.6-38.9 25.1-55 40.8-15.7 16.1-30.2 34.2-40.8 55-10.4 20.6-16.2 41.1-20.5 63.8-3.9 20.8-5.4 44-5.8 67-0.1 5.2-0.1 10-0.2 17.5l-0.3 450c0 5.7 0.1 11.9 0.1 18.7 0.2 16.3 0.3 23 0.4 30.7 0.4 23 1.9 46.2 5.8 67 1.9 9.9 4 19.4 6.7 28.6 3.5 11.9 7.9 23.5 13.8 35.1 10.6 20.9 25.1 38.9 40.8 55 16.1 15.7 34.2 30.2 55 40.8 20.6 10.4 41.1 16.2 63.8 20.5 20.8 3.9 44 5.4 67 5.8 7.7 0.1 14.4 0.2 30.7 0.4 15.5 0.1 28.2 0.2 37.6 0.2 26.1 0 123.5 0 214 0l0-397L407.1 626.8 407.1 478.3l127.8 0L534.9 340.1C534.9 234 616.9 158 722.9 158l137.2 3 0 142.6L755.3 303.6c-30.3 0-54.9 33.5-54.9 63.9l0 110.8 154.6 0-22 148.6L695.5 626.9l0 397c2.5 0 4.8 0 6.6 0 9.4 0 22.1-0.1 37.6-0.2 12.9-0.1 19.8-0.2 25.9-0.2 1.6 0 3.2 0 4.9-0.1 23-0.4 46.2-1.9 67-5.8 22.6-4.3 43.2-10 63.8-20.5 20.9-10.6 38.9-25.1 55-40.8 15.7-16.1 30.2-34.2 40.8-55 10.4-20.6 16.2-41.1 20.5-63.8 3.9-20.8 5.4-44 5.8-67 0.1-7.7 0.2-14.4 0.4-30.7 0.1-15.5 0.2-28.2 0.2-37.6L1024 321.9c0-3.2 0-6.9 0-10.9 0-7.6-0.1-16.6-0.2-26.8-0.2-16.3-0.3-23-0.4-30.7-0.4-23-1.9-46.2-5.8-67-4.3-22.6-10-43.2-20.5-63.8-10.6-20.9-25.1-38.9-40.8-55-16.1-15.7-34.2-30.2-55-40.8-20.6-10.4-41.1-16.2-63.8-20.5-20.8-3.9-44-5.4-67-5.8-7.7-0.1-14.4-0.2-30.7-0.4C724.2 0.1 711.5 0 702.1 0L321.8 0c-9.4 0-22.1 0.1-37.6 0.2C267.9 0.4 261.2 0.5 253.5 0.6z"  ></path>'+""+"</symbol>"+""+'<symbol id="icon-twitter" viewBox="0 0 1024 1024">'+""+'<path d="M1023.8 284.2c-0.2-16.3-0.3-23-0.4-30.7-0.4-23-1.9-46.2-5.8-67-4.3-22.6-10-43.2-20.5-63.8-10.6-20.9-25.1-38.9-40.8-55-16.1-15.7-34.2-30.2-55-40.8-20.6-10.4-41.1-16.2-63.8-20.5-20.8-3.9-44-5.4-67-5.8-7.7-0.1-14.4-0.2-30.7-0.4C724.2 0.1 711.5 0 702.1 0c-47.6 0-332.6 0-380.3 0-9.4 0-22.1 0.1-37.6 0.2-16.3 0.2-23 0.3-30.7 0.4-23 0.4-46.2 1.9-67 5.8-22.6 4.3-43.2 10-63.8 20.5-20.9 10.6-38.9 25.1-55 40.8-15.7 16.1-30.2 34.2-40.8 55-10.4 20.6-16.2 41.1-20.5 63.8-3.9 20.8-5.4 44-5.8 67-0.1 7.7-0.2 14.4-0.4 30.7C0.1 299.8 0 312.5 0 321.9l0 380.3c0 9.4 0.1 22.1 0.2 37.6 0.2 16.3 0.3 23 0.4 30.7 0.4 23 1.9 46.2 5.8 67 4.3 22.6 10 43.2 20.5 63.8 10.6 20.9 25.1 38.9 40.8 55 16.1 15.7 34.2 30.2 55 40.8 20.6 10.4 41.1 16.2 63.8 20.5 20.8 3.9 44 5.4 67 5.8 7.7 0.1 14.4 0.2 30.7 0.4 15.5 0.1 28.2 0.2 37.6 0.2 47.6 0 332.6 0 380.3 0 9.4 0 22.1-0.1 37.6-0.2 16.3-0.2 23-0.3 30.7-0.4 23-0.4 46.2-1.9 67-5.8 22.6-4.3 43.2-10 63.8-20.5 20.9-10.6 38.9-25.1 55-40.8 15.7-16.1 30.2-34.2 40.8-55 10.4-20.6 16.2-41.1 20.5-63.8 3.9-20.8 5.4-44 5.8-67 0.1-7.7 0.2-14.4 0Line truncated

public/loading.js

@@ -0,0 +1,213 @@
+/**
+ * loading 占位
+ * 解决首次加载时白屏的问题
+ */
+(function () {
+  const _app = document.querySelector('#app');
+  if (_app && _app.innerHTML === '') {
+    const styleStr = `
+    <style>
+      html,
+      body,
+      #app {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      #app {
+        background-repeat: no-repeat;
+        background-size: 100% auto;
+      }
+      .loading-title {
+        font-size: 1.1rem;
+      }
+      .loading-sub-title {
+        text-align: center;
+        margin-top: 20px;
+        font-size: 1rem;
+        color: #888;
+      }
+      .page-loading-warp {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 26px;
+      }
+      .ant-spin {
+        position: absolute;
+        display: none;
+        -webkit-box-sizing: border-box;
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+        color: rgba(0, 0, 0, 0.65);
+        color: #1890ff;
+        font-size: 14px;
+        font-variant: tabular-nums;
+        line-height: 1.5;
+        text-align: center;
+        list-style: none;
+        opacity: 0;
+        -webkit-transition: -webkit-transform 0.3s
+          cubic-bezier(0.78, 0.14, 0.15, 0.86);
+        transition: -webkit-transform 0.3s
+          cubic-bezier(0.78, 0.14, 0.15, 0.86);
+        transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+        transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
+          -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+        -webkit-font-feature-settings: "tnum";
+        font-feature-settings: "tnum";
+      }
+      .ant-spin-spinning {
+        position: static;
+        display: inline-block;
+        opacity: 1;
+      }
+      .ant-spin-dot {
+        position: relative;
+        display: inline-block;
+        width: 20px;
+        height: 20px;
+        font-size: 20px;
+      }
+      .ant-spin-dot-item {
+        position: absolute;
+        display: block;
+        width: 9px;
+        height: 9px;
+        background-color: #1890ff;
+        border-radius: 100%;
+        -webkit-transform: scale(0.75);
+        -ms-transform: scale(0.75);
+        transform: scale(0.75);
+        -webkit-transform-origin: 50% 50%;
+        -ms-transform-origin: 50% 50%;
+        transform-origin: 50% 50%;
+        opacity: 0.3;
+        -webkit-animation: antspinmove 1s infinite linear alternate;
+        animation: antSpinMove 1s infinite linear alternate;
+      }
+      .ant-spin-dot-item:nth-child(1) {
+        top: 0;
+        left: 0;
+      }
+      .ant-spin-dot-item:nth-child(2) {
+        top: 0;
+        right: 0;
+        -webkit-animation-delay: 0.4s;
+        animation-delay: 0.4s;
+      }
+      .ant-spin-dot-item:nth-child(3) {
+        right: 0;
+        bottom: 0;
+        -webkit-animation-delay: 0.8s;
+        animation-delay: 0.8s;
+      }
+      .ant-spin-dot-item:nth-child(4) {
+        bottom: 0;
+        left: 0;
+        -webkit-animation-delay: 1.2s;
+        animation-delay: 1.2s;
+      }
+      .ant-spin-dot-spin {
+        -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        transform: rotate(45deg);
+        -webkit-animation: antrotate 1.2s infinite linear;
+        animation: antRotate 1.2s infinite linear;
+      }
+      .ant-spin-lg .ant-spin-dot {
+        width: 32px;
+        height: 32px;
+        font-size: 32px;
+      }
+      .ant-spin-lg .ant-spin-dot i {
+        width: 14px;
+        height: 14px;
+      }
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        .ant-spin-blur {
+          background: #fff;
+          opacity: 0.5;
+        }
+      }
+      @-webkit-keyframes antSpinMove {
+        to {
+          opacity: 1;
+        }
+      }
+      @keyframes antSpinMove {
+        to {
+          opacity: 1;
+        }
+      }
+      @-webkit-keyframes antRotate {
+        to {
+          -webkit-transform: rotate(405deg);
+          transform: rotate(405deg);
+        }
+      }
+      @keyframes antRotate {
+        to {
+          -webkit-transform: rotate(405deg);
+          transform: rotate(405deg);
+        }
+      }
+    </style>`;
+
+    const lang = localStorage.getItem('cache:local:i18n');
+    // 根据浏览器选择语言
+    // if (!lang) {
+    //   let preferredLanguage = navigator.language;
+    //   if (preferredLanguage.indexOf('-')) {
+    //     preferredLanguage = preferredLanguage.replace('-', '_');
+    //   }
+    //   localStorage.setItem('cache:local:i18n', preferredLanguage);
+    // }
+
+    let loadInfo = {
+      title: '正在加载资源',
+      titleSub: '初次加载资源可能需要较多时间',
+      msg: '请耐心等待',
+    };
+    // document.title = "AGrandEMS";
+
+    if (lang === 'en_US') {
+      loadInfo = {
+        title: 'Loading Resources',
+        titleSub: 'Loading resources for the first time may take a lot of time',
+        msg: 'Please be patient',
+      };
+      // document.title = "AGrandEMS";
+    }
+
+    const divStr = `
+    <div style="
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      min-height: 362px;
+    ">
+      <div class="page-loading-warp">
+        <div class="ant-spin ant-spin-lg ant-spin-spinning">
+          <span class="ant-spin-dot ant-spin-dot-spin">
+            <i class="ant-spin-dot-item"></i>
+            <i class="ant-spin-dot-item"></i>
+            <i class="ant-spin-dot-item"></i>
+            <i class="ant-spin-dot-item"></i>
+          </span>
+        </div>
+      </div>
+      <div class="loading-title">
+        ${loadInfo.title}
+      </div>
+      <div class="loading-sub-title">
+        ${loadInfo.titleSub} </br> ${loadInfo.msg}
+      </div>
+    </div>`;
+
+    _app.innerHTML = styleStr + divStr;
+  }
+})();

public/svg/base.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702978675818" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4327" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512.1 955.7c-1.4 0-2.7-0.4-4-1.1L80.4 706.4c-2.4-1.4-3.9-4-3.9-6.8v-88.8c0-2.8 1.5-5.4 3.9-6.8l427.7-252c1.2-0.7 2.6-1.1 4-1.1s2.8 0.4 4 1.1l427.6 252c2.4 1.4 3.9 4 3.9 6.8v88.8c0 2.8-1.5 5.4-3.9 6.8L516 954.6c-1.2 0.7-2.6 1.1-3.9 1.1z" fill="#B5D6FB" p-id="4328"></path><path d="M512.1 358.8l427.5 252v88.8L869.9 740 512.1 947.8 154.1 740l-69.7-40.4v-88.8l427.7-252m0-15.8c-2.8 0-5.5 0.7-8 2.2l-427.7 252c-4.8 2.8-7.8 8-7.8 13.6v88.8c0 5.6 3 10.8 7.9 13.7l69.7 40.5 358 207.8c2.4 1.4 5.2 2.1 7.9 2.1s5.5-0.7 7.9-2.1l357.8-207.8 69.7-40.4c4.9-2.8 7.9-8 7.9-13.7v-88.8c0-5.6-3-10.8-7.8-13.6l-427.5-252c-2.5-1.5-5.3-2.3-8-2.3z" fill="#0276F7" p-id="4329"></path><path d="M84.4 610.8L512 860.7l427.6-249.9-427.5-252z" fill="#FFFFFF" p-id="4330"></path><path d="M500.9 70.3L232.1 562.1l277.7 159L791 561.2z" fill="#D4E4FC" p-id="4331"></path><path d="M214.6 601.2c-1.3 0-2.6-0.3-3.9-1-3.8-2.1-5.2-6.9-3-10.7l294.9-525c1.4-2.5 4-4 6.9-4 2.8 0 5.4 1.5 6.9 4l299.9 525c2.2 3.8 0.8 8.6-2.9 10.8-3.8 2.1-8.6 0.8-10.8-2.9l-293-512.9-288.1 512.7c-1.5 2.6-4.2 4-6.9 4z" fill="#0276F7" p-id="4332"></path><path d="M509.8 752.4c-4.4 0-7.9-3.5-7.9-7.9V86.7c0-4.4 3.5-7.9 7.9-7.9s7.9 3.5 7.9 7.9v657.9c0 4.3-3.6 7.8-7.9 7.8z" fill="#0276F7" p-id="4333"></path><path d="M509.8 729c-1.4 0-2.7-0.4-3.9-1L228.2 569c-3.8-2.2-5.1-7-2.9-10.8 2.2-3.8 7-5.1 10.8-2.9L509.8 712l277.3-157.7c3.8-2.2 8.6-0.8 10.8 3 2.2 3.8 0.8 8.6-3 10.8L513.7 728c-1.2 0.7-2.6 1-3.9 1z" fill="#0276F7" p-id="4334"></path><path d="M509.8 578.9c-1.4 0-2.7-0.4-4-1.1l-213-124c-3.8-2.2-5-7-2.9-10.8 2.2-3.8 7-5.1 10.8-2.8l209.1 121.7 212.8-120.5c3.8-2.2 8.6-0.8 10.8 3 2.2 3.8 0.8 8.6-3 10.7L513.7 577.9c-1.2 0.7-2.6 1-3.9 1zM507.2 423.5c-1.3 0-2.5-0.3-3.7-0.9L354.9 344c-3.9-2.1-5.3-6.8-3.3-10.7 2-3.9 6.8-5.3 10.7-3.3l145 76.7 150.8-78.8c3.9-2 8.6-0.5 10.7 3.3 2 3.9 0.5 8.6-3.3 10.7L511 422.6c-1.3 0.6-2.5 0.9-3.8 0.9zM509.8 277c-1.3 0-2.6-0.3-3.7-0.9l-86.8-46.8c-3.8-2.1-5.3-6.9-3.2-10.7 2.1-3.9 6.9-5.2 10.7-3.2l83 44.8 82.6-46.9c3.8-2.2 8.6-0.8 10.8 3 2.2 3.8 0.8 8.6-3 10.8l-86.4 49c-1.3 0.6-2.7 0.9-4 0.9z" fill="#0276F7" p-id="4335"></path><path d="M509.8 578.9h-0.3L231.9 570c-4.4-0.1-7.8-3.8-7.6-8.1 0.1-4.4 4.3-7.6 8.1-7.6l277.7 8.9c4.4 0.1 7.8 3.8 7.6 8.1-0.2 4.2-3.7 7.6-7.9 7.6zM509.8 729c-1.7 0-3.4-0.6-4.9-1.7-3.4-2.7-4-7.7-1.3-11.1l216.7-272.9c2.7-3.4 7.7-4 11.1-1.3 3.4 2.7 4 7.7 1.3 11.1L516 726c-1.6 2-3.9 3-6.2 3z" fill="#0276F7" p-id="4336"></path><path d="M509.8 578.9c-1.5 0-2.9-0.4-4.3-1.2-3.7-2.4-4.7-7.2-2.4-10.9l152-236.1c2.4-3.7 7.3-4.7 10.9-2.4 3.7 2.4 4.7 7.2 2.4 10.9l-152 236.1c-1.5 2.3-4 3.6-6.6 3.6zM507.2 423.5c-1.1 0-2.2-0.2-3.3-0.7-4-1.8-5.7-6.5-3.9-10.5l89-195.5c1.8-4 6.4-5.7 10.5-3.9 4 1.8 5.7 6.5 3.9 10.5l-88.9 195.5c-1.4 2.9-4.3 4.6-7.3 4.6z" fill="#0276F7" p-id="4337"></path><path d="M596.2 377c-2.9 0-5.7-1.6-7.1-4.4-1.9-3.9-0.3-8.6 3.6-10.5L729 295.7 343.3 120l22 205.3 141.3-63.4c3.9-1.8 8.6 0 10.4 4 1.8 4 0 8.6-4 10.4l-151.2 67.9c-2.3 1-4.9 0.9-7.2-0.4-2.2-1.3-3.6-3.5-3.9-6l-24.6-229.9c-0.3-2.8 0.9-5.6 3.2-7.2 2.3-1.6 5.3-2 7.9-0.8l413.6 188.4c2.8 1.3 4.6 4 4.6 7.1 0 3.1-1.7 5.9-4.4 7.2l-151.4 73.6c-1.1 0.6-2.3 0.8-3.4 0.8zM296.8 454.9c-3.8 0-7.2-2.8-7.8-6.7-0.6-4.3 2.3-8.3 6.6-9l210.5-31.4c4.3-0.6 8.3 2.3 9 6.6 0.6 4.3-2.3 8.3-6.6 9L298 454.8c-0.5 0.1-0.9 0.1-1.2 0.1z" fill="#0276F7" p-id="4338"></path></svg>

public/svg/cloud.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1702978716365" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4633" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M817.3 505c2.7-14 4.3-28.4 4.3-43.2 0-123.8-100.4-224.2-224.2-224.2-81.9 0-153.3 44.1-192.5 109.7-15.1-5.9-31.5-9.2-48.7-9.2-72.6 0-131.6 57.6-134.3 129.5-69 18.6-119.9 81.5-119.9 156.5 0 89.6 72.7 162.3 162.3 162.3h514.3c79.2 0 143.4-64.2 143.4-143.4 0-65.8-44.3-121-104.7-138z" fill="#D4E4FC" p-id="4634"></path><path d="M778.6 793.2H264.3C171 793.2 95.2 717.3 95.2 624c0-74.5 49.2-140.3 120.2-161.8 5.3-73.9 66.2-131.1 140.9-131.1 15.6 0 30.9 2.6 45.8 7.7 42.7-67.8 115.3-108.1 195.4-108.1 127.4 0 231 103.6 231 231 0 12.7-1.1 25.6-3.3 38.4 61.3 20 103.6 77.8 103.6 142.7 0 83-67.4 150.4-150.2 150.4zM356.3 344.9c-68.9 0-124.9 54-127.4 122.9l-0.2 5.1-4.9 1.3c-67.6 18.3-114.9 79.9-114.9 149.9 0 85.7 69.7 155.4 155.4 155.4h514.3c75.3 0 136.5-61.2 136.5-136.5 0-60.9-41-114.9-99.6-131.3l-6.1-1.7 1.2-6.2c2.7-14 4.1-28.1 4.1-41.9 0-119.8-97.5-217.3-217.3-217.3-77.1 0-146.9 39.7-186.6 106.3l-3 5-5.4-2.1c-14.9-5.9-30.4-8.9-46.1-8.9z" fill="#0276F7" p-id="4635"></path></svg>

public/svg/firewall.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1704780800919" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6385" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M798.2 402.4l-1.1 411.5-457.5-265.6 1.2-411.4z" fill="#D4E4FC" p-id="6386"></path><path d="M797.1 820.9c-1.2 0-2.5-0.3-3.5-1L336.1 554.4c-2.2-1.3-3.5-3.6-3.5-6.1l1.2-411.4c0-2.5 1.4-4.9 3.5-6.1 2.2-1.3 4.9-1.2 7.1 0l457.5 265.6c2.2 1.3 3.5 3.6 3.5 6.1l-1.2 411.4c0 2.5-1.4 4.9-3.5 6.1-1.2 0.6-2.4 0.9-3.6 0.9zM346.7 544.2L790 801.6l1.1-395.1-443.3-257.4-1.1 395.1z" fill="#0276F7" p-id="6387"></path><path d="M798.2 402.4l113.5-65.9-1.1 411.4-113.5 66z" fill="#D4E4FC" p-id="6388"></path><path d="M797.1 820.9c-1.2 0-2.4-0.3-3.5-0.9-2.2-1.3-3.5-3.6-3.5-6.1l1.2-411.4c0-2.5 1.3-4.8 3.5-6.1l113.5-66c2.2-1.3 4.9-1.3 7.1 0 2.2 1.3 3.5 3.6 3.5 6.1l-1.2 411.4c0 2.5-1.3 4.8-3.5 6.1l-113.5 66c-1.2 0.6-2.4 0.9-3.6 0.9z m8.2-414.4l-1.1 395.1 99.4-57.7 1.1-395.1-99.4 57.7z" fill="#0276F7" p-id="6389"></path><path d="M340.8 136.9l113.5-66 457.4 265.6-113.5 65.9z" fill="#FFFFFF" p-id="6390"></path><path d="M798.2 409.5c-1.2 0-2.5-0.3-3.5-1L337.2 143c-2.2-1.3-3.5-3.6-3.5-6.1s1.3-4.8 3.5-6.1l113.5-66c2.2-1.3 4.9-1.3 7.1 0l457.5 265.6c2.2 1.3 3.5 3.6 3.5 6.1 0 2.5-1.3 4.8-3.5 6.1l-113.5 66c-1.1 0.6-2.3 0.9-3.6 0.9zM354.8 136.9l443.4 257.4 99.5-57.8L454.3 79.1l-99.5 57.8z" fill="#0276F7" p-id="6391"></path><path d="M798.2 693.9c-1.3 0-2.5-0.3-3.6-1L336.3 418.8l7.3-12.1 454.5 271.8 109.8-71.7 7.7 11.8-113.5 74.1c-1.2 0.8-2.5 1.2-3.9 1.2zM798.2 555.9c-1.3 0-2.5-0.3-3.6-1L336.3 280.8l7.3-12.1 454.6 271.9 109.4-67.5 7.4 12-113.1 69.8c-1.1 0.7-2.4 1-3.7 1z" fill="#0276F7" p-id="6392"></path><path d="M509.7 238.5h14.1v136.9h-14.1zM659.5 473.9h14.1v130h-14.1zM504.6 508.6h14.1v138.1h-14.1z" fill="#0276F7" p-id="6393"></path><path d="M570.9 541.7l-1.2 411.4-457.4-265.6 1.1-411.4z" fill="#D4E4FC" p-id="6394"></path><path d="M569.7 960.2c-1.2 0-2.5-0.3-3.5-1L108.7 693.6c-2.2-1.3-3.5-3.6-3.5-6.1l1.2-411.4c0-2.5 1.4-4.9 3.5-6.1 2.2-1.3 4.9-1.2 7.1 0l457.5 265.6c2.2 1.3 3.5 3.6 3.5 6.1l-1.2 411.4c0 2.5-1.4 4.9-3.5 6.1-1.2 0.7-2.4 1-3.6 1zM119.3 683.5l443.4 257.4 1.1-395.1-443.3-257.4-1.2 395.1z" fill="#0276F7" p-id="6395"></path><path d="M570.9 541.7l113.5-66-1.2 411.4-113.5 66z" fill="#D4E4FC" p-id="6396"></path><path d="M569.7 960.2c-1.2 0-2.4-0.3-3.5-0.9-2.2-1.3-3.5-3.6-3.5-6.1l1.2-411.4c0-2.5 1.3-4.8 3.5-6.1l113.5-66c2.2-1.3 4.9-1.3 7.1 0 2.2 1.3 3.5 3.6 3.5 6.1l-1.2 411.4c0 2.5-1.3 4.8-3.5 6.1l-113.5 66c-1.1 0.6-2.4 0.9-3.6 0.9z m8.2-414.4l-1.1 395.1 99.4-57.7 1.1-395.1-99.4 57.7z" fill="#0276F7" p-id="6397"></path><path d="M113.4 276.1l113.5-66 457.5 265.6-113.5 66z" fill="#FFFFFF" p-id="6398"></path><path d="M570.9 548.8c-1.2 0-2.5-0.3-3.5-1L109.9 282.2c-2.2-1.3-3.5-3.6-3.5-6.1 0-2.5 1.3-4.8 3.5-6.1l113.5-66c2.2-1.3 4.9-1.3 7.1 0L688 469.6c2.2 1.3 3.5 3.6 3.5 6.1 0 2.5-1.3 4.8-3.5 6.1l-113.5 66c-1.2 0.6-2.4 1-3.6 1zM127.5 276.1l443.4 257.4 99.5-57.8-443.5-257.4-99.4 57.8z" fill="#0276F7" p-id="6399"></path><path d="M570.9 833.1c-1.3 0-2.5-0.3-3.6-1L108.9 558l7.3-12.1 454.5 271.8L680.5 746l7.7 11.8L574.7 832c-1.1 0.7-2.5 1.1-3.8 1.1zM570.9 695.2c-1.3 0-2.5-0.3-3.6-1L108.9 420.1l7.3-12.1 454.6 271.9 109.4-67.5 7.4 12-113.1 69.8c-1 0.6-2.3 1-3.6 1z" fill="#0276F7" p-id="6400"></path><path d="M282.4 377.7h14.1v136.9h-14.1zM432.1 613.1h14.1v130h-14.1zM277.2 647.8h14.1v138.1h-14.1z" fill="#0276F7" p-id="6401"></path></svg>

public/svg/lightning1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1706579976499" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2956" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M643.84 449.28l-243.2 435.2 76.8-332.8-102.4-12.8 230.4-448-76.8 345.6z" fill="#ffffff" p-id="2957"></path><path d="M400.64 897.28c-1.28 0-2.56 0-5.12-1.28-6.4-2.56-8.96-8.96-7.68-15.36L462.08 563.2l-88.32-11.52c-3.84 0-7.68-2.56-10.24-6.4s-2.56-7.68 0-11.52l230.4-448c2.56-5.12 10.24-8.96 15.36-6.4 6.4 2.56 8.96 8.96 7.68 15.36l-74.24 331.52 101.12 11.52c3.84 0 7.68 2.56 10.24 6.4s1.28 8.96 0 11.52l-243.2 435.2c-1.28 3.84-5.12 6.4-10.24 6.4z m-6.4-368.64l84.48 10.24c3.84 0 6.4 2.56 8.96 5.12 2.56 2.56 2.56 6.4 2.56 10.24l-56.32 245.76 189.44-340.48-96-10.24c-3.84 0-6.4-2.56-8.96-5.12s-2.56-6.4-2.56-10.24l55.04-248.32-176.64 343.04z" fill="#ffffff" p-id="2958" data-spm-anchor-id="a313x.search_index.0.i0.73793a81ebMo1Y"></path></svg>