ui first commit (#1)

2025-10-09 17:20:16 +08:00 · 2024-01-30 13:23:22 +08:00
parent 0d2c58dd9d
commit 332f3b9968
392 changed files with 72192 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,80 @@
+*~
+.idea
+.vscode
+migrates
+config.cfg
+*.log
+*_packed.js
+*_packed.css
+*.orig
+*.zip
+nohup.out
+.DS_Store
+*.py[cod]
+
+# C extensions
+*.so
+
+# Packages
+*.egg
+*.egg-info
+build
+eggs
+parts
+bin
+var
+sdist
+develop-eggs
+.installed.cfg
+#lib
+#lib64
+Pipfile.lock
+
+# Installer logs
+pip-log.txt
+
+# Unit test / coverage reports
+.coverage
+.tox
+nosetests.xml
+.pytest_cache
+oneterm-api/test-output
+oneterm-api/api/uploaded_files
+oneterm-api/migrations/versions
+
+# Translations
+#*.mo
+messages.pot
+
+# Mr Developer
+.mr.developer.cfg
+.project
+.pydevproject
+
+# Complexity
+output/*.html
+output/*/index.html
+
+# Sphinx
+docs/_build
+
+# Virtualenvs
+env/
+
+
+# Configuration
+settings.py
+
+# Development database
+*.db
+
+# UI
+oneterm-ui/node_modules
+oneterm-ui/dist
+oneterm-ui/yarn.lock
+
+# Log files
+oneterm-ui/npm-debug.log*
+oneterm-ui/yarn-debug.log*
+oneterm-ui/yarn-error.log*
+oneterm-ui/package-lock.json
--- a/oneterm-ui/.editorconfig
+++ b/oneterm-ui/.editorconfig
@@ -0,0 +1,39 @@
+[*]
+charset=utf-8
+end_of_line=lf
+insert_final_newline=false
+indent_style=space
+indent_size=2
+
+[{*.ng,*.sht,*.html,*.shtm,*.shtml,*.htm}]
+indent_style=space
+indent_size=2
+
+[{*.jhm,*.xslt,*.xul,*.rng,*.xsl,*.xsd,*.ant,*.tld,*.fxml,*.jrxml,*.xml,*.jnlp,*.wsdl}]
+indent_style=space
+indent_size=2
+
+[{.babelrc,.stylelintrc,jest.config,.eslintrc,.prettierrc,*.json,*.jsb3,*.jsb2,*.bowerrc}]
+indent_style=space
+indent_size=2
+
+[*.svg]
+indent_style=space
+indent_size=2
+
+[*.js.map]
+indent_style=space
+indent_size=2
+
+[*.less]
+indent_style=space
+indent_size=2
+
+[*.vue]
+indent_style=space
+indent_size=2
+
+[{.analysis_options,*.yml,*.yaml}]
+indent_style=space
+indent_size=2
+
--- a/oneterm-ui/.env
+++ b/oneterm-ui/.env
@@ -0,0 +1,5 @@
+NODE_ENV=production
+VUE_APP_PREVIEW=false
+VUE_APP_API_BASE_URL=/api
+VUE_APP_BUILD_PACKAGES="ticket,calendar,acl"
+VUE_APP_IS_OUTER=true
--- a/oneterm-ui/.env.preview
+++ b/oneterm-ui/.env.preview
@@ -0,0 +1,3 @@
+NODE_ENV=production
+VUE_APP_PREVIEW=true
+VUE_APP_API_BASE_URL=/api
--- a/oneterm-ui/.eslintignore
+++ b/oneterm-ui/.eslintignore
@@ -0,0 +1 @@
+/public/iconfont
--- a/oneterm-ui/.eslintrc.js
+++ b/oneterm-ui/.eslintrc.js
@@ -0,0 +1,81 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  'extends': [
+    'plugin:vue/strongly-recommended',
+    '@vue/standard'
+  ],
+  rules: {
+    'no-unused-vars': 'warn',
+    'space-before-function-paren': 0,
+    'no-console': 'off',
+    'comma-dangle': 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'generator-star-spacing': 'off',
+    'no-mixed-operators': 0,
+    'vue/max-attributes-per-line': [
+      2,
+      {
+        'singleline': 5,
+        'multiline': {
+          'max': 1,
+          'allowFirstLine': false
+        }
+      }
+    ],
+    'vue/attribute-hyphenation': 0,
+    'vue/html-self-closing': 0,
+    'vue/component-name-in-template-casing': 0,
+    'vue/html-closing-bracket-spacing': 0,
+    'vue/singleline-html-element-content-newline': 0,
+    'vue/no-unused-components': 0,
+    'vue/multiline-html-element-content-newline': 0,
+    'vue/no-use-v-if-with-v-for': 0,
+    'vue/html-closing-bracket-newline': 0,
+    'vue/prop-name-casing': 0,
+    'vue/no-parsing-error': 0,
+    'no-tabs': 0,
+    'quotes': [
+      2,
+      'single',
+      {
+        'avoidEscape': true,
+        'allowTemplateLiterals': true
+      }
+    ],
+    'semi': [
+      2,
+      'never',
+      {
+        'beforeStatementContinuationChars': 'never'
+      }
+    ],
+    'no-delete-var': 2,
+    'prefer-const': [
+      2,
+      {
+        'ignoreReadBeforeAssign': false
+      }
+    ],
+    'template-curly-spacing': 'off',
+    'indent': 'off',
+    'camelcase': 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)',
+        '**/src/components/**'
+      ],
+      env: {
+        jest: true
+      }
+    }
+  ]
+}
--- a/oneterm-ui/.prettierrc
+++ b/oneterm-ui/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "printWidth": 120,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}
--- a/oneterm-ui/.travis.yml
+++ b/oneterm-ui/.travis.yml
@@ -0,0 +1,7 @@
+language: node_js
+node_js:
+  - 10.15.0
+cache: yarn
+script:
+  - yarn
+  - yarn run lint --no-fix && yarn run build
--- a/oneterm-ui/babel.config.js
+++ b/oneterm-ui/babel.config.js
@@ -0,0 +1,28 @@
+const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)
+
+const plugins = ['@babel/plugin-syntax-import-meta', '@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-nullish-coalescing-operator']
+if (IS_PROD) {
+  plugins.push('transform-remove-console')
+}
+
+// lazy load ant-design-vue
+// if your use import on Demand, Use this code
+// plugins.push(['import', {
+//   'libraryName': 'ant-design-vue',
+//   'libraryDirectory': 'es',
+//   'style': true // `style: true` 会加载 less 文件
+// }])
+
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset',
+    [
+      '@babel/preset-env',
+      {
+        'useBuiltIns': 'entry',
+        'corejs': 3
+      }
+    ]
+  ],
+  plugins
+}
--- a/oneterm-ui/config/plugin.config.js
+++ b/oneterm-ui/config/plugin.config.js
@@ -0,0 +1,46 @@
+const ThemeColorReplacer = require('webpack-theme-color-replacer')
+const generate = require('@ant-design/colors/lib/generate').default
+
+const getAntdSerials = (color) => {
+  // 淡化（即less的tint）
+  const lightens = new Array(9).fill().map((t, i) => {
+    return ThemeColorReplacer.varyColor.lighten(color, i / 10)
+  })
+  const colorPalettes = generate(color)
+  const rgb = ThemeColorReplacer.varyColor.toNum3(color.replace('#', '')).join(',')
+  return lightens.concat(colorPalettes).concat(rgb)
+}
+
+const themePluginOption = {
+  fileName: 'css/theme-colors-[contenthash:8].css',
+  matchColors: getAntdSerials('#2f54eb'), // 主色系列
+  // 改变样式选择器，解决样式覆盖问题
+  changeSelector (selector) {
+    switch (selector) {
+      case '.ant-calendar-today .ant-calendar-date':
+        return ':not(.ant-calendar-selected-date):not(.ant-calendar-selected-day)' + selector
+      case '.ant-btn:focus,.ant-btn:hover':
+        return '.ant-btn:focus:not(.ant-btn-primary):not(.ant-btn-danger),.ant-btn:hover:not(.ant-btn-primary):not(.ant-btn-danger)'
+      case '.ant-btn.active,.ant-btn:active':
+        return '.ant-btn.active:not(.ant-btn-primary):not(.ant-btn-danger),.ant-btn:active:not(.ant-btn-primary):not(.ant-btn-danger)'
+      case '.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon':
+      case '.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon':
+        return ':not(.ant-steps-item-process)' + selector
+      case '.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item-open,.ant-menu-horizontal>.ant-menu-item-selected,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu-active,.ant-menu-horizontal>.ant-menu-submenu-open,.ant-menu-horizontal>.ant-menu-submenu-selected,.ant-menu-horizontal>.ant-menu-submenu:hover':
+      case '.ant-menu-horizontal > .ant-menu-item-active,.ant-menu-horizontal > .ant-menu-item-open,.ant-menu-horizontal > .ant-menu-item-selected,.ant-menu-horizontal > .ant-menu-item:hover,.ant-menu-horizontal > .ant-menu-submenu-active,.ant-menu-horizontal > .ant-menu-submenu-open,.ant-menu-horizontal > .ant-menu-submenu-selected,.ant-menu-horizontal > .ant-menu-submenu:hover':
+        return '.ant-menu-horizontal > .ant-menu-item-active,.ant-menu-horizontal > .ant-menu-item-open,.ant-menu-horizontal > .ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,.ant-menu-horizontal > .ant-menu-submenu-active,.ant-menu-horizontal > .ant-menu-submenu-open,.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected,.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover'
+      case '.ant-menu-horizontal > .ant-menu-item-selected > a':
+      case '.ant-menu-horizontal>.ant-menu-item-selected>a':
+        return '.ant-menu-horizontal:not(ant-menu-light):not(.ant-menu-dark) > .ant-menu-item-selected > a'
+      case '.ant-menu-horizontal > .ant-menu-item > a:hover':
+      case '.ant-menu-horizontal>.ant-menu-item>a:hover':
+        return '.ant-menu-horizontal:not(ant-menu-light):not(.ant-menu-dark) > .ant-menu-item > a:hover'
+      default :
+        return selector
+    }
+  }
+}
+
+const createThemeColorReplacerPlugin = () => new ThemeColorReplacer(themePluginOption)
+
+module.exports = createThemeColorReplacerPlugin
--- a/oneterm-ui/jest.config.js
+++ b/oneterm-ui/jest.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+  moduleFileExtensions: [
+    'js',
+    'jsx',
+    'json',
+    'vue'
+  ],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
+    '^.+\\.jsx?$': 'babel-jest'
+  },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: [
+    'jest-serializer-vue'
+  ],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  testURL: 'http://localhost/'
+}
--- a/oneterm-ui/jsconfig.json
+++ b/oneterm-ui/jsconfig.json
@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"],
+  "include": ["src/*"]
+}
--- a/oneterm-ui/package.json
+++ b/oneterm-ui/package.json
@@ -0,0 +1,94 @@
+{
+  "name": "oneops",
+  "version": "0.0.9",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "build:preview": "vue-cli-service build --mode preview",
+    "lint": "vue-cli-service lint",
+    "lint:nofix": "vue-cli-service lint --no-fix",
+    "test:unit": "vue-cli-service test:unit"
+  },
+  "dependencies": {
+    "@antv/data-set": "^0.10.2",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.18.9",
+    "@babel/plugin-syntax-import-meta": "^7.10.4",
+    "@riophae/vue-treeselect": "^0.4.0",
+    "@vue/composition-api": "^1.7.1",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^1.0.0",
+    "ant-design-vue": "^1.6.5",
+    "asciinema-player": "3.0.1",
+    "axios": "0.18.0",
+    "babel-eslint": "^8.2.2",
+    "butterfly-dag": "^4.3.13",
+    "codemirror": "^5.65.13",
+    "core-js": "^3.25.5",
+    "echarts": "^5.3.2",
+    "element-ui": "^2.15.10",
+    "enquire.js": "^2.1.6",
+    "exceljs": "^4.4.0",
+    "file-saver": "^2.0.5",
+    "is-buffer": "^2.0.5",
+    "jquery": "^3.6.0",
+    "js-cookie": "^2.2.0",
+    "lodash.get": "^4.4.2",
+    "lodash.pick": "^4.4.0",
+    "md5": "^2.2.1",
+    "moment": "^2.24.0",
+    "nprogress": "^0.2.0",
+    "snabbdom": "^3.5.1",
+    "sortablejs": "1.9.0",
+    "viser-vue": "^2.3.3",
+    "vue": "2.6.11",
+    "vue-clipboard2": "^0.2.1",
+    "vue-codemirror": "^4.0.6",
+    "vue-cropper": "^0.5.8",
+    "vue-grid-layout": "2.3.12",
+    "vue-i18n": "8.28.2",
+    "vue-infinite-scroll": "^2.0.2",
+    "vue-json-editor": "^1.4.3",
+    "vue-json-excel": "^0.2.98",
+    "vue-loader": "15.10.1",
+    "vue-ls": "^3.2.1",
+    "vue-router": "^3.1.2",
+    "vue-seamless-scroll": "^1",
+    "vue-svg-component-runtime": "^1.0.1",
+    "vue-template-compiler": "2.6.11",
+    "vuedraggable": "^2.23.0",
+    "vuex": "^3.1.1",
+    "vxe-table": "3.6.9",
+    "vxe-table-plugin-export-xlsx": "2.0.0",
+    "wangeditor": "^3.1.1",
+    "xe-utils": "3",
+    "xlsx": "0.15.0",
+    "xlsx-js-style": "^1.2.0",
+    "xterm": "^5.3.0",
+    "xterm-addon-fit": "^0.8.0"
+  },
+  "devDependencies": {
+    "@ant-design/colors": "^3.2.2",
+    "@babel/core": "^7.23.2",
+    "@babel/polyfill": "^7.2.5",
+    "@babel/preset-env": "^7.23.2",
+    "@vue/cli-plugin-babel": "4.5.17",
+    "@vue/cli-plugin-eslint": "^4.0.5",
+    "@vue/cli-plugin-unit-jest": "^4.0.5",
+    "@vue/cli-service": "^4.0.5",
+    "@vue/eslint-config-standard": "^4.0.0",
+    "@vue/test-utils": "^1.0.0-beta.30",
+    "babel-jest": "^23.6.0",
+    "babel-plugin-import": "^1.11.0",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "eslint": "^5.8.0",
+    "eslint-plugin-html": "^5.0.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "less": "^3.8.1",
+    "less-loader": "^4.1.0",
+    "true-case-path": "^2.2.1",
+    "vue-svg-icon-loader": "^2.1.1",
+    "webpack-theme-color-replacer": "^1.2.17"
+  }
+}
--- a/oneterm-ui/postcss.config.js
+++ b/oneterm-ui/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}
--- a/oneterm-ui/public/color.less
+++ b/oneterm-ui/public/color.less
--- a/oneterm-ui/public/dag.png
+++ b/oneterm-ui/public/dag.png
--- a/oneterm-ui/public/iconfont/demo.css
+++ b/oneterm-ui/public/iconfont/demo.css
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
--- a/oneterm-ui/public/iconfont/demo_index.html
+++ b/oneterm-ui/public/iconfont/demo_index.html
--- a/oneterm-ui/public/iconfont/iconfont.css
+++ b/oneterm-ui/public/iconfont/iconfont.css
--- a/oneterm-ui/public/iconfont/iconfont.js
+++ b/oneterm-ui/public/iconfont/iconfont.js
--- a/oneterm-ui/public/iconfont/iconfont.json
+++ b/oneterm-ui/public/iconfont/iconfont.json
--- a/oneterm-ui/public/iconfont/iconfont.ttf
+++ b/oneterm-ui/public/iconfont/iconfont.ttf
--- a/oneterm-ui/public/iconfont/iconfont.woff
+++ b/oneterm-ui/public/iconfont/iconfont.woff
--- a/oneterm-ui/public/iconfont/iconfont.woff2
+++ b/oneterm-ui/public/iconfont/iconfont.woff2
--- a/oneterm-ui/public/income_template.docx
+++ b/oneterm-ui/public/income_template.docx
--- a/oneterm-ui/public/incumbency_template.docx
+++ b/oneterm-ui/public/incumbency_template.docx
--- a/oneterm-ui/public/index.html
+++ b/oneterm-ui/public/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="zh-cmn-Hans">
+  <head>
+
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>logo.png">
+    <title>OneOps</title>
+    <style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:64px;width:64px;height:64px;box-sizing:border-box}.loading-dot i{width:22px;height:22px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style>
+    <!-- require cdn assets css -->
+    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
+    <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
+    <% } %>
+     <script>
+
+      const userAgent = navigator.userAgent
+      const isEdge = userAgent.indexOf("Edge") > -1
+      const isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1 && !isEdge
+      if (!isChrome) {
+        alert("推荐使用Chrome浏览器， 其他环境下未做严格测试！")
+      }
+
+    </script>
+
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app">
+      <div id="loading-mask">
+          <div class="loading-wrapper">
+            <span class="loading-dot loading-dot-spin"><i></i><i></i><i></i><i></i></span>
+          </div>
+        </div>
+    </div>
+    <!-- require cdn assets js -->
+    <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.js) { %>
+    <script type="text/javascript" src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
+    <script src="http://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.7.js"></script>
+    <% } %>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
--- a/oneterm-ui/public/loading/loading.css
+++ b/oneterm-ui/public/loading/loading.css
@@ -0,0 +1 @@
+#preloadingAnimation{position:fixed;left:0;top:0;height:100%;width:100%;background:#ffffff;user-select:none;z-index: 9999;overflow: hidden}.lds-roller{display:inline-block;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:32px 32px;}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#13c2c2;margin:-3px 0 0 -3px;}.lds-roller div:nth-child(1){animation-delay:-0.036s;}.lds-roller div:nth-child(1):after{top:50px;left:50px;}.lds-roller div:nth-child(2){animation-delay:-0.072s;}.lds-roller div:nth-child(2):after{top:54px;left:45px;}.lds-roller div:nth-child(3){animation-delay:-0.108s;}.lds-roller div:nth-child(3):after{top:57px;left:39px;}.lds-roller div:nth-child(4){animation-delay:-0.144s;}.lds-roller div:nth-child(4):after{top:58px;left:32px;}.lds-roller div:nth-child(5){animation-delay:-0.18s;}.lds-roller div:nth-child(5):after{top:57px;left:25px;}.lds-roller div:nth-child(6){animation-delay:-0.216s;}.lds-roller div:nth-child(6):after{top:54px;left:19px;}.lds-roller div:nth-child(7){animation-delay:-0.252s;}.lds-roller div:nth-child(7):after{top:50px;left:14px;}.lds-roller div:nth-child(8){animation-delay:-0.288s;}.lds-roller div:nth-child(8):after{top:45px;left:10px;}#preloadingAnimation .load-tips{color: #13c2c2;font-size:2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:80px;text-align:center;width:400px;height:64px;}  @keyframes lds-roller{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
--- a/oneterm-ui/public/loading/loading.html
+++ b/oneterm-ui/public/loading/loading.html
@@ -0,0 +1 @@
+<div id="preloadingAnimation"><div class=lds-roller><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div><div class=load-tips>Loading</div></div>
--- a/oneterm-ui/public/loading/option2/html_code_segment.html
+++ b/oneterm-ui/public/loading/option2/html_code_segment.html
@@ -0,0 +1,5 @@
+<div class="preloading-animate">
+  <div class="preloading-wrapper">
+    <svg class="preloading-balls" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="67.802" cy="59.907" r="6" fill="#51CACC"><animate attributeName="cx" values="75;57.72542485937369" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="50;73.77641290737884" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#51CACC;#9DF871" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="46.079" cy="69.992" r="6" fill="#9DF871"><animate attributeName="cx" values="57.72542485937369;29.774575140626318" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="73.77641290737884;64.69463130731182" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#9DF871;#E0FF77" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="29.775" cy="52.449" r="6" fill="#E0FF77"><animate attributeName="cx" values="29.774575140626318;29.774575140626315" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="64.69463130731182;35.30536869268818" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#E0FF77;#DE9DD6" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="41.421" cy="31.521" r="6" fill="#DE9DD6"><animate attributeName="cx" values="29.774575140626315;57.72542485937368" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="35.30536869268818;26.22358709262116" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#DE9DD6;#FF708E" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="64.923" cy="36.13" r="6" fill="#FF708E"><animate attributeName="cx" values="57.72542485937368;75" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="26.22358709262116;49.99999999999999" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#FF708E;#51CACC" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle></svg>
+  </div>
+</div>
--- a/oneterm-ui/public/loading/option2/loading.css
+++ b/oneterm-ui/public/loading/option2/loading.css
@@ -0,0 +1 @@
+.preloading-animate{background:#ffffff;width:100%;height:100%;position:fixed;left:0;top:0;z-index:299;}.preloading-animate .preloading-wrapper{position:absolute;width:5rem;height:5rem;left:50%;top:50%;transform:translate(-50%,-50%);}.preloading-animate .preloading-wrapper .preloading-balls{font-size:5rem;}
--- a/oneterm-ui/public/loading/option2/loading.svg
+++ b/oneterm-ui/public/loading/option2/loading.svg
@@ -0,0 +1 @@
+<svg class="preloading-balls" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="67.802" cy="59.907" r="6" fill="#51CACC"><animate attributeName="cx" values="75;57.72542485937369" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="50;73.77641290737884" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#51CACC;#9DF871" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="46.079" cy="69.992" r="6" fill="#9DF871"><animate attributeName="cx" values="57.72542485937369;29.774575140626318" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="73.77641290737884;64.69463130731182" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#9DF871;#E0FF77" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="29.775" cy="52.449" r="6" fill="#E0FF77"><animate attributeName="cx" values="29.774575140626318;29.774575140626315" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="64.69463130731182;35.30536869268818" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#E0FF77;#DE9DD6" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="41.421" cy="31.521" r="6" fill="#DE9DD6"><animate attributeName="cx" values="29.774575140626315;57.72542485937368" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="35.30536869268818;26.22358709262116" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#DE9DD6;#FF708E" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="64.923" cy="36.13" r="6" fill="#FF708E"><animate attributeName="cx" values="57.72542485937368;75" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="26.22358709262116;49.99999999999999" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#FF708E;#51CACC" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle></svg>
--- a/oneterm-ui/public/logo.png
+++ b/oneterm-ui/public/logo.png
--- a/oneterm-ui/src/App.vue
+++ b/oneterm-ui/src/App.vue
@@ -0,0 +1,212 @@
+<template>
+  <a-config-provider :locale="antdLocale">
+    <div id="app" :class="{ 'ops-fullscreen': isOpsFullScreen, 'ops-only-topmenu': isOpsOnlyTopMenu }">
+      <router-view v-if="alive" />
+    </div>
+  </a-config-provider>
+</template>
+
+<script>
+import { mapState, mapActions, mapMutations } from 'vuex'
+import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
+import enUS from 'ant-design-vue/lib/locale-provider/en_US'
+import { AppDeviceEnquire } from '@/utils/mixin'
+import { debounce } from './utils/util'
+
+import { h } from 'snabbdom'
+import { DomEditor, Boot } from '@wangeditor/editor'
+
+export default {
+  mixins: [AppDeviceEnquire],
+  provide() {
+    return {
+      reload: this.reload,
+    }
+  },
+  data() {
+    return {
+      alive: true,
+      timer: null,
+    }
+  },
+  computed: {
+    ...mapState(['locale']),
+    antdLocale() {
+      if (this.locale === 'zh') {
+        return zhCN
+      }
+      return enUS
+    },
+    isOpsFullScreen() {
+      return ['cmdb_screen', 'oneterm_terminal', 'oneterm_replay'].includes(this.$route.name)
+    },
+    isOpsOnlyTopMenu() {
+      return ['fullscreen_index', 'setting_person', 'notice_center'].includes(this.$route.name)
+    },
+  },
+  created() {
+    this.SET_LOCALE(localStorage.getItem('ops_locale') || 'zh')
+    this.$i18n.locale = localStorage.getItem('ops_locale') || 'zh'
+    this.timer = setInterval(() => {
+      this.setTime(new Date().getTime())
+    }, 1000)
+  },
+  mounted() {
+    this.$store.dispatch('setWindowSize')
+    window.addEventListener(
+      'resize',
+      debounce(() => {
+        this.$store.dispatch('setWindowSize')
+      })
+    )
+
+    // 注册富文本自定义元素
+    const resume = {
+      type: 'attachment',
+      attachmentLabel: '',
+      attachmentValue: '',
+      children: [{ text: '' }], // void 元素必须有一个 children ，其中只有一个空字符串，重要！！！
+    }
+
+    function withAttachment(editor) {
+      // JS 语法
+      const { isInline, isVoid } = editor
+      const newEditor = editor
+
+      newEditor.isInline = (elem) => {
+        const type = DomEditor.getNodeType(elem)
+        if (type === 'attachment') return true // 针对 type: attachment ，设置为 inline
+        return isInline(elem)
+      }
+
+      newEditor.isVoid = (elem) => {
+        const type = DomEditor.getNodeType(elem)
+        if (type === 'attachment') return true // 针对 type: attachment ，设置为 void
+        return isVoid(elem)
+      }
+
+      return newEditor // 返回 newEditor ，重要！！！
+    }
+    Boot.registerPlugin(withAttachment)
+    /**
+     * 渲染“附件”元素到编辑器
+     * @param elem 附件元素，即上文的 myResume
+     * @param children 元素子节点，void 元素可忽略
+     * @param editor 编辑器实例
+     * @returns vnode 节点（通过 snabbdom.js 的 h 函数生成）
+     */
+    function renderAttachment(elem, children, editor) {
+      // JS 语法
+
+      // 获取“附件”的数据，参考上文 myResume 数据结构
+      const { attachmentLabel = '', attachmentValue = '' } = elem
+
+      // 附件元素 vnode
+      const attachVnode = h(
+        // HTML tag
+        'span',
+        // HTML 属性、样式、事件
+        {
+          props: { contentEditable: false }, // HTML 属性，驼峰式写法
+          style: {
+            display: 'inline-block',
+            margin: '0 3px',
+            padding: '0 3px',
+            backgroundColor: '#e6f7ff',
+            border: '1px solid #91d5ff',
+            borderRadius: '2px',
+            color: '#1890ff',
+          }, // style ，驼峰式写法
+          on: {
+            click() {
+              console.log('clicked', attachmentValue)
+            } /* 其他... */,
+          },
+        },
+        // 子节点
+        [attachmentLabel]
+      )
+
+      return attachVnode
+    }
+    const renderElemConf = {
+      type: 'attachment', // 新元素 type ，重要！！！
+      renderElem: renderAttachment,
+    }
+    Boot.registerRenderElem(renderElemConf)
+
+    /**
+     * 生成“附件”元素的 HTML
+     * @param elem 附件元素，即上文的 myResume
+     * @param childrenHtml 子节点的 HTML 代码，void 元素可忽略
+     * @returns “附件”元素的 HTML 字符串
+     */
+    function attachmentToHtml(elem, childrenHtml) {
+      // JS 语法
+
+      // 获取附件元素的数据
+      const { attachmentValue = '', attachmentLabel = '' } = elem
+
+      // 生成 HTML 代码
+      const html = `<span data-w-e-type="attachment" data-w-e-is-void data-w-e-is-inline data-attachmentValue="${attachmentValue}" data-attachmentLabel="${attachmentLabel}">${attachmentLabel}</span>`
+
+      return html
+    }
+    const elemToHtmlConf = {
+      type: 'attachment', // 新元素的 type ，重要！！！
+      elemToHtml: attachmentToHtml,
+    }
+    Boot.registerElemToHtml(elemToHtmlConf)
+
+    /**
+     * 解析 HTML 字符串，生成“附件”元素
+     * @param domElem HTML 对应的 DOM Element
+     * @param children 子节点
+     * @param editor editor 实例
+     * @returns “附件”元素，如上文的 myResume
+     */
+    function parseAttachmentHtml(domElem, children, editor) {
+      // JS 语法
+
+      // 从 DOM element 中获取“附件”的信息
+      const attachmentValue = domElem.getAttribute('data-attachmentValue') || ''
+      const attachmentLabel = domElem.getAttribute('data-attachmentLabel') || ''
+
+      // 生成“附件”元素（按照此前约定的数据结构）
+      const myResume = {
+        type: 'attachment',
+        attachmentValue,
+        attachmentLabel,
+        children: [{ text: '' }], // void node 必须有 children ，其中有一个空字符串，重要！！！
+      }
+
+      return myResume
+    }
+    const parseHtmlConf = {
+      selector: 'span[data-w-e-type="attachment"]', // CSS 选择器，匹配特定的 HTML 标签
+      parseElemHtml: parseAttachmentHtml,
+    }
+    Boot.registerParseElemHtml(parseHtmlConf)
+  },
+  beforeDestroy() {
+    clearInterval(this.timer)
+  },
+  methods: {
+    ...mapActions(['setTime']),
+    ...mapMutations(['SET_LOCALE']),
+    reload() {
+      this.alive = false
+      this.$nextTick(() => {
+        this.alive = true
+      })
+    },
+  },
+}
+</script>
+<style lang="less">
+@import './style/index.less';
+
+#app {
+  height: 100%;
+}
+</style>
--- a/oneterm-ui/src/api/auth.js
+++ b/oneterm-ui/src/api/auth.js
@@ -0,0 +1,39 @@
+import { axios } from '@/utils/request'
+
+export function getAuthData(data_type) {
+    return axios({
+        url: `/common-setting/v1/auth_config/${data_type}`,
+        method: 'get',
+    })
+}
+
+export function postAuthData(data_type, data) {
+    return axios({
+        url: `/common-setting/v1/auth_config/${data_type}`,
+        method: 'post',
+        data,
+    })
+}
+
+export function putAuthData(data_type, id, data) {
+    return axios({
+        url: `/common-setting/v1/auth_config/${data_type}/${id}`,
+        method: 'put',
+        data,
+    })
+}
+
+export function getAuthDataEnable() {
+    return axios({
+        url: `/common-setting/v1/auth_config/enable_list`,
+        method: 'get',
+    })
+}
+
+export function testLDAP(test_type, data) {
+    return axios({
+        url: `/common-setting/v1/auth_config/LDAP/test?test_type=${test_type}`,
+        method: 'post',
+        data,
+    })
+}
--- a/oneterm-ui/src/api/company.js
+++ b/oneterm-ui/src/api/company.js
@@ -0,0 +1,91 @@
+import { axios } from '@/utils/request'
+
+export function getCompanyInfo() {
+  return axios({
+    url: '/common-setting/v1/company/info',
+    method: 'get',
+  })
+}
+export function postCompanyInfo(parameter) {
+  return axios({
+    url: '/common-setting/v1/company/info',
+    method: 'post',
+    data: parameter,
+  })
+}
+export function putCompanyInfo(id, parameter) {
+  return axios({
+    url: `/common-setting/v1/company/info/${id}`,
+    method: 'put',
+    data: parameter,
+  })
+}
+
+export function getDepartmentList(params) {
+  // ?department_parent_id=-1 查询第一级部门，下面的id根据实际的传
+  return axios({
+    url: '/common-setting/v1/department',
+    method: 'get',
+    params: params
+  })
+}
+export function getAllDepartmentList(params) { // is_tree
+  return axios({
+    url: '/common-setting/v1/department/all',
+    method: 'get',
+    params: params
+  })
+}
+export function postDepartment(departmentData) {
+  // 创建部门参数
+  // department_name
+  // department_director_id 部门负责人ID, 默认 0
+  // department_parent_id 上级部门ID， 默认0， 不为0时，必须是已存在的部门ID
+  return axios({
+    url: '/common-setting/v1/department',
+    method: 'post',
+    data: departmentData,
+  })
+}
+export function putDepartmentById(department_id, departmentData) {
+  // 修改部门参数departmentData
+  // department_name
+  // department_director_id 部门负责人ID, 默认 0
+  // department_parent_id 上级部门ID， 默认0， 不为0时，必须是已存在的部门ID
+  return axios({
+    url: `/common-setting/v1/department/${department_id}`,
+    method: 'put',
+    data: departmentData,
+  })
+}
+export function deleteDepartmentById(department_id) {
+  return axios({
+    url: `/common-setting/v1/department/${department_id}`,
+    method: 'delete',
+  })
+}
+export function getParentDepartmentList(department_id) {
+  return axios({
+    url: '/common-setting/v1/department/allow_parent',
+    method: 'get',
+    params: department_id,
+  })
+}
+
+// 获取全部部门和员工的树状结构
+export function getAllDepAndEmployee(params) {
+  return axios({
+    url: '/common-setting/v1/department/all_with_employee',
+    method: 'get',
+    params
+  })
+}
+
+// 更新部门排序
+export function updateDepartmentsSort(data) {
+  return axios({
+    url: '/common-setting/v1/department/update_sort',
+    method: 'put',
+    data
+  })
+}
--- a/oneterm-ui/src/api/employee.js
+++ b/oneterm-ui/src/api/employee.js
@@ -0,0 +1,134 @@
+import { axios } from '@/utils/request'
+
+export function getEmployeeList(params) {
+  return axios({
+    url: '/common-setting/v1/employee',
+    method: 'get',
+    params: params,
+  })
+}
+// export function getEmployeeList(params, orderBy) {
+//   return axios({
+//     url: '/common-setting/v1/employee' + '/' + orderBy,
+//     method: 'get',
+//     params: params,
+//   })
+// }
+export function postEmployee(data) {
+  return axios({
+    url: '/common-setting/v1/employee',
+    method: 'post',
+    data: data,
+  })
+}
+export function getEmployeeCount(params) {
+  return axios({
+    url: '/common-setting/v1/employee/count',
+    method: 'get',
+    params: params,
+  })
+}
+export function deleteEmployee(_id) {
+  return axios({
+    url: `/common-setting/v1/employee/${_id}`,
+    method: 'delete',
+  })
+}
+export function putEmployee(_id, data) {
+  return axios({
+    url: `/common-setting/v1/employee/${_id}`,
+    method: 'put',
+    data: data,
+  })
+}
+export function batchEditEmployee(data) {
+  return axios({
+    url: '/common-setting/v1/employee/batch',
+    method: 'post',
+    data: data,
+  })
+}
+export function importEmployee(data) {
+  return axios({
+    url: '/common-setting/v1/employee/import',
+    method: 'post',
+    data
+  })
+}
+
+export function getEmployeeByUid(uid) {
+  return axios({
+    url: `/common-setting/v1/employee/by_uid/${uid}`,
+    method: 'get',
+  })
+}
+
+export function updateEmployeeByUid(uid, data) {
+  return axios({
+    url: `/common-setting/v1/employee/by_uid/${uid}`,
+    method: 'put',
+    data
+  })
+}
+
+export function updatePasswordByUid(uid, data) {
+  return axios({
+    url: `/common-setting/v1/employee/by_uid/change_password/${uid}`,
+    method: 'put',
+    data
+  })
+}
+
+export function bindPlatformByUid(platform, uid) {
+  return axios({
+    url: `/common-setting/v1/employee/by_uid/bind_notice/${platform}/${uid}`,
+    method: 'put',
+  })
+}
+
+export function unbindPlatformByUid(platform, uid) {
+  return axios({
+    url: `/common-setting/v1/employee/by_uid/bind_notice/${platform}/${uid}`,
+    method: 'delete',
+  })
+}
+
+export function getAllPosition() {
+  return axios({
+    url: `/common-setting/v1/employee/position`,
+    method: 'get',
+  })
+}
+
+export function getEmployeeByEmployeeId(employee_id) {
+  return axios({
+    url: `/common-setting/v1/employee/${employee_id}`,
+    method: 'get',
+  })
+}
+
+// 下载员工列表
+export function downloadAllEmployee(params) {
+  return axios({
+    url: `/common-setting/v1/employee/export_all`,
+    method: 'get',
+    params,
+    responseType: 'blob'
+  })
+}
+
+export function getEmployeeListByFilter(data) {
+  return axios({
+    url: '/common-setting/v1/employee/filter',
+    method: 'post',
+    data
+  })
+}
+
+export function getNoticeByEmployeeIds(data) {
+  return axios({
+    url: '/common-setting/v1/employee/get_notice_by_ids',
+    method: 'post',
+    data
+  })
+}
--- a/oneterm-ui/src/api/file.js
+++ b/oneterm-ui/src/api/file.js
@@ -0,0 +1,31 @@
+import { axios } from '@/utils/request'
+
+export function postImageFile(parameter) {
+    return axios({
+        url: '/common-setting/v1/file',
+        method: 'post',
+        data: parameter,
+    })
+}
+
+export function getFileData(data_type) {
+    return axios({
+        url: `/common-setting/v1/data/${data_type}`,
+        method: 'get',
+    })
+}
+
+export function addFileData(data_type, data) {
+    return axios({
+        url: `/common-setting/v1/data/${data_type}`,
+        method: 'post',
+        data,
+    })
+}
+
+export function deleteFileData(data_type, id) {
+    return axios({
+        url: `/common-setting/v1/data/${data_type}/${id}`,
+        method: 'delete',
+    })
+}
--- a/oneterm-ui/src/api/index.js
+++ b/oneterm-ui/src/api/index.js
@@ -0,0 +1,13 @@
+const api = {
+  Login: '/v1/acl/login',
+  Logout: '/v1/acl/logout',
+  ForgePassword: '/auth/forge-password',
+  Register: '/auth/register',
+  twoStepCode: '/auth/2step-code',
+  SendSms: '/account/sms',
+  SendSmsErr: '/account/sms_err',
+  // get my info
+  // UserInfo: '/v1/perms/user/info'
+  UserInfo: process.env.VUE_APP_IS_OUTER === 'false' ? '/v1/perms/user/info' : '/v1/acl/users/info',
+}
+export default api
--- a/oneterm-ui/src/api/login.js
+++ b/oneterm-ui/src/api/login.js
@@ -0,0 +1,75 @@
+import api from './index'
+import { axios } from '@/utils/request'
+/**
+ * login func
+ * parameter: {
+ *     username: '',
+ *     password: '',
+ *     remember_me: true,
+ *     captcha: '12345'
+ * }
+ * @param parameter
+ * @returns {*}
+ */
+export function login(data, auth_type) {
+  if (auth_type) {
+    localStorage.setItem('ops_auth_type', auth_type)
+    window.location.href = `/api/${auth_type.toLowerCase()}/login`
+  } else {
+    return axios({
+      url: api.Login,
+      method: 'POST',
+      data: data
+    })
+  }
+}
+
+export function getSmsCaptcha(parameter) {
+  return axios({
+    url: api.SendSms,
+    method: 'post',
+    data: parameter
+  })
+}
+
+export function getInfo() {
+  return axios({
+    url: api.UserInfo,
+    method: 'get',
+    headers: {
+      'Content-Type': 'application/json;charset=UTF-8'
+    }
+  })
+}
+
+export function logout() {
+  const auth_type = localStorage.getItem('ops_auth_type')
+  localStorage.clear()
+  return axios({
+    url: auth_type ? `/${auth_type.toLowerCase()}/logout` : api.Logout,
+    method: auth_type ? 'get' : 'post',
+    headers: {
+      'Content-Type': 'application/json;charset=UTF-8'
+    }
+  })
+}
+
+/**
+ * get user 2step code open?
+ * @param parameter {*}
+ */
+export function get2step(parameter) {
+  return axios({
+    url: api.twoStepCode,
+    method: 'post',
+    data: parameter
+  })
+}
+
+export function getAllUsers(params) {
+  return axios({
+    url: '/v1/acl/users',
+    method: 'GET',
+    params
+  })
+}
--- a/oneterm-ui/src/api/message.js
+++ b/oneterm-ui/src/api/message.js
@@ -0,0 +1,55 @@
+import { axios } from '@/utils/request'
+
+export const getNoticeApps = () => {
+    return axios({
+        url: `/common-setting/v1/message/apps`,
+        method: 'get',
+    })
+}
+
+export const getNoticeCategoriesByApp = (app_name) => {
+    return axios({
+        url: `/common-setting/v1/message/${app_name}/categories`,
+        method: 'get',
+    })
+}
+
+export const getMessage = (params) => {
+    return axios({
+        url: `/common-setting/v1/message`,
+        method: 'get',
+        params
+    })
+}
+
+export const postMessage = (data) => {
+    return axios({
+        url: `/common-setting/v1/message`,
+        method: 'post',
+        data
+    })
+}
+
+export const updateMessage = (id, data) => {
+    return axios({
+        url: `/common-setting/v1/message/${id}`,
+        method: 'put',
+        data
+    })
+}
+
+export const getUnreadMessageCount = (params) => {
+    return axios({
+        url: `/common-setting/v1/message/unread`,
+        method: 'get',
+        params
+    })
+}
+
+export const batchUpdateMessage = (data) => {
+    return axios({
+        url: `/common-setting/v1/message/batch`,
+        method: 'post',
+        data
+    })
+}
--- a/oneterm-ui/src/api/noticeSetting.js
+++ b/oneterm-ui/src/api/noticeSetting.js
@@ -0,0 +1,40 @@
+import { axios } from '@/utils/request'
+
+export function sendTestEmail(receive_address, data) {
+  return axios({
+    url: `/common-setting/v1/notice_config/send_test_email?receive_address=${receive_address}`,
+    method: 'post',
+    data
+  })
+}
+
+export const getNoticeConfigByPlatform = (platform) => {
+  return axios({
+    url: '/common-setting/v1/notice_config',
+    method: 'get',
+    params: { ...platform },
+  })
+}
+
+export const postNoticeConfigByPlatform = (data) => {
+  return axios({
+    url: '/common-setting/v1/notice_config',
+    method: 'post',
+    data
+  })
+}
+
+export const putNoticeConfigByPlatform = (id, info) => {
+  return axios({
+    url: `/common-setting/v1/notice_config/${id}`,
+    method: 'put',
+    data: info
+  })
+}
+
+export const getNoticeConfigAppBot = () => {
+  return axios({
+    url: `/common-setting/v1/notice_config/app_bot`,
+    method: 'get',
+  })
+}
--- a/oneterm-ui/src/assets/background.svg
+++ b/oneterm-ui/src/assets/background.svg
@@ -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>Group 21</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Ant-Design-Pro-3.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="账户密码登录-校验" 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>
--- a/oneterm-ui/src/assets/data_empty.png
+++ b/oneterm-ui/src/assets/data_empty.png
--- a/oneterm-ui/src/assets/file_upload.png
+++ b/oneterm-ui/src/assets/file_upload.png
--- a/oneterm-ui/src/assets/icon-bg-selected.png
+++ b/oneterm-ui/src/assets/icon-bg-selected.png
--- a/oneterm-ui/src/assets/icon-bg.png
+++ b/oneterm-ui/src/assets/icon-bg.png
--- a/oneterm-ui/src/assets/icons/CUSTOM.svg
+++ b/oneterm-ui/src/assets/icons/CUSTOM.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639044496145" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2030" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M576 1024 576 576 1024 576 1024 1024 576 1024ZM576 0 1024 0 1024 448 576 448 576 0ZM0 576 448 576 448 1024 0 1024 0 576ZM0 0 448 0 448 448 0 448 0 0Z" p-id="2031"></path></svg>
--- a/oneterm-ui/src/assets/icons/DUTY.svg
+++ b/oneterm-ui/src/assets/icons/DUTY.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639044507266" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2455" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M1024 544c0 265.088-214.944 480-480 480h-64C214.912 1024 0 809.088 0 544v-64C0 214.912 214.912 0 480 0h64c265.056 0 480 214.912 480 480v64z" p-id="2456"></path><path d="M640.32 175.904c14.56 0 26.304 11.776 26.304 26.304v25.472h100.32c29.056 0 52.64 23.584 52.64 52.64v180.032a26.272 26.272 0 0 1-52.608 0.448V430.752H222.624a26.048 26.048 0 0 1-8.224-1.312v351.584h207.2a26.304 26.304 0 1 1 0 52.608H214.4a52.64 52.64 0 0 1-52.64-52.64V280.32c0-29.056 23.552-52.64 52.64-52.64h105.248v-25.472a26.304 26.304 0 1 1 52.608 0v25.472h241.728v-25.472a26.336 26.336 0 0 1 26.336-26.304z m-218.72 463.744a26.272 26.272 0 0 1 0.416 52.608H326.208a26.304 26.304 0 1 1 0-52.608h95.392z m-95.392-70.72a26.272 26.272 0 1 1 0-52.608h123.328a26.272 26.272 0 0 1 0.416 52.608h-123.744zM319.648 280.32H214.4v99.168a25.6 25.6 0 0 1 8.224-1.312h544.32V280.32h-100.32v25.472a26.272 26.272 0 1 1-52.608 0V280.32h-241.728v25.472a26.304 26.304 0 0 1-52.64 0.032V280.32z" fill="#FFFFFF" p-id="2457"></path><path d="M831.552 795.424c3.008-6.112 6.112-10.72 9.184-16.864 1.504-1.568 1.504-3.104 1.504-4.64 1.568-4.608 4.64-9.216 6.176-13.824 1.504-1.568 1.504-3.072 1.504-6.144 1.568-4.608 3.072-9.216 4.64-12.288 0-1.536 1.504-4.64 1.504-6.144 1.568-4.608 1.568-9.184 3.136-13.824 0-1.536 1.504-4.608 1.504-6.08 1.568-6.144 1.568-13.856 1.568-20 0-101.344-82.944-184.256-184.256-184.256-101.376 0-184.288 82.912-184.288 184.256 0 6.144 0 13.856 1.536 20 0 1.504 0 4.576 1.504 6.08 0 4.64 1.568 9.216 1.568 13.824 0 1.536 1.536 4.64 1.536 6.144 1.504 4.64 3.04 9.216 4.576 12.288 0 1.568 1.536 3.104 1.536 6.144 1.536 4.608 3.072 9.216 6.144 13.824 0 1.536 1.568 3.072 1.568 4.64 3.04 6.144 6.08 10.752 9.184 16.864 32.224 50.688 89.056 84.448 153.536 84.448s121.344-33.76 155.136-84.448c-1.536 0-1.536 0 0 0z m-155.104-196.544a68.16 68.16 0 0 1 67.552 67.552c0 36.864-30.688 67.584-67.552 67.584s-67.552-30.72-67.552-67.584a68.096 68.096 0 0 1 67.552-67.552z m-112.064 211.904c19.936-44.512 62.944-73.728 112.064-73.728s92.128 29.216 112.064 73.728c-29.12 27.648-69.056 46.048-112.064 46.048-43.008-1.504-82.944-18.4-112.064-46.048z" fill="#FFFFFF" p-id="2458"></path></svg>
--- a/oneterm-ui/src/assets/icons/MEETING.svg
+++ b/oneterm-ui/src/assets/icons/MEETING.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639044492276" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1888" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M978.944 848.5888c-8.6016-39.7824-41.6256-66.3808-82.7136-66.6368-11.2384-0.0768-22.5024 0-33.7664 0a125.696 125.696 0 0 0 76.4416-115.7376c0.1024-69.4016-55.8848-125.824-124.9792-125.9008-68.9408-0.1024-125.2608 56.3456-125.3888 125.6448a125.5424 125.5424 0 0 0 76.5184 115.8656c-12.0832-0.0256-24.1408 0-36.224 0.2816-38.9888 0.896-71.2448 26.7776-79.616 64.7424-2.6368 12.0064-1.9968 22.9376-2.5344 35.3792-0.3328 7.7568-0.0768 21.8112-0.0768 21.8112h-7.1936c0-17.3824 0.1024-24.96-0.0256-38.1184-0.4608-49.3312-36.6592-84.7104-85.6576-84.8384-10.4704-0.0256-20.9408 0.1024-31.3856 0.128a125.6448 125.6448 0 0 0 75.0848-115.0208c0.0256-69.3504-56.1152-125.824-125.1072-125.9008-69.0688-0.0512-125.056 56.1664-125.2096 125.696a125.3376 125.3376 0 0 0 75.8016 115.6096c-10.7008 0.0768-21.4016 0.0256-32.128 0.128-9.8304 0.0768-20.1216 1.792-29.4144 4.9664-34.3808 11.6992-55.8336 42.7776-56.2688 79.7184-0.1536 13.568-0.0256 27.1872-0.0256 40.3712l0.8448 12.0832c-100.1216-15.1296-177.2032-101.632-177.2032-206.08v-34.7648c0-113.792 91.4432-206.464 204.5952-208.4864 222.5408 0.128 415.0272-0.1792 639.6928-0.1792h7.6288c0.1024 0 0.2048-2.6624 0.2048-3.7632 0-40.576 0.0768-80.9728-0.0768-121.5488a83.4048 83.4048 0 0 0-1.8432-17.0752c-8.6016-39.7824-41.6256-66.3808-82.7136-66.6368-11.2384-0.0768-22.5024 0-33.7664 0a125.696 125.696 0 0 0 76.4416-115.7376C938.9824 75.1872 882.9952 18.7648 813.9008 18.688 744.96 18.5856 688.64 75.0336 688.512 144.3328a125.5424 125.5424 0 0 0 76.5184 115.8656c-12.0832-0.0256-24.1408 0-36.224 0.2816-38.9888 0.896-71.2448 26.7776-79.616 64.7424-2.6368 12.0064-1.9968 22.9632-2.5344 35.3792-0.3328 7.7568-0.0768 21.8112-0.0768 21.8112h-7.1936c0-17.3824 0.1024-24.9344-0.0256-38.1184-0.4608-49.3312-36.6592-84.7104-85.6576-84.8384-10.4704-0.0256-20.9408 0.128-31.3856 0.128a125.6448 125.6448 0 0 0 75.0848-115.0208c0.0256-69.3504-56.1152-125.824-125.1072-125.9008-69.0688-0.0512-125.056 56.1664-125.2096 125.6704a125.3376 125.3376 0 0 0 75.8016 115.6096c-10.7008 0.0768-21.4016 0.0512-32.128 0.128-9.8304 0.0768-20.1216 1.792-29.4144 4.9664-34.3808 11.6992-55.8336 42.7776-56.2688 79.7184-0.1536 13.568-0.0256 27.1872-0.0256 40.3712l1.152 16.4864c-138.6752 15.4112-246.9376 133.4528-246.9376 276.4032v34.7648c0 141.6704 106.3424 258.7392 243.2256 275.84l-0.1536 2.3552v0.1792c243.0208 0.1536 438.4256-0.1792 670.6944-0.1792H980.6592c0.1024 0 0.2048-2.6624 0.2048-3.7632 0-40.576 0.0768-80.9728-0.0768-121.5744a83.1744 83.1744 0 0 0-1.8432-17.0496z" p-id="1889"></path></svg>
--- a/oneterm-ui/src/assets/icons/OPEN_DAY.svg
+++ b/oneterm-ui/src/assets/icons/OPEN_DAY.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639044477673" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1605" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M847.793231 252.691692l-277.740308-158.483692a120.753231 120.753231 0 0 0-118.153846 0l-275.692308 158.483692C138.870154 273.250462 118.153846 312.32 118.153846 353.516308v316.967384c0 41.156923 22.803692 80.265846 58.052923 100.824616l275.692308 158.483692a120.753231 120.753231 0 0 0 118.153846 0l277.740308-158.483692c37.336615-20.558769 58.052923-59.667692 58.052923-100.824616V353.516308a118.232615 118.232615 0 0 0-58.052923-100.824616z m-107.795693 162.579693l-186.525538 111.143384v224.334769a41.432615 41.432615 0 0 1-82.944 0v-224.334769l-186.525538-111.143384c-18.668308-12.366769-26.978462-37.021538-14.532924-55.571693 12.445538-18.510769 37.297231-26.781538 55.965539-14.414769L512 456.467692l186.564923-111.143384c18.668308-12.327385 45.607385-6.183385 55.965539 14.414769 12.445538 18.510769 6.222769 43.204923-14.532924 55.571692z" p-id="1606"></path></svg>
--- a/oneterm-ui/src/assets/icons/OUTING.svg
+++ b/oneterm-ui/src/assets/icons/OUTING.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645683064445" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1445" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M748.242824 252.144941a56.741647 56.741647 0 0 1 25.780705 64.150588c1.445647 6.264471 2.168471 12.709647 2.048 19.154824l-0.843294 9.697882 32.045177 184.741647 118.181647 88.425412a47.585882 47.585882 0 0 1 9.818353 66.017882 46.381176 46.381176 0 0 1-60.837647 12.830118l-2.288941-1.385412-2.168471-1.505882-133.180235-99.689412a47.344941 47.344941 0 0 1-16.444236-22.829176l-1.807058-6.927059-14.516706-84.088471-81.92 143.600942 97.159529 142.998588c11.444706 16.865882 12.950588 38.671059 4.216471 56.801882l-3.734589 6.625882-102.52047 156.370824a55.597176 55.597176 0 0 1-74.571294 17.829647l-3.011765-1.927529a57.103059 57.103059 0 0 1-19.275294-72.402824l3.614118-6.144 81.618823-124.506353-68.306823-100.592941-281.47953 299.489882a55.536941 55.536941 0 0 1-79.149176 1.92753 57.103059 57.103059 0 0 1-6.505412-74.571294l4.517647-5.481412 295.333647-314.127059c0.361412-8.794353 2.048-17.709176 5.481412-26.262588l4.096-8.312471L603.557647 354.785882l-109.869176 11.324236-96.858353 142.998588a46.501647 46.501647 0 0 1-19.456 16.384v1.746823a26.985412 26.985412 0 0 1-11.203765 19.456l-4.216471 2.409412-17.588706 8.252235-0.843294 0.301177-0.843294 0.301176 25.47953 56.19953a44.393412 44.393412 0 0 1-16.26353 55.597176l-5.24047 2.831059-27.828706 12.950588-93.003294-129.626353 10.480941-4.939294c3.915294-1.807059 6.023529-5.903059 5.601882-9.938823l-0.843294-3.011765-4.035765-8.914823a9.697882 9.697882 0 0 0-9.818353-5.722353l-3.011764 0.843294-10.541177 4.939294-36.442353-156.009412 27.828706-12.830118a43.369412 43.369412 0 0 1 55.055059 16.384l2.831059 5.300706 25.479529 56.139294 1.566118-0.843294 17.648941-8.192a26.443294 26.443294 0 0 1 27.768471 3.433412L428.995765 294.550588a46.863059 46.863059 0 0 1 27.105882-19.094588l6.625882-1.204706 232.869647-23.853176a55.235765 55.235765 0 0 1 52.645648 1.807058zM170.164706 382.072471L205.402353 533.082353l-7.589647 3.614118a9.878588 9.878588 0 0 0-5.601882 9.938823l0.843294 3.011765 4.035764 8.914823c1.807059 3.915294 5.842824 6.083765 9.878589 5.662118l3.011764-0.843294 7.529412-3.433412 90.112 125.470118-92.280471 42.887529a38.671059 38.671059 0 0 1-48.730352-14.215529l-2.770824-5.059765L58.729412 477.003294A39.755294 39.755294 0 0 1 72.282353 428.032l5.481412-3.072 92.340706-42.887529z m151.190588 129.204705l15.179294 33.129412 0.90353-0.180706 0.903529-0.240941 17.648941-8.131765a12.167529 12.167529 0 0 0 6.083765-6.505411 45.477647 45.477647 0 0 1-26.985412-6.02353 46.863059 46.863059 0 0 1-13.673412-12.047059zM316.837647 441.524706l-3.072 0.963765-17.648941 8.192-0.783059 0.542117-0.662588 0.602353 17.950117 39.755294a47.706353 47.706353 0 0 1 4.035765-30.479059l3.252706-5.541647 7.228235-10.842353a12.047059 12.047059 0 0 0-10.24-3.19247z m536.094118-391.408941c64.030118 0 115.892706 52.525176 115.892706 117.278117a116.615529 116.615529 0 0 1-115.892706 117.338353 116.615529 116.615529 0 0 1-115.892706-117.338353c0-64.752941 51.862588-117.278118 115.892706-117.278117z" p-id="1446"></path></svg>
--- a/oneterm-ui/src/assets/icons/TEAM.svg
+++ b/oneterm-ui/src/assets/icons/TEAM.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639044503326" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2317" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M170.651826 58.946783S253.106087 29.028174 341.348174 6.322087c88.242087-22.438957 193.669565 18.743652 256 63.977739C836.073739 232.002783 1024 42.073043 1024 42.073043v648.770783s-88.242087 77.156174-214.77287 77.156174c-126.575304 0-205.156174-64.022261-287.610434-110.948174-212.947478-86.683826-350.96487 77.022609-350.96487 77.022609V58.857739v0.044522zM42.651826 1024C19.144348 1024 0 999.513043 0 969.371826V54.628174C0 24.486957 19.144348 0 42.651826 0c23.596522 0 42.696348 24.486957 42.696348 54.628174v914.743652c0 30.141217-19.144348 54.628174-42.696348 54.628174z" p-id="2318"></path></svg>
--- a/oneterm-ui/src/assets/icons/bx-analyse.svg
+++ b/oneterm-ui/src/assets/icons/bx-analyse.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1551058675966" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7872" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M85.333333 512h85.333334a340.736 340.736 0 0 1 99.712-241.621333 337.493333 337.493333 0 0 1 108.458666-72.96 346.453333 346.453333 0 0 1 261.546667-1.749334A106.154667 106.154667 0 0 0 746.666667 298.666667C805.802667 298.666667 853.333333 251.136 853.333333 192S805.802667 85.333333 746.666667 85.333333c-29.397333 0-55.978667 11.776-75.221334 30.933334-103.722667-41.514667-222.848-40.874667-325.76 2.517333a423.594667 423.594667 0 0 0-135.68 91.264 423.253333 423.253333 0 0 0-91.306666 135.637333A426.88 426.88 0 0 0 85.333333 512z m741.248 133.205333c-17.109333 40.618667-41.685333 77.141333-72.96 108.416s-67.797333 55.850667-108.458666 72.96a346.453333 346.453333 0 0 1-261.546667 1.749334A106.154667 106.154667 0 0 0 277.333333 725.333333C218.197333 725.333333 170.666667 772.864 170.666667 832S218.197333 938.666667 277.333333 938.666667c29.397333 0 55.978667-11.776 75.221334-30.933334A425.173333 425.173333 0 0 0 512 938.666667a425.941333 425.941333 0 0 0 393.258667-260.352A426.325333 426.325333 0 0 0 938.666667 512h-85.333334a341.034667 341.034667 0 0 1-26.752 133.205333z" p-id="7873"></path><path d="M512 318.378667c-106.752 0-193.621333 86.869333-193.621333 193.621333S405.248 705.621333 512 705.621333s193.621333-86.869333 193.621333-193.621333S618.752 318.378667 512 318.378667z m0 301.909333c-59.690667 0-108.288-48.597333-108.288-108.288S452.309333 403.712 512 403.712s108.288 48.597333 108.288 108.288-48.597333 108.288-108.288 108.288z" p-id="7874"></path></svg>
--- a/oneterm-ui/src/assets/icons/create-rule.svg
+++ b/oneterm-ui/src/assets/icons/create-rule.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.0473 4.59219L15.9371 7.37891L16.727 7.88047V11.4828C17.1184 11.5461 17.5027 11.6516 17.866 11.7898V3.34297C17.866 2.6 17.2637 2 16.523 2H5.48164C4.73867 2 4.13867 2.60234 4.13867 3.34297V3.59375C4.20664 3.58437 4.27227 3.57734 4.34258 3.57734H12.4426L13.0473 4.59219Z" fill="#3B64F4"/>
+    <path d="M9.70313 17.4218C9.70313 14.0913 12.4031 11.396 15.7289 11.396C16.0688 11.396 16.4016 11.4241 16.725 11.478V7.87568L15.9352 7.37412L13.0477 4.59209L12.4406 3.57959H4.34297C3.6 3.57959 3 4.18193 3 4.92256V20.0163C3 20.7593 3.60234 21.3593 4.34297 21.3593H11.1727C10.2563 20.3069 9.70313 18.9288 9.70313 17.4218Z" fill="#618DFF"/>
+    <path d="M12.4268 3.57959L16.7322 7.88506H13.54C12.9096 7.88506 12.4268 7.40225 12.4268 6.77178V3.57959ZM18.2041 15.4647L15.3236 18.3476L13.5729 16.5968L13.0221 17.1476L15.3236 19.4491L18.7549 16.0179L18.2041 15.4647Z" fill="#A4C3FF"/>
+    <path d="M19.7203 13.3227C18.6516 12.2563 17.2313 11.668 15.7242 11.668C14.2125 11.668 12.7922 12.2563 11.7234 13.3227C10.6547 14.3891 10.0664 15.8047 10.0664 17.3141C10.0664 18.4133 10.3828 19.4773 10.9828 20.3937C11.1633 20.668 11.5359 20.7477 11.8125 20.5672C11.9461 20.4805 12.0398 20.3445 12.0727 20.1875C12.1055 20.0305 12.075 19.8711 11.9883 19.7375C11.5172 19.018 11.2687 18.1766 11.2687 17.3094C11.2687 14.8555 13.2656 12.8609 15.7266 12.8609C18.1828 12.8609 20.1844 14.8578 20.1844 17.3094C20.1844 19.7633 18.1875 21.7578 15.7266 21.7578C14.9133 21.7578 14.1164 21.5375 13.425 21.1203C13.1414 20.9516 12.7758 21.0406 12.6023 21.3219C12.5203 21.4555 12.4945 21.6195 12.5344 21.7719C12.5719 21.9266 12.668 22.0578 12.8063 22.1398C13.6852 22.6719 14.6953 22.9508 15.7289 22.9508C17.2406 22.9508 18.6609 22.3625 19.725 21.2961C20.7937 20.2297 21.382 18.8141 21.382 17.3047C21.3797 15.8047 20.7891 14.3844 19.7203 13.3227Z" fill="#A4C3FF"/>
+    <path d="M12.359 9.96152H4.83555C4.80039 9.96152 4.77227 9.9334 4.77227 9.89824V9.20684C4.77227 9.17168 4.80039 9.14355 4.83555 9.14355H12.3613C12.3965 9.14355 12.4246 9.17168 12.4246 9.20684V9.89824C12.427 9.93105 12.3941 9.96152 12.359 9.96152ZM10.2332 13.2967H4.73711C4.70195 13.2967 4.67383 13.2686 4.67383 13.2334V12.5396C4.67383 12.5045 4.70195 12.4764 4.73711 12.4764H10.2332C10.2684 12.4764 10.2965 12.5045 10.2965 12.5396V13.2311C10.2988 13.2639 10.273 13.2967 10.2332 13.2967ZM8.98867 16.6037H4.73711C4.70195 16.6037 4.67383 16.5756 4.67383 16.5404V15.849C4.67383 15.8139 4.70195 15.7857 4.73711 15.7857H8.98867C9.02383 15.7857 9.05195 15.8139 9.05195 15.849V16.5404C9.05664 16.5756 9.02852 16.6037 8.98867 16.6037Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_aliyun_ehpc.svg
+++ b/oneterm-ui/src/assets/icons/dag_aliyun_ehpc.svg
@@ -0,0 +1,12 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="18.342" cy="17.8098" r="17.4621" fill="#FB6800"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2158 35.3462C27.9737 35.3462 35.884 27.5281 35.884 17.884C35.884 17.1524 35.8385 16.4314 35.7501 15.7234C34.6715 7.1007 27.2326 0.425781 18.2163 0.425781C8.45833 0.425781 0.547974 8.24385 0.547974 17.8879C0.547974 18.6195 0.593493 19.3406 0.681886 20.0485C1.76049 28.6713 9.19942 35.3462 18.2158 35.3462Z" fill="url(#paint0_linear_1344_40839)" fill-opacity="0.75"/>
+<path d="M29.584 14.2088C29.5805 13.1996 29.1905 12.2329 28.4993 11.5206C27.8082 10.8082 26.8723 10.4082 25.8966 10.4082H20.1002L20.6349 12.588L25.6068 13.706C25.8332 13.7577 26.0367 13.8853 26.1858 14.0689C26.3349 14.2525 26.4212 14.4818 26.4314 14.7214C26.4314 14.7349 26.4314 20.2492 26.4314 20.2628C26.4203 20.501 26.3341 20.729 26.1858 20.9117C26.0375 21.0944 25.8355 21.2218 25.6106 21.2743L20.6349 22.3962L20.1002 24.5779H25.8966C26.8722 24.5774 27.8078 24.1772 28.4988 23.465C29.1898 22.7527 29.58 21.7863 29.584 20.7773V14.2088ZM11.4372 21.284C11.2131 21.2298 11.0123 21.1012 10.8654 20.9178C10.7186 20.7345 10.6337 20.5065 10.6239 20.2686C10.6239 20.2531 10.6239 14.7388 10.6239 14.7272C10.6336 14.4891 10.7184 14.2608 10.8652 14.0771C11.0121 13.8934 11.213 13.7645 11.4372 13.7098L16.4091 12.5919L16.9439 10.4121H11.1474C10.1717 10.4131 9.23611 10.8137 8.54515 11.5262C7.85418 12.2388 7.46407 13.2054 7.46011 14.2146V20.7908C7.46407 21.8004 7.85443 22.7673 8.54581 23.4799C9.23718 24.1925 10.1733 24.5929 11.1493 24.5934H16.9458L16.4129 22.4097L11.4372 21.284ZM16.4073 17.2126H20.6349V18.5531H16.4073V17.2126Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1344_40839" x1="12.0471" y1="-27.0633" x2="12.0471" y2="35.347" gradientUnits="userSpaceOnUse">
+<stop offset="0.0001" stop-color="#FA8028" stop-opacity="0.947917"/>
+<stop offset="1" stop-color="#FFC9D3" stop-opacity="0"/>
+<stop offset="1" stop-color="#FFDDBE" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_apollo.svg
+++ b/oneterm-ui/src/assets/icons/dag_apollo.svg
@@ -0,0 +1,7 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="18.1577" cy="17.9953" rx="17.2961" ry="17.4621" fill="#FF969C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0328 35.5317C27.6979 35.5317 35.533 27.7136 35.533 18.0696C35.533 17.3427 35.4885 16.6262 35.4021 15.9226C34.3398 7.2933 26.9686 0.611328 18.0333 0.611328C8.36814 0.611328 0.53302 8.4294 0.53302 18.0735C0.53302 18.8003 0.577528 19.5168 0.663973 20.2204C1.72622 28.8497 9.09747 35.5317 18.0328 35.5317Z" fill="#FF7C7C"/>
+<path d="M21.8947 21.5167C22.2099 20.9717 22.7989 20.6052 23.4737 20.6052C24.4805 20.6052 25.2966 21.4213 25.2966 22.4281C25.2966 23.4349 24.4805 24.251 23.4737 24.251C22.7989 24.251 22.2099 23.8845 21.8947 23.3396H17.7124C17.2766 25.4774 15.3858 27.0861 13.1193 27.0861C10.5305 27.0861 8.43176 24.9874 8.43176 22.3986C8.43176 20.0789 10.1167 18.1527 12.3296 17.7773L13.0832 19.5343L13.1193 19.534C11.5372 19.534 10.2547 20.8165 10.2547 22.3986C10.2547 23.9806 11.5372 25.2632 13.1193 25.2632C14.7013 25.2632 15.9839 23.9806 15.9839 22.3986C15.9839 22.0909 15.9354 21.7944 15.8456 21.5167L21.8947 21.5167Z" fill="white"/>
+<path d="M18.3693 15.2432C17.7595 15.2242 17.1733 14.8995 16.8458 14.3324C16.3426 13.4605 16.6413 12.3456 17.5132 11.8422C18.385 11.3388 19.4999 11.6376 20.0032 12.5095C20.3504 13.1106 20.3161 13.8274 19.9755 14.3795L22.0297 17.9374C24.0989 17.2458 26.4374 18.0789 27.5707 20.0418C28.865 22.2838 28.0969 25.1506 25.8549 26.445C23.846 27.6048 21.3354 27.1087 19.9039 25.3802L21.0487 23.8489L21.0303 23.8178C21.8214 25.1879 23.5733 25.6574 24.9435 24.8664C26.3135 24.0752 26.7829 22.3234 25.9919 20.9532C25.2009 19.5832 23.4489 19.1137 22.0789 19.9047C21.8194 20.0541 21.585 20.2433 21.3842 20.4655L18.3693 15.2432Z" fill="white"/>
+<path d="M14.7621 21.5083C15.0802 22.0548 15.1047 22.7518 14.766 23.3385C14.2625 24.2104 13.1477 24.5091 12.2758 24.0057C11.4039 23.5024 11.1052 22.3875 11.6086 21.5156C11.9446 20.9339 12.5526 20.6073 13.1792 20.6039L15.2959 16.9375C13.6624 15.4913 13.2147 13.0495 14.3479 11.0867C15.6423 8.84468 18.5091 8.07658 20.7512 9.37097C22.7601 10.5309 23.5857 12.953 22.8044 15.0572L20.906 14.8313L20.8882 14.8628C21.6792 13.4926 21.2098 11.7406 19.8397 10.9496C18.4696 10.1586 16.7176 10.628 15.9266 11.9982C15.1356 13.3682 15.605 15.1202 16.9752 15.9112C17.2343 16.0612 17.5154 16.1696 17.8081 16.2324L14.7621 21.5083Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_applet_add.svg
+++ b/oneterm-ui/src/assets/icons/dag_applet_add.svg
@@ -0,0 +1,9 @@
+<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.82667 19.4098C4.82667 19.8596 4.98669 20.2402 5.30674 20.5515C5.62678 20.8629 6.01169 21.0186 6.46148 21.0186H12.9229V24.2623H4.82667C4.37688 24.2623 3.95737 24.1758 3.56813 24.0028C3.17889 23.8298 2.83722 23.5963 2.54313 23.3022C2.24904 23.0081 2.0155 22.6664 1.8425 22.2772C1.66951 21.8879 1.58301 21.4684 1.58301 21.0186V4.80031C1.58301 4.35052 1.66951 3.931 1.8425 3.54176C2.0155 3.15252 2.24904 2.81086 2.54313 2.51677C2.83722 2.22267 3.17889 1.98913 3.56813 1.81613C3.95737 1.64314 4.37688 1.55664 4.82667 1.55664H22.6798C23.1296 1.55664 23.5491 1.64314 23.9383 1.81613C24.3276 1.98913 24.6693 2.22267 24.9633 2.51677C25.2574 2.81086 25.491 3.15252 25.664 3.54176C25.837 3.931 25.9235 4.35052 25.9235 4.80031V11.2357L22.6798 11.3136V9.67878C22.6798 9.22899 22.5198 8.84407 22.1997 8.52403C21.8797 8.20399 21.4948 8.04397 21.045 8.04397H6.46148C6.01169 8.04397 5.62678 8.20399 5.30674 8.52403C4.98669 8.84407 4.82667 9.22899 4.82667 9.67878V19.4098ZM20.2665 12.8965C21.045 12.8965 21.7802 13.0435 22.4722 13.3376C23.1642 13.6317 23.7697 14.0383 24.2887 14.5572C24.8076 15.0762 25.2185 15.6817 25.5213 16.3737C25.824 17.0657 25.9754 17.8096 25.9754 18.6053C25.9754 19.4011 25.824 20.145 25.5213 20.837C25.2185 21.529 24.8076 22.1345 24.2887 22.6534C23.7697 23.1724 23.1642 23.579 22.4722 23.8731C21.7802 24.1671 21.045 24.3142 20.2665 24.3142C19.4707 24.3142 18.7269 24.1671 18.0349 23.8731C17.3429 23.579 16.7374 23.1724 16.2184 22.6534C15.6994 22.1345 15.2886 21.529 14.9858 20.837C14.6831 20.145 14.5317 19.4011 14.5317 18.6053C14.5317 17.8096 14.6831 17.0657 14.9858 16.3737C15.2886 15.6817 15.6994 15.0762 16.2184 14.5572C16.7374 14.0383 17.3429 13.6317 18.0349 13.3376C18.7269 13.0435 19.4707 12.8965 20.2665 12.8965ZM24.2887 19.4098V17.775H21.045V14.5313H19.4361V17.775H16.1925V19.4098H19.4361V22.6534H21.045V19.4098H24.2887Z" fill="url(#paint0_linear_425_21905)" fill-opacity="0.6"/>
+<defs>
+<linearGradient id="paint0_linear_425_21905" x1="13.7792" y1="1.55664" x2="13.7792" y2="24.3142" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2F54EB"/>
+<stop offset="1" stop-color="#98CEFF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_aws_batch.svg
+++ b/oneterm-ui/src/assets/icons/dag_aws_batch.svg
@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="17.9612" cy="17.8089" r="17.4612" fill="#F8981D"/>
+<path d="M19.9085 14.9809C20.7992 14.6385 21.3056 13.7736 21.3056 12.6744C21.3056 11.8095 21.0786 11.0887 20.4149 10.5661C19.8561 9.93543 19.0702 9.70117 18.1795 9.70117H14.2325C13.988 9.70117 13.761 9.93543 13.761 10.1877V20.7652C13.761 21.0535 13.988 21.2517 14.2325 21.2517H18.7558C19.7338 21.2517 20.5721 20.9093 21.1834 20.2426C21.8296 19.5759 22.1614 18.801 22.1614 17.792C22.1439 16.3324 21.3056 15.2332 19.9085 14.9809ZM16.0838 12.0978H17.673C18.424 12.0978 18.9305 12.6203 18.9305 13.3051C18.9305 13.9898 18.424 14.5124 17.673 14.5124H16.0838V12.0978ZM18.3192 19.3056H16.0838V16.4225H18.3192C19.2099 16.4225 19.8561 16.9991 19.8561 17.81C19.8561 18.6929 19.2099 19.3056 18.3192 19.3056Z" fill="white"/>
+<path d="M24.5487 23.575C24.4792 23.5565 24.3951 23.5668 24.2982 23.6017C23.0018 24.1816 21.741 24.5949 20.5161 24.8396C17.8705 25.3659 15.2923 25.0904 12.7835 24.015C12.0869 23.7148 11.1187 23.209 9.87904 22.4934C9.84536 22.4687 9.80958 22.4543 9.76749 22.4523C9.7254 22.4502 9.68962 22.4544 9.65594 22.4708C9.62227 22.4872 9.59701 22.5078 9.57807 22.5345C9.55913 22.5613 9.55492 22.5983 9.56965 22.6456C9.58228 22.6908 9.61385 22.7422 9.66647 22.7977C9.88535 23.0486 10.1569 23.3159 10.4789 23.5997C10.8009 23.8834 11.2281 24.2042 11.7606 24.562C12.2931 24.9197 12.8509 25.2385 13.4296 25.516C14.0105 25.7936 14.684 26.028 15.4522 26.2172C16.2205 26.4064 16.9887 26.501 17.7548 26.501C18.5167 26.501 19.2575 26.4249 19.9752 26.2768C20.695 26.1267 21.3012 25.9499 21.7958 25.7443C22.2883 25.5407 22.7429 25.3125 23.1596 25.0657C23.5763 24.819 23.8836 24.6093 24.0836 24.4427C24.2835 24.2741 24.4266 24.1425 24.5087 24.0438C24.6055 23.9266 24.6539 23.8258 24.6539 23.7374C24.656 23.6449 24.6182 23.5914 24.5487 23.575ZM26.3019 22.5469C26.2114 22.4358 25.9673 22.3639 25.5674 22.3269C25.1675 22.2899 24.8202 22.2919 24.5213 22.3351C24.1993 22.3721 23.8668 22.4626 23.5258 22.6106C23.1828 22.7566 23.0333 22.88 23.0712 22.9766L23.0859 23.0034L23.1049 23.0178L23.1344 23.0219H23.2312C23.248 23.0219 23.2691 23.0198 23.2985 23.0178C23.328 23.0157 23.3553 23.0116 23.3806 23.0095C23.4059 23.0075 23.4416 23.0034 23.4879 23.0013C23.5321 22.9992 23.5742 22.9931 23.6142 22.9869C23.6205 22.9869 23.6921 22.9807 23.831 22.9684C23.9699 22.9561 24.0709 22.9478 24.132 22.9417C24.193 22.9355 24.2961 22.9293 24.4372 22.9232C24.5782 22.917 24.6918 22.917 24.776 22.9232C24.8602 22.9293 24.9549 22.9376 25.0622 22.9458C25.1696 22.954 25.2559 22.9725 25.3232 23.0013C25.3906 23.028 25.4411 23.063 25.4727 23.1062C25.5821 23.2419 25.5611 23.5421 25.4095 24.0088C25.258 24.4756 25.1149 24.8478 24.9802 25.1233C24.9212 25.2405 24.9212 25.3125 24.9802 25.3433C25.0391 25.3742 25.1212 25.3454 25.2306 25.2611C25.559 25.0102 25.8326 24.6319 26.0535 24.124C26.1819 23.8238 26.2745 23.5112 26.3293 23.1843C26.3798 22.8574 26.3714 22.6456 26.3019 22.5469Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_aws_s3.svg
+++ b/oneterm-ui/src/assets/icons/dag_aws_s3.svg
--- a/oneterm-ui/src/assets/icons/dag_branch_node.svg
+++ b/oneterm-ui/src/assets/icons/dag_branch_node.svg
@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="18.0874" cy="17.5418" rx="17.4599" ry="17.4617" fill="#66C3D8"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.6275 17.6209C35.6275 17.6212 35.6275 17.6216 35.6275 17.6219C35.6275 27.2657 27.7182 35.0836 17.9615 35.0836C8.20486 35.0836 0.295532 27.2657 0.295532 17.6219C0.295532 7.97804 8.20486 0.160156 17.9615 0.160156C27.7178 0.160156 35.627 7.97751 35.6275 17.6209Z" fill="#66C3D8"/>
+<path d="M22.8107 9.55664C22.8546 9.55664 22.8969 9.57092 22.9316 9.59709L26.3332 12.1472C26.3602 12.1674 26.3822 12.1941 26.3973 12.225C26.4125 12.2559 26.4204 12.2901 26.4204 12.3249C26.4204 12.3597 26.4125 12.394 26.3973 12.4249C26.3822 12.4558 26.3602 12.4824 26.3332 12.5026L22.9324 15.0527C22.9013 15.0763 22.8646 15.0904 22.8264 15.0934C22.7882 15.0964 22.7499 15.0883 22.7158 15.0699C22.6817 15.0515 22.6531 15.0236 22.6331 14.9892C22.6132 14.9548 22.6028 14.9153 22.6029 14.8751L22.6022 13.1261H18.3867C18.2658 13.1261 18.1343 13.2649 18.1071 13.4774L18.1018 13.5607V22.2098C18.1018 22.4398 18.2189 22.6048 18.3406 22.6381L18.386 22.6445H22.6029V20.9034C22.6029 20.8633 22.6134 20.8239 22.6332 20.7897C22.6531 20.7554 22.6816 20.7276 22.7156 20.7092C22.7496 20.6908 22.7877 20.6827 22.8258 20.6856C22.8639 20.6885 22.9006 20.7024 22.9316 20.7257L26.3332 23.2759C26.3602 23.296 26.3822 23.3227 26.3973 23.3536C26.4125 23.3845 26.4204 23.4188 26.4204 23.4535C26.4204 23.4883 26.4125 23.5226 26.3973 23.5535C26.3822 23.5844 26.3602 23.611 26.3332 23.6312L22.9324 26.1814C22.9013 26.2049 22.8646 26.219 22.8264 26.222C22.7882 26.2251 22.7499 26.2169 22.7158 26.1985C22.6817 26.1802 22.6531 26.1522 22.6331 26.1178C22.6132 26.0834 22.6028 26.0439 22.6029 26.0037L22.6022 24.2309H18.3867C17.4141 24.2309 16.6531 23.379 16.5941 22.3399L16.5903 22.2098L16.5896 18.6785H14.1607C13.9824 19.2079 13.6315 19.6542 13.1701 19.9384C12.7086 20.2225 12.1663 20.3263 11.639 20.2314C11.1117 20.1365 10.6333 19.8489 10.2884 19.4196C9.94357 18.9903 9.75443 18.4468 9.75443 17.8853C9.75443 17.3237 9.94357 16.7802 10.2884 16.3509C10.6333 15.9216 11.1117 15.634 11.639 15.5391C12.1663 15.4442 12.7086 15.548 13.1701 15.8322C13.6315 16.1163 13.9824 16.5626 14.1607 17.0921H16.5896V13.5607C16.5896 12.5081 17.3121 11.6142 18.2665 11.5444L18.386 11.5396H22.6014L22.6029 9.77477C22.6029 9.6542 22.6959 9.55664 22.8107 9.55664Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_dag.svg
+++ b/oneterm-ui/src/assets/icons/dag_dag.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="17.5" cy="17.5" r="17.5" fill="#0495A9"/>
+<path d="M24.8741 18.5821H22.9241V16.7946H17.9905V15.5429H20.1425C20.5584 15.5429 20.7684 15.3252 20.7684 14.894V9.71147C20.7684 9.28024 20.5584 9.0625 20.1425 9.0625H15.1443C14.7284 9.0625 14.5184 9.28024 14.5184 9.71147V14.894C14.5184 15.3252 14.7284 15.5429 15.1443 15.5429H17.2839V16.7946H12.3625V18.5821H10.1259C9.71 18.5821 9.5 18.7998 9.5 19.231V24.4135C9.5 24.8448 9.71 25.0625 10.1259 25.0625H15.1241C15.54 25.0625 15.75 24.8448 15.75 24.4135V19.231C15.75 18.7998 15.54 18.5821 15.1241 18.5821H13.0609V17.435H22.2296V18.5821H19.8759C19.46 18.5821 19.25 18.7998 19.25 19.231V24.4135C19.25 24.8448 19.46 25.0625 19.8759 25.0625H24.8741C25.29 25.0625 25.5 24.8448 25.5 24.4135V19.231C25.5 18.7998 25.29 18.5821 24.8741 18.5821Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_email.svg
+++ b/oneterm-ui/src/assets/icons/dag_email.svg
@@ -0,0 +1,12 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="17.8107" cy="17.5428" rx="17.4601" ry="17.4627" fill="#B09AED"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.39019 2.20043C11.8633 0.898176 14.6866 0.160156 17.6843 0.160156C27.441 0.160156 35.3505 7.97847 35.3505 17.6228C35.3505 24.2439 31.6227 30.0043 26.1287 32.9652C23.6556 34.2674 20.8323 35.0054 17.8346 35.0054C8.07778 35.0054 0.168335 27.1871 0.168335 17.5428C0.168335 10.9217 3.8961 5.16134 9.39019 2.20043Z" fill="url(#paint0_linear_1344_40802)" fill-opacity="0.75"/>
+<path d="M18.0057 18.0906L25.7654 13.7448V12.0877C25.7654 11.6475 25.3572 11.291 24.8531 11.291H10.6657C10.1616 11.291 9.75336 11.6475 9.75336 12.0877V13.7448L17.5131 18.0906C17.6636 18.1743 17.8552 18.1743 18.0057 18.0906Z" fill="white"/>
+<path d="M18.2521 20.0411C17.951 20.207 17.5678 20.207 17.2667 20.0411L9.75336 15.8672V23.0831C9.75336 23.5196 10.1616 23.8732 10.6657 23.8732H24.8531C25.3572 23.8732 25.7654 23.5196 25.7654 23.0831V15.8672L18.2521 20.0411Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1344_40802" x1="9.77471" y1="-44.6367" x2="9.77471" y2="35.2229" gradientUnits="userSpaceOnUse">
+<stop offset="0.0001" stop-color="#BD7BFF" stop-opacity="0.947917"/>
+<stop offset="1" stop-color="#B6A0F4" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_option_k2.svg
+++ b/oneterm-ui/src/assets/icons/dag_option_k2.svg
@@ -0,0 +1,5 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="17.8854" cy="17.9621" r="17.4621" fill="#FF969C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7592 35.4985C27.5171 35.4985 35.4274 27.6804 35.4274 18.0364C35.4274 17.3048 35.3819 16.5837 35.2935 15.8758C34.2149 7.25304 26.776 0.578125 17.7596 0.578125C8.00173 0.578125 0.0913696 8.39619 0.0913696 18.0403C0.0913696 18.7719 0.136889 19.4929 0.225282 20.2009C1.30389 28.8236 8.74282 35.4985 17.7592 35.4985Z" fill="#95A1E2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2187 9.96094H24.552C24.9057 9.96094 25.2448 10.1014 25.4948 10.3515C25.7449 10.6015 25.8854 10.9406 25.8854 11.2943V24.6276C25.8854 24.9812 25.7449 25.3204 25.4948 25.5704C25.2448 25.8205 24.9057 25.9609 24.552 25.9609H11.2187C10.8651 25.9609 10.5259 25.8205 10.2759 25.5704C10.0259 25.3204 9.88538 24.9812 9.88538 24.6276V11.2943C9.88538 10.9406 10.0259 10.6015 10.2759 10.3515C10.5259 10.1014 10.8651 9.96094 11.2187 9.96094ZM15.3204 16.5861L12.3654 13.1386L13.1247 12.4878L16.3407 16.2398L16.6017 16.5443L16.3611 16.8652L13.1451 21.1532L12.3451 20.5532L15.3204 16.5861ZM17.033 20.8526H23.465V19.8526H17.033V20.8526Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_task.svg
+++ b/oneterm-ui/src/assets/icons/dag_task.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="17.9612" cy="17.5428" rx="17.4602" ry="17.4627" fill="#529BF6"/>
+<path d="M24.6279 9.54297H11.2945C10.9409 9.54297 10.6018 9.68344 10.3517 9.93349C10.1017 10.1835 9.96121 10.5227 9.96121 10.8763V24.2096C9.96121 24.5633 10.1017 24.9024 10.3517 25.1524C10.6018 25.4025 10.9409 25.543 11.2945 25.543H24.6279C24.9815 25.543 25.3206 25.4025 25.5707 25.1524C25.8207 24.9024 25.9612 24.5633 25.9612 24.2096V10.8763C25.9612 10.5227 25.8207 10.1835 25.5707 9.93349C25.3206 9.68344 24.9815 9.54297 24.6279 9.54297ZM15.5373 19.9336L14.5943 20.8763L11.2945 17.5765L12.2373 16.6338L14.5943 14.2767L15.537 15.2194L13.1802 17.5765L15.5373 19.9336ZM17.2945 22.8763H15.9612L18.6279 12.2096H19.9612L17.2945 22.8763ZM21.3281 20.8763L20.3854 19.9336L22.7423 17.5765L20.3852 15.2194L21.3279 14.2767L23.6852 16.6336L24.6279 17.5765L21.3281 20.8763Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_task_0.svg
+++ b/oneterm-ui/src/assets/icons/dag_task_0.svg
@@ -0,0 +1,14 @@
+<svg width="35" height="35" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="18.3212" cy="18.1836" rx="17.4602" ry="17.5" fill="#529BF6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1649 1.22104C15.4593 0.921872 16.8084 0.763672 18.1948 0.763672C27.9516 0.763672 35.8611 8.59869 35.8611 18.2637C35.8611 26.4372 30.2043 33.302 22.5573 35.226C21.2629 35.5252 19.9137 35.6834 18.5273 35.6834C8.77049 35.6834 0.861023 27.8484 0.861023 18.1834C0.861023 10.0098 6.51782 3.14502 14.1649 1.22104Z" fill="url(#paint0_linear_1344_40762)" fill-opacity="0.75"/>
+<rect x="11.3611" y="10.1836" width="14" height="16" rx="1" fill="white"/>
+<path d="M21.3071 15.8342L20.1778 16.1538C20.1068 15.9656 20.0021 15.7827 19.8636 15.6051C19.7286 15.424 19.544 15.2749 19.3096 15.1577C19.0752 15.0405 18.7751 14.9819 18.4094 14.9819C17.9087 14.9819 17.4914 15.0973 17.1576 15.3281C16.8273 15.5554 16.6622 15.8448 16.6622 16.1964C16.6622 16.5089 16.7759 16.7557 17.0031 16.9368C17.2304 17.1179 17.5855 17.2688 18.0685 17.3896L19.283 17.6879C20.0145 17.8654 20.5596 18.1371 20.9183 18.5028C21.2769 18.8651 21.4563 19.332 21.4563 19.9038C21.4563 20.3725 21.3213 20.7915 21.0514 21.1609C20.7851 21.5302 20.4122 21.8214 19.9328 22.0344C19.4534 22.2475 18.8959 22.354 18.2602 22.354C17.4257 22.354 16.735 22.1729 16.1881 21.8107C15.6413 21.4485 15.295 20.9194 15.1494 20.2234L16.3426 19.9251C16.4563 20.3654 16.6711 20.6957 16.9871 20.9158C17.3068 21.136 17.724 21.2461 18.2389 21.2461C18.8249 21.2461 19.2901 21.1218 19.6345 20.8732C19.9825 20.6211 20.1565 20.3192 20.1565 19.9677C20.1565 19.6836 20.0571 19.4457 19.8582 19.2539C19.6594 19.0586 19.354 18.913 18.9421 18.8171L17.5784 18.4975C16.8291 18.32 16.2787 18.0447 15.9271 17.6719C15.5791 17.2955 15.4051 16.8249 15.4051 16.2603C15.4051 15.7987 15.5347 15.3903 15.794 15.0352C16.0568 14.68 16.4136 14.4013 16.8646 14.1989C17.3192 13.9964 17.8341 13.8952 18.4094 13.8952C19.219 13.8952 19.8547 14.0728 20.3163 14.4279C20.7815 14.783 21.1118 15.2518 21.3071 15.8342Z" fill="#388BFB"/>
+<rect x="17.8611" y="12.541" width="1" height="1.5" fill="#388BFB"/>
+<rect x="17.8611" y="22.1836" width="1" height="1.5" fill="#388BFB"/>
+<defs>
+<linearGradient id="paint0_linear_1344_40762" x1="35.8609" y1="0.914443" x2="15.3962" y2="34.0122" gradientUnits="userSpaceOnUse">
+<stop offset="0.0001" stop-color="#438EFF" stop-opacity="0.947917"/>
+<stop offset="1" stop-color="#1371FF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_task_1.svg
+++ b/oneterm-ui/src/assets/icons/dag_task_1.svg
@@ -0,0 +1,11 @@
+<svg width="35" height="35" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="18.3212" cy="18.1836" rx="17.4602" ry="17.5" fill="#529BF6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1649 1.22104C15.4593 0.921872 16.8084 0.763672 18.1948 0.763672C27.9516 0.763672 35.8611 8.59869 35.8611 18.2637C35.8611 26.4372 30.2043 33.302 22.5573 35.226C21.2629 35.5252 19.9137 35.6834 18.5273 35.6834C8.77049 35.6834 0.861023 27.8484 0.861023 18.1834C0.861023 10.0098 6.51782 3.14502 14.1649 1.22104Z" fill="url(#paint0_linear_1344_40739)" fill-opacity="0.75"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5292 10.4498C21.5108 10.4327 21.4916 10.4165 21.4722 10.401V13.6381C21.4722 13.6864 21.4927 13.7326 21.5291 13.7667C21.5656 13.8008 21.6151 13.82 21.6666 13.82H25.1286C25.112 13.8018 25.0947 13.7838 25.0763 13.7667L21.5292 10.4498ZM20.6944 10.1836V13.6381C20.6947 13.8792 20.7972 14.1102 20.9795 14.2807C21.1618 14.4511 21.4089 14.547 21.6666 14.5472H25.3611V25.2745C25.3608 25.5155 25.2583 25.7466 25.076 25.917C24.8937 26.0875 24.6466 26.1833 24.3889 26.1836H12.3333C12.0755 26.1833 11.8284 26.0875 11.6462 25.917C11.4639 25.7466 11.3614 25.5155 11.3611 25.2745V11.0927C11.3614 10.8517 11.4639 10.6206 11.6462 10.4502C11.8284 10.2797 12.0755 10.1839 12.3333 10.1836H20.6944ZM21.213 19.3556L21.8288 19.792C21.9973 19.9132 22.0426 20.1253 21.9389 20.3011L21.2454 21.3981C21.1741 21.5253 21.025 21.5981 20.8695 21.5981C20.8176 21.5981 20.7658 21.592 20.7139 21.5738L19.9815 21.3072C19.8519 21.386 19.7288 21.4526 19.5991 21.5072L19.4889 22.2102C19.4565 22.4041 19.275 22.5496 19.0547 22.5496H17.6676C17.4473 22.5496 17.2593 22.3981 17.2334 22.2041L17.1232 21.5072C16.9936 21.4526 16.8639 21.386 16.7408 21.3072L16.0084 21.5738C15.9565 21.592 15.9112 21.5981 15.8593 21.5981C15.7038 21.5981 15.5547 21.5193 15.4769 21.392L14.7899 20.3072C14.6797 20.1253 14.725 19.9132 14.8936 19.792L15.5093 19.3556C15.4963 19.2829 15.4963 19.2163 15.4963 19.1556C15.4963 19.1001 15.5018 19.0395 15.5077 18.9738C15.5082 18.9678 15.5088 18.9617 15.5093 18.9556L14.8936 18.5193C14.725 18.3981 14.6797 18.1738 14.7899 18.0041L15.4834 16.9132C15.5547 16.786 15.7038 16.7132 15.8593 16.7132C15.9112 16.7132 15.963 16.7193 16.0149 16.7375L16.7473 17.0041C16.8769 16.9253 17 16.8587 17.1297 16.8041L17.2334 16.1011C17.2658 15.9072 17.4473 15.7617 17.6676 15.7617H19.0547C19.275 15.7617 19.4565 15.9072 19.4889 16.1072L19.5991 16.8041C19.7288 16.8587 19.8584 16.9253 19.9815 17.0041L20.7139 16.7375C20.7658 16.7193 20.8112 16.7132 20.863 16.7132C21.0186 16.7132 21.1676 16.792 21.2454 16.9193L21.9325 18.0041C22.0426 18.186 21.9973 18.3981 21.8288 18.5193L21.213 18.9556C21.2195 19.0163 21.226 19.0829 21.226 19.1556C21.226 19.2284 21.2195 19.295 21.213 19.3556ZM18.3612 20.6102C19.2167 20.6102 19.9167 19.9556 19.9167 19.1556C19.9167 18.3556 19.2167 17.7011 18.3612 17.7011C17.5056 17.7011 16.8056 18.3556 16.8056 19.1556C16.8056 19.9556 17.5056 20.6102 18.3612 20.6102Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1344_40739" x1="35.8609" y1="0.914443" x2="15.3962" y2="34.0122" gradientUnits="userSpaceOnUse">
+<stop offset="0.0001" stop-color="#438EFF" stop-opacity="0.947917"/>
+<stop offset="1" stop-color="#1371FF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_task_2.svg
+++ b/oneterm-ui/src/assets/icons/dag_task_2.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="18.3212" cy="18.2109" rx="17.4602" ry="17.5" fill="#529BF6"/>
+<path d="M26.0663 16.2429C25.7654 15.1416 25.2641 14.2906 24.1611 14.2906H22.7071V15.9926C22.7071 17.2941 21.6041 18.3954 20.3006 18.3954H16.5153C15.4624 18.3954 14.6101 19.2964 14.6101 20.3476V23.9768C14.6101 25.028 15.5126 25.6287 16.5153 25.9291C17.7186 26.2795 18.8717 26.3295 20.3006 25.9291C21.2532 25.6287 22.2058 25.0781 22.2058 23.9768V22.5251H18.4205V22.0246H24.1109C25.2139 22.0246 25.615 21.2236 26.0161 20.0723C26.4673 18.946 26.4673 17.7947 26.0663 16.2429ZM20.5763 23.5263C20.9774 23.5263 21.2782 23.8767 21.2782 24.2771C21.2782 24.6776 20.9774 25.028 20.5763 25.028C20.1753 25.028 19.8744 24.6776 19.8744 24.2771C19.8744 23.8266 20.2254 23.5263 20.5763 23.5263ZM16.39 17.9448H20.1753C21.2281 17.9448 22.0804 17.0438 22.0804 15.9926V12.3634C22.0804 11.3122 21.2281 10.5613 20.1753 10.3611C18.8717 10.1609 17.518 10.1609 16.39 10.3611C14.7856 10.6615 14.4848 11.2621 14.4848 12.3634V13.8151H18.2701V14.3157H13.0308C11.9278 14.3157 10.9251 14.9664 10.6243 16.2679C10.2733 17.7196 10.2733 18.6206 10.6243 20.1474C10.875 21.2987 11.5268 22.0996 12.6799 22.0996H13.9834V20.3476C13.9834 19.0962 15.0864 17.9448 16.39 17.9448ZM16.1393 12.9141C15.7382 12.9141 15.4374 12.5636 15.4374 12.1632C15.4374 11.7627 15.7382 11.4123 16.1393 11.4123C16.5404 11.4123 16.8412 11.7627 16.8412 12.1632C16.8161 12.5636 16.5153 12.9141 16.1393 12.9141Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_task_3.svg
+++ b/oneterm-ui/src/assets/icons/dag_task_3.svg
@@ -0,0 +1,11 @@
+<svg width="35" height="35" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="17.7942" cy="18.2109" rx="17.4602" ry="17.5" fill="#529BF6"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6379 1.24839C14.9323 0.949216 16.2814 0.791016 17.6678 0.791016C27.4246 0.791016 35.3341 8.62603 35.3341 18.291C35.3341 26.4646 29.6773 33.3294 22.0303 35.2534C20.7359 35.5526 19.3868 35.7108 18.0003 35.7108C8.24351 35.7108 0.334045 27.8757 0.334045 18.2108C0.334045 10.0372 5.99084 3.17236 13.6379 1.24839Z" fill="url(#paint0_linear_1344_40902)" fill-opacity="0.75"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7018 11.1406C10.7018 10.5883 11.1495 10.1406 11.7018 10.1406H23.7018C24.2541 10.1406 24.7018 10.5883 24.7018 11.1406V25.1406C24.7018 25.6929 24.2541 26.1406 23.7018 26.1406H11.7018C11.1495 26.1406 10.7018 25.6929 10.7018 25.1406V11.1406ZM16.2939 17.6641L13.4282 14.2099L14.1978 13.5714L17.3089 17.3214L17.5543 17.6172L17.3316 17.9304L14.2204 22.3054L13.4055 21.7259L16.2939 17.6641ZM17.5463 22.0156H22.524V21.0156H17.5463V22.0156Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_1344_40902" x1="35.3335" y1="0.52118" x2="14.5706" y2="33.9197" gradientUnits="userSpaceOnUse">
+<stop offset="0.0001" stop-color="#438EFF" stop-opacity="0.947917"/>
+<stop offset="1" stop-color="#1371FF" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/dag_transfer.svg
+++ b/oneterm-ui/src/assets/icons/dag_transfer.svg
@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<ellipse cx="18.216" cy="17.5418" rx="17.4599" ry="17.4617" fill="#8B8EED"/>
+<path d="M22.2662 8.91602V13.2493H26.8372L22.2662 8.91602ZM21.1231 8.91602H13.1231C12.5169 8.91612 11.9355 9.14444 11.5068 9.55079C11.0782 9.95713 10.8373 10.5082 10.8372 11.0829V24.0825C10.8373 24.6571 11.0782 25.2082 11.5068 25.6146C11.9355 26.0209 12.5169 26.2492 13.1231 26.2493H24.5509C25.1572 26.2493 25.7387 26.0211 26.1674 25.6147C26.5962 25.2084 26.8371 24.6572 26.8372 24.0825V14.3326H21.1231V8.91602ZM22.2662 22.9993H15.409V21.916H22.2662V22.9993ZM22.2662 19.7495H15.409V18.6663H22.2662V19.7495ZM22.2662 15.4158V16.4991H15.409V15.4158H22.2662Z" fill="white"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/edit.svg
+++ b/oneterm-ui/src/assets/icons/edit.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.0605 5.02857L8.0555 9.60571L8.9395 10.212L9.4695 11.2223L13.4745 6.64514L12.0605 5.02857ZM12.768 4.22057L14.182 5.83657L14.5355 5.43257C14.6292 5.32541 14.6819 5.18009 14.6819 5.02857C14.6819 4.87705 14.6292 4.73173 14.5355 4.62457L13.8285 3.81714C13.7347 3.71002 13.6076 3.64984 13.475 3.64984C13.3424 3.64984 13.2153 3.71002 13.1215 3.81714L12.768 4.22057ZM7.348 10.4143L7.111 10.6857V12.3017H8.525L8.7625 12.0303L8.2325 11.0206L7.348 10.4143ZM14.1825 2.60457L15.5965 4.22057C15.784 4.43489 15.8893 4.72553 15.8893 5.02857C15.8893 5.33162 15.784 5.62225 15.5965 5.83657L8.94 13.4446H6.1115V10.212L12.768 2.60457C12.9555 2.39032 13.2098 2.26996 13.475 2.26996C13.7402 2.26996 13.995 2.39032 14.1825 2.60457ZM10 1.57143C10 1.72298 9.94732 1.86833 9.85355 1.97549C9.75979 2.08265 9.63261 2.14286 9.5 2.14286H3.5C3.2235 2.14286 3 2.39657 3 2.70971V15.2903C3 15.5971 3.224 15.8571 3.5 15.8571H14.5C14.7765 15.8571 15 15.6034 15 15.2903V10.7143C15 10.5627 15.0527 10.4174 15.1464 10.3102C15.2402 10.2031 15.3674 10.1429 15.5 10.1429C15.6326 10.1429 15.7598 10.2031 15.8536 10.3102C15.9473 10.4174 16 10.5627 16 10.7143V15.8543C16 16.4869 15.55 17 15.0045 17H2.995C2.4455 17 2 16.4874 2 15.8543V2.14571C2 1.51314 2.45 1 2.9955 1H9.5C9.63261 1 9.75979 1.0602 9.85355 1.16737C9.94732 1.27453 10 1.41988 10 1.57143Z" fill="#2F54EB"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/ellipsis.svg
+++ b/oneterm-ui/src/assets/icons/ellipsis.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1643090409776" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3168" data-spm-anchor-id="a313x.7781069.0.i3" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M896 640c-70.656 0-128-57.344-128-128s57.344-128 128-128 128 57.344 128 128-57.344 128-128 128z m-384 0c-70.656 0-128-57.344-128-128s57.344-128 128-128 128 57.344 128 128-57.344 128-128 128zM128 640c-70.656 0-128-57.344-128-128s57.344-128 128-128 128 57.344 128 128-57.344 128-128 128z" p-id="3169" data-spm-anchor-id="a313x.7781069.0.i0" class=""></path></svg>
--- a/oneterm-ui/src/assets/icons/gray-circle.svg
+++ b/oneterm-ui/src/assets/icons/gray-circle.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <ellipse opacity="0.2" cx="7.8945" cy="8" rx="7.73239" ry="8" fill="#6F7694"/>
+    <ellipse cx="7.89379" cy="8" rx="2.89965" ry="3" fill="#9094A6"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/green-circle.svg
+++ b/oneterm-ui/src/assets/icons/green-circle.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <ellipse opacity="0.2" cx="7.8945" cy="8" rx="7.73239" ry="8" fill="#4DCB73"/>
+    <ellipse cx="7.89379" cy="8" rx="2.89965" ry="3" fill="#4DCB73"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/grid.svg
+++ b/oneterm-ui/src/assets/icons/grid.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1663902596358" class="icon" style="width:20px;height:20px;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4084" xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="1024"><path d="M320 306.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L320 306.6z" p-id="4085"></path><path d="M576 306.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L576 306.6z" p-id="4086"></path><path d="M832 306.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L832 306.6z" p-id="4087"></path><path d="M320 562.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L320 562.6z" p-id="4088"></path><path d="M576 562.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L576 562.6z" p-id="4089"></path><path d="M832 562.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L832 562.6z" p-id="4090"></path><path d="M320 818.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L320 818.6z" p-id="4091"></path><path d="M576 818.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L576 818.6z" p-id="4092"></path><path d="M832 818.6c0 7.4-6 13.4-13.4 13.4l-101 0c-7.4 0-13.4-6-13.4-13.4l0-101c0-7.4 6-13.4 13.4-13.4l101 0c7.4 0 13.4 6 13.4 13.4L832 818.6z" p-id="4093"></path></svg><?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1652149253074" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2678" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }</style></defs><path d="M512 505.6c-2.133333 0-4.266667 0-8.533333-2.133333L298.666667 426.666667v298.666666h426.666666V426.666667l-204.8 76.8c-4.266667 0-6.4 2.133333-8.533333 2.133333z" p-id="2679"></path><path d="M298.666667 379.733333l213.333333 81.066667 213.333333-81.066667V298.666667H298.666667z" p-id="2680"></path><path d="M512 0C228.266667 0 0 228.266667 0 512s228.266667 512 512 512 512-228.266667 512-512S795.733333 0 512 0z m256 725.333333c0 23.466667-19.2 42.666667-42.666667 42.666667H298.666667c-23.466667 0-42.666667-19.2-42.666667-42.666667V298.666667c0-23.466667 19.2-42.666667 42.666667-42.666667h426.666666c23.466667 0 42.666667 19.2 42.666667 42.666667v426.666666z" p-id="2681"></path></svg>
--- a/oneterm-ui/src/assets/icons/light.svg
+++ b/oneterm-ui/src/assets/icons/light.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1640916550327" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1267" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M479.11538427 108.73076943A278.65384629 278.65384629 0 0 0 229.88461573 356.23076943a275.19230742 275.19230742 0 0 0 100.38461484 235.38461484 84.80769258 84.80769258 0 0 1 32.88461572 67.5 69.23076943 69.23076943 0 0 0 70.96153799 69.23076944h155.76923145a69.23076943 69.23076943 0 0 0 69.23076854-69.23076944 84.80769258 84.80769258 0 0 1 32.88461573-67.5 275.19230742 275.19230742 0 0 0 102.11538427-211.15384541C795.84615371 219.49999999 650.46153887 91.42307685 479.11538427 108.73076943zM633.1538463 809.69230742H390.8461537a27.69230742 27.69230742 0 0 0-27.69230742 25.96153887 81.34615371 81.34615371 0 0 0 81.34615373 81.34615371h135a81.34615371 81.34615371 0 0 0 81.3461537-81.34615372 27.69230742 27.69230742 0 0 0-27.69230743-25.96153886z" fill="#1f78d1" p-id="1268"></path></svg>
--- a/oneterm-ui/src/assets/icons/mailOpen.svg
+++ b/oneterm-ui/src/assets/icons/mailOpen.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1646019826297" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7779" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M92.284933 972.160282l393.418903-362.290989c6.818639-5.494047 14.901661-8.384066 23.421197-8.384066 8.655005 0 17.325062 3.025489 23.120153 7.526091l389.159136 350.068617c14.736087-13.697486 28.629252-28.192738 41.212877-43.831956L570.658357 562.6807c-35.447891-27.78633-86.39953-28.990504-123.939674 1.294488L50.801117 928.524004C58.357313 939.602411 67.945553 949.702425 75.260914 957.017786 80.664648 962.406468 86.580156 967.162958 92.284933 972.160282z" p-id="7780"></path><path d="M981.688314 446.899309l0.150522 0-0.82787-0.82787c-3.085697-4.064089-6.698221-7.646509-10.732206-10.807467L577.71783 55.738233c-34.078142-34.078142-93.669734-34.123299-127.793032 0L57.409025 432.298692C48.919594 440.201088 30.254888 461.545083 30.254888 482.497722l0 451.159077c0 33.084698 27.108981 60.208731 60.208731 60.208731l842.982449 0c33.09975 0 60.208731-27.124034 60.208731-60.208731L993.654799 482.497722C993.654799 469.131383 989.093988 456.893959 981.688314 446.899309zM933.446068 933.641746 90.463619 933.641746 90.463619 482.497722l36.095134-35.598412L127.943554 446.899309 492.492371 98.305806c5.704777-5.674673 13.276025-8.820579 21.313891-8.820579 8.06797 0 15.639218 3.145906 21.343995 8.820579l339.968602 323.95308-0.918183 0 59.245392 60.223784L933.446068 933.641746z" p-id="7781"></path><path d="M329.417022 743.607938c-7.089578 0-14.194208-2.468558-19.898986-7.526091L46.571454 504.037395c-12.493312-11.003146-13.667382-30.029105-2.679289-42.492312 11.048302-12.493312 30.104366-13.637278 42.47726-2.679289l262.946582 232.059503c12.493312 10.973041 13.667382 30.014053 2.679289 42.47726C346.01958 740.17604 337.740879 743.607938 329.417022 743.607938z" p-id="7782"></path><path d="M700.137234 745.489461c-8.293753 0-16.587506-3.416846-22.518066-10.115067-11.018198-12.433103-9.904336-31.489167 2.528767-42.507364l263.533618-233.941026c12.402999-11.018198 31.489167-9.934441 42.507364 2.528767 11.018198 12.433103 9.904336 31.504219-2.528767 42.537469l-263.533618 233.910922C714.391651 742.990798 707.241864 745.489461 700.137234 745.489461z" p-id="7783"></path></svg>
--- a/oneterm-ui/src/assets/icons/notification.svg
+++ b/oneterm-ui/src/assets/icons/notification.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_961_66408)">
+        <path d="M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM3.27078 7.55406C3.24266 7.85641 2.98844 8.08344 2.69047 8.08344C2.67234 8.08344 2.65422 8.08266 2.63578 8.08094C2.315 8.05094 2.07922 7.76688 2.10891 7.44594C2.38469 4.48266 4.83781 2.17875 7.81516 2.08687C8.14406 2.07609 8.40641 2.32984 8.41625 2.65188C8.42641 2.97391 8.17328 3.24297 7.85125 3.25297C5.46094 3.32687 3.49172 5.17578 3.27063 7.55406H3.27078ZM8.53547 11.7487C8.53547 12.0709 8.27328 12.3334 7.95078 12.3334C7.62828 12.3334 7.36625 12.0711 7.36625 11.7487V6.22203C7.36625 5.89984 7.62844 5.63766 7.95078 5.63766C8.27312 5.63766 8.53547 5.89969 8.53547 6.22203V11.7487ZM8 4.97094C7.63188 4.97094 7.33328 4.6725 7.33328 4.30422C7.33328 3.93594 7.63172 3.6375 8 3.6375C8.36828 3.6375 8.66672 3.93594 8.66672 4.30422C8.66672 4.6725 8.36828 4.97094 8 4.97094Z" fill="#2F54EB"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_961_66408">
+            <rect width="16" height="16" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/ops-default_show.svg
+++ b/oneterm-ui/src/assets/icons/ops-default_show.svg
@@ -0,0 +1,14 @@
+<svg width="1em" height="1em" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0H2.5V1.25H1.25V2.5H0V1C0 0.447715 0.447715 0 1 0ZM0 7.5V9C0 9.55229 0.447715 10 1 10H2.5V8.75H1.25V7.5H0ZM8.75 7.5V8.75H7.5V10H9C9.55229 10 10 9.55228 10 9V7.5H8.75ZM10 2.5V1C10 0.447715 9.55228 0 9 0H7.5V1.25H8.75V2.5H10Z" fill="url(#paint0_linear_124_16807)"/>
+<rect x="2.5" y="3.125" width="5" height="3.75" fill="url(#paint1_linear_124_16807)"/>
+<defs>
+<linearGradient id="paint0_linear_124_16807" x1="5" y1="0" x2="5" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4F84FF"/>
+<stop offset="1" stop-color="#85CBFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_124_16807" x1="5" y1="3.125" x2="5" y2="6.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4F84FF"/>
+<stop offset="1" stop-color="#85CBFF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/ops-is_choice.svg
+++ b/oneterm-ui/src/assets/icons/ops-is_choice.svg
@@ -0,0 +1,14 @@
+<svg width="1em" height="1em" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2.5" y="2.5" width="5" height="5" rx="0.5" fill="url(#paint0_linear_124_16808)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 0C0.447715 0 0 0.447715 0 1V9C0 9.55229 0.447715 10 1 10H9C9.55229 10 10 9.55228 10 9V1C10 0.447715 9.55228 0 9 0H1ZM8.75 1.25H1.25V8.75H8.75V1.25Z" fill="url(#paint1_linear_124_16808)"/>
+<defs>
+<linearGradient id="paint0_linear_124_16808" x1="5" y1="2.5" x2="5" y2="7.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5187FF"/>
+<stop offset="1" stop-color="#84C9FF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_124_16808" x1="5" y1="0" x2="5" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5187FF"/>
+<stop offset="1" stop-color="#84C9FF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/ops-is_index.svg
+++ b/oneterm-ui/src/assets/icons/ops-is_index.svg
@@ -0,0 +1,9 @@
+<svg width="1em" height="1em" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.56845 8.8409C3.06335 8.78963 1.86719 8.05799 2.06279 6.48243C2.1538 5.75105 2.64549 5.3214 3.34457 5.16041C3.67173 5.08909 4.00806 5.06954 4.34128 5.10247C4.40203 5.10811 4.44843 5.11401 4.47689 5.11837L4.51586 5.12631C4.64379 5.15574 4.77263 5.18104 4.90218 5.20219C5.26786 5.2651 5.63914 5.28941 6.0099 5.27474C6.8046 5.23219 7.21015 4.97429 7.23092 4.41672C7.25424 3.79429 6.76332 3.29619 5.86659 2.91832C5.52815 2.77793 5.17843 2.66645 4.82117 2.58506C4.70325 2.55755 4.58482 2.53328 4.46587 2.51226C4.30323 2.94847 3.9867 3.31016 3.57591 3.5292C3.16512 3.74824 2.68841 3.80952 2.23557 3.70149C1.90324 3.61651 1.60053 3.44214 1.36029 3.1973C1.12004 2.95245 0.951447 2.64649 0.872793 2.3126C0.794138 1.97872 0.808429 1.62967 0.914116 1.30333C1.0198 0.976995 1.21285 0.685836 1.4723 0.461451C1.73176 0.237065 2.04771 0.0880244 2.38588 0.0305017C2.72404 -0.0270211 3.07151 0.00917138 3.39056 0.135152C3.70961 0.261132 3.98807 0.472088 4.19571 0.745127C4.40335 1.01817 4.53225 1.34286 4.56841 1.68397C4.6812 1.70269 4.83374 1.73217 5.01524 1.77421C5.42003 1.86601 5.81625 1.99216 6.1996 2.15131C7.38191 2.64966 8.1156 3.39463 8.07638 4.4462C8.03639 5.53187 7.23425 6.04253 6.0563 6.10533C5.62418 6.12373 5.19132 6.09614 4.76503 6.02304C4.61925 5.99997 4.47398 5.9716 4.32923 5.93793C4.30731 5.93532 4.28534 5.9331 4.26335 5.93127C4.02033 5.90687 3.77501 5.92018 3.53606 5.97075C3.15153 6.05893 2.94311 6.24146 2.90056 6.58267C2.78725 7.49504 3.47915 7.94443 5.42694 8.00416C5.44492 7.65558 5.5586 7.3187 5.75548 7.03049C5.95237 6.74229 6.22485 6.51389 6.54303 6.37039C6.8612 6.22689 7.21277 6.17383 7.55912 6.21703C7.90548 6.26023 8.23323 6.39802 8.50641 6.61528C8.77959 6.83254 8.98763 7.12086 9.10769 7.4486C9.22775 7.77634 9.25519 8.13082 9.187 8.47314C9.11881 8.81545 8.95763 9.13235 8.72114 9.38907C8.48465 9.64578 8.18201 9.83237 7.84643 9.92836C7.39921 10.0556 6.92094 10.0153 6.50129 9.81515C6.08164 9.61495 5.74941 9.26855 5.56691 8.8409H5.56845Z" fill="url(#paint0_linear_124_16804)"/>
+<defs>
+<linearGradient id="paint0_linear_124_16804" x1="5.02318" y1="0.00390625" x2="5.02318" y2="10.0013" gradientUnits="userSpaceOnUse">
+<stop stop-color="#497DFF"/>
+<stop offset="1" stop-color="#8CD5FF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/ops-is_link.svg
+++ b/oneterm-ui/src/assets/icons/ops-is_link.svg
@@ -0,0 +1,9 @@
+<svg width="1em" height="1em" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.01211 4.50621L2.7769 5.74077C2.712 5.80565 2.66051 5.88268 2.62538 5.96747C2.59025 6.05225 2.57217 6.14313 2.57217 6.2349C2.57217 6.32668 2.59025 6.41755 2.62538 6.50234C2.66051 6.58712 2.712 6.66416 2.7769 6.72904L3.27085 7.223C3.33573 7.28791 3.41276 7.3394 3.49754 7.37453C3.58232 7.40966 3.67319 7.42774 3.76496 7.42774C3.85674 7.42774 3.94761 7.40966 4.03239 7.37453C4.11717 7.3394 4.1942 7.28791 4.25908 7.223L5.49394 5.98775C5.6237 6.1175 5.72663 6.27155 5.79686 6.44109C5.86708 6.61063 5.90323 6.79234 5.90323 6.97585C5.90323 7.15935 5.86708 7.34106 5.79686 7.5106C5.72663 7.68014 5.6237 7.83419 5.49394 7.96394L3.76479 9.69316C3.56827 9.88963 3.30176 10 3.02387 10C2.74599 10 2.47948 9.88963 2.28296 9.69316L0.306832 7.71696C0.110368 7.52043 0 7.25391 0 6.97602C0 6.69813 0.110368 6.43161 0.306832 6.23508L2.03599 4.50586C2.16574 4.3761 2.31978 4.27317 2.48931 4.20294C2.65884 4.13271 2.84055 4.09657 3.02405 4.09657C3.20755 4.09657 3.38925 4.13271 3.55879 4.20294C3.72832 4.27317 3.88236 4.3761 4.01211 4.50586V4.50621ZM5.98789 5.49414L7.2231 4.25923C7.288 4.19435 7.33949 4.11732 7.37462 4.03253C7.40975 3.94775 7.42783 3.85687 7.42783 3.7651C7.42783 3.67332 7.40975 3.58245 7.37462 3.49766C7.33949 3.41288 7.288 3.33584 7.2231 3.27096L6.72915 2.777C6.66428 2.71209 6.58724 2.6606 6.50246 2.62547C6.41768 2.59034 6.32681 2.57226 6.23504 2.57226C6.14326 2.57226 6.05239 2.59034 5.96761 2.62547C5.88283 2.6606 5.8058 2.71209 5.74092 2.777L4.50606 4.01225C4.3763 3.8825 4.27337 3.72845 4.20314 3.55891C4.13292 3.38937 4.09677 3.20766 4.09677 3.02415C4.09677 2.84065 4.13292 2.65894 4.20314 2.4894C4.27337 2.31986 4.3763 2.16581 4.50606 2.03606L6.23521 0.306843C6.43173 0.110371 6.69824 0 6.97613 0C7.25401 0 7.52052 0.110371 7.71704 0.306843L9.69317 2.28304C9.88963 2.47957 10 2.74609 10 3.02398C10 3.30187 9.88963 3.56839 9.69317 3.76492L7.96401 5.49414C7.83426 5.6239 7.68022 5.72683 7.51069 5.79706C7.34116 5.86729 7.15945 5.90343 6.97595 5.90343C6.79245 5.90343 6.61075 5.86729 6.44121 5.79706C6.27168 5.72683 6.11764 5.6239 5.98789 5.49414ZM3.51817 5.9881L5.98789 3.51829C6.05339 3.45274 6.14225 3.4159 6.23491 3.41586C6.32758 3.41583 6.41646 3.45261 6.48201 3.51812C6.54755 3.58362 6.5844 3.67248 6.58443 3.76515C6.58446 3.85782 6.54768 3.9467 6.48218 4.01225L4.01211 6.48206C3.94661 6.54761 3.85775 6.58445 3.76509 6.58449C3.67242 6.58452 3.58354 6.54774 3.51799 6.48223C3.45245 6.41673 3.4156 6.32787 3.41557 6.2352C3.41554 6.14253 3.45232 6.05365 3.51782 5.9881H3.51817Z" fill="url(#paint0_linear_124_16775)"/>
+<defs>
+<linearGradient id="paint0_linear_124_16775" x1="5" y1="0" x2="5" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5A85FF"/>
+<stop offset="1" stop-color="#8DD8FF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/ops-is_password.svg
+++ b/oneterm-ui/src/assets/icons/ops-is_password.svg
@@ -0,0 +1,9 @@
+<svg width="1em" height="1em" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.31822 4.16667H2.54549V2.5C2.54549 1.11458 3.63981 0 5.00003 0C6.36026 0 7.45458 1.11458 7.45458 2.5V4.16667H8.68185C8.90685 4.16667 9.09094 4.35417 9.09094 4.58333V9.58333C9.09094 9.8125 8.90685 10 8.68185 10H1.31822C1.09322 10 0.909124 9.8125 0.909124 9.58333V4.58333C0.909124 4.35417 1.09322 4.16667 1.31822 4.16667ZM5.00003 7.91667C5.45003 7.91667 5.81822 7.54167 5.81822 7.08333C5.81822 6.625 5.45003 6.25 5.00003 6.25C4.55003 6.25 4.18185 6.625 4.18185 7.08333C4.18185 7.54167 4.55003 7.91667 5.00003 7.91667ZM3.36367 4.16667H6.6364V2.5C6.6364 1.58333 5.90003 0.833333 5.00003 0.833333C4.10003 0.833333 3.36367 1.58333 3.36367 2.5V4.16667Z" fill="url(#paint0_linear_124_16805)"/>
+<defs>
+<linearGradient id="paint0_linear_124_16805" x1="5.00003" y1="0" x2="5.00003" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4D82FF"/>
+<stop offset="1" stop-color="#88CFFF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/ops-is_sortable.svg
+++ b/oneterm-ui/src/assets/icons/ops-is_sortable.svg
@@ -0,0 +1,9 @@
+<svg width="1em" height="1em" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.91242 9.46382C3.91242 9.57428 3.82288 9.66382 3.71242 9.66382H2.35075C2.2403 9.66382 2.15075 9.57428 2.15075 9.46382V3.55962C2.15075 3.44916 2.06121 3.35962 1.95075 3.35962H0.539905C0.354312 3.35962 0.268806 3.12879 0.40961 3.00788L3.58212 0.283626C3.71182 0.172253 3.91242 0.264405 3.91242 0.43536V9.46382ZM6.08758 0.567715C6.08758 0.457258 6.17712 0.367716 6.28758 0.367716H7.64925C7.7597 0.367716 7.84925 0.457259 7.84925 0.567716V6.4411C7.84925 6.55156 7.93879 6.6411 8.04925 6.6411H9.46001C9.64561 6.6411 9.73111 6.87195 9.59029 6.99285L6.41786 9.71645C6.28816 9.8278 6.08758 9.73565 6.08758 9.5647V0.567715Z" fill="url(#paint0_linear_124_16806)"/>
+<defs>
+<linearGradient id="paint0_linear_124_16806" x1="5" y1="0" x2="5" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5A85FF"/>
+<stop offset="1" stop-color="#8DD8FF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/ops-is_unique.svg
+++ b/oneterm-ui/src/assets/icons/ops-is_unique.svg
@@ -0,0 +1,9 @@
+<svg width="1em" height="1em" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.51961 6.8937V10H4.48V6.8937H1.76732C1.65823 6.8937 1.56223 6.85372 1.48369 6.77237C1.40522 6.69504 1.3621 6.5915 1.36369 6.48421C1.36369 5.95891 1.52769 5.48566 1.85895 5.06411C2.18986 4.64428 2.56258 4.43334 2.97893 4.43334V1.64277C2.75966 1.64277 2.57167 1.56142 2.41022 1.39873C2.25355 1.24349 2.16738 1.0362 2.17022 0.821384C2.17022 0.598718 2.25022 0.407762 2.41022 0.244037C2.56912 0.0827244 2.7593 0 2.97893 0H7.01959C7.23885 0 7.42685 0.0813456 7.5883 0.244037C7.74721 0.406728 7.82866 0.598718 7.82866 0.821384C7.82866 1.04405 7.74866 1.23501 7.58867 1.39873C7.4283 1.5628 7.23885 1.64277 7.01959 1.64277V4.43196C7.43594 4.43196 7.81012 4.64291 8.13956 5.06273C8.46631 5.47151 8.64098 5.97137 8.63628 6.48421C8.63628 6.59486 8.59701 6.6924 8.51665 6.77237C8.43665 6.85234 8.34211 6.8937 8.23302 6.8937H5.51998H5.51961Z" fill="url(#paint0_linear_124_16803)"/>
+<defs>
+<linearGradient id="paint0_linear_124_16803" x1="5.00001" y1="0" x2="5.00001" y2="10" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5A85FF"/>
+<stop offset="1" stop-color="#8DD8FF"/>
+</linearGradient>
+</defs>
+</svg>
--- a/oneterm-ui/src/assets/icons/ops-move-icon.svg
+++ b/oneterm-ui/src/assets/icons/ops-move-icon.svg
@@ -0,0 +1 @@
+<svg t="1662694543392" class="move-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2689" aria-hidden="true" fill="currentColor"><path d="M469.333333 256a85.333333 85.333333 0 1 1-85.333333-85.333333 85.333333 85.333333 0 0 1 85.333333 85.333333z m-85.333333 170.666667a85.333333 85.333333 0 1 0 85.333333 85.333333 85.333333 85.333333 0 0 0-85.333333-85.333333z m0 256a85.333333 85.333333 0 1 0 85.333333 85.333333 85.333333 85.333333 0 0 0-85.333333-85.333333z m256-341.333334a85.333333 85.333333 0 1 0-85.333333-85.333333 85.333333 85.333333 0 0 0 85.333333 85.333333z m0 85.333334a85.333333 85.333333 0 1 0 85.333333 85.333333 85.333333 85.333333 0 0 0-85.333333-85.333333z m0 256a85.333333 85.333333 0 1 0 85.333333 85.333333 85.333333 85.333333 0 0 0-85.333333-85.333333z" p-id="2690" fill="#8a8a8a"></path></svg>
--- a/oneterm-ui/src/assets/icons/orange-circle.svg
+++ b/oneterm-ui/src/assets/icons/orange-circle.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <ellipse opacity="0.2" cx="7.8945" cy="8" rx="7.73239" ry="8" fill="#FFB72A"/>
+    <ellipse cx="7.89379" cy="8" rx="2.89965" ry="3" fill="#FFB72A"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/python-logo.svg
+++ b/oneterm-ui/src/assets/icons/python-logo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1575429012059" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1599" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M399.58718 72.8c-90.4 16-106.8 49.4-106.8 111.2v81.4h213.8v27.2h-294c-62.2 0-116.6 37.4-133.6 108.4-19.6 81.4-20.4 132.2 0 217.2 15.2 63.2 51.4 108.4 113.6 108.4H265.98718v-97.6c0-70.6 61-132.8 133.6-132.8h213.6c59.4 0 106.8-49 106.8-108.6V183.8c0-58-48.8-101.4-106.8-111.2-71.6-11.8-149.4-11.2-213.6 0.2z m-13.4 56.8c22 0 40.2 18.4 40.2 40.8s-18 40.6-40.2 40.6c-22.2 0-40.2-18.2-40.2-40.6 0.2-22.6 18-40.8 40.2-40.8z m370.4 162.8v95c0 73.6-62.4 135.6-133.6 135.6H409.38718c-58.4 0-106.8 50-106.8 108.6v203.6c0 58 50.4 92 106.8 108.6 67.6 19.8 132.6 23.4 213.6 0 53.8-15.6 106.8-47 106.8-108.6v-81.4H516.38718v-27.2h320.4c62.2 0 85.2-43.4 106.8-108.4 22.4-67 21.4-131.4 0-217.2-15.4-61.8-44.6-108.4-106.8-108.4h-80.2zM636.38718 808c22.2 0 40.2 18.2 40.2 40.6 0 22.6-18 40.8-40.2 40.8-22 0-40.2-18.4-40.2-40.8 0.2-22.6 18.2-40.6 40.2-40.6z" fill="" p-id="1600"></path></svg>
--- a/oneterm-ui/src/assets/icons/red-circle.svg
+++ b/oneterm-ui/src/assets/icons/red-circle.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <ellipse opacity="0.2" cx="7.8945" cy="8" rx="7.73239" ry="8" fill="#FD4C6A"/>
+    <ellipse cx="7.89379" cy="8" rx="2.89965" ry="3" fill="#FD4C6A"/>
+</svg>
--- a/oneterm-ui/src/assets/icons/top_acl.svg
+++ b/oneterm-ui/src/assets/icons/top_acl.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1663922664875" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9161" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 192c102.4 0 153.6 51.2 153.6 153.6C665.6 480 576 576 576 576L556.8 595.2l0 25.6c0 57.6 44.8 121.6 121.6 121.6 102.4 0 102.4 19.2 102.4 44.8l0 0C768 800 710.4 832 505.6 832c-185.6 0-243.2-32-262.4-38.4l0-6.4c0-25.6 0-44.8 102.4-44.8 76.8 0 121.6-64 121.6-121.6L467.2 595.2 448 576c0 0-89.6-96-89.6-230.4C358.4 243.2 409.6 192 512 192M512 128C403.2 128 294.4 185.6 294.4 345.6s108.8 275.2 108.8 275.2 0 57.6-57.6 57.6-166.4 0-166.4 108.8c0 0-44.8 108.8 326.4 108.8s332.8-108.8 332.8-108.8c0-108.8-108.8-108.8-166.4-108.8S620.8 620.8 620.8 620.8s108.8-108.8 108.8-275.2S620.8 128 512 128L512 128z" p-id="9162"></path></svg>
--- a/oneterm-ui/src/assets/icons/top_agent.svg
+++ b/oneterm-ui/src/assets/icons/top_agent.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1663922655131" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8238" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M458 476.6L170.8 332.9c-19.6-9.8-38.6-10.2-53.4-1-14.8 9.2-23 26.2-23 48.1v332.2c0 31.4 21.7 67.7 49.3 82.8l289.1 156.6c10.5 5.7 20.8 8.6 30.6 8.6 8.1 0 15.6-2 22.2-5.9 14.7-8.8 22.9-25.7 22.9-47.6V558.2c0-15.4-5.2-32.2-14.5-47.4-9.4-15.1-22.2-27.3-36-34.2z m-7.3 81.6v337.4L171.2 744.2c-8.9-4.8-19.1-21.9-19.1-32V388.3l280 140c8.7 4.3 18.6 20.2 18.6 29.9zM874.5 300.8c19.3-9.5 29.9-23.1 29.8-38.3 0-15.2-10.6-28.8-29.9-38.3l-302-148c-16.3-8-37.8-12.3-60.5-12.3-22.7 0-44.2 4.4-60.4 12.3l-302 147.9c-19.3 9.5-29.8 23.1-29.8 38.3 0 15.2 10.6 28.8 29.9 38.3l302 148c16.3 8 37.8 12.3 60.5 12.3 22.7 0 44.2-4.4 60.4-12.3l302-147.9z m-671.8-38.4L477 128.1c18-8.8 52-8.8 70.1 0l274.2 134.3L547 396.8c-18 8.8-52 8.8-70.1 0L202.7 262.4zM906.7 332.4c-14.8-8.8-33.6-7.9-52.9 2.6L581 483.3c-27.6 15.1-49.3 51.6-49.3 82.9v340.3c0 22 8.1 38.8 22.8 47.4 6.4 3.7 13.6 5.6 21.4 5.6 10 0 20.4-3.1 31.1-9.1l273.8-154.7c13.3-7.6 25.7-20.3 34.8-35.8 9.1-15.5 14.1-32.5 14.1-47.7V380c-0.1-21.9-8.2-38.8-23-47.6z m-34.9 58.7v321c0 10.4-10.3 28.1-19.4 33.2L589.5 893.9V566.2c0-10.1 10.2-27.2 19.1-32.1l263.2-143z" p-id="8239"></path></svg>
--- a/oneterm-ui/src/assets/login_bg.png
+++ b/oneterm-ui/src/assets/login_bg.png
--- a/oneterm-ui/src/assets/login_img.png
+++ b/oneterm-ui/src/assets/login_img.png
--- a/oneterm-ui/src/assets/logo.png
+++ b/oneterm-ui/src/assets/logo.png
--- a/oneterm-ui/src/assets/logo_VECMDB.png
+++ b/oneterm-ui/src/assets/logo_VECMDB.png
--- a/oneterm-ui/src/assets/ops_logout.png
+++ b/oneterm-ui/src/assets/ops_logout.png
--- a/oneterm-ui/src/assets/sidebar_background.png
+++ b/oneterm-ui/src/assets/sidebar_background.png
--- a/oneterm-ui/src/assets/sidebar_selected.png
+++ b/oneterm-ui/src/assets/sidebar_selected.png
--- a/oneterm-ui/src/bus/index.js
+++ b/oneterm-ui/src/bus/index.js
@@ -0,0 +1,2 @@
+import Vue from 'vue'
+export default new Vue()
--- a/oneterm-ui/src/components/CMDBFilterComp/constants.js
+++ b/oneterm-ui/src/components/CMDBFilterComp/constants.js
@@ -0,0 +1,41 @@
+import i18n from '@/lang'
+
+export const ruleTypeList = () => {
+    return [
+        { value: 'and', label: i18n.t('cmdbFilterComp.and') },
+        { value: 'or', label: i18n.t('cmdbFilterComp.or') },
+        // { value: 'not', label: '非' },
+    ]
+}
+
+export const expList = () => {
+    return [
+        { value: 'is', label: i18n.t('cmdbFilterComp.is') },
+        { value: '~is', label: i18n.t('cmdbFilterComp.~is') },
+        { value: 'contain', label: i18n.t('cmdbFilterComp.contain') },
+        { value: '~contain', label: i18n.t('cmdbFilterComp.~contain') },
+        { value: 'start_with', label: i18n.t('cmdbFilterComp.start_with') },
+        { value: '~start_with', label: i18n.t('cmdbFilterComp.~start_with') },
+        { value: 'end_with', label: i18n.t('cmdbFilterComp.end_with') },
+        { value: '~end_with', label: i18n.t('cmdbFilterComp.~end_with') },
+        { value: '~value', label: i18n.t('cmdbFilterComp.~value') }, // 为空的定义有点绕
+        { value: 'value', label: i18n.t('cmdbFilterComp.value') },
+    ]
+}
+
+export const advancedExpList = () => {
+    return [
+        { value: 'in', label: i18n.t('cmdbFilterComp.in') },
+        { value: '~in', label: i18n.t('cmdbFilterComp.~in') },
+        { value: 'range', label: i18n.t('cmdbFilterComp.range') },
+        { value: '~range', label: i18n.t('cmdbFilterComp.~range') },
+        { value: 'compare', label: i18n.t('cmdbFilterComp.compare') },
+    ]
+}
+
+export const compareTypeList = [
+    { value: '1', label: '>' },
+    { value: '2', label: '>=' },
+    { value: '3', label: '<' },
+    { value: '4', label: '<=' },
+]
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				#preloadingAnimation{position:fixed;left:0;top:0;height:100%;width:100%;background:#ffffff;user-select:none;z-index: 9999;overflow: hidden}.lds-roller{display:inline-block;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:32px 32px;}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#13c2c2;margin:-3px 0 0 -3px;}.lds-roller div:nth-child(1){animation-delay:-0.036s;}.lds-roller div:nth-child(1):after{top:50px;left:50px;}.lds-roller div:nth-child(2){animation-delay:-0.072s;}.lds-roller div:nth-child(2):after{top:54px;left:45px;}.lds-roller div:nth-child(3){animation-delay:-0.108s;}.lds-roller div:nth-child(3):after{top:57px;left:39px;}.lds-roller div:nth-child(4){animation-delay:-0.144s;}.lds-roller div:nth-child(4):after{top:58px;left:32px;}.lds-roller div:nth-child(5){animation-delay:-0.18s;}.lds-roller div:nth-child(5):after{top:57px;left:25px;}.lds-roller div:nth-child(6){animation-delay:-0.216s;}.lds-roller div:nth-child(6):after{top:54px;left:19px;}.lds-roller div:nth-child(7){animation-delay:-0.252s;}.lds-roller div:nth-child(7):after{top:50px;left:14px;}.lds-roller div:nth-child(8){animation-delay:-0.288s;}.lds-roller div:nth-child(8):after{top:45px;left:10px;}#preloadingAnimation .load-tips{color: #13c2c2;font-size:2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:80px;text-align:center;width:400px;height:64px;} @keyframes lds-roller{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
				`@@ -0,0 +1 @@`
				`<div id="preloadingAnimation"><div class=lds-roller><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div><div class=load-tips>Loading</div></div>`
				`@@ -0,0 +1 @@`
				`.preloading-animate{background:#ffffff;width:100%;height:100%;position:fixed;left:0;top:0;z-index:299;}.preloading-animate .preloading-wrapper{position:absolute;width:5rem;height:5rem;left:50%;top:50%;transform:translate(-50%,-50%);}.preloading-animate .preloading-wrapper .preloading-balls{font-size:5rem;}`
				`@@ -0,0 +1 @@`
				<svg class="preloading-balls" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="67.802" cy="59.907" r="6" fill="#51CACC"><animate attributeName="cx" values="75;57.72542485937369" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="50;73.77641290737884" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#51CACC;#9DF871" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="46.079" cy="69.992" r="6" fill="#9DF871"><animate attributeName="cx" values="57.72542485937369;29.774575140626318" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="73.77641290737884;64.69463130731182" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#9DF871;#E0FF77" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="29.775" cy="52.449" r="6" fill="#E0FF77"><animate attributeName="cx" values="29.774575140626318;29.774575140626315" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="64.69463130731182;35.30536869268818" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#E0FF77;#DE9DD6" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="41.421" cy="31.521" r="6" fill="#DE9DD6"><animate attributeName="cx" values="29.774575140626315;57.72542485937368" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="35.30536869268818;26.22358709262116" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#DE9DD6;#FF708E" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="64.923" cy="36.13" r="6" fill="#FF708E"><animate attributeName="cx" values="57.72542485937368;75" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="26.22358709262116;49.99999999999999" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#FF708E;#51CACC" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle></svg>
				`@@ -0,0 +1 @@`
				<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1639044496145" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2030" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M576 1024 576 576 1024 576 1024 1024 576 1024ZM576 0 1024 0 1024 448 576 448 576 0ZM0 576 448 576 448 1024 0 1024 0 576ZM0 0 448 0 448 448 0 448 0 0Z" p-id="2031"></path></svg>
				`@@ -0,0 +1 @@`
				<svg t="1662694543392" class="move-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2689" aria-hidden="true" fill="currentColor"><path d="M469.333333 256a85.333333 85.333333 0 1 1-85.333333-85.333333 85.333333 85.333333 0 0 1 85.333333 85.333333z m-85.333333 170.666667a85.333333 85.333333 0 1 0 85.333333 85.333333 85.333333 85.333333 0 0 0-85.333333-85.333333z m0 256a85.333333 85.333333 0 1 0 85.333333 85.333333 85.333333 85.333333 0 0 0-85.333333-85.333333z m256-341.333334a85.333333 85.333333 0 1 0-85.333333-85.333333 85.333333 85.333333 0 0 0 85.333333 85.333333z m0 85.333334a85.333333 85.333333 0 1 0 85.333333 85.333333 85.333333 85.333333 0 0 0-85.333333-85.333333z m0 256a85.333333 85.333333 0 1 0 85.333333 85.333333 85.333333 85.333333 0 0 0-85.333333-85.333333z" p-id="2690" fill="#8a8a8a"></path></svg>