fix: 中英CE/测试服务2.166

feat: 参数配置表单竖向形式/多语言
fix: 参数配置Tree树状展开
2023-11-14 18:53:45 +08:00 · 2023-11-14 17:14:52 +08:00 · 2023-11-14 17:11:53 +08:00 · 2023-11-14 10:36:59 +08:00 · 2023-11-14 09:59:09 +08:00 · 2023-11-13 17:00:17 +08:00
224 changed files with 55780 additions and 2 deletions
@@ -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
@@ -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.2311.7"
+
+# 接口基础URL地址-不带/后缀
+VITE_API_BASE_URL = "/omc-api"
@@ -0,0 +1,18 @@
+# 历史路径-哈希带井号标识
+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.231114.7"
+
+# 接口基础URL地址-不带/后缀
+VITE_API_BASE_URL = "/omc-api"
+
@@ -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
@@ -0,0 +1,11 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "semi": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "avoid"
+}
@@ -1,3 +1,57 @@
-# 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
+```
+
+## 程序命令
+
+项目目录下 `.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      # 构建生产项目代码
+```
+
+## 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
+sudo chmod 700 -/.ssh/
+sudochmod 700 /home/ubuntu #这个尤其容易忽视掉，我就是从这个坑里爬出来。有木有很高兴呀!
+3sudochmod 600 -/ssh/authorized keys
+```
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>    </title>
+    <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>
@@ -0,0 +1,48 @@
+{
+  "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-vue/pro-layout": "^3.2.5",
+    "@ant-design/icons-vue": "^7.0.1",
+    "@codemirror/lang-javascript": "^6.2.1",
+    "@codemirror/merge": "^6.1.2",
+    "@codemirror/theme-one-dark": "^6.1.2",
+    "ant-design-vue": "^3.2.20",
+    "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",
+    "pinia": "^2.1.7",
+    "vue": "^3.3.6",
+    "vue-codemirror": "^6.1.1",
+    "vue-i18n": "^9.5.0",
+    "vue-router": "^4.2.5",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@types/file-saver": "^2.0.5",
+    "@types/js-cookie": "^3.0.3",
+    "@types/node": "^18.0.0",
+    "@types/nprogress": "^0.2.0",
+    "@vitejs/plugin-vue": "^4.3.4",
+    "less": "^4.2.0",
+    "typescript": "^5.2.2",
+    "unplugin-vue-components": "^0.25.2",
+    "vite": "^4.5.0",
+    "vite-plugin-compression": "^0.5.1",
+    "vue-tsc": "^1.8.19"
+  }
+}
@@ -0,0 +1,16 @@
+/**
+ * config 非Nginx部署可使用的配置参数
+ * Configuration parameters available for non Nginx deployments using config
+ */
+(function () {
+    // host = ip:prot
+    const host = "192.168.2.166:3030";
+
+    // Service Address 服务地址
+    const baseUrl = `http://${host}`
+    sessionStorage.setItem("baseUrl", baseUrl)
+    
+    // websocket Address
+    const wsUrl = `ws://${host}`
+    sessionStorage.setItem("wsUrl", wsUrl)
+})();
@@ -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
@@ -0,0 +1,205 @@
+/**
+ * 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>`;
+
+    let loadInfo = {
+      title: '正在加载资源',
+      titleSub: '初次加载资源可能需要较多时间',
+      msg: '请耐心等待',
+    };
+    document.title = "管理系统";
+
+    // 判断选择语言
+    const lang = localStorage.getItem('cache:local:i18n') || 'zh_CN';
+    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 = "Managerial System";
+    }
+
+    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;
+  }
+})();
@@ -0,0 +1,89 @@
+<script setup lang="ts">
+import { ConfigProvider } from 'ant-design-vue/lib';
+import { usePrimaryColor } from '@/hooks/useTheme';
+import zhCN from 'ant-design-vue/lib/locale/zh_CN';
+import enUS from 'ant-design-vue/lib/locale/en_US';
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+import { ref, watch } from 'vue';
+import useAppStore from '@/store/modules/app';
+import useI18n from '@/hooks/useI18n';
+const { t, currentLocale } = useI18n();
+const appStore = useAppStore();
+
+dayjs.locale('zh-cn'); // 默认中文
+usePrimaryColor(); // 载入用户自定义主题色
+
+let locale = ref(zhCN); // 国际化初始中文
+
+// 国际化切换语言
+function fnChangeLocale(v: string) {
+  switch (v) {
+    case 'zh_CN':
+      locale.value = zhCN;
+      dayjs.locale(zhCN.locale);
+      break;
+    case 'en_US':
+      locale.value = enUS;
+      dayjs.locale(enUS.locale);
+      break;
+  }
+}
+
+// 加载多语言并进行监听
+fnChangeLocale(currentLocale.value);
+watch(currentLocale, val => {
+  fnChangeLocale(val);
+});
+
+// 输出应用版本号
+console.info(
+  `%c ${t('common.title')} %c ${appStore.appCode} - ${appStore.appVersion} `,
+  'color: #fadfa3; background: #030307; padding: 4px 0;',
+  'color: #030307; background: #fadfa3; padding: 4px 0;'
+);
+</script>
+
+<template>
+  <ConfigProvider :locale="locale">
+    <RouterView />
+  </ConfigProvider>
+</template>
+
+<style>
+#app {
+  height: 100%;
+}
+body .ant-pro-basicLayout {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 100vh;
+}
+
+.ant-pro-sider {
+  z-index: 20;
+}
+
+.slide-left-enter-active,
+.slide-left-leave-active,
+.slide-right-enter-active,
+.slide-right-leave-active {
+  transition-duration: 0.5s;
+  transition-property: height, opacity, transform;
+  transition-timing-function: cubic-bezier(0.55, 0, 0.1, 1);
+  overflow: hidden;
+}
+
+.slide-left-enter,
+.slide-right-leave-active {
+  opacity: 0;
+  transform: translate(2em, 0);
+}
+
+.slide-left-leave-active,
+.slide-right-enter {
+  opacity: 0;
+  transform: translate(-2em, 0);
+}
+</style>
@@ -0,0 +1,95 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询备份列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listNeBackup(query: Record<string, any>) {
+  let totalSQL = 'select count(id) as total from ne_backup ';
+  let rowsSQL = ' select * from ne_backup ';
+
+  // 查询
+  let querySQL = 'where 1=1';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+
+  // 分页
+  const pageNum = query.pageNum - 1;
+  const limtSql = ` order by create_time desc limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/ne_backup`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['ne_backup'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 删除备份信息
+ * @param noticeId 网元ID
+ * @returns object
+ */
+export async function delNeBackup(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/systemManagement/v1/${data.neType}/neBackup/${data.fileName}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 获取备份信息文件
+ * @param menuId 网元ID
+ * @returns object
+ */
+export async function downloadNeBackup(data: Record<string, any>) {
+  return await request({
+    url: `/api/rest/systemManagement/v1/${data.neType}/neBackup/${data.fileName}`,
+    method: 'get',
+    responseType: 'blob',
+    timeout: 180_000,
+  });
+}
+
+
+/**
+ * 修改备份说明
+ * @param menuId 网元ID
+ * @returns object
+ */
+export async function updateBackInfo(data:Record<string,any>){
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/ne_backup?WHERE=id=${data.id}`,
+    method: 'put',
+    data: { data: { comment: data.backupInfo } },
+  });
+}
@@ -0,0 +1,55 @@
+import {
+  RESULT_CODE_ERROR,
+  RESULT_CODE_SUCCESS,
+  RESULT_MSG_ERROR,
+} from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询配置详细
+ * @param tag 配置ID
+ * @returns object
+ */
+export async function getConfigInfo(tag: string) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = '${tag}'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['config'][0]),
+    });
+  }
+  return result;
+}
+
+/**
+ * 修改配置
+ * @param data 配置对象
+ * @returns object
+ */
+export async function updateConfig(tag: string, data: Record<string, any>) {
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='${tag}'`,
+    method: 'put',
+    data: { data },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+    let rows = result.data.data.affectedRows;
+    if (rows) {
+      delete result.data;
+      return result;
+    } else {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+    }
+  }
+  return result;
+}
@@ -0,0 +1,462 @@
+import {
+  RESULT_CODE_ERROR,
+  RESULT_CODE_SUCCESS,
+  RESULT_MSG_ERROR,
+  RESULT_MSG_SUCCESS,
+} from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseFirstLower, parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询配置参数标签栏
+ * @param neType 网元类型
+ * @returns object
+ */
+export async function getParamConfigTopTab(neType: string) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/param_config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT top_display,top_tag,method FROM param_config WHERE ne_type = '${neType}'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    data = data['param_config'];
+    if (Array.isArray(data)) {
+      return Object.assign(result, {
+        data: parseObjLineToHump(data),
+      });
+    }
+    return Object.assign(result, {
+      data: [],
+    });
+  }
+  return result;
+}
+
+/**
+ * 查询配置参数标签栏对应信息
+ * @param neType 网元类型
+ * @param topTag
+ * @param neId
+ * @returns object { wrRule, dataArr }
+ */
+async function getParamConfigInfo(
+  neType: string,
+  topTag: string,
+  neId: string
+) {
+  return await Promise.allSettled([
+    // 获取参数规则
+    request({
+      url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/param_config`,
+      method: 'get',
+      params: {
+        SQL: `SELECT param_json FROM param_config WHERE ne_type = '${neType}' AND top_tag='${topTag}'`,
+      },
+    }),
+    // 获取对应信息
+    request({
+      url: `/api/rest/systemManagement/v1/elementType/${neType.toLowerCase()}/objectType/config/${topTag}`,
+      method: 'get',
+      params: {
+        ne_id: neId,
+      },
+    }),
+  ]).then(resArr => {
+    let wrRule: Record<string, any> = {};
+    // 规则数据
+    if (resArr[0].status === 'fulfilled') {
+      const itemV = resArr[0].value;
+      // 解析数据
+      if (
+        itemV.code === RESULT_CODE_SUCCESS &&
+        Array.isArray(itemV.data?.data)
+      ) {
+        let itemData = itemV.data.data;
+        const data = itemData[0]['param_config'];
+        if (Array.isArray(data)) {
+          const v = data[0]['param_json'];
+          try {
+            itemData = parseObjLineToHump(JSON.parse(v));
+            wrRule = itemData;
+          } catch (error) {
+            console.error(error);
+          }
+        }
+      }
+    }
+    let dataArr: Record<string, any>[] = [];
+    // 对应信息
+    if (resArr[1].status === 'fulfilled') {
+      const itemV = resArr[1].value;
+      // 解析数据
+      if (
+        itemV.code === RESULT_CODE_SUCCESS &&
+        Array.isArray(itemV.data?.data)
+      ) {
+        let itemData = itemV.data.data;
+        dataArr = parseObjLineToHump(itemData);
+      }
+    }
+    return { wrRule, dataArr };
+  });
+}
+
+/**
+ * 查询配置参数标签栏对应信息-表格处理
+ * @param neType 网元类型
+ * @param topTag
+ * @param neId
+ * @returns object
+ */
+export async function getParamConfigInfoTable(
+  neType: string,
+  topTag: string,
+  neId: string
+) {
+  const { wrRule, dataArr } = await getParamConfigInfo(neType, topTag, neId);
+
+  // UPF参数不统一
+  // if (neType === 'UPF') {
+  //   if (Reflect.has(wrRule, 'list')) {
+  //     for (const arr of wrRule['list']) {
+  //       arr['name'] = parseFirstLower(arr['name']);
+  //     }
+  //     for (const item of dataArr) {
+  //       for (const k in item) {
+  //         item[parseFirstLower(k)] = item[k];
+  //         Reflect.deleteProperty(item, k);
+  //       }
+  //     }
+  //   }
+  //   if (Reflect.has(wrRule, 'array')) {
+  //     for (const arr of wrRule['array']) {
+  //       if (Array.isArray(arr['array'])) {
+  //         for (const child of arr['array']) {
+  //           child['name'] = parseFirstLower(child['name']);
+  //         }
+  //       }
+  //       arr['name'] = parseFirstLower(arr['name']);
+  //     }
+  //     for (const item of dataArr) {
+  //       for (const k in item) {
+  //         // 处理子列表
+  //         if (Array.isArray(item[k])) {
+  //           for (const child of item[k]) {
+  //             for (const childKey in child) {
+  //               child[parseFirstLower(childKey)] = child[childKey];
+  //               Reflect.deleteProperty(child, childKey);
+  //             }
+  //           }
+  //         }
+  //         item[parseFirstLower(k)] = item[k];
+  //         Reflect.deleteProperty(item, k);
+  //       }
+  //     }
+  //   }
+  // }
+
+  // 拼装数据
+  const result = {
+    code: RESULT_CODE_SUCCESS,
+    msg: RESULT_MSG_SUCCESS,
+    data: {
+      type: 'list' as 'list' | 'array',
+      data: [] as any[],
+      dataRule: {},
+      columns: [] as any[],
+    },
+  };
+
+  // kv单列表
+  if (Reflect.has(wrRule, 'list')) {
+    result.data.type = 'list';
+    const ruleArr = Object.freeze(wrRule['list']);
+
+    // 列表项数据
+    let dataList = [];
+    for (const item of dataArr) {
+      for (const key of Object.keys(item)) {
+        // 规则为准
+        for (const rule of ruleArr) {
+          if (rule['name'] === key) {
+            const ruleItem = Object.assign({ optional: 'true' }, rule, {
+              value: item[key],
+            });
+            dataList.push(ruleItem);
+            break;
+          }
+        }
+      }
+    }
+    result.data.data = dataList;
+
+    // 列表字段
+    result.data.columns = [
+      {
+        title: 'Key',
+        dataIndex: 'display',
+        align: 'left',
+        width: '30%',
+      },
+      {
+        title: 'Value',
+        dataIndex: 'value',
+        align: 'left',
+        width: '70%',
+      },
+    ];
+  }
+
+  // 多列表
+  if (Reflect.has(wrRule, 'array')) {
+    result.data.type = 'array';
+    const ruleArr = Object.freeze(wrRule['array']);
+
+    // 列表项数据
+    const dataArray = [];
+    for (const item of dataArr) {
+      let record: Record<string, any> = {};
+      for (const key of Object.keys(item)) {
+        // 规则为准
+        for (const rule of ruleArr) {
+          if (rule['name'] === key) {
+            const ruleItem = Object.assign({ optional: 'true' }, rule, {
+              value: item[key],
+            });
+            record[ruleItem.name] = ruleItem;
+            break;
+          }
+        }
+      }
+      dataArray.push(record);
+    }
+    result.data.data = dataArray;
+
+    // 无数据时，用于新增
+    let dataRule: Record<string, any> = {};
+    for (const rule of ruleArr) {
+      dataRule[rule.name] = rule;
+    }
+    result.data.dataRule = dataRule;
+
+    // 列表字段
+    const columns: Record<string, any>[] = [];
+    for (const rule of ruleArr) {
+      columns.push({
+        title: rule.display,
+        dataIndex: rule.name,
+        align: 'left',
+        width: 5,
+      });
+    }
+    result.data.columns = columns;
+  }
+  return result;
+}
+
+/**
+ * 查询配置参数标签栏对应信息-表单结构处理
+ * @param neType 网元类型
+ * @param topTag
+ * @param neId
+ * @returns object
+ */
+export async function getParamConfigInfoForm(
+  neType: string,
+  topTag: string,
+  neId: string
+) {
+  const { wrRule, dataArr } = await getParamConfigInfo(neType, topTag, neId);
+
+  // 拼装数据
+  const result = {
+    code: RESULT_CODE_SUCCESS,
+    msg: RESULT_MSG_SUCCESS,
+    data: {
+      type: 'list' as 'list' | 'array',
+      data: [] as Record<string, any>[],
+      dataRule: {},
+    },
+  };
+
+  // kv单列表
+  if (Reflect.has(wrRule, 'list')) {
+    result.data.type = 'list';
+    const ruleArr = Object.freeze(wrRule['list']);
+
+    // 列表项数据
+    const dataList = [];
+    for (const item of dataArr) {
+      for (const key in item) {
+        // 规则为准
+        for (const rule of ruleArr) {
+          if (rule['name'] === key) {
+            const ruleItem = Object.assign({ optional: 'true' }, rule, {
+              value: item[key],
+            });
+            dataList.push(ruleItem);
+            break;
+          }
+        }
+      }
+    }
+    result.data.data = dataList;
+  }
+  // 多列表
+  if (Reflect.has(wrRule, 'array')) {
+    result.data.type = 'array';
+    const ruleArr = Object.freeze(wrRule['array']);
+    // 列表项数据
+    const dataArray = [];
+    for (const item of dataArr) {
+      const index = item['index'];
+      let record: Record<string, any>[] = [];
+      for (const key in item) {
+        // 规则为准
+        for (const rule of ruleArr) {
+          if (rule['name'] === key) {
+            const ruleItem = Object.assign({ optional: 'true' }, rule, {
+              value: item[key],
+            });
+            record.push(ruleItem);
+            break;
+          }
+        }
+      }
+      dataArray.push({ title: `Index-${index}`, key: index, record });
+    }
+    result.data.data = dataArray;
+
+    // 无数据时，用于新增
+    result.data.dataRule = { title: `Index-0`, key: 0, record : [ruleArr]} ;
+  }
+  return result;
+}
+
+/**
+ * 查询配置参数标签栏对应信息子节点
+ * @param neType 网元类型
+ * @param topTag
+ * @param neId
+ * @param loc 子节点（index/字段） 1/dnnList
+ * @returns
+ */
+export async function getParamConfigInfoChild(
+  neType: string,
+  topTag: string,
+  neId: string,
+  loc: string
+) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/systemManagement/v1/elementType/${neType.toLowerCase()}/objectType/config/${topTag}`,
+    method: 'get',
+    params: {
+      ne_id: neId,
+      loc: loc,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    return Object.assign(result, {
+      data: parseObjLineToHump(result.data.data),
+    });
+  }
+  return result;
+}
+
+/**
+ * 修改配置参数标签栏对应信息
+ * @param args 对象 {neType,neId,topTag,loc}
+ * @param data 对象 {修改的数据kv}
+ * @returns object
+ */
+export function updateParamConfigInfo(
+  type: 'list' | 'array',
+  args: Record<string, any>,
+  data: Record<string, any>
+) {
+  let url = `/api/rest/systemManagement/v1/elementType/${args.neType.toLowerCase()}/objectType/config/${
+    args.topTag
+  }?ne_id=${args.neId}`;
+
+  // 多列表需要loc
+  if (type === 'array') {
+    url += `&loc=${args.loc}`;
+  }
+
+  return request({
+    url,
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 新增配置参数标签栏对应信息
+ * @param args 对象 {neType,neId,topTag,loc}
+ * @param data 行记录对象
+ * @returns object
+ */
+export function addParamConfigInfo(
+  args: Record<string, any>,
+  data: Record<string, any>
+) {
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${args.neType.toLowerCase()}/objectType/config/${
+      args.topTag
+    }?ne_id=${args.neId}&loc=${args.loc}`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 删除配置参数标签栏对应信息
+ * @param args 对象 {neType,neId,topTag,loc}
+ * loc 多层表的定位信息{index0}/{paraName1}/{index1}
+ * @param data 行记录对象
+ * @returns object
+ */
+export function delParamConfigInfo(args: Record<string, any>) {
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${args.neType.toLowerCase()}/objectType/config/${
+      args.topTag
+    }?ne_id=${args.neId}&loc=${args.loc}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 更新网元配置重新载入
+ * @param neType 网元类型
+ * @param neId 网元ID
+ * @returns
+ */
+export async function updateNeConfigReload(neType: string, neId: string) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/operationManagement/v1/elementType/${neType}/objectType/mml?ne_id=${neId}`,
+    method: 'post',
+    data: { mml: ['reload'] },
+    timeout: 180_000,
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    const v = result.data.data[0];
+    const str = v.toLowerCase();
+    if (str.indexOf('ok') !== -1) {
+      delete result.data;
+    } else if (str.indexOf('success') !== -1) {
+      delete result.data;
+    } else {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+    }
+  }
+  return result;
+}
@@ -0,0 +1,72 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询软件列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listLicense(query: Record<string, any>) {
+  let totalSQL = 'select count(id) as total from ne_license ';
+  let rowsSQL = ' select * from ne_license ';
+
+  // 查询
+  let querySQL = 'where 1=1';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+
+  // 分页
+  const pageNum = query.pageNum - 1;
+  const limtSql = ` order by created_at desc limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/ne_license`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['ne_license'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 上传文件
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function uploadLicense(data: FormData) {
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${data.get(
+      'nfType'
+    )}/objectType/license?neId=${data.get('nfId')}`,
+    method: 'post',
+    data,
+    dataType: 'form-data',
+    timeout: 180_000,
+  });
+}
@@ -0,0 +1,246 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询网元列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listNeInfo(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from ne_info where status=0 ';
+  let rowsSQL = 'select * from ne_info where status=0 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.neType) {
+    querySQL += ` and ne_type = '${query.neType}' `;
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/ne_info`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['ne_info'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 查询网元详细
+ * @param menuId 网元ID
+ * @returns object
+ */
+export async function getNeInfo(id: string | number) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/ne_info`,
+    method: 'get',
+    params: {
+      SQL: `select * from ne_info where status=0 and id = ${id}`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['ne_info'][0]),
+    });
+  }
+  return result;
+}
+
+/**
+ * 新增网元
+ * @param data 网元对象
+ * @returns object
+ */
+export function addNeInfo(data: Record<string, any>) {
+  data.port = `${data.port}`;
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${data.neType}/objectType/neInfo`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改网元
+ * @param data 网元对象
+ * @returns object
+ */
+export function updateNeInfo(data: Record<string, any>) {
+  data.port = `${data.port}`;
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${data.neType}/objectType/neInfo`,
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除网元
+ * @param noticeId 网元ID
+ * @returns object
+ */
+export async function delNeInfo(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${data.neType}/objectType/neInfo?ne_id=${data.neId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 获取网元网元列表
+ * @returns object
+ */
+export async function getNelistAll() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/ne_info`,
+    method: 'get',
+    params: {
+      SQL: `SELECT ne_type,ne_name,ne_id,ip FROM ne_info WHERE status = 0`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['ne_info']),
+    });
+  }
+  return result;
+}
+
+/**
+ * 导出网元配置文件
+ * @param
+ * @returns bolb
+ */
+export function exportSet(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${data.neType}/objectType/cm?ne_id=${data.neId}`,
+    method: 'get',
+    responseType: 'blob',
+    headers: {
+      'Content-Type': 'application/octet-stream',
+    },
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 导入网元配置文件
+ * @param data 网元对象
+ * @returns object
+ */
+export function importFile(data: Record<string, any>) {
+  let dataType: 'json' | 'form-data' = 'json';
+  let url = `/api/rest/systemManagement/v1/elementType/${data.neType}/objectType/cm?ne_id=${data.neId}`;
+  let obj: any = { fileName: data.fileName };
+  if (data.importType === 'local') {
+    let formData = new FormData();
+    formData.append('nfType', data.neType);
+    formData.append('nfId', data.neId);
+    formData.append('file', data.file);
+    obj = formData;
+    dataType = 'form-data';
+  }
+
+  // 处理FormData类型的data
+  return request({
+    url,
+    method: 'post',
+    data: obj,
+    dataType,
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 查询远程服务器上网元配置文件
+ * @param data 网元对象
+ * @returns object
+ */
+export async function listServerFile(data: Record<string, any>) {
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/ne_backup?SQL= select * from ne_backup where ne_type ='${data.neType}'`,
+    method: 'get',
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['ne_backup']),
+    });
+  }
+  return result;
+}
+
+/**
+ * 启动网元
+ * @param
+ * @returns bolb
+ */
+export function startNf(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${data.neType}/objectType/service/start?neId=${data.neId}`,
+    method: 'post',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 重启网元
+ * @param
+ * @returns bolb
+ */
+export function restartNf(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${data.neType}/objectType/service/restart?neId=${data.neId}`,
+    method: 'post',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 停止网元
+ * @param
+ * @returns bolb
+ */
+export function stopNf(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/systemManagement/v1/elementType/${data.neType}/objectType/service/stop?neId=${data.neId}`,
+    method: 'post',
+    timeout: 180_000,
+  });
+}
@@ -0,0 +1,217 @@
+import {
+  RESULT_CODE_ERROR,
+  RESULT_CODE_SUCCESS,
+  RESULT_MSG_ERROR,
+} from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询软件列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listNeSoftware(query: Record<string, any>) {
+  let totalSQL = 'select count(id) as total from ne_software ';
+  let rowsSQL = ' select * from ne_software ';
+
+  // 查询
+  let querySQL = 'where 1=1';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+
+  // 分页
+  const pageNum = query.pageNum - 1;
+  const limtSql = ` order by update_time desc limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/ne_software`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['ne_software'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 删除软件信息
+ * @param noticeId 网元ID
+ * @returns object
+ */
+export async function delNeSoftware(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/systemManagement/v1/${data.neType}/software/${data.version}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 获取软件信息文件
+ * @param menuId 网元ID
+ * @returns object
+ */
+export async function downloadNeSoftware(data: Record<string, any>) {
+  return await request({
+    url: `/api/rest/systemManagement/v1/${data.neType}/software/${data.version}`,
+    method: 'get',
+    responseType: 'blob',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 上传文件
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function uploadNeSoftware(data: FormData) {
+  return request({
+    url: `/api/rest/systemManagement/v1/${data.get('nf')}/software/${data.get(
+      'version'
+    )}`,
+    method: 'post',
+    data,
+    dataType: 'form-data',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 下发文件
+ * @param data 数据对象
+ * @returns object
+ */
+export async function sendNeSoftware(data: Record<string, any>) {
+  const result = await request({
+    url: `/api/rest/systemManagement/v1/${data.neType}/software/${data.version}/${data.neId}`,
+    method: 'post',
+    timeout: 180_000,
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    delete result.data;
+    return result;
+  }
+  return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+}
+
+/**
+ * 激活文件
+ * @param data 数据对象
+ * @returns object
+ */
+export async function runNeSoftware(data: Record<string, any>) {
+  const result = await request({
+    url: `/api/rest/systemManagement/v1/${data.neType}/software/${data.version}/${data.neId}`,
+    method: 'put',
+    timeout: 180_000,
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    delete result.data;
+    return result;
+  }
+  return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+}
+
+/**
+ * 回退文件
+ * @param data 数据对象
+ * @returns object
+ */
+export async function backNeSoftware(data: Record<string, any>) {
+  const result = await request({
+    url: `/api/rest/systemManagement/v1/${data.neType}/software/${data.version}/${data.neId}`,
+    method: 'PATCH',
+    timeout: 180_000,
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    delete result.data;
+    return result;
+  }
+  return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+}
+
+/**
+ * 查询版本列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listNeVersion(query: Record<string, any>) {
+  let totalSQL = 'select count(id) as total from ne_version ';
+  let rowsSQL = 'select * from ne_version ';
+
+  // 查询
+  let querySQL = 'where 1=1';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+  if (query.status) {
+    querySQL += ` and status = '${query.status}' `;
+  }
+  if (query.beginTime && query.endTime) {
+    querySQL += ` and update_time BETWEEN '${query.beginTime}' AND '${query.endTime}' `;
+  }
+
+  // 分页
+  const pageNum = query.pageNum - 1;
+  const limtSql = ` order by update_time desc limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/ne_version`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['ne_version'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
@@ -0,0 +1,289 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+import { parseDateToStr } from '@/utils/date-utils';
+import useUserStore from '@/store/modules/user';
+
+/**
+ * 获取活动告警数
+ * @returns object
+ */
+export async function getActiveAlarmTotal() {
+  let totalSQL = `select count(*)  as total from alarm where alarm_status='1'`;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/alarm`,
+    method: 'get',
+    params: {
+      SQL: totalSQL,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const itemData = result.data.data;
+    if (Array.isArray(itemData)) {
+      const v = itemData[0]['alarm'];
+      if (Array.isArray(v)) {
+        result.data = v[0]['total'];
+      }
+    }
+  }
+  return result;
+}
+
+/**
+ * 查询列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listAct(query: Record<string, any>, filterSQl: string) {
+  let totalSQL = `select count(*)  as total from alarm where alarm_status='1' ${filterSQl} `;
+  let rowsSQL = `select * from alarm where alarm_status='1' ${filterSQl}`;
+  // 查询
+  let querySQL = '';
+  if (query.alarmCode) {
+    querySQL += ` and alarm_code = '${query.alarmCode}' `;
+  }
+
+  if (query.alarmType) {
+    querySQL += ` and alarm_type = '${query.alarmType}' `;
+  }
+
+  if (query.pvFlag) {
+    querySQL += ` and pv_flag = '${query.pvFlag}' `;
+  }
+
+  if (query.origSeverity) {
+    querySQL += ` and orig_severity in('${query.origSeverity}' )`;
+  }
+
+  if (query.neId) {
+    querySQL += ` and ne_id like '%${query.neId}%' `;
+  }
+
+  if (query.neName) {
+    querySQL += ` and ne_name like '%${query.neName}%' `;
+  }
+
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+
+  if (query.beginTime && query.endTime) {
+    querySQL += ` and event_time BETWEEN '${query.beginTime}' and ' ${query.endTime}'`;
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` order by event_time desc limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/alarm`,
+    method: 'get',
+    params: {
+      SQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['alarm'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 确认告警信息
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function updateConfirm(data: Record<string, any>) {
+  var time = new Date();
+  const userName = useUserStore().userName;
+  let finalData = {
+    alarm: {
+      ack_time: parseDateToStr(time),
+      ack_user: userName,
+      ack_state: '1',
+    },
+  };
+
+  return request({
+    url: `/api/rest/databaseManagement/v1/update/omc_db/alarm?WHERE=id='${data.id}'`,
+    method: 'put',
+    data: finalData,
+  });
+}
+
+/**
+ * 取消确认告警
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function cancelConfirm(data: (string | number)[]) {
+  var time = new Date();
+  const userName = useUserStore().userName;
+  let finalData = {
+    alarm: {
+      ack_time: parseDateToStr(time),
+      ack_user: '',
+      ack_state: '0',
+    },
+  };
+
+  return request({
+    url: `/api/rest/databaseManagement/v1/update/omc_db/alarm?WHERE=id in(${data.join(
+      ','
+    )})`,
+    method: 'put',
+    data: finalData,
+  });
+}
+
+/**
+ * 设置告警显示过滤
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function showPass(data: Record<string, any>) {
+  let querySQL = '';
+  querySQL += data.alarm_code ? ` and alarm_code != ${data.alarm_code} ` : '';
+  querySQL += data.alarm_type
+    ? ` and alarm_type !=\\' ${data.alarm_type} \\'`
+    : '';
+  querySQL += data.pv_flag ? ` and pv_flag !=\\'${data.pv_flag} \\'` : '';
+  querySQL += data.orig_severity
+    ? ` and orig_severity !=\\'${data.orig_severity}\\'`
+    : '';
+  querySQL += data.ne_id ? ` and ne_id !=\\'${data.ne_id}\\' ` : '';
+  querySQL += data.ne_type ? ` and ne_type !=\\'${data.ne_type}\\' ` : '';
+
+  let toBackJson = {
+    data: {
+      value: querySQL,
+      value_json: JSON.stringify(data),
+    },
+  };
+
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='displayFilter'`,
+    method: 'put',
+    data: toBackJson,
+  });
+}
+/**
+ * 获取告警显示过滤条件
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function getPass() {
+  return request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: "SELECT value_json,value FROM config WHERE config_tag ='displayFilter'",
+    },
+  });
+}
+
+/**
+ * 清除告警信息
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function clearAlarm(data: Record<string, any>) {
+  var time = new Date();
+  const userName = useUserStore().userName;
+  let finalData = {
+    data: {
+      clear_time: parseDateToStr(time),
+      clear_type: '2',
+      alarm_status: '0',
+      clear_user: userName,
+    },
+  };
+
+  return request({
+    url: `/api/rest/databaseManagement/v1/update/omc_db/alarm?WHERE=id in(${data.join(
+      ','
+    )})`,
+    method: 'put',
+    data: finalData,
+  });
+}
+
+/**
+ * 手工同步
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function listSync() {
+  return request({
+    url: `/api/rest/faultManagement/v1/elementType/all/objectType/alarms`,
+    method: 'get',
+  });
+}
+
+/**
+ * 活动告警导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export async function exportAll(query: Record<string, any>) {
+  let rowsSQL = `select * from alarm where alarm_status='1'`;
+  // 查询
+  let querySQL = '';
+  querySQL += query.alarm_code
+    ? ` and alarm_code = '${query.alarm_code}' `
+    : '';
+  querySQL += query.alarm_type
+    ? ` and alarm_type = '${query.alarm_type}' `
+    : '';
+  querySQL += query.pv_flag ? ` and pv_flag = '${query.pv_flag}' ` : '';
+  querySQL += query.orig_severity
+    ? ` and orig_severity in('${query.orig_severity}' )`
+    : '';
+  querySQL += query.ne_id ? ` and ne_id like '%${query.ne_id}%' ` : '';
+  querySQL += query.ne_name ? ` and ne_name like '%${query.ne_name}%' ` : '';
+  querySQL += query.ne_type ? ` and ne_type like '%${query.ne_type}%' ` : '';
+  querySQL +=
+    query.beginTime && query.endTime
+      ? ` and event_time BETWEEN '${query.beginTime}' and ' ${query.endTime}'`
+      : '';
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/alarm`,
+    method: 'get',
+    params: {
+      rowsSQL: rowsSQL + querySQL,
+    },
+  });
+
+  if (result.code === RESULT_CODE_SUCCESS) {
+    let v = result.data.data[0];
+    const vArr = parseObjLineToHump(v['alarm']);
+    result.data = vArr == null ? [] : vArr;
+  }
+  return result;
+}
@@ -0,0 +1,190 @@
+import {
+  RESULT_CODE_ERROR,
+  RESULT_CODE_SUCCESS,
+  RESULT_MSG_ERROR,
+  RESULT_MSG_SUCCESS,
+} from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询告警设置
+ * @param tag 配置ID
+ * @returns object
+ */
+export async function getAlarmSet() {
+  let arr = [];
+
+  // 历史告警保存时间
+  const logDurationResult = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = 'historyDuration'`,
+    },
+  });
+  arr.push(logDurationResult);
+  // 同步设置
+  const logCapacityResult = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = 'syncTaskPeriod'`,
+    },
+  });
+  arr.push(logCapacityResult);
+
+  // 发起请求
+  const result = await Promise.allSettled(arr).then(resArr => {
+    let resultData: any = {};
+    for (const item of resArr) {
+      if (item.status === 'rejected') {
+        continue;
+      }
+      const itemV = item.value;
+      // 解析数据
+      if (
+        itemV.code === RESULT_CODE_SUCCESS &&
+        Array.isArray(itemV.data.data)
+      ) {
+        let itemData = itemV.data.data[0];
+        const v = parseObjLineToHump(itemData['config'][0]);
+        let vJSON: any = {};
+        if (v.configTag == 'syncTaskPeriod') {
+          try {
+            vJSON = JSON.parse(v.valueJson);
+          } catch (error) {
+            console.error(error);
+          }
+          resultData = { ...resultData, ...vJSON };
+        } else {
+          resultData[v.configTag] = parseInt(v.value);
+        }
+      }
+    }
+    if (Object.keys(resultData).length === 0) {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR, data: {} };
+    }
+    return {
+      code: RESULT_CODE_SUCCESS,
+      msg: RESULT_MSG_SUCCESS,
+      data: resultData,
+    };
+  });
+  return result;
+}
+
+/**
+ * 修改告警设置
+ * @param data 配置对象
+ * @returns object
+ */
+export async function updateAlarmSet(data: Record<string, any>) {
+  let { historyDuration, ...syncTaskPeriodJson } = data;
+  let arr = [];
+
+  // 历史告警保存时间
+  const historyDurationResult = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='historyDuration'`,
+    method: 'put',
+    data: { data: { value: data.historyDuration.toString() } },
+  });
+  arr.push(historyDurationResult);
+  // 同步设置
+  const syncTaskPeriodResult = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='syncTaskPeriod'`,
+    method: 'put',
+    data: { data: { value_json: JSON.stringify(syncTaskPeriodJson) } },
+  });
+  arr.push(syncTaskPeriodResult);
+
+  // 发起请求
+  const result = await Promise.allSettled(arr).then(resArr => {
+    let resultNum = 0;
+    for (const item of resArr) {
+      if (item.status === 'rejected') {
+        continue;
+      }
+      const itemV = item.value;
+      // 解析数据
+      let itemData = itemV.data.data;
+      if (itemV.code === RESULT_CODE_SUCCESS && itemData) {
+        let rows = itemData.affectedRows;
+        if (rows) {
+          resultNum += rows;
+        }
+      }
+    }
+    // 无变更时
+    if (resultNum === 0) {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR, data: 0 };
+    }
+    return {
+      code: RESULT_CODE_SUCCESS,
+      msg: RESULT_MSG_SUCCESS,
+      data: resultNum,
+    };
+  });
+  return result;
+}
+
+/**
+ * 查询告警前转接口设置
+ * @param tag 配置ID
+ * @returns object
+ */
+export async function getForwardSet() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = 'forwardAlarm'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    const v = parseObjLineToHump(data['config'][0]);
+    let vJSON: any = {};
+    try {
+      vJSON = JSON.parse(v.valueJson);
+    } catch (error) {
+      console.error(error);
+    }
+    return Object.assign(result, {
+      data: vJSON,
+    });
+  }
+  return result;
+}
+
+/**
+ * 修改告警前转接口配置
+ * @param data 配置对象
+ * @returns object
+ */
+export async function updateForwardSet(data: Record<string, any>) {
+  // return false;
+  console.log(data)
+  let obj:any=[
+    {interface:"Email",to_user:data.emailObj},
+    {interface:"SMS",to_user:data.smsObj}
+  ]
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='forwardAlarm'`,
+    method: 'put',
+    data: { data: { value_json: JSON.stringify(obj) } },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+    let rows = result.data.data.affectedRows;
+    if (rows) {
+      delete result.data;
+      return result;
+    } else {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+    }
+  }
+  return result;
+}
@@ -0,0 +1,161 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+import { parseDateToStr } from '@/utils/date-utils';
+import useUserStore from '@/store/modules/user';
+
+/**
+ * 查询列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listAct(query: Record<string, any>) {
+  let totalSQL = `select count(*)  as total from alarm where alarm_status='0'`;
+  let rowsSQL = `select * from alarm where alarm_status='0'`;
+  // 查询
+  let querySQL = '';
+  querySQL += query.alarm_code
+    ? ` and alarm_code = '${query.alarm_code}' `
+    : '';
+  querySQL += query.alarm_type
+    ? ` and alarm_type = '${query.alarm_type}' `
+    : '';
+  querySQL += query.pv_flag ? ` and pv_flag = '${query.pv_flag}' ` : '';
+  querySQL += query.orig_severity
+    ? ` and orig_severity in('${query.orig_severity}' )`
+    : '';
+  querySQL += query.ne_id ? ` and ne_id like '%${query.ne_id}%' ` : '';
+  querySQL += query.ne_name ? ` and ne_name like '%${query.ne_name}%' ` : '';
+  querySQL += query.ne_type ? ` and ne_type like '%${query.ne_type}%' ` : '';
+  querySQL +=
+    query.beginTime && query.endTime
+      ? ` and event_time BETWEEN '${query.beginTime}' and ' ${query.endTime}'`
+      : '';
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` order by clear_time desc limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/alarm`,
+    method: 'get',
+    params: {
+      SQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['alarm'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 确认告警信息
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function updateConfirm(data: Record<string, any>) {
+  var time = new Date();
+  const userName = useUserStore().userName;
+  let finalData = {
+    alarm: {
+      ack_time: parseDateToStr(time),
+      ack_user: userName,
+      ack_state: '1',
+    },
+  };
+
+  return request({
+    url: `/api/rest/databaseManagement/v1/update/omc_db/alarm?WHERE=id='${data.id}'`,
+    method: 'put',
+    data: finalData,
+  });
+}
+
+/**
+ * 取消确认告警
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function cancelConfirm(data: (string | number)[]) {
+  var time = new Date();
+  let finalData = {
+    alarm: {
+      ack_time: parseDateToStr(time),
+      ack_user: '',
+      ack_state: '0',
+    },
+  };
+
+  return request({
+    url: `/api/rest/databaseManagement/v1/update/omc_db/alarm?WHERE=id in(${data.join(
+      ','
+    )})`,
+    method: 'put',
+    data: finalData,
+  });
+}
+
+/**
+ * 历史告警导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export async function exportAll(query: Record<string, any>) {
+  let rowsSQL = `select * from alarm where alarm_status='0'`;
+  // 查询
+  let querySQL = '';
+  querySQL += query.alarm_code
+    ? ` and alarm_code = '${query.alarm_code}' `
+    : '';
+  querySQL += query.alarm_type
+    ? ` and alarm_type = '${query.alarm_type}' `
+    : '';
+  querySQL += query.pv_flag ? ` and pv_flag = '${query.pv_flag}' ` : '';
+  querySQL += query.orig_severity
+    ? ` and orig_severity in('${query.orig_severity}' )`
+    : '';
+  querySQL += query.ne_id ? ` and ne_id like '%${query.ne_id}%' ` : '';
+  querySQL += query.ne_name ? ` and ne_name like '%${query.ne_name}%' ` : '';
+  querySQL += query.ne_type ? ` and ne_type like '%${query.ne_type}%' ` : '';
+  querySQL +=
+    query.beginTime && query.endTime
+      ? ` and event_time BETWEEN '${query.beginTime}' and ' ${query.endTime}'`
+      : '';
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/alarm`,
+    method: 'get',
+    params: {
+      rowsSQL: rowsSQL + querySQL,
+    },
+  });
+
+  if (result.code === RESULT_CODE_SUCCESS) {
+    let v = result.data.data[0];
+    const vArr = parseObjLineToHump(v['alarm']);
+    result.data = vArr == null ? [] : vArr;
+  }
+  return result;
+}
@@ -0,0 +1,79 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseDateToStr } from '@/utils/date-utils';
+/**
+ * 查询公告列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listMain() {
+  const result = await request({
+    url: '/api/rest/systemManagement/v1/elementType/all/objectType/systemState',
+    method: 'get',
+    timeout: 60_000,
+  });
+  // console.log(result);
+  let realData = result.data.data;
+  const mergedData = realData.map((obj: any) => {
+    // console.log(obj);
+    const [key, value] = Object.entries(obj)[0];
+    const ipAddress = (value as any).ipAddress;
+    const systemState = (value as any).systemState;
+    const errCode = systemState && systemState['errorCode'];
+    var time = new Date();
+    // console.log(key, value);
+    let mergedObj;
+    if (errCode === undefined && systemState) {
+      mergedObj = {
+        ...systemState,
+        refresh: parseDateToStr(time),
+        ipAddress: ipAddress,
+        name: key.split('/').join('_'),
+        status: 'Normal',
+      };
+    } else {
+      mergedObj = {
+        version: '-',
+        refresh: parseDateToStr(time),
+        ipAddress: ipAddress,
+        name: key.split('/').join('_'),
+        status: 'Abnormal',
+      };
+    }
+    return mergedObj;
+  });
+
+  // console.log(mergedData);
+  //  console.log(rowArr)
+  return mergedData;
+}
+
+/**
+ * 获取服务器时间
+ * @returns object
+ */
+export async function getServerTime() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/systemManagement/v1/elementType/OMC/objectType/time`,
+    method: 'get',
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && result.data) {
+    return Object.assign(result, {
+      data: result.data.data,
+    });
+  }
+  return result;
+}
+
+/**
+ * 获取系统暴露的配置信息
+ * @returns object
+ */
+export function getSysConf() {
+  return request({
+    url: `/sys-conf`,
+    method: 'get',
+  });
+}
@@ -0,0 +1,72 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listAlarm(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from alarm_log where 1=1 ';
+  let rowsSQL = 'select * from alarm_log where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+  if (query.status) {
+    querySQL += ` and alarm_status = '${query.status}' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and log_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and log_time <= '${query.endTime}' `;
+  }
+
+  // 排序
+  let sortSql = ' order by log_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/alarm_log`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['alarm_log'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
@@ -0,0 +1,69 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listForwarding(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from alarm_forward_log where 1=1 ';
+  let rowsSQL = 'select * from alarm_forward_log where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and log_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and log_time <= '${query.endTime}' `;
+  }
+
+  // 排序
+  let sortSql = ' order by log_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/alarm_forward_log`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['alarm_forward_log'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
@@ -0,0 +1,328 @@
+import {
+  RESULT_CODE_ERROR,
+  RESULT_CODE_SUCCESS,
+  RESULT_MSG_ERROR,
+  RESULT_MSG_SUCCESS,
+} from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询日志设置
+ * @param tag 配置ID
+ * @returns object
+ */
+export async function getLogSet() {
+  let arr = [];
+
+  // 日志保存时间
+  const logDurationResult = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = 'logDuration'`,
+    },
+  });
+  arr.push(logDurationResult);
+  // 日志最大容量
+  const logCapacityResult = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = 'logCapacity'`,
+    },
+  });
+  arr.push(logCapacityResult);
+
+  // 发起请求
+  const result = await Promise.allSettled(arr).then(resArr => {
+    let resultData: any = {};
+    for (const item of resArr) {
+      if (item.status === 'rejected') {
+        continue;
+      }
+      const itemV = item.value;
+      // 解析数据
+      if (
+        itemV.code === RESULT_CODE_SUCCESS &&
+        Array.isArray(itemV.data.data)
+      ) {
+        let itemData = itemV.data.data[0];
+        const v = parseObjLineToHump(itemData['config'][0]);
+        resultData[v.configTag] = parseInt(v.value);
+      }
+    }
+    if (Object.keys(resultData).length === 0) {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR, data: {} };
+    }
+
+    return {
+      code: RESULT_CODE_SUCCESS,
+      msg: RESULT_MSG_SUCCESS,
+      data: resultData,
+    };
+  });
+  return result;
+}
+
+/**
+ * 修改日志设置
+ * @param data 配置对象
+ * @returns object
+ */
+export async function updateLogSet(data: Record<string, any>) {
+  let arr = [];
+  for (const key in data) {
+    const value = `${data[key]}`;
+    const result = request({
+      url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='${key}'`,
+      method: 'put',
+      data: { data: { value } },
+    });
+    arr.push(result);
+  }
+
+  const result = await Promise.allSettled(arr).then(resArr => {
+    let resultNum = 0;
+    for (const item of resArr) {
+      if (item.status === 'rejected') {
+        continue;
+      }
+      const itemV = item.value;
+      // 解析数据
+      let itemData = itemV.data.data;
+      if (itemV.code === RESULT_CODE_SUCCESS && itemData) {
+        let rows = itemData.affectedRows;
+        if (rows) {
+          resultNum += rows;
+        }
+      }
+    }
+    // 无变更时
+    if (resultNum === 0) {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR, data: 0 };
+    }
+    return {
+      code: RESULT_CODE_SUCCESS,
+      msg: RESULT_MSG_SUCCESS,
+      data: resultNum,
+    };
+  });
+  return result;
+}
+
+/**
+ * 查询FTP日志设置
+ * @param tag 配置ID
+ * @returns object
+ */
+export async function getFtpLogSet() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = 'ftpLogSet'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    const v = parseObjLineToHump(data['config'][0]);
+    let vJSON: any = {};
+    try {
+      vJSON = JSON.parse(v.valueJson);
+      vJSON['ftpLog'] = parseInt(vJSON['ftpLog']) || 12;
+    } catch (error) {
+      console.error(error);
+    }
+    return Object.assign(result, {
+      data: vJSON,
+    });
+  }
+  return result;
+}
+
+/**
+ * 修改FTP日志配置
+ * @param data 配置对象
+ * @returns object
+ */
+export async function updateFtpLogSet(data: Record<string, any>) {
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='ftpLogSet'`,
+    method: 'put',
+    data: { data: { value_json: JSON.stringify(data) } },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+    let rows = result.data.data.affectedRows;
+    if (rows) {
+      delete result.data;
+      return result;
+    } else {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+    }
+  }
+  return result;
+}
+
+/**
+ * 查询日志远程输出设置
+ * @param tag 配置ID
+ * @returns object
+ */
+export async function getRemoteOut() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = 'remoteLogSet'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    const v = parseObjLineToHump(data['config'][0]);
+    let vJSON = {};
+    try {
+      vJSON = JSON.parse(v.valueJson);
+    } catch (error) {
+      console.error(error);
+    }
+    return Object.assign(result, {
+      data: vJSON,
+    });
+  }
+  return result;
+}
+
+/**
+ * 修改日志远程输出配置
+ * @param data 配置对象
+ * @returns object
+ */
+export async function updateRemoteOut(data: Record<string, any>) {
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='remoteLogSet'`,
+    method: 'put',
+    data: { data: { value_json: JSON.stringify(data) } },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+    let rows = result.data.data.affectedRows;
+    if (rows) {
+      delete result.data;
+      return result;
+    } else {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+    }
+  }
+  return result;
+}
+
+/**
+ * 日志查询导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export async function exportLog(query: Record<string, any>) {
+  // 查询
+  let querySQL = '';
+  if (query.logType === 'security_log') {
+    querySQL = `SELECT account_name,account_type,op_ip,op_type,op_content,op_result,op_time
+    FROM security_log 
+    WHERE op_time >= '${query.beginTime}' AND op_time <= '${query.endTime}' 
+    order by op_time`;
+  }
+  if (query.logType === 'alarm_log') {
+    querySQL = `SELECT ne_type,ne_id,alarm_id,alarm_seq,alarm_code,alarm_status,event_time,log_time
+    FROM security_log 
+    WHERE log_time >= '${query.beginTime}' AND log_time <= '${query.endTime}' 
+    order event_time,log_time`;
+  }
+  if (query.logType === 'operation_log') {
+    querySQL = `SELECT account_name,account_type,op_ip,subsys_tag,op_type,op_content,op_result,begin_time,end_time,vnf_flag
+    FROM operation_log 
+    WHERE begin_time >= '${query.beginTime}' AND end_time <= '${query.endTime}' AND op_type ='${query.opType}' 
+    order begin_time,end_time`;
+  }
+  if (!querySQL) {
+    return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+  }
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/${query.logType}`,
+    method: 'get',
+    params: {
+      SQL: querySQL,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    let v = result.data.data[0];
+    const vArr = parseObjLineToHump(v[query.logType]);
+    result.data = vArr == null ? [] : vArr;
+  }
+  return result;
+}
+
+/**
+ * 日志手动备份
+ * @param data 配置对象
+ * @returns object
+ */
+export async function backupLog(logType: string) {
+  const result = await request({
+    url: `/api/rest/dataManagement/v1/omc_db/${logType}/backup`,
+    method: 'post',
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+    let v = result.data.data[logType].affectedRows || 0;
+    if (v) {
+      result.data = v;
+      return result;
+    } else {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+    }
+  }
+  return result;
+}
+
+/**
+ * 日志手动备份文件下载
+ * @param data 配置对象
+ * @returns object
+ */
+export async function backupDownload(path: string) {
+  return request({
+    url: `/api/rest/fileManagement/v1/path/file?path=${path}`,
+    method: 'get',
+    responseType: 'blob',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 日志手动备份文件列表
+ * @param data 配置对象
+ * @returns object
+ */
+export function backupFileList() {
+  return request({
+    url: `/api/rest/fileManagement/v1/files/listFiles`,
+    method: 'post',
+    data: {
+      path: '/usr/local/omc/database',
+      expand: true,
+      showHidden: false,
+      page: 1,
+      pageSize: 100,
+      search: '',
+      containSub: false,
+    },
+  });
+}
@@ -0,0 +1,69 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listMML(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from mml_log where 1=1 ';
+  let rowsSQL = 'select * from mml_log where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.accountName) {
+    querySQL += ` and user like '%${query.accountName}%' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and log_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and log_time <= '${query.endTime}' `;
+  }
+
+  // 排序
+  let sortSql = ' order by log_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/mml_log`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['mml_log'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
@@ -0,0 +1,72 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listOperationLog(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from operation_log where 1=1 ';
+  let rowsSQL = 'select * from operation_log where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.accountName) {
+    querySQL += ` and account_name like '%${query.accountName}%' `;
+  }
+  if (query.opType) {
+    querySQL += ` and op_type = '${query.opType}' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and begin_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and end_time <= '${query.endTime}' `;
+  }
+
+  // 排序
+  let sortSql = ' order by begin_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/operation_log`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['operation_log'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
@@ -0,0 +1,72 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listSecurityLog(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from security_log where 1=1 ';
+  let rowsSQL = 'select * from security_log where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.accountName) {
+    querySQL += ` and account_name like '%${query.accountName}%' `;
+  }
+  if (query.opType) {
+    querySQL += ` and op_type = '${query.opType}' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and op_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and op_time <= '${query.endTime}' `;
+  }
+
+  // 排序
+  let sortSql = ' order by op_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/security_log`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['security_log'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
@@ -0,0 +1,59 @@
+import { request } from '@/plugins/http-fetch';
+
+// 登录方法
+export function login(data: Record<string, string>) {
+  return request({
+    url: '/login',
+    method: 'post',
+    data: data,
+    whithToken: false,
+  });
+}
+
+/**
+ * 注册方法
+ * @param data 注册对象
+ * @returns object
+ */
+export function register(data: Record<string, any>) {
+  return request({
+    url: '/register',
+    method: 'post',
+    data: data,
+    whithToken: false,
+  });
+}
+
+/**
+ * 获取用户详细信息
+ * @returns object
+ */
+export function getInfo() {
+  return request({
+    url: '/getInfo',
+    method: 'get',
+  });
+}
+
+/**
+ * 退出方法
+ * @returns object
+ */
+export function logout() {
+  return request({
+    url: '/logout',
+    method: 'post',
+  });
+}
+
+/**
+ * 获取验证码
+ * @returns object
+ */
+export function getCaptchaImage() {
+  return request({
+    url: '/captchaImage',
+    method: 'get',
+    whithToken: false,
+  });
+}
@@ -0,0 +1,62 @@
+import {
+  RESULT_CODE_ERROR,
+  RESULT_CODE_SUCCESS,
+  RESULT_MSG_ERROR,
+} from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询操作维护接口设置
+ * @param tag 配置ID
+ * @returns object
+ */
+export async function getOperationSet() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM config WHERE config_tag = 'operationSet'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    const v = parseObjLineToHump(data['config'][0]);
+    let vJSON = {};
+    try {
+      vJSON = JSON.parse(v.valueJson);
+    } catch (error) {
+      console.error(error);
+    }
+    return Object.assign(result, {
+      data: vJSON,
+    });
+  }
+  return result;
+}
+
+/**
+ * 修改操作维护接口设置
+ * @param data 配置对象
+ * @returns object
+ */
+export async function updateOperationSet(data: Record<string, any>) {
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/config?WHERE=config_tag='operationSet'`,
+    method: 'put',
+    data: { data: { value_json: JSON.stringify(data) } },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+    let rows = result.data.data.affectedRows;
+    if (rows) {
+      delete result.data;
+      return result;
+    } else {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+    }
+  }
+  return result;
+}
@@ -0,0 +1,53 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询网元可用cmd命令
+ * @param neType 网元类型
+ * @returns object
+ */
+export async function getMMLByNE(neType: string) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/mml_system`,
+    method: 'get',
+    params: {
+      SQL: `select * from mml_system where ne_type = '${neType}'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['mml_system']),
+    });
+  }
+  return result;
+}
+
+/**
+ * 发送网元的mml命令
+ * @param neType 网元类型
+ * @param neId 网元ID
+ * @param cmdStr 命令串
+ * @returns
+ */
+export async function sendMMlByNE(
+  neType: string,
+  neId: string,
+  cmdStr: string
+) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/operationManagement/v1/elementType/${neType}/objectType/mml?ne_id=${neId}`,
+    method: 'post',
+    data: { mml: [cmdStr] },
+    timeout: 180_000,
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    result.data = result.data.data[0];
+  }
+  return result;
+}
@@ -0,0 +1,47 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询OMC可用cmd命令
+ * @returns object
+ */
+export async function getMMLByOMC() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/mml_command`,
+    method: 'get',
+    params: {
+      SQL: `select * from mml_command where ne_type = 'OMC'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['mml_command']),
+    });
+  }
+  return result;
+}
+
+/**
+ * 发送OMC的mml命令
+ * @param neId 网元ID
+ * @param cmdStr 命令串
+ * @returns
+ */
+export async function sendMMlByOMC(neId: string, cmdStr: string) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/operationManagement/v1/elementType/OMC/objectType/mml?ne_id=${neId}`,
+    method: 'post',
+    data: { mml: [cmdStr] },
+    timeout: 180_000,
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    result.data = result.data.data[0];
+  }
+  return result;
+}
@@ -0,0 +1,47 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询UDM可用cmd命令
+ * @returns object
+ */
+export async function getMMLByUDM() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/mml_subscriber`,
+    method: 'get',
+    params: {
+      SQL: `select * from mml_subscriber where ne_type = 'UDM'`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['mml_subscriber']),
+    });
+  }
+  return result;
+}
+
+/**
+ * 发送UDM的mml命令
+ * @param neId 网元ID
+ * @param cmdStr 命令串
+ * @returns
+ */
+export async function sendMMlByUDM(neId: string, cmdStr: string) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/operationManagement/v1/elementType/UDM/objectType/mml?ne_id=${neId}`,
+    method: 'post',
+    data: { mml: [cmdStr] },
+    timeout: 180_000,
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    result.data = result.data.data[0];
+  }
+  return result;
+}
@@ -0,0 +1,86 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 查询缓存详细
+ * @returns object
+ */
+export function getCache() {
+  return request({
+    url: '/monitor/cache',
+    method: 'get',
+  });
+}
+
+/**
+ * 查询缓存名称列表
+ * @returns object
+ */
+export function listCacheName() {
+  return request({
+    url: '/monitor/cache/getNames',
+    method: 'get',
+  });
+}
+
+/**
+ * 查询缓存名称下键名列表
+ * @param cacheName 缓存名称列表中得到的缓存名称
+ * @returns object
+ */
+export function listCacheKey(cacheName: string) {
+  return request({
+    url: `/monitor/cache/getKeys/${cacheName}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 查询缓存内容
+ * @param cacheName 键名列表中得到的缓存名称
+ * @param cacheKey 键名列表中得到的缓存键名
+ * @returns object
+ */
+export function getCacheValue(cacheName: string, cacheKey: string) {
+  return request({
+    url: `/monitor/cache/getValue/${cacheName}/${cacheKey}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 删除缓存名称下键名列表
+ * @param cacheName 缓存名称列表中得到的缓存名称
+ * @returns object
+ */
+export function clearCacheName(cacheName: string) {
+  return request({
+    url: `/monitor/cache/clearCacheName/${cacheName}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 删除缓存键名
+ * @param cacheName 键名列表中得到的缓存名称
+ * @param cacheKey 键名列表中得到的缓存键名
+ * @returns object
+ */
+export function clearCacheKey(cacheName: string, cacheKey: string) {
+  return request({
+    url: `/monitor/cache/clearCacheKey/${cacheName}/${cacheKey}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 安全清理缓存名称
+ *
+ * 指定可清理的缓存key
+ * @returns object
+ */
+export function clearCacheSafe() {
+  return request({
+    url: '/monitor/cache/clearCacheSafe',
+    method: 'delete',
+  });
+}
@@ -0,0 +1,121 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 定时任务调度列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportJob(query: Record<string, any>) {
+  return request({
+    url: '/monitor/job/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询定时任务调度列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listJob(query: Record<string, any>) {
+  return request({
+    url: '/monitor/job/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询定时任务调度详细
+ * @param jobId 任务ID
+ * @returns object
+ */
+export function getJob(jobId: string | number) {
+  return request({
+    url: `/monitor/job/${jobId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增定时任务调度
+ * @param data 任务对象
+ * @returns object
+ */
+export function addJob(data: Record<string, any>) {
+  return request({
+    url: '/monitor/job',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改定时任务调度
+ * @param data 任务对象
+ * @returns object
+ */
+export function updateJob(data: Record<string, any>) {
+  return request({
+    url: '/monitor/job',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除定时任务调度
+ * @param jobId 任务ID
+ * @returns object
+ */
+export function delJob(jobId: string | number) {
+  return request({
+    url: `/monitor/job/${jobId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 任务状态修改
+ * @param jobId 任务ID
+ * @param status 变更状态值
+ * @returns
+ */
+export function changeJobStatus(
+  jobId: string | number,
+  status: string | number
+) {
+  return request({
+    url: '/monitor/job/changeStatus',
+    method: 'put',
+    data: {
+      jobId,
+      status,
+    },
+  });
+}
+
+/**
+ * 定时任务立即执行一次
+ * @param jobId 任务ID
+ * @returns object
+ */
+export function runJob(jobId: string) {
+  return request({
+    url: `/monitor/job/run/${jobId}`,
+    method: 'put',
+  });
+}
+
+/**
+ * 重置刷新队列
+ * @returns object
+ */
+export function resetQueueJob() {
+  return request({
+    url: '/monitor/job/resetQueueJob',
+    method: 'put',
+  });
+}
@@ -0,0 +1,53 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 定时任务调度日志列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportJobLog(
+  query: Record<string, any>
+) {
+  return request({
+    url: '/monitor/jobLog/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询调度日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listJobLog(query: Record<string, any>) {
+  return request({
+    url: '/monitor/jobLog/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 删除调度日志
+ * @param jobLogId 任务日志Id
+ * @returns object
+ */
+export function delJobLog(jobLogId: string) {
+  return request({
+    url: `/monitor/jobLog/${jobLogId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 清空调度日志
+ * @returns object
+ */
+export function cleanJobLog() {
+  return request({
+    url: '/monitor/jobLog/clean',
+    method: 'delete',
+  });
+}
@@ -0,0 +1,10 @@
+import { request } from '@/plugins/http-fetch';
+
+/**资源监控信息加载 */
+export function getLoad(query: Record<string, any>) {
+  return request({
+    url: '/monitor/load',
+    method: 'get',
+    params: query,
+  });
+}
@@ -0,0 +1,26 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 查询在线用户列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listOnline(query: Record<string, any>) {
+  return request({
+    url: '/monitor/online/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 强退用户
+ * @param tokenId 授权标识
+ * @returns object
+ */
+export function forceLogout(tokenId: string) {
+  return request({
+    url: `/monitor/online/${tokenId}`,
+    method: 'delete',
+  });
+}
@@ -0,0 +1,93 @@
+import {
+  RESULT_CODE_ERROR,
+  RESULT_CODE_SUCCESS,
+  RESULT_MSG_ERROR,
+} from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询用户会话列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listSession(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from session where 1=1 ';
+  let rowsSQL = 'select * from session where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.accountId) {
+    querySQL += ` and account_id like '%${query.accountId}%' `;
+  }
+  if (query.ip) {
+    querySQL += ` and host like '%${query.ip}%' `;
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 排序
+  let sortSql = ' order by login_time ';
+  if (query.sortOrder === 'desc') {
+    sortSql += ' desc ';
+  } else {
+    sortSql += ' asc ';
+  }
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/session`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['session'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 强退用户会话
+ * @param tokenId 授权标识
+ * @returns object
+ */
+export async function logoutSession(id: string) {
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/session?WHERE=id='${id}'`,
+    method: 'delete',
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && result.data.data) {
+    let rows = result.data.data.affectedRows;
+    if (rows) {
+      delete result.data;
+      return result;
+    } else {
+      return { code: RESULT_CODE_ERROR, msg: RESULT_MSG_ERROR };
+    }
+  }
+  return result;
+}
@@ -0,0 +1,9 @@
+import { request } from '@/plugins/http-fetch';
+
+/**服务器服务信息 */
+export function getSystemInfo() {
+  return request({
+    url: '/monitor/system-info',
+    method: 'get',
+  });
+}
@@ -0,0 +1,133 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 签约鉴权导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportAuth(query: Record<string, any>) {
+  return request({
+    url: '/api/rest/udmUserManage/v1/authExport',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 导入鉴权数据
+ * @param neId 网元ID
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function importAuthData(neId: string, data: FormData) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/authImport/${neId}`,
+    method: 'post',
+    data,
+    dataType: 'form-data',
+  });
+}
+
+/**
+ * 查询鉴权列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listAuth(query: Record<string, any>) {
+  return request({
+    url: '/api/rest/udmUserManage/v1/auths',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询重新更新加载全部
+ * @param neId 网元ID
+ * @returns object
+ */
+export function loadAuth(neId: string) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/authSave/${neId}`,
+    method: 'post',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 查询鉴权详细
+ * @param neId 网元ID
+ * @returns object
+ */
+export function getAuth(neId: string, imsi: string) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/auth/${neId}/${imsi}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 修改鉴权
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function updateAuth(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/auth/${data.neId}`,
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 新增鉴权
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function addAuth(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/auth/${data.neId}`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 批量新增鉴权
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function batchAuth( data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/auth/${data.neID}/${data.num}`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 删除鉴权
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function delAuth(neId: string, data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/auth/${neId}/${data.imsi}`,
+    method: 'delete',
+  });
+}
+
+
+
+/**
+ * 批量删除鉴权
+ * @param data 鉴权对象
+ * @returns object
+ */
+export function batchDelAuth(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/auth/${data.neID}/${data.imsi}/${data.num}`,
+    method: 'delete',
+  });
+}
@@ -0,0 +1,30 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listBase5G(query: Record<string, any>) {
+  query.nbId = query.id;
+  const result = await request({
+    url: '/api/rest/ueManagement/v1/elementType/amf/objectType/nbInfo',
+    method: 'get',
+    params: query,
+  });
+  let data: DataList = {
+    total: 0,
+    rows: [],
+    code: result.code,
+    msg: result.msg,
+  };
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    const rows = parseObjLineToHump(result.data.data);
+    data.total = rows.length;
+    data.rows = rows;
+  }
+  return data;
+}
@@ -0,0 +1,30 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listIMS(query: Record<string, any>) {
+  query.nbId = query.id;
+  const result = await request({
+    url: '/api/rest/ueManagement/v1/elementType/ims/objectType/ueInfo',
+    method: 'get',
+    params: query,
+  });
+  let data: DataList = {
+    total: 0,
+    rows: [],
+    code: result.code,
+    msg: result.msg,
+  };
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    const rows = parseObjLineToHump(result.data.data);
+    data.total = rows.length;
+    data.rows = rows;
+  }
+  return data;
+}
@@ -0,0 +1,134 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 签约列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportSub(query: Record<string, any>) {
+  return request({
+    url: '/api/rest/udmUserManage/v1/subExport',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 导入签约数据
+ * @param neId 网元ID
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function importSubData(neId: string, data: FormData) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/subImport/${neId}`,
+    method: 'post',
+    data,
+    dataType: 'form-data',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 查询重新更新加载全部
+ * @param neId 网元ID
+ * @returns object
+ */
+export function loadSub(neId: string) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/subSave/${neId}`,
+    method: 'post',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 查询签约列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listSub(query: Record<string, any>) {
+  return request({
+    url: '/api/rest/udmUserManage/v1/subs',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询签约详细
+ * @param neId 网元ID
+ * @returns object
+ */
+export function getSub(neId: string, imsi: string) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/subInfo/${neId}/${imsi}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 修改签约
+ * @param data 签约对象
+ * @param neId 网元ID
+ * @returns object
+ */
+export function updateSub(neId: string, data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/sub/${neId}`,
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 新增签约
+ * @param data 签约对象
+ * @returns object
+ */
+export function addSub(neID: string, data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/sub/${neID}`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 批量新增新增签约
+ * @param data 签约对象
+ * @returns object
+ */
+export function batchAddSub(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/sub/${data.neID}/${data.num}`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 删除签约
+ * @param data 签约对象
+ * @returns object
+ */
+export function delSub(neId: string, imsi: string) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/sub/${neId}/${imsi}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 批量删除签约
+ * @param data 签约对象
+ * @returns object
+ */
+export function batchDelSub(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/udmUserManage/v1/sub/${data.neID}/${data.imsi}/${data.num}`,
+    method: 'delete',
+  });
+}
@@ -0,0 +1,30 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listUE(query: Record<string, any>) {
+  query.nbId = query.id;
+  const result = await request({
+    url: '/api/rest/ueManagement/v1/elementType/smf/objectType/ueInfo',
+    method: 'get',
+    params: query,
+  });
+  let data: DataList = {
+    total: 0,
+    rows: [],
+    code: result.code,
+    msg: result.msg,
+  };
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    const rows = parseObjLineToHump(result.data.data);
+    data.total = rows.length;
+    data.rows = rows;
+  }
+  return data;
+}
@@ -0,0 +1,71 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询黄金指标数据
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listgoldData(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from gold_kpi where 1=1 ';
+  let rowsSQL =
+    'SELECT gold_kpi.*,kpi_title.en_title FROM gold_kpi LEFT JOIN kpi_title on gold_kpi.kpi_id=kpi_title.kpi_id where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and start_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and start_time <= '${query.endTime}' `;
+  }
+
+  // 排序
+  let sortSql = ' order by start_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/gold_kpi`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+    timeout: 60_000,
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['gold_kpi'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
@@ -0,0 +1,69 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listperfData(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from measure_data where 1=1 ';
+  let rowsSQL = 'select * from measure_data where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and start_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and start_time <= '${query.endTime}' `;
+  }
+
+  // 排序
+  let sortSql = ' order by start_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/measure_data`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['measure_data'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
@@ -0,0 +1,189 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+import { parseDateToStr } from '@/utils/date-utils';
+
+/**
+ * 查询任务列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listPerfThreshold(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from measure_threshold where 1=1 ';
+  let rowsSQL = 'select * from measure_threshold where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+
+  // 排序
+  let sortSql = ' order by create_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/measure_threshold`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['measure_threshold'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 查询性能门限详细
+ * @param id 网元ID
+ * @returns object
+ */
+export async function getPerfThre(id: string | number) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/measure_threshold`,
+    method: 'get',
+    params: {
+      SQL: `select * from measure_threshold where id = ${id}`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['measure_threshold'][0]),
+    });
+  }
+  return result;
+}
+
+/**
+ * 新增性能门限
+ * @param data 网元对象
+ * @returns object
+ */
+export function addPerfThre(data: Record<string, any>) {
+  let obj: any = {
+    ne_type: data.neType,
+    kpi_set: data.kpiSet,
+    status: 'Inactive',
+    orig_severity: data.origSeverity,
+    threshold: data.threshold,
+  };
+
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/measure_threshold`,
+    method: 'post',
+    data: { measure_task: [obj] },
+  });
+}
+
+/**
+ * 修改性能测量任务
+ * @param data 网元对象
+ * @returns object
+ */
+export function updatePerfThre(data: Record<string, any>) {
+  let obj: any = {
+    ne_type: data.neType,
+    kpi_set: data.performanceArr,
+    status: 'Inactive',
+    orig_severity: data.origSeverity,
+    threshold: data.threshold,
+  };
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/measure_task?WHERE=id=${data.id}`,
+    method: 'put',
+    data: { data: obj },
+  });
+}
+
+/**
+ * 删除性能门限
+ * @param noticeId 网元ID
+ * @returns object
+ */
+export async function delPerfThre(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/measure_threshold?WHERE=id=${data.id}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 获取网元跟踪接口列表
+ * @returns object
+ */
+export async function getNePerformanceList() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/measure_title`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM measure_title`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['measure_title']),
+    });
+  }
+  return result;
+}
+
+/**
+ * 激活任务
+ * @param
+ * @returns bolb
+ */
+export function threRun(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/measure_threshold?WHERE=id=${data.id}`,
+    method: 'put',
+    data: { data: { status: 'Active' } },
+  });
+}
+
+/**
+ * 挂起任务
+ * @param
+ * @returns bolb
+ */
+export function threStop(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/measure_threshold?WHERE=id=${data.id}`,
+    method: 'put',
+    data: { data: { status: 'Inactive' } },
+  });
+}
@@ -0,0 +1,226 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+import { parseDateToStr } from '@/utils/date-utils';
+
+/**
+ * 查询任务列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listPerfTask(query: Record<string, any>) {
+  let totalSQL = "select count(*) as total from measure_task where status!='DELETED' ";
+  let rowsSQL = "select * from measure_task where status!='DELETED' ";
+
+  // 查询
+  let querySQL = '';
+  if (query.neType) {
+    querySQL += ` and ne_type like '%${query.neType}%' `;
+  }
+
+    // 排序
+    let sortSql = ' order by create_time ';
+    if (query.sortOrder === 'asc') {
+      sortSql += ' asc ';
+    } else {
+      sortSql += ' desc ';
+    }
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/measure_task`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql+ limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['measure_task'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 查询任务详细
+ * @param id 网元ID
+ * @returns object
+ */
+export async function getPerfTask(id: string | number) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/measure_task`,
+    method: 'get',
+    params: {
+      SQL: `select * from measure_task where id = ${id}`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['measure_task'][0]),
+    });
+  }
+  return result;
+}
+
+/**
+ * 新增性能测量任务
+ * @param data 网元对象
+ * @returns object
+ */
+export function addPerfTask(data: Record<string, any>) {
+  var time = new Date();
+  var periods: any = [];
+  var scheduule: any = [];
+  //如果没选测量计划 则选择了测量时段也要置为空。因为二者是绑定关系
+  if (data.smPlan.length && data.bigPlan.length) {
+    data.periods.forEach((item: any) => {
+      periods.push({ Start: item.split(',')[0], End: item.split(',')[1] });
+    });
+    scheduule.push({ Type: data.bigPlan, Days: data.smPlan });
+  }
+
+  let obj: any = {
+    ne_type: data.neType,
+    ne_ids: JSON.stringify([data.neId]),
+    kpi_set: data.kpiSet,
+    schedule: JSON.stringify(scheduule),
+    start_time: data.startTime,
+    end_time: data.endTime,
+    granul_option: data.granulOption,
+    status: 'Inactive',
+    account_id: data.accountId,
+    create_time: parseDateToStr(time),
+    periods: JSON.stringify(periods),
+    comment: data.comment,
+  };
+
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/measure_task`,
+    method: 'post',
+    data: { measure_task: [obj] },
+  });
+}
+
+/**
+ * 修改性能测量任务
+ * @param data 网元对象
+ * @returns object
+ */
+export function updatePerfTask(data: Record<string, any>) {
+  var time = new Date();
+  var periods: any = [];
+  var scheduule: any = [];
+  //如果没选测量计划 则选择了测量时段也要置为空。因为二者是绑定关系
+  if (data.smPlan.length && data.bigPlan.length) {
+    data.periods.forEach((item: any) => {
+      periods.push({ Start: item.split(',')[0], End: item.split(',')[1] });
+    });
+    scheduule.push({ Type: data.bigPlan, Days: data.smPlan });
+  }
+
+  let obj: any = {
+    ne_type: data.neType,
+    ne_ids: JSON.stringify([data.neId]),
+    kpi_set: data.kpiSet,
+    schedule: JSON.stringify(scheduule),
+    start_time: data.startTime,
+    end_time: data.endTime,
+    granul_option: data.granulOption,
+    status: 'Inactive',
+    account_id: data.accountId,
+    create_time: parseDateToStr(time),
+    periods: JSON.stringify(periods),
+    comment: data.comment,
+  };
+  return request({
+    url: `/api/rest/databaseManagement/v1/omc_db/measure_task?WHERE=id=${data.id}`,
+    method: 'put',
+    data: { measure_task: obj },
+  });
+}
+
+/**
+ * 删除任务
+ * @param noticeId 网元ID
+ * @returns object
+ */
+export async function delPerfTask(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/performanceManagement/v1/elementType/${data.neType.toLowerCase()}/objectType/measureTask?id=${
+      data.id
+    }`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 获取性能测量指标列表
+ * @returns object
+ */
+export async function getNePerformanceList() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/measure_title`,
+    method: 'get',
+    params: {
+      SQL: `SELECT * FROM measure_title`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['measure_title']),
+    });
+  }
+  return result;
+}
+
+
+/**
+ * 激活任务
+ * @param
+ * @returns bolb
+ */
+export function taskRun(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/performanceManagement/v1/elementType/${data.neType.toLowerCase()}/objectType/measureTask?id=${data.id}`,
+    method: 'post',
+  });
+}
+
+/**
+ * 挂起任务
+ * @param
+ * @returns bolb
+ */
+export function taskStop(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/performanceManagement/v1/elementType/${data.neType.toLowerCase()}/objectType/measureTask?id=${data.id}`,
+    method: 'PATCH',
+  });
+}
@@ -0,0 +1,56 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 查询用户个人信息
+ * @returns object
+ */
+export function getUserProfile() {
+  return request({
+    url: '/system/user/profile',
+    method: 'get',
+  });
+}
+
+/**
+ * 修改用户个人信息
+ * @param data 用户对象
+ * @returns object
+ */
+export function updateUserProfile(data: Record<string, any>) {
+  return request({
+    url: '/system/user/profile',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 用户密码重置
+ * @param userId 用户ID
+ * @param status 变更状态值
+ * @returns object
+ */
+export function updateUserPwd(oldPassword: string, newPassword: string) {
+  return request({
+    url: '/system/user/profile/updatePwd',
+    method: 'put',
+    data: {
+      oldPassword,
+      newPassword,
+    },
+  });
+}
+
+/**
+ * 用户头像上传
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function uploadAvatar(data: FormData) {
+  return request({
+    url: '/system/user/profile/avatar',
+    method: 'post',
+    data,
+    dataType: 'form-data',
+  });
+}
@@ -0,0 +1,12 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 获取路由
+ * @returns object
+ */
+export const getRouters = () => {
+  return request({
+    url: '/getRouters',
+    method: 'get',
+  });
+};
@@ -0,0 +1,114 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 参数配置列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportConfig(query: Record<string, any>) {
+  return request({
+    url: '/system/config/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询参数配置列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listConfig(query: Record<string, any>) {
+  return request({
+    url: '/system/config/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询参数详细
+ * @param configId 参数配置ID
+ * @returns object
+ */
+export function getConfig(configId: string | number) {
+  return request({
+    url: `/system/config/${configId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 根据参数键名查询参数值
+ * @param configKey 参数键名
+ * @returns object
+ */
+export function getConfigKey(configKey: string) {
+  return request({
+    url: `/system/config/configKey/${configKey}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增参数配置
+ * @param data 参数配置对象
+ * @returns object
+ */
+export function addConfig(data: Record<string, any>) {
+  return request({
+    url: '/system/config',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改参数配置
+ * @param data 参数配置对象
+ * @returns object
+ */
+export function updateConfig(data: Record<string, any>) {
+  return request({
+    url: '/system/config',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除参数配置
+ * @param configId 参数配置ID
+ * @returns object
+ */
+export function delConfig(configId: string | number) {
+  return request({
+    url: `/system/config/${configId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 刷新参数缓存
+ * @returns object
+ */
+export function refreshCache() {
+  return request({
+    url: '/system/config/refreshCache',
+    method: 'put',
+  });
+}
+
+/**
+ * 根据参数键名改值
+ * @param data 参数配置对象 { "key": "sys", "value": "核心网" }
+ * @returns object
+ */
+export function changeValue(data: Record<string, string>) {
+  return request({
+    url: '/system/config/changeValue',
+    method: 'put',
+    data: data,
+  });
+}
@@ -0,0 +1,99 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 查询部门列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listDept(query: Record<string, any>) {
+  return request({
+    url: '/system/dept/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询部门列表（排除节点）
+ * @param deptId 部门ID
+ * @returns object
+ */
+export function listDeptExcludeChild(deptId: string | number) {
+  return request({
+    url: `/system/dept/list/exclude/${deptId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 查询部门详细
+ * @param deptId 部门ID
+ * @returns object
+ */
+export function getDept(deptId: string | number) {
+  return request({
+    url: `/system/dept/${deptId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增部门
+ * @param data 部门对象
+ * @returns object
+ */
+export function addDept(data: Record<string, any>) {
+  return request({
+    url: '/system/dept',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改部门
+ * @param data 部门对象
+ * @returns object
+ */
+export function updateDept(data: Record<string, any>) {
+  return request({
+    url: '/system/dept',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除部门
+ * @param deptId 部门ID
+ * @returns object
+ */
+export function delDept(deptId: string | number) {
+  return request({
+    url: `/system/dept/${deptId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 查询部门下拉树结构
+ * @returns object
+ */
+export function deptTreeSelect() {
+  return request({
+    url: '/system/dept/treeSelect',
+    method: 'get',
+  });
+}
+
+/**
+ * 部门树结构列表（指定角色）
+ * @param roleId 角色ID
+ * @returns object
+ */
+export function roleDeptTreeSelect(roleId: string | number) {
+  return request({
+    url: `/system/dept/roleDeptTreeSelect/${roleId}`,
+    method: 'get',
+  });
+}
@@ -0,0 +1,90 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 字典数据列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportData(query: Record<string, any>) {
+  return request({
+    url: '/system/dict/data/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询字典数据列表
+ * @param query 查询值
+ * @returns
+ */
+export function listData(query: Record<string, any>) {
+  return request({
+    url: '/system/dict/data/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询字典数据详细
+ * @param dictCode 字典代码值
+ * @returns object
+ */
+export function getData(dictCode: string | number) {
+  return request({
+    url: `/system/dict/data/${dictCode}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增字典数据
+ * @param data 字典数据对象
+ * @returns object
+ */
+export function addData(data: Record<string, any>) {
+  return request({
+    url: '/system/dict/data',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改字典数据
+ * @param data 字典数据对象
+ * @returns object
+ */
+export function updateData(data: Record<string, any>) {
+  return request({
+    url: '/system/dict/data',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除字典数据
+ * @param dictCode 字典代码值
+ * @returns object
+ */
+export function delData(dictCode: string | number) {
+  return request({
+    url: `/system/dict/data/${dictCode}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 字典数据列表（指定字典类型）
+ * @param dictType 字典类型
+ * @returns object
+ */
+export function getDictDataType(dictType: string) {
+  return request({
+    url: `/system/dict/data/type/${dictType}`,
+    method: 'get',
+  });
+}
@@ -0,0 +1,102 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 字典类型列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportType(query: Record<string, any>) {
+  return request({
+    url: '/system/dict/type/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询字典类型列表
+ * @param query 查询值
+ * @returns
+ */
+export function listType(query: Record<string, any>) {
+  return request({
+    url: '/system/dict/type/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询字典类型详细
+ * @param dictId 字典编号
+ * @returns object
+ */
+export function getType(dictId: string | number) {
+  return request({
+    url: `/system/dict/type/${dictId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增字典类型
+ * @param data 字典数据对象
+ * @returns object
+ */
+export function addType(data: Record<string, any>) {
+  return request({
+    url: '/system/dict/type',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改字典类型
+ * @param data 字典数据对象
+ * @returns object
+ */
+export function updateType(data: Record<string, any>) {
+  return request({
+    url: '/system/dict/type',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除字典类型
+ * @param dictCode 字典代码值
+ * @returns object
+ */
+export function delType(dictId: string | number) {
+  return request({
+    url: `/system/dict/type/${dictId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 刷新字典缓存
+ * @param data 字典数据对象
+ * @returns object
+ */
+export function refreshCache() {
+  return request({
+    url: '/system/dict/type/refreshCache',
+    method: 'put',
+  });
+}
+
+/**
+ * 获取字典选择框列表
+ * @param data 字典数据对象
+ * @returns object
+ */
+export function getDictOptionselect() {
+  return request({
+    url: '/system/dict/type/getDictOptionselect',
+    method: 'get',
+  });
+}
@@ -0,0 +1,67 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 登录日志列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportSysLogLogin(
+  query: Record<string, any>
+) {
+  return request({
+    url: '/system/log/login/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询登录日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listSysLogLogin(
+  query: Record<string, any>
+) {
+  return request({
+    url: '/system/log/login/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 删除登录日志
+ * @param loginIds 登录Id
+ * @returns object
+ */
+export function delSysLogLogin(loginIds: string) {
+  return request({
+    url: `/system/log/login/${loginIds}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 清空登录日志
+ * @returns object
+ */
+export function cleanSysLogLogin() {
+  return request({
+    url: '/system/log/login/clean',
+    method: 'delete',
+  });
+}
+
+/**
+ * 解锁用户登录状态
+ * @param userName 登录账号
+ * @returns object
+ */
+export function unlock(userName: string) {
+  return request({
+    url: `/system/log/login/unlock/${userName}`,
+    method: 'put',
+  });
+}
@@ -0,0 +1,55 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 操作日志列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportSysLogOperate(
+  query: Record<string, any>
+) {
+  return request({
+    url: '/system/log/operate/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询操作日志列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listSysLogOperate(
+  query: Record<string, any>
+) {
+  return request({
+    url: '/system/log/operate/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 删除操作日志
+ * @param operId 操作日志ID
+ * @returns object
+ */
+export function delSysLogOperate(operId: string) {
+  return request({
+    url: `/system/log/operate/${operId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 清空操作日志
+ * @returns object
+ */
+export function cleanSysLogOperate() {
+  return request({
+    url: '/system/log/operate/clean',
+    method: 'delete',
+  });
+}
@@ -0,0 +1,87 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 查询菜单列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listMenu(query?: Record<string, any>) {
+  return request({
+    url: '/system/menu/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询菜单详细
+ * @param menuId 菜单ID
+ * @returns object
+ */
+export function getMenu(menuId: string | number) {
+  return request({
+    url: `/system/menu/${menuId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 查询菜单下拉树结构
+ * @returns object
+ */
+export function menuTreeSelect() {
+  return request({
+    url: '/system/menu/treeSelect',
+    method: 'get',
+  });
+}
+
+/**
+ * 根据角色ID查询菜单下拉树结构
+ * @param roleId 角色ID
+ * @returns object
+ */
+export function roleMenuTreeSelect(roleId: string | number) {
+  return request({
+    url: `/system/menu/roleMenuTreeSelect/${roleId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增菜单
+ * @param data 菜单对象
+ * @returns object
+ */
+export function addMenu(data: Record<string, any>) {
+  return request({
+    url: '/system/menu',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改菜单
+ * @param data 菜单对象
+ * @returns object
+ */
+export function updateMenu(data: Record<string, any>) {
+  return request({
+    url: '/system/menu',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除菜单
+ * @param menuId 菜单ID
+ * @returns object
+ */
+export function delMenu(menuId: string | number) {
+  return request({
+    url: `/system/menu/${menuId}`,
+    method: 'delete',
+  });
+}
@@ -0,0 +1,78 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 岗位列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportPost(query: Record<string, any>) {
+  return request({
+    url: '/system/post/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询岗位列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listPost(query: Record<string, any>) {
+  return request({
+    url: '/system/post/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询岗位详细
+ * @param postId 岗位ID
+ * @returns object
+ */
+export function getPost(postId: string | number) {
+  return request({
+    url: `/system/post/${postId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增岗位
+ * @param data 岗位对象
+ * @returns object
+ */
+export function addPost(data: Record<string, any>) {
+  return request({
+    url: '/system/post',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改岗位
+ * @param data 岗位对象
+ * @returns object
+ */
+export function updatePost(data: Record<string, any>) {
+  return request({
+    url: '/system/post',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除岗位
+ * @param postId 岗位ID
+ * @returns object
+ */
+export function delPost(postId: string | number) {
+  return request({
+    url: `/system/post/${postId}`,
+    method: 'delete',
+  });
+}
@@ -0,0 +1,134 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 角色列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportRole(query: Record<string, any>) {
+  return request({
+    url: '/system/role/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询角色列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listRole(query: Record<string, any>) {
+  return request({
+    url: '/system/role/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询角色详细
+ * @param roleId 角色ID
+ * @returns object
+ */
+export function getRole(roleId: string | number) {
+  return request({
+    url: `/system/role/${roleId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增角色
+ * @param data 角色对象
+ * @returns object
+ */
+export function addRole(data: Record<string, any>) {
+  return request({
+    url: '/system/role',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改角色
+ * @param data 角色对象
+ * @returns object
+ */
+export function updateRole(data: Record<string, any>) {
+  return request({
+    url: '/system/role',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除角色
+ * @param roleId 角色ID
+ * @returns object
+ */
+export function delRole(roleId: string | number) {
+  return request({
+    url: `/system/role/${roleId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 角色状态修改
+ * @param roleId 角色ID
+ * @param status 角色状态
+ * @returns object
+ */
+export function changeRoleStatus(roleId: string, status: string | number) {
+  return request({
+    url: '/system/role/changeStatus',
+    method: 'put',
+    data: {
+      roleId,
+      status,
+    },
+  });
+}
+
+/**
+ * 修改角色数据权限
+ * @param data 角色对象
+ * @returns object
+ */
+export function dataScope(data: Record<string, any>) {
+  return request({
+    url: '/system/role/dataScope',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 角色分配用户列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function authUserAllocatedList(query: Record<string, any>) {
+  return request({
+    url: '/system/role/authUser/allocatedList',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 角色分配选择授权
+ * @param data 角色对象
+ * @returns object
+ */
+export function authUserChecked(data: Record<string, any>) {
+  return request({
+    url: '/system/role/authUser/checked',
+    method: 'put',
+    data: data,
+  });
+}
@@ -0,0 +1,142 @@
+import { request } from '@/plugins/http-fetch';
+
+/**
+ * 导入用户模板数据
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function importData(data: FormData) {
+  return request({
+    url: '/system/user/importData',
+    method: 'post',
+    data,
+    dataType: 'form-data',
+    timeout: 180_000,
+  });
+}
+
+/**
+ * 导入用户模板下载
+ * @returns bolb
+ */
+export function importTemplate() {
+  return request({
+    url: '/system/user/importTemplate',
+    method: 'get',
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 用户列表导出
+ * @param query 查询参数
+ * @returns bolb
+ */
+export function exportUser(query: Record<string, any>) {
+  return request({
+    url: '/system/user/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 查询用户列表
+ * @param query 查询参数
+ * @returns object
+ */
+export function listUser(query: Record<string, any>) {
+  return request({
+    url: '/system/user/list',
+    method: 'get',
+    params: query,
+  });
+}
+
+/**
+ * 查询用户详细
+ * @param userId 用户ID，新增0
+ * @returns object
+ */
+export function getUser(userId: string | number = '0') {
+  return request({
+    url: `/system/user/${userId}`,
+    method: 'get',
+  });
+}
+
+/**
+ * 新增用户
+ * @param data 用户对象
+ * @returns object
+ */
+export function addUser(data: Record<string, any>) {
+  return request({
+    url: '/system/user',
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改用户
+ * @param data 用户对象
+ * @returns object
+ */
+export function updateUser(data: Record<string, any>) {
+  return request({
+    url: '/system/user',
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除用户
+ * @param userId 用户ID
+ * @returns object
+ */
+export function delUser(userId: string | number) {
+  return request({
+    url: `/system/user/${userId}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 用户密码重置
+ * @param userId 用户ID
+ * @param password 密码
+ * @returns object
+ */
+export function resetUserPwd(userId: string | number, password: string) {
+  return request({
+    url: '/system/user/resetPwd',
+    method: 'put',
+    data: {
+      userId,
+      password,
+    },
+  });
+}
+
+/**
+ * 用户状态修改
+ * @param userId 用户ID
+ * @param status 变更状态值
+ * @returns object
+ */
+export function changeUserStatus(
+  userId: string | number,
+  status: string | number
+) {
+  return request({
+    url: '/system/user/changeStatus',
+    method: 'put',
+    data: {
+      userId,
+      status,
+    },
+  });
+}
@@ -0,0 +1,195 @@
+import { request } from '@/plugins/http-fetch';
+import { encode } from 'js-base64';
+
+/**
+ * 下载文件
+ * @param filePath 文件路径带/，如:/upload/default/2023/06/xx.png
+ * @param range 断点续传标识，填入字符串 `bytes=${startByte}-${endByte}`
+ * @returns object
+ */
+export async function downloadFile(filePath: string, range?: string) {
+  return request({
+    url: `/file/download/${encode(filePath)}`,
+    method: 'get',
+    headers: range ? { range } : {},
+    responseType: 'blob',
+  });
+}
+
+/**
+ * 下载文件切片
+ * @param filePath 文件路径带/，如:/upload/default/2023/06/xx.png
+ * @param chunkSize 数据块大小MB，默认1MB
+ * @returns bolb
+ */
+export async function downloadFileChunk(
+  filePath: string,
+  chunkSize: number = 1
+): Promise<Blob> {
+  chunkSize = chunkSize * 1024 * 1024;
+  let start = 0; // 文件块的起始字节
+  let end = chunkSize - 1; // 文件块的结束字节
+  let totalSize = 0; // 文件总大小
+  let downloadedSize = 0; // 已下载的文件大小
+  let filePart: Blob[] = []; // 文件数据块内容
+
+  // 发送带有 Range 请求头的 HTTP 请求
+  async function sendRequest() {
+    const range = `bytes=${start}-${end}`;
+    const res = await downloadFile(filePath, range);
+    if (res.code === 200 && res.status === 206) {
+      // 总大小
+      const contentRange = res.headers.get('content-range') || '0/0';
+      totalSize = parseInt(contentRange.split('/')[1]);
+      // 已下载大小
+      const contentLength = res.headers.get('content-length') || '0';
+      const chunkSize = parseInt(contentLength);
+      // 下一段数据块区间
+      start += chunkSize;
+      end = Math.min(start + chunkSize - 1, totalSize - 1);
+      // 记录下载结果
+      filePart.push(res.data);
+      downloadedSize += chunkSize;
+      // 小于总大小继续下载后续数据
+      if (downloadedSize < totalSize) {
+        await sendRequest();
+      }
+    } else {
+      return res;
+    }
+  }
+
+  await sendRequest();
+  return new Blob(filePart, { type: 'application/octet-stream' });
+}
+
+/**
+ * 上传文件
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function uploadFile(data: FormData) {
+  return request({
+    url: '/file/upload',
+    method: 'post',
+    data,
+    dataType: 'form-data',
+  });
+}
+
+/**
+ * 上传切片文件
+ * @param file 文件对象
+ * @param chunkSize 数据块大小MB，默认1MB
+ * @param subPath 归属子路径, 默认default
+ * @returns
+ */
+export async function uploadFileChunk(
+  fileData: File,
+  chunkSize: number = 1,
+  subPath: string = 'default'
+) {
+  const { name, size } = fileData;
+  const chunkSizeInBytes = chunkSize * 1024 * 1024;
+  // 文件标识使用唯一编码 MD5(文件名+文件大小)
+  const fileIdentifier = `${name}-${size}`;
+  // 文件切分为多少份进行上传
+  const chunksCount = Math.ceil(size / chunkSizeInBytes);
+  // 切块的数据数据用于上传
+  const fileChunks: { index: number; chunk: Blob }[] = [];
+
+  for (let i = 0; i < chunksCount; i++) {
+    const start = i * chunkSizeInBytes;
+    const end = Math.min(start + chunkSizeInBytes, size);
+    fileChunks.push({
+      index: i,
+      chunk: fileData.slice(start, end),
+    });
+  }
+
+  // 检查是否已上传部分数据块
+  const resCheck = await chunkCheck(fileIdentifier, name);
+  if (resCheck.code !== 200) {
+    return resCheck;
+  }
+
+  let uploadedSize = 0;
+  let uploadProgress = 0;
+
+  for (const { index, chunk } of fileChunks) {
+    const chunksIndex = `${index}`;
+    // 跳过已上传块
+    if (resCheck.data.includes(chunksIndex)) {
+      continue;
+    }
+
+    // 上传数据块
+    const formData = new FormData();
+    formData.append('file', chunk, name);
+    formData.append('index', chunksIndex);
+    formData.append('identifier', fileIdentifier);
+
+    const resUpload = await chunkUpload(formData);
+    if (resUpload.code === 200) {
+      uploadedSize += chunk.size;
+      uploadProgress = (uploadedSize / size) * 100;
+      console.log(`上传进度：${uploadProgress}%`);
+    } else {
+      // 上传失败处理
+      break;
+    }
+  }
+
+  // 上传数据完整后合并数据块
+  if (uploadedSize === size) {
+    return await chunkMerge(fileIdentifier, name, subPath);
+  }
+  return { code: 500, msg: '上传出错，请重试' };
+}
+
+/**
+ * 切片文件检查
+ * @param identifier 文件标识
+ * @param fileName 原文件名称
+ * @returns object
+ */
+export function chunkCheck(identifier: string, fileName: string) {
+  return request({
+    url: '/file/chunkCheck',
+    method: 'post',
+    data: { identifier, fileName },
+  });
+}
+
+/**
+ * 切片文件合并
+ * @param identifier 文件标识
+ * @param fileName 原文件名称
+ * @param subPath 文件归属
+ * @returns object
+ */
+export function chunkMerge(
+  identifier: string,
+  fileName: string,
+  subPath: string = 'default'
+) {
+  return request({
+    url: '/file/chunkMerge',
+    method: 'post',
+    data: { identifier, fileName, subPath },
+  });
+}
+
+/**
+ * 切片文件上传
+ * @param data 表单数据对象
+ * @returns object
+ */
+export function chunkUpload(data: FormData) {
+  return request({
+    url: '/file/chunkUpload',
+    method: 'post',
+    data,
+    dataType: 'form-data',
+  });
+}
@@ -0,0 +1,71 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询信令列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listTraceData(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from trace_data where 1=1 ';
+  let rowsSQL = 'select * from trace_data where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.imsi) {
+    querySQL += ` and imsi like '%${query.imsi}%' `;
+  }
+  if (query.msisdn) {
+    querySQL += ` and msisdn like '%${query.msisdn}%' `;
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/omc_db/trace_data`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['trace_data'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 信令数据解析HTML
+ * @param id 任务ID
+ * @returns
+ */
+export function getTraceRawInfo(id: Record<string, string>) {
+  return request({
+    url: `/api/rest/traceManagement/v1/decMessage/${id}`,
+    method: 'get',
+    responseType: 'text',
+  });
+}
@@ -0,0 +1,34 @@
+import { request } from '@/plugins/http-fetch';
+
+// 网元抓包生成pcap
+export function tcpdumpNeTask(
+  signal: AbortSignal,
+  data: Record<string, string>
+) {
+  return request({
+    url: '/tcpdump/ne',
+    method: 'post',
+    data: data,
+    signal: signal,
+  });
+}
+
+// 网元抓包pcap文件下载
+export function tcpdumpPcapDownload(data: Record<string, string>) {
+  return request({
+    url: '/tcpdump/download',
+    method: 'post',
+    data: data,
+    responseType: 'blob',
+    timeout: 180_000,
+  });
+}
+
+// 网元抓包生成pcap
+export function tcpdumpNeUPFTask(data: Record<string, string>) {
+  return request({
+    url: '/tcpdump/neUPF',
+    method: 'post',
+    data: data,
+  });
+}
@@ -0,0 +1,154 @@
+import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
+import { request } from '@/plugins/http-fetch';
+import { parseObjLineToHump } from '@/utils/parse-utils';
+
+/**
+ * 查询任务列表
+ * @param query 查询参数
+ * @returns object
+ */
+export async function listTraceTask(query: Record<string, any>) {
+  let totalSQL = 'select count(*) as total from trace_task where 1=1 ';
+  let rowsSQL = 'select * from trace_task where 1=1 ';
+
+  // 查询
+  let querySQL = '';
+  if (query.imsi) {
+    querySQL += ` and imsi like '%${query.imsi}%' `;
+  }
+  if (query.beginTime) {
+    querySQL += ` and start_time >= '${query.beginTime}' `;
+  }
+  if (query.endTime) {
+    querySQL += ` and end_time <= '${query.endTime}' `;
+  }
+
+  // 分页
+  const pageNum = (query.pageNum - 1) * query.pageSize;
+  const limtSql = ` limit ${pageNum},${query.pageSize} `;
+
+  // 排序
+  let sortSql = ' order by start_time ';
+  if (query.sortOrder === 'asc') {
+    sortSql += ' asc ';
+  } else {
+    sortSql += ' desc ';
+  }
+
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/trace_task`,
+    method: 'get',
+    params: {
+      totalSQL: totalSQL + querySQL,
+      rowsSQL: rowsSQL + querySQL + sortSql + limtSql,
+    },
+  });
+
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS) {
+    const data: DataList = {
+      total: 0,
+      rows: [],
+      code: result.code,
+      msg: result.msg,
+    };
+    result.data.data.forEach((item: any) => {
+      const itemData = item['trace_task'];
+      if (Array.isArray(itemData)) {
+        if (itemData.length === 1 && itemData[0]['total'] >= 0) {
+          data.total = itemData[0]['total'];
+        } else {
+          data.rows = itemData.map(v => parseObjLineToHump(v));
+        }
+      }
+    });
+    return data;
+  }
+  return result;
+}
+
+/**
+ * 查询任务详细
+ * @param id 网元ID
+ * @returns object
+ */
+export async function getTraceTask(id: string | number) {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/select/omc_db/trace_task`,
+    method: 'get',
+    params: {
+      SQL: `select * from trace_task where id = ${id}`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['trace_task'][0]),
+    });
+  }
+  return result;
+}
+
+/**
+ * 新增任务
+ * @param data 网元对象
+ * @returns object
+ */
+export function addTraceTask(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/traceManagement/v1/subscriptions`,
+    method: 'post',
+    data: data,
+  });
+}
+
+/**
+ * 修改任务
+ * @param data 网元对象
+ * @returns object
+ */
+export function updateTraceTask(data: Record<string, any>) {
+  return request({
+    url: `/api/rest/traceManagement/v1/subscriptions`,
+    method: 'put',
+    data: data,
+  });
+}
+
+/**
+ * 删除任务
+ * @param noticeId 网元ID
+ * @returns object
+ */
+export async function delTraceTask(id: string) {
+  return request({
+    url: `/api/rest/traceManagement/v1/subscriptions?id=${id}`,
+    method: 'delete',
+  });
+}
+
+/**
+ * 获取网元跟踪接口列表
+ * @returns object
+ */
+export async function getNeTraceInterfaceAll() {
+  // 发起请求
+  const result = await request({
+    url: `/api/rest/databaseManagement/v1/elementType/omc_db/objectType/ne_info`,
+    method: 'get',
+    params: {
+      SQL: `SELECT ne_type,interface FROM trace_info GROUP BY ne_type,interface`,
+    },
+  });
+  // 解析数据
+  if (result.code === RESULT_CODE_SUCCESS && Array.isArray(result.data.data)) {
+    let data = result.data.data[0];
+    return Object.assign(result, {
+      data: parseObjLineToHump(data['trace_info']),
+    });
+  }
+  return result;
+}
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="1361px" height="609px" viewBox="0 0 1361 609" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>Ant-Design-Pro</title>
+    <desc>mask-and-vue3 By TsMask</desc>
+    <defs></defs>
+    <g id="Ant-Design-Pro" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="mask-and-vue3" transform="translate(-79.000000, -82.000000)">
+            <g id="Group-21" transform="translate(77.000000, 73.000000)">
+                <g id="Group-18" opacity="0.8" transform="translate(74.901416, 569.699158) rotate(-7.000000) translate(-74.901416, -569.699158) translate(4.901416, 525.199158)">
+                    <ellipse id="Oval-11" fill="#CFDAE6" opacity="0.25" cx="63.5748792" cy="32.468367" rx="21.7830479" ry="21.766008"></ellipse>
+                    <ellipse id="Oval-3" fill="#CFDAE6" opacity="0.599999964" cx="5.98746479" cy="13.8668601" rx="5.2173913" ry="5.21330997"></ellipse>
+                    <path d="M38.1354514,88.3520215 C43.8984227,88.3520215 48.570234,83.6838647 48.570234,77.9254015 C48.570234,72.1669383 43.8984227,67.4987816 38.1354514,67.4987816 C32.3724801,67.4987816 27.7006688,72.1669383 27.7006688,77.9254015 C27.7006688,83.6838647 32.3724801,88.3520215 38.1354514,88.3520215 Z" id="Oval-3-Copy" fill="#CFDAE6" opacity="0.45"></path>
+                    <path d="M64.2775582,33.1704963 L119.185836,16.5654915" id="Path-12" stroke="#CFDAE6" stroke-width="1.73913043" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M42.1431708,26.5002681 L7.71190162,14.5640702" id="Path-16" stroke="#E0B4B7" stroke-width="0.702678964" opacity="0.7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"></path>
+                    <path d="M63.9262187,33.521561 L43.6721326,69.3250951" id="Path-15" stroke="#BACAD9" stroke-width="0.702678964" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"></path>
+                    <g id="Group-17" transform="translate(126.850922, 13.543654) rotate(30.000000) translate(-126.850922, -13.543654) translate(117.285705, 4.381889)" fill="#CFDAE6">
+                        <ellipse id="Oval-4" opacity="0.45" cx="9.13482653" cy="9.12768076" rx="9.13482653" ry="9.12768076"></ellipse>
+                        <path d="M18.2696531,18.2553615 C18.2696531,13.2142826 14.1798519,9.12768076 9.13482653,9.12768076 C4.08980114,9.12768076 0,13.2142826 0,18.2553615 L18.2696531,18.2553615 Z" id="Oval-4" transform="translate(9.134827, 13.691521) scale(-1, -1) translate(-9.134827, -13.691521) "></path>
+                    </g>
+                </g>
+                <g id="Group-14" transform="translate(216.294700, 123.725600) rotate(-5.000000) translate(-216.294700, -123.725600) translate(106.294700, 35.225600)">
+                    <ellipse id="Oval-2" fill="#CFDAE6" opacity="0.25" cx="29.1176471" cy="29.1402439" rx="29.1176471" ry="29.1402439"></ellipse>
+                    <ellipse id="Oval-2" fill="#CFDAE6" opacity="0.3" cx="29.1176471" cy="29.1402439" rx="21.5686275" ry="21.5853659"></ellipse>
+                    <ellipse id="Oval-2-Copy" stroke="#CFDAE6" opacity="0.4" cx="179.019608" cy="138.146341" rx="23.7254902" ry="23.7439024"></ellipse>
+                    <ellipse id="Oval-2" fill="#BACAD9" opacity="0.5" cx="29.1176471" cy="29.1402439" rx="10.7843137" ry="10.7926829"></ellipse>
+                    <path d="M29.1176471,39.9329268 L29.1176471,18.347561 C23.1616351,18.347561 18.3333333,23.1796097 18.3333333,29.1402439 C18.3333333,35.1008781 23.1616351,39.9329268 29.1176471,39.9329268 Z" id="Oval-2" fill="#BACAD9"></path>
+                    <g id="Group-9" opacity="0.45" transform="translate(172.000000, 131.000000)" fill="#E6A1A6">
+                        <ellipse id="Oval-2-Copy-2" cx="7.01960784" cy="7.14634146" rx="6.47058824" ry="6.47560976"></ellipse>
+                        <path d="M0.549019608,13.6219512 C4.12262681,13.6219512 7.01960784,10.722722 7.01960784,7.14634146 C7.01960784,3.56996095 4.12262681,0.670731707 0.549019608,0.670731707 L0.549019608,13.6219512 Z" id="Oval-2-Copy-2" transform="translate(3.784314, 7.146341) scale(-1, 1) translate(-3.784314, -7.146341) "></path>
+                    </g>
+                    <ellipse id="Oval-10" fill="#CFDAE6" cx="218.382353" cy="138.685976" rx="1.61764706" ry="1.61890244"></ellipse>
+                    <ellipse id="Oval-10-Copy-2" fill="#E0B4B7" opacity="0.35" cx="179.558824" cy="175.381098" rx="1.61764706" ry="1.61890244"></ellipse>
+                    <ellipse id="Oval-10-Copy" fill="#E0B4B7" opacity="0.35" cx="180.098039" cy="102.530488" rx="2.15686275" ry="2.15853659"></ellipse>
+                    <path d="M28.9985381,29.9671598 L171.151018,132.876024" id="Path-11" stroke="#CFDAE6" opacity="0.8"></path>
+                </g>
+                <g id="Group-10" opacity="0.799999952" transform="translate(1054.100635, 36.659317) rotate(-11.000000) translate(-1054.100635, -36.659317) translate(1026.600635, 4.659317)">
+                    <ellipse id="Oval-7" stroke="#CFDAE6" stroke-width="0.941176471" cx="43.8135593" cy="32" rx="11.1864407" ry="11.2941176"></ellipse>
+                    <g id="Group-12" transform="translate(34.596774, 23.111111)" fill="#BACAD9">
+                        <ellipse id="Oval-7" opacity="0.45" cx="9.18534718" cy="8.88888889" rx="8.47457627" ry="8.55614973"></ellipse>
+                        <path d="M9.18534718,17.4450386 C13.8657264,17.4450386 17.6599235,13.6143199 17.6599235,8.88888889 C17.6599235,4.16345787 13.8657264,0.332739156 9.18534718,0.332739156 L9.18534718,17.4450386 Z" id="Oval-7"></path>
+                    </g>
+                    <path d="M34.6597385,24.809694 L5.71666084,4.76878945" id="Path-2" stroke="#CFDAE6" stroke-width="0.941176471"></path>
+                    <ellipse id="Oval" stroke="#CFDAE6" stroke-width="0.941176471" cx="3.26271186" cy="3.29411765" rx="3.26271186" ry="3.29411765"></ellipse>
+                    <ellipse id="Oval-Copy" fill="#F7E1AD" cx="2.79661017" cy="61.1764706" rx="2.79661017" ry="2.82352941"></ellipse>
+                    <path d="M34.6312443,39.2922712 L5.06366663,59.785082" id="Path-10" stroke="#CFDAE6" stroke-width="0.941176471"></path>
+                </g>
+                <g id="Group-19" opacity="0.33" transform="translate(1282.537219, 446.502867) rotate(-10.000000) translate(-1282.537219, -446.502867) translate(1142.537219, 327.502867)">
+                    <g id="Group-17" transform="translate(141.333539, 104.502742) rotate(275.000000) translate(-141.333539, -104.502742) translate(129.333539, 92.502742)" fill="#BACAD9">
+                        <circle id="Oval-4" opacity="0.45" cx="11.6666667" cy="11.6666667" r="11.6666667"></circle>
+                        <path d="M23.3333333,23.3333333 C23.3333333,16.8900113 18.1099887,11.6666667 11.6666667,11.6666667 C5.22334459,11.6666667 0,16.8900113 0,23.3333333 L23.3333333,23.3333333 Z" id="Oval-4" transform="translate(11.666667, 17.500000) scale(-1, -1) translate(-11.666667, -17.500000) "></path>
+                    </g>
+                    <circle id="Oval-5-Copy-6" fill="#CFDAE6" cx="201.833333" cy="87.5" r="5.83333333"></circle>
+                    <path d="M143.5,88.8126685 L155.070501,17.6038544" id="Path-17" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <path d="M17.5,37.3333333 L127.466252,97.6449735" id="Path-18" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <polyline id="Path-19" stroke="#CFDAE6" stroke-width="1.16666667" points="143.902597 120.302281 174.935455 231.571342 38.5 147.510847 126.366941 110.833333"></polyline>
+                    <path d="M159.833333,99.7453842 L195.416667,89.25" id="Path-20" stroke="#E0B4B7" stroke-width="1.16666667" opacity="0.6"></path>
+                    <path d="M205.333333,82.1372105 L238.719406,36.1666667" id="Path-24" stroke="#BACAD9" stroke-width="1.16666667"></path>
+                    <path d="M266.723424,132.231988 L207.083333,90.4166667" id="Path-25" stroke="#CFDAE6" stroke-width="1.16666667"></path>
+                    <circle id="Oval-5" fill="#C1D1E0" cx="156.916667" cy="8.75" r="8.75"></circle>
+                    <circle id="Oval-5-Copy-3" fill="#C1D1E0" cx="39.0833333" cy="148.75" r="5.25"></circle>
+                    <circle id="Oval-5-Copy-2" fill-opacity="0.6" fill="#D1DEED" cx="8.75" cy="33.25" r="8.75"></circle>
+                    <circle id="Oval-5-Copy-4" fill-opacity="0.6" fill="#D1DEED" cx="243.833333" cy="30.3333333" r="5.83333333"></circle>
+                    <circle id="Oval-5-Copy-5" fill="#E0B4B7" cx="175.583333" cy="232.75" r="5.25"></circle>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
@@ -0,0 +1,130 @@
+/**
+ * 字体图标文件-静态资源文件路径
+ */
+const baseUrl = import.meta.env.VITE_HISTORY_BASE_URL;
+export const scriptUrl = `${
+  baseUrl.length === 1 && baseUrl.indexOf('/') === 0
+    ? ''
+    : baseUrl.indexOf('/') === -1
+    ? '/' + baseUrl
+    : baseUrl
+}/font_8d5l8fzk5b87iudi.js`;
+
+/**
+ * 读取 font_8d5l8fzk5b87iudi.js 文件内svg图标名称
+ *
+ * JSON.stringify(txt.match(/icon-(\S*)"/gi).map(i=>i.slice(0,-1)))
+ */
+export const iconFonts = [
+  '#',
+  'icon-alibaba',
+  'icon-alimama',
+  'icon-aliyun',
+  'icon-anzhuo',
+  'icon-biaoqing',
+  'icon-chexiao',
+  'icon-chexiao2',
+  'icon-daimayingyong',
+  'icon-daishenhe',
+  'icon-dashang',
+  'icon-dianzan',
+  'icon-dianzan1',
+  'icon-facebook',
+  'icon-fangda',
+  'icon-fangda2',
+  'icon-fanhui',
+  'icon-fanhui1',
+  'icon-fankui1',
+  'icon-fenxiang',
+  'icon-fuzhichenggong',
+  'icon-fuzhidaima',
+  'icon-fuzhidaima1',
+  'icon-gengduo',
+  'icon-gerenzhanghu',
+  'icon-github',
+  'icon-gonggao',
+  'icon-gonggaodayi',
+  'icon-gongnengjieshao',
+  'icon-gouwuche',
+  'icon-gouwuche2',
+  'icon-guanbi',
+  'icon-huidingbu',
+  'icon-huifu',
+  'icon-huizhiguize',
+  'icon-iconfont1',
+  'icon-ios',
+  'icon-jieshi',
+  'icon-jinggao',
+  'icon-lishi',
+  'icon-morentouxiang',
+  'icon-paixu',
+  'icon-pcduan',
+  'icon-piliang',
+  'icon-qingchu',
+  'icon-qq',
+  'icon-qunzhu',
+  'icon-right',
+  'icon-saoyisao',
+  'icon-shanchu',
+  'icon-shang',
+  'icon-shang1',
+  'icon-shang2',
+  'icon-shangchuan',
+  'icon-shenhejujue',
+  'icon-shenhetongguo',
+  'icon-shijian',
+  'icon-shuoming',
+  'icon-souren',
+  'icon-sousuo',
+  'icon-soutubiao',
+  'icon-suofang',
+  'icon-suoxiao',
+  'icon-suoxiao2',
+  'icon-taobaowang',
+  'icon-tengxunwang',
+  'icon-tianjiachengyuan',
+  'icon-tianmao',
+  'icon-tubiaohuizhi',
+  'icon-tubiaoku',
+  'icon-tuichu',
+  'icon-twitter',
+  'icon-weibo',
+  'icon-weibo1',
+  'icon-weibo2',
+  'icon-weijiaru',
+  'icon-weitijiao',
+  'icon-weixin',
+  'icon-wenjian',
+  'icon-wocanyu',
+  'icon-wofaqi',
+  'icon-xia',
+  'icon-xia2',
+  'icon-xiangmu',
+  'icon-xiangmuchengyuan',
+  'icon-xiangxia',
+  'icon-xiangxia1',
+  'icon-xiangxia2',
+  'icon-xiangyou',
+  'icon-xiaomi',
+  'icon-xiazai',
+  'icon-xinjiantubiaoku',
+  'icon-yingwen',
+  'icon-you',
+  'icon-you1',
+  'icon-you2',
+  'icon-youxiang',
+  'icon-youxuan',
+  'icon-youxuan2',
+  'icon-yuzhanghao',
+  'icon-yuzhanghao1',
+  'icon-zhifubao',
+  'icon-zhizuoliucheng',
+  'icon-zhongguodianxin',
+  'icon-zhuanrang',
+  'icon-zhubajie',
+  'icon-zuo',
+  'icon-zuo1',
+  'icon-zuo2',
+  'icon-zuoxuan',
+  'icon-zuoxuan2',
+];
@@ -0,0 +1,264 @@
+<template>
+  <div ref="chartDom" :style="{ height: height, width: width }"></div>
+</template>
+<script lang="ts" setup>
+import { nextTick, watch, onMounted, onBeforeUnmount, ref } from 'vue';
+import * as echarts from 'echarts/core';
+import {
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  GridComponent,
+  DataZoomComponent,
+  LegendComponent,
+} from 'echarts/components';
+import { LineChart } from 'echarts/charts';
+import { UniversalTransition } from 'echarts/features';
+import { CanvasRenderer } from 'echarts/renderers';
+import { parseSizeFromKBs, parseSizeFromMB } from '@/utils/parse-utils';
+
+echarts.use([
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  GridComponent,
+  DataZoomComponent,
+  LegendComponent,
+  LineChart,
+  CanvasRenderer,
+  UniversalTransition,
+]);
+
+const props = defineProps({
+  /**
+   * 图表主题
+   *
+   * 'dark' | 'light'
+   */
+  theme: {
+    type: String,
+    default: 'light', // 'dark' | 'light'
+  },
+  /**宽度，默认100% */
+  width: {
+    type: String,
+    default: '100%',
+  },
+  /**高度 */
+  height: {
+    type: String,
+    default: '200px',
+  },
+  /**底部时间轴 */
+  dataZoom: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * option: { title , xDatas, yDatas, formatStr, yAxis, grid, tooltip}
+   *
+   * grid 图偏移 列如{ left: '15%', right: '15%', bottom: '20%' }
+   * formatStr 支持 'KB/s'、'MB'、自定义格式
+   */
+  option: {
+    type: Object,
+    required: true,
+  },
+});
+
+const seriesStyle = [
+  {
+    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+    {
+        offset: 0,
+        color: 'rgba(22, 119, 255, .5)',
+      },
+      {
+        offset: 1,
+        color: 'rgba(22, 119, 255, 0)',
+      },
+    ]),
+  },
+  {
+    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      {
+        offset: 0,
+        color: 'rgba(82, 196, 26, .5)',
+      },
+      {
+        offset: 1,
+        color: 'rgba(82, 196, 26, 0)',
+      },
+    ]),
+  },
+  {
+    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      {
+        offset: 0,
+        color: 'rgba(250, 173, 20, .5)',
+      },
+      {
+        offset: 1,
+        color: 'rgba(250, 173, 20, 0)',
+      },
+    ]),
+  },
+  {
+    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+      {
+        offset: 0,
+        color: 'rgba(255, 77, 79, 0.5)',
+      },
+      {
+        offset: 1,
+        color: 'rgba(255, 77, 79, 0)',
+      },
+    ]),
+  },
+];
+
+let newChart: echarts.ECharts;
+const chartDom = ref<HTMLElement | undefined>(undefined);
+
+/**初始化渲染图表 */
+function initChart() {
+  if (!newChart) {
+    newChart = echarts.init(chartDom.value);
+  }
+
+  const series: any = [];
+  const yDatasLen = props.option?.yDatas?.length || 0;
+  if (yDatasLen > 0) {
+    props.option?.yDatas.forEach((item: any, index: number) => {
+      series.push({
+        name: item?.name,
+        type: 'line',
+        areaStyle: seriesStyle[index % yDatasLen],
+        data: item?.data,
+        showSymbol: false,
+        yAxisIndex: item.yAxisIndex ? 1 : null,
+      });
+    });
+  } else {
+    console.error('components ChartLine echarts yDatas error!');
+    return;
+  }
+
+  // 右侧y轴辅助线
+  const yAxis: any = [];
+  if (props.option.yAxis && props.option.yAxis.length > 0) {
+    props.option.yAxis.forEach((item: any) => {
+      yAxis.push({
+        splitLine: {
+          show: true,
+          //分隔辅助线
+          lineStyle: {
+            type: 'dashed', //线的类型 虚线0
+            opacity: props.theme === 'dark' ? 0.1 : 1, //透明度
+          },
+        },
+        ...item,
+      });
+    });
+  }
+
+  // 把配置和数据放这里
+  const option = {
+    title: [
+      {
+        left: 'center',
+        text: props.option.title,
+        show: props.option.title,
+      },
+    ],
+    zlevel: 1,
+    z: 1,
+    tooltip: props.option.tooltip || {
+      trigger: 'axis',
+      formatter: function (datas: any) {
+        let res = datas[0].name + '<br/>';
+        // 拼接值的格式
+        switch (props.option.formatStr) {
+          case 'KB/s':
+            for (const item of datas) {
+              res += `${item.marker} ${item.seriesName}：${parseSizeFromKBs(
+                item.data
+              )}<br/>`;
+            }
+            break;
+          case 'MB':
+            for (const item of datas) {
+              res += `${item.marker} ${item.seriesName}：${parseSizeFromMB(
+                item.data
+              )}<br/>`;
+            }
+            break;
+          default:
+            for (const item of datas) {
+              res += `${item.marker} ${item.seriesName}：${item.data}${props.option.formatStr}<br/>`;
+            }
+            break;
+        }
+        return res;
+      },
+    },
+    grid: props.option.grid || { left: '8%', right: '8%', bottom: '20%' },
+    legend: {
+      right: 10,
+      itemWidth: 8,
+      textStyle: {
+        color: '#646A73',
+      },
+      icon: 'circle',
+    },
+    xAxis: { data: props.option.xDatas, boundaryGap: false },
+    yAxis: props.option.yAxis
+      ? yAxis
+      : {
+          name: '( ' + props.option.formatStr + ' )',
+          splitLine: {
+            //分隔辅助线
+            lineStyle: {
+              type: 'dashed', //线的类型 虚线0
+              opacity: props.theme === 'dark' ? 0.1 : 1, //透明度
+            },
+          },
+        },
+    series: series,
+    dataZoom: [{ startValue: props.option?.xDatas[0], show: props.dataZoom }],
+  };
+
+  // 渲染数据
+  newChart.setOption(option, true);
+}
+
+/**重置图表尺寸 */
+function changeChartSize() {
+  newChart.resize();
+}
+
+watch(
+  () => props.option,
+  val => {
+    if (val) {
+      nextTick(() => {
+        initChart();
+      });
+    }
+  }
+);
+
+onMounted(() => {
+  nextTick(() => {
+    initChart();
+    window.addEventListener('resize', changeChartSize);
+  });
+});
+
+onBeforeUnmount(() => {
+  newChart.dispose();
+  window.removeEventListener('resize', changeChartSize);
+});
+</script>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,70 @@
+<template>
+  <codemirror
+    :model-value="modelValue"
+    :placeholder="props.placeholder"
+    :style="props.editorStyle"
+    :disabled="props.disabled"
+    :autofocus="false"
+    :indent-with-tab="true"
+    :tab-size="props.tabSize"
+    :extensions="[javascript(), oneDark]"
+    @ready="fnReady"
+    @change="fnChange"
+  />
+</template>
+<script lang="ts" setup>
+import { Codemirror } from 'vue-codemirror';
+import { javascript } from '@codemirror/lang-javascript';
+import { oneDark } from '@codemirror/theme-one-dark';
+import { ref, watch } from 'vue';
+
+const emit = defineEmits(['update:value']);
+const props = defineProps({
+  value: {
+    type: String,
+    required: true,
+  },
+  placeholder: {
+    type: String,
+    default: 'input context here...',
+  },
+  /**是否禁止输入 */
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  editorStyle: {
+    type: Object,
+    default: () => ({ height: '400px !important' }),
+  },
+  /**缩进2空格 */
+  tabSize: {
+    type: Number,
+    default: 2,
+  },
+});
+
+// 绑定值
+const modelValue = ref<string>('');
+
+/**变更时更新绑定值 */
+function fnChange(value: string, viewUpdate: any) {
+  if (props.disabled) return;
+  emit('update:value', value);
+}
+
+/**组件渲染后 */
+function fnReady(payload: any) {
+  modelValue.value = props.value;
+}
+
+/**监听是否value改变 */
+watch(
+  () => props.value,
+  val => {
+    modelValue.value = val;
+  }
+);
+</script>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,116 @@
+<template>
+  <a-modal
+    :title="props.title"
+    width="80%"
+    :visible="props.visible"
+    :body-style="{ padding: '0 24px' }"
+    :destroy-on-close="true"
+    @cancel="fnCronModal(false)"
+    @ok="fnCronModal(true)"
+  >
+    <div ref="mergeViewContainer" class="mergeViewContainer"></div>
+  </a-modal>
+</template>
+<script lang="ts" setup>
+import { javascript } from '@codemirror/lang-javascript';
+import { oneDark } from '@codemirror/theme-one-dark';
+import { MergeView } from '@codemirror/merge';
+import { EditorView, basicSetup } from 'codemirror';
+import { EditorState } from '@codemirror/state';
+
+import { watch, ref } from 'vue';
+import { nextTick } from 'vue';
+
+const emit = defineEmits(['cancel', 'ok', 'update:visible']);
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    required: true,
+  },
+  title: {
+    type: String,
+    default: '内容比较',
+  },
+  newArea: {
+    type: String,
+    default: '当前内容',
+  },
+  oldArea: {
+    type: String,
+    default: '原始内容',
+  },
+  height: {
+    type: String,
+    default: '400px !important',
+  },
+  /**是否禁止输入 */
+  disabled: {
+    type: Boolean,
+    default: true,
+  },
+});
+
+const mergeViewContainer = ref();
+
+/**监听是否显示，初始cron属性 */
+watch(
+  () => props.visible,
+  val => {
+    if (val) {
+      // 开启时等待dom完成
+
+      nextTick(() => {
+        // 设置高度
+        mergeViewContainer.value.style.height = props.height;
+        // 实例到dom
+        new MergeView({
+          a: {
+            doc: props.oldArea,
+            extensions: [
+              javascript(),
+              oneDark,
+              basicSetup,
+              EditorView.editable.of(false),
+              EditorState.readOnly.of(true),
+            ],
+          },
+          b: {
+            doc: props.newArea,
+            extensions: [
+              javascript(),
+              oneDark,
+              basicSetup,
+              EditorView.editable.of(!props.disabled),
+              EditorState.readOnly.of(props.disabled),
+            ],
+          },
+          parent: mergeViewContainer.value,
+        });
+      });
+    }
+  }
+);
+
+/**
+ * 窗口事件
+ * @param val modal触发事件
+ */
+function fnCronModal(val: boolean) {
+  emit('update:visible', false);
+  if (val) {
+    emit('ok', true);
+  } else {
+    emit('cancel');
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.mergeViewContainer {
+  height: 400px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  color: #abb2bf;
+  background-color: #282c34;
+}
+</style>
@@ -0,0 +1,150 @@
+<script setup lang="ts">
+import { reactive, watch, onBeforeMount } from 'vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+
+const emit = defineEmits(['update:value']);
+const props = defineProps({
+  value: {
+    type: String,
+    default: '*',
+  },
+});
+
+/**指定列表初始数据 */
+const optionsSpecific = Array.from({ length: 31 }, (_, i) => {
+  let idx = i + 1;
+  return {
+    label: `${idx}`,
+    value: `${idx}`,
+  };
+});
+
+/**数据 */
+let data = reactive({
+  type: '1',
+  /**间隔 */
+  increment: 2,
+  incrementStart: 1,
+  /**周期 */
+  rangeStart: 1,
+  rangeEnd: 2,
+  /**指定 */
+  specific: ['1'],
+});
+
+/**监听数据，将数值格式化 */
+watch(data, () => {
+  let reultValue = '*';
+  let val = data.type;
+  // 每一
+  if (val === '1') {
+    reultValue = '*';
+  }
+  // 间隔
+  if (val === '2') {
+    let start = data.incrementStart;
+    let increment = data.increment;
+    reultValue = `${start ?? 0}/${increment ?? 0}`;
+  }
+  // 周期
+  if (val === '3') {
+    let start = data.rangeStart;
+    let end = data.rangeEnd;
+    reultValue = `${start ?? 0}-${end ?? 0}`;
+  }
+  // 指定
+  if (val === '4') {
+    reultValue = data.specific.sort((a, b) => +a - +b).join(',');
+  }
+  emit('update:value', reultValue);
+});
+
+/**挂载前初始属性 */
+onBeforeMount(() => {
+  const val = props.value;
+  if (val === '*') {
+    data.type = '1';
+  }
+  if (val.includes('/')) {
+    const arr = val.split('/');
+    data.incrementStart = Number(arr[0]);
+    data.increment = Number(arr[1]);
+    data.type = '2';
+  }
+  if (val.includes('-')) {
+    const arr = val.split('-');
+    data.rangeStart = Number(arr[0]);
+    data.rangeEnd = Number(arr[1]);
+    data.type = '3';
+  }
+  if (val.includes(',')) {
+    data.specific = val.split(',').sort((a, b) => +a - +b);
+    data.type = '4';
+  }
+});
+</script>
+
+<template>
+  <a-radio-group size="small" v-model:value="data.type">
+    <a-space direction="vertical" :size="18">
+      <a-radio value="1">
+        {{ t('components.CronModal.day1') }}
+      </a-radio>
+      <a-radio value="2">
+        {{ t('components.CronModal.day21') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.increment"
+          :min="1"
+          :max="31"
+          placeholder="1-31"
+        ></a-input-number>
+        {{ t('components.CronModal.day22') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.incrementStart"
+          :min="1"
+          :max="31"
+          placeholder="1-31"
+        ></a-input-number>
+        {{ t('components.CronModal.day23') }}
+      </a-radio>
+      <a-radio value="3">
+        {{ t('components.CronModal.day31') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeStart"
+          :min="1"
+          :max="31"
+          placeholder="1-31"
+        ></a-input-number>
+        {{ t('components.CronModal.day32') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeEnd"
+          :min="1"
+          :max="31"
+          placeholder="1-31"
+        ></a-input-number>
+        {{ t('components.CronModal.day33') }}
+      </a-radio>
+      <a-radio value="4">
+        {{ t('components.CronModal.day4') }}
+      </a-radio>
+      <a-select
+        v-model:value="data.specific"
+        size="small"
+        mode="multiple"
+        style="width: 100%"
+        :placeholder="t('components.CronModal.day4')"
+        :options="optionsSpecific"
+      ></a-select>
+      <a-radio value="5">
+        {{ t('components.CronModal.day5') }}
+      </a-radio>
+    </a-space>
+  </a-radio-group>
+</template>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,144 @@
+<script setup lang="ts">
+import { reactive, watch, onBeforeMount } from 'vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+
+const emit = defineEmits(['update:value']);
+const props = defineProps({
+  value: {
+    type: String,
+    default: '*',
+  },
+});
+
+/**指定列表初始数据 */
+const optionsSpecific = Array.from({ length: 24 }, (_, i) => ({
+  label: `${i}`.padStart(2, '0'),
+  value: `${i}`,
+}));
+
+/**数据 */
+let data = reactive({
+  type: '1',
+  /**间隔 */
+  increment: 2,
+  incrementStart: 0,
+  /**周期 */
+  rangeStart: 0,
+  rangeEnd: 2,
+  /**指定 */
+  specific: ['0'],
+});
+
+/**监听数据，将数值格式化 */
+watch(data, () => {
+  let reultValue = '*';
+  let val = data.type;
+  // 每一
+  if (val === '1') {
+    reultValue = '*';
+  }
+  // 间隔
+  if (val === '2') {
+    let start = data.incrementStart;
+    let increment = data.increment;
+    reultValue = `${start ?? 0}/${increment ?? 0}`;
+  }
+  // 周期
+  if (val === '3') {
+    let start = data.rangeStart;
+    let end = data.rangeEnd;
+    reultValue = `${start ?? 0}-${end ?? 0}`;
+  }
+  // 指定
+  if (val === '4') {
+    reultValue = data.specific.sort((a, b) => +a - +b).join(',');
+  }
+  emit('update:value', reultValue);
+});
+
+/**挂载前初始属性 */
+onBeforeMount(() => {
+  const val = props.value;
+  if (val === '*') {
+    data.type = '1';
+  }
+  if (val.includes('/')) {
+    const arr = val.split('/');
+    data.incrementStart = Number(arr[0]);
+    data.increment = Number(arr[1]);
+    data.type = '2';
+  }
+  if (val.includes('-')) {
+    const arr = val.split('-');
+    data.rangeStart = Number(arr[0]);
+    data.rangeEnd = Number(arr[1]);
+    data.type = '3';
+  }
+  if (val.includes(',')) {
+    data.specific = val.split(',').sort((a, b) => +a - +b);
+    data.type = '4';
+  }
+});
+</script>
+
+<template>
+  <a-radio-group size="small" v-model:value="data.type">
+    <a-space direction="vertical" :size="18">
+      <a-radio value="1">
+        {{ t('components.CronModal.hour1') }}
+      </a-radio>
+      <a-radio value="2">
+        {{ t('components.CronModal.hour21') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.increment"
+          :min="0"
+          :max="23"
+          placeholder="0-23"
+        ></a-input-number>
+        {{ t('components.CronModal.hour22') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.incrementStart"
+          :min="0"
+          :max="23"
+          placeholder="0-23"
+        ></a-input-number>
+        {{ t('components.CronModal.hour23') }}
+      </a-radio>
+      <a-radio value="3">
+        {{ t('components.CronModal.hour31') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeStart"
+          :min="0"
+          :max="23"
+          placeholder="1-23"
+        ></a-input-number>
+        {{ t('components.CronModal.hour32') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeEnd"
+          :min="0"
+          :max="23"
+          placeholder="0-23"
+        ></a-input-number>
+        {{ t('components.CronModal.hour33') }}
+      </a-radio>
+      <a-radio value="4">
+        {{ t('components.CronModal.hour4') }}
+      </a-radio>
+      <a-select
+        v-model:value="data.specific"
+        size="small"
+        mode="multiple"
+        style="width: 100%"
+        :placeholder="t('components.CronModal.hour4')"
+        :options="optionsSpecific"
+      ></a-select>
+    </a-space>
+  </a-radio-group>
+</template>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,146 @@
+<script setup lang="ts">
+import { reactive, watch, onBeforeMount } from 'vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+
+const emit = defineEmits(['update:value']);
+const props = defineProps({
+  value: {
+    type: String,
+    default: '*',
+  },
+});
+
+/**指定列表初始数据 */
+const optionsSpecific = Array.from({ length: 60 }, (_, i) => {
+  return {
+    label: `${i}`.padStart(2, '0'),
+    value: `${i}`,
+  };
+});
+
+/**数据 */
+let data = reactive({
+  type: '1',
+  /**间隔 */
+  increment: 1,
+  incrementStart: 0,
+  /**周期 */
+  rangeStart: 1,
+  rangeEnd: 2,
+  /**指定 */
+  specific: ['0'],
+});
+
+/**监听数据，将数值格式化 */
+watch(data, () => {
+  let reultValue = '*';
+  let val = data.type;
+  // 每一
+  if (val === '1') {
+    reultValue = '*';
+  }
+  // 间隔
+  if (val === '2') {
+    let start = data.incrementStart;
+    let increment = data.increment;
+    reultValue = `${start ?? 0}/${increment ?? 0}`;
+  }
+  // 周期
+  if (val === '3') {
+    let start = data.rangeStart;
+    let end = data.rangeEnd;
+    reultValue = `${start ?? 0}-${end ?? 0}`;
+  }
+  // 指定
+  if (val === '4') {
+    reultValue = data.specific.sort((a, b) => +a - +b).join(',');
+  }
+  emit('update:value', reultValue);
+});
+
+/**挂载前初始属性 */
+onBeforeMount(() => {
+  const val = props.value;
+  if (val === '*') {
+    data.type = '1';
+  }
+  if (val.includes('/')) {
+    const arr = val.split('/');
+    data.incrementStart = Number(arr[0]);
+    data.increment = Number(arr[1]);
+    data.type = '2';
+  }
+  if (val.includes('-')) {
+    const arr = val.split('-');
+    data.rangeStart = Number(arr[0]);
+    data.rangeEnd = Number(arr[1]);
+    data.type = '3';
+  }
+  if (val.includes(',')) {
+    data.specific = val.split(',').sort((a, b) => +a - +b);
+    data.type = '4';
+  }
+});
+</script>
+
+<template>
+  <a-radio-group size="small" v-model:value="data.type">
+    <a-space direction="vertical" :size="18">
+      <a-radio value="1">
+        {{ t('components.CronModal.minute1') }}
+      </a-radio>
+      <a-radio value="2">
+        {{ t('components.CronModal.minute21') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.increment"
+          :min="0"
+          :max="59"
+          placeholder="0-59"
+        ></a-input-number>
+        {{ t('components.CronModal.minute22') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.incrementStart"
+          :min="0"
+          :max="59"
+          placeholder="0-59"
+        ></a-input-number>
+        {{ t('components.CronModal.minute23') }}
+      </a-radio>
+      <a-radio value="3">
+        {{ t('components.CronModal.minute31') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeStart"
+          :min="0"
+          :max="59"
+          placeholder="0-59"
+        ></a-input-number>
+        {{ t('components.CronModal.minute32') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeEnd"
+          :min="0"
+          :max="59"
+          placeholder="0-59"
+        ></a-input-number>
+        {{ t('components.CronModal.minute33') }}
+      </a-radio>
+      <a-radio value="4">
+        {{ t('components.CronModal.minute4') }}
+      </a-radio>
+      <a-select
+        v-model:value="data.specific"
+        size="small"
+        mode="multiple"
+        style="width: 100%"
+        :placeholder="t('components.CronModal.minute4')"
+        :options="optionsSpecific"
+      ></a-select>
+    </a-space>
+  </a-radio-group>
+</template>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,148 @@
+<script setup lang="ts">
+import { reactive, watch, onBeforeMount } from 'vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+
+const emit = defineEmits(['update:value']);
+const props = defineProps({
+  value: {
+    type: String,
+    default: '*',
+  },
+});
+
+/**指定列表初始数据 */
+const optionsSpecific = Array.from({ length: 12 }, (_, i) => {
+  let idx = i + 1;
+  return {
+    label: `${idx}`,
+    value: `${idx}`,
+  };
+});
+
+/**构建数据 */
+let data = reactive({
+  /**类型 */
+  type: '1',
+  /**间隔 */
+  increment: 1,
+  incrementStart: 1,
+  /**周期 */
+  rangeStart: 1,
+  rangeEnd: 2,
+  /**指定秒 */
+  specific: ['1'],
+});
+
+/**监听数据，将数值格式化 */
+watch(data, () => {
+  let reultValue = '*';
+  let val = data.type;
+  // 每一
+  if (val === '1') {
+    reultValue = '*';
+  }
+  // 间隔
+  if (val === '2') {
+    let start = data.incrementStart;
+    let increment = data.increment;
+    reultValue = `${start ?? 0}/${increment ?? 0}`;
+  }
+  // 周期
+  if (val === '3') {
+    let start = data.rangeStart;
+    let end = data.rangeEnd;
+    reultValue = `${start ?? 0}-${end ?? 0}`;
+  }
+  // 指定
+  if (val === '4') {
+    reultValue = data.specific.sort((a, b) => +a - +b).join(',');
+  }
+  emit('update:value', reultValue);
+});
+
+/**挂载前初始属性 */
+onBeforeMount(() => {
+  const val = props.value;
+  if (val === '*') {
+    data.type = '1';
+  }
+  if (val.includes('/')) {
+    const arr = val.split('/');
+    data.incrementStart = Number(arr[0]);
+    data.increment = Number(arr[1]);
+    data.type = '2';
+  }
+  if (val.includes('-')) {
+    const arr = val.split('-');
+    data.rangeStart = Number(arr[0]);
+    data.rangeEnd = Number(arr[1]);
+    data.type = '3';
+  }
+  if (val.includes(',')) {
+    data.specific = val.split(',').sort((a, b) => +a - +b);
+    data.type = '4';
+  }
+});
+</script>
+
+<template>
+  <a-radio-group size="small" v-model:value="data.type">
+    <a-space direction="vertical" :size="18">
+      <a-radio value="1">
+        {{ t('components.CronModal.month1') }}
+      </a-radio>
+      <a-radio value="2">
+        {{ t('components.CronModal.month21') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.increment"
+          :min="1"
+          :max="12"
+          placeholder="1-12"
+        ></a-input-number>
+        {{ t('components.CronModal.month22') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.incrementStart"
+          :min="1"
+          :max="12"
+          placeholder="1-12"
+        ></a-input-number>
+        {{ t('components.CronModal.month23') }}
+      </a-radio>
+      <a-radio value="3">
+        {{ t('components.CronModal.month31') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeStart"
+          :min="1"
+          :max="12"
+          placeholder="1-12"
+        ></a-input-number>
+        {{ t('components.CronModal.month32') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeEnd"
+          :min="1"
+          :max="12"
+          placeholder="1-12"
+        ></a-input-number>
+        {{ t('components.CronModal.month33') }}
+      </a-radio>
+      <a-radio value="4">
+        {{ t('components.CronModal.month4') }}
+      </a-radio>
+      <a-select
+        v-model:value="data.specific"
+        size="small"
+        mode="multiple"
+        style="width: 100%"
+        :placeholder="t('components.CronModal.month4')"
+        :options="optionsSpecific"
+      ></a-select>
+    </a-space>
+  </a-radio-group>
+</template>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,145 @@
+<script setup lang="ts">
+import { reactive, watch, onBeforeMount } from 'vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+
+const emit = defineEmits(['update:value']);
+const props = defineProps({
+  value: {
+    type: String,
+    default: '*',
+  },
+});
+
+/**指定列表初始数据 */
+const optionsSpecific = Array.from({ length: 60 }, (_, i) => ({
+  label: `${i}`.padStart(2, '0'),
+  value: `${i}`,
+}));
+
+/**构建数据 */
+let data = reactive({
+  /**类型 */
+  type: '1',
+  /**间隔 */
+  increment: 2,
+  incrementStart: 0,
+  /**周期 */
+  rangeStart: 1,
+  rangeEnd: 2,
+  /**指定秒 */
+  specific: ['0'],
+});
+
+/**监听数据，将数值格式化 */
+watch(data, () => {
+  let reultValue = '*';
+  let val = data.type;
+  // 每一
+  if (val === '1') {
+    reultValue = '*';
+  }
+  // 间隔
+  if (val === '2') {
+    let start = data.incrementStart;
+    let increment = data.increment;
+    reultValue = `${start ?? 0}/${increment ?? 0}`;
+  }
+  // 周期
+  if (val === '3') {
+    let start = data.rangeStart;
+    let end = data.rangeEnd;
+    reultValue = `${start ?? 0}-${end ?? 0}`;
+  }
+  // 指定
+  if (val === '4') {
+    reultValue = data.specific.sort((a, b) => +a - +b).join(',');
+  }
+  emit('update:value', reultValue);
+});
+
+/**挂载前初始属性 */
+onBeforeMount(() => {
+  const val = props.value;
+  if (val === '*') {
+    data.type = '1';
+  }
+  if (val.includes('/')) {
+    const arr = val.split('/');
+    data.incrementStart = Number(arr[0]);
+    data.increment = Number(arr[1]);
+    data.type = '2';
+  }
+  if (val.includes('-')) {
+    const arr = val.split('-');
+    data.rangeStart = Number(arr[0]);
+    data.rangeEnd = Number(arr[1]);
+    data.type = '3';
+  }
+  if (val.includes(',')) {
+    data.specific = val.split(',').sort((a, b) => +a - +b);
+    data.type = '4';
+  }
+});
+</script>
+
+<template>
+  <a-radio-group size="small" v-model:value="data.type">
+    <a-space direction="vertical" :size="18">
+      <a-radio value="1">
+        {{ t('components.CronModal.second1') }}
+      </a-radio>
+      <a-radio value="2">
+        {{ t('components.CronModal.second21') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.increment"
+          :min="0"
+          :max="59"
+          placeholder="0-59"
+        ></a-input-number>
+        {{ t('components.CronModal.second22') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.incrementStart"
+          :min="0"
+          :max="59"
+          placeholder="0-59"
+        ></a-input-number>
+        {{ t('components.CronModal.second23') }}
+      </a-radio>
+      <a-radio value="3">
+        {{ t('components.CronModal.second31') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeStart"
+          :min="0"
+          :max="59"
+          placeholder="0-59"
+        ></a-input-number>
+        {{ t('components.CronModal.second32') }}
+        <a-input-number
+          size="small"
+          v-model:value="data.rangeEnd"
+          :min="0"
+          :max="59"
+          placeholder="0-59"
+        ></a-input-number>
+        {{ t('components.CronModal.second33') }}
+      </a-radio>
+      <a-radio value="4">
+        {{ t('components.CronModal.second4') }}
+      </a-radio>
+      <a-select
+        v-model:value="data.specific"
+        size="small"
+        mode="multiple"
+        style="width: 100%"
+        :placeholder="t('components.CronModal.second4')"
+        :options="optionsSpecific"
+      ></a-select>
+    </a-space>
+  </a-radio-group>
+</template>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,114 @@
+<template>
+  <a-modal
+    :title="t('components.CronModal.title')"
+    :visible="props.visible"
+    :body-style="{ padding: '0 24px' }"
+    :destroy-on-close="true"
+    @cancel="fnCronModal(false)"
+    @ok="fnCronModal(true)"
+  >
+    <a-tabs tab-position="top" type="line">
+      <a-tab-pane key="1" :tab="t('common.units.second')">
+        <CronSecond v-model:value="cronValue.second"></CronSecond>
+      </a-tab-pane>
+      <a-tab-pane key="2" :tab="t('common.units.minute')">
+        <CronMinute v-model:value="cronValue.minute"></CronMinute>
+      </a-tab-pane>
+      <a-tab-pane key="3" :tab="t('common.units.hour')">
+        <CronHour v-model:value="cronValue.hour"></CronHour>
+      </a-tab-pane>
+      <a-tab-pane key="4" :tab="t('common.units.day')">
+        <CronDay v-model:value="cronValue.day"></CronDay>
+      </a-tab-pane>
+      <a-tab-pane key="5" :tab="t('common.units.month')">
+        <CronMonth v-model:value="cronValue.month"></CronMonth>
+      </a-tab-pane>
+    </a-tabs>
+
+    <a-input
+      class="reultBox"
+      :addon-before="t('components.CronModal.addon')"
+      v-model:value="cronStr"
+      disabled
+    />
+  </a-modal>
+</template>
+<script lang="ts" setup>
+import CronSecond from './components/Second.vue';
+import CronMinute from './components/Minute.vue';
+import CronHour from './components/Hour.vue';
+import CronDay from './components/Day.vue';
+import CronMonth from './components/Month.vue';
+import { reactive, computed, watch } from 'vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
+
+const emit = defineEmits(['cancel', 'ok', 'update:visible']);
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    required: true,
+  },
+  cron: {
+    type: String,
+    default: '* * * * * ?',
+  },
+});
+
+/**cron属性值 */
+let cronValue = reactive({
+  second: '*',
+  minute: '*',
+  hour: '*',
+  day: '*',
+  month: '*',
+  week: '?',
+});
+
+/**组合cron结果 */
+const cronStr = computed(() => {
+  let time = `${cronValue.second} ${cronValue.minute} ${cronValue.hour}`;
+  let date = `${cronValue.day} ${cronValue.month} ${cronValue.week}`;
+  return `${time} ${date}`;
+});
+
+/**监听是否显示，初始cron属性 */
+watch(
+  () => props.visible,
+  val => {
+    if (!val) return;
+    const arr = props.cron.split(' ');
+    // 6 位以上是合法表达式
+    if (arr.length >= 6) {
+      Object.assign(cronValue, {
+        second: arr[0],
+        minute: arr[1],
+        hour: arr[2],
+        day: arr[3],
+        month: arr[4],
+        week: arr[5],
+      });
+    }
+  }
+);
+
+/**
+ * 窗口事件
+ * @param val modal触发事件
+ */
+function fnCronModal(val: boolean) {
+  emit('update:visible', false);
+  if (val) {
+    emit('ok', cronStr.value);
+  } else {
+    emit('cancel');
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.reultBox {
+  margin-top: 48px;
+  margin-bottom: 24px;
+}
+</style>
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+const props = defineProps({
+  /**数据 */
+  options: {
+    type: Array,
+  },
+  /**当前的值对应数据中的项字段 */
+  valueField: {
+    type: String,
+    default: 'value',
+  },
+  /**当前的值 */
+  value: {
+    type: [Number, String],
+    default: '',
+  },
+});
+
+/**遍历找到对应值数据项 */
+const item = computed(() => {
+  if (Array.isArray(props.options) && props.options.length > 0) {
+    const option = (props.options as any[]).find(
+      item => `${item[props.valueField]}` === `${props.value}`
+    );
+    return option;
+  }
+  return undefined;
+});
+</script>
+
+<template>
+  <template v-if="item">
+    <a-tag
+      v-if="item.elTagType"
+      :class="item.elTagClass"
+      :color="item.elTagType"
+    >
+      {{ item.label }}
+    </a-tag>
+    <span v-else :class="item.elTagClass">
+      {{ item.label }}
+    </span>
+  </template>
+  <span v-else>{{ value }}</span>
+</template>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,30 @@
+<script lang="ts" setup>
+import { scriptUrl } from '@/assets/js/icon_font_8d5l8fzk5b87iudi';
+import { createFromIconfontCN } from '@ant-design/icons-vue';
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: '#',
+  },
+  size: {
+    type: Number,
+    default: 14,
+  },
+});
+
+/**字体图标加载为组件 */
+const IconFont = createFromIconfontCN({
+  scriptUrl: scriptUrl,
+});
+</script>
+
+<template>
+  <IconFont
+    v-if="type != '#'"
+    :type="props.type"
+    :style="{ fontSize: size + 'px' }"
+  ></IconFont>
+</template>
+
+<style lang="less" scoped></style>
@@ -0,0 +1,40 @@
+<script lang="ts" setup>
+import { reactive, ref, onMounted } from 'vue';
+import { useRoute } from 'vue-router';
+const route = useRoute();
+const height = ref<string>(document.documentElement.clientHeight - 94.5 + 'px');
+const props = defineProps({
+  src: {
+    type: String,
+    required: true,
+  },
+});
+
+let iframe = reactive({
+  id: 'link',
+  src: props.src,
+});
+
+onMounted(() => {
+  if (route.name) {
+    iframe.id = route.name.toString();
+  }
+  window.onresize = () => {
+    height.value = document.documentElement.clientHeight - 94.5 + 'px;';
+  };
+});
+</script>
+
+<template>
+  <div :style="'height:' + height">
+    <iframe
+      :id="iframe.id"
+      :src="iframe.src"
+      frameborder="no"
+      style="width: 100%; height: 100%"
+      scrolling="auto"
+    ></iframe>
+  </div>
+</template>
+
+<style lang="less" scoped></style>
				`@@ -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