diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..d22e2c9
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2023 niucloud-admin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
\ No newline at end of file
diff --git a/admin/.env.development b/admin/.env.development
new file mode 100644
index 0000000..3524195
--- /dev/null
+++ b/admin/.env.development
@@ -0,0 +1,13 @@
+NODE_ENV = 'development'
+
+# 本地开发-api请求地址
+VITE_APP_BASE_URL='http://zfgl.cc/index.php/adminapi/'
+
+# 图片服务器地址
+VITE_IMG_DOMAIN='http://zfgl.cc'
+
+# 请求时header中token的参数名
+VITE_REQUEST_HEADER_TOKEN_KEY='token'
+
+# 请求时header中站点的参数名
+VITE_REQUEST_HEADER_SITEID_KEY='site-id'
\ No newline at end of file
diff --git a/admin/.env.production b/admin/.env.production
new file mode 100644
index 0000000..4290f9e
--- /dev/null
+++ b/admin/.env.production
@@ -0,0 +1,13 @@
+NODE_ENV = 'production'
+
+# api请求地址 
+VITE_APP_BASE_URL='/adminapi/'
+
+# 图片服务器地址
+VITE_IMG_DOMAIN=''
+
+# 请求时header中token的参数名
+VITE_REQUEST_HEADER_TOKEN_KEY='token'
+
+# 请求时header中站点的参数名
+VITE_REQUEST_HEADER_SITEID_KEY='site-id'
\ No newline at end of file
diff --git a/admin/.eslintrc.json b/admin/.eslintrc.json
new file mode 100644
index 0000000..0e83837
--- /dev/null
+++ b/admin/.eslintrc.json
@@ -0,0 +1,27 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "plugin:vue/vue3-essential",
+        "standard-with-typescript",
+        "eslint:recommended"
+    ],
+    "overrides": [
+    ],
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module",
+        "parser": "@typescript-eslint/parser"
+    },
+    "plugins": [
+        "vue",
+        "@typescript-eslint"
+    ],
+    "rules": {
+        "no-tabs":"off",
+        "indent": [1, 4, { "SwitchCase": 1 }],
+        "eqeqeq":"off"
+    }
+}
diff --git a/admin/.gitignore b/admin/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/admin/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/admin/README.md b/admin/README.md
new file mode 100644
index 0000000..ef72fd5
--- /dev/null
+++ b/admin/README.md
@@ -0,0 +1,18 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support For `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
diff --git a/admin/auto-imports.d.ts b/admin/auto-imports.d.ts
new file mode 100644
index 0000000..a51b7a6
--- /dev/null
+++ b/admin/auto-imports.d.ts
@@ -0,0 +1,5 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const ElNotification: typeof import('element-plus/es')['ElNotification']
+}
diff --git a/admin/components.d.ts b/admin/components.d.ts
new file mode 100644
index 0000000..f815dfe
--- /dev/null
+++ b/admin/components.d.ts
@@ -0,0 +1,96 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    Attachment: typeof import('./src/components/upload-attachment/attachment.vue')['default']
+    DiyLink: typeof import('./src/components/diy-link/index.vue')['default']
+    Editor: typeof import('./src/components/editor/index.vue')['default']
+    ElAlert: typeof import('element-plus/es')['ElAlert']
+    ElAside: typeof import('element-plus/es')['ElAside']
+    ElAvatar: typeof import('element-plus/es')['ElAvatar']
+    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
+    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
+    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElHeader: typeof import('element-plus/es')['ElHeader']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImage: typeof import('element-plus/es')['ElImage']
+    ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
+    ElLink: typeof import('element-plus/es')['ElLink']
+    ElMain: typeof import('element-plus/es')['ElMain']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElOptionGroup: typeof import('element-plus/es')['ElOptionGroup']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElRadio: typeof import('element-plus/es')['ElRadio']
+    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElResult: typeof import('element-plus/es')['ElResult']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSlider: typeof import('element-plus/es')['ElSlider']
+    ElStatistic: typeof import('element-plus/es')['ElStatistic']
+    ElStep: typeof import('element-plus/es')['ElStep']
+    ElSteps: typeof import('element-plus/es')['ElSteps']
+    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    ElTabPane: typeof import('element-plus/es')['ElTabPane']
+    ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElTimeline: typeof import('element-plus/es')['ElTimeline']
+    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    ElTree: typeof import('element-plus/es')['ElTree']
+    ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
+    HeatMap: typeof import('./src/components/heat-map/index.vue')['default']
+    Icon: typeof import('./src/components/icon/index.vue')['default']
+    PopoverInput: typeof import('./src/components/popover-input/index.vue')['default']
+    RangeInput: typeof import('./src/components/range-input/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SelectArea: typeof import('./src/components/select-area/index.vue')['default']
+    SelectIcon: typeof import('./src/components/select-icon/index.vue')['default']
+    UploadAttachment: typeof import('./src/components/upload-attachment/index.vue')['default']
+    UploadFile: typeof import('./src/components/upload-file/index.vue')['default']
+    UploadImage: typeof import('./src/components/upload-image/index.vue')['default']
+    UploadVideo: typeof import('./src/components/upload-video/index.vue')['default']
+    Verify: typeof import('./src/components/verifition/Verify.vue')['default']
+    VerifyPoints: typeof import('./src/components/verifition/Verify/VerifyPoints.vue')['default']
+    VerifySlide: typeof import('./src/components/verifition/Verify/VerifySlide.vue')['default']
+    VideoPlayer: typeof import('./src/components/video-player/index.vue')['default']
+  }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}
diff --git a/admin/index.html b/admin/index.html
new file mode 100644
index 0000000..5ea97a1
--- /dev/null
+++ b/admin/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image" href="/niucloud.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title></title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/admin/package-lock.json b/admin/package-lock.json
new file mode 100644
index 0000000..0617450
--- /dev/null
+++ b/admin/package-lock.json
@@ -0,0 +1,6949 @@
+{
+    "name": "admin",
+    "version": "1.0.0",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "admin",
+            "version": "1.0.0",
+            "dependencies": {
+                "@element-plus/icons-vue": "2.0.10",
+                "@highlightjs/vue-plugin": "2.1.0",
+                "@types/lodash-es": "4.17.6",
+                "@vueuse/core": "9.12.0",
+                "@wangeditor/editor": "5.1.23",
+                "@wangeditor/editor-for-vue": "5.1.12",
+                "axios": "1.4.0",
+                "crypto-js": "4.1.1",
+                "css-color-function": "1.3.3",
+                "echarts": "5.4.1",
+                "element-plus": "2.2.29",
+                "highlight.js": "11.0.1",
+                "lodash-es": "4.17.21",
+                "nprogress": "0.2.0",
+                "pinia": "2.0.30",
+                "qrcode": "1.5.1",
+                "sass": "1.58.0",
+                "sortablejs": "1.15.0",
+                "vue": "3.2.45",
+                "vue-i18n": "9.2.2",
+                "vue-jsonp": "2.0.0",
+                "vue-router": "4.1.6",
+                "vue-web-terminal": "3.2.2",
+                "vue3-video-play": "1.3.1-beta.6"
+            },
+            "devDependencies": {
+                "@tailwindcss/line-clamp": "0.4.2",
+                "@types/qrcode": "1.5.0",
+                "@types/sortablejs": "1.15.0",
+                "@typescript-eslint/eslint-plugin": "5.53.0",
+                "@vitejs/plugin-vue": "4.0.0",
+                "autoprefixer": "10.4.13",
+                "eslint": "8.34.0",
+                "eslint-config-standard-with-typescript": "34.0.0",
+                "eslint-plugin-import": "2.27.5",
+                "eslint-plugin-n": "15.6.1",
+                "eslint-plugin-promise": "6.1.1",
+                "eslint-plugin-vue": "9.9.0",
+                "postcss": "8.4.21",
+                "tailwindcss": "3.2.4",
+                "typescript": "4.9.5",
+                "unplugin-auto-import": "0.13.0",
+                "unplugin-vue-components": "0.23.0",
+                "vite": "4.1.0",
+                "vue-tsc": "1.0.24"
+            }
+        },
+        "node_modules/@aashutoshrathi/word-wrap": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmmirror.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+            "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/@ampproject/remapping": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.2.1.tgz",
+            "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/gen-mapping": "^0.3.0",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@antfu/utils": {
+            "version": "0.7.7",
+            "resolved": "https://registry.npmmirror.com/@antfu/utils/-/utils-0.7.7.tgz",
+            "integrity": "sha512-gFPqTG7otEJ8uP6wrhDv6mqwGWYZKNvAcCq6u9hOj0c+IKCEsY4L1oC9trPq2SaWIzAfHvqfBDxF591JkMf+kg==",
+            "dev": true
+        },
+        "node_modules/@babel/code-frame": {
+            "version": "7.23.5",
+            "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.23.5.tgz",
+            "integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
+            "dev": true,
+            "dependencies": {
+                "@babel/highlight": "^7.23.4",
+                "chalk": "^2.4.2"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/ansi-styles": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz",
+            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^1.9.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/chalk": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz",
+            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/escape-string-regexp": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.0"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/has-flag": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz",
+            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/code-frame/node_modules/supports-color": {
+            "version": "5.5.0",
+            "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz",
+            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/compat-data": {
+            "version": "7.23.5",
+            "resolved": "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.23.5.tgz",
+            "integrity": "sha512-uU27kfDRlhfKl+w1U6vp16IuvSLtjAxdArVXPa9BvLkrr7CYIsxH5adpHObeAGY/41+syctUWOZ140a2Rvkgjw==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/core": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/core/-/core-7.23.6.tgz",
+            "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
+            "dev": true,
+            "dependencies": {
+                "@ampproject/remapping": "^2.2.0",
+                "@babel/code-frame": "^7.23.5",
+                "@babel/generator": "^7.23.6",
+                "@babel/helper-compilation-targets": "^7.23.6",
+                "@babel/helper-module-transforms": "^7.23.3",
+                "@babel/helpers": "^7.23.6",
+                "@babel/parser": "^7.23.6",
+                "@babel/template": "^7.22.15",
+                "@babel/traverse": "^7.23.6",
+                "@babel/types": "^7.23.6",
+                "convert-source-map": "^2.0.0",
+                "debug": "^4.1.0",
+                "gensync": "^1.0.0-beta.2",
+                "json5": "^2.2.3",
+                "semver": "^6.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/core/node_modules/json5": {
+            "version": "2.2.3",
+            "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
+            "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+            "dev": true,
+            "bin": {
+                "json5": "lib/cli.js"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/@babel/core/node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/@babel/generator": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/generator/-/generator-7.23.6.tgz",
+            "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
+            "dev": true,
+            "dependencies": {
+                "@babel/types": "^7.23.6",
+                "@jridgewell/gen-mapping": "^0.3.2",
+                "@jridgewell/trace-mapping": "^0.3.17",
+                "jsesc": "^2.5.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+            "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
+            "dev": true,
+            "dependencies": {
+                "@babel/compat-data": "^7.23.5",
+                "@babel/helper-validator-option": "^7.23.5",
+                "browserslist": "^4.22.2",
+                "lru-cache": "^5.1.1",
+                "semver": "^6.3.1"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-5.1.1.tgz",
+            "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+            "dev": true,
+            "dependencies": {
+                "yallist": "^3.0.2"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmmirror.com/yallist/-/yallist-3.1.1.tgz",
+            "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+            "dev": true
+        },
+        "node_modules/@babel/helper-environment-visitor": {
+            "version": "7.22.20",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
+            "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-function-name": {
+            "version": "7.23.0",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
+            "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
+            "dev": true,
+            "dependencies": {
+                "@babel/template": "^7.22.15",
+                "@babel/types": "^7.23.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-hoist-variables": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
+            "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
+            "dev": true,
+            "dependencies": {
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-imports": {
+            "version": "7.22.15",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
+            "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
+            "dev": true,
+            "dependencies": {
+                "@babel/types": "^7.22.15"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-module-transforms": {
+            "version": "7.23.3",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz",
+            "integrity": "sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ==",
+            "dev": true,
+            "dependencies": {
+                "@babel/helper-environment-visitor": "^7.22.20",
+                "@babel/helper-module-imports": "^7.22.15",
+                "@babel/helper-simple-access": "^7.22.5",
+                "@babel/helper-split-export-declaration": "^7.22.6",
+                "@babel/helper-validator-identifier": "^7.22.20"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            },
+            "peerDependencies": {
+                "@babel/core": "^7.0.0"
+            }
+        },
+        "node_modules/@babel/helper-simple-access": {
+            "version": "7.22.5",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
+            "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
+            "dev": true,
+            "dependencies": {
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-split-export-declaration": {
+            "version": "7.22.6",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
+            "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
+            "dev": true,
+            "dependencies": {
+                "@babel/types": "^7.22.5"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.23.4",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
+            "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.22.20",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+            "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-option": {
+            "version": "7.23.5",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz",
+            "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helpers": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.23.6.tgz",
+            "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
+            "dev": true,
+            "dependencies": {
+                "@babel/template": "^7.22.15",
+                "@babel/traverse": "^7.23.6",
+                "@babel/types": "^7.23.6"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/highlight": {
+            "version": "7.23.4",
+            "resolved": "https://registry.npmmirror.com/@babel/highlight/-/highlight-7.23.4.tgz",
+            "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
+            "dev": true,
+            "dependencies": {
+                "@babel/helper-validator-identifier": "^7.22.20",
+                "chalk": "^2.4.2",
+                "js-tokens": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/ansi-styles": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz",
+            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^1.9.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/chalk": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz",
+            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.0"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/has-flag": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz",
+            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/highlight/node_modules/supports-color": {
+            "version": "5.5.0",
+            "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz",
+            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/parser": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.23.6.tgz",
+            "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/runtime": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.23.6.tgz",
+            "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
+            "dependencies": {
+                "regenerator-runtime": "^0.14.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/standalone": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/standalone/-/standalone-7.23.6.tgz",
+            "integrity": "sha512-+AzS6BZwZdSosrgS/TiGDYLxtlefARKClWgJ4ql//XfmV9KbPWbkEekvbvDRJ8a6qog8E9j3CziHLz5dbIEMyw==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/template": {
+            "version": "7.22.15",
+            "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.22.15.tgz",
+            "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
+            "dev": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.22.13",
+                "@babel/parser": "^7.22.15",
+                "@babel/types": "^7.22.15"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/traverse": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.23.6.tgz",
+            "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
+            "dev": true,
+            "dependencies": {
+                "@babel/code-frame": "^7.23.5",
+                "@babel/generator": "^7.23.6",
+                "@babel/helper-environment-visitor": "^7.22.20",
+                "@babel/helper-function-name": "^7.23.0",
+                "@babel/helper-hoist-variables": "^7.22.5",
+                "@babel/helper-split-export-declaration": "^7.22.6",
+                "@babel/parser": "^7.23.6",
+                "@babel/types": "^7.23.6",
+                "debug": "^4.3.1",
+                "globals": "^11.1.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/traverse/node_modules/globals": {
+            "version": "11.12.0",
+            "resolved": "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz",
+            "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.23.6",
+            "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.23.6.tgz",
+            "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
+            "dev": true,
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.23.4",
+                "@babel/helper-validator-identifier": "^7.22.20",
+                "to-fast-properties": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@ctrl/tinycolor": {
+            "version": "3.6.1",
+            "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+            "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/@element-plus/icons-vue": {
+            "version": "2.0.10",
+            "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.0.10.tgz",
+            "integrity": "sha512-ygEZ1mwPjcPo/OulhzLE7mtDrQBWI8vZzEWSNB2W/RNCRjoQGwbaK4N8lV4rid7Ts4qvySU3njMN7YCiSlSaTQ==",
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.16.17.tgz",
+            "integrity": "sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.16.17.tgz",
+            "integrity": "sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.16.17.tgz",
+            "integrity": "sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.16.17.tgz",
+            "integrity": "sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.16.17.tgz",
+            "integrity": "sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.16.17.tgz",
+            "integrity": "sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.16.17.tgz",
+            "integrity": "sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.16.17.tgz",
+            "integrity": "sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.16.17.tgz",
+            "integrity": "sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.16.17.tgz",
+            "integrity": "sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.16.17.tgz",
+            "integrity": "sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.16.17.tgz",
+            "integrity": "sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.16.17.tgz",
+            "integrity": "sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.16.17.tgz",
+            "integrity": "sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.16.17.tgz",
+            "integrity": "sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.16.17.tgz",
+            "integrity": "sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.16.17.tgz",
+            "integrity": "sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.16.17.tgz",
+            "integrity": "sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.16.17.tgz",
+            "integrity": "sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.16.17.tgz",
+            "integrity": "sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.16.17.tgz",
+            "integrity": "sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.16.17.tgz",
+            "integrity": "sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@eslint/eslintrc": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz",
+            "integrity": "sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==",
+            "dev": true,
+            "dependencies": {
+                "ajv": "^6.12.4",
+                "debug": "^4.3.2",
+                "espree": "^9.4.0",
+                "globals": "^13.19.0",
+                "ignore": "^5.2.0",
+                "import-fresh": "^3.2.1",
+                "js-yaml": "^4.1.0",
+                "minimatch": "^3.1.2",
+                "strip-json-comments": "^3.1.1"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@floating-ui/core": {
+            "version": "1.5.2",
+            "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.5.2.tgz",
+            "integrity": "sha512-Ii3MrfY/GAIN3OhXNzpCKaLxHQfJF9qvwq/kEJYdqDxeIHa01K8sldugal6TmeeXl+WMvhv9cnVzUTaFFJF09A==",
+            "dependencies": {
+                "@floating-ui/utils": "^0.1.3"
+            }
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "1.5.3",
+            "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.5.3.tgz",
+            "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
+            "dependencies": {
+                "@floating-ui/core": "^1.4.2",
+                "@floating-ui/utils": "^0.1.3"
+            }
+        },
+        "node_modules/@floating-ui/utils": {
+            "version": "0.1.6",
+            "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.1.6.tgz",
+            "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
+        },
+        "node_modules/@highlightjs/vue-plugin": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/@highlightjs/vue-plugin/-/vue-plugin-2.1.0.tgz",
+            "integrity": "sha512-E+bmk4ncca+hBEYRV2a+1aIzIV0VSY/e5ArjpuSN9IO7wBJrzUE2u4ESCwrbQD7sAy+jWQjkV5qCCWgc+pu7CQ==",
+            "peerDependencies": {
+                "highlight.js": "^11.0.1",
+                "vue": "^3"
+            }
+        },
+        "node_modules/@humanwhocodes/config-array": {
+            "version": "0.11.13",
+            "resolved": "https://registry.npmmirror.com/@humanwhocodes/config-array/-/config-array-0.11.13.tgz",
+            "integrity": "sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==",
+            "dev": true,
+            "dependencies": {
+                "@humanwhocodes/object-schema": "^2.0.1",
+                "debug": "^4.1.1",
+                "minimatch": "^3.0.5"
+            },
+            "engines": {
+                "node": ">=10.10.0"
+            }
+        },
+        "node_modules/@humanwhocodes/module-importer": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+            "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=12.22"
+            }
+        },
+        "node_modules/@humanwhocodes/object-schema": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/@humanwhocodes/object-schema/-/object-schema-2.0.1.tgz",
+            "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
+            "dev": true
+        },
+        "node_modules/@intlify/core-base": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.2.2.tgz",
+            "integrity": "sha512-JjUpQtNfn+joMbrXvpR4hTF8iJQ2sEFzzK3KIESOx+f+uwIjgw20igOyaIdhfsVVBCds8ZM64MoeNSx+PHQMkA==",
+            "dependencies": {
+                "@intlify/devtools-if": "9.2.2",
+                "@intlify/message-compiler": "9.2.2",
+                "@intlify/shared": "9.2.2",
+                "@intlify/vue-devtools": "9.2.2"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/@intlify/devtools-if": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmmirror.com/@intlify/devtools-if/-/devtools-if-9.2.2.tgz",
+            "integrity": "sha512-4ttr/FNO29w+kBbU7HZ/U0Lzuh2cRDhP8UlWOtV9ERcjHzuyXVZmjyleESK6eVP60tGC9QtQW9yZE+JeRhDHkg==",
+            "dependencies": {
+                "@intlify/shared": "9.2.2"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/@intlify/message-compiler": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.2.2.tgz",
+            "integrity": "sha512-IUrQW7byAKN2fMBe8z6sK6riG1pue95e5jfokn8hA5Q3Bqy4MBJ5lJAofUsawQJYHeoPJ7svMDyBaVJ4d0GTtA==",
+            "dependencies": {
+                "@intlify/shared": "9.2.2",
+                "source-map": "0.6.1"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/@intlify/shared": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-9.2.2.tgz",
+            "integrity": "sha512-wRwTpsslgZS5HNyM7uDQYZtxnbI12aGiBZURX3BTR9RFIKKRWpllTsgzHWvj3HKm3Y2Sh5LPC1r0PDCKEhVn9Q==",
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/@intlify/vue-devtools": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmmirror.com/@intlify/vue-devtools/-/vue-devtools-9.2.2.tgz",
+            "integrity": "sha512-+dUyqyCHWHb/UcvY1MlIpO87munedm3Gn6E9WWYdWrMuYLcoIoOEVDWSS8xSwtlPU+kA+MEQTP6Q1iI/ocusJg==",
+            "dependencies": {
+                "@intlify/core-base": "9.2.2",
+                "@intlify/shared": "9.2.2"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/@jridgewell/gen-mapping": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
+            "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/set-array": "^1.0.1",
+                "@jridgewell/sourcemap-codec": "^1.4.10",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
+            "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/set-array": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmmirror.com/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+            "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.4.15",
+            "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+            "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+        },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.20",
+            "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
+            "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/resolve-uri": "^3.1.0",
+                "@jridgewell/sourcemap-codec": "^1.4.14"
+            }
+        },
+        "node_modules/@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmmirror.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/@nuxt/kit": {
+            "version": "3.8.2",
+            "resolved": "https://registry.npmmirror.com/@nuxt/kit/-/kit-3.8.2.tgz",
+            "integrity": "sha512-LrXCm8hAkw+zpX8teUSD/LqXRarlXjbRiYxDkaqw739JSHFReWzBFgJbojsJqL4h1XIEScDGGOWiEgO4QO1sMg==",
+            "dev": true,
+            "dependencies": {
+                "@nuxt/schema": "3.8.2",
+                "c12": "^1.5.1",
+                "consola": "^3.2.3",
+                "defu": "^6.1.3",
+                "globby": "^14.0.0",
+                "hash-sum": "^2.0.0",
+                "ignore": "^5.3.0",
+                "jiti": "^1.21.0",
+                "knitwork": "^1.0.0",
+                "mlly": "^1.4.2",
+                "pathe": "^1.1.1",
+                "pkg-types": "^1.0.3",
+                "scule": "^1.1.0",
+                "semver": "^7.5.4",
+                "ufo": "^1.3.2",
+                "unctx": "^2.3.1",
+                "unimport": "^3.5.0",
+                "untyped": "^1.4.0"
+            },
+            "engines": {
+                "node": "^14.18.0 || >=16.10.0"
+            }
+        },
+        "node_modules/@nuxt/kit/node_modules/escape-string-regexp": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+            "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@nuxt/kit/node_modules/globby": {
+            "version": "14.0.0",
+            "resolved": "https://registry.npmmirror.com/globby/-/globby-14.0.0.tgz",
+            "integrity": "sha512-/1WM/LNHRAOH9lZta77uGbq0dAEQM+XjNesWwhlERDVenqothRbnzTrL3/LrIoEPPjeUHC3vrS6TwoyxeHs7MQ==",
+            "dev": true,
+            "dependencies": {
+                "@sindresorhus/merge-streams": "^1.0.0",
+                "fast-glob": "^3.3.2",
+                "ignore": "^5.2.4",
+                "path-type": "^5.0.0",
+                "slash": "^5.1.0",
+                "unicorn-magic": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@nuxt/kit/node_modules/local-pkg": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.0.tgz",
+            "integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
+            "dev": true,
+            "dependencies": {
+                "mlly": "^1.4.2",
+                "pkg-types": "^1.0.3"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/@nuxt/kit/node_modules/magic-string": {
+            "version": "0.30.5",
+            "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.5.tgz",
+            "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.15"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@nuxt/kit/node_modules/path-type": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/path-type/-/path-type-5.0.0.tgz",
+            "integrity": "sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@nuxt/kit/node_modules/slash": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmmirror.com/slash/-/slash-5.1.0.tgz",
+            "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+            "dev": true,
+            "engines": {
+                "node": ">=14.16"
+            }
+        },
+        "node_modules/@nuxt/kit/node_modules/unimport": {
+            "version": "3.6.1",
+            "resolved": "https://registry.npmmirror.com/unimport/-/unimport-3.6.1.tgz",
+            "integrity": "sha512-zKzbp8AQ+l8QK3XrONtUBdgBbMI8TkGh8hBYF77ZkVqMLLIAHwGSwJRFolPQMBx/5pezeRKvmu2gzlqnxRZeqQ==",
+            "dev": true,
+            "dependencies": {
+                "@rollup/pluginutils": "^5.1.0",
+                "escape-string-regexp": "^5.0.0",
+                "fast-glob": "^3.3.2",
+                "local-pkg": "^0.5.0",
+                "magic-string": "^0.30.5",
+                "mlly": "^1.4.2",
+                "pathe": "^1.1.1",
+                "pkg-types": "^1.0.3",
+                "scule": "^1.1.1",
+                "strip-literal": "^1.3.0",
+                "unplugin": "^1.5.1"
+            }
+        },
+        "node_modules/@nuxt/schema": {
+            "version": "3.8.2",
+            "resolved": "https://registry.npmmirror.com/@nuxt/schema/-/schema-3.8.2.tgz",
+            "integrity": "sha512-AMpysQ/wHK2sOujLShqYdC4OSj/S3fFJGjhYXqA2g6dgmz+FNQWJRG/ie5sI9r2EX9Ela1wt0GN1jZR3wYNE8Q==",
+            "dev": true,
+            "dependencies": {
+                "@nuxt/ui-templates": "^1.3.1",
+                "consola": "^3.2.3",
+                "defu": "^6.1.3",
+                "hookable": "^5.5.3",
+                "pathe": "^1.1.1",
+                "pkg-types": "^1.0.3",
+                "scule": "^1.1.0",
+                "std-env": "^3.5.0",
+                "ufo": "^1.3.2",
+                "unimport": "^3.5.0",
+                "untyped": "^1.4.0"
+            },
+            "engines": {
+                "node": "^14.18.0 || >=16.10.0"
+            }
+        },
+        "node_modules/@nuxt/schema/node_modules/escape-string-regexp": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+            "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@nuxt/schema/node_modules/local-pkg": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.0.tgz",
+            "integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
+            "dev": true,
+            "dependencies": {
+                "mlly": "^1.4.2",
+                "pkg-types": "^1.0.3"
+            },
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/@nuxt/schema/node_modules/magic-string": {
+            "version": "0.30.5",
+            "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.5.tgz",
+            "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.15"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@nuxt/schema/node_modules/unimport": {
+            "version": "3.6.1",
+            "resolved": "https://registry.npmmirror.com/unimport/-/unimport-3.6.1.tgz",
+            "integrity": "sha512-zKzbp8AQ+l8QK3XrONtUBdgBbMI8TkGh8hBYF77ZkVqMLLIAHwGSwJRFolPQMBx/5pezeRKvmu2gzlqnxRZeqQ==",
+            "dev": true,
+            "dependencies": {
+                "@rollup/pluginutils": "^5.1.0",
+                "escape-string-regexp": "^5.0.0",
+                "fast-glob": "^3.3.2",
+                "local-pkg": "^0.5.0",
+                "magic-string": "^0.30.5",
+                "mlly": "^1.4.2",
+                "pathe": "^1.1.1",
+                "pkg-types": "^1.0.3",
+                "scule": "^1.1.1",
+                "strip-literal": "^1.3.0",
+                "unplugin": "^1.5.1"
+            }
+        },
+        "node_modules/@nuxt/ui-templates": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmmirror.com/@nuxt/ui-templates/-/ui-templates-1.3.1.tgz",
+            "integrity": "sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==",
+            "dev": true
+        },
+        "node_modules/@popperjs/core": {
+            "name": "@sxzz/popperjs-es",
+            "version": "2.11.7",
+            "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+            "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
+        },
+        "node_modules/@rollup/pluginutils": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+            "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+            "dev": true,
+            "dependencies": {
+                "@types/estree": "^1.0.0",
+                "estree-walker": "^2.0.2",
+                "picomatch": "^2.3.1"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            },
+            "peerDependencies": {
+                "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+            },
+            "peerDependenciesMeta": {
+                "rollup": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@sindresorhus/merge-streams": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/@sindresorhus/merge-streams/-/merge-streams-1.0.0.tgz",
+            "integrity": "sha512-rUV5WyJrJLoloD4NDN1V1+LDMDWOa4OTsT4yYJwQNpTU6FWxkxHpL7eu4w+DmiH8x/EAM1otkPE1+LaspIbplw==",
+            "dev": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@tailwindcss/line-clamp": {
+            "version": "0.4.2",
+            "resolved": "https://registry.npmmirror.com/@tailwindcss/line-clamp/-/line-clamp-0.4.2.tgz",
+            "integrity": "sha512-HFzAQuqYCjyy/SX9sLGB1lroPzmcnWv1FHkIpmypte10hptf4oPUfucryMKovZh2u0uiS9U5Ty3GghWfEJGwVw==",
+            "dev": true,
+            "peerDependencies": {
+                "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
+            }
+        },
+        "node_modules/@transloadit/prettier-bytes": {
+            "version": "0.0.7",
+            "resolved": "https://registry.npmmirror.com/@transloadit/prettier-bytes/-/prettier-bytes-0.0.7.tgz",
+            "integrity": "sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA=="
+        },
+        "node_modules/@types/estree": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
+            "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+            "dev": true
+        },
+        "node_modules/@types/event-emitter": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmmirror.com/@types/event-emitter/-/event-emitter-0.3.5.tgz",
+            "integrity": "sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ=="
+        },
+        "node_modules/@types/json-schema": {
+            "version": "7.0.15",
+            "resolved": "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.15.tgz",
+            "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+            "dev": true
+        },
+        "node_modules/@types/json5": {
+            "version": "0.0.29",
+            "resolved": "https://registry.npmmirror.com/@types/json5/-/json5-0.0.29.tgz",
+            "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+            "dev": true
+        },
+        "node_modules/@types/lodash": {
+            "version": "4.14.202",
+            "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.14.202.tgz",
+            "integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ=="
+        },
+        "node_modules/@types/lodash-es": {
+            "version": "4.17.6",
+            "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+            "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+            "dependencies": {
+                "@types/lodash": "*"
+            }
+        },
+        "node_modules/@types/node": {
+            "version": "20.10.5",
+            "resolved": "https://registry.npmmirror.com/@types/node/-/node-20.10.5.tgz",
+            "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+            "dev": true,
+            "dependencies": {
+                "undici-types": "~5.26.4"
+            }
+        },
+        "node_modules/@types/qrcode": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmmirror.com/@types/qrcode/-/qrcode-1.5.0.tgz",
+            "integrity": "sha512-x5ilHXRxUPIMfjtM+1vf/GPTRWZ81nqscursm5gMznJeK9M0YnZ1c3bEvRLQ0zSSgedLx1J6MGL231ObQGGhaA==",
+            "dev": true,
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
+        "node_modules/@types/semver": {
+            "version": "7.5.6",
+            "resolved": "https://registry.npmmirror.com/@types/semver/-/semver-7.5.6.tgz",
+            "integrity": "sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==",
+            "dev": true
+        },
+        "node_modules/@types/sortablejs": {
+            "version": "1.15.0",
+            "resolved": "https://registry.npmmirror.com/@types/sortablejs/-/sortablejs-1.15.0.tgz",
+            "integrity": "sha512-qrhtM7M41EhH4tZQTNw2/RJkxllBx3reiJpTbgWCM2Dx0U1sZ6LwKp9lfNln9uqE26ZMKUaPEYaD4rzvOWYtZw==",
+            "dev": true
+        },
+        "node_modules/@types/web-bluetooth": {
+            "version": "0.0.16",
+            "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+            "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ=="
+        },
+        "node_modules/@typescript-eslint/eslint-plugin": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.53.0.tgz",
+            "integrity": "sha512-alFpFWNucPLdUOySmXCJpzr6HKC3bu7XooShWM+3w/EL6J2HIoB2PFxpLnq4JauWVk6DiVeNKzQlFEaE+X9sGw==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/scope-manager": "5.53.0",
+                "@typescript-eslint/type-utils": "5.53.0",
+                "@typescript-eslint/utils": "5.53.0",
+                "debug": "^4.3.4",
+                "grapheme-splitter": "^1.0.4",
+                "ignore": "^5.2.0",
+                "natural-compare-lite": "^1.4.0",
+                "regexpp": "^3.2.0",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "@typescript-eslint/parser": "^5.0.0",
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/parser": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+            "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/scope-manager": "5.62.0",
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/typescript-estree": "5.62.0",
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+            "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/visitor-keys": "5.62.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+            "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.62.0",
+                "eslint-visitor-keys": "^3.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/scope-manager": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/scope-manager/-/scope-manager-5.53.0.tgz",
+            "integrity": "sha512-Opy3dqNsp/9kBBeCPhkCNR7fmdSQqA+47r21hr9a14Bx0xnkElEQmhoHga+VoaoQ6uDHjDKmQPIYcUcKJifS7w==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.53.0",
+                "@typescript-eslint/visitor-keys": "5.53.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/types": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-5.53.0.tgz",
+            "integrity": "sha512-5kcDL9ZUIP756K6+QOAfPkigJmCPHcLN7Zjdz76lQWWDdzfOhZDTj1irs6gPBKiXx5/6O3L0+AvupAut3z7D2A==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/type-utils": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/type-utils/-/type-utils-5.53.0.tgz",
+            "integrity": "sha512-HO2hh0fmtqNLzTAme/KnND5uFNwbsdYhCZghK2SoxGp3Ifn2emv+hi0PBUjzzSh0dstUIFqOj3bp0AwQlK4OWw==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/typescript-estree": "5.53.0",
+                "@typescript-eslint/utils": "5.53.0",
+                "debug": "^4.3.4",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-5.53.0.tgz",
+            "integrity": "sha512-5kcDL9ZUIP756K6+QOAfPkigJmCPHcLN7Zjdz76lQWWDdzfOhZDTj1irs6gPBKiXx5/6O3L0+AvupAut3z7D2A==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/typescript-estree": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.53.0.tgz",
+            "integrity": "sha512-eKmipH7QyScpHSkhbptBBYh9v8FxtngLquq292YTEQ1pxVs39yFBlLC1xeIZcPPz1RWGqb7YgERJRGkjw8ZV7w==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.53.0",
+                "@typescript-eslint/visitor-keys": "5.53.0",
+                "debug": "^4.3.4",
+                "globby": "^11.1.0",
+                "is-glob": "^4.0.3",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/types": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-5.62.0.tgz",
+            "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/typescript-estree": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+            "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.62.0",
+                "@typescript-eslint/visitor-keys": "5.62.0",
+                "debug": "^4.3.4",
+                "globby": "^11.1.0",
+                "is-glob": "^4.0.3",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/typescript-estree/node_modules/@typescript-eslint/visitor-keys": {
+            "version": "5.62.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+            "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.62.0",
+                "eslint-visitor-keys": "^3.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/utils": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/utils/-/utils-5.53.0.tgz",
+            "integrity": "sha512-VUOOtPv27UNWLxFwQK/8+7kvxVC+hPHNsJjzlJyotlaHjLSIgOCKj9I0DBUjwOOA64qjBwx5afAPjksqOxMO0g==",
+            "dev": true,
+            "dependencies": {
+                "@types/json-schema": "^7.0.9",
+                "@types/semver": "^7.3.12",
+                "@typescript-eslint/scope-manager": "5.53.0",
+                "@typescript-eslint/types": "5.53.0",
+                "@typescript-eslint/typescript-estree": "5.53.0",
+                "eslint-scope": "^5.1.1",
+                "eslint-utils": "^3.0.0",
+                "semver": "^7.3.7"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-5.53.0.tgz",
+            "integrity": "sha512-5kcDL9ZUIP756K6+QOAfPkigJmCPHcLN7Zjdz76lQWWDdzfOhZDTj1irs6gPBKiXx5/6O3L0+AvupAut3z7D2A==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.53.0.tgz",
+            "integrity": "sha512-eKmipH7QyScpHSkhbptBBYh9v8FxtngLquq292YTEQ1pxVs39yFBlLC1xeIZcPPz1RWGqb7YgERJRGkjw8ZV7w==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.53.0",
+                "@typescript-eslint/visitor-keys": "5.53.0",
+                "debug": "^4.3.4",
+                "globby": "^11.1.0",
+                "is-glob": "^4.0.3",
+                "semver": "^7.3.7",
+                "tsutils": "^3.21.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@typescript-eslint/visitor-keys": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.53.0.tgz",
+            "integrity": "sha512-JqNLnX3leaHFZEN0gCh81sIvgrp/2GOACZNgO4+Tkf64u51kTpAyWFOY8XHx8XuXr3N2C9zgPPHtcpMg6z1g0w==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/types": "5.53.0",
+                "eslint-visitor-keys": "^3.3.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@typescript-eslint/visitor-keys/node_modules/@typescript-eslint/types": {
+            "version": "5.53.0",
+            "resolved": "https://registry.npmmirror.com/@typescript-eslint/types/-/types-5.53.0.tgz",
+            "integrity": "sha512-5kcDL9ZUIP756K6+QOAfPkigJmCPHcLN7Zjdz76lQWWDdzfOhZDTj1irs6gPBKiXx5/6O3L0+AvupAut3z7D2A==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/@uppy/companion-client": {
+            "version": "2.2.2",
+            "resolved": "https://registry.npmmirror.com/@uppy/companion-client/-/companion-client-2.2.2.tgz",
+            "integrity": "sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==",
+            "dependencies": {
+                "@uppy/utils": "^4.1.2",
+                "namespace-emitter": "^2.0.1"
+            }
+        },
+        "node_modules/@uppy/core": {
+            "version": "2.3.4",
+            "resolved": "https://registry.npmmirror.com/@uppy/core/-/core-2.3.4.tgz",
+            "integrity": "sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==",
+            "dependencies": {
+                "@transloadit/prettier-bytes": "0.0.7",
+                "@uppy/store-default": "^2.1.1",
+                "@uppy/utils": "^4.1.3",
+                "lodash.throttle": "^4.1.1",
+                "mime-match": "^1.0.2",
+                "namespace-emitter": "^2.0.1",
+                "nanoid": "^3.1.25",
+                "preact": "^10.5.13"
+            }
+        },
+        "node_modules/@uppy/store-default": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmmirror.com/@uppy/store-default/-/store-default-2.1.1.tgz",
+            "integrity": "sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ=="
+        },
+        "node_modules/@uppy/utils": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmmirror.com/@uppy/utils/-/utils-4.1.3.tgz",
+            "integrity": "sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==",
+            "dependencies": {
+                "lodash.throttle": "^4.1.1"
+            }
+        },
+        "node_modules/@uppy/xhr-upload": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmmirror.com/@uppy/xhr-upload/-/xhr-upload-2.1.3.tgz",
+            "integrity": "sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==",
+            "dependencies": {
+                "@uppy/companion-client": "^2.2.2",
+                "@uppy/utils": "^4.1.2",
+                "nanoid": "^3.1.25"
+            },
+            "peerDependencies": {
+                "@uppy/core": "^2.3.3"
+            }
+        },
+        "node_modules/@vitejs/plugin-vue": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-4.0.0.tgz",
+            "integrity": "sha512-e0X4jErIxAB5oLtDqbHvHpJe/uWNkdpYV83AOG2xo2tEVSzCzewgJMtREZM30wXnM5ls90hxiOtAuVU6H5JgbA==",
+            "dev": true,
+            "engines": {
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "vite": "^4.0.0",
+                "vue": "^3.2.25"
+            }
+        },
+        "node_modules/@volar/language-core": {
+            "version": "1.0.24",
+            "resolved": "https://registry.npmmirror.com/@volar/language-core/-/language-core-1.0.24.tgz",
+            "integrity": "sha512-vTN+alJiWwK0Pax6POqrmevbtFW2dXhjwWiW/MW4f48eDYPLdyURWcr8TixO7EN/nHsUBj2udT7igFKPtjyAKg==",
+            "dev": true,
+            "dependencies": {
+                "@volar/source-map": "1.0.24",
+                "muggle-string": "^0.1.0"
+            }
+        },
+        "node_modules/@volar/source-map": {
+            "version": "1.0.24",
+            "resolved": "https://registry.npmmirror.com/@volar/source-map/-/source-map-1.0.24.tgz",
+            "integrity": "sha512-Qsv/tkplx18pgBr8lKAbM1vcDqgkGKQzbChg6NW+v0CZc3G7FLmK+WrqEPzKlN7Cwdc6XVL559Nod8WKAfKr4A==",
+            "dev": true,
+            "dependencies": {
+                "muggle-string": "^0.1.0"
+            }
+        },
+        "node_modules/@volar/typescript": {
+            "version": "1.0.24",
+            "resolved": "https://registry.npmmirror.com/@volar/typescript/-/typescript-1.0.24.tgz",
+            "integrity": "sha512-f8hCSk+PfKR1/RQHxZ79V1NpDImHoivqoizK+mstphm25tn/YJ/JnKNjZHB+o21fuW0yKlI26NV3jkVb2Cc/7A==",
+            "dev": true,
+            "dependencies": {
+                "@volar/language-core": "1.0.24"
+            }
+        },
+        "node_modules/@volar/vue-language-core": {
+            "version": "1.0.24",
+            "resolved": "https://registry.npmmirror.com/@volar/vue-language-core/-/vue-language-core-1.0.24.tgz",
+            "integrity": "sha512-2NTJzSgrwKu6uYwPqLiTMuAzi7fAY3yFy5PJ255bGJc82If0Xr+cW8pC80vpjG0D/aVLmlwAdO4+Ya2BI8GdDg==",
+            "dev": true,
+            "dependencies": {
+                "@volar/language-core": "1.0.24",
+                "@volar/source-map": "1.0.24",
+                "@vue/compiler-dom": "^3.2.45",
+                "@vue/compiler-sfc": "^3.2.45",
+                "@vue/reactivity": "^3.2.45",
+                "@vue/shared": "^3.2.45",
+                "minimatch": "^5.1.1",
+                "vue-template-compiler": "^2.7.14"
+            }
+        },
+        "node_modules/@volar/vue-language-core/node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true
+        },
+        "node_modules/@volar/vue-language-core/node_modules/brace-expansion": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz",
+            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+            "dev": true,
+            "dependencies": {
+                "balanced-match": "^1.0.0"
+            }
+        },
+        "node_modules/@volar/vue-language-core/node_modules/minimatch": {
+            "version": "5.1.6",
+            "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-5.1.6.tgz",
+            "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+            "dev": true,
+            "dependencies": {
+                "brace-expansion": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/@volar/vue-typescript": {
+            "version": "1.0.24",
+            "resolved": "https://registry.npmmirror.com/@volar/vue-typescript/-/vue-typescript-1.0.24.tgz",
+            "integrity": "sha512-9a25oHDvGaNC0okRS47uqJI6FxY4hUQZUsxeOUFHcqVxZEv8s17LPuP/pMMXyz7jPygrZubB/qXqHY5jEu/akA==",
+            "deprecated": "WARNING: This project has been renamed to @vue/typescript. Install using @vue/typescript instead.",
+            "dev": true,
+            "dependencies": {
+                "@volar/typescript": "1.0.24",
+                "@volar/vue-language-core": "1.0.24"
+            }
+        },
+        "node_modules/@vue/compiler-core": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.2.45.tgz",
+            "integrity": "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==",
+            "dependencies": {
+                "@babel/parser": "^7.16.4",
+                "@vue/shared": "3.2.45",
+                "estree-walker": "^2.0.2",
+                "source-map": "^0.6.1"
+            }
+        },
+        "node_modules/@vue/compiler-dom": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz",
+            "integrity": "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==",
+            "dependencies": {
+                "@vue/compiler-core": "3.2.45",
+                "@vue/shared": "3.2.45"
+            }
+        },
+        "node_modules/@vue/compiler-sfc": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz",
+            "integrity": "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==",
+            "dependencies": {
+                "@babel/parser": "^7.16.4",
+                "@vue/compiler-core": "3.2.45",
+                "@vue/compiler-dom": "3.2.45",
+                "@vue/compiler-ssr": "3.2.45",
+                "@vue/reactivity-transform": "3.2.45",
+                "@vue/shared": "3.2.45",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7",
+                "postcss": "^8.1.10",
+                "source-map": "^0.6.1"
+            }
+        },
+        "node_modules/@vue/compiler-sfc/node_modules/magic-string": {
+            "version": "0.25.9",
+            "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.25.9.tgz",
+            "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+            "dependencies": {
+                "sourcemap-codec": "^1.4.8"
+            }
+        },
+        "node_modules/@vue/compiler-ssr": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz",
+            "integrity": "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==",
+            "dependencies": {
+                "@vue/compiler-dom": "3.2.45",
+                "@vue/shared": "3.2.45"
+            }
+        },
+        "node_modules/@vue/devtools-api": {
+            "version": "6.5.1",
+            "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.5.1.tgz",
+            "integrity": "sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA=="
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.2.45.tgz",
+            "integrity": "sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==",
+            "dependencies": {
+                "@vue/shared": "3.2.45"
+            }
+        },
+        "node_modules/@vue/reactivity-transform": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz",
+            "integrity": "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==",
+            "dependencies": {
+                "@babel/parser": "^7.16.4",
+                "@vue/compiler-core": "3.2.45",
+                "@vue/shared": "3.2.45",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7"
+            }
+        },
+        "node_modules/@vue/reactivity-transform/node_modules/magic-string": {
+            "version": "0.25.9",
+            "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.25.9.tgz",
+            "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+            "dependencies": {
+                "sourcemap-codec": "^1.4.8"
+            }
+        },
+        "node_modules/@vue/runtime-core": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.2.45.tgz",
+            "integrity": "sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==",
+            "dependencies": {
+                "@vue/reactivity": "3.2.45",
+                "@vue/shared": "3.2.45"
+            }
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz",
+            "integrity": "sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==",
+            "dependencies": {
+                "@vue/runtime-core": "3.2.45",
+                "@vue/shared": "3.2.45",
+                "csstype": "^2.6.8"
+            }
+        },
+        "node_modules/@vue/server-renderer": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.2.45.tgz",
+            "integrity": "sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==",
+            "dependencies": {
+                "@vue/compiler-ssr": "3.2.45",
+                "@vue/shared": "3.2.45"
+            },
+            "peerDependencies": {
+                "vue": "3.2.45"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.45.tgz",
+            "integrity": "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg=="
+        },
+        "node_modules/@vueuse/core": {
+            "version": "9.12.0",
+            "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-9.12.0.tgz",
+            "integrity": "sha512-h/Di8Bvf6xRcvS/PvUVheiMYYz3U0tH3X25YxONSaAUBa841ayMwxkuzx/DGUMCW/wHWzD8tRy2zYmOC36r4sg==",
+            "dependencies": {
+                "@types/web-bluetooth": "^0.0.16",
+                "@vueuse/metadata": "9.12.0",
+                "@vueuse/shared": "9.12.0",
+                "vue-demi": "*"
+            }
+        },
+        "node_modules/@vueuse/core/node_modules/vue-demi": {
+            "version": "0.14.6",
+            "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.6.tgz",
+            "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+            "hasInstallScript": true,
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@vueuse/metadata": {
+            "version": "9.12.0",
+            "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.12.0.tgz",
+            "integrity": "sha512-9oJ9MM9lFLlmvxXUqsR1wLt1uF7EVbP5iYaHJYqk+G2PbMjY6EXvZeTjbdO89HgoF5cI6z49o2zT/jD9SVoNpQ=="
+        },
+        "node_modules/@vueuse/shared": {
+            "version": "9.12.0",
+            "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.12.0.tgz",
+            "integrity": "sha512-TWuJLACQ0BVithVTRbex4Wf1a1VaRuSpVeyEd4vMUWl54PzlE0ciFUshKCXnlLuD0lxIaLK4Ypj3NXYzZh4+SQ==",
+            "dependencies": {
+                "vue-demi": "*"
+            }
+        },
+        "node_modules/@vueuse/shared/node_modules/vue-demi": {
+            "version": "0.14.6",
+            "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.6.tgz",
+            "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+            "hasInstallScript": true,
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/@wangeditor/basic-modules": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/basic-modules/-/basic-modules-1.1.7.tgz",
+            "integrity": "sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==",
+            "dependencies": {
+                "is-url": "^1.2.4"
+            },
+            "peerDependencies": {
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "lodash.throttle": "^4.1.1",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/code-highlight": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/code-highlight/-/code-highlight-1.0.3.tgz",
+            "integrity": "sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==",
+            "dependencies": {
+                "prismjs": "^1.23.0"
+            },
+            "peerDependencies": {
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/core": {
+            "version": "1.1.19",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/core/-/core-1.1.19.tgz",
+            "integrity": "sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==",
+            "dependencies": {
+                "@types/event-emitter": "^0.3.3",
+                "event-emitter": "^0.3.5",
+                "html-void-elements": "^2.0.0",
+                "i18next": "^20.4.0",
+                "scroll-into-view-if-needed": "^2.2.28",
+                "slate-history": "^0.66.0"
+            },
+            "peerDependencies": {
+                "@uppy/core": "^2.1.1",
+                "@uppy/xhr-upload": "^2.0.3",
+                "dom7": "^3.0.0",
+                "is-hotkey": "^0.2.0",
+                "lodash.camelcase": "^4.3.0",
+                "lodash.clonedeep": "^4.5.0",
+                "lodash.debounce": "^4.0.8",
+                "lodash.foreach": "^4.5.0",
+                "lodash.isequal": "^4.5.0",
+                "lodash.throttle": "^4.1.1",
+                "lodash.toarray": "^4.4.0",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/editor": {
+            "version": "5.1.23",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/editor/-/editor-5.1.23.tgz",
+            "integrity": "sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==",
+            "dependencies": {
+                "@uppy/core": "^2.1.1",
+                "@uppy/xhr-upload": "^2.0.3",
+                "@wangeditor/basic-modules": "^1.1.7",
+                "@wangeditor/code-highlight": "^1.0.3",
+                "@wangeditor/core": "^1.1.19",
+                "@wangeditor/list-module": "^1.0.5",
+                "@wangeditor/table-module": "^1.1.4",
+                "@wangeditor/upload-image-module": "^1.0.2",
+                "@wangeditor/video-module": "^1.1.4",
+                "dom7": "^3.0.0",
+                "is-hotkey": "^0.2.0",
+                "lodash.camelcase": "^4.3.0",
+                "lodash.clonedeep": "^4.5.0",
+                "lodash.debounce": "^4.0.8",
+                "lodash.foreach": "^4.5.0",
+                "lodash.isequal": "^4.5.0",
+                "lodash.throttle": "^4.1.1",
+                "lodash.toarray": "^4.4.0",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/editor-for-vue": {
+            "version": "5.1.12",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/editor-for-vue/-/editor-for-vue-5.1.12.tgz",
+            "integrity": "sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==",
+            "peerDependencies": {
+                "@wangeditor/editor": ">=5.1.0",
+                "vue": "^3.0.5"
+            }
+        },
+        "node_modules/@wangeditor/list-module": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/list-module/-/list-module-1.0.5.tgz",
+            "integrity": "sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==",
+            "peerDependencies": {
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/table-module": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/table-module/-/table-module-1.1.4.tgz",
+            "integrity": "sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==",
+            "peerDependencies": {
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "lodash.isequal": "^4.5.0",
+                "lodash.throttle": "^4.1.1",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/upload-image-module": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/upload-image-module/-/upload-image-module-1.0.2.tgz",
+            "integrity": "sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==",
+            "peerDependencies": {
+                "@uppy/core": "^2.0.3",
+                "@uppy/xhr-upload": "^2.0.3",
+                "@wangeditor/basic-modules": "1.x",
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "lodash.foreach": "^4.5.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/video-module": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/video-module/-/video-module-1.1.4.tgz",
+            "integrity": "sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==",
+            "peerDependencies": {
+                "@uppy/core": "^2.1.4",
+                "@uppy/xhr-upload": "^2.0.7",
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/acorn": {
+            "version": "8.11.2",
+            "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.11.2.tgz",
+            "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+            "dev": true,
+            "bin": {
+                "acorn": "bin/acorn"
+            },
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/acorn-jsx": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmmirror.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+            "dev": true,
+            "peerDependencies": {
+                "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/acorn-node": {
+            "version": "1.8.2",
+            "resolved": "https://registry.npmmirror.com/acorn-node/-/acorn-node-1.8.2.tgz",
+            "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^7.0.0",
+                "acorn-walk": "^7.0.0",
+                "xtend": "^4.0.2"
+            }
+        },
+        "node_modules/acorn-node/node_modules/acorn": {
+            "version": "7.4.1",
+            "resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
+            "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+            "dev": true,
+            "bin": {
+                "acorn": "bin/acorn"
+            },
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/acorn-walk": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-7.2.0.tgz",
+            "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/agent-base": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-7.1.0.tgz",
+            "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^4.3.4"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/ajv": {
+            "version": "6.12.6",
+            "resolved": "https://registry.npmmirror.com/ajv/-/ajv-6.12.6.tgz",
+            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+            "dev": true,
+            "dependencies": {
+                "fast-deep-equal": "^3.1.1",
+                "fast-json-stable-stringify": "^2.0.0",
+                "json-schema-traverse": "^0.4.1",
+                "uri-js": "^4.2.2"
+            }
+        },
+        "node_modules/ansi-regex": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/ansi-styles/node_modules/color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "dependencies": {
+                "color-name": "~1.1.4"
+            },
+            "engines": {
+                "node": ">=7.0.0"
+            }
+        },
+        "node_modules/ansi-styles/node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "node_modules/anymatch": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
+            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+            "dependencies": {
+                "normalize-path": "^3.0.0",
+                "picomatch": "^2.0.4"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/arg": {
+            "version": "5.0.2",
+            "resolved": "https://registry.npmmirror.com/arg/-/arg-5.0.2.tgz",
+            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+            "dev": true
+        },
+        "node_modules/argparse": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
+            "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+            "dev": true
+        },
+        "node_modules/array-buffer-byte-length": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+            "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "is-array-buffer": "^3.0.1"
+            }
+        },
+        "node_modules/array-includes": {
+            "version": "3.1.7",
+            "resolved": "https://registry.npmmirror.com/array-includes/-/array-includes-3.1.7.tgz",
+            "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "get-intrinsic": "^1.2.1",
+                "is-string": "^1.0.7"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/array-union": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/array-union/-/array-union-2.1.0.tgz",
+            "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/array.prototype.flat": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmmirror.com/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
+            "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "es-shim-unscopables": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/array.prototype.flatmap": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmmirror.com/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
+            "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "es-shim-unscopables": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/arraybuffer.prototype.slice": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
+            "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
+            "dev": true,
+            "dependencies": {
+                "array-buffer-byte-length": "^1.0.0",
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "get-intrinsic": "^1.2.1",
+                "is-array-buffer": "^3.0.2",
+                "is-shared-array-buffer": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/async-validator": {
+            "version": "4.2.5",
+            "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz",
+            "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
+        },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+        },
+        "node_modules/autoprefixer": {
+            "version": "10.4.13",
+            "resolved": "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.13.tgz",
+            "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==",
+            "dev": true,
+            "dependencies": {
+                "browserslist": "^4.21.4",
+                "caniuse-lite": "^1.0.30001426",
+                "fraction.js": "^4.2.0",
+                "normalize-range": "^0.1.2",
+                "picocolors": "^1.0.0",
+                "postcss-value-parser": "^4.2.0"
+            },
+            "bin": {
+                "autoprefixer": "bin/autoprefixer"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            },
+            "peerDependencies": {
+                "postcss": "^8.1.0"
+            }
+        },
+        "node_modules/available-typed-arrays": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmmirror.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+            "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/axios": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmmirror.com/axios/-/axios-1.4.0.tgz",
+            "integrity": "sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==",
+            "dependencies": {
+                "follow-redirects": "^1.15.0",
+                "form-data": "^4.0.0",
+                "proxy-from-env": "^1.1.0"
+            }
+        },
+        "node_modules/balanced-match": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-0.1.0.tgz",
+            "integrity": "sha512-4xb6XqAEo3Z+5pEDJz33R8BZXI8FRJU+cDNLdKgDpmnz+pKKRVYLpdv+VvUAC7yUhBMj4izmyt19eCGv1QGV7A=="
+        },
+        "node_modules/binary-extensions": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz",
+            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/boolbase": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/boolbase/-/boolbase-1.0.0.tgz",
+            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+            "dev": true
+        },
+        "node_modules/brace-expansion": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+            "dev": true,
+            "dependencies": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+            }
+        },
+        "node_modules/brace-expansion/node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true
+        },
+        "node_modules/braces": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.2.tgz",
+            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+            "dependencies": {
+                "fill-range": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/browserslist": {
+            "version": "4.22.2",
+            "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.22.2.tgz",
+            "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
+            "dev": true,
+            "dependencies": {
+                "caniuse-lite": "^1.0.30001565",
+                "electron-to-chromium": "^1.4.601",
+                "node-releases": "^2.0.14",
+                "update-browserslist-db": "^1.0.13"
+            },
+            "bin": {
+                "browserslist": "cli.js"
+            },
+            "engines": {
+                "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+            }
+        },
+        "node_modules/builtins": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmmirror.com/builtins/-/builtins-5.0.1.tgz",
+            "integrity": "sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==",
+            "dev": true,
+            "dependencies": {
+                "semver": "^7.0.0"
+            }
+        },
+        "node_modules/c12": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmmirror.com/c12/-/c12-1.5.1.tgz",
+            "integrity": "sha512-BWZRJgDEveT8uI+cliCwvYSSSSvb4xKoiiu5S0jaDbKBopQLQF7E+bq9xKk1pTcG+mUa3yXuFO7bD9d8Lr9Xxg==",
+            "dev": true,
+            "dependencies": {
+                "chokidar": "^3.5.3",
+                "defu": "^6.1.2",
+                "dotenv": "^16.3.1",
+                "giget": "^1.1.3",
+                "jiti": "^1.20.0",
+                "mlly": "^1.4.2",
+                "ohash": "^1.1.3",
+                "pathe": "^1.1.1",
+                "perfect-debounce": "^1.0.0",
+                "pkg-types": "^1.0.3",
+                "rc9": "^2.1.1"
+            }
+        },
+        "node_modules/call-bind": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.5.tgz",
+            "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.2",
+                "get-intrinsic": "^1.2.1",
+                "set-function-length": "^1.1.1"
+            }
+        },
+        "node_modules/callsites": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmmirror.com/callsites/-/callsites-3.1.0.tgz",
+            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/camelcase": {
+            "version": "5.3.1",
+            "resolved": "https://registry.npmmirror.com/camelcase/-/camelcase-5.3.1.tgz",
+            "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/camelcase-css": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/camelcase-css/-/camelcase-css-2.0.1.tgz",
+            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/caniuse-lite": {
+            "version": "1.0.30001571",
+            "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001571.tgz",
+            "integrity": "sha512-tYq/6MoXhdezDLFZuCO/TKboTzuQ/xR5cFdgXPfDtM7/kchBO3b4VWghE/OAi/DV7tTdhmLjZiZBZi1fA/GheQ==",
+            "dev": true
+        },
+        "node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/chokidar": {
+            "version": "3.5.3",
+            "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz",
+            "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+            "dependencies": {
+                "anymatch": "~3.1.2",
+                "braces": "~3.0.2",
+                "glob-parent": "~5.1.2",
+                "is-binary-path": "~2.1.0",
+                "is-glob": "~4.0.1",
+                "normalize-path": "~3.0.0",
+                "readdirp": "~3.6.0"
+            },
+            "engines": {
+                "node": ">= 8.10.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/chokidar/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/chownr": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/chownr/-/chownr-2.0.0.tgz",
+            "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/clipboard": {
+            "version": "2.0.11",
+            "resolved": "https://registry.npmmirror.com/clipboard/-/clipboard-2.0.11.tgz",
+            "integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
+            "dependencies": {
+                "good-listener": "^1.2.2",
+                "select": "^1.1.2",
+                "tiny-emitter": "^2.0.0"
+            }
+        },
+        "node_modules/cliui": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmmirror.com/cliui/-/cliui-6.0.0.tgz",
+            "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+            "dependencies": {
+                "string-width": "^4.2.0",
+                "strip-ansi": "^6.0.0",
+                "wrap-ansi": "^6.2.0"
+            }
+        },
+        "node_modules/clone": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/clone/-/clone-1.0.4.tgz",
+            "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+            "engines": {
+                "node": ">=0.8"
+            }
+        },
+        "node_modules/color": {
+            "version": "0.11.4",
+            "resolved": "https://registry.npmmirror.com/color/-/color-0.11.4.tgz",
+            "integrity": "sha512-Ajpjd8asqZ6EdxQeqGzU5WBhhTfJ/0cA4Wlbre7e5vXfmDSmda7Ov6jeKoru+b0vHcb1CqvuroTHp5zIWzhVMA==",
+            "dependencies": {
+                "clone": "^1.0.2",
+                "color-convert": "^1.3.0",
+                "color-string": "^0.3.0"
+            }
+        },
+        "node_modules/color-convert": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-1.9.3.tgz",
+            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+            "dependencies": {
+                "color-name": "1.1.3"
+            }
+        },
+        "node_modules/color-name": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.3.tgz",
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+        },
+        "node_modules/color-string": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmmirror.com/color-string/-/color-string-0.3.0.tgz",
+            "integrity": "sha512-sz29j1bmSDfoAxKIEU6zwoIZXN6BrFbAMIhfYCNyiZXBDuU/aiHlN84lp/xDzL2ubyFhLDobHIlU1X70XRrMDA==",
+            "dependencies": {
+                "color-name": "^1.0.0"
+            }
+        },
+        "node_modules/colorette": {
+            "version": "2.0.20",
+            "resolved": "https://registry.npmmirror.com/colorette/-/colorette-2.0.20.tgz",
+            "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
+            "dev": true
+        },
+        "node_modules/combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/compute-scroll-into-view": {
+            "version": "1.0.20",
+            "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+            "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg=="
+        },
+        "node_modules/concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+            "dev": true
+        },
+        "node_modules/consola": {
+            "version": "3.2.3",
+            "resolved": "https://registry.npmmirror.com/consola/-/consola-3.2.3.tgz",
+            "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
+            "dev": true,
+            "engines": {
+                "node": "^14.18.0 || >=16.10.0"
+            }
+        },
+        "node_modules/convert-source-map": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-2.0.0.tgz",
+            "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+            "dev": true
+        },
+        "node_modules/cross-spawn": {
+            "version": "7.0.3",
+            "resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.3.tgz",
+            "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+            "dev": true,
+            "dependencies": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/crypto-js": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz",
+            "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+        },
+        "node_modules/css-color-function": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmmirror.com/css-color-function/-/css-color-function-1.3.3.tgz",
+            "integrity": "sha512-YD/WhiRZIYgadwFJ48X5QmlOQ/w8Me4yQI6/eSUoiE8spIFp+S/rGpsAH48iyq/0ZWkCDWqVQKUlQmUzn7BQ9w==",
+            "dependencies": {
+                "balanced-match": "0.1.0",
+                "color": "^0.11.0",
+                "debug": "^3.1.0",
+                "rgb": "~0.1.0"
+            }
+        },
+        "node_modules/css-color-function/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+            "dev": true,
+            "bin": {
+                "cssesc": "bin/cssesc"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/csstype": {
+            "version": "2.6.21",
+            "resolved": "https://registry.npmmirror.com/csstype/-/csstype-2.6.21.tgz",
+            "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
+        },
+        "node_modules/d": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/d/-/d-1.0.1.tgz",
+            "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+            "dependencies": {
+                "es5-ext": "^0.10.50",
+                "type": "^1.0.1"
+            }
+        },
+        "node_modules/dayjs": {
+            "version": "1.11.10",
+            "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz",
+            "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+        },
+        "node_modules/de-indent": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/de-indent/-/de-indent-1.0.2.tgz",
+            "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+            "dev": true
+        },
+        "node_modules/debug": {
+            "version": "4.3.4",
+            "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
+            "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "2.1.2"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "peerDependenciesMeta": {
+                "supports-color": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/decamelize": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmmirror.com/decamelize/-/decamelize-1.2.0.tgz",
+            "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/deep-is": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
+            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+            "dev": true
+        },
+        "node_modules/define-data-property": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmmirror.com/define-data-property/-/define-data-property-1.1.1.tgz",
+            "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.2.1",
+                "gopd": "^1.0.1",
+                "has-property-descriptors": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/define-properties": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmmirror.com/define-properties/-/define-properties-1.2.1.tgz",
+            "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+            "dev": true,
+            "dependencies": {
+                "define-data-property": "^1.0.1",
+                "has-property-descriptors": "^1.0.0",
+                "object-keys": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/defined": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/defined/-/defined-1.0.1.tgz",
+            "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==",
+            "dev": true
+        },
+        "node_modules/defu": {
+            "version": "6.1.3",
+            "resolved": "https://registry.npmmirror.com/defu/-/defu-6.1.3.tgz",
+            "integrity": "sha512-Vy2wmG3NTkmHNg/kzpuvHhkqeIx3ODWqasgCRbKtbXEN0G+HpEEv9BtJLp7ZG1CZloFaC41Ah3ZFbq7aqCqMeQ==",
+            "dev": true
+        },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/delegate": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmmirror.com/delegate/-/delegate-3.2.0.tgz",
+            "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
+        },
+        "node_modules/destr": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmmirror.com/destr/-/destr-2.0.2.tgz",
+            "integrity": "sha512-65AlobnZMiCET00KaFFjUefxDX0khFA/E4myqZ7a6Sq1yZtR8+FVIvilVX66vF2uobSumxooYZChiRPCKNqhmg==",
+            "dev": true
+        },
+        "node_modules/detective": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmmirror.com/detective/-/detective-5.2.1.tgz",
+            "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
+            "dev": true,
+            "dependencies": {
+                "acorn-node": "^1.8.2",
+                "defined": "^1.0.0",
+                "minimist": "^1.2.6"
+            },
+            "bin": {
+                "detective": "bin/detective.js"
+            },
+            "engines": {
+                "node": ">=0.8.0"
+            }
+        },
+        "node_modules/didyoumean": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmmirror.com/didyoumean/-/didyoumean-1.2.2.tgz",
+            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+            "dev": true
+        },
+        "node_modules/dijkstrajs": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/dijkstrajs/-/dijkstrajs-1.0.3.tgz",
+            "integrity": "sha512-qiSlmBq9+BCdCA/L46dw8Uy93mloxsPSbwnm5yrKn2vMPiy8KyAskTF6zuV/j5BMsmOGZDPs7KjU+mjb670kfA=="
+        },
+        "node_modules/dir-glob": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmmirror.com/dir-glob/-/dir-glob-3.0.1.tgz",
+            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+            "dev": true,
+            "dependencies": {
+                "path-type": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/dlv": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmmirror.com/dlv/-/dlv-1.1.3.tgz",
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+            "dev": true
+        },
+        "node_modules/doctrine": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/doctrine/-/doctrine-3.0.0.tgz",
+            "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+            "dev": true,
+            "dependencies": {
+                "esutils": "^2.0.2"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/dom7": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/dom7/-/dom7-3.0.0.tgz",
+            "integrity": "sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==",
+            "dependencies": {
+                "ssr-window": "^3.0.0-alpha.1"
+            }
+        },
+        "node_modules/dotenv": {
+            "version": "16.3.1",
+            "resolved": "https://registry.npmmirror.com/dotenv/-/dotenv-16.3.1.tgz",
+            "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/echarts": {
+            "version": "5.4.1",
+            "resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.4.1.tgz",
+            "integrity": "sha512-9ltS3M2JB0w2EhcYjCdmtrJ+6haZcW6acBolMGIuf01Hql1yrIV01L1aRj7jsaaIULJslEP9Z3vKlEmnJaWJVQ==",
+            "dependencies": {
+                "tslib": "2.3.0",
+                "zrender": "5.4.1"
+            }
+        },
+        "node_modules/electron-to-chromium": {
+            "version": "1.4.616",
+            "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz",
+            "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==",
+            "dev": true
+        },
+        "node_modules/element-plus": {
+            "version": "2.2.29",
+            "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.29.tgz",
+            "integrity": "sha512-g4dcrURrKkR5uUX8n5RVnnqGnimoki9HfqS4yHHG6XwCHBkZGozdq4x+478BzeWUe31h++BO+7dakSx4VnM8RQ==",
+            "dependencies": {
+                "@ctrl/tinycolor": "^3.4.1",
+                "@element-plus/icons-vue": "^2.0.6",
+                "@floating-ui/dom": "^1.0.1",
+                "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+                "@types/lodash": "^4.14.182",
+                "@types/lodash-es": "^4.17.6",
+                "@vueuse/core": "^9.1.0",
+                "async-validator": "^4.2.5",
+                "dayjs": "^1.11.3",
+                "escape-html": "^1.0.3",
+                "lodash": "^4.17.21",
+                "lodash-es": "^4.17.21",
+                "lodash-unified": "^1.0.2",
+                "memoize-one": "^6.0.0",
+                "normalize-wheel-es": "^1.2.0"
+            },
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
+        "node_modules/emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+        },
+        "node_modules/encode-utf8": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/encode-utf8/-/encode-utf8-1.0.3.tgz",
+            "integrity": "sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw=="
+        },
+        "node_modules/es-abstract": {
+            "version": "1.22.3",
+            "resolved": "https://registry.npmmirror.com/es-abstract/-/es-abstract-1.22.3.tgz",
+            "integrity": "sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==",
+            "dev": true,
+            "dependencies": {
+                "array-buffer-byte-length": "^1.0.0",
+                "arraybuffer.prototype.slice": "^1.0.2",
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.5",
+                "es-set-tostringtag": "^2.0.1",
+                "es-to-primitive": "^1.2.1",
+                "function.prototype.name": "^1.1.6",
+                "get-intrinsic": "^1.2.2",
+                "get-symbol-description": "^1.0.0",
+                "globalthis": "^1.0.3",
+                "gopd": "^1.0.1",
+                "has-property-descriptors": "^1.0.0",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3",
+                "hasown": "^2.0.0",
+                "internal-slot": "^1.0.5",
+                "is-array-buffer": "^3.0.2",
+                "is-callable": "^1.2.7",
+                "is-negative-zero": "^2.0.2",
+                "is-regex": "^1.1.4",
+                "is-shared-array-buffer": "^1.0.2",
+                "is-string": "^1.0.7",
+                "is-typed-array": "^1.1.12",
+                "is-weakref": "^1.0.2",
+                "object-inspect": "^1.13.1",
+                "object-keys": "^1.1.1",
+                "object.assign": "^4.1.4",
+                "regexp.prototype.flags": "^1.5.1",
+                "safe-array-concat": "^1.0.1",
+                "safe-regex-test": "^1.0.0",
+                "string.prototype.trim": "^1.2.8",
+                "string.prototype.trimend": "^1.0.7",
+                "string.prototype.trimstart": "^1.0.7",
+                "typed-array-buffer": "^1.0.0",
+                "typed-array-byte-length": "^1.0.0",
+                "typed-array-byte-offset": "^1.0.0",
+                "typed-array-length": "^1.0.4",
+                "unbox-primitive": "^1.0.2",
+                "which-typed-array": "^1.1.13"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-set-tostringtag": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz",
+            "integrity": "sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.2.2",
+                "has-tostringtag": "^1.0.0",
+                "hasown": "^2.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-shim-unscopables": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
+            "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
+            "dev": true,
+            "dependencies": {
+                "hasown": "^2.0.0"
+            }
+        },
+        "node_modules/es-to-primitive": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmmirror.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+            "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+            "dev": true,
+            "dependencies": {
+                "is-callable": "^1.1.4",
+                "is-date-object": "^1.0.1",
+                "is-symbol": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es5-ext": {
+            "version": "0.10.62",
+            "resolved": "https://registry.npmmirror.com/es5-ext/-/es5-ext-0.10.62.tgz",
+            "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+            "hasInstallScript": true,
+            "dependencies": {
+                "es6-iterator": "^2.0.3",
+                "es6-symbol": "^3.1.3",
+                "next-tick": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/es6-iterator": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmmirror.com/es6-iterator/-/es6-iterator-2.0.3.tgz",
+            "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+            "dependencies": {
+                "d": "1",
+                "es5-ext": "^0.10.35",
+                "es6-symbol": "^3.1.1"
+            }
+        },
+        "node_modules/es6-symbol": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmmirror.com/es6-symbol/-/es6-symbol-3.1.3.tgz",
+            "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+            "dependencies": {
+                "d": "^1.0.1",
+                "ext": "^1.1.2"
+            }
+        },
+        "node_modules/esbuild": {
+            "version": "0.16.17",
+            "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.16.17.tgz",
+            "integrity": "sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==",
+            "dev": true,
+            "hasInstallScript": true,
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "optionalDependencies": {
+                "@esbuild/android-arm": "0.16.17",
+                "@esbuild/android-arm64": "0.16.17",
+                "@esbuild/android-x64": "0.16.17",
+                "@esbuild/darwin-arm64": "0.16.17",
+                "@esbuild/darwin-x64": "0.16.17",
+                "@esbuild/freebsd-arm64": "0.16.17",
+                "@esbuild/freebsd-x64": "0.16.17",
+                "@esbuild/linux-arm": "0.16.17",
+                "@esbuild/linux-arm64": "0.16.17",
+                "@esbuild/linux-ia32": "0.16.17",
+                "@esbuild/linux-loong64": "0.16.17",
+                "@esbuild/linux-mips64el": "0.16.17",
+                "@esbuild/linux-ppc64": "0.16.17",
+                "@esbuild/linux-riscv64": "0.16.17",
+                "@esbuild/linux-s390x": "0.16.17",
+                "@esbuild/linux-x64": "0.16.17",
+                "@esbuild/netbsd-x64": "0.16.17",
+                "@esbuild/openbsd-x64": "0.16.17",
+                "@esbuild/sunos-x64": "0.16.17",
+                "@esbuild/win32-arm64": "0.16.17",
+                "@esbuild/win32-ia32": "0.16.17",
+                "@esbuild/win32-x64": "0.16.17"
+            }
+        },
+        "node_modules/escalade": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz",
+            "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/escape-html": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz",
+            "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+        },
+        "node_modules/escape-string-regexp": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+            "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/eslint": {
+            "version": "8.34.0",
+            "resolved": "https://registry.npmmirror.com/eslint/-/eslint-8.34.0.tgz",
+            "integrity": "sha512-1Z8iFsucw+7kSqXNZVslXS8Ioa4u2KM7GPwuKtkTFAqZ/cHMcEaR+1+Br0wLlot49cNxIiZk5wp8EAbPcYZxTg==",
+            "dev": true,
+            "dependencies": {
+                "@eslint/eslintrc": "^1.4.1",
+                "@humanwhocodes/config-array": "^0.11.8",
+                "@humanwhocodes/module-importer": "^1.0.1",
+                "@nodelib/fs.walk": "^1.2.8",
+                "ajv": "^6.10.0",
+                "chalk": "^4.0.0",
+                "cross-spawn": "^7.0.2",
+                "debug": "^4.3.2",
+                "doctrine": "^3.0.0",
+                "escape-string-regexp": "^4.0.0",
+                "eslint-scope": "^7.1.1",
+                "eslint-utils": "^3.0.0",
+                "eslint-visitor-keys": "^3.3.0",
+                "espree": "^9.4.0",
+                "esquery": "^1.4.0",
+                "esutils": "^2.0.2",
+                "fast-deep-equal": "^3.1.3",
+                "file-entry-cache": "^6.0.1",
+                "find-up": "^5.0.0",
+                "glob-parent": "^6.0.2",
+                "globals": "^13.19.0",
+                "grapheme-splitter": "^1.0.4",
+                "ignore": "^5.2.0",
+                "import-fresh": "^3.0.0",
+                "imurmurhash": "^0.1.4",
+                "is-glob": "^4.0.0",
+                "is-path-inside": "^3.0.3",
+                "js-sdsl": "^4.1.4",
+                "js-yaml": "^4.1.0",
+                "json-stable-stringify-without-jsonify": "^1.0.1",
+                "levn": "^0.4.1",
+                "lodash.merge": "^4.6.2",
+                "minimatch": "^3.1.2",
+                "natural-compare": "^1.4.0",
+                "optionator": "^0.9.1",
+                "regexpp": "^3.2.0",
+                "strip-ansi": "^6.0.1",
+                "strip-json-comments": "^3.1.0",
+                "text-table": "^0.2.0"
+            },
+            "bin": {
+                "eslint": "bin/eslint.js"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/eslint-config-standard": {
+            "version": "17.0.0",
+            "resolved": "https://registry.npmmirror.com/eslint-config-standard/-/eslint-config-standard-17.0.0.tgz",
+            "integrity": "sha512-/2ks1GKyqSOkH7JFvXJicu0iMpoojkwB+f5Du/1SC0PtBL+s8v30k9njRZ21pm2drKYm2342jFnGWzttxPmZVg==",
+            "dev": true,
+            "peerDependencies": {
+                "eslint": "^8.0.1",
+                "eslint-plugin-import": "^2.25.2",
+                "eslint-plugin-n": "^15.0.0",
+                "eslint-plugin-promise": "^6.0.0"
+            }
+        },
+        "node_modules/eslint-config-standard-with-typescript": {
+            "version": "34.0.0",
+            "resolved": "https://registry.npmmirror.com/eslint-config-standard-with-typescript/-/eslint-config-standard-with-typescript-34.0.0.tgz",
+            "integrity": "sha512-zhCsI4/A0rJ1ma8sf3RLXYc0gc7yPmdTWRVXMh9dtqeUx3yBQyALH0wosHhk1uQ9QyItynLdNOtcHKNw8G7lQw==",
+            "dev": true,
+            "dependencies": {
+                "@typescript-eslint/parser": "^5.0.0",
+                "eslint-config-standard": "17.0.0"
+            },
+            "peerDependencies": {
+                "@typescript-eslint/eslint-plugin": "^5.0.0",
+                "eslint": "^8.0.1",
+                "eslint-plugin-import": "^2.25.2",
+                "eslint-plugin-n": "^15.0.0",
+                "eslint-plugin-promise": "^6.0.0",
+                "typescript": "*"
+            }
+        },
+        "node_modules/eslint-import-resolver-node": {
+            "version": "0.3.9",
+            "resolved": "https://registry.npmmirror.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+            "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^3.2.7",
+                "is-core-module": "^2.13.0",
+                "resolve": "^1.22.4"
+            }
+        },
+        "node_modules/eslint-import-resolver-node/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eslint-module-utils": {
+            "version": "2.8.0",
+            "resolved": "https://registry.npmmirror.com/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
+            "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^3.2.7"
+            },
+            "engines": {
+                "node": ">=4"
+            },
+            "peerDependenciesMeta": {
+                "eslint": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/eslint-module-utils/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eslint-plugin-es": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmmirror.com/eslint-plugin-es/-/eslint-plugin-es-4.1.0.tgz",
+            "integrity": "sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==",
+            "dev": true,
+            "dependencies": {
+                "eslint-utils": "^2.0.0",
+                "regexpp": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8.10.0"
+            },
+            "peerDependencies": {
+                "eslint": ">=4.19.1"
+            }
+        },
+        "node_modules/eslint-plugin-es/node_modules/eslint-utils": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/eslint-utils/-/eslint-utils-2.1.0.tgz",
+            "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+            "dev": true,
+            "dependencies": {
+                "eslint-visitor-keys": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/eslint-plugin-es/node_modules/eslint-visitor-keys": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+            "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/eslint-plugin-import": {
+            "version": "2.27.5",
+            "resolved": "https://registry.npmmirror.com/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz",
+            "integrity": "sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==",
+            "dev": true,
+            "dependencies": {
+                "array-includes": "^3.1.6",
+                "array.prototype.flat": "^1.3.1",
+                "array.prototype.flatmap": "^1.3.1",
+                "debug": "^3.2.7",
+                "doctrine": "^2.1.0",
+                "eslint-import-resolver-node": "^0.3.7",
+                "eslint-module-utils": "^2.7.4",
+                "has": "^1.0.3",
+                "is-core-module": "^2.11.0",
+                "is-glob": "^4.0.3",
+                "minimatch": "^3.1.2",
+                "object.values": "^1.1.6",
+                "resolve": "^1.22.1",
+                "semver": "^6.3.0",
+                "tsconfig-paths": "^3.14.1"
+            },
+            "engines": {
+                "node": ">=4"
+            },
+            "peerDependencies": {
+                "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/debug": {
+            "version": "3.2.7",
+            "resolved": "https://registry.npmmirror.com/debug/-/debug-3.2.7.tgz",
+            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+            "dev": true,
+            "dependencies": {
+                "ms": "^2.1.1"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/doctrine": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/doctrine/-/doctrine-2.1.0.tgz",
+            "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+            "dev": true,
+            "dependencies": {
+                "esutils": "^2.0.2"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/eslint-plugin-import/node_modules/semver": {
+            "version": "6.3.1",
+            "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+            "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+            "dev": true,
+            "bin": {
+                "semver": "bin/semver.js"
+            }
+        },
+        "node_modules/eslint-plugin-n": {
+            "version": "15.6.1",
+            "resolved": "https://registry.npmmirror.com/eslint-plugin-n/-/eslint-plugin-n-15.6.1.tgz",
+            "integrity": "sha512-R9xw9OtCRxxaxaszTQmQAlPgM+RdGjaL1akWuY/Fv9fRAi8Wj4CUKc6iYVG8QNRjRuo8/BqVYIpfqberJUEacA==",
+            "dev": true,
+            "dependencies": {
+                "builtins": "^5.0.1",
+                "eslint-plugin-es": "^4.1.0",
+                "eslint-utils": "^3.0.0",
+                "ignore": "^5.1.1",
+                "is-core-module": "^2.11.0",
+                "minimatch": "^3.1.2",
+                "resolve": "^1.22.1",
+                "semver": "^7.3.8"
+            },
+            "engines": {
+                "node": ">=12.22.0"
+            },
+            "peerDependencies": {
+                "eslint": ">=7.0.0"
+            }
+        },
+        "node_modules/eslint-plugin-promise": {
+            "version": "6.1.1",
+            "resolved": "https://registry.npmmirror.com/eslint-plugin-promise/-/eslint-plugin-promise-6.1.1.tgz",
+            "integrity": "sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/eslint-plugin-vue": {
+            "version": "9.9.0",
+            "resolved": "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-9.9.0.tgz",
+            "integrity": "sha512-YbubS7eK0J7DCf0U2LxvVP7LMfs6rC6UltihIgval3azO3gyDwEGVgsCMe1TmDiEkl6GdMKfRpaME6QxIYtzDQ==",
+            "dev": true,
+            "dependencies": {
+                "eslint-utils": "^3.0.0",
+                "natural-compare": "^1.4.0",
+                "nth-check": "^2.0.1",
+                "postcss-selector-parser": "^6.0.9",
+                "semver": "^7.3.5",
+                "vue-eslint-parser": "^9.0.1",
+                "xml-name-validator": "^4.0.0"
+            },
+            "engines": {
+                "node": "^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+            }
+        },
+        "node_modules/eslint-scope": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-5.1.1.tgz",
+            "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+            "dev": true,
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^4.1.1"
+            },
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
+        "node_modules/eslint-utils": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/eslint-utils/-/eslint-utils-3.0.0.tgz",
+            "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+            "dev": true,
+            "dependencies": {
+                "eslint-visitor-keys": "^2.0.0"
+            },
+            "engines": {
+                "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+            },
+            "peerDependencies": {
+                "eslint": ">=5"
+            }
+        },
+        "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+            "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/eslint-visitor-keys": {
+            "version": "3.4.3",
+            "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+            "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+            "dev": true,
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/eslint/node_modules/eslint-scope": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-7.2.2.tgz",
+            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+            "dev": true,
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/eslint/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/espree": {
+            "version": "9.6.1",
+            "resolved": "https://registry.npmmirror.com/espree/-/espree-9.6.1.tgz",
+            "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.9.0",
+                "acorn-jsx": "^5.3.2",
+                "eslint-visitor-keys": "^3.4.1"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/esquery": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmmirror.com/esquery/-/esquery-1.5.0.tgz",
+            "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+            "dev": true,
+            "dependencies": {
+                "estraverse": "^5.1.0"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/esquery/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esrecurse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmmirror.com/esrecurse/-/esrecurse-4.3.0.tgz",
+            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+            "dev": true,
+            "dependencies": {
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/esrecurse/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/estraverse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-4.3.0.tgz",
+            "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+        },
+        "node_modules/esutils": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
+            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/event-emitter": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmmirror.com/event-emitter/-/event-emitter-0.3.5.tgz",
+            "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+            "dependencies": {
+                "d": "1",
+                "es5-ext": "~0.10.14"
+            }
+        },
+        "node_modules/ext": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmmirror.com/ext/-/ext-1.7.0.tgz",
+            "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+            "dependencies": {
+                "type": "^2.7.2"
+            }
+        },
+        "node_modules/ext/node_modules/type": {
+            "version": "2.7.2",
+            "resolved": "https://registry.npmmirror.com/type/-/type-2.7.2.tgz",
+            "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
+        },
+        "node_modules/fast-deep-equal": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+            "dev": true
+        },
+        "node_modules/fast-glob": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.2.tgz",
+            "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+            "dev": true,
+            "dependencies": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.4"
+            },
+            "engines": {
+                "node": ">=8.6.0"
+            }
+        },
+        "node_modules/fast-glob/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dev": true,
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/fast-json-stable-stringify": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+            "dev": true
+        },
+        "node_modules/fast-levenshtein": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmmirror.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+            "dev": true
+        },
+        "node_modules/fastq": {
+            "version": "1.16.0",
+            "resolved": "https://registry.npmmirror.com/fastq/-/fastq-1.16.0.tgz",
+            "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
+            "dev": true,
+            "dependencies": {
+                "reusify": "^1.0.4"
+            }
+        },
+        "node_modules/file-entry-cache": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmmirror.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+            "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+            "dev": true,
+            "dependencies": {
+                "flat-cache": "^3.0.4"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/fill-range": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.0.1.tgz",
+            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+            "dependencies": {
+                "to-regex-range": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/find-up": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/find-up/-/find-up-5.0.0.tgz",
+            "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+            "dev": true,
+            "dependencies": {
+                "locate-path": "^6.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/flat": {
+            "version": "5.0.2",
+            "resolved": "https://registry.npmmirror.com/flat/-/flat-5.0.2.tgz",
+            "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+            "dev": true,
+            "bin": {
+                "flat": "cli.js"
+            }
+        },
+        "node_modules/flat-cache": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmmirror.com/flat-cache/-/flat-cache-3.2.0.tgz",
+            "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+            "dev": true,
+            "dependencies": {
+                "flatted": "^3.2.9",
+                "keyv": "^4.5.3",
+                "rimraf": "^3.0.2"
+            },
+            "engines": {
+                "node": "^10.12.0 || >=12.0.0"
+            }
+        },
+        "node_modules/flatted": {
+            "version": "3.2.9",
+            "resolved": "https://registry.npmmirror.com/flatted/-/flatted-3.2.9.tgz",
+            "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
+            "dev": true
+        },
+        "node_modules/follow-redirects": {
+            "version": "1.15.3",
+            "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.3.tgz",
+            "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/for-each": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmmirror.com/for-each/-/for-each-0.3.3.tgz",
+            "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+            "dev": true,
+            "dependencies": {
+                "is-callable": "^1.1.3"
+            }
+        },
+        "node_modules/form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/fraction.js": {
+            "version": "4.3.7",
+            "resolved": "https://registry.npmmirror.com/fraction.js/-/fraction.js-4.3.7.tgz",
+            "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+            "dev": true,
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/fs-minipass": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/fs-minipass/-/fs-minipass-2.1.0.tgz",
+            "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+            "dev": true,
+            "dependencies": {
+                "minipass": "^3.0.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/fs-minipass/node_modules/minipass": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+            "dev": true,
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/fs.realpath": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+            "dev": true
+        },
+        "node_modules/fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "hasInstallScript": true,
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
+        "node_modules/function-bind": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+            "dev": true
+        },
+        "node_modules/function.prototype.name": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmmirror.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+            "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1",
+                "functions-have-names": "^1.2.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/functions-have-names": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmmirror.com/functions-have-names/-/functions-have-names-1.2.3.tgz",
+            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+            "dev": true
+        },
+        "node_modules/gensync": {
+            "version": "1.0.0-beta.2",
+            "resolved": "https://registry.npmmirror.com/gensync/-/gensync-1.0.0-beta.2.tgz",
+            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+            "dev": true,
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/get-caller-file": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz",
+            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+            "engines": {
+                "node": "6.* || 8.* || >= 10.*"
+            }
+        },
+        "node_modules/get-intrinsic": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
+            "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.2",
+                "has-proto": "^1.0.1",
+                "has-symbols": "^1.0.3",
+                "hasown": "^2.0.0"
+            }
+        },
+        "node_modules/get-symbol-description": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+            "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/giget": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmmirror.com/giget/-/giget-1.1.3.tgz",
+            "integrity": "sha512-zHuCeqtfgqgDwvXlR84UNgnJDuUHQcNI5OqWqFxxuk2BshuKbYhJWdxBsEo4PvKqoGh23lUAIvBNpChMLv7/9Q==",
+            "dev": true,
+            "dependencies": {
+                "colorette": "^2.0.20",
+                "defu": "^6.1.2",
+                "https-proxy-agent": "^7.0.2",
+                "mri": "^1.2.0",
+                "node-fetch-native": "^1.4.0",
+                "pathe": "^1.1.1",
+                "tar": "^6.2.0"
+            },
+            "bin": {
+                "giget": "dist/cli.mjs"
+            }
+        },
+        "node_modules/glob": {
+            "version": "7.2.3",
+            "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "dev": true,
+            "dependencies": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.1.1",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
+            },
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/glob-parent": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+            "dev": true,
+            "dependencies": {
+                "is-glob": "^4.0.3"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/globals": {
+            "version": "13.24.0",
+            "resolved": "https://registry.npmmirror.com/globals/-/globals-13.24.0.tgz",
+            "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+            "dev": true,
+            "dependencies": {
+                "type-fest": "^0.20.2"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/globalthis": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/globalthis/-/globalthis-1.0.3.tgz",
+            "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+            "dev": true,
+            "dependencies": {
+                "define-properties": "^1.1.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/globby": {
+            "version": "11.1.0",
+            "resolved": "https://registry.npmmirror.com/globby/-/globby-11.1.0.tgz",
+            "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+            "dev": true,
+            "dependencies": {
+                "array-union": "^2.1.0",
+                "dir-glob": "^3.0.1",
+                "fast-glob": "^3.2.9",
+                "ignore": "^5.2.0",
+                "merge2": "^1.4.1",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/good-listener": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmmirror.com/good-listener/-/good-listener-1.2.2.tgz",
+            "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
+            "dependencies": {
+                "delegate": "^3.1.2"
+            }
+        },
+        "node_modules/gopd": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.0.1.tgz",
+            "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.1.3"
+            }
+        },
+        "node_modules/grapheme-splitter": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz",
+            "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
+            "dev": true
+        },
+        "node_modules/has": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/has/-/has-1.0.4.tgz",
+            "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4.0"
+            }
+        },
+        "node_modules/has-bigints": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz",
+            "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+            "dev": true
+        },
+        "node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/has-property-descriptors": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
+            "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.2.2"
+            }
+        },
+        "node_modules/has-proto": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/has-proto/-/has-proto-1.0.1.tgz",
+            "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/has-tostringtag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+            "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+            "dev": true,
+            "dependencies": {
+                "has-symbols": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/hash-sum": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz",
+            "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+            "dev": true
+        },
+        "node_modules/hasown": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.0.tgz",
+            "integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
+            "dev": true,
+            "dependencies": {
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/he": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmmirror.com/he/-/he-1.2.0.tgz",
+            "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+            "dev": true,
+            "bin": {
+                "he": "bin/he"
+            }
+        },
+        "node_modules/highlight.js": {
+            "version": "11.0.1",
+            "resolved": "https://registry.npmmirror.com/highlight.js/-/highlight.js-11.0.1.tgz",
+            "integrity": "sha512-EqYpWyTF2s8nMfttfBA2yLKPNoZCO33pLS4MnbXQ4hECf1TKujCt1Kq7QAdrio7roL4+CqsfjqwYj4tYgq0pJQ==",
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
+        "node_modules/hls.js": {
+            "version": "1.4.14",
+            "resolved": "https://registry.npmmirror.com/hls.js/-/hls.js-1.4.14.tgz",
+            "integrity": "sha512-UppQjyvPVclg+6t2KY/Rv03h0+bA5u6zwqVoz4LAC/L0fgYmIaCD7ZCrwe8WI1Gv01be1XL0QFsRbSdIHV/Wbw=="
+        },
+        "node_modules/hookable": {
+            "version": "5.5.3",
+            "resolved": "https://registry.npmmirror.com/hookable/-/hookable-5.5.3.tgz",
+            "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+            "dev": true
+        },
+        "node_modules/html-void-elements": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/html-void-elements/-/html-void-elements-2.0.1.tgz",
+            "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A=="
+        },
+        "node_modules/https-proxy-agent": {
+            "version": "7.0.2",
+            "resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz",
+            "integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==",
+            "dev": true,
+            "dependencies": {
+                "agent-base": "^7.0.2",
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 14"
+            }
+        },
+        "node_modules/i18next": {
+            "version": "20.6.1",
+            "resolved": "https://registry.npmmirror.com/i18next/-/i18next-20.6.1.tgz",
+            "integrity": "sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==",
+            "dependencies": {
+                "@babel/runtime": "^7.12.0"
+            }
+        },
+        "node_modules/ignore": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.0.tgz",
+            "integrity": "sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 4"
+            }
+        },
+        "node_modules/immer": {
+            "version": "9.0.21",
+            "resolved": "https://registry.npmmirror.com/immer/-/immer-9.0.21.tgz",
+            "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA=="
+        },
+        "node_modules/immutable": {
+            "version": "4.3.4",
+            "resolved": "https://registry.npmmirror.com/immutable/-/immutable-4.3.4.tgz",
+            "integrity": "sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA=="
+        },
+        "node_modules/import-fresh": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmmirror.com/import-fresh/-/import-fresh-3.3.0.tgz",
+            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+            "dev": true,
+            "dependencies": {
+                "parent-module": "^1.0.0",
+                "resolve-from": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/imurmurhash": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmmirror.com/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8.19"
+            }
+        },
+        "node_modules/inflight": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+            "dev": true,
+            "dependencies": {
+                "once": "^1.3.0",
+                "wrappy": "1"
+            }
+        },
+        "node_modules/inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+            "dev": true
+        },
+        "node_modules/internal-slot": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmmirror.com/internal-slot/-/internal-slot-1.0.6.tgz",
+            "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
+            "dev": true,
+            "dependencies": {
+                "get-intrinsic": "^1.2.2",
+                "hasown": "^2.0.0",
+                "side-channel": "^1.0.4"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-array-buffer": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmmirror.com/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+            "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.0",
+                "is-typed-array": "^1.1.10"
+            }
+        },
+        "node_modules/is-bigint": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/is-bigint/-/is-bigint-1.0.4.tgz",
+            "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+            "dev": true,
+            "dependencies": {
+                "has-bigints": "^1.0.1"
+            }
+        },
+        "node_modules/is-binary-path": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz",
+            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+            "dependencies": {
+                "binary-extensions": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-boolean-object": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmmirror.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+            "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-callable": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmmirror.com/is-callable/-/is-callable-1.2.7.tgz",
+            "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-core-module": {
+            "version": "2.13.1",
+            "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.13.1.tgz",
+            "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+            "dev": true,
+            "dependencies": {
+                "hasown": "^2.0.0"
+            }
+        },
+        "node_modules/is-date-object": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmmirror.com/is-date-object/-/is-date-object-1.0.5.tgz",
+            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+            "dependencies": {
+                "is-extglob": "^2.1.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-hotkey": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmmirror.com/is-hotkey/-/is-hotkey-0.2.0.tgz",
+            "integrity": "sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw=="
+        },
+        "node_modules/is-negative-zero": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmmirror.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+            "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+            "engines": {
+                "node": ">=0.12.0"
+            }
+        },
+        "node_modules/is-number-object": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmmirror.com/is-number-object/-/is-number-object-1.0.7.tgz",
+            "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-path-inside": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmmirror.com/is-path-inside/-/is-path-inside-3.0.3.tgz",
+            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/is-plain-object": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/is-plain-object/-/is-plain-object-5.0.0.tgz",
+            "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-regex": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmmirror.com/is-regex/-/is-regex-1.1.4.tgz",
+            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-shared-array-buffer": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+            "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2"
+            }
+        },
+        "node_modules/is-string": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmmirror.com/is-string/-/is-string-1.0.7.tgz",
+            "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+            "dev": true,
+            "dependencies": {
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-symbol": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/is-symbol/-/is-symbol-1.0.4.tgz",
+            "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+            "dev": true,
+            "dependencies": {
+                "has-symbols": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-typed-array": {
+            "version": "1.1.12",
+            "resolved": "https://registry.npmmirror.com/is-typed-array/-/is-typed-array-1.1.12.tgz",
+            "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+            "dev": true,
+            "dependencies": {
+                "which-typed-array": "^1.1.11"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/is-url": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmmirror.com/is-url/-/is-url-1.2.4.tgz",
+            "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
+        },
+        "node_modules/is-weakref": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/is-weakref/-/is-weakref-1.0.2.tgz",
+            "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2"
+            }
+        },
+        "node_modules/isarray": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmmirror.com/isarray/-/isarray-2.0.5.tgz",
+            "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+            "dev": true
+        },
+        "node_modules/isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+            "dev": true
+        },
+        "node_modules/jiti": {
+            "version": "1.21.0",
+            "resolved": "https://registry.npmmirror.com/jiti/-/jiti-1.21.0.tgz",
+            "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
+            "dev": true,
+            "bin": {
+                "jiti": "bin/jiti.js"
+            }
+        },
+        "node_modules/js-sdsl": {
+            "version": "4.4.2",
+            "resolved": "https://registry.npmmirror.com/js-sdsl/-/js-sdsl-4.4.2.tgz",
+            "integrity": "sha512-dwXFwByc/ajSV6m5bcKAPwe4yDDF6D614pxmIi5odytzxRlwqF6nwoiCek80Ixc7Cvma5awClxrzFtxCQvcM8w==",
+            "dev": true
+        },
+        "node_modules/js-tokens": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "dev": true
+        },
+        "node_modules/js-yaml": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmmirror.com/js-yaml/-/js-yaml-4.1.0.tgz",
+            "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+            "dev": true,
+            "dependencies": {
+                "argparse": "^2.0.1"
+            },
+            "bin": {
+                "js-yaml": "bin/js-yaml.js"
+            }
+        },
+        "node_modules/jsesc": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmmirror.com/jsesc/-/jsesc-2.5.2.tgz",
+            "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+            "dev": true,
+            "bin": {
+                "jsesc": "bin/jsesc"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/json-buffer": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmmirror.com/json-buffer/-/json-buffer-3.0.1.tgz",
+            "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+            "dev": true
+        },
+        "node_modules/json-schema-traverse": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmmirror.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+            "dev": true
+        },
+        "node_modules/json-stable-stringify-without-jsonify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+            "dev": true
+        },
+        "node_modules/json5": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/json5/-/json5-1.0.2.tgz",
+            "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+            "dev": true,
+            "dependencies": {
+                "minimist": "^1.2.0"
+            },
+            "bin": {
+                "json5": "lib/cli.js"
+            }
+        },
+        "node_modules/jsonc-parser": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmmirror.com/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
+            "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
+            "dev": true
+        },
+        "node_modules/keyv": {
+            "version": "4.5.4",
+            "resolved": "https://registry.npmmirror.com/keyv/-/keyv-4.5.4.tgz",
+            "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+            "dev": true,
+            "dependencies": {
+                "json-buffer": "3.0.1"
+            }
+        },
+        "node_modules/knitwork": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/knitwork/-/knitwork-1.0.0.tgz",
+            "integrity": "sha512-dWl0Dbjm6Xm+kDxhPQJsCBTxrJzuGl0aP9rhr+TG8D3l+GL90N8O8lYUi7dTSAN2uuDqCtNgb6aEuQH5wsiV8Q==",
+            "dev": true
+        },
+        "node_modules/levn": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmmirror.com/levn/-/levn-0.4.1.tgz",
+            "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+            "dev": true,
+            "dependencies": {
+                "prelude-ls": "^1.2.1",
+                "type-check": "~0.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/lilconfig": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/lilconfig/-/lilconfig-2.1.0.tgz",
+            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/local-pkg": {
+            "version": "0.4.3",
+            "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.4.3.tgz",
+            "integrity": "sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==",
+            "dev": true,
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/locate-path": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-6.0.0.tgz",
+            "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+            "dev": true,
+            "dependencies": {
+                "p-locate": "^5.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "node_modules/lodash-es": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz",
+            "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+        },
+        "node_modules/lodash-unified": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz",
+            "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
+            "peerDependencies": {
+                "@types/lodash-es": "*",
+                "lodash": "*",
+                "lodash-es": "*"
+            }
+        },
+        "node_modules/lodash.camelcase": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmmirror.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+            "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+        },
+        "node_modules/lodash.clonedeep": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmmirror.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+            "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
+        },
+        "node_modules/lodash.debounce": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+            "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+        },
+        "node_modules/lodash.foreach": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmmirror.com/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+            "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
+        },
+        "node_modules/lodash.isequal": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+            "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
+        },
+        "node_modules/lodash.merge": {
+            "version": "4.6.2",
+            "resolved": "https://registry.npmmirror.com/lodash.merge/-/lodash.merge-4.6.2.tgz",
+            "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+            "dev": true
+        },
+        "node_modules/lodash.throttle": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmmirror.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+            "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
+        },
+        "node_modules/lodash.toarray": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmmirror.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
+            "integrity": "sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw=="
+        },
+        "node_modules/lru-cache": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+            "dev": true,
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/magic-string": {
+            "version": "0.27.0",
+            "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.27.0.tgz",
+            "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.13"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/memoize-one": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz",
+            "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+        },
+        "node_modules/merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/micromatch": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.5.tgz",
+            "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+            "dev": true,
+            "dependencies": {
+                "braces": "^3.0.2",
+                "picomatch": "^2.3.1"
+            },
+            "engines": {
+                "node": ">=8.6"
+            }
+        },
+        "node_modules/mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/mime-match/-/mime-match-1.0.2.tgz",
+            "integrity": "sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==",
+            "dependencies": {
+                "wildcard": "^1.1.0"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "dependencies": {
+                "mime-db": "1.52.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "dev": true,
+            "dependencies": {
+                "brace-expansion": "^1.1.7"
+            },
+            "engines": {
+                "node": "*"
+            }
+        },
+        "node_modules/minimist": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmmirror.com/minimist/-/minimist-1.2.8.tgz",
+            "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+            "dev": true
+        },
+        "node_modules/minipass": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/minipass/-/minipass-5.0.0.tgz",
+            "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/minizlib": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmmirror.com/minizlib/-/minizlib-2.1.2.tgz",
+            "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+            "dev": true,
+            "dependencies": {
+                "minipass": "^3.0.0",
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/minizlib/node_modules/minipass": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz",
+            "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
+            "dev": true,
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/mkdirp": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz",
+            "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+            "dev": true,
+            "bin": {
+                "mkdirp": "bin/cmd.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/mlly": {
+            "version": "1.4.2",
+            "resolved": "https://registry.npmmirror.com/mlly/-/mlly-1.4.2.tgz",
+            "integrity": "sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.10.0",
+                "pathe": "^1.1.1",
+                "pkg-types": "^1.0.3",
+                "ufo": "^1.3.0"
+            }
+        },
+        "node_modules/mri": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmmirror.com/mri/-/mri-1.2.0.tgz",
+            "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/ms": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
+            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+        },
+        "node_modules/muggle-string": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmmirror.com/muggle-string/-/muggle-string-0.1.0.tgz",
+            "integrity": "sha512-Tr1knR3d2mKvvWthlk7202rywKbiOm4rVFLsfAaSIhJ6dt9o47W4S+JMtWhd/PW9Wrdew2/S2fSvhz3E2gkfEg==",
+            "dev": true
+        },
+        "node_modules/namespace-emitter": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/namespace-emitter/-/namespace-emitter-2.0.1.tgz",
+            "integrity": "sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g=="
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.7",
+            "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.7.tgz",
+            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/natural-compare": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmmirror.com/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+            "dev": true
+        },
+        "node_modules/natural-compare-lite": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmmirror.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
+            "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
+            "dev": true
+        },
+        "node_modules/next-tick": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmmirror.com/next-tick/-/next-tick-1.1.0.tgz",
+            "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+        },
+        "node_modules/node-fetch-native": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmmirror.com/node-fetch-native/-/node-fetch-native-1.4.1.tgz",
+            "integrity": "sha512-NsXBU0UgBxo2rQLOeWNZqS3fvflWePMECr8CoSWoSTqCqGbVVsvl9vZu1HfQicYN0g5piV9Gh8RTEvo/uP752w==",
+            "dev": true
+        },
+        "node_modules/node-releases": {
+            "version": "2.0.14",
+            "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.14.tgz",
+            "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+            "dev": true
+        },
+        "node_modules/normalize-path": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz",
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/normalize-range": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmmirror.com/normalize-range/-/normalize-range-0.1.2.tgz",
+            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/normalize-wheel-es": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+            "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw=="
+        },
+        "node_modules/nprogress": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmmirror.com/nprogress/-/nprogress-0.2.0.tgz",
+            "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
+        },
+        "node_modules/nth-check": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz",
+            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+            "dev": true,
+            "dependencies": {
+                "boolbase": "^1.0.0"
+            }
+        },
+        "node_modules/object-hash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/object-hash/-/object-hash-3.0.0.tgz",
+            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+            "dev": true,
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/object-inspect": {
+            "version": "1.13.1",
+            "resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.13.1.tgz",
+            "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+            "dev": true
+        },
+        "node_modules/object-keys": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmmirror.com/object-keys/-/object-keys-1.1.1.tgz",
+            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/object.assign": {
+            "version": "4.1.5",
+            "resolved": "https://registry.npmmirror.com/object.assign/-/object.assign-4.1.5.tgz",
+            "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.5",
+                "define-properties": "^1.2.1",
+                "has-symbols": "^1.0.3",
+                "object-keys": "^1.1.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/object.values": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmmirror.com/object.values/-/object.values-1.1.7.tgz",
+            "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/ohash": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmmirror.com/ohash/-/ohash-1.1.3.tgz",
+            "integrity": "sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==",
+            "dev": true
+        },
+        "node_modules/once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
+            "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+            "dev": true,
+            "dependencies": {
+                "wrappy": "1"
+            }
+        },
+        "node_modules/optionator": {
+            "version": "0.9.3",
+            "resolved": "https://registry.npmmirror.com/optionator/-/optionator-0.9.3.tgz",
+            "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+            "dev": true,
+            "dependencies": {
+                "@aashutoshrathi/word-wrap": "^1.2.3",
+                "deep-is": "^0.1.3",
+                "fast-levenshtein": "^2.0.6",
+                "levn": "^0.4.1",
+                "prelude-ls": "^1.2.1",
+                "type-check": "^0.4.0"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/p-limit": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmmirror.com/p-limit/-/p-limit-3.1.0.tgz",
+            "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+            "dev": true,
+            "dependencies": {
+                "yocto-queue": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/p-locate": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/p-locate/-/p-locate-5.0.0.tgz",
+            "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+            "dev": true,
+            "dependencies": {
+                "p-limit": "^3.0.2"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/p-try": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmmirror.com/p-try/-/p-try-2.2.0.tgz",
+            "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/parent-module": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/parent-module/-/parent-module-1.0.1.tgz",
+            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+            "dev": true,
+            "dependencies": {
+                "callsites": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/path-exists": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
+            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-is-absolute": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/path-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmmirror.com/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+            "dev": true
+        },
+        "node_modules/path-type": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/path-type/-/path-type-4.0.0.tgz",
+            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/pathe": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmmirror.com/pathe/-/pathe-1.1.1.tgz",
+            "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==",
+            "dev": true
+        },
+        "node_modules/perfect-debounce": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+            "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+            "dev": true
+        },
+        "node_modules/picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+        },
+        "node_modules/picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "engines": {
+                "node": ">=8.6"
+            }
+        },
+        "node_modules/pify": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz",
+            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/pinia": {
+            "version": "2.0.30",
+            "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.0.30.tgz",
+            "integrity": "sha512-q6DUmxWwe/mQgg+55QQjykpKC+aGeGdaJV3niminl19V08dE+LRTvSEuqi6/NLSGCKHI49KGL6tMNEOssFiMyA==",
+            "dependencies": {
+                "@vue/devtools-api": "^6.4.5",
+                "vue-demi": "*"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.4.0",
+                "typescript": ">=4.4.4",
+                "vue": "^2.6.14 || ^3.2.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                },
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/pinia/node_modules/vue-demi": {
+            "version": "0.14.6",
+            "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.6.tgz",
+            "integrity": "sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==",
+            "hasInstallScript": true,
+            "bin": {
+                "vue-demi-fix": "bin/vue-demi-fix.js",
+                "vue-demi-switch": "bin/vue-demi-switch.js"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "peerDependencies": {
+                "@vue/composition-api": "^1.0.0-rc.1",
+                "vue": "^3.0.0-0 || ^2.6.0"
+            },
+            "peerDependenciesMeta": {
+                "@vue/composition-api": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/pkg-types": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.0.3.tgz",
+            "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
+            "dev": true,
+            "dependencies": {
+                "jsonc-parser": "^3.2.0",
+                "mlly": "^1.2.0",
+                "pathe": "^1.1.0"
+            }
+        },
+        "node_modules/pngjs": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/pngjs/-/pngjs-5.0.0.tgz",
+            "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.4.21",
+            "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.21.tgz",
+            "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
+            "dependencies": {
+                "nanoid": "^3.3.4",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.2"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/postcss-import": {
+            "version": "14.1.0",
+            "resolved": "https://registry.npmmirror.com/postcss-import/-/postcss-import-14.1.0.tgz",
+            "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
+            "dev": true,
+            "dependencies": {
+                "postcss-value-parser": "^4.0.0",
+                "read-cache": "^1.0.0",
+                "resolve": "^1.1.7"
+            },
+            "engines": {
+                "node": ">=10.0.0"
+            },
+            "peerDependencies": {
+                "postcss": "^8.0.0"
+            }
+        },
+        "node_modules/postcss-js": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmmirror.com/postcss-js/-/postcss-js-4.0.1.tgz",
+            "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+            "dev": true,
+            "dependencies": {
+                "camelcase-css": "^2.0.1"
+            },
+            "engines": {
+                "node": "^12 || ^14 || >= 16"
+            },
+            "peerDependencies": {
+                "postcss": "^8.4.21"
+            }
+        },
+        "node_modules/postcss-load-config": {
+            "version": "3.1.4",
+            "resolved": "https://registry.npmmirror.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
+            "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
+            "dev": true,
+            "dependencies": {
+                "lilconfig": "^2.0.5",
+                "yaml": "^1.10.2"
+            },
+            "engines": {
+                "node": ">= 10"
+            },
+            "peerDependencies": {
+                "postcss": ">=8.0.9",
+                "ts-node": ">=9.0.0"
+            },
+            "peerDependenciesMeta": {
+                "postcss": {
+                    "optional": true
+                },
+                "ts-node": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/postcss-nested": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmmirror.com/postcss-nested/-/postcss-nested-6.0.0.tgz",
+            "integrity": "sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==",
+            "dev": true,
+            "dependencies": {
+                "postcss-selector-parser": "^6.0.10"
+            },
+            "engines": {
+                "node": ">=12.0"
+            },
+            "peerDependencies": {
+                "postcss": "^8.2.14"
+            }
+        },
+        "node_modules/postcss-selector-parser": {
+            "version": "6.0.13",
+            "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
+            "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+            "dev": true,
+            "dependencies": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/postcss-value-parser": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+            "dev": true
+        },
+        "node_modules/preact": {
+            "version": "10.19.3",
+            "resolved": "https://registry.npmmirror.com/preact/-/preact-10.19.3.tgz",
+            "integrity": "sha512-nHHTeFVBTHRGxJXKkKu5hT8C/YWBkPso4/Gad6xuj5dbptt9iF9NZr9pHbPhBrnT2klheu7mHTxTZ/LjwJiEiQ=="
+        },
+        "node_modules/prelude-ls": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz",
+            "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/prismjs": {
+            "version": "1.29.0",
+            "resolved": "https://registry.npmmirror.com/prismjs/-/prismjs-1.29.0.tgz",
+            "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/proxy-from-env": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+        },
+        "node_modules/punycode": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
+            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/qrcode": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmmirror.com/qrcode/-/qrcode-1.5.1.tgz",
+            "integrity": "sha512-nS8NJ1Z3md8uTjKtP+SGGhfqmTCs5flU/xR623oI0JX+Wepz9R8UrRVCTBTJm3qGw3rH6jJ6MUHjkDx15cxSSg==",
+            "dependencies": {
+                "dijkstrajs": "^1.0.1",
+                "encode-utf8": "^1.0.3",
+                "pngjs": "^5.0.0",
+                "yargs": "^15.3.1"
+            },
+            "bin": {
+                "qrcode": "bin/qrcode"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+            "dev": true
+        },
+        "node_modules/quick-lru": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmmirror.com/quick-lru/-/quick-lru-5.1.1.tgz",
+            "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/rc9": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmmirror.com/rc9/-/rc9-2.1.1.tgz",
+            "integrity": "sha512-lNeOl38Ws0eNxpO3+wD1I9rkHGQyj1NU1jlzv4go2CtEnEQEUfqnIvZG7W+bC/aXdJ27n5x/yUjb6RoT9tko+Q==",
+            "dev": true,
+            "dependencies": {
+                "defu": "^6.1.2",
+                "destr": "^2.0.0",
+                "flat": "^5.0.2"
+            }
+        },
+        "node_modules/read-cache": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz",
+            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+            "dev": true,
+            "dependencies": {
+                "pify": "^2.3.0"
+            }
+        },
+        "node_modules/readdirp": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
+            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+            "dependencies": {
+                "picomatch": "^2.2.1"
+            },
+            "engines": {
+                "node": ">=8.10.0"
+            }
+        },
+        "node_modules/regenerator-runtime": {
+            "version": "0.14.1",
+            "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+            "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+        },
+        "node_modules/regexp.prototype.flags": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmmirror.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+            "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "set-function-name": "^2.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/regexpp": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmmirror.com/regexpp/-/regexpp-3.2.0.tgz",
+            "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/require-directory": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
+            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/require-main-filename": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/require-main-filename/-/require-main-filename-2.0.0.tgz",
+            "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
+        },
+        "node_modules/resolve": {
+            "version": "1.22.8",
+            "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.8.tgz",
+            "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+            "dev": true,
+            "dependencies": {
+                "is-core-module": "^2.13.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
+            },
+            "bin": {
+                "resolve": "bin/resolve"
+            }
+        },
+        "node_modules/resolve-from": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/resolve-from/-/resolve-from-4.0.0.tgz",
+            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/reusify/-/reusify-1.0.4.tgz",
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+            "dev": true,
+            "engines": {
+                "iojs": ">=1.0.0",
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/rgb": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmmirror.com/rgb/-/rgb-0.1.0.tgz",
+            "integrity": "sha512-F49dXX73a92N09uQkfCp2QjwXpmJcn9/i9PvjmwsSIXUGqRLCf/yx5Q9gRxuLQTq248kakqQuc8GX/U/CxSqlA==",
+            "bin": {
+                "rgb": "bin/rgb"
+            }
+        },
+        "node_modules/rimraf": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmmirror.com/rimraf/-/rimraf-3.0.2.tgz",
+            "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+            "dev": true,
+            "dependencies": {
+                "glob": "^7.1.3"
+            },
+            "bin": {
+                "rimraf": "bin.js"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "3.29.4",
+            "resolved": "https://registry.npmmirror.com/rollup/-/rollup-3.29.4.tgz",
+            "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+            "dev": true,
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=14.18.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "dev": true,
+            "dependencies": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "node_modules/safe-array-concat": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmmirror.com/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
+            "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.1",
+                "has-symbols": "^1.0.3",
+                "isarray": "^2.0.5"
+            },
+            "engines": {
+                "node": ">=0.4"
+            }
+        },
+        "node_modules/safe-regex-test": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
+            "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.3",
+                "is-regex": "^1.1.4"
+            }
+        },
+        "node_modules/sass": {
+            "version": "1.58.0",
+            "resolved": "https://registry.npmmirror.com/sass/-/sass-1.58.0.tgz",
+            "integrity": "sha512-PiMJcP33DdKtZ/1jSjjqVIKihoDc6yWmYr9K/4r3fVVIEDAluD0q7XZiRKrNJcPK3qkLRF/79DND1H5q1LBjgg==",
+            "dependencies": {
+                "chokidar": ">=3.0.0 <4.0.0",
+                "immutable": "^4.0.0",
+                "source-map-js": ">=0.6.2 <2.0.0"
+            },
+            "bin": {
+                "sass": "sass.js"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
+        "node_modules/scroll-into-view-if-needed": {
+            "version": "2.2.31",
+            "resolved": "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+            "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+            "dependencies": {
+                "compute-scroll-into-view": "^1.0.20"
+            }
+        },
+        "node_modules/scule": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmmirror.com/scule/-/scule-1.1.1.tgz",
+            "integrity": "sha512-sHtm/SsIK9BUBI3EFT/Gnp9VoKfY6QLvlkvAE6YK7454IF8FSgJEAnJpVdSC7K5/pjI5NfxhzBLW2JAfYA/shQ==",
+            "dev": true
+        },
+        "node_modules/select": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmmirror.com/select/-/select-1.1.2.tgz",
+            "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA=="
+        },
+        "node_modules/semver": {
+            "version": "7.5.4",
+            "resolved": "https://registry.npmmirror.com/semver/-/semver-7.5.4.tgz",
+            "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+            "dev": true,
+            "dependencies": {
+                "lru-cache": "^6.0.0"
+            },
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/set-blocking": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
+            "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+        },
+        "node_modules/set-function-length": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.1.1.tgz",
+            "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+            "dev": true,
+            "dependencies": {
+                "define-data-property": "^1.1.1",
+                "get-intrinsic": "^1.2.1",
+                "gopd": "^1.0.1",
+                "has-property-descriptors": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/set-function-name": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/set-function-name/-/set-function-name-2.0.1.tgz",
+            "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+            "dev": true,
+            "dependencies": {
+                "define-data-property": "^1.0.1",
+                "functions-have-names": "^1.2.3",
+                "has-property-descriptors": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/shebang-command": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+            "dev": true,
+            "dependencies": {
+                "shebang-regex": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/shebang-regex": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            }
+        },
+        "node_modules/slash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/slash/-/slash-3.0.0.tgz",
+            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/slate": {
+            "version": "0.72.8",
+            "resolved": "https://registry.npmmirror.com/slate/-/slate-0.72.8.tgz",
+            "integrity": "sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==",
+            "dependencies": {
+                "immer": "^9.0.6",
+                "is-plain-object": "^5.0.0",
+                "tiny-warning": "^1.0.3"
+            }
+        },
+        "node_modules/slate-history": {
+            "version": "0.66.0",
+            "resolved": "https://registry.npmmirror.com/slate-history/-/slate-history-0.66.0.tgz",
+            "integrity": "sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==",
+            "dependencies": {
+                "is-plain-object": "^5.0.0"
+            },
+            "peerDependencies": {
+                "slate": ">=0.65.3"
+            }
+        },
+        "node_modules/snabbdom": {
+            "version": "3.5.1",
+            "resolved": "https://registry.npmmirror.com/snabbdom/-/snabbdom-3.5.1.tgz",
+            "integrity": "sha512-wHMNIOjkm/YNE5EM3RCbr/+DVgPg6AqQAX1eOxO46zYNvCXjKP5Y865tqQj3EXnaMBjkxmQA5jFuDpDK/dbfiA==",
+            "engines": {
+                "node": ">=8.3.0"
+            }
+        },
+        "node_modules/sortablejs": {
+            "version": "1.15.0",
+            "resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.15.0.tgz",
+            "integrity": "sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w=="
+        },
+        "node_modules/source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/sourcemap-codec": {
+            "version": "1.4.8",
+            "resolved": "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+            "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+            "deprecated": "Please use @jridgewell/sourcemap-codec instead"
+        },
+        "node_modules/ssr-window": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-3.0.0.tgz",
+            "integrity": "sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA=="
+        },
+        "node_modules/std-env": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmmirror.com/std-env/-/std-env-3.6.0.tgz",
+            "integrity": "sha512-aFZ19IgVmhdB2uX599ve2kE6BIE3YMnQ6Gp6BURhW/oIzpXGKr878TQfAQZn1+i0Flcc/UKUy1gOlcfaUBCryg==",
+            "dev": true
+        },
+        "node_modules/string-width": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "dependencies": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/string.prototype.trim": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmmirror.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
+            "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/string.prototype.trimend": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmmirror.com/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
+            "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            }
+        },
+        "node_modules/string.prototype.trimstart": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmmirror.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
+            "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.2.0",
+                "es-abstract": "^1.22.1"
+            }
+        },
+        "node_modules/strip-ansi": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "dependencies": {
+                "ansi-regex": "^5.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-bom": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/strip-bom/-/strip-bom-3.0.0.tgz",
+            "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/strip-json-comments": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmmirror.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/strip-literal": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-1.3.0.tgz",
+            "integrity": "sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.10.0"
+            }
+        },
+        "node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+            "dev": true,
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/tailwindcss": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-3.2.4.tgz",
+            "integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==",
+            "dev": true,
+            "dependencies": {
+                "arg": "^5.0.2",
+                "chokidar": "^3.5.3",
+                "color-name": "^1.1.4",
+                "detective": "^5.2.1",
+                "didyoumean": "^1.2.2",
+                "dlv": "^1.1.3",
+                "fast-glob": "^3.2.12",
+                "glob-parent": "^6.0.2",
+                "is-glob": "^4.0.3",
+                "lilconfig": "^2.0.6",
+                "micromatch": "^4.0.5",
+                "normalize-path": "^3.0.0",
+                "object-hash": "^3.0.0",
+                "picocolors": "^1.0.0",
+                "postcss": "^8.4.18",
+                "postcss-import": "^14.1.0",
+                "postcss-js": "^4.0.0",
+                "postcss-load-config": "^3.1.4",
+                "postcss-nested": "6.0.0",
+                "postcss-selector-parser": "^6.0.10",
+                "postcss-value-parser": "^4.2.0",
+                "quick-lru": "^5.1.1",
+                "resolve": "^1.22.1"
+            },
+            "bin": {
+                "tailwind": "lib/cli.js",
+                "tailwindcss": "lib/cli.js"
+            },
+            "engines": {
+                "node": ">=12.13.0"
+            },
+            "peerDependencies": {
+                "postcss": "^8.0.9"
+            }
+        },
+        "node_modules/tailwindcss/node_modules/color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+            "dev": true
+        },
+        "node_modules/tar": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmmirror.com/tar/-/tar-6.2.0.tgz",
+            "integrity": "sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==",
+            "dev": true,
+            "dependencies": {
+                "chownr": "^2.0.0",
+                "fs-minipass": "^2.0.0",
+                "minipass": "^5.0.0",
+                "minizlib": "^2.1.1",
+                "mkdirp": "^1.0.3",
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/text-table": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
+            "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+            "dev": true
+        },
+        "node_modules/throttle-debounce": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmmirror.com/throttle-debounce/-/throttle-debounce-3.0.1.tgz",
+            "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==",
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/tiny-emitter": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+            "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
+        },
+        "node_modules/tiny-warning": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/tiny-warning/-/tiny-warning-1.0.3.tgz",
+            "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
+        },
+        "node_modules/to-fast-properties": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+            "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+            "dev": true,
+            "engines": {
+                "node": ">=4"
+            }
+        },
+        "node_modules/to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+            "dependencies": {
+                "is-number": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=8.0"
+            }
+        },
+        "node_modules/tsconfig-paths": {
+            "version": "3.15.0",
+            "resolved": "https://registry.npmmirror.com/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+            "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+            "dev": true,
+            "dependencies": {
+                "@types/json5": "^0.0.29",
+                "json5": "^1.0.2",
+                "minimist": "^1.2.6",
+                "strip-bom": "^3.0.0"
+            }
+        },
+        "node_modules/tslib": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
+            "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
+        },
+        "node_modules/tsutils": {
+            "version": "3.21.0",
+            "resolved": "https://registry.npmmirror.com/tsutils/-/tsutils-3.21.0.tgz",
+            "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+            "dev": true,
+            "dependencies": {
+                "tslib": "^1.8.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            },
+            "peerDependencies": {
+                "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
+            }
+        },
+        "node_modules/tsutils/node_modules/tslib": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmmirror.com/tslib/-/tslib-1.14.1.tgz",
+            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+            "dev": true
+        },
+        "node_modules/type": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmmirror.com/type/-/type-1.2.0.tgz",
+            "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
+        },
+        "node_modules/type-check": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmmirror.com/type-check/-/type-check-0.4.0.tgz",
+            "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+            "dev": true,
+            "dependencies": {
+                "prelude-ls": "^1.2.1"
+            },
+            "engines": {
+                "node": ">= 0.8.0"
+            }
+        },
+        "node_modules/type-fest": {
+            "version": "0.20.2",
+            "resolved": "https://registry.npmmirror.com/type-fest/-/type-fest-0.20.2.tgz",
+            "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/typed-array-buffer": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
+            "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.2.1",
+                "is-typed-array": "^1.1.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/typed-array-byte-length": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
+            "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "has-proto": "^1.0.1",
+                "is-typed-array": "^1.1.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/typed-array-byte-offset": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
+            "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
+            "dev": true,
+            "dependencies": {
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "has-proto": "^1.0.1",
+                "is-typed-array": "^1.1.10"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/typed-array-length": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmmirror.com/typed-array-length/-/typed-array-length-1.0.4.tgz",
+            "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "for-each": "^0.3.3",
+                "is-typed-array": "^1.1.9"
+            }
+        },
+        "node_modules/typescript": {
+            "version": "4.9.5",
+            "resolved": "https://registry.npmmirror.com/typescript/-/typescript-4.9.5.tgz",
+            "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+            "devOptional": true,
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=4.2.0"
+            }
+        },
+        "node_modules/ufo": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmmirror.com/ufo/-/ufo-1.3.2.tgz",
+            "integrity": "sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==",
+            "dev": true
+        },
+        "node_modules/unbox-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+            "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+            "dev": true,
+            "dependencies": {
+                "call-bind": "^1.0.2",
+                "has-bigints": "^1.0.2",
+                "has-symbols": "^1.0.3",
+                "which-boxed-primitive": "^1.0.2"
+            }
+        },
+        "node_modules/unctx": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmmirror.com/unctx/-/unctx-2.3.1.tgz",
+            "integrity": "sha512-PhKke8ZYauiqh3FEMVNm7ljvzQiph0Mt3GBRve03IJm7ukfaON2OBK795tLwhbyfzknuRRkW0+Ze+CQUmzOZ+A==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.8.2",
+                "estree-walker": "^3.0.3",
+                "magic-string": "^0.30.0",
+                "unplugin": "^1.3.1"
+            }
+        },
+        "node_modules/unctx/node_modules/estree-walker": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-3.0.3.tgz",
+            "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+            "dev": true,
+            "dependencies": {
+                "@types/estree": "^1.0.0"
+            }
+        },
+        "node_modules/unctx/node_modules/magic-string": {
+            "version": "0.30.5",
+            "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.5.tgz",
+            "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+            "dev": true,
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.15"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/undici-types": {
+            "version": "5.26.5",
+            "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-5.26.5.tgz",
+            "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+            "dev": true
+        },
+        "node_modules/unicorn-magic": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmmirror.com/unicorn-magic/-/unicorn-magic-0.1.0.tgz",
+            "integrity": "sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/unimport": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmmirror.com/unimport/-/unimport-2.2.4.tgz",
+            "integrity": "sha512-qMgmeEGqqrrmEtm0dqxMG37J6xBtrriqxq9hILvDb+e6l2F0yTnJomLoCCp0eghLR7bYGeBsUU5Y0oyiUYhViw==",
+            "dev": true,
+            "dependencies": {
+                "@rollup/pluginutils": "^5.0.2",
+                "escape-string-regexp": "^5.0.0",
+                "fast-glob": "^3.2.12",
+                "local-pkg": "^0.4.3",
+                "magic-string": "^0.27.0",
+                "mlly": "^1.1.0",
+                "pathe": "^1.1.0",
+                "pkg-types": "^1.0.1",
+                "scule": "^1.0.0",
+                "strip-literal": "^1.0.0",
+                "unplugin": "^1.0.1"
+            }
+        },
+        "node_modules/unimport/node_modules/escape-string-regexp": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+            "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/unplugin": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-1.5.1.tgz",
+            "integrity": "sha512-0QkvG13z6RD+1L1FoibQqnvTwVBXvS4XSPwAyinVgoOCl2jAgwzdUKmEj05o4Lt8xwQI85Hb6mSyYkcAGwZPew==",
+            "dev": true,
+            "dependencies": {
+                "acorn": "^8.11.2",
+                "chokidar": "^3.5.3",
+                "webpack-sources": "^3.2.3",
+                "webpack-virtual-modules": "^0.6.0"
+            }
+        },
+        "node_modules/unplugin-auto-import": {
+            "version": "0.13.0",
+            "resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-0.13.0.tgz",
+            "integrity": "sha512-nKMxDbkjM4FRPInFfm7sWrJOKgxfKKwb5yLPP+DEGl/SG0/FtBoW1LnZL4PQfx0FXjertoHO1P/5nDf+RSip2Q==",
+            "dev": true,
+            "dependencies": {
+                "@antfu/utils": "^0.7.2",
+                "@rollup/pluginutils": "^5.0.2",
+                "local-pkg": "^0.4.3",
+                "magic-string": "^0.27.0",
+                "unimport": "^2.1.0",
+                "unplugin": "^1.0.1"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "peerDependencies": {
+                "@vueuse/core": "*"
+            },
+            "peerDependenciesMeta": {
+                "@vueuse/core": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/unplugin-vue-components": {
+            "version": "0.23.0",
+            "resolved": "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-0.23.0.tgz",
+            "integrity": "sha512-JAJ+BGvjHvi9P7lICwOzDx2Av+OcI6ZTzvySmjXDNGCNVPrt2NQQmbcp7cW027CR1mRugIX5G//awm3doHyqkg==",
+            "dev": true,
+            "dependencies": {
+                "@antfu/utils": "^0.7.2",
+                "@nuxt/kit": "^3.1.1",
+                "@rollup/pluginutils": "^5.0.2",
+                "chokidar": "^3.5.3",
+                "debug": "^4.3.4",
+                "fast-glob": "^3.2.12",
+                "local-pkg": "^0.4.3",
+                "magic-string": "^0.27.0",
+                "minimatch": "^6.1.6",
+                "resolve": "^1.22.1",
+                "unplugin": "^1.0.1"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "peerDependencies": {
+                "@babel/parser": "^7.15.8",
+                "vue": "2 || 3"
+            },
+            "peerDependenciesMeta": {
+                "@babel/parser": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/unplugin-vue-components/node_modules/balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+            "dev": true
+        },
+        "node_modules/unplugin-vue-components/node_modules/brace-expansion": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-2.0.1.tgz",
+            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+            "dev": true,
+            "dependencies": {
+                "balanced-match": "^1.0.0"
+            }
+        },
+        "node_modules/unplugin-vue-components/node_modules/minimatch": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-6.2.0.tgz",
+            "integrity": "sha512-sauLxniAmvnhhRjFwPNnJKaPFYyddAgbYdeUpHULtCT/GhzdCx/MDNy+Y40lBxTQUrMzDE8e0S43Z5uqfO0REg==",
+            "dev": true,
+            "dependencies": {
+                "brace-expansion": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/untyped": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmmirror.com/untyped/-/untyped-1.4.0.tgz",
+            "integrity": "sha512-Egkr/s4zcMTEuulcIb7dgURS6QpN7DyqQYdf+jBtiaJvQ+eRsrtWUoX84SbvQWuLkXsOjM+8sJC9u6KoMK/U7Q==",
+            "dev": true,
+            "dependencies": {
+                "@babel/core": "^7.22.9",
+                "@babel/standalone": "^7.22.9",
+                "@babel/types": "^7.22.5",
+                "defu": "^6.1.2",
+                "jiti": "^1.19.1",
+                "mri": "^1.2.0",
+                "scule": "^1.0.0"
+            },
+            "bin": {
+                "untyped": "dist/cli.mjs"
+            }
+        },
+        "node_modules/update-browserslist-db": {
+            "version": "1.0.13",
+            "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
+            "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+            "dev": true,
+            "dependencies": {
+                "escalade": "^3.1.1",
+                "picocolors": "^1.0.0"
+            },
+            "bin": {
+                "update-browserslist-db": "cli.js"
+            },
+            "peerDependencies": {
+                "browserslist": ">= 4.21.0"
+            }
+        },
+        "node_modules/uri-js": {
+            "version": "4.4.1",
+            "resolved": "https://registry.npmmirror.com/uri-js/-/uri-js-4.4.1.tgz",
+            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+            "dev": true,
+            "dependencies": {
+                "punycode": "^2.1.0"
+            }
+        },
+        "node_modules/util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+            "dev": true
+        },
+        "node_modules/vite": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmmirror.com/vite/-/vite-4.1.0.tgz",
+            "integrity": "sha512-YoUKE/9bbK4C8ZeSYMDDEF8H5aypmWUq4WisftDhntR1gkI2zt2SGT/5Wd2xu6ZoVXkCyO3U4844KWG9e4nFoQ==",
+            "dev": true,
+            "dependencies": {
+                "esbuild": "^0.16.14",
+                "postcss": "^8.4.21",
+                "resolve": "^1.22.1",
+                "rollup": "^3.10.0"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^14.18.0 || >=16.0.0"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            },
+            "peerDependencies": {
+                "@types/node": ">= 14",
+                "less": "*",
+                "sass": "*",
+                "stylus": "*",
+                "sugarss": "*",
+                "terser": "^5.4.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue": {
+            "version": "3.2.45",
+            "resolved": "https://registry.npmmirror.com/vue/-/vue-3.2.45.tgz",
+            "integrity": "sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==",
+            "dependencies": {
+                "@vue/compiler-dom": "3.2.45",
+                "@vue/compiler-sfc": "3.2.45",
+                "@vue/runtime-dom": "3.2.45",
+                "@vue/server-renderer": "3.2.45",
+                "@vue/shared": "3.2.45"
+            }
+        },
+        "node_modules/vue-eslint-parser": {
+            "version": "9.3.2",
+            "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-9.3.2.tgz",
+            "integrity": "sha512-q7tWyCVaV9f8iQyIA5Mkj/S6AoJ9KBN8IeUSf3XEmBrOtxOZnfTg5s4KClbZBCK3GtnT/+RyCLZyDHuZwTuBjg==",
+            "dev": true,
+            "dependencies": {
+                "debug": "^4.3.4",
+                "eslint-scope": "^7.1.1",
+                "eslint-visitor-keys": "^3.3.0",
+                "espree": "^9.3.1",
+                "esquery": "^1.4.0",
+                "lodash": "^4.17.21",
+                "semver": "^7.3.6"
+            },
+            "engines": {
+                "node": "^14.17.0 || >=16.0.0"
+            },
+            "peerDependencies": {
+                "eslint": ">=6.0.0"
+            }
+        },
+        "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
+            "version": "7.2.2",
+            "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-7.2.2.tgz",
+            "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+            "dev": true,
+            "dependencies": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^5.2.0"
+            },
+            "engines": {
+                "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+            }
+        },
+        "node_modules/vue-eslint-parser/node_modules/estraverse": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
+            "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+            "dev": true,
+            "engines": {
+                "node": ">=4.0"
+            }
+        },
+        "node_modules/vue-i18n": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.2.2.tgz",
+            "integrity": "sha512-yswpwtj89rTBhegUAv9Mu37LNznyu3NpyLQmozF3i1hYOhwpG8RjcjIFIIfnu+2MDZJGSZPXaKWvnQA71Yv9TQ==",
+            "dependencies": {
+                "@intlify/core-base": "9.2.2",
+                "@intlify/shared": "9.2.2",
+                "@intlify/vue-devtools": "9.2.2",
+                "@vue/devtools-api": "^6.2.1"
+            },
+            "engines": {
+                "node": ">= 14"
+            },
+            "peerDependencies": {
+                "vue": "^3.0.0"
+            }
+        },
+        "node_modules/vue-json-viewer": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmmirror.com/vue-json-viewer/-/vue-json-viewer-3.0.4.tgz",
+            "integrity": "sha512-pnC080rTub6YjccthVSNQod2z9Sl5IUUq46srXtn6rxwhW8QM4rlYn+CTSLFKXWfw+N3xv77Cioxw7B4XUKIbQ==",
+            "dependencies": {
+                "clipboard": "^2.0.4"
+            },
+            "peerDependencies": {
+                "vue": "^3.2.2"
+            }
+        },
+        "node_modules/vue-jsonp": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmmirror.com/vue-jsonp/-/vue-jsonp-2.0.0.tgz",
+            "integrity": "sha512-Mzd9GNeuKP5hHFDWZNMWOsCuMILSkA6jo2l4A02wheFz3qqBzH7aSEFTey1BRCZCLizlaf1EqJ5YUtF392KspA=="
+        },
+        "node_modules/vue-router": {
+            "version": "4.1.6",
+            "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.1.6.tgz",
+            "integrity": "sha512-DYWYwsG6xNPmLq/FmZn8Ip+qrhFEzA14EI12MsMgVxvHFDYvlr4NXpVF5hrRH1wVcDP8fGi5F4rxuJSl8/r+EQ==",
+            "dependencies": {
+                "@vue/devtools-api": "^6.4.5"
+            },
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
+        "node_modules/vue-template-compiler": {
+            "version": "2.7.15",
+            "resolved": "https://registry.npmmirror.com/vue-template-compiler/-/vue-template-compiler-2.7.15.tgz",
+            "integrity": "sha512-yQxjxMptBL7UAog00O8sANud99C6wJF+7kgbcwqkvA38vCGF7HWE66w0ZFnS/kX5gSoJr/PQ4/oS3Ne2pW37Og==",
+            "dev": true,
+            "dependencies": {
+                "de-indent": "^1.0.2",
+                "he": "^1.2.0"
+            }
+        },
+        "node_modules/vue-tsc": {
+            "version": "1.0.24",
+            "resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-1.0.24.tgz",
+            "integrity": "sha512-mmU1s5SAqE1nByQAiQnao9oU4vX+mSdsgI8H57SfKH6UVzq/jP9+Dbi2GaV+0b4Cn361d2ln8m6xeU60ApiEXg==",
+            "dev": true,
+            "dependencies": {
+                "@volar/vue-language-core": "1.0.24",
+                "@volar/vue-typescript": "1.0.24"
+            },
+            "bin": {
+                "vue-tsc": "bin/vue-tsc.js"
+            },
+            "peerDependencies": {
+                "typescript": "*"
+            }
+        },
+        "node_modules/vue-web-terminal": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmmirror.com/vue-web-terminal/-/vue-web-terminal-3.2.2.tgz",
+            "integrity": "sha512-TaUvqF5F2mfsbvuVw7kCcjd4IXlrPJDU17kDdS1PCuVcsw/qdAfjoDirJhKy3JtzM4A6E4WrgUO7BnXwrKEBeg==",
+            "dependencies": {
+                "vue": "^3.3.4",
+                "vue-json-viewer": "^3.0.4"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/compiler-core": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.13.tgz",
+            "integrity": "sha512-bwi9HShGu7uaZLOErZgsH2+ojsEdsjerbf2cMXPwmvcgZfVPZ2BVZzCVnwZBxTAYd6Mzbmf6izcUNDkWnBBQ6A==",
+            "dependencies": {
+                "@babel/parser": "^7.23.5",
+                "@vue/shared": "3.3.13",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/compiler-dom": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.13.tgz",
+            "integrity": "sha512-EYRDpbLadGtNL0Gph+HoKiYqXLqZ0xSSpR5Dvnu/Ep7ggaCbjRDIus1MMxTS2Qm0koXED4xSlvTZaTnI8cYAsw==",
+            "dependencies": {
+                "@vue/compiler-core": "3.3.13",
+                "@vue/shared": "3.3.13"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/compiler-sfc": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.3.13.tgz",
+            "integrity": "sha512-DQVmHEy/EKIgggvnGRLx21hSqnr1smUS9Aq8tfxiiot8UR0/pXKHN9k78/qQ7etyQTFj5em5nruODON7dBeumw==",
+            "dependencies": {
+                "@babel/parser": "^7.23.5",
+                "@vue/compiler-core": "3.3.13",
+                "@vue/compiler-dom": "3.3.13",
+                "@vue/compiler-ssr": "3.3.13",
+                "@vue/reactivity-transform": "3.3.13",
+                "@vue/shared": "3.3.13",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.5",
+                "postcss": "^8.4.32",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/compiler-ssr": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.3.13.tgz",
+            "integrity": "sha512-d/P3bCeUGmkJNS1QUZSAvoCIW4fkOKK3l2deE7zrp0ypJEy+En2AcypIkqvcFQOcw3F0zt2VfMvNsA9JmExTaw==",
+            "dependencies": {
+                "@vue/compiler-dom": "3.3.13",
+                "@vue/shared": "3.3.13"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/reactivity": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.13.tgz",
+            "integrity": "sha512-fjzCxceMahHhi4AxUBzQqqVhuA21RJ0COaWTbIBl1PruGW1CeY97louZzLi4smpYx+CHfFPPU/CS8NybbGvPKQ==",
+            "dependencies": {
+                "@vue/shared": "3.3.13"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/reactivity-transform": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.3.13.tgz",
+            "integrity": "sha512-oWnydGH0bBauhXvh5KXUy61xr9gKaMbtsMHk40IK9M4gMuKPJ342tKFarY0eQ6jef8906m35q37wwA8DMZOm5Q==",
+            "dependencies": {
+                "@babel/parser": "^7.23.5",
+                "@vue/compiler-core": "3.3.13",
+                "@vue/shared": "3.3.13",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.5"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/runtime-core": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.3.13.tgz",
+            "integrity": "sha512-1TzA5TvGuh2zUwMJgdfvrBABWZ7y8kBwBhm7BXk8rvdx2SsgcGfz2ruv2GzuGZNvL1aKnK8CQMV/jFOrxNQUMA==",
+            "dependencies": {
+                "@vue/reactivity": "3.3.13",
+                "@vue/shared": "3.3.13"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/runtime-dom": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.3.13.tgz",
+            "integrity": "sha512-JJkpE8R/hJKXqVTgUoODwS5wqKtOsmJPEqmp90PDVGygtJ4C0PtOkcEYXwhiVEmef6xeXcIlrT3Yo5aQ4qkHhQ==",
+            "dependencies": {
+                "@vue/runtime-core": "3.3.13",
+                "@vue/shared": "3.3.13",
+                "csstype": "^3.1.3"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/server-renderer": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.3.13.tgz",
+            "integrity": "sha512-vSnN+nuf6iSqTL3Qgx/9A+BT+0Zf/VJOgF5uMZrKjYPs38GMYyAU1coDyBNHauehXDaP+zl73VhwWv0vBRBHcg==",
+            "dependencies": {
+                "@vue/compiler-ssr": "3.3.13",
+                "@vue/shared": "3.3.13"
+            },
+            "peerDependencies": {
+                "vue": "3.3.13"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/@vue/shared": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.3.13.tgz",
+            "integrity": "sha512-/zYUwiHD8j7gKx2argXEMCUXVST6q/21DFU0sTfNX0URJroCe3b1UF6vLJ3lQDfLNIiiRl2ONp7Nh5UVWS6QnA=="
+        },
+        "node_modules/vue-web-terminal/node_modules/csstype": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
+            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+        },
+        "node_modules/vue-web-terminal/node_modules/magic-string": {
+            "version": "0.30.5",
+            "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.5.tgz",
+            "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.15"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/postcss": {
+            "version": "8.4.32",
+            "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.4.32.tgz",
+            "integrity": "sha512-D/kj5JNu6oo2EIy+XL/26JEDTlIbB8hw85G8StOE6L74RQAVVP5rej6wxCNqyMbR4RkPfqvezVbPw81Ngd6Kcw==",
+            "dependencies": {
+                "nanoid": "^3.3.7",
+                "picocolors": "^1.0.0",
+                "source-map-js": "^1.0.2"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/vue-web-terminal/node_modules/vue": {
+            "version": "3.3.13",
+            "resolved": "https://registry.npmmirror.com/vue/-/vue-3.3.13.tgz",
+            "integrity": "sha512-LDnUpQvDgsfc0u/YgtAgTMXJlJQqjkxW1PVcOnJA5cshPleULDjHi7U45pl2VJYazSSvLH8UKcid/kzH8I0a0Q==",
+            "dependencies": {
+                "@vue/compiler-dom": "3.3.13",
+                "@vue/compiler-sfc": "3.3.13",
+                "@vue/runtime-dom": "3.3.13",
+                "@vue/server-renderer": "3.3.13",
+                "@vue/shared": "3.3.13"
+            },
+            "peerDependencies": {
+                "typescript": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue3-video-play": {
+            "version": "1.3.1-beta.6",
+            "resolved": "https://registry.npmmirror.com/vue3-video-play/-/vue3-video-play-1.3.1-beta.6.tgz",
+            "integrity": "sha512-Olrx2/LNAds7fuor/yX9ZKT9sOcwcfTt2g2YbbCrEaAmZ5Tb0hwBr5z+/CoLwELzzRzXCHPmWWoT0Wm5W/Nwpw==",
+            "dependencies": {
+                "hls.js": "^1.0.10",
+                "throttle-debounce": "^3.0.1",
+                "vue": "^3.2.2"
+            }
+        },
+        "node_modules/webpack-sources": {
+            "version": "3.2.3",
+            "resolved": "https://registry.npmmirror.com/webpack-sources/-/webpack-sources-3.2.3.tgz",
+            "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+            "dev": true,
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/webpack-virtual-modules": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz",
+            "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==",
+            "dev": true
+        },
+        "node_modules/which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmmirror.com/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "dev": true,
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "node-which": "bin/node-which"
+            },
+            "engines": {
+                "node": ">= 8"
+            }
+        },
+        "node_modules/which-boxed-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+            "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+            "dev": true,
+            "dependencies": {
+                "is-bigint": "^1.0.1",
+                "is-boolean-object": "^1.1.0",
+                "is-number-object": "^1.0.4",
+                "is-string": "^1.0.5",
+                "is-symbol": "^1.0.3"
+            }
+        },
+        "node_modules/which-module": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/which-module/-/which-module-2.0.1.tgz",
+            "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ=="
+        },
+        "node_modules/which-typed-array": {
+            "version": "1.1.13",
+            "resolved": "https://registry.npmmirror.com/which-typed-array/-/which-typed-array-1.1.13.tgz",
+            "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+            "dev": true,
+            "dependencies": {
+                "available-typed-arrays": "^1.0.5",
+                "call-bind": "^1.0.4",
+                "for-each": "^0.3.3",
+                "gopd": "^1.0.1",
+                "has-tostringtag": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/wildcard": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmmirror.com/wildcard/-/wildcard-1.1.2.tgz",
+            "integrity": "sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng=="
+        },
+        "node_modules/wrap-ansi": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+            "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+            "dependencies": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+            "dev": true
+        },
+        "node_modules/xml-name-validator": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+            "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/xtend": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmmirror.com/xtend/-/xtend-4.0.2.tgz",
+            "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.4"
+            }
+        },
+        "node_modules/y18n": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmmirror.com/y18n/-/y18n-4.0.3.tgz",
+            "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+        },
+        "node_modules/yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "dev": true
+        },
+        "node_modules/yaml": {
+            "version": "1.10.2",
+            "resolved": "https://registry.npmmirror.com/yaml/-/yaml-1.10.2.tgz",
+            "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/yargs": {
+            "version": "15.4.1",
+            "resolved": "https://registry.npmmirror.com/yargs/-/yargs-15.4.1.tgz",
+            "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+            "dependencies": {
+                "cliui": "^6.0.0",
+                "decamelize": "^1.2.0",
+                "find-up": "^4.1.0",
+                "get-caller-file": "^2.0.1",
+                "require-directory": "^2.1.1",
+                "require-main-filename": "^2.0.0",
+                "set-blocking": "^2.0.0",
+                "string-width": "^4.2.0",
+                "which-module": "^2.0.0",
+                "y18n": "^4.0.0",
+                "yargs-parser": "^18.1.2"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/yargs-parser": {
+            "version": "18.1.3",
+            "resolved": "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-18.1.3.tgz",
+            "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+            "dependencies": {
+                "camelcase": "^5.0.0",
+                "decamelize": "^1.2.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/yargs/node_modules/find-up": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmmirror.com/find-up/-/find-up-4.1.0.tgz",
+            "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+            "dependencies": {
+                "locate-path": "^5.0.0",
+                "path-exists": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/yargs/node_modules/locate-path": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmmirror.com/locate-path/-/locate-path-5.0.0.tgz",
+            "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+            "dependencies": {
+                "p-locate": "^4.1.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/yargs/node_modules/p-limit": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmmirror.com/p-limit/-/p-limit-2.3.0.tgz",
+            "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+            "dependencies": {
+                "p-try": "^2.0.0"
+            },
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/yargs/node_modules/p-locate": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmmirror.com/p-locate/-/p-locate-4.1.0.tgz",
+            "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+            "dependencies": {
+                "p-limit": "^2.2.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/zrender": {
+            "version": "5.4.1",
+            "resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.4.1.tgz",
+            "integrity": "sha512-M4Z05BHWtajY2241EmMPHglDQAJ1UyHQcYsxDNzD9XLSkPDqMq4bB28v9Pb4mvHnVQ0GxyTklZ/69xCFP6RXBA==",
+            "dependencies": {
+                "tslib": "2.3.0"
+            }
+        }
+    }
+}
diff --git a/admin/package.json b/admin/package.json
new file mode 100644
index 0000000..c459ef0
--- /dev/null
+++ b/admin/package.json
@@ -0,0 +1,58 @@
+{
+    "name": "admin",
+    "private": true,
+    "version": "1.0.0",
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build && node publish.cjs",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "@element-plus/icons-vue": "2.0.10",
+        "@highlightjs/vue-plugin": "2.1.0",
+        "@vueuse/core": "9.12.0",
+        "@wangeditor/editor": "5.1.23",
+        "@wangeditor/editor-for-vue": "5.1.12",
+        "@types/lodash-es": "4.17.6",
+        "axios": "1.4.0",
+        "crypto-js": "4.1.1",
+        "css-color-function": "1.3.3",
+        "echarts": "5.4.1",
+        "element-plus": "2.2.29",
+        "nprogress": "0.2.0",
+        "pinia": "2.0.30",
+        "qrcode": "1.5.1",
+        "sass": "1.58.0",
+        "sortablejs": "1.15.0",
+        "vue": "3.2.45",
+        "vue-i18n": "9.2.2",
+        "vue-router": "4.1.6",
+        "vue-web-terminal": "3.2.2",
+        "vue3-video-play": "1.3.1-beta.6",
+        "vue-jsonp": "2.0.0",
+        "lodash-es": "4.17.21",
+        "highlight.js": "11.0.1"
+    },
+    "devDependencies": {
+        "@tailwindcss/line-clamp": "0.4.2",
+        "@types/qrcode": "1.5.0",
+        "@types/sortablejs": "1.15.0",
+        "@typescript-eslint/eslint-plugin": "5.53.0",
+        "@vitejs/plugin-vue": "4.0.0",
+        "autoprefixer": "10.4.13",
+        "eslint": "8.34.0",
+        "eslint-config-standard-with-typescript": "34.0.0",
+        "eslint-plugin-import": "2.27.5",
+        "eslint-plugin-n": "15.6.1",
+        "eslint-plugin-promise": "6.1.1",
+        "eslint-plugin-vue": "9.9.0",
+        "postcss": "8.4.21",
+        "tailwindcss": "3.2.4",
+        "typescript": "4.9.5",
+        "unplugin-auto-import": "0.13.0",
+        "unplugin-vue-components": "0.23.0",
+        "vite": "4.1.0",
+        "vue-tsc": "1.0.24"
+    }
+}
\ No newline at end of file
diff --git a/admin/postcss.config.cjs b/admin/postcss.config.cjs
new file mode 100644
index 0000000..787a42d
--- /dev/null
+++ b/admin/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {}
+    }
+}
\ No newline at end of file
diff --git a/admin/public/niucloud.ico b/admin/public/niucloud.ico
new file mode 100644
index 0000000..d770505
Binary files /dev/null and b/admin/public/niucloud.ico differ
diff --git a/admin/publish.cjs b/admin/publish.cjs
new file mode 100644
index 0000000..16fe5ed
--- /dev/null
+++ b/admin/publish.cjs
@@ -0,0 +1,39 @@
+const fs = require('fs')
+
+const publish = () => {
+    const src = './dist'
+    const dest = '../niucloud/public/admin'
+
+    solve()
+
+    // 目标目录不存在停止复制
+    try {
+        const dir = fs.readdirSync(dest)
+    } catch (e) {
+        return
+    }
+
+    // 删除目标目录下文件
+    fs.rm(dest, { recursive: true }, err => {
+        if(err) {
+            console.log(err)
+            return
+        }
+
+        fs.cp(src, dest, { recursive: true }, (err) => {
+            if (err) {
+                console.error(err)
+            }
+        })
+    })
+}
+
+const solve = () => {
+    const fn = './dist/index.html'
+    const fc = fs.readFileSync(fn, 'utf-8')
+    let text = new String(fc)
+    text = text.replaceAll('./assets/', '/admin/assets/')
+    fs.writeFileSync(fn, text, 'utf8')
+}
+
+publish()
diff --git a/admin/src/App.vue b/admin/src/App.vue
new file mode 100644
index 0000000..b3376de
--- /dev/null
+++ b/admin/src/App.vue
@@ -0,0 +1,38 @@
+<template>
+    <el-config-provider :locale="locale">
+        <router-view></router-view>
+    </el-config-provider>
+</template>
+
+<script lang="ts" setup>
+import { computed, onMounted, watch } from 'vue'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import en from 'element-plus/dist/locale/en.mjs'
+import useSystemStore from '@/stores/modules/system'
+import useAppStore from '@/stores/modules/app'
+import { useDark, useToggle } from '@vueuse/core'
+import { setThemeColor } from '@/utils/common'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+
+// 初始化设置语言
+const systemStore = useSystemStore()
+const locale = computed(() => (systemStore.lang === 'zh-cn' ? zhCn : en))
+
+const toggleDark = useToggle(useDark())
+
+watch(route, () => {
+    useAppStore().$patch(state => {
+        state.route = route
+    })
+}, { immediate: true })
+
+onMounted(() => {
+    // 设置主题色
+    toggleDark(systemStore.dark)
+    setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/addon/hygl/api/advertising.ts b/admin/src/addon/hygl/api/advertising.ts
new file mode 100644
index 0000000..534076e
--- /dev/null
+++ b/admin/src/addon/hygl/api/advertising.ts
@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+// USER_CODE_BEGIN -- hygl_advertising
+/**
+ * 获取广告管理列表
+ * @param params
+ * @returns
+ */
+export function getAdvertisingList(params: Record<string, any>) {
+    return request.get(`hygl/advertising`, {params})
+}
+
+/**
+ * 获取广告管理详情
+ * @param id 广告管理id
+ * @returns
+ */
+export function getAdvertisingInfo(id: number) {
+    return request.get(`hygl/advertising/${id}`);
+}
+
+/**
+ * 添加广告管理
+ * @param params
+ * @returns
+ */
+export function addAdvertising(params: Record<string, any>) {
+    return request.post('hygl/advertising', params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 编辑广告管理
+ * @param id
+ * @param params
+ * @returns
+ */
+export function editAdvertising(params: Record<string, any>) {
+    return request.put(`hygl/advertising/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 删除广告管理
+ * @param id
+ * @returns
+ */
+export function deleteAdvertising(id: number) {
+    return request.delete(`hygl/advertising/${id}`, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+
+
+// USER_CODE_END -- hygl_advertising
diff --git a/admin/src/addon/hygl/api/common.ts b/admin/src/addon/hygl/api/common.ts
new file mode 100644
index 0000000..ee0e107
--- /dev/null
+++ b/admin/src/addon/hygl/api/common.ts
@@ -0,0 +1,29 @@
+import request from '@/utils/request'
+
+// USER_CODE_BEGIN -- hygl_common
+/**
+ * 上传文件到本地
+ * @param params
+ * @returns
+ */
+export function uploadFile(params: FormData) {
+    let config = {
+        headers: {
+            "Content-Type": "multipart/form-data",
+        }
+    }
+    return request.post('hygl/uploadFile', params,config)
+}
+
+/**
+ * 获取远程搜索优惠券下拉菜单
+ * @param params
+ */
+export function getWithCouponsList(params: Record<string,any>){
+    return request.get('hygl/getCouponsList', {params})
+}
+
+
+
+
+// USER_CODE_END -- hygl_common
\ No newline at end of file
diff --git a/admin/src/addon/hygl/api/config.ts b/admin/src/addon/hygl/api/config.ts
new file mode 100644
index 0000000..395fded
--- /dev/null
+++ b/admin/src/addon/hygl/api/config.ts
@@ -0,0 +1,60 @@
+import request from '@/utils/request'
+
+// USER_CODE_BEGIN -- hygl_config
+/**
+ * 获取配置项列表
+ * @param params
+ * @returns
+ */
+export function getConfigList(params: Record<string, any>) {
+    return request.get(`hygl/config`, {params})
+}
+
+/**
+ * 获取配置项详情
+ * @param id 配置项id
+ * @returns
+ */
+export function getConfigInfo(id: number) {
+    return request.get(`hygl/config/${id}`);
+}
+
+/**
+ * 添加配置项
+ * @param params
+ * @returns
+ */
+export function addConfig(params: Record<string, any>) {
+    return request.post('hygl/config', params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 编辑配置项
+ * @param id
+ * @param params
+ * @returns
+ */
+export function editConfig(params: Record<string, any>) {
+    return request.put(`hygl/config/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 删除配置项
+ * @param id
+ * @returns
+ */
+export function deleteConfig(id: number) {
+    return request.delete(`hygl/config/${id}`, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 重新生成H5站点二维码
+ * @param id
+ */
+export function resetH5SiteQRCode(id: number) {
+    return request.get(`hygl/config/resetH5SiteQRCode/${id}`);
+}
+
+
+
+// USER_CODE_END -- hygl_config
diff --git a/admin/src/addon/hygl/api/coupons.ts b/admin/src/addon/hygl/api/coupons.ts
new file mode 100644
index 0000000..106bfb1
--- /dev/null
+++ b/admin/src/addon/hygl/api/coupons.ts
@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+// USER_CODE_BEGIN -- hygl_coupons
+/**
+ * 获取优惠券列表
+ * @param params
+ * @returns
+ */
+export function getCouponsList(params: Record<string, any>) {
+    return request.get(`hygl/coupons`, {params})
+}
+
+/**
+ * 获取优惠券详情
+ * @param id 优惠券id
+ * @returns
+ */
+export function getCouponsInfo(id: number) {
+    return request.get(`hygl/coupons/${id}`);
+}
+
+/**
+ * 添加优惠券
+ * @param params
+ * @returns
+ */
+export function addCoupons(params: Record<string, any>) {
+    return request.post('hygl/coupons', params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 编辑优惠券
+ * @param id
+ * @param params
+ * @returns
+ */
+export function editCoupons(params: Record<string, any>) {
+    return request.put(`hygl/coupons/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 删除优惠券
+ * @param id
+ * @returns
+ */
+export function deleteCoupons(id: number) {
+    return request.delete(`hygl/coupons/${id}`, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+
+
+// USER_CODE_END -- hygl_coupons
diff --git a/admin/src/addon/hygl/api/hello_world.ts b/admin/src/addon/hygl/api/hello_world.ts
new file mode 100644
index 0000000..6a70487
--- /dev/null
+++ b/admin/src/addon/hygl/api/hello_world.ts
@@ -0,0 +1,7 @@
+
+import request from '@/utils/request'
+
+/***************************************************** hello world ****************************************************/
+export function getHelloWorld() {
+    return request.get(`hygl/hello_world`)
+}
\ No newline at end of file
diff --git a/admin/src/addon/hygl/api/transaction_history.ts b/admin/src/addon/hygl/api/transaction_history.ts
new file mode 100644
index 0000000..0cbfd9b
--- /dev/null
+++ b/admin/src/addon/hygl/api/transaction_history.ts
@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+// USER_CODE_BEGIN -- hygl_transaction_history
+/**
+ * 获取会员交易记录列表
+ * @param params
+ * @returns
+ */
+export function getTransactionHistoryList(params: Record<string, any>) {
+    return request.get(`hygl/transaction_history`, {params})
+}
+
+/**
+ * 获取会员交易记录详情
+ * @param id 会员交易记录id
+ * @returns
+ */
+export function getTransactionHistoryInfo(id: number) {
+    return request.get(`hygl/transaction_history/${id}`);
+}
+
+/**
+ * 添加会员交易记录
+ * @param params
+ * @returns
+ */
+export function addTransactionHistory(params: Record<string, any>) {
+    return request.post('hygl/transaction_history', params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 编辑会员交易记录
+ * @param id
+ * @param params
+ * @returns
+ */
+export function editTransactionHistory(params: Record<string, any>) {
+    return request.put(`hygl/transaction_history/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 删除会员交易记录
+ * @param id
+ * @returns
+ */
+export function deleteTransactionHistory(id: number) {
+    return request.delete(`hygl/transaction_history/${id}`, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+
+
+// USER_CODE_END -- hygl_transaction_history
diff --git a/admin/src/addon/hygl/api/user.ts b/admin/src/addon/hygl/api/user.ts
new file mode 100644
index 0000000..8300bc4
--- /dev/null
+++ b/admin/src/addon/hygl/api/user.ts
@@ -0,0 +1,61 @@
+import request from '@/utils/request'
+
+// USER_CODE_BEGIN -- hygl_user
+/**
+ * 获取会员管理列表
+ * @param params
+ * @returns
+ */
+export function getUserList(params: Record<string, any>) {
+    return request.get(`hygl/user`, {params})
+}
+
+/**
+ * 获取会员管理详情
+ * @param id 会员管理id
+ * @returns
+ */
+export function getUserInfo(id: number) {
+    return request.get(`hygl/user/${id}`);
+}
+
+/**
+ * 添加会员管理
+ * @param params
+ * @returns
+ */
+export function addUser(params: Record<string, any>) {
+    return request.post('hygl/user', params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 编辑会员管理
+ * @param id
+ * @param params
+ * @returns
+ */
+export function editUser(params: Record<string, any>) {
+    return request.put(`hygl/user/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 删除会员管理
+ * @param id
+ * @returns
+ */
+export function deleteUser(id: number) {
+    return request.delete(`hygl/user/${id}`, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+
+//获取全部站点
+export function getWithSiteList(params: Record<string, any>) {
+    return request.get('hygl/site', {params})
+}
+
+//获取全部用户
+export function getWithUserList(params: Record<string, any>) {
+    return request.get('hygl/user', {params})
+}
+
+// USER_CODE_END -- hygl_user
\ No newline at end of file
diff --git a/admin/src/addon/hygl/api/user_coupons.ts b/admin/src/addon/hygl/api/user_coupons.ts
new file mode 100644
index 0000000..7fe8cda
--- /dev/null
+++ b/admin/src/addon/hygl/api/user_coupons.ts
@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+
+// USER_CODE_BEGIN -- hygl_user_coupons
+/**
+ * 获取用户优惠券列表
+ * @param params
+ * @returns
+ */
+export function getUserCouponsList(params: Record<string, any>) {
+    return request.get(`hygl/user_coupons`, {params})
+}
+
+/**
+ * 获取用户优惠券详情
+ * @param id 用户优惠券id
+ * @returns
+ */
+export function getUserCouponsInfo(id: number) {
+    return request.get(`hygl/user_coupons/${id}`);
+}
+
+/**
+ * 添加用户优惠券
+ * @param params
+ * @returns
+ */
+export function addUserCoupons(params: Record<string, any>) {
+    return request.post('hygl/user_coupons', params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 编辑用户优惠券
+ * @param id
+ * @param params
+ * @returns
+ */
+export function editUserCoupons(params: Record<string, any>) {
+    return request.put(`hygl/user_coupons/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 删除用户优惠券
+ * @param id
+ * @returns
+ */
+export function deleteUserCoupons(id: number) {
+    return request.delete(`hygl/user_coupons/${id}`, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+export function getWithUserList(params: Record<string,any>){
+    return request.get('hygl/user', {params})
+}
+
+// USER_CODE_END -- hygl_user_coupons
diff --git a/admin/src/addon/hygl/lang/zh-cn/advertising.advertising.json b/admin/src/addon/hygl/lang/zh-cn/advertising.advertising.json
new file mode 100644
index 0000000..340b261
--- /dev/null
+++ b/admin/src/addon/hygl/lang/zh-cn/advertising.advertising.json
@@ -0,0 +1,17 @@
+{
+      "id":"序号",
+      "siteId":"站点",
+      "siteIdPlaceholder":"请输入站点",
+      "imgUrl":"广告图",
+      "imgUrlPlaceholder":"请输入广告图",
+      "skipUrl":"跳转链接",
+      "skipUrlPlaceholder":"请输入跳转链接",
+      "sort":"排序",
+      "sortPlaceholder":"请输入排序",
+      "createTime":"创建时间",
+      "addAdvertising":"添加广告管理",
+      "updateAdvertising":"编辑广告管理",
+      "advertisingDeleteTips":"确定要删除该数据吗？",
+      "startDate":"请选择开始时间",
+      "endDate":"请选择结束时间"
+}
\ No newline at end of file
diff --git a/admin/src/addon/hygl/lang/zh-cn/config.config.json b/admin/src/addon/hygl/lang/zh-cn/config.config.json
new file mode 100644
index 0000000..3b95498
--- /dev/null
+++ b/admin/src/addon/hygl/lang/zh-cn/config.config.json
@@ -0,0 +1,33 @@
+{
+      "id":"id",
+      "siteId":"站点id",
+      "siteIdPlaceholder":"请输入站点id",
+      "weChatPayAppid":"微信支付-APP的id",
+      "weChatPayAppidPlaceholder":"请输入微信支付-APP的id",
+      "weChatPayAppId":"微信支付-公众号APPID",
+      "weChatPayAppIdPlaceholder":"请输入微信支付-公众号APPID",
+      "weChatPayMiniappId":"微信支付-小程序APPID",
+      "weChatPayMiniappIdPlaceholder":"请输入微信支付-小程序APPID",
+      "weChatPayMchId":"微信支付-商户号",
+      "weChatPayMchIdPlaceholder":"请输入微信支付-商户号",
+      "weChatPayKey":"微信支付-商户号秘钥",
+      "weChatPayKeyPlaceholder":"请输入微信支付-商户号秘钥",
+      "weChatPayMiniappSecret":"微信支付-小程序secret",
+      "weChatPayMiniappSecretPlaceholder":"请输入微信支付-小程序secret",
+      "weChatPayNotifyUrl":"微信支付-异步回调地址",
+      "weChatPayNotifyUrlPlaceholder":"请输入微信支付-异步回调地址",
+      "alipayAppId":"支付宝-appid",
+      "alipayAppIdPlaceholder":"请输入支付宝-appid",
+      "alipayRsaPrivateKey":"支付宝-开发者私钥",
+      "alipayRsaPrivateKeyPlaceholder":"请输入支付宝-开发者私钥",
+      "alipayPublicKey":"支付宝-支付宝公钥",
+      "alipayPublicKeyPlaceholder":"请输入支付宝-支付宝公钥",
+      "alipayNotifyUrl":"支付宝-异步回调地址",
+      "alipayNotifyUrlPlaceholder":"请输入支付宝-异步回调地址",
+      "createTime":"创建时间",
+      "addConfig":"添加配置项",
+      "updateConfig":"编辑配置项",
+      "configDeleteTips":"确定要删除该数据吗？",
+      "startDate":"请选择开始时间",
+      "endDate":"请选择结束时间"
+}
\ No newline at end of file
diff --git a/admin/src/addon/hygl/lang/zh-cn/coupons.coupons.json b/admin/src/addon/hygl/lang/zh-cn/coupons.coupons.json
new file mode 100644
index 0000000..5feaf0c
--- /dev/null
+++ b/admin/src/addon/hygl/lang/zh-cn/coupons.coupons.json
@@ -0,0 +1,26 @@
+{
+  "id": "id",
+  "siteId": "站点id",
+  "siteIdPlaceholder": "请输入站点id",
+  "name": "卡券名字",
+  "namePlaceholder": "请输入卡券名字",
+  "nominalValue": "卡券面值",
+  "nominalValuePlaceholder": "请输入卡券面值",
+  "stock": "卡券库存",
+  "stockPlaceholder": "请输入卡券库存",
+  "isShow": "是否展示",
+  "isShowPlaceholder": "请输入是否展示",
+  "isLongTermValid": "是否长期有效",
+  "isLongTermValidPlaceholder": "请输入是否长期有效",
+  "createTime": "创建时间",
+  "addCoupons": "添加优惠券",
+  "updateCoupons": "编辑优惠券",
+  "couponsDeleteTips": "确定要删除该数据吗？",
+  "startDate": "请选择开始时间",
+  "endDate": "请选择结束时间",
+  "validFrom": "有效期开始时间",
+  "validUntil": "有效期截止时间",
+  "validTime": "有效期",
+  "isObsolete": "是否作废",
+  "isObsoletePlaceholder": "请输入是否作废"
+}
\ No newline at end of file
diff --git a/admin/src/addon/hygl/lang/zh-cn/hello_world.index.json b/admin/src/addon/hygl/lang/zh-cn/hello_world.index.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/admin/src/addon/hygl/lang/zh-cn/hello_world.index.json
@@ -0,0 +1 @@
+{}
diff --git a/admin/src/addon/hygl/lang/zh-cn/transaction_history.transaction_history.json b/admin/src/addon/hygl/lang/zh-cn/transaction_history.transaction_history.json
new file mode 100644
index 0000000..a2d96a2
--- /dev/null
+++ b/admin/src/addon/hygl/lang/zh-cn/transaction_history.transaction_history.json
@@ -0,0 +1,33 @@
+{
+      "id":"序号",
+      "siteId":"站点id",
+      "siteIdPlaceholder":"请输入站点id",
+      "userId":"用户",
+      "userIdPlaceholder":"请输入用户",
+      "remark":"用户备注",
+      "remarkPlaceholder":"请输入用户备注",
+      "orderNum":"我方订单号",
+      "orderNumPlaceholder":"请输入我方订单号",
+      "payNum":"支付平台订单号",
+      "payNumPlaceholder":"请输入支付平台订单号",
+      "payType":"支付方式",
+      "payTypePlaceholder":"请输入支付方式",
+      "price":"订单应付金额(元)",
+      "pricePlaceholder":"请输入订单应付金额(元)",
+      "cashFee":"用户实际支付金额(元)",
+      "cashFeePlaceholder":"请输入用户实际支付金额(元)",
+      "payStatus":"是否完成支付",
+      "payStatusPlaceholder":"请输入是否完成支付",
+      "payTime":"用户付款时间",
+      "payTimePlaceholder":"请输入用户付款时间",
+      "payDataJson":"支付回调json字符串|默认null,支付成功后异步回调的值",
+      "payDataJsonPlaceholder":"请输入支付回调json字符串|默认null,支付成功后异步回调的值",
+      "createTime":"创建时间",
+      "createTimePlaceholder":"请输入创建时间",
+      "addTransactionHistory":"添加会员交易记录",
+      "updateTransactionHistory":"编辑会员交易记录",
+      "transactionHistoryDeleteTips":"确定要删除该数据吗？",
+      "startDate":"请选择开始时间",
+      "endDate":"请选择结束时间",
+      "couponsInfo":"优惠券使用"
+}
\ No newline at end of file
diff --git a/admin/src/addon/hygl/lang/zh-cn/user.user.json b/admin/src/addon/hygl/lang/zh-cn/user.user.json
new file mode 100644
index 0000000..f2b74e6
--- /dev/null
+++ b/admin/src/addon/hygl/lang/zh-cn/user.user.json
@@ -0,0 +1,34 @@
+{
+      "id":"id",
+      "idPlaceholder":"请输入",
+      "siteId":"站点id",
+      "siteIdPlaceholder":"请输入站点id",
+      "tel":"联系电话",
+      "telPlaceholder":"请输入联系电话",
+      "name":"姓名",
+      "namePlaceholder":"请输入姓名",
+      "pic":"用户头像|相对路径",
+      "picPlaceholder":"请输入用户头像",
+      "password":"密码",
+      "passwordPlaceholder":"请输入密码",
+      "pid":"用户上级",
+      "pidPlaceholder":"请输入用户上级",
+      "level":"会员层级",
+      "levelPlaceholder":"请输入会员层级",
+      "wxOpenid":"微信小程序openid",
+      "wxOpenidPlaceholder":"请输入微信小程序openid",
+      "wxUnionid":"微信unionid",
+      "wxUnionidPlaceholder":"请输入微信unionid",
+      "sex":"性别",
+      "sexPlaceholder":"请输入性别",
+      "birthday":"生日",
+      "birthdayPlaceholder":"请输入生日",
+      "isShow":"是否可用",
+      "isShowPlaceholder":"请输入是否可用",
+      "createTime":"创建时间",
+      "addUser":"添加会员管理",
+      "updateUser":"编辑会员管理",
+      "userDeleteTips":"确定要删除该数据吗？",
+      "startDate":"请选择开始时间",
+      "endDate":"请选择结束时间"
+}
\ No newline at end of file
diff --git a/admin/src/addon/hygl/lang/zh-cn/user_coupons.user_coupons.json b/admin/src/addon/hygl/lang/zh-cn/user_coupons.user_coupons.json
new file mode 100644
index 0000000..8b67268
--- /dev/null
+++ b/admin/src/addon/hygl/lang/zh-cn/user_coupons.user_coupons.json
@@ -0,0 +1,21 @@
+{
+      "id":"id",
+      "userId":"用户id",
+      "userIdPlaceholder":"全部",
+      "siteId":"站点id",
+      "siteIdPlaceholder":"请输入站点id",
+      "couponsId":"卡券名字",
+      "couponsIdPlaceholder":"请输入卡券名字",
+      "nominalValue":"卡券面值",
+      "nominalValuePlaceholder":"请输入卡券面值",
+      "isShow":"是否可用",
+      "isShowPlaceholder":"请输入是否可用",
+      "createTime":"创建时间",
+      "createTimePlaceholder":"请输入创建时间",
+      "addUserCoupons":"添加用户优惠券",
+      "updateUserCoupons":"编辑用户优惠券",
+      "userCouponsDeleteTips":"确定要删除该数据吗？",
+      "startDate":"请选择开始时间",
+      "endDate":"请选择结束时间",
+      "validTime":"有效期"
+}
\ No newline at end of file
diff --git a/admin/src/addon/hygl/views/advertising/advertising.vue b/admin/src/addon/hygl/views/advertising/advertising.vue
new file mode 100644
index 0000000..94b97aa
--- /dev/null
+++ b/admin/src/addon/hygl/views/advertising/advertising.vue
@@ -0,0 +1,171 @@
+<template>
+  <div class="main-container">
+    <el-card class="box-card !border-none" shadow="never">
+
+      <div class="flex justify-between items-center">
+        <span class="text-lg">{{ pageName }}</span>
+        <el-button type="primary" @click="addEvent">
+          {{ t('addAdvertising') }}
+        </el-button>
+      </div>
+
+      <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+        <el-form :inline="true" :model="advertisingTable.searchParam" ref="searchFormRef">
+
+          <el-form-item>
+            <el-button type="primary" @click="loadAdvertisingList()">{{ t('search') }}</el-button>
+            <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+          </el-form-item>
+        </el-form>
+      </el-card>
+
+      <div class="mt-[10px]">
+        <el-table :data="advertisingTable.data" size="large" v-loading="advertisingTable.loading">
+          <template #empty>
+            <span>{{ !advertisingTable.loading ? t('emptyData') : '' }}</span>
+          </template>
+          <el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('imgUrl')" width="100" align="left">
+            <template #default="{ row }">
+              <el-avatar v-if="row.img_url" :src="img(row.img_url)"/>
+              <el-avatar v-else icon="UserFilled"/>
+            </template>
+          </el-table-column>
+          <el-table-column prop="skip_url" :label="t('skipUrl')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="sort" :label="t('sort')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.create_time || '' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('operation')" fixed="right" min-width="120">
+            <template #default="{ row }">
+              <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+              <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+            </template>
+          </el-table-column>
+
+        </el-table>
+        <div class="mt-[16px] flex justify-end">
+          <el-pagination v-model:current-page="advertisingTable.page" v-model:page-size="advertisingTable.limit"
+                         layout="total, sizes, prev, pager, next, jumper" :total="advertisingTable.total"
+                         @size-change="loadAdvertisingList()" @current-change="loadAdvertisingList"/>
+        </div>
+      </div>
+
+      <edit ref="editAdvertisingDialog" @complete="loadAdvertisingList"/>
+    </el-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref, watch} from 'vue'
+import {t} from '@/lang'
+import {useDictionary} from '@/app/api/dict'
+import {getAdvertisingList, deleteAdvertising,} from '@/addon/hygl/api/advertising'
+import {img} from '@/utils/common'
+import {ElMessageBox, FormInstance} from 'element-plus'
+import Edit from '@/addon/hygl/views/advertising/components/advertising-edit.vue'
+import {useRoute} from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title;
+
+let advertisingTable = reactive({
+  page: 1,
+  limit: 10,
+  total: 0,
+  loading: true,
+  data: [],
+  searchParam: {}
+})
+
+const searchFormRef = ref<FormInstance>()
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 字典数据
+
+
+/**
+ * 获取广告管理列表
+ */
+const loadAdvertisingList = (page: number = 1) => {
+  advertisingTable.loading = true
+  advertisingTable.page = page
+
+  getAdvertisingList({
+    page: advertisingTable.page,
+    limit: advertisingTable.limit,
+    ...advertisingTable.searchParam
+  }).then(res => {
+    advertisingTable.loading = false
+    advertisingTable.data = res.data.data
+    advertisingTable.total = res.data.total
+  }).catch(() => {
+    advertisingTable.loading = false
+  })
+}
+loadAdvertisingList()
+
+const editAdvertisingDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加广告管理
+ */
+const addEvent = () => {
+  editAdvertisingDialog.value.setFormData()
+  editAdvertisingDialog.value.showDialog = true
+}
+
+/**
+ * 编辑广告管理
+ * @param data
+ */
+const editEvent = (data: any) => {
+  editAdvertisingDialog.value.setFormData(data)
+  editAdvertisingDialog.value.showDialog = true
+}
+
+/**
+ * 删除广告管理
+ */
+const deleteEvent = (id: number) => {
+  ElMessageBox.confirm(t('advertisingDeleteTips'), t('warning'),
+      {
+        confirmButtonText: t('confirm'),
+        cancelButtonText: t('cancel'),
+        type: 'warning',
+      }
+  ).then(() => {
+    deleteAdvertising(id).then(() => {
+      loadAdvertisingList()
+    }).catch(() => {
+    })
+  })
+}
+
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+  loadAdvertisingList()
+}
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/advertising/components/advertising-edit.vue b/admin/src/addon/hygl/views/advertising/components/advertising-edit.vue
new file mode 100644
index 0000000..3875394
--- /dev/null
+++ b/admin/src/addon/hygl/views/advertising/components/advertising-edit.vue
@@ -0,0 +1,174 @@
+<template>
+  <el-dialog v-model="showDialog" :title="formData.id ? t('updateAdvertising') : t('addAdvertising')" width="50%"
+             class="diy-dialog-wrap"
+             :destroy-on-close="true">
+    <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
+             v-loading="loading">
+      <el-form-item :label="t('imgUrl')">
+        <upload-image v-model="formData.img_url"/>
+      </el-form-item>
+
+      <el-form-item :label="t('skipUrl')">
+        <el-input v-model="formData.skip_url" clearable :placeholder="t('skipUrlPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('sort')" prop="sort">
+        <el-input-number v-model="formData.sort" clearable :placeholder="t('sortPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+    </el-form>
+
+    <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
+                    t('confirm')
+                  }}</el-button>
+            </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, computed, watch} from 'vue'
+import {useDictionary} from '@/app/api/dict'
+import {t} from '@/lang'
+import type {FormInstance} from 'element-plus'
+
+import {addAdvertising, editAdvertising, getAdvertisingInfo,} from '@/addon/hygl/api/advertising'
+
+let showDialog = ref(false)
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+  id: '',
+  img_url: '',
+  skip_url: '',
+  sort: '1',
+}
+const formData: Record<string, any> = reactive({...initialFormData})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+  return {
+    img_url: [
+      {required: true, message: t('imgUrlPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    skip_url: [
+      {required: true, message: t('skipUrlPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    sort: [
+      {required: true, message: t('sortPlaceholder'), trigger: 'blur'},
+      {
+        validator: (rule: any, value: string, callback: any) => {
+          if (value && !/^\d{1,9999}$/.test(value)) {
+            callback(new Error(t('generateBetween')))
+          } else {
+            callback()
+          }
+        }
+      },
+    ]
+    ,
+  }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+  if (loading.value || !formEl) return
+  let save = formData.id ? editAdvertising : addAdvertising
+
+  await formEl.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+
+      let data = formData
+
+      save(data).then(res => {
+        loading.value = false
+        showDialog.value = false
+        emit('complete')
+      }).catch(err => {
+        loading.value = false
+      })
+    }
+  })
+}
+
+// 获取字典数据
+
+
+const setFormData = async (row: any = null) => {
+  Object.assign(formData, initialFormData)
+  loading.value = true
+  if (row) {
+    const data = await (await getAdvertisingInfo(row.id)).data
+    if (data) Object.keys(formData).forEach((key: string) => {
+      if (data[key] != undefined) formData[key] = data[key]
+    })
+  }
+  loading.value = false
+}
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^1[3-9]\d{9}$/.test(value)) {
+    callback(new Error(t('generateMobile')))
+  } else {
+    callback()
+  }
+}
+
+// 验证身份证号
+const idCardVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
+    callback(new Error(t('generateIdCard')))
+  } else {
+    callback()
+  }
+}
+
+// 验证邮箱号
+const emailVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
+    callback(new Error(t('generateEmail')))
+  } else {
+    callback()
+  }
+}
+
+// 验证请输入整数
+const numberVerify = (rule: any, value: any, callback: any) => {
+  if (!Number.isInteger(value)) {
+    callback(new Error(t('generateNumber')))
+  } else {
+    callback()
+  }
+}
+
+defineExpose({
+  showDialog,
+  setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.diy-dialog-wrap .el-form-item__label {
+  height: auto !important;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/config/components/config-edit.vue b/admin/src/addon/hygl/views/config/components/config-edit.vue
new file mode 100644
index 0000000..f8db59d
--- /dev/null
+++ b/admin/src/addon/hygl/views/config/components/config-edit.vue
@@ -0,0 +1,257 @@
+<template>
+  <el-dialog v-model="showDialog" :title="formData.id ? t('updateConfig') : t('addConfig')" width="50%"
+             class="diy-dialog-wrap"
+             :destroy-on-close="true">
+    <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
+             v-loading="loading">
+      <el-form-item :label="t('weChatPayAppid')">
+        <el-input v-model="formData.we_chat_pay_appid" clearable :placeholder="t('weChatPayAppidPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('weChatPayAppId')">
+        <el-input v-model="formData.we_chat_pay_app_id" clearable :placeholder="t('weChatPayAppIdPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('weChatPayMiniappId')">
+        <el-input v-model="formData.we_chat_pay_miniapp_id" clearable :placeholder="t('weChatPayMiniappIdPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('weChatPayMchId')">
+        <el-input v-model="formData.we_chat_pay_mch_id" clearable :placeholder="t('weChatPayMchIdPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('weChatPayKey')">
+        <el-input v-model="formData.we_chat_pay_key" clearable :placeholder="t('weChatPayKeyPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('weChatPayMiniappSecret')">
+        <el-input v-model="formData.we_chat_pay_miniapp_secret" clearable
+                  :placeholder="t('weChatPayMiniappSecretPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('weChatPayNotifyUrl')" prop="we_chat_pay_notify_url">
+        <el-input v-model="formData.we_chat_pay_notify_url" clearable :placeholder="t('weChatPayNotifyUrlPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('alipayAppId')">
+        <el-input v-model="formData.alipay_appId" clearable :placeholder="t('alipayAppIdPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('alipayRsaPrivateKey')">
+        <el-input v-model="formData.alipay_rsa_private_key" clearable :placeholder="t('alipayRsaPrivateKeyPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('alipayPublicKey')">
+        <el-input v-model="formData.alipay_public_key" clearable :placeholder="t('alipayPublicKeyPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('alipayNotifyUrl')" prop="alipay_notify_url">
+        <el-input v-model="formData.alipay_notify_url" clearable :placeholder="t('alipayNotifyUrlPlaceholder')"
+                  class="input-width"/>
+      </el-form-item>
+
+    </el-form>
+
+    <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
+                    t('confirm')
+                  }}</el-button>
+            </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, computed, watch} from 'vue'
+import {useDictionary} from '@/app/api/dict'
+import {t} from '@/lang'
+import type {FormInstance} from 'element-plus'
+
+import {addConfig, editConfig, getConfigInfo,} from '@/addon/hygl/api/config'
+
+let showDialog = ref(false)
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+  id: '',
+  we_chat_pay_appid: '',
+  we_chat_pay_app_id: '',
+  we_chat_pay_miniapp_id: '',
+  we_chat_pay_mch_id: '',
+  we_chat_pay_key: '',
+  we_chat_pay_miniapp_secret: '',
+  we_chat_pay_notify_url: '',
+  alipay_appId: '',
+  alipay_rsa_private_key: '',
+  alipay_public_key: '',
+  alipay_notify_url: '',
+}
+const formData: Record<string, any> = reactive({...initialFormData})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+  return {
+    we_chat_pay_appid: [
+      {required: true, message: t('weChatPayAppidPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_app_id: [
+      {required: true, message: t('weChatPayAppIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_miniapp_id: [
+      {required: true, message: t('weChatPayMiniappIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_mch_id: [
+      {required: true, message: t('weChatPayMchIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_key: [
+      {required: true, message: t('weChatPayKeyPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_miniapp_secret: [
+      {required: true, message: t('weChatPayMiniappSecretPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_notify_url: [
+      {required: true, message: t('weChatPayNotifyUrlPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    alipay_appId: [
+      {required: true, message: t('alipayAppIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    alipay_rsa_private_key: [
+      {required: true, message: t('alipayRsaPrivateKeyPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    alipay_public_key: [
+      {required: true, message: t('alipayPublicKeyPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    alipay_notify_url: [
+      {required: true, message: t('alipayNotifyUrlPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+  }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+  if (loading.value || !formEl) return
+  let save = formData.id ? editConfig : addConfig
+
+  await formEl.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+
+      let data = formData
+
+      save(data).then(res => {
+        loading.value = false
+        showDialog.value = false
+        emit('complete')
+      }).catch(err => {
+        loading.value = false
+      })
+    }
+  })
+}
+
+// 获取字典数据
+
+
+const setFormData = async (row: any = null) => {
+  Object.assign(formData, initialFormData)
+  loading.value = true
+  if (row) {
+    const data = await (await getConfigInfo(row.id)).data
+    if (data) Object.keys(formData).forEach((key: string) => {
+      if (data[key] != undefined) formData[key] = data[key]
+    })
+  }
+  loading.value = false
+}
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^1[3-9]\d{9}$/.test(value)) {
+    callback(new Error(t('generateMobile')))
+  } else {
+    callback()
+  }
+}
+
+// 验证身份证号
+const idCardVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
+    callback(new Error(t('generateIdCard')))
+  } else {
+    callback()
+  }
+}
+
+// 验证邮箱号
+const emailVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
+    callback(new Error(t('generateEmail')))
+  } else {
+    callback()
+  }
+}
+
+// 验证请输入整数
+const numberVerify = (rule: any, value: any, callback: any) => {
+  if (!Number.isInteger(value)) {
+    callback(new Error(t('generateNumber')))
+  } else {
+    callback()
+  }
+}
+
+defineExpose({
+  showDialog,
+  setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.diy-dialog-wrap .el-form-item__label {
+  height: auto !important;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/config/config.vue b/admin/src/addon/hygl/views/config/config.vue
new file mode 100644
index 0000000..5e53783
--- /dev/null
+++ b/admin/src/addon/hygl/views/config/config.vue
@@ -0,0 +1,378 @@
+<template>
+  <div class="main-container">
+    <div class="detail-head">
+      <!--      <div class="left" @click="back()">-->
+      <!--        <span class="iconfont iconxiangzuojiantou !text-xs"></span>-->
+      <!--        <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>-->
+      <!--      </div>-->
+      <!--      <span class="adorn">|</span>-->
+      <span class="right">{{ pageName }}</span>
+    </div>
+    <el-card class="box-card !border-none" shadow="never">
+      <el-form :model="formData" label-width="270px" ref="formRef" :rules="formRules" class="page-form">
+        <!--
+                <el-form-item :label="t('weChatPayAppid')">
+                  <el-input v-model="formData.we_chat_pay_appid" clearable :placeholder="t('weChatPayAppidPlaceholder')"
+                            class="input-width"/>
+                </el-form-item>
+                -->
+
+
+        <el-form-item :label="t('weChatPayAppId')" prop="we_chat_pay_app_id">
+          <el-input v-model="formData.we_chat_pay_app_id" clearable :placeholder="t('weChatPayAppIdPlaceholder')"
+                    class="input-width"/>
+        </el-form-item>
+
+        <el-form-item :label="t('weChatPayMiniappId')">
+          <el-input v-model="formData.we_chat_pay_miniapp_id" clearable
+                    :placeholder="t('weChatPayMiniappIdPlaceholder')" class="input-width"/>
+        </el-form-item>
+
+        <el-form-item :label="t('weChatPayMchId')" prop="we_chat_pay_mch_id">
+          <el-input v-model="formData.we_chat_pay_mch_id" clearable :placeholder="t('weChatPayMchIdPlaceholder')"
+                    class="input-width"/>
+        </el-form-item>
+
+        <el-form-item :label="t('weChatPayKey')" prop="we_chat_pay_key">
+          <el-input v-model="formData.we_chat_pay_key" clearable :placeholder="t('weChatPayKeyPlaceholder')"
+                    class="input-width"/>
+        </el-form-item>
+        <!--
+                <el-form-item :label="t('weChatPayMiniappSecret')">
+                  <el-input v-model="formData.we_chat_pay_miniapp_secret" clearable
+                            :placeholder="t('weChatPayMiniappSecretPlaceholder')" class="input-width"/>
+                </el-form-item>
+        -->
+        <el-form-item :label="t('weChatPayNotifyUrl')" prop="we_chat_pay_notify_url">
+          <el-input disabled="true" v-model="formData.we_chat_pay_notify_url" clearable
+                    :placeholder="t('weChatPayNotifyUrlPlaceholder')" class="input-width"/>
+        </el-form-item>
+
+        <el-form-item :label="t('上传微信商户私钥(apiclient_key.pem)')" prop="we_chat_pay_mch_secret_cert">
+          <el-input v-model="formData.we_chat_pay_mch_secret_cert" clearable
+                    :placeholder="t('请上传商户私钥')" class="input-width"/>
+          <div>
+            <input type="file"
+                   @change="handleFileUpload($event,'we_chat_pay_mch_secret_cert','config_we_chat_pay_mch_secret_cert')">
+          </div>
+        </el-form-item>
+
+
+        <el-form-item :label="t('上传微信商户公钥(apiclient_cert.pem)')" prop="we_chat_pay_mch_public_cert_path">
+          <el-input v-model="formData.we_chat_pay_mch_public_cert_path" clearable
+                    :placeholder="t('请上传商户公钥')" class="input-width"/>
+          <input type="file"
+                 @change="handleFileUpload($event,'we_chat_pay_mch_public_cert_path','config_we_chat_pay_mch_public_cert_path')">
+        </el-form-item>
+
+        <!--
+                <el-form-item :label="t('alipayAppId')">
+                  <el-input v-model="formData.alipay_appId" clearable :placeholder="t('alipayAppIdPlaceholder')"
+                            class="input-width"/>
+                </el-form-item>
+
+
+
+                <el-form-item :label="t('alipayRsaPrivateKey')">
+                  <el-input v-model="formData.alipay_rsa_private_key" clearable
+                            :placeholder="t('alipayRsaPrivateKeyPlaceholder')" class="input-width"/>
+                </el-form-item>
+
+                <el-form-item :label="t('alipayPublicKey')">
+                  <el-input v-model="formData.alipay_public_key" clearable :placeholder="t('alipayPublicKeyPlaceholder')"
+                            class="input-width"/>
+                </el-form-item>
+
+                <el-form-item :label="t('alipayNotifyUrl')" prop="alipay_notify_url">
+                  <el-input v-model="formData.alipay_notify_url" clearable :placeholder="t('alipayNotifyUrlPlaceholder')"
+                            class="input-width"/>
+                </el-form-item>
+        -->
+        <el-form-item :label="t('H5站点地址')" prop="h5_site_url">
+          <el-input disabled="true" v-model="formData.h5_site_url" clearable
+                    :placeholder="t('H5站点地址')"
+                    class="input-width"/>
+        </el-form-item>
+
+        <el-form-item :label="t('H5站点二维码')" prop="h5_qrcode_url">
+          <el-input disabled="true" v-model="formData.h5_qrcode_url" clearable :placeholder="t('H5站点二维码')"
+                    class="input-width"/>
+          <el-button style="margin-left: 15px;" type="primary" @click="resetQrCode()">{{ t('重新生成二维码') }}</el-button>
+        </el-form-item>
+
+        <el-form-item v-if="formData.ol_h5_qrcode_url" :label="t('原始H5站点二维码')" prop="h5_qrcode_url">
+          <div>
+            <p style="color: red;">重新生成二维码后->点击"保存"将替换此二维码</p>
+            <img :src="formData.ol_h5_qrcode_url" alt="">
+            <a :href="formData.ol_h5_qrcode_url" target="downloadFile" download="h5_qrcode.png">
+              <el-button type="primary">打开二维码</el-button>
+            </a>
+          </div>
+        </el-form-item>
+
+
+        <el-form-item :label="t('微信小程序跳转路径')" prop="miniapp_site_url">
+          <el-input disabled="true" v-model="formData.miniapp_site_url" clearable
+                    :placeholder="t('微信小程序跳转路径')"
+                    class="input-width"/>
+        </el-form-item>
+
+        <el-form-item :label="t('微信小程序二维码')" prop="miniapp_qrcode_url">
+          <el-input disabled="true" v-model="formData.miniapp_qrcode_url" clearable :placeholder="t('微信小程序二维码')"
+                    class="input-width"/>
+          <el-button style="margin-left: 15px;" type="primary" @click="resetMiniAppQrCode()">{{ t('重新生成二维码') }}</el-button>
+        </el-form-item>
+
+        <el-form-item v-if="formData.ol_miniapp_qrcode_url" :label="t('原始微信小程序二维码')" prop="miniapp_qrcode_url">
+          <div>
+            <p style="color: red;">重新生成二维码后->点击"保存"将替换此二维码</p>
+            <img :src="formData.ol_miniapp_qrcode_url" alt="">
+            <a :href="formData.ol_miniapp_qrcode_url" target="downloadFile" download="miniapp_qrcode.png">
+              <el-button type="primary">打开二维码</el-button>
+            </a>
+          </div>
+        </el-form-item>
+
+
+      </el-form>
+
+    </el-card>
+    <div class="fixed-footer-wrap">
+      <div class="fixed-footer">
+        <el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button>
+        <!--        <el-button @click="back()">{{ t('cancel') }}</el-button>-->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, computed, watch} from 'vue'
+import {t} from '@/lang'
+import {useDictionary} from '@/app/api/dict'
+import type {FormInstance} from 'element-plus'
+import {getConfigInfo, addConfig, editConfig, getConfigList, resetH5SiteQRCode,} from '@/addon/hygl/api/config';
+import {useRoute} from 'vue-router'
+import {ElMessage} from 'element-plus'
+import {uploadFile} from "@/addon/hygl/api/common";
+
+const route = useRoute()
+const id: number = parseInt(route.query.id);
+const loading = ref(false)
+const pageName = route.meta.title
+
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+  id: 0,
+  we_chat_pay_appid: '',
+  we_chat_pay_app_id: '',
+  we_chat_pay_miniapp_id: '',
+  we_chat_pay_mch_id: '',
+  we_chat_pay_key: '',
+  we_chat_pay_miniapp_secret: '',
+  we_chat_pay_notify_url: '',
+  alipay_appId: '',
+  alipay_rsa_private_key: '',
+  alipay_public_key: '',
+  alipay_notify_url: '',
+  we_chat_pay_mch_secret_cert: '',
+  we_chat_pay_mch_public_cert_path: '',
+  h5_site_url:'',
+  h5_qrcode_url:'',
+  ol_h5_qrcode_url:'',
+}
+const formData: Record<string, any> = reactive({...initialFormData})
+
+const setFormData = async (id: number = 0) => {
+  Object.assign(formData, initialFormData)
+  const data = await (await getConfigInfo(id)).data
+  Object.keys(formData).forEach((key: string) => {
+    if (data[key] != undefined) formData[key] = data[key]
+  })
+}
+setFormData();
+
+const formRef = ref<FormInstance>()
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 字典数据
+
+
+// 表单验证规则
+const formRules = computed(() => {
+  return {
+    we_chat_pay_appid: [
+      {required: true, message: t('weChatPayAppidPlaceholder'), trigger: 'blur'},
+
+    ],
+    we_chat_pay_app_id: [
+      {required: true, message: t('weChatPayAppIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_miniapp_id: [
+      {required: true, message: t('weChatPayMiniappIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_mch_id: [
+      {required: true, message: t('weChatPayMchIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_key: [
+      {required: true, message: t('weChatPayKeyPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_miniapp_secret: [
+      {required: true, message: t('weChatPayMiniappSecretPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_notify_url: [
+      {required: true, message: t('weChatPayNotifyUrlPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    we_chat_pay_mch_secret_cert: [
+      {required: true, message: t('商户私钥必传'), trigger: 'blur'},
+    ],
+    we_chat_pay_mch_public_cert_path: [
+      {required: true, message: t('商户公钥必传'), trigger: 'blur'},
+    ],
+
+    alipay_appId: [
+      {required: true, message: t('alipayAppIdPlaceholder'), trigger: 'blur'},
+    ],
+    alipay_rsa_private_key: [
+      {required: true, message: t('alipayRsaPrivateKeyPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    alipay_public_key: [
+      {required: true, message: t('alipayPublicKeyPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    alipay_notify_url: [
+      {required: true, message: t('alipayNotifyUrlPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+  }
+})
+
+const onSave = async (formEl: FormInstance | undefined) => {
+  if (loading.value || !formEl) return
+  await formEl.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+      let data = formData
+
+      const save = editConfig
+      save(data).then(res => {
+        loading.value = false
+        setFormData()//刷新页面
+        // history.back()
+      }).catch(err => {
+        loading.value = false
+      })
+
+    }
+  })
+}
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^1[3-9]\d{9}$/.test(value)) {
+    callback(new Error(t('generateMobile')))
+  } else {
+    callback()
+  }
+}
+
+// 验证身份证号
+const idCardVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
+    callback(new Error(t('generateIdCard')))
+  } else {
+    callback()
+  }
+}
+
+// 验证邮箱号
+const emailVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
+    callback(new Error(t('generateEmail')))
+  } else {
+    callback()
+  }
+}
+
+
+// 验证请输入整数
+const numberVerify = (rule: any, value: any, callback: any) => {
+  if (!Number.isInteger(value)) {
+    callback(new Error(t('generateNumber')))
+  } else {
+    callback()
+  }
+}
+const back = () => {
+  history.back()
+}
+
+//重新生成二维码
+const resetQrCode = async () => {
+
+  let data = formData
+  if (!data.id) {
+    ElMessage({
+      message: '请先填写必要信息并点击保存后再试',
+      type: 'warning',
+    })
+    return
+  }
+
+  let aa = resetH5SiteQRCode(data.id).then(res => {
+    if (res.code){
+      formData.h5_qrcode_url = res.data.url
+    }
+    // history.back()
+  }).catch(err => {
+    console.log(err)
+  })
+
+}
+
+//上传文件(单文件上传)
+const handleFileUpload = (event: Event, name: string, path: string) => {
+  const fileInput = event.target as HTMLInputElement;
+  if (!fileInput.files || fileInput.files.length === 0) {
+    return;
+  }
+
+  const file = fileInput.files[0];
+  let form_data = new FormData();
+
+  form_data.append('file', file); // 使用正确的 file 变量
+  form_data.append('path', path); // 使用正确的 path 变量
+  uploadFile(form_data).then(res => {
+    console.log(222, res)
+    if (res.code) {
+      formData[name] = res.data.file_path
+    }
+    // loading.value = false
+    // history.back()
+  }).catch(err => {
+    // loading.value = false
+  })
+};
+</script>
+
+<style lang="scss" scoped></style>
\ No newline at end of file
diff --git a/admin/src/addon/hygl/views/coupons/components/coupons-edit.vue b/admin/src/addon/hygl/views/coupons/components/coupons-edit.vue
new file mode 100644
index 0000000..989ed61
--- /dev/null
+++ b/admin/src/addon/hygl/views/coupons/components/coupons-edit.vue
@@ -0,0 +1,238 @@
+<template>
+  <el-dialog v-model="showDialog" :title="formData.id ? t('updateCoupons') : t('addCoupons')" width="50%"
+             class="diy-dialog-wrap"
+             :destroy-on-close="true">
+    <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
+             v-loading="loading">
+      <el-form-item :label="t('name')" prop="name">
+        <el-input v-model="formData.name" clearable :placeholder="t('namePlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('nominalValue')" prop="nominal_value">
+        <el-input-number v-model="formData.nominal_value" clearable :placeholder="t('nominalValuePlaceholder')"
+                         class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('stock')" prop="stock">
+        <el-input-number v-model="formData.stock" clearable :placeholder="t('stockPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+
+      <el-form-item :label="t('isShow')" prop="is_show">
+        <el-radio-group v-model="formData.is_show" :placeholder="t('isShowPlaceholder')">
+          <el-radio
+              v-for="(item, index) in is_showList"
+              :key="index"
+              :label="item.value">
+            {{ item.name }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+      <el-form-item :label="t('isObsolete')" prop="is_obsolete">
+        <el-radio-group v-model="formData.is_obsolete" :placeholder="t('isObsoletePlaceholder')">
+          <el-radio label="1">是</el-radio>
+          <el-radio label="0">否</el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+      <el-form-item :label="t('isLongTermValid')" prop="is_long_term_valid">
+        <el-radio-group v-model="formData.is_long_term_valid" :placeholder="t('isLongTermValidPlaceholder')">
+          <el-radio label="1">是</el-radio>
+          <el-radio label="0">否</el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+      <el-form-item v-show="formData.is_long_term_valid !=='1'" :label="t('validTime')" prop="valid_time">
+        <el-date-picker v-model="formData.valid_time" type="daterange"
+                        value-format="YYYY-MM-DD"
+                        :start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
+      </el-form-item>
+
+    </el-form>
+
+    <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
+                    t('confirm')
+                  }}</el-button>
+            </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, computed, watch} from 'vue'
+import {useDictionary} from '@/app/api/dict'
+import {t} from '@/lang'
+import type {FormInstance} from 'element-plus'
+
+import {addCoupons, editCoupons, getCouponsInfo,} from '@/addon/hygl/api/coupons'
+
+let showDialog = ref(false)
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+  id: '',
+  name: '',
+  nominal_value: '',
+  stock: '100',
+  is_show: '1',
+  is_long_term_valid: '1',
+  is_obsolete: '0',
+  valid_time: [],
+}
+const formData: Record<string, any> = reactive({...initialFormData})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+  return {
+    name: [
+      {required: true, message: t('namePlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    nominal_value: [
+      { required: true, message: t('nominalValuePlaceholder'), trigger: 'blur' },
+      {
+        validator: (rule: any, value: string, callback: any) => {
+          const floatValue = parseFloat(value);
+
+          if (isNaN(floatValue) || floatValue <= 0 || floatValue > 99999 || !/^\d+(\.\d{1,2})?$/.test(value)) {
+            callback(new Error(t('请输入0.1-99999')))
+          } else {
+            callback()
+          }
+        }
+      },
+    ]
+    ,
+    stock: [
+      {required: true, message: t('stockPlaceholder'), trigger: 'blur'},
+      {
+        validator: (rule: any, value: string, callback: any) => {
+          if (value && !/^\d{0,99999}$/.test(value)) {
+            callback(new Error(t('generateBetween')))
+          } else {
+            callback()
+          }
+        }
+      },
+    ]
+    ,
+    is_show: [
+      {required: true, message: t('isShowPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    is_long_term_valid: [
+      {required: true, message: t('isLongTermValidPlaceholder'), trigger: 'blur'},
+    ]
+    ,
+  }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+  if (loading.value || !formEl) return
+  let save = formData.id ? editCoupons : addCoupons
+
+  await formEl.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+
+      let data = formData
+
+      save(data).then(res => {
+        loading.value = false
+        showDialog.value = false
+        emit('complete')
+      }).catch(err => {
+        loading.value = false
+      })
+    }
+  })
+}
+
+// 获取字典数据
+let is_showList = ref([])
+const is_showDictList = async () => {
+  is_showList.value = await (await useDictionary('is_show_radio')).data.dictionary
+}
+is_showDictList();
+watch(() => is_showList.value, () => {
+  formData.is_show = is_showList.value[0].value
+})
+
+
+const setFormData = async (row: any = null) => {
+  Object.assign(formData, initialFormData)
+  loading.value = true
+  if (row) {
+    const data = await (await getCouponsInfo(row.id)).data
+    if (data) Object.keys(formData).forEach((key: string) => {
+      if (data[key] != undefined) formData[key] = data[key]
+    })
+  }
+  loading.value = false
+}
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^1[3-9]\d{9}$/.test(value)) {
+    callback(new Error(t('generateMobile')))
+  } else {
+    callback()
+  }
+}
+
+// 验证身份证号
+const idCardVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
+    callback(new Error(t('generateIdCard')))
+  } else {
+    callback()
+  }
+}
+
+// 验证邮箱号
+const emailVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
+    callback(new Error(t('generateEmail')))
+  } else {
+    callback()
+  }
+}
+
+// 验证请输入整数
+const numberVerify = (rule: any, value: any, callback: any) => {
+  if (!Number.isInteger(value)) {
+    callback(new Error(t('generateNumber')))
+  } else {
+    callback()
+  }
+}
+
+defineExpose({
+  showDialog,
+  setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.diy-dialog-wrap .el-form-item__label {
+  height: auto !important;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/coupons/coupons.vue b/admin/src/addon/hygl/views/coupons/coupons.vue
new file mode 100644
index 0000000..0510102
--- /dev/null
+++ b/admin/src/addon/hygl/views/coupons/coupons.vue
@@ -0,0 +1,227 @@
+<template>
+  <div class="main-container">
+    <el-card class="box-card !border-none" shadow="never">
+
+      <div class="flex justify-between items-center">
+        <span class="text-lg">{{ pageName }}</span>
+        <el-button type="primary" @click="addEvent">
+          {{ t('addCoupons') }}
+        </el-button>
+      </div>
+
+      <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+        <el-form :inline="true" :model="couponsTable.searchParam" ref="searchFormRef">
+          <el-form-item :label="t('name')" prop="name">
+            <el-input v-model="couponsTable.searchParam.name" :placeholder="t('namePlaceholder')"/>
+          </el-form-item>
+          <el-form-item :label="t('nominalValue')" prop="nominal_value">
+            <range-input v-model="couponsTable.searchParam.nominal_value"/>
+          </el-form-item>
+
+
+          <el-form-item :label="t('isShow')" prop="is_show">
+            <el-select class="w-[280px]" v-model="couponsTable.searchParam.is_show" clearable
+                       :placeholder="t('isShowPlaceholder')">
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                  v-for="(item, index) in is_showList"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button type="primary" @click="loadCouponsList()">{{ t('search') }}</el-button>
+            <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+          </el-form-item>
+        </el-form>
+      </el-card>
+
+      <div class="mt-[10px]">
+        <el-table :data="couponsTable.data" size="large" v-loading="couponsTable.loading">
+          <template #empty>
+            <span>{{ !couponsTable.loading ? t('emptyData') : '' }}</span>
+          </template>
+          <el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="name" :label="t('name')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="nominal_value" :label="t('nominalValue')" min-width="120"
+                           :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="stock" :label="t('stock')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('isShow')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <div v-for="(item, index) in is_showList">
+                <div v-if="item.value == row.is_show">{{ item.name }}</div>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('isObsolete')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <div v-for="(item, index) in is_showList">
+                <div v-if="item.value == row.is_obsolete">{{ item.name }}</div>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('isLongTermValid')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <div v-for="(item, index) in is_showList">
+                <div v-if="item.value == row.is_long_term_valid">{{ item.name }}</div>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('validTime')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.valid_time || '' }}
+            </template>
+          </el-table-column>
+
+
+          <el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.create_time || '' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('operation')" fixed="right" min-width="120">
+            <template #default="{ row }">
+              <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+              <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+            </template>
+          </el-table-column>
+
+        </el-table>
+        <div class="mt-[16px] flex justify-end">
+          <el-pagination v-model:current-page="couponsTable.page" v-model:page-size="couponsTable.limit"
+                         layout="total, sizes, prev, pager, next, jumper" :total="couponsTable.total"
+                         @size-change="loadCouponsList()" @current-change="loadCouponsList"/>
+        </div>
+      </div>
+
+      <edit ref="editCouponsDialog" @complete="loadCouponsList"/>
+    </el-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref, watch} from 'vue'
+import {t} from '@/lang'
+import {useDictionary} from '@/app/api/dict'
+import {getCouponsList, deleteCoupons,} from '@/addon/hygl/api/coupons'
+import {img} from '@/utils/common'
+import {ElMessageBox, FormInstance} from 'element-plus'
+import Edit from '@/addon/hygl/views/coupons/components/coupons-edit.vue'
+import {useRoute} from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title;
+
+let couponsTable = reactive({
+  page: 1,
+  limit: 10,
+  total: 0,
+  loading: true,
+  data: [],
+  searchParam: {
+    "name": "",
+    "nominal_value": [],
+    "is_show": ""
+  }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 字典数据
+const is_showList = ref([] as any[])
+const is_showDictList = async () => {
+  is_showList.value = await (await useDictionary('is_show_radio')).data.dictionary
+}
+is_showDictList();
+
+/**
+ * 获取优惠券列表
+ */
+const loadCouponsList = (page: number = 1) => {
+  couponsTable.loading = true
+  couponsTable.page = page
+
+  getCouponsList({
+    page: couponsTable.page,
+    limit: couponsTable.limit,
+    ...couponsTable.searchParam
+  }).then(res => {
+    couponsTable.loading = false
+    couponsTable.data = res.data.data
+    couponsTable.total = res.data.total
+  }).catch(() => {
+    couponsTable.loading = false
+  })
+}
+loadCouponsList()
+
+const editCouponsDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加优惠券
+ */
+const addEvent = () => {
+  editCouponsDialog.value.setFormData()
+  editCouponsDialog.value.showDialog = true
+}
+
+/**
+ * 编辑优惠券
+ * @param data
+ */
+const editEvent = (data: any) => {
+  editCouponsDialog.value.setFormData(data)
+  editCouponsDialog.value.showDialog = true
+}
+
+/**
+ * 删除优惠券
+ */
+const deleteEvent = (id: number) => {
+  ElMessageBox.confirm(t('couponsDeleteTips'), t('warning'),
+      {
+        confirmButtonText: t('confirm'),
+        cancelButtonText: t('cancel'),
+        type: 'warning',
+      }
+  ).then(() => {
+    deleteCoupons(id).then(() => {
+      loadCouponsList()
+    }).catch(() => {
+    })
+  })
+}
+
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+  loadCouponsList()
+}
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/hello_world/index.vue b/admin/src/addon/hygl/views/hello_world/index.vue
new file mode 100644
index 0000000..b06efa2
--- /dev/null
+++ b/admin/src/addon/hygl/views/hello_world/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <span class="text-[20px]">{{hello_world_text}}</span>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { getHelloWorld } from '@/addon/hygl/api/hello_world'
+
+const hello_world_text = ref('');
+const getHelloWorldInfo = async () => {
+  hello_world_text.value = await (await getHelloWorld()).data
+}
+getHelloWorldInfo()
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/admin/src/addon/hygl/views/transaction_history/components/transaction-history-edit.vue b/admin/src/addon/hygl/views/transaction_history/components/transaction-history-edit.vue
new file mode 100644
index 0000000..fa2ee25
--- /dev/null
+++ b/admin/src/addon/hygl/views/transaction_history/components/transaction-history-edit.vue
@@ -0,0 +1,295 @@
+<template>
+  <el-dialog v-model="showDialog" :title="formData.id ? t('updateTransactionHistory') : t('addTransactionHistory')"
+             width="50%" class="diy-dialog-wrap"
+             :destroy-on-close="true">
+    <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
+             v-loading="loading">
+      <el-form-item :label="t('userId')" prop="user_id">
+        <el-input v-model="formData.user_id" clearable :placeholder="t('userIdPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('remark')">
+        <el-input v-model="formData.remark" clearable :placeholder="t('remarkPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('orderNum')" prop="order_num">
+        <el-input v-model="formData.order_num" clearable :placeholder="t('orderNumPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('payNum')">
+        <el-input v-model="formData.pay_num" clearable :placeholder="t('payNumPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('payType')" prop="pay_type">
+        <el-select class="input-width" v-model="formData.pay_type" clearable :placeholder="t('payTypePlaceholder')">
+          <el-option label="请选择" value=""></el-option>
+          <el-option
+              v-for="(item, index) in pay_typeList"
+              :key="index"
+              :label="item['name']"
+              :value="item['value']"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="t('price')" prop="price">
+        <el-input-number v-model="formData.price" clearable :placeholder="t('pricePlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('cashFee')">
+        <el-input-number v-model="formData.cash_fee" clearable :placeholder="t('cashFeePlaceholder')"
+                         class="input-width"/>
+      </el-form-item>
+
+
+      <el-form-item :label="t('payStatus')" prop="pay_status">
+        <el-radio-group v-model="formData.pay_status" :placeholder="t('payStatusPlaceholder')">
+          <el-radio
+              v-for="(item, index) in pay_statusList"
+              :key="index"
+              :label="item.value">
+            {{ item.name }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+      <el-form-item :label="t('payTime')" class="input-width">
+        <el-date-picker
+            class="flex-1 !flex"
+            v-model="formData.pay_time"
+            clearable
+            type="datetime"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            :placeholder="t('payTimePlaceholder')">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="t('payDataJson')">
+        <el-input v-model="formData.pay_data_json" type="textarea" rows="4" clearable
+                  :placeholder="t('payDataJsonPlaceholder')" class="input-width"/>
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
+                    t('confirm')
+                  }}</el-button>
+            </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, computed, watch} from 'vue'
+import {useDictionary} from '@/app/api/dict'
+import {t} from '@/lang'
+import type {FormInstance} from 'element-plus'
+
+import {
+  addTransactionHistory,
+  editTransactionHistory,
+  getTransactionHistoryInfo,
+} from '@/addon/hygl/api/transaction_history'
+
+let showDialog = ref(false)
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+  id: '',
+  user_id: '',
+  remark: '',
+  order_num: '',
+  pay_num: '',
+  pay_type: '',
+  price: '',
+  cash_fee: '',
+  pay_status: '0',
+  pay_time: '',
+  pay_data_json: '',
+}
+const formData: Record<string, any> = reactive({...initialFormData})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+  return {
+    user_id: [
+      {required: true, message: t('userIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    remark: [
+      {required: true, message: t('remarkPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    order_num: [
+      {required: true, message: t('orderNumPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    pay_num: [
+      {required: true, message: t('payNumPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    pay_type: [
+      {required: true, message: t('payTypePlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    price: [
+      {required: true, message: t('pricePlaceholder'), trigger: 'blur'},
+      {
+        validator: (rule: any, value: string, callback: any) => {
+          if (value && !/^\d{0,99999}$/.test(value)) {
+            callback(new Error(t('generateBetween')))
+          } else {
+            callback()
+          }
+        }
+      },
+    ]
+    ,
+    cash_fee: [
+      {required: true, message: t('cashFeePlaceholder'), trigger: 'blur'},
+      {
+        validator: (rule: any, value: string, callback: any) => {
+          if (value && !/^\d{0,99999}$/.test(value)) {
+            callback(new Error(t('generateBetween')))
+          } else {
+            callback()
+          }
+        }
+      },
+    ]
+    ,
+    pay_status: [
+      {required: true, message: t('payStatusPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    pay_time: [
+      {required: true, message: t('payTimePlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    pay_data_json: [
+      {required: true, message: t('payDataJsonPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+  }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+  if (loading.value || !formEl) return
+  let save = formData.id ? editTransactionHistory : addTransactionHistory
+
+  await formEl.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+
+      let data = formData
+
+      save(data).then(res => {
+        loading.value = false
+        showDialog.value = false
+        emit('complete')
+      }).catch(err => {
+        loading.value = false
+      })
+    }
+  })
+}
+
+// 获取字典数据
+let pay_typeList = ref([])
+const pay_typeDictList = async () => {
+  pay_typeList.value = await (await useDictionary('pay_type')).data.dictionary
+}
+pay_typeDictList();
+watch(() => pay_typeList.value, () => {
+  formData.pay_type = pay_typeList.value[0].value
+})
+let pay_statusList = ref([])
+const pay_statusDictList = async () => {
+  pay_statusList.value = await (await useDictionary('is_show_radio')).data.dictionary
+}
+pay_statusDictList();
+watch(() => pay_statusList.value, () => {
+  formData.pay_status = pay_statusList.value[0].value
+})
+
+
+const setFormData = async (row: any = null) => {
+  Object.assign(formData, initialFormData)
+  loading.value = true
+  if (row) {
+    const data = await (await getTransactionHistoryInfo(row.id)).data
+    if (data) Object.keys(formData).forEach((key: string) => {
+      if (data[key] != undefined) formData[key] = data[key]
+    })
+  }
+  loading.value = false
+}
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^1[3-9]\d{9}$/.test(value)) {
+    callback(new Error(t('generateMobile')))
+  } else {
+    callback()
+  }
+}
+
+// 验证身份证号
+const idCardVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
+    callback(new Error(t('generateIdCard')))
+  } else {
+    callback()
+  }
+}
+
+// 验证邮箱号
+const emailVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
+    callback(new Error(t('generateEmail')))
+  } else {
+    callback()
+  }
+}
+
+// 验证请输入整数
+const numberVerify = (rule: any, value: any, callback: any) => {
+  if (!Number.isInteger(value)) {
+    callback(new Error(t('generateNumber')))
+  } else {
+    callback()
+  }
+}
+
+defineExpose({
+  showDialog,
+  setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.diy-dialog-wrap .el-form-item__label {
+  height: auto !important;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/transaction_history/transaction_history.vue b/admin/src/addon/hygl/views/transaction_history/transaction_history.vue
new file mode 100644
index 0000000..765f95d
--- /dev/null
+++ b/admin/src/addon/hygl/views/transaction_history/transaction_history.vue
@@ -0,0 +1,286 @@
+<template>
+  <div class="main-container">
+    <el-card class="box-card !border-none" shadow="never">
+
+      <div class="flex justify-between items-center">
+        <!--        <span class="text-lg">{{ pageName }}</span>-->
+        <!--        <el-button type="primary" @click="addEvent">-->
+        <!--          {{ t('addTransactionHistory') }}-->
+        <!--        </el-button>-->
+      </div>
+
+      <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+        <el-form :inline="true" :model="transactionHistoryTable.searchParam" ref="searchFormRef">
+          <el-form-item :label="t('userId')" prop="user_id">
+            <el-input v-model="transactionHistoryTable.searchParam.user_id" :placeholder="t('userIdPlaceholder')"/>
+          </el-form-item>
+          <el-form-item :label="t('orderNum')" prop="order_num">
+            <el-input v-model="transactionHistoryTable.searchParam.order_num" :placeholder="t('orderNumPlaceholder')"/>
+          </el-form-item>
+          <el-form-item :label="t('payNum')" prop="pay_num">
+            <el-input v-model="transactionHistoryTable.searchParam.pay_num" :placeholder="t('payNumPlaceholder')"/>
+          </el-form-item>
+
+          <el-form-item :label="t('payType')" prop="pay_type">
+            <el-select class="w-[280px]" v-model="transactionHistoryTable.searchParam.pay_type" clearable
+                       :placeholder="t('payTypePlaceholder')">
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                  v-for="(item, index) in pay_typeList"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item :label="t('price')" prop="price">
+            <range-input v-model="transactionHistoryTable.searchParam.price"/>
+          </el-form-item>
+
+          <el-form-item :label="t('cashFee')" prop="cash_fee">
+            <range-input v-model="transactionHistoryTable.searchParam.cash_fee"/>
+          </el-form-item>
+
+
+          <el-form-item :label="t('payStatus')" prop="pay_status">
+            <el-select class="w-[280px]" v-model="transactionHistoryTable.searchParam.pay_status" clearable
+                       :placeholder="t('payStatusPlaceholder')">
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                  v-for="(item, index) in pay_statusList"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item :label="t('payTime')" prop="pay_time">
+            <el-date-picker v-model="transactionHistoryTable.searchParam.pay_time" type="daterange"
+                            value-format="YYYY-MM-DD"
+                            :start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
+          </el-form-item>
+
+          <el-form-item :label="t('createTime')" prop="create_time">
+            <el-date-picker v-model="transactionHistoryTable.searchParam.create_time" type="daterange"
+                            value-format="YYYY-MM-DD"
+                            :start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button type="primary" @click="loadTransactionHistoryList()">{{ t('search') }}</el-button>
+            <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+          </el-form-item>
+        </el-form>
+      </el-card>
+
+      <div class="mt-[10px]">
+        <el-table :data="transactionHistoryTable.data" size="large" v-loading="transactionHistoryTable.loading">
+          <template #empty>
+            <span>{{ !transactionHistoryTable.loading ? t('emptyData') : '' }}</span>
+          </template>
+          <el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="user_id" :label="t('userId')" min-width="120" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.user && row.user.name ? row.user.name + `#` + row.user.id : '顶级' }}
+            </template>
+          </el-table-column>
+
+          <!--          <el-table-column prop="remark" :label="t('remark')" min-width="120" :show-overflow-tooltip="true"/>-->
+
+          <el-table-column prop="order_num" :label="t('orderNum')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="pay_num" :label="t('payNum')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('payType')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <div v-for="(item, index) in pay_typeList">
+                <div v-if="item.value == row.pay_type">{{ item.name }}</div>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="price" :label="t('price')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('couponsInfo')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.userCoupons && row.userCoupons.coupons ? row.userCoupons.coupons.name : '' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="cash_fee" :label="t('cashFee')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('payStatus')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <div v-for="(item, index) in pay_statusList">
+                <div v-if="item.value == row.pay_status">{{ item.name }}</div>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('payTime')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.pay_time || '' }}
+            </template>
+          </el-table-column>
+
+          <!--
+                    <el-table-column prop="pay_data_json" :label="t('payDataJson')" min-width="120"
+                                     :show-overflow-tooltip="true"/>
+                   -->
+
+          <el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.create_time || '' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('operation')" fixed="right" min-width="120">
+            <template #default="{ row }">
+              <!--              <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>-->
+              <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+            </template>
+          </el-table-column>
+
+        </el-table>
+        <div class="mt-[16px] flex justify-end">
+          <el-pagination v-model:current-page="transactionHistoryTable.page"
+                         v-model:page-size="transactionHistoryTable.limit"
+                         layout="total, sizes, prev, pager, next, jumper" :total="transactionHistoryTable.total"
+                         @size-change="loadTransactionHistoryList()" @current-change="loadTransactionHistoryList"/>
+        </div>
+      </div>
+
+      <edit ref="editTransactionHistoryDialog" @complete="loadTransactionHistoryList"/>
+    </el-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref, watch} from 'vue'
+import {t} from '@/lang'
+import {useDictionary} from '@/app/api/dict'
+import {getTransactionHistoryList, deleteTransactionHistory,} from '@/addon/hygl/api/transaction_history'
+import {img} from '@/utils/common'
+import {ElMessageBox, FormInstance} from 'element-plus'
+import Edit from '@/addon/hygl/views/transaction_history/components/transaction-history-edit.vue'
+import {useRoute} from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title;
+
+let transactionHistoryTable = reactive({
+  page: 1,
+  limit: 10,
+  total: 0,
+  loading: true,
+  data: [],
+  searchParam: {
+    "user_id": "",
+    "order_num": "",
+    "pay_num": "",
+    "pay_type": "",
+    "price": [],
+    "cash_fee": [],
+    "pay_status": "",
+    "pay_time": [],
+    "create_time": []
+  }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 字典数据
+const pay_typeList = ref([] as any[])
+const pay_typeDictList = async () => {
+  pay_typeList.value = await (await useDictionary('pay_type')).data.dictionary
+}
+pay_typeDictList();
+const pay_statusList = ref([] as any[])
+const pay_statusDictList = async () => {
+  pay_statusList.value = await (await useDictionary('is_show_radio')).data.dictionary
+}
+pay_statusDictList();
+
+/**
+ * 获取会员交易记录列表
+ */
+const loadTransactionHistoryList = (page: number = 1) => {
+  transactionHistoryTable.loading = true
+  transactionHistoryTable.page = page
+
+  getTransactionHistoryList({
+    page: transactionHistoryTable.page,
+    limit: transactionHistoryTable.limit,
+    ...transactionHistoryTable.searchParam
+  }).then(res => {
+    transactionHistoryTable.loading = false
+    transactionHistoryTable.data = res.data.data
+    transactionHistoryTable.total = res.data.total
+  }).catch(() => {
+    transactionHistoryTable.loading = false
+  })
+}
+loadTransactionHistoryList()
+
+const editTransactionHistoryDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加会员交易记录
+ */
+const addEvent = () => {
+  editTransactionHistoryDialog.value.setFormData()
+  editTransactionHistoryDialog.value.showDialog = true
+}
+
+/**
+ * 编辑会员交易记录
+ * @param data
+ */
+const editEvent = (data: any) => {
+  editTransactionHistoryDialog.value.setFormData(data)
+  editTransactionHistoryDialog.value.showDialog = true
+}
+
+/**
+ * 删除会员交易记录
+ */
+const deleteEvent = (id: number) => {
+  ElMessageBox.confirm(t('transactionHistoryDeleteTips'), t('warning'),
+      {
+        confirmButtonText: t('confirm'),
+        cancelButtonText: t('cancel'),
+        type: 'warning',
+      }
+  ).then(() => {
+    deleteTransactionHistory(id).then(() => {
+      loadTransactionHistoryList()
+    }).catch(() => {
+    })
+  })
+}
+
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+  loadTransactionHistoryList()
+}
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+</style>
\ No newline at end of file
diff --git a/admin/src/addon/hygl/views/user/components/user-edit.vue b/admin/src/addon/hygl/views/user/components/user-edit.vue
new file mode 100644
index 0000000..eda5bca
--- /dev/null
+++ b/admin/src/addon/hygl/views/user/components/user-edit.vue
@@ -0,0 +1,311 @@
+<template>
+  <el-dialog v-model="showDialog" :title="formData.id ? t('updateUser') : t('addUser')" width="50%"
+             class="diy-dialog-wrap"
+             :destroy-on-close="true">
+    <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
+             v-loading="loading">
+      <el-form-item :label="t('tel')" prop="tel">
+        <el-input v-model="formData.tel" clearable :placeholder="t('telPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('name')" prop="name">
+        <el-input v-model="formData.name" clearable :placeholder="t('namePlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('pic')">
+        <upload-image v-model="formData.pic"/>
+      </el-form-item>
+
+      <el-form-item :label="t('password')">
+        <el-input v-model="formData.password" clearable :placeholder="t('passwordPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('pid')" prop="pid">
+        <el-select class="input-width" v-model="formData.pid" clearable :placeholder="t('pidPlaceholder')">
+          <el-option label="顶级" :value="0"></el-option>
+          <el-option
+              v-for="(item, index) in pidList"
+              :key="index"
+              :label="item['name']"
+              :value="item['id']"
+          />
+        </el-select>
+      </el-form-item>
+
+<!--      <el-form-item :label="t('level')" prop="level">-->
+<!--        <el-input v-model="formData.level" clearable :placeholder="t('levelPlaceholder')" class="input-width"/>-->
+<!--      </el-form-item>-->
+
+      <el-form-item :label="t('wxOpenid')" v-show="!formData.id">
+        <el-input v-model="formData.wx_openid" clearable :placeholder="t('wxOpenidPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+      <el-form-item :label="t('wxUnionid')" v-show="!formData.id">
+        <el-input v-model="formData.wx_unionid" clearable :placeholder="t('wxUnionidPlaceholder')" class="input-width"/>
+      </el-form-item>
+
+
+      <el-form-item :label="t('sex')" prop="sex">
+        <el-radio-group v-model="formData.sex" :placeholder="t('sexPlaceholder')">
+          <el-radio
+              v-for="(item, index) in sexList"
+              :key="index"
+              :label="item.value">
+            {{ item.name }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+      <el-form-item :label="t('birthday')" class="input-width">
+        <el-date-picker
+            class="flex-1 !flex"
+            v-model="formData.birthday"
+            clearable
+            type="date"
+        value-format="YYYY-MM-DD"
+        :placeholder="t('birthdayPlaceholder')">
+        </el-date-picker>
+      </el-form-item>
+
+      <el-form-item :label="t('isShow')" prop="is_show">
+        <el-radio-group v-model="formData.is_show" :placeholder="t('isShowPlaceholder')">
+          <el-radio
+              v-for="(item, index) in is_showList"
+              :key="index"
+              :label="item.value">
+            {{ item.name }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+    </el-form>
+
+    <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
+                    t('confirm')
+                  }}</el-button>
+            </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, computed, watch} from 'vue'
+import {useDictionary} from '@/app/api/dict'
+import {t} from '@/lang'
+import type {FormInstance} from 'element-plus'
+
+import {addUser, editUser, getUserInfo, getWithUserList,} from '@/addon/hygl/api/user'
+
+let showDialog = ref(false)
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+  id: '',
+  tel: '',
+  name: '',
+  pic: '',
+  password: '',
+  pid: 0,
+  // level: '',
+  wx_openid: '',
+  wx_unionid: '',
+  sex: '1',
+  birthday: '',
+  is_show: '1',
+}
+const formData: Record<string, any> = reactive({...initialFormData})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+  return {
+    tel: [
+      {required: true, message: t('telPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    name: [
+      {required: true, message: t('namePlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    pic: [
+      {required: true, message: t('picPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    password: [
+      {required: true, message: t('passwordPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    pid: [
+      {required: true, message: t('pidPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    level: [
+      {required: true, message: t('levelPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    wx_openid: [
+      {required: true, message: t('wxOpenidPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    wx_unionid: [
+      {required: true, message: t('wxUnionidPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    sex: [
+      {required: true, message: t('sexPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    birthday: [
+      {required: true, message: t('birthdayPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    is_show: [
+      {required: true, message: t('isShowPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+  }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+  if (loading.value || !formEl) return
+  let save = formData.id ? editUser : addUser
+
+  await formEl.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+
+      let data = formData
+
+      save(data).then(res => {
+        loading.value = false
+        showDialog.value = false
+        emit('complete')
+      }).catch(err => {
+        loading.value = false
+      })
+    }
+  })
+}
+
+// 获取字典数据
+let site_idList = ref([])
+const site_idDictList = async () => {
+  site_idList.value = await (await useDictionary('placeholder_')).data.dictionary
+}
+site_idDictList();
+watch(() => site_idList.value, () => {
+  formData.site_id = site_idList.value[0].value
+})
+
+//获取全部用户列表
+const pidList = ref([] as any[])
+const setPidList = async () => {
+  pidList.value = await (await getWithUserList({})).data.data
+}
+setPidList()
+
+let sexList = ref([])
+const sexDictList = async () => {
+  sexList.value = await (await useDictionary('sex_radio')).data.dictionary
+}
+sexDictList();
+watch(() => sexList.value, () => {
+  formData.sex = sexList.value[0].value
+})
+let is_showList = ref([])
+const is_showDictList = async () => {
+  is_showList.value = await (await useDictionary('is_show_radio')).data.dictionary
+}
+is_showDictList();
+watch(() => is_showList.value, () => {
+  formData.is_show = is_showList.value[0].value
+})
+
+
+const setFormData = async (row: any = null) => {
+  Object.assign(formData, initialFormData)
+  loading.value = true
+  if (row) {
+    const data = await (await getUserInfo(row.id)).data
+    if (data) Object.keys(formData).forEach((key: string) => {
+      if (data[key] != undefined){
+        formData[key] = data[key]
+        // 过滤掉当前用户列表(把自己过滤出去)
+      }
+    })
+  }
+  loading.value = false
+}
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^1[3-9]\d{9}$/.test(value)) {
+    callback(new Error(t('generateMobile')))
+  } else {
+    callback()
+  }
+}
+
+// 验证身份证号
+const idCardVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
+    callback(new Error(t('generateIdCard')))
+  } else {
+    callback()
+  }
+}
+
+// 验证邮箱号
+const emailVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
+    callback(new Error(t('generateEmail')))
+  } else {
+    callback()
+  }
+}
+
+// 验证请输入整数
+const numberVerify = (rule: any, value: any, callback: any) => {
+  if (!Number.isInteger(value)) {
+    callback(new Error(t('generateNumber')))
+  } else {
+    callback()
+  }
+}
+
+defineExpose({
+  showDialog,
+  setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.diy-dialog-wrap .el-form-item__label {
+  height: auto !important;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/user/user.vue b/admin/src/addon/hygl/views/user/user.vue
new file mode 100644
index 0000000..d23ac7f
--- /dev/null
+++ b/admin/src/addon/hygl/views/user/user.vue
@@ -0,0 +1,283 @@
+<template>
+  <div class="main-container">
+    <el-card class="box-card !border-none" shadow="never">
+
+      <div class="flex justify-between items-center">
+        <span class="text-lg">{{ pageName }}</span>
+        <el-button type="primary" @click="addEvent">
+          {{ t('addUser') }}
+        </el-button>
+      </div>
+
+      <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+        <el-form :inline="true" :model="userTable.searchParam" ref="searchFormRef">
+
+          <!--          <el-form-item :label="t('siteId')" prop="site_id">-->
+          <!--            <el-select class="w-[280px]" v-model="userTable.searchParam.site_id" clearable-->
+          <!--                       :placeholder="t('siteIdPlaceholder')">-->
+          <!--              <el-option label="全部" value=""></el-option>-->
+          <!--              <el-option-->
+          <!--                  v-for="(item, index) in site_idList"-->
+          <!--                  :key="index"-->
+          <!--                  :label="item.name"-->
+          <!--                  :value="item.value"-->
+          <!--              />-->
+          <!--            </el-select>-->
+          <!--          </el-form-item>-->
+
+          <el-form-item :label="t('tel')" prop="tel">
+            <el-input v-model="userTable.searchParam.tel" :placeholder="t('telPlaceholder')"/>
+          </el-form-item>
+
+          <el-form-item :label="t('name')" prop="name">
+            <el-input v-model="userTable.searchParam.name" :placeholder="t('namePlaceholder')"/>
+          </el-form-item>
+
+          <!--          <el-form-item :label="t('password')" prop="password">-->
+          <!--            <el-input v-model="userTable.searchParam.password" :placeholder="t('passwordPlaceholder')"/>-->
+          <!--          </el-form-item>-->
+
+          <el-form-item :label="t('sex')" prop="sex">
+            <el-select class="w-[280px]" v-model="userTable.searchParam.sex" clearable
+                       :placeholder="t('sexPlaceholder')">
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                  v-for="(item, index) in sexList"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item :label="t('birthday')" prop="birthday">
+            <el-date-picker v-model="userTable.searchParam.birthday" type="daterange"
+                            value-format="YYYY-MM-DD"
+                            :start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
+          </el-form-item>
+
+
+          <el-form-item :label="t('isShow')" prop="is_show">
+            <el-select class="w-[280px]" v-model="userTable.searchParam.is_show" clearable
+                       :placeholder="t('isShowPlaceholder')">
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                  v-for="(item, index) in is_showList"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button type="primary" @click="loadUserList()">{{ t('search') }}</el-button>
+            <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+          </el-form-item>
+        </el-form>
+      </el-card>
+
+      <div class="mt-[10px]">
+        <el-table :data="userTable.data" size="large" v-loading="userTable.loading">
+          <template #empty>
+            <span>{{ !userTable.loading ? t('emptyData') : '' }}</span>
+          </template>
+          <el-table-column prop="id" :label="t('id')" min-width="60" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="tel" :label="t('tel')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="name" :label="t('name')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('pic')" width="100" align="left">
+            <template #default="{ row }">
+              <el-avatar v-if="row.pic" :src="img(row.pic)"/>
+              <el-avatar v-else icon="UserFilled"/>
+            </template>
+          </el-table-column>
+          <!--          <el-table-column prop="password" :label="t('password')" min-width="120" :show-overflow-tooltip="true"/>-->
+
+          <el-table-column :label="t('pid')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.user && row.user.name ? row.user.name + `#` + row.user.id : '顶级' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="level" :label="t('level')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="wx_openid" :label="t('wxOpenid')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="wx_unionid" :label="t('wxUnionid')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('sex')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <div v-for="(item, index) in sexList">
+                <div v-if="item.value == row.sex">{{ item.name }}</div>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="birthday" :label="t('birthday')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('isShow')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <div v-for="(item, index) in is_showList">
+                <div v-if="item.value == row.is_show">{{ item.name }}</div>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.create_time || '' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('operation')" fixed="right" min-width="120">
+            <template #default="{ row }">
+              <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+              <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+            </template>
+          </el-table-column>
+
+        </el-table>
+        <div class="mt-[16px] flex justify-end">
+          <el-pagination v-model:current-page="userTable.page" v-model:page-size="userTable.limit"
+                         layout="total, sizes, prev, pager, next, jumper" :total="userTable.total"
+                         @size-change="loadUserList()" @current-change="loadUserList"/>
+        </div>
+      </div>
+
+      <edit ref="editUserDialog" @complete="loadUserList"/>
+    </el-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref, watch} from 'vue'
+import {t} from '@/lang'
+import {useDictionary} from '@/app/api/dict'
+import {getUserList, deleteUser,} from '@/addon/hygl/api/user'
+import {img} from '@/utils/common'
+import {ElMessageBox, FormInstance} from 'element-plus'
+import Edit from '@/addon/hygl/views/user/components/user-edit.vue'
+import {useRoute} from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title;
+
+let userTable = reactive({
+  page: 1,
+  limit: 10,
+  total: 0,
+  loading: true,
+  data: [],
+  searchParam: {
+    "site_id": "",
+    "tel": "",
+    "name": "",
+    "password": "",
+    "sex": "",
+    "birthday": [],
+    "is_show": ""
+  }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 字典数据
+const site_idList = ref([] as any[])
+const site_idDictList = async () => {
+  site_idList.value = await (await useDictionary('placeholder_')).data.dictionary
+}
+site_idDictList();
+const sexList = ref([] as any[])
+const sexDictList = async () => {
+  sexList.value = await (await useDictionary('sex_radio')).data.dictionary
+}
+sexDictList();
+const is_showList = ref([] as any[])
+const is_showDictList = async () => {
+  is_showList.value = await (await useDictionary('is_show_radio')).data.dictionary
+}
+is_showDictList();
+
+/**
+ * 获取会员管理列表
+ */
+const loadUserList = (page: number = 1) => {
+  userTable.loading = true
+  userTable.page = page
+
+  getUserList({
+    page: userTable.page,
+    limit: userTable.limit,
+    ...userTable.searchParam
+  }).then(res => {
+    userTable.loading = false
+    userTable.data = res.data.data
+    userTable.total = res.data.total
+  }).catch(() => {
+    userTable.loading = false
+  })
+}
+loadUserList()
+
+const editUserDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加会员管理
+ */
+const addEvent = () => {
+  editUserDialog.value.setFormData()
+  editUserDialog.value.showDialog = true
+}
+
+/**
+ * 编辑会员管理
+ * @param data
+ */
+const editEvent = (data: any) => {
+  editUserDialog.value.setFormData(data)
+  editUserDialog.value.showDialog = true
+}
+
+/**
+ * 删除会员管理
+ */
+const deleteEvent = (id: number) => {
+  ElMessageBox.confirm(t('userDeleteTips'), t('warning'),
+      {
+        confirmButtonText: t('confirm'),
+        cancelButtonText: t('cancel'),
+        type: 'warning',
+      }
+  ).then(() => {
+    deleteUser(id).then(() => {
+      loadUserList()
+    }).catch(() => {
+    })
+  })
+}
+
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+  loadUserList()
+}
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/user_coupons/components/user-coupons-edit.vue b/admin/src/addon/hygl/views/user_coupons/components/user-coupons-edit.vue
new file mode 100644
index 0000000..e64f86f
--- /dev/null
+++ b/admin/src/addon/hygl/views/user_coupons/components/user-coupons-edit.vue
@@ -0,0 +1,233 @@
+<template>
+  <el-dialog v-model="showDialog" :title="formData.id ? t('updateUserCoupons') : t('addUserCoupons')" width="50%"
+             class="diy-dialog-wrap"
+             :destroy-on-close="true">
+    <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
+             v-loading="loading">
+      <el-form-item :label="t('userId')" prop="user_id">
+        <el-select class="input-width" v-model="formData.user_id" clearable :placeholder="t('userIdPlaceholder')" filterable>
+          <el-option label="请选择" value=""></el-option>
+          <el-option
+              v-for="(item, index) in userIdList"
+              :key="index"
+              :label="item['name']"
+              :value="item['id']"
+          />
+        </el-select>
+      </el-form-item>
+
+
+
+      <el-form-item :label="t('couponsId')" prop="coupons_id">
+        <el-select class="input-width"  v-model="formData.coupons_id" clearable :placeholder="t('couponsIdPlaceholder')" filterable>
+          <el-option label="请选择" value=""></el-option>
+          <el-option
+              v-for="(item, index) in nameList"
+              :key="index"
+              :label="item['name']"
+              :value="item['id']"
+          />
+        </el-select>
+      </el-form-item>
+
+<!--
+      <el-form-item :label="t('nominalValue')" prop="nominal_value">
+        <el-input-number v-model="formData.nominal_value" clearable :placeholder="t('nominalValuePlaceholder')"
+                         class="input-width"/>
+      </el-form-item>
+-->
+
+
+      <el-form-item :label="t('isShow')" prop="is_show">
+        <el-radio-group v-model="formData.is_show" :placeholder="t('isShowPlaceholder')">
+          <el-radio
+              v-for="(item, index) in is_showList"
+              :key="index"
+              :label="item.value">
+            {{ item.name }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+    </el-form>
+
+    <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
+                    t('confirm')
+                  }}</el-button>
+            </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, computed, watch} from 'vue'
+import {useDictionary} from '@/app/api/dict'
+import {t} from '@/lang'
+import type {FormInstance} from 'element-plus'
+
+import {addUserCoupons, editUserCoupons, getUserCouponsInfo, getWithUserList,} from '@/addon/hygl/api/user_coupons'
+import {getWithCouponsList} from "@/addon/hygl/api/common";
+
+let showDialog = ref(false)
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+  id: '',
+  user_id: '',
+  coupons_id: '',
+  is_show: '1',
+}
+const formData: Record<string, any> = reactive({...initialFormData})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+  return {
+    user_id: [
+      {required: true, message: t('userIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    coupons_id: [
+      {required: true, message: t('couponsIdPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+    nominal_value: [
+      {required: true, message: t('nominalValuePlaceholder'), trigger: 'blur'},
+      {
+        validator: (rule: any, value: string, callback: any) => {
+          if (value && !/^\d{0,99999}$/.test(value)) {
+            callback(new Error(t('generateBetween')))
+          } else {
+            callback()
+          }
+        }
+      },
+    ]
+    ,
+    is_show: [
+      {required: true, message: t('isShowPlaceholder'), trigger: 'blur'},
+
+    ]
+    ,
+  }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+  if (loading.value || !formEl) return
+  let save = formData.id ? editUserCoupons : addUserCoupons
+
+  await formEl.validate(async (valid) => {
+    if (valid) {
+      loading.value = true
+
+      let data = formData
+
+      save(data).then(res => {
+        loading.value = false
+        showDialog.value = false
+        emit('complete')
+      }).catch(err => {
+        loading.value = false
+      })
+    }
+  })
+}
+
+// 获取字典数据
+//获取优惠券远程下拉菜单列表
+const nameList = ref([] as any[])
+const setNameList = async () => {
+  nameList.value = await (await getWithCouponsList({'name':''})).data
+}
+setNameList()
+
+let is_showList = ref([])
+const is_showDictList = async () => {
+  is_showList.value = await (await useDictionary('is_show_radio')).data.dictionary
+}
+is_showDictList();
+watch(() => is_showList.value, () => {
+  formData.is_show = is_showList.value[0].value
+})
+
+
+const userIdList = ref([] as any[])
+const setUserIdList = async () => {
+  userIdList.value = await (await getWithUserList({})).data.data
+}
+setUserIdList()
+const setFormData = async (row: any = null) => {
+  Object.assign(formData, initialFormData)
+  loading.value = true
+  if (row) {
+    const data = await (await getUserCouponsInfo(row.id)).data
+    if (data) Object.keys(formData).forEach((key: string) => {
+      if (data[key] != undefined) formData[key] = data[key]
+    })
+  }
+  loading.value = false
+}
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^1[3-9]\d{9}$/.test(value)) {
+    callback(new Error(t('generateMobile')))
+  } else {
+    callback()
+  }
+}
+
+// 验证身份证号
+const idCardVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
+    callback(new Error(t('generateIdCard')))
+  } else {
+    callback()
+  }
+}
+
+// 验证邮箱号
+const emailVerify = (rule: any, value: any, callback: any) => {
+  if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
+    callback(new Error(t('generateEmail')))
+  } else {
+    callback()
+  }
+}
+
+// 验证请输入整数
+const numberVerify = (rule: any, value: any, callback: any) => {
+  if (!Number.isInteger(value)) {
+    callback(new Error(t('generateNumber')))
+  } else {
+    callback()
+  }
+}
+
+defineExpose({
+  showDialog,
+  setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.diy-dialog-wrap .el-form-item__label {
+  height: auto !important;
+}
+</style>
diff --git a/admin/src/addon/hygl/views/user_coupons/user_coupons.vue b/admin/src/addon/hygl/views/user_coupons/user_coupons.vue
new file mode 100644
index 0000000..da6c747
--- /dev/null
+++ b/admin/src/addon/hygl/views/user_coupons/user_coupons.vue
@@ -0,0 +1,249 @@
+<template>
+  <div class="main-container">
+    <el-card class="box-card !border-none" shadow="never">
+
+      <div class="flex justify-between items-center">
+        <span class="text-lg">{{ pageName }}</span>
+        <el-button type="primary" @click="addEvent">
+          {{ t('addUserCoupons') }}
+        </el-button>
+      </div>
+
+      <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+        <el-form :inline="true" :model="userCouponsTable.searchParam" ref="searchFormRef">
+
+          <el-form-item :label="t('userId')" prop="user_id">
+            <el-select class="w-[280px]" v-model="userCouponsTable.searchParam.user_id" clearable
+                       :placeholder="t('userIdPlaceholder')">
+              <el-option
+                  v-for="(item, index) in userIdList"
+                  :key="index"
+                  :label="item['name']"
+                  :value="item['id']"
+              />
+            </el-select>
+          </el-form-item>
+
+          <!--          <el-form-item :label="t('siteId')" prop="site_id">-->
+          <!--            <el-input v-model="userCouponsTable.searchParam.site_id" :placeholder="t('siteIdPlaceholder')"/>-->
+          <!--          </el-form-item>-->
+          <el-form-item :label="t('couponsId')" prop="name">
+            <el-input v-model="userCouponsTable.searchParam.coupons_id" :placeholder="t('couponsIdPlaceholder')"/>
+          </el-form-item>
+          <el-form-item :label="t('nominalValue')" prop="nominal_value">
+            <range-input v-model="userCouponsTable.searchParam.nominal_value"/>
+          </el-form-item>
+
+
+          <el-form-item :label="t('isShow')" prop="is_show">
+            <el-select class="w-[280px]" v-model="userCouponsTable.searchParam.is_show" clearable
+                       :placeholder="t('isShowPlaceholder')">
+              <el-option label="全部" value=""></el-option>
+              <el-option
+                  v-for="(item, index) in is_showList"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item :label="t('createTime')" prop="create_time">
+            <el-date-picker v-model="userCouponsTable.searchParam.create_time" type="datetimerange"
+                            format="YYYY-MM-DD hh:mm:ss"
+                            :start-placeholder="t('startDate')" :end-placeholder="t('endDate')"/>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button type="primary" @click="loadUserCouponsList()">{{ t('search') }}</el-button>
+            <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+          </el-form-item>
+        </el-form>
+      </el-card>
+
+      <div class="mt-[10px]">
+        <el-table :data="userCouponsTable.data" size="large" v-loading="userCouponsTable.loading">
+          <template #empty>
+            <span>{{ !userCouponsTable.loading ? t('emptyData') : '' }}</span>
+          </template>
+          <el-table-column prop="id" :label="t('id')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column prop="user_id" :label="t('userId')" min-width="120" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.user && row.user.name ? row.user.name : '' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="coupons_id" :label="t('couponsId')" min-width="120" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.coupons && row.coupons.name ? row.coupons.name : '' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="nominal_value" :label="t('nominalValue')" min-width="120"
+                           :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.coupons && row.coupons.nominal_value ? row.coupons.nominal_value : '0' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column prop="valid_time" :label="t('validTime')" min-width="120" :show-overflow-tooltip="true"/>
+
+          <el-table-column :label="t('isShow')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              <div v-for="(item, index) in is_showList">
+                <div v-if="item.value == row.is_show">{{ item.name }}</div>
+              </div>
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('createTime')" min-width="180" align="center" :show-overflow-tooltip="true">
+            <template #default="{ row }">
+              {{ row.create_time || '' }}
+            </template>
+          </el-table-column>
+
+          <el-table-column :label="t('operation')" fixed="right" min-width="120">
+            <template #default="{ row }">
+              <!--              <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>-->
+              <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+            </template>
+          </el-table-column>
+
+        </el-table>
+        <div class="mt-[16px] flex justify-end">
+          <el-pagination v-model:current-page="userCouponsTable.page" v-model:page-size="userCouponsTable.limit"
+                         layout="total, sizes, prev, pager, next, jumper" :total="userCouponsTable.total"
+                         @size-change="loadUserCouponsList()" @current-change="loadUserCouponsList"/>
+        </div>
+      </div>
+
+      <edit ref="editUserCouponsDialog" @complete="loadUserCouponsList"/>
+    </el-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref, watch} from 'vue'
+import {t} from '@/lang'
+import {useDictionary} from '@/app/api/dict'
+import {getUserCouponsList, deleteUserCoupons, getWithUserList,} from '@/addon/hygl/api/user_coupons'
+import {img} from '@/utils/common'
+import {ElMessageBox, FormInstance} from 'element-plus'
+import Edit from '@/addon/hygl/views/user_coupons/components/user-coupons-edit.vue'
+import {useRoute} from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title;
+
+let userCouponsTable = reactive({
+  page: 1,
+  limit: 10,
+  total: 0,
+  loading: true,
+  data: [],
+  searchParam: {
+    "user_id": "",
+    "site_id": "",
+    "coupons_id": "",
+    "nominal_value": [],
+    "is_show": "",
+    "create_time": []
+  }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 字典数据
+const is_showList = ref([] as any[])
+const is_showDictList = async () => {
+  is_showList.value = await (await useDictionary('is_show_radio')).data.dictionary
+}
+is_showDictList();
+
+/**
+ * 获取用户优惠券列表
+ */
+const loadUserCouponsList = (page: number = 1) => {
+  userCouponsTable.loading = true
+  userCouponsTable.page = page
+
+  getUserCouponsList({
+    page: userCouponsTable.page,
+    limit: userCouponsTable.limit,
+    ...userCouponsTable.searchParam
+  }).then(res => {
+    userCouponsTable.loading = false
+    userCouponsTable.data = res.data.data
+    userCouponsTable.total = res.data.total
+  }).catch(() => {
+    userCouponsTable.loading = false
+  })
+}
+loadUserCouponsList()
+
+const editUserCouponsDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加用户优惠券
+ */
+const addEvent = () => {
+  editUserCouponsDialog.value.setFormData()
+  editUserCouponsDialog.value.showDialog = true
+}
+
+/**
+ * 编辑用户优惠券
+ * @param data
+ */
+const editEvent = (data: any) => {
+  editUserCouponsDialog.value.setFormData(data)
+  editUserCouponsDialog.value.showDialog = true
+}
+
+/**
+ * 删除用户优惠券
+ */
+const deleteEvent = (id: number) => {
+  ElMessageBox.confirm(t('userCouponsDeleteTips'), t('warning'),
+      {
+        confirmButtonText: t('confirm'),
+        cancelButtonText: t('cancel'),
+        type: 'warning',
+      }
+  ).then(() => {
+    deleteUserCoupons(id).then(() => {
+      loadUserCouponsList()
+    }).catch(() => {
+    })
+  })
+}
+
+
+const userIdList = ref([])
+const setUserIdList = async () => {
+  userIdList.value = await (await getWithUserList({})).data
+}
+setUserIdList()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  formEl.resetFields()
+  loadUserCouponsList()
+}
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+  word-break: break-all;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+</style>
diff --git a/admin/src/app/api/addon.ts b/admin/src/app/api/addon.ts
new file mode 100644
index 0000000..84af6fd
--- /dev/null
+++ b/admin/src/app/api/addon.ts
@@ -0,0 +1,92 @@
+import request from '@/utils/request'
+
+/**
+ * 本地下载的插件列表
+ * @returns
+ */
+export function getAddonLocal(params: Record<string, any>) {
+    return request.get('addon/local', params, { showSuccessMessage: true })
+}
+
+/**
+ * 插件详情
+ * @returns
+ */
+export function getAddonDetial(id: number) {
+    return request.get(`addon/${id}`)
+}
+
+/**
+ * 安装插件
+ * @param params
+ * @returns
+ */
+export function installAddon(params: Record<string, any>) {
+    return request.post(`addon/install/${params.addon}`, params)
+}
+
+/**
+ * 安装插件
+ * @param params
+ * @returns
+ */
+export function cloudInstallAddon(params: Record<string, any>) {
+    return request.post(`addon/cloudinstall/${params.addon}`, params, { timeout: 60 * 1000 })
+}
+
+/**
+ * 卸载插件
+ * @param params
+ * @returns
+ */
+export function uninstallAddon(params: Record<string, any>) {
+    return request.post(`addon/uninstall/${params.addon}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 插件安装前检测
+ * @param addon
+ * @returns
+ */
+export function preInstallCheck(addon: string) {
+    return request.get(`addon/install/check/${addon}`, { timeout: 30 * 1000 })
+}
+
+/**
+ * 获取正在安装的插件
+ * @returns
+ */
+export function getAddonInstalltask() {
+    return request.get('addon/installtask')
+}
+
+/**
+ * 获取插件云安装日志
+ * @param addon
+ * @returns
+ */
+export function getAddonCloudInstallLog(addon: string) {
+    return request.get(`addon/cloudinstall/${addon}`)
+}
+
+/**
+ * 插件卸载前检测
+ * @param addon
+ * @returns
+ */
+export function preUninstallCheck(addon: string) {
+    return request.get(`addon/uninstall/check/${addon}`, { timeout: 30 * 1000 })
+}
+
+/**
+ * 取消插件安装
+ * @param addon
+ * @returns
+ */
+export function cancelInstall(addon: string) {
+    return request.put(`addon/install/cancel/${addon}`, {}, { showErrorMessage: false })
+}
+
+export function getInstalledAddonList() {
+    return request.get('addon/list/install')
+}
diff --git a/admin/src/app/api/aliapp.ts b/admin/src/app/api/aliapp.ts
new file mode 100644
index 0000000..e3df32a
--- /dev/null
+++ b/admin/src/app/api/aliapp.ts
@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+/**
+ * 获取支付宝小程序配置
+ * @returns
+ */
+export function getAliappConfig() {
+    return request.get('aliapp/config')
+}
+
+/**
+ * 编辑支付宝小程序配置
+ * @param params
+ * @returns
+ */
+export function setAliappConfig(params: Record<string, any>) {
+    return request.put('aliapp/config', params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取支付宝小程序静态资源
+ * @returns
+ */
+export function getAliappStatic() {
+    return request.get('aliapp/static')
+}
diff --git a/admin/src/app/api/auth.ts b/admin/src/app/api/auth.ts
new file mode 100644
index 0000000..ea2892d
--- /dev/null
+++ b/admin/src/app/api/auth.ts
@@ -0,0 +1,48 @@
+import request from '@/utils/request'
+
+/**
+ * 登录
+ * @param params
+ * @param app_type
+ */
+export function login(params: Record<string, any>, app_type: string) {
+    return request.get(`login/${app_type}`, {params})
+}
+
+/**
+ * 退出登录
+ */
+export function logout() {
+    return request.put('auth/logout', {}, { showErrorMessage: false })
+}
+
+/**
+ * 获取登录用户权限
+ * @returns
+ */
+export function getAuthMenus(params: Record<string, any>) {
+    return request.get('auth/authmenu', {params})
+}
+
+/**
+ * 获取登录用户权限
+ * @returns
+ */
+export function getSiteInfo() {
+    return request.get('auth/site')
+}
+
+/**
+ * 获取登录配置信息
+ * @returns
+ */
+export function getLoginConfig() {
+    return request.get('login/config')
+}
+
+/**
+ * 获取当前版本信息
+ */
+export function getVersions() {
+    return request.get(`sys/info`)
+}
diff --git a/admin/src/app/api/cloud.ts b/admin/src/app/api/cloud.ts
new file mode 100644
index 0000000..4f4710c
--- /dev/null
+++ b/admin/src/app/api/cloud.ts
@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+
+/**
+ * 云编译
+ * @param addon
+ */
+export function cloudBuild() {
+    return request.post('niucloud/build', {}, { timeout: 0 })
+}
+
+/**
+ * 获取云编译任务
+ * @param addon
+ */
+export function getCloudBuildTask() {
+    return request.get('niucloud/build')
+}
+
+/**
+ * 云编译前检测
+ */
+export function getCloudBuildLog() {
+    return request.get('niucloud/build/log')
+}
+
+/**
+ * 清除
+ */
+export function clearCloudBuildTask() {
+    return request.post('niucloud/build/clear')
+}
+
+/**
+ * 云编译前检测
+ */
+export function preBuildCheck() {
+    return request.get('niucloud/build/check')
+}
diff --git a/admin/src/app/api/dict.ts b/admin/src/app/api/dict.ts
new file mode 100644
index 0000000..7695220
--- /dev/null
+++ b/admin/src/app/api/dict.ts
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+/**
+ * 获取数据字典列表
+ * @param params
+ * @returns
+ */
+export function getDictList(params: Record<string, any>) {
+    return request.get(`dict/dict`, {params})
+}
+
+/**
+ * 获取数据字典详情
+ * @param id 数据字典id
+ * @returns
+ */
+export function getDictInfo(id: number) {
+    return request.get(`dict/dict/${id}`);
+}
+
+/**
+ * 添加数据字典
+ * @param params
+ * @returns
+ */
+export function addDict(params: Record<string, any>) {
+    return request.post('dict/dict', params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 编辑数据字典
+ * @param params
+ * @returns
+ */
+export function addDictData(params: Record<string, any>) {
+    return request.put(`dict/dict/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 编辑数据字典
+ * @param params
+ * @returns
+ */
+export function editDict(params: Record<string, any>) {
+    return request.put(`dict/dict/${params.id}`, params, { showErrorMessage: true, showSuccessMessage: true })
+}
+
+/**
+ * 删除数据字典
+ * @param id
+ * @returns
+ */
+export function deleteDict(id: number) {
+    return request.delete(`dict/dict/${id}`, { showErrorMessage: true, showSuccessMessage: true })
+}
+/**
+ * 编辑数据字典内容
+ * @param id
+ * @param params
+ * @returns
+ */
+export function setDictData(id:number,params: Record<string, any>) {
+    return request.put(`dict/dictionary/${id}`, params, { showErrorMessage: true,showSuccessMessage: true })
+}
+/**
+ * 获取数据字典列表全部
+ * @returns
+ */
+export function getDictAll() {
+    return request.get(`dict/all`)
+}
+
+/**
+ * 数据字典关键词查询
+ * @param type
+ * @returns
+ */
+export function useDictionary(type: string) {
+    return request.get(`dict/dictionary/type/${type}`)
+}
+
diff --git a/admin/src/app/api/diy.ts b/admin/src/app/api/diy.ts
new file mode 100644
index 0000000..436d536
--- /dev/null
+++ b/admin/src/app/api/diy.ts
@@ -0,0 +1,183 @@
+import request from '@/utils/request'
+
+/***************************************************** 自定义页面 ****************************************************/
+
+/**
+ * 获取自定义页面分页列表
+ * @param params
+ * @returns
+ */
+export function getDiyPageList(params: Record<string, any>) {
+    return request.get(`diy/diy`, {params})
+}
+
+/**
+ * 获取自定义页面列表
+ * @param params
+ * @returns
+ */
+export function getDiyList(params: Record<string, any>) {
+    return request.get(`diy/list`, {params})
+}
+
+/**
+ * 获取自定义页面详情
+ * @param id 自定义页面id
+ * @returns
+ */
+export function getDiyPageInfo(id: number) {
+    return request.get(`diy/diy/${id}`);
+}
+
+/**
+ * 添加自定义页面
+ * @param params
+ * @returns
+ */
+export function addDiyPage(params: Record<string, any>) {
+    return request.post('diy/diy', params, {showSuccessMessage: true})
+}
+
+/**
+ * 编辑自定义页面
+ * @param params
+ */
+export function editDiyPage(params: Record<string, any>) {
+    return request.put(`diy/diy/${params.id}`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 设为使用
+ * @param params
+ */
+export function setUseDiyPage(params: Record<string, any>) {
+    return request.put(`diy/use`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 修改自定义页面分享内容
+ * @param params
+ */
+export function editDiyPageShare(params: Record<string, any>) {
+    return request.put(`diy/diy/share`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 删除自定义页面
+ * @param id
+ * @returns
+ */
+export function deleteDiyPage(id: number) {
+    return request.delete(`diy/diy/${id}`, {showSuccessMessage: true})
+}
+
+/**
+ * 获取自定义页面初始化数据
+ */
+export function initPage(params: Record<string, any>) {
+    return request.get(`diy/init`, {params})
+}
+
+/**
+ * 获取自定义链接列表
+ */
+export function getLink(params: Record<string, any>) {
+    return request.get(`diy/link`, {params})
+}
+
+/**
+ * 获取底部导航列表
+ */
+export function getDiyBottomList(params: Record<string, any>) {
+    return request.get(`diy/bottom`, {params})
+}
+
+/**
+ * 获取底部导航数据
+ */
+export function getDiyBottomConfig(params: Record<string, any>) {
+    return request.get(`diy/bottom/config`, {params})
+}
+
+/**
+ * 设置底部导航数据
+ * @param params
+ * @returns
+ */
+export function setDiyBottomConfig(params: Record<string, any>) {
+    return request.post('diy/bottom', params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取页面模板类型
+ */
+export function getDiyTemplate(params: Record<string, any>) {
+    return request.get(`diy/template`, {params})
+}
+
+/**
+ * 获取模板页面列表
+ */
+export function getDiyTemplatePages(params: Record<string, any>) {
+    return request.get(`diy/template/pages`, {params})
+}
+
+/**
+ * 获取自定义路由列表
+ * @param params
+ * @returns
+ */
+export function getDiyRouteList(params: Record<string, any>) {
+    return request.get(`diy/route`, {params})
+}
+
+/**
+ * 获取路由列表（存在的应用插件列表）
+ * @returns
+ */
+export function getDiyRouteAppList() {
+    return request.get(`diy/route/apps`)
+}
+
+/**
+ * 获取自定义路由信息
+ * @param params
+ */
+export function getDiyRouteInfo(params: Record<string, any>) {
+    return request.get(`diy/route/info`, {params});
+}
+
+/**
+ * 修改路由页面分享内容
+ * @param params
+ */
+export function editDiyRouteShare(params: Record<string, any>) {
+    return request.put(`diy/route/share`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取自定义页面列表
+ * @param params
+ * @returns
+ */
+export function getDecoratePage(params: Record<string, any>) {
+    return request.get(`diy/decorate`, {params})
+}
+
+/**
+ * 切换模板
+ * @param params
+ * @returns
+ */
+export function changeTemplate(params: Record<string, any>) {
+    return request.put(`diy/change`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取模板页面（存在的应用插件列表）
+ * @param params
+ * @returns
+ */
+export function getApps(params: Record<string, any>) {
+    return request.get(`diy/apps`)
+}
\ No newline at end of file
diff --git a/admin/src/app/api/h5.ts b/admin/src/app/api/h5.ts
new file mode 100644
index 0000000..b9a766f
--- /dev/null
+++ b/admin/src/app/api/h5.ts
@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+/**
+ * 获取h5配置
+ * @returns
+ */
+export function getH5Config() {
+    return request.get('channel/h5/config')
+}
+
+/**
+ * 编辑h5配置
+ * @param params
+ * @returns
+ */
+export function setH5Config(params: Record<string, any>) {
+    return request.put('channel/h5/config', params, {showSuccessMessage: true})
+}
diff --git a/admin/src/app/api/home.ts b/admin/src/app/api/home.ts
new file mode 100644
index 0000000..c73c1bc
--- /dev/null
+++ b/admin/src/app/api/home.ts
@@ -0,0 +1,5 @@
+import request from '@/utils/request'
+
+export function getHomeSite(params: Record<string, any>) {
+    return request.get(`home/site`, { params })
+}
diff --git a/admin/src/app/api/member.ts b/admin/src/app/api/member.ts
new file mode 100644
index 0000000..9a825b5
--- /dev/null
+++ b/admin/src/app/api/member.ts
@@ -0,0 +1,354 @@
+import request from '@/utils/request'
+
+
+/***************************************************** 会员管理 ****************************************************/
+
+/**
+ * 获取会员列表
+ * @param params
+ * @returns
+ */
+export function getMemberList(params: Record<string, any>) {
+    return request.get(`member/member`, {params})
+}
+
+/**
+ * 获取会员详情
+ * @param id 会员id
+ * @returns
+ */
+export function getMemberInfo(id: number) {
+    return request.get(`member/member/${id}`);
+}
+
+/**
+ * 获取会员编码
+ * @returns
+ */
+export function getMemberNo() {
+    return request.get(`member/memberno`);
+}
+
+/**
+ * 添加会员
+ * @param params
+ * @returns
+ */
+export function addMember(params: Record<string, any>) {
+    return request.post(`member/member`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 会员注册方式
+ * @param params
+ * @returns
+ */
+export function getRegisterType(params: Record<string, any>) {
+    return request.get(`member/registertype`, params)
+}
+
+/**
+ * 会员注册渠道
+ * @param params
+ * @returns
+ */
+export function getRegisterChannelType(params: Record<string, any>) {
+    return request.get(`member/register/channel`, params)
+}
+
+/**
+ * 会员删除
+ * @param member_id
+ */
+export function deleteMember(member_id: number) {
+    return request.delete(`member/member/${member_id}`, {showSuccessMessage: true})
+}
+
+
+/***************************************************** 会员标签 ****************************************************/
+
+/**
+ * 获取会员标签列表
+ * @param params
+ * @returns
+ */
+export function getMemberLabelList(params: Record<string, any>) {
+    return request.get(`member/label`, {params})
+}
+
+/**
+ * 获取会员标签详情
+ * @param label_id 会员标签label_id
+ * @returns
+ */
+export function getMemberLabelInfo(label_id: number) {
+    return request.get(`member/label/${label_id}`);
+}
+
+/**
+ * 添加会员标签
+ * @param params
+ * @returns
+ */
+export function addMemberLabel(params: Record<string, any>) {
+    return request.post('member/label', params, {showSuccessMessage: true})
+}
+
+/**
+ * 编辑会员标签
+ * @param params
+ */
+export function updateMemberLabel(params: Record<string, any>) {
+    return request.put(`member/label/${params.label_id}`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 删除会员标签
+ * @param label_id
+ * @returns
+ */
+export function deleteMemberLabel(label_id: number) {
+    return request.delete(`member/label/${label_id}`, {showSuccessMessage: true})
+}
+
+/**
+ * 获取全部会员标签
+ */
+export function getMemberLabelAll() {
+    return request.get(`member/label/all`);
+}
+
+/**
+ * 编辑会员详情
+ * @param params
+ */
+export function editMemberDetail(params: Record<string, any>) {
+    return request.put(`member/member/modify/${params.member_id}/${params.field}`, params, {showSuccessMessage: true})
+}
+
+/***************************************************** 会员零钱 ****************************************************/
+
+
+/***************************************************** 会员账户 ****************************************************/
+
+/**
+ * 账户变动方式
+ * @param change_type
+ */
+export function getChangeTypeList(change_type: string) {
+    return request.get(`member/account/change_type/${change_type}`)
+}
+
+/**
+ * 会员积分流水
+ * @param params
+ * @returns
+ */
+export function getPointList(params: Record<string, any>) {
+    return request.get(`member/account/point`, {params})
+}
+
+/**
+ * 会员余额流水
+ * @param params
+ * @returns
+ */
+export function getBalanceList(params: Record<string, any>) {
+    return request.get(`member/account/balance`, {params})
+}
+
+/**
+ * 获取会员可提现余额列表
+ * @param params
+ * @returns
+ */
+export function getMoneyList(params: Record<string, any>) {
+    return request.get(`member/account/money`, {params})
+}
+
+/**
+ * 获取会员佣金列表
+ * @param params
+ * @returns
+ */
+export function getCommissionList(params: Record<string, any>) {
+    return request.get(`member/account/commission`, {params})
+}
+
+/**
+ * 会员积分调整
+ * @param params
+ * @returns
+ */
+export function adjustPoint(params: Record<string, any>) {
+    return request.post(`member/account/point`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 会员余额调整
+ * @param params
+ * @returns
+ */
+export function adjustBalance(params: Record<string, any>) {
+    return request.post(`member/account/balance`, params, {showSuccessMessage: true})
+}
+
+/***************************************************** 会员相关设置 ****************************************************/
+
+/**
+ * 获取登录设置
+ */
+export function getLoginConfig() {
+    return request.get(`member/config/login`)
+}
+
+/**
+ * 注册登录设置
+ * @param params
+ * @returns
+ */
+export function setLoginConfig(params: Record<string, any>) {
+    return request.post(`member/config/login`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取会员设置
+ */
+export function getMemberConfig() {
+    return request.get(`member/config/member`)
+}
+
+/**
+ * 会员设置
+ * @param params
+ * @returns
+ */
+export function setMemberConfig(params: Record<string, any>) {
+    return request.post(`member/config/member`, params, {showSuccessMessage: true})
+}
+
+
+/**
+ * 获取会员转账方式
+ */
+export function getTransfertype() {
+    return request.get(`member/cash_out/transfertype`)
+}
+
+
+/**
+ * 佣金统计
+ * @param params
+ * @returns
+ */
+export function getCommissionSum(params: Record<string, any>) {
+    return request.get(`member/account/sum_commission`, {params})
+}
+
+/**
+ * 积分统计
+ * @param params
+ * @returns
+ */
+export function getPointSum(params: Record<string, any>) {
+    return request.get(`member/account/sum_point`, {params})
+}
+
+/**
+ * 余额统计
+ * @param params
+ * @returns
+ */
+export function getBalanceSum(params: Record<string, any>) {
+    return request.get(`member/account/sum_balance`, {params})
+}
+
+/**
+ * 余额类型
+ */
+export function getBalanceStatus() {
+    return request.get(`member/account/type`)
+}
+
+/**
+ * 获取余额变动类型
+ */
+export function getAccountType(params: Record<string, any>) {
+    return request.get(`member/account/change_type/${params.account_type}`)
+}
+
+
+/***************************************************** 会员提现 ****************************************************/
+
+/**
+ * 获取提现设置
+ */
+export function getCashOutConfig() {
+    return request.get(`member/config/cash_out`)
+}
+
+/**
+ * 设置提现设置
+ * @param params
+ * @returns
+ */
+export function setCashOutConfig(params: Record<string, any>) {
+    return request.post(`member/config/cash_out`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取会员提现列表
+ * @param params
+ * @returns
+ */
+export function getCashOutList(params: Record<string, any>) {
+    return request.get(`member/cash_out`, {params})
+}
+
+/**
+ * 会员提现详情
+ * @param id
+ */
+export function getCashOutDetail(id: number) {
+    return request.get(`member/cash_out/${id}`, {})
+}
+
+/**
+ * 会员提现审核
+ * @param params
+ */
+export function memberAudit(params: Record<string, any>) {
+    return request.put(`member/cash_out/audit/${params.id}/${params.action}`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 会员提现转账
+ * @param params
+ */
+export function memberTransfer(params: Record<string, any>) {
+    return request.put(`member/cash_out/transfer/${params.id}`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 会员状态变更
+ * @param params
+ */
+export function editMemberStatus(params: Record<string, any>) {
+    return request.put(`member/setstatus/${params.status}`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 会员提现状态
+ */
+export function getCashOutStatusList() {
+    return request.get(`member/cash_out/status`)
+}
+
+/**
+ * 提现统计
+ * @returns
+ */
+export function getCashOutStat() {
+    return request.get(`member/cash_out/stat`)
+}
+
diff --git a/admin/src/app/api/module.ts b/admin/src/app/api/module.ts
new file mode 100644
index 0000000..876e0ab
--- /dev/null
+++ b/admin/src/app/api/module.ts
@@ -0,0 +1,67 @@
+import request from '@/utils/request'
+
+/**
+ * 获取授权信息
+ */
+export function getAuthinfo() {
+    return request.get('niucloud/authinfo', { showErrorMessage: false })
+}
+
+/**
+ * 设置 授权配置
+ */
+export function setAuthinfo(params: Record<string, any>) {
+    return request.post('niucloud/authinfo', params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取 授权配置
+ */
+export function getAdminAuthinfo() {
+    return request.get('niucloud/admin/authinfo')
+}
+
+
+
+/**
+ * 获取授权插件列表
+ * @returns
+ */
+export function getModule() {
+    return request.get('niucloud/module')
+}
+
+/**
+ * 获取插件版本
+ * @param params
+ * @returns
+ */
+export function getModuleVersion() {
+    return request.get(`niucloud/module`)
+}
+
+/**
+ * 下载版本
+ * @param params
+ * @returns
+ */
+export function downloadVersion(params: Record<string, any>) {
+    return request.post(`addon/download/${params.addon}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取框架最新版本
+ * @param params
+ * @returns
+ */
+export function getFrameworkNewVersion() {
+    return request.get(`niucloud/framework/newversion`)
+}
+
+/**
+ * 获取框架更新记录
+ * @returns
+ */
+export function getFrameworkVersionList() {
+    return request.get(`niucloud/framework/version/list`)
+}
diff --git a/admin/src/app/api/notice.ts b/admin/src/app/api/notice.ts
new file mode 100644
index 0000000..eae131e
--- /dev/null
+++ b/admin/src/app/api/notice.ts
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+/***************************************************** 消息管理 ****************************************************/
+
+/**
+ * 消息列表
+ * @returns
+ */
+export function getNoticeList() {
+    return request.get('notice/notice')
+}
+
+/**
+ * 消息详情
+ * @param key
+ * @returns
+ */
+export function getNoticeInfo(key: string) {
+    return request.get(`notice/notice/${key}`)
+}
+
+/**
+ * 消息发送记录
+ * @param params
+ * @returns
+ */
+export function getNoticeLog(params: any) {
+    return request.get(`notice/log`, {params})
+}
+
+
+/**
+ * 消息启动与关闭
+ * @param params
+ * @returns
+ */
+export function editNoticeStatus(params: Record<string, any>) {
+    return request.post(`notice/notice/editstatus`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 消息修改
+ * @param params
+ * @returns
+ */
+export function editNotice(params: Record<string, any>) {
+    return request.post(`notice/notice/edit`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 短信配置列表
+ * @returns
+ */
+export function getSmsList() {
+    return request.get('notice/notice/sms')
+}
+
+/**
+ * 短信配置详情
+ * @param sms_type
+ * @returns
+ */
+export function getSmsInfo(sms_type: string) {
+    return request.get(`notice/notice/sms/${sms_type}`,)
+}
+
+/**
+ * 短信配置修改
+ * @param params
+ */
+export function editSms(params: Record<string, any>) {
+    return request.put(`notice/notice/sms/${params.sms_type}`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 短信发送记录
+ * @param params
+ */
+export function getSmsLog(params: Record<string, any>) {
+    return request.get(`notice/sms/log`, params)
+}
diff --git a/admin/src/app/api/order.ts b/admin/src/app/api/order.ts
new file mode 100644
index 0000000..7fdf586
--- /dev/null
+++ b/admin/src/app/api/order.ts
@@ -0,0 +1,70 @@
+import request from '@/utils/request'
+
+/***************************************************** 充值订单 ****************************************************/
+
+/**
+ * 获取充值订单列表
+ * @param params
+ * @returns
+ */
+export function getRechargeOrderList(params: Record<string, any>) {
+    return request.get(`order/recharge`, {params})
+}
+
+/**
+ * 获取充值订单统计
+ * @param params
+ * @returns
+ */
+export function getRechargeStat(params: Record<string, any>) {
+    return request.get(`order/recharge/stat`, {params})
+}
+
+/**
+ * 获取充值订单详情
+ * @param order_id
+ * @returns
+ */
+export function getRechargeOrderInfo(order_id: number) {
+    return request.get(`order/recharge/${order_id}`);
+}
+
+/**
+ * 获取充值订单状态列表
+ * @returns
+ */
+export function getRechargeOrderStatusList() {
+    return request.get(`order/recharge/status`)
+}
+
+/**
+ * 获取退款记录
+ * @returns
+ */
+export function getRechargeRefund(params: Record<string, any>) {
+    return request.get(`order/recharge/refund`, {params})
+}
+
+/**
+ * 获取退款状态
+ * @returns
+ */
+export function getRechargeRefundStatus() {
+    return request.get(`order/recharge/refund/status`)
+}
+
+/**
+ * 充值订单发起退款
+ * @returns
+ */
+export function rechargeRefund(id: number) {
+    return request.put(`order/recharge/refund/${id}`, {}, {showSuccessMessage: true});
+}
+
+/**
+ * 获取退款统计
+ * @returns
+ */
+export function getRechargeRefundStat() {
+    return request.get(`order/recharge/refund/stat`);
+}
\ No newline at end of file
diff --git a/admin/src/app/api/pay.ts b/admin/src/app/api/pay.ts
new file mode 100644
index 0000000..426d0fb
--- /dev/null
+++ b/admin/src/app/api/pay.ts
@@ -0,0 +1,71 @@
+import request from '@/utils/request'
+
+/***************************************************** 账单列表 **************************************************/
+
+/**
+ * 获取账单列表
+ * @param params
+ * @returns
+ */
+export function getAccountList(params: Record<string, any>) {
+    return request.get(`pay/account`, {params})
+}
+
+/**
+ * 获取账单详情
+ * @param id
+ */
+export function getAccountInfo(id: number) {
+    return request.get(`pay/account/${id}`)
+}
+
+/**
+ * 获取账单统计
+ * @returns
+ */
+export function getAccountStat() {
+    return request.get(`pay/account/stat`)
+}
+
+/**
+ * 获取账单类型
+ * @returns
+ */
+export function getAccountType() {
+    return request.get(`pay/account/type`)
+}
+
+/***************************************************** 退款信息 **************************************************/
+
+/**
+ * 退款列表
+ * @param params
+ * @returns
+ */
+export function getPayRefundPages(params: Record<string, any>) {
+    return request.get(`pay/refund`, {params})
+}
+
+/**
+ * 获取退款详情
+ * @param id
+ */
+export function getPayRefundInfo(refund_no: string) {
+    return request.get(`pay/refund/${refund_no}`)
+}
+
+/**
+ * 退款方式
+ * @param id
+ */
+export function getRefundType() {
+    return request.get(`pay/refund/type`)
+}
+
+/**
+ * 退款转账
+ * @param id
+ */
+export function getRefundTransfer(params: Record<string, any>) {
+    return request.post(`pay/refund/transfer`, params, {showSuccessMessage: true})
+}
\ No newline at end of file
diff --git a/admin/src/app/api/personal.ts b/admin/src/app/api/personal.ts
new file mode 100644
index 0000000..105925f
--- /dev/null
+++ b/admin/src/app/api/personal.ts
@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+
+/**
+ * 获取支付设置
+ * @returns
+ */
+export function getUserInfo() {
+    return request.get(`auth/get`)
+}
+
+/**
+ * 配置支付
+ * @returns
+ */
+export function setUserInfo(params: Record<string, any>) {
+    return request.put(`auth/edit`, params, {showSuccessMessage: true});
+}
+
diff --git a/admin/src/app/api/site.ts b/admin/src/app/api/site.ts
new file mode 100644
index 0000000..dad1c52
--- /dev/null
+++ b/admin/src/app/api/site.ts
@@ -0,0 +1,252 @@
+import request from '@/utils/request'
+
+//包含站点管理，站点用户管理，站点操作日志
+
+/***************************************************** 站点管理 ****************************************************/
+
+/**
+ * 获取站点列表
+ * @param params
+ * @returns
+ */
+export function getSiteList(params: Record<string, any>) {
+    return request.get(`site/site`, { params })
+}
+
+/**
+ * 获取站点详情
+ * @param site_id
+ */
+export function getSiteInfo(site_id: number) {
+    return request.get(`site/site/${site_id}`);
+}
+
+/**
+ * 添加站点
+ * @param params
+ * @returns
+ */
+export function addSite(params: Record<string, any>) {
+    return request.post('site/site', params, { showSuccessMessage: true })
+}
+
+/**
+ * 更新站点
+ * @param params
+ */
+export function editSite(params: Record<string, any>) {
+    return request.put(`site/site/${params.site_id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 删除站点
+ * @param siteId
+ */
+export function deleteSite(siteId: number) {
+    return request.delete(`site/site/${siteId}`)
+}
+
+/**
+ * 关闭站点
+ * @param params
+ */
+export function closeSite(params: Record<string, any>) {
+    return request.put(`site/closesite/${params.site_id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 打开站点
+ * @param params
+ */
+export function openSite(params: Record<string, any>) {
+    return request.put(`site/opensite/${params.site_id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取全部站点状态
+ */
+export function getStatusList() {
+    return request.get(`site/statuslist`)
+}
+
+
+/***************************************************** 站点分组管理 ****************************************************/
+
+/**
+ * 获取站点分组列表
+ * @param params
+ * @returns
+ */
+export function getSiteGroupList(params: Record<string, any>) {
+    return request.get(`site/group`, { params })
+}
+
+/**
+ * 获取站点分组详情
+ * @param site_id
+ */
+export function getSiteGroupInfo(groupId: number) {
+    return request.get(`site/group/${groupId}`);
+}
+
+/**
+ * 添加站点分组
+ * @param params
+ * @returns
+ */
+export function addSiteGroup(params: Record<string, any>) {
+    return request.post('site/group', params, { showSuccessMessage: true })
+}
+
+/**
+ * 更新站点分组
+ * @param params
+ */
+export function editSiteGroup(params: Record<string, any>) {
+    return request.put(`site/group/${params.group_id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 删除站点分组
+ * @param group_id
+ */
+export function deleteSiteGroup(group_id: number) {
+    return request.delete(`site/group/${group_id}`, { showSuccessMessage: true });
+}
+
+/**
+ * 获取全部站点分组
+ * @param params
+ * @returns
+ */
+export function getSiteGroupAll(params: Record<string, any> = {}) {
+    return request.get(`site/group/all`)
+}
+
+/***************************************************** 当前站点用户 *************************************************/
+
+/**
+ * 获取站点用户列表
+ * @param params
+ * @returns
+ */
+export function getUserList(params: Record<string, any>) {
+    return request.get(`site/user`, { params })
+}
+
+/**
+ * 获取站点用户详情
+ * @param uid
+ */
+export function getUserInfo(uid: number) {
+    return request.get(`site/user/${uid}`);
+}
+
+/**
+ * 添加用户
+ * @param params
+ * @returns
+ */
+export function addUser(params: Record<string, any>) {
+    return request.post('site/user', params, { showSuccessMessage: true })
+}
+
+/**
+ * 编辑用户
+ * @param params
+ */
+export function editUser(params: Record<string, any>) {
+    return request.put(`site/user/${params.uid}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 删除用户
+ * @param uid
+ * @returns
+ */
+export function deleteUser(uid: number) {
+    return request.delete(`site/user/${uid}`, { showSuccessMessage: true })
+}
+
+
+/**
+ * 锁定用户
+ * @param uid
+ * @returns
+ */
+export function lockUser(uid: number) {
+    return request.put(`site/user/lock/${uid}`)
+}
+
+
+/**
+ * 解锁用户
+ * @param uid
+ * @returns
+ */
+export function unlockUser(uid: number) {
+    return request.put(`site/user/unlock/${uid}`)
+}
+
+
+/***************************************************** 操作日志 **************************************************/
+
+/**
+ * 获取操作日志列表
+ * @param params
+ * @returns
+ */
+export function getLogList(params: Record<string, any>) {
+    return request.get(`site/log`, { params })
+}
+
+/**
+ * 获取操作日志详情
+ * @param id
+ */
+export function getLogInfo(id: number) {
+    return request.get(`site/log/${id}`)
+}
+
+/***************************************************** 账单列表 **************************************************/
+
+/**
+ * 获取账单列表
+ * @param params
+ * @returns
+ */
+export function getAccountList(params: Record<string, any>) {
+    return request.get(`site/account`, { params })
+}
+
+/**
+ * 获取账单详情
+ * @param id
+ */
+export function getAccountInfo(id: number) {
+    return request.get(`site/account/${id}`)
+}
+
+/**
+ * 获取账单统计
+ * @returns
+ */
+export function getAccountStat() {
+    return request.get(`site/account/stat`)
+}
+
+/**
+ * 获取账单类型
+ * @returns
+ */
+export function getAccountType() {
+    return request.get(`site/account/type`)
+}
+
+/**
+ * 获取站点应用
+ * @returns
+ */
+export function getSiteAddons() {
+    return request.get('site/addons')
+}
diff --git a/admin/src/app/api/stat.ts b/admin/src/app/api/stat.ts
new file mode 100644
index 0000000..02f5f85
--- /dev/null
+++ b/admin/src/app/api/stat.ts
@@ -0,0 +1,17 @@
+import request from '@/utils/request'
+
+/***************************************************** 统计信息 **************************************************/
+/**
+ * 获取统计信息
+ */
+export function getStatInfo() {
+    return request.get(`stat/index`)
+}
+
+/**
+ * 获取站点统计信息
+ */
+export function getSiteStatInfo() {
+    return request.get(`stat/siteindex`)
+}
+
diff --git a/admin/src/app/api/sys.ts b/admin/src/app/api/sys.ts
new file mode 100644
index 0000000..b0616b2
--- /dev/null
+++ b/admin/src/app/api/sys.ts
@@ -0,0 +1,702 @@
+import request from '@/utils/request'
+
+/***************************************************** 系统整体信息 *************************************************/
+
+/**
+ * 系统信息
+ * @returns
+ */
+export function getInfo() {
+    return request.get('sys/role')
+}
+
+/**
+ * 系统信息
+ * @returns
+ */
+export function getUrl() {
+    return request.get('sys/url')
+}
+
+/***************************************************** 用户组 ****************************************************/
+
+/**
+ * 用户组列表
+ * @returns
+ */
+export function getRoleList(params: Record<string, any>) {
+    return request.get('sys/role', { params })
+}
+
+/**
+ * 用户组详情
+ * @param roleId
+ */
+export function getRoleInfo(roleId: number) {
+    return request.get(`sys/role/${roleId}`)
+}
+
+/**
+ * 添加用户组
+ * @param params
+ * @returns
+ */
+export function addRole(params: Record<string, any>) {
+    return request.post(`sys/role`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 编辑用户组
+ * @param params
+ */
+export function editRole(params: Record<string, any>) {
+    return request.put(`sys/role/${params.role_id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 删除用户组
+ * @param roleId
+ */
+export function deleteRole(roleId: number) {
+    return request.delete(`sys/role/${roleId}`, { showSuccessMessage: true })
+}
+
+/**
+ * 全部分组
+ * @returns
+ */
+export function allRole() {
+    return request.get('sys/role/all')
+}
+
+/***************************************************** 全部菜单 ****************************************************/
+
+/**
+ * 获取全部菜单
+ * @returns
+ */
+export function getMenus(type: string) {
+    return request.get(`sys/menu/${type}`)
+}
+
+/**
+ * 获取菜单信息
+ * @param menu_key
+ */
+export function getMenuInfo(app_type: string, menu_key: string) {
+    return request.get(`sys/menu/${app_type}/info/${menu_key}`);
+}
+
+/**
+ * 添加菜单
+ * @param params
+ * @returns
+ */
+export function addMenu(params: Record<string, any>) {
+    return request.post('sys/menu', params, { showSuccessMessage: true })
+}
+
+/**
+ * 更新菜单
+ * @param params
+ */
+export function editMenu(params: Record<string, any>) {
+    return request.put(`sys/menu/${params.app_type}/${params.menu_key}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 删除菜单
+ * @param menu_key
+ */
+export function deleteMenu(app_type: string, menu_key: string) {
+    return request.delete(`sys/menu/${app_type}/${menu_key}`, { showSuccessMessage: true })
+}
+
+/**
+ * 获取系统菜单
+ *
+ */
+export function getSystemMenu() {
+    return request.get(`sys/menu/system_menu`)
+}
+
+/**
+ * 获取应用菜单
+ *
+ */
+export function getAddonMenu(key: any) {
+    return request.get(`sys/menu/addon_menu/${key}`)
+}
+
+/**
+ * 获取类型为目录的菜单
+ * @param key
+ */
+export function getMenuByTypeDir(key: any = 'system') {
+    return request.get(`sys/menu/dir/${key}`)
+}
+
+
+/***************************************************** 站点菜单 ****************************************************/
+
+/**
+ * 获取站点菜单
+ * @returns
+ */
+export function getSiteMenus() {
+    return request.get(`site/site/menu`)
+}
+
+
+/***************************************************** 设置 ****************************************************/
+
+/**
+ * 获取网站设置
+ * @returns
+ */
+export function getWebsite() {
+    return request.get('sys/config/website')
+}
+
+/**
+ * 获取网站设置
+ * @returns
+ */
+export function getWebConfig() {
+    return request.get('sys/web/website')
+}
+
+/**
+ * 获取网站设置
+ * @returns
+ */
+export function getWebCopyright() {
+    return request.get('sys/web/copyright')
+}
+
+/**
+ * 更新网站设置
+ * @param params
+ * @returns
+ */
+export function setWebsite(params: Record<string, any>) {
+    return request.put(`sys/config/website`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取版权设置
+ * @returns
+ */
+export function getCopyright() {
+    return request.get('sys/config/copyright')
+}
+
+/**
+ * 获服务信息
+ * @returns
+ */
+export function getService() {
+    return request.get('sys/config/service')
+}
+
+/**
+ * 更新版权设置
+ * @param params
+ * @returns
+ */
+export function setCopyright(params: Record<string, any>) {
+    return request.put(`sys/config/copyright`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取附件组列表
+ * @param params
+ * @returns
+ */
+export function getAttachmentCategoryList(params: Record<string, any>) {
+    return request.get(`sys/attachment/category`, { params })
+}
+
+/**
+ * 添加分类
+ * @param params
+ */
+export function addAttachmentCategory(params: Record<string, any>) {
+    return request.post(`sys/attachment/category`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 编辑分类
+ * @param params
+ * @returns
+ */
+export function editAttachmentCategory(params: Record<string, any>) {
+    return request.put(`sys/attachment/category/${params.id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 删除分类
+ * @param id
+ * @returns
+ */
+export function deleteAttachmentCategory(id: number) {
+    return request.delete(`sys/attachment/category/${id}`, { showSuccessMessage: true })
+}
+
+/**
+ * 获取附件列表
+ * @param params
+ * @returns
+ */
+export function getAttachmentList(params: Record<string, any>) {
+    return request.get(`sys/attachment`, { params })
+}
+
+/**
+ * 删除附件
+ * @param params
+ * @returns
+ */
+export function deleteAttachment(params: Record<string, any>) {
+    return request.delete(`sys/attachment/del`, { data: params, showSuccessMessage: true })
+}
+
+/**
+ * 移动附件
+ * @param params
+ * @returns
+ */
+export function moveAttachment(params: Record<string, any>) {
+    return request.put(`sys/attachment/batchmove`, params)
+}
+
+/**
+ * 获取menu菜单
+ */
+export function getAuthMenu() {
+    return request.get(`auth/site/showmenu`)
+}
+
+/**
+ * 获取快捷菜单
+ */
+export function getShortcutMenu() {
+    return request.get(`sys/config/shortcut_menu`)
+}
+
+/**
+ * 添加快捷菜单
+ */
+export function setShortcutMenu(params: Record<string, any>) {
+    return request.put(`sys/config/shortcut_menu`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取图标库分类列表
+ * @param params
+ * @returns
+ */
+export function getIconCategoryList(params: Record<string, any>) {
+    return request.get(`sys/attachment/icon_category`, { params })
+}
+
+/**
+ * 获取图标库列表
+ * @param params
+ * @returns
+ */
+export function getIconList(params: Record<string, any>) {
+    return request.get(`sys/attachment/icon`, { params })
+}
+
+/**
+ * 获取evn
+ * @param params
+ * @returns
+ */
+export function getEnv() {
+    return request.get(`sys/env`)
+}
+/***************************************************** 地址管理 ****************************************************/
+
+/**
+ * 获取下级地址列表
+ * @param pid
+ */
+export function getAreaListByPid(pid: number = 0) {
+    return request.get(`sys/area/list_by_pid/${pid}`)
+}
+
+/**
+ * 获取地址树列表
+ * @param level
+ */
+export function getAreatree(level: number = 1) {
+    return request.get(`sys/area/tree/${level}`)
+}
+
+
+/**
+ * 获取地址信息
+ */
+export function getAddressInfo(params: any) {
+    return request.get(`sys/area/get_info`, { params })
+}
+
+/**
+ * 获取地址信息
+ */
+export function getContraryAddress(params: any) {
+    return request.get(`sys/area/contrary`, { params })
+}
+
+/**
+ * 获取地址
+ * @param code
+ */
+export function getAreaByCode(code: number | string) {
+    return request.get(`sys/area/code/${code}`)
+}
+/***************************************************** 存储设置 ****************************************************/
+
+/**
+ * 获取存储配置列表
+ */
+export function getStorageList() {
+    return request.get(`sys/storage`)
+}
+
+/**
+ * 获取存储详情
+ * @param type
+ */
+export function getStorageInfo(type: string) {
+    return request.get(`sys/storage/${type}`)
+}
+
+/**
+ * 修改存储
+ * @param params
+ * @returns
+ */
+export function editStorage(params: Record<string, any>) {
+    return request.put(`sys/storage/${params.storage_type}`, params, { showSuccessMessage: true })
+}
+
+/***************************************************** 支付设置 ****************************************************/
+
+/**
+ * 获取支付设置
+ * @returns
+ */
+export function getPayConfig(type: string) {
+    return request.get(`pay/config/${type}`)
+}
+
+/**
+ * 配置支付
+ * @returns
+ */
+export function setPayConfig(params: Record<string, any>) {
+    return request.put(`pay/config/${params.type}`, params, { showSuccessMessage: true });
+}
+
+/**
+ * 获取支付列表
+ * @returns
+ */
+export function getPayList() {
+    return request.get(`pay/lists`)
+}
+
+/***************************************************** 打款设置 ****************************************************/
+/**
+ * 获取打款设置配置
+ * @param channel
+ */
+export function getTransferInfo(channel) {
+    return request.get(`pay/channel/lists/${channel}`)
+}
+
+/**
+ * 设置打款配置
+ * @param params
+ * @returns
+ */
+export function setTransferInfo(params: Record<string, any>) {
+    return request.post(`pay/channel/set/transfer`, params)
+}
+
+/***************************************************** 定时任务 ****************************************************/
+
+/**
+ * 获取任务列表
+ * @returns
+ */
+export function getCronList(params: any) {
+    return request.get(`sys/schedule/list`, { params })
+}
+
+/**
+ * 任务详情
+ * @returns
+ */
+export function getCronInfo(id: string) {
+    return request.get(`sys/cron/${id}`);
+}
+
+/**
+ * 任务模版
+ * @returns
+ */
+export function getCronTemplate() {
+    return request.get(`sys/schedule/template`)
+}
+
+/**
+ * 任务间隔
+ * @returns
+ */
+export function getCronDateType() {
+    return request.get(`sys/schedule/datetype`)
+}
+
+/**
+ * 获取星期
+ * @returns
+ */
+export function getWeek() {
+    return request.get(`sys/date/week`)
+}
+
+/**
+ * 添加计划任务
+ * @returns
+ */
+export function addCron(params: Record<string, any>) {
+    return request.post(`sys/schedule`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 编辑任务
+ * @returns
+ */
+export function editCron(params: Record<string, any>) {
+    return request.put(`sys/schedule/${params.id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 删除任务
+ * @returns
+ */
+export function deleteCron(id: string) {
+    return request.delete(`sys/schedule/${id}`, { showSuccessMessage: true })
+}
+
+/***************************************************** 协议管理 ****************************************************/
+
+/**
+ * 获取协议列表
+ * @returns
+ */
+export function getAgreementList() {
+    return request.get(`sys/agreement`)
+}
+
+/**
+ * 协议详情
+ * @returns
+ */
+export function getAgreementInfo(key: string) {
+    return request.get(`sys/agreement/${key}`);
+}
+
+/**
+ * 更新协议
+ * @returns
+ */
+export function editAgreement(params: Record<string, any>) {
+    return request.put(`sys/agreement/${params.key}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 协议详情
+ * @returns
+ */
+export function getChannelType() {
+    return request.get(`sys/channel`);
+}
+
+
+/**
+ * 获取渠道域名
+ * @returns
+ */
+export function getSceneDomain() {
+    return request.get(`sys/scene_domain`);
+}
+
+/***************************************************** 登录注册配置 ****************************************************/
+
+/**
+ * 管理端登录注册配置
+ */
+export function getConfigLogin() {
+    return request.get(`sys/config/login`)
+}
+
+/**
+ * 设置管理端登录注册配置
+ * @param params
+ * @returns
+ */
+export function setConfigLogin(params: Record<string, any>) {
+    return request.put(`sys/config/login`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取支付设置
+ */
+export function getPayConfigList() {
+    return request.get(`pay/channel/lists`)
+}
+
+/**
+ * 设置支付配置
+ */
+export function setPatConfig(params: Record<string, any>) {
+    return request.post(`pay/channel/set/all`, params, { showSuccessMessage: true })
+}
+
+
+/***************************************************** 刷新菜单 ****************************************************/
+/**
+ * 刷新菜单
+ */
+export function menuRefresh(params: Record<string, any>) {
+    return request.post(`sys/menu/refresh`, {}, { showSuccessMessage: true })
+}
+
+/**
+ * 清理数据字段缓存
+ */
+export function clearSchemaCache(params: Record<string, any>) {
+    return request.post(`sys/schema/clear`, {}, { showSuccessMessage: true })
+}
+
+
+/***************************************************** 获取应用 ****************************************************/
+/**
+ * 获取应用
+ */
+export function getAppMange() {
+    return request.get(`sys/applist`)
+}
+
+/***************************************************** 地图设置 ****************************************************/
+
+/**
+ * 设置地图key
+ */
+export function setMap(params: Record<string, any>) {
+    return request.put(`sys/config/map`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取地图配置
+ */
+export function getMap() {
+    return request.get(`sys/config/map`)
+}
+
+/***************************************************** 首页 ****************************************************/
+/**
+ * 获取首页列表
+ */
+export function getIndexList() {
+    return request.get(`sys/config/site_index`)
+}
+
+/**
+ * 设置首页模版
+ */
+export function setIndexList(params: Record<string, any>) {
+    return request.put(`sys/config/site_index`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取布局
+ * @returns
+ */
+export function getLayouts() {
+    return request.get('sys/layout')
+}
+
+/**
+ * 设置布局
+ * @returns
+ */
+export function setLayout(key: string) {
+    return request.put('sys/layout', { key }, { showSuccessMessage: true })
+}
+
+/**
+ * 获取支付待审核记录
+ */
+export function getPayAuditList(params: Record<string, any>) {
+    return request.get('pay/audit', { params })
+}
+
+/**
+ * 支付审核通过
+ * @returns
+ */
+export function payAuditPass(outTradeNo: string) {
+    return request.put(`pay/pass/${outTradeNo}`, {}, { showSuccessMessage: true })
+}
+
+/**
+ * 支付审核拒绝
+ * @returns
+ */
+export function payAuditRefuse(params: Record<string, any>) {
+    return request.put(`pay/refuse/${params.out_trade_no}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取支付单据详情
+ */
+export function getPayDetail(id: number) {
+    return request.get(`pay/detail/${id}`)
+}
+
+/**
+ * 获取应用列表
+ */
+export function getAddonList() {
+    return request.get(`app/getAddonList`)
+}
+
+/**
+ * 获取手机端首页列表
+ */
+export function getWapIndexList(params: Record<string, any>) {
+    return request.get('sys/config/wap_index', { params })
+}
+
+/**
+ * 获取开发者key
+ * @returns
+ */
+export function getDeveloperToken() {
+    return request.get('sys/config/developer_token')
+}
+
+/**
+ * 设置开发者key
+ * @param params
+ * @returns
+ */
+export function setDeveloperToken(params: Record<string, any>) {
+    return request.put(`sys/config/developer_token`, params, { showSuccessMessage: true })
+}
diff --git a/admin/src/app/api/tools.ts b/admin/src/app/api/tools.ts
new file mode 100644
index 0000000..e02bbcc
--- /dev/null
+++ b/admin/src/app/api/tools.ts
@@ -0,0 +1,184 @@
+import request from '@/utils/request'
+
+/***************************************************** 插件开发 ****************************************************/
+/**
+ * 获取插件列表
+ * @returns
+ */
+export function getAddonDevelop(params: Record<string, any>) {
+    return request.get(`addon_develop`, {params});
+}
+
+/**
+ * 获取插件类型配置
+ * @returns
+ */
+export function getAddontype() {
+    return request.get(`addontype`);
+}
+
+/**
+ * 获取插件详情
+ * @returns
+ */
+export function getAddonDevelopInfo(key: any) {
+    return request.get(`addon_develop/${key}`)
+}
+
+/**
+ * 获取插件key是否存在
+ * @returns
+ */
+export function getAddonDevelopCheck(key: any) {
+    return request.get(`addon_develop/check/${key}`)
+}
+
+/**
+ * 添加插件
+ * @param key
+ * @param params
+ * @returns
+ */
+export function addAddonDevelop(key: any, params: Record<string, any>) {
+    return request.post(`addon_develop/${key}`, params)
+}
+
+/**
+ * 编辑插件
+ * @param key
+ * @param params
+ * @returns
+ */
+export function editAddonDevelop(key: any, params: Record<string, any>) {
+    return request.put(`addon_develop/${key}`, params)
+}
+
+/**
+ * 删除插件
+ * @param key
+ * @returns
+ */
+export function deleteAddonDevelop(key: any) {
+    return request.delete(`addon_develop/${key}`, {showSuccessMessage: true})
+}
+
+/**
+ * 打包插件
+ * @returns
+ */
+export function addonDevelopBuild(key: any) {
+    return request.post(`addon_develop/build/${key}`)
+}
+
+/**
+ * 下载插件
+ * @returns
+ */
+export function addonDevelopDownload(key: any) {
+    return request.post(`addon_develop/download/${key}`, {})
+}
+/***************************************************** 代码生成 ****************************************************/
+
+/**
+ * 获取代码生成列表
+ * @param params
+ * @returns
+ */
+export function getGenerateTableList(params: Record<string, any>) {
+    return request.get(`generator/generator`, {params})
+}
+
+/**
+ * 获取代码生成详情
+ * @param id 代码生成id
+ * @returns
+ */
+export function getGenerateTableInfo(id: number) {
+    return request.get(`generator/generator/${id}`);
+}
+
+/**
+ * 添加代码生成
+ * @param params
+ * @returns
+ */
+export function addGenerateTable(params: Record<string, any>) {
+    return request.post('generator/generator', params, {showSuccessMessage: true})
+}
+
+/**
+ * 编辑代码生成
+ * @param params
+ */
+export function editGenerateTable(params: Record<string, any>) {
+    return request.put(`generator/generator/${params.id}`, params, {showSuccessMessage: true})
+}
+
+/**
+ * 删除代码生成
+ * @param id
+ * @returns
+ */
+export function deleteGenerateTable(id: number) {
+    return request.delete(`generator/generator/${id}`, {showSuccessMessage: true})
+}
+
+/**
+ * 代码生成
+ * @param params
+ * @returns
+ */
+export function generateCreate(params: Record<string, any>) {
+    return request.post(`generator/download`, params)
+}
+
+/**
+ * 代码生成预览
+ * @param id
+ * @returns
+ */
+export function generatePreview(id: number) {
+    return request.get(`generator/preview/${id}`)
+}
+
+/**
+ * 数据表
+ */
+export function generateTable() {
+    return request.get(`generator/table`)
+}
+
+/**
+ * 获取服务器环境配置
+ */
+export function getSystem() {
+    return request.get(`sys/system`)
+}
+
+/**
+ * 获取全部模型
+ */
+export function getGeneratorAllModel(params: any) {
+    return request.get(`generator/all_model`, {params})
+}
+
+/**
+ * 获取 表字段
+ */
+export function getGeneratorTableColumn(params: any) {
+    return request.get(`generator/table_column`, {params})
+}
+
+/**
+ * 同步校验
+ */
+export function generatorCheckFile(params: Record<string, any>) {
+    return request.get(`generator/check_file`, {params})
+}
+
+/**
+ * 根据模型获取表字段
+ */
+export function getGeneratorModelTableColumn(params: any) {
+    return request.get(`generator/model_table_column`, {params})
+}
diff --git a/admin/src/app/api/upgrade.ts b/admin/src/app/api/upgrade.ts
new file mode 100644
index 0000000..f7a5a26
--- /dev/null
+++ b/admin/src/app/api/upgrade.ts
@@ -0,0 +1,47 @@
+import request from '@/utils/request'
+
+
+/**
+ * 获取更新内容
+ * @param addon
+ */
+export function getUpgradeContent(addon: string = '') {
+    return request.get(addon ? `upgrade/${addon}` : 'upgrade')
+}
+
+/**
+ * 获取升级任务
+ * @param addon
+ */
+export function getUpgradeTask() {
+    return request.get('upgrade/task')
+}
+
+/**
+ * 升级
+ * @param addon
+ */
+export function upgradeAddon(addon: string = '') {
+    return request.post(addon ? `upgrade/${addon}` : 'upgrade')
+}
+
+/**
+ * 执行升级
+ */
+export function executeUpgrade() {
+    return request.post('upgrade/execute', {}, { timeout: 0 })
+}
+
+/**
+ * 升级前检测
+ */
+export function preUpgradeCheck(addon: string = '') {
+    return request.get(addon ? `upgrade/check/${addon}` : 'upgrade/check')
+}
+
+/**
+ * 清除
+ */
+export function clearUpgradeTask() {
+    return request.post('upgrade/clear')
+}
diff --git a/admin/src/app/api/user.ts b/admin/src/app/api/user.ts
new file mode 100644
index 0000000..79fe9cc
--- /dev/null
+++ b/admin/src/app/api/user.ts
@@ -0,0 +1,58 @@
+import request from '@/utils/request'
+
+//当前接口用户指系统整体用户管理，站内用户添加，编辑，详情，操作日志，请查看站点内部相关接口
+
+/***************************************************** 用户 ****************************************************/
+
+/**
+ * 获取用户列表
+ * @param params 
+ * @returns 
+ */
+export function getUserList(params: Record<string, any>) {
+    return request.get(`user/user`, { params })
+}
+
+/**
+ * 获取用户详情
+ * @param uid 用户uid
+ * @returns 
+ */
+export function getUserInfo(uid: number) {
+    return request.get(`user/user/${uid}`);
+}
+
+/**
+ * 添加用户
+ * @param params 
+ * @returns 
+ */
+export function addUser(params: Record<string, any>) {
+    return request.post('user/user', params, { showSuccessMessage: true })
+}
+
+/**
+ * 更新用户
+ * @param params
+ */
+export function editUser(params: Record<string, any>) {
+    return request.put(`user/user/${params.uid}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取所有用户列表
+ * @param params 
+ * @returns 
+ */
+export function getAllUserList(params: Record<string, any>) {
+    return request.get(`user/user_all`, { params })
+}
+
+/**
+ * 查询用户名是否存在
+ * @param username 
+ * @returns 
+ */
+export function checkUsernameIsExist(username: string) {
+    return request.get(`user/isexist`, { params: { username } })
+}
\ No newline at end of file
diff --git a/admin/src/app/api/weapp.ts b/admin/src/app/api/weapp.ts
new file mode 100644
index 0000000..9a612d5
--- /dev/null
+++ b/admin/src/app/api/weapp.ts
@@ -0,0 +1,125 @@
+import request from '@/utils/request'
+
+/**
+ * 获取微信小程序配置
+ * @returns
+ */
+export function getWeappConfig() {
+    return request.get('weapp/config')
+}
+
+/**
+ * 编辑微信小程序配置
+ * @param params
+ * @returns
+ */
+export function setWeappConfig(params: Record<string, any>) {
+    return request.put('weapp/config', params, { showSuccessMessage: true })
+}
+
+/**
+ * 获取订阅消息列表
+ * @returns
+ */
+export function getTemplateList() {
+    return request.get('weapp/template')
+}
+
+/**
+ * 获取同步
+ * @param params
+ * @returns
+ */
+export function getBatchAcquisition(params: Record<string, any>) {
+    return request.put('weapp/template/sync', params, { showSuccessMessage: true })
+}
+/**
+ * 添加微信小程序版本
+ * @param params
+ * @returns
+ */
+export function setWeappVersion(params: Record<string, any>) {
+    return request.post('weapp/version', params, { showSuccessMessage: true })
+}
+
+/**
+ * 微信小程序预览码
+ * @returns
+ */
+export function getWeappPreview() {
+    return request.get('weapp/preview')
+}
+
+/**
+ * 微信小程序版本列表
+ * @param params
+ * @returns
+ */
+export function getWeappVersionList(params: Record<string, any>) {
+    return request.get('weapp/version', { params })
+}
+
+/**
+ * 获取微信小程序上传日志
+ * @param key 
+ * @returns 
+ */
+export function getWeappUploadLog(key: string) {
+    return request.get(`weapp/upload/${key}`)
+}
+
+/***************************************************** 管理端 ****************************************************/
+
+/**
+ * 上传文件
+ * @param params
+ * @returns
+ */
+export function uploadVersion(params: Record<string, any>) {
+    return request.put('applet/upload', params, { showSuccessMessage: true })
+}
+
+/**
+ * 添加版本
+ * @param params
+ * @returns
+ */
+export function addVersion(params: Record<string, any>) {
+    return request.post('applet/version', params, { showSuccessMessage: true })
+}
+
+/**
+ * 版本列表
+ * @param params
+ * @returns
+ */
+export function getVersionList(params: Record<string, any>) {
+    return request.get('applet/version', { params })
+}
+
+/**
+ * 版本详情
+ * @param id
+ * @returns
+ */
+export function getVersionInfo(id: string) {
+    return request.get(`applet/version/${id}`)
+}
+
+/**
+ * 编辑版本
+ * @param params
+ * @returns
+ */
+export function editVersion(params: Record<string, any>) {
+    return request.put(`applet/version/${params.id}`, params, { showSuccessMessage: true })
+}
+
+/**
+ * 版本删除
+ * @param id
+ * @returns
+ */
+export function deleteVersion(id: string) {
+    return request.delete(`applet/version/${id}`)
+}
\ No newline at end of file
diff --git a/admin/src/app/api/wechat.ts b/admin/src/app/api/wechat.ts
new file mode 100644
index 0000000..30744a9
--- /dev/null
+++ b/admin/src/app/api/wechat.ts
@@ -0,0 +1,64 @@
+import request from '@/utils/request'
+
+/**
+ * 获取微信配置
+ * @returns
+ */
+export function getWechatConfig() {
+    return request.get('wechat/config')
+}
+
+/**
+ * 微信配置所需的静态信息
+ */
+export function getWechatStatic() {
+    return request.get('wechat/static');
+}
+
+/**
+ * 编辑微信配置
+ * @param params
+ * @returns
+ */
+export function editWechatConfig(params: Record<string, any>) {
+    return request.put('wechat/config', params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取微信菜单
+ * @returns
+ */
+export function getWechatMenu() {
+    return request.get('wechat/menu')
+}
+
+/**
+ * 编辑微信菜单
+ * @param params
+ * @returns
+ */
+export function editWechatMenu(params: Record<string, any>) {
+    return request.put('wechat/menu', params, {showSuccessMessage: true})
+}
+
+/**
+ * 获取消息模板列表
+ * @returns
+ */
+export function getTemplateList() {
+    return request.get('wechat/template')
+}
+
+
+/**
+ * 获取同步
+ * @param params
+ * @returns
+ */
+export function getBatchAcquisition(params: Record<string, any>) {
+    return request.put('wechat/template/sync', params, {showSuccessMessage: true})
+}
+
+
+
+
diff --git a/admin/src/app/assets/images/SaaS.png b/admin/src/app/assets/images/SaaS.png
new file mode 100644
index 0000000..e21b118
Binary files /dev/null and b/admin/src/app/assets/images/SaaS.png differ
diff --git a/admin/src/app/assets/images/app_default.png b/admin/src/app/assets/images/app_default.png
new file mode 100644
index 0000000..513b021
Binary files /dev/null and b/admin/src/app/assets/images/app_default.png differ
diff --git a/admin/src/app/assets/images/app_store/app_store_default.png b/admin/src/app/assets/images/app_store/app_store_default.png
new file mode 100644
index 0000000..766eced
Binary files /dev/null and b/admin/src/app/assets/images/app_store/app_store_default.png differ
diff --git a/admin/src/app/assets/images/app_store/local_icon.png b/admin/src/app/assets/images/app_store/local_icon.png
new file mode 100644
index 0000000..d3ebb61
Binary files /dev/null and b/admin/src/app/assets/images/app_store/local_icon.png differ
diff --git a/admin/src/app/assets/images/app_store/local_icon_select.png b/admin/src/app/assets/images/app_store/local_icon_select.png
new file mode 100644
index 0000000..0af1afe
Binary files /dev/null and b/admin/src/app/assets/images/app_store/local_icon_select.png differ
diff --git a/admin/src/app/assets/images/app_store/market_icon.png b/admin/src/app/assets/images/app_store/market_icon.png
new file mode 100644
index 0000000..a7d068b
Binary files /dev/null and b/admin/src/app/assets/images/app_store/market_icon.png differ
diff --git a/admin/src/app/assets/images/app_store/market_icon_select.png b/admin/src/app/assets/images/app_store/market_icon_select.png
new file mode 100644
index 0000000..a7d068b
Binary files /dev/null and b/admin/src/app/assets/images/app_store/market_icon_select.png differ
diff --git a/admin/src/app/assets/images/app_store/switch_icon_1.png b/admin/src/app/assets/images/app_store/switch_icon_1.png
new file mode 100644
index 0000000..80aa0e3
Binary files /dev/null and b/admin/src/app/assets/images/app_store/switch_icon_1.png differ
diff --git a/admin/src/app/assets/images/app_store/switch_icon_2.png b/admin/src/app/assets/images/app_store/switch_icon_2.png
new file mode 100644
index 0000000..001ba31
Binary files /dev/null and b/admin/src/app/assets/images/app_store/switch_icon_2.png differ
diff --git a/admin/src/app/assets/images/back_login.jpg b/admin/src/app/assets/images/back_login.jpg
new file mode 100644
index 0000000..bc50300
Binary files /dev/null and b/admin/src/app/assets/images/back_login.jpg differ
diff --git a/admin/src/app/assets/images/category_default.png b/admin/src/app/assets/images/category_default.png
new file mode 100644
index 0000000..fcd7f98
Binary files /dev/null and b/admin/src/app/assets/images/category_default.png differ
diff --git a/admin/src/app/assets/images/channel/preview.png b/admin/src/app/assets/images/channel/preview.png
new file mode 100644
index 0000000..4930506
Binary files /dev/null and b/admin/src/app/assets/images/channel/preview.png differ
diff --git a/admin/src/app/assets/images/default_headimg.png b/admin/src/app/assets/images/default_headimg.png
new file mode 100644
index 0000000..bb09f5e
Binary files /dev/null and b/admin/src/app/assets/images/default_headimg.png differ
diff --git a/admin/src/app/assets/images/diy/notice/style_01.png b/admin/src/app/assets/images/diy/notice/style_01.png
new file mode 100644
index 0000000..81d4cea
Binary files /dev/null and b/admin/src/app/assets/images/diy/notice/style_01.png differ
diff --git a/admin/src/app/assets/images/diy/text/style1.png b/admin/src/app/assets/images/diy/text/style1.png
new file mode 100644
index 0000000..8e43e38
Binary files /dev/null and b/admin/src/app/assets/images/diy/text/style1.png differ
diff --git a/admin/src/app/assets/images/diy/text/style2.png b/admin/src/app/assets/images/diy/text/style2.png
new file mode 100644
index 0000000..0b7c449
Binary files /dev/null and b/admin/src/app/assets/images/diy/text/style2.png differ
diff --git a/admin/src/app/assets/images/diy_preview_head.png b/admin/src/app/assets/images/diy_preview_head.png
new file mode 100644
index 0000000..7d8df8a
Binary files /dev/null and b/admin/src/app/assets/images/diy_preview_head.png differ
diff --git a/admin/src/app/assets/images/empty.png b/admin/src/app/assets/images/empty.png
new file mode 100644
index 0000000..c8421c9
Binary files /dev/null and b/admin/src/app/assets/images/empty.png differ
diff --git a/admin/src/app/assets/images/error.png b/admin/src/app/assets/images/error.png
new file mode 100644
index 0000000..143d6c6
Binary files /dev/null and b/admin/src/app/assets/images/error.png differ
diff --git a/admin/src/app/assets/images/gov_icon.png b/admin/src/app/assets/images/gov_icon.png
new file mode 100644
index 0000000..9241291
Binary files /dev/null and b/admin/src/app/assets/images/gov_icon.png differ
diff --git a/admin/src/app/assets/images/icon-addon.png b/admin/src/app/assets/images/icon-addon.png
new file mode 100644
index 0000000..8dad733
Binary files /dev/null and b/admin/src/app/assets/images/icon-addon.png differ
diff --git a/admin/src/app/assets/images/icon_folder.png b/admin/src/app/assets/images/icon_folder.png
new file mode 100644
index 0000000..99b800f
Binary files /dev/null and b/admin/src/app/assets/images/icon_folder.png differ
diff --git a/admin/src/app/assets/images/icon_preview.png b/admin/src/app/assets/images/icon_preview.png
new file mode 100644
index 0000000..7be9482
Binary files /dev/null and b/admin/src/app/assets/images/icon_preview.png differ
diff --git a/admin/src/app/assets/images/index/add_menu.png b/admin/src/app/assets/images/index/add_menu.png
new file mode 100644
index 0000000..3bc05d8
Binary files /dev/null and b/admin/src/app/assets/images/index/add_menu.png differ
diff --git a/admin/src/app/assets/images/index/administrator.png b/admin/src/app/assets/images/index/administrator.png
new file mode 100644
index 0000000..655b4e1
Binary files /dev/null and b/admin/src/app/assets/images/index/administrator.png differ
diff --git a/admin/src/app/assets/images/index/app.png b/admin/src/app/assets/images/index/app.png
new file mode 100644
index 0000000..a305932
Binary files /dev/null and b/admin/src/app/assets/images/index/app.png differ
diff --git a/admin/src/app/assets/images/index/app1.png b/admin/src/app/assets/images/index/app1.png
new file mode 100644
index 0000000..476afff
Binary files /dev/null and b/admin/src/app/assets/images/index/app1.png differ
diff --git a/admin/src/app/assets/images/index/app_default.png b/admin/src/app/assets/images/index/app_default.png
new file mode 100644
index 0000000..4a22d9e
Binary files /dev/null and b/admin/src/app/assets/images/index/app_default.png differ
diff --git a/admin/src/app/assets/images/index/apply_empty.png b/admin/src/app/assets/images/index/apply_empty.png
new file mode 100644
index 0000000..030b443
Binary files /dev/null and b/admin/src/app/assets/images/index/apply_empty.png differ
diff --git a/admin/src/app/assets/images/index/article.png b/admin/src/app/assets/images/index/article.png
new file mode 100644
index 0000000..47efeab
Binary files /dev/null and b/admin/src/app/assets/images/index/article.png differ
diff --git a/admin/src/app/assets/images/index/article_list.png b/admin/src/app/assets/images/index/article_list.png
new file mode 100644
index 0000000..f4682f7
Binary files /dev/null and b/admin/src/app/assets/images/index/article_list.png differ
diff --git a/admin/src/app/assets/images/index/auth.png b/admin/src/app/assets/images/index/auth.png
new file mode 100644
index 0000000..208ac21
Binary files /dev/null and b/admin/src/app/assets/images/index/auth.png differ
diff --git a/admin/src/app/assets/images/index/auth1.png b/admin/src/app/assets/images/index/auth1.png
new file mode 100644
index 0000000..01c0766
Binary files /dev/null and b/admin/src/app/assets/images/index/auth1.png differ
diff --git a/admin/src/app/assets/images/index/balance.png b/admin/src/app/assets/images/index/balance.png
new file mode 100644
index 0000000..022eeda
Binary files /dev/null and b/admin/src/app/assets/images/index/balance.png differ
diff --git a/admin/src/app/assets/images/index/del_model.png b/admin/src/app/assets/images/index/del_model.png
new file mode 100644
index 0000000..ac223b9
Binary files /dev/null and b/admin/src/app/assets/images/index/del_model.png differ
diff --git a/admin/src/app/assets/images/index/edit.png b/admin/src/app/assets/images/index/edit.png
new file mode 100644
index 0000000..97f8eda
Binary files /dev/null and b/admin/src/app/assets/images/index/edit.png differ
diff --git a/admin/src/app/assets/images/index/fitment.png b/admin/src/app/assets/images/index/fitment.png
new file mode 100644
index 0000000..3821cef
Binary files /dev/null and b/admin/src/app/assets/images/index/fitment.png differ
diff --git a/admin/src/app/assets/images/index/member.png b/admin/src/app/assets/images/index/member.png
new file mode 100644
index 0000000..2f44ca0
Binary files /dev/null and b/admin/src/app/assets/images/index/member.png differ
diff --git a/admin/src/app/assets/images/index/model_tag.png b/admin/src/app/assets/images/index/model_tag.png
new file mode 100644
index 0000000..01cfc40
Binary files /dev/null and b/admin/src/app/assets/images/index/model_tag.png differ
diff --git a/admin/src/app/assets/images/index/new_site.png b/admin/src/app/assets/images/index/new_site.png
new file mode 100644
index 0000000..69151dc
Binary files /dev/null and b/admin/src/app/assets/images/index/new_site.png differ
diff --git a/admin/src/app/assets/images/index/new_site1.png b/admin/src/app/assets/images/index/new_site1.png
new file mode 100644
index 0000000..f9d2b2e
Binary files /dev/null and b/admin/src/app/assets/images/index/new_site1.png differ
diff --git a/admin/src/app/assets/images/index/overview.png b/admin/src/app/assets/images/index/overview.png
new file mode 100644
index 0000000..302bb9d
Binary files /dev/null and b/admin/src/app/assets/images/index/overview.png differ
diff --git a/admin/src/app/assets/images/index/renovation.png b/admin/src/app/assets/images/index/renovation.png
new file mode 100644
index 0000000..4c90a18
Binary files /dev/null and b/admin/src/app/assets/images/index/renovation.png differ
diff --git a/admin/src/app/assets/images/index/site.png b/admin/src/app/assets/images/index/site.png
new file mode 100644
index 0000000..bd54d39
Binary files /dev/null and b/admin/src/app/assets/images/index/site.png differ
diff --git a/admin/src/app/assets/images/index/site1.png b/admin/src/app/assets/images/index/site1.png
new file mode 100644
index 0000000..b1ea6dd
Binary files /dev/null and b/admin/src/app/assets/images/index/site1.png differ
diff --git a/admin/src/app/assets/images/index/site_auth.png b/admin/src/app/assets/images/index/site_auth.png
new file mode 100644
index 0000000..969a993
Binary files /dev/null and b/admin/src/app/assets/images/index/site_auth.png differ
diff --git a/admin/src/app/assets/images/index/site_balance.png b/admin/src/app/assets/images/index/site_balance.png
new file mode 100644
index 0000000..a445337
Binary files /dev/null and b/admin/src/app/assets/images/index/site_balance.png differ
diff --git a/admin/src/app/assets/images/index/site_bg.png b/admin/src/app/assets/images/index/site_bg.png
new file mode 100644
index 0000000..68f1637
Binary files /dev/null and b/admin/src/app/assets/images/index/site_bg.png differ
diff --git a/admin/src/app/assets/images/index/site_class.png b/admin/src/app/assets/images/index/site_class.png
new file mode 100644
index 0000000..573fbb5
Binary files /dev/null and b/admin/src/app/assets/images/index/site_class.png differ
diff --git a/admin/src/app/assets/images/index/site_class1.png b/admin/src/app/assets/images/index/site_class1.png
new file mode 100644
index 0000000..d15af25
Binary files /dev/null and b/admin/src/app/assets/images/index/site_class1.png differ
diff --git a/admin/src/app/assets/images/index/site_img.png b/admin/src/app/assets/images/index/site_img.png
new file mode 100644
index 0000000..9cb88f3
Binary files /dev/null and b/admin/src/app/assets/images/index/site_img.png differ
diff --git a/admin/src/app/assets/images/index/site_member.png b/admin/src/app/assets/images/index/site_member.png
new file mode 100644
index 0000000..b1b0cd3
Binary files /dev/null and b/admin/src/app/assets/images/index/site_member.png differ
diff --git a/admin/src/app/assets/images/index/wework_qrcode.png b/admin/src/app/assets/images/index/wework_qrcode.png
new file mode 100644
index 0000000..384435e
Binary files /dev/null and b/admin/src/app/assets/images/index/wework_qrcode.png differ
diff --git a/admin/src/app/assets/images/index/wx_qrcode.jpg b/admin/src/app/assets/images/index/wx_qrcode.jpg
new file mode 100644
index 0000000..54cb4a4
Binary files /dev/null and b/admin/src/app/assets/images/index/wx_qrcode.jpg differ
diff --git a/admin/src/app/assets/images/iphone_bg.png b/admin/src/app/assets/images/iphone_bg.png
new file mode 100644
index 0000000..0906ff5
Binary files /dev/null and b/admin/src/app/assets/images/iphone_bg.png differ
diff --git a/admin/src/app/assets/images/login/admin_login_img.png b/admin/src/app/assets/images/login/admin_login_img.png
new file mode 100644
index 0000000..c21c753
Binary files /dev/null and b/admin/src/app/assets/images/login/admin_login_img.png differ
diff --git a/admin/src/app/assets/images/login/login_index_bg.png b/admin/src/app/assets/images/login/login_index_bg.png
new file mode 100644
index 0000000..9a0a4ec
Binary files /dev/null and b/admin/src/app/assets/images/login/login_index_bg.png differ
diff --git a/admin/src/app/assets/images/login/login_index_left.png b/admin/src/app/assets/images/login/login_index_left.png
new file mode 100644
index 0000000..a585968
Binary files /dev/null and b/admin/src/app/assets/images/login/login_index_left.png differ
diff --git a/admin/src/app/assets/images/login/site_bg.png b/admin/src/app/assets/images/login/site_bg.png
new file mode 100644
index 0000000..f755f33
Binary files /dev/null and b/admin/src/app/assets/images/login/site_bg.png differ
diff --git a/admin/src/app/assets/images/login/site_bg_1.png b/admin/src/app/assets/images/login/site_bg_1.png
new file mode 100644
index 0000000..c105653
Binary files /dev/null and b/admin/src/app/assets/images/login/site_bg_1.png differ
diff --git a/admin/src/app/assets/images/login/site_code.png b/admin/src/app/assets/images/login/site_code.png
new file mode 100644
index 0000000..a41cd7b
Binary files /dev/null and b/admin/src/app/assets/images/login/site_code.png differ
diff --git a/admin/src/app/assets/images/login_bg.png b/admin/src/app/assets/images/login_bg.png
new file mode 100644
index 0000000..c30e775
Binary files /dev/null and b/admin/src/app/assets/images/login_bg.png differ
diff --git a/admin/src/app/assets/images/login_logo.png b/admin/src/app/assets/images/login_logo.png
new file mode 100644
index 0000000..d6aa4ec
Binary files /dev/null and b/admin/src/app/assets/images/login_logo.png differ
diff --git a/admin/src/app/assets/images/member_head.png b/admin/src/app/assets/images/member_head.png
new file mode 100644
index 0000000..bb09f5e
Binary files /dev/null and b/admin/src/app/assets/images/member_head.png differ
diff --git a/admin/src/app/assets/images/no_perms.png b/admin/src/app/assets/images/no_perms.png
new file mode 100644
index 0000000..c37c89b
Binary files /dev/null and b/admin/src/app/assets/images/no_perms.png differ
diff --git a/admin/src/app/assets/images/one_type.png b/admin/src/app/assets/images/one_type.png
new file mode 100644
index 0000000..a3816e8
Binary files /dev/null and b/admin/src/app/assets/images/one_type.png differ
diff --git a/admin/src/app/assets/images/setting/QRcode.png b/admin/src/app/assets/images/setting/QRcode.png
new file mode 100644
index 0000000..493edef
Binary files /dev/null and b/admin/src/app/assets/images/setting/QRcode.png differ
diff --git a/admin/src/app/assets/images/setting/alipay1.png b/admin/src/app/assets/images/setting/alipay1.png
new file mode 100644
index 0000000..df5e7da
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay1.png differ
diff --git a/admin/src/app/assets/images/setting/alipay2.png b/admin/src/app/assets/images/setting/alipay2.png
new file mode 100644
index 0000000..107a67f
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay2.png differ
diff --git a/admin/src/app/assets/images/setting/alipay3.png b/admin/src/app/assets/images/setting/alipay3.png
new file mode 100644
index 0000000..3675532
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay3.png differ
diff --git a/admin/src/app/assets/images/setting/alipay4.png b/admin/src/app/assets/images/setting/alipay4.png
new file mode 100644
index 0000000..b546fc4
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay4.png differ
diff --git a/admin/src/app/assets/images/setting/alipay4_1.jpg b/admin/src/app/assets/images/setting/alipay4_1.jpg
new file mode 100644
index 0000000..66e4d2c
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay4_1.jpg differ
diff --git a/admin/src/app/assets/images/setting/alipay4_2.jpg b/admin/src/app/assets/images/setting/alipay4_2.jpg
new file mode 100644
index 0000000..30e1728
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay4_2.jpg differ
diff --git a/admin/src/app/assets/images/setting/alipay4_3.jpg b/admin/src/app/assets/images/setting/alipay4_3.jpg
new file mode 100644
index 0000000..bf161fb
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay4_3.jpg differ
diff --git a/admin/src/app/assets/images/setting/alipay4_4.jpg b/admin/src/app/assets/images/setting/alipay4_4.jpg
new file mode 100644
index 0000000..448afc5
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay4_4.jpg differ
diff --git a/admin/src/app/assets/images/setting/alipay5.png b/admin/src/app/assets/images/setting/alipay5.png
new file mode 100644
index 0000000..6eb3043
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay5.png differ
diff --git a/admin/src/app/assets/images/setting/alipay6.png b/admin/src/app/assets/images/setting/alipay6.png
new file mode 100644
index 0000000..6526b2c
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay6.png differ
diff --git a/admin/src/app/assets/images/setting/alipay7.png b/admin/src/app/assets/images/setting/alipay7.png
new file mode 100644
index 0000000..8ae1d9f
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay7.png differ
diff --git a/admin/src/app/assets/images/setting/alipay8.png b/admin/src/app/assets/images/setting/alipay8.png
new file mode 100644
index 0000000..caba3e3
Binary files /dev/null and b/admin/src/app/assets/images/setting/alipay8.png differ
diff --git a/admin/src/app/assets/images/setting/app-authorize1.png b/admin/src/app/assets/images/setting/app-authorize1.png
new file mode 100644
index 0000000..b790137
Binary files /dev/null and b/admin/src/app/assets/images/setting/app-authorize1.png differ
diff --git a/admin/src/app/assets/images/setting/weapp_1.png b/admin/src/app/assets/images/setting/weapp_1.png
new file mode 100644
index 0000000..8aa33eb
Binary files /dev/null and b/admin/src/app/assets/images/setting/weapp_1.png differ
diff --git a/admin/src/app/assets/images/setting/weapp_2.png b/admin/src/app/assets/images/setting/weapp_2.png
new file mode 100644
index 0000000..bb6fc76
Binary files /dev/null and b/admin/src/app/assets/images/setting/weapp_2.png differ
diff --git a/admin/src/app/assets/images/setting/weapp_3.png b/admin/src/app/assets/images/setting/weapp_3.png
new file mode 100644
index 0000000..cd085d4
Binary files /dev/null and b/admin/src/app/assets/images/setting/weapp_3.png differ
diff --git a/admin/src/app/assets/images/setting/weapp_4.png b/admin/src/app/assets/images/setting/weapp_4.png
new file mode 100644
index 0000000..0fb16fe
Binary files /dev/null and b/admin/src/app/assets/images/setting/weapp_4.png differ
diff --git a/admin/src/app/assets/images/setting/wechat_1.png b/admin/src/app/assets/images/setting/wechat_1.png
new file mode 100644
index 0000000..41b58a2
Binary files /dev/null and b/admin/src/app/assets/images/setting/wechat_1.png differ
diff --git a/admin/src/app/assets/images/setting/wechat_2.png b/admin/src/app/assets/images/setting/wechat_2.png
new file mode 100644
index 0000000..8c7b11c
Binary files /dev/null and b/admin/src/app/assets/images/setting/wechat_2.png differ
diff --git a/admin/src/app/assets/images/setting/wechat_3.png b/admin/src/app/assets/images/setting/wechat_3.png
new file mode 100644
index 0000000..031025d
Binary files /dev/null and b/admin/src/app/assets/images/setting/wechat_3.png differ
diff --git a/admin/src/app/assets/images/setting/wechat_4.png b/admin/src/app/assets/images/setting/wechat_4.png
new file mode 100644
index 0000000..c56f6ff
Binary files /dev/null and b/admin/src/app/assets/images/setting/wechat_4.png differ
diff --git a/admin/src/app/assets/images/site_login.png b/admin/src/app/assets/images/site_login.png
new file mode 100644
index 0000000..39df7d4
Binary files /dev/null and b/admin/src/app/assets/images/site_login.png differ
diff --git a/admin/src/app/assets/images/site_login_bg.png b/admin/src/app/assets/images/site_login_bg.png
new file mode 100644
index 0000000..1563f9c
Binary files /dev/null and b/admin/src/app/assets/images/site_login_bg.png differ
diff --git a/admin/src/app/assets/images/site_login_logo.png b/admin/src/app/assets/images/site_login_logo.png
new file mode 100644
index 0000000..1174602
Binary files /dev/null and b/admin/src/app/assets/images/site_login_logo.png differ
diff --git a/admin/src/app/assets/images/site_logo.png b/admin/src/app/assets/images/site_logo.png
new file mode 100644
index 0000000..9046ef6
Binary files /dev/null and b/admin/src/app/assets/images/site_logo.png differ
diff --git a/admin/src/app/assets/images/theme_black.png b/admin/src/app/assets/images/theme_black.png
new file mode 100644
index 0000000..417b4d4
Binary files /dev/null and b/admin/src/app/assets/images/theme_black.png differ
diff --git a/admin/src/app/assets/images/theme_white.png b/admin/src/app/assets/images/theme_white.png
new file mode 100644
index 0000000..52714ba
Binary files /dev/null and b/admin/src/app/assets/images/theme_white.png differ
diff --git a/admin/src/app/assets/images/three_type.png b/admin/src/app/assets/images/three_type.png
new file mode 100644
index 0000000..b15557b
Binary files /dev/null and b/admin/src/app/assets/images/three_type.png differ
diff --git a/admin/src/app/assets/images/tools/addon_develop.png b/admin/src/app/assets/images/tools/addon_develop.png
new file mode 100644
index 0000000..88511a0
Binary files /dev/null and b/admin/src/app/assets/images/tools/addon_develop.png differ
diff --git a/admin/src/app/assets/images/tools/app_auth.png b/admin/src/app/assets/images/tools/app_auth.png
new file mode 100644
index 0000000..1de3c21
Binary files /dev/null and b/admin/src/app/assets/images/tools/app_auth.png differ
diff --git a/admin/src/app/assets/images/tools/auth_menu.png b/admin/src/app/assets/images/tools/auth_menu.png
new file mode 100644
index 0000000..6217800
Binary files /dev/null and b/admin/src/app/assets/images/tools/auth_menu.png differ
diff --git a/admin/src/app/assets/images/tools/code.png b/admin/src/app/assets/images/tools/code.png
new file mode 100644
index 0000000..498bd67
Binary files /dev/null and b/admin/src/app/assets/images/tools/code.png differ
diff --git a/admin/src/app/assets/images/tools/developer.png b/admin/src/app/assets/images/tools/developer.png
new file mode 100644
index 0000000..8ffd37b
Binary files /dev/null and b/admin/src/app/assets/images/tools/developer.png differ
diff --git a/admin/src/app/assets/images/tools/official_market.png b/admin/src/app/assets/images/tools/official_market.png
new file mode 100644
index 0000000..3f1b6bd
Binary files /dev/null and b/admin/src/app/assets/images/tools/official_market.png differ
diff --git a/admin/src/app/assets/images/tools/sys_dict_list.png b/admin/src/app/assets/images/tools/sys_dict_list.png
new file mode 100644
index 0000000..0a718a4
Binary files /dev/null and b/admin/src/app/assets/images/tools/sys_dict_list.png differ
diff --git a/admin/src/app/assets/images/tools/tools_Update_cache.png b/admin/src/app/assets/images/tools/tools_Update_cache.png
new file mode 100644
index 0000000..925c58d
Binary files /dev/null and b/admin/src/app/assets/images/tools/tools_Update_cache.png differ
diff --git a/admin/src/app/assets/images/tools/tools_check_environment.png b/admin/src/app/assets/images/tools/tools_check_environment.png
new file mode 100644
index 0000000..0a240ed
Binary files /dev/null and b/admin/src/app/assets/images/tools/tools_check_environment.png differ
diff --git a/admin/src/app/assets/images/tools/tools_schedule.png b/admin/src/app/assets/images/tools/tools_schedule.png
new file mode 100644
index 0000000..8c79958
Binary files /dev/null and b/admin/src/app/assets/images/tools/tools_schedule.png differ
diff --git a/admin/src/app/assets/images/two_type.png b/admin/src/app/assets/images/two_type.png
new file mode 100644
index 0000000..ee55536
Binary files /dev/null and b/admin/src/app/assets/images/two_type.png differ
diff --git a/admin/src/app/assets/images/versions.png b/admin/src/app/assets/images/versions.png
new file mode 100644
index 0000000..d384f46
Binary files /dev/null and b/admin/src/app/assets/images/versions.png differ
diff --git a/admin/src/app/assets/images/wechat-menu-head-bg.png b/admin/src/app/assets/images/wechat-menu-head-bg.png
new file mode 100644
index 0000000..2d87e11
Binary files /dev/null and b/admin/src/app/assets/images/wechat-menu-head-bg.png differ
diff --git a/admin/src/app/assets/images/wechat-menu-head-dark-bg.png b/admin/src/app/assets/images/wechat-menu-head-dark-bg.png
new file mode 100644
index 0000000..dde9c21
Binary files /dev/null and b/admin/src/app/assets/images/wechat-menu-head-dark-bg.png differ
diff --git a/admin/src/app/components/cloud-build/index.vue b/admin/src/app/components/cloud-build/index.vue
new file mode 100644
index 0000000..2b0eeed
--- /dev/null
+++ b/admin/src/app/components/cloud-build/index.vue
@@ -0,0 +1,272 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('cloudbuild.title')" width="850px" :close-on-click-modal="false"
+               :close-on-press-escape="false" :before-close="dialogClose">
+
+        <div v-show="active == 'build'" class="h-[60vh]" v-loading="loading">
+            <div class="h-[60vh] flex flex-col" v-if="cloudBuildCheck && !cloudBuildTask">
+                <el-scrollbar>
+                    <div class="bg-[#fff] my-3" v-if="cloudBuildCheck.dir">
+                        <p class="pt-[20px] pl-[20px] ">{{ t('cloudbuild.dirPermission') }}</p>
+                        <div class="px-[20px] pt-[10px] text-[14px] el-table">
+                            <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
+                                <el-col :span="12">
+                                    <span>{{ t('cloudbuild.path') }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span>{{ t('cloudbuild.demand') }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span>{{ t('status') }}</span>
+                                </el-col>
+                            </el-row>
+                            <el-row class="pb-[10px] items pl-[15px]"
+                                    v-for="item in cloudBuildCheck.dir.is_readable">
+                                <el-col :span="12">
+                                    <span>{{ item.dir }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span>{{ t('cloudbuild.readable') }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                    <span v-else>
+                                            <el-icon color="red">
+                                                <CloseBold />
+                                            </el-icon>
+                                        </span>
+                                </el-col>
+                            </el-row>
+                            <el-row class="pb-[10px] items pl-[15px]"
+                                    v-for="item in cloudBuildCheck.dir.is_write">
+                                <el-col :span="12">
+                                    <span>{{ item.dir }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span>{{ t('cloudbuild.write') }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                    <span v-else>
+                                            <el-icon color="red">
+                                                <CloseBold />
+                                            </el-icon>
+                                        </span>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </div>
+                </el-scrollbar>
+            </div>
+            <div class="h-[60vh]" v-show="cloudBuildTask">
+                <terminal ref="terminalRef" context="" :init-log="null" :show-header="false"
+                          :show-log-time="true" @exec-cmd="onExecCmd"/>
+            </div>
+        </div>
+
+        <div v-show="active == 'complete'">
+            <div class="h-[60vh] flex flex-col">
+                <div class="flex-1 h-0">
+                    <el-result icon="success" :title="t('cloudbuild.cloudbuildSuccess')"></el-result>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, h, watch } from 'vue'
+import { t } from '@/lang'
+import { getCloudBuildLog, getCloudBuildTask, cloudBuild, clearCloudBuildTask, preBuildCheck } from '@/app/api/cloud'
+import { Terminal, TerminalFlash } from 'vue-web-terminal'
+import 'vue-web-terminal/lib/theme/dark.css'
+import { AnyObject } from "@/types/global"
+import { ElNotification, ElMessageBox } from "element-plus"
+import {preUpgradeCheck} from "@/app/api/upgrade";
+
+const showDialog = ref<boolean>(false)
+const cloudBuildTask = ref<null | AnyObject>(null)
+const active = ref('build')
+const cloudBuildCheck = ref<null | AnyObject>(null)
+const loading = ref(false)
+const terminalRef = ref(null)
+const emits = defineEmits(['complete'])
+
+let cloudBuildLog = []
+/**
+ * 查询升级任务
+ */
+const getCloudBuildTaskFn = () => {
+    getCloudBuildTask().then(({ data }) => {
+        if (!data) return
+
+        cloudBuildTask.value = data
+
+        if (!showDialog.value) {
+            showElNotification()
+        }
+    }).catch()
+}
+getCloudBuildTaskFn()
+
+const getCloudBuildLogFn = () => {
+    getCloudBuildLog().then(res => {
+        if (!res.data) {
+            if (showDialog.value && cloudBuildLog.length) {
+                active.value = 'complete'
+                terminalRef.value.execute('clear')
+            }
+            notificationEl && notificationEl.close()
+            cloudBuildTask.value = null
+            return
+        }
+
+        const data = res.data.data ?? []
+        let error = ''
+
+        if (data[0] && data[0].length && showDialog.value) {
+            if (cloudBuildLog.length == 0) {
+                terminalRef.value.execute('clear')
+                terminalRef.value.execute('开始编译')
+            }
+
+            data[0].forEach(item => {
+                if (!cloudBuildLog.includes(item.action)) {
+                    terminalRef.value.pushMessage({ content: `正在执行：${item.action}` })
+                    cloudBuildLog.push(item.action)
+
+                    if (item.code == 0) {
+                        error = item.msg
+                        terminalRef.value.pushMessage({ content: item.msg, class: 'error' })
+                    }
+                }
+            })
+        }
+
+        if (error) return
+
+        setTimeout(() => {
+            getCloudBuildLogFn()
+        }, 2000)
+    }).catch()
+}
+
+let notificationEl : any = null
+/**
+ * 升级中任务提示
+ */
+const showElNotification = () => {
+    notificationEl = ElNotification.success({
+        title: t('warning'),
+        dangerouslyUseHTMLString: true,
+        message: h('div', {}, [
+            t('cloudbuild.executingTips'),
+            h('span', { class: 'text-primary cursor-pointer', onClick: elNotificationClick }, [t('cloudbuild.clickView')])
+        ]),
+        duration: 0,
+        showClose: false
+    })
+}
+
+const elNotificationClick = () => {
+    showDialog.value = true
+    active.value = 'build'
+    getCloudBuildLogFn()
+}
+
+const open = async () => {
+    showDialog.value = true
+    loading.value = true
+    active.value = 'build'
+
+    if (cloudBuildTask.value) {
+        loading.value = false
+        getCloudBuildLogFn()
+        return
+    }
+
+    preBuildCheck().then(async ({ data }) => {
+        if (data.is_pass) {
+            cloudBuild().then(({ data }) => {
+                loading.value = false
+                cloudBuildTask.value = data
+                getCloudBuildLogFn()
+            }).catch(() => {
+                showDialog.value = false
+            })
+        } else {
+            loading.value = false
+            cloudBuildCheck.value = data
+        }
+    }).catch(() => {
+        showDialog.value = false
+    })
+}
+
+/**
+ * 升级进度动画
+ */
+let flashInterval = null
+const terminalFlash = new TerminalFlash()
+const onExecCmd = (key, command, success, failed, name) => {
+    if (command == '开始编译') {
+        success(terminalFlash)
+        const frames = makeIterator(['/', '——', '\\', '|'])
+        flashInterval = setInterval(() => {
+            terminalFlash.flush('> ' + frames.next().value)
+        }, 150)
+    }
+}
+
+const makeIterator = (array: string[]) => {
+    var nextIndex = 0
+    return {
+        next() {
+            if ((nextIndex + 1) == array.length) {
+                nextIndex = 0
+            }
+            return { value: array[nextIndex++] }
+        }
+    }
+}
+
+const dialogClose = (done: () => {}) => {
+    if (active.value == 'cloudbuild' && cloudBuildTask.value) {
+        ElMessageBox.confirm(
+            t('cloudbuild.showDialogCloseTips'),
+            t('warning'),
+            {
+                confirmButtonText: t('confirm'),
+                cancelButtonText: t('cancel'),
+                type: 'warning'
+            }
+        ).then(() => {
+            done()
+        }).catch(() => { })
+    } else {
+        done()
+    }
+}
+
+watch(() => showDialog.value, () => {
+    if (!showDialog.value) {
+        active.value = 'build'
+        cloudBuildLog = []
+        flashInterval && clearInterval(flashInterval)
+        clearCloudBuildTask()
+    }
+})
+
+defineExpose({
+    open,
+    cloudBuildTask
+})
+</script>
+
+<style lang="scss" scoped>
+.table-head-bg {
+    background-color: var(--el-table-header-bg-color);
+}
+:deep(.terminal .t-log-box span) {
+    white-space: pre-wrap;
+}
+</style>
diff --git a/admin/src/app/components/upgrade/index.vue b/admin/src/app/components/upgrade/index.vue
new file mode 100644
index 0000000..f5091c5
--- /dev/null
+++ b/admin/src/app/components/upgrade/index.vue
@@ -0,0 +1,324 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('upgrade.title')" width="850px" :close-on-click-modal="false"
+               :close-on-press-escape="false" :before-close="dialogClose">
+
+        <div v-show="active == 'content'">
+
+            <div class="h-[60vh] flex flex-col" v-if="upgradeContent">
+                <div class="text-lg">
+                    本次升级将从<span class="font-bold">{{ upgradeContent.version }}</span>升级到<span class="font-bold">{{ upgradeContent.upgrade_version }}</span>版本
+                </div>
+                <div class="mt-[10px]" v-if="upgradeContent.upgrade_version != upgradeContent.last_version">
+                    <el-alert type="info" show-icon >
+                        <template #title>
+                            当前最新版本为{{ upgradeContent.last_version }}，您的服务已于{{ upgradeContent.expire_time }}到期。如需升级到最新版可在<a class="text-primary" href="https://www.niucloud.com" target="_blank">niucloud-admin官网</a>购买相关服务后再进行升级
+                        </template>
+                    </el-alert>
+                </div>
+                <el-scrollbar class="flex-1 h-0 mt-[20px]">
+                    <div class="mt-[20px]" v-for="(item, index) in upgradeContent.version_list" :key="index">
+                        <div class="font-bold text-lg">{{ item.version_no }}</div>
+                        <div class="mt-[5px]">{{ item.release_time }}</div>
+                        <div class="mt-[10px] p-[10px] rounded bg-[#f4f4f5] whitespace-pre" v-if="item.upgrade_log" v-html="item.upgrade_log"></div>
+                    </div>
+                </el-scrollbar>
+            </div>
+            <div class="flex justify-end">
+                <el-button type="primary" @click="handleUpgrade" :loading="uploading">{{ t('upgrade.upgradeButton') }}</el-button>
+            </div>
+        </div>
+
+        <div v-show="active == 'upgrade'">
+            <div class="h-[60vh] flex flex-col" v-if="upgradeCheck && !upgradeTask">
+                <el-scrollbar>
+                    <div class="bg-[#fff] my-3" v-if="upgradeCheck.dir">
+                        <p class="pt-[20px] pl-[20px] ">{{ t('upgrade.dirPermission') }}</p>
+                        <div class="px-[20px] pt-[10px] text-[14px] el-table">
+                            <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
+                                <el-col :span="12">
+                                    <span>{{ t('upgrade.path') }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span>{{ t('upgrade.demand') }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span>{{ t('status') }}</span>
+                                </el-col>
+                            </el-row>
+                            <el-row class="pb-[10px] items pl-[15px]"
+                                    v-for="item in upgradeCheck.dir.is_readable">
+                                <el-col :span="12">
+                                    <span>{{ item.dir }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span>{{ t('upgrade.readable') }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                    <span v-else>
+                                            <el-icon color="red">
+                                                <CloseBold />
+                                            </el-icon>
+                                        </span>
+                                </el-col>
+                            </el-row>
+                            <el-row class="pb-[10px] items pl-[15px]"
+                                    v-for="item in upgradeCheck.dir.is_write">
+                                <el-col :span="12">
+                                    <span>{{ item.dir }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span>{{ t('upgrade.write') }}</span>
+                                </el-col>
+                                <el-col :span="6">
+                                    <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                    <span v-else>
+                                            <el-icon color="red">
+                                                <CloseBold />
+                                            </el-icon>
+                                        </span>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </div>
+                </el-scrollbar>
+            </div>
+            <div class="h-[60vh]" v-show="upgradeTask">
+                <terminal ref="terminalRef" :context="upgradeTask ? upgradeTask.upgrade.app_key : ''" :init-log="null" :show-header="false"
+                          :show-log-time="true" @exec-cmd="onExecCmd"/>
+            </div>
+        </div>
+
+        <div v-show="active == 'complete'">
+            <div class="h-[60vh] flex flex-col">
+                <div class="flex-1 h-0">
+                    <el-result icon="success" :title="t('upgrade.upgradeSuccess')"></el-result>
+                    <el-alert :title="t('upgrade.upgradeCompleteTips')" type="error" :closable="false" />
+                </div>
+                <div class="flex justify-end">
+                    <el-button type="default" @click="showDialog = false">{{ t('upgrade.localBuild') }}</el-button>
+                    <el-button type="primary" @click="handleCloudBuild">{{ t('upgrade.cloudBuild') }}</el-button>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+
+    <cloud-build ref="cloudBuildRef" />
+</template>
+
+<script lang="ts" setup>
+import {ref, h, watch} from 'vue'
+import { t } from '@/lang'
+import { getUpgradeContent, getUpgradeTask, upgradeAddon, executeUpgrade, preUpgradeCheck, clearUpgradeTask } from '@/app/api/upgrade'
+import { Terminal, TerminalFlash } from 'vue-web-terminal'
+import 'vue-web-terminal/lib/theme/dark.css'
+import { AnyObject } from "@/types/global"
+import CloudBuild from '@/app/components/cloud-build/index.vue'
+import { ElNotification, ElMessage, ElMessageBox } from "element-plus"
+
+const showDialog = ref<boolean>(false)
+const upgradeContent = ref<null | AnyObject>(null)
+const upgradeTask = ref<null | AnyObject>(null)
+const active = ref('content')
+const upgradeCheck = ref<null | AnyObject>(null)
+const uploading = ref(false)
+const terminalRef = ref(null)
+const emits = defineEmits(['complete'])
+const cloudBuildRef = ref(null)
+
+let upgradeLog = []
+/**
+ * 查询升级任务
+ */
+const getUpgradeTaskFn = () => {
+    getUpgradeTask().then(({ data }) => {
+        if (!data) return
+
+        // 检测有没有正在进行中的升级任务
+        if (!showDialog.value) {
+            showElNotification()
+            return
+        }
+        if (!upgradeTask.value) {
+            terminalRef.value.execute('clear')
+            terminalRef.value.execute('开始升级')
+        }
+        data.log.forEach(item => {
+            if (!upgradeLog.includes(item)) {
+                terminalRef.value.pushMessage({content: `正在执行：${item}`})
+                upgradeLog.push(item)
+            }
+        })
+        // 安装失败
+        if (data.error) {
+            upgradeTask.value = data
+            ElMessage({ message: '升级失败', type: 'error' })
+            terminalRef.value.pushMessage({ content: data.error, class: 'error' })
+            return
+        }
+        // 安装完成
+        if (data.step == 'upgradeComplete') {
+            active.value = 'complete'
+            notificationEl && notificationEl.close()
+            emits('complete')
+            return
+        }
+        upgradeTask.value = data
+        executeUpgradeFn()
+    }).catch()
+}
+getUpgradeTaskFn()
+
+const executeUpgradeFn = () => {
+    executeUpgrade().then(() => {
+        getUpgradeTaskFn()
+    }).catch()
+}
+
+let notificationEl : any = null
+/**
+ * 升级中任务提示
+ */
+const showElNotification = () => {
+    notificationEl = ElNotification.success({
+        title: t('warning'),
+        dangerouslyUseHTMLString: true,
+        message: h('div', {}, [
+            t('upgrade.upgradingTips'),
+            h('span', { class: 'text-primary cursor-pointer', onClick: elNotificationClick }, [t('upgrade.clickView')])
+        ]),
+        duration: 0,
+        showClose: false
+    })
+}
+
+const elNotificationClick = () => {
+    showDialog.value = true
+    active.value = 'upgrade'
+    getUpgradeTaskFn()
+    notificationEl && notificationEl.close()
+}
+
+/**
+ * 执行升级
+ */
+const handleUpgrade = async () => {
+    if (uploading.value) return
+    uploading.value = true
+
+    const appKey = upgradeContent.value?.app.app_key != 'niucloud-admin' ? upgradeContent.value?.app.app_key : ''
+
+    await preUpgradeCheck(appKey)
+        .then(async ({ data }) => {
+            if (data.is_pass) {
+                await upgradeAddon(appKey).then(() => {
+                    getUpgradeTaskFn()
+                }).catch(() => {
+                    uploading.value = false
+                })
+            } else {
+                upgradeCheck.value = data
+            }
+        })
+        .catch()
+
+    if (uploading.value) active.value = 'upgrade'
+}
+
+const open = (addonKey: string = '') => {
+    if (upgradeTask.value) {
+        ElMessage({ message: '已有正在执行中的升级任务', type: 'error' })
+        showDialog.value = true
+        return
+    }
+    getUpgradeContent(addonKey).then(({ data }) => {
+        upgradeContent.value = data
+        if (!data.version_list.length) {
+            ElMessage({ message: '已经是最新版本了', type: 'error' })
+            return
+        }
+        showDialog.value = true
+    }).catch()
+}
+
+/**
+ * 升级进度动画
+ */
+let flashInterval = null
+const terminalFlash = new TerminalFlash()
+const onExecCmd = (key, command, success, failed, name) => {
+    if (command == '开始升级') {
+        success(terminalFlash)
+        const frames = makeIterator(['/', '——', '\\', '|'])
+        flashInterval = setInterval(() => {
+            terminalFlash.flush('> ' + frames.next().value)
+        }, 150)
+    }
+}
+
+const makeIterator = (array: string[]) => {
+    var nextIndex = 0
+    return {
+        next() {
+            if ((nextIndex + 1) == array.length) {
+                nextIndex = 0
+            }
+            return { value: array[nextIndex++] }
+        }
+    }
+}
+
+const dialogClose = (done: () => {}) => {
+    if (active.value == 'upgrade' && upgradeTask.value && !upgradeTask.value.error) {
+        ElMessageBox.confirm(
+            t('upgrade.showDialogCloseTips'),
+            t('warning'),
+            {
+                confirmButtonText: t('confirm'),
+                cancelButtonText: t('cancel'),
+                type: 'warning'
+            }
+        ).then(() => {
+            done()
+        }).catch(() => { })
+    } else {
+        done()
+    }
+}
+
+watch(() => showDialog.value, () => {
+    if (!showDialog.value) {
+        clearUpgradeTaskFn()
+    }
+})
+
+const clearUpgradeTaskFn = () => {
+    active.value = 'content'
+    uploading.value = false
+    upgradeTask.value = null
+    upgradeLog = []
+    flashInterval && clearInterval(flashInterval)
+    clearUpgradeTask().then(() => {}).catch()
+}
+
+/**
+ * 云编译
+ */
+const handleCloudBuild = () => {
+    showDialog.value = false
+    cloudBuildRef.value?.open()
+}
+
+defineExpose({
+    open
+})
+</script>
+
+<style lang="scss" scoped>
+.table-head-bg {
+    background-color: var(--el-table-header-bg-color);
+}
+:deep(.terminal .t-log-box span) {
+    white-space: pre-wrap;
+}
+</style>
diff --git a/admin/src/app/lang/en/403.json b/admin/src/app/lang/en/403.json
new file mode 100644
index 0000000..7bd9b15
--- /dev/null
+++ b/admin/src/app/lang/en/403.json
@@ -0,0 +1,3 @@
+{
+    "tips": "Your account permissions are insufficient. Please contact the administrator to add permissions!"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/en/auth.menu.json b/admin/src/app/lang/en/auth.menu.json
new file mode 100644
index 0000000..c729593
--- /dev/null
+++ b/admin/src/app/lang/en/auth.menu.json
@@ -0,0 +1,21 @@
+{
+    "menuName": "Menu name",
+    "menuType": "Type",
+    "authId": "Permission ID",
+    "menuTypeDir": "Dir",
+    "menuTypeMenu": "Menu",
+    "menuTypeButton": "Button",
+    "menuDeleteTips": "Are you sure you want to delete this menu?",
+    "addMenu": "Add menu",
+    "updateMenu": "Update menu",
+    "routePath": "Route path",
+    "viewPath": "Component path",
+    "parentMenu": "Parent menu",
+    "menuIcon": "Menu Icon",
+    "menuNamePlaceholder": "Please enter a menu name",
+    "routePathPlaceholder": "Please enter routing path",
+    "viewPathPlaceholder": "Please enter the component path",
+    "authIdPlaceholder": "Please enter Permission id",
+    "selectIconPlaceholder": "Please select the menu icon",
+    "topLevel": "top-level"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/en/index.json b/admin/src/app/lang/en/index.json
new file mode 100644
index 0000000..a2ad72c
--- /dev/null
+++ b/admin/src/app/lang/en/index.json
@@ -0,0 +1,25 @@
+{
+    "todayData": "today's data",
+    "memberNumb": "number of member",
+    "numberOfSites": "number of sites",
+    "numberOfVisitors": "number of visitors",
+    "commonlyUsedFunction": "commonly used function",
+    "articleList": "article list",
+    "memberManagement": "member management",
+    "balanceAccount": "balance account",
+    "administrator": "administrator",
+    "WebDecoration": "website decoration",
+    "accessMessage": "access message",
+    "memberDistribution": "membership distribution",
+    "systemInfo": "system environment",
+    "os": "os",
+    "phpVersions": "php version number",
+    "productionEnvironment": "production environment",
+    "versionsInfo": "version information",
+    "versions": "current version",
+    "frame": "framework based",
+    "channel": "access channel",
+    "serviceSupport": "service support",
+    "officialWbsite": "official website",
+    "pageView": "page view"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/en/login.json b/admin/src/app/lang/en/login.json
new file mode 100644
index 0000000..1db5f73
--- /dev/null
+++ b/admin/src/app/lang/en/login.json
@@ -0,0 +1,7 @@
+{
+    "title": "Niucloud Vite Management side",
+    "login": "Login",
+    "logging": "Logging",
+    "userPlaceholder": "Please enter your account number",
+    "passwordPlaceholder": "Please enter your password"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/en/member.member.json b/admin/src/app/lang/en/member.member.json
new file mode 100644
index 0000000..685eea5
--- /dev/null
+++ b/admin/src/app/lang/en/member.member.json
@@ -0,0 +1,26 @@
+{
+      "channel":"logon mode",
+      "nickname":"Name of member",
+      "mobile":"mobile",
+      "createTime":"creation time",
+      "updateTime":"Update time",
+      "addMember":"add member",
+      "updateMember":"edit member",
+      "nickNamePlaceholder":"Please enter the member name",
+      "mobilePlaceholder":"Please enter your mobile phone number",
+      "channelPlaceholder":"Please select a registration type",
+      "memberDeleteTips" : "Are you sure you want to delete this member?",
+      "detail": "detail",
+      "edit": "edit",
+      "startDate": "start time",
+      "endDate": "end time",
+      "essentialInfo": "essential information",
+      "accountInfo": "account information",
+      "registeredSource": "registered source",
+      "memberLabel": "Member label",
+      "urserName": "user name",
+      "point": "point",
+      "balance": "balance",
+      "growth": "growth"
+
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/en/user.center.json b/admin/src/app/lang/en/user.center.json
new file mode 100644
index 0000000..f392b6f
--- /dev/null
+++ b/admin/src/app/lang/en/user.center.json
@@ -0,0 +1,14 @@
+{
+    "headImg": "head",
+    "realName": "name",
+    "originalPassword": "original password",
+    "password": "new password",
+    "passwordCopy": "confirm password",
+    "passwordTip": "This parameter is mandatory when changing the password. Leave a blank if you do not change the password",
+    "realNamePlaceholder": "Please enter the user name",
+    "headImgPlaceholder": "Please enter the user profile picture",
+    "originalPasswordPlaceholder": "Please enter the original password",
+    "passwordPlaceholder": "Please enter a new password",
+    "save": "save",
+    "cancel": "cancel"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/403.json b/admin/src/app/lang/zh-cn/403.json
new file mode 100644
index 0000000..237b256
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/403.json
@@ -0,0 +1,3 @@
+{
+    "tips": "您的账号权限不足，请联系管理员添加权限！"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/app.authorize.json b/admin/src/app/lang/zh-cn/app.authorize.json
new file mode 100644
index 0000000..faddbbe
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/app.authorize.json
@@ -0,0 +1,18 @@
+{
+	"companyName": "授权主体",
+	"siteAddress": "授权域名",
+	"contactName": "授权联系人",
+	"authCode": "授权码",
+	"authSecret": "授权秘钥",
+	"createTime": "授权时间",
+	"expireTime": "到期时间",
+	"authApp": "授权应用",
+	"authAppKey": "应用标识",
+	"siteAddressTips": "授权域名不匹配",
+	"authCodePlaceholder": "请输入授权码",
+	"authSecretPlaceholder": "请输入授权秘钥",
+	"updateCode": "重新绑定",
+	"notHaveAuth": "还没有授权？去购买",
+	"authInfoTips": "授权码和授权秘钥可在Niucloud官网我的授权 授权详情中查看",
+	"cloudBuildTips": "是否要进行云编译该操作可能会影响到正在访问的客户是否要继续操作？"
+}
diff --git a/admin/src/app/lang/zh-cn/app.index.json b/admin/src/app/lang/zh-cn/app.index.json
new file mode 100644
index 0000000..d48f750
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/app.index.json
@@ -0,0 +1,5 @@
+{
+    "appName": "应用名称",
+    "appNamePlaceholder": "请输入应用名称",
+    "emptyAppData": "暂无应用"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/app.store.json b/admin/src/app/lang/zh-cn/app.store.json
new file mode 100644
index 0000000..16bdb99
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/app.store.json
@@ -0,0 +1,67 @@
+{
+	"search":"搜索应用名称",
+	"appName":"应用名/版本信息",
+	"introduction":"简介",
+	"type":"类型",
+	"app":"应用",
+	"addon":"插件",
+	"noPlug":"暂无应用",
+	"install":"安装",
+	"unload":"卸载",
+	"installLabel":"已安装",
+	"uninstalledLabel":"未安装",
+	"version":"版本",
+	"title":"名称",
+	"desc":"简介",
+	"plugDetail": "插件信息",
+	"author":  "作者",
+	"detail":"详情",
+	"addonInstall": "插件安装",
+	"dirPermission": "目录读写权限",
+	"path": "路径",
+	"demand": "要求",
+	"readable": "可读",
+	"write": "可写",
+	"packageManageTool": "包管理工具",
+	"name": "名称",
+	"addonInstallSuccess": "插件安装成功",
+	"envCheck": "环境检查",
+	"installProgress": "安装进度",
+	"installComplete": "安装完成",
+	"localAppText":"插件管理",
+	"marketAppText":"官方市场",
+	"installShowDialogCloseTips": "安装任务尚未完成，关闭将取消安装任务，是否要继续关闭？",
+	"marketDevelopMessage":"官方市场正在开发中！",
+	"jobError": "任务队列未启动 请在服务端源码部署目录打开终端执行 php think queue:listen",
+	"conflictFiles": "冲突文件",
+	"process": "启动进程",
+	"open": "开启",
+	"down": "下载",
+	"addonVersion": "插件版本",
+	"versionCode": "版本号",
+	"createTime": "发布时间",
+	"buyLabel": "已购买",
+	"installTips": "安装后需手动更新插件引用的依赖和编译各个端口的前端源码",
+	"localInstall":"本地安装",
+	"cloudInstall": "一键云安装",
+	"cloudInstallTips": "云安装可实现一键安装，安装后无需手动更新依赖和编译前端源码",
+	"installingTips": "有插件正在安装中请等待安装完成之后再进行其他操作，点击查看",
+	"installPercent": "安装进度",
+	"downloading": "下载中",
+	"authTips": "云安装需先绑定授权码，如果已有授权请先进行绑定，没有授权可到niucloud官网购买云服务之后再进行操作",
+	"toBind": "绑定授权",
+	"toNiucloud": "去niucloud官网",
+	"descriptionLeft": "暂无任何应用，马上去",
+	"link": "官方应用市场",
+	"descriptionRight": "逛逛",
+	"installed-empty": "暂未安装任何应用，请先安装",
+	"siteAddressTips": "授权域名不匹配",
+	"authCodePlaceholder": "请输入授权码",
+	"authSecretPlaceholder": "请输入授权秘钥",
+	"updateCode": "重新绑定",
+	"notHaveAuth": "还没有授权？去购买",
+	"authInfoTips": "授权码和授权秘钥可在Niucloud官网我的授权 授权详情中查看",
+	"addonUninstall": "插件卸载",
+	"appIdentification":"应用标识",
+	"tipText":"标识指开发应用或插件的文件夹名称"
+}
diff --git a/admin/src/app/lang/zh-cn/auth.log.json b/admin/src/app/lang/zh-cn/auth.log.json
new file mode 100644
index 0000000..65ec54a
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/auth.log.json
@@ -0,0 +1,19 @@
+{
+    "ip":"登录IP",
+    "username":"管理员姓名",
+    "url":"链接",
+    "detail": "详情",
+    "params":"参数",
+    "type":"请求方式",
+    "createTime":"操作时间",
+    "ipPlaceholder":"请输入登录IP",
+    "uidPlaceholder":"请输入管理员id",
+    "usernamePlaceholder":"请输入管理员姓名",
+    "urlPlaceholder":"请输入链接",
+    "paramsPlaceholder":"请输入参数",
+    "typePlaceholder":"请输入请求方式",
+    "createTimePlaceholder":"请输入操作时间",
+    "addSysUserLog":"添加管理员操作记录表",
+    "updateSysUserLog":"编辑管理员操作记录表",
+    "sys_user_logDeleteTips":"确定要删除该管理员操作记录表吗？"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/auth.menu.json b/admin/src/app/lang/zh-cn/auth.menu.json
new file mode 100644
index 0000000..fa33bdd
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/auth.menu.json
@@ -0,0 +1,28 @@
+{
+    "menuName": "菜单名称",
+    "menuType": "类型",
+    "authId": "api路径",
+    "menuTypeDir": "目录",
+    "menuTypeMenu": "菜单",
+    "menuTypeButton": "按钮",
+    "menuDeleteTips": "删除菜单会删除当前菜单以及该菜单下所有子菜单，是否确认删除？",
+    "addMenu": "添加菜单",
+    "updateMenu": "编辑菜单",
+    "routePath": "路由路径",
+    "viewPath": "组件路径",
+    "addon":"选择应用",
+    "parentMenu": "父级菜单",
+    "menuIcon": "菜单图标",
+    "sort":"权重",
+    "menuKey":"权限标识",
+    "menuNamePlaceholder": "请输入菜单名称",
+    "menuKeyPlaceholder": "请输入权限标识",
+    "menuKeyValidata":"菜单标识只能使用字母数字下划线并且开头不能为数字",
+    "routePathPlaceholder": "请输入路由路径",
+    "viewPathPlaceholder": "请输入组件路径",
+    "authIdPlaceholder": "请输入api路径",
+    "selectIconPlaceholder": "请选择菜单图标",
+    "topLevel": "顶级",
+    "menuShortName":"菜单短标题",
+    "menuShortNamePlaceholder":"请输入菜单短标题"
+}
diff --git a/admin/src/app/lang/zh-cn/auth.role.json b/admin/src/app/lang/zh-cn/auth.role.json
new file mode 100644
index 0000000..68de808
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/auth.role.json
@@ -0,0 +1,11 @@
+{
+    "addRole": "新增角色",
+    "updateRole": "编辑角色",
+    "roleName": "角色名称",
+    "roleDeleteTips": "确定要删除该角色吗？",
+    "roleNamePlaceholder": "请输入角色名称",
+    "rulesPlaceholder": "请选择权限",
+    "checkStrictly": "父子级不关联",
+    "permission": "权限",
+    "foldText":"展开/折叠"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/auth.site_menu.json b/admin/src/app/lang/zh-cn/auth.site_menu.json
new file mode 100644
index 0000000..d3cced0
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/auth.site_menu.json
@@ -0,0 +1,30 @@
+{
+    "menuName": "菜单名称",
+    "menuType": "类型",
+    "authId": "权限标识",
+    "menuTypeDir": "目录",
+    "menuTypeMenu": "菜单",
+    "menuTypeButton": "按钮",
+    "menuDeleteTips": "确定要删除该菜单吗？",
+    "addMenu": "添加菜单",
+    "updateMenu": "编辑菜单",
+    "routePath": "路由路径",
+    "viewPath": "组件路径",
+    "parentMenu": "父级菜单",
+    "menuIcon": "菜单图标",
+    "sort":"权重",
+    "menuKey":"菜单标识",
+    "menuNamePlaceholder": "请输入菜单名称",
+    "menuKeyPlaceholder": "请输入菜单标识",
+    "menuKeyValidata":"菜单标识只能使用字母数字下划线并且开头不能为数字",
+    "routePathPlaceholder": "请输入路由路径",
+    "viewPathPlaceholder": "请输入组件路径",
+    "authIdPlaceholder": "请输入权限标识",
+    "selectIconPlaceholder": "请选择菜单图标",
+    "topLevel": "顶级",
+    "menuShortName":"菜单短标题",
+    "menuShortNamePlaceholder":"请输入菜单短标题",
+    "addon":"选择应用",
+    "system":"系统菜单",
+    "application":"应用菜单"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/auth.user.json b/admin/src/app/lang/zh-cn/auth.user.json
new file mode 100644
index 0000000..53a95f6
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/auth.user.json
@@ -0,0 +1,32 @@
+{
+    "addUser": "新增管理员",
+    "updateUser": "编辑管理员",
+    "userRealName": "姓名",
+    "lastLoginTime": "最后登录时间",
+    "lastLoginIP": "最后登录IP",
+    "accountNumberPlaceholder": "请输入账号",
+    "passwordPlaceholder": "请输入密码",
+    "confirmPasswordPlaceholder": "请再次确认密码",
+    "userRealNamePlaceholder": "请输入姓名",
+    "confirmPasswordError": "两次输入的密码不一致",
+    "userRoleName": "角色",
+    "administrator":"超级管理员",
+    "userRolePlaceholder": "请选择角色",
+    "lock":"锁定",
+    "unlock":"解锁",
+    "status":"用户状态",
+    "statusUnlock":"正常",
+    "statusLock":"锁定",
+    "adminDisabled":"超级管理员不可编辑",
+    "userUnlockTips":"确定要解锁该管理员吗？",
+    "userLockTips":"确定要锁定该管理员吗？",
+	"userType": "用户类型",
+	"adminAdministrators": "平台管理员",
+	"siteAdministrators": "站点管理员",
+	"userTypePlaceholder": "请选择用户类型",
+	"siteAdministratorsDisabled": "站点管理员不可编辑",
+    "manager": "用户",
+    "managerPlaceholder": "请选择用户",
+    "managerTips": "选择或者新增用户作为管理员",
+    "newAddManager": "新增用户"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.aliapp.access.json b/admin/src/app/lang/zh-cn/channel.aliapp.access.json
new file mode 100644
index 0000000..ac6c3c9
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.aliapp.access.json
@@ -0,0 +1,23 @@
+{
+	"weappAccessFlow": "接入流程",
+	"title": "支付宝小程序",
+	"weappInlet": "支付宝小程序接入流程",
+	"weappAttestation": "支付宝小程序认证",
+	"weappAttest": "点击注册打开支付宝小程序官方,注册支付宝小程序后点击企业认证，申请之后等待支付宝官方审核",
+	"clickAccess": "点击注册",
+	"clickAccess2":"扫描二维码进入支付宝小程序",
+	"clickAccess3": "没有小程序马上注册",
+	"weappSetting": "支付宝小程序配置",
+	"weappSettingBtn": "点击配置支付宝小程序",
+	"uploadVersion": "上传小程序",
+	"emplace": "支付宝小程序认证之后按照官方提供的手册进行配置",
+	"settingInfo": "配置信息",
+	"releaseCourse": "版本管理中存放上传的支付宝小程序历更版本，通过uniapp版本编译小程序然后打包上传提交",
+	"completeAccess": "提交审核",
+	"wechatAccess": "提交uniapp对应版本，可以通过支付宝小程序查看版本的审核进度，审核成功后就可以使用了",
+	"wechatAccessBtn": "查看审核进度",
+	"wechatSet": "小程序配置",
+	"subscribeMessage": "订阅消息",
+	"weappRelease": "版本管理",
+	"alert":"您正在体验通用版小程序，不发布你将不可用"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.aliapp.config.json b/admin/src/app/lang/zh-cn/channel.aliapp.config.json
new file mode 100644
index 0000000..2ea7d76
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.aliapp.config.json
@@ -0,0 +1,34 @@
+{
+    "aliappSet": "小程序设置",
+    "aliappName": "小程序名称",
+    "aliappOriginal": "APPID",
+    "aliappQrcode": "小程序二维码",
+    "aliappQrcodeTips": "建议尺寸上传430px*430px宽高的二维码",
+    "aliappAppid": "应用私钥",
+    "aliappAppsecret": "开发者密码",
+    "downloadUrl": "downloadFile合法域名",
+    "aliappInfo": "小程序信息",
+    "aliappDevelopInfo": "开发设置",
+    "theServerSetting": "接口内容加密设置",
+    "functionSetting": "服务器配置信息",
+    "encryptionType": "消息加解密方式",
+    "compatibleMode": "兼容模式",
+    "safeMode": "安全模式（推荐）",
+    "aliappNamePlaceholder": "请输入小程序名称",
+    "aliappOriginalPlaceholder": "请输入APPID",
+    "appidPlaceholder": "请输入应用私钥",
+    "tokenPlaceholder": "请输入Token",
+    "encodingAesKeyPlaceholder": "请输入EncodingAESKey",
+    "countersignType": "接口加签方式",
+    "certificate": "证书",
+    "publicKey": "应用公钥证书",
+    "alipayPublicKey": "支付宝公钥证书",
+    "alipayWithCrt": "支付宝根证书",
+    "publicKeyTips": "上传appCertPublicKey_***.crt文件",
+    "alipayPublicKeyTips": "上传alipayCertPublicKey_RSA2.crt文件",
+    "alipayWithCrtTips": "上传alipayRootCert.crt文件",
+    "AESKey": "AES秘钥",
+    "serveWhiteList": "服务器域名白名单",
+    "AESKeyPlaceholder": "请输入AES秘钥"
+    
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.aliapp.course.json b/admin/src/app/lang/zh-cn/channel.aliapp.course.json
new file mode 100644
index 0000000..d63cf9b
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.aliapp.course.json
@@ -0,0 +1,10 @@
+{
+	"alipayCourseTipsOne1": "登录",
+    "alipayCourseTipsOne2": "支付宝开放平台open.alipay.com",
+	"alipayCourseTipsOne3": "选择小程序应用，没有需先创建。点击进入小程序",
+	"alipayCourseTipsTwo1": "先在小程序内进行产品绑定和开发配置， 绑定下图内这些产品",
+	"alipayCourseTipsTwo2": "获取会员手机号需进行申请",
+	"alipayCourseTipsThree1": "配置开发配置，配置接口加签方式，接口加签方式选择证书",
+	"alipayCourseTipsThree2": "配置接口内容加密方式",
+	"alipayCourseTipsThree3": "配置服务器域名白名单可在商城后台支付宝配置中复制"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.h5.config.json b/admin/src/app/lang/zh-cn/channel.h5.config.json
new file mode 100644
index 0000000..0b38985
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.h5.config.json
@@ -0,0 +1,7 @@
+{
+    "isOpen": "是否开启",
+    "h5DomainName": "h5域名",
+    "clickVisit": "点击访问",
+    "H5Info": "h5配置信息"
+    
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.pc.config.json b/admin/src/app/lang/zh-cn/channel.pc.config.json
new file mode 100644
index 0000000..5a7a331
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.pc.config.json
@@ -0,0 +1,8 @@
+{
+    "pcInfo": "电脑端信息",
+    "preview": "预览图",
+    "copy": "复制",
+    "clickVisit": "点击访问",
+    "PCDomainName": "pc域名",
+    "newInfo": "最新消息"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.weapp.access.json b/admin/src/app/lang/zh-cn/channel.weapp.access.json
new file mode 100644
index 0000000..d3012f1
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.weapp.access.json
@@ -0,0 +1,23 @@
+{
+	"weappAccessFlow": "接入流程",
+	"title": "微信小程序",
+	"weappInlet": "微信小程序接入流程",
+	"weappAttestation": "微信小程序认证",
+	"weappAttest": "点击注册打开微信小程序官方,注册微信小程序后点击企业认证，申请之后等待微信官方审核",
+	"clickAccess": "点击注册",
+	"clickAccess2": "扫描二维码进入小程序",
+	"clickAccess3": "没有小程序马上注册",
+	"weappSetting": "微信小程序配置",
+	"weappSettingBtn": "点击配置微信小程序",
+	"uploadVersion": "上传小程序",
+	"emplace": "微信小程序认证之后按照官方提供的手册进行配置",
+	"settingInfo": "配置信息",
+	"releaseCourse": "版本管理中存放上传的微信小程序历更版本，通过uniapp版本编译小程序然后打包上传提交",
+	"completeAccess": "提交审核",
+	"wechatAccess": "提交uniapp对应版本，可以通过微信小程序查看版本的审核进度，审核成功后就可以使用了",
+	"wechatAccessBtn": "查看审核进度",
+	"wechatSet": "小程序配置",
+	"subscribeMessage": "订阅消息",
+	"weappRelease": "版本管理",
+	"alert":"您正在体验通用版小程序，不发布你将不可用"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.weapp.code.json b/admin/src/app/lang/zh-cn/channel.weapp.code.json
new file mode 100644
index 0000000..24d9324
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.weapp.code.json
@@ -0,0 +1,42 @@
+{
+	"operatePrompt": "操作提示",
+	"operatePromptTipsOne": "下载之后需使用微信开发者工具上传代码，微信开发者工具下载地址",
+	"operatePromptTipsTwo": "上传之后登录微信公众平台，在版本管理中选择刚上传的版本提交审核，审核通过之后即可发布小程序。",
+	"weappName": "小程序名称",
+	"weappId": "小程序ID",
+	"weappOriginalId": "小程序原始ID",
+	"weappInfo": "小程序信息",
+	"versionCode": "小程序代码",
+	"version": "版本",
+	"down": "下载",
+	"codeDown": "代码下载",
+	"downWeappCode": "下载代码",
+	"weappTips": "请先完善小程序配置",
+	"codeDownOneTips": "下载小程序代码包",
+	"codeDownTwoDesc": "上传代码",
+	"codeDownTwoTips": "下载完成之后，使用微信开发工具进行上传",
+	"codeDownThreeDesc": "发布小程序",
+	"codeDownThreeTips": "上传之后提交审核，审核通过发布小程序",
+	"weappVersion": "小程序版本",
+	"close": "关闭",
+	"code":"版本号",
+	"codePlaceholder":"请输入版本号",
+	"path":"小程序代码",
+	"pathPlaceholder":"请上传小程序代码",
+	"content":"版本说明",
+	"weappAccessFlow": "接入流程",
+    "subscribeMessage": "订阅消息",
+    "weappRelease": "版本管理",
+	"contentPlaceholder":"请输入版本说明",
+	"uploadingTips": "小程序代码上传中",
+	"status": "状态",
+	"preview": "预览",
+	"authTips": "上传代码需先绑定授权码，如果已有授权请先进行绑定，没有授权可到niucloud官网购买云服务之后再进行操作",
+	"toBind": "绑定授权",
+	"toNiucloud": "去niucloud官网",
+	"failReason": "失败原因：",
+	"toSetting": "去配置",
+	"cloudRelease": "一键云端发布",
+	"localRelease": "本地发布",
+	"localInsertTips": "请先将uni-app编译成微信小程序，然后使用微信开发者工具进行上传"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.weapp.config.json b/admin/src/app/lang/zh-cn/channel.weapp.config.json
new file mode 100644
index 0000000..cbc5317
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.weapp.config.json
@@ -0,0 +1,38 @@
+{
+    "weappName": "小程序名称",
+    "weappOriginal": "小程序原始ID",
+    "weappQrcode": "小程序二维码",
+    "weappQrcodeTips": "建议尺寸上传430px*430px宽高的二维码",
+    "weappAppid": "AppID(小程序ID)",
+    "weappAppidTips": "AppID是小程序开发识别码，配合AppSecret可调用小程序的接口能力。",
+    "weappAppsecret": "AppSecret(小程序密钥)",
+    "weappAppsecretTips": "AppSecret是校验小程序开发者身份的密钥，具有极高的安全性",
+    "businessDomain": "业务域名",
+    "requestUrl": "request合法域名",
+    "socketUrl": "socket合法域名",
+    "uploadUrl": "uploadFile合法域名",
+    "downloadUrl": "downloadFile合法域名",
+    "weappInfo": "小程序信息",
+    "weappDevelopInfo": "小程序开发信息",
+    "theServerSetting": "消息推送配置",
+    "functionSetting": "服务器域名设置",
+    "tokenTips": "必须为英文或数字，长度为3-32字符。",
+    "encodingAESKeyTips": "消息加密密钥由43位字符组成，可随机修改，字符范围为A-Z，a-z，0-9。",
+    "encryptionType": "消息加解密方式",
+    "cleartextMode": "明文模式",
+    "compatibleMode": "兼容模式",
+    "safeMode": "安全模式（推荐）",
+    "weappNamePlaceholder": "请输入小程序名称",
+    "weappOriginalPlaceholder": "请输入小程序原始ID",
+    "appidPlaceholder": "请输入开发者ID",
+    "appSecretPlaceholder": "请输入开发者密码",
+    "tokenPlaceholder": "请输入Token",
+    "encodingAesKeyPlaceholder": "请输入EncodingAESKey",
+    "cleartextModeTips": "明文模式下，不使用消息体加解密功能，安全系数较低",
+    "compatibleModeTips": "兼容模式下，明文、密文将共存，方便开发者调试和维护",
+    "safeModeTips": "安全模式下，消息包为纯密文，需要开发者加密和解密，安全系数高",
+    "weappUpload": "小程序代码上传",
+    "uploadKey": "上传密钥",
+    "uploadKeyTips": "配置之后可实现在线上传小程序版本",
+    "uploadIpTips": "如果小程序代码上传开启了ip白名单设置，在ip白名单中添加ip："
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.weapp.course.json b/admin/src/app/lang/zh-cn/channel.weapp.course.json
new file mode 100644
index 0000000..ed02d56
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.weapp.course.json
@@ -0,0 +1,10 @@
+{
+	"writingTipsOne1": "登录--",
+	"writingTipsOne2": "微信公众平台mp.weixin.qq.com",
+	"writingTipsOne3": "基本配置中，找到【设置--基本设置】,查看小程序是否认证，没有认证需要先进行认证",
+	"writingTipsTwo1": "再在【开发-开发管理-开发设置】中，配置开发者ID 里面的【IP白名单】，修改后保存。",
+	"writingTipsThree1": "在【开发-开发管理-开发设置】中，配置",
+	"writingTipsThree2": "request合法域名/ socket合法域名/ uploadFile合法域名/ downloadFile合法域名/ udp合法域名",
+	"writingTipsFour1": "在【开发-开发管理-开发设置】中，将",
+	"writingTipsFour2": "对应填写至服务器配置"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.weapp.template.json b/admin/src/app/lang/zh-cn/channel.weapp.template.json
new file mode 100644
index 0000000..3153e3f
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.weapp.template.json
@@ -0,0 +1,22 @@
+{
+    "name": "类型",
+    "response": "回复内容",
+    "isStart": "是否启用",
+    "serialNumber": "编号",
+    "operation": "操作",
+    "operationTip": "温馨提示",
+    "operationTipOne": "请在小程序的服务类目中添加类目：一级类目：商业服务 二级类目：软件/建站/技术开发",
+    "operationTipTwo": "小程序最多支持50个消息模板获取时请注意小程序剩余模板数量是否充足",
+    "buyerNews": "买家消息",
+    "sellerMessage": "卖家消息",
+    "started": "启用",
+    "closed": "禁用",
+    "close": "关闭",
+    "open": "开启",
+    "regain": "重新获取",
+    "weappAccessFlow": "接入流程",
+    "subscribeMessage": "订阅消息",
+    "weappRelease": "版本管理",
+    "batchAcquisition": "一键获取"
+
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.wechat.access.json b/admin/src/app/lang/zh-cn/channel.wechat.access.json
new file mode 100644
index 0000000..43dd5cc
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.wechat.access.json
@@ -0,0 +1,19 @@
+{
+	"wechatAccessFlow": "接入流程",
+	"title": "微信公众号",
+	"wechatInlet": "微信公众号接入流程",
+	"wechatAttestation": "微信公众号认证",
+	"wechatAttestation1": "点击接入打开微信公众号官方,注册微信公众号后申请服务号认证，申请之后等待微信官方审核",
+	"clickAccess": "点击接入",
+	"wechatSetting": "微信公众号配置",
+	"wechatSetting1": "微信公众号认证之后配置微信公众号连接，具体查看配置与发布教程",
+	"settingInfo": "点击配置",
+	"wechatAccess": "微信公众号发布",
+	"releaseCourse": "发布教程",
+	"completeAccess": "完成接入",
+	"wechatSet": "公众号配置",
+	"customMenu": "自定义菜单",
+	"wechatAccessBtn": "查看审核进度",
+	"clickAccess2":"扫描二维码进入微信公众号",
+	"wechatTemplate": "模板消息"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.wechat.config.json b/admin/src/app/lang/zh-cn/channel.wechat.config.json
new file mode 100644
index 0000000..a86663f
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.wechat.config.json
@@ -0,0 +1,33 @@
+{
+    "wechatName": "公众号名称",
+    "wechatOriginal": "公众号原始ID",
+    "wechatQrcode": "公众号二维码",
+    "wechatQrcodeTips": "建议尺寸上传430px*430px宽高的二维码",
+    "wechatAppid": "开发者ID",
+    "wechatAppidTips": "开发者ID是公众号开发识别码，配合开发者密码可调用公众号的接口能力。",
+    "wechatAppsecret": "开发者密码",
+    "wechatAppsecretTips": "开发者密码是校验公众号开发者身份的密码，具有极高的安全性",
+    "businessDomain": "业务域名",
+    "jsSecureDomain": "JS接口安全域名",
+    "webAuthDomain": "网页授权域名",
+    "wechatInfo": "公众号信息",
+    "wechatDevelopInfo": "公众号开发信息",
+    "theServerSetting": "消息推送配置",
+    "functionSetting": "功能设置",
+    "functionSettingTips" : "在微信公众平台中，点击 设置与开发>公众号设置>功能设置，设置业务域名 JS接口安全域名 网页授权域名",
+    "tokenTips": "必须为英文或数字，长度为3-32字符。",
+    "encodingAESKeyTips": "消息加密密钥由43位字符组成，可随机修改，字符范围为A-Z，a-z，0-9。",
+    "encryptionType": "消息加解密方式",
+    "cleartextMode": "明文模式",
+    "compatibleMode": "兼容模式",
+    "safeMode": "安全模式（推荐）",
+    "wechatNamePlaceholder": "请输入公众号名称",
+    "wechatOriginalPlaceholder": "请输入公众号原始ID",
+    "appidPlaceholder": "请输入开发者ID",
+    "appSecretPlaceholder": "请输入开发者密码",
+    "tokenPlaceholder": "请输入Token",
+    "encodingAesKeyPlaceholder": "请输入EncodingAESKey",
+    "cleartextModeTips": "明文模式下，不使用消息体加解密功能，安全系数较低",
+    "compatibleModeTips": "兼容模式下，明文、密文将共存，方便开发者调试和维护",
+    "safeModeTips": "安全模式下，消息包为纯密文，需要开发者加密和解密，安全系数高"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.wechat.course.json b/admin/src/app/lang/zh-cn/channel.wechat.course.json
new file mode 100644
index 0000000..75d182b
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.wechat.course.json
@@ -0,0 +1,10 @@
+{
+	"writingTipsOne1": "登录",
+	"writingTipsOne2": "微信公众平台mp.weixin.qq.com",
+	"writingTipsOne3": "基本配置中，找到【服务器配置--修改配置】, 将",
+	"writingTipsOne4": "对应填写至服务器配置",
+	"writingTipsOne5": "填写完成之后提交。返回服务器配置，点击【启用】, 启用服务器配置。",
+	"writingTipsTwo1": "再在基本配置中，选择【IP白名单】，修改后保存。",
+	"writingTipsThree1": "进入【设置-公众号设置】，选择【功能设置】，",
+	"writingTipsThree2": "依次配置业务域名/ JS接口安全域名/网页授权域名"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.wechat.menu.json b/admin/src/app/lang/zh-cn/channel.wechat.menu.json
new file mode 100644
index 0000000..f4886bf
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.wechat.menu.json
@@ -0,0 +1,23 @@
+{
+    "menuNameInfo": "菜单信息",
+    "subMenuNameInfo": "子菜单信息",
+    "menuNameTips": "仅支持中英文和数字，字数不超过4个汉字或8个字母。",
+    "subMenuNameTips": "仅支持中英文和数字，字数不超过8个汉字或16个字母。",
+    "menuName": "名称",
+    "deleteMemu": "删除菜单",
+    "deleteMemuTips": "删除后，菜单下设置的内容全部将被删除",
+    "messageType": "消息类型",
+    "skipWebpage": "跳转网页",
+    "skipWeapp": "跳转小程序",
+    "webpageUrl": "网页链接",
+    "weappAppid": "小程序Appid",
+    "weappPage": "小程序页面路径",
+    "menuNamePlaceholder": "请输入菜单名称",
+    "webpageUrlPlaceholder": "请输入网页链接",
+    "weappAppidPlaceholder": "请输入小程序Appid",
+    "weappPagePlaceholder": "请输入小程序页面路径",
+    "wechatAccessFlow": "接入流程",
+    "customMenu": "自定义菜单",
+    "wechatTemplate": "模板消息",
+    "menusEmptyTips": "空菜单，不能保存与发布。"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/channel.wechat.template.json b/admin/src/app/lang/zh-cn/channel.wechat.template.json
new file mode 100644
index 0000000..24550d4
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/channel.wechat.template.json
@@ -0,0 +1,25 @@
+{
+  "name": "类型",
+  "messageType": "消息类型",
+  "isStart": "是否启用",
+  "serialNumber": "编号",
+  "operation": "操作",
+  "operationTip": "温馨提示",
+  "operationTipOne": "请将微信公众平台的服务类目选择为：商业服务——>软件/建站/技术开发，生活服务——>百货/超市/便利店，工具—>信息查询，所选行业不一致将会导致模板消息不可用。",
+  "operationTipTwo": "公众号可设置20个服务类目，每月只能修改5次,请谨慎选择。",
+  "operationTipThree": "公众号最多支持25个模板消息获取时请注意公众号剩余模板数量是否充足",
+  "operationTipFour": "所需跳转到的小程序必须与发模板消息的公众号是绑定关联关系，暂不支持小游戏",
+  "buyerNews": "买家消息",
+  "sellerMessage": "卖家消息",
+  "started": "启用",
+  "closed": "禁用",
+  "close": "关闭",
+  "open": "开启",
+  "response": "回复内容",
+  "regain": "重新获取",
+  "batchAcquisition": "一键获取",
+  "wechatAccessFlow": "接入流程",
+  "customMenu": "自定义菜单",
+  "wechatTemplate": "模板消息",
+  "id": "id"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/decorate.edit.json b/admin/src/app/lang/zh-cn/decorate.edit.json
new file mode 100644
index 0000000..c80ec21
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/decorate.edit.json
@@ -0,0 +1,123 @@
+{
+  "developTitle": "开发环境配置",
+  "wapDomain": "wap域名（WAP_DOMAIN）",
+  "wapDomainPlaceholder": "请输入wap域名",
+  "pageSet": "页面设置",
+  "tabEditContent": "内容",
+  "tabEditStyle": "样式",
+  "pageStyle": "页面样式",
+  "pageContent": "页面内容",
+  "pageName": "页面名称",
+  "pageNamePlaceholder": "请输入页面名称",
+  "pageBgColor": "页面颜色",
+  "bgUrl": "背景图片",
+  "marginSet": "边距设置",
+  "componentStyleTitle": "组件样式",
+  "bottomBgColor": "底部背景",
+  "bottomBgTips": "底部背景包含边距和圆角",
+  "componentBgColor": "组件背景",
+  "marginTop": "上边距",
+  "marginBottom": "下边距",
+  "marginBoth": "左右边距",
+  "topRounded": "上圆角",
+  "bottomRounded": "下圆角",
+  "warmPrompt": "温馨提示",
+  "leavePageTitleTips": "确定离开此页面？",
+  "leavePageContentTips": "系统可能不会保存您所做的更改。",
+  "decorating": "正在装修",
+  "moveUpComponent": "上移",
+  "moveDownComponent": "下移",
+  "copyComponent": "复制",
+  "delComponent": "删除",
+  "resetComponent": "重置",
+  "tabbar": "底部导航",
+  "tabbarSwitchTips": "此处控制当前页面底部导航菜单是否显示",
+  "link": "链接地址",
+  "delComponentTips": "确定要删除吗？",
+  "notCopy": "无法复制",
+  "componentCanOnlyAdd": "组件只能添加",
+  "piece": "个",
+  "resetComponentTips": "确认要重置组件默认数据吗？",
+  "image": "图片上传",
+  "imageUpload": "图片上传",
+  "imageSet": "图片设置",
+  "imageAdsTips": "建议上传尺寸相同的图片，推荐尺寸750*350",
+  "addImageAd": "添加图片",
+  "imageUrlTip": "请上传图片",
+  "imageHeight": "图片高度",
+  "imageHeightPlaceholder": "请输入图片高度",
+  "imageHeightRegNum": "图片高度格式错误，请输入数字",
+  "articleData": "文章数据",
+  "articleStyle": "文章样式",
+  "articleBgColor": "文章背景",
+  "dataSources": "数据来源",
+  "defaultSources": "默认",
+  "manualSelectionSources": "手动选择",
+  "articleNum": "文章数量",
+  "selectPlaceholder": "请选择",
+  "selectArticleTips": "文章选择",
+  "articleTitle": "标题",
+  "articleImage": "封面",
+  "articleCategoryName": "栏目",
+  "articleSummary": "摘要",
+  "selected": "已选",
+  "selectArticleTip": "请选择文章",
+  "graphicNavModeTitle": "导航模式",
+  "layoutMode": "排版模式",
+  "layoutModeHorizontal": "横排",
+  "layoutModeVertical": "竖排",
+  "graphicNavSelectMode": "选择模式",
+  "graphicNavModeGraphic": "图文导航",
+  "graphicNavModeImg": "图片导航",
+  "graphicNavModeText": "文字导航",
+  "graphicNavImageSet": "图片设置",
+  "graphicNavImageSize": "图片大小",
+  "graphicNavAroundRadius": "图片圆角",
+  "graphicNavShowStyle": "展示风格",
+  "graphicNavStyleFixed": "固定显示",
+  "graphicNavStyleSingleSlide": "单行滑动",
+  "graphicNavStylePageSlide": "分页滑动",
+  "graphicNavRowCount": "每行数量",
+  "graphicNavPageCount": "每行数量",
+  "graphicNavSetLabel": "导航设置",
+  "line": "行",
+  "graphicNavTips": "建议上传尺寸相同的图片，推荐尺寸60*60",
+  "graphicNavTitle": "标题",
+  "graphicNavTitlePlaceholder": "请输入标题",
+  "addGraphicNav": "添加导航",
+  "blankHeightSet": "高度设置",
+  "blankHeight": "空白高度",
+  "styleSet": "风格设置",
+  "titleStyle": "标题样式",
+  "selectStyle": "风格选择",
+  "titleContent": "标题内容",
+  "title": "标题名称",
+  "titlePlaceholder": "请输入标题",
+  "textAlign": "对齐方式",
+  "textAlignLeft": "居左",
+  "textAlignCenter": "居中",
+  "textSet": "文字设置",
+  "textFontSize": "文字大小",
+  "textFontWeight": "文字粗细",
+  "fontWeightBold": "加粗",
+  "fontWeightNormal": "常规",
+  "textColor": "文字颜色",
+  "subTitleContent": "标题内容",
+  "subTitle": "副标题",
+  "subTitlePlaceholder": "请输入副标题",
+  "moreContent": "“更多”按钮内容",
+  "more": "文字",
+  "morePlaceholder": "请输入文字",
+  "moreIsShow": "是否显示",
+  "memberStyle": "会员样式",
+  "template": "模板",
+  "imageGap": "图片间隙",
+  "rubikCubeStyle": "魔方样式",
+  "hotArea": "热区",
+  "hotAreaSet": "热区设置",
+  "addHotArea": "添加热区",
+  "selectedAfterHotArea": "个热区",
+  "hotAreaManage": "热区管理",
+  "selectedHotArea": "请选择热区",
+  "hotAreaLink": "的链接地址"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/decorate.preview.json b/admin/src/app/lang/zh-cn/decorate.preview.json
new file mode 100644
index 0000000..b706dee
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/decorate.preview.json
@@ -0,0 +1,12 @@
+{
+  "preview": "预览",
+  "weapp": "微信小程序",
+  "wechat": "微信公众号",
+  "link": "链接",
+  "copy": "复制",
+  "copySuccess": "复制成功",
+  "weappNotSet": "小程序未配置",
+  "developTitle": "开发环境配置",
+  "wapDomain": "wap域名（WAP_DOMAIN）",
+  "wapDomainPlaceholder": "请输入wap域名"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/dict.list.json b/admin/src/app/lang/zh-cn/dict.list.json
new file mode 100644
index 0000000..0d8d795
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/dict.list.json
@@ -0,0 +1,23 @@
+{
+      "name":"字典名称",
+      "namePlaceholder":"请输入字典名称",
+      "key":"字典关键词",
+      "keyPlaceholder":"请输入字典关键词",
+      "data":"字典数据",
+      "dataPlaceholder":"请输入字典数据",
+      "memo":"备注",
+      "memoPlaceholder":"请输入备注",
+      "addDict":"添加数据字典",
+      "updateDict":"编辑数据字典",
+      "dictDeleteTips":"确定要删除该数据吗？",
+      "dictData":"数据管理",
+      "addDictData":"添加数据",
+      "editDictData":"编辑数据",
+      "dataName":"数据名称",
+      "dataNamePlaceholder":"请输入数据名称",
+      "dataValue":"数据值",
+      "dataValuePlaceholder":"请输入数据值",
+      "sortPlaceholder":"数值越大越排前",
+      "momePlaceholder":"请输入备注",
+      "createTime":"创建时间"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/diy.edit.json b/admin/src/app/lang/zh-cn/diy.edit.json
new file mode 100644
index 0000000..4142ac2
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/diy.edit.json
@@ -0,0 +1,192 @@
+{
+  "templatePagePlaceholder": "选择模板",
+  "templatePageEmpty": "无",
+  "changeTemplatePageTips":"切换模板后，当前页面内容将被替换且不被保存，请谨慎操作",
+  "developTitle": "开发环境配置",
+  "wapDomain": "wap域名（WAP_DOMAIN）",
+  "wapDomainPlaceholder": "请输入wap域名",
+  "pageSet": "页面设置",
+  "tabEditContent": "内容",
+  "tabEditStyle": "样式",
+  "pageStyle": "页面样式",
+  "pageContent": "页面内容",
+  "pageName": "页面名称",
+  "pageNamePlaceholder": "请输入页面名称",
+  "pageBgColor": "页面颜色",
+  "bgUrl": "背景图片",
+  "marginSet": "边距设置",
+  "componentStyleTitle": "组件样式",
+  "bottomBgColor": "底部背景",
+  "bottomBgTips": "底部背景包含边距和圆角",
+  "componentBgColor": "组件背景",
+  "marginTop": "上边距",
+  "marginBottom": "下边距",
+  "marginBoth": "左右边距",
+  "topRounded": "上圆角",
+  "bottomRounded": "下圆角",
+  "warmPrompt": "温馨提示",
+  "leavePageTitleTips": "确定离开此页面？",
+  "leavePageContentTips": "系统可能不会保存您所做的更改。",
+  "decorating": "正在装修",
+  "preview": "保存并预览",
+  "moveUpComponent": "上移",
+  "moveDownComponent": "下移",
+  "copyComponent": "复制",
+  "delComponent": "删除",
+  "resetComponent": "重置",
+  "tabbar": "底部导航",
+  "tabbarSwitchTips": "此处控制当前页面底部导航菜单是否显示",
+  "link": "链接地址",
+  "delComponentTips": "确认要删除当前组件吗？",
+  "notCopy": "无法复制",
+  "componentCanOnlyAdd": "组件只能添加",
+  "piece": "个",
+  "resetComponentTips": "确认要重置组件默认数据吗？",
+  "image": "图片上传",
+  "imageUpload": "图片上传",
+  "imageSet": "图片设置",
+  "imageAdsTips": "建议上传尺寸相同的图片，推荐尺寸750*350",
+  "addImageAd": "添加图片",
+  "imageUrlTip": "请上传图片",
+  "imageHeight": "图片高度",
+  "imageHeightPlaceholder": "请输入图片高度",
+  "imageHeightRegNum": "图片高度格式错误，请输入数字",
+  "articleData": "文章数据",
+  "articleStyle": "文章样式",
+  "articleBgColor": "文章背景",
+  "dataSources": "数据来源",
+  "defaultSources": "默认",
+  "manualSelectionSources": "手动选择",
+  "articleNum": "文章数量",
+  "selectPlaceholder": "请选择",
+  "selectArticleTips": "文章选择",
+  "articleTitle": "标题",
+  "articleImage": "封面",
+  "articleCategoryName": "栏目",
+  "articleSummary": "摘要",
+  "selected": "已选",
+  "selectArticleTip": "请选择文章",
+  "graphicNavModeTitle": "导航模式",
+  "layoutMode": "排版模式",
+  "layoutModeHorizontal": "横排",
+  "layoutModeVertical": "竖排",
+  "graphicNavSelectMode": "选择模式",
+  "graphicNavModeGraphic": "图文导航",
+  "graphicNavModeImg": "图片导航",
+  "graphicNavModeText": "文字导航",
+  "graphicNavImageSet": "图片设置",
+  "graphicNavImageSize": "图片大小",
+  "graphicNavAroundRadius": "图片圆角",
+  "graphicNavShowStyle": "展示风格",
+  "graphicNavStyleFixed": "固定显示",
+  "graphicNavStyleSingleSlide": "单行滑动",
+  "graphicNavStylePageSlide": "分页滑动",
+  "graphicNavRowCount": "每行数量",
+  "graphicNavPageCount": "每行数量",
+  "graphicNavSetLabel": "导航设置",
+  "line": "行",
+  "graphicNavTips": "建议上传尺寸相同的图片，推荐尺寸60*60",
+  "graphicNavTitle": "标题",
+  "graphicNavTitlePlaceholder": "请输入标题",
+  "subGraphicNavTitle": "副标题",
+  "subGraphicNavTitlePlaceholder": "请输入副标题",
+  "subGraphicNavTitleLink": "副标题链接",
+  "addGraphicNav": "添加导航",
+  "blankHeightSet": "高度设置",
+  "blankHeight": "空白高度",
+  "styleSet": "风格设置",
+  "titleStyle": "标题样式",
+  "selectStyle": "风格选择",
+  "titleContent": "标题内容",
+  "title": "标题名称",
+  "titlePlaceholder": "请输入标题",
+  "textAlign": "对齐方式",
+  "textAlignLeft": "居左",
+  "textAlignCenter": "居中",
+  "textSet": "文字设置",
+  "textFontSize": "文字大小",
+  "textFontWeight": "文字粗细",
+  "fontWeightBold": "加粗",
+  "fontWeightNormal": "常规",
+  "textColor": "文字颜色",
+  "subTextColor": "副标题颜色",
+  "subTitleContent": "标题内容",
+  "subTitle": "副标题",
+  "subTitlePlaceholder": "请输入副标题",
+  "moreContent": "“更多”按钮内容",
+  "more": "文字",
+  "morePlaceholder": "请输入文字",
+  "moreIsShow": "是否显示",
+  "memberStyle": "会员样式",
+  "template": "模板",
+  "imageGap": "图片间隙",
+  "rubikCubeStyle": "魔方样式",
+  "rubikCubeLayout": "魔方布局",
+  "hotArea": "热区",
+  "hotAreaSet": "热区设置",
+  "hotAreaBackground": "热区背景",
+  "addHotArea": "添加热区",
+  "clickSet": "点击设置",
+  "selectedAfterHotArea": "个热区",
+  "hotAreaManage": "热区管理",
+  "selectedHotArea": "请选择热区",
+  "hotAreaLink": "的链接地址",
+  "addonListSet": "应用设置",
+  "addonListTips": "应用选择",
+  "selectAddonTips": "请选择应用",
+  "addonTitle": "应用名称",
+  "addonDesc": "应用描述",
+  "addonIcon": "应用图标",
+  "selectAddon": "选择应用",
+  "addAddon": "添加应用",
+  "travel": "旅游",
+  "tickets": "门票",
+  "hotel": "酒店",
+  "travelNum": "线路数量",
+  "ticketsNum": "景点数量",
+  "hotelNum": "酒店数量",
+  "serve": "项目",
+  "serveNum": "项目数量",
+  "card": "卡项",
+  "cardNum": "卡项数量",
+  "isSet": "会员设置",
+  "isMemberCode": "会员码",
+  "show": "显示",
+  "hideen": "隐藏",
+  "nicknameStyle": "昵称样式",
+  "UIDStyle": "UID样式",
+  "accountStyle": "积分/余额样式",
+  "accountNumberColor": "数值颜色",
+  "accountNumberWeight": "数值粗细",
+  "goodsCategoryTitle":"商品分类",
+  "customGoods":"手动选择",
+  "goodsNum":"商品数量",
+  "selectCategory":"选择分类",
+  "categoryName": "分类名称",
+  "categoryImage": "分类图片",
+  "selectSource": "选择数据源",
+  "goodsSelectPopupSelectGoodsButton": "选择商品",
+  "goodsSelectPopupSelect": "已选",
+  "goodsSelectPopupPiece": "个",
+  "goodsSelectPopupSelectGoodsDialog": "商品选择",
+  "goodsSelectPopupAllGoods": "全部商品",
+  "goodsSelectPopupSelectedGoods": "已选商品",
+  "goodsSelectPopupGoodsName": "商品名称",
+  "goodsSelectPopupGoodsNamePlaceholder": "请输入商品名称",
+  "goodsSelectPopupGoodsCategory": "商品分类",
+  "goodsSelectPopupGoodsCategoryPlaceholder": "全部",
+  "goodsSelectPopupGoodsType": "商品类型",
+  "goodsSelectPopupGoodsTypePlaceholder": "请选择商品类型",
+  "goodsSelectPopupGoodsInfo": "商品",
+  "goodsSelectPopupPrice": "价格",
+  "goodsSelectPopupStock": "库存",
+  "goodsSelectPopupBeforeTip": "已选择",
+  "goodsSelectPopupAfterTip": "个商品",
+  "goodsSelectPopupClearGoods": "取消选择",
+  "goodsSelectPopupGoodsMinTip": "所选商品数量不能少于",
+  "goodsSelectPopupGoodsMaxTip": "所选商品数量不能超过",
+  "confirm": "确定",
+  "cancel": "取消"
+
+  
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/diy.index.json b/admin/src/app/lang/zh-cn/diy.index.json
new file mode 100644
index 0000000..12c473e
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/diy.index.json
@@ -0,0 +1,12 @@
+{
+  "decorate": "装修",
+  "changePage": "设置",
+  "preview": "预览",
+  "developTitle": "开发环境配置",
+  "wapDomain": "wap域名（WAP_DOMAIN）",
+  "wapDomainPlaceholder": "请输入wap域名",
+  "settingTips": "点击查看如何配置",
+  "link": "链接",
+  "copy": "复制",
+  "scanQRCodeOnRight": "扫描右侧二维码查看"
+}
diff --git a/admin/src/app/lang/zh-cn/diy.list.json b/admin/src/app/lang/zh-cn/diy.list.json
new file mode 100644
index 0000000..8b008a8
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/diy.list.json
@@ -0,0 +1,33 @@
+{
+  "title": "页面名称",
+  "typeName": "页面类型",
+  "forAddon": "所属插件",
+  "addPageTips": "创建新页面",
+  "pageTypePlaceholder": "请选择页面类型",
+  "nameMax": "名称不能超过12个字符",
+  "status": "状态",
+  "updateTime": "更新时间",
+  "use": "使用",
+  "isUse": "使用中",
+  "unused": "未使用",
+  "all": "全部",
+  "wapUrl": "wap链接",
+  "weappUrl": "小程序链接",
+  "shareLink": "分享链接",
+  "copy": "复制",
+  "copySuccess": "复制成功",
+  "titlePlaceholder": "请输入页面名称",
+  "addDiyPage": "添加页面",
+  "diyPageDeleteTips": "确定要删除该自定义页面吗？",
+  "promote": "推广",
+  "share": "分享",
+  "shareSet": "分享设置",
+  "sharePage": "分享页面",
+  "wechat": "微信公众号",
+  "weapp": "微信小程序",
+  "shareTitle": "分享标题",
+  "shareTitlePlaceholder": "请输入分享标题",
+  "shareDesc": "分享描述",
+  "shareDescPlaceholder": "请输入分享描述",
+  "shareImageUrl": "分享图片"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/diy.member.json b/admin/src/app/lang/zh-cn/diy.member.json
new file mode 100644
index 0000000..86c6e79
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/diy.member.json
@@ -0,0 +1,13 @@
+{
+  "decorate": "装修",
+  "changePage": "设置",
+  "preview": "预览",
+  "pageSelectTips": "页面选择",
+  "developTitle": "开发环境配置",
+  "wapDomain": "wap域名（WAP_DOMAIN）",
+  "wapDomainPlaceholder": "请输入wap域名",
+  "settingTips": "点击查看如何配置",
+  "link": "链接",
+  "copy": "复制",
+  "scanQRCodeOnRight": "扫描右侧二维码查看"
+}
diff --git a/admin/src/app/lang/zh-cn/diy.preview.json b/admin/src/app/lang/zh-cn/diy.preview.json
new file mode 100644
index 0000000..b69d5ec
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/diy.preview.json
@@ -0,0 +1,13 @@
+{
+  "preview": "预览",
+  "h5": "H5",
+  "weapp": "微信小程序",
+  "wechat": "微信公众号",
+  "link": "链接",
+  "copy": "复制",
+  "copySuccess": "复制成功",
+  "weappNotSet": "小程序未配置",
+  "developTitle": "开发环境配置",
+  "wapDomain": "wap域名（WAP_DOMAIN）",
+  "wapDomainPlaceholder": "请输入wap域名"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/diy.route.json b/admin/src/app/lang/zh-cn/diy.route.json
new file mode 100644
index 0000000..175a8b4
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/diy.route.json
@@ -0,0 +1,22 @@
+{
+  "title": "页面名称",
+  "forAddon": "所属插件",
+  "all": "全部",
+  "wapUrl": "wap链接",
+  "weappUrl": "小程序链接",
+  "shareLink": "分享链接",
+  "copy": "复制",
+  "copySuccess": "复制成功",
+  "titlePlaceholder": "请输入页面名称",
+  "promote": "推广",
+  "share": "分享",
+  "shareSet": "分享设置",
+  "sharePage": "分享页面",
+  "wechat": "微信公众号",
+  "weapp": "微信小程序",
+  "shareTitle": "分享标题",
+  "shareTitlePlaceholder": "请输入分享标题",
+  "shareDesc": "分享描述",
+  "shareDescPlaceholder": "请输入分享描述",
+  "shareImageUrl": "分享图片"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/diy.tabbar.json b/admin/src/app/lang/zh-cn/diy.tabbar.json
new file mode 100644
index 0000000..97c4815
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/diy.tabbar.json
@@ -0,0 +1,4 @@
+{
+  "title": "插件名称",
+  "key": "插件标识"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/diy.tabbar_edit.json b/admin/src/app/lang/zh-cn/diy.tabbar_edit.json
new file mode 100644
index 0000000..80526f1
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/diy.tabbar_edit.json
@@ -0,0 +1,30 @@
+{
+  "leastTwoNav": "至少添加2个导航",
+  "pleaseUpload": "请上传第[",
+  "pleaseEnter": "请输入第[",
+  "pleaseChoose": "请选择第[",
+  "navIcon": "]个图标",
+  "navSelectIcon": "]个选中图标",
+  "navTitle": "]个导航标题",
+  "navLink": "]个导航链接",
+  "backgroundColor": "背景颜色",
+  "imageText": "图文",
+  "image": "图片",
+  "text": "文字",
+  "textColor": "文字颜色",
+  "textSelectColor": "文字选中颜色",
+  "reset": "重置",
+  "navType": "导航类型",
+  "styleSet": "样式设置",
+  "addnav": "添加导航",
+  "navLinkOne": "导航链接",
+  "navTitleOne": "导航标题",
+  "titleContent": "请输入标题内容",
+  "navIconOne": "导航图标",
+  "navImage": "导航图片",
+  "editing": "正在编辑",
+  "bottomNav": "底部导航",
+  "bottomNavHint": "设置至少添加2个导航，最多添加5个导航",
+  "uploadImgUnselected": "未选中",
+  "uploadImgSelected": "选中"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/finance.account.json b/admin/src/app/lang/zh-cn/finance.account.json
new file mode 100644
index 0000000..3039180
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/finance.account.json
@@ -0,0 +1,27 @@
+{
+    "id":"主键",
+    "accountDetail":"账单详情",
+    "detail":"详情",
+    "type":"账单类型",
+    "money":"账单金额",
+    "moneyPlaceholder":"请输入账单金额",
+    "tradeNo":"账单编号",
+    "tradeNoPlaceholder":"请输入账单编号",
+    "createTime":"账单日期",
+    "totalPay":"累计收款（元）",
+    "totalRefund":"累计退款（元）",
+    "totalTransfer":"累计转账（元）",
+	"accountType": "请选择账单类型",
+	"startDate": "开始时间",
+	"endDate": "结束时间",
+	"transferNo" : "转账单号",
+	"transferTime": "转账时间",
+	"transferType": "转账类型",
+	"transferMoney": "转账金额",
+	"transferRemark": "转账说明",
+	"outTradeNo": "单号",
+	"refundMoney": "退款金额",
+	"failReason": "退款说明",
+	"body": "说明",
+	"all": "全部"
+}
diff --git a/admin/src/app/lang/zh-cn/finance.cash_out.json b/admin/src/app/lang/zh-cn/finance.cash_out.json
new file mode 100644
index 0000000..fdd439c
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/finance.cash_out.json
@@ -0,0 +1,48 @@
+{
+      "orderNo":"订单编号",
+      "orderStatus":"订单状态",
+      "orderNoPlaceholder":"请输入订单编号",
+      "createTime":"创建时间",
+      "rechargeMoney":"充值金额",
+      "totalTransfered":"累计提现（元）",
+      "totalCashOuting":"提现中（元）",
+      "transfered":"累计提现",
+      "cashOuting":"提现中",
+      "orderMoney":"订单金额",
+      "member":"买家",
+      "orderFromName":"订单来源",
+      "payTypeName":"支付方式",
+      "startDate":"开始时间",
+      "endDate":"结束时间",
+      "namePlaceholder":"请选择",
+      "applyTime":"申请时间",
+      "cashOutStatus":"提现状态",
+      "actualTransferAmount":"实际转账金额",
+      "cashOutCommission":"提现手续费",
+      "applicationForWithdrawalAmount":"申请提现金额",
+      "cashOutMethod":"提现方式",
+      "cashOutAccountType":"会员账户",
+      "memberInfo":"会员信息",
+      "toBeReviewed":"待审核",
+      "toBeTransferred":"待转账",
+      "transferred":"已转账",
+      "turnDown":"拒绝",
+      "transfer": "转账",
+      "detail": "详情",
+      "auditFailure": "审核失败",
+      "successfulAudit": "审核成功",
+      "rejectionAudit": "拒绝审核",
+      "reasonsRefusal": "拒绝理由",
+      "reasonsRefusalPlaceholder": "请输入拒绝理由",
+      "isTransfer": "是否确认转账",
+      "nickname":"会员名称",
+      "headimg":"会员头像",
+      "cashOutDetail":"提现详情",
+      "cashOutMoney": "转账金额",
+	"auditTime": "审核时间",
+	"transferTime": "转账时间",
+	"memberInfoPlaceholder":"请输入会员名称/会员昵称/手机号",
+	"cashOutNumber": "提现单号",
+	"cashOutNumberPlaceholder": "请输入提现单号"
+      
+}
diff --git a/admin/src/app/lang/zh-cn/finance.offlinepay.json b/admin/src/app/lang/zh-cn/finance.offlinepay.json
new file mode 100644
index 0000000..edfd911
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/finance.offlinepay.json
@@ -0,0 +1,18 @@
+{
+    "money":"支付金额",
+    "outTradeNo": "交易流水号",
+    "voucher": "支付凭证",
+    "body": "支付内容",
+    "pass": "通过",
+    "refuse": "拒绝",
+    "refuseReason": "拒绝原因",
+    "passTips": "确认要通过该支付单据吗？",
+    "startDate": "开始时间",
+	"endDate": "结束时间",
+    "outTradeNoPlaceholder":"请输入交易流水号",
+    "detail": "详情",
+    "waitAudit": "待审核",
+    "passed": "已通过",
+    "notPass": "未通过",
+    "all": "全部"
+}
diff --git a/admin/src/app/lang/zh-cn/finance.pay_detail.json b/admin/src/app/lang/zh-cn/finance.pay_detail.json
new file mode 100644
index 0000000..9af723c
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/finance.pay_detail.json
@@ -0,0 +1,18 @@
+{
+    "pass": "通过",
+    "refuse": "拒绝",
+    "refuseReason": "拒绝原因",
+    "passTips": "确认要通过该支付单据吗？",
+    "outTradeNo": "交易单号",
+    "createTime": "交易时间",
+    "money": "交易金额",
+    "body": "交易内容",
+    "channel": "支付场景",
+    "payStatus": "支付状态",
+    "payType": "支付方式",
+    "payTime": "支付时间",
+    "failTime": "失败时间",
+    "failReason": "失败原因",
+    "voucher": "支付凭证",
+    "auditVoucher": "审核支付凭证"
+}
diff --git a/admin/src/app/lang/zh-cn/finance.pay_refund.json b/admin/src/app/lang/zh-cn/finance.pay_refund.json
new file mode 100644
index 0000000..0b186fa
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/finance.pay_refund.json
@@ -0,0 +1,10 @@
+{
+	"refundNo": "退款编号",
+	"refundMoney": "退款金额",
+	"payType": "支付类型",
+	"status": "退款状态",
+	"createTime": "申请时间",
+	"refundNoPlaceholder": "请输入退款编号",
+	"startDate": "开始时间",
+	"endDate": "结束时间"
+}	
diff --git a/admin/src/app/lang/zh-cn/finance.refund_detail.json b/admin/src/app/lang/zh-cn/finance.refund_detail.json
new file mode 100644
index 0000000..a3c072a
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/finance.refund_detail.json
@@ -0,0 +1,16 @@
+{
+	"refundNo": "退款编号",
+	"refundMoney": "退款金额",
+	"payType": "支付类型",
+	"status": "退款状态",
+	"createTime": "申请时间",
+	"refundNoPlaceholder": "请输入退款编号",
+	"startDate": "开始时间",
+	"endDate": "结束时间",
+	"outTradeNo": "交易流水号",
+	"refundTypeName": "退款方式",
+	"statusName": "退款状态",
+	"transfer": "转账",
+	"transferType": "转账方式",
+	"voucher": "凭证"
+}	
diff --git a/admin/src/app/lang/zh-cn/index.app_manage.json b/admin/src/app/lang/zh-cn/index.app_manage.json
new file mode 100644
index 0000000..43119f8
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/index.app_manage.json
@@ -0,0 +1,10 @@
+{
+  "app": "应用中心",
+  "descriptionLeft": "暂无安装任何应用,请点击",
+  "link": "安装应用",
+  "descriptionRight": "安装使用",
+  "niucloud": "Niucloud官网",
+  "appStore": "安装应用",
+  "versionInfo":"版本信息:",
+  "currentVersion":"当前版本"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/index.index.json b/admin/src/app/lang/zh-cn/index.index.json
new file mode 100644
index 0000000..41c3acd
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/index.index.json
@@ -0,0 +1,51 @@
+{
+	"dataSummarize": "数据概况",
+    "todayData": "今日数据",
+    "memberNumb": "新增会员数",
+    "orderMoney": "订单金额",
+    "numberOfSites": "站点数量",
+    "numberOfVisitors": "今日访客数",
+    "commonlyUsedFunction": "常用功能",
+    "articleList": "文章列表",
+    "memberManagement": "会员管理",
+    "balanceAccount": "余额账户",
+    "administrator": "站点用户",
+    "WebDecoration": "网站装修",
+    "accessMessage": "访问消息",
+    "memberDistribution": "会员分布",
+    "systemInfo": "系统环境",
+    "os": "操作系统:",
+    "phpVersions": "PHP版本号:",
+    "productionEnvironment": "生产环境:",
+    "versionsInfo": "版本信息",
+    "versions": "当前版本",
+    "frame": "基于框架",
+    "channel": "获取渠道",
+    "serviceSupport": "官方客服",
+    "officialWbsite": "官网",
+    "pageView": "访问量",
+    "siteInfo":"站点信息",
+    "siteName":"站点名称",
+    "groupName":"站点套餐",
+    "expireTime":"过期时间",
+    "permanent":"永久",
+    "statusName":"站点状态",
+	"newSiteSum": "新增站点数",
+	"total": "总计",
+	"newMemberSum": "新增用户数",
+	"siteList": "站点列表",
+	"sitePackage": "站点套餐",
+	"newSite": "新增站点",
+	"appMarketplace": "应用市场",
+	"siteDistribution": "站点分布",
+	"normalSiteSum": "正常站点（个）",
+	"expireSiteSum": "过期站点（个）",
+	"noInstallAppSun": "未安装应用（个）",
+	"installAppSun": "已安装应用（个）",
+	"officialAccount": "Niucloud官方公众号",
+	"officialAccountDesc": "微信扫码关注",
+	"WeCom": "客服二维码",
+	"WeComDesc": "扫码联系客服",
+	"tel": "服务热线：",
+    "newVersion": "最新版本"
+}
diff --git a/admin/src/app/lang/zh-cn/index.preview.json b/admin/src/app/lang/zh-cn/index.preview.json
new file mode 100644
index 0000000..b706dee
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/index.preview.json
@@ -0,0 +1,12 @@
+{
+  "preview": "预览",
+  "weapp": "微信小程序",
+  "wechat": "微信公众号",
+  "link": "链接",
+  "copy": "复制",
+  "copySuccess": "复制成功",
+  "weappNotSet": "小程序未配置",
+  "developTitle": "开发环境配置",
+  "wapDomain": "wap域名（WAP_DOMAIN）",
+  "wapDomainPlaceholder": "请输入wap域名"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/index.site_index.json b/admin/src/app/lang/zh-cn/index.site_index.json
new file mode 100644
index 0000000..8c5a36f
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/index.site_index.json
@@ -0,0 +1,67 @@
+{
+    "todayData": "实时概况",
+    "memberNumb": "新增会员数（人）",
+    "orderMoney": "订单金额（元）",
+    "numberOfSites": "站点数量",
+    "numberOfVisitors": "今日访客数（人）",
+    "commonlyUsedFunction": "常用功能",
+    "articleList": "文章列表",
+    "memberManagement": "会员管理",
+    "balanceAccount": "余额账户",
+    "administrator": "管理员",
+    "WebDecoration": "网站装修",
+    "accessMessage": "访问消息",
+    "memberDistribution": "会员分布",
+    "systemInfo": "系统环境",
+    "os": "操作系统",
+    "phpVersions": "PHP版本号",
+    "productionEnvironment": "生产环境",
+    "versionsInfo": "版本信息",
+    "versions": "当前版本",
+    "frame": "基于框架",
+    "channel": "获取渠道",
+    "serviceSupport": "服务支持",
+    "officialWbsite": "官网",
+    "pageView": "访客数（人）",
+    "siteInfo":"站点信息",
+    "siteName":"站点名称",
+    "groupName":"站点套餐",
+    "expireTime":"过期时间",
+    "permanent":"永久",
+    "statusName":"站点状态",
+	"orderNumber": "订单数（笔）",
+	"wechatCode": "公众号二维码",
+	"wechatCodeDesc": "微信扫码关注",
+	"enterpriseWechatCode": "客服二维码",
+	"enterpriseWechatCodeDesc": "扫码联系客服",
+	"tel": "服务热线：",
+	"message": "请联系客服",
+	"messageTitle": "提示",
+	"accumulative":"累计",
+	"officialAccount": "Niucloud官方公众号",
+	"officialAccountDesc": "微信扫码关注",
+	"WeCom": "添加企业微信群",
+	"path": "地址",
+	"menuName": "名称",
+	"menuNamePlaceholder": "模版名称",
+	"menuBgColor": "背景颜色",
+	"menuImg": "选择图标",
+	"menuDesc": "描述",
+	"addShortcutMenu": "添加快捷模版",
+	"appTemplate": "应用模块",
+	"siteType": "站点类型",
+	"periodTime": "有效期",
+	"renew": "续费",
+	"selectModel": "选择模块",
+	"addMenu": "添加模块",
+	"shortcutLink": "模版",
+	"emptyMenu": "暂无快捷模块",
+	"select": "选择",
+	"custom": "自定义",
+	"accessSite": "访问站点",
+	"pathSelect": "选择模块",
+	"bgColorPlaceholder": "请选择背景色",
+	"iconPlaceholder": "请选择图标",
+	"pathPlaceholder": "请选择链接",
+	"descPlaceholder": "输入描述语…"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/index.store.json b/admin/src/app/lang/zh-cn/index.store.json
new file mode 100644
index 0000000..7a8ca3d
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/index.store.json
@@ -0,0 +1,75 @@
+{
+	"search":"搜索应用名称",
+	"appName":"应用名/版本信息",
+	"introduction":"简介",
+	"type":"类型",
+	"app":"应用",
+	"addon":"插件",
+	"noPlug":"暂无应用",
+	"install":"安装",
+	"unload":"卸载",
+	"installLabel":"已安装",
+	"uninstalledLabel":"未安装",
+	"version":"版本",
+	"title":"名称",
+	"desc":"简介",
+	"plugDetail": "插件信息",
+	"author":  "作者",
+	"detail":"详情",
+	"addonInstall": "插件安装",
+	"dirPermission": "目录读写权限",
+	"path": "路径",
+	"demand": "要求",
+	"readable": "可读",
+	"write": "可写",
+	"packageManageTool": "包管理工具",
+	"name": "名称",
+	"addonInstallSuccess": "插件安装成功",
+	"envCheck": "环境检查",
+	"installProgress": "安装进度",
+	"installComplete": "安装完成",
+	"localAppText":"插件管理",
+	"marketAppText":"官方市场",
+	"installShowDialogCloseTips": "安装任务尚未完成，关闭将取消安装任务，是否要继续关闭？",
+	"marketDevelopMessage":"官方市场正在开发中！",
+	"jobError": "任务队列未启动 请在服务端源码部署目录打开终端执行 php think queue:listen",
+	"conflictFiles": "冲突文件",
+	"process": "启动进程",
+	"open": "开启",
+	"down": "下载",
+	"installDown":"未安装(重新下载)",
+	"unloadDown":"已安装(重新下载)",
+	"addonVersion": "插件版本",
+	"versionCode": "版本号",
+	"createTime": "发布时间",
+	"buyLabel": "已购买",
+	"installTips": "安装后需手动更新插件引用的依赖和编译各个端口的前端源码",
+	"localInstall":"本地安装",
+	"cloudInstall": "一键云安装",
+	"cloudInstallTips": "云安装可实现一键安装，安装后无需手动更新依赖和编译前端源码",
+	"installingTips": "有插件正在安装中请等待安装完成之后再进行其他操作，点击查看",
+	"installPercent": "安装进度",
+	"downloading": "下载中",
+	"authTips": "云安装需先绑定授权码，如果已有授权请先进行绑定，没有授权可到niucloud官网购买云服务之后再进行操作",
+	"toBind": "绑定授权",
+	"toNiucloud": "去niucloud官网",
+	"descriptionLeft": "暂无任何应用，马上去",
+	"buyDescriptionLeft": "您还没有购买过应用，马上去",
+	"link": "官方应用市场",
+	"descriptionRight": "逛逛",
+	"installed-empty": "暂未安装任何应用",
+	"siteAddressTips": "授权域名不匹配",
+	"authCodePlaceholder": "请输入授权码",
+	"authSecretPlaceholder": "请输入授权秘钥",
+	"updateCode": "重新绑定",
+	"notHaveAuth": "还没有授权？去购买",
+	"authInfoTips": "授权码和授权秘钥可在Niucloud官网我的授权 授权详情中查看",
+	"addonUninstall": "插件卸载",
+	"appIdentification":"应用标识",
+	"tipText":"标识指开发应用或插件的文件夹名称",
+	"uninstallTips": "卸载插件将会移除admin web uni-app目录下该插件的内容，是否要继续进行卸载？",
+	"upgrade": "升级",
+	"newVersion": "最新版本",
+	"cloudBuild": "云编译",
+	"cloudBuildTips": "是否要进行云编译该操作可能会影响到正在访问的客户是否要继续操作？"
+}
diff --git a/admin/src/app/lang/zh-cn/login.json b/admin/src/app/lang/zh-cn/login.json
new file mode 100644
index 0000000..a748713
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/login.json
@@ -0,0 +1,12 @@
+{
+    "siteTitle": "NIUCLOUD-ADMIN",
+    "siteDesc": "基于thinkphp6+elementplus+typescript等技术的多端saas通用管理框架，采用restful的api接口设计，前后端完全分离，同时支持多语言开发。",
+    "logging": "登录中",
+    "platform": "管理端",
+    "login" : "登录",
+    "siteLogin": "站点登录",
+    "adminLogin": "平台登录",
+    "userPlaceholder": "请输入您的账号",
+    "passwordPlaceholder": "请输入您的密码",
+	"manageAdminFramework": "管理系统后台框架"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/member.balance.json b/admin/src/app/lang/zh-cn/member.balance.json
new file mode 100644
index 0000000..a5758e2
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/member.balance.json
@@ -0,0 +1,34 @@
+{
+    "memberId":"会员编号",
+    "accountData":"变动金额",
+    "fromType":"来源/用途",
+    "balanceInfo":"余额变动详情",
+    "memberInfo":"会员信息",
+    "memo":"备注",
+    "mobile":"手机号码",
+    "nickName":"会员昵称",
+    "headimg":"会员头像",
+    "createTime":"发生时间",
+    "startDate":"开始时间",
+    "endDate":"结束时间",
+    "searchMember":"昵称/手机号",
+    "searchMemberPlaceholder":"请输入会员昵称/手机号码",
+    "memberIdPlaceholder":"请输入会员id",
+    "accountTypePlaceholder":"请输入账户类型",
+    "accountDataPlaceholder":"请输入账户数据",
+    "fromTypePlaceholder":"请输入来源类型",
+    "relatedIdPlaceholder":"请输入关联Id",
+    "createTimePlaceholder":"请输入创建时间",
+    "memoPlaceholder":"请输入备注信息",
+    "addMemberAccountLog":"添加会员账单表",
+    "updateMemberAccountLog":"编辑会员账单表",
+    "memberAccountLogDeleteTips":"确定要删除该会员账单表吗？",
+	"totalAllBalance": "余额（元）",
+    "totalBalance": "不可提现（元）",
+    "totalMoney": "可提现（元）",
+    "balance": "不可提现",
+	"money":"可提现",
+	"balanceType":"账户类型",
+    "accountSum" : "剩余金额",
+    "memberInfoPlaceholder":"请输入会员编号/昵称/手机号"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/member.commission.json b/admin/src/app/lang/zh-cn/member.commission.json
new file mode 100644
index 0000000..0399136
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/member.commission.json
@@ -0,0 +1,33 @@
+{
+    "totalCommission":"累计佣金（元）",
+    "commission":"未提现佣金（元）",
+    "withdrawnCommission":"已提现佣金（元）",
+    "cashOutingCommission":"提现中佣金（元）",
+    "accountData":"变动金额",
+    "memberId":"会员编号",
+    "accountSum":"剩余金额",
+    "fromType":"来源/用途",
+    "moneyInfo":"佣金变动详情",
+    "memo":"备注",
+    "mobile":"手机号码",
+    "nickName":"会员信息",
+    "headimg":"会员头像",
+    "createTime":"发生时间",
+    "startDate":"开始时间",
+    "endDate":"结束时间",
+    "searchMember":"昵称/手机号",
+    "searchMemberPlaceholder":"请输入会员昵称/手机号码",
+    "memberIdPlaceholder":"请输入会员id",
+    "accountTypePlaceholder":"请输入账户类型",
+    "accountDataPlaceholder":"请输入账户数据",
+    "fromTypePlaceholder":"请输入来源类型",
+    "relatedIdPlaceholder":"请输入关联Id",
+    "createTimePlaceholder":"请输入创建时间",
+    "memoPlaceholder":"请输入备注信息",
+    "addMemberAccountLog":"添加会员账单表",
+    "updateMemberAccountLog":"编辑会员账单表",
+    "member_account_logDeleteTips":"确定要删除该会员账单表吗？",
+    "memberInfo":"会员信息",
+    "memberInfoPlaceholder":"请输入会员编号/昵称/手机号"
+
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/member.label.edit.json b/admin/src/app/lang/zh-cn/member.label.edit.json
new file mode 100644
index 0000000..ff8a0c7
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/member.label.edit.json
@@ -0,0 +1,13 @@
+{
+    "siteId":"站点id",
+    "labelName":"标签名称",
+    "memo":"备注",
+    "sort":"排序",
+    "siteIdPlaceholder":"请输入站点id",
+    "labelNamePlaceholder":"请输入标签名称",
+    "memoPlaceholder":"请输入备注",
+    "sortPlaceholder":"请输入排序",
+    "addMemberLabel":"添加会员标签",
+    "updateMemberLabel":"编辑会员标签",
+    "memberLabelDeleteTips":"确定要删除该会员标签吗？"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/member.label.json b/admin/src/app/lang/zh-cn/member.label.json
new file mode 100644
index 0000000..f70bf73
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/member.label.json
@@ -0,0 +1,18 @@
+{
+    "labelName":"标签名称",
+    "memberNumber":"会员数量",
+    "memo":"备注",
+    "sort":"排序",
+    "siteIdPlaceholder":"请输入站点id",
+    "labelNamePlaceholder":"请输入标签名称",
+    "memoPlaceholder":"请输入备注",
+    "sortPlaceholder":"请输入排序",
+    "createTimePlaceholder":"请输入添加时间",
+    "updateTimePlaceholder":"请输入更新时间",
+    "addMemberLabel":"添加会员标签",
+    "updateMemberLabel":"编辑会员标签",
+    "sortVerifyOne":"排序要大于零",
+    "sortVerifyTwo":"排序不能是小数",
+    "memberLabelDeleteTips":"确定要删除该会员标签吗？"
+    
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/member.member.json b/admin/src/app/lang/zh-cn/member.member.json
new file mode 100644
index 0000000..5f9176a
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/member.member.json
@@ -0,0 +1,53 @@
+{
+    "registerChannel":"注册来源",
+    "nickname":"会员名称",
+    "memberNo":"会员编号",
+    "mobile":"手机号",
+    "createTime":"注册时间",
+    "lastVisitTime":"最后访问时间",
+    "addMember":"添加会员",
+    "updateMember":"编辑会员",
+    "nickNamePlaceholder":"请输入会员名称",
+    "mobilePlaceholder":"请输入手机号",
+    "channelPlaceholder":"请选择注册类型",
+    "memberNoPlaceholder":"请选择会员编号",
+    "memberDeleteTips" : "确定要删除该会员吗？",
+    "detail": "详情",
+    "edit": "编辑",
+    "memberDelete":"删除",
+    "adjust":"调整",
+    "startDate": "开始时间",
+    "endDate": "结束时间",
+    "essentialInfo": "基本信息",
+    "accountInfo": "账户信息",
+    "registeredSource": "注册来源",
+    "memberLabel": "会员标签",
+    "urserName": "用户名",
+    "point": "积分",
+    "balance": "余额",
+    "growth": "成长值",
+    "memo":"备注",
+    "adjustPoint":"调整积分",
+    "detaBirth": "出生日期",
+    "sex": "性别",
+    "wxUnionid": "微信unionid",
+    "weappOpenid": "微信用户openid",
+    "wxOpenid": "微信小程openid",
+    "head": "会员头像",
+    "username": "用户名",
+    "usernamePlaceholder": "请输入用户名",
+    "password": "密码",
+    "passwordCopy": "确认密码",
+    "passwordPlaceholder": "请输入密码",
+    "doubleCipherHint": "输入的两次密码不一致",
+    "memberNoHint":"会员编号只能输入字母和数字",
+    "mobileHint": "请输入正确的手机号!",
+    "lable": "标签",
+    "setLable": "标签",
+    "notAvailable": "暂无",
+    "memberLabelPlaceholder": "请选择会员标签",
+    "memberInfo":"会员信息",
+    "memberInfoPlaceholder":"请输入会员编号/昵称/手机号",
+	"lock": "锁定",
+	"normal": "正常"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/member.member_detail.json b/admin/src/app/lang/zh-cn/member.member_detail.json
new file mode 100644
index 0000000..dd5cbfa
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/member.member_detail.json
@@ -0,0 +1,51 @@
+{
+    "adjustType":"调整类型",
+    "adjustReduceBalance":"减少余额",
+    "adjustAddBalance":"增加余额",
+    "adjustReducePoint":"减少积分",
+    "adjustAddPoint":"增加积分",
+    "adjustBalance":"调整余额",
+    "memberNo":"会员编号",
+    "currBalance":"当前余额",
+    "currPoint":"当前积分",
+    "memo":"备注",
+    "adjustPlaceholder":"请输入调整数量",
+    "memoPlaceholder":"请输入备注",
+    "adjustBalancePlaceholder":"请输入调整余额",
+    "adjustPointPlaceholder":"请输入调整积分",
+    "adjustBalanceMaxAccountMessage":"调整后余额需大于0",
+    "adjustPointMaxAccountMessage":"调整后积分需大于0",
+    "birthday": "出生日期",
+    "birthdayTip": "请输入出生日期",
+    "sex": "性别",
+    "sexPlaceholder": "请选择性别",
+    "headimg": "会员头像",
+    "wxUnionid": "微信unionid",
+    "weappOpenid": "微信公众号openid",
+    "wxOpenid": "微信小程序openid",
+    "memberLabel": "会员标签",
+    "memberLabelPlaceholder": "请选择会员标签",
+    "nickNamePlaceholder": "请输入会员名称",
+    "updateMember": "编辑会员信息",
+    "notAvailable":"暂无",
+    "girlSex":"女",
+    "manSex":"男",
+    "secrecySex":"保密",
+    "essentialInfo": "基本信息",
+    "accountInfo": "账户信息",
+    "urserName": "用户名",
+    "nickname":"会员名称",
+    "registeredSource": "注册来源",
+    "lastVisitTime":"最后登录时间",
+    "point": "积分",
+    "balance": "余额",
+    "growth": "成长值",
+    "adjust":"调整",
+    "mobile":"手机号",
+    "detail":"详情",
+    "accumulative":"累计",
+    "money":"可提现余额",
+    "adjustPoint":"调整积分",
+    "commission":"佣金",
+    "memberNull":"未读取到会员详情信息"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/member.point.json b/admin/src/app/lang/zh-cn/member.point.json
new file mode 100644
index 0000000..56a576b
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/member.point.json
@@ -0,0 +1,30 @@
+{
+    "pointGet":"累计发放积分",
+    "pointUse":"累计使用积分",
+    "accountData":"变动积分",
+    "accountSum":"剩余积分",
+    "fromType":"来源/用途",
+    "memberId":"会员编号",
+    "pointInfo":"积分变动详情",
+    "memo":"备注",
+    "mobile":"手机号码",
+    "nickName":"会员信息",
+    "headimg":"会员头像",
+    "createTime":"发生时间",
+    "startDate":"开始时间",
+    "endDate":"结束时间",
+    "searchMember":"昵称/手机号",
+    "searchMemberPlaceholder":"请输入会员昵称/手机号码",
+    "memberIdPlaceholder":"请输入会员id",
+    "accountTypePlaceholder":"请输入账户类型",
+    "accountDataPlaceholder":"请输入账户数据",
+    "fromTypePlaceholder":"请输入来源类型",
+    "relatedIdPlaceholder":"请输入关联Id",
+    "createTimePlaceholder":"请输入创建时间",
+    "memoPlaceholder":"请输入备注信息",
+    "addMemberAccountLog":"添加会员账单表",
+    "updateMemberAccountLog":"编辑会员账单表",
+    "member_account_logDeleteTips":"确定要删除该会员账单表吗？",
+    "memberInfo":"会员信息",
+    "memberInfoPlaceholder":"请输入会员编号/昵称/手机号"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/order.recharge.detail.json b/admin/src/app/lang/zh-cn/order.recharge.detail.json
new file mode 100644
index 0000000..b9399e1
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/order.recharge.detail.json
@@ -0,0 +1,19 @@
+{
+      "orderInfo":"订单详情",
+      "orderDiscountMoney":"优惠金额",
+      "ip":"下单IP",
+      "payTime":"支付时间",
+      "remark":"商家留言",
+      "memberMessage":"买家留言",
+      "orderNo":"订单编号",
+      "orderStatus":"订单状态",
+      "orderNoPlaceholder":"请输入订单编号",
+      "createTime":"创建时间",
+      "rechargeMoney":"充值金额",
+      "orderMoney":"订单金额",
+      "member":"买家",
+      "orderFromName":"订单来源",
+      "payTypeName":"支付方式",
+      "startDate":"开始时间",
+      "endDate":"结束时间"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/order.recharge.list.json b/admin/src/app/lang/zh-cn/order.recharge.list.json
new file mode 100644
index 0000000..bb9e49d
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/order.recharge.list.json
@@ -0,0 +1,23 @@
+{
+	"totalRechargeRefundMoney":"充值退款（元）",
+	"totalRechargeMoney":"充值金额（元）",
+	"rechargeRefundMoney":"充值退款",
+	"rechargeNo":"充值单号",
+	"orderStatus":"订单状态",
+	"rechargeNoPlaceholder":"请输入充值单号",
+	"createTime":"充值时间",
+	"rechargeMoney":"充值金额",
+	"orderMoney":"订单金额",
+	"member":"会员信息",
+	"orderFromName":"订单来源",
+	"payTypeName":"支付方式",
+	"startDate":"开始时间",
+	"endDate":"结束时间",
+	"namePlaceholder":"请选择",
+	"refundBtn":"退款",
+	"refundContent":"是否确认退款",
+	"payTime": "支付时间",
+	"refundStatus": "退款状态",
+	"startMoney": "起始金额",
+	"endMoney": "结束金额"
+} 
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/order.recharge.refund.json b/admin/src/app/lang/zh-cn/order.recharge.refund.json
new file mode 100644
index 0000000..a02a18f
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/order.recharge.refund.json
@@ -0,0 +1,24 @@
+{
+      "refundNumber":"退款单号",
+      "userInfo":"用户信息",
+      "sourceNumber":"来源单号",
+      "refundAmount":"退款金额",
+      "refundTime":"退款时间",
+      "detail": "详情",
+	  "statusName": "状态",
+	  "memberInfo": "会员信息",
+	  "refundSource": "退款来源",
+	  "startDate":"开始时间",
+	  "endDate":"结束时间",
+	  "refundStatus": "退款状态",
+	  "accumulateRefundMoney": "累计退款金额（元）",
+	  "haveRefundMoney": "退款中金额（元）",
+	  "refundSuccessMonry": "退款成功金额（元）",
+	  "refundFailMoney": "退款失败金额（元）",
+	  "memberInfoPlaceholder":"请输入会员编号/昵称/手机号",
+	  "refundNumberPlaceholder":"请输入退款单号",
+	  "orderNumber": "来源单号",
+	  "orderNumberPlaceholder": "请输入来源单号",
+	  "refundDetail": "退款详情",
+	  "nickname": "会员昵称"
+}
diff --git a/admin/src/app/lang/zh-cn/setting.adminlogin.json b/admin/src/app/lang/zh-cn/setting.adminlogin.json
new file mode 100644
index 0000000..d2d3629
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.adminlogin.json
@@ -0,0 +1,8 @@
+{
+      "isCaptcha": "是否启用验证码",
+      "bgImg": "登录页广告图",
+      "admin": "平台端",
+      "adminBgImgTip": "建议上传尺寸为450*400px",
+      "site": "站点端",
+      "siteBgImgTip": "建议上传尺寸为450*400px"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.agreement.json b/admin/src/app/lang/zh-cn/setting.agreement.json
new file mode 100644
index 0000000..fc4283c
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.agreement.json
@@ -0,0 +1,6 @@
+{
+      "typeName": "协议类型",
+      "title": "协议标题",
+      "updateTime": "修改时间",
+      "config": "设置"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.agreement_edit.json b/admin/src/app/lang/zh-cn/setting.agreement_edit.json
new file mode 100644
index 0000000..f8bc532
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.agreement_edit.json
@@ -0,0 +1,6 @@
+{
+      "title": "协议标题",
+      "type": "协议类型",
+      "titlePlaceholder": "请输入协议标题",
+      "content": "内容"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.cash_out.json b/admin/src/app/lang/zh-cn/setting.cash_out.json
new file mode 100644
index 0000000..69b3ff9
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.cash_out.json
@@ -0,0 +1,18 @@
+{
+      "isOpen": "是否开启",
+      "cashWithdrawalAmount": "最低提现金额",
+      "cashWithdrawalAmountPlaceholder": "请输入提现金额",
+      "cashWithdrawalAmountHint": "最低提现金额不能小于0.01",
+      "commissionRatio": "提现手续费比率",
+      "commissionRatioHint": "提现手续费比率不能超出0-100%的范围",
+      "commissionRatioPlaceholder": "请输入提现手续费比率",
+      "audit": "审核",
+      "transfer": "转账",
+      "transferMode": "转账方式",
+      "automaticAudit": "自动审核",
+      "manualAudit": "手动审核",
+      "automatedTransit": "自动转账",
+      "manualTransfer": "手动转账",
+      "wechat": "微信",
+      "alipay": "支付宝"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.copyright.json b/admin/src/app/lang/zh-cn/setting.copyright.json
new file mode 100644
index 0000000..59c2bdf
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.copyright.json
@@ -0,0 +1,23 @@
+{
+      "copyrightEdit":"版权设置",
+      "putOnRecordEdit":"备案设置",
+
+      "companyName": "公司名称",
+      "copyrightLink": "版权链接",
+      "copyrightDesc": "版权信息",
+
+      "icp": "网站ICP备案号",
+      "govRecord": "网站公安备案",
+      "govUrl": "网站公安链接",
+      "marketSupervisionUrl": "市场监督管理局链接",
+
+      "companyNamePlaceholder": "请输入公司名称",
+      "copyrightLinkPlaceholder": "请输入版权链接",
+      "copyrightDescPlaceholder": "请输入版权信息",
+
+      "icpPlaceholder": "请输入网站ICP备案号",
+      "govRecordPlaceholder": "请输入网站公安备案",
+      "govUrlPlaceholder": "请输入网站公安链接",
+      "marketSupervisionUrlPlaceholder": "请输入市场监督管理局链接"
+      
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.developer_token.json b/admin/src/app/lang/zh-cn/setting.developer_token.json
new file mode 100644
index 0000000..583e362
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.developer_token.json
@@ -0,0 +1,5 @@
+{
+  	"developerTokenEdit":"开发者KEY设置",
+	"tokenPlaceholder":"请输入开发者令牌",
+	"tokenTips": "开发者KEY可以在已安装的框架中设置。框架安装并配置好开发者KEY后，开发者自己开发的应用和插件，会像普通授权插件一样可以安装使用，特别是当开发者发布自己开发的插件或应用时，尚在未发布状态时，开发者也可以对其进行安装测试"
+}
diff --git a/admin/src/app/lang/zh-cn/setting.login.json b/admin/src/app/lang/zh-cn/setting.login.json
new file mode 100644
index 0000000..d74fd9a
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.login.json
@@ -0,0 +1,15 @@
+{
+	"logonMode": "普通注册方式",
+	"isUsername": "账号密码登录",
+	"isMobile": "手机验证码登录",
+	"isAuthRegister": "第三方自动注册",
+	"isBindMobile": "强制绑定手机",
+	"isUsernameTip": "开启之后可以使用账号+密码进行注册和登录",
+	"isMobileTip": "开启之后可以使用手机+验证码进行注册和登录",
+	"isAuthRegisterTip": "开启之后，微信公众号、小程序等等第三方平台可以自动注册会员。方便会员自动登录",
+	"isBindMobileTip": "开启之后，会员通过账号或者第三方注册账户会强制绑定手机号，方便商家进行管理，同时方便会员在不同端口统一账号",
+	"agreement": "政策协议",
+	"agreementTips": "注册时服务协议和隐私协议是否进行展示",
+	"commonSetting": "通用设置",
+	"tripartiteSetting": "第三方设置"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.map.json b/admin/src/app/lang/zh-cn/setting.map.json
new file mode 100644
index 0000000..f1405e5
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.map.json
@@ -0,0 +1,4 @@
+{
+    "clickTutorial": "查看教程",
+    "clickSecretKey": "获取密钥"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.member.json b/admin/src/app/lang/zh-cn/setting.member.json
new file mode 100644
index 0000000..3cc0ff6
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.member.json
@@ -0,0 +1,11 @@
+{
+	"memberNoRule": "会员编号生成规则",
+	"prefix": "编码前缀",
+	"prefixPlaceholder": "请输入编码前缀",
+	"prefixHint":"编码前缀只能为英文字母",
+	"lengthHint":"编码长度包含前缀，去除前缀最少不能低于4位,最多不能超过30位",
+	"prefixTips": "编码格式如：",
+	"length": "编码长度",
+	"lengthPlaceholder": "请输入编码长度",
+	"lengthTips": "编码长度包含前缀，去除前缀最少不能低于4位,最多不能超过30位"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.notice.json b/admin/src/app/lang/zh-cn/setting.notice.json
new file mode 100644
index 0000000..4424afc
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.notice.json
@@ -0,0 +1,22 @@
+{
+      "buyerNotice": "会员消息",
+      "sellerNotice":"平台消息",
+      "sms":"短信",
+      "weapp":"微信小程序",
+      "wechat":"微信公众号",
+      "noticeSetting":"消息设置",
+      "name": "模板名称",
+      "title": "场景",
+      "smsContent": "短信内容",
+      "tempKey": "模板消息ID",
+      "keywordNameList": "类目模板",
+      "first": "头部标题",
+      "remark": "尾部描述",
+      "firstPlaceholder": "请输入头部标题",
+      "remarkPlaceholder": "请输入尾部描述",
+      "content": "模板内容",
+      "weappTempKey" : "模板编号",
+      "smsId":"短信模版ID",
+      "smsIdPlaceholder":"短信模版ID",
+      "noticeType":"消息类型"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.notice_records.json b/admin/src/app/lang/zh-cn/setting.notice_records.json
new file mode 100644
index 0000000..fedfe2d
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.notice_records.json
@@ -0,0 +1,32 @@
+{
+	"siteId":"站点id",
+	"noticeKey":"消息模板",
+	"noticeType":"消息类型",
+	"noticeInfo":"消息详情",
+	"uid":"通知的用户id",
+	"memberId":"消息的会员id",
+	"nickname":"接收会员",
+	"receiver":"手机/OPENID",
+	"noticeData":"消息内容",
+	"isClick":"点击次数",
+	"searchReceiver":"接收人",
+	"isVisit":"访问次数",
+	"createTime":"发送时间",
+	"startDate":"开始时间",
+	"endDate":"结束时间",
+	"sms":"短信",
+	"weapp":"微信小程序",
+	"wechat":"微信公众号",
+	"noticeTypePlaceholder":"请选择消息类型",
+	"uidPlaceholder":"请输入通知的用户id",
+	"memberIdPlaceholder":"请输入消息的会员id",
+	"nicknamePlaceholder":"请输入接收人用户昵称或姓名",
+	"receiverPlaceholder":"请输入接收人手机号/openid",
+	"noticeDataPlaceholder":"请输入消息数据",
+	"isClickPlaceholder":"请输入点击次数",
+	"isVisitPlaceholder":"请输入访问次数",
+	"visitTimePlaceholder":"请输入访问时间",
+	"createTimePlaceholder":"请输入消息时间",
+	"buyerNotice": "会员消息",
+	"sellerNotice":"平台消息"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.pay.json b/admin/src/app/lang/zh-cn/setting.pay.json
new file mode 100644
index 0000000..acc6f15
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.pay.json
@@ -0,0 +1,61 @@
+{
+    "status": "是否启用",
+    "name": "支付类型",
+    "wechatpay": "微信支付",
+    "alipay": "支付宝支付",
+    "paydesc": "支付方式描述",
+    "wechatpayDesc": "微信支付，用户通过扫描二维码、微信内打开商品页面购买等多种方式调起微信支付模块完成支付。",
+    "alipayDesc": "支付宝网站(www.alipay.com) 是国内先进的网上支付平台。",
+    "config": "设置",
+    "updateWechat": "微信支付",
+    "updateAlipay": "支付宝支付",
+    "updateOfflinepay": "线下支付",
+    "mchId": "商户号",
+    "mchIdPlaceholder": "请输入商户号",
+    "mchIdTips": "微信支付商户号（MCHID）",
+    "mchSecretKey": "API密钥",
+    "mchSecretKeyPlaceholder": "请输入API密钥",
+    "mchSecretKeyTips": "微信支付商户API密钥（paySignKey）",
+    "mchSecretCert": "商户私钥",
+    "mchSecretCertPlaceholder": "请上传商户私钥",
+    "mchSecretCertTips": "微信支付API证书（apiclient_key.pem）",
+    "mchPublicCertPath": "商户公钥",
+    "mchPublicCertPathPlaceholder": "请上传商户公钥",
+    "mchPublicCertPathTips": "微信支付API证书（apiclient_cert.pem）",
+    "appId": "支付宝应用ID",
+    "appIdPlaceholder": "请输入支付宝应用ID",
+    "appSecretCert": "应用私钥",
+    "appSecretCertPlaceholder": "请输入应用私钥",
+    "appPublicCertPath": "应用公钥",
+    "appPublicCertPathPlaceholder": "请上传应用公钥",
+    "alipayPublicCertPath": "支付宝公钥",
+    "alipayPublicCertPathPlaceholder": "请上传支付宝公钥",
+    "alipayRootCertPath": "支付宝根证书",
+    "alipayRootCertPathPlaceholder": "请上传支付宝根证书",
+    "appIdTips": "支付宝分配给开发者的应用ID",
+    "appPublicCertPathTips": "上传appCertPublicKey文件",
+    "alipayPublicCertPathTips": "上传alipayCertPublicKey文件",
+    "alipayRootCertPathTips": "上传alipayRootCert文件",
+	"payType": "支付方式",
+	"templateName": "配置信息",
+	"settingDefaultPay": "设置默认支付",
+	"settingDefault": "设置默认",
+	"defaultTamplate": "请选择模板",
+    "isEnable": "是否启用",
+    "onState": "开启状态",
+    "configurePaymentMethod": "请先配置值该支付方式",
+    "enablePaymentMode": "请先开启该支付方式",
+    "clickConfigure": "点击配置",
+    "setConfig": "设置支付配置",
+    "open": "已开启",
+    "notOpen": "未开启",
+    "cancel": "取消",
+    "collectionName": "收款账户名称",
+    "collectionBank": "收款银行",
+    "collectionAccount": "收款账号",
+    "collectionDesc": "转账说明",
+    "collectionNamePlaceholder": "请输入收款账户名称",
+    "collectionBankPlaceholder": "请输入收款银行",
+    "collectionAccountPlaceholder": "请输入收款账号",
+    "collectionDescPlaceholder": "请输入转账说明"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.sms.json b/admin/src/app/lang/zh-cn/setting.sms.json
new file mode 100644
index 0000000..2214832
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.sms.json
@@ -0,0 +1,21 @@
+{
+      "name": "短信类型",
+      "aliSms":"阿里云短信",
+      "tencentSms": "腾讯云短信",
+      "isUse":"是否启用",
+      "config":"设置",
+      "aliAppKey": "APP_KEY",
+      "aliSign":"短信签名",
+      "aliSecretKey":"SECRET_KEY",
+      "aliAppKeyPlaceholder": "请输入APP_KEY",
+      "aliSignPlaceholder":"请输入短信签名",
+      "aliSecretKeyPlaceholder":"请输入SECRET_KEY",
+      "tencentSign":"短信签名",
+      "tencentAppId":"APP_ID",
+      "tencentSecretId":"SECRET_ID",
+      "tencentSecretKey":"SECRET_KEY",
+      "tencentSignPlaceholder":"请输入短信签名",
+      "tencentAppIdPlaceholder":"请输入APP_ID",
+      "tencentSecretIdPlaceholder":"请输入SECRET_ID",
+      "tencentSecretKeyPlaceholder":"请输入SECRET_KEY"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.sms_records.json b/admin/src/app/lang/zh-cn/setting.sms_records.json
new file mode 100644
index 0000000..3ad8e96
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.sms_records.json
@@ -0,0 +1,32 @@
+{
+	"siteId":"站点id",
+	"noticeKey":"消息模板",
+	"noticeType":"消息类型",
+	"noticeInfo":"消息详情",
+	"uid":"通知的用户id",
+	"memberId":"消息的会员id",
+	"nickname":"接收会员",
+	"receiver":"手机号",
+	"noticeData":"消息内容",
+	"isClick":"点击次数",
+	"searchReceiver":"接收人",
+	"isVisit":"访问次数",
+	"createTime":"发送时间",
+	"startDate":"开始时间",
+	"endDate":"结束时间",
+	"sms":"短信",
+	"weapp":"微信小程序",
+	"wechat":"微信公众号",
+	"noticeTypePlaceholder":"请选择消息类型",
+	"uidPlaceholder":"请输入通知的用户id",
+	"memberIdPlaceholder":"请输入消息的会员id",
+	"nicknamePlaceholder":"请输入接收人用户昵称或姓名",
+	"receiverPlaceholder":"请输入接收人手机号",
+	"noticeDataPlaceholder":"请输入消息数据",
+	"isClickPlaceholder":"请输入点击次数",
+	"isVisitPlaceholder":"请输入访问次数",
+	"visitTimePlaceholder":"请输入访问时间",
+	"createTimePlaceholder":"请输入消息时间",
+	"buyerNotice": "会员消息",
+	"sellerNotice":"平台消息"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.storage.json b/admin/src/app/lang/zh-cn/setting.storage.json
new file mode 100644
index 0000000..d63a010
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.storage.json
@@ -0,0 +1,44 @@
+{
+      "name": "存储方式",
+      "aliStorage":"阿里云存储",
+      "localStorage": "本地存储",
+      "qiniuStorage": "七牛云存储",
+      "tencentStorage": "腾讯云存储",
+      "isUse":"是否启用",
+      "config":"设置",
+      "aliBucket": "存储空间",
+      "aliAccessKey": "AccessKeyID",
+      "aliSecretKey": "AccessKeySecret",
+      "aliEndpoint": "Endpoint",
+      "domain": "空间域名",
+      "domainPlaceholder": "请输入空间域名",
+      "aliBucketPlaceholder": "请输入存储空间",
+      "aliAccessKeyPlaceholder": "请输入AccessKeyID",
+      "aliSecretKeyPlaceholder": "请输入AccessKeySecret",
+      "aliEndpointPlaceholder": "请输入Endpoint",
+      "aliBucketTips": "存储空间与阿里云OSS开通对象名称一致",
+      "aliAccessKeyTips": "填写阿里云Access Key管理的(ID)。",
+      "aliSecretKeyTips": "Access Key Secret是您访问阿里云API的密钥，具有该账户完全的权限，请您妥善保管。(填写完Access Key ID 和 Access Key Secret 后请选择bucket)",
+      "aliEndpointTips": "Bucket地域endpoint",
+      "aliDomainTips": "域名格式：http://xx.xxxx.com/（不可绑定当前网站域名，建议新开二级域名）",
+
+      "qiniuBucket":"存储空间",
+      "qiniuAccessKey":"Accesskey",
+      "qiniuSecretKey":"Secretkey",
+      "qiniuBucketTips":"请保证bucket为可公共读取的",
+      "qiniuBucketPlaceholder": "请输入存储空间",
+      "qiniuAccessKeyPlaceholder": "请输入Accesskey",
+      "qiniuSecretKeyPlaceholder": "请输入Secretkey",
+
+      "tencentBucket":"存储空间",
+      "tencentAccessKey":"SECRET_ID",
+      "tencentSecretKey":"SECRET_KEY",
+      "region":"REGION",
+      "regionPlaceholder":"请输入REGION",
+      "tencentBucketTips":"请保证bucket为可公共读取的",
+      "tencentBucketPlaceholder": "请输入存储空间",
+      "tencentAccessKeyPlaceholder": "请输入SECRET_ID",
+      "tencentSecretKeyPlaceholder": "请输入SECRET_KEY"
+      
+      
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.system.json b/admin/src/app/lang/zh-cn/setting.system.json
new file mode 100644
index 0000000..0658ee7
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.system.json
@@ -0,0 +1,35 @@
+{
+	"websiteInfo":"后台设置",
+	"contactAddress":"联系地址",
+	"siteName": "站点名称",
+	"keywords": "网站关键字",
+	"logo": "长方形Logo",
+	"desc": "网站简介",
+	"province": "省",
+	"city": "市",
+	"district": "区/县",
+	"selectAddress": "请选择地址",
+	"address": "详细地址",
+	"phone": "客服电话",
+	"businessHours": "营业时间",
+	"contactAddressPlaceholder":"联系地址",
+	"siteNamePlaceholder": "站点名称",
+	"keywordsPlaceholder": "网站关键字",
+	"descPlaceholder": "网站简介",
+	"addressPlaceholder": "详细地址",
+	"phonePlaceholder": "客服电话",
+	"businessHoursPlaceholder": "营业时间",
+	"businessHoursTips": "例：上午9:00-12:00，下午2:00-6:00",
+	"frontEndInfo": "前台设置",
+	"frontEndName": "前台名称",
+	"frontEndNamePlaceholder": "请输入前台名称",
+	"frontEndLogo": "前台Logo",
+	"icon": "正方形Logo",
+	"serviceInformation": "服务信息",
+	"wechatCode": "公众号二维码",
+	"customerServiceCode": "客服二维码",
+	"contactsTel": "联系电话",
+	"contactsTelPlaceholder": "请输入联系电话",
+	"logoPlaceholder": "建议图片尺寸：210*30像素；图片格式：jpg、png、jpeg。",
+	"iconPlaceholder": "建议图片尺寸：100*100像素；图片格式：jpg、png、jpeg。"
+}
diff --git a/admin/src/app/lang/zh-cn/setting.transfer.json b/admin/src/app/lang/zh-cn/setting.transfer.json
new file mode 100644
index 0000000..6a27a55
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.transfer.json
@@ -0,0 +1,31 @@
+{
+    "wechatpay": "微信打款设置",
+    "alipay": "支付宝打款设置",
+    "mchId": "商户号",
+    "mchIdPlaceholder": "请输入商户号",
+    "mchIdTips": "微信支付商户号（MCHID）",
+    "mchSecretKey": "API密钥",
+    "mchSecretKeyPlaceholder": "请输入API密钥",
+    "mchSecretKeyTips": "微信支付商户API密钥（paySignKey）",
+    "mchSecretCert": "商户私钥",
+    "mchSecretCertPlaceholder": "请上传商户私钥",
+    "mchSecretCertTips": "微信支付API证书（apiclient_key.pem）",
+    "mchPublicCertPath": "商户公钥",
+    "mchPublicCertPathPlaceholder": "请上传商户公钥",
+    "mchPublicCertPathTips": "微信支付API证书（apiclient_cert.pem）",
+    "appId": "支付宝应用ID",
+    "appIdPlaceholder": "请输入支付宝应用ID",
+    "appSecretCert": "应用私钥",
+    "appSecretCertPlaceholder": "请输入应用私钥",
+    "appPublicCertPath": "应用公钥",
+    "appPublicCertPathPlaceholder": "请上传应用公钥",
+    "alipayPublicCertPath": "支付宝公钥",
+    "alipayPublicCertPathPlaceholder": "请上传支付宝公钥",
+    "alipayRootCertPath": "支付宝根证书",
+    "alipayRootCertPathPlaceholder": "请上传支付宝根证书",
+    "appIdTips": "支付宝分配给开发者的应用ID",
+    "appPublicCertPathTips": "上传appCertPublicKey文件",
+    "alipayPublicCertPathTips": "上传alipayCertPublicKey文件",
+    "alipayRootCertPathTips": "上传alipayRootCert文件",
+    "operationTip": "温馨提示：打款设置用于会员提现转账，发放红包等场景"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.weapp.json b/admin/src/app/lang/zh-cn/setting.weapp.json
new file mode 100644
index 0000000..e3d1692
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.weapp.json
@@ -0,0 +1,12 @@
+{
+	"addVersion": "上传版本",
+	"version": "版本号",
+	"versionPlaceholder": "请添加版本号",
+	"createTime": "创建时间",
+	"status": "状态",
+	"editVersion": "添加/编辑版本",
+	"file": "文件",
+	"filePlaceholder":"请上传版本文件",
+	"desc": "版本说明",
+	"weappVersionDeleteTips": "确定要删除小程序版本吗"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/setting.wxoplatform.json b/admin/src/app/lang/zh-cn/setting.wxoplatform.json
new file mode 100644
index 0000000..d992cfe
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/setting.wxoplatform.json
@@ -0,0 +1,19 @@
+{
+	"oplatformSetting": "开放平台设置",
+	"appidPlaceholder": "微信第三方平台AppId",
+	"appsecretPlaceholder": "微信第三方平台AppSecret",
+	"oplatformComm": "开放平台通信",
+	"empowerStartDomain": "授权发起页域名",
+	"empowerReceiveUrl": "授权事件接收URL",
+	"messageValidationToken": "消息校验Token",
+	"messageDecryptKey": "消息加解密Key",
+	"messageReceiveUrl": "消息与事件接收URL",
+	"wechatDomain": "公众号开发域名",
+	"weappDomain": "小程序服务器域名",
+	"weappBusinessDomain": "小程序业务域名",
+	"oplatformBuilder": "开发者设置",
+	"builderEmail": "开发者邮箱",
+	"builderMobile": "开发者手机号",
+	"builderQQ": "开发者QQ",
+	"builderWx": "开发者微信"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/site.group.json b/admin/src/app/lang/zh-cn/site.group.json
new file mode 100644
index 0000000..4c9f20d
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/site.group.json
@@ -0,0 +1,23 @@
+{
+    "addSiteGroup": "添加套餐",
+    "updateTime": "修改时间",
+    "createTime": "创建时间",
+    "groupName": "套餐名称",
+    "groupDesc": "套餐说明",
+    "groupRoles": "套餐权限",
+    "groupDeleteTips": "确定要删除该套餐吗？",
+    "groupNamePlaceholder": "请输入套餐名称",
+    "groupDescPlaceholder": "请输入套餐说明",
+    "groupRolesPlaceholder": "请选择套餐权限",
+    "groupPlaceholder": "请选择权限",
+    "permission": "权限",
+    "updateGroup":"编辑套餐",
+    "addGroup":"添加套餐",
+    "checkStrictly": "父子级不关联",
+    "remark": "套餐说明",
+    "reset": "重置",
+    "search": "搜索",
+    "foldText":"展开/折叠",
+    "appName": "套餐内含应用",
+    "addonName": "套餐内含插件"
+}
diff --git a/admin/src/app/lang/zh-cn/site.group_edit.json b/admin/src/app/lang/zh-cn/site.group_edit.json
new file mode 100644
index 0000000..eb1677b
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/site.group_edit.json
@@ -0,0 +1,26 @@
+{
+    "addSiteGroup": "添加套餐",
+    "updateTime": "修改时间",
+    "createTime": "创建时间",
+    "groupName": "套餐名称",
+    "groupDesc": "套餐说明",
+    "groupRoles": "套餐权限",
+    "groupDeleteTips": "确定要删除该套餐吗？",
+    "groupNamePlaceholder": "请输入套餐名称",
+    "groupDescPlaceholder": "请输入套餐说明",
+    "groupRolesPlaceholder": "请选择套餐权限",
+    "groupPlaceholder": "请选择权限",
+    "permission": "权限",
+    "updateGroup":"编辑套餐",
+    "addGroup":"添加套餐",
+    "checkStrictly": "父子级不关联",
+    "remark": "套餐说明",
+    "reset": "重置",
+    "search": "搜索",
+    "foldText":"展开/折叠",
+    "mainApp": "套餐内含应用",
+    "mainAppPlaceholder": "请选择套餐内包含的应用",
+    "containAddon": "套餐内含插件",
+    "appListEmpty": "没有可选择的应用",
+    "addonListEmpty": "没有可选择的插件"
+}
diff --git a/admin/src/app/lang/zh-cn/site.info.json b/admin/src/app/lang/zh-cn/site.info.json
new file mode 100644
index 0000000..c710a51
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/site.info.json
@@ -0,0 +1,35 @@
+{
+      "siteName":"站点名称",
+      "siteInfo": "站点信息",
+      "editSite": "站点信息",
+      "groupId":"套餐",
+      "logo":"站点logo",
+      "phone":"客服电话",
+      "businessHours":"营业时间",
+      "siteLogo": "店铺LOGO",
+      "expireTime":"到期时间",
+      "groupName": "店铺套餐",
+      "siteNamePlaceholder":"请输入站点名称",
+      "groupIdPlaceholder":"请输入套餐",
+      "addSite":"添加站点",
+      "updateSite":"编辑站点",
+
+      "expireTimePlaceholder":"请选择到期时间",
+      "desc": "网站简介",
+      "province": "省",
+      "city": "市",
+      "district": "区/县",
+      "selectAddress": "请选择地址",
+      "contactAddress": "联系地址",
+      "address": "详细地址",
+      "contactAddressPlaceholder":"联系地址",
+      "keywords":"关键字",
+      "keywordsPlaceholder": "网站关键字",
+      "logoPlaceholder": "网站Logo",
+      "descPlaceholder": "网站简介",
+
+      "phonePlaceholder": "客服电话",
+      "app" : "站点应用",
+      "addon" : "站点插件"
+
+}
diff --git a/admin/src/app/lang/zh-cn/site.list.json b/admin/src/app/lang/zh-cn/site.list.json
new file mode 100644
index 0000000..e246d75
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/site.list.json
@@ -0,0 +1,49 @@
+{
+      "siteName":"站点名称",
+      "groupId":"套餐",
+      "app":"应用",
+      "logo":"站点logo",
+      "status":"状态",
+      "businessHours":"营业时间",
+      "createTime":"创建时间",
+      "expireTime":"到期时间",
+      "siteNamePlaceholder":"请输入站点名称",
+      "createTimePlaceholder":"请输入创建时间",
+      "addSite":"添加站点",
+      "editSite":"编辑站点",
+      "updateSite":"编辑站点",
+      "siteDeleteTips":"确定要删除该站点吗？",
+      "statusExpire":"已到期",
+      "phone":"客服电话",
+      "groupIdPlaceholder":"请选择套餐",
+      "appIdPlaceholder":"请选择应用",
+      "keywordsPlaceholder":"请输入关键字",
+      "keywords":"关键字",
+      "username": "账号",
+      "realName": "真实姓名",
+      "passwordPlaceholder": "请输入管理员密码",
+      "usernamePlaceholder": "请输入管理员账号",
+      "realNamePlaceholder": "请输入真实姓名",
+      "confirmPasswordPlaceholder": "请再次确认密码",
+      "userRealNamePlaceholder": "请输入名称",
+      "expireTimePlaceholder":"请选择到期时间",
+      "confirmPasswordError": "两次输入的密码不一致",
+      "operationTip": "温馨提示：站点登录页面",
+      "siteId": "站点ID",
+      "siteInfo": "站点信息",
+      "siteInlet": "站点入口",
+      "enterSite": "访问站点",
+      "siteList": "站点列表",
+	  "openClose": "开启/停止",
+      "closeTxt":"停止",
+      "openTxt":"开启",
+      "siteUrlDevelopMessage": "站点域名功能正在开发中",
+      "url": "域名",
+      "startDate":"开始时间",
+      "endDate":"结束时间",
+      "manager": "站点管理员",
+      "managerPlaceholder": "请选择站点管理员",
+      "newAddManager": "新增管理员",
+      "edit": "编辑",
+      "siteDeleteTips": "确定要删除该站点吗？该操作将删除该站点和站点相关数据，该操作无法退回，确定要继续删除吗？"
+}
diff --git a/admin/src/app/lang/zh-cn/site.user.json b/admin/src/app/lang/zh-cn/site.user.json
new file mode 100644
index 0000000..d086874
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/site.user.json
@@ -0,0 +1,12 @@
+{
+    "userRealName": "用户真实名称",
+    "lastLoginTime": "最后登录时间",
+    "createTime": "注册时间",
+    "lastLoginIP": "最后登录IP",
+    "userNamePlaceholder": "请输入账号/用户名",
+    "detail": "详情",
+    "siteNum": "站点数量",
+    "endDate": "结束时间",
+    "startDate": "开始时间",
+    "loginTime": "最后登录时间"
+}
diff --git a/admin/src/app/lang/zh-cn/site.user_info.json b/admin/src/app/lang/zh-cn/site.user_info.json
new file mode 100644
index 0000000..4d2556a
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/site.user_info.json
@@ -0,0 +1,17 @@
+{
+    "userInfo": "用户信息",
+    "siteInfo": "站点信息",
+    "uid": "用户ID",
+    "username": "账号",
+    "realname": "真实姓名",
+    "siteId": "站点ID",
+    "siteName": "站点名称",
+    "isAdmin": "是否是超级管理员",
+    "addTime": "添加时间",
+    "createTime":"创建时间",
+    "expireTime":"到期时间",
+    "lastLoginTime": "最后登录时间",
+    "lastLoginIP": "最后登录IP",
+    "yes": "是",
+    "no": "否"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/tools.addon.edit.json b/admin/src/app/lang/zh-cn/tools.addon.edit.json
new file mode 100644
index 0000000..a96dcb8
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/tools.addon.edit.json
@@ -0,0 +1,34 @@
+{
+    "title":"插件名称",
+    "titlePlaceholder":"请输入插件名称",
+    "icon":"插件图标",
+    "iconPlaceholder":"请上传插件图标",
+    "iconPlaceholder1":"建议图片尺寸：200*200像素；图片格式：jpg、png、jpeg",
+    "key":"插件标识",
+    "keyPlaceholder":"请输入插件标识",
+    "keyPlaceholderErr":"插件标识格式不正确，只能以字母开头且只能输入字母、数字、下划线",
+    "keyPlaceholder1":"插件标识指开发插件的文件夹名称，申请之后不能修改(只能包括字母、数字和下划线，且只能以字母开头，格式如：f1111、f11_22)",
+    "keyPlaceholder2":"插件标识设置后建议进行插件标识检测，如果当前插件标识已经在niucloud官方市场注册，则只能在本地使用，无法在官方市场发布销售",
+    "desc":"插件描述",
+    "descPlaceholder":"请输入插件描述",
+    "author":"作者",
+    "authorPlaceholder":"请输入作者",
+    "version":"版本号",
+    "versionPlaceholder":"请输入版本号",
+    "versionPlaceholderErr":"版本号格式不正确",
+    "versionPlaceholder1":"请注意版本号输入格式，例如: 1.1.1",
+    "cover":"插件封面",
+    "coverPlaceholder":"请上传插件封面",
+    "coverPlaceholder1":"建议图片尺寸：480*240像素；图片格式：jpg、png、jpeg",
+    "type":"插件类型",
+    "typePlaceholder":"请选择插件类型",
+    "typePlaceholder1":"应用：指独立开发的系统，比如商城，零售，erp等",
+    "typePlaceholder2":"插件:指不是独立的系统，可以是辅助应用的插件比如商城的拼团，也可以是独立的插件比如系统表单等",
+    "supportType":"所属应用",
+    "supportApp":"支持应用",
+    "supportAppPlaceholder":"请选择支持应用",
+    "GeneratePlugins":"生成插件",
+    "successText":"检测当前插件标识尚未在应用市场注册，插件开发后可以在niucloud官方市场发布",
+    "warningText":"检测到当前插件标识已经在niucloud官方市场注册，开发的插件只能在本地使用，无法在官方市场发布销售",
+    "onSaveSuccessText":"插件生成成功"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/tools.addon.index.json b/admin/src/app/lang/zh-cn/tools.addon.index.json
new file mode 100644
index 0000000..bcc99b4
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/tools.addon.index.json
@@ -0,0 +1,30 @@
+{
+    "developmentProcess":"开发流程",
+    "pluginList":"插件列表",
+    "addAddon":"新建插件",
+    "title":"插件名称",
+    "titlePlaceholder":"请输入插件名称",
+    "author":"作者",
+    "authorPlaceholder":"请输入作者",
+    "key":"插件标识",
+    "type":"插件类型",
+    "version":"版本号",
+    "stutas":"状态",
+    "codeDeleteTips":"删除插件后对应文件会一并删除，是否确认",
+    "step1":"新建一个插件",
+    "describe1":"点击新建插件，生成插件后系统会生成对应插件的基础代码",
+    "btn1":"新建插件",
+    "step2":"安装插件",
+    "describe2":"插件创建之后处于未安装状态，点击进入插件列表选择对应新建插件点击安装",
+    "btn2":"插件列表",
+    "step3":"开发插件",
+    "describe3":"插件安装成功之后就可以进行开发，具体查看开发教程",
+    "btn3":"查看教程",
+    "step4":"打包插件",
+    "describe4":"插件开发的前端代码是直接在对应开发环境运行的，并没有放入插件对应目录，点击打包后会将对应插件的代码整合到插件目录方便后期安装与打包发行版本",
+    "btn4":"插件列表",
+    "step5":"上传到云市场",
+    "describe5":"插件打包成功之后可以上传到官方云市场进行销售，可以打包后选择下载代码zip格式，然后在官网开发商引用选择上传版本",
+    "btn5":"官方市场",
+    "addonDownloadText":"插件打包成功，是否下载"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/tools.code.edit.json b/admin/src/app/lang/zh-cn/tools.code.edit.json
new file mode 100644
index 0000000..213c1c4
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/tools.code.edit.json
@@ -0,0 +1,143 @@
+{
+      "basicSettings":"基础设置",
+      "fieldSettings":"字段设置",
+      "pageSettings":"页面设置",
+      "generationSettings":"生成配置",
+      "associatedConfiguration":"关联设置",
+      "tableName":"表名称",
+      "tableContent":"描述",
+      "addon":"所属插件",
+      "moduleName":"模块名",
+      "className":"类名",
+      "editType":"编辑方式",
+      "createTime":"创建时间",
+      "updateTime":"更新时间",
+      "popup":"弹出",
+      "page":"新页面",
+      "selectPlaceholder":"请选择",
+      "tableNamePlaceholder":"请输入表名",
+      "tableContentPlaceholder":"请输入描述",
+      "addonPlaceholder":"请选择插件",
+      "addonPlaceholder1":"/",
+      "moduleNamePlaceholder":"请输入模块名",
+      "classNamePlaceholder":"请输入类名",
+      "editTypePlaceholder":"请选择编辑方式",
+      "columnNamePlaceholder":"请输入字段名",
+      "columnCommentPlaceholder":"请输入字段描述",
+      "tableNameValidata": "表名不符合规范，请以 字母、_ 开头，不能出现 字母、数字、下划线 以外的字符",
+      "fieldNameValidata": "不符合规范，请以 字母、_ 开头，不能出现 字母、数字、下划线 以外的字符",
+      "addCode":"导入数据表",
+      "updateCode":"编辑代码生成",
+      "codeDeleteTips":"确定要删除吗？",
+      "tableComment":"表描述",
+      "tableCreateTime":"创建时间",
+      "tableUpdateTime":"修改时间",
+      "addBtn":"添加",
+      "searchPlaceholder":"请输入表名或表描述搜索",
+      "selectTableTips":"确认导入该数据表吗？",
+      "download":"下载",
+      "commentField":"常用字段",
+      "baseField":"公用字段",
+      "columnName": "字段列名",
+      "columnComment": "字段描述",
+      "columnType": "字段类型",
+      "fieldAttribute": "字段属性",
+      "addAndEdit":"添加编辑",
+      "listSearch":"列表查询",
+      "isPk":"主键",
+      "isRequired":"必填",
+      "isInsert":"添加",
+      "isUpdate":"编辑",
+      "isLists":"列表",
+      "isSearch":"搜索",
+      "isQuery":"查询",
+      "queryType":"搜索方式",
+      "formType": "表单类型",
+      "verifyType": "验证类型",
+      "formInput":"文本框",
+      "formTextarea":"文本域",
+      "formSelect":"下拉框",
+      "formRadio":"单选框",
+      "formCheckbox":"复选框",
+      "formDateTime":"日期",
+      "formImageSelect":"图片上传",
+      "formEditor":"富文本",
+      "formNumber":"数字框",
+      "pk":"主键",
+      "status": "状态",
+      "string": "字符串",
+      "image": "图片",
+      "radio": "单选",
+      "checkbox": "复选",
+      "select": "下拉选择",
+      "editor": "富文本",
+      "dateTime": "日期",
+      "formValidation":"表单验证",
+      "deleteType":"删除类型",
+      "physicalDeletion":"物理删除",
+      "softDeletion":"软删除",
+      "deleteField":"删除字段",
+      "deleteFieldPlaceholder":"请选择删除字段",
+      "orderColumnName":"排序字段",
+      "orderColumnNamePlaceholder":"请选择排序字段",
+      "orderType":"排序方式",
+      "orderTypePlaceholder":"请选择排序方式",
+      "menuType":"上级菜单",
+      "autoBuild":"自动构建",
+      "manualAddition":"手动添加",
+      "controller":"控制器目录",
+      "dataModel":"模型目录",
+      "validator":"验证器目录",
+      "webView":"WEB端视图目录",
+      "routerView":"路由目录",
+      "insertAssociated":"新增关联",
+      "associatedType":"关联类型",
+      "associatedTypePlaceholder":"请选择关联类型",
+      "hasOne":"一对一",
+      "hasMany":"一对多",
+      "associatedName":"关联方法名称",
+      "associatedNamePlaceholder":"请输入关联方法名称",
+      "associatedModel":"关联模型",
+      "associatedModelPlaceholder":"请选择关联模型",
+      "localKey":"关联键",
+      "localKeyPlaceholder":"请选择关联键",
+      "foreignKey":"外键",
+      "foreignKeyPlaceholder":"请输入外键",
+      "addons":"关联应用",
+      "addonsPlaceholder":"请选择应用",
+      "saveAndSync":"同步代码",
+      "saveAndDownload":"下载代码",
+      "saveAndSyncText":"同步的代码与项目产生冲突，是否确认覆盖?",
+      "saveAndSyncText1":"同步的代码会加入到项目代码中，是否确认继续",
+      "mobileVerify":"手机号验证",
+      "numberVerify":"整数验证",
+      "idCardVerify":"身份证验证",
+      "emailVerify":"邮箱验证",
+      "maxVerify":"最大输入120个字符",
+      "minVerify":"最小输入1个字符",
+      "maxLabel":"最大输入字符",
+      "minLabel":"最小输入字符",
+      "minPlaceholder":"最小输入字符不能为空",
+      "minPlaceholder1":"最小输入字符不可大于最大输入字符",
+      "maxPlaceholder":"最大字输入字符不能为空",
+      "maxPlaceholder1":"最大输入字符不可小于最小输入字符",
+      "maxLabel1":"最大输入数",
+      "minLabel1":"最小输入数",
+      "min1Placeholder":"最小输入数不能为空",
+      "min1Placeholder1":"最小输入数不可大于最大输入数",
+      "max1Placeholder":"最大字输入数不能为空",
+      "max1Placeholder1":"最大输入数不可小于最小输入数",
+      "between":"输入字符区间",
+      "setUp":"设置",
+      "dictType":"数据字典",
+      "dictTypePlaceholder":"请选择数据字典",
+      "dictTypePlaceholder1":"部分字段未选择数据字典",
+      "remotePullDown": "远程下拉",
+      "remotePullDownValue":"远程下拉value字段",
+      "remotePullDownValuePlaceholder":"请选择远程下拉value字段",
+      "remotePullDownLabel":"远程下拉标题字段",
+      "remotePullDownLabelPlaceholder":"请选择远程下拉label字段",
+      "selectType":"下拉类型"
+
+
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/tools.code.index.json b/admin/src/app/lang/zh-cn/tools.code.index.json
new file mode 100644
index 0000000..f8a7ca2
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/tools.code.index.json
@@ -0,0 +1,49 @@
+{
+      "tableName":"表名称",
+      "tableContent":"描述",
+      "addon":"插件",
+      "moduleName":"模块名",
+      "className":"类名",
+      "editType":"编辑方式",
+      "createTime":"创建时间",
+      "updateTime":"更新时间",
+      "popup":"弹出",
+      "page":"新页面",
+      "tableNamePlaceholder":"请输入表名",
+      "tableContentPlaceholder":"请输入描述",
+      "addonPlaceholder":"请选择插件",
+      "moduleNamePlaceholder":"请输入模块名",
+      "classNamePlaceholder":"请输入类名",
+      "editTypePlaceholder":"请选择编辑方式",
+      "addCode":"导入数据表",
+      "updateCode":"编辑代码生成",
+      "codeDeleteTips":"确定要删除吗？",
+      "tableComment":"表描述",
+      "tableCreateTime":"创建时间",
+      "tableUpdateTime":"修改时间",
+      "addBtn":"添加",
+      "searchPlaceholder":"请输入表名或表描述搜索",
+      "selectTableTips":"确认导入该数据表吗？",
+      "download":"下载代码",
+      "codeGeneration":"代码生成",
+      "codeList":"生成列表",
+      "step1":"选择数据表生成代码",
+      "describe1":"点击添加，选择对应数据表，添加之后会跳转到对应生成代码的配置管理页面",
+      "btn1":"添加",
+      "step2":"基础设置",
+      "describe2":"代码生成查看基础设置，包括基础的表名、描述、所属插件设置",
+      "btn2":"插件列表",
+      "step3":"字段设置",
+      "describe3":"代码中字段的管理，包括字段是否进行增加、编辑、列表、查询展示等",
+      "btn3":"查看教程",
+      "step4":"页面设置",
+      "describe4":"正在开发中，会将字段进行展示管理配置，同时提供预览，真正实现自定义表单配置",
+      "btn4":"插件列表",
+      "step5":"生成配置",
+      "describe5":"针对代码中展示页面配置，包括单独页面编辑表单还是弹框，生成的代码穿插到系统中还是进行下载等",
+      "btn5":"官方市场",
+      "saveAndSync":"同步代码",
+      "saveAndSyncText":"同步的代码与项目产生冲突，是否确认覆盖?",
+      "saveAndSyncText1":"同步的代码会加入到项目代码中，是否确认继续",
+      "addonName": "所属插件"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/tools.detection.json b/admin/src/app/lang/zh-cn/tools.detection.json
new file mode 100644
index 0000000..80c23ab
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/tools.detection.json
@@ -0,0 +1,16 @@
+{
+	"title": "名称",
+	"serverInformation": "服务器信息",
+	"systemDemand": "系统环境要求",
+	"authorityStatus": "权限状态",
+	"name": "选项",
+	"demand": "要求",
+	"status": "状态",
+	"environment": "环境",
+	"version": "版本",
+	"phpType": "PHP版本",
+	"phpTypeValue": "大于等于8.0.0",
+	"mysqlType": "mysql版本",
+	"mysqlTypeValue": "大于等于5.7",
+	"process": "启动进程"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/tools.schedule.json b/admin/src/app/lang/zh-cn/tools.schedule.json
new file mode 100644
index 0000000..99e23f0
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/tools.schedule.json
@@ -0,0 +1,33 @@
+{
+      "title": "名称",
+      "cronInfo": "任务详情",
+      "type": "任务类型",
+      "lastTime": "最后执行时间",
+      "startDate":"开始时间",
+      "cron":"定时执行",
+      "endDate":"结束时间",
+      "titlePlaceholder": "请选择任务模版",
+      "typeName":"任务类型",
+      "crondType":"任务周期",
+      "count":"已执行次数",
+      "nextTime":"下次执行时间",
+      "task":"任务命令",
+      "data":"附加参数",
+      "statusDesc":"最后执行结果",
+	  "key": "key",
+	  "timeClass": "时间类型",
+	  "executeTime": "执行时间",
+	  "editCron": "编辑任务",
+	  "cronTemplate": "任务模版",
+	  "cronTime": "任务周期",
+	  "openStatus": "任务状态",
+	  "isopen": "是否启用",
+	  "day": "日",
+	  "hour": "时",
+	  "min": "分",
+	  "cronDeleteTips": "你确定要删除任务吗",
+	  "addCron": "添加任务",
+	  "cronTimeTips": "任务周期时间不能为空",
+	  "cronTipsOne": "启动计划任务方式：",
+	  "cronTipsTwo": "1、使用命令启动：php think cron:schedule 如果更改了任务周期、状态、删除任务等操作后,需要重新启动下 php think cron:schedule 确保生效"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/tools.updatecache.json b/admin/src/app/lang/zh-cn/tools.updatecache.json
new file mode 100644
index 0000000..bd94c79
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/tools.updatecache.json
@@ -0,0 +1,7 @@
+{
+      "refresh":"刷新",
+      "refreshMenu":"刷新菜单",
+      "refreshMenuDesc":"新增/修改插件菜单后，需要刷新插件菜单",
+      "dataCache":"数据缓存",
+      "dataCacheDesc":"新增/修改数据表后，需要清除数据表缓存"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/user.center.json b/admin/src/app/lang/zh-cn/user.center.json
new file mode 100644
index 0000000..6905b79
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/user.center.json
@@ -0,0 +1,6 @@
+{
+    "personal": "个人中心",
+    "editPersonal": "编辑",
+    "headImg": "头像",
+    "realName": "名称"
+}
\ No newline at end of file
diff --git a/admin/src/app/lang/zh-cn/user.edit_center.json b/admin/src/app/lang/zh-cn/user.edit_center.json
new file mode 100644
index 0000000..7b41f3a
--- /dev/null
+++ b/admin/src/app/lang/zh-cn/user.edit_center.json
@@ -0,0 +1,18 @@
+{
+    "editPersonal": "编辑个人中心",
+    "headImg": "头像",
+    "realName": "名称",
+    "originalPassword": "原始密码",
+    "password": "新密码",
+    "passwordCopy": "确认密码",
+    "passwordTip": "修改密码时必填.不修改密码时留空",
+    "realNamePlaceholder": "请输入用户名称",
+    "headImgPlaceholder": "请输入用户头像",
+    "originalPasswordPlaceholder": "请输入原始密码",
+    "passwordPlaceholder": "请输入新密码",
+    "save": "保存",
+    "cancel": "返回",
+    "originalPasswordHint": "原始密码不能为空",
+    "newPasswordHint": "请输入确认密码",
+    "doubleCipherHint": "两次新密码不同"
+}
\ No newline at end of file
diff --git a/admin/src/app/views/app/authorize.vue b/admin/src/app/views/app/authorize.vue
new file mode 100644
index 0000000..cd9de67
--- /dev/null
+++ b/admin/src/app/views/app/authorize.vue
@@ -0,0 +1,298 @@
+<template>
+	<div class="main main-container min-w-[1000px] min-h-[650px]" v-loading="loading">
+		<el-card class="box-card !border-none" shadow="never" v-if="!loading">
+			<div class="flex">
+				<div class="bg-[#F3F6FF] mr-[14px] w-[402px] pt-[30px] pl-[32px] pr-[20px] pb-[60px] timeline-log-wrap">
+					<div class="flex items-center justify-between">
+						<span class="text-[20px]">版本信息</span>
+                        <div class="flex-1 w-0 flex justify-end">
+                            <el-button class="text-[#4C4C4C] w-[78px] h-[32px] !bg-transparent" @click="getFrameworkVersionListFn" v-if="!newVersion || (newVersion && newVersion.version_no == versions)">检测更新</el-button>
+                            <el-button class="text-[#4C4C4C] w-[78px] h-[32px]" type="primary" @click="handleUpgrade" v-else>一键升级</el-button>
+                            <el-button class="text-[#4C4C4C] w-[78px] h-[32px]" type="primary" @click="handleCloudBuild">云编译</el-button>
+                        </div>
+					</div>
+					<div class="mt-[30px] flex items-center text-[14px] text-[#797979]">
+						<span>当前版本</span>
+						<span class="text-[26px] ml-[15px] mr-[10px] text-[#656668]">{{versions}}</span>
+						<em class="text-[12px]" v-if="!newVersion || (newVersion && newVersion.version_no == versions)">(当前已是最新版本)</em>
+                        <em class="text-[12px] text-[red]" v-else>(最新版本{{ newVersion.version_no }})</em>
+					</div>
+				</div>
+				<div class="flex-1 flex justify-between items-center bg-[#F3F6FF] pt-[34px] pl-[30px] pr-[60px] pb-[62px] timeline-log-wrap">
+					<div class="flex flex-col">
+						<div class="flex flex-wrap items-center">
+							<p class="text-[20px] mr-[20px]">授权信息</p>
+							<span class="text-[14px] text-[#666]">{{ authinfo.company_name || '--' }}</span>
+						</div>
+						<div class="mt-[46px] ml-[40px] flex flex-wrap">
+							<span class="text-[14px] mr-[84px]">授权域名<em
+									class="ml-[12px] text-[12px]">{{ authinfo.site_address || '--'
+									}}</em></span>
+							<span class="text-[14px] flex items-center">
+								<span>授权码</span>
+								<em class="ml-[12px] mr-[10px] text-[12px]">{{ authinfo.auth_code ? (isCheck
+									?
+									authinfo.auth_code : hideAuthCode(authinfo.auth_code)) : '--' }}</em>
+								<el-icon v-if="!isCheck" @click="isCheck = !isCheck" class="text-[12px] cursor-pointer">
+									<View />
+								</el-icon>
+								<el-icon v-else @click="isCheck = !isCheck" class="text-[12px] cursor-pointer">
+									<Hide />
+								</el-icon>
+							</span>
+						</div>
+					</div>
+					<div class="flex flex-1  flex-wrap justify-end relative">
+						<el-button class="w-[154px] !h-[48px] mt-[8px]" type="primary"
+							@click="authCodeApproveFn">授权码认证</el-button>
+						<el-popover ref="getAuthCodeDialog" placement="bottom-start" :width="478" trigger="click"
+							class="mt-[8px]">
+							<div class="px-[18px] py-[8px]">
+								<p class="leading-[32px] text-[14px]">您在官方应用市场购买任意一款应用，即可获得授权码。输入正确授权码认证通过后，即可支持在线升级和其它相关服务
+								</p>
+								<div class="flex justify-end mt-[36px]">
+									<el-button class="w-[182px] !h-[48px]" plain @click="market">去应用市场逛逛</el-button>
+									<el-button class="w-[100px] !h-[48px]" plain
+										@click="getAuthCodeDialog.hide()">关闭</el-button>
+								</div>
+							</div>
+							<template #reference>
+								<el-button
+									class="w-[154px] !h-[48px] mt-[8px] !text-[var(--el-color-primary)] hover:!text-[var(--el-color-primary)] !bg-transparent"
+									plain type="primary">如何获取授权码?</el-button>
+							</template>
+						</el-popover>
+					</div>
+					<el-dialog v-model="authCodeApproveDialog" title="授权码认证" width="400px">
+						<el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form">
+							<el-card class="box-card !border-none" shadow="never">
+								<el-form-item prop="auth_code">
+									<el-input v-model="formData.auth_code" :placeholder="t('authCodePlaceholder')"
+										class="input-width" clearable size="large" />
+								</el-form-item>
+
+								<div class="mt-[20px]">
+									<el-form-item prop="auth_secret">
+										<el-input v-model="formData.auth_secret" clearable
+											:placeholder="t('authSecretPlaceholder')" class="input-width" size="large" />
+									</el-form-item>
+								</div>
+
+								<div class="text-sm mt-[10px] text-info">{{ t('authInfoTips') }}</div>
+
+								<div class="mt-[20px]">
+									<el-button type="primary" class="w-full" size="large" :loading="saveLoading"
+										@click="save(formRef)">{{
+											t('confirm') }}</el-button>
+								</div>
+								<div class="mt-[10px] text-right">
+									<el-button type="primary" link @click="market">{{ t('notHaveAuth') }}</el-button>
+								</div>
+							</el-card>
+						</el-form>
+					</el-dialog>
+				</div>
+			</div>
+		</el-card>
+
+        <el-card class="box-card !border-none " shadow="never" v-if="!loading">
+            <div class="text-[20px] mb-[20px]">历史版本</div>
+            <el-timeline>
+                <el-timeline-item :timestamp="item['release_time'] + ' 版本：' + item['version_no']" v-for="(item,index) in frameworkVersionList" type="primary" :hollow="true" placement="top" :key="index">
+                    <div class="mt-[10px] p-[20px] bg-overlay rounded-md timeline-log-wrap whitespace-pre" v-if="item['upgrade_log']">
+                        <div v-html="item['upgrade_log']"></div>
+                    </div>
+                </el-timeline-item>
+            </el-timeline>
+        </el-card>
+
+        <upgrade ref="upgradeRef" />
+        <cloud-build ref="cloudBuildRef" />
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, computed } from 'vue'
+import { t } from '@/lang'
+import { getVersions } from '@/app/api/auth'
+import { getAuthinfo, setAuthinfo, getFrameworkVersionList } from '@/app/api/module'
+import { ElMessageBox, FormInstance, FormRules } from 'element-plus'
+import Upgrade from '@/app/components/upgrade/index.vue'
+import CloudBuild from '@/app/components/cloud-build/index.vue'
+
+const upgradeRef = ref<any>(null)
+const cloudBuildRef = ref<any>(null)
+const getAuthCodeDialog: Record<string, any> | null = ref(null)
+
+const authCodeApproveDialog = ref(false)
+const isCheck = ref(false)
+const frameworkVersionList = ref([])
+
+const getFrameworkVersionListFn = () => {
+    getFrameworkVersionList().then(({ data }) => {
+        frameworkVersionList.value = data
+    })
+}
+getFrameworkVersionListFn()
+
+const newVersion:any = computed(() => {
+    return frameworkVersionList.value.length ? frameworkVersionList.value[0] : null
+})
+
+const hideAuthCode = (res:any) => {
+    const authCode = JSON.parse(JSON.stringify(res))
+    const data = authCode.slice(0, authCode.length / 2) + authCode.slice(authCode.length / 2, authCode.length - 1).replace(/./g, '*')
+    return data
+}
+
+const authCodeApproveFn = () => {
+    authCodeApproveDialog.value = true
+}
+
+interface AuthInfo {
+	company_name: string,
+	site_address: string,
+	auth_code: string
+}
+
+const authinfo = ref<AuthInfo>({
+    company_name: '',
+    site_address: '',
+    auth_code: ''
+})
+const loading = ref(true)
+const saveLoading = ref(false)
+const checkAppMange = () => {
+    getAuthinfo()
+        .then((res) => {
+            loading.value = false
+            if (res.data.data && res.data.data.length != 0) {
+                authinfo.value = res.data.data
+                authCodeApproveDialog.value = false
+            }
+        })
+        .catch(() => {
+            loading.value = false
+            authCodeApproveDialog.value = false
+        })
+}
+checkAppMange()
+
+const formData = reactive<Record<string, string>>({
+    auth_code: '',
+    auth_secret: ''
+})
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    auth_code: [
+        { required: true, message: t('authCodePlaceholder'), trigger: 'blur' }
+    ],
+    auth_secret: [
+        { required: true, message: t('authSecretPlaceholder'), trigger: 'blur' }
+    ]
+})
+
+const save = async (formEl: FormInstance | undefined) => {
+    if (saveLoading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            saveLoading.value = true
+
+            setAuthinfo(formData)
+                .then(() => {
+                    saveLoading.value = false
+                    checkAppMange()
+                })
+                .catch(() => {
+                    saveLoading.value = false
+                    authCodeApproveDialog.value = false
+                })
+        }
+    })
+}
+
+const market = () => {
+    window.open('https://www.niucloud.com/app')
+}
+
+const versions = ref('')
+const getVersionsInfo = () => {
+    getVersions().then(res => {
+        versions.value = res.data.version.version
+    })
+}
+getVersionsInfo()
+
+/**
+ * 升级
+ */
+const handleUpgrade = () => {
+    if (!authinfo.value) {
+        authCodeApproveFn()
+        return
+    }
+    upgradeRef.value?.open()
+}
+
+const handleCloudBuild = () => {
+    if (!authinfo.value) {
+        authCodeApproveFn()
+        return
+    }
+    if (cloudBuildRef.value.cloudBuildTask) {
+        cloudBuildRef.value?.open()
+        return
+    }
+    ElMessageBox.confirm(t('cloudBuildTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        cloudBuildRef.value?.open()
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.app-text {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	-o-text-overflow: ellipsis;
+}
+
+.main {
+	background-color: var(--el-bg-color-overlay);
+}
+
+em {
+	font-style: normal
+}
+.timeline-log-wrap {
+    background: #F5F7F9;
+}
+html.dark {
+    .timeline-log-wrap {
+        background: var(--el-bg-color);
+        color: var(--el-text-color-regular);
+    }
+}
+</style>
+<style>
+.auth-code-dialog .el-overlay {
+	background-color: transparent;
+}
+
+.auth-code-dialog .el-dialog__header {
+	padding: 0;
+}
+
+.auth-code-dialog .el-dialog__body {
+	padding: 20px 30px;
+}
+</style>
diff --git a/admin/src/app/views/app/index.vue b/admin/src/app/views/app/index.vue
new file mode 100644
index 0000000..8c72df0
--- /dev/null
+++ b/admin/src/app/views/app/index.vue
@@ -0,0 +1,83 @@
+<template>
+    <div class="main-container w-full bg-white" v-loading="loading">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">应用管理</span>
+            </div>
+            <div class="flex flex-wrap plug-list pb-10 plug-large" v-if="appList.length">
+                <div v-for="(item, index) in appList" :key="index + 'b'">
+                    <div
+                        class="relative app-item cursor-pointer px-4 mr-4 mt-[20px] bg-[#f7f7f7] border-[1px] hover:border-primary">
+                        <div @click="toLink(item.key)" class="flex py-5 items-center">
+                            <div class="flex justify-center items-center">
+                                <el-image class="w-[40px] h-[40px]" :src="img(item.icon)" fit="contain">
+                                    <template #error>
+                                        <div class="image-slot">
+                                            <img class="w-[50px] h-[50px]"
+                                                src="@/app/assets/images/index/app_default.png" />
+                                        </div>
+                                    </template>
+                                </el-image>
+                            </div>
+                            <div class="flex flex-col justify-between text-left w-[190px]">
+                                <p class="app-text w-[190px] text-[17px] text-[#222] pl-3">{{ item.title }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="empty flex items-center  justify-center" v-if="!loading && !appList.length">
+                <el-empty :description="t('emptyAppData')" />
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { getSiteAddons } from '@/app/api/site'
+import { img } from '@/utils/common'
+import useUserStore from '@/stores/modules/user'
+import { useRouter } from 'vue-router'
+import { t } from '@/lang'
+
+const addonIndexRoute = useUserStore().addonIndexRoute
+const router = useRouter()
+const appList = ref<Record<string, any>[]>([])
+
+const loading = ref(true)
+const getAppList = async () => {
+    const res = await getSiteAddons()
+    appList.value = res.data
+    loading.value = false
+}
+getAppList()
+
+const toLink = (addon: string) => {
+    addonIndexRoute[addon] && router.push({ name: addonIndexRoute[addon] })
+}
+</script>
+
+<style lang="scss" scoped>
+.main-container,
+.empty {
+    min-height: calc(100vh - 84px);
+}
+
+.app-text {
+    overflow: hidden;
+    /* 超出部分隐藏 */
+    white-space: nowrap;
+    /* 禁止文本换行 */
+    text-overflow: ellipsis;
+    /* 显示省略号 */
+}
+
+.app-item:hover .with-ite {
+    display: block;
+}
+
+.el-form-item {
+    margin-bottom: 0px !important;
+}
+</style>
diff --git a/admin/src/app/views/app/store.vue b/admin/src/app/views/app/store.vue
new file mode 100644
index 0000000..0cfcbf9
--- /dev/null
+++ b/admin/src/app/views/app/store.vue
@@ -0,0 +1,841 @@
+<template>
+    <div class="pt-[64px] px-[90px] app-store" v-loading="loading">
+        <div v-if="info[activeName] && !loading">
+            <div class="flex justify-between items-center h-[32px] mb-4">
+                <span class="text-[26px] text-[#222] font-600">{{ t('localAppText') }}</span>
+                <div class="w-[247px]">
+                    <el-input :placeholder="t('search')" v-model="searchName" @keyup.enter="query">
+                        <template #suffix>
+                            <el-icon class="el-input__icon  cursor-pointer" size="14px" @click="query">
+                                <search />
+                            </el-icon>
+                        </template>
+                    </el-input>
+                </div>
+            </div>
+            <div class="flex mt-[24px]">
+                <div :class="{ '!bg-[#000] !border-0 !text-[#fff]': activeName === 'installed' }"
+                    class="w-[78px] h-[30rpx] text-[14px] text-[#242424] text-center rounded-[15px] leading-[30px] bg-[#F0F0F0] border-solid border-1 border-[#E0E0E0] cursor-pointer mr-[24px]"
+                    @click="activeName = 'installed'">
+                    {{ t('installLabel') }}
+                </div>
+                <div :class="{ '!bg-[#000] !border-0 !text-[#fff]': activeName === 'uninstalled' }"
+                    class="w-[78px] h-[30rpx] text-[14px] text-[#242424] text-center rounded-[15px] leading-[30px] bg-[#F0F0F0] border-solid border-1 border-[#E0E0E0] cursor-pointer mr-[24px]"
+                    @click="activeName = 'uninstalled'">
+                    {{ t('uninstalledLabel') }}
+                </div>
+                <div :class="{ '!bg-[#000] !border-0 !text-[#fff]': activeName === 'all' }"
+                    class="w-[78px] h-[30rpx] text-[14px] text-[#242424] text-center rounded-[15px] leading-[30px] bg-[#F0F0F0] border-solid border-1 border-[#E0E0E0] cursor-pointer mr-[24px]"
+                    @click="activeName = 'all'">
+                    {{ t('buyLabel') }}
+                </div>
+            </div>
+            <div class="mt-[32px]">
+                <el-table v-if="localList[activeName].length" :data="info[activeName]" size="large" class="pt-[5px]">
+                    <el-table-column :label="t('appName')" align="left" width="320">
+                        <template #default="{ row }">
+                            <div class="flex items-center"
+                                :class="{ 'cursor-pointer': row.type == 'app' && Object.keys(row.install_info).length }"
+                                @click="itemPath(row)">
+                                <el-image class="w-[54px] h-[54px]" :src="row.icon" fit="contain">
+                                    <template #error>
+                                        <img class="w-[54px] h-[54px]" src="@/app/assets/images/icon-addon.png" alt="">
+                                    </template>
+                                </el-image>
+                                <div
+                                    class="flex flex-col justify-center h-[54px] pl-[20px] text-[#222] font-500 text-[13px]">
+                                    <div class="w-[236px] truncate leading-[18px]">{{ row.title }}</div>
+                                    <div class="w-[236px] truncate leading-[18px] mt-[6px]">{{ row.version }}</div>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="left" min-width="120">
+                        <template #header>
+                            <div class="flex items-center">
+                                <span class="text-[#222] font-500 text-[13px] mr-[5px]">{{ t('appIdentification') }}</span>
+                                <el-tooltip class="box-item" effect="light" :content="t('tipText')" placement="bottom">
+                                    <el-icon class="cursor-pointer text-[16px] text-[#a9a9a9]">
+                                        <QuestionFilled />
+                                    </el-icon>
+                                </el-tooltip>
+                            </div>
+                        </template>
+                        <template #default="{ row }">
+                            <span class="text-[#222] font-500 text-[13px]">{{ row.key }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="" :label="t('introduction')" align="left" min-width="200">
+                        <template #default="{ row }">
+                            <span class="text-[#222] font-500 text-[13px] multi-hidden">{{ row.desc }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('type')" align="left" min-width="100">
+                        <template #default="{ row }">
+                            <span class="text-[#222] font-500 text-[13px]">{{ row.type === 'app' ? t('app') : t('addon')
+                            }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="" :label="t('author')" align="left" min-width="100">
+                        <template #default="{ row }">
+                            <span class="text-[#222] font-500 text-[13px]">{{ row.author }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" fixed="right" align="right" width="150">
+                        <template #default="{ row }">
+                            <el-button class="!text-[13px]" type="primary" link @click="getAddonDetialFn(row)">{{
+                                t('detail') }}</el-button>
+                            <el-button class="!text-[13px]" v-if="row.install_info && Object.keys(row.install_info)?.length"
+                                type="primary" link @click="uninstallAddonFn(row.key)">{{ t('unload') }}</el-button>
+
+                            <el-button class="!text-[13px]" v-else-if="row.is_download && row.install_info <= 0"
+                                type="primary" link @click="installAddonFn(row.key)">{{ t('install')
+                                }}</el-button>
+                            <el-button class="!text-[13px]" v-else :loading="downloading == row.key"
+                                :disabled="downloading != ''" type="primary" link @click.stop="downEvent(row)">{{
+                                    t('down') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-empty class="mx-auto overview-empty"
+                    v-if="!localList.installed.length && !loading && activeName == 'installed'">
+                    <template #image>
+                        <div class="w-[230px] mx-auto">
+                            <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
+                        </div>
+                    </template>
+                    <template #description>
+                        <p class="flex items-center">{{ t('installed-empty') }}</p>
+                    </template>
+                </el-empty>
+                <el-empty class="mx-auto overview-empty"
+                    v-if="!localList.uninstalled.length && !loading && activeName == 'uninstalled'">
+                    <template #image>
+                        <div class="w-[230px] mx-auto">
+                            <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
+                        </div>
+                    </template>
+                    <template #description>
+                        <p class="flex items-center">
+                            <span>{{ t('descriptionLeft') }}</span>
+                            <el-link type="primary" @click="goRouter" class="mx-[5px]">{{ t('link') }}</el-link>
+                            <span>{{ t('descriptionRight') }}</span>
+                        </p>
+                    </template>
+                </el-empty>
+                <div v-if="!localList.all.length && !loading && !authinfo && activeName == 'all'"
+                    class="mx-auto overview-empty flex flex-col items-center pt-14 pb-6">
+                    <div class="mb-[20px] text-sm text-[#888]">检测到当前账号尚未绑定授权，请先绑定授权！</div>
+                    <div class="flex flex-1  flex-wrap justify-center relative">
+                        <el-button class="w-[154px] !h-[48px] mt-[8px]" type="primary"
+                            @click="authCodeApproveFn">授权码认证</el-button>
+                        <el-popover ref="getAuthCodeDialog" placement="bottom" :width="478" trigger="click"
+                            class="mt-[8px]">
+                            <div class="px-[18px] py-[8px]">
+                                <p class="leading-[32px] text-[14px]">
+                                    您在官方应用市场购买任意一款应用，即可获得授权码。输入正确授权码认证通过后，即可支持在线升级和其它相关服务</p>
+                                <div class="flex justify-end mt-[36px]">
+                                    <el-button class="w-[182px] !h-[48px]" plain @click="market">去应用市场逛逛</el-button>
+                                    <el-button class="w-[100px] !h-[48px]" plain
+                                        @click="getAuthCodeDialog.hide()">关闭</el-button>
+                                </div>
+                            </div>
+                            <template #reference>
+                                <el-button
+                                    class="w-[154px] !h-[48px] mt-[8px] !text-[var(--el-color-primary)] hover:!text-[var(--el-color-primary)] !bg-transparent"
+                                    plain type="primary">如何获取授权码?</el-button>
+                            </template>
+                        </el-popover>
+                    </div>
+                </div>
+            </div>
+            <el-dialog v-model="authCodeApproveDialog" title="授权码认证" width="400px">
+                <el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form">
+                    <el-card class="box-card !border-none" shadow="never">
+                        <el-form-item prop="auth_code">
+                            <el-input v-model="formData.auth_code" :placeholder="t('authCodePlaceholder')"
+                                class="input-width" clearable size="large" />
+                        </el-form-item>
+
+                        <div class="mt-[20px]">
+                            <el-form-item prop="auth_secret">
+                                <el-input v-model="formData.auth_secret" clearable :placeholder="t('authSecretPlaceholder')"
+                                    class="input-width" size="large" />
+                            </el-form-item>
+                        </div>
+
+                        <div class="text-sm mt-[10px] text-info">{{ t('authInfoTips') }}</div>
+
+                        <div class="mt-[20px]">
+                            <el-button type="primary" class="w-full" size="large" :loading="saveLoading"
+                                @click="save(formRef)">{{ t('confirm') }}</el-button>
+                        </div>
+                        <div class="mt-[10px] text-right">
+                            <el-button type="primary" link @click="market">{{ t('notHaveAuth') }}</el-button>
+                        </div>
+                    </el-card>
+                </el-form>
+            </el-dialog>
+            <!-- 详情 -->
+            <el-dialog v-model="appStoreShowDialog" :title="t('plugDetail')" width="500px" :destroy-on-close="true">
+                <el-form :model="appStoreInfo" label-width="120px" ref="formRef" class="page-form">
+                    <el-form-item :label="t('title')">
+                        <div class="input-width"> {{ appStoreInfo.title }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('desc')">
+                        <div class="input-width"> {{ appStoreInfo.desc }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('author')">
+                        <div class="input-width"> {{ appStoreInfo.author }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('version')">
+                        <div class="input-width"> {{ appStoreInfo.version }} </div>
+                    </el-form-item>
+                </el-form>
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button type="primary" @click="appStoreShowDialog = false">{{ t('confirm') }}</el-button>
+                    </span>
+                </template>
+            </el-dialog>
+
+            <!-- 安装弹窗 -->
+            <el-dialog v-model="installShowDialog" :title="t('addonInstall')" width="850px" :close-on-click-modal="false"
+                :close-on-press-escape="false" :before-close="installShowDialogClose">
+                <el-steps :space="200" :active="installStep" finish-status="success" align-center>
+                    <el-step :title="t('envCheck')" class="flex-1" />
+                    <el-step :title="t('installProgress')" class="flex-1" />
+                    <el-step :title="t('installComplete')" class="flex-1" />
+                </el-steps>
+                <div v-show="installStep == 1" v-loading="!installCheckResult.dir">
+                    <el-scrollbar max-height="50vh">
+                        <div class="min-h-[150px]">
+                            <div class="bg-[#fff] my-3" v-if="installCheckResult.dir">
+                                <p class="pt-[20px] pl-[20px] ">{{ t('dirPermission') }}</p>
+                                <div class="px-[20px] pt-[10px] text-[14px]">
+                                    <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
+                                        <el-col :span="12">
+                                            <span>{{ t('path') }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span>{{ t('demand') }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span>{{ t('status') }}</span>
+                                        </el-col>
+                                    </el-row>
+                                    <el-row class="pb-[10px] items pl-[15px]"
+                                        v-for="(item, index) in installCheckResult.dir.is_readable" :key="index">
+                                        <el-col :span="12">
+                                            <span>{{ item.dir }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span>{{ t('readable') }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                            <span v-else>
+                                                <el-icon color="red">
+                                                    <CloseBold />
+                                                </el-icon>
+                                            </span>
+                                        </el-col>
+                                    </el-row>
+                                    <el-row class="pb-[10px] items pl-[15px]"
+                                        v-for="(item, index) in installCheckResult.dir.is_write" :key="index">
+                                        <el-col :span="12">
+                                            <span>{{ item.dir }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span>{{ t('write') }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                            <span v-else>
+                                                <el-icon color="red">
+                                                    <CloseBold />
+                                                </el-icon>
+                                            </span>
+                                        </el-col>
+                                    </el-row>
+                                </div>
+                            </div>
+                        </div>
+                    </el-scrollbar>
+                    <div class="flex justify-end">
+                        <el-tooltip effect="dark" :content="t('installTips')" placement="top">
+                            <el-button type="default" :disabled="!installCheckResult.is_pass || cloudInstalling"
+                                :loading="localInstalling" @click="handleInstall">{{
+                                    t('localInstall')
+                                }}</el-button>
+                        </el-tooltip>
+                        <el-tooltip effect="dark" :content="t('cloudInstallTips')" placement="top">
+                            <el-button type="primary" :disabled="!installCheckResult.is_pass || localInstalling"
+                                :loading="cloudInstalling" @click="handleCloudInstall">{{
+                                    t('cloudInstall')
+                                }}</el-button>
+                        </el-tooltip>
+                    </div>
+                </div>
+                <div v-show="installStep == 2" class="h-[50vh] mt-[20px]">
+                    <terminal name="my-terminal" :context="currAddon" :init-log="null" :show-header="false"
+                        :show-log-time="true" />
+                </div>
+                <div v-show="installStep == 3" class="h-[50vh] mt-[20px] flex flex-col">
+                    <el-result icon="success" :title="t('addonInstallSuccess')"></el-result>
+                    <!-- 提示信息 -->
+                    <div v-for="(item, index) in installAfterTips" class="mb-[10px]" :key="index">
+                        <el-alert :title="item" type="error" :closable="false" />
+                    </div>
+                </div>
+            </el-dialog>
+
+            <el-dialog v-model="uninstallShowDialog" :title="t('addonUninstall')" width="850px"
+                :close-on-click-modal="false" :close-on-press-escape="false">
+                <el-scrollbar max-height="50vh">
+                    <div class="min-h-[150px]">
+                        <div class="bg-[#fff] my-3" v-if="uninstallCheckResult.dir">
+                            <p class="pt-[20px] pl-[20px] ">{{ t('dirPermission') }}</p>
+                            <div class="px-[20px] pt-[10px] text-[14px]">
+                                <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
+                                    <el-col :span="12">
+                                        <span>{{ t('path') }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span>{{ t('demand') }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span>{{ t('status') }}</span>
+                                    </el-col>
+                                </el-row>
+                                <el-row class="pb-[10px] items pl-[15px]"
+                                    v-for="(item, index) in uninstallCheckResult.dir.is_readable" :key="index">
+                                    <el-col :span="12">
+                                        <span>{{ item.dir }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span>{{ t('readable') }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                        <span v-else>
+                                            <el-icon color="red">
+                                                <CloseBold />
+                                            </el-icon>
+                                        </span>
+                                    </el-col>
+                                </el-row>
+                                <el-row class="pb-[10px] items pl-[15px]"
+                                    v-for="(item, index) in uninstallCheckResult.dir.is_write" :key="index">
+                                    <el-col :span="12">
+                                        <span>{{ item.dir }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span>{{ t('write') }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                        <span v-else>
+                                            <el-icon color="red">
+                                                <CloseBold />
+                                            </el-icon>
+                                        </span>
+                                    </el-col>
+                                </el-row>
+                            </div>
+                        </div>
+                    </div>
+                </el-scrollbar>
+            </el-dialog>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, watch, h } from 'vue'
+import { t } from '@/lang'
+import { getAddonLocal, uninstallAddon, installAddon, preInstallCheck, cloudInstallAddon, getAddonInstalltask, getAddonCloudInstallLog, preUninstallCheck, cancelInstall } from '@/app/api/addon'
+import { downloadVersion, getAuthinfo, setAuthinfo } from '@/app/api/module'
+import { ElMessageBox, ElNotification, FormInstance, FormRules, NotificationHandle } from 'element-plus'
+// import { img } from '@/utils/common'
+import { Terminal, api as terminalApi } from 'vue-web-terminal'
+import { findFirstValidRoute } from '@/router/routers'
+import storage from '@/utils/storage'
+import { useRouter } from 'vue-router'
+import useUserStore from '@/stores/modules/user'
+import { AnyObject } from '@/types/global'
+
+const router = useRouter()
+const activeName = ref('installed')
+
+const loading = ref<Boolean>(true)
+const downloading = ref('')
+const installAfterTips = ref<string[]>([])
+const userStore: any = useUserStore()
+
+const downEvent = (param: Record<string, any>) => {
+    if (downloading.value) return
+    downloading.value = param.key
+
+    downloadVersion({ addon: param.key, version: param.version }).then(() => {
+        installAddonFn(param.key)
+        localListFn()
+        downloading.value = ''
+    }).catch(() => {
+        downloading.value = ''
+    })
+}
+
+const authCode = ref('')
+getAuthinfo().then(res => {
+    if (res.data.data && res.data.data.auth_code) {
+        authCode.value = res.data.data.auth_code
+    }
+}).catch(() => {
+})
+
+/**
+ * 本地下载的插件列表
+ */
+// input 筛选
+const searchName = ref('')
+// 表格展示数据
+const info:AnyObject = ref<{
+    installed: never[];
+    uninstalled: never[];
+    all: never[];
+}>({
+    installed: [],
+    uninstalled: [],
+    all: []
+})
+const query = () => {
+    if (searchName.value == '' || searchName.value == null) {
+        info.value.installed = localList.value.installed
+        info.value.uninstalled = localList.value.uninstalled
+        info.value.all = localList.value.all
+        return false
+    }
+    info.value.installed = localList.value.installed.filter((el: any) => el.title.indexOf(searchName.value) != -1)
+    info.value.uninstalled = localList.value.uninstalled.filter((el: any) => el.title.indexOf(searchName.value) != -1)
+    info.value.all = localList.value.all.filter((el: any) => el.title.indexOf(searchName.value) != -1)
+}
+const localList:AnyObject = ref({
+    installed: [],
+    uninstalled: [],
+    all: [],
+    error: ''
+})
+
+const localListFn = () => {
+    loading.value = true
+    getAddonLocal({}).then(res => {
+        const data:any = res.data.list
+        localList.value.error = res.data.error
+        localList.value.installed = []
+        localList.value.uninstalled = []
+        localList.value.all = []
+        for (const i in data) {
+            if (data[i].is_local == false) localList.value.all.push(data[i])
+
+            if (data[i].install_info && Object.keys(data[i].install_info)?.length) {
+                localList.value.installed.push(data[i])
+            } else {
+                if (data[i].is_download == true) localList.value.uninstalled.push(data[i])
+            }
+        }
+        query()
+        userStore.routers.forEach((item:AnyObject, index:number) => {
+            if (item.children && item.children.length) {
+                item.name = findFirstValidRoute(item.children)
+                appLink.value[item.meta.app] = findFirstValidRoute(item.children)
+            } else {
+                appLink.value[item.meta.app] = item.name
+            }
+        })
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+localListFn()
+
+// 点击应用可以进系统
+
+const appLink: any = ref({})
+const itemPath = (data: any) => {
+    if (data.type == 'app' && Object.keys(data.install_info).length) {
+        storage.set({ key: 'menuAppStorage', data: data.key })
+        storage.set({ key: 'plugMenuTypeStorage', data: '' })
+        const appMenuList = userStore.appMenuList
+        appMenuList.push(data.key)
+        userStore.setAppMenuList(appMenuList)
+        const name: any = appLink.value[data.key]
+        router.push({ name })
+    }
+}
+
+const currAddon = ref('')
+
+// 安装面板弹窗
+const installShowDialog = ref(false)
+
+// 安装步骤
+const installStep = ref(1)
+
+// 安装检测结果
+const installCheckResult = ref<AnyObject>({})
+
+/**
+ * 安装
+ * @param key
+ */
+const installAddonFn = (key: string) => {
+    currAddon.value = key
+
+    preInstallCheck(key).then(res => {
+        installStep.value = 1
+        installShowDialog.value = true
+        installAfterTips.value = []
+        installCheckResult.value = res.data
+        userStore.clearRouters()
+    }).catch(() => { })
+}
+
+/**
+ * 获取正在进行的安装任务
+ */
+let notificationEl: NotificationHandle | null | any = null
+const getInstallTask = (first: boolean = true) => {
+    getAddonInstalltask().then(res => {
+        if (res.data) {
+            if (first) {
+                installLog = []
+                currAddon.value = res.data.addon
+                if (!installShowDialog.value) {
+                    notificationEl = ElNotification.success({
+                        title: t('warning'),
+                        dangerouslyUseHTMLString: true,
+                        message: h('div', {}, [
+                            t('installingTips'),
+                            h('span', { class: 'text-primary cursor-pointer', onClick: checkInstallTask }, [t('installPercent')])
+                        ]),
+                        duration: 0,
+                        showClose: false
+                    })
+                }
+            }
+            if (res.data.error) {
+                return
+            }
+            if (res.data.mode == 'cloud') {
+                getCloudInstallLog()
+            }
+            setTimeout(() => {
+                getInstallTask(false)
+            }, 2000)
+        } else {
+            if (!first) {
+                installStep.value = 3
+                localListFn()
+                userStore.clearRouters()
+                notificationEl.close()
+            }
+        }
+    })
+}
+
+getInstallTask()
+
+const checkInstallTask = () => {
+    installShowDialog.value = true
+    installStep.value = 2
+}
+
+const localInstalling = ref(false)
+/**
+ * 安装插件
+ */
+const handleInstall = () => {
+    if (!installCheckResult.value.is_pass || localInstalling.value) return
+    localInstalling.value = true
+
+    installAddon({ addon: currAddon.value }).then(res => {
+        installStep.value = 3
+        localListFn()
+        userStore.getAppList()
+        localInstalling.value = false
+        if (res.data.length) installAfterTips.value = res.data
+    }).catch((res) => {
+        localInstalling.value = false
+    })
+}
+
+const cloudInstalling = ref(false)
+
+/**
+ * 云安装插件
+ */
+const handleCloudInstall = () => {
+    if (!authCode.value) {
+        authElMessageBox()
+        return
+    }
+
+    if (!installCheckResult.value.is_pass || cloudInstalling.value) return
+    cloudInstalling.value = true
+
+    cloudInstallAddon({ addon: currAddon.value }).then(res => {
+        installStep.value = 2
+        terminalApi.execute('my-terminal', 'clear')
+        terminalApi.pushMessage('my-terminal', { content: '开始安装插件', class: 'info' })
+        getInstallTask()
+        cloudInstalling.value = false
+    }).catch((res) => {
+        cloudInstalling.value = false
+    })
+}
+
+const authElMessageBox = () => {
+    ElMessageBox.confirm(
+        t('authTips'),
+        t('warning'),
+        {
+            distinguishCancelAndClose: true,
+            confirmButtonText: t('toBind'),
+            cancelButtonText: t('toNiucloud')
+        }
+    ).then(() => {
+        router.push({ path: '/app/authorize' })
+    }).catch((action: string) => {
+        if (action === 'cancel') {
+            window.open('https://www.niucloud.com/app')
+        }
+    })
+}
+
+let installLog: string[] = []
+const getCloudInstallLog = () => {
+    getAddonCloudInstallLog(currAddon.value)
+        .then(res => {
+            const data = res.data.data ?? []
+            if (data[0] && data[0].length && installShowDialog.value == true) {
+                data[0].forEach((item: { action: string; code: number; msg: any }) => {
+                    if (!installLog.includes(item.action)) {
+                        terminalApi.pushMessage('my-terminal', { content: `正在执行：${item.action}` })
+                        installLog.push(item.action)
+
+                        if (item.code == 0) {
+                            terminalApi.pushMessage('my-terminal', { content: item.msg, class: 'error' })
+                        }
+                    }
+                })
+            }
+        })
+        .catch(() => {
+            notificationEl?.close()
+        })
+}
+
+watch(currAddon, (nval) => {
+    installCheckResult.value = {}
+})
+
+// 卸载面板弹窗
+const uninstallShowDialog = ref(false)
+
+// 卸载环境检测结果
+const uninstallCheckResult = ref<AnyObject>({})
+
+/**
+ * 卸载
+ * @param key
+ */
+const uninstallAddonFn = (key: string) => {
+    preUninstallCheck(key).then(({ data }) => {
+        if (data.is_pass) {
+            uninstallAddon({ addon: key }).then(res => {
+                localListFn()
+                userStore.clearRouters()
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        } else {
+            uninstallCheckResult.value = data
+            uninstallShowDialog.value = true
+        }
+    })
+}
+
+const market = () => {
+    window.open('https://www.niucloud.com/app')
+}
+
+/**
+ * 安装弹窗关闭提示
+ * @param done
+ */
+const installShowDialogClose = (done: () => {}) => {
+    if (installStep.value == 2) {
+        ElMessageBox.confirm(
+            t('installShowDialogCloseTips'),
+            t('warning'),
+            {
+                confirmButtonText: t('confirm'),
+                cancelButtonText: t('cancel'),
+                type: 'warning'
+            }
+        ).then(() => {
+            cancelInstall(currAddon.value)
+            done()
+        }).catch(() => { })
+    } else done()
+}
+
+// 插件详情
+const appStoreShowDialog = ref(false)
+const appStoreInfo = ref<AnyObject>({})
+const getAddonDetialFn = (data: AnyObject) => {
+    appStoreShowDialog.value = true
+    appStoreInfo.value = data
+}
+
+// 授权
+const authCodeApproveDialog = ref(false)
+const authinfo = ref('')
+const getAuthCodeDialog: Record<string, any> | null = ref(null)
+const saveLoading = ref(false)
+const checkAppMange = () => {
+    getAuthinfo()
+        .then((res) => {
+            if (res.data.data && res.data.data.length != 0) {
+                authinfo.value = res.data.data
+            }
+        })
+        .catch(() => {
+            authCodeApproveDialog.value = false
+        })
+}
+checkAppMange()
+const authCodeApproveFn = () => {
+    authCodeApproveDialog.value = true
+}
+
+const formData = reactive<Record<string, string>>({
+    auth_code: '',
+    auth_secret: ''
+})
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    auth_code: [
+        { required: true, message: t('authCodePlaceholder'), trigger: 'blur' }
+    ],
+    auth_secret: [
+        { required: true, message: t('authSecretPlaceholder'), trigger: 'blur' }
+    ]
+})
+
+const save = async (formEl: FormInstance | undefined) => {
+    if (saveLoading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            saveLoading.value = true
+
+            setAuthinfo(formData)
+                .then(() => {
+                    saveLoading.value = false
+                    setTimeout(() => {
+                        location.reload()
+                    }, 1000)
+                })
+                .catch(() => {
+                    saveLoading.value = false
+                })
+        }
+    })
+}
+
+const goRouter = () => {
+    window.open('https://www.niucloud.com/app')
+}
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+.demo-tabs>.el-tabs__content {
+    padding: 32px;
+    color: #6b778c;
+    font-size: 32px;
+    font-weight: 600;
+}
+
+.plug-item {
+    .plug-item-operate {
+        color: var(--el-color-primary);
+        border-color: var(--el-color-primary);
+        font-size: var(--el-font-size-extra-small);
+    }
+}
+
+:deep(.t-container) {
+    box-shadow: none !important;
+
+    .t-window {
+        padding: 10px 20px !important;
+    }
+}
+
+.switch-btn.active {
+    border-color: var(--el-color-primary);
+    color: #fff;
+    background-color: var(--el-color-primary);
+}
+
+.plug-large {
+    .plug-item-operate {
+        color: var(--el-color-primary);
+        border-color: var(--el-color-primary);
+        font-size: var(--el-font-size-extra-small);
+    }
+}
+
+.app-text {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+}
+
+// 插件安装-弹窗-表格样式
+.table-head-bg {
+    background: #f5f7f9;
+}
+
+html.dark .table-head-bg {
+    background: #141414;
+}
+
+.el-alert .el-alert__title {
+    font-size: 16px;
+    line-height: 18px;
+}
+
+.app-store {
+    height: calc(100vh - 120px);
+    box-sizing: border-box;
+}
+</style>
diff --git a/admin/src/app/views/auth/components/edit-menu.vue b/admin/src/app/views/auth/components/edit-menu.vue
new file mode 100644
index 0000000..10dee9f
--- /dev/null
+++ b/admin/src/app/views/auth/components/edit-menu.vue
@@ -0,0 +1,253 @@
+<template>
+    <el-dialog v-model="showDialog" :title="popTitle" width="500px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="90px" class="page-form" ref="formRef" :rules="formRules"
+            v-loading="loading">
+            <el-form-item :label="t('menuName')" prop="menu_name">
+                <el-input v-model="formData.menu_name" :placeholder="t('menuNamePlaceholder')" class="input-width" />
+            </el-form-item>
+            <el-form-item :label="t('menuKey')" prop="menu_key" v-if="!formData.id">
+                <el-input v-model="formData.menu_key" :placeholder="t('menuKeyPlaceholder')" class="input-width" />
+            </el-form-item>
+
+            <el-form-item :label="t('menuType')">
+                <el-radio-group v-model="formData.menu_type">
+                    <el-radio :label="0">{{ t('menuTypeDir') }}</el-radio>
+                    <el-radio :label="1">{{ t('menuTypeMenu') }}</el-radio>
+                    <el-radio :label="2">{{ t('menuTypeButton') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('addon')" prop="addon" v-show="formData.app_type == 'site'">
+                <el-select v-model="formData.addon" placeholder="Select" class="input-width" @change="addonChange">
+                    <el-option v-for="(item, index) in addonLst" :label="item.title" :value="item.key" :key="index" />
+                </el-select>
+            </el-form-item>
+
+            <el-form-item :label="t('parentMenu')" prop="parent_key">
+                <el-tree-select class="input-width" v-if="formData.addon != ''" v-model="formData.parent_key"
+                    :props="{ label: 'menu_name', value: 'menu_key' }" :data="addonMenuList" check-strictly
+                    :render-after-expand="false" />
+                <el-tree-select class="input-width" v-else v-model="formData.parent_key"
+                    :props="{ label: 'menu_name', value: 'menu_key' }" :data="sysMenuList" check-strictly
+                    :render-after-expand="false" />
+            </el-form-item>
+
+            <el-form-item :label="t('routePath')" prop="router_path" v-show="formData.menu_type != 2">
+                <el-input v-model="formData.router_path" :placeholder="t('routePathPlaceholder')" class="input-width" />
+            </el-form-item>
+
+            <el-form-item :label="t('viewPath')" prop="view_path" v-show="formData.menu_type == 1">
+                <el-input v-model="formData.view_path" :placeholder="t('viewPathPlaceholder')" class="input-width" />
+            </el-form-item>
+
+            <el-form-item :label="t('authId')" prop="api_url" v-show="formData.menu_type != 0">
+                <el-input v-model="formData.api_url" :placeholder="t('authIdPlaceholder')" class="input-width">
+                    <template #append>
+                        <el-select class="w-[90px] border-none" v-model="formData.methods">
+                            <el-option label="POST" value="post" />
+                            <el-option label="GET" value="get" />
+                            <el-option label="PUT" value="put" />
+                            <el-option label="DELETE" value="delete" />
+                        </el-select>
+                    </template>
+                </el-input>
+            </el-form-item>
+
+            <el-form-item :label="t('menuIcon')" prop="icon" v-show="formData.menu_type != 2">
+                <div class="input-width">
+                    <select-icon v-model="formData.icon" />
+                </div>
+            </el-form-item>
+
+            <el-form-item :label="t('status')" v-show="formData.menu_type != 2">
+                <el-radio-group v-model="formData.status">
+                    <el-radio :label="1">{{ t('statusNormal') }}</el-radio>
+                    <el-radio :label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('isShow')" v-show="formData.menu_type != 2">
+                <el-radio-group v-model="formData.is_show">
+                    <el-radio :label="1">{{ t('show') }}</el-radio>
+                    <el-radio :label="0">{{ t('hidden') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('menuShortName')">
+                <el-input v-model="formData.menu_short_name" :placeholder="t('menuShortNamePlaceholder')"
+                    class="input-width" />
+            </el-form-item>
+
+            <el-form-item :label="t('sort')">
+                <el-input-number v-model="formData.sort" :min="0" />
+            </el-form-item>
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { addMenu, editMenu, getMenuInfo, getSystemMenu, getAddonMenu } from '@/app/api/sys'
+import { getAddonDevelop } from '@/app/api/tools'
+
+const showDialog = ref(false)
+const loading = ref(false)
+let popTitle: string = ''
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    id: 0,
+    menu_name: '',
+    menu_type: 0,
+    parent_key: '',
+    icon: '',
+    api_url: '',
+    router_path: '',
+    view_path: '',
+    methods: 'post',
+    sort: '',
+    status: 1,
+    is_show: 1,
+    menu_key: '',
+    app_type: '',
+    addon: '',
+    menu_short_name: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const addonLst = ref<Array<any>>([])
+const sysMenuList = ref<Array<any>>([])
+const addonMenuList = ref<Array<any>>([])
+const formRef = ref<FormInstance>()
+
+const validataMenuKey = (val: string) => {
+    return /^([a-zA-Z_$])([a-zA-Z0-9_$])*$/.test(val)
+}
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        menu_name: [
+            { required: true, message: t('menuNamePlaceholder'), trigger: 'blur' }
+        ],
+        menu_key: [
+            { required: true, message: t('menuKeyPlaceholder'), trigger: 'blur' },
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    if (!validataMenuKey(value)) {
+                        callback(new Error(t('menuKeyValidata')))
+                    }
+
+                    callback()
+                },
+                trigger: 'blur'
+            }
+        ],
+        router_path: [
+            { required: formData.menu_type != 2, message: t('routePathPlaceholder'), trigger: 'blur' }
+        ],
+        view_path: [
+            { required: formData.menu_type == 1, message: t('viewPathPlaceholder'), trigger: 'blur' }
+        ],
+        api_url: [
+            { required: formData.menu_type == 2, message: t('authIdPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+// 获取插件列表
+const getAddonDevelopFn = async () => {
+    const { data } = await getAddonDevelop({})
+    addonLst.value = [{ title: '系统', key: '' }]
+    addonLst.value.push(...data)
+}
+
+// 获取系统菜单列表
+const getSystemMenuFn = async () => {
+    const { data } = await getSystemMenu()
+    sysMenuList.value = [{ menu_name: '顶级', menu_key: '' }]
+    sysMenuList.value.push(...data)
+}
+
+// 获取系统应用列表
+const getAddonMenuFn = async (key: any) => {
+    const { data } = await getAddonMenu(key)
+    addonMenuList.value = data
+}
+
+// 选择应用
+const addonChange = async (val: any) => {
+    formData.parent_key = ''
+    if (val != '') {
+        await getAddonMenuFn(val)
+        formData.parent_key = addonMenuList.value[0].menu_key
+    }
+}
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    const save = formData.id ? editMenu : addMenu
+
+    await formEl.validate(async (valid, fields) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            save(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    popTitle = t('addMenu')
+    getAddonDevelopFn()
+    getSystemMenuFn()
+    if (row.menu_key) {
+        popTitle = t('updateMenu')
+        const data = await (await getMenuInfo(row.app_type, row.menu_key)).data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+        })
+        if (formData.addon != '') getAddonMenuFn(formData.addon)
+    } else {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/auth/components/edit-role.vue b/admin/src/app/views/auth/components/edit-role.vue
new file mode 100644
index 0000000..c837d1d
--- /dev/null
+++ b/admin/src/app/views/auth/components/edit-role.vue
@@ -0,0 +1,207 @@
+<template>
+    <el-dialog v-model="showDialog" :title="popTitle" width="500px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('roleName')" prop="role_name">
+                <el-input v-model="formData.role_name" :placeholder="t('roleNamePlaceholder')" clearable :disabled="formData.uid" class="input-width" maxlength="10" :show-word-limit="true" />
+            </el-form-item>
+
+            <el-form-item :label="t('status')">
+                <el-radio-group v-model="formData.status">
+                    <el-radio :label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio :label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('permission')" prop="rules">
+                <div class="flex items-center justify-between w-11/12">
+                    <div>
+                        <el-checkbox v-model="selectAll" :label="t('selectAll')" />
+                        <el-checkbox v-model="checkStrictly" :label="t('checkStrictly')" />
+                    </div>
+                    <el-button link type="primary" @click="menuAction()">{{ t('foldText') }}</el-button>
+
+                </div>
+                <el-scrollbar height="35vh" class="w-full">
+                    <el-tree :data="menus" :props="{ label: 'menu_name' }" :default-checked-keys="formData.rules" :check-strictly="checkStrictly" show-checkbox default-expand-all @check-change="handleCheckChange" node-key="menu_key" ref="treeRef" />
+                </el-scrollbar>
+            </el-form-item>
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup async>
+import { ref, reactive, computed, watch, toRaw } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { addRole, editRole, getRoleInfo, getSiteMenus } from '@/app/api/sys'
+import { debounce } from '@/utils/common'
+
+const showDialog = ref(false)
+const loading = ref(false)
+const isOpen = ref(true)
+
+let popTitle: string = ''
+
+// 获取权限数据
+const menus = ref<Record<string, any>[]>([])
+getSiteMenus().then((res) => {
+    menus.value = res.data
+})
+
+// 全选
+const selectAll = ref(false)
+const checkStrictly = ref(false)
+const treeRef: Record<string, any> | null = ref(null)
+watch(selectAll, () => {
+    if (selectAll.value) {
+        treeRef.value.setCheckedNodes(toRaw(menus.value))
+    } else {
+        treeRef.value.setCheckedNodes([])
+    }
+})
+
+const handleCheckChange = debounce((e) => {
+    formData.rules = treeRef.value.getCheckedKeys()
+})
+
+const menuAction = () => {
+    if (isOpen.value) {
+        collapseAll(menus.value)
+        isOpen.value = false
+    } else {
+        unFoldAll(menus.value)
+        isOpen.value = true
+    }
+}
+
+// 全部展开
+const unFoldAll = (data:any) => {
+    Object.keys(data).forEach((key:string|any) => {
+        treeRef.value.store.nodesMap[data[key].menu_key].expanded = true
+        if (data[key].children && data[key].children.length > 0) collapseAll(data[key].children)
+    })
+}
+// 全部折叠
+const collapseAll = (data:any) => {
+    Object.keys(data).forEach((key:string|any) => {
+        treeRef.value.store.nodesMap[data[key].menu_key].expanded = false
+        if (data[key].children && data[key].children.length > 0) collapseAll(data[key].children)
+    })
+}
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    role_id: 0,
+    role_name: '',
+    status: 1,
+    rules: []
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        role_name: [
+            { required: true, message: t('roleNamePlaceholder'), trigger: 'blur' }
+        ],
+        rules: [
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    if (!value.length) callback(new Error(t('rulesPlaceholder')))
+                    else callback()
+                },
+                trigger: 'blur'
+            }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    const save = formData.role_id ? editRole : addRole
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = Object.assign({}, formData)
+            data.rules = data.rules.concat(treeRef.value.getHalfCheckedKeys())
+
+            save(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    selectAll.value = false
+    Object.assign(formData, initialFormData)
+    popTitle = t('addRole')
+    if (row) {
+        popTitle = t('updateRole')
+        const data = await (await getRoleInfo(row.role_id)).data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) {
+                if (key == 'rules') {
+                    const arr = data.rules
+                    const newArr:any = []
+
+                    Object.keys(data.rules).forEach((i) => {
+                        checked(data.rules[i], menus.value, newArr)
+                    })
+                    formData[key] = newArr
+                } else {
+                    formData[key] = data[key]
+                }
+            }
+        })
+    }
+    loading.value = false
+}
+
+function checked (menuKey:string, data:any, newArr:any) {
+    Object.keys(data).forEach((key:string) => {
+        const item = data[key]
+        if (item.menu_key == menuKey) {
+            if (!item.children || item.children.length == 0) {
+                newArr.push(item.menu_key)
+            }
+        } else {
+            if (item.children && item.children.length > 0) {
+                checked(menuKey, item.children, newArr)
+            }
+        }
+    })
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/auth/components/edit-user.vue b/admin/src/app/views/auth/components/edit-user.vue
new file mode 100644
index 0000000..5628602
--- /dev/null
+++ b/admin/src/app/views/auth/components/edit-user.vue
@@ -0,0 +1,224 @@
+<template>
+    <el-dialog v-model="showDialog" :title="popTitle" width="500px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+
+            <el-form-item :label="t('accountNumber')" v-if="!formData.uid" prop="uid">
+                <el-select :model-value="uid" :placeholder="t('accountNumberPlaceholder')" class="input-width" filterable
+                    clearable :allow-create="true" @change="selectUser" :default-first-option="true">
+                    <el-option v-for="item in userList" :key="item.uid" :label="item.username" :value="item.uid">
+                        <div class="flex items-center">
+                            <el-avatar :src="img(item.head_img)" size="small" class="mr-[10px]" v-if="item.head_img" />
+                            <img src="@/app/assets/images/member_head.png" alt="" class="mr-[10px] w-[24px]" v-else>
+                            {{ item.username }}
+                        </div>
+                    </el-option>
+                </el-select>
+            </el-form-item>
+
+            <el-form-item :label="t('accountNumber')" prop="username" v-else>
+                <el-input v-model="formData.username" :placeholder="t('accountNumberPlaceholder')" clearable
+                    :disabled="formData.uid" class="input-width" maxlength="10" show-word-limit />
+            </el-form-item>
+
+            <div v-if="needAddUserInfo">
+                <el-form-item :label="t('headImg')">
+                    <upload-image v-model="formData.head_img" />
+                </el-form-item>
+
+                <el-form-item :label="t('userRealName')" prop="real_name">
+                    <el-input v-model="formData.real_name" :placeholder="t('userRealNamePlaceholder')" clearable
+                        class="input-width" maxlength="10" show-word-limit />
+                </el-form-item>
+
+                <div v-if="!formData.uid">
+                    <el-form-item :label="t('password')" prop="password">
+                        <el-input v-model="formData.password" :placeholder="t('passwordPlaceholder')" type="password"
+                            :show-password="true" clearable class="input-width" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('confirmPassword')" prop="confirm_password">
+                        <el-input v-model="formData.confirm_password" :placeholder="t('confirmPasswordPlaceholder')"
+                            type="password" :show-password="true" clearable class="input-width" />
+                    </el-form-item>
+                </div>
+            </div>
+
+            <el-form-item :label="t('userRoleName')" prop="role_ids" v-if="!formData.userrole.is_admin">
+                <el-select v-model="formData.role_ids" :placeholder="t('userRolePlaceholder')" class="input-width" multiple
+                    collapse-tags collapse-tags-tooltip>
+                    <el-option :label="item.role_name" :value="item.role_id" v-for="(item, index) in roles" :key="index" />
+                </el-select>
+            </el-form-item>
+
+            <el-form-item :label="t('status')">
+                <el-radio-group v-model="formData.status">
+                    <el-radio :label="1">{{ t('statusUnlock') }}</el-radio>
+                    <el-radio :label="0">{{ t('lock') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed, toRaw } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getUserInfo, getAllUserList } from '@/app/api/user'
+import { addUser, editUser } from '@/app/api/site'
+import { allRole } from '@/app/api/sys'
+import { img, deepClone } from '@/utils/common'
+import { AnyObject } from '@/types/global'
+
+const userList = ref<AnyObject>([])
+const uid = ref<number | string>('')
+
+const selectUser = (value: any) => {
+    uid.value = value
+    if (typeof value == 'string') formData.username = value
+}
+
+const getUserList = () => {
+    getAllUserList({}).then(({ data }) => {
+        userList.value = data
+    }).catch()
+}
+getUserList()
+
+const needAddUserInfo = computed(() => {
+    if (formData.uid || !uid.value || typeof uid.value == 'string') {
+        return true
+    } else {
+        return false
+    }
+})
+
+const showDialog = ref(false)
+const loading = ref(false)
+let popTitle: string = ''
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    uid: 0,
+    username: '',
+    head_img: '',
+    real_name: '',
+    password: '',
+    confirm_password: '',
+    status: 1,
+    role_ids: [],
+    userrole: {}
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        uid: [
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    if (!formData.uid && uid.value === '') callback(new Error(t('managerPlaceholder')))
+                    else callback()
+                },
+                trigger: 'blur'
+            }
+        ],
+        username: [
+            { required: formData.uid == 0, message: t('accountNumberPlaceholder'), trigger: 'blur' }
+        ],
+        real_name: [
+            { required: true, message: t('userRealNamePlaceholder'), trigger: 'blur' }
+        ],
+        role_ids: [
+            { required: true, message: t('userRolePlaceholder'), trigger: 'blur' }
+        ],
+        password: [
+            { required: formData.uid == 0, message: t('passwordPlaceholder'), trigger: 'blur' }
+        ],
+        confirm_password: [
+            { required: formData.uid == 0, message: t('confirmPasswordPlaceholder'), trigger: 'blur' },
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    if (value != formData.password) callback(new Error(t('confirmPasswordError')))
+                    else callback()
+                },
+                trigger: 'blur'
+            }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+// 角色
+const roles = ref<Record<string, any>>([])
+allRole().then(res => {
+    roles.value = res.data
+    roles.value.forEach((element:any) => {
+        element.role_id = element.role_id.toString()
+    })
+})
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    const save = formData.uid ? editUser : addUser
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = deepClone(toRaw(formData))
+            if (!formData.uid && typeof uid.value == 'number') data.uid = uid.value
+
+            save(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                !formData.uid && getUserList()
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    uid.value = ''
+    Object.assign(formData, initialFormData)
+    popTitle = t('addUser')
+
+    if (row) {
+        popTitle = t('updateUser')
+        const data = await (await getUserInfo(row.uid)).data
+        data.role_ids = data.role_ids || []
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/auth/components/select-menu-item.vue b/admin/src/app/views/auth/components/select-menu-item.vue
new file mode 100644
index 0000000..10c6751
--- /dev/null
+++ b/admin/src/app/views/auth/components/select-menu-item.vue
@@ -0,0 +1,34 @@
+<template>
+    <template v-if="prop.menu.menu_type != 2">
+        <el-option :label="`${prop.menu.menu_name}`" :value="prop.menu.menu_key">
+            <span v-html="`${menuLevel}${prop.menu.menu_name}`"></span>
+        </el-option>
+        <template v-if="prop.menu.children">
+            <select-menu-item :menu="item" v-for="(item,index) in prop.menu.children" :level="prop.level + 1"  :key="index" />
+        </template>
+    </template>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+
+const prop:any = defineProps({
+    menu: Object,
+    level: {
+        type: Number,
+        default: 0
+    }
+})
+
+const menuLevel = computed(() => {
+    let t = ''
+    for (let i = 0; i < prop.level; i++) {
+        t += i == 0 ? '&emsp;|--' : '--'
+    }
+    return t
+})
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/admin/src/app/views/auth/components/user-log-detail.vue b/admin/src/app/views/auth/components/user-log-detail.vue
new file mode 100644
index 0000000..25d829b
--- /dev/null
+++ b/admin/src/app/views/auth/components/user-log-detail.vue
@@ -0,0 +1,67 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('detail')" width="500px" :destroy-on-close="true">
+        <el-scrollbar height="400px" v-loading="loading">
+            <el-descriptions :column="1">
+                <el-descriptions-item :label="t('username')" label-align="right">{{logData.username}}</el-descriptions-item>
+                <el-descriptions-item :label="t('ip')" label-align="right">{{logData.ip}}</el-descriptions-item>
+                <el-descriptions-item :label="t('url')" label-align="right"><span class="break-all">{{logData.url}}</span></el-descriptions-item>
+                <el-descriptions-item :label="t('type')" label-align="right">{{logData.type}}</el-descriptions-item>
+                <el-descriptions-item :label="t('params')" label-align="right">
+                    <span class="break-all">{{logData.params}}</span>
+                </el-descriptions-item>
+            </el-descriptions>
+        </el-scrollbar>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+// import type { FormInstance } from 'element-plus'
+import { getLogInfo } from '@/app/api/site'
+
+const showDialog = ref(false)
+const loading = ref(false)
+
+interface LogData {
+    username: string
+    ip: string,
+    url: string,
+    type: string,
+    params:any
+}
+
+const logData = ref<LogData>({
+    username: '',
+    ip: '',
+    url: '',
+    type: '',
+    params: ''
+})
+const getLogDetail = async () => {
+    logData.value = await (await getLogInfo(id)).data
+    loading.value = false
+}
+
+let id = 0
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    if (row) {
+        id = row.id
+        getLogDetail()
+    }
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/auth/log.vue b/admin/src/app/views/auth/log.vue
new file mode 100644
index 0000000..51f8272
--- /dev/null
+++ b/admin/src/app/views/auth/log.vue
@@ -0,0 +1,112 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <el-form :inline="true" :model="sysUserLogTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('ip')" prop="ip">
+                        <el-input v-model="sysUserLogTableData.searchParam.ip" :placeholder="t('ipPlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('username')" prop="username">
+                        <el-input v-model="sysUserLogTableData.searchParam.username" :placeholder="t('usernamePlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('url')" prop="url">
+                        <el-input v-model="sysUserLogTableData.searchParam.url" :placeholder="t('urlPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="loadSysUserLogList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+
+            <div>
+                <el-table :data="sysUserLogTableData.data" size="large" v-loading="sysUserLogTableData.loading">
+                    <template #empty>
+                        <span>{{ !sysUserLogTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column prop="username" :label="t('username')" min-width="120" />
+                    <el-table-column prop="ip" :label="t('ip')" min-width="100" align="left"/>
+                    <el-table-column prop="url" :label="t('url')" min-width="180" />
+                    <el-table-column prop="type" :label="t('type')" min-width="100" align="center"/>
+                     <el-table-column :label="t('createTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.create_time || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="detailEvent(row)">{{ t('detail') }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="sysUserLogTableData.page" v-model:page-size="sysUserLogTableData.limit" layout="total, sizes, prev, pager, next, jumper" :total="sysUserLogTableData.total" @size-change="loadSysUserLogList()" @current-change="loadSysUserLogList" />
+                </div>
+                <user-log-detail ref="userLogDetailDialog" @complete="loadSysUserLogList()" />
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getLogList } from '@/app/api/site'
+import UserLogDetail from '@/app/views/auth/components/user-log-detail.vue'
+import { FormInstance } from 'element-plus'
+
+const sysUserLogTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        ip: '',
+        username: '',
+        url: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadSysUserLogList()
+}
+/**
+ * 获取管理员操作记录表列表
+ */
+const loadSysUserLogList = (page: number = 1) => {
+    sysUserLogTableData.loading = true
+    sysUserLogTableData.page = page
+
+    getLogList({
+        page: sysUserLogTableData.page,
+        limit: sysUserLogTableData.limit,
+        ...sysUserLogTableData.searchParam
+    }).then(res => {
+        sysUserLogTableData.loading = false
+        sysUserLogTableData.data = res.data.data
+        sysUserLogTableData.total = res.data.total
+    }).catch(() => {
+        sysUserLogTableData.loading = false
+    })
+}
+loadSysUserLogList()
+const userLogDetailDialog: Record<string, any> | null = ref(null)
+/**
+ * 查看详情
+ * @param data
+ */
+const detailEvent = (data: any) => {
+    userLogDetailDialog.value.setFormData(data)
+    userLogDetailDialog.value.showDialog = true
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/auth/menu.vue b/admin/src/app/views/auth/menu.vue
new file mode 100644
index 0000000..38b7b2d
--- /dev/null
+++ b/admin/src/app/views/auth/menu.vue
@@ -0,0 +1,116 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center mb-[20px]">
+                <span class="text-[20px]">{{ pageName }}</span>
+                <el-button type="primary" class="w-[100px]" @click="addEvent">
+                    {{ t('addMenu') }}
+                </el-button>
+            </div>
+
+            <el-table :data="menusTableData.data" row-key="menu_key" size="large" v-loading="menusTableData.loading">
+                <template #empty>
+                    <span>{{ !menusTableData.loading ? t('emptyData') : '' }}</span>
+                </template>
+                <el-table-column prop="menu_name" :show-overflow-tooltip="true" :label="t('menuName')" min-width="150" />
+                <el-table-column :label="t('icon')" width="100" align="center">
+                    <template #default="{ row }">
+                        <icon v-if="row.icon" :name="row.icon" size="18px" />
+                    </template>
+                </el-table-column>
+                <el-table-column :label="t('menuType')" width="80">
+                    <template #default="{ row }">
+                        <div v-if="row.menu_type == 0">{{ t('menuTypeDir') }}</div>
+                        <div v-else-if="row.menu_type == 1">{{ t('menuTypeMenu') }}</div>
+                        <div v-else-if="row.menu_type == 2">{{ t('menuTypeButton') }}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="api_url" :label="t('authId')" min-width="150" align="center" />
+                <el-table-column :label="t('status')" min-width="120" align="center">
+                    <template #default="{ row }">
+                        <el-tag class="ml-2" type="success" v-if="row.status == 1">{{ t('statusNormal') }}</el-tag>
+                        <el-tag class="ml-2" type="error" v-if="row.status == 0">{{ t('statusDeactivate') }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="sort" :label="t('sort')" min-width="100" />
+                <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                    <template #default="{ row }">
+                        <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                        <el-button type="primary" link @click="deleteEvent(row.menu_key)">{{ t('delete') }}</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <edit-menu ref="editMenuDialog" :menu-tree="menusTableData.data" @complete="getMenuList" app-type="admin" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { getMenus, deleteMenu } from '@/app/api/sys'
+import { t } from '@/lang'
+import { ElMessageBox } from 'element-plus'
+import EditMenu from '@/app/views/auth/components/edit-menu.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+const menusTableData = reactive({
+    loading: true,
+    data: []
+})
+
+/**
+ * 获取菜单
+ */
+const getMenuList = () => {
+    menusTableData.loading = true
+    getMenus('admin').then(res => {
+        menusTableData.loading = false
+        menusTableData.data = res.data
+    }).catch(() => {
+
+    })
+}
+getMenuList()
+
+/**
+ * 添加菜单
+ */
+const editMenuDialog: Record<string, any> | null = ref(null)
+
+const addEvent = () => {
+    editMenuDialog.value.setFormData({ app_type: 'admin' })
+    editMenuDialog.value.showDialog = true
+}
+
+/**
+ * 编辑菜单
+ * @param data
+ */
+const editEvent = (data: any) => {
+    editMenuDialog.value.setFormData(data)
+    editMenuDialog.value.showDialog = true
+}
+
+/**
+ * 删除菜单
+ */
+const deleteEvent = (key: string) => {
+    ElMessageBox.confirm(t('menuDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteMenu('admin', key).then(() => {
+            getMenuList()
+        }).catch(() => {
+        })
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/auth/role.vue b/admin/src/app/views/auth/role.vue
new file mode 100644
index 0000000..17f0cf7
--- /dev/null
+++ b/admin/src/app/views/auth/role.vue
@@ -0,0 +1,132 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <el-form :inline="true" :model="roleTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('roleName')" prop="seach">
+                        <el-input v-model="roleTableData.searchParam.seach" class="w-[240px]" :placeholder="t('roleNamePlaceholder')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadRoleList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+                <el-button type="primary" class="w-[100px] self-start" @click="addEvent">{{ t('addRole') }}</el-button>
+            </div>
+
+            <div>
+                <el-table :data="roleTableData.data" size="large" v-loading="roleTableData.loading">
+                    <template #empty>
+                        <span>{{ !roleTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column prop="role_name" :label="t('roleName')" />
+                    <el-table-column :label="t('status')">
+                        <template #default="{ row }">
+                            <el-tag type="success" v-if="row.status == 1">{{ row.status_name }}</el-tag>
+                            <el-tag type="error" v-if="row.status == 0">{{ row.status_name }}</el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="create_time" :label="t('createTime')"></el-table-column>
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                            <el-button type="primary" link @click="deleteEvent(row.role_id)">{{ t('delete') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="roleTableData.page" v-model:page-size="roleTableData.limit" layout="total, sizes, prev, pager, next, jumper" :total="roleTableData.total" @size-change="loadRoleList()" @current-change="loadRoleList" />
+                </div>
+            </div>
+
+            <edit-role ref="editRoleDialog" @complete="loadRoleList()" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from 'vue'
+import { t } from '@/lang'
+import { getRoleList, deleteRole } from '@/app/api/sys'
+import { ElMessageBox, FormInstance } from 'element-plus'
+import EditRole from '@/app/views/auth/components/edit-role.vue'
+
+const roleTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        seach: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadRoleList()
+}
+/**
+ * 获取角色列表
+ */
+const loadRoleList = (page: number = 1) => {
+    roleTableData.loading = true
+    roleTableData.page = page
+
+    getRoleList({
+        page: roleTableData.page,
+        limit: roleTableData.limit,
+        role_name: roleTableData.searchParam.seach
+    }).then(res => {
+        roleTableData.loading = false
+        roleTableData.data = res.data.data
+        roleTableData.total = res.data.total
+    }).catch(() => {
+        roleTableData.loading = false
+    })
+}
+loadRoleList()
+
+const editRoleDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加角色
+ */
+const addEvent = () => {
+    editRoleDialog.value.setFormData()
+    editRoleDialog.value.showDialog = true
+}
+
+/**
+ * 编辑角色
+ * @param data
+ */
+const editEvent = (data: any) => {
+    editRoleDialog.value.setFormData(data)
+    editRoleDialog.value.showDialog = true
+}
+
+/**
+ * 删除角色
+ */
+const deleteEvent = (id: number) => {
+    ElMessageBox.confirm(t('roleDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteRole(id).then(() => {
+            loadRoleList()
+        }).catch(() => {
+        })
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/auth/site_menu.vue b/admin/src/app/views/auth/site_menu.vue
new file mode 100644
index 0000000..4d42fc6
--- /dev/null
+++ b/admin/src/app/views/auth/site_menu.vue
@@ -0,0 +1,171 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+                <el-button type="primary" class="w-[100px]" @click="addEvent">
+                    {{ t('addMenu') }}
+                </el-button>
+            </div>
+
+            <el-tabs v-model="active">
+                <el-tab-pane :label="t('system')" name="system">
+                    <el-table :data="menusTableData.system" row-key="menu_key" size="large"
+                        v-loading="menusTableData.loading">
+                        <template #empty>
+                            <span>{{ !menusTableData.loading ? t('emptyData') : '' }}</span>
+                        </template>
+                        <el-table-column prop="menu_name" :show-overflow-tooltip="true" :label="t('menuName')"
+                            min-width="150" />
+                        <el-table-column :label="t('icon')" width="100" align="center">
+                            <template #default="{ row }">
+                                <icon v-if="row.icon" :name="row.icon" size="18px" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('menuType')" width="80">
+                            <template #default="{ row }">
+                                <div v-if="row.menu_type == 0">{{ t('menuTypeDir') }}</div>
+                                <div v-else-if="row.menu_type == 1">{{ t('menuTypeMenu') }}</div>
+                                <div v-else-if="row.menu_type == 2">{{ t('menuTypeButton') }}</div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="api_url" :label="t('authId')" min-width="150" align="center" />
+                        <el-table-column :label="t('status')" min-width="120" align="center">
+                            <template #default="{ row }">
+                                <el-tag class="ml-2" type="success" v-if="row.status == 1">{{ t('statusNormal') }}</el-tag>
+                                <el-tag class="ml-2" type="error" v-if="row.status == 0">{{ t('statusDeactivate')
+                                }}</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="sort" :label="t('sort')" min-width="100" />
+                        <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                            <template #default="{ row }">
+                                <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                                <el-button type="primary" link @click="deleteEvent(row.menu_key)">{{ t('delete')
+                                }}</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="t('application')" name="application">
+                    <el-table :data="menusTableData.application" row-key="menu_key" size="large"
+                        v-loading="menusTableData.loading">
+                        <template #empty>
+                            <span>{{ !menusTableData.loading ? t('emptyData') : '' }}</span>
+                        </template>
+                        <el-table-column prop="menu_name" :show-overflow-tooltip="true" :label="t('menuName')"
+                            min-width="150" />
+                        <el-table-column :label="t('icon')" width="100" align="center">
+                            <template #default="{ row }">
+                                <icon v-if="row.icon" :name="row.icon" size="18px" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('menuType')" width="80">
+                            <template #default="{ row }">
+                                <div v-if="row.menu_type == 0">{{ t('menuTypeDir') }}</div>
+                                <div v-else-if="row.menu_type == 1">{{ t('menuTypeMenu') }}</div>
+                                <div v-else-if="row.menu_type == 2">{{ t('menuTypeButton') }}</div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="api_url" :label="t('authId')" min-width="150" align="center" />
+                        <el-table-column :label="t('status')" min-width="120" align="center">
+                            <template #default="{ row }">
+                                <el-tag class="ml-2" type="success" v-if="row.status == 1">{{ t('statusNormal') }}</el-tag>
+                                <el-tag class="ml-2" type="error" v-if="row.status == 0">{{ t('statusDeactivate')
+                                }}</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="sort" :label="t('sort')" min-width="100" />
+                        <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                            <template #default="{ row }">
+                                <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                                <el-button type="primary" link @click="deleteEvent(row.menu_key)">{{ t('delete')
+                                }}</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-tab-pane>
+            </el-tabs>
+
+            <edit-menu ref="editMenuDialog" :menu-tree="menusTableData.data" @complete="getMenuList" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { getMenus, deleteMenu } from '@/app/api/sys'
+import { t } from '@/lang'
+import { ElMessageBox } from 'element-plus'
+import EditMenu from '@/app/views/auth/components/edit-menu.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const active = ref('system')
+const pageName = route.meta.title
+
+const menusTableData = reactive<Record<string, any>>({
+    loading: true,
+    system: [],
+    application: []
+})
+
+/**
+ * 获取菜单
+ */
+const getMenuList = () => {
+    menusTableData.loading = true
+    getMenus('site').then(({ data }) => {
+        menusTableData.loading = false
+        const system: Record<string, any>[] = []
+        const application: Record<string, any> = []
+        data.forEach((item: any) => {
+            item.addon == '' ? system.push(item) : application.push(item)
+        })
+        menusTableData.system = system
+        menusTableData.application = application
+    }).catch(() => {
+
+    })
+}
+getMenuList()
+
+/**
+ * 添加菜单
+ */
+const editMenuDialog: Record<string, any> | null = ref(null)
+
+const addEvent = () => {
+    editMenuDialog.value.setFormData({ app_type: 'site' })
+    editMenuDialog.value.showDialog = true
+}
+
+/**
+ * 编辑菜单
+ * @param data
+ */
+const editEvent = (data: any) => {
+    editMenuDialog.value.setFormData(data)
+    editMenuDialog.value.showDialog = true
+}
+
+/**
+ * 删除菜单
+ */
+const deleteEvent = (key: string) => {
+    ElMessageBox.confirm(t('menuDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteMenu('site', key).then(res => {
+            getMenuList()
+        }).catch(() => {
+        })
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/auth/user.vue b/admin/src/app/views/auth/user.vue
new file mode 100644
index 0000000..16f51f4
--- /dev/null
+++ b/admin/src/app/views/auth/user.vue
@@ -0,0 +1,193 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <el-form :inline="true" :model="userTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('accountNumber')" prop="seach">
+                        <el-input v-model="userTableData.searchParam.seach" class="input-width"
+                            :placeholder="t('accountNumberPlaceholder')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadUserList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+                <el-button type="primary" class="w-[100px] self-start" @click="addEvent">{{ t('addUser') }}</el-button>
+            </div>
+
+            <div>
+                <el-table :data="userTableData.data" size="large" v-loading="userTableData.loading">
+                    <template #empty>
+                        <span>{{ !userTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column :label="t('headImg')" width="100" align="left">
+                        <template #default="{ row }">
+                            <div class="w-[35px] h-[35px] flex items-center justify-center">
+                                <img v-if="row.head_img" :src="img(row.head_img)" class="w-[35px] rounded-full" />
+                                <img v-else src="@/app/assets/images/member_head.png" class="w-[35px] rounded-full" />
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="username" :label="t('accountNumber')" min-width="120" show-overflow-tooltip />
+                    <el-table-column prop="real_name" :label="t('userRealName')" min-width="120" show-overflow-tooltip />
+                    <el-table-column :label="t('userRoleName')" min-width="120" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <span v-if="row.is_admin">{{ t('administrator') }}</span>
+                            <span v-else-if="row.role_array.length">{{ row.role_array.join(' | ') }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('status')" min-width="90" align="center">
+                        <template #default="{ row }">
+                            <el-tag class="ml-2" type="success" v-if="row.status == 1">{{ t('statusUnlock') }}</el-tag>
+                            <el-tag class="ml-2" type="error" v-if="row.status == 0">{{ t('statusLock') }}</el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="last_time" :label="t('lastLoginTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.last_time || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('lastLoginIP')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.last_ip || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="160">
+                        <template #default="{ row }">
+                            <div v-if="row.is_admin != 1">
+                                <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                                <el-button type="primary" link @click="lockEvent(row.uid)" v-if="row.status">{{
+                                    t('lock') }}</el-button>
+                                <el-button type="primary" link @click="unlockEvent(row.uid)" v-else>{{ t('unlock')
+                                }}</el-button>
+                            </div>
+                            <div v-else>
+                                <el-button link disabled>{{ t('adminDisabled') }}</el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="userTableData.page" v-model:page-size="userTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="userTableData.total"
+                        @size-change="loadUserList()" @current-change="loadUserList" />
+                </div>
+            </div>
+
+            <edit-user ref="editUserDialog" @complete="loadUserList()" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { lockUser, unlockUser } from '@/app/api/site'
+import { getUserList } from '@/app/api/user'
+import EditUser from '@/app/views/auth/components/edit-user.vue'
+import { img } from '@/utils/common'
+import { ElMessageBox } from 'element-plus'
+import type { FormInstance } from 'element-plus'
+
+const userTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        seach: '',
+        user_type: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadUserList()
+}
+
+/**
+ * 获取用户列表
+ */
+const loadUserList = (page: number = 1) => {
+    userTableData.loading = true
+    userTableData.page = page
+
+    getUserList({
+        page: userTableData.page,
+        limit: userTableData.limit,
+        username: userTableData.searchParam.seach,
+        user_type: userTableData.searchParam.user_type
+    }).then(res => {
+        userTableData.loading = false
+        userTableData.data = res.data.data
+        userTableData.total = res.data.total
+    }).catch(() => {
+        userTableData.loading = false
+    })
+}
+loadUserList()
+
+const editUserDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加用户
+ */
+const addEvent = () => {
+    editUserDialog.value.setFormData()
+    editUserDialog.value.showDialog = true
+}
+
+/**
+ * 编辑用户
+ * @param data
+ */
+const editEvent = (data: any) => {
+    editUserDialog.value.setFormData(data)
+    editUserDialog.value.showDialog = true
+}
+
+/**
+ * 锁定用户
+ */
+const lockEvent = (id: number) => {
+    ElMessageBox.confirm(t('userLockTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        lockUser(id).then(() => {
+            loadUserList()
+        }).catch(() => {
+        })
+    })
+}
+
+/**
+ * 解锁用户
+ */
+const unlockEvent = (id: number) => {
+    ElMessageBox.confirm(t('userUnlockTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        unlockUser(id).then(() => {
+            loadUserList()
+        }).catch(() => {
+        })
+    })
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/aliapp/access.vue b/admin/src/app/views/channel/aliapp/access.vue
new file mode 100644
index 0000000..351184d
--- /dev/null
+++ b/admin/src/app/views/channel/aliapp/access.vue
@@ -0,0 +1,313 @@
+<template>
+    <!-- <div class="w-full p-5 bg-white ">
+        <div class="flex justify-between items-center mb-[20px]">
+            <span class="text-[16px]">{{ t('aliappAccessFlow') }}</span>
+        </div>
+        <div>
+            <ul class="progress-wrap flex items-center text-center min-h-[120px]">
+                <li class="progress-point ">
+                    <div
+                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
+                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/register.png" alt="">
+                    </div>
+                    <p class="text-[14px] text-[14px]">{{ t('aliappAttestation') }}</p>
+                    <el-button link type="primary" @click="linkEvent('https://open.alipay.com/develop/manage')">{{ t('aliappAttest')
+                    }}</el-button>
+                </li>
+
+                <li class="progress-point-arrow list-none">
+                    <img src="@/app/assets/images/arrow.png" alt="">
+                </li>
+                <li class="progress-point">
+                    <div
+                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
+                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/config_info.png" alt="">
+                    </div>
+                    <p class="text-[14px]">{{ t('aliappwebsite') }}</p>
+                    <el-button link type="primary" @click="router.push('/channel/aliapp/config')">{{ t('aliappSet')
+                    }}</el-button>
+                </li>
+
+                <li class="progress-point-arrow list-none">
+                    <img src="@/app/assets/images/arrow.png" alt="">
+                </li>
+                <li class="progress-point ">
+                    <div
+                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
+                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/complete.png" alt="">
+                    </div>
+                    <p class="text-[14px]">{{ t('aliappEmplace') }}</p>
+                    <el-button link type="primary" @click="linkEvent('https://open.alipay.com/develop/manage')">{{ t('emplace')
+                    }}</el-button>
+                </li>
+
+                <li class="progress-point-arrow list-none">
+                    <img src="@/app/assets/images/arrow.png" alt="">
+                </li>
+                <li class="progress-point ">
+                    <div
+                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
+                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/public_number.png" alt="">
+                    </div>
+                    <p class="text-[14px]">{{ t('uploadVersion') }}</p>
+                    <el-button link type="primary" @click="router.push('/channel/aliapp/course')">{{
+                        t('releaseCourse') }}</el-button>
+                </li>
+                <li class="progress-point-arrow list-none">
+                    <img src="@/app/assets/images/arrow.png" alt="">
+                </li>
+                <li class="progress-point ">
+                    <div
+                        class="progress-point-pic list-none inline-block w-[30px] h-[30px] leading-[30px] text-center mt-[10px] mb-[20px]">
+                        <img class="max-w-[100%] max-h-[100%]" src="@/app/assets/images/complete.png" alt="">
+                    </div>
+                    <p class="text-[14px]">{{ t('completeAccess') }}</p>
+                    <el-button link type="primary"></el-button>
+                </li>
+            </ul>
+        </div>
+        <div class="flex justify-between items-center mt-[40px]">
+            <span class="text-[16px]">{{ t('aliappInlet') }}</span>
+        </div>
+        <div class="flex flex-wrap p-5">
+            <div class="w-[280px] h-[70px] flex bg-[#f7f8fa] items-center my-[20px] mr-[20px] cursor-pointer" @click="router.push('/channel/aliapp/config')">
+                <img class="w-[40px] h-[40px] mr-[10px] ml-[20px]" src="@/app/assets/images/wechat_icon.png" alt="">
+                <div class="flex flex-col h-[40px] justify-around">
+                    <p class="text-[#666] text-[14px]">{{ t('aliappSet') }}</p>
+                    <p class="text-[#999] text-[12px]">{{ t('aliappSet') }}</p>
+                </div>
+            </div>
+        </div>
+    </div> -->
+    <div class="w-full p-5 bg-white">
+        <div class="flex justify-between items-center mb-[20px]">
+            <span class="text-[20px]">{{ t('title') }}</span>
+        </div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
+            <el-tab-pane :label="t('weappAccessFlow')" name="/channel/aliapp" />
+            <!-- <el-tab-pane :label="t('subscribeMessage')" name="/channel/aliapp/message" />
+            <el-tab-pane :label="t('weappRelease')" name="/channel/aliapp/code" /> -->
+        </el-tabs>
+        <div class="p-[20px]">
+            <p class="text-[16px] mb-[20px]">{{ t("weappInlet") }}</p>
+            <el-row>
+                <el-col :span="20">
+                    <el-steps direction="vertical">
+                        <el-step>
+                            <template #icon v-if="active > 1">
+                                <el-icon size="25px" class="text-color">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 1">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    1</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("weappAttestation") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("weappAttest") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary"
+                                        @click="linkEvent('https://open.alipay.com/develop/manage')">{{ t("clickAccess")
+                                        }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 2">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 2">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    2</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("weappSetting") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("emplace") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain
+                                        @click="router.push('/channel/aliapp/config')">{{ t("weappSettingBtn") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 3">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 3">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    3</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("uploadVersion") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("releaseCourse") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <!-- <el-button type="primary" plain @click="router.push('/channel/aliapp/code')">{{
+                                        t("weappRelease") }}</el-button> -->
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 4">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 4">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    4</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("completeAccess") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("releaseCourse") }}</span>
+                                <!-- <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain>{{
+                                        t("wechatAccessBtn") }}</el-button>
+                                </div> -->
+                            </template>
+                        </el-step>
+                    </el-steps>
+                </el-col>
+                <el-col :span="4">
+                    <div class="flex justify-center">
+                        <el-image class="w-[180px] h-[180px]" :src="qrCode ? img(qrCode) : ''">
+                            <template #error>
+                                <div class="w-[100%] h-[100%] flex items-center  justify-center bg-[#f5f7fa]">
+                                    <span>{{ qrCode ? t('fileErr') : t('emptyQrCode') }}</span>
+                                </div>
+                            </template>
+                        </el-image>
+                    </div>
+                    <div class="mt-[22px] text-center">
+                        <p class=" text-[14px] text-[#303133] font-[700]">{{ t('clickAccess2') }}</p>
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import { getAliappConfig } from '@/app/api/aliapp'
+
+const router = useRouter()
+const activeName = ref('/channel/aliapp')
+const active = ref(2)
+const qrCode = ref<string>('')
+onMounted(async () => {
+    const res = await getAliappConfig()
+    qrCode.value = res.data.qr_code
+})
+const linkEvent = (url: string) => {
+    window.open(url, '_blank')
+}
+const handleClick = (val: any) => {
+    router.push({ path: activeName.value })
+}
+</script>
+
+<style lang="scss" scoped>
+.progress-point {
+    flex-grow: 1;
+    list-style: none;
+}
+
+.border-color {
+    border-color: var(--el-color-primary);
+}
+
+.bg-color {
+    background-color: var(--el-color-primary);
+}
+
+.text-color {
+    color: var(--el-color-primary);
+}
+
+.bg-color1 {
+    background-color: var(--el-color-info-light-8);
+}
+
+:deep(.el-tabs__item:hover) {
+    border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs__item) {
+    padding: 0;
+}
+
+:deep(.el-tabs__item+.el-tabs__item) {
+    margin-right: 20px;
+    margin-left: 20px;
+    // border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs--top) {
+    .el-tabs__item.is-top:nth-child(2) {
+        margin-right: 20px;
+    }
+
+}
+
+:deep(.el-step.is-vertical .el-step__icon.is-icon) {
+    padding: 8px 0;
+    height: 40px;
+    background-color: #fff;
+}
+
+:deep(.el-step__title) {
+    height: 40px;
+    line-height: 40px !important;
+}
+</style>
diff --git a/admin/src/app/views/channel/aliapp/config.vue b/admin/src/app/views/channel/aliapp/config.vue
new file mode 100644
index 0000000..8fba61c
--- /dev/null
+++ b/admin/src/app/views/channel/aliapp/config.vue
@@ -0,0 +1,185 @@
+<template>
+    <div class="main-container">
+        <div class="detail-head">
+            <div class="left" @click="router.push({ path: '/channel/aliapp' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+        <el-form :model="formData" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('aliappSet') }}</h3>
+
+                <el-form-item :label="t('aliappName')">
+                    <el-input v-model="formData.name" :placeholder="t('aliappNamePlaceholder')" class="input-width"
+                        clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('aliappQrcode')">
+                    <upload-image v-model="formData.qrcode" />
+                    <div class="form-tip">{{ t('aliappQrcodeTips') }}</div>
+                </el-form-item>
+
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('aliappDevelopInfo') }}</h3>
+
+                <el-form-item :label="t('aliappOriginal')">
+                    <el-input v-model="formData.private_key" :placeholder="t('aliappOriginalPlaceholder')"
+                        class="input-width" clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('aliappAppid')">
+                    <el-input v-model="formData.app_id" :placeholder="t('appidPlaceholder')" class="input-width"
+                        clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('countersignType')">
+                    {{ t('certificate') }}
+                </el-form-item>
+
+                <el-form-item :label="t('publicKey')">
+                    <div class="input-width">
+                        <upload-file v-model="formData.public_key_crt" api="sys/document/aliyun" />
+                    </div>
+                    <div class="form-tip">{{ t('publicKeyTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('alipayPublicKey')">
+                    <div class="input-width">
+                        <upload-file v-model="formData.alipay_public_key_crt" api="sys/document/aliyun" />
+                    </div>
+                    <div class="form-tip">{{ t('alipayPublicKeyTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('alipayWithCrt')">
+                    <div class="input-width">
+                        <upload-file v-model="formData.alipay_with_crt" api="sys/document/aliyun" />
+                    </div>
+                    <div class="form-tip">{{ t('alipayWithCrtTips') }}</div>
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('theServerSetting') }}</h3>
+
+                <el-form-item label="AESKey">
+                    <el-input v-model="formData.aes_key" :placeholder="t('AESKeyPlaceholder')" class="input-width"
+                        show-word-limit clearable />
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <div class="flex">
+                    <h3 class="panel-title !text-sm">{{ t('functionSetting') }}</h3>
+                </div>
+
+                <el-form-item :label="t('serveWhiteList')">
+                    <el-input :model-value="formData.request_url" class="input-width" :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.request_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+            </el-card>
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch } from 'vue'
+import { t } from '@/lang'
+import { setAliappConfig, getAliappConfig, getAliappStatic } from '@/app/api/aliapp'
+import { useClipboard } from '@vueuse/core'
+import { ElMessage, FormInstance } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+
+const loading = ref(true)
+
+const formData = reactive<Record<string, string>>({
+    name: '',
+    qrcode: '',
+    private_key: '',
+    app_id: '',
+    aes_key: '',
+    public_key_crt: '',
+    alipay_public_key_crt: '',
+    alipay_with_crt: '',
+    request_url: ''
+})
+
+const formRef = ref<FormInstance>()
+
+/**
+ * 获取支付宝配置
+ */
+getAliappConfig().then(res => {
+    Object.assign(formData, res.data)
+    loading.value = false
+})
+/**
+ * 获取支付宝静态资源
+ */
+getAliappStatic().then(res => {
+    formData.request_url = res.data.domain
+})
+
+/**
+ * 复制
+ */
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+        return
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            setAliappConfig(formData).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/aliapp/course.vue b/admin/src/app/views/channel/aliapp/course.vue
new file mode 100644
index 0000000..22f9065
--- /dev/null
+++ b/admin/src/app/views/channel/aliapp/course.vue
@@ -0,0 +1,138 @@
+<template>
+	<div class="main-container">
+		<div class="detail-head">
+			<div class="left" @click="router.push({ path: '/channel/aliapp' })">
+				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
+				<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+			</div>
+			<span class="adorn">|</span>
+			<span class="right">{{ pageName }}</span>
+		</div>
+		<el-card class="box-card !border-none" shadow="never">
+			<div class="mt-[20px]">
+				<div class="flex">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('alipayCourseTipsOne1') }}--<el-button link
+								type="primary" @click="linkEvent">{{ t('alipayCourseTipsOne2') }}</el-button>, {{
+									t('alipayCourseTipsOne3') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/alipay1.png" />
+						</div>
+						<p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsTwo1') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/alipay2.png" />
+						</div>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/alipay3.png" />
+						</div>
+					</div>
+				</div>
+				<div class="flex mt-[40px]">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('alipayCourseTipsTwo2') }}</p>
+						<div class="w-[100%] mt-[10px] flex flex-wrap">
+							<div class="w-[100%]">
+								<img class="w-[100%]" src="@/app/assets/images/setting/alipay4.png" />
+							</div>
+							<div>
+								<el-row :gutter="20">
+									<el-col :span="6">
+										<div class="w-[100%]">
+											<img class="w-[100%]" src="@/app/assets/images/setting/alipay4_1.jpg" />
+										</div>
+									</el-col>
+									<el-col :span="6">
+										<div class="w-[100%]">
+											<img class="w-[100%]" src="@/app/assets/images/setting/alipay4_2.jpg" />
+										</div>
+									</el-col>
+									<el-col :span="6">
+										<div class="w-[100%]">
+											<img class="w-[100%]" src="@/app/assets/images/setting/alipay4_3.jpg" />
+										</div>
+									</el-col>
+									<el-col :span="6">
+										<div class="w-[100%]">
+											<img class="w-[100%]" src="@/app/assets/images/setting/alipay4_4.jpg" />
+										</div>
+									</el-col>
+								</el-row>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="flex mt-[40px]">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
+					</div>
+					<div>
+						<!-- <span class="text-primary">{{ t('alipayCourseTipsThree2') }}</span> -->
+						<p class="flex items-center text-[14px]">{{ t('alipayCourseTipsThree1') }}
+						</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/alipay5.png" />
+						</div>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/alipay6.png" />
+						</div>
+						<p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsThree2') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/alipay7.png" />
+						</div>
+						<p class="flex items-center text-[14px] mt-[20px]">{{ t('alipayCourseTipsThree3') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/alipay8.png" />
+						</div>
+					</div>
+				</div>
+			</div>
+		</el-card>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getWechatConfig } from '@/app/api/wechat'
+// import { img } from '@/utils/common'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const loading = ref(true)
+const formData = reactive<Record<string, string>>({
+    wechat_name: '',
+    wechat_original: '',
+    app_id: '',
+    app_secret: '',
+    qr_code: '',
+    token: '',
+    encoding_aes_key: '',
+    encryption_type: 'not_encrypt'
+})
+
+/**
+ * 获取微信配置
+ */
+getWechatConfig().then(res => {
+    Object.assign(formData, res.data)
+    loading.value = false
+})
+
+const linkEvent = () => {
+    window.open('https://open.alipay.com/develop/manage', '_blank')
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/h5/config.vue b/admin/src/app/views/channel/h5/config.vue
new file mode 100644
index 0000000..bd5dcbf
--- /dev/null
+++ b/admin/src/app/views/channel/h5/config.vue
@@ -0,0 +1,122 @@
+<template>
+    <div class="main-container">
+        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
+			<span class="text-[20px]">{{pageName}}</span>
+		</div>
+        <el-form :model="formData" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <el-form-item :label="t('isOpen')">
+                    <el-switch v-model="formData.is_open"/>
+                </el-form-item>
+                <el-form-item :label="t('h5DomainName')">
+                    <el-input :model-value="formData.request_url" class="input-width" :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.request_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                    <span class="ml-2 cursor-pointer visit-btn" @click="visitFn">{{t('clickVisit')}}</span>
+                </el-form-item>
+
+            </el-card>
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch } from 'vue'
+import { t } from '@/lang'
+import { setH5Config, getH5Config } from '@/app/api/h5'
+import { getUrl } from '@/app/api/sys'
+import { useClipboard } from '@vueuse/core'
+import { ElMessage, FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const loading = ref(true)
+
+const formData = reactive<Record<string, string | boolean | any>>({
+    is_open: true,
+    request_url: ''
+})
+
+const formRef = ref<FormInstance>()
+
+/**
+ * 获取h5配置
+ */
+getH5Config().then(res => {
+    Object.assign(formData, res.data)
+    formData.is_open = Boolean(Number(formData.is_open))
+    loading.value = false
+})
+/**
+ * 获取h5域名
+ */
+getUrl().then(res => {
+    formData.request_url = res.data.wap_url + '/'
+})
+
+/**
+ * 复制
+ */
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+        return
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+
+// 点击访问
+const visitFn = () => {
+    window.open(formData.request_url)
+}
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            const data = { ...formData }
+            data.is_open = Number(data.is_open)
+            setH5Config(data).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+</script>
+
+<style lang="scss" scoped>
+.visit-btn{
+    color:var(--el-color-primary);
+}
+</style>
diff --git a/admin/src/app/views/channel/pc/config.vue b/admin/src/app/views/channel/pc/config.vue
new file mode 100644
index 0000000..17ef854
--- /dev/null
+++ b/admin/src/app/views/channel/pc/config.vue
@@ -0,0 +1,87 @@
+<template>
+    <div class="main-container" v-loading="loading">
+        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
+			<span class="text-[20px]">{{pageName}}</span>
+		</div>
+        <el-form :model="formData" label-width="150px" ref="formRef" class="page-form">
+            <el-card class="box-card !border-none" shadow="never">
+                <el-form-item :label="t('preview')" prop="weapp_name">
+                    <img class="w-[500px]" src="@/app/assets/images/channel/preview.png" alt="">
+                </el-form-item>
+
+                <el-form-item :label="t('PCDomainName')">
+                    <el-input :model-value="formData.request_url" class="input-width" :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.request_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                    <span class="ml-2 cursor-pointer visit-btn" @click="visitFn">{{t('clickVisit')}}</span>
+                </el-form-item>
+            </el-card>
+
+        </el-form>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch } from 'vue'
+import { t } from '@/lang'
+import { getUrl } from '@/app/api/sys'
+import { useClipboard } from '@vueuse/core'
+import { ElMessage, FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+const loading = ref(true)
+
+const formData = reactive<Record<string, string | boolean | any>>({
+    is_open: false,
+    request_url: ''
+})
+
+const formRef = ref<FormInstance>()
+
+/**
+ * 获取pc域名
+ */
+getUrl().then(res => {
+    formData.request_url = res.data.web_url + '/'
+    loading.value = false
+})
+
+/**
+ * 复制
+ */
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+        return
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+
+// 点击访问
+const visitFn = () => {
+    window.open(formData.request_url)
+}
+</script>
+
+<style lang="scss" scoped>
+.visit-btn{
+    color:var(--el-color-primary);
+}
+</style>
diff --git a/admin/src/app/views/channel/weapp/access.vue b/admin/src/app/views/channel/weapp/access.vue
new file mode 100644
index 0000000..36b44e9
--- /dev/null
+++ b/admin/src/app/views/channel/weapp/access.vue
@@ -0,0 +1,240 @@
+<template>
+    <div class="w-full p-5 bg-white">
+        <div class="flex justify-between items-center mb-[20px]">
+            <span class="text-[20px]">{{ t('title') }}</span>
+        </div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
+            <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
+            <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
+            <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
+        </el-tabs>
+        <div class="p-[20px]">
+            <p class="text-[16px] mb-[20px]">{{ t("weappInlet") }}</p>
+            <el-row>
+                <el-col :span="20">
+                    <el-steps direction="vertical">
+                        <el-step>
+                            <template #icon v-if="active > 1">
+                                <el-icon size="25px" class="text-color">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 1">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    1</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("weappAttestation") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("weappAttest") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary"
+                                        @click="linkEvent('https://mp.weixin.qq.com/')">{{ t("clickAccess") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 2">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 2">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    2</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("weappSetting") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("emplace") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain
+                                        @click="router.push('/channel/weapp/config')">{{ t("weappSettingBtn") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 3">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 3">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    3</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("uploadVersion") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("releaseCourse") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain
+                                        @click="router.push('/channel/weapp/code')">{{ t("weappRelease") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 4">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 4">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    4</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("completeAccess") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("releaseCourse") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <!-- <el-button type="primary" plain>{{
+                                        t("wechatAccessBtn") }}</el-button> -->
+                                </div>
+                            </template>
+                        </el-step>
+                    </el-steps>
+                </el-col>
+                <el-col :span="4">
+                    <div class="flex justify-center">
+                        <el-image class="w-[180px] h-[180px]" :src="qrCode ? img(qrCode) : ''">
+                            <template #error>
+                                <div class="w-[100%] h-[100%] flex items-center  justify-center bg-[#f5f7fa]">
+                                    <span>{{ qrCode ? t('fileErr') : t('emptyQrCode') }}</span>
+                                </div>
+                            </template>
+                        </el-image>
+                    </div>
+                    <div class="mt-[22px] text-center">
+                        <p class=" text-[14px] text-[#303133] font-[700]">{{ t('clickAccess2') }}</p>
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import { getWeappConfig } from '@/app/api/weapp'
+
+const router = useRouter()
+const activeName = ref('/channel/weapp')
+const active = ref(2)
+const qrCode = ref('')
+onMounted(async () => {
+    const res = await getWeappConfig()
+    qrCode.value = res.data.qr_code
+})
+const linkEvent = (url: string) => {
+    window.open(url, '_blank')
+}
+const handleClick = (val: any) => {
+    router.push({ path: activeName.value })
+}
+</script>
+
+<style lang="scss" scoped>
+.progress-point {
+    flex-grow: 1;
+    list-style: none;
+}
+
+.border-color {
+    border-color: var(--el-color-primary);
+}
+
+.bg-color {
+    background-color: var(--el-color-primary);
+}
+
+.text-color {
+    color: var(--el-color-primary);
+}
+
+.bg-color1 {
+    background-color: var(--el-color-info-light-8);
+}
+
+:deep(.el-tabs__item:hover) {
+    border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs__item) {
+    padding: 0;
+}
+
+:deep(.el-tabs__item+.el-tabs__item) {
+    margin-right: 20px;
+    margin-left: 20px;
+    // border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs--top) {
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        border-bottom: 2px solid var(--el-color-primary);
+    }
+
+    .el-tabs__item.is-top:nth-child(2) {
+        margin-right: 20px;
+    }
+
+}
+
+:deep(.el-step.is-vertical .el-step__icon.is-icon) {
+    padding: 8px 0;
+    height: 40px;
+    background-color: #fff;
+}
+
+:deep(.el-step__title) {
+    height: 40px;
+    line-height: 40px !important;
+}</style>
diff --git a/admin/src/app/views/channel/weapp/code.vue b/admin/src/app/views/channel/weapp/code.vue
new file mode 100644
index 0000000..e7988e7
--- /dev/null
+++ b/admin/src/app/views/channel/weapp/code.vue
@@ -0,0 +1,290 @@
+<template>
+    <div class="main-container min-h-[300px] p-5">
+        <div class="flex justify-between items-center mb-[20px]">
+            <span class="text-[20px]">{{ pageName }}</span>
+        </div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
+            <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
+            <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
+            <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
+        </el-tabs>
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="mt-[50px]">
+                <el-button type="primary" @click="insert" :loading="uploading" :disabled="weappTableData.loading">{{
+                    t('cloudRelease') }}</el-button>
+                <el-button @click="localInsert" :disabled="weappTableData.loading">{{ t('localRelease') }}</el-button>
+            </div>
+            <el-table class="mt-[15px]" :data="weappTableData.data" v-loading="weappTableData.loading" size="default">
+                <template #empty>
+                    <span>{{ t('emptyData') }}</span>
+                </template>
+                <el-table-column prop="version" :label="t('code')" align="left" />
+                <!-- <el-table-column prop="desc" :label="t('content')" align="left" /> -->
+                <el-table-column prop="status_name" :label="t('status')" align="left">
+                    <template #default="{ row }">
+                        <div>{{ row.status_name }}</div>
+                        <div class="text-error" v-if="row.status == -1">{{ t('failReason') }}{{ row.fail_reason }}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="create_time" :label="t('createTime')" align="center" />
+                <el-table-column :label="t('operation')" fixed="right" align="right" min-width="120">
+                    <template #default="{ row, $index }">
+                        <div class="" v-if="previewContent && $index == 0 && row.status == 1 && weappTableData.page == 1">
+                            <el-tooltip :content="previewContent" raw-content effect="light">
+                                <el-button type="primary" link>
+                                    {{ t('preview') }}</el-button>
+                            </el-tooltip>
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="mt-[16px] flex justify-end">
+                <el-pagination v-model:current-page="weappTableData.page" v-model:page-size="weappTableData.limit"
+                    layout="total, sizes, prev, pager, next, jumper" :total="weappTableData.total"
+                    @size-change="getWeappVersionListFn" @current-change="getWeappVersionListFn" />
+            </div>
+        </el-card>
+        <el-dialog v-model="dialogVisible" :title="t('codeDownTwoDesc')" width="30%" :before-close="handleClose">
+            <el-form ref="ruleFormRef" :model="form" label-width="120px">
+                <el-form-item prop="code" :label="t('code')">
+                    <el-input v-model="form.code" :placeholder="t('codePlaceholder')"
+                        onkeyup="this.value = this.value.replace(/[^\d\.]/g,'');" />
+                </el-form-item>
+                <el-form-item prop="path" :label="t('path')">
+                    <upload-file v-model="form.path" :api="'weapp/upload'" :accept="'.zip'" />
+                </el-form-item>
+                <el-form-item :label="t('content')">
+                    <el-input type="textarea" v-model="form.content" :placeholder="t('contentPlaceholder')" />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="dialogVisible = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="insert">
+                        {{ t('confirm') }}
+                    </el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { setWeappVersion, getWeappPreview, getWeappVersionList, getWeappUploadLog, getWeappConfig } from '@/app/api/weapp'
+import { t } from '@/lang'
+import { useRoute, useRouter } from 'vue-router'
+import { getAuthinfo } from '@/app/api/module'
+import { ElMessageBox } from 'element-plus'
+import { AnyObject } from '@/types/global'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+// const activeNames = ref('1')
+const dialogVisible = ref(false)
+const weappTableData:{
+    page: number,
+    limit: number,
+    total: number,
+    loading: boolean,
+    data: AnyObject
+} = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: false,
+    data: []
+})
+const form = ref({
+    desc: '',
+    code: '',
+    path: '',
+    content: ''
+})
+
+const authCode = ref('')
+getAuthinfo().then(res => {
+    if (res.data.data && res.data.data.auth_code) {
+        authCode.value = res.data.data.auth_code
+        getWeappPreviewImage()
+    }
+}).catch(() => {
+})
+
+const weappConfig = ref<{
+    app_id:string,
+    app_secret:string
+}>({
+    app_id: '',
+    app_secret: ''
+})
+getWeappConfig().then(res => {
+    weappConfig.value = res.data
+})
+
+const activeName = ref('/channel/weapp/code')
+const handleClick = (val: any) => {
+    router.push({ path: activeName.value })
+}
+const ruleFormRef = ref<any>(null)
+
+/**
+ * 获取版本列表
+ */
+const getWeappVersionListFn = (page: number = 1) => {
+    weappTableData.loading = true
+    weappTableData.page = page
+
+    getWeappVersionList({
+        page: weappTableData.page,
+        limit: weappTableData.limit
+    }).then(res => {
+        weappTableData.loading = false
+        weappTableData.data = res.data.data
+        weappTableData.total = res.data.total
+        if (page == 1 && weappTableData.data.length && weappTableData.data[0].status == 0) getWeappUploadLogFn(weappTableData.data[0].task_key)
+    }).catch(() => {
+        weappTableData.loading = false
+    })
+}
+
+getWeappVersionListFn()
+
+const handleClose = () => {
+    ruleFormRef.value.clearValidate()
+}
+
+const uploading = ref(false)
+const insert = () => {
+    if (!authCode.value) {
+        authElMessageBox()
+        return
+    }
+    if (!weappConfig.value.app_id) {
+        configElMessageBox()
+        return
+    }
+
+    if (uploading.value) return
+    uploading.value = true
+
+    previewContent.value = ''
+
+    setWeappVersion(form.value).then(res => {
+        getWeappVersionListFn()
+        getWeappPreviewImage()
+        uploading.value = false
+    }).catch(() => {
+        uploading.value = false
+    })
+}
+
+const localInsert = () => {
+    ElMessageBox.alert(t('localInsertTips'), t('warning'), {
+        confirmButtonText: t('confirm')
+    })
+}
+
+const previewContent = ref('')
+const getWeappPreviewImage = () => {
+    if (!authCode.value) return
+    getWeappPreview()
+        .then(res => {
+            if (res.data) previewContent.value = `<img src="${res.data}" class="w-[150px]">`
+        })
+        .catch()
+}
+
+const getWeappUploadLogFn = (key: string) => {
+    getWeappUploadLog(key).then(res => {
+        const data = res.data.data ?? []
+        if (data[0] && data[0].length) {
+            const last = data[0][data[0].length - 1]
+            if (last.code == 0) {
+                getWeappVersionListFn()
+                return
+            }
+            if (last.code == 1 && last.percent == 100) {
+                getWeappVersionListFn()
+                getWeappPreviewImage()
+                return
+            }
+            setTimeout(() => {
+                getWeappUploadLogFn(key)
+            }, 2000)
+        }
+    })
+}
+
+const authElMessageBox = () => {
+    ElMessageBox.confirm(
+        t('authTips'),
+        t('warning'),
+        {
+            distinguishCancelAndClose: true,
+            confirmButtonText: t('toBind'),
+            cancelButtonText: t('toNiucloud')
+        }
+    ).then(() => {
+        router.push({ path: '/app/authorize' })
+    }).catch((action: string) => {
+        if (action === 'cancel') {
+            window.open('https://www.niucloud.com/app')
+        }
+    })
+}
+
+const configElMessageBox = () => {
+    ElMessageBox.confirm(
+        t('weappTips'),
+        t('warning'),
+        {
+            confirmButtonText: t('toSetting'),
+            cancelButtonText: t('cancel')
+        }
+    ).then(() => {
+        router.push({ path: '/channel/weapp/config' })
+    }).catch((action: string) => {
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.el-collapse {
+    border: 0px !important
+}
+
+.el-collapse-item .el-collapse-item__wrap {
+    border: 0px !important
+}
+
+:deep(.el-tabs__item:hover) {
+    border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs__item) {
+    padding: 0;
+}
+
+:deep(.el-tabs__item+.el-tabs__item) {
+    margin-right: 20px;
+    margin-left: 20px;
+    // border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs--top) {
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        border-bottom: 2px solid var(--el-color-primary);
+    }
+
+    .el-tabs__item.is-top:nth-child(2) {
+        margin-right: 20px;
+    }
+
+}
+</style>
diff --git a/admin/src/app/views/channel/weapp/config.vue b/admin/src/app/views/channel/weapp/config.vue
new file mode 100644
index 0000000..04eaf77
--- /dev/null
+++ b/admin/src/app/views/channel/weapp/config.vue
@@ -0,0 +1,258 @@
+<template>
+    <div class="main-container">
+        <div class="detail-head">
+            <div class="left" @click="router.push({ path: '/channel/weapp' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+        <el-form :model="formData" label-width="170px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('weappInfo') }}</h3>
+
+                <el-form-item :label="t('weappName')" prop="weapp_name">
+                    <el-input v-model="formData.weapp_name" :placeholder="t('weappNamePlaceholder')" class="input-width"
+                        clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('weappOriginal')" prop="weapp_original">
+                    <el-input v-model="formData.weapp_original" :placeholder="t('weappOriginalPlaceholder')"
+                        class="input-width" clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('weappQrcode')" prop="qr_code">
+                    <upload-image v-model="formData.qr_code" />
+                    <div class="form-tip">{{ t('weappQrcodeTips') }}</div>
+                </el-form-item>
+
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('weappDevelopInfo') }}</h3>
+
+                <el-form-item :label="t('weappAppid')" prop="app_id">
+                    <el-input v-model="formData.app_id" :placeholder="t('appidPlaceholder')" class="input-width"
+                        clearable />
+                    <div class="form-tip">{{ t('weappAppidTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('weappAppsecret')" prop="app_secret">
+                    <el-input v-model="formData.app_secret" :placeholder="t('appSecretPlaceholder')" class="input-width"
+                        clearable />
+                    <div class="form-tip">{{ t('weappAppsecretTips') }}</div>
+                </el-form-item>
+
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('weappUpload') }}</h3>
+
+                <el-form-item :label="t('uploadKey')" prop="upload_private_key">
+                    <div class="input-width">
+                        <upload-file v-model="formData.upload_private_key" api="sys/document/wechat" />
+                    </div>
+                    <div class="form-tip">{{ t('uploadKeyTips') }}</div>
+                    <div class="form-tip">{{ t('uploadIpTips') }}{{ formData.upload_ip }}</div>
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('theServerSetting') }}</h3>
+
+                <el-form-item label="URL">
+                    <el-input :model-value="formData.serve_url" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.serve_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+                <el-form-item label="Token" prop="token">
+                    <el-input v-model="formData.token" :placeholder="t('tokenPlaceholder')" class="input-width"
+                        maxlength="32" show-word-limit clearable />
+                    <div class="form-tip">{{ t('tokenTips') }}</div>
+                </el-form-item>
+
+                <el-form-item label="EncodingAESKey" prop="encoding_aes_key">
+                    <el-input v-model="formData.encoding_aes_key" :placeholder="t('encodingAesKeyPlaceholder')"
+                        class="input-width" maxlength="43" show-word-limit clearable />
+                    <div class="form-tip">{{ t('encodingAESKeyTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('encryptionType')" prop="encryption_type">
+                    <el-radio-group v-model="formData.encryption_type">
+                        <el-radio label="not_encrypt">{{ t('cleartextMode') }}</el-radio>
+                        <el-radio label="compatible">{{ t('compatibleMode') }}</el-radio>
+                        <el-radio label="safe">{{ t('safeMode') }}</el-radio>
+                    </el-radio-group>
+                    <div class="form-tip">{{ t('cleartextModeTips') }}</div>
+                    <div class="form-tip">{{ t('compatibleModeTips') }}</div>
+                    <div class="form-tip">{{ t('safeModeTips') }}</div>
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <div class="flex">
+                    <h3 class="panel-title !text-sm">{{ t('functionSetting') }}</h3>
+                </div>
+
+                <el-form-item :label="t('requestUrl')">
+                    <el-input :model-value="formData.request_url" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.request_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+                <el-form-item :label="t('socketUrl')">
+                    <el-input :model-value="formData.socket_url" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.socket_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+                <el-form-item :label="t('uploadUrl')">
+                    <el-input :model-value="formData.upload_url" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.upload_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+                <el-form-item :label="t('downloadUrl')">
+                    <el-input :model-value="formData.download_url" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(formData.download_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+            </el-card>
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch } from 'vue'
+import { t } from '@/lang'
+import { getWeappConfig, setWeappConfig } from '@/app/api/weapp'
+import { useClipboard } from '@vueuse/core'
+import { ElMessage, FormInstance, FormRules } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+
+const loading = ref(true)
+
+const formData = reactive<Record<string, string>>({
+    weapp_name: '',
+    weapp_original: '',
+    app_id: '',
+    app_secret: '',
+    qr_code: '',
+    token: '',
+    encoding_aes_key: '',
+    encryption_type: 'not_encrypt',
+    serve_url: '',
+    request_url: '',
+    socket_url: '',
+    upload_url: '',
+    download_url: '',
+    upload_private_key: ''
+})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    weapp_name: [
+        { required: true, message: t('weappNamePlaceholder'), trigger: 'blur' }
+    ],
+    weapp_original: [
+        { required: true, message: t('weappOriginalPlaceholder'), trigger: 'blur' }
+    ],
+    app_id: [
+        { required: true, message: t('appidPlaceholder'), trigger: 'blur' }
+    ],
+    app_secret: [
+        { required: true, message: t('appSecretPlaceholder'), trigger: 'blur' }
+    ],
+    token: [
+        { required: true, message: t('tokenPlaceholder'), trigger: 'blur' }
+    ],
+    encoding_aes_key: [
+        { required: true, message: t('encodingAesKeyPlaceholder'), trigger: 'blur' }
+    ]
+})
+
+/**
+ * 获取微信配置
+ */
+getWeappConfig().then(res => {
+    Object.assign(formData, res.data)
+    loading.value = false
+})
+
+getWeappConfig().then(res => {
+    Object.assign(res.data)
+})
+
+/**
+ * 复制
+ */
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+        return
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            setWeappConfig(formData).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/weapp/course.vue b/admin/src/app/views/channel/weapp/course.vue
new file mode 100644
index 0000000..87864ff
--- /dev/null
+++ b/admin/src/app/views/channel/weapp/course.vue
@@ -0,0 +1,84 @@
+<template>
+	<div class="main-container">
+		<div class="detail-head">
+			<div class="left" @click="router.push({ path: '/channel/weapp' })">
+				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
+				<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+			</div>
+			<span class="adorn">|</span>
+			<span class="right">{{ pageName }}</span>
+		</div>
+		<el-card class="box-card !border-none" shadow="never">
+			<div class="mt-[20px]">
+				<div class="flex">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('writingTipsOne1') }}<el-button link type="primary"
+								@click="linkEvent">{{ t("writingTipsOne2") }}</el-button>,{{ t('writingTipsOne3') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/weapp_1.png" />
+						</div>
+					</div>
+				</div>
+				<div class="flex mt-[40px]">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('writingTipsTwo1') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/weapp_2.png" />
+						</div>
+					</div>
+				</div>
+				<div class="flex mt-[40px]">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('writingTipsThree1') }}<span class="text-primary">{{
+							t('writingTipsThree2') }}</span></p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/weapp_3.png" />
+						</div>
+					</div>
+				</div>
+				<div class="flex mt-[40px]">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">4</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('writingTipsFour1') }}<span class="text-primary">URL /
+								Token / EncondingAESKey</span>{{ t('writingTipsFour2') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/weapp_4.png" />
+						</div>
+					</div>
+				</div>
+			</div>
+		</el-card>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+// import { img } from '@/utils/common'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+
+const linkEvent = () => {
+    window.open('https://mp.weixin.qq.com/', '_blank')
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/weapp/template.vue b/admin/src/app/views/channel/weapp/template.vue
new file mode 100644
index 0000000..1e832d4
--- /dev/null
+++ b/admin/src/app/views/channel/weapp/template.vue
@@ -0,0 +1,168 @@
+<template>
+    <div class="main-container p-5">
+        <div class="flex justify-between items-center mb-[20px]">
+            <span class="text-[20px]">{{ pageName }}</span>
+        </div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
+            <el-tab-pane :label="t('weappAccessFlow')" name="/channel/weapp" />
+            <el-tab-pane :label="t('subscribeMessage')" name="/channel/weapp/message" />
+            <el-tab-pane :label="t('weappRelease')" name="/channel/weapp/code" />
+        </el-tabs>
+        <el-card class="box-card !border-none" shadow="never">
+            <el-alert class="warm-prompt !my-[20px]" type="info">
+                <template #default>
+                    <div class="flex">
+                        <el-icon class="mr-2 mt-[2px]" size="18">
+                            <Warning />
+                        </el-icon>
+                        <div>
+                            <p class="text-base">{{ t('operationTip') }} 1、{{ t('operationTipOne') }}</p>
+                            <p class="text-base">2、{{ t('operationTipTwo') }}</p>
+                        </div>
+                    </div>
+                </template>
+            </el-alert>
+
+            <div>
+                <el-table :data="cronTableData.data" size="large" v-loading="cronTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="name" :show-overflow-tooltip="true" :label="t('name')" min-width="150" />
+
+                    <el-table-column :label="t('response')" min-width="180">
+                        <template #default="{ row }">
+                            <div v-for="(item, index) in row.weapp.content" :key="'a' + index" class="text-left">
+                                {{ item.join(":") }}</div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('isStart')" min-width="100" align="center">
+                        <template #default="{ row }">
+                            {{ row.is_weapp == 1 ? t('startUsing') : t('statusDeactivate') }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="weapp_template_id" :label="t('serialNumber')" min-width="180" />
+
+                    <el-table-column :label="t('operation')" fixed="right" align="right" width="200">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoSwitch(row)">{{ row.is_weapp == 1 ? t('close') :
+                                t('open') }}</el-button>
+                            <el-button type="primary" link @click="batchAcquisitionFn(row)">{{ t('regain') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getTemplateList, getBatchAcquisition } from '@/app/api/weapp'
+import { editNoticeStatus } from '@/app/api/notice'
+import { ElLoading } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+import { AnyObject } from '@/types/global'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const activeName = ref('/channel/weapp/message')
+const handleClick = (val: any) => {
+    router.push({ path: activeName.value })
+}
+const cronTableData = reactive({
+    loading: true,
+    data: []
+})
+
+/**
+ * 获取消息模板列表
+ */
+const loadCronList = (page: number = 1) => {
+    cronTableData.loading = true
+
+    getTemplateList().then(res => {
+        cronTableData.loading = false
+        cronTableData.data = res.data
+    }).catch(() => {
+        cronTableData.loading = false
+    })
+}
+loadCronList()
+
+/**
+ * 批量获取
+ */
+const batchAcquisitionFn = (row: AnyObject | null = null) => {
+    const loading = ElLoading.service({ lock: true, background: 'rgba(0, 0, 0, 0)' })
+    getBatchAcquisition({ keys: row ? [row.key] : [] }).then(() => {
+        loadCronList()
+        loading.close()
+    }).catch(() => {
+        loading.close()
+    })
+}
+
+/**
+ * 开启或关闭订阅消息
+ */
+interface Switch {
+    key: string;
+    type: string;
+    status: number
+}
+const infoSwitch = (res:any) => {
+    const data = ref<Switch>({
+        key: '',
+        type: '',
+        status: 0
+    })
+    data.value.status = res.is_weapp ? 0 : 1
+    data.value.key = res.key
+    data.value.type = 'weapp'
+    cronTableData.loading = true
+    editNoticeStatus(data.value).then(res => {
+        loadCronList()
+    }).catch(() => {
+        cronTableData.loading = false
+    })
+}
+
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-tabs__item:hover) {
+    border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs__item) {
+    padding: 0;
+}
+
+:deep(.el-tabs__item+.el-tabs__item) {
+    margin-right: 20px;
+    margin-left: 20px;
+    // border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs--top) {
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        border-bottom: 2px solid var(--el-color-primary);
+    }
+
+    .el-tabs__item.is-top:nth-child(2) {
+        margin-right: 20px;
+    }
+
+}</style>
diff --git a/admin/src/app/views/channel/wechat/access.vue b/admin/src/app/views/channel/wechat/access.vue
new file mode 100644
index 0000000..4ecbb71
--- /dev/null
+++ b/admin/src/app/views/channel/wechat/access.vue
@@ -0,0 +1,216 @@
+<template>
+    <div class="w-full p-5 bg-white">
+        <div class="flex justify-between items-center mb-[20px]">
+            <span class="text-[20px]">{{ t('title') }}</span>
+        </div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
+            <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
+            <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
+            <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
+        </el-tabs>
+        <div class="p-[20px]">
+            <p class="text-[16px] mb-[20px]">{{ t("wechatInlet") }}</p>
+            <el-row>
+                <el-col :span="20">
+                    <el-steps direction="vertical">
+                        <el-step>
+                            <template #icon v-if="active > 1">
+                                <el-icon size="25px" class="text-color">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 1">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    1</div>
+                            </template>
+                            <template #title>
+                                <p class=" text-[14px] text-[#303133] font-[700]">
+                                    {{ t("wechatAttestation") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("wechatAttestation1") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" @click="linkEvent('https://mp.weixin.qq.com/')">{{
+                                        t("clickAccess") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 2">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 2">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    2</div>
+                            </template>
+                            <template #title>
+                                <p class=" text-[14px] text-[#303133] font-[700]">
+                                    {{ t("wechatSetting") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("wechatSetting1") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain @click="router.push('/channel/wechat/config')">{{
+                                        t("settingInfo")
+                                    }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 3">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 3">
+                                <div
+                                    class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    3</div>
+                            </template>
+                            <template #title>
+                                <p class=" text-[14px] text-[#303133] font-[700]">
+                                    {{ t("wechatAccess") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("wechatAccess") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain @click="router.push('/channel/wechat/course')">{{
+                                        t("releaseCourse")
+                                    }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                    </el-steps>
+                </el-col>
+                <el-col :span="4">
+                    <div class="flex justify-center">
+                        <el-image class="w-[180px] h-[180px]" :src="qrcode ? img(qrcode) : ''">
+                            <template #error>
+                                <div class="w-[100%] h-[100%] flex items-center  justify-center bg-[#f5f7fa]">
+                                    <span>{{ qrcode ? t('fileErr') : t('emptyQrCode') }}</span>
+                                </div>
+                            </template>
+                        </el-image>
+                    </div>
+                    <div class="mt-[22px] text-center">
+                        <p class=" text-[14px] text-[#303133] font-[700]">{{ t('clickAccess2') }}</p>
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import { getWechatConfig } from '@/app/api/wechat'
+
+const router = useRouter()
+const activeName = ref('/channel/wechat')
+const active = ref(2)
+const qrcode = ref('')
+
+onMounted(async () => {
+    const res = await getWechatConfig()
+    qrcode.value = res.data.qr_code
+})
+
+const linkEvent = (url: string) => {
+    window.open(url, '_blank')
+}
+
+const handleClick = (val: any) => {
+    router.push({ path: activeName.value })
+}
+</script>
+
+<style lang="scss" scoped>
+.progress-point {
+    flex-grow: 1;
+    list-style: none;
+}
+
+.border-color {
+    border-color: var(--el-color-primary);
+}
+
+.bg-color {
+    background-color: var(--el-color-primary);
+}
+
+.text-color {
+    color: var(--el-color-primary);
+}
+
+.bg-color1 {
+    background-color: var(--el-color-info-light-8);
+}
+
+:deep(.el-tabs__item:hover) {
+    border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs__item) {
+    padding: 0;
+}
+
+:deep(.el-tabs__item+.el-tabs__item) {
+    margin-right: 20px;
+    margin-left: 20px;
+    // border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs--top) {
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        border-bottom: 2px solid var(--el-color-primary);
+    }
+
+    .el-tabs__item.is-top:nth-child(2) {
+        margin-right: 20px;
+    }
+
+}
+
+:deep(.el-step.is-vertical .el-step__icon.is-icon) {
+    padding: 8px 0;
+    height: 40px;
+    background-color: #fff;
+}
+
+:deep(.el-step__title) {
+    height: 40px;
+    line-height: 40px !important;
+}
+</style>
diff --git a/admin/src/app/views/channel/wechat/components/menu-form.vue b/admin/src/app/views/channel/wechat/components/menu-form.vue
new file mode 100644
index 0000000..a07f140
--- /dev/null
+++ b/admin/src/app/views/channel/wechat/components/menu-form.vue
@@ -0,0 +1,119 @@
+<template>
+    <div class="panel-title">{{ buttonData.sub_button ? t('menuNameInfo') : t('subMenuNameInfo') }}</div>
+
+    <el-form :model="buttonData" label-width="140px" ref="formRef" :rules="formRules" class="page-form mt-[30px]">
+
+        <el-form-item :label="t('menuName')" prop="name">
+            <el-input v-model="buttonData.name" :placeholder="t('menuNamePlaceholder')" class="input-width" clearable />
+            <div class="form-tip">{{ buttonData.sub_button ? t('menuNameTips') : t('subMenuNameTips') }}</div>
+        </el-form-item>
+
+        <template v-if="!buttonData.sub_button || !buttonData.sub_button.length">
+            <el-form-item :label="t('messageType')">
+                <el-radio-group v-model="buttonData.type">
+                    <el-radio label="view">{{ t('skipWebpage') }}</el-radio>
+                    <el-radio label="miniprogram">{{ t('skipWeapp') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('webpageUrl')" prop="url">
+                <el-input v-model="buttonData.url" :placeholder="t('webpageUrlPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('weappAppid')" prop="appid" v-show="buttonData.type == 'miniprogram'">
+                <el-input v-model="buttonData.appid" :placeholder="t('weappAppidPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('weappPage')" prop="pagepath" v-show="buttonData.type == 'miniprogram'">
+                <el-input v-model="buttonData.pagepath" :placeholder="t('weappPagePlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+        </template>
+
+        <div class="mt-[40px]">
+            <el-button type="primary" link @click="deleteButton">{{ t('deleteMemu') }}</el-button>
+        </div>
+    </el-form>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref } from 'vue'
+import { t } from '@/lang'
+import { strByteLength } from '@/utils/common'
+
+const prop = defineProps({
+    data: {
+        type: Object,
+        default: () => { }
+    },
+    index: {
+        type: Number,
+        default: 0
+    },
+    subIndex: {
+        type: Number,
+        default: -1
+    }
+})
+
+const formRef = ref()
+
+const buttonData = computed({
+    get () {
+        return prop.data
+    },
+    set (value) {
+
+    }
+})
+
+/**
+ * 验证规则
+ */
+const formRules = computed(() => {
+    return {
+        name: [
+            { required: true, message: t('menuNamePlaceholder'), trigger: 'blur' },
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    if (buttonData.value.sub_button && strByteLength(value) > 8) callback(new Error(t('menuNameTips')))
+                    else if (!buttonData.value.sub_button && strByteLength(value) > 16) callback(new Error(t('subMenuNameTips')))
+                    else callback()
+                },
+                trigger: ['blur', 'change']
+            }
+        ],
+        url: [
+            { required: !buttonData.value.sub_button || !buttonData.value.sub_button.length, message: t('webpageUrlPlaceholder'), trigger: 'blur' }
+        ],
+        appid: [
+            { required: ((!buttonData.value.sub_button || !buttonData.value.sub_button.length) && buttonData.value.type == 'miniprogram'), message: t('weappAppidPlaceholder'), trigger: 'blur' }
+        ],
+        pagepath: [
+            { required: ((!buttonData.value.sub_button || !buttonData.value.sub_button.length) && buttonData.value.type == 'miniprogram'), message: t('weappPagePlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['delete'])
+
+const deleteButton = () => {
+    emit('delete')
+}
+
+const validate = async () => {
+    let validate = false
+    await formRef.value.validate(async (valid: boolean) => {
+        validate = valid
+    })
+    return validate
+}
+
+defineExpose({
+    validate,
+    index: prop.index,
+    subIndex: prop.subIndex
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/wechat/config.vue b/admin/src/app/views/channel/wechat/config.vue
new file mode 100644
index 0000000..f8cade9
--- /dev/null
+++ b/admin/src/app/views/channel/wechat/config.vue
@@ -0,0 +1,250 @@
+<template>
+    <div class="main-container">
+        <div class="detail-head">
+            <div class="left" @click="router.push({ path: '/channel/wechat' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+
+        <el-form :model="formData" label-width="150px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('wechatInfo') }}</h3>
+
+                <el-form-item :label="t('wechatName')" prop="wechat_name">
+                    <el-input v-model="formData.wechat_name" :placeholder="t('wechatNamePlaceholder')" class="input-width"
+                        clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('wechatOriginal')" prop="wechat_original">
+                    <el-input v-model="formData.wechat_original" :placeholder="t('wechatOriginalPlaceholder')"
+                        class="input-width" clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('wechatQrcode')" prop="qr_code">
+                    <upload-image v-model="formData.qr_code" />
+                    <div class="form-tip">{{ t('wechatQrcodeTips') }}</div>
+                </el-form-item>
+
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('wechatDevelopInfo') }}</h3>
+
+                <el-form-item :label="t('wechatAppid')" prop="app_id">
+                    <el-input v-model="formData.app_id" :placeholder="t('appidPlaceholder')" class="input-width"
+                        clearable />
+                    <div class="form-tip">{{ t('wechatAppidTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('wechatAppsecret')" prop="app_secret">
+                    <el-input v-model="formData.app_secret" :placeholder="t('appSecretPlaceholder')" class="input-width"
+                        clearable />
+                    <div class="form-tip">{{ t('wechatAppsecretTips') }}</div>
+                </el-form-item>
+
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('theServerSetting') }}</h3>
+
+                <el-form-item label="URL">
+                    <el-input :model-value="wechatStatic.serve_url" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(wechatStatic.serve_url)">{{ t('copy') }}</div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+                <el-form-item label="Token" prop="token">
+                    <el-input v-model="formData.token" :placeholder="t('tokenPlaceholder')" class="input-width"
+                        maxlength="32" show-word-limit clearable />
+                    <div class="form-tip">{{ t('tokenTips') }}</div>
+                </el-form-item>
+
+                <el-form-item label="EncodingAESKey" prop="encoding_aes_key">
+                    <el-input v-model="formData.encoding_aes_key" :placeholder="t('encodingAesKeyPlaceholder')"
+                        class="input-width" maxlength="43" show-word-limit clearable />
+                    <div class="form-tip">{{ t('encodingAESKeyTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('encryptionType')" prop="encryption_type">
+                    <el-radio-group v-model="formData.encryption_type">
+                        <el-radio label="not_encrypt">{{ t('cleartextMode') }}</el-radio>
+                        <el-radio label="compatible">{{ t('compatibleMode') }}</el-radio>
+                        <el-radio label="safe">{{ t('safeMode') }}</el-radio>
+                    </el-radio-group>
+                    <div class="form-tip">{{ t('cleartextModeTips') }}</div>
+                    <div class="form-tip">{{ t('compatibleModeTips') }}</div>
+                    <div class="form-tip">{{ t('safeModeTips') }}</div>
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <div class="flex">
+                    <h3 class="panel-title !text-sm">{{ t('functionSetting') }}</h3>
+                </div>
+
+                <el-form-item label="">
+                    <div class="form-tip">{{ t('functionSettingTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('businessDomain')">
+                    <el-input :model-value="wechatStatic.business_domain" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(wechatStatic.business_domain)">{{ t('copy') }}
+                            </div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+                <el-form-item :label="t('jsSecureDomain')">
+                    <el-input :model-value="wechatStatic.js_secure_domain" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(wechatStatic.business_domain)">{{ t('copy') }}
+                            </div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+                <el-form-item :label="t('webAuthDomain')">
+                    <el-input :model-value="wechatStatic.web_auth_domain" placeholder="Please input" class="input-width"
+                        :readonly="true">
+                        <template #append>
+                            <div class="cursor-pointer" @click="copyEvent(wechatStatic.business_domain)">{{ t('copy') }}
+                            </div>
+                        </template>
+                    </el-input>
+                </el-form-item>
+
+            </el-card>
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch } from 'vue'
+import { t } from '@/lang'
+import { getWechatConfig, getWechatStatic, editWechatConfig } from '@/app/api/wechat'
+import { useClipboard } from '@vueuse/core'
+import { ElMessage, FormInstance, FormRules } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+
+const loading = ref(true)
+
+const formData = reactive<Record<string, string>>({
+    wechat_name: '',
+    wechat_original: '',
+    app_id: '',
+    app_secret: '',
+    qr_code: '',
+    token: '',
+    encoding_aes_key: '',
+    encryption_type: 'not_encrypt'
+})
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    wechat_name: [
+        { required: true, message: t('wechatNamePlaceholder'), trigger: 'blur' }
+    ],
+    wechat_original: [
+        { required: true, message: t('wechatOriginalPlaceholder'), trigger: 'blur' }
+    ],
+    app_id: [
+        { required: true, message: t('appidPlaceholder'), trigger: 'blur' }
+    ],
+    app_secret: [
+        { required: true, message: t('appSecretPlaceholder'), trigger: 'blur' }
+    ],
+    token: [
+        { required: true, message: t('tokenPlaceholder'), trigger: 'blur' }
+    ],
+    encoding_aes_key: [
+        { required: true, message: t('encodingAesKeyPlaceholder'), trigger: 'blur' }
+    ]
+})
+
+/**
+ * 获取微信配置
+ */
+getWechatConfig().then(res => {
+    Object.assign(formData, res.data)
+    loading.value = false
+})
+
+const wechatStatic = reactive<Record<string, string>>({
+    business_domain: '',
+    js_secure_domain: '',
+    serve_url: '',
+    web_auth_domain: ''
+})
+
+getWechatStatic().then(res => {
+    Object.assign(wechatStatic, res.data)
+    loading.value = false
+})
+
+/**
+ * 复制
+ */
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+        return
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            editWechatConfig(formData).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/wechat/course.vue b/admin/src/app/views/channel/wechat/course.vue
new file mode 100644
index 0000000..5eaeae2
--- /dev/null
+++ b/admin/src/app/views/channel/wechat/course.vue
@@ -0,0 +1,97 @@
+<template>
+	<div class="main-container">
+		<div class="detail-head">
+			<div class="left" @click="router.push({ path: '/channel/wechat' })">
+				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
+				<span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+			</div>
+			<span class="adorn">|</span>
+			<span class="right">{{ pageName }}</span>
+		</div>
+		<el-card class="box-card !border-none" shadow="never">
+
+			<div class="mt-[20px]">
+				<div class="flex">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">1</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('writingTipsOne1') }}--<el-button link type="primary"
+								@click="linkEvent">{{ t('writingTipsOne2') }}</el-button>, {{ t('writingTipsOne3') }}<span
+								class="text-primary">URL / Token / EncondingAESKey</span>{{ t('writingTipsOne4') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/wechat_1.png" />
+						</div>
+						<p class="flex items-center text-[14px] mt-[20px]">{{ t('writingTipsOne5') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/wechat_4.png" />
+						</div>
+					</div>
+				</div>
+				<div class="flex mt-[40px]">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">2</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('writingTipsTwo1') }}</p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/wechat_2.png" />
+						</div>
+					</div>
+				</div>
+				<div class="flex mt-[40px]">
+					<div class="min-w-[60px]">
+						<span
+							class="flex justify-center items-center block w-[40px] h-[40px] border-[1px] border-primary rounded-[999px] text-primary">3</span>
+					</div>
+					<div>
+						<p class="flex items-center text-[14px]">{{ t('writingTipsThree1') }}<span
+								class="text-primary">{{ t('writingTipsThree2') }}</span></p>
+						<div class="w-[100%] mt-[10px]">
+							<img class="w-[100%]" src="@/app/assets/images/setting/wechat_3.png" />
+						</div>
+					</div>
+				</div>
+			</div>
+		</el-card>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getWechatConfig } from '@/app/api/wechat'
+import { useRouter, useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+const router = useRouter()
+const loading = ref(true)
+const formData = reactive<Record<string, string>>({
+    wechat_name: '',
+    wechat_original: '',
+    app_id: '',
+    app_secret: '',
+    qr_code: '',
+    token: '',
+    encoding_aes_key: '',
+    encryption_type: 'not_encrypt'
+})
+
+/**
+ * 获取微信配置
+ */
+getWechatConfig().then(res => {
+    Object.assign(formData, res.data)
+    loading.value = false
+})
+
+const linkEvent = () => {
+    window.open('https://mp.weixin.qq.com/', '_blank')
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/wechat/menu.vue b/admin/src/app/views/channel/wechat/menu.vue
new file mode 100644
index 0000000..f59ae46
--- /dev/null
+++ b/admin/src/app/views/channel/wechat/menu.vue
@@ -0,0 +1,319 @@
+<template>
+    <div class="main-container p-5">
+        <div class="flex justify-between items-center mb-[20px]">
+            <span class="text-[20px]">{{ pageName }}</span>
+        </div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
+            <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
+            <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
+            <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
+        </el-tabs>
+        <div class="flex" v-loading="loading">
+            <div class="preview-wrap w-[300px] h-[550px] mr-[16px] bg-overlay rounded-md flex flex-col justify-between border border-color">
+                <div class="head w-full h-[70px]"></div>
+
+                <div class="menu-list h-[70px] flex border-t border-color">
+                    <div class="py-[15px]">
+                        <div class="flex h-full px-[10px] items-center justify-center border-r border-color">
+                            <icon name="iconfont-iconjianpan" size="20px" color="#b1b2b3" />
+                        </div>
+                    </div>
+                    <div class="flex-1 flex w-0">
+                        <div class="menu-item py-[15px] flex items-center justify-center cursor-pointer"
+                            :class="{ 'size-1': button.length == 1, 'size-2-3': button.length > 1, 'active': index == buttonIndex, 'curr': index == buttonIndex && subButtonIndex == -1 }"
+                            v-for="(item, index) in button" :key="index" @click="selectButton(index)">
+                            <div
+                                class="menu-name px-[10px] border-r border-color w-full leading-[40px] text-base truncate text-center">
+                                {{ item.name }}</div>
+                            <div class="active-shade"></div>
+
+                            <!-- 子菜单 -->
+                            <div class="sub-menu-wrap w-full bg-overlay border border-color rounded">
+                                <div class="menu-item h-[50px] p-[10px] border-b border-color flex items-center justify-center cursor-pointer"
+                                    :class="{ 'curr': subIndex == subButtonIndex }"
+                                    v-for="(subItem, subIndex) in item.sub_button" :key="subIndex"
+                                    @click.stop="selectBubButton(index, subIndex)">
+                                    <div class="menu-name w-full text-base truncate text-center">{{ subItem.name }}</div>
+                                    <div class="active-shade"></div>
+                                </div>
+                                <!-- 添加子菜单 -->
+                                <div class="add-menu flex items-center justify-center flex-1 cursor-pointer menu-item h-[50px]"
+                                    v-show="!item.sub_button || item.sub_button.length < 5"
+                                    @click.stop="addSubButton(index)">
+                                    <icon name="element-Plus" />
+                                </div>
+                            </div>
+                        </div>
+                        <!-- 添加菜单 -->
+                        <div class="add-menu flex items-center justify-center flex-1 cursor-pointer menu-item"
+                            v-show="button.length < 3" @click="addButton">
+                            <icon name="element-Plus" />
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="flex-1">
+                <el-card class="box-card !border-none h-auto" shadow="never">
+                    <template v-if="button.length">
+
+                        <div v-for="(item, index) in button" :key="index">
+                            <div v-show="index == buttonIndex && subButtonIndex == -1">
+                                <menu-form :data="item" @delete="deleteButton" :index="index" ref="formRef" />
+                            </div>
+
+                            <div v-for="(subItem, subIndex) in item.sub_button" :key="subIndex">
+                                <div v-show="index == buttonIndex && subIndex == subButtonIndex">
+                                    <menu-form :data="subItem" @delete="deleteButton" :index="index" :sub-index="subIndex"
+                                        ref="formRef" />
+                                </div>
+                            </div>
+                        </div>
+
+                    </template>
+                    <div v-else class="py-[20px] leading">尚未添加自定义菜单，点击左侧添加菜单为公众号创建菜单栏。</div>
+                </el-card>
+            </div>
+        </div>
+    </div>
+    <div class="fixed-footer-wrap">
+        <div class="fixed-footer">
+            <el-button type="primary" :loading="loading" @click="save()">{{ t('save') }}</el-button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+import { ElMessageBox, ElMessage } from 'element-plus'
+import { getWechatMenu, editWechatMenu } from '@/app/api/wechat'
+import menuForm from './components/menu-form.vue'
+import { useRouter, useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+const router = useRouter()
+const loading = ref(true)
+const button = ref<Record<string, any>[]>([])
+const buttonIndex = ref<number>(0)
+const subButtonIndex = ref<number>(-1)
+const formRef = ref<Record<string, any>[] | null>(null)
+const activeName = ref('/channel/wechat/menu')
+const handleClick = (val: any) => {
+    router.push({ path: activeName.value })
+}
+/**
+ * 获取公众号菜单配置
+ */
+getWechatMenu().then((res) => {
+    button.value = res.data
+    loading.value = false
+})
+
+/**
+ * 添加一级菜单
+ */
+const addButton = () => {
+    button.value.push({
+        name: '菜单名称',
+        type: 'view',
+        url: '',
+        appid: '',
+        pagepath: '',
+        sub_button: []
+    })
+    selectButton(button.value.length - 1)
+}
+
+/**
+ * 添加二级菜单
+ * @param index
+ */
+const addSubButton = (index: number) => {
+    !button.value[index].sub_button && (button.value[index].sub_button = [])
+    button.value[index].sub_button.push({
+        name: '子菜单名称',
+        type: 'view',
+        url: '',
+        appid: '',
+        pagepath: ''
+    })
+    selectBubButton(index, button.value[index].sub_button.length - 1)
+}
+
+/**
+ * 选择一级菜单
+ */
+const selectButton = (index: number) => {
+    buttonIndex.value = index
+    subButtonIndex.value = -1
+}
+
+/**
+ * 选择二级菜单
+ * @param index
+ * @param subIndex
+ */
+const selectBubButton = (index: number, subIndex: number) => {
+    buttonIndex.value = index
+    subButtonIndex.value = subIndex
+}
+
+/**
+ * 删除菜单
+ */
+const deleteButton = () => {
+    ElMessageBox.confirm(
+        t('deleteMemuTips'),
+        t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        if (subButtonIndex.value != -1) {
+            button.value[buttonIndex.value].sub_button.splice(subButtonIndex.value, 1)
+            subButtonIndex.value = button.value[buttonIndex.value].sub_button.length - 1
+            // 如果子菜单被全部删除
+            if (subButtonIndex.value == -1) {
+                Object.assign(button.value[buttonIndex.value], {
+                    type: 'view',
+                    url: '',
+                    appid: '',
+                    pagepath: ''
+                })
+            }
+        } else {
+            button.value.splice(buttonIndex.value, 1)
+            button.value.length && (buttonIndex.value = button.value.length - 1)
+        }
+    })
+}
+
+/**
+ * 保存
+ */
+const save = async () => {
+    if (!formRef.value || !formRef.value) {
+        ElMessage.error(t('menusEmptyTips'))
+        return
+    }
+    for (let i = 0; i < formRef?.value.length; i++) {
+        const item = formRef.value[i]
+        const validate = await item.validate()
+        if (!validate) {
+            buttonIndex.value = item.index
+            subButtonIndex.value = item.subIndex
+            break
+        }
+    }
+    if (loading.value) return
+    loading.value = true
+    editWechatMenu({ button: button.value }).then(() => {
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.preview-wrap {
+    .head {
+        background: url('@/app/assets/images/wechat-menu-head-bg.png');
+        background-size: cover;
+    }
+
+    .menu-item {
+        position: relative;
+
+        &.size-1 {
+            width: 50%;
+        }
+
+        &.size-2-3 {
+            width: 33.33%;
+        }
+
+        &:nth-child(3)>.menu-name {
+            border-right: 0;
+        }
+
+        .active-shade {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            border: 1px solid var(--el-color-primary);
+            display: none;
+            left: 0;
+            top: 0;
+        }
+
+        &.curr {
+            background: var(--el-color-primary-light-9);
+
+            >.menu-name {
+                color: var(--el-color-primary);
+            }
+
+            &>.active-shade {
+                display: block;
+            }
+        }
+
+        &.active {
+            .sub-menu-wrap {
+                display: block !important;
+            }
+        }
+    }
+
+    .sub-menu-wrap {
+        display: none;
+        position: absolute;
+        top: 0;
+        transform: translateY(calc(-100% - 15px));
+
+        .menu-item:nth-child(5) {
+            border-bottom: 0;
+        }
+    }
+}
+
+.dark {
+    .preview-wrap .head {
+        background: url('@/app/assets/images/wechat-menu-head-dark-bg.png');
+        background-size: cover;
+    }
+}
+
+:deep(.el-tabs__item:hover) {
+    border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs__item) {
+    padding: 0;
+}
+
+:deep(.el-tabs__item+.el-tabs__item) {
+    margin-right: 20px;
+    margin-left: 20px;
+    // border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs--top) {
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        border-bottom: 2px solid var(--el-color-primary);
+    }
+
+    .el-tabs__item.is-top:nth-child(2) {
+        margin-right: 20px;
+    }
+
+}</style>
diff --git a/admin/src/app/views/channel/wechat/reply.vue b/admin/src/app/views/channel/wechat/reply.vue
new file mode 100644
index 0000000..c756742
--- /dev/null
+++ b/admin/src/app/views/channel/wechat/reply.vue
@@ -0,0 +1,8 @@
+<template>
+    <div></div>
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/channel/wechat/template.vue b/admin/src/app/views/channel/wechat/template.vue
new file mode 100644
index 0000000..b91a886
--- /dev/null
+++ b/admin/src/app/views/channel/wechat/template.vue
@@ -0,0 +1,178 @@
+<template>
+    <div class="main-container p-5">
+        <div class="flex justify-between items-center mb-[20px]">
+            <span class="text-[20px]">{{ pageName }}</span>
+        </div>
+        <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleClick">
+            <el-tab-pane :label="t('wechatAccessFlow')" name="/channel/wechat" />
+            <el-tab-pane :label="t('customMenu')" name="/channel/wechat/menu" />
+            <el-tab-pane :label="t('wechatTemplate')" name="/channel/wechat/message" />
+        </el-tabs>
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+                <el-button type="primary" class="w-[100px]" @click="batchAcquisitionFn">{{ t('batchAcquisition')
+                }}</el-button>
+            </div>
+            <el-alert class="warm-prompt !my-[20px]" type="info">
+                <template #default>
+                    <div class="flex">
+                        <el-icon class="mr-2 mt-[2px]" size="18">
+                            <Warning />
+                        </el-icon>
+                        <div>
+                            <p class="text-base">{{ t('operationTip') }}</p>
+                            <p class="text-base">1、{{ t('operationTipOne') }}</p>
+                            <p class="text-base">2、{{ t('operationTipTwo') }}</p>
+                            <p class="text-base">3、{{ t('operationTipThree') }}</p>
+                            <p class="text-base">4、{{ t('operationTipFour') }}</p>
+                        </div>
+                    </div>
+                </template>
+            </el-alert>
+            <div class="mt-[10px]">
+                <el-table :data="cronTableData.data" size="large" v-loading="cronTableData.loading">
+                    <template #empty>
+                        <span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="name" :show-overflow-tooltip="true" :label="t('name')" min-width="150" />
+
+                    <el-table-column :label="t('messageType')" min-width="100" align="center">
+                        <template #default="{ row }">
+                            <span>{{ row.message_type == 1 ? t('buyerNews') : t('sellerMessage') }}</span>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('isStart')" min-width="100" align="center">
+                        <template #default="{ row }">
+                            {{ row.is_wechat == 1 ? t('startUsing') : t('statusDeactivate') }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('response')" min-width="180">
+                        <template #default="{ row }">
+                            <div v-for="(item, index) in row.wechat.content" :key="'a' + index" class="text-left">
+                                {{ item.join("：") }}</div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="wechat_template_id" :label="t('serialNumber')" min-width="140" />
+
+                    <el-table-column :label="t('operation')" fixed="right" align="right" width="200">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoSwitch(row)">{{ row.is_wechat == 1 ? t('close') :
+                                t('open') }}</el-button>
+                            <el-button type="primary" link @click="batchAcquisitionFn(row)">{{ t('regain') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getTemplateList, getBatchAcquisition } from '@/app/api/wechat'
+import { editNoticeStatus } from '@/app/api/notice'
+import { AnyObject } from '@/types/global'
+import { ElLoading } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const cronTableData = reactive({
+    loading: true,
+    data: []
+})
+const activeName = ref('/channel/wechat/message')
+const handleClick = (val: any) => {
+    router.push({ path: activeName.value })
+}
+/**
+ * 获取消息模板列表
+ */
+const loadCronList = (page: number = 1) => {
+    cronTableData.loading = true
+
+    getTemplateList().then(res => {
+        cronTableData.loading = false
+        cronTableData.data = res.data
+    }).catch(() => {
+        cronTableData.loading = false
+    })
+}
+loadCronList()
+
+/**
+ * 批量获取
+ */
+const batchAcquisitionFn = (row: AnyObject | null = null) => {
+    const loading = ElLoading.service({ lock: true, background: 'rgba(0, 0, 0, 0)' })
+    getBatchAcquisition({ keys: row ? [row.key] : [] }).then(() => {
+        loadCronList()
+        loading.close()
+    }).catch(() => {
+        loading.close()
+    })
+}
+
+/**
+ * 开启或关闭模版消息
+ */
+interface Switch {
+    key: string;
+    type: string;
+    status: number
+}
+
+const infoSwitch = (res: AnyObject) => {
+    const data = ref<Switch>({
+        key: '',
+        type: '',
+        status: 0
+    })
+    data.value.status = res.is_wechat ? 0 : 1
+    data.value.key = res.key
+    data.value.type = 'wechat'
+    cronTableData.loading = true
+    editNoticeStatus(data.value).then(res => {
+        loadCronList()
+    }).catch(() => {
+        cronTableData.loading = false
+    })
+}
+</script>
+<style lang="scss" scoped>
+:deep(.el-tabs__item:hover) {
+    border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs__item) {
+    padding: 0;
+}
+
+:deep(.el-tabs__item+.el-tabs__item) {
+    margin-right: 20px;
+    margin-left: 20px;
+    // border-bottom: 2px solid var(--el-color-primary);
+}
+
+:deep(.el-tabs--top) {
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        border-bottom: 2px solid var(--el-color-primary);
+    }
+
+    .el-tabs__item.is-top:nth-child(2) {
+        margin-right: 20px;
+    }
+
+}</style>
diff --git a/admin/src/app/views/dict/components/dict.vue b/admin/src/app/views/dict/components/dict.vue
new file mode 100644
index 0000000..0f2e055
--- /dev/null
+++ b/admin/src/app/views/dict/components/dict.vue
@@ -0,0 +1,179 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('dictData')" width="60%" class="diy-dialog-wrap" :destroy-on-close="true">
+        <div class="mb-[10px]">
+            <el-button type="primary" @click="addEvent">
+                {{ t('addDictData') }}
+            </el-button>
+        </div>
+        <el-table :data="tableDate" size="large" v-loading="loading">
+            <el-table-column :label="t('dataName')" prop="name" />
+            <el-table-column :label="t('dataValue')" prop="value" />
+            <el-table-column :label="t('sort')" align="center" min-width="100px" prop="sort" />
+            <el-table-column :label="t('memo')" prop="memo" />
+            <el-table-column :label="t('operation')" align="right" fixed="right" width="120">
+                <template #default="{ row, $index }">
+                    <el-button type="primary" link @click="editEvent(row, $index)">{{ t('edit') }}</el-button>
+                    <el-button type="primary" link @click="deleteEvent($index)">{{ t('delete') }}</el-button>
+                </template>
+            </el-table-column>
+
+        </el-table>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" @click="confirm()">{{
+                    t('confirm')
+                }}</el-button>
+            </span>
+        </template>
+        <el-dialog v-model="dialogVisible" :title="type != 'edit' ? t('addDictData') : t('editDictData')" width="480"
+            class="diy-dialog-wrap" :destroy-on-close="true">
+            <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form">
+                <el-form-item :label="t('name')">
+                    <el-input v-model="name" disabled class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('dataName')" prop="name">
+                    <el-input v-model="formData.name" clearable :placeholder="t('dataNamePlaceholder')"
+                        class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('dataValue')" prop="value">
+                    <el-input v-model="formData.value" clearable :placeholder="t('dataValuePlaceholder')"
+                        class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('sort')" prop="sort">
+                    <div>
+                    <el-input-number v-model="formData.sort" ::step="1" step-strictly :value-on-clear="0" :min="0" class="input-width" />
+                    <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('sortPlaceholder') }}</p>
+                </div>
+                </el-form-item>
+                <el-form-item :label="t('memo')">
+                    <el-input v-model="formData.memo" type="textarea" clearable :placeholder="t('momePlaceholder')"
+                        class="input-width" />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="dialogVisible = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="submit(formRef)">{{
+                        t('confirm')
+                    }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { setDictData, getDictInfo } from '@/app/api/dict'
+import { cloneDeep } from 'lodash-es'
+
+const showDialog = ref(false)
+const loading = ref(false)
+const dialogVisible = ref(false)
+
+const tableDate = ref<Array<any>>([])
+const id = ref()
+const type = ref('add')
+const formRef = ref()
+/**
+ * 表单数据
+ */
+const name = ref('')
+const initialFormData = {
+    name: '',
+    value: '',
+    sort: 0,
+    memo: ''
+}
+const formData = ref({ ...initialFormData })
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        name: [
+            { required: true, message: t('dataNamePlaceholder'), trigger: 'blur' }
+
+        ],
+        value: [
+            { required: true, message: t('dataValuePlaceholder'), trigger: 'blur' }
+
+        ]
+    }
+})
+const addEvent = () => {
+    type.value = 'add'
+    formData.value = cloneDeep(initialFormData)
+    dialogVisible.value = true
+}
+const tabelIndex = ref(0)
+const editEvent = (row: any, index: number) => {
+    type.value = 'edit'
+    tabelIndex.value = index
+    formData.value = cloneDeep(initialFormData)
+    formData.value = Object.assign(formData.value, cloneDeep(row))
+    dialogVisible.value = true
+}
+/**
+ * 表单确认
+ */
+const submit = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            if (type.value != 'edit') {
+                tableDate.value.push(cloneDeep(formData.value))
+            } else {
+                tableDate.value.splice(tabelIndex.value, 1, cloneDeep(formData.value))
+            }
+            tableDate.value.sort(function (a, b) { return b.sort - a.sort })
+            dialogVisible.value = false
+        }
+    })
+}
+const emit = defineEmits(['complete'])
+
+/**
+ *删除
+ */
+const deleteEvent = (index: number) => {
+    tableDate.value.splice(index, 1)
+}
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async () => {
+    loading.value = true
+    setDictData(id.value, { dictionary: JSON.stringify(tableDate.value) }).then(res => {
+        loading.value = false
+        showDialog.value = false
+        emit('complete')
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    showDialog.value = true
+    loading.value = true
+    id.value = row.id
+    name.value = row.name
+    const data = await (await getDictInfo(row.id)).data
+    tableDate.value = data.dictionary
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.diy-dialog-wrap .el-form-item__label {
+    height: auto !important;
+}
+</style>
diff --git a/admin/src/app/views/dict/components/edit.vue b/admin/src/app/views/dict/components/edit.vue
new file mode 100644
index 0000000..efa967e
--- /dev/null
+++ b/admin/src/app/views/dict/components/edit.vue
@@ -0,0 +1,172 @@
+<template>
+    <el-dialog v-model="showDialog" :title="formData.id ? t('updateDict') : t('addDict')" width="480" class="diy-dialog-wrap"
+        :destroy-on-close="true">
+        <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+                <el-form-item :label="t('name')" prop="name">
+                    <el-input v-model="formData.name" clearable :placeholder="t('namePlaceholder')" class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('key')" prop="key">
+                    <el-input v-model="formData.key" clearable :placeholder="t('keyPlaceholder')" class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('memo')">
+                    <el-input v-model="formData.memo" type="textarea" clearable :placeholder="t('memoPlaceholder')" class="input-width" />
+                </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
+                    t('confirm')
+                }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { addDict, editDict, getDictInfo } from '@/app/api/dict'
+
+const showDialog = ref(false)
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    id: '',
+    name: '',
+    key: '',
+    memo: ''
+
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        name: [
+            { required: true, message: t('namePlaceholder'), trigger: 'blur' }
+        ],
+        key: [
+            { required: true, message: t('keyPlaceholder'), trigger: 'blur' }
+        ],
+        data: [
+            { required: true, message: t('dataPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    const save = formData.id ? editDict : addDict
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            save(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    Object.assign(formData, initialFormData)
+    loading.value = true
+    if (row) {
+        const data = await (await getDictInfo(row.id)).data
+        if (data) {
+            Object.keys(formData).forEach((key: string) => {
+                if (data[key] != undefined) formData[key] = data[key]
+            })
+        }
+    }
+    loading.value = false
+}
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+    if (value && !/^1[3-9]\d{9}$/.test(value)) {
+        callback(new Error(t('generateMobile')))
+    } else {
+        callback()
+    }
+}
+
+// 验证身份证号
+const idCardVerify = (rule: any, value: any, callback: any) => {
+    if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) {
+        callback(new Error(t('generateIdCard')))
+    } else {
+        callback()
+    }
+}
+
+// 验证邮箱号
+const emailVerify = (rule: any, value: any, callback: any) => {
+    if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) {
+        callback(new Error(t('generateEmail')))
+    } else {
+        callback()
+    }
+}
+
+// 验证至少输入1个字符
+const minInputVerify = (rule: any, value: any, callback: any) => {
+    if (value && !/^\d{0,}$/.test(value)) {
+        callback(new Error(t('generateMin')))
+    } else {
+        callback()
+    }
+}
+
+// 验证最多输入150个字符
+const maxInputVerify = (rule: any, value: any, callback: any) => {
+    if (value && !/^\d{0,150}$/.test(value)) {
+        callback(new Error(t('generateMax')))
+    } else {
+        callback()
+    }
+}
+
+// 验证请输入整数
+const numberVerify = (rule: any, value: any, callback: any) => {
+    if (!Number.isInteger(value)) {
+        callback(new Error(t('generateNumber')))
+    } else {
+        callback()
+    }
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.diy-dialog-wrap .el-form-item__label{
+    height: auto  !important;
+}
+</style>
diff --git a/admin/src/app/views/dict/list.vue b/admin/src/app/views/dict/list.vue
new file mode 100644
index 0000000..94b8b69
--- /dev/null
+++ b/admin/src/app/views/dict/list.vue
@@ -0,0 +1,168 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+                <el-button type="primary" @click="addEvent">
+                    {{ t('addDict') }}
+                </el-button>
+            </div>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="dictTable.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('name')" prop="name">
+                        <el-input v-model="dictTable.searchParam.name" :placeholder="t('namePlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('key')" prop="key">
+                        <el-input v-model="dictTable.searchParam.key" :placeholder="t('keyPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="loadDictList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="dictTable.data" size="large" v-loading="dictTable.loading">
+                    <template #empty>
+                        <span>{{ !dictTable.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column prop="name" :label="t('name')" min-width="120" />
+                    <el-table-column prop="key" :label="t('key')" min-width="120" />
+                    <el-table-column prop="memo" :label="t('memo')" min-width="120" />
+                    <el-table-column prop="create_time" :label="t('createTime')" min-width="120" />
+                    <el-table-column :label="t('operation')" align="right" fixed="right" min-width="120">
+                       <template #default="{ row }">
+                           <el-button type="primary" link @click="dictData(row)">{{ t('dictData') }}</el-button>
+                           <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                           <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+                       </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="dictTable.page" v-model:page-size="dictTable.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="dictTable.total"
+                        @size-change="loadDictList()" @current-change="loadDictList" />
+                </div>
+            </div>
+
+            <edit ref="editDictDialog" @complete="loadDictList" />
+            <dict ref="dictDialog" @complete="loadDictList" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getDictList, deleteDict } from '@/app/api/dict'
+import { ElMessageBox } from 'element-plus'
+import type { FormInstance } from 'element-plus'
+import Edit from '@/app/views/dict/components/edit.vue'
+import dict from '@/app/views/dict/components/dict.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const dictTable = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        name: '',
+        key: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+/**
+ * 获取数据字典列表
+ */
+const loadDictList = (page: number = 1) => {
+    dictTable.loading = true
+    dictTable.page = page
+
+    getDictList({
+        page: dictTable.page,
+        limit: dictTable.limit,
+        ...dictTable.searchParam
+    }).then(res => {
+        dictTable.loading = false
+        dictTable.data = res.data.data
+        dictTable.total = res.data.total
+    }).catch(() => {
+        dictTable.loading = false
+    })
+}
+loadDictList()
+
+const editDictDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加数据字典
+ */
+const addEvent = () => {
+    editDictDialog.value.setFormData()
+    editDictDialog.value.showDialog = true
+}
+
+/**
+ * 编辑数据字典
+ * @param data
+ */
+const editEvent = (data: any) => {
+    editDictDialog.value.setFormData(data)
+    editDictDialog.value.showDialog = true
+}
+
+const dictDialog: Record<string, any> | null = ref(null)
+
+const dictData = (data: any) => {
+    dictDialog.value.setFormData(data)
+}
+
+/**
+ * 删除数据字典
+ */
+const deleteEvent = (id: number) => {
+    ElMessageBox.confirm(t('dictDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteDict(id).then(() => {
+            loadDictList()
+        }).catch(() => {
+        })
+    })
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadDictList()
+}
+
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+		word-break: break-all;
+		text-overflow: ellipsis;
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+	}
+</style>
diff --git a/admin/src/app/views/diy/components/edit-addon-list.vue b/admin/src/app/views/diy/components/edit-addon-list.vue
new file mode 100644
index 0000000..75890e6
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-addon-list.vue
@@ -0,0 +1,162 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('addonListSet') }}</h3>
+			<el-form label-width="100px" class="px-[10px]">
+				<div ref="addonBoxRef">
+					<div v-for="(item,index) in diyStore.editComponent.list" :key="item.id" class="item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]">
+                        <div v-show="item.title" class="flex items-center pb-[10px]">
+							<img class="w-[60px] h-[60px] rounded-md" :src="img(item.icon)" />
+                            <div class="flex flex-col justify-center ml-[10px] leading-[1]">
+                                <span class="text-[14px]">{{item.title}}</span>
+                                <span class="text-[12px] text-[#999] mt-[8px]">{{item.desc}}</span>
+                            </div>
+                        </div>
+						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.list.length > 1" @click="diyStore.editComponent.list.splice(index,1)">
+							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+						</div>
+					</div>
+				</div>
+
+				<el-button class="w-full" @click="addAddon">{{ t('addAddon') }}</el-button>
+
+			</el-form>
+
+		</div>
+
+		<el-dialog v-model="showDialog" :title="t('addonListTips')" width="600px" :close-on-press-escape="false" :close-on-click-modal="false">
+
+			<div>
+
+				<el-table :data="addonTableData.data" size="large" v-loading="addonTableData.loading" @current-change="handleCurrentChange" highlight-current-row max-height="500px">
+					<template #empty>
+						<span>{{ !addonTableData.loading ? t('emptyData') : '' }}</span>
+					</template>
+
+					<el-table-column :label="t('addonIcon')" width="120" align="center">
+						<template #default="{ row }">
+							<el-image class="w-[50px] h-[50px]" v-if="row.icon" :src="img(row.icon)" fit="contain"/>
+						</template>
+					</el-table-column>
+
+					<el-table-column prop="title" :show-overflow-tooltip="true" width="120" :label="t('addonTitle')" />
+
+					<el-table-column prop="desc" :show-overflow-tooltip="true" :label="t('addonDesc')" />
+
+				</el-table>
+			</div>
+
+		</el-dialog>
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+	</div>
+
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import useDiyStore from '@/stores/modules/diy'
+import { ref, reactive, onMounted, nextTick } from 'vue'
+import { img } from '@/utils/common'
+import { getWapIndexList } from '@/app/api/sys'
+import Sortable from 'sortablejs'
+import { range } from 'lodash-es'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = [] // 忽略公共属性
+
+// 组件验证
+diyStore.editComponent.verify = (index: number) => {
+    const res = { code: true, message: '' }
+    // if (diyStore.value[index].list.length === 0) {
+    //     res.code = false;
+    //     res.message = t('selectAddonTips');
+    // }
+    return res
+}
+
+const showDialog = ref(false)
+
+const addonBoxRef = ref()
+
+onMounted(() => {
+    nextTick(() => {
+        const sortable = Sortable.create(addonBoxRef.value, {
+            group: 'item-wrap',
+            animation: 200,
+            onEnd: event => {
+                const temp = diyStore.editComponent.list[event.oldIndex!]
+                diyStore.editComponent.list.splice(event.oldIndex!, 1)
+                diyStore.editComponent.list.splice(event.newIndex!, 0, temp)
+                sortable.sort(
+                    range(diyStore.editComponent.list.length).map(value => {
+                        return value.toString()
+                    })
+                )
+            }
+        })
+    })
+})
+
+const addonTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        title: '',
+        key: '',
+    }
+})
+
+// 获取插件列表
+const loadAddonList = (page: number = 1) => {
+    addonTableData.loading = true
+    addonTableData.page = page
+
+    getWapIndexList({
+        ...addonTableData.searchParam
+    }).then(res => {
+        addonTableData.loading = false
+        addonTableData.data = res.data
+        addonTableData.total = res.data.length
+    }).catch(() => {
+        addonTableData.loading = false
+    })
+}
+
+loadAddonList()
+
+const handleCurrentChange = (val:any) => {
+    const item:any = {
+        id: diyStore.generateRandom(),
+        key: '',
+        title: '',
+        url: '',
+        icon: '',
+        desc: ''
+    }
+    for (let k in val) {
+        item[k] = val[k]
+    }
+
+    diyStore.editComponent.list.push(item)
+    showDialog.value = false
+}
+
+const addAddon = () => {
+    showDialog.value = true
+}
+
+defineExpose({})
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/admin/src/app/views/diy/components/edit-graphic-nav.vue b/admin/src/app/views/diy/components/edit-graphic-nav.vue
new file mode 100644
index 0000000..dff613f
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-graphic-nav.vue
@@ -0,0 +1,253 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('graphicNavModeTitle') }}</h3>
+			<el-form label-width="90px" class="px-[10px]">
+
+				<el-form-item :label="t('layoutMode')">
+					<el-radio-group v-model="diyStore.editComponent.layout">
+						<el-radio :label="'horizontal'">{{t('layoutModeHorizontal')}}</el-radio>
+						<el-radio :label="'vertical'">{{t('layoutModeVertical')}}</el-radio>
+					</el-radio-group>
+				</el-form-item>
+
+				<el-form-item :label="t('graphicNavTitle')">
+					<el-input v-model="diyStore.editComponent.navTitle" :placeholder="t('graphicNavTitlePlaceholder')" clearable maxlength="20" show-word-limit/>
+				</el-form-item>
+
+				<el-form-item :label="t('subGraphicNavTitle')">
+					<el-input v-model="diyStore.editComponent.subNavTitle" :placeholder="t('subGraphicNavTitlePlaceholder')" clearable maxlength="20" show-word-limit/>
+				</el-form-item>
+
+				<el-form-item :label="t('subGraphicNavTitleLink')">
+					<diy-link v-model="diyStore.editComponent.subNavTitleLink"/>
+				</el-form-item>
+
+				<el-form-item :label="t('graphicNavSelectMode')">
+					<el-radio-group v-model="diyStore.editComponent.mode">
+						<el-radio :label="'graphic'">{{t('graphicNavModeGraphic')}}</el-radio>
+						<el-radio :label="'img'">{{t('graphicNavModeImg')}}</el-radio>
+						<el-radio :label="'text'">{{t('graphicNavModeText')}}</el-radio>
+					</el-radio-group>
+				</el-form-item>
+
+				<view v-show="diyStore.editComponent.layout == 'horizontal'">
+
+					<el-form-item :label="t('graphicNavShowStyle')">
+						<el-radio-group v-model="diyStore.editComponent.showStyle">
+							<el-radio :label="'fixed'">{{t('graphicNavStyleFixed')}}</el-radio>
+							<el-radio :label="'singleSlide'">{{t('graphicNavStyleSingleSlide')}}</el-radio>
+							<el-radio :label="'pageSlide'">{{t('graphicNavStylePageSlide')}}</el-radio>
+						</el-radio-group>
+					</el-form-item>
+
+					<el-form-item :label="t('graphicNavRowCount')">
+						<el-radio-group v-model="diyStore.editComponent.rowCount">
+							<el-radio :label="3">3{{t('piece')}}</el-radio>
+							<el-radio :label="4">4{{t('piece')}}</el-radio>
+							<el-radio :label="5">5{{t('piece')}}</el-radio>
+						</el-radio-group>
+					</el-form-item>
+
+					<el-form-item :label="t('graphicNavPageCount')">
+						<el-radio-group v-model="diyStore.editComponent.pageCount">
+							<el-radio :label="1">1{{t('line')}}</el-radio>
+							<el-radio :label="2">2{{t('line')}}</el-radio>
+						</el-radio-group>
+					</el-form-item>
+				</view>
+
+			</el-form>
+		</div>
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('graphicNavSetLabel') }}</h3>
+			<el-form label-width="90px" class="px-[10px]">
+
+				<p class="text-sm text-gray-400 mb-[10px]">{{ t('graphicNavTips') }}</p>
+
+				<div ref="imageBoxRef">
+					<div v-for="(item,index) in diyStore.editComponent.list" :key="item.id" class="item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]">
+						<el-form-item :label="t('image')" v-show="diyStore.editComponent.mode === 'graphic' || diyStore.editComponent.mode === 'img'">
+							<upload-image v-model="item.imageUrl" :limit="1"/>
+						</el-form-item>
+
+						<el-form-item :label="t('graphicNavTitle')" v-show="diyStore.editComponent.mode === 'graphic' || diyStore.editComponent.mode === 'text'">
+							<el-input v-model="item.title" :placeholder="t('graphicNavTitlePlaceholder')" clearable maxlength="20" show-word-limit/>
+						</el-form-item>
+
+						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.list.length > 1" @click="diyStore.editComponent.list.splice(index,1)">
+							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+						</div>
+
+						<el-form-item :label="t('link')">
+							<diy-link v-model="item.link"/>
+						</el-form-item>
+					</div>
+				</div>
+
+				<el-button v-show="diyStore.editComponent.list.length < 10" class="w-full" @click="addGraphicNav">{{ t('addGraphicNav') }}</el-button>
+
+			</el-form>
+		</div>
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+		<div class="edit-attr-item-wrap" v-show="['graphic','img'].includes(diyStore.editComponent.mode)">
+			<h3 class="mb-[10px]">{{ t('graphicNavImageSet') }}</h3>
+			<el-form label-width="90px" class="px-[10px]">
+				<el-form-item :label="t('graphicNavImageSize')">
+					<el-slider v-model="diyStore.editComponent.imageSize" show-input size="small" class="ml-[10px] graphic-nav-slider" :min="20" :max="60"/>
+				</el-form-item>
+				<el-form-item :label="t('graphicNavAroundRadius')">
+					<el-slider v-model="diyStore.editComponent.aroundRadius" show-input size="small" class="ml-[10px] graphic-nav-slider" :max="50"/>
+				</el-form-item>
+			</el-form>
+		</div>
+		<div class="edit-attr-item-wrap" v-show="['graphic','text'].includes(diyStore.editComponent.mode)">
+			<h3 class="mb-[10px]">{{ t('textSet') }}</h3>
+			<el-form label-width="90px" class="px-[10px]">
+				<el-form-item :label="t('textFontSize')">
+					<el-slider v-model="diyStore.editComponent.font.size" show-input size="small" class="ml-[10px] graphic-nav-slider" :min="12" :max="16"/>
+				</el-form-item>
+				<el-form-item :label="t('textFontWeight')">
+					<el-radio-group v-model="diyStore.editComponent.font.weight">
+						<el-radio :label="'normal'">{{t('fontWeightNormal')}}</el-radio>
+						<el-radio :label="'bold'">{{t('fontWeightBold')}}</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item :label="t('textColor')">
+					<el-color-picker v-model="diyStore.editComponent.font.color" show-alpha :predefine="diyStore.predefineColors"/>
+				</el-form-item>
+				<el-form-item :label="t('subTextColor')">
+					<el-color-picker v-model="diyStore.editComponent.subNavColor" show-alpha :predefine="diyStore.predefineColors"/>
+				</el-form-item>
+
+			</el-form>
+		</div>
+
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+
+	</div>
+
+</template>
+
+<script lang="ts" setup>
+import { ref, watch, onMounted, nextTick } from 'vue'
+import { t } from '@/lang'
+import Sortable from 'sortablejs'
+import { img } from '@/utils/common'
+import { range } from 'lodash-es'
+
+import useDiyStore from '@/stores/modules/diy'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = [] // 忽略公共属性
+
+// 组件验证
+diyStore.editComponent.verify = (index: number) => {
+    const res = { code: true, message: '' }
+
+    diyStore.value[index].list.forEach((item: any) => {
+        if ((diyStore.value[index].mode === 'graphic' || diyStore.value[index].mode === 'img') && item.imageUrl === '') {
+            res.code = false
+            res.message = t('imageUrlTip')
+            return res
+        }
+        if ((diyStore.value[index].mode === 'graphic' || diyStore.value[index].mode === 'text') && item.title === '') {
+            res.code = false
+            res.message = t('graphicNavTitlePlaceholder')
+            return res
+        }
+    })
+    return res
+}
+
+diyStore.editComponent.list.forEach((item: any) => {
+    if (!item.id) item.id = diyStore.generateRandom()
+})
+
+watch(
+    () => diyStore.editComponent.list,
+    (newValue, oldValue) => {
+        // 设置图片宽高
+        diyStore.editComponent.list.forEach((item: any) => {
+            const image = new Image()
+            image.src = img(item.imageUrl)
+            image.onload = async () => {
+                item.imgWidth = image.width
+                item.imgHeight = image.height
+            }
+        })
+    },
+    { deep: true }
+)
+
+const addGraphicNav = () => {
+    diyStore.editComponent.list.push({
+        id: diyStore.generateRandom(),
+        title: '',
+        imageUrl: '',
+        imgWidth: 0,
+        imgHeight: 0,
+        link: { name: '' },
+        label: {
+            control: false,
+            text: '热门',
+            textColor: '#FFFFFF',
+            bgColorStart: '#F83287',
+            bgColorEnd: '#FE3423'
+        }
+    })
+}
+
+const imageBoxRef = ref()
+
+onMounted(() => {
+    nextTick(() => {
+        const sortable = Sortable.create(imageBoxRef.value, {
+            group: 'item-wrap',
+            animation: 200,
+            onEnd: event => {
+                const temp = diyStore.editComponent.list[event.oldIndex!]
+                diyStore.editComponent.list.splice(event.oldIndex!, 1)
+                diyStore.editComponent.list.splice(event.newIndex!, 0, temp)
+                sortable.sort(
+                    range(diyStore.editComponent.list.length).map(value => {
+                        return value.toString()
+                    })
+                )
+            }
+        })
+    })
+})
+
+defineExpose({})
+
+</script>
+
+<style lang="scss">
+	.graphic-nav-slider {
+		.el-slider__input {
+			width: 100px;
+		}
+	}
+</style>
+<style lang="scss" scoped>
+	.edit-graphic-nav {
+
+		.item-wrap {
+			.del {
+				display: none;
+			}
+
+			&:hover {
+				.del {
+					display: block;
+				}
+			}
+		}
+	}
+</style>
diff --git a/admin/src/app/views/diy/components/edit-horz-blank.vue b/admin/src/app/views/diy/components/edit-horz-blank.vue
new file mode 100644
index 0000000..9e75831
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-horz-blank.vue
@@ -0,0 +1,41 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('blankHeightSet') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('blankHeight')">
+					<el-slider v-model="diyStore.editComponent.height" show-input size="small" class="ml-[10px] horz-blank-slider"/>
+				</el-form-item>
+			</el-form>
+		</div>
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+	</div>
+
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import useDiyStore from '@/stores/modules/diy'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = ['pageBgColor', 'topRounded', 'bottomRounded', 'marginTop', 'marginBottom', 'marginBoth'] // 忽略公共属性
+
+defineExpose({})
+
+</script>
+
+<style lang="scss">
+	.horz-blank-slider {
+		.el-slider__input {
+			width: 100px;
+		}
+	}
+</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/components/edit-hot-area.vue b/admin/src/app/views/diy/components/edit-hot-area.vue
new file mode 100644
index 0000000..b7900ce
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-hot-area.vue
@@ -0,0 +1,73 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('hotAreaSet') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+
+				<div ref="imageBoxRef">
+					<div class="item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]">
+						<el-form-item :label="t('hotAreaBackground')">
+							<upload-image v-model="diyStore.editComponent.imageUrl" :limit="1" @change="selectImg"/>
+						</el-form-item>
+
+						<el-form-item :label="t('hotAreaSet')">
+							<heat-map v-model="diyStore.editComponent"/>
+						</el-form-item>
+					</div>
+				</div>
+
+			</el-form>
+		</div>
+
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+	</div>
+
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import useDiyStore from '@/stores/modules/diy'
+import { img } from '@/utils/common'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = [] // 忽略公共属性
+
+// 组件验证
+diyStore.editComponent.verify = (index: number) => {
+    const res = { code: true, message: '' }
+    if (diyStore.value[index].imageUrl === '') {
+        res.code = false
+        res.message = t('imageUrlTip')
+        return res
+    }
+    return res
+}
+
+const selectImg = (url: string) => {
+    handleHeight()
+}
+
+// 处理高度
+const handleHeight = () => {
+    const image = new Image()
+    image.src = img(diyStore.editComponent.imageUrl)
+    image.onload = async () => {
+        diyStore.editComponent.imgWidth = image.width
+        diyStore.editComponent.imgHeight = image.height
+    }
+}
+
+defineExpose({})
+
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/admin/src/app/views/diy/components/edit-image-ads.vue b/admin/src/app/views/diy/components/edit-image-ads.vue
new file mode 100644
index 0000000..e8c3ba1
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-image-ads.vue
@@ -0,0 +1,170 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('imageSet') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+
+				<el-form-item :label="t('imageHeight')" class="display-block">
+					<el-input v-model="diyStore.editComponent.imageHeight" :placeholder="t('imageHeightPlaceholder')" clearable maxlength="10" @blur="blurImageHeight">
+						<template #append>px</template>
+					</el-input>
+					<div class="text-sm text-gray-400 mb-[10px]">{{ t('imageAdsTips') }}</div>
+				</el-form-item>
+
+				<div ref="imageBoxRef">
+					<div v-for="(item,index) in diyStore.editComponent.list" :key="item.id" class="item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]">
+						<el-form-item :label="t('image')">
+							<upload-image v-model="item.imageUrl" :limit="1" @change="selectImg" />
+						</el-form-item>
+
+						<div class="del absolute cursor-pointer z-[2] top-[-8px] right-[-8px]" v-show="diyStore.editComponent.list.length > 1" @click="diyStore.editComponent.list.splice(index,1)">
+							<icon name="element-CircleCloseFilled" color="#bbb" size="20px"/>
+						</div>
+
+						<el-form-item :label="t('link')">
+							<diy-link v-model="item.link"/>
+						</el-form-item>
+					</div>
+				</div>
+
+				<el-button v-show="diyStore.editComponent.list.length < 10" class="w-full" @click="addImageAd">{{ t('addImageAd') }}</el-button>
+
+			</el-form>
+		</div>
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+	</div>
+
+</template>
+
+<script lang="ts" setup>
+import { ref, watch, onMounted, nextTick } from 'vue'
+import { t } from '@/lang'
+import Sortable from 'sortablejs'
+import { img } from '@/utils/common'
+import { range } from 'lodash-es'
+import useDiyStore from '@/stores/modules/diy'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = [] // 忽略公共属性
+
+// 组件验证
+diyStore.editComponent.verify = (index: number) => {
+    const res = { code: true, message: '' }
+    if (diyStore.value[index].imageHeight == 0) {
+        res.code = false
+        res.message = t('imageHeightPlaceholder')
+        return res
+    }
+    if (!/^\d+.?\d{0,2}$/.test(diyStore.value[index].imageHeight)) {
+        res.code = false
+        res.message = t('imageHeightRegNum')
+        return res
+    }
+    diyStore.value[index].list.forEach((item: any) => {
+        if (item.imageUrl === '') {
+            res.code = false
+            res.message = t('imageUrlTip')
+            return res
+        }
+    })
+    return res
+}
+
+diyStore.editComponent.list.forEach((item: any) => {
+    if (!item.id) item.id = diyStore.generateRandom()
+})
+
+watch(
+    () => diyStore.editComponent.list,
+    (newValue, oldValue) => {
+        // 设置图片宽高
+        handleHeight()
+    },
+    { deep: true }
+)
+
+const addImageAd = () => {
+    diyStore.editComponent.list.push({
+        id: diyStore.generateRandom(),
+        imageUrl: '',
+        imgWidth: 0,
+        imgHeight: 0,
+        link: { name: '' }
+    })
+}
+
+const selectImg = (url:string) => {
+    handleHeight(true)
+}
+
+// 处理高度
+const handleHeight = (isCalcHeight:boolean = false)=> {
+    diyStore.editComponent.list.forEach((item: any, index: number) => {
+        const image = new Image()
+        image.src = img(item.imageUrl)
+        image.onload = async () => {
+            item.imgWidth = image.width
+            item.imgHeight = image.height
+            // 计算第一张图片高度
+            if (isCalcHeight && index == 0) {
+                const ratio = item.imgHeight / item.imgWidth
+                item.width = 375
+                item.height = item.width * ratio
+                diyStore.editComponent.imageHeight = parseInt(item.height)
+            }
+        }
+    })
+}
+
+const blurImageHeight = () => {
+    diyStore.editComponent.imageHeight = parseInt(diyStore.editComponent.imageHeight)
+}
+
+const imageBoxRef = ref()
+
+onMounted(() => {
+    nextTick(() => {
+        const sortable = Sortable.create(imageBoxRef.value, {
+            group: 'item-wrap',
+            animation: 200,
+            onEnd: event => {
+                const temp = diyStore.editComponent.list[event.oldIndex!]
+                diyStore.editComponent.list.splice(event.oldIndex!, 1)
+                diyStore.editComponent.list.splice(event.newIndex!, 0, temp)
+                sortable.sort(
+                    range(diyStore.editComponent.list.length).map(value => {
+                        return value.toString()
+                    })
+                )
+                handleHeight(true)
+            }
+        })
+    })
+})
+
+defineExpose({})
+</script>
+
+<style lang="scss" scoped>
+	.edit-image-ads {
+
+		.item-wrap {
+			.del {
+				display: none;
+			}
+
+			&:hover {
+				.del {
+					display: block;
+				}
+			}
+		}
+	}
+</style>
diff --git a/admin/src/app/views/diy/components/edit-member-info.vue b/admin/src/app/views/diy/components/edit-member-info.vue
new file mode 100644
index 0000000..b0c260d
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-member-info.vue
@@ -0,0 +1,41 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('memberStyle') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('bgUrl')">
+					<upload-image v-model="diyStore.editComponent.bgUrl" :limit="1"/>
+				</el-form-item>
+			</el-form>
+		</div>
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('memberStyle') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('textColor')">
+					<el-color-picker v-model="diyStore.editComponent.textColor"/>
+				</el-form-item>
+			</el-form>
+		</div>
+
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import useDiyStore from '@/stores/modules/diy'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = [] // 忽略公共属性
+
+defineExpose({})
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/components/edit-notice.vue b/admin/src/app/views/diy/components/edit-notice.vue
new file mode 100644
index 0000000..b7e4048
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-notice.vue
@@ -0,0 +1,110 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">公告图标</h3>
+
+			<div class="px-[22px] pb-[20px]">
+				<el-radio-group v-model="diyStore.editComponent.iconType" class="mb-[18px]">
+					<el-radio label="system">系统图标</el-radio>
+					<el-radio label="custom">自定义图标</el-radio>
+				</el-radio-group>
+				<div v-if="diyStore.editComponent.iconType == 'system'" class="flex items-center flex-wrap py-[8px] px-[10px] bg-[#f4f3f7] rounded">
+					<img src="@/app/assets/images/diy/notice/style_01.png" :class="['h-[28px] px-[10px] py-[5px] mr-[10px] rounded cursor-pointer', {'border-[1px] border-solid border-[var(--el-color-primary)]': diyStore.editComponent.systemIcon == 'style_01'}]" @click="diyStore.editComponent.systemIcon = 'style_01'" alt="">
+				</div>
+				<div v-if="diyStore.editComponent.iconType == 'custom'">
+					<upload-image v-model="diyStore.editComponent.imageUrl" :limit="1"/>
+				</div>
+			</div>
+		</div>
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">公告内容</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('title')">
+					<el-input v-model="diyStore.editComponent.list.text" :placeholder="t('titlePlaceholder')" clearable show-word-limit/>
+				</el-form-item>
+				<el-form-item label="点击类型">
+					<el-radio-group v-model="diyStore.editComponent.showType" class="mb-[18px]">
+						<el-radio label="popup">弹出公告内容</el-radio>
+						<el-radio label="link">跳出链接</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item :label="t('link')" class="!mb-0" v-if="diyStore.editComponent.showType == 'link'">
+					<diy-link v-model="diyStore.editComponent.list.link"/>
+				</el-form-item>
+			</el-form>
+		</div>
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('titleStyle') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('textFontSize')">
+					<el-slider v-model="diyStore.editComponent.fontSize" show-input size="small" class="ml-[10px] article-slider" :min="12" :max="20"/>
+				</el-form-item>
+				<el-form-item :label="t('textFontWeight')">
+					<el-radio-group v-model="diyStore.editComponent.fontWeight">
+						<el-radio :label="'normal'">{{t('fontWeightNormal')}}</el-radio>
+						<el-radio :label="'bold'">{{t('fontWeightBold')}}</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item :label="t('textColor')">
+					<el-color-picker v-model="diyStore.editComponent.textColor"/>
+				</el-form-item>
+			</el-form>
+		</div>
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+	</div>
+
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import useDiyStore from '@/stores/modules/diy'
+import { ref } from 'vue'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = [] // 忽略公共属性
+
+const showDialog = ref(false)
+
+const showStyle = () => {
+    showDialog.value = true
+}
+
+const selectStyle = ref(diyStore.editComponent.style)
+
+const changeStyle = () => {
+    switch (selectStyle.value) {
+        case 'style-1':
+            diyStore.editComponent.subTitle.control = false
+            diyStore.editComponent.more.control = false
+            diyStore.editComponent.styleName = '风格1'
+            break
+        case 'style-2':
+            diyStore.editComponent.subTitle.control = true
+            diyStore.editComponent.more.control = true
+            diyStore.editComponent.styleName = '风格2'
+            break
+    }
+    diyStore.editComponent.style = selectStyle.value
+    showDialog.value = false
+}
+
+defineExpose({})
+</script>
+
+<style lang="scss">
+	.horz-blank-slider {
+		.el-slider__input {
+			width: 100px;
+		}
+	}
+	.add-notice-width{
+		width: calc(100% - 20px);
+	}
+</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/components/edit-page.vue b/admin/src/app/views/diy/components/edit-page.vue
new file mode 100644
index 0000000..830ff5d
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-page.vue
@@ -0,0 +1,66 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('pageContent') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('pageName')">
+					<el-input v-model="diyStore.global.title" :placeholder="t('pageNamePlaceholder')" clearable maxlength="12" show-word-limit/>
+				</el-form-item>
+				<el-form-item :label="t('tabbar')" class="display-block">
+					<el-switch v-model="diyStore.global.bottomTabBarSwitch"/>
+					<div class="text-sm text-gray-400">{{ t('tabbarSwitchTips') }}</div>
+				</el-form-item>
+			</el-form>
+		</div>
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('pageStyle') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('pageBgColor')">
+					<el-color-picker v-model="diyStore.global.pageBgColor" show-alpha :predefine="diyStore.predefineColors"/>
+				</el-form-item>
+				<el-form-item :label="t('bgUrl')">
+					<upload-image v-model="diyStore.global.bgUrl" :limit="1"/>
+				</el-form-item>
+			</el-form>
+		</div>
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('marginSet') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('marginBoth')">
+					<el-slider v-model="diyStore.global.template.margin.both" show-input size="small" class="ml-[10px] horz-blank-slider"/>
+				</el-form-item>
+			</el-form>
+		</div>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import { watch } from 'vue'
+import useDiyStore from '@/stores/modules/diy'
+import { img } from '@/utils/common'
+
+const diyStore = useDiyStore()
+
+watch(
+    () => diyStore.global.bgUrl,
+    (newValue, oldValue) => {
+        // 设置图片宽高
+        const image = new Image()
+        image.src = img(diyStore.global.bgUrl)
+        image.onload = async () => {
+            diyStore.global.imgWidth = image.width
+            diyStore.global.imgHeight = image.height
+        }
+    }
+)
+
+defineExpose({})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/components/edit-rubik-cube.vue b/admin/src/app/views/diy/components/edit-rubik-cube.vue
new file mode 100644
index 0000000..f42ebe5
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-rubik-cube.vue
@@ -0,0 +1,792 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap rubik-cube" v-show="diyStore.editTab == 'content'">
+
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('selectStyle') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('template')">
+					<span>{{ selectTemplate.name }}</span>
+				</el-form-item>
+				<ul class="selected-template-list">
+					<li v-for="(item,i) in templateList" :key="i" :class="[(item.className == diyStore.editComponent.mode) ?  'selected' : '' ]" @click="changeTemplateList(i)">
+						<icon :name="'iconfont-' + item.src" size="16px"/>
+					</li>
+				</ul>
+			</el-form>
+		</div>
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('rubikCubeLayout') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+
+				<ul class="layout">
+					<li v-for="(li,i) in selectTemplate.dimensionScale" :key="i" :class="[selectTemplate.className]" :style="{ width: rubikCubeList[i].widthStyle, height: rubikCubeList[i].imgHeight + 'px' }">
+						<div class="have-preview-image" v-show="diyStore.editComponent.list[i].imageUrl">
+							<img class="!w-full !h-full" :src="img(diyStore.editComponent.list[i].imageUrl)"/>
+						</div>
+						<div class="empty" :class="[selectTemplate.className]" v-show="!diyStore.editComponent.list[i].imageUrl">
+							<p>{{li.name}}</p>
+							<p>{{li.desc}}</p>
+						</div>
+					</li>
+				</ul>
+
+				<div v-for="(item) in diyStore.editComponent.list" :key="item.id" class="item-wrap p-[10px] pb-0 relative border border-dashed border-gray-300 mb-[16px]">
+					<el-form-item :label="t('image')">
+						<upload-image v-model="item.imageUrl" :limit="1" @change="selectImg"/>
+					</el-form-item>
+
+					<el-form-item :label="t('link')">
+						<diy-link v-model="item.link"/>
+					</el-form-item>
+				</div>
+
+			</el-form>
+
+		</div>
+
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('rubikCubeStyle') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('imageGap')">
+					<el-slider v-model="diyStore.editComponent.imageGap" show-input size="small" class="ml-[10px] horz-blank-slider" :max="30"/>
+				</el-form-item>
+				<el-form-item :label="t('topRounded')">
+					<el-slider v-model="diyStore.editComponent.topElementRounded" show-input size="small" class="ml-[10px] horz-blank-slider" :max="50"/>
+				</el-form-item>
+				<el-form-item :label="t('bottomRounded')">
+					<el-slider v-model="diyStore.editComponent.bottomElementRounded" show-input size="small" class="ml-[10px] horz-blank-slider" :max="50"/>
+				</el-form-item>
+			</el-form>
+		</div>
+
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+	</div>
+
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { t } from '@/lang'
+import useDiyStore from '@/stores/modules/diy'
+import { img } from '@/utils/common'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = [] // 忽略公共属性
+
+// 组件验证
+diyStore.editComponent.verify = (index: number) => {
+    const res = { code: true, message: '' }
+    diyStore.value[index].list.forEach((item: any) => {
+        if (item.imageUrl === '') {
+            res.code = false
+            res.message = t('imageUrlTip')
+            return res
+        }
+    })
+    return res
+}
+
+const templateList = ref([
+    {
+        name: '1行2个',
+        src: 'iconyihangliangge',
+        className: 'row1-of2',
+        dimensionScale: [
+            {
+                desc: '宽度50%',
+                size: '200px * 200px',
+                name: '图一'
+            },
+            {
+                desc: '宽度50%',
+                size: '200px * 200px',
+                name: '图二'
+            }
+        ],
+        descAux: '选定布局区域，在下方添加图片，建议添加尺寸一致的图片，宽度最小建议为：200px'
+    },
+    {
+        name: '1行3个',
+        src: 'iconyihangsange',
+        className: 'row1-of3',
+        dimensionScale: [
+            {
+                desc: '宽度33.33%',
+                size: '200px * 200px',
+                name: '图一'
+            },
+            {
+                desc: '宽度33.33%',
+                size: '200px * 200px',
+                name: '图二'
+            },
+            {
+                desc: '宽度33.33%',
+                size: '200px * 200px',
+                name: '图三'
+            }
+        ],
+        descAux: '选定布局区域，在下方添加图片，建议添加尺寸一致的图片，宽度最小建议为：130px'
+    },
+    {
+        name: '1行4个',
+        src: 'iconyihangsige',
+        className: 'row1-of4',
+        dimensionScale: [
+            {
+                desc: '宽度25%',
+                size: '200px * 200px',
+                name: '图一'
+            },
+            {
+                desc: '宽度25%',
+                size: '200px * 200px',
+                name: '图二'
+            },
+            {
+                desc: '宽度25%',
+                size: '200px * 200px',
+                name: '图三'
+            },
+            {
+                desc: '宽度25%',
+                size: '200px * 200px',
+                name: '图四'
+            }
+        ],
+        descAux: '选定布局区域，在下方添加图片，建议添加尺寸一致的图片，宽度最小建议为：100px'
+    },
+    {
+        name: '2左2右',
+        src: 'iconmofang-liangzuoliangyou',
+        className: 'row2-lt-of2-rt',
+        dimensionScale: [
+            {
+                desc: '宽度50%',
+                size: '200px * 200px',
+                name: '图一'
+            },
+            {
+                desc: '宽度50%',
+                size: '200px * 200px',
+                name: '图二'
+            },
+            {
+                desc: '宽度50%',
+                size: '200px * 200px',
+                name: '图三'
+            },
+            {
+                desc: '宽度50%',
+                size: '200px * 200px',
+                name: '图四'
+            }
+        ],
+        descAux: '选定布局区域，在下方添加图片，建议添加尺寸一致的图片，宽度最小建议为：200px'
+    },
+    {
+        name: '1左2右',
+        src: 'iconmofang-yizuoliangyou',
+        className: 'row1-lt-of2-rt',
+        dimensionScale: [
+            {
+                desc: '宽度50% * 高度100%',
+                size: '200px * 400px',
+                name: '图一'
+            },
+            {
+                desc: '宽度50% * 高度50%',
+                size: '200px * 200px',
+                name: '图二'
+            },
+            {
+                desc: '宽度50% * 高度50%',
+                size: '200px * 200px',
+                name: '图三'
+            }
+        ],
+        descAux: '选定布局区域，在下方添加图片，宽度最小建议为：200px，右侧两张图片高度一致，左侧图片高度为右侧两张图片高度之和（例：左侧图片尺寸：200px * 300px，右侧两张图片尺寸：200px * 150px）'
+    },
+    {
+        name: '1上2下',
+        src: 'iconmofang-yishangliangxia',
+        className: 'row1-tp-of2-bm',
+        dimensionScale: [
+            {
+                desc: '宽度100% * 高度50%',
+                size: '400px * 200px',
+                name: '图一'
+            },
+            {
+                desc: '宽度50% * 高度50%',
+                size: '200px * 200px',
+                name: '图二'
+            },
+            {
+                desc: '宽度50% * 高度50%',
+                size: '200px * 200px',
+                name: '图三'
+            }
+        ],
+        descAux: '选定布局区域，在下方添加图片，上方一张图片的宽度为下方两张图片宽度之和，下放两张图片尺寸一致，高度可根据实际需求自行确定（例：上方图片尺寸：400px * 150px，下方两张图片尺寸：200px * 150px）'
+    },
+    {
+        name: '1左3右',
+        src: 'iconxuanzemoban-yizuosanyou',
+        className: 'row1-lt-of1-tp-of2-bm',
+        dimensionScale: [
+            {
+                desc: '宽度50% * 高度100%',
+                size: '200px * 400px',
+                name: '图一'
+            },
+            {
+                desc: '宽度50% * 高度50%',
+                size: '200px * 200px',
+                name: '图二'
+            },
+            {
+                desc: '宽度25% * 高度50%',
+                size: '100px * 200px',
+                name: '图三'
+            },
+            {
+                desc: '宽度25% * 高度50%',
+                size: '100px * 200px',
+                name: '图四'
+            }
+        ],
+        descAux: '选定布局区域，在下方添加图片，左右两侧内容宽高相同，右侧上下区域高度各占50%，右侧内容下半部分两张图片的宽度相同，各占右侧内容宽度的50%（例：左侧图片尺寸：200px * 400px，右侧上半部分图片尺寸：200px * 200px，右侧下半部分两张图片尺寸：100px * 200px）'
+    }
+])
+
+const rubikCubeList = ref([])
+const selectTemplate = computed(() => {
+    let data
+    templateList.value.forEach((item) => {
+        if (item.className == diyStore.editComponent.mode) {
+            data = item
+
+            rubikCubeList.value = JSON.parse(JSON.stringify(diyStore.editComponent.list))
+            if (item.className == 'row2-lt-of2-rt') {
+                calcFourSquare()
+            } else if (item.className == 'row1-lt-of2-rt') {
+                calcRowOneLeftOfTwoRight()
+            } else if (item.className == 'row1-tp-of2-bm') {
+                calcRowOneTopOfTwoBottom()
+            } else if (item.className == 'row1-lt-of1-tp-of2-bm') {
+                calcRowOneLeftOfOneTopOfTwoBottom()
+            } else {
+                calcSingleRow(item.className)
+            }
+        }
+    })
+    return data
+})
+
+const changeTemplateList = (v: number) => {
+    for (let i = 0; i < templateList.value.length; i++) {
+        if (i == v) {
+            diyStore.editComponent.mode = templateList.value[i].className
+            const count = templateList.value[i].dimensionScale.length
+
+            // 重置当前编辑的图片集合
+
+            // 数量不够，进行添加
+            if (count > diyStore.editComponent.list.length) {
+                for (let j = 0; j < count; j++) {
+                    if ((j + 1) > diyStore.editComponent.list.length) {
+                        diyStore.editComponent.list.push({
+                            imageUrl: '',
+                            imgWidth: 0,
+                            imgHeight: 0,
+                            link: { name: '' }
+                        })
+                    }
+                }
+            } else {
+                // 数量不相同时，并且数量超出，减去
+                if (count != diyStore.editComponent.list.length) {
+                    for (let j = 0; j < diyStore.editComponent.list.length; j++) {
+                        if ((j + 1) > count) {
+                            diyStore.editComponent.list.splice(j, 1)
+                            j = 0
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+const selectImg = (url:string) => {
+    handleHeight(true)
+}
+
+// 处理高度
+const handleHeight = (isCalcHeight:boolean = false) => {
+    diyStore.editComponent.list.forEach((item: any, index: number) => {
+        const image = new Image()
+        image.src = img(item.imageUrl)
+        image.onload = async () => {
+            item.imgWidth = image.width
+            item.imgHeight = image.height
+        }
+    })
+}
+
+defineExpose({})
+
+/**
+	 * 魔方：单行多个，平分宽度
+	 * 公式：
+	 * 宽度：屏幕宽度/2，示例：375/2=187.5
+	 * 比例：原图高/原图宽，示例：322/690=0.46
+	 * 高度：宽度*比例，示例：187.5*0.46=86.25
+	 */
+const calcSingleRow = (type:any) => {
+    let maxHeight = 0
+    let paramsRatio = 2
+    let paramsWidth = 'calc(100% / 2)'
+    if (type == 'row1-of3') {
+        paramsRatio = 3
+        paramsWidth = 'calc(100% / 3)'
+    }
+    if (type == 'row1-of4') {
+        paramsRatio = 4
+        paramsWidth = 'calc(100% / 4)'
+    }
+
+    rubikCubeList.value.forEach((item:any, index) => {
+        const ratio = item.imgHeight / item.imgWidth
+
+        const width = 330
+        item.imgWidth = width / paramsRatio
+        item.imgHeight = item.imgWidth * ratio
+
+        if (maxHeight == 0 || maxHeight < item.imgHeight) maxHeight = item.imgHeight
+    })
+
+    rubikCubeList.value.forEach((item:any, index) => {
+        item.widthStyle = paramsWidth
+        item.imgHeight = maxHeight
+    })
+};
+
+/**
+	 * 魔方：四方型，各占50%
+	 */
+const calcFourSquare = () => {
+    let maxHeightFirst = 0
+    let maxHeightTwo = 0
+    rubikCubeList.value.forEach((item:any, index) => {
+        const ratio = item.imgHeight / item.imgWidth
+        item.imgWidth = 330
+        item.imgWidth = item.imgWidth / 2
+        item.imgHeight = item.imgWidth * ratio
+
+        // 获取每行最大高度
+        if (index <= 1) {
+            if (maxHeightFirst == 0 || maxHeightFirst < item.imgHeight) {
+                maxHeightFirst = item.imgHeight
+            }
+        } else if (index > 1) {
+            if (maxHeightTwo == 0 || maxHeightTwo < item.imgHeight) {
+                maxHeightTwo = item.imgHeight
+            }
+        }
+    })
+    rubikCubeList.value.forEach((item:any, index) => {
+        item.imgWidth = 'calc(100% / 2)'
+        item.widthStyle = item.imgWidth
+        if (index <= 1) {
+            item.imgHeight = maxHeightFirst
+        } else if (index > 1) {
+            item.imgHeight = maxHeightTwo
+        }
+    })
+}
+
+/**
+	 * 魔方：1左2右
+	 */
+const calcRowOneLeftOfTwoRight = () => {
+    let rightHeight = 0 // 右侧两图平分高度
+    let divide = 'left' // 划分规则，left：左，right：右
+    if (rubikCubeList.value[1].imgWidth === rubikCubeList.value[2].imgWidth) divide = 'right'
+    rubikCubeList.value.forEach((item:any, index) => {
+        if (index == 0) {
+            const ratio = item.imgHeight / item.imgWidth // 获取左图的尺寸比例
+            item.imgWidth = 330
+            item.imgWidth = item.imgWidth / 2
+            item.imgHeight = item.imgWidth * ratio
+            rightHeight = item.imgHeight / 2
+            item.imgWidth += 'px'
+        } else {
+            item.imgWidth = rubikCubeList.value[0].imgWidth
+            item.imgHeight = rightHeight
+        }
+    })
+}
+
+/**
+	 * 魔方：1上2下
+	 */
+const calcRowOneTopOfTwoBottom = () => {
+    let maxHeight = 0
+    rubikCubeList.value.forEach((item:any, index) => {
+        const ratio = item.imgHeight / item.imgWidth // 获取左图的尺寸比例
+        if (index == 0) {
+            item.imgWidth = 330
+        } else if (index > 0) {
+            item.imgWidth = 330
+            item.imgWidth = item.imgWidth / 2
+        }
+
+        item.imgHeight = item.imgWidth * ratio
+
+        // 获取最大高度
+        if (index > 0 && (maxHeight == 0 || maxHeight < item.imgHeight)) {
+            maxHeight = item.imgHeight
+        }
+    })
+    rubikCubeList.value.forEach((item:any, index) => {
+        item.imgWidth += 'px'
+        item.widthStyle = item.imgWidth
+        if (index > 0) item.imgHeight = maxHeight
+    })
+}
+
+/**
+	 * 魔方：1左3右
+	 */
+const calcRowOneLeftOfOneTopOfTwoBottom = () => {
+    rubikCubeList.value.forEach((item:any, index) => {
+        // 左图
+        if (index == 0) {
+            const ratio = item.imgHeight / item.imgWidth // 获取左图的尺寸比例
+            item.imgWidth = 330
+            item.imgWidth = item.imgWidth / 2
+            item.imgHeight = item.imgWidth * ratio
+        } else if (index == 1) {
+            item.imgWidth = rubikCubeList.value[0].imgWidth
+            item.imgHeight = rubikCubeList.value[0].imgHeight / 2
+        } else if (index > 1) {
+            item.imgWidth = rubikCubeList.value[0].imgWidth / 2
+            item.imgHeight = rubikCubeList.value[1].imgHeight
+        }
+    })
+
+    rubikCubeList.value.forEach((item:any, index) => {
+        item.imgWidth += 'px'
+    })
+}
+
+</script>
+
+<style lang="scss" scoped>
+	.rubik-cube .selected-template-list {
+		/*padding-left: 15px;*/
+		margin-bottom: 20px;
+		overflow: hidden;
+		display: flex;
+		flex-wrap: wrap;
+
+		li {
+			color: #909399;
+			width: 46px;
+			height: 32px;
+			text-align: center;
+			line-height: 29px;
+			border: 1px solid #e5e5e5;
+			cursor: pointer;
+			background: #ffffff;
+			box-sizing: border-box;
+			border-right: 1px transparent solid;
+
+			&:last-child {
+				border-right: 1px solid #e5e5e5;
+			}
+
+			&.selected {
+				color: var(--el-color-primary);
+				border-color: var(--el-color-primary);
+			}
+
+			img {
+				display: inline-block;
+			}
+
+			div {
+				font-size: 12px;
+			}
+		}
+	}
+
+	.layout {
+		overflow: hidden;
+		position: relative;
+		margin-bottom: 15px;
+
+		li {
+			float: left;
+			color: #909399;
+			border: 1px solid #e5e5e5;
+			cursor: pointer;
+			font-size: 12px;
+			position: relative;
+
+			div.empty {
+				left: 0;
+				text-align: center;
+				width: 100%;
+				position: absolute;
+				top: 50%;
+				margin-top: -26px;
+
+				p {
+					margin: 0;
+					line-height: 26px;
+				}
+			}
+
+			div.have-preview-image {
+				box-sizing: border-box;
+
+				img {
+					display: inline-block;
+					width: auto;
+					height: auto;
+					max-width: 100%;
+					max-height: 100%;
+				}
+			}
+
+			// 1行2个
+			&.row1-of2 {
+				width: 49.2%;
+				height: 160px;
+				border-right: 1px transparent solid;
+
+				&:last-child {
+					border-right: 1px solid #e5e5e5;
+				}
+
+				div.empty {
+				}
+
+				div.have-preview-image {
+					text-align: center;
+					height: 100%;
+					line-height: 160px;
+					background: #ffffff;
+				}
+
+			}
+
+			// 1行3个
+			&.row1-of3 {
+				width: 32.5%;
+				height: 100px;
+				border-right: 1px transparent solid;
+
+				&:last-child {
+					border-right: 1px solid #bdf;
+				}
+
+				div.empty {
+				}
+
+				div.have-preview-image {
+					text-align: center;
+					height: 100%;
+					line-height: 100px;
+					background: #ffffff;
+				}
+			}
+
+			// 1行4个
+			&.row1-of4 {
+				width: 24.2%;
+				height: 80px;
+				border-right: 1px transparent solid;
+
+				&:last-child {
+					border-right: 1px solid #bdf;
+				}
+
+				div.empty {
+				}
+
+				div.have-preview-image {
+					text-align: center;
+					height: 100%;
+					line-height: 80px;
+					background: #ffffff;
+				}
+			}
+
+			// 2左2右
+			&.row2-lt-of2-rt {
+				width: 49.2%;
+				height: 160px;
+
+				&:nth-child(1) {
+					border-right: 1px transparent solid;
+					border-bottom: 1px transparent solid;
+				}
+
+				&:nth-child(2) {
+					border-bottom: 1px transparent solid;
+				}
+
+				&:nth-child(3) {
+					border-right: 1px transparent solid;
+					clear: both;
+				}
+
+				div.empty {
+				}
+
+				div.have-preview-image {
+					text-align: center;
+					height: 100%;
+					line-height: 160px;
+					background: #ffffff;
+				}
+			}
+
+			// 1左2右
+			&.row1-lt-of2-rt {
+				width: 49.2%;
+				font-size: 12px;
+
+				&:nth-child(1) {
+					height: 322px;
+					border-right: 1px transparent solid;
+
+					div.have-preview-image {
+						text-align: center;
+						height: 100%;
+						background: #ffffff;
+					}
+				}
+
+				&:nth-child(2) {
+					height: 160px;
+					border-bottom: 1px transparent solid;
+
+					div.have-preview-image {
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						background: #ffffff;
+					}
+				}
+
+				&:nth-child(3) {
+					height: 160px;
+
+					div.have-preview-image {
+						text-align: center;
+						height: 100%;
+						background: #ffffff;
+					}
+				}
+
+				div.empty {
+				}
+			}
+
+			// 1上2下
+			&.row1-tp-of2-bm {
+				height: 160px;
+
+				&:nth-child(1) {
+					width: 99.4%;
+					border-bottom: 1px transparent solid;
+				}
+
+				&:nth-child(2) {
+					width: 49.2%;
+					border-right: 1px transparent solid;
+				}
+
+				&:nth-child(3) {
+					width: 49.2%;
+				}
+
+				div.empty {
+				}
+
+				div.have-preview-image {
+					text-align: center;
+					height: 100%;
+					line-height: 160px;
+					background: #ffffff;
+				}
+			}
+
+			// 1左3右
+			&.row1-lt-of1-tp-of2-bm {
+				&:nth-child(1) {
+					height: 320px;
+					width: 49.2%;
+					border-right: 1px transparent solid;
+
+					div.have-preview-image {
+						text-align: center;
+						height: 100%;
+						background: #ffffff;
+					}
+				}
+
+				&:nth-child(2) {
+					height: 160px;
+					width: 49.2%;
+					border-bottom: 1px transparent solid;
+
+					div.have-preview-image {
+						text-align: center;
+						height: 100%;
+						background: #ffffff;
+					}
+				}
+
+				&:nth-child(3) {
+					height: 160px;
+					width: 24.2%;
+					border-right: 1px transparent solid;
+
+					div.have-preview-image {
+						text-align: center;
+						height: 100%;
+						background: #ffffff;
+					}
+				}
+
+				&:nth-child(4) {
+					height: 160px;
+					width: 24.2%;
+
+					div.have-preview-image {
+						text-align: center;
+						height: 100%;
+						background: #ffffff;
+					}
+				}
+
+				div.empty {
+				}
+			}
+
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/admin/src/app/views/diy/components/edit-text.vue b/admin/src/app/views/diy/components/edit-text.vue
new file mode 100644
index 0000000..1a21c0b
--- /dev/null
+++ b/admin/src/app/views/diy/components/edit-text.vue
@@ -0,0 +1,157 @@
+<template>
+	<!-- 内容 -->
+	<div class="content-wrap" v-show="diyStore.editTab == 'content'">
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('styleSet') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('selectStyle')" class="flex">
+					<span class="text-primary flex-1 cursor-pointer" @click="showStyle">{{ diyStore.editComponent.styleName }}</span>
+					<el-icon>
+						<ArrowRight />
+					</el-icon>
+				</el-form-item>
+			</el-form>
+		</div>
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('titleContent') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('title')">
+					<el-input v-model="diyStore.editComponent.text" :placeholder="t('titlePlaceholder')" clearable maxlength="15" show-word-limit />
+				</el-form-item>
+				<el-form-item :label="t('link')">
+					<diy-link v-model="diyStore.editComponent.link" />
+				</el-form-item>
+				<el-form-item :label="t('textAlign')" v-show="diyStore.editComponent.style == 'style-1'">
+					<el-radio-group v-model="diyStore.editComponent.textAlign">
+						<el-radio :label="'left'">{{ t('textAlignLeft') }}</el-radio>
+						<el-radio :label="'center'">{{ t('textAlignCenter') }}</el-radio>
+					</el-radio-group>
+				</el-form-item>
+			</el-form>
+		</div>
+
+		<div class="edit-attr-item-wrap" v-show="diyStore.editComponent.subTitle.control">
+			<h3 class="mb-[10px]">{{ t('subTitleContent') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('subTitle')">
+					<el-input v-model="diyStore.editComponent.subTitle.text" :placeholder="t('subTitlePlaceholder')" clearable maxlength="30" show-word-limit />
+				</el-form-item>
+				<el-form-item :label="t('textFontSize')">
+					<el-slider v-model="diyStore.editComponent.subTitle.fontSize" show-input size="small" class="ml-[10px] article-slider" :min="12" :max="16" />
+				</el-form-item>
+				<el-form-item :label="t('textColor')">
+					<el-color-picker v-model="diyStore.editComponent.subTitle.color" />
+				</el-form-item>
+			</el-form>
+		</div>
+
+		<div class="edit-attr-item-wrap" v-show="diyStore.editComponent.more.control">
+			<h3 class="mb-[10px]">{{ t('moreContent') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('more')">
+					<el-input v-model="diyStore.editComponent.more.text" :placeholder="t('morePlaceholder')" clearable maxlength="8" show-word-limit />
+				</el-form-item>
+				<el-form-item :label="t('link')">
+					<diy-link v-model="diyStore.editComponent.more.link" />
+				</el-form-item>
+				<el-form-item :label="t('moreIsShow')">
+					<el-switch v-model="diyStore.editComponent.more.isShow" />
+				</el-form-item>
+				<el-form-item :label="t('textColor')">
+					<el-color-picker v-model="diyStore.editComponent.more.color" />
+				</el-form-item>
+			</el-form>
+		</div>
+
+		<el-dialog v-model="showDialog" :title="t('selectStyle')" width="40%">
+
+			<div class="flex flex-wrap">
+				<div class="flex items-center justify-center overflow-hidden w-[280px] h-[100px] mr-[12px] cursor-pointer border bg-gray-50" :class="{ 'border-primary': selectStyle == 'style-1' }" @click="selectStyle = 'style-1'">
+					<img class="max-w-[280px] max-h-[220px]" src="@/app/assets/images/diy/text/style1.png" />
+				</div>
+				<div class="flex items-center justify-center overflow-hidden w-[280px] h-[100px] mr-[12px] cursor-pointer border bg-gray-50" :class="{ 'border-primary': selectStyle == 'style-2' }" @click="selectStyle = 'style-2'">
+					<img class="max-w-[280px] max-h-[220px]" src="@/app/assets/images/diy/text/style2.png" />
+				</div>
+			</div>
+
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+					<el-button type="primary" @click="changeStyle">{{ t('confirm') }}</el-button>
+				</span>
+			</template>
+
+		</el-dialog>
+	</div>
+
+	<!-- 样式 -->
+	<div class="style-wrap" v-show="diyStore.editTab == 'style'">
+
+		<div class="edit-attr-item-wrap">
+			<h3 class="mb-[10px]">{{ t('titleStyle') }}</h3>
+			<el-form label-width="80px" class="px-[10px]">
+				<el-form-item :label="t('textFontSize')">
+					<el-slider v-model="diyStore.editComponent.fontSize" show-input size="small" class="ml-[10px] article-slider" :min="12" :max="20" />
+				</el-form-item>
+				<el-form-item :label="t('textFontWeight')">
+					<el-radio-group v-model="diyStore.editComponent.fontWeight">
+						<el-radio :label="'normal'">{{ t('fontWeightNormal') }}</el-radio>
+						<el-radio :label="'bold'">{{ t('fontWeightBold') }}</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item :label="t('textColor')">
+					<el-color-picker v-model="diyStore.editComponent.textColor" />
+				</el-form-item>
+			</el-form>
+		</div>
+
+		<!-- 组件样式 -->
+		<slot name="style"></slot>
+
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import useDiyStore from '@/stores/modules/diy'
+import { ref } from 'vue'
+
+const diyStore = useDiyStore()
+diyStore.editComponent.ignore = [] // 忽略公共属性
+
+const showDialog = ref(false)
+
+const showStyle = () => {
+    showDialog.value = true
+}
+
+const selectStyle = ref(diyStore.editComponent.style)
+
+const changeStyle = () => {
+    switch (selectStyle.value) {
+        case 'style-1':
+            diyStore.editComponent.subTitle.control = false
+            diyStore.editComponent.more.control = false
+            diyStore.editComponent.styleName = '风格1'
+            break
+        case 'style-2':
+            diyStore.editComponent.subTitle.control = true
+            diyStore.editComponent.more.control = true
+            diyStore.editComponent.styleName = '风格2'
+            break
+    }
+    diyStore.editComponent.style = selectStyle.value
+    showDialog.value = false
+}
+
+defineExpose({})
+
+</script>
+
+<style lang="scss">
+.horz-blank-slider {
+	.el-slider__input {
+		width: 100px;
+	}
+}</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/edit.vue b/admin/src/app/views/diy/edit.vue
new file mode 100644
index 0000000..d0eb600
--- /dev/null
+++ b/admin/src/app/views/diy/edit.vue
@@ -0,0 +1,655 @@
+<template>
+    <div class="main-container flex-1">
+        <el-header class="flex items-center h-[60px] bg-primary px-[20px]">
+            <div class="text-white cursor-pointer flex items-center" @click="goBack">
+                <el-icon size="14">
+                    <ArrowLeft />
+                </el-icon>
+                <span class="pl-[5px]">{{ t('back') }}</span>
+            </div>
+            <div class="text-white ml-[10px] mr-[20px] flex items-center">
+                <span class="mr-[5px]"> ｜ {{ t('decorating') }}：{{ diyStore.typeName }}</span>
+                <!--<el-icon class="font-bold"><EditPen /></el-icon>-->
+            </div>
+
+            <div v-if="diyStore.type && diyStore.type != 'DIY_PAGE'">
+                <span class="text-white mr-[10px] text-base">{{ t('templatePagePlaceholder') }}</span>
+                <el-select v-model="template" class="w-[180px]" :placeholder="t('templatePagePlaceholder')" @change="changeTemplatePage">
+                    <el-option :label="t('templatePageEmpty')" value="" />
+                    <el-option v-for="(item, key) in templatePages" :label="item.title" :value="key" :key="key"/>
+                </el-select>
+            </div>
+            <div class="flex-1"></div>
+            <el-button @click="preview()">{{ t('preview') }}</el-button>
+            <el-button @click="save()">{{ t('save') }}</el-button>
+        </el-header>
+
+        <div class="full-container flex flex-row flex-1 bg-page">
+
+            <div class="component-list w-[290px]">
+
+                <!-- 组件列表区域 -->
+                <el-scrollbar class="px-[10px]">
+                    <el-collapse v-model="activeNames" @change="handleChange">
+                        <el-collapse-item v-for="(item, key) in component" :key="key" :title="item.title" :name="key">
+                            <ul class="flex flex-row flex-wrap">
+                                <li v-for="(compItem, compKey) in item.list" :key="compKey" class="w-2/6 text-center cursor-pointer h-[75px]" :title="compItem.title" @click="diyStore.addComponent(compKey, compItem)">
+                                    <icon :name="compItem.icon" size="23px" />
+                                    <span class="block text-base truncate">{{ compItem.title }}</span>
+                                </li>
+                            </ul>
+                        </el-collapse-item>
+                    </el-collapse>
+                </el-scrollbar>
+
+            </div>
+
+            <div class="preview-wrap flex-1 relative mt-[20px]">
+
+                <el-scrollbar>
+                    <el-button class="page-btn absolute right-[20px]" @click="diyStore.changeCurrentIndex(-99)">{{ t('pageSet') }}</el-button>
+                    <div class="diy-view-wrap w-[375px] shadow-lg mx-auto">
+                        <div class="preview-head bg-no-repeat bg-center bg-cover" @click="diyStore.changeCurrentIndex(-99)">
+                            <span class="text-base block text-center truncate cursor-pointer h-[64px] leading-[84px]">{{ diyStore.global.title }}</span>
+                        </div>
+                        <div class="preview-block relative">
+
+                            <ul class="quick-action absolute text-center -right-[70px] top-[20px] w-[42px] rounded shadow-md">
+                                <el-tooltip effect="light" :content="t('moveUpComponent')" placement="right">
+                                    <icon name="iconfont-iconjiantoushang" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.moveUpComponent" />
+                                </el-tooltip>
+                                <el-tooltip effect="light" :content="t('moveDownComponent')" placement="right">
+                                    <icon name="iconfont-iconjiantouxia" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.moveDownComponent" />
+                                </el-tooltip>
+                                <el-tooltip effect="light" :content="t('copyComponent')" placement="right">
+                                    <icon name="iconfont-iconcopy-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.copyComponent" />
+                                </el-tooltip>
+                                <el-tooltip effect="light" :content="t('delComponent')" placement="right">
+                                    <icon name="iconfont-icondelete-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.delComponent" />
+                                </el-tooltip>
+                                <el-tooltip effect="light" :content="t('resetComponent')" placement="right">
+                                    <icon name="iconfont-iconloader-line" size="20px" class="block cursor-pointer leading-[40px]" @click="diyStore.resetComponent" />
+                                </el-tooltip>
+                            </ul>
+
+                            <!-- 组件预览渲染区域 -->
+                            <iframe id="previewIframe" v-show="loadingIframe" :src="wapPreview" frameborder="0" class="preview-iframe w-[375px]"></iframe>
+
+                            <div v-show="loadingDev" class="preview-iframe w-[375px] pt-[20px] px-[20px]">
+                                <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
+                                <div class="mb-[20px] flex flex-col">
+                                    <text class="mb-[10px]">{{ t('wapDomain') }}</text>
+                                    <el-input v-model="wapDomain" :placeholder="t('wapDomainPlaceholder')" clearable />
+                                </div>
+                                <el-button type="primary" @click="saveWapDomain">{{ t('confirm') }}</el-button>
+                            </div>
+
+                        </div>
+                    </div>
+                </el-scrollbar>
+
+            </div>
+
+            <div class="edit-attribute-wrap w-[400px]">
+
+                <!-- 编辑组件属性区域 -->
+                <el-scrollbar>
+                    <el-card class="box-card" shadow="never">
+                        <template #header>
+                            <div class="card-header flex justify-between items-center">
+                                <span class="title flex-1">{{ diyStore.currentIndex == -99 ? t('pageSet') : diyStore.editComponent.componentTitle }}</span>
+                                <div class="tab-wrap flex rounded-[50px] bg-gray-100 text-[14px]" v-if="diyStore.currentComponent">
+                                    <span class="cursor-pointer rounded-[50px] py-[5px] px-[15px]" :class="{ 'bg-primary text-white': diyStore.editTab == 'content' }" @click="diyStore.editTab = 'content'">{{ t('tabEditContent') }}</span>
+                                    <span class="cursor-pointer rounded-[50px] py-[5px] px-[15px]" :class="{ 'bg-primary text-white': diyStore.editTab == 'style' }" @click="diyStore.editTab = 'style'">{{ t('tabEditStyle') }}</span>
+                                </div>
+                            </div>
+                        </template>
+
+                        <div class="edit-component-wrap">
+
+                            <component v-if="diyStore.currentComponent" :is="modules[diyStore.currentComponent]" :value="diyStore.value[diyStore.currentIndex]">
+                                <template #style>
+                                    <div class="edit-attr-item-wrap">
+                                        <h3 class="mb-[10px]">{{ t('componentStyleTitle') }}</h3>
+                                        <el-form label-width="80px" class="px-[10px]">
+                                            <el-form-item :label="t('bottomBgColor')" class="display-block" v-if="diyStore.editComponent.ignore.indexOf('pageBgColor') == -1">
+                                                <el-color-picker v-model="diyStore.editComponent.pageBgColor" show-alpha :predefine="diyStore.predefineColors" />
+                                                <div class="text-sm text-gray-400">{{ t('bottomBgTips') }}</div>
+                                            </el-form-item>
+                                            <el-form-item :label="t('componentBgColor')" v-if="diyStore.editComponent.ignore.indexOf('componentBgColor') == -1">
+                                                <el-color-picker v-model="diyStore.editComponent.componentBgColor" show-alpha :predefine="diyStore.predefineColors" />
+                                            </el-form-item>
+                                            <el-form-item :label="t('marginTop')" v-if="diyStore.editComponent.ignore.indexOf('marginTop') == -1">
+                                                <el-slider v-model="diyStore.editComponent.margin.top" show-input size="small" :min="0" class="ml-[10px] horz-blank-slider" />
+                                            </el-form-item>
+                                            <el-form-item :label="t('marginBottom')" v-if="diyStore.editComponent.ignore.indexOf('marginBottom') == -1">
+                                                <el-slider v-model="diyStore.editComponent.margin.bottom" show-input size="small" class="ml-[10px] horz-blank-slider" />
+                                            </el-form-item>
+                                            <el-form-item :label="t('marginBoth')" v-if="diyStore.editComponent.ignore.indexOf('marginBoth') == -1">
+                                                <el-slider v-model="diyStore.editComponent.margin.both" show-input size="small" class="ml-[10px] horz-blank-slider" />
+                                            </el-form-item>
+                                            <el-form-item :label="t('topRounded')" v-if="diyStore.editComponent.ignore.indexOf('topRounded') == -1">
+                                                <el-slider v-model="diyStore.editComponent.topRounded" show-input size="small" class="ml-[10px] horz-blank-slider" :max="50" />
+                                            </el-form-item>
+                                            <el-form-item :label="t('bottomRounded')" v-if="diyStore.editComponent.ignore.indexOf('bottomRounded') == -1">
+                                                <el-slider v-model="diyStore.editComponent.bottomRounded" show-input size="small" class="ml-[10px] horz-blank-slider" :max="50" />
+                                            </el-form-item>
+                                        </el-form>
+                                    </div>
+                                </template>
+                            </component>
+                            <div class="edit-attr-item-wrap" v-else>
+                                <h3 class="mb-[10px]">{{ t('componentStyleTitle') }}</h3>
+                                <el-form label-width="80px" class="px-[10px]">
+                                    <el-form-item :label="t('bottomBgColor')" class="display-block" v-if="diyStore.editComponent.ignore.indexOf('pageBgColor') == -1">
+                                        <el-color-picker v-model="diyStore.editComponent.pageBgColor" show-alpha :predefine="diyStore.predefineColors" />
+                                        <div class="text-sm text-gray-400">{{ t('bottomBgTips') }}</div>
+                                    </el-form-item>
+                                    <el-form-item :label="t('componentBgColor')" v-if="diyStore.editComponent.ignore.indexOf('componentBgColor') == -1">
+                                        <el-color-picker v-model="diyStore.editComponent.componentBgColor" show-alpha :predefine="diyStore.predefineColors" />
+                                    </el-form-item>
+                                    <el-form-item :label="t('marginTop')" v-if="diyStore.editComponent.ignore.indexOf('marginTop') == -1">
+                                        <el-slider v-model="diyStore.editComponent.margin.top" show-input size="small" :min="0" class="ml-[10px] horz-blank-slider" />
+                                    </el-form-item>
+                                    <el-form-item :label="t('marginBottom')" v-if="diyStore.editComponent.ignore.indexOf('marginBottom') == -1">
+                                        <el-slider v-model="diyStore.editComponent.margin.bottom" show-input size="small" class="ml-[10px] horz-blank-slider" />
+                                    </el-form-item>
+                                    <el-form-item :label="t('marginBoth')" v-if="diyStore.editComponent.ignore.indexOf('marginBoth') == -1">
+                                        <el-slider v-model="diyStore.editComponent.margin.both" show-input size="small" class="ml-[10px] horz-blank-slider" />
+                                    </el-form-item>
+                                    <el-form-item :label="t('topRounded')" v-if="diyStore.editComponent.ignore.indexOf('topRounded') == -1">
+                                        <el-slider v-model="diyStore.editComponent.topRounded" show-input size="small" class="ml-[10px] horz-blank-slider" :max="50" />
+                                    </el-form-item>
+                                    <el-form-item :label="t('bottomRounded')" v-if="diyStore.editComponent.ignore.indexOf('bottomRounded') == -1">
+                                        <el-slider v-model="diyStore.editComponent.bottomRounded" show-input size="small" class="ml-[10px] horz-blank-slider" :max="50" />
+                                    </el-form-item>
+                                </el-form>
+                            </div>
+
+                        </div>
+
+                    </el-card>
+                </el-scrollbar>
+
+            </div>
+
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, toRaw, watch, inject } from 'vue'
+import { t } from '@/lang'
+import { getDiyTemplatePages, addDiyPage, editDiyPage, initPage } from '@/app/api/diy'
+import { useRoute, useRouter } from 'vue-router'
+import { cloneDeep } from 'lodash-es'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import useDiyStore from '@/stores/modules/diy'
+import storage from '@/utils/storage'
+
+const setLayout = inject('setLayout')
+setLayout('decorate')
+
+const diyStore = useDiyStore()
+const route = useRoute()
+const router = useRouter()
+
+route.query.id = route.query.id || 0
+route.query.name = route.query.name || ''
+route.query.url = route.query.url || '' // 页面路径
+route.query.type = route.query.type || '' // 页面模板，新页面传入
+route.query.title = route.query.title || ''
+route.query.back = route.query.back || '/site/diy/list'
+
+const backPath = route.query.back
+const template = ref('');
+const oldTemplate = ref('');
+const wapUrl = ref('')
+const wapDomain = ref('')
+const wapPreview = ref('')
+
+const loadingIframe = ref(false) // 加载iframe
+const loadingDev = ref(false) // 加载开发环境配置
+const timeIframe = ref(0) // iframe打开时间
+const difference = ref(0) // 检测页面加载差异，小于1000毫秒，则配置wap端域名
+
+const component = ref([])
+const componentType: string[] = reactive([])
+const page = ref('')
+
+const activeNames = ref(componentType)
+const handleChange = (val: string[]) => {
+}
+
+// 初始化原数据
+const originData = reactive({
+    id: diyStore.id,
+    name: diyStore.name,
+    title: diyStore.global.title,
+    value: JSON.stringify({
+        global: toRaw(diyStore.global),
+        value: toRaw(diyStore.value)
+    })
+})
+
+// 返回上一页
+const isChange = ref(true) // 数据是否发生变化，true：没变化，false：变化了
+const goBack = () => {
+    if (isChange.value) {
+        location.href = `${location.origin}${backPath}`;
+        router.push(backPath)
+    } else {
+        // 数据发生变化，弹框提示：确定离开此页面
+        ElMessageBox.confirm(
+            t('leavePageTitleTips'),
+            t('leavePageContentTips'),
+            {
+                confirmButtonText: t('confirm'),
+                cancelButtonText: t('cancel'),
+                type: 'warning',
+                autofocus: false
+            }
+        ).then(() => {
+            location.href = `${location.origin}${backPath}`;
+        }).catch(() => {
+        })
+    }
+}
+
+// 动态加载后台自定义组件编辑
+const modulesFiles = import.meta.glob('./components/*.vue', { eager: true })
+const addonModulesFiles = import.meta.glob('@/addon/**/views/diy/components/*.vue', { eager: true })
+addonModulesFiles && Object.assign(modulesFiles, addonModulesFiles)
+
+const modules = {}
+for (const [key, value] of Object.entries(modulesFiles)) {
+    const moduleName = key.split('/').pop()
+    const name = moduleName.split('.')[0]
+    modules[name] = value.default
+}
+
+// 获取模板页面列表
+const templatePages: any = reactive({})
+
+const loadDiyTemplatePages = (type:any)=>{
+    getDiyTemplatePages({
+        type,
+        mode: 'diy'
+    }).then(res => {
+        for (const key in res.data) {
+            templatePages[key] = res.data[key];
+        }
+    });
+}
+
+// 全局监听自定义数据变化
+watch(
+    () => template.value,
+    (newValue, oldValue) => {
+        oldTemplate.value = oldValue;
+    }
+)
+
+// 切换模板页面
+const changeTemplatePage = (value:any)=> {
+    // 存在数据则弹框提示确认
+    if(diyStore.value.length) {
+        ElMessageBox.confirm(t('changeTemplatePageTips'), t('warning'), {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }).then(() => {
+            if (value) {
+                let data = templatePages[value].data;
+                diyStore.global = data.global;
+                if (data.value.length) {
+                    diyStore.value = data.value
+                }
+            } else {
+                // 清空
+                diyStore.init();
+            }
+            if(route.query.title) diyStore.global.title = route.query.title
+        }).catch(() => {
+            // 还原
+            template.value = oldTemplate.value;
+        });
+    }else{
+        if (value) {
+            let data = templatePages[value].data;
+            diyStore.global = data.global;
+            if (data.value.length) {
+                diyStore.value = data.value
+            }
+        } else {
+            // 清空
+            diyStore.init();
+        }
+        if(route.query.title) diyStore.global.title = route.query.title
+    }
+};
+
+// 全局监听自定义数据变化
+watch(
+    () => diyStore,
+    (newValue, oldValue) => {
+        const data = {
+            id: newValue.id,
+            name: newValue.name,
+            title: newValue.global.title,
+            value: JSON.stringify({
+                global: toRaw(newValue.global),
+                value: toRaw(newValue.value)
+            })
+        }
+
+        diyStore.postMessage()
+        isChange.value = JSON.stringify(data) == JSON.stringify(originData)
+    },
+    { deep: true }
+)
+
+// 根据当前页面路由查询页面初始化数据
+initPage({
+    id: route.query.id,
+    name: route.query.name,
+    url: route.query.url,
+    type: route.query.type,
+    title: route.query.title
+}).then(async (res) => {
+    const data = res.data
+    diyStore.init() // 初始化清空数据
+    diyStore.id = data.id || 0
+    diyStore.name = data.name
+    diyStore.type = data.type
+    diyStore.typeName = data.type_name
+    diyStore.templateName = data.template
+    diyStore.isDefault = data.is_default
+    diyStore.pageMode = data.mode
+    if (data.value) {
+        const sources = JSON.parse(data.value)
+        diyStore.global = sources.global
+        if (sources.value.length) {
+            diyStore.value = sources.value
+            // diyStore.changeCurrentIndex(0,diyStore.value[0]);
+        }
+    } else {
+        diyStore.global.title = data.title
+    }
+
+    // 初始化原数据
+    originData.id = diyStore.id
+    originData.name = diyStore.name
+    originData.title = diyStore.global.title
+    originData.value = JSON.stringify({
+        global: toRaw(diyStore.global),
+        value: toRaw(diyStore.value)
+    })
+
+    component.value = data.component
+    for (const type in component.value) {
+        componentType.push(type)
+        for (const key in component.value[type].list) {
+            const com = cloneDeep(component.value[type].list[key])
+            com.id = diyStore.generateRandom()
+            com.componentName = key
+            com.componentTitle = com.title
+            Object.assign(com, com.value)
+            delete com.name
+            delete com.title
+            delete com.value
+            delete com.type
+            delete com.icon
+            diyStore.components.push(com)
+        }
+    }
+
+    // 加载插件引用
+    if (data.addon_list) {
+        const addonModules = import.meta.glob('@/**/views/diy/components/*.vue')
+        for (let i = 0; i < data.addon_list.length; i++) {
+            const item = data.addon_list[i]
+            for (const [key, value] of Object.entries(addonModules)) {
+                const moduleName = key.split('/')
+                const addonName = moduleName[2]
+                if (item.key == addonName) {
+                    const name = moduleName[moduleName.length - 1].replace('.vue', '')
+                    const module = await value()
+                    modules[name] = module.default
+                }
+            }
+        }
+    }
+
+    loadDiyTemplatePages(data.type);
+
+    // 加载预览
+    wapDomain.value = data.domain_url.wap_domain
+    wapUrl.value = data.domain_url.wap_url
+    page.value = data.page
+    setDomain()
+
+    // 生产模式禁止
+    if (import.meta.env.MODE == 'production') return
+
+    // env文件配置过wap域名
+    if (wapDomain.value) {
+        wapUrl.value = wapDomain.value + '/wap'
+        setDomain()
+    }
+
+    let wap_domain_storage = storage.get('wap_domain')
+    if (wap_domain_storage) {
+        wapUrl.value = wap_domain_storage
+        setDomain()
+    }
+})
+
+// 监听组件数据 uni-app端
+window.addEventListener('message', (event) => {
+    try {
+        const data = JSON.parse(event.data)
+        if (!data.type) return
+
+        switch (data.type) {
+            case 'appOnLaunch':
+            case 'appOnReady':
+                // uni-app 加载完成
+                loadingDev.value = false
+                loadingIframe.value = true
+                let loadTime = new Date().getTime()
+                difference.value = loadTime - timeIframe.value
+                break
+            case 'init':
+                // 初始化，与uniapp建立连接传输数据
+                diyStore.load = true
+                diyStore.postMessage()
+                break
+            case 'change':
+                // 切换
+                diyStore.changeCurrentIndex(data.index, data.component)
+                break
+            case 'data':
+                // 传数据
+                diyStore.changeCurrentIndex(data.index, data.component)
+                diyStore.global = data.global
+                diyStore.value = data.value
+                break
+        }
+    } catch (e) {
+        console.log('后台接受数据错误', e)
+    }
+}, false)
+
+const saveWapDomain = () => {
+    if (wapDomain.value.trim().length == 0) {
+        ElMessage({
+            type: 'warning',
+            message: `${t('wapDomainPlaceholder')}`
+        })
+        return
+    }
+    wapUrl.value = wapDomain.value + '/wap'
+    setDomain()
+    storage.set({ key: 'wap_domain', data: wapUrl.value })
+    loadingIframe.value = true
+    loadingDev.value = false
+}
+
+const setDomain = () => {
+    wapPreview.value = `${wapUrl.value}${page.value}?mode=decorate` // 模式：decorate 装修 访问预览页面
+
+    timeIframe.value = new Date().getTime()
+    postMessage()
+    setTimeout(() => {
+        if (difference.value == 0) initLoad()
+    }, 1000 * 2)
+}
+
+// 将数据发送到uniapp
+const postMessage = () => {
+    const data = JSON.stringify({
+        type: 'appOnReady',
+        message: '加载完成'
+    })
+    if (window.previewIframe) window.previewIframe.contentWindow.postMessage(data, '*')
+}
+
+// 初始化加载状态
+const initLoad = () => {
+    loadingDev.value = true
+    loadingIframe.value = false
+    wapPreview.value = ''
+}
+
+const isRepeat = ref(false)
+const save = (callback: any) => {
+    if (!diyStore.verify()) {
+        return
+    }
+
+    if (isRepeat.value) return
+    isRepeat.value = true
+
+    diyStore.templateName = template.value;
+
+    let data = {
+        id: diyStore.id,
+        name: diyStore.name,
+        title: diyStore.global.title,
+        type: diyStore.type,
+        template: diyStore.templateName,
+        is_default: diyStore.isDefault,
+        is_change: isChange.value ? 0 : 1,
+        value: JSON.stringify({
+            global: toRaw(diyStore.global),
+            value: toRaw(diyStore.value)
+        })
+    }
+
+    const api = diyStore.id ? editDiyPage : addDiyPage
+    api(data).then((res: any) => {
+        isRepeat.value = false
+        if (res.code == 1) {
+            if (diyStore.id) {
+                isRepeat.value = false // 不刷新
+            } else {
+                location.href = `${location.origin}${backPath}`;
+            }
+            if (callback) callback(res.data.id)
+        }
+    }).catch(() => {
+        isRepeat.value = false
+    })
+}
+
+// 预览
+const preview = () => {
+    save((id: number) => {
+        id = diyStore.id || id
+        const url = router.resolve({
+            path: '/site/preview/wap',
+            query: {
+                page: page.value + '?id=' + id
+            }
+        })
+        window.open(url.href)
+    })
+}
+</script>
+
+<style lang="scss">
+.el-collapse-item__wrap {
+    border-bottom: none;
+}
+
+.el-collapse-item__content {
+    padding-bottom: 0;
+}
+
+.el-collapse-item__header {
+    font-size: var(--el-font-size-base);
+}
+
+.display-block {
+    .el-form-item__content {
+        display: block;
+    }
+}
+
+.edit-component-wrap {
+    .content-wrap,
+    .style-wrap {
+        .edit-attr-item-wrap {
+            border-top: 2px solid var(--el-color-info-light-8);
+            padding-top: 20px;
+
+            &:first-of-type {
+                border-top: none;
+                padding-top: 0;
+            }
+        }
+    }
+}
+</style>
+<style lang="scss" scoped>
+.full-container {
+    height: calc(100vh - 60px);
+}
+
+.preview-iframe {
+    height: calc(100vh - 160px);
+}
+
+.component-list {
+    background: var(--el-bg-color);
+}
+
+.component-list ul li {
+    &:not(.disabled):hover {
+        color: var(--el-color-primary);
+        background: var(--el-color-primary-light-9);
+    }
+}
+
+.diy-view-wrap {
+    background: var(--el-bg-color-page);
+}
+
+.diy-view-wrap .preview-head {
+    background-image: url(@/app/assets/images/diy_preview_head.png);
+    background-color: var(--el-bg-color);
+}
+
+.quick-action {
+    background: var(--el-bg-color);
+}
+
+.edit-attribute-wrap {
+    background: var(--el-bg-color);
+}
+
+.edit-attribute-wrap .box-card {
+    border: none;
+}
+</style>
diff --git a/admin/src/app/views/diy/index.vue b/admin/src/app/views/diy/index.vue
new file mode 100644
index 0000000..fa32376
--- /dev/null
+++ b/admin/src/app/views/diy/index.vue
@@ -0,0 +1,308 @@
+<template>
+    <div class="flex flex-wrap mt-[20px] min-w-[1000px]" v-if="page.use_template">
+        <div class="page-item relative bg-no-repeat ml-[20px] mr-[40px] bg-[#f7f7f7] w-[340px] pt-[90px] pb-[20px]">
+            <p class="absolute top-[54px] left-[50%] translate-x-[-50%] text-[14px] truncate w-[130px] text-center">{{ page.use_template.title }}</p>
+
+            <div v-show="page.use_template.url" class="w-[320px] h-[550px] mx-auto">
+                <iframe :id="'previewIframe_' + key" v-show="page.loadingIframe" class="w-[320px] h-[550px] mx-auto" :src="page.use_template.wapPreview" frameborder="0"></iframe>
+                <div v-show="page.loadingDev" class="w-[320px] h-[550px] mx-auto bg-body pt-[20px] px-[20px]">
+                    <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
+                    <div class="mb-[20px] flex flex-col">
+                        <text class="mb-[10px]">{{ t('wapDomain') }}</text>
+                        <el-input v-model="wapDomain" :placeholder="t('wapDomainPlaceholder')" clearable />
+                    </div>
+                    <div class="flex">
+                        <el-button type="primary" @click="saveDomain()">{{ t('confirm') }}</el-button>
+                        <el-button type="primary" @click="settingTips()" plain>{{ t('settingTips') }}</el-button>
+                    </div>
+                </div>
+            </div>
+
+            <div v-show="!page.use_template.wapPreview" class="overflow-hidden w-[320px] h-[550px] mx-auto">
+                <img class="max-w-full" v-if="page.use_template.cover" :src="img(page.use_template.cover)" />
+            </div>
+
+            <div class="popup-wrap absolute inset-x-0 inset-y-0 select-none" :class="{ 'disabled': page.isDisabledPop }"></div>
+
+        </div>
+
+        <div class="w-[500px]">
+            <div class="flex flex-wrap">
+                <diy-link v-model="link" :ignore="['DIY_LINK']" @success="changePage">
+                    <el-button type="primary">{{ t('changePage') }}</el-button>
+                </diy-link>
+                <el-button type="primary" @click="toDecorate()" v-show="page.use_template.action == 'decorate'" class="ml-[12px]">{{ t('decorate') }}</el-button>
+            </div>
+
+            <div class="info-wrap">
+
+                <div class="mt-[20px] bg-[#F7F8FA] p-[20px] flex items-center justify-between">
+                    <div>
+                        <div class="font-bold">{{ t('H5') }}</div>
+						<el-form label-width="40px" class="mt-[5px]">
+							<el-form-item :label="t('link')" class="mb-[5px]">
+								<el-input readonly :value="page.shareUrl">
+									<template #append>
+										<el-button @click="copyEvent(page.shareUrl)" class="bg-primary copy">{{ t('copy') }}</el-button>
+									</template>
+								</el-input>
+							</el-form-item>
+						</el-form>
+                        <div class="text-[#999] text-base">{{ t('scanQRCodeOnRight') }}</div>
+                    </div>
+                    <div class="text-center">
+                        <el-image class="w-[100px] h-[100px] mb-[5px]" :src="wapImage" />
+                        <div @click="toPreview()" class="text-primary text-base cursor-pointer">{{ t('preview') }}</div>
+                    </div>
+                </div>
+
+            </div>
+
+        </div>
+
+    </div>
+
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch } from 'vue'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { getDecoratePage, changeTemplate } from '@/app/api/diy'
+import storage from '@/utils/storage'
+import QRCode from 'qrcode'
+import { useClipboard } from '@vueuse/core'
+
+const type: any = ref('DIY_INDEX');
+const page: any = reactive({})
+const router = useRouter()
+const wapDomain = ref('')
+const wapImage = ref('')
+const link = ref({
+    name: ''
+})
+
+// 切换页面
+const formData = reactive({
+    type: '',
+    name: '',
+    parent:'',
+    page: '',
+    title: '',
+    action: ''
+})
+
+// 初始化数据
+const refreshData = () => {
+    getDecoratePage({
+        type : type.value
+    }).then(res => {
+        for (const key in res.data) {
+            page[key] = res.data[key]
+        }
+
+        link.value.name = page.use_template.name;
+        link.value.title = page.use_template.title;
+        link.value.url = page.use_template.page;
+        link.value.action = page.use_template.action;
+        link.value.parent = page.use_template.parent;
+
+        if (page.use_template.url) {
+            page.loadingIframe = false // 加载iframe
+            page.loadingDev = false // 加载开发环境配置
+            page.isDisabledPop = false // 是否禁止打开遮罩层
+            page.difference = 0 // 检测页面加载差异，小于1000毫秒，则配置wap端域名
+
+            wapDomain.value = page.domain_url.wap_domain
+            page.wapUrl = page.domain_url.wap_url
+
+            if (import.meta.env.MODE == 'development') {
+                // 开发模式情况下，并且未配置wap域名，则获取缓存域名
+                if (wapDomain.value) {
+                    page.wapUrl = wapDomain.value + '/wap'
+                    setDomain()
+                }
+                if (storage.get('wap_domain')) {
+                    page.wapUrl = storage.get('wap_domain')
+                    setDomain()
+                }
+            }
+
+            setDomain()
+        }
+    })
+}
+
+refreshData()
+
+// 监听 uni-app 端 是否加载完成
+window.addEventListener('message', (event) => {
+    try {
+        const data = JSON.parse(event.data)
+        if (['appOnLaunch', 'appOnReady'].indexOf(data.type) != -1) {
+            page.loadingDev = false // 禁用开发环境配置
+            page.loadingIframe = true // 加载iframe
+            const loadTime = new Date().getTime()
+            page.difference = loadTime - page.timeIframe
+            page.isDisabledPop = false // 是否禁止打开遮罩层
+        }
+    } catch (e) {
+        initLoad()
+        console.log('后台接受数据错误', e)
+    }
+}, false)
+
+// 将数据发送到uniapp
+const postMessage = () => {
+    const diyData = JSON.stringify({
+        type: 'appOnReady',
+        message: '加载完成'
+    })
+    if (window['previewIframe_' + type.value]) window['previewIframe_' + type.value].contentWindow.postMessage(diyData, '*')
+}
+
+// 初始化加载状态
+const initLoad = () => {
+    page.loadingDev = true
+    page.isDisabledPop = true
+    page.loadingIframe = false
+}
+
+const saveDomain = () => {
+    if (wapDomain.value.trim().length == 0) {
+        ElMessage({
+            type: 'warning',
+            message: `${t('wapDomainPlaceholder')}`,
+        })
+        return
+    }
+    const wapUrl = wapDomain.value + '/wap'
+    storage.set({key: 'wap_domain', data: wapUrl})
+
+    if (page.use_template.url) {
+        page.wapUrl = wapUrl
+        setDomain()
+    }
+    setTimeout(() => {
+        if (page.use_template.url) {
+            page.loadingIframe = true // 加载iframe
+            page.loadingDev = false // 加载开发环境配置
+            page.isDisabledPop = false // 是否禁止打开遮罩层
+        }
+    }, 100 * 3)
+}
+
+const settingTips = () => {
+    window.open('https://www.kancloud.cn/niucloud/niucloud-admin-develop/3213393')
+}
+
+const setDomain = () => {
+    page.use_template.wapPreview = page.wapUrl + page.use_template.url
+    page.shareUrl = page.wapUrl + '/';
+    QRCode.toDataURL(page.shareUrl, { errorCorrectionLevel: 'L', margin: 0, width: 100 }).then(url => {
+        wapImage.value = url
+    })
+    page.timeIframe = new Date().getTime()
+    postMessage()
+    setTimeout(() => {
+        if (page.difference == 0) initLoad()
+    }, 1000 * 2)
+}
+
+// 跳转去装修
+const toDecorate = () => {
+    const query: any = {
+        back: '/site/diy/index'
+    }
+    if (page.use_template.id) {
+        query.id = page.use_template.id
+    } else if (page.use_template.type) {
+        query.name = page.use_template.type
+    } else if (page.use_template.url) {
+        query.url = page.use_template.url
+    }
+    const url = router.resolve({
+        path: '/decorate/edit',
+        query
+    })
+    window.open(url.href)
+}
+
+// 跳转去预览
+const toPreview = () => {
+    let value = page.use_template.page
+    if (page.use_template.url) {
+        value = page.use_template.url
+    } else if (page.use_template.id) {
+        value += '?id=' + page.use_template.id
+    }
+    const url = router.resolve({
+        path: '/preview/wap',
+        query: {
+            page:value
+        }
+    })
+    window.open(url.href)
+}
+
+const isRepeat = ref(false)
+const changePage = ()=>{
+    formData.type = type.value;
+    formData.name = link.value.name;
+    formData.page = link.value.url;
+    formData.title = link.value.title;
+    formData.action = link.value.action;
+    formData.parent = link.value.parent;
+
+    if (isRepeat.value) return
+    isRepeat.value = true
+
+    changeTemplate({
+        ...formData
+    }).then((res) => {
+        isRepeat.value = false
+        refreshData()
+    })
+}
+
+// 复制
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+</script>
+
+<style lang="scss" scoped>
+.page-item {
+    background-image: url(@/app/assets/images/iphone_bg.png);
+    background-color: var(--el-bg-color);
+    background-size: 100%;
+
+    .popup-wrap {
+        display: none;
+    }
+
+    &:hover {
+        .popup-wrap:not(.disabled) {
+            display: block !important;
+        }
+    }
+}
+</style>
diff --git a/admin/src/app/views/diy/list.vue b/admin/src/app/views/diy/list.vue
new file mode 100644
index 0000000..35e1545
--- /dev/null
+++ b/admin/src/app/views/diy/list.vue
@@ -0,0 +1,353 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+                <el-button type="primary" class="w-[100px]" @click="dialogVisible = true">{{ t('addDiyPage') }}</el-button>
+            </div>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="diyPageTableData.searchParam" ref="searchFormDiyPageRef">
+                    <el-form-item :label="t('title')" prop="title">
+                        <el-input v-model="diyPageTableData.searchParam.title" :placeholder="t('titlePlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('forAddon')" prop="addon_name">
+                        <el-select v-model="diyPageTableData.searchParam.addon_name" :placeholder="t('pageTypePlaceholder')" @change="handleSelectAddonChange">
+                            <el-option :label="t('all')" value="" />
+                            <el-option v-for="(item, key) in apps" :label="item.title" :value="key" :key="key"/>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('typeName')" prop="type">
+                        <el-select v-model="diyPageTableData.searchParam.type" :placeholder="t('pageTypePlaceholder')">
+                            <el-option :label="t('all')" value="" />
+                            <el-option v-for="(item, key) in pageType" :label="item.title" :value="key" :key="key"/>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadDiyPageList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormDiyPageRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <el-table :data="diyPageTableData.data" size="large" v-loading="diyPageTableData.loading">
+
+                <template #empty>
+                    <span>{{ !diyPageTableData.loading ? t('emptyData') : '' }}</span>
+                </template>
+
+                <el-table-column prop="title" :label="t('title')" min-width="120" />
+                <el-table-column prop="addon_name" :label="t('forAddon')" min-width="80" />
+                <el-table-column prop="type_name" :label="t('typeName')" min-width="80" />
+                <el-table-column :label="t('status')" min-width="80">
+                    <template #default="{ row }">
+                        <span v-if="row.type == 'DIY_PAGE'">-</span>
+                        <template v-else>
+                            <span v-if="row.is_default == 1" class="text-primary">{{ t('isUse') }}</span>
+                            <span v-else>{{ t('unused') }}</span>
+                        </template>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="update_time" :label="t('updateTime')" min-width="120" />
+
+                <el-table-column :label="t('operation')" fixed="right" align="right" min-width="160">
+                    <template #default="{ row }">
+                        <el-button type="primary" link @click="toPreview(row)">{{ t('promote') }}</el-button>
+                        <el-button v-if="row.is_default == 0" type="primary" link @click="setUse(row.id)">{{ t('use') }}</el-button>
+                        <el-button v-if="row.type == 'DIY_PAGE'" type="primary" link @click="openShare(row)">{{ t('shareSet') }}</el-button>
+                        <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                        <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+                    </template>
+                </el-table-column>
+
+            </el-table>
+            <div class="mt-[16px] flex justify-end">
+                <el-pagination v-model:current-page="diyPageTableData.page" v-model:page-size="diyPageTableData.limit"
+                    layout="total, sizes, prev, pager, next, jumper" :total="diyPageTableData.total"
+                    @size-change="loadDiyPageList()" @current-change="loadDiyPageList" />
+            </div>
+
+        </el-card>
+
+        <!--添加页面-->
+        <el-dialog v-model="dialogVisible" :title="t('addPageTips')" width="25%">
+
+            <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules">
+                <el-form-item :label="t('title')" prop="title">
+                    <el-input v-model="formData.title" :placeholder="t('titlePlaceholder')" clearable maxlength="12" show-word-limit class="w-full" />
+                </el-form-item>
+                <el-form-item :label="t('typeName')" prop="type">
+                    <el-select v-model="formData.type" :placeholder="t('pageTypePlaceholder')" class="w-full">
+                        <el-option v-for="(item, key) in pageType" :label="item.title" :value="key" :key="key"/>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="dialogVisible = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="addEvent(formRef)">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+        <!-- 分享设置-->
+        <el-dialog v-model="shareDialogVisible" :title="t('shareSet')" width="30%">
+            <el-tabs v-model="tabShareType">
+                <el-tab-pane :label="t('wechat')" name="wechat"></el-tab-pane>
+                <el-tab-pane :label="t('weapp')" name="weapp"></el-tab-pane>
+            </el-tabs>
+            <el-form :model="shareFormData[tabShareType]" label-width="90px" ref="shareFormRef" :rules="shareFormRules">
+                <el-form-item :label="t('sharePage')">
+                    <span>{{ sharePage }}</span>
+                </el-form-item>
+                <el-form-item :label="t('shareTitle')" prop="title">
+                    <el-input v-model="shareFormData[tabShareType].title" :placeholder="t('shareTitlePlaceholder')" clearable maxlength="30" show-word-limit />
+                </el-form-item>
+                <el-form-item :label="t('shareDesc')" prop="desc" v-if="tabShareType == 'wechat'">
+                    <el-input v-model="shareFormData[tabShareType].desc" :placeholder="t('shareDescPlaceholder')" type="textarea" rows="4" clearable maxlength="100" show-word-limit />
+                </el-form-item>
+                <el-form-item :label="t('shareImageUrl')" prop="url">
+                    <upload-image v-model="shareFormData[tabShareType].url" :limit="1" />
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="shareDialogVisible = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="shareEvent(shareFormRef)">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, computed } from 'vue'
+import { t } from '@/lang'
+import { getApps,getDiyPageList, deleteDiyPage, getDiyTemplate, editDiyPageShare, setUseDiyPage } from '@/app/api/diy'
+import { ElMessageBox, FormInstance } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+import { getUrl } from '@/app/api/sys'
+
+const router = useRouter()
+const route = useRoute()
+const pageName = route.meta.title
+const pageType: any = reactive({}) // 页面类型
+
+// 添加自定义页面
+const formData = reactive({
+    title: '',
+    type: ''
+})
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        title: [
+            { required: true, message: t('titlePlaceholder'), trigger: 'blur' }
+        ],
+        type: [
+            { required: true, message: t('pageTypePlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const formRef = ref<FormInstance>()
+const dialogVisible = ref(false)
+const addEvent = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            dialogVisible.value = false
+            const query = { type: formData.type, title: formData.title }
+            router.push({
+                path: '/decorate/edit',
+                query
+            })
+        }
+    })
+}
+
+const wapDomain = ref('')
+const getDomain = async () => {
+    wapDomain.value = (await getUrl()).data.wap_url
+}
+
+getDomain()
+
+// 获取自定义页面类型
+const loadDiyTemplate = (addon = '')=> {
+    getDiyTemplate({mode: '', addon}).then(res => {
+        for (let key in pageType) {
+            delete pageType[key];
+        }
+
+        for (const key in res.data) {
+            pageType[key] = res.data[key]
+        }
+    })
+}
+
+loadDiyTemplate();
+
+const apps: any = reactive({}) // 应用插件列表
+
+getApps({}).then(res=>{
+    if(res.data){
+        for (const key in res.data) {
+            apps[key] = res.data[key];
+        }
+    }
+});
+
+// 根据所属插件，查询页面类型
+const handleSelectAddonChange = (value: any) => {
+    diyPageTableData.searchParam.type = '';
+    loadDiyTemplate(value)
+}
+
+const diyPageTableData: any = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        title: '',
+        type: '',
+        mode: '',
+        addon_name: ''
+    }
+})
+
+const searchFormDiyPageRef = ref<FormInstance>()
+
+// 获取自定义页面列表
+const loadDiyPageList = (page: number = 1) => {
+    diyPageTableData.loading = true
+    diyPageTableData.page = page
+
+    getDiyPageList({
+        page: diyPageTableData.page,
+        limit: diyPageTableData.limit,
+        ...diyPageTableData.searchParam
+    }).then(res => {
+        diyPageTableData.loading = false
+        diyPageTableData.data = res.data.data
+        diyPageTableData.total = res.data.total
+    }).catch(() => {
+        diyPageTableData.loading = false
+    })
+}
+
+loadDiyPageList()
+
+// 编辑自定义页面
+const editEvent = (data: any) => {
+    const url = router.resolve({
+        path: '/decorate/edit',
+        query: { id: data.id }
+    })
+    window.open(url.href)
+}
+
+// 设为使用
+const setUse = (id: any) => {
+    setUseDiyPage({id}).then(() => {
+        loadDiyPageList()
+    })
+}
+
+// 删除自定义页面
+const deleteEvent = (id: number) => {
+    ElMessageBox.confirm(t('diyPageDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteDiyPage(id).then(() => {
+            loadDiyPageList()
+        }).catch(() => {
+        })
+    })
+}
+
+// 跳转去预览
+const toPreview = (data: any) => {
+    const url = router.resolve({
+        path: '/preview/wap',
+        query: {
+            page: data.type_page + '?id=' + data.id
+        }
+    });
+    window.open(url.href)
+}
+
+const tabShareType = ref('wechat')
+const sharePage = ref('')
+const shareFormId = ref(0)
+const shareFormData = reactive({
+    wechat: {
+        title: '',
+        desc: '',
+        url: ''
+    },
+    weapp: {
+        title: '',
+        url: ''
+    }
+})
+
+const shareDialogVisible = ref(false)
+const shareFormRules = computed(() => {
+    return {}
+})
+
+const shareFormRef = ref<FormInstance>()
+const openShare = async (row: any) => {
+    shareFormId.value = row.id
+    sharePage.value = row.title
+    const share = row.share ? JSON.parse(row.share) : {
+        wechat: { title: '', desc: '', url: '' },
+        weapp: { title: '', url: '' }
+    }
+    if (share) {
+        shareFormData.wechat = share.wechat
+        shareFormData.weapp = share.weapp
+    }
+
+    shareDialogVisible.value = true
+}
+
+const shareEvent = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            editDiyPageShare({
+                id: shareFormId.value,
+                share: JSON.stringify(shareFormData)
+            }).then(() => {
+                loadDiyPageList()
+                shareDialogVisible.value = false
+            }).catch(() => {
+            })
+        }
+    })
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadDiyPageList()
+}
+
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file
diff --git a/admin/src/app/views/diy/member.vue b/admin/src/app/views/diy/member.vue
new file mode 100644
index 0000000..0a443eb
--- /dev/null
+++ b/admin/src/app/views/diy/member.vue
@@ -0,0 +1,351 @@
+<template>
+    <div class="flex flex-wrap mt-[20px] min-w-[1000px]" v-if="page.use_template">
+        <div class="page-item relative bg-no-repeat ml-[20px] mr-[40px] bg-[#f7f7f7] w-[340px] pt-[90px] pb-[20px]">
+            <p class="absolute top-[54px] left-[50%] translate-x-[-50%] text-[14px] truncate w-[130px] text-center">{{ page.use_template.title }}</p>
+
+            <div v-show="page.use_template.url" class="w-[320px] h-[550px] mx-auto">
+                <iframe :id="'previewIframe_' + key" v-show="page.loadingIframe" class="w-[320px] h-[550px] mx-auto" :src="page.use_template.wapPreview" frameborder="0"></iframe>
+                <div v-show="page.loadingDev" class="w-[320px] h-[550px] mx-auto bg-body pt-[20px] px-[20px]">
+                    <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
+                    <div class="mb-[20px] flex flex-col">
+                        <text class="mb-[10px]">{{ t('wapDomain') }}</text>
+                        <el-input v-model="wapDomain" :placeholder="t('wapDomainPlaceholder')" clearable />
+                    </div>
+                    <div class="flex">
+                        <el-button type="primary" @click="saveDomain()">{{ t('confirm') }}</el-button>
+                        <el-button type="primary" @click="settingTips()" plain>{{ t('settingTips') }}</el-button>
+                    </div>
+                </div>
+            </div>
+
+            <div v-show="!page.use_template.wapPreview" class="overflow-hidden w-[320px] h-[550px] mx-auto">
+                <img class="max-w-full" v-if="page.use_template.cover" :src="img(page.use_template.cover)" />
+            </div>
+
+            <div class="popup-wrap absolute inset-x-0 inset-y-0 select-none" :class="{ 'disabled': page.isDisabledPop }"></div>
+
+        </div>
+
+        <div class="w-[500px]">
+            <div class="flex flex-wrap">
+                <!-- 多应用切换启动页 -->
+                <el-button type="primary" @click="showDialog = true" v-if="siteApps.length > 1">{{ t('changePage') }}</el-button>
+                <el-button type="primary" @click="toDecorate()" v-show="page.use_template.action == 'decorate'" class="ml-[12px]">{{ t('decorate') }}</el-button>
+            </div>
+
+            <div class="info-wrap">
+
+                <div class="mt-[20px] bg-[#F7F8FA] p-[20px] flex items-center justify-between">
+                    <div>
+                        <div class="font-bold">{{ t('H5') }}</div>
+						<el-form label-width="40px" class="mt-[5px]">
+							<el-form-item :label="t('link')" class="mb-[5px]">
+								<el-input readonly :value="page.shareUrl">
+									<template #append>
+										<el-button @click="copyEvent(page.shareUrl)" class="bg-primary copy">{{ t('copy') }}</el-button>
+									</template>
+								</el-input>
+							</el-form-item>
+						</el-form>
+                        <div class="text-[#999] text-base">{{ t('scanQRCodeOnRight') }}</div>
+                    </div>
+                    <div class="text-center">
+                        <el-image class="w-[100px] h-[100px] mb-[5px]" :src="wapImage" />
+                        <div @click="toPreview()" class="text-primary text-base cursor-pointer">{{ t('preview') }}</div>
+                    </div>
+                </div>
+
+            </div>
+
+        </div>
+
+    </div>
+
+    <el-dialog v-model="showDialog" :title="t('pageSelectTips')" width="400px" :close-on-press-escape="false" :destroy-on-close="true" :close-on-click-modal="false">
+        <div class="flex items-start">
+            <el-scrollbar class="pl-4 h-[300px] flex-1">
+                <div class="flex flex-wrap">
+                    <div v-for="(item, key) in pageType" :key="key"
+                         class="border border-br rounded-[3px] mr-[10px] mb-[10px] px-4 h-[32px] leading-[32px] cursor-pointer hover:bg-primary-light-9 px-[10px] hover:text-primary"
+                         :class="[key == link.name ? 'border-primary text-primary' : '']"
+                         @click="changeLink(key,item)">{{ item.title }}
+                    </div>
+                </div>
+            </el-scrollbar>
+        </div>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" @click="changePage()">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch, computed } from 'vue'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { getDecoratePage, changeTemplate,getDiyTemplate } from '@/app/api/diy'
+import storage from '@/utils/storage'
+import QRCode from 'qrcode'
+import { useClipboard } from '@vueuse/core'
+import useUserStore from '@/stores/modules/user'
+
+const userStore = useUserStore()
+const siteApps = computed(()=>{
+    return userStore.siteInfo.apps;
+})
+
+const type: any = ref('DIY_MEMBER_INDEX');
+const page: any = reactive({})
+const router = useRouter()
+const wapDomain = ref('')
+const wapImage = ref('')
+const link = ref({
+    name: ''
+})
+
+// 切换页面
+const formData = reactive({
+    type: '',
+    name: '',
+    page: '',
+    title: '',
+    action: ''
+})
+
+const showDialog = ref(false)
+const pageType: any = reactive({}) // 页面类型
+
+// 获取自定义页面类型
+getDiyTemplate({ type: 'member_index' }).then(res => {
+    for (const key in res.data) {
+        pageType[key] = res.data[key]
+    }
+})
+
+// 初始化数据
+const refreshData = () => {
+    getDecoratePage({
+        type : type.value
+    }).then(res => {
+        for (const key in res.data) {
+            page[key] = res.data[key]
+        }
+
+        link.value.name = page.use_template.name;
+        link.value.title = page.use_template.title;
+        link.value.page = page.use_template.page;
+        link.value.action = page.use_template.action;
+
+        if (page.use_template.url) {
+            page.loadingIframe = false // 加载iframe
+            page.loadingDev = false // 加载开发环境配置
+            page.isDisabledPop = false // 是否禁止打开遮罩层
+            page.difference = 0 // 检测页面加载差异，小于1000毫秒，则配置wap端域名
+
+            wapDomain.value = page.domain_url.wap_domain
+            page.wapUrl = page.domain_url.wap_url
+
+            if (import.meta.env.MODE == 'development') {
+                // 开发模式情况下，并且未配置wap域名，则获取缓存域名
+                if (wapDomain.value) {
+                    page.wapUrl = wapDomain.value + '/wap'
+                    setDomain()
+                }
+                if (storage.get('wap_domain')) {
+                    page.wapUrl = storage.get('wap_domain')
+                    setDomain()
+                }
+            }
+
+            setDomain()
+        }
+    })
+}
+
+refreshData()
+
+// 监听 uni-app 端 是否加载完成
+window.addEventListener('message', (event) => {
+    try {
+        const data = JSON.parse(event.data)
+        if (['appOnLaunch', 'appOnReady'].indexOf(data.type) != -1) {
+            page.loadingDev = false // 禁用开发环境配置
+            page.loadingIframe = true // 加载iframe
+            const loadTime = new Date().getTime()
+            page.difference = loadTime - page.timeIframe
+            page.isDisabledPop = false // 是否禁止打开遮罩层
+        }
+    } catch (e) {
+        initLoad()
+        console.log('后台接受数据错误', e)
+    }
+}, false)
+
+// 将数据发送到uniapp
+const postMessage = () => {
+    const diyData = JSON.stringify({
+        type: 'appOnReady',
+        message: '加载完成'
+    })
+    if (window['previewIframe_' + type.value]) window['previewIframe_' + type.value].contentWindow.postMessage(diyData, '*')
+}
+
+// 初始化加载状态
+const initLoad = () => {
+    page.loadingDev = true
+    page.isDisabledPop = true
+    page.loadingIframe = false
+}
+
+const saveDomain = () => {
+    if (wapDomain.value.trim().length == 0) {
+        ElMessage({
+            type: 'warning',
+            message: `${t('wapDomainPlaceholder')}`,
+        })
+        return
+    }
+    const wapUrl = wapDomain.value + '/wap'
+    storage.set({key: 'wap_domain', data: wapUrl})
+
+    if (page.use_template.url) {
+        page.wapUrl = wapUrl
+        setDomain()
+    }
+    setTimeout(() => {
+        if (page.use_template.url) {
+            page.loadingIframe = true // 加载iframe
+            page.loadingDev = false // 加载开发环境配置
+            page.isDisabledPop = false // 是否禁止打开遮罩层
+        }
+    }, 100 * 3)
+}
+
+const settingTips = () => {
+    window.open('https://www.kancloud.cn/niucloud/niucloud-admin-develop/3213393')
+}
+
+const setDomain = () => {
+    page.use_template.wapPreview = page.wapUrl + page.use_template.url
+    page.shareUrl = page.wapUrl + page.page;
+    QRCode.toDataURL(page.shareUrl, { errorCorrectionLevel: 'L', margin: 0, width: 100 }).then(url => {
+        wapImage.value = url
+    })
+    page.timeIframe = new Date().getTime()
+    postMessage()
+    setTimeout(() => {
+        if (page.difference == 0) initLoad()
+    }, 1000 * 2)
+}
+
+// 跳转去装修
+const toDecorate = () => {
+    const query: any = {
+        back: '/site/diy/member'
+    }
+    if (page.use_template.id) {
+        query.id = page.use_template.id
+    } else if (page.use_template.type) {
+        query.name = page.use_template.type
+    } else if (page.use_template.url) {
+        query.url = page.use_template.url
+    }
+    const url = router.resolve({
+        path: '/decorate/edit',
+        query
+    })
+    window.open(url.href)
+}
+
+// 跳转去预览
+const toPreview = () => {
+    let value = page.use_template.page
+    if (page.use_template.url) {
+        value = page.use_template.url
+    } else if (page.use_template.id) {
+        value += '?id=' + page.use_template.id
+    }
+    const url = router.resolve({
+        path: '/preview/wap',
+        query: {
+            page:value
+        }
+    })
+    window.open(url.href)
+}
+
+// 切换页面链接
+const changeLink = (key:any,item: any) => {
+    link.value.name = key;
+    link.value.page = item.page;
+    link.value.title = item.title;
+    link.value.action = item.action;
+}
+
+const isRepeat = ref(false)
+
+const changePage = ()=>{
+    formData.type = type.value;
+    formData.name = link.value.name;
+    formData.page = link.value.page;
+    formData.title = link.value.title;
+    formData.action = link.value.action;
+
+    if (isRepeat.value) return
+    isRepeat.value = true
+
+    changeTemplate({
+        ...formData
+    }).then((res) => {
+        isRepeat.value = false
+        showDialog.value = false;
+        refreshData()
+    })
+}
+
+// 复制
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+</script>
+
+<style lang="scss" scoped>
+.page-item {
+    background-image: url(@/app/assets/images/iphone_bg.png);
+    background-color: var(--el-bg-color);
+    background-size: 100%;
+
+    .popup-wrap {
+        display: none;
+    }
+
+    &:hover {
+        .popup-wrap:not(.disabled) {
+            display: block !important;
+        }
+    }
+}
+</style>
diff --git a/admin/src/app/views/diy/route.vue b/admin/src/app/views/diy/route.vue
new file mode 100644
index 0000000..5eaf2d9
--- /dev/null
+++ b/admin/src/app/views/diy/route.vue
@@ -0,0 +1,288 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+            </div>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="diyRouteTableData.searchParam" ref="searchFormDiyRouteRef">
+                    <el-form-item :label="t('title')" prop="title">
+                        <el-input v-model="diyRouteTableData.searchParam.title" :placeholder="t('titlePlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('forAddon')" prop="addon_name">
+                        <el-select v-model="diyRouteTableData.searchParam.addon_name" :placeholder="t('pageTypePlaceholder')">
+                            <el-option :label="t('all')" value="" />
+                            <el-option v-for="(item, key) in apps" :label="item.title" :value="key" :key="key"/>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadDiyRouteList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormDiyRouteRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <el-table :data="diyRouteTableData.data" size="large" v-loading="diyRouteTableData.loading">
+                <template #empty>
+                    <span>{{ !diyRouteTableData.loading ? t('emptyData') : '' }}</span>
+                </template>
+                <el-table-column prop="title" :label="t('title')" min-width="70" />
+                <el-table-column prop="addon_title" :label="t('forAddon')" min-width="70">
+                    <template #default="{ row }">
+                        <span>{{ row.addon_info.title }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="page" :label="t('wapUrl')" min-width="230">
+                    <template #default="{ row }">
+                        <span class="mr-[10px]">{{ wapDomain + row.page }}</span>
+                        <el-button type="primary" link @click="copyEvent(wapDomain + row.page)">{{ t('copy') }}</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="page" :label="t('weappUrl')" min-width="120">
+                    <template #default="{ row }">
+                        <span class="mr-[10px]">{{ row.page }}</span>
+                        <el-button type="primary" link @click="copyEvent(row.page)">{{ t('copy') }}</el-button>
+                    </template>
+                </el-table-column>
+                <el-table-column :label="t('share')" fixed="right"  align="right" min-width="40">
+                    <template #default="{ row }">
+                        <el-button v-if="row.is_share == 1" type="primary" link @click="openShare(row)">{{ t('shareSet') }}</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="mt-[16px] flex justify-end">
+                <el-pagination v-model:current-page="diyRouteTableData.page" v-model:page-size="diyRouteTableData.limit" layout="total, sizes, prev, pager, next, jumper" :total="diyRouteTableData.total" @size-change="loadDiyRouteList()" @current-change="loadDiyRouteList" />
+            </div>
+        </el-card>
+
+        <!-- 分享设置-->
+        <el-dialog v-model="shareDialogVisible" :title="t('shareSet')" width="30%">
+
+            <el-tabs v-model="tabShareType">
+                <el-tab-pane :label="t('wechat')" name="wechat"></el-tab-pane>
+                <el-tab-pane :label="t('weapp')" name="weapp"></el-tab-pane>
+            </el-tabs>
+            <el-form :model="shareFormData[tabShareType]" label-width="90px" ref="shareFormRef" :rules="shareFormRules">
+                <el-form-item :label="t('sharePage')">
+                    <span>{{ sharePage }}</span>
+                </el-form-item>
+                <el-form-item :label="t('shareTitle')" prop="title">
+                    <el-input v-model="shareFormData[tabShareType].title" :placeholder="t('shareTitlePlaceholder')" clearable maxlength="30" show-word-limit />
+                </el-form-item>
+                <el-form-item :label="t('shareDesc')" prop="desc" v-if="tabShareType == 'wechat'">
+                    <el-input v-model="shareFormData[tabShareType].desc" :placeholder="t('shareDescPlaceholder')" type="textarea" rows="4" clearable maxlength="100" show-word-limit />
+                </el-form-item>
+                <el-form-item :label="t('shareImageUrl')" prop="url">
+                    <upload-image v-model="shareFormData[tabShareType].url" :limit="1" />
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="shareDialogVisible = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="shareEvent(shareFormRef)">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, watch, computed } from 'vue'
+import { t } from '@/lang'
+import { getDiyRouteAppList,getDiyTemplate, getDiyRouteList, getDiyRouteInfo, editDiyRouteShare } from '@/app/api/diy'
+import { ElMessage, FormInstance } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+import { useClipboard } from '@vueuse/core'
+import { getUrl } from '@/app/api/sys'
+
+const pageTemplate: any = reactive({})
+const router = useRouter()
+const route = useRoute()
+const pageName = route.meta.title
+
+const formRef = ref<FormInstance>()
+const dialogVisible = ref(false)
+
+const diyRouteTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        title: '',
+        addon_name:''
+    }
+})
+
+const wapDomain = ref('')
+const getDomain = async () => {
+    wapDomain.value = (await getUrl()).data.wap_url
+}
+
+getDomain()
+
+const apps: any = reactive({}) // 应用插件列表
+
+getDiyRouteAppList({}).then(res=>{
+    if(res.data){
+        for (const key in res.data) {
+            apps[key] = res.data[key];
+        }
+    }
+});
+
+/**
+ * 获取自定义路由列表
+ */
+const loadDiyRouteList = (page: number = 1) => {
+    diyRouteTableData.loading = true
+    diyRouteTableData.page = page
+
+    getDiyRouteList({
+        page: diyRouteTableData.page,
+        limit: diyRouteTableData.limit,
+        ...diyRouteTableData.searchParam
+    }).then(res => {
+        diyRouteTableData.loading = false
+
+        const len = Math.ceil(res.data.length / diyRouteTableData.limit)
+        const data = JSON.parse(JSON.stringify(res.data))
+        const dataGather = []
+        for (let i = 0; i < len; i++) {
+            dataGather[i] = data.splice(0, diyRouteTableData.limit)
+        }
+        diyRouteTableData.data = dataGather[diyRouteTableData.page - 1]
+
+        diyRouteTableData.total = res.data.length
+    }).catch(() => {
+        diyRouteTableData.loading = false
+    })
+}
+loadDiyRouteList()
+
+// 获取自定义页面模板
+getDiyTemplate({}).then(res => {
+    for (const key in res.data) {
+        pageTemplate[key] = res.data[key]
+    }
+})
+
+const searchFormDiyRouteRef = ref<FormInstance>()
+
+/**
+ * 复制
+ */
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+
+const tabShareType = ref('wechat')
+const sharePage = ref('')
+const shareFormId = ref(0)
+const diyRouteData = reactive({
+    title: '',
+    name: '',
+    page: '',
+    is_share: 0,
+    sort: 0
+})
+const shareFormData = reactive({
+    wechat: {
+        title: '',
+        desc: '',
+        url: ''
+    },
+    weapp: {
+        title: '',
+        url: ''
+    }
+})
+const shareDialogVisible = ref(false)
+const shareFormRules = computed(() => {
+    return {}
+})
+
+const shareFormRef = ref<FormInstance>()
+const openShare = async (row: any) => {
+    // 基础页面
+    const info = (await getDiyRouteInfo({
+        name: row.name
+    })).data
+
+    if (info.title) {
+        row.id = info.id
+        row.title = info.title
+        row.name = info.name
+        row.page = info.page
+        row.is_share = info.is_share
+        row.sort = info.sort
+        row.share = info.share
+    }
+
+    diyRouteData.title = row.title
+    diyRouteData.name = row.name
+    diyRouteData.page = row.page
+    diyRouteData.is_share = row.is_share
+    diyRouteData.sort = row.sort
+
+    shareFormId.value = row.id
+    sharePage.value = row.title
+    const share = row.share ? JSON.parse(row.share) : {
+        wechat: { title: '', desc: '', url: '' },
+        weapp: { title: '', url: '' }
+    }
+    if (share) {
+        shareFormData.wechat = share.wechat
+        shareFormData.weapp = share.weapp
+    }
+
+    shareDialogVisible.value = true
+}
+
+const shareEvent = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            const save = editDiyRouteShare
+            save({
+                id: shareFormId.value,
+                share: JSON.stringify(shareFormData),
+                ...diyRouteData
+            }).then(() => {
+                loadDiyRouteList()
+                shareDialogVisible.value = false
+            }).catch(() => {
+            })
+        }
+    })
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadDiyRouteList()
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/diy/tabbar.vue b/admin/src/app/views/diy/tabbar.vue
new file mode 100644
index 0000000..75c0ddc
--- /dev/null
+++ b/admin/src/app/views/diy/tabbar.vue
@@ -0,0 +1,90 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+
+            <el-table class="mt-[20px]" :data="bottomNavTableData.data" size="large" v-loading="bottomNavTableData.loading">
+
+                <template #empty>
+                    <span>{{ !bottomNavTableData.loading ? t('emptyData') : '' }}</span>
+                </template>
+
+                <el-table-column prop="title" :label="t('title')" min-width="120" >
+                    <template #default="{ row }">
+                        <span>{{ row.info.title }}</span>
+                    </template>
+                </el-table-column>
+
+                <el-table-column prop="key" :label="t('key')" min-width="80"/>
+
+                <el-table-column :label="t('operation')" fixed="right" align="right" min-width="160">
+                    <template #default="{ row }">
+                        <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                    </template>
+                </el-table-column>
+
+            </el-table>
+            <div class="mt-[16px] flex justify-end">
+                <el-pagination v-model:current-page="bottomNavTableData.page" v-model:page-size="bottomNavTableData.limit"
+                               layout="total, sizes, prev, pager, next, jumper" :total="bottomNavTableData.total"
+                               @size-change="loadbottomNavList()" @current-change="loadbottomNavList" />
+            </div>
+
+        </el-card>
+
+    </div>
+</template>
+
+<script lang="ts" setup>
+    import { reactive, ref } from 'vue'
+    import { t } from '@/lang'
+    import { getDiyBottomList } from '@/app/api/diy'
+    import { useRoute, useRouter } from 'vue-router'
+
+    const router = useRouter()
+    const route = useRoute()
+    const pageName = route.meta.title
+
+    const bottomNavTableData: any = reactive({
+        page: 1,
+        limit: 10,
+        total: 0,
+        loading: true,
+        data: [],
+    })
+
+    // 获取自定义页面列表
+    const loadBottomNavList = (page: number = 1) => {
+        bottomNavTableData.loading = true
+        bottomNavTableData.page = page
+
+        getDiyBottomList({}).then(res => {
+            bottomNavTableData.loading = false
+
+            const len = Math.ceil(res.data.length / bottomNavTableData.limit)
+            const data = JSON.parse(JSON.stringify(res.data))
+            const dataGather = []
+            for (let i = 0; i < len; i++) {
+                dataGather[i] = data.splice(0, bottomNavTableData.limit)
+            }
+            bottomNavTableData.data = dataGather[bottomNavTableData.page - 1]
+
+            bottomNavTableData.total = res.data.length
+        }).catch(() => {
+            bottomNavTableData.loading = false
+        })
+    }
+
+    loadBottomNavList()
+
+    // 编辑底部导航
+    const editEvent = (data: any) => {
+        router.push('/diy/tabbar_edit?key=' + data.key)
+    }
+
+</script>
+
+<style lang="scss" scoped>
+</style>
\ No newline at end of file
diff --git a/admin/src/app/views/diy/tabbar_edit.vue b/admin/src/app/views/diy/tabbar_edit.vue
new file mode 100644
index 0000000..aa55a84
--- /dev/null
+++ b/admin/src/app/views/diy/tabbar_edit.vue
@@ -0,0 +1,262 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never" v-loading="loading">
+            <div class="flex">
+                <div class="w-[360px] h-[400px] absolute mr-[30px] border-[1px] border-gray-300">
+                    <div class="flex items-center justify-between absolute h-[60px] left-[0px] right-[0px] bottom-[0px] bg-white border-[1px] border-primary" :style="{ 'backgroundColor': diyBottomData.value.backgroundColor }">
+                        <div class="flex flex-1 flex-col items-center justify-center" v-for="(item, index) in diyBottomData.value.list" :key="'b' + index">
+                            <el-image class="w-[22px] h-[22px] mb-[5px] leading-1" :src="img(item.iconPath)" :fit="contain"  v-if="['1', '2'].includes(diyBottomData.value.type.toString())">
+                                <template #error>
+                                    <div class="image-slot flex justify-center items-center mt-1">
+                                        <el-icon><Picture class="text-3xl text-gray-500" /></el-icon>
+                                    </div>
+                                </template>
+                            </el-image>
+                            <span class="text-[12px]" v-if="['1', '3'].includes(diyBottomData.value.type.toString())" :style="{ 'color': diyBottomData.value.textColor }">{{ item.text }}</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="flex-1 ml-[430px]">
+                    <div class="flex items-center border-l-[3px] border-primary pl-[5px] leading-[1.1] mt-[10px]">
+                        <span class="text-[14px]">{{ t('editing') }}</span>
+                        <span class="text-[14px] text-primary mx-[3px]">{{ diyBottomData.info.title }}</span>
+                        <span class="text-[14px]">{{ t('bottomNav') }}</span>
+                        <span class="text-[12px] ml-[8px] text-gray-500">{{ t('bottomNavHint') }}</span>
+                    </div>
+                    <el-form :model="diyBottomData.value" label-width="100px" ref="formRef">
+                        <el-tabs v-model="activeName" class="demo-tabs mt-[15px]">
+                            <el-tab-pane :label="t('navImage')" name="navPicture">
+                                <div ref="navItemRef">
+                                    <div v-for="(item,index) in diyBottomData.value.list" :key="'a'+index" :data-id="index"  class="item-wrap border-2 border-dashed pt-[18px] m-[10px] mb-[15px] relative list-item">
+                                        <el-form-item :label="t('navIconOne')">
+                                            <div class="flex align-center">
+                                                <div class="flex flex-col justify-center items-center">
+                                                    <upload-image v-model="item.iconPath" width="60px" height="60px" :limit="1" />
+                                                    <span class="mr-[10px] text-sm">{{t('uploadImgUnselected')}}</span>
+                                                </div>
+                                                <div class="flex flex-col justify-center items-center">
+                                                    <upload-image v-model="item.iconSelectPath" width="60px" height="60px" :limit="1" />
+                                                    <span class="mr-[10px] text-sm">{{t('uploadImgSelected')}}</span>
+                                                </div>
+                                            </div>
+                                        </el-form-item>
+                                        <el-form-item :label="t('navTitleOne')">
+                                            <el-input class="w-[215px]" v-model="item.text" :placeholder="t('titleContent')" maxlength="5" show-word-limit />
+                                        </el-form-item>
+                                        <el-form-item :label="t('navLinkOne')">
+                                            <diy-link v-model="item.link"></diy-link>
+                                        </el-form-item>
+                                        <el-icon class="close-icon cursor-pointer -top-[11px] -right-[8px]" @click="deleteNav(index)">
+                                            <CircleCloseFilled />
+                                        </el-icon>
+                                    </div>
+                                </div>
+
+                                <el-button type="primary" class="mt-[15px]" v-show="diyBottomData.value.list.length < 5" @click="addNav">{{ t('addnav') }}</el-button>
+                            </el-tab-pane>
+                            <el-tab-pane :label="t('styleSet')" name="setStyle">
+                                <el-form-item :label="t('navType')">
+                                    <el-radio-group v-model="diyBottomData.value.type" class="ml-4">
+                                        <el-radio label="1" size="large">{{ t('imageText') }}</el-radio>
+                                        <el-radio label="2" size="large">{{ t('image') }}</el-radio>
+                                        <el-radio label="3" size="large">{{ t('text') }}</el-radio>
+                                    </el-radio-group>
+                                </el-form-item>
+                                <el-form-item :label="t('textColor')">
+                                    <div class="flex align-center">
+                                        <el-color-picker v-model="diyBottomData.value.textColor" />
+                                        <el-input class="ml-[10px]" v-model="diyBottomData.value.textColor" disabled />
+                                        <el-button class="ml-[10px]" type="primary" @click="diyBottomData.value.textColor = '#333333'">{{ t('reset') }}</el-button>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item :label="t('textSelectColor')">
+                                    <div class="flex align-center">
+                                        <el-color-picker v-model="diyBottomData.value.textHoverColor" />
+                                        <el-input class="ml-[10px]" v-model="diyBottomData.value.textHoverColor" disabled />
+                                        <el-button class="ml-[10px]" type="primary" @click="diyBottomData.value.textHoverColor = '#333333'">{{ t('reset') }}</el-button>
+                                    </div>
+                                </el-form-item>
+                                <el-form-item :label="t('backgroundColor')">
+                                    <div class="flex align-center">
+                                        <el-color-picker v-model="diyBottomData.value.backgroundColor" />
+                                        <el-input class="ml-[10px]" v-model="diyBottomData.value.backgroundColor" disabled />
+                                        <el-button class="ml-[10px]" type="primary" @click="diyBottomData.value.backgroundColor = '#FFFFFF'">{{ t('reset') }}</el-button>
+                                    </div>
+                                </el-form-item>
+                            </el-tab-pane>
+                        </el-tabs>
+                    </el-form>
+                </div>
+            </div>
+        </el-card>
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button>
+                <el-button @click="back()">{{ t('back') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, onMounted, nextTick } from 'vue'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import type { FormInstance, ElNotification } from 'element-plus'
+import { getDiyBottomConfig, setDiyBottomConfig } from '@/app/api/diy'
+import Sortable from 'sortablejs'
+import { range } from 'lodash-es'
+import { useRoute,useRouter } from 'vue-router'
+
+const activeName = ref<string>('navPicture')
+const loading = ref<boolean>(false)
+const route = useRoute()
+const router = useRouter()
+
+route.query.key = route.query.key || '';
+
+// 底部导航数据
+const diyBottomData = reactive({
+    key:'',
+    info:{},
+    value:{
+        backgroundColor: '#FFFFFF',
+        textColor: '#333333',
+        textHoverColor: '#333333',
+        type: '1',
+        list: []
+    }
+})
+
+// 底部导航项数据
+const diyBottomItemData = reactive({
+    text: '',
+    link: {
+        name: '',
+        title: '',
+        parent: '',
+        url: ''
+    },
+    iconSelectPath: '',
+    iconPath: ''
+})
+
+// 添加导航
+const addNav = (): void => {
+    if (diyBottomData.value.list.length >= 5) return
+    diyBottomData.value.list.push({ ...diyBottomItemData })
+}
+
+addNav()
+
+// 删除导航
+const deleteNav = (index:any): void => {
+    const data = diyBottomData.value.list
+    data.splice(index, 1)
+}
+
+const formRef = ref<FormInstance>()
+/**
+ * 获取导航数据
+ */
+const getDiyBottomFn = () => {
+    loading.value = true
+
+    getDiyBottomConfig({
+        key:route.query.key
+    }).then(res => {
+        loading.value = false
+        Object.keys(diyBottomData).forEach((item, index) => {
+            diyBottomData[item] = res.data[item]
+        })
+    }).catch(() => {
+        loading.value = false
+    })
+}
+getDiyBottomFn()
+
+// 保存导航数据
+const onSave = async (formEl: FormInstance | undefined) => {
+    if (verifyFn()) return false
+
+    if (loading.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            setDiyBottomConfig({key: diyBottomData.key, value: diyBottomData.value}).then(res => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const back = () => {
+    router.push('/diy/tabbar')
+}
+
+// 验证
+const verifyFn = (): boolean => {
+    if (diyBottomData.value.list.length < 2) {
+        ElNotification({
+            type: 'error',
+            message: t('leastTwoNav')
+        })
+        return true
+    }
+    try {
+        const msg = ref<string>('')
+        diyBottomData.value.list.forEach((item: any, index) => {
+            if (!item.iconPath) msg.value = `${t('pleaseUpload')}${index + 1}${t('navIcon')}`
+            if (!item.iconSelectPath) msg.value = `${t('pleaseUpload')}${index + 1}${t('navSelectIcon')}`
+            if (!item.text) msg.value = `${t('pleaseEnter')}[${index + 1}${t('navTitle')}`
+            if (!item.link.url) msg.value = `${t('pleaseChoose')}${index + 1}${t('navLink')}`
+            if (msg.value) {
+                ElNotification({
+                    type: 'error',
+                    message: msg.value
+                })
+                throw Error()
+            }
+        })
+    } catch (e) {
+        return true
+    }
+    return false
+}
+
+const navItemRef = ref()
+
+onMounted(() => {
+    const sortable = Sortable.create(navItemRef.value, {
+        group: 'item-wrap',
+        animation: 200,
+        onEnd: event => {
+            const temp = diyBottomData.value.list[event.oldIndex!]
+            diyBottomData.value.list.splice(event.oldIndex!, 1)
+            diyBottomData.value.list.splice(event.newIndex!, 0, temp)
+            nextTick(() => {
+                sortable.sort(
+                    range(diyBottomData.value.list.length).map(value => {
+                        return value.toString()
+                    })
+                )
+            })
+        }
+    })
+})
+
+</script>
+<style lang="scss" scoped>
+.close-icon {
+    display: none;
+    position: absolute !important;
+    font-size: 20px !important;
+    color: #7d7b7b !important;
+}
+
+.list-item:hover .close-icon {
+    display: block;
+}
+</style>
\ No newline at end of file
diff --git a/admin/src/app/views/error/404.vue b/admin/src/app/views/error/404.vue
new file mode 100644
index 0000000..b0a4d97
--- /dev/null
+++ b/admin/src/app/views/error/404.vue
@@ -0,0 +1,67 @@
+<template>
+    <div class="error">
+        <div class="flex items-center">
+            <slot name="content">
+                <div>
+                    <img class="w-[300px]" src="@/app/assets/images/error.png" />
+                </div>
+            </slot>
+            <div class="text-left ml-[100px]">
+                <div class="error-text text-[28px] font-bold">404错误！</div>
+                <div class="text-[#222] text-[20px] mt-[15px]">哎呀，出错了！您访问的页面不存在...</div>
+                <div class="text-[#c4c2c2] text-[12px] mt-[5px]">尝试检查URL的错误，然后点击浏览器刷新按钮。</div>
+                <div class="mt-[40px]">
+                    <el-button class="bottom" @click="router.go(-1)">{{ second }} 秒后返回上一页</el-button>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { onUnmounted, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+let timer: any = null
+const second = ref(5)
+const router = useRouter()
+
+timer = setInterval(() => {
+    if (second.value === 0) {
+        clearInterval(timer)
+        router.go(-1)
+    } else {
+        second.value--
+    }
+}, 1000)
+
+onUnmounted(() => {
+    timer && clearInterval(timer)
+})
+</script>
+
+<style lang="scss" scoped>
+.error {
+    text-align: center;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .error-code {
+        @apply text-primary;
+        font-size: 150px;
+    }
+
+    .error-text {
+        color: #0e77fd;
+    }
+
+    .el-button {
+        width: 176px;
+        background-color: #0e77fd;
+        color: #fff
+    }
+}
+</style>
diff --git a/admin/src/app/views/finance/account.vue b/admin/src/app/views/finance/account.vue
new file mode 100644
index 0000000..1beb86f
--- /dev/null
+++ b/admin/src/app/views/finance/account.vue
@@ -0,0 +1,275 @@
+<template>
+	<div class="main-container">
+		<el-card class="box-card !border-none" shadow="never">
+
+			<div class="flex justify-between items-center">
+				<span class="text-[20px]">{{ pageName }}</span>
+			</div>
+			<el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+				<el-row class="flex">
+					<el-col :span="8" class="min-w-[100px]">
+						<div class="statistic-card">
+							<el-statistic
+								:value="accountStat.pay ? accountStat.pay.toFixed(2) : '0.00'"></el-statistic>
+							<div class="statistic-footer">
+								<div class="footer-item text-[14px] text-[#666]">
+									<span>{{ t('totalPay') }}</span>
+								</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="8" class="min-w-[100px]">
+						<div class="statistic-card">
+							<el-statistic
+								:value="accountStat.refund ? accountStat.refund.toFixed(2) : '0.00'"></el-statistic>
+							<div class="statistic-footer">
+								<div class="footer-item text-[14px] text-[#666]">
+									<span>{{ t('totalRefund') }}</span>
+								</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="8" class="min-w-[100px]">
+						<div class="statistic-card">
+							<el-statistic
+								:value="accountStat.transfer ? accountStat.transfer.toFixed(2) : '0.00'"></el-statistic>
+							<div class="statistic-footer">
+								<div class="footer-item text-[14px] text-[#666]">
+									<span>{{ t('totalTransfer') }}</span>
+								</div>
+							</div>
+						</div>
+					</el-col>
+				</el-row>
+			</el-card>
+			<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+				<el-form :inline="true" :model="siteAccountLogTable.searchParam" ref="searchFormRef">
+					<el-form-item :label="t('type')" class="items-center" prop="type">
+						<el-select v-model="siteAccountLogTable.searchParam.type" class="m-2"
+							:placeholder="t('accountType')">
+                            <el-option :label="t('all')" value="" />
+							<el-option v-for="(item, index) in accountType" :key="index" :label="item" :value="index" />
+						</el-select>
+					</el-form-item>
+					<el-form-item :label="t('tradeNo')" prop="trade_no">
+						<el-input v-model="siteAccountLogTable.searchParam.trade_no"
+							:placeholder="t('tradeNoPlaceholder')" />
+					</el-form-item>
+					<el-form-item :label="t('createTime')" prop="create_time">
+						<el-date-picker v-model="siteAccountLogTable.searchParam.create_time" type="datetimerange"
+							value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+							:end-placeholder="t('endDate')" />
+					</el-form-item>
+
+					<el-form-item>
+						<el-button type="primary" @click="loadSiteAccountLogList()">{{ t('search') }}</el-button>
+						<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+					</el-form-item>
+				</el-form>
+			</el-card>
+
+			<div class="mt-[10px]">
+				<el-table :data="siteAccountLogTable.data" size="large" v-loading="siteAccountLogTable.loading">
+					<template #empty>
+						<span>{{ !siteAccountLogTable.loading ? t('emptyData') : '' }}</span>
+					</template>
+					<el-table-column prop="trade_no" :label="t('tradeNo')" min-width="120" />
+					<el-table-column prop="type_name" :label="t('type')" min-width="120" />
+					<el-table-column prop="money" :label="t('money')" min-width="120" align="right" />
+					<el-table-column :label="t('createTime')" min-width="150" align="center">
+						<template #default="{ row }">
+							{{ row.create_time || '' }}
+						</template>
+					</el-table-column>
+
+					<el-table-column :label="t('operation')" align="right" fixed="right" min-width="120">
+						<template #default="{ row }">
+							<el-button type="primary" link @click="detailEvent(row)">{{ t('detail') }}</el-button>
+						</template>
+					</el-table-column>
+
+				</el-table>
+				<div class="mt-[16px] flex justify-end">
+					<el-pagination v-model:current-page="siteAccountLogTable.page"
+						v-model:page-size="siteAccountLogTable.limit" layout="total, sizes, prev, pager, next, jumper"
+						:total="siteAccountLogTable.total" @size-change="loadSiteAccountLogList()"
+						@current-change="loadSiteAccountLogList" />
+				</div>
+			</div>
+		</el-card>
+		<el-dialog v-model="showDialog" :title="t('accountDetail')" width="550px" :destroy-on-close="true">
+			<el-form :model="formData" label-width="110px" ref="formRef" class="page-form">
+
+				<el-form-item :label="t('tradeNo')">
+					<div class="input-width"> {{ formData.trade_no }} </div>
+				</el-form-item>
+				<el-form-item :label="t('type')">
+					<div class="input-width"> {{ formData.type_name }} </div>
+				</el-form-item>
+				<el-form-item :label="t('money')">
+					<div class="input-width"> {{ formData.money }} </div>
+				</el-form-item>
+				<el-form-item :label="t('createTime')">
+					<div class="input-width"> {{ formData.create_time }} </div>
+				</el-form-item>
+				<div v-if="formData.type == 'transfer'">
+					<el-form-item :label="t('transferNo')">
+						<div class="input-width"> {{ formData.pay_info.transfer_no }} </div>
+					</el-form-item>
+					<el-form-item :label="t('transferTime')">
+						<div class="input-width"> {{ formData.pay_info.transfer_time }} </div>
+					</el-form-item>
+					<el-form-item :label="t('transferType')">
+						<div class="input-width"> {{ formData.pay_info.transfer_type }} </div>
+					</el-form-item>
+					<el-form-item :label="t('transferMoney')">
+						<div class="input-width"> {{ formData.pay_info.money }} </div>
+					</el-form-item>
+					<el-form-item :label="t('transferRemark')">
+						<div class="input-width"> {{ formData.pay_info.remark }} </div>
+					</el-form-item>
+				</div>
+				<div v-if="formData.type == 'refund'">
+					<el-form-item :label="t('outTradeNo')">
+						<div class="input-width"> {{ formData.pay_info.out_trade_no }} </div>
+					</el-form-item>
+					<el-form-item :label="t('createTime')">
+						<div class="input-width"> {{ formData.pay_info.create_time }} </div>
+					</el-form-item>
+					<el-form-item :label="t('refundMoney')">
+						<div class="input-width"> {{ formData.pay_info.money }} </div>
+					</el-form-item>
+					<el-form-item :label="t('failReason')">
+						<div class="input-width"> {{ formData.pay_info.fail_reason }} </div>
+					</el-form-item>
+				</div>
+				<div v-if="formData.type == 'pay'">
+					<el-form-item :label="t('outTradeNo')">
+						<div class="input-width"> {{ formData.pay_info.out_trade_no }} </div>
+					</el-form-item>
+					<el-form-item :label="t('createTime')">
+						<div class="input-width"> {{ formData.pay_info.create_time }} </div>
+					</el-form-item>
+					<el-form-item :label="t('money')">
+						<div class="input-width"> {{ formData.pay_info.money }} </div>
+					</el-form-item>
+					<el-form-item :label="t('body')">
+						<div class="input-width"> {{ formData.pay_info.body }} </div>
+					</el-form-item>
+				</div>
+
+			</el-form>
+
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+				</span>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getAccountList, getAccountStat, getAccountType } from '@/app/api/site'
+// import { img } from '@/utils/common'
+import type { FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const siteAccountLogTable = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        site_id: '',
+        type: '',
+        money: '',
+        trade_no: '',
+        create_time: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+/**
+ * 获取站点账单记录列表
+ */
+const loadSiteAccountLogList = (page: number = 1) => {
+    siteAccountLogTable.loading = true
+    siteAccountLogTable.page = page
+
+    getAccountList({
+        page: siteAccountLogTable.page,
+        limit: siteAccountLogTable.limit,
+        ...siteAccountLogTable.searchParam
+    }).then(res => {
+        siteAccountLogTable.loading = false
+        siteAccountLogTable.data = res.data.data
+        siteAccountLogTable.total = res.data.total
+    }).catch(() => {
+        siteAccountLogTable.loading = false
+    })
+}
+loadSiteAccountLogList()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadSiteAccountLogList()
+}
+
+const accountType = ref([])
+const checkAccountType = () => {
+    getAccountType().then(res => {
+        accountType.value = res.data
+    })
+}
+checkAccountType()
+const showDialog = ref(false)
+const formData = ref({
+    trade_no: '',
+    type_name: '',
+    money: 0,
+    create_time: '',
+    type: '',
+    pay_info: {
+        transfer_no: '',
+        transfer_time: '',
+        transfer_type: '',
+        money: 0,
+        remark: '',
+        out_trade_no: '',
+        create_time: '',
+        fail_reason: '',
+        body: ''
+    }
+})
+const detailEvent = (info:any) => {
+    showDialog.value = true
+    formData.value = info
+}
+
+interface AccountStat{
+    pay: number,
+	refund: number,
+	transfer: number
+}
+
+const accountStat = ref<AccountStat>({
+    pay: 0,
+    refund: 0,
+    transfer: 0
+})
+const checkAccountStat = async () => {
+    accountStat.value = await (await getAccountStat()).data
+}
+checkAccountStat()
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/finance/cash_out.vue b/admin/src/app/views/finance/cash_out.vue
new file mode 100644
index 0000000..2ecd943
--- /dev/null
+++ b/admin/src/app/views/finance/cash_out.vue
@@ -0,0 +1,422 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center mb-[5px]">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+            <el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+                <el-row class="flex">
+                    <el-col :span="12">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="statistics.transfered ? statistics.transfered.toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalTransfered') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="12">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="statistics.cash_outing ? statistics.cash_outing.toFixed(2) : '0'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalCashOuting') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                </el-row>
+            </el-card>
+
+            <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="orderTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('applyTime')" prop="create_time">
+                        <el-date-picker v-model="orderTableData.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item :label="t('cashOutNumber')" prop="cash_out_no">
+                        <el-input v-model="orderTableData.searchParam.cash_out_no" class="w-[240px]"
+                            :placeholder="t('cashOutNumberPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('memberInfo')" prop="keyword">
+                        <el-input v-model="orderTableData.searchParam.keyword" class="w-[240px]"
+                            :placeholder="t('memberInfoPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('cashOutMethod')" prop="transfer_type">
+                        <el-select v-model="orderTableData.searchParam.transfer_type" clearable class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item.name" :value="key" v-for="(item, key) in Transfertype" :key="key"/>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('cashOutStatus')" prop="order_from">
+                        <el-select v-model="orderTableData.searchParam.status" clearable class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item" :value="key" v-for="(item, key) in cashOutStatusList" :key="key"/>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('auditTime')" prop="audit_time">
+                        <el-date-picker v-model="orderTableData.searchParam.audit_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item :label="t('transferTime')" prop="transfer_time">
+                        <el-date-picker v-model="orderTableData.searchParam.transfer_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadOrderList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="orderTableData.data" size="large" v-loading="orderTableData.loading">
+                    <template #empty>
+                        <span>{{ !orderTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="order_no" :show-overflow-tooltip="true" :label="t('memberInfo')" align="center"
+                        min-width="140">
+                        <template #default="{ row }">
+                            <div class="flex items-center cursor-pointer " @click="toMember(row.member.member_id)">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg"
+                                    :src="img(row.member.headimg)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
+                                    src="@/app/assets/images/default_headimg.png" alt="">
+                                <div class="flex flex flex-col">
+                                    <span class="">{{ row.member.nickname || '' }}</span>
+                                    <span class="">{{ row.member.mobile || '' }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('cashOutMethod')" align="center" min-width="140">
+                        <template #default="{ row }">
+                            {{ Transfertype[row.transfer_type].name }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="apply_money" :label="t('applicationForWithdrawalAmount')" min-width="140"
+                        align="center" />
+
+                    <el-table-column prop="money" :label="t('actualTransferAmount')" min-width="200" align="center" />
+
+                    <el-table-column prop="service_money" :label="t('cashOutCommission')" align="center" min-width="140" />
+
+                    <el-table-column prop="status_name" :label="t('cashOutStatus')" align="center" min-width="100" />
+
+                    <el-table-column :label="t('applyTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.create_time || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('auditTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.audit_time || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('transferTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.transfer_time || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="230">
+                        <template #default="{ row }">
+                            <el-button v-for="(item, index) in operationBtn[row.status.toString()].value" :key="index + 'a'"
+                                @click="fnProcessing(operationBtn[row.status.toString()].clickArr[index], row)"
+                                type="primary" link>{{ item }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="orderTableData.page" v-model:page-size="orderTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="orderTableData.total"
+                        @size-change="loadOrderList()" @current-change="loadOrderList" />
+                </div>
+            </div>
+
+        </el-card>
+
+        <!-- 详情 -->
+        <el-dialog v-model="cashOutShowDialog" :title="t('cashOutDetail')" width="500px" :destroy-on-close="true">
+            <el-form :model="cashOutInfo" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
+                v-loading="cashOutLoading">
+                <el-form-item :label="t('nickname')">
+                    <div class="input-width"> {{ cashOutInfo.nickname }} </div>
+                </el-form-item>
+                <el-form-item :label="t('cashOutAccountType')">
+                    <div class="input-width"> {{ cashOutInfo.account_type_name }} </div>
+                </el-form-item>
+                <el-form-item :label="t('cashOutMethod')">
+                    <div class="input-width"> {{ Transfertype[cashOutInfo.transfer_type].name }} </div>
+                </el-form-item>
+                <el-form-item :label="t('applicationForWithdrawalAmount')">
+                    <div class="input-width"> {{ cashOutInfo.apply_money }} </div>
+                </el-form-item>
+                <el-form-item :label="t('cashOutCommission')">
+                    <div class="input-width"> {{ cashOutInfo.service_money }} </div>
+                </el-form-item>
+                <el-form-item :label="t('actualTransferAmount')">
+                    <div class="input-width"> {{ cashOutInfo.money }} </div>
+                </el-form-item>
+                <el-form-item :label="t('cashOutStatus')">
+                    <div class="input-width"> {{ cashOutInfo.status_name }} </div>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" @click="cashOutShowDialog = false">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+        <!-- 是否审核 -->
+        <el-dialog v-model="auditShowDialog" :title="t('rejectionAudit')" width="500px" :destroy-on-close="true">
+            <el-form :model="auditFailure" label-width="90px" ref="formRef" :rules="formRules" class="page-form"
+                v-loading="loading">
+                <el-form-item :label="t('reasonsRefusal')" prop="label_name">
+                    <el-input v-model="auditFailure.refuse_reason" clearable :placeholder="t('reasonsRefusalPlaceholder')"
+                        class="input-width" type="textarea" />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="auditShowDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" :loading="loading" @click="confirm()">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+        <!-- 是否转账 -->
+        <el-dialog v-model="transferShowDialog" :title="t('rejectionAudit')" width="500px" :destroy-on-close="true">
+            <p>{{ t('isTransfer') }}</p>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="transferShowDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="confirm()">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getCashOutList, getTransfertype, memberTransfer, memberAudit, getCashOutDetail, getCashOutStatusList, getCashOutStat } from '@/app/api/member'
+import { img } from '@/utils/common'
+import { ElMessageBox, FormInstance, FormRules } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+import { AnyObject } from '@/types/global'
+
+const cashOutStatusList = ref([])
+const checkStatusList = async () => {
+    cashOutStatusList.value = await (await getCashOutStatusList()).data
+}
+checkStatusList()
+const transferShowDialog = ref(false)
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const operationBtn = ref<AnyObject>({
+    1: {
+        value: [t('successfulAudit'), t('auditFailure'), t('detail')],
+        clickArr: ['successfulAuditFn', 'auditFailureFn', 'detailFn']
+    },
+    2: {
+        value: [t('transfer'), t('detail')],
+        clickArr: ['transferFn', 'detailFn']
+    },
+    3: {
+        value: [t('detail')],
+        clickArr: ['detailFn']
+    },
+    '-1': {
+        value: [t('detail')],
+        clickArr: ['detailFn']
+    },
+    '-2': {
+        value: [t('detail')],
+        clickArr: ['detailFn']
+    }
+})
+
+// 表单验证规则
+const formRules = reactive<FormRules>({})
+
+const orderTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        order_no: '',
+        member_id: 0,
+        create_time: [],
+        status: '',
+        cash_out_no: '',
+        keyword: '',
+        audit_time: '',
+        transfer_time: '',
+        transfer_type: ''
+    }
+})
+
+const statistics = ref({
+    transfered: 0,
+    cash_outing: 0
+})
+const checkStatInfo = () => {
+    getCashOutStat().then(res => {
+        statistics.value = res.data
+    })
+}
+checkStatInfo()
+
+// 获取会员转账方式
+const Transfertype = ref<Array<Object|any>>([])
+const getTransfertypeFn = async () => {
+    Transfertype.value = await (await getTransfertype()).data
+}
+getTransfertypeFn()
+
+const searchFormRef = ref<FormInstance>()
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadOrderList()
+}
+
+/**
+ * 获取提现列表
+ */
+const loadOrderList = (page: number = 1) => {
+    orderTableData.loading = true
+    orderTableData.page = page
+
+    getCashOutList({
+        page: orderTableData.page,
+        limit: orderTableData.limit,
+        ...orderTableData.searchParam
+    }).then(res => {
+        orderTableData.loading = false
+        orderTableData.data = res.data.data
+        orderTableData.total = res.data.total
+    }).catch(() => {
+        orderTableData.loading = false
+    })
+}
+loadOrderList()
+
+// 函数总处理
+const auditFailure = ref({ refuse_reason: '', id: 0, action: 0 })
+const auditShowDialog = ref(false)
+const fnProcessing = (type: string, data: any) => {
+    const obj = {}
+    if (['successfulAuditFn', 'auditFailureFn'].includes(type)) {
+        obj.id = data.id
+        if (type == 'successfulAuditFn') {
+            obj.action = 'agree'
+            cashOutAuditFn(obj)
+        } else {
+            obj.action = 'refuse'
+            auditFailure.value = Object.assign(auditFailure.value, obj)
+            auditShowDialog.value = true
+        }
+    } else if (type == 'transferFn') {
+        obj.id = data.id
+        ElMessageBox.confirm(`${t('isTransfer')}`, `${t('transfer')}`)
+            .then(() => {
+                transferFn(obj)
+            })
+    } else {
+        detailFn(data.id)
+    }
+}
+
+/**
+ * 转账
+ * @param data
+ */
+const transferFn = (data:any) => {
+    memberTransfer({ ...data }).then(res => {
+        loadOrderList()
+    }).catch(() => {
+        loadOrderList()
+    })
+}
+
+/**
+ * 详情
+ * @param data
+ */
+
+const cashOutShowDialog = ref(false)
+const cashOutInfo = ref({
+    nickname: '',
+    account_type_name: '',
+    transfer_type: '',
+    apply_money: 0,
+    service_money: 0,
+    money: 0,
+    status_name: ''
+})
+const cashOutLoading = ref(true)
+const detailFn = (id:any) => {
+    getCashOutDetail(id).then(res => {
+        cashOutInfo.value = res.data
+        cashOutShowDialog.value = true
+        cashOutLoading.value = false
+    }).catch(() => {
+        loadOrderList()
+    })
+}
+
+/**
+ *  提现审核
+ * @param data
+ */
+const cashOutAuditFn = (data:any) => {
+    memberAudit({
+        ...data
+    }).then(res => {
+        loadOrderList()
+    }).catch(() => {
+        loadOrderList()
+    })
+}
+
+/**
+ *  拒绝审核
+ * @param data
+ */
+const confirm = () => {
+    auditShowDialog.value = false
+    cashOutAuditFn(auditFailure.value)
+}
+
+/**
+ * 会员详情
+ */
+const toMember = (memberId: number) => {
+    router.push(`/member/detail?id=${memberId}`)
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/finance/offlinepay.vue b/admin/src/app/views/finance/offlinepay.vue
new file mode 100644
index 0000000..d22de9d
--- /dev/null
+++ b/admin/src/app/views/finance/offlinepay.vue
@@ -0,0 +1,187 @@
+<template>
+    <el-card class="box-card !border-none" shadow="never" v-loading="payLoading">
+        <!-- 设置支付配置 -->
+        <div class="flex justify-between items-center">
+            <span class="text-[20px]">{{ pageName }}</span>
+        </div>
+
+        <div class="mt-[10px]">
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="payListTable.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('outTradeNo')" prop="trade_no">
+                        <el-input v-model="payListTable.searchParam.out_trade_no"
+                            :placeholder="t('outTradeNoPlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="payListTable.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item :label="t('status')" prop="status">
+                        <el-select v-model="payListTable.searchParam.status" placeholder="Select">
+                            <el-option :label="t('all')" value="" />
+                            <el-option :label="t('waitAudit')" value="3" />
+                            <el-option :label="t('passed')" value="2" />
+                            <el-option :label="t('notPass')" value="-1" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadPayList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <el-table :data="payListTable.data" size="large" v-loading="payListTable.loading">
+                <template #empty>
+                    <span>{{ !payListTable.loading ? t('emptyData') : '' }}</span>
+                </template>
+                <el-table-column prop="out_trade_no" :label="t('outTradeNo')" min-width="230"
+                    :show-overflow-tooltip="true" />
+                <el-table-column prop="body" :label="t('body')" min-width="150" :show-overflow-tooltip="true" />
+                <el-table-column prop="money" :label="t('money')" min-width="120" align="right" />
+                <el-table-column :label="t('createTime')" min-width="150" align="center" :show-overflow-tooltip="true">
+                    <template #default="{ row }">
+                        {{ row.create_time || '' }}
+                    </template>
+                </el-table-column>
+
+                <el-table-column :label="t('status')" min-width="150" align="center">
+                    <template #default="{ row }">
+                        <span v-if="row.status == 3">{{ t('waitAudit') }}</span>
+                        <span v-if="row.status == 2" class="text-success">{{ t('passed') }}</span>
+                        <span v-if="row.status == -1" class="text-error">{{ t('notPass') }}</span>
+                    </template>
+                </el-table-column>
+
+                <el-table-column :label="t('operation')" fixed="right" width="240" align="right">
+                    <template #default="{ row }">
+                        <el-button type="primary" link @click="detailEvent(row)">{{ t('detail') }}</el-button>
+                        <span v-if="row.status == 3">
+                            <el-button type="success" link @click="passEvent(row)">{{ t('pass') }}</el-button>
+                            <el-button type="primary" link @click="refuseEvent(row)">{{ t('refuse') }}</el-button>
+                        </span>
+                        <el-button type="primary" link @click="voucherEvent(row)">{{ t('voucher') }}</el-button>
+                    </template>
+                </el-table-column>
+
+            </el-table>
+            <div class="mt-[16px] flex justify-end">
+                <el-pagination v-model:current-page="payListTable.page" v-model:page-size="payListTable.limit"
+                    layout="total, sizes, prev, pager, next, jumper" :total="payListTable.total"
+                    @size-change="loadPayList()" @current-change="loadPayList" />
+            </div>
+        </div>
+    </el-card>
+
+    <el-image-viewer :url-list="previewImageList" v-if="imageViewerShow" @close="imageViewerShow = false" :initial-index="0"
+        :zoom-rate="1" />
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from 'vue'
+import { t } from '@/lang'
+import { useRoute, useRouter } from 'vue-router'
+import { getPayAuditList, payAuditPass, payAuditRefuse } from '@/app/api/sys'
+import { AnyObject } from '@/types/global'
+import { ElMessageBox, FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+
+const previewImageList = ref<string[]>([])
+const imageViewerShow = ref(false)
+
+const payListTable = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        out_trade_no: '',
+        create_time: '',
+        status: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadPayList()
+}
+
+/**
+ * 获取站点账单记录列表
+ */
+const loadPayList = (page: number = 1) => {
+    payListTable.loading = true
+    payListTable.page = page
+
+    getPayAuditList({
+        page: payListTable.page,
+        limit: payListTable.limit,
+        ...payListTable.searchParam
+    }).then(res => {
+        payListTable.loading = false
+        payListTable.data = res.data.data
+        payListTable.total = res.data.total
+    }).catch(() => {
+        payListTable.loading = false
+    })
+}
+loadPayList()
+
+const passEvent = (row: AnyObject) => {
+    ElMessageBox.confirm(
+        t('passTips'),
+        t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(({ value }) => {
+        payAuditPass(row.out_trade_no)
+            .then(() => {
+                loadPayList()
+            })
+            .catch()
+    }).catch(() => {
+
+    })
+}
+
+const refuseEvent = (row: AnyObject) => {
+    ElMessageBox.prompt(t('refuseReason'), t('warning'), {
+        confirmButtonText: t('confirm'),
+        cancelButtonText: t('cancel'),
+        inputErrorMessage: t('refuseReason'),
+        inputPattern: /\S/,
+        inputType: 'textarea'
+    }).then(({ value }) => {
+        payAuditRefuse({ out_trade_no: row.out_trade_no, reason: value })
+            .then(() => {
+                loadPayList()
+            })
+            .catch()
+    }).catch(() => {
+
+    })
+}
+
+const voucherEvent = (row: AnyObject) => {
+    previewImageList.value[0] = img(row.voucher)
+    imageViewerShow.value = true
+}
+
+const detailEvent = (row: AnyObject) => {
+    router.push(`/finance/pay/detail?id=${row.id}`)
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/finance/pay_detail.vue b/admin/src/app/views/finance/pay_detail.vue
new file mode 100644
index 0000000..bab0a0d
--- /dev/null
+++ b/admin/src/app/views/finance/pay_detail.vue
@@ -0,0 +1,135 @@
+<template>
+    <div class="main-container">
+        <div class="detail-head">
+            <div class="left" @click="router.push({ path: '/finance/pay/offlinepay' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+
+        <el-card class="box-card !border-none" shadow="never" v-loading="loading">
+            <el-form :model="formData" label-width="150px" ref="formRef" class="page-form mt-[10px]" v-if="!loading">
+                <el-form-item :label="t('outTradeNo')">
+                    <div class="input-width">{{ formData.out_trade_no }}</div>
+                </el-form-item>
+                <el-form-item :label="t('createTime')">
+                    <div class="input-width">{{ formData.create_time }}</div>
+                </el-form-item>
+                <el-form-item :label="t('money')">
+                    <div class="input-width">{{ formData.money }}</div>
+                </el-form-item>
+                <el-form-item :label="t('body')">
+                    <div class="input-width">{{ formData.body }}</div>
+                </el-form-item>
+                <el-form-item :label="t('channel')">
+                    <div class="input-width">{{ formData.channel_name }}</div>
+                </el-form-item>
+                <el-form-item :label="t('payStatus')">
+                    <div class="input-width">{{ formData.status_name }}</div>
+                </el-form-item>
+                <el-form-item :label="t('payType')" v-if="formData.type_name">
+                    <div class="input-width">{{ formData.type_name }}</div>
+                </el-form-item>
+                <el-form-item :label="t('payTime')" v-if="formData.pay_time">
+                    <div class="input-width">{{ formData.pay_time }}</div>
+                </el-form-item>
+                <el-form-item :label="t('failTime')" v-if="formData.close_time">
+                    <div class="input-width">{{ formData.close_time }}</div>
+                </el-form-item>
+                <el-form-item :label="t('failReason')" v-if="formData.fail_reason">
+                    <div class="input-width">{{ formData.fail_reason }}</div>
+                </el-form-item>
+                <el-form-item :label="t('voucher')" v-if="formData.type == 'offlinepay' && formData.voucher">
+                    <div class="input-width cursor-pointer">
+                        <el-image style="width: 100%;" :src="img(formData.voucher)" fit="cover" @click="voucherEvent" />
+                    </div>
+                </el-form-item>
+                <el-form-item :label="t('auditVoucher')" v-if="formData.type == 'offlinepay' && formData.status == 3">
+                    <el-button type="primary" @click="passEvent">{{ t('pass') }}</el-button>
+                    <el-button type="primary" @click="refuseEvent">{{ t('refuse') }}</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+    </div>
+    <el-image-viewer :url-list="previewImageList" v-if="imageViewerShow" @close="imageViewerShow = false" :initial-index="0"
+        :zoom-rate="1" />
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+import { useRoute, useRouter } from 'vue-router'
+import { getPayDetail, payAuditPass, payAuditRefuse } from '@/app/api/sys'
+import { img } from '@/utils/common'
+import { ElMessageBox } from 'element-plus'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const id: number = parseInt((route.query.id || 0))
+const loading = ref(true)
+const formData: Record<string, any> | null = ref(null)
+
+const setFormData = async () => {
+    loading.value = true
+    formData.value = null
+    await getPayDetail(id)
+        .then(({ data }) => {
+            formData.value = data
+        })
+        .catch(() => {
+
+        })
+    loading.value = false
+}
+setFormData()
+
+const passEvent = () => {
+    ElMessageBox.confirm(
+        t('passTips'),
+        t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(({ value }) => {
+        payAuditPass(formData.value.out_trade_no)
+            .then(() => {
+                setFormData()
+            })
+            .catch()
+    }).catch(() => {
+
+    })
+}
+
+const refuseEvent = () => {
+    ElMessageBox.prompt(t('refuseReason'), t('warning'), {
+        confirmButtonText: t('confirm'),
+        cancelButtonText: t('cancel'),
+        inputErrorMessage: t('refuseReason'),
+        inputPattern: /\S/,
+        inputType: 'textarea'
+    }).then(({ value }) => {
+        payAuditRefuse({ out_trade_no: formData.value.out_trade_no, reason: value })
+            .then(() => {
+                setFormData()
+            })
+            .catch()
+    }).catch(() => {
+
+    })
+}
+
+const previewImageList = ref<string[]>([])
+const imageViewerShow = ref(false)
+const voucherEvent = () => {
+    previewImageList.value[0] = img(formData.value.voucher)
+    imageViewerShow.value = true
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/finance/pay_refund.vue b/admin/src/app/views/finance/pay_refund.vue
new file mode 100644
index 0000000..6310874
--- /dev/null
+++ b/admin/src/app/views/finance/pay_refund.vue
@@ -0,0 +1,123 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+            </div>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="payRefundTable.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('refundNo')" prop="refund_no">
+                        <el-input v-model="payRefundTable.searchParam.refund_no" :placeholder="t('refundNoPlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="payRefundTable.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="loadPayRefundList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="payRefundTable.data" size="large" v-loading="payRefundTable.loading">
+                    <template #empty>
+                        <span>{{ !payRefundTable.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column prop="refund_no" :label="t('refundNo')" min-width="200" />
+					<el-table-column prop="money" :label="t('refundMoney')" min-width="120" />
+                    <el-table-column prop="type_name" :label="t('payType')" min-width="120" />
+                    <el-table-column prop="status_name" :label="t('status')" min-width="120" />
+					<el-table-column prop="create_time" :label="t('createTime')" min-width="160" />
+                    <el-table-column :label="t('operation')" fixed="right" align="right" min-width="120">
+                       <template #default="{ row }">
+                           <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                       </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="payRefundTable.page" v-model:page-size="payRefundTable.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="payRefundTable.total"
+                        @size-change="loadPayRefundList()" @current-change="loadPayRefundList" />
+                </div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getPayRefundPages } from '@/app/api/pay'
+import { useRouter, useRoute } from 'vue-router'
+import type { FormInstance } from 'element-plus'
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+
+const payRefundTable = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        refund_no: '',
+        create_time: []
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+// 选中数据
+// const selectData = ref<any[]>([])
+
+/**
+ * 获取商品标签列表
+ */
+const loadPayRefundList = (page: number = 1) => {
+    payRefundTable.loading = true
+    payRefundTable.page = page
+
+    getPayRefundPages({
+        page: payRefundTable.page,
+        limit: payRefundTable.limit,
+        ...payRefundTable.searchParam
+    }).then(res => {
+        payRefundTable.loading = false
+        payRefundTable.data = res.data.data
+        payRefundTable.total = res.data.total
+    }).catch(() => {
+        payRefundTable.loading = false
+    })
+}
+loadPayRefundList()
+
+const infoEvent = (data:any) => {
+    router.push('/finance/refund/detail?refund_no=' + data.refund_no)
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadPayRefundList()
+}
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+		word-break: break-all;
+		text-overflow: ellipsis;
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+	}
+</style>
diff --git a/admin/src/app/views/finance/refund_detail.vue b/admin/src/app/views/finance/refund_detail.vue
new file mode 100644
index 0000000..003be87
--- /dev/null
+++ b/admin/src/app/views/finance/refund_detail.vue
@@ -0,0 +1,161 @@
+<template>
+    <div class="main-container">
+        <div class="detail-head">
+            <div class="left" @click="router.push({ path: '/member/refund' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+        <el-card class="box-card !border-none relative" shadow="never" v-if="formData">
+            <div class="flex px-[20px] py-[20px] justify-between">
+                <span>{{ t('refundMoney') }}：<span>￥{{ formData.money }}</span></span>
+                <span>{{ t('refundNo') }}：<span>{{ formData.refund_no }}</span></span>
+            </div>
+            <el-table :data="refundList" size="large">
+                <el-table-column prop="out_trade_no" :label="t('outTradeNo')" min-width="200" />
+                <el-table-column prop="create_time" :label="t('createTime')" min-width="160" />
+                <el-table-column prop="refund_type_name" :label="t('refundTypeName')" min-width="120" />
+                <el-table-column :label="t('refundMoney')" min-width="120">
+                    <template #default="{ row }">
+                        <span>￥{{ row.money }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="status_name" :label="t('statusName')" min-width="120" />
+                <el-table-column :label="t('operation')" fixed="right" align="right" min-width="120">
+                    <template #default="{ row }">
+                        <el-button type="primary" link @click="transferEvent(row)" v-if="row.status == 'wait'">{{
+                            t('transfer') }}</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </el-card>
+
+        <el-dialog v-model="transferDialog" :title="title" width="500px" class="diy-dialog-wrap" :destroy-on-close="true">
+            <el-form :model="transfeFormData" label-width="120px" ref="formRef" :rules="formRules" class="page-form"
+                v-loading="loading">
+                <el-form-item :label="t('transferType')">
+                    <el-radio-group v-model="transfeFormData.refund_type">
+                        <el-radio :label="item.value" v-for="(item, index) in refundTypeData" :key="index">{{ item.name
+                        }}</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item :label="t('refundMoney')">
+                    <span>{{ transfeFormData.refund_money }}</span>
+                </el-form-item>
+                <el-form-item :label="t('voucher')" v-if="transfeFormData.refund_type == 'offline'">
+                    <upload-image v-model="transfeFormData.voucher" />
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="transferDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{
+                        t('confirm')
+                    }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import { getPayRefundInfo, getRefundType, getRefundTransfer } from '@/app/api/pay'
+import { useRoute, useRouter } from 'vue-router'
+import { FormInstance } from 'element-plus'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const refundNo: string = route.query.refund_no
+const loading = ref(true)
+
+const refundList = ref([])
+const formData: Record<string, any> | null = ref(null)
+
+const setFormData = async (refundNo: string = '') => {
+    loading.value = true
+    formData.value = null
+    await getPayRefundInfo(refundNo)
+        .then(({ data }) => {
+            formData.value = data
+            refundList.value.push(data)
+        })
+
+        .catch(() => {
+
+        })
+    loading.value = false
+}
+if (refundNo) setFormData(refundNo)
+else loading.value = false
+
+const refundTypeData = ref([])
+getRefundType().then((data) => {
+    Object.keys(data.data).forEach((key: string) => {
+        refundTypeData.value.push({ value: key, name: data.data[key] })
+    })
+})
+
+const transferDialog = ref(false)
+const transferEvent = (data:any) => {
+    transferDialog.value = true
+    transfeFormData.refund_no = data.refund_no
+    transfeFormData.refund_money = data.money
+}
+
+const initialFormData = {
+    refund_no: '',
+    refund_type: 'back',
+    voucher: '',
+    refund_money: 0.00
+}
+const transfeFormData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        label_name: [
+            { required: true, message: t('labelNamePlaceholder'), trigger: 'blur' }
+
+        ]
+    }
+})
+
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            const data = transfeFormData
+            getRefundTransfer(data).then(res => {
+                loading.value = false
+                transferDialog.value = false
+                refundList.value = []
+                setFormData(refundNo)
+            }).catch(() => {
+                transferDialog.value = false
+                loading.value = false
+            })
+        }
+    })
+}
+
+// const transferEvent = () => {
+//     const routeUrl = router.resolve({
+// 	    path: '/member/refund',
+// 	    query: { refund_id: formData.value.refund_id }
+//     })
+//     window.open(routeUrl.href, '_blank')
+// }
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/home/edit_personal.vue b/admin/src/app/views/home/edit_personal.vue
new file mode 100644
index 0000000..6d278a2
--- /dev/null
+++ b/admin/src/app/views/home/edit_personal.vue
@@ -0,0 +1,109 @@
+<template>
+    <div class="main-container w-full pt-[64px] bg-white" v-loading="loading">
+        <div class="flex justify-between items-center h-[32px] mb-4">
+            <span class="text-[20px]">{{ t('editPersonal') }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form :model="saveInfo" label-width="90px" ref="formRef" class="page-form">
+                <el-form-item :label="t('headImg')">
+                    <upload-image v-model="saveInfo.head_img" :limit="1" />
+                </el-form-item>
+                <el-form-item :label="t('userName')">
+                    <span>{{ saveInfo.username }}</span>
+                </el-form-item>
+                <el-form-item :label="t('realName')">
+                    <el-input v-model="saveInfo.real_name" :placeholder="t('realNamePlaceholder')" clearable
+                        class="input-width" />
+                </el-form-item>
+            </el-form>
+            <div class="flex justify-center mt-[50px]">
+                <el-button type="primary" @click="submitForm(formRef)">{{ t('save') }}</el-button>
+                <el-button type="primary" @click="returnFn()">{{ t('cancel') }}</el-button>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getUserInfo, setUserInfo } from '@/app/api/personal'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+// 提交信息
+const saveInfo: {
+    head_img: string;
+    real_name: string;
+    username: string;
+} = reactive({
+    head_img: '',
+    real_name: '',
+    username: ''
+})
+
+const formRef = ref<FormInstance>()
+const loading = ref(true)
+
+/**
+ * 获取用户信息
+ */
+const getUserInfoFn = () => {
+    loading.value = true
+    getUserInfo().then(res => {
+        loading.value = false
+
+        const data = res.data
+        saveInfo.head_img = data.head_img
+        saveInfo.real_name = data.real_name
+        saveInfo.username = data.username
+    }).catch(() => {
+        loading.value = false
+    })
+}
+getUserInfoFn()
+
+const submitForm = (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    formEl.validate((valid) => {
+        if (valid) {
+            loading.value = true
+
+            setUserInfo(saveInfo).then((res: any) => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        } else {
+            return false
+        }
+    })
+}
+const returnFn = () => {
+    router.push('/user/center')
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.personal-body) {
+    background-color: #fff;
+
+    .el-form-item__content {
+        .el-input {
+            width: 250px;
+        }
+
+        .el-form-item__content {
+            justify-content: space-between;
+        }
+
+        .el-button {
+            margin-left: auto;
+        }
+
+        .personal-option {
+            margin-right: auto;
+        }
+    }
+}</style>
diff --git a/admin/src/app/views/home/index.vue b/admin/src/app/views/home/index.vue
new file mode 100644
index 0000000..cccc9ff
--- /dev/null
+++ b/admin/src/app/views/home/index.vue
@@ -0,0 +1,259 @@
+<!-- eslint-disable vue/no-deprecated-v-on-native-modifier -->
+<template>
+  <div>
+    <div class="flex flex-wrap mt-[30px]" v-loading="loading">
+      <!--          判断站点账号是否不存在任何站点-->
+      <div v-if="!tableData.length && !loading" class="m-auto">
+        <img src="@/app/assets/images/empty.png"/>
+        <p class="text-center text-gray-400">暂无站点</p>
+      </div>
+    </div>
+
+    <div class="hidden">
+      <div class="flex justify-between items-center py-[24px] pl-[62px] pr-[64px] home-head">
+        <div class="flex items-center">
+          <img class="w-[32x] h-[32px] rounded-full" v-if="webConfig.icon" :src="img(webConfig.icon)" alt="">
+          <img class="w-[32x] h-[32px] rounded-full" v-else src="@/app/assets/images/icon-addon.png" alt="">
+          <span class="ml-[10px] text-[16px] font-bold">{{ webConfig.site_name }}</span>
+        </div>
+        <div class="flex items-center">
+          <span class="mr-[12px] text-[14px]">{{ userStore.userInfo.username }}</span>
+          <span @click="logoutFn()" class="text-[14px] cursor-pointer text-[var(--el-color-primary)]">退出</span>
+        </div>
+      </div>
+      <div class="w-[1200px] m-auto  mt-[62px]">
+        <div class="flex justify-between items-center">
+          <span class="text-[24px] font-bold">站点列表</span>
+          <el-button type="primary" class="w-[90px] !h-[34px]" @click="handleChick">创建站点</el-button>
+        </div>
+        <div class="flex justify-between items-center mt-[18px]">
+          <div class="flex items-center flex-wrap text-[14px] w-[800px]">
+          <span :class="['mr-[12px] cursor-pointer', {'text-[var(--el-color-primary)]': params.app == ''}]"
+                @click="cutAppFn('')">所有应用</span>
+            <span :class="['mr-[12px] cursor-pointer', {'text-[var(--el-color-primary)]': params.app == item.key}]"
+                  @click="cutAppFn(item.key)" v-for="(item,index) in addonList" :key="index">{{ item.title }}</span>
+          </div>
+          <!--        <el-input v-model="params.keywords" class="!w-[300px] !h-[34px]" placeholder="输入要搜索的站点名称"-->
+          <!--                  @keyup.enter.native="query">-->
+          <!--          <template #suffix>-->
+          <!--            <el-icon @click.stop="getHomeSiteFn()" class="cursor-pointer">-->
+          <!--              <Search/>-->
+          <!--            </el-icon>-->
+          <!--          </template>-->
+          <!--        </el-input>-->
+        </div>
+
+        <div class="min-h-[580px]">
+          <div class="flex flex-wrap mt-[30px]" v-loading="loading">
+
+            <div v-for="(item, index) in tableData" :key="index" @click="selectSite(item)"
+                 :class="['home-item w-[285px] box-border mb-[20px] cursor-pointer',{'mr-[20px]': index ==0 || (index+1)%4 != 0}]">
+              <div class="flex items-center px-[24px] pt-[22px] pb-[16px] bg-[#F0F2F4] home-item-head">
+                <img v-if="item.logo" class="w-[48px] h-[48px] mr-[15px] rounded-[50%] overflow-hidden"
+                     :src="img(item.logo)"/>
+                <img v-else class="w-[48px] h-[48px] mr-[15px] rounded-[50%] overflow-hidden"
+                     src="@/app/assets/images/member_head.png"/>
+                <div class="flex flex-col flex-1 justify-center">
+                  <div class="flex items-center flex-wrap">
+                  <span
+                      class="text-[16px] text-[#000] max-w-[145px] font-bold truncate mr-[10px]">{{
+                      item.site_name
+                    }}</span>
+                    <div
+                        class="flex items-center justify-center min-w-[42px] h-[18px] bg-[#FF5500] rounded-tl-md rounded-br-md items-tab"
+                        v-if="item.app_name">
+                      <span class="text-[12px] text-[#fff]">{{ item.app_name }}</span>
+                    </div>
+                  </div>
+                  <span
+                      class="text-[12px] mt-[3px] text-[#555]">{{
+                      item.create_time ? item.create_time.split(" ")[0] : '--'
+                    }} 到 {{ item.expire_time ? item.expire_time.split(" ")[0] : '--' }}</span>
+                </div>
+              </div>
+              <div class="px-[24px] py-[20px] text-[#6D7278]">
+                <p class="text-[14px]">站点编号：{{ item.site_id }}</p>
+                <p class="text-[14px] mt-[2px]">站点套餐：{{ item.group_name || '--' }}</p>
+              </div>
+            </div>
+            <!--          判断站点账号是否不存在任何站点-->
+            <div v-if="!tableData.length && !loading" class="m-auto">
+              <img src="@/app/assets/images/empty.png"/>
+              <p class="text-center text-gray-400">暂无站点</p>
+            </div>
+            <!--          存在站点则默认跳转第1个站点-->
+          </div>
+        </div>
+
+        <div class="mt-[16px] flex justify-end">
+          <el-pagination v-model:current-page="site.params.page" v-model:page-size="site.params.limit"
+                         layout="total, sizes, prev, pager, next, jumper" :total="site.total"
+                         @size-change="getHomeSiteFn()" @current-change="getHomeSiteFn" :hide-on-single-page="true"/>
+        </div>
+      </div>
+    </div>
+
+
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref, toRefs} from 'vue'
+import {Search} from '@element-plus/icons-vue'
+import {getHomeSite} from '@/app/api/home'
+import {getWebConfig} from '@/app/api/sys'
+import {img} from '@/utils/common'
+import useUserStore from '@/stores/modules/user'
+import storage from '@/utils/storage'
+import {getInstalledAddonList} from '@/app/api/addon'
+import {ElMessage} from 'element-plus'
+import {AnyObject} from '@/types/global'
+
+const userStore: AnyObject = useUserStore()
+
+interface Site {
+  params: {
+    keywords: string,
+    page: number,
+    limit: number,
+    app: string,
+    sort: boolean
+  },
+  loading: boolean,
+  tableData: {
+    logo: string,
+    app_name: string,
+    site_name: string,
+    create_time: string,
+    expire_time: string,
+    site_id: number,
+    group_name: string
+  }[],
+  total: 0
+}
+
+const site: Site = reactive({
+  params: {
+    keywords: '',
+    page: 1,
+    limit: 12,
+    app: '',
+    sort: false
+  },
+  loading: false,
+  tableData: [],
+  total: 0
+})
+
+const {params, loading, tableData} = toRefs(site)
+const getHomeSiteFn = (page: number = 1) => {
+  site.params.page = page
+  site.loading = true
+  getHomeSite(site.params).then(res => {
+    site.tableData = res.data.data
+    site.total = res.data.total
+    site.loading = false
+    var data_list = tableData.value
+
+    if (data_list.length >= 1) {
+      selectSite(data_list[0]);//跳转进入站点
+    }
+  }).catch(() => {
+    site.loading = false
+  })
+}
+getHomeSiteFn()
+
+// 切换应用
+const cutAppFn = (app: any) => {
+  site.params.app = app
+  getHomeSiteFn()
+}
+
+// 网络设置
+const webConfig = ref({
+  icon: '',
+  site_name: ''
+})
+const getWebConfigFn = () => {
+  getWebConfig().then(res => {
+    webConfig.value = res.data
+  })
+}
+getWebConfigFn()
+//进入站点
+const selectSite = (site: any) => {
+  storage.set({key: 'siteId', data: site.site_id})
+  storage.set({key: 'siteInfo', data: site})
+  storage.set({key: 'comparisonSiteIdStorage', data: site.site_id})
+  useUserStore().$patch((site) => {
+    site.siteInfo = site
+  })
+  location.href = `${location.origin}/site/`
+}
+const logoutFn = () => {
+  userStore.logout()
+}
+
+/**
+ * 获取应用列表
+ */
+const addonList = ref<{
+  key: string,
+  title: string
+}[]>([])
+getInstalledAddonList().then(({data}) => {
+  const apps: any = []
+  Object.keys(data).forEach(key => {
+    const addon = data[key]
+    addon.type == 'app' && apps.push(addon)
+  })
+  addonList.value = apps
+}).catch()
+
+const handleChick = () => {
+  ElMessage('加班加点研发中...')
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-input__wrapper) {
+  @apply rounded-none;
+}
+
+.border-color {
+  border-color: var(--el-color-primary);
+}
+
+.text-color {
+  color: var(--el-color-primary);
+}
+
+.home-item {
+  box-shadow: 0 2px 4px 0 rgba(161, 167, 183, 0.18);
+
+  .items-tab span {
+    transform: scale(0.9);
+  }
+}
+
+.home-item:hover {
+  border-color: var(--el-color-primary);
+
+  .title {
+    color: var(--el-color-primary);
+  }
+
+  .home-item-head {
+    background-color: #A1A7B7;
+
+    span {
+      color: #fff !important;
+    }
+  }
+}
+
+.home-head {
+  box-shadow: 0 4px 8px 0 rgba(28, 31, 55, 0.04);
+}
+</style>
diff --git a/admin/src/app/views/home/index_COPY.vue b/admin/src/app/views/home/index_COPY.vue
new file mode 100644
index 0000000..75f04fc
--- /dev/null
+++ b/admin/src/app/views/home/index_COPY.vue
@@ -0,0 +1,236 @@
+<!-- eslint-disable vue/no-deprecated-v-on-native-modifier -->
+<template>
+  <div>
+    <div class="flex justify-between items-center py-[24px] pl-[62px] pr-[64px] home-head">
+      <div class="flex items-center">
+        <img class="w-[32x] h-[32px] rounded-full" v-if="webConfig.icon" :src="img(webConfig.icon)" alt="">
+        <img class="w-[32x] h-[32px] rounded-full" v-else src="@/app/assets/images/icon-addon.png" alt="">
+        <span class="ml-[10px] text-[16px] font-bold">{{ webConfig.site_name }}</span>
+      </div>
+      <div class="flex items-center">
+        <span class="mr-[12px] text-[14px]">{{ userStore.userInfo.username }}</span>
+        <span @click="logoutFn()" class="text-[14px] cursor-pointer text-[var(--el-color-primary)]">退出</span>
+      </div>
+    </div>
+
+    <div class="w-[1200px] m-auto  mt-[62px]">
+      <div class="flex justify-between items-center">
+        <span class="text-[24px] font-bold">站点列表</span>
+        <el-button type="primary" class="w-[90px] !h-[34px]" @click="handleChick">创建站点</el-button>
+      </div>
+      <div class="flex justify-between items-center mt-[18px]">
+        <div class="flex items-center flex-wrap text-[14px] w-[800px]">
+          <span :class="['mr-[12px] cursor-pointer', {'text-[var(--el-color-primary)]': params.app == ''}]"
+                @click="cutAppFn('')">所有应用</span>
+          <span :class="['mr-[12px] cursor-pointer', {'text-[var(--el-color-primary)]': params.app == item.key}]"
+                @click="cutAppFn(item.key)" v-for="(item,index) in addonList" :key="index">{{ item.title }}</span>
+        </div>
+        <el-input v-model="params.keywords" class="!w-[300px] !h-[34px]" placeholder="输入要搜索的站点名称"
+                  @keyup.enter.native="query">
+          <template #suffix>
+            <el-icon @click.stop="getHomeSiteFn()" class="cursor-pointer">
+              <Search/>
+            </el-icon>
+          </template>
+        </el-input>
+      </div>
+
+      <div class="min-h-[580px]">
+        <div class="flex flex-wrap mt-[30px]" v-loading="loading">
+          <div v-for="(item, index) in tableData" :key="index" @click="selectSite(item)"
+               :class="['home-item w-[285px] box-border mb-[20px] cursor-pointer',{'mr-[20px]': index ==0 || (index+1)%4 != 0}]">
+            <div class="flex items-center px-[24px] pt-[22px] pb-[16px] bg-[#F0F2F4] home-item-head">
+              <img v-if="item.logo" class="w-[48px] h-[48px] mr-[15px] rounded-[50%] overflow-hidden"
+                   :src="img(item.logo)"/>
+              <img v-else class="w-[48px] h-[48px] mr-[15px] rounded-[50%] overflow-hidden"
+                   src="@/app/assets/images/member_head.png"/>
+              <div class="flex flex-col flex-1 justify-center">
+                <div class="flex items-center flex-wrap">
+                  <span
+                      class="text-[16px] text-[#000] max-w-[145px] font-bold truncate mr-[10px]">{{ item.site_name }}</span>
+                  <div
+                      class="flex items-center justify-center min-w-[42px] h-[18px] bg-[#FF5500] rounded-tl-md rounded-br-md items-tab"
+                      v-if="item.app_name">
+                    <span class="text-[12px] text-[#fff]">{{ item.app_name }}</span>
+                  </div>
+                </div>
+                <span
+                    class="text-[12px] mt-[3px] text-[#555]">{{ item.create_time ? item.create_time.split(" ")[0] : '--' }} 到 {{ item.expire_time ? item.expire_time.split(" ")[0] : '--' }}</span>
+              </div>
+            </div>
+            <div class="px-[24px] py-[20px] text-[#6D7278]">
+              <p class="text-[14px]">站点编号：{{ item.site_id }}</p>
+              <p class="text-[14px] mt-[2px]">站点套餐：{{ item.group_name || '--' }}</p>
+            </div>
+          </div>
+          <div v-if="!tableData.length && !loading" class="m-auto">
+            <img src="@/app/assets/images/empty.png"/>
+            <p class="text-center text-gray-400">暂无站点</p>
+          </div>
+        </div>
+      </div>
+
+      <div class="mt-[16px] flex justify-end">
+        <el-pagination v-model:current-page="site.params.page" v-model:page-size="site.params.limit"
+                       layout="total, sizes, prev, pager, next, jumper" :total="site.total"
+                       @size-change="getHomeSiteFn()" @current-change="getHomeSiteFn" :hide-on-single-page="true"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref, toRefs} from 'vue'
+import {Search} from '@element-plus/icons-vue'
+import {getHomeSite} from '@/app/api/home'
+import {getWebConfig} from '@/app/api/sys'
+import {img} from '@/utils/common'
+import useUserStore from '@/stores/modules/user'
+import storage from '@/utils/storage'
+import {getInstalledAddonList} from '@/app/api/addon'
+import {ElMessage} from 'element-plus'
+import {AnyObject} from '@/types/global'
+
+const userStore: AnyObject = useUserStore()
+
+interface Site {
+  params: {
+    keywords: string,
+    page: number,
+    limit: number,
+    app: string,
+    sort: boolean
+  },
+  loading: boolean,
+  tableData: {
+    logo: string,
+    app_name: string,
+    site_name: string,
+    create_time: string,
+    expire_time: string,
+    site_id: number,
+    group_name: string
+  }[],
+  total: 0
+}
+
+const site: Site = reactive({
+  params: {
+    keywords: '',
+    page: 1,
+    limit: 12,
+    app: '',
+    sort: false
+  },
+  loading: false,
+  tableData: [],
+  total: 0
+})
+
+const {params, loading, tableData} = toRefs(site)
+const getHomeSiteFn = (page: number = 1) => {
+  site.params.page = page
+  site.loading = true
+  getHomeSite(site.params).then(res => {
+    site.tableData = res.data.data
+    site.total = res.data.total
+    site.loading = false
+  }).catch(() => {
+    site.loading = false
+  })
+}
+getHomeSiteFn()
+
+// 切换应用
+const cutAppFn = (app: any) => {
+  site.params.app = app
+  getHomeSiteFn()
+}
+
+// 网络设置
+const webConfig = ref({
+  icon: '',
+  site_name: ''
+})
+const getWebConfigFn = () => {
+  getWebConfig().then(res => {
+    webConfig.value = res.data
+  })
+}
+getWebConfigFn()
+
+const selectSite = (site: any) => {
+  storage.set({key: 'siteId', data: site.site_id})
+  storage.set({key: 'siteInfo', data: site})
+  storage.set({key: 'comparisonSiteIdStorage', data: site.site_id})
+  useUserStore().$patch((site) => {
+    site.siteInfo = site
+  })
+  location.href = `${location.origin}/site/`
+}
+const logoutFn = () => {
+  userStore.logout()
+}
+
+/**
+ * 获取应用列表
+ */
+const addonList = ref<{
+  key: string,
+  title: string
+}[]>([])
+getInstalledAddonList().then(({data}) => {
+  const apps: any = []
+  Object.keys(data).forEach(key => {
+    const addon = data[key]
+    addon.type == 'app' && apps.push(addon)
+  })
+  addonList.value = apps
+}).catch()
+
+const handleChick = () => {
+  ElMessage('加班加点研发中...')
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-input__wrapper) {
+  @apply rounded-none;
+}
+
+.border-color {
+  border-color: var(--el-color-primary);
+}
+
+.text-color {
+  color: var(--el-color-primary);
+}
+
+.home-item {
+  box-shadow: 0 2px 4px 0 rgba(161, 167, 183, 0.18);
+
+  .items-tab span {
+    transform: scale(0.9);
+  }
+}
+
+.home-item:hover {
+  border-color: var(--el-color-primary);
+
+  .title {
+    color: var(--el-color-primary);
+  }
+
+  .home-item-head {
+    background-color: #A1A7B7;
+
+    span {
+      color: #fff !important;
+    }
+  }
+}
+
+.home-head {
+  box-shadow: 0 4px 8px 0 rgba(28, 31, 55, 0.04);
+}
+</style>
diff --git a/admin/src/app/views/home/personal.vue b/admin/src/app/views/home/personal.vue
new file mode 100644
index 0000000..31c2439
--- /dev/null
+++ b/admin/src/app/views/home/personal.vue
@@ -0,0 +1,104 @@
+<template>
+    <div class="main-container w-full pt-[64px] bg-white" v-loading="loading">
+        <div class="flex justify-between items-center h-[32px] mb-4">
+            <span class="text-[20px]">{{ t("personal") }}</span>
+            <span class="text-[14px] text-[#999] cursor-pointer" @click="toEditPersonal">{{ t("editPersonal") }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form :model="saveInfo" label-width="90px" ref="formRef" class="page-form">
+                <el-form-item :label="t('headImg')">
+                    <el-image class="w-[70px] h-[70px]" :src="img(saveInfo.head_img)" fit="contain">
+                        <template #error>
+                            <div
+                                class="image-slot bg-[#c0c4cc] flex items-center justify-center w-[70px] h-[70px] rounded-full">
+                                <el-icon class="!text-[#fff] !text-[45px]">
+                                    <UserFilled />
+                                </el-icon>
+                            </div>
+                        </template>
+                    </el-image>
+                </el-form-item>
+                <el-form-item :label="t('userName')">
+                    <div>{{ saveInfo.username }}</div>
+                </el-form-item>
+                <el-form-item :label="t('realName')">
+                    <div>{{ saveInfo.real_name }}</div>
+                </el-form-item>
+            </el-form>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+import { getUserInfo } from '@/app/api/personal'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+// 提交信息
+const saveInfo = reactive({
+    head_img: '',
+    real_name: '',
+    original_password: '',
+    password: '',
+    password_copy: '',
+    username: ''
+})
+
+const formRef = ref<FormInstance>()
+const loading = ref(true)
+
+/**
+ * 获取用户信息
+ */
+const getUserInfoFn = () => {
+    loading.value = true
+    getUserInfo().then((res) => {
+        loading.value = false
+
+        const data = res.data
+        saveInfo.head_img = data.head_img
+        saveInfo.real_name = data.real_name
+        saveInfo.original_password = data.original_password
+        saveInfo.password = data.password
+        saveInfo.password_copy = data.password
+        saveInfo.username = data.username
+    })
+        .catch(() => {
+            loading.value = false
+        })
+}
+getUserInfoFn()
+
+// 编辑个人中心
+const toEditPersonal = () => {
+    router.push('/user/edit_center')
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.personal-body) {
+    background-color: #fff;
+
+    .el-form-item__content {
+        .el-input {
+            width: 250px;
+        }
+
+        .el-form-item__content {
+            justify-content: space-between;
+        }
+
+        .el-button {
+            margin-left: auto;
+        }
+
+        .personal-option {
+            margin-right: auto;
+        }
+    }
+}
+</style>
diff --git a/admin/src/app/views/index/app_manage.vue b/admin/src/app/views/index/app_manage.vue
new file mode 100644
index 0000000..6571c09
--- /dev/null
+++ b/admin/src/app/views/index/app_manage.vue
@@ -0,0 +1,148 @@
+<template>
+    <div class="box-border pt-[68px] px-[76px] overview-top" v-loading="loading">
+        <div v-if="detail.appList && !loading">
+            <div class="flex justify-between items-center">
+                <div>
+                    <div class="font-[600] text-[26px] text-[#222] leading-[37px]">{{ t('app') }}</div>
+                    <div class="font-[500] text-[14px] text-[#222] leading-[20px] mt-[12px]">{{ t('versionInfo') }}&nbsp;{{
+                        t('currentVersion') }}</div>
+                </div>
+                <el-button @click="toAppStore" class="px-[15px]">
+                    <div class="mr-[9px] text-[#3F3F3F] iconfont iconxiazai01"></div>
+                    <span class="font-[600] text-[14px] text-[#222] leading-[20px]">{{ t('appStore') }}</span>
+                </el-button>
+            </div>
+            <div class="flex flex-wrap mt-[40px]">
+                <template v-for="(item, index) in detail.appList" :key="index">
+                    <div class="app-item w-[280px] box-border !bg-[#fff] rounded-[6px] cursor-pointer mr-[20px] mb-[20px] overflow-hidden" @click="itemPath(item)">
+                        <div class="bg-[#F7FAFB] py-[18px] px-[24px] flex items-center app-item-head">
+                            <el-image class="w-[44px] h-[44px]  rounded-[8px]" :src="img(item.icon)" fit="contain">
+                                <template #error>
+                                    <div class="image-slot">
+                                        <img class="w-[40px] h-[40px] rounded-[8px]"
+                                            src="@/app/assets/images/app_store/app_store_default.png" />
+                                    </div>
+                                </template>
+                            </el-image>
+                        </div>
+                        <div class="py-[18px] px-[24px]">
+                            <div class="font-[600] leading-[1] text-[14px] text-[#222]">{{ item.title }}</div>
+                            <el-tooltip class="box-item" effect="light" :content="item.desc" placement="bottom-start">
+                                <div class="text-[13px] text-[#6D7278] leading-[18px] mt-[6px] truncate">
+                                    {{ item.desc }}
+                                </div>
+                            </el-tooltip>
+                        </div>
+                    </div>
+                </template>
+                <el-empty class="mx-auto overview-empty" v-if="!detail.appList.length && !loading">
+                    <template #image>
+                        <div class="w-[230px] mx-auto">
+                            <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
+                        </div>
+                    </template>
+                    <template #description>
+                        <p class="flex items-center">
+                            <span>{{ t('descriptionLeft') }}</span>
+                            <el-link type="primary" @click="toAppStore" class="mx-[5px]">{{ t('link') }}</el-link>
+                            <span>{{ t('descriptionRight') }}</span>
+                        </p>
+                    </template>
+                </el-empty>
+
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getInstalledAddonList } from '@/app/api/addon'
+import { img } from '@/utils/common'
+import { useRouter } from 'vue-router'
+import storage from '@/utils/storage'
+import { findFirstValidRoute } from '@/router/routers'
+import useUserStore from '@/stores/modules/user'
+import { AnyObject } from '@/types/global'
+
+const router = useRouter()
+const userStore:AnyObject = useUserStore()
+const loading = ref(true)
+const detail:{
+    appList: {
+        title: string,
+        desc: string,
+        icon: string
+    }[]
+} = reactive({
+    appList: []
+})
+const appLink: any = ref({})
+
+const getAuthaddonFn = () => {
+    loading.value = true
+    getInstalledAddonList().then(res => {
+        Object.values(res.data).forEach((item: any, index) => {
+            if (item.type == 'app') {
+                detail.appList.push(item)
+            }
+        })
+        userStore.routers.forEach((item:any, index:number) => {
+            if (item.children && item.children.length) {
+                item.name = findFirstValidRoute(item.children)
+                appLink.value[item.meta.app] = findFirstValidRoute(item.children)
+            } else {
+                appLink.value[item.meta.app] = item.name
+            }
+        })
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+getAuthaddonFn()
+
+const itemPath = (data: any) => {
+    storage.set({ key: 'menuAppStorage', data: data.key })
+    storage.set({ key: 'plugMenuTypeStorage', data: '' })
+    const appMenuList = userStore.appMenuList
+    appMenuList.push(data.key)
+    userStore.setAppMenuList(appMenuList)
+    const name: any = appLink.value[data.key]
+    router.push({ name })
+}
+
+// 跳转至开发者
+const toAppStore = () => {
+    router.push('/app_manage/app_store')
+}
+</script>
+
+<style lang="scss" scoped>
+.main-container {
+    background: linear-gradient(180deg, rgba(253, 253, 253, 0.24) 0%, #FAFAFA 100%);
+    min-height: calc(100vh - 64px);
+}
+
+.overview-top {
+    background-image: url('@/app/assets/images/index/overview.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: calc(100vh - 120px);
+}
+
+.app-item {
+    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.18);
+}
+.app-item:hover .app-item-head{
+    background-color: #FDF4EF;
+}
+
+</style>
+<style>
+.overview-empty .el-empty__image {
+    width: auto !important;
+}
+</style>
diff --git a/admin/src/app/views/index/edit_personal.vue b/admin/src/app/views/index/edit_personal.vue
new file mode 100644
index 0000000..5e99bb9
--- /dev/null
+++ b/admin/src/app/views/index/edit_personal.vue
@@ -0,0 +1,101 @@
+<template>
+    <div class="main-container w-full pt-[64px] bg-white"  v-loading="loading">
+        <div class="flex justify-between items-center h-[32px] mb-4">
+            <span class="text-[20px]">{{ t('editPersonal') }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form :model="saveInfo" label-width="90px" ref="formRef" class="page-form">
+                <el-form-item :label="t('headImg')">
+                    <upload-image v-model="saveInfo.head_img" :limit="1" />
+                </el-form-item>
+				<el-form-item :label="t('userName')">
+                    <span>{{saveInfo.username}}</span>
+				</el-form-item>
+                <el-form-item :label="t('realName')">
+                    <el-input v-model="saveInfo.real_name" :placeholder="t('realNamePlaceholder')" clearable class="input-width" />
+                </el-form-item>
+            </el-form>
+            <div class="flex justify-center mt-[50px]">
+                <el-button type="primary" @click="submitForm(formRef)">{{ t('save') }}</el-button>
+                <el-button type="primary" @click="returnFn()">{{ t('cancel') }}</el-button>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+
+import { getUserInfo, setUserInfo } from '@/app/api/personal'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+// 提交信息
+const saveInfo = reactive({
+    head_img: '',
+    real_name: '',
+    username: ''
+})
+
+const formRef = ref<FormInstance>()
+const loading = ref(true)
+
+/**
+ * 获取用户信息
+ */
+const getUserInfoFn = () => {
+    loading.value = true
+    getUserInfo().then(res => {
+        loading.value = false
+        const data = res.data
+        saveInfo.head_img = data.head_img
+        saveInfo.real_name = data.real_name
+        saveInfo.username = data.username
+    }).catch(() => {
+        loading.value = false
+    })
+}
+getUserInfoFn()
+
+const submitForm = (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    formEl.validate((valid) => {
+        if (valid) {
+            loading.value = true
+
+            setUserInfo(saveInfo).then((res: any) => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        } else {
+            return false
+        }
+    })
+}
+const returnFn = () => {
+    router.push('/user/center')
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.personal-body){
+    background-color: #fff;
+    .el-form-item__content{
+        .el-input{
+            width: 250px;
+        }
+        .el-form-item__content{
+            justify-content: space-between;
+        }
+        .el-button{
+            margin-left: auto;
+        }
+        .personal-option{
+            margin-right: auto;
+        }
+    }
+}
+</style>
diff --git a/admin/src/app/views/index/index.vue b/admin/src/app/views/index/index.vue
new file mode 100644
index 0000000..bf65a0d
--- /dev/null
+++ b/admin/src/app/views/index/index.vue
@@ -0,0 +1,372 @@
+<!-- eslint-disable no-undef -->
+<template>
+    <div class="bg-[#FAFAFA] box-border pb-[77px]">
+        <div class="main-container" v-loading="loading">
+            <div class="pt-[60px]">
+                <div class="flex items-center">
+                    <span class="text-[24px] font-600 text-[#242424] leading-[33px]">欢迎使用niucloud-admin</span>
+                    <div class="ml-[12px] bg-[#333] flex items-center py-[3px] px-[6px] rounded">
+                        <img class="w-[16px] h-[16px]" src="@/app/assets/images/SaaS.png" />
+                        <span class="text-[12px] text-[#fff] font-600 leading-[16px] ml-[3px]">SAAS版</span>
+                    </div>
+                </div>
+                <div class="flex items-center mt-[12px]">
+                    <img class="w-[12px] h-[12px]" src="@/app/assets/images/versions.png" />
+                    <span class="ml-[7px] text-[16px] font-600 text-[#424242] leading-[16px] font-[600]">{{ statInfo.version.version }}</span>
+                    <div class="ml-[10px] cursor-pointer" v-if="newVersion" @click="toUpgrade">
+                        <el-tag type="danger" size="small">{{ t('newVersion') }}{{ newVersion.last_version }}</el-tag>
+                    </div>
+                    <el-link class="text-color ml-[30px] text-[14px] leading-[20px]" href="https://www.niucloud.com/"
+                        target="_blank" :underline="false">{{ t("officialWbsite") }}</el-link>
+                    <el-link class="ml-[12px] text-color text-[14px] leading-[20px]"
+                        href="https://gitee.com/niucloud-team/niucloud.git" target="_blank"
+                        :underline="false">Gitee</el-link>
+                </div>
+            </div>
+            <div
+                class="px-[32px] pt-[24px] pb-[14px] bg-[#fff] border-[1px] border-[#E9EBF0] border-solid mt-[42px] box-border">
+                <el-card class="box-card !border-none profile-data" shadow="never"
+                    :body-style="{ padding: '49px 32px 20px' }">
+                    <template #header>
+                        <div class="card-header mb-[20px]">
+                            <span class="text-[18px] font-[600] text-[#333] leading-[24px]">{{
+                                t("dataSummarize")
+                            }}</span>
+                            <span class="text-[12px] text-[#666] leading-[16px] ml-[18px]">更新时间 : </span>
+                            <span class="text-[12px] text-[#666] leading-[16px]">{{ time }}</span>
+                        </div>
+                    </template>
+
+                    <el-row :gutter="20">
+                        <el-col :span="6">
+                            <div @click="toHref('site/list','1')" class="cursor-pointer">
+                                <el-statistic :value="statInfo.today_data.norma_site_count" >
+                                    <template #title>
+                                        <div class="text-[14px] mb-[9px] text-[#666]">
+                                            {{ t("normalSiteSum") }}
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                            </div>
+                        </el-col>
+                        <el-col :span="6">
+                            <div @click="toHref('site/list','2')" class="cursor-pointer">
+                                <el-statistic :value="statInfo.today_data.expire_site_count">
+                                    <template #title>
+                                        <div class="text-[14px] mb-[9px] text-[#666]">
+                                            {{ t("expireSiteSum") }}
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                            </div>
+                        </el-col>
+                        <el-col :span="6">
+                            <div @click="toHref('/app_manage/app_store','uninstalled')" class="cursor-pointer">
+                                <el-statistic :value="statInfo.app.app_no_installed_count">
+                                    <template #title>
+                                        <div class="text-[14px] mb-[9px] text-[#666]">
+                                            {{ t("noInstallAppSun") }}
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                            </div>
+                        </el-col>
+                        <el-col :span="6">
+                            <div @click="toHref('/app_manage/app_store','installed')" class="cursor-pointer">
+                                <el-statistic :value="statInfo.app.app_installed_count">
+                                    <template #title>
+                                        <div class="text-[14px] mb-[9px] text-[#666]">
+                                            {{ t("installAppSun") }}
+                                        </div>
+                                    </template>
+                                </el-statistic>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </el-card>
+                <div class="flex justify-between mt-[15px]">
+                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer mr-[25px]"
+                        @click="toLink('site/list')">
+                        <img class="w-[52px]" src="@/app/assets/images/index/site1.png" />
+                        <span class="text-[16px] text-[#333]">{{ t("siteList") }}</span>
+                    </div>
+                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer mr-[25px]"
+                        @click="toLink('site/group')">
+                        <img class="w-[52px]" src="@/app/assets/images/index/site_class1.png" />
+                        <span class="text-[16px] text-[#333]">{{ t("sitePackage") }}</span>
+                    </div>
+                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer mr-[25px]"
+                        @click="toLink('site/list')">
+                        <img class="w-[52px]" src="@/app/assets/images/index/new_site1.png" />
+                        <span class="text-[16px] text-[#333]">{{ t("newSite") }}</span>
+                    </div>
+                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer mr-[25px]"
+                        @click="toLink('/admin/site/user')">
+                        <img class="w-[52px]" src="@/app/assets/images/index/auth1.png" />
+                        <span class="text-[16px] text-[#333]">{{
+                            t("administrator")
+                        }}</span>
+                    </div>
+                    <div class="flex-1 h-[145px] bg-[#F9F9F9] flex justify-center flex-col items-center cursor-pointer"
+                        @click="toApplication">
+                        <img class="w-[52px]" src="@/app/assets/images/index/app1.png" />
+                        <span class="text-[16px] text-[#333]">{{
+                            t("appMarketplace")
+                        }}</span>
+                    </div>
+                </div>
+                <div class="mt-[60px] flex site">
+                    <el-card class="box-card !border-none flex-1 mr-[30px]" shadow="never"
+                        :body-style="{ paddingLeft: '0' }">
+                        <template #header>
+                            <div class="card-header">
+                                <span class="text-[18px] text-[#333] font-[600]">{{
+                                    t("newSite")
+                                }}</span>
+                            </div>
+                        </template>
+                        <div ref="newSiteStat" :style="{ width: '100%', height: '300px' }"></div>
+                    </el-card>
+                    <el-card class="box-card !border-none flex-1" shadow="never" :body-style="{ paddingLeft: '0' }">
+                        <template #header>
+                            <div class="card-header">
+                                <span class="text-[18px] text-[#333] font-[600]">{{
+                                    t("siteDistribution")
+                                }}</span>
+                            </div>
+                        </template>
+                        <div ref="siteStat" :style="{ width: '100%', height: '300px' }"></div>
+                    </el-card>
+                </div>
+
+                <el-card class="box-card !border-none mt-[15px] site" shadow="never" :body-style="{ marginTop: '13px' }">
+                    <template #header>
+                        <div class="card-header">
+                            <span class="text-[18px] font-[600] text-[#333]">{{
+                                t("systemInfo")
+                            }}</span>
+                        </div>
+                    </template>
+                    <el-descriptions>
+                        <el-descriptions-item :label="t('os')">{{
+                            statInfo.system.os
+                        }}</el-descriptions-item>
+                        <el-descriptions-item :label="t('phpVersions')">{{
+                            statInfo.system.php_v
+                        }}</el-descriptions-item>
+                        <el-descriptions-item :label="t('productionEnvironment')">{{
+                            statInfo.system.environment
+                        }}</el-descriptions-item>
+                    </el-descriptions>
+                </el-card>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch } from 'vue'
+import { t } from '@/lang'
+import { getStatInfo } from '@/app/api/stat'
+import * as echarts from 'echarts'
+import useStyleStore from '@/stores/modules/style'
+import { getFrameworkNewVersion } from '@/app/api/module'
+import { useRoute, useRouter } from 'vue-router'
+import { AnyObject } from '@/types/global'
+const loading = ref(true)
+
+const newSiteStat = ref<any>(null)
+const siteStat = ref<any>(null)
+
+const styleStore = useStyleStore()
+
+interface NewVersion{
+    last_version: string
+}
+interface StatInfo {
+    today_data: AnyObject,
+    system: AnyObject,
+    version: AnyObject,
+    about: any,
+    site_stat: AnyObject,
+    site_group_stat: AnyObject,
+    app: AnyObject
+}
+
+const newVersion = ref<NewVersion>({
+    last_version: ''
+})
+
+getFrameworkNewVersion().then(({ data }) => {
+    newVersion.value = data
+}).catch()
+
+const statInfo = ref<StatInfo>({
+    today_data: {},
+    system: {},
+    version: {},
+    about: [],
+    site_stat: {},
+    site_group_stat: {},
+    app: {}
+})
+const getStatInfoFn = async (id: number = 0) => {
+    statInfo.value = await (await getStatInfo()).data
+    loading.value = false
+    setTimeout(() => {
+        drawChart()
+    }, 20)
+}
+getStatInfoFn()
+
+// 绘制折线图
+const drawChart = () => {
+    // 新增站点
+    const newSiteStatChart = echarts.init(newSiteStat.value)
+    const newSiteStatOption = ref({
+        legend: {},
+        xAxis: {
+            data: []
+        },
+        yAxis: {},
+        tooltip: {
+            trigger: 'axis'
+        },
+        series: [
+            {
+                name: t('newSite'),
+                type: 'line',
+                data: []
+            }
+        ]
+    })
+    newSiteStatOption.value.xAxis.data = statInfo.value.site_stat.date
+    newSiteStatOption.value.series[0].data = statInfo.value.site_stat.value
+    newSiteStatChart.setOption(newSiteStatOption.value)
+
+    // 站点分布
+    const siteStatChart = echarts.init(siteStat.value)
+    const siteStatOption:AnyObject = ref({
+        legend: {
+            orient: 'vertical',
+            right: 20,
+            top: 40
+        },
+        tooltip: {},
+        series: [
+            {
+                type: 'pie',
+                data: []
+            }
+        ]
+    })
+
+    const len = statInfo.value.site_group_stat.type.length
+    for (let i = 0; i < len; i++) {
+        const obj:{
+            name: string,
+            value: number
+        } = {
+            name: '',
+            value: 0
+        }
+        obj.name = statInfo.value.site_group_stat.type[i]
+        obj.value = statInfo.value.site_group_stat.value[i]
+        siteStatOption.value.series[0].data.push(obj)
+    }
+    siteStatChart.setOption(siteStatOption.value)
+    window.addEventListener('resize', () => {
+        // 页面大小变化后Echarts也更改大小
+        newSiteStatChart.resize()
+        siteStatChart.resize()
+    })
+}
+
+const router = useRouter()
+const route = useRoute()
+if (route.path == '/admin/index') {
+    styleStore.changeStyle()
+}
+watch(() => route.path, (newval, oldval) => {
+    if (newval !== '/admin/index') {
+        styleStore.changeBlack()
+    }
+})
+
+/**
+ * 链接跳转
+ */
+const toLink = (link:any) => {
+    router.push(link)
+}
+const toHref = (url:any, id:any) => {
+    router.push({
+        path: url,
+        query: { id }
+    })
+}
+const toApplication = () => {
+    window.open('https://www.niucloud.com/app')
+}
+// 更新时间
+const time = ref('')
+const nowTime = () => {
+    const date = new Date()
+    const year = date.getFullYear()
+    const month = date.getMonth() + 1
+    const day = date.getDate()
+    const hh = checkTime(date.getHours())
+    const mm = checkTime(date.getMinutes())
+    const ss = checkTime(date.getSeconds())
+    function checkTime (i:any) {
+        if (i < 10) {
+            return '0' + i
+        }
+        return i
+    }
+    time.value = year + '-' + month + '-' + day + ' ' + hh + ':' + mm + ':' + ss
+}
+nowTime()
+
+const toUpgrade = () => {
+    router.push({ path: '/tools/authorize' })
+}
+</script>
+
+<style lang="scss" scoped>
+.main-container {
+    margin: 0 84px;
+}
+
+:deep(.profile-data .el-card__header) {
+    padding: 0 !important;
+}
+
+:deep(.site .el-card__header) {
+    padding-left: 0 !important;
+}
+
+.card-header>span {
+    line-height: 21px;
+}
+
+.text-color {
+    color: var(--el-menu-active-color);
+}
+
+:deep(.el-descriptions__body) {
+    background-color: #fbfbfb !important;
+    padding: 16px 34px 2px;
+    border-bottom: solid 1px #e9ebf0;
+}
+
+:deep(.el-descriptions__label) {
+    font-weight: 600;
+    color: #575657;
+    line-height: 20px;
+}
+
+:deep(.el-descriptions__content) {
+    color: #666;
+}
+</style>
diff --git a/admin/src/app/views/index/personal.vue b/admin/src/app/views/index/personal.vue
new file mode 100644
index 0000000..0b5fb79
--- /dev/null
+++ b/admin/src/app/views/index/personal.vue
@@ -0,0 +1,102 @@
+<template>
+    <div class="main-container w-full pt-[64px] bg-white" v-loading="loading">
+        <div class="flex justify-between items-center h-[32px] mb-4">
+            <span class="text-[20px]">{{ t('personal') }}</span>
+            <span class="text-[14px] text-[#999] cursor-pointer" @click="toEditPersonal">{{ t('editPersonal') }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form :model="saveInfo" label-width="90px" ref="formRef" class="page-form">
+                <el-form-item :label="t('headImg')">
+                    <el-image class="w-[70px] h-[70px]" :src="img(saveInfo.head_img)" fit="contain">
+                        <template #error>
+                            <div
+                                class="image-slot bg-[#c0c4cc] flex items-center justify-center w-[70px] h-[70px] rounded-full">
+                                <el-icon class="!text-[#fff] !text-[45px]">
+                                    <UserFilled />
+                                </el-icon>
+                            </div>
+                        </template>
+                    </el-image>
+                </el-form-item>
+                <el-form-item :label="t('userName')">
+                    <div>{{ saveInfo.username }}</div>
+                </el-form-item>
+                <el-form-item :label="t('realName')">
+                    <div>{{ saveInfo.real_name }}</div>
+                </el-form-item>
+            </el-form>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+import { getUserInfo } from '@/app/api/personal'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+// 提交信息
+const saveInfo = reactive({
+    head_img: '',
+    real_name: '',
+    original_password: '',
+    password: '',
+    password_copy: '',
+    username: ''
+})
+
+const formRef = ref<FormInstance>()
+const loading = ref(true)
+
+/**
+ * 获取用户信息
+ */
+const getUserInfoFn = () => {
+    loading.value = true
+    getUserInfo().then(res => {
+        loading.value = false
+
+        const data = res.data
+        saveInfo.head_img = data.head_img
+        saveInfo.real_name = data.real_name
+        saveInfo.original_password = data.original_password
+        saveInfo.password = data.password
+        saveInfo.password_copy = data.password
+        saveInfo.username = data.username
+    }).catch(() => {
+        loading.value = false
+    })
+}
+getUserInfoFn()
+
+// 编辑个人中心
+const toEditPersonal = () => {
+    router.push('/user/edit_center')
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.personal-body) {
+    background-color: #fff;
+
+    .el-form-item__content {
+        .el-input {
+            width: 250px;
+        }
+
+        .el-form-item__content {
+            justify-content: space-between;
+        }
+
+        .el-button {
+            margin-left: auto;
+        }
+
+        .personal-option {
+            margin-right: auto;
+        }
+    }
+}</style>
diff --git a/admin/src/app/views/index/preview.vue b/admin/src/app/views/index/preview.vue
new file mode 100644
index 0000000..13a342c
--- /dev/null
+++ b/admin/src/app/views/index/preview.vue
@@ -0,0 +1,213 @@
+<template>
+    <div class="main-container w-[375px] mx-auto mt-[20px] mb-[40px] relative">
+
+        <div class="flex full-container">
+            <iframe v-show="loadingIframe" class="w-[375px]" :src="wapPreview" frameborder="0" id="previewIframe"></iframe>
+            <div v-show="loadingDev" class="w-[375px] border border-slate-100 bg-body pt-[20px] px-[20px]">
+                <div class="font-bold text-xl mb-[40px]">{{ t('developTitle') }}</div>
+                <div class="mb-[20px] flex flex-col">
+                    <text class="mb-[10px]">{{ t('wapDomain') }}</text>
+                    <el-input v-model="wapDomain" :placeholder="t('wapDomainPlaceholder')" clearable />
+                </div>
+                <el-button type="primary" @click="save">{{ t('confirm') }}</el-button>
+            </div>
+
+            <div class="w-[400px] absolute bg-body top-[10%] -right-[450px]" v-if="loadingIframe">
+
+                <div class="info-wrap mt-[20px]">
+
+                    <div class="px-[20px] pb-[10px] font-bold">{{ t('h5') }}</div>
+                    <el-form label-width="40px" class="px-[20px]">
+
+                        <el-form-item :label="t('link')" v-show="wapPreview">
+                            <el-input readonly :value="wapPreview">
+                                <template #append>
+                                    <el-button @click="copyEvent(wapPreview)" class="bg-primary copy">{{ t('copy') }}
+                                    </el-button>
+                                </template>
+                            </el-input>
+                        </el-form-item>
+
+                        <el-form-item label=" " v-show="wapImage">
+                            <el-image :src="wapImage" />
+                        </el-form-item>
+
+                    </el-form>
+
+                    <div class="px-[20px] pb-[10px] font-bold mt-[40px]">{{ t('weapp') }}</div>
+                    <el-form label-width="40px" class="px-[20px]">
+                        <el-form-item label=" " v-if="weappConfig.qr_code">
+                            <el-image class="w-[100px] h-[100px]" :src="img(weappConfig.qr_code)" />
+                        </el-form-item>
+                        <el-form-item label=" " v-else>
+                            <span class="text-gray-400">{{ t('weappNotSet') }}</span>
+                        </el-form-item>
+                    </el-form>
+
+                </div>
+
+            </div>
+
+        </div>
+
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, watch, inject } from 'vue'
+import { t } from '@/lang'
+import { useRoute } from 'vue-router'
+import { getWeappConfig } from '@/app/api/weapp'
+import { getUrl } from '@/app/api/sys'
+import { useClipboard } from '@vueuse/core'
+import { ElMessage } from 'element-plus'
+import { img } from '@/utils/common'
+import QRCode from 'qrcode'
+import storage from '@/utils/storage'
+
+const wapUrl = ref('')
+const wapDomain = ref('')
+const wapImage = ref('')
+const wapPreview = ref('')
+
+const loadingIframe = ref(false) // 加载iframe
+const loadingDev = ref(false) // 加载开发环境配置
+const timeIframe = ref(0) // iframe打开时间
+const difference = ref(0) // 检测页面加载差异，小于1000毫秒，则配置wap端域名
+
+const route = useRoute()
+route.query.page = route.query.page || '' // 页面路径
+
+const setLayout = inject('setLayout')
+setLayout('decorate')
+
+getUrl().then((res: any) => {
+    wapUrl.value = res.data.wap_url
+    setDomain()
+
+    // 生产模式禁止
+    if (import.meta.env.MODE == 'production') return
+
+    wapDomain.value = res.data.wap_domain
+
+    // env文件配置过wap域名
+    if (wapDomain.value) {
+        wapUrl.value = wapDomain.value + '/wap'
+        setDomain()
+    }
+
+    const wap_domain_storage = storage.get('wap_domain')
+    if (wap_domain_storage) {
+        wapUrl.value = wap_domain_storage
+        setDomain()
+    }
+})
+
+const save = () => {
+    if (wapDomain.value.trim().length == 0) {
+        ElMessage({
+            type: 'warning',
+            message: `${t('wapDomainPlaceholder')}`
+        })
+        return
+    }
+    wapUrl.value = wapDomain.value + '/wap'
+    setDomain()
+    storage.set({ key: 'wap_domain', data: wapUrl.value })
+    loadingIframe.value = true
+    loadingDev.value = false
+}
+
+const setDomain = () => {
+    if (route.query.page) {
+        wapPreview.value = `${wapUrl.value}${route.query.page}`
+        // errorCorrectionLevel：密度容错率L（低）H(高)
+        QRCode.toDataURL(wapPreview.value, { errorCorrectionLevel: 'L', margin: 0, width: 100 }).then(url => {
+            wapImage.value = url
+        })
+        timeIframe.value = new Date().getTime()
+        setTimeout(() => {
+            if (difference.value == 0) initLoad()
+        }, 1000 * 2)
+    }
+}
+
+// 监听 uni-app 端 是否加载完成
+window.addEventListener('message', (event) => {
+    try {
+        const data = JSON.parse(event.data)
+        if (['appOnLaunch', 'appOnReady'].indexOf(data.type) != -1) {
+            loadingDev.value = false
+            loadingIframe.value = true
+            const loadTime = new Date().getTime()
+            difference.value = loadTime - timeIframe.value
+        }
+    } catch (e) {
+        initLoad()
+        console.log('后台接受数据错误', e)
+    }
+}, false)
+
+// 将数据发送到uniapp
+const postMessage = () => {
+    const data = JSON.stringify({
+        type: 'appOnReady',
+        message: '加载完成'
+    })
+    if (window.previewIframe) window.previewIframe.contentWindow.postMessage(data, '*')
+}
+
+// 初始化加载状态
+const initLoad = () => {
+    loadingDev.value = true
+    loadingIframe.value = false
+    wapPreview.value = ''
+    wapImage.value = ''
+}
+
+const weappConfig = reactive({
+    qr_code: ''
+})
+
+// 获取微信配置
+getWeappConfig().then((res: any) => {
+    if (res.code == 1) {
+        const data = res.data
+        weappConfig.qr_code = data.qr_code
+    }
+})
+
+// 复制
+const { copy, isSupported, copied } = useClipboard()
+const copyEvent = (text: string) => {
+    if (!isSupported.value) {
+        ElMessage({
+            message: t('notSupportCopy'),
+            type: 'warning'
+        })
+    }
+    copy(text)
+}
+
+watch(copied, () => {
+    if (copied.value) {
+        ElMessage({
+            message: t('copySuccess'),
+            type: 'success'
+        })
+    }
+})
+
+</script>
+
+<style lang="scss">
+body {
+    background: #edf0f3;
+}
+
+.copy {
+    background: var(--el-color-primary) !important;
+    color: var(--el-color-white) !important;
+}
+</style>
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/index/site_index.vue b/admin/src/app/views/index/site_index.vue
new file mode 100644
index 0000000..5c7b76c
--- /dev/null
+++ b/admin/src/app/views/index/site_index.vue
@@ -0,0 +1,511 @@
+<template>
+	<div class="main-container flex min-h-[300px]" v-loading="loading">
+		<div class="main-body flex-1 mr-[15px]" :class="!loading ? '' : 'hidden'">
+			<el-card class="box-card !border-none" shadow="never">
+				<div class="flex justify-between items-center">
+					<div class="flex">
+						<div>
+							<img v-if="statInfo.site_info.icon" class="w-[50px] h-[50px]"
+								:src="img(statInfo.site_info.icon)" />
+							<img v-else class="w-[50px] h-[50px]" src="@/app/assets/images/index/site_img.png" />
+						</div>
+						<div class="ml-[12px]">
+							<div>
+								<span class="font-bold text-[18px]">{{ statInfo.site_info.site_name }}</span>
+								<span class="text-[12px] ml-[12px]">ID:{{ statInfo.site_info.site_id }}</span>
+							</div>
+							<div>
+								<span class="text-[14px] text-[#666] mr-[12px]">{{ t('siteType') }}：{{
+									statInfo.site_info.group_name }}</span>
+								<span v-if="statInfo.site_info.status == 1"
+									class="text-[10px] py-[3px] px-[10px] bg-[#E6EFFF] text-[#2D5FFF] rounded-[3px]">{{
+										statInfo.site_info.status_name }}</span>
+								<span v-else
+									class="text-[10px] py-[3px] px-[10px] bg-[#FFE6E9] text-[#FF2D2D] rounded-[3px]">{{
+										statInfo.site_info.status_name }}</span>
+							</div>
+						</div>
+					</div>
+					<div class="flex">
+						<div>
+							<div><span class="text-[14px] text-[#666]">{{ t('periodTime') }}：{{
+								statInfo.site_info.create_time ? statInfo.site_info.create_time.split(' ')[0] : '' }} /
+									{{ statInfo.site_info.expire_time ? statInfo.site_info.expire_time.split(' ')[0] : ''
+									}}</span></div>
+							<div class="w-[225px] h-[12px] bg-[#E6EFFF] rounded-[999px] mt-1">
+								<div class="bg-primary site-date rounded-[999px] h-[12px]"
+									:style="{ width: statInfo.site_info.mix }"></div>
+							</div>
+						</div>
+						<div class="ml-[40px]">
+							<el-button v-if="statInfo.site_info.over_date <= 7"
+								class="bottom-back w-[80px] h-[40px] text-[14px] bg-transparent" type="primary" plain
+								@click="renew">{{ t('renew') }}</el-button>
+							<el-button class="w-[80px] h-[40px] text-[14px]" type="primary">{{ t('accessSite')
+							}}</el-button>
+						</div>
+					</div>
+				</div>
+				<div class="mt-[60px]" v-if="!loading">
+					<div class="card-header flex justify-between border-b-[1px] border-[#EBEBEC] pb-[15px]">
+						<span class="text-[18px]">{{ t('appTemplate') }}</span>
+						<div @click="optionModel" v-if="!edit_menu" class="cursor-pointer">
+							<img class="w-[15px]" src="@/app/assets/images/index/edit.png" />
+						</div>
+						<div v-if="edit_menu">
+							<el-button type="primary" @click="primary">{{ t('complete') }}</el-button>
+						</div>
+					</div>
+					<div class="flex flex-wrap">
+						<div class="flex flex-wrap" ref="shortcutModel" v-if="edit_menu">
+							<div v-for="(items, index) in shortcut_menu" :style="{ backgroundColor: items.bg_color }"
+								:key="items.id"
+								class="design-field w-[180px] h-[120px] relative mt-[30px] rounded-[5px] mr-[30px] cursor-pointer">
+								<div class="flex items-center h-[88px]" @click="editModel(items)">
+									<!-- <img class="ml-[24px] w-[40px]" :src="img(items.img)"/> -->
+									<div class="ml-[24px] w-[40px]">
+										<icon :name="items.img" size="40px" color="#fff"></icon>
+									</div>
+									<span class="text-item text-[16px] text-[#fff] ml-[12px] max-w-[120px]">{{ items.name
+									}}</span>
+								</div>
+								<div class="item-bottom h-[32px] leading-[32px] text-center" @click="editModel(items)">
+									<span class="text-item text-[12px] text-[#fff] max-w-[150px]">{{ items.desc }}</span>
+								</div>
+								<div class="delete-item absolute w-[20px] h-[20px] rounded-[999px] overflow-hidden"
+									v-if="edit_menu" @click="removeMenu(items)">
+									<img class="w-[20px] h-[20px]" src="@/app/assets/images/index/del_model.png" />
+								</div>
+							</div>
+						</div>
+						<div v-else class="flex flex-wrap">
+							<div v-for="(items, index) in shortcut_menu" :style="{ backgroundColor: items.bg_color }" :key="index"
+								class="w-[180px] h-[120px] relative mt-[30px] rounded-[5px] overflow-hidden mr-[30px] cursor-pointer">
+								<div class="flex items-center h-[88px]" @click="toLink(items.router_path)">
+									<!-- <img class="" :src="img(items.img)"/> -->
+									<div class="ml-[24px] w-[40px]">
+										<icon :name="items.img" size="40px" color="#fff"></icon>
+									</div>
+									<span class="text-item text-[16px] text-[#fff] ml-[12px] max-w-[120px]">{{ items.name
+									}}</span>
+								</div>
+								<div class="item-bottom h-[32px] leading-[32px] text-center"
+									@click="toLink(items.router_path)">
+									<span class="text-item text-[12px] text-[#fff] max-w-[150px]">{{ items.desc }}</span>
+								</div>
+							</div>
+						</div>
+						<div v-if="edit_menu"
+							class="w-[180px] h-[120px] mt-[30px] rounded-[5px] overflow-hidden border-dashed border-[1px] border-[#D0D7D9] cursor-pointer"
+							@click="showFromMenu">
+							<div class="w-[40px] mx-auto mt-[20px]"><img class="w-[40px]"
+									src="@/app/assets/images/index/add_menu.png" /></div>
+							<p class="text-center mt-[5px] text-[20px]">{{ t('addMenu') }}</p>
+						</div>
+						<div v-if="shortcut_menu.length <= 0 && !edit_menu"
+							class="flex w-full justify-center items-center min-w-[1000px] min-h-[400px]">
+							<div v-if="!loading">
+								<img src="@/app/assets/images/empty.png" />
+								<p class="text-center text-gray-400">{{ t('emptyMenu') }}</p>
+							</div>
+						</div>
+					</div>
+				</div>
+			</el-card>
+		</div>
+		<el-dialog v-model="shortcutMenu" :title="t('addShortcutMenu')" width="500px" :destroy-on-close="true">
+			<el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"
+				v-loading="loading">
+
+				<el-form-item :label="t('menuName')" prop="name">
+					<el-input v-model="formData.name" clearable class="w-[245px]" :placeholder="t('menuNamePlaceholder')" />
+				</el-form-item>
+
+				<el-form-item :label="t('path')" prop="router_path">
+					<div class="w-[245px]">
+						<el-input v-if="!model_show" v-model="formData.router_path" clearable class="w-[245px]"
+							placeholder="https://" />
+						<div v-else>
+							<span class="bg-primary py-[5px] px-[10px] text-[#fff] relative rounded-[3px]">
+								{{ formData.link_name }}
+								<span class="absolute top-[-5px] right-[-5px] cursor-pointer" @click="deleteMenu">
+									<img class="w-[15px] h-[15px]" src="@/app/assets/images/index/del_model.png" />
+								</span>
+							</span>
+						</div>
+					</div>
+					<el-button class="model-btn ml-[10px] text-[14px]" type="primary" @click="showMenu = true">{{
+						t('selectModel') }}</el-button>
+				</el-form-item>
+
+				<el-form-item :label="t('menuBgColor')" prop="bg_color">
+					<div class="flex items-center">
+						<div class="mr-[8px] p-[4px] rounded-[99px]"
+							:class="formData.bg_color == '#6F77FF' ? 'border-[1px] border-[##DCDFE6]' : ''">
+							<div @click="formData.bg_color = '#6F77FF'"
+								class="w-[20px] h-[20px] cursor-pointer bg-[#6F77FF] rounded-[99px]"></div>
+						</div>
+						<div class="mr-[8px] p-[4px] rounded-[99px]"
+							:class="formData.bg_color == '#0FB199' ? 'border-[1px] border-[##DCDFE6' : ''">
+							<div @click="formData.bg_color = '#0FB199'"
+								class="w-[20px] h-[20px] cursor-pointer bg-[#0FB199] rounded-[99px]"></div>
+						</div>
+						<div class="mr-[8px] p-[4px] rounded-[99px]"
+							:class="formData.bg_color == '#FFA238' ? 'border-[1px] border-[##DCDFE6]' : ''">
+							<div @click="formData.bg_color = '#FFA238'"
+								class="w-[20px] h-[20px] cursor-pointer bg-[#FFA238] rounded-[99px]"></div>
+						</div>
+						<div class="mr-[8px] p-[4px] rounded-[99px]"
+							:class="formData.bg_color == '#4A78FF' ? 'border-[1px] border-[##DCDFE6]' : ''">
+							<div @click="formData.bg_color = '#4A78FF'"
+								class="w-[20px] h-[20px] cursor-pointer bg-[#4A78FF] rounded-[99px]"></div>
+						</div>
+						<div class="mr-[8px] p-[4px] rounded-[99px]"
+							:class="formData.bg_color == '#FE5858' ? 'border-[1px] border-[##DCDFE6]' : ''">
+							<div @click="formData.bg_color = '#FE5858'"
+								class="w-[20px] h-[20px] cursor-pointer bg-[#FE5858] rounded-[99px]"></div>
+						</div>
+						<div class="mr-[8px] p-[4px] rounded-[99px]"
+							:class="formData.bg_color == '#6EB44E' ? 'border-[1px] border-[##DCDFE6]' : ''">
+							<div @click="formData.bg_color = '#6EB44E'"
+								class="w-[20px] h-[20px] cursor-pointer bg-[#6EB44E] rounded-[99px]"></div>
+						</div>
+						<div class="mr-[8px] p-[4px] rounded-[99px]"
+							:class="formData.bg_color == '#FA6400' ? 'border-[1px] border-[##DCDFE6]' : ''">
+							<div @click="formData.bg_color = '#FA6400'"
+								class="w-[20px] h-[20px] cursor-pointer bg-[#FA6400] rounded-[99px]"></div>
+						</div>
+						<el-color-picker v-model="formData.bg_color" show-alpha />
+					</div>
+				</el-form-item>
+
+				<el-form-item :label="t('menuImg')" prop="icon">
+					<select-icon v-model="formData.img" />
+				</el-form-item>
+
+				<el-form-item :label="t('menuDesc')">
+					<el-input v-model="formData.desc" :placeholder="t('descPlaceholder')" clearable class="w-[245px]" />
+				</el-form-item>
+
+			</el-form>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="addShortcut(formRef)">{{ t('confirm') }}</el-button>
+				</span>
+			</template>
+		</el-dialog>
+		<el-dialog v-model="renewDialog" :title="t('message')" width="500px" :destroy-on-close="true">
+			<div class="flex mt-1">
+				<div class="mr-[30px] flex">
+					<icon name="iconfont-icondianhua" class="leading-[1]" size="20px" color="#000"></icon>
+					<p class="text-[14px] ml-2">{{ t('tel') }}</p>
+				</div>
+				<div>
+					<p class="text-[14px]">{{ serviceData.tel }}</p>
+				</div>
+			</div>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="renewDialog = false">{{ t('confirm') }}</el-button>
+				</span>
+			</template>
+		</el-dialog>
+		<el-dialog v-model="showMenu" :title="t('pathSelect')" width="500px" :destroy-on-close="true">
+			<div class="flex mt-1 flex-wrap">
+				<el-button v-for="(item,index) in menu_list" class="menu-btn mb-[5px] mr-[10px] ml-[0px]" :key="index"
+					@click="selectMenu(item)">{{ item.menu_name }}</el-button>
+			</div>
+		</el-dialog>
+		<el-dialog v-model="customPath" width="500px" :destroy-on-close="true">
+			<el-form :model="formData" label-width="90px" ref="formRef" class="page-form">
+				<el-form-item :label="t('shortcutLink')">
+					<el-input v-model="formData.router_path" clearable class="input-width" />
+				</el-form-item>
+			</el-form>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="customPath = false">{{ t('confirm') }}</el-button>
+				</span>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, computed, nextTick } from 'vue'
+import { t } from '@/lang'
+import { getSiteStatInfo } from '@/app/api/stat'
+import { getShortcutMenu, setShortcutMenu, getAuthMenu } from '@/app/api/sys'
+import { range } from 'lodash-es'
+import { img } from '@/utils/common'
+import Sortable, { SortableEvent } from 'sortablejs'
+import { useRouter } from 'vue-router'
+import type { FormInstance } from 'element-plus'
+
+const renewDialog = ref(false)
+const renew = () => {
+    renewDialog.value = true
+}
+
+const loading = ref(true)
+
+const statInfo = ref({ 'today_data': {}, system: {}, version: {}, about: [], visit_stat: {}, member_stat: {}, site_info: {}, total_data: {} })
+const getStatInfoFn = async (id: number = 0) => {
+    statInfo.value = await (await getSiteStatInfo()).data
+}
+getStatInfoFn()
+
+const router = useRouter()
+/**
+ * 链接跳转
+ */
+const toLink = (link:any) => {
+    router.push('/' + link)
+}
+
+const initialFormData = {
+    id: 0,
+    name: '',
+    bg_color: '',
+    img: '',
+    desc: '',
+    link_name: '',
+    router_path: '',
+    menu_key: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        name: [
+            { required: true, message: t('menuNamePlaceholder'), trigger: 'blur' },
+        ],
+        bg_color: [
+            { required: true, message: t('bgColorPlaceholder'), trigger: 'blur' },
+        ],
+        icon: [
+            { required: true, validator: iconPass, trigger: 'blur' }
+        ],
+        router_path: [
+            { required: true, validator: pathPass, trigger: 'blur' },
+        ]
+    }
+})
+
+const iconPass = (rule: any, value: any, callback: any) => {
+    if (formData.img == '') {
+        callback(new Error(t('iconPlaceholder')))
+    }
+    callback()
+}
+const pathPass = (rule: any, value: any, callback: any) => {
+    if (formData.router_path == '') {
+        callback(new Error(t('pathPlaceholder')))
+    }
+    callback()
+}
+
+const shortcutMenu = ref(false)
+const edit_menu = ref(false)
+const customPath = ref(false)
+const showMenu = ref(false)
+const shortcut_menu = ref([])
+const menu_list = ref()
+const is_remove = ref(false)
+const model_show = ref(false)
+const checkMenu = () => {
+    getShortcutMenu().then(res => {
+        shortcut_menu.value = res.data
+        loading.value = false
+    })
+}
+checkMenu()
+const addShortcut = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            let data = []
+            if (shortcut_menu.value.length > 0) {
+                data = shortcut_menu.value
+            }
+
+            const time = parseInt(new Date().getTime() / 1000) + ''
+            const num = Math.floor(Math.random() * (999 - 1)) + 1
+
+            // 如果是编辑，匹配原数据修改
+            if (formData.id > 0) {
+                for (let i in data) {
+                    if (data[i].id == formData.id) {
+                        data[i].name = formData.name,
+                        data[i].bg_color = formData.bg_color,
+                        data[i].img = formData.img,
+                        data[i].desc = formData.desc,
+                        data[i].link_name = formData.link_name,
+                        data[i].router_path = formData.router_path,
+                        data[i].menu_key = formData.menu_key
+                    }
+                }
+            } else {
+                data.push({
+                    id: formData.id > 0 ? formData.id : time + num,
+                    name: formData.name,
+                    bg_color: formData.bg_color,
+                    img: formData.img,
+                    desc: formData.desc,
+                    link_name: formData.link_name,
+                    router_path: formData.router_path,
+                    menu_key: formData.menu_key
+                })
+            }
+
+            setShortcutMenu({
+                menu: data
+            }).then(() => {
+                shortcutMenu.value = false
+                checkMenu()
+            })
+        }
+    })
+}
+
+const editModel = (item:any) => {
+    shortcutMenu.value = true
+    formData.id = item.id,
+    formData.name = item.name,
+    formData.bg_color = item.bg_color,
+    formData.img = item.img,
+    formData.desc = item.desc,
+    formData.link_name = item.link_name,
+    formData.router_path = item.router_path,
+    formData.menu_key = item.menu_key
+    if (item.menu_key) {
+        model_show.value = true
+    }
+}
+
+const removeMenu = (item) => {
+    is_remove.value = true
+    let menu_arr = shortcut_menu.value
+    for (let i in menu_arr) {
+        if (menu_arr[i].id == item.id) {
+            menu_arr.splice(i, 1)
+        }
+    }
+    shortcut_menu.value = menu_arr
+}
+
+const primary = () => {
+    edit_menu.value = false
+    if (!is_remove.value) return
+    setShortcutMenu({
+        menu: shortcut_menu.value
+    }).then(() => { })
+}
+const showFromMenu = () => {
+    shortcutMenu.value = true
+    model_show.value = false
+    formData.name = ''
+    formData.bg_color = ''
+    formData.img = ''
+    formData.desc = ''
+    formData.link_name = ''
+    formData.router_path = ''
+    formData.menu_key = ''
+}
+const checkMenuList = () => {
+    getAuthMenu().then(res => {
+        menu_list.value = res.data
+    })
+}
+checkMenuList()
+const selectMenu = (item) => {
+    formData.link_name = item.menu_name
+    formData.router_path = item.router_path
+    formData.menu_key = item.menu_key
+    showMenu.value = false
+    model_show.value = true
+}
+const shortcutModel = ref()
+interface SortableEvt extends SortableEvent {
+	originalEvent?: DragEvent
+}
+
+const deleteMenu = () => {
+    model_show.value = false
+    formData.link_name = ''
+    formData.router_path = ''
+    formData.menu_key = ''
+}
+
+const optionModel = () => {
+    edit_menu.value = true
+    setTimeout(() => {
+        const sortable = Sortable.create(shortcutModel.value, {
+            ghostClass: '.design-field',
+            animation: 200,
+            onEnd: (evt) => {
+                const arr = shortcut_menu.value[evt.oldIndex!]
+                shortcut_menu.value.splice(evt.oldIndex!, 1)
+                shortcut_menu.value.splice(evt.newIndex!, 0, arr)
+
+                nextTick(() => {
+                    sortable.sort(range(shortcut_menu.value.length).map((value) => value.toString()))
+                    is_remove.value = true
+                })
+            }
+        })
+    }, 500)
+}
+
+</script>
+
+<style lang="scss" scoped>.card-header>span {
+	line-height: 21px;
+}
+
+.site-info {
+	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAACUCAYAAAB1GVf9AAAAAXNSR0IArs4c6QAAIABJREFUeF7lfemxJMtSZtbp0323MczmP//GDBkQAAnQBgmQBiRAAGRACeb13Xo7p8Zi8YjPd4/qbmCgnr3bdSozI9w93D9fYsnbdV3Xhw/3v/n8ev3j/Xb93XW//qr99k0/9/t1Xbfruu5X+xZ+9q30iPnMl5fr+vCptfl1n+en+/Xu7X1SZ7fV+vr4+Xbdbl/f39dR+1/j6dv1er25vVwXyQPG16KQjTmOr3GzqR/sGakgQ6uGdsHH6SfpXjQy2hvt3wztnb0ajZb6EURz3qmFQYE0hrR9QxZ9mMTndru9v+7Xvzxf1z/89V//+G+39x/uf3O9Xv96Xdf//m7q1gkZLBQggfFPTzL+7tf1+4f2y9cZ6O12v356F4NBE+Kfn26XFOb/XHC4X89PL9NSpNJyDXKNO1A012Es0BEGIoFAGkIVdOg+h4Chtwp2duvwXNlY02cM+YpnqjbbxBdQ33j797fX9be3X/+4/9P9uv6+2vDRfQAEFB3YSCtanUx7yvHnx+t6ef06MGj0/PD2fr15ijn6+Pm6Xl8bkG3NYz7qf1TUcO+RwWLZcjmgdmr8CjYVe3regAselhfhftYedNPTyx9Dtz4jisRKDMLpJ966uLGTcruadwp5N0DRbp/Tebtu/3x7/+f9L98tTQDiu0e9l5KGIVQH0T5/GeH7136e3wxAIJ220PPl5bo+vYzooBtBpx8+4u//7lHD0/V6PT29iujAV2XTIyWabIJIk/rUH+mSd+8i+gz6cYHKABIyveHIzBsGSTlOcJUtRwdTyYQCngAC4YjS30XRBL3b7f3t/R8mzH+tvalQys/D7OiAfkXGG6XfNFUYYGt+2u8EPBStIkit8Xeimf9+4GCkCl0IsWraBu6rl9maRGGOybqxEzBARTMQbDflhDeGE0+NJ32G+gIAgu7LYCAeT+lquPbdAKFTPbjgKOsIVgyMpWd/fBzh+9d97teP767rzS0Ouz61VOHO+1o0jWCn/0dFDv8to4aRKjx1ACVvfQgEgeHJGIOB7QIdGguuU0oXauqlC5Do5Vc0KBsjyqxwcQZOcaVB1cd0zGEwAALKawEaLaV8bQQd8v2+gACDmWY9gmoplk9fruvTN0gV3r4ZswpUI7KA5+X1ur68DAEttZ9fSCWwxiVtBB1n52NGIv+/Rg1P18v19AQAgMhoFNtyL3/g1BUAhVn2tso48CwTkEa2wnPHhbvZLYrSBBADIkFRTyKEHEA4A98PELo17c5KTMzbJROvr9fVooNvOavQcj4LDNpvrW5wmwSvdAFViK7RYArmFMYbCL8rc18X73z/p+/Xc59iRM+DUYI2AddJJ0qgLpuC3P25zTkXkuBBTTnaYAD8Og2mui71JwxzdDSSto/RWDQLY/T7/QBhIXs0j+vDOMr6jw8tVTCniA/WBowpxhb2EhiQ50YqWtGyTUR6xUYZMSicwNGiyEAMCgLRf+2oYYPBDuMlGPCgNzS6E0OlhoRj4ZmHMY0dEBACiCoK0toD4s+oGoY1BweqDSL4T8jARGHwkEdgAFgSRy67z+8DCKv9PaqllMFIzVou39IFiyEvne1iFNOBb5/v17tngGYDOVuqQDUKKXgWTYCy0n00ZpRn4PP9u2SAkzLJ/dr6yLeNF55uL73WMkwCmY59ram0iSbnz+w+vxnoGFEf/4mhUphmxBLB6Gp/958xrgh9CUdaPF4CkWlM3w8QQI048Q5WEdUQyreo4M9PtjBXCIuCMoys8dnWGvz0wxaLmSpc1/Xly5hawvKVFLwZOVAhMWINRqXXKnFa9b9gIbKvRqQpxuWWHygoSt2uOVpRvMGHgsVtgVWCetkFRTNYtUzp2xUUdes+EDhxio0LqGupjwCgbcP7/WYZRkd6hsGg0LDCZngf+qIgO1VgrUToeR9g8NRzBR8U2vLksWZxrzeIwix3to1oAVRZIq8M1K53DnD6T1n4NKYYMVvf8/AkRqnOQbEvcZ/mZda8VhDX6xkXQpB3kEKvTDSQbCph5kQsL8N5xhYwKQKV/Y4LkvZCm+8BCF3Am8E0VXD4b2lCWxiUVUlFdwptWqrw9g2PMqTONNBpU4z4+7LnCGyAdtnmopv0SOqT0S67RS6C+g8EhzHFOAhU9nW67sBshA+T7mNelwKp7IdxAMF1lOn96Q1LTmGe7oCibl38Ev/5DSIEQrUR/X37CAESexfFVRy+FaA93gy0LRnOBtGSMfbZUoW2GhE/su4w+uNg4OqwNGLJoDFz0Wk0jJs9Cn/0rwZ4YAH0e0YNLVV4nqnCJgs8mFe4Ed7S44+NhTXlxgZVjvCIOMPl74ZSuHpo2vrj7buAQP2Ac+C4CvJ1NjKhWlSAJ8FtPlorD/6WgMCY3n9UBxAZ+PiJe6beWoaU8zo65B/axiVZEBBG2/ZEuMYpx4m0GdLI/tXROPkzFh7pmnoUFNpT5O83S7FThR38TIJWp7Y6Sp1fhm8YaAkUjAbCpoIxqBgQKsGOar3wTrsqF3QgipR8j7816DFll+IP/CQTGZh8/MjooC84+24Lk+bkfQoGQliNpM+fr+tF7mMAwzRxBzimW1uqoDYuCeG+Ns9NKx9p9aETHtB6BDWGWGOyPI5RofSmNJXCzPY8Y5NA9LWRA6YKphhOo4NHwIDZiNVAUlQ0tN81Voc+Xj8w4CRzTpYFwjO+WMQV488KHhC4pSAlopHe3TctKnYKJuKs0M6xMAMu27Tf57azFkJsE92RU7ihVe9beP70dF0NEKwdJ/Ro0+27qBt4BikHYYGDBQDQK9Y/WJ381moWMYQrFoVCMZpEIbIj/WExElMF7bc8N1UoJHoA683mrGEDLwCKGyq5c9H8WTa/hgNTBgvN7Y1M1SgkxkiJGjyczQ3c3pFrgwgIYAJ9ixK+HSAs78FBoYpojby25kAEDePPKQkSiFpQhFK+XX29gbIHodOtTkETjJHCrGueshljyMNPbfiWUiwsFQJj3QoaPLoZmJSAQacKyo5Po4O6H9AqwoSORnkeHYRkuAASmO0J6BhOz6fH6DNyAp5hGc7Bt8ENCh0M2v++bYSw56lP0KwR3CKD7jWZNvNZhoXCiO5kb/O5t8/XqpBbXrQPSBca5gjmnhOFTrR+gF8gheW1BMEGYytKGdAWpNfxwMGTtZyhsaOGllq9XHgsBG9PIKm1vBNnx4z9H4Hu8kvKJixKjG3OLPzSDsTs3xBamuLGNus74gjkvRrCpC+AJhtIgx285gPQT3eR3wQQyHswby4l7gRV91EzeOlLhvdGIEu6pnDgx5YqtHMO5AfJ4+sapjEbIOSi6hLg7nh8s4Eh8lAIDNZ9CA6Osxk/C5YtgPDqDU+3dhzaPOMAOuHgg+cRGPK1wv/EI4SX+0VbvuY0tmOoaRi/+KUGUJyO/jqyLs8wkAOT3spcabfpSXkR2U0i/i3fedgKnVfybQCBjV955cHQ5ft1tf0DFsNMiYPaDsmiRQfeMiZqa0QHfDXiaJoOcIlXKhLNHU3Xkl4xcIRsRWMlo84G0ZrNUM/AD5532bNM9+utXI1orj3gBuqBtanjBlP0U1ofArTzeLEAMQRPHBNTp86QLBszSZ9/P3BYAHg1Bv7jrm8jA8Tuvg0gUJVt7pc/OSatpQp8Gi09c2PfDwPaIoMREmvVWWAAyrBAQYZY4gwEvSuSS56PHc2TE0CQJEb8IA1aOEL/UFlAsKygqYwSJSIMgFYjSgPat82O1ZSjXUxcPAbuLDRsQluRlmwAcWoIAehEhrOvbQGfpA0pGDh0KfmuEG/tk1/HpIWRATEACJuUerh9zOc2md+ihqAoKB6keo0FSG1mQXlI265RbMzNt1XJbL++oeEUGRh4wdpdCtulNGIPA2JmD5tQmse1Qh3+vJGmEFjApf7VOLJt6YATMfUFhrw8YqYULU2g1YjSaJge/0cVE3mnWr56zeTSm1zmgkPTUMGqrL4c6y+BAjgdPWwGREKjKYACKJTvBXH0YuLtW69DWAwMkipJQ9OztjQZIzgLzUMm50VeNzBETmlC+9czJGH42qO3OU0qcu6Dv9vUZV/ahHaeaMn28timtUx424VKF7APDwAkOMA40WpEK57ct1mbmWyVVpHJI1ECQ2PuFUyROsqRGoZr3MmT4rkqGOAsmY6tpKA2eqR8SMe3fas1rAgD7AyA5cy+XVFxnxTCheRoxf26vrRNS6Bv3Z68CmmAmG/eDAjyDpnuj2LdQO5MFCTS/V16IlKhXgj0qJDYAXBfVNOkKrIT/FgHvyw6GH2zE5QTtTUBqZOSGGM/OdlRGQUGXX6xarIxL9iUS55imiK04L0LjkdxyQjo045sUmo8kxprqg/yBuiL7QYqbu7jjweAMPuFZQLI97epIYDSVKKDsZlow1nnBbUkmjoBObZUs29iXHGGHR0wg4SRDOyGB40FJVce0kFrtN/erNrnQEYgDyniRIxZYxFhIS7BuY9IW1uA5KUKyraKls6dgFvXXWSo+6njNSBa4O4zhuqXjFU8V6odqGcKjjjUTnweDNXRnbC3KSBTTupB3hc+8/WAAN5jdBOnDO12taXZQFPFA6+39IVHtmJvM69U5aVBojIpwBDSlsbNNB5ccLTugLBMnZFAMx9zxWfzE6M/jZYEDkhe/45LwGcOZE0xupBqCfBbv3dBorVTUDSNwdF+1yhMpBg/utv05TPVef6Srhg3Af8l44abUiA0lipLuX4DQCDNy9+70MGgUQ1oJkNXptSUmhthfQODPaswDWVFCqIgJwFndsoEXhnAQOIQge0YD5mLEBza9cL9dVaDtQySKemc0YCR7rRd7fg4vd4AnTOLEIxiMcYjhp1syhJNVpeZ8BhCQMG3/t4FFelIrVdjLY9LM0IBK7WMXLZhqJwuS4J7KqoEBrPB3lKYMqABzFHsKxMxHRl/fSNA2GoVpQw9MjA4lfbK5ExeDhhuacJekWuLznRuOCIFUJCekwB2BUVC85ASmfr3fRazQTbNasxiJCm7nc4ALYMODrXtJStRNupinStIhAdEn8hKHApcZD4/HSk1JEf/wrWqjrNwOXX7sJ7QjdMvUUq7WhLONeWfTV1p+T4OCL3noUYy3LLShhUdCJnMSHb5dhkxIOPDqGRkgA3G6YI0cFbUxJwbRsIKLpSNiGQejWvxV/UwGC1QXVMVCzbPDJy4c2XTqa12YK7+ApgYtPJpKD5cxMS5oSrZY8MKYUc/pnK7yLUBKjQk43l3u7N5rytGlwBu4E6jHcPH9B9OA4bwCmBALiAFhKn0OLPALOirly7PwQyLibPYtdYCWHMCEiitt3ddXhHRUQEosjX/aIHNCKfFWCbQvLBQOMb1/oXIF9sTEqsl6noBEQ56Bgw6MBh1hJYqJJqinbSCNaabSq1P2mdgsGeoxs9c+Kb9Bx7YHTqHvlIxsQrmApC3yyzEZuBlUqM25JcEchz2abmyoaePRwidWz5cgxE9JGrTEghu5cyBstPtzeC279jeCsW9BDPbs04rYlOEwEZ/hAzQ0iy8JgdFggP+jWFG4MU9ReiP03Qi0Ci97vobGqqAgWqS1Q98dFT0nnpv9/5xYa/2EH7SeS7pXmUFHAwMfQr6qXhuAx+k6+H2AuBfThfmjWcgsuUr+XgcEFQVzQ4jMSronVc9ybxvCWbl4NJz7UbJcFg3nmFPwEBbLaFsf2Dve9Bzf1vErG10F4HrYOKxgGQCmKswqCA9/DTOb4vsy82j+ENVz+3iphIOV45x+Ru9d8GwTAKD0avBjUlfqr5mKYKrvKG/FKaebF0G+uDxEKdw6asn38cAwZSfDadkZBhMmHou0RHie/q6jSDuywo2yI6Zfajjz6N9FNxrDXAbPa0BN6yUrmG60n8zFE6qigsOQbSwNKJrCQg1VxVAMlu+MiIx6ePav8lJ00Tdp9OUaZUxxUblVvkmBxQM8ExEaS4VT+EUmHX5lh0fPTP5C9KF1vzjgDBNQYsRzNae5WKLkExwMBB9eGL/AEwMWKRTDMMvYAAHYk8HSw4FLK2Vj+P1b/60YeCW7exnYw4SJmoQlKHpfvO6AffJFHrkE+2mwiLyGTeYlxky8jvcPoLBDEHBIMCue0EHgohT0NE8OKADUZ1z3ITGoDrWz2dJcfa+BQvYHgOErkmbufGNDisdlLLwm8CJCnswOEsnQtidMwvMo8vRgoEEnQ4Bx3B5chDHAI1W9n/BmQpvP0BBbi7Q/oH9kmg/l6/R1nyeQVUxjpyjBeNH+qMkwXwqu4pCdsBA2TGzDd2AKRLLUdjBVsEhS+MUcSUQkLBnGitvHdc5GEz0m/kehmoUAqbkZ+PkLcEwPfk+BghCG6zGVT5OoAA3r93KFH2HWmCHDWOaZlzDPj1HgrMK/aFpuxRVmM/1H6UCCZ1zL2OyMOmcj1KzCz9wdCfQsHXmyyR1m5v/1ojQ5kS7+HDiX1oaLnYFfdSMewuwdn8Csng5aNA9cGXqhr8xyWFY9KW7NuR7Nlynw0sIP5xaUig7BwQoOmkbGArUdgBm5ZdlmGsHoX7CqgV4C0g8PqvAsECajHUO0viH/ktxEPG5E2My6tWf0oQcGAZAjbwDFioDBTK3IDTbynm/v5pnL1jqaxt3/Lo2E/cSIBf+w5iI2kj4NdOArtYxg4veuyDWx4MpIT5UUlDf7kCChjBjt8NrISX/iZ6ysM7hHBC2fUxFFQI+RbvlCbXK8nl9dJ+OKKKCugDmJfj5Ow5y/84sG4LxaS+SWpzujKYIx3P8HZJMpMoet4kI0e9wY4ZIA/0ByXJc3vV1YiBIYl0wOM3rE4Swgcr2yCcGRC3w9h2rFN2lxuerpAMrzHG77/YwuRY2Fg/z4G+9dyFx1Q8CwuzEK/KBTrLIC22awE4cuV7zZLEaWOhMT7BEy9kRCP5W74EW8+OYTayIJlAOHfVQvgOcr1NOBjqME3H5xMQCB3Q4M31KspvVkZIiQ0lfzRR7Cb/m/ax5pOR8FaRrrI6a2OsPQP41jNCqKgjxQWR2IOo8KbgJRCvfL9bcR4sIzwFhFdj2BlzsQBojU2SrCk+1lGkXZAtiY5ZAWZKMkePKl7xIpIdRWkE82uS6viBkmSItlJmh0Y4iiHZZTLWdmmOQA534chxaibWJRkxF++0eALOSRFvMywpJv0MNQYEOQdtMw8ylbc7wRz/L4Vv3eu9dmLw6YFAItlRu70sPUhPYW+ADiAarvGYMAphpflY/6M77eOlyp3p0ppAGDx/BFalSMlKrRRjT9RqeGbfXNTwTLE5RUsSQDviq1LYayV4HvSIENP60sYCbRTykKcaya8ajnFsuug7ZBla6JZaFTToCd58x73d0Cr2iI1d3vF26Crr0SMrgY0q6EKI4ZA8WFOcelcJpZmeAAAXFFbKKMAblGBlmF4B1QwoEQSgb18NMf20Wf5bBGwTO4oJht0k8MC6j41qig7oEN1I/KmWpxwSEhaMZIlp55CM1hKQfdVlpPb9jXE4OUhXDH5IgLj5asAzxXfLkLuMgYpSCL70QftAefACdXOH40sdQvrOxGiCweUxS7C3tcdmZ0pi3sf3aIiFeogJr4SERmpFlpOBC85W6TI6eHdCbbGYczzpAMCvY3ugP9QB0gxm2QlkglYp9UxRLDyE6YI+fGKsxTy2B3aQzsJTQ43XaDEsac1S+IRjyMcyMIy/ra1+y57Rma0CC274lIOM57QbsPgpB5e6xpONbvmSfIzuJFaMGCGz8cLOoPrQiFSAABPPOMv+d7APsRNnl0q9kmlUpW3T/uAYFvWwRX7u/vQLJkjksN2asosBWyGBjPwLRPjhJDHEBocxbkkqka+AnwGMCHm/Aps33hSm74gYuLcMMHTwKvbELBA5qCCNJeRDNHN0/axTVZ2qAAAxU92tHRQ9Lsdlr25XhSZhx4sZgTYNGAm+lhFb9DRp7HYKFtBnKE9/06ofldWG0+mYkWvUplykTE43Pvix8PMgG27Vcw3EuAJIozTmR0ted2k7dNCKRdvJ7qKSan47kKnjKf7QO4dF5fua8jf2+zIDU68mqxtrHOk2LQQD9K045klx9Ta0BAlHS+a4dsy51zUPYVRwXEcJmKxlhiiROpArE5BFFvNDKFS2RDZEOFSBXxsTWFc1iJVOnLRTWHNQMlnRMq/UjjXUl0TBX+qnhib4TC3ZD2dN+zCgEQ+WzymSqfdL+VIBotACySNs3osYTVa868OVryrMMjIkEZZGJoyLI9GJq6hDF5g/oiaAYxlnhgzyDnQba6kQYP+nkMvz5DL4USoLDxNq5UNGZn13gx4lYfxW1S7HA0gUtX31/KXvTmRNDLywkjR5CzDCwLcEYc9fh6NURlPg5FWfQDCdX6O/0gvnUoQ2quZ7P/g6mG88AAQZyfM1DD7mOIAunt8eaoLAWPUnzcjQjy++lbN3QS4LP7r8rUj4aS7lZSlASACxYzmNDKbISbZs7QLGT+kGCzaERddlp+Zaq/4ZtmCINCHCPSnO8cDhk6ARAJ/ZXeQN4RifjteM5+LWkfhwMhuMrOvCjdQigNEWbeGzO1GU6xus89OeCdV8Kw8wZhjfN3fRwrqdLAhv8LdApAQiBZ75Mw9D5TbAy1ICXIj6HQZfhoU0R1Rx5Qqx0MM5gGH2lwyaAIB4y6GA+F2u0jYA1PQdQSHcV8X7yGgJo9eimWEMAplPkQ21lnt4aElHwEulFyY4eAB2ymfJ+9SjFMAVCgWy+I800bhJVIAClgKZ22QVFRnJiKa5x96WYPJTTRgH9B7briDA4SHY0Vl3nkIIBAaP2MxBEilY6sw9sc8bgIoyEbdARJu9CRA9K0xoCs4QhhRNhFfSUr9ZZQCJVZQXgnL997sPRBpEcaTeXax637+SswRvg6HggNFRjGXjB6FaTJCpDSS1qx5AK41R7sCH6sMgv0Lf6NukD+VqGmrjPsHtlh/Yy+4i+dJjhBlv8gf6eHJUmIrKUruUtxp3b/mqOvAgIm6oSHAhhlUxoyk8bXK55ZSFNQmKjxta2FSdptmJxqUORuJVHVxGHeDHDBV/iipykP31/PJouuwohN0qeGHeKeUZj2zRqMwzFIWOI6T+j0IkJsNTXkT3hbsF6tElExYCgBtGZJ0YWARhLzHIYK78XoGPf7KDcz+k8rgCQSrpwCgQYc/VwtlhMZDxvN5AWFjXwoJHwyr8pV+n4BD6Ylxl9+46wKWdQk+7NTSLfpZhoGKk9gyHk+0Dlf03NV0pFD7SPQ1iIEPYW3JKnFxCeDqA0uso8LhBStB+Oyq6mb6+FkVcFCCQmsnA0FNyQ0GkxkQFPoXBienqa+wzyGcMnmKDjYpJCSF2jOJ8tMATqAkh9IVI52DL6iiME632cRWua8ssDRxgBuLnqLOmRPEIApUmnh4REq2DQH2N5FT7pa/sjYNC7SqXEKc/v54N7HiXQxura6Cu5pvyw6Hb7mcJ0o4pvT4qWroVtEDwFgzBlcBSOrzsQRUuDgFScoh99v6O/MLwFDFfRTkqX8GKV7c7MkYVFRbK2ZUG1ogSG8SWmaYQXiEphwg1Yv6UdgqW52c12rX4gQucDZKt7brpzlGlX9bs46oykIn2jadRK5/11Xmia0OZeZhcQDHaQzSIqLn6FSa5vNfoZHCcCgudSURo3CPchDtXhMk/bRxAVdfSSakDKUJ4RnH3mswxMUMXFDUK4xcBoFL3Z6vwcTk49dxwd+EPVWSqNxvTE5VFHoKovdFCkFGjjAFLry7Qvp6+Q5SVAnk8/slw5BJ2wZphaMsOkUG8NIvhPcV+F4ZIhXUH9dp/DlooOHMGgncfjTjsKKyAmwo5ADqdMj/sroLMnZct9CKZtINkcsk1DB50s9svPGDsVCwWL1Xy5n83RKly6Gn92HoHMCphNKkRpd3PYN8l4GHTkwTpWQyJlAAJSHHfsHGDdn19e6nVQ+T+anqy9d0HJe/KU1xAgvxzP8PcuqDjukfBmet7e/rZzMl9BuyhGnRgDHkBiPkcjrUOBJaiDpdECSx3TG31SMbGfJxGHMHborHHMG3OxK1IKQhf7mMsU44udmNJjxoNv7iXoT2JHIM8fHVAVpX/SuRgKGkYUAX2CNg5zEiIp/+IKnqqvwb//jJDQA2k02Z8dIQhkT4kX2nF6PzdDfNofsRTNxXjmBUi7xdO05Pj+w6KLkm1B2Hw4c/m6mFmzEX7XamzLN8Qwh590vN3nEgGJy6k40/sN+RoAksAhCzpSmvrdU0KwE7baB+qsBgRlORhCOtUeGOHc8ESMxlZT5QWgo/bJgUz61rHuhfMWTjYyMTxM03NpGEDMSheCmRU8q7I44goQHjlq3XaDSxXVZeFUBqln61ikr3WlwhBmyFevPUAK/XCvBDwqmrXiJRsFTtvPK2noTucJ3d7pZY6+xIDA3TWvgEcK+CAKbgMP/Qbr+dQLd5ZcmLWHaP2ajuAgzdT/gsFW96u70ik4wFXL77zkuY/iJdBKkiuKSc8dFPbHJsN/OHwwr+AMYOrpZYhpD+ZuxmFgO+4JiYX6tLClGBREB2f1b72C3SwqzvpBed2BgPJER1k4ZO86jK2Qz0gUrC5de6DVOQYRXzn64KUC2F4sL/IpcW3wKYOBVO5EvpK9oJ/Xdo2ak/EChnMQ/XS9Ai9L2b3VbclDKuOWR60b1m80XBy2wgpZMFJRwyzzc3L6l5hKLq8/0FhizDKwmHwMVWkeNwyjDAMCneQDYRvnwpzkvQuWqdppBmqxNpCHUhMVKpjUiNC5tJ7ajkIiz83PnYUwJpGvT7Lp2l7nG77lWYW7BL2JdBJO3qMkb8pUvT93HhjairHWGXLbmdGgCAQyMLEECJNaH1IN+c6G0/aBVHJ6JZV6pH4A6p/UEDZVuH4u9cMnTJsRhRRxXFBM6bGcYvjQ7n99K43gtrVadMDlu0g68faxg7ebNGpDloWbZAS0vfQQwUlDsLDfv4v7xBCzQEMEHhYJloZQupJOj0v9iDekOnsksBFYO5y2AAAgAElEQVRDfyGULQ4ZAHchtWDdP77FAGXLi4pCaWw9cEbxaM50Jzq7D/oWFNTSgp22+Dh8t9WsHHJBd72llD4OOtrtT6NxlqGcApXiLgl7lNIWQOr1ZUeQXimvBN6IBvI7iYU1BG8Fopdpstd+eb3a4JVqH9xQrkeB/NL2RSBTjww20HaxHRQULT6MWQYCqX38+PilEJ+ezH+yiIJyPkcMQkEOHPfK53UtzUB0sNC8DrAVbtlZbRRnL0wAYbHPso9s6RqTERG46OMSNNsn9hxNpme+vIiXczKxgs7IAZjRw1rn0fC0rZQzHMsONLDxFgOwJWRdR5+oXSUgw5FNHlPvbQjIl+AUMjQaytfCrZIdgXOZ70XpPRcV16vD2dOOi8ji8kcDCUOvYN6fDsswpBM0KN2vhzYzNslbb6FG/qrILJAtMrSoLPKvyJmFYi8QdclP+vvyZVeYEA9d94HghILkCDYBct6AVUfkAzuZVUrKTFwnZvBTEmmq444EBe6HdgFYkrhgaGagR1n9EOiNYMldh1BCmkkFQ/liLsbtQLohB83hHZkVO7LvkaJjWpWcx2AP5+qnUDV7dCPTUpBk5M3La4Dwzbpbw03pJ1ZClxsgsA/oBNpxagjCAvg6gg01vDZAUcLm4OnpO253div/hgRB+eTVSBZ5MVvr737Ve/3wY89+NiAIrS6hJnjGioEuQTC0rWHbUfuIn4d5fb0wODpZ1KcC22rBKvInBl4TlV6ifLr2wPXc+wKR8rlFCIL3BbH9JrpTmIHz85oYX56M3moN8KIAbsc9b1rOYL001LHKVKTGDZzd+IZ17/zS7xaOQ4oiVSU2Po8VEz2+RVGRlLyyyUiHyWVGQDjCrML4wst7PMT10RbFoYPbKvgwoZaZh2ncYkeq6aQvNdgsXQiKtlKQhX5M2Yv+Pn9+nVagV83wtS46xPKXNAEfYFFv3gRhmhBMCgYYXvMg3UG32eJU1PZPbYg9dKSjL+E6fm3Hq0+wP1A/tgNejp8CBHuAjGFHHpSBB0HRkpksJOZFy5pwJ8Q88N6FbqpHkt19RTVX7nBRafJVgztYnq0UjFRJMolDTcNIrMV9hmWzw6t/+iQAYTl7pt38hbi3kQ4oh0EuVrzktsvpdl3P7d2a0gUbhm2or6+0IHNb/CANGt5XXq2RzoxqHaykog4JolkDpQWT1ttceFp04NRMsOhJpAxDlQbTgYE6Ag5gYF9yCyCxBp5GB51313h0X+uXA0BgraTPjbv3UWk1MFiqUHZnTtmQeW09Uoz8R8GA5worHPj4aZ563FlOVhFuVa+e782YeX6mP406lD/REKtuCghgadf9aou1HnEsnQgEbwQ2MgB8o9j6bfeH+3XQBta7U6kLZ4nz7f3vfYSmFh3kIxAVFKCDAf0WFkmaF/aYSoNDLcLUkqut9kHIHL3W3lCZTn0KBIiF0xgOtOXrDBXm6hehnH+T/EIUYlqQE4l8/DSBYLpFWvA2gokZB8hn13QBHKY7ScdiJXr6psfPb2CJJhJpqFo6dOIG242AVt6v6/V+u+4NEeZ2dppG7XdBTZfKHHyOZt+z5/f2eBVKQaYjj1+kzEdyRAhrMLbrPxHWgfOCdeDyKRpmPQpLb0rzsxN7SgzMiGjN49ZTBhVRhKi41XaQVWeEQMd5bYJtl9QHrgz8T3nvwhDKh4/0XgR5RlLZlfgevL8Gc7Z/v67ntyOMtpzKEksFx0E9EXS2Wmn9fX0d0cHjH+y0FUcBSPH9I7NW298VCmd9rOlHmI3DyGDRFajfBIQd8hy9d2ESlNoeSEg7x/zpA4caRAcb7DY5WyGTNNsd4zptY7BPt1Uv6RRRV0kzIVDfH6uzO1oKIbfnbIAwPhIA5nZdujTvouxmTRZASODl4l2D79f19vm6bq2OID8O4an2zRt88Y8bGhB0MEDnOg268w2LrpoV4/TpPnxo2+FaoUV8QHhQgdEnSwaFdTk7QpgDlu5wNJAzFSoDhFEZ3escrHQBkKaeai8wiEMrPbRkM4XjCBBkD9IFCgzr+9WZTD17MvVeHtjqy9cctwR4zMuMPn3Hhw+k6Eu7mY+2PXDdz64U5Lpdb9+OQpyKECbolGtRIBwufn0S0+vL/Xo5jAyQ5sGpGI0uFOADxbrMY4QHK7ae0UJ7zIwMRInCkvDt/e+vfS/qXtxQ0HMhrApi+aupYg18xHPbTtG2qtH7wTl35MVImqnnHjeotQdFfV+iTlDX99yJfNFvPwoGXQEs+Q6+P34YpWo394dCczcNJ3u0ggzpwN61lAG9o8FTyYGJ57xnXiYYqOUWK8yhDHG3YG+8ktIpKoi4rUUGFhgsp5ekSxAhFE6zEUZQRlt8bs1jEIwEcDIHpR6WT6xNR5yPdtXoFAakYMCfWAWkIkOMjZQnY/lqYWbBlP4p+Kj7Nwi29v/8s0D8Y/ovfOv9evf26bo9Gd4Wo9RsDq0IIh0MXiDMZ/Ejolqk6zAHSM4GzwCFtV2IMb1XOAqggYAHBpKsSP0UIKTjAkYaAbnZztzDvnNJS2jgguflov0M5ThYmUh05M9sbpaupP2gBCBKKNoG08ki8IymcYAO37tgRK5yHE3yXWKHIZQAgciGghkLhSdf/JyDNYLLxN++u3XDYB8guihKhq7afdyuDgZf5o7uWRPoUfAoF0xjvV/3FtIvvZfS9CwocpJzJrD32RgdzLmzKwiEBd0b047Ta5fPcp8NF9pXlkS9naxzOO3Hvl+qAhf6EeiIiCcFUYyKCh2ZSlvw2oujIsKpCCQP1vxZVhWNUMR5XX/MCGHTNyWGP5hxrgZV0wkDEL59NzylBwgFzDN3CqGs2v6Ntu2bjHFcO3WPW9g0XADnbEk8myCaj/V/JvhUwaAybTlqCJDjpgdLiDpHagyg3ePorCxfXxWTkyn+B6KDQXkSVZvsTQRNWd+LlM8WJClDLfU01Cmvhwz55p5ed5oDlfalrZUWIZBnJ5l381lDvVetLkUX02x9es2jnLq9rusdRgiCyaPoYLLPm7hfX75cVysibgAgPRrHwvVKCQP9CRRzyuQRfaOREC6s09AWYnkFRAmKneqkSN8BYbA3CK9OO5547YWAbP4z99iBw/JNxJxj1QO40H0ykglKdpg7+s3f4P/7v3eBeT/DY2O52IwOHPeJ0lPjTui43Ng0kFlEbJf/+KOV4MmDkiSpJet3K+feEcdU1NHQmnMf7fzwbk47BupV0t15E1L5+TPVDKQvB3RjiqI1WGoi0mLqO8pXKGEVDFgEkjA/I4TCzAKMIwqpKlwwD2DLMXnoIDc8LiX/fts/kLwLTnjrYYnpLbDVRwHhbIPLqdvPISLaHZrk2+JZHbuXV2O+fP/4A6ijDTkQcN/a6r558OqdVts0F7Xm8YfB6QhB8/fDD6KGIJhNh864of3UwIDWGeyDXHb/haG1B7FoTDvCGnJ+7tOruV6Q0qZ8z6Z6DWHvXsj3UxfTUx6tTGr2gAbim3p1CgTL/Mxin5T6pCQxAkvcOf8c+lgIjwvNHQYZScVRZLclBJosJ0ppXuadkjqtoiZGmr//TpP0mGejDsjf0QOP70S3OSYr/rhdP/zQagjf9r0LXz7fr34y1AMfj275O6mDLYnRN0HiXo1ZI2i1XVjTc/vL7231deFkJJDHkWiWgVtqZYWGNG9bKjtuD+YSFVt9Nadj1B8IYFXFDxBO2VqOn/zFJKsvW74m+Q5PKWY6AsTmfv99/tVcz1xIs99H0TzdXDIe5m2DF7XCDzcLXNf14492hJAOmQOKn2aaQOsoqEYwah17yrD/DW3QMY+sWGMOB77mLoK70fjbtTS7DgYn6TCLENIulnEXjRW0iQ9IbqQnTGB0EPPA+62CwQ7+95RSKitr5ibVytHqui21RnE/E4SPIieAwOiRTKuGBsHbeMYDv/2GNQS0vKh1oF+6U0EHjWN7ggGCoK8ozjUAbdv2lz6bMPwzT6wfThJgjKkIjCfG0dwlZ7r11lZhtuindJoZyOjAF10ACAUGT85uA356FMsmaZzIgPTj6CUVm/OT+sGKrEON55rX9SvVKjSKEQD2ASwi3CkYKPIZyukxNclPeMqf2XfgvdT7b7/tkH+tiF3LcmFBXKK5gdbMgbpfP/34dD21HY8G0Skeww0fP71eLy+Ttt6WqGAgrlkCmsTGm9Lkg8gh6N6tLbgaB8im6md4Km5/sStbswypxwNKUsEuTwXGqlgJPNiDL2OJeTCUtswIDETpmQ0Ki6bSc6K4e/TM5E+lC1oqZrNJX+xyghCyqV9/bb/QQwhhuROKTEaTfL9+boDQD0nhDj01JLihnd/QphcfM78hb84tHgbEx6NDzrx5J0VTD2YB9l1bW9EuplP2MnTaszCpfVMc1GoIkkRzzgHnhYuKqnf5JsMidbrChXiGO2IJ4zv0OwmjlgqXHf3ot/9XySoO5dfVgozVLV9TUHRkHYOHLV85df3+11FUXPk/GgA2wZ2iEp2OMjXRP/10u94YO/0sStnT84YOBp9brQOugnWzuQ5yXFRAoLK/Hhh+GEKo1zuaas22WZPbLJJ2Mk5Aob7LflHUi4pssCxihR0XdHUZApkG3+JpWgqGE0eLkmw7sHzL7vcEEBjal5iHunihxMu9yRRD0g/jjk00kxj9BtiVxFLcy6oAQxYEYDhJef/+cCug8M3YMksbCHH7j2PZ3s8NEChlAFFy6gxPel3Xh1Yz+FzxQuROqQBO5z1QZLAhEfWekg6aeRprU4bVsp22M8BZU6gDCYaTqSruVBCcvaio7gKEBLTW5Uqjyz2yaQ5poHaPVX7x6fwZTnUhqlbErRZSASAE1geQG3hdKTddtfDFcl5Rbya7QSPW/RsQ4OSOaQik69HESJ5YbA5+/jmOEExe79f15weYWpyDsSYwJppQILASAolUw2LFgbKWY7KkNA3+ul9Pt9v14w9tgRV0MB9J1U9i3eEDDwFCOEDA/6ZF+pmkflCYL7VBhyIAbJ9/r75+3QKcynkJbDtucTCYdGq4ySMoloTGwHACPDYYyPaFfMXUYJPj+7+0lnRrSIvSCDJKmXrhPuPeJD+mvUcI7VxF6E5qH7OZDgavo2ZwgjzQiDzboP/dFlvN5co7ShhMDWDZwLHqCO3q03X9yBZXgTHMdKGyTCB3krYbmIAQSGIOzFEHbDBqJ8KehjYrME4do7awE17W06lx0524/Lv+ZhnWfNoXlrtqA+Q2mQCQDQoMLtl5D5Zhv/+1Fc7EqwG3uMZuQJmzty48tcScfRE4vvz8yxOrIYTsNTD4E6cWRTXQC52WMSPho/+u7TO0GOsUyElFDI1r7bkfqSgqFLycKqznzguKnQpdVGTQxwal6LyWturpjoL2VaMDiM5OphspqjvxBkLn0nieLUYqep0TQDCluBQviL4k5YXh8ELs8TtvwGuupwwGsjCwNchW11eXgCbUcP/pdv3yi04ZPFD748/XsYXZ+MgeKKAf6yzGh7/cli/u41HBfAAbXZswZpDTIoOf2tSiRMZtEAU/wYblxPGRCI5ShhJB4LD2GNeg5IQBlqopa8LSE1dcVQtLzVssFEru52Aw6UgEx6RTErIwxWR2AZ3GIr8ABia0MAHyJNrbGPf+/djtuHcsbiHiSFWAdztcZGBT2iKEvh1Y+DX5Q9uSTa+hY3xua8cDzwWewSD1r6rIAAzaUSJS30oFP/5MYCD5oiWQhdXEoOpFlVDaXI4QaiYNSKiyxriFRxjIAUT3uRWqgATITmqoG/5PT0aicezdpf04s+MJ0pnSLwCVkpIDvtHojqIimJ0zhb3ucIkd3pk5GnHe2i8tZQgAoYnpzz9mAbEga8k/HgVHSRD6dFypqcaV42dvuoNBiwxWAVFC2QCUE1IfsaVahCCBMKu7wGiNRwFuze+b+cLsnNZNV0q2eg5B1Zd+LvDwapSCoq8pKC5xFVIMbpOSV96Ae/VRMKD8XeRce6T1+ZG0DsGDYAXsG1udVIPOZ9R9/fK/dg1BsXi/rt//0GlCLAo4BqlHOfTuSKPYt4p+OkJZoAHD0wqIP//85O9ahLdTbRpzBckdpe8M/QhBGHdOBo/RYLHqvIDwKARGBdeDhRQ505uB8W1wcBoh0P3xymPU4L3KrBKDKMgsugIVhQRrZL86OjANNJCvcHINELyTthf/gm9LDHrD0KABgfiXn0eEoHi+j3MZ1t6EQM7bmW2dGbMGVDZpswiDSTV+vpqzFKQCBrQ4ofNy4Mg6XUU9kjqa1xAOjJQkpGnJ3dEx/XPENeM4RHvIloIcdnQOIGcCU+TkotLuJwkov7oPEuOKDtoPXPNdsu/X9etvr5PCvGJsyZvn+Lg8UJpk87hzYdKUUmuvpwl/tjMQpamLFA2d/k7d900TERQ+Cm8pwYinFGNq8Zef26yCvKL5OU0X9Orgilva92hAMNzJiQ3t/EVhJyQcIqydt1aikDw/0gwwStJpSkB+Qxa2eLeKnKxzWHKVogoEsUmKXtOm04ZFd8KTeTkRoDXS6D4bINBnGbzBozI0U/HAE3R7ghTwdl2//LQjBPKUrWbQDkUVgcuANJo5FH2xM0Joumwfz7QWIPF3VfrGR823fRaNRvNlMktou25QsQnGV1G/PUrtCAGEc2QTgMq7w7iF3MA16XY4pNSJAdDxPC7xkgpg3ICLVU/itdV8grq+0R0sRGJWmSsvtyBbvqxuYjXZIoR2QIrQqRHTD8X3lD4Pe0Eq8+aWk1PK0Pr4/Y920pGydjWdrkiX9GISgjohQckRa3ukg0FUM0DYnPKpAg7mLrnc/LH3AeGRLcgA3tvP5u7ulIEcRLQVR57JE8/pFOXpYSiKygQUlD0ngnCxrAg+yqU6YYbb3CTg17m5aTzuRC9Vmth9cs/AvXtf2v7cphZlZIBOWGZaioT1A4IhYZtQdmDLknsDgwZWtIXZN8kZtszI5yhCUPYX92Jd/bYpw1e8d6HK+BkYQFHosNCy+qHxCWULUUIaURhQefDMtkk8accGQLO+VTU8FoeiHUv36EyJwW2//d5qCFg/wNG208c6SHPef26A8DSOfm9gwIpxlpIF8hDYwxZijV6HhMd92hqJsrSAqJB3v/Jv1ATqnqJ4p6vNYcpw1LiJTommzw6O+nENG1HcMJCi0cHQnkT+rNJ9MH57YAqGqvS5sPYgCoUtrXDJWH0xCYFBGK3Nxhog0Aq/lVz1azpaWIV8WokqDG6nKPA00Na2P3/8ONKEvoy4H9t2qXenZnKx1UUWjPEkaEgb4WEEg9jpgf5Ob3SU5n6D6KCPCFu6LKRwZKhssUlkfTy2OunjLDqYnliSUghFFk0l4kYHextrbZ0D68N3mIbvwOXxFoG7MXW1gM8adNxQIcY96Py3fqYi75xVDgI590vh9f0uCqraD0OC6HAtJSi8fduVEY0zyMPIdZHUlh78JNKEEijMdkvqR+Q8cl6JgeHutCMVVktECXAzgmK9pEkgWsFOWbTMeQEC9l3bez1Qec3rGkLp1hr32rQjk2vRUJltqOggmFmQNi0UAaVngkhfc0wbdUAD2Ty8/0LbESHwiGD0OY024J/RZirjkDce3soPF+ArYtghLV6IRLmWCUYTGMg7rXk+fpZkW3nYopV17NkcHtuetP7q6MC3kEXKYVpssW/XEBAErafkb8Alq7bHAeW4WkKc3WF+P28w8zAuK4mRchujPvN5dlfHEjlzAAlNmLVkG7juLHSMQYuejeIjrdIfh79zms0J7SlNGPoizxtAgMIpSL6SUCra4reqf+s+AhjxNq4VAbXlyPfrx1nLoOim2g3ReaB+y45OnKqnbm5RMTc8baQUpFVeB3fSPjM+970LWELb4WIBk7i6l6OJDQJqyjFY1sgGujjqADfpga1mk6wBO1hD/70UC4yAL0QKNtoYBDRAkELuv0RyMixIwWA4VtOTmyt1RLEZUbpiVcIB4iM9MvhxvGQGoQrl68PxALxHVyUWz/ENXc8GBMZk4q64e+y6svM2S7pCyg/05QOI1EBdta4K6thrzMXQ+fsUhT0Y8vPy5M0dmMMSBivBKQWMQ4WAphCBC6mJMOa2f2B8Nr1634e0RGG0ZqgDLxbq1+3U5iRKYkJkJCEcjdBWvtmZ0gQGBumBwbNdGtPDJcrG5MaB8epbzaLiUf0A7H8LPnF9QgZVDk6Livn9ds/V9QdqUc6hx9cL7h165M+F2QXT0SVxq2NzYv93ULSULnH+3V7lxtve3hvrCB5w40tdGK6s/gYQ7PH2BgKLipwPGV92tTYjJFL4neY05iwwOE4XpkKow2QyA6mVrbJWhmjlLENRp033MuSHLRhqCWBQic6ks/JNxokMALAqEqmCweaT5okP6wcq/vWpY2PCUA7VeDxvjl8Nn7nR8k6dKUIjdTBApx1Esg4WMRd4iOm7IJ+kQMCKBsa1GXIjOLEjmbSWylWUGJv074YscPja1KJME+TCxlj3dgfcGdcs5FHHZ9HEU4awEmo8DoLatVxXLVcDxxEIzUmHNqe1/qROoca8gB4q7C2MH7OXxGNzhwsqWIgQFPmn0YECUlDaaBu8Cwjd/+wcuf1Fi25YaACeO6C5y76/JBb1TQ9adDbF4igATEWCuDcDg7I/AqsuqsVm9rtECI/MY6o3OdVc0YmhLqOYUtJhpewTCoqHkj1FWhYIU1/VgmJRUziAPLhvIQAqV0Trgpavu3LOGf62ahC1d9y2pzH1zBQV12bUE42jPtYQ4iSKmmaPayOTbtAkXdwmAaQfbiIKiAuf4uUTTB5rzcTheR1mvbTgyKJbRoQAzqec94AEcfUYgy3Wsw7pq7Tb86wWEGwrOwEdxX4BSHR08EDKUBAAeUD2Xov+oyTSye0XUNka6l5mgDC8O5mXGzw4INcAYScXqAdYFJ0gIF48zMZm8j2q8Bxi1jJiJRso90OO7p3gqoBhRjG4TLm1SAeiuq9kn/Ql4p/bLeeMS5dfeaHywJ7ZQbVwnqmcmmUo2AJvU4UrSQsPhDc1495DySgoMsTQP5MaICitUEwfQXPKtWQ1p8hPhGGyG8igfv+QUKquRoPtnQd8Tb41Mb0BR02iEB5RRBroEANQBg663sK3TmtAV2A08aunCT+MF8Ooj+C/qH5sO3VVlxAQTp6pRQhT6OX8nqULTHRRhgmV4DoLJ1OOD83jTlJ0Acmi0TCMwqgj4FTQnDcJ8k3yGubhlLtTWG4r9HLisgF+OpFCLXT4wEA7nGR9Vp0KdYbQkt6xwF+tPlyhrS/7Rbry+j7RgC9KkrMLM8Xs5OgiGnY7IoORJrifydaRExNTjpX3LnyPdKFDwF9+e2Ub0Qp1sSGLxbh874LTgqo31AAhz+u11tcGQxhHwaj3E0LZChbOmj/oSxfFbPm6TRZAQbWoiMW6u2ObnsG2V6Q1QLDAwnyz17Z+2pzUPfl6jZIDDOSGFL8ceIZu5ANg1W3bMPd3LXp4YMg67Wkq+NFGJhBB2YHXzG1OO06qE91Be5iLkaL9agYFR+hp7igVjdoU16cON7YhyGX6ws49KIABEb2UoyhopUyF2QVm3I+AAbMXR76ecjnazyKEQDG5XPn4y0oANoMmz9MNpF/UWIDWcZdRg4F72pbqH945aYIOTqKgBs15wNgkmuhI0zIRUKWgUwSDESFQUbGEm2KQVPgnSRO+54H6QddPk2OmBnt3W3npscK30r4KBQY+gWoYlnMqhGHcFD0k5Q2Zjt1xiFJ6i9jVsSNfS7kS4PnQaghCiW2yxn33dbJx+4NvcChi6WyHesH6AUQ7vTFIGRx3Q5FBya7KzhXk+0CUkEfOJWrVTQsQTgRtL5esuaOjcN6zA6W9XL2O+gBFjd/mtAcwmtsuOc8E0k1JntQOlvXFSuHirCHfAYRBsG00RnwgILCm5ykSeHYx9UNAkI1l1TvuWgNKdwDF+AU4hEaPwGA2Vrcl0KngKDnTs9QmtY5RYdQQ2DbWQoYFKKjXxiU1hANGMmWQlA6bqZ1HoGyGlCDVenEQRiJyphxFTeGeXoQ8Topikh9YiwsGKufYDA7yjW3O/pD3hz9ChGApN8QPnu7vYvRa0MRvDYGB9LXTCZ4Z4IAdqD6n/lqa8K6lCdVP6sBkQztk3uNnz+QwWxCRtlvTqNIN93VA6HzoAmvY3CYQVZF76mV0uGO1COl5SCStC3LAYh+LWnkamauWYBwKrXwkUThQoM8GBUe+apVAnv+5JKwLm2oCAvMwLwdIkecQENAomaIDTBDQz9K6xETLxLXy7rt2YVGmElu+rQ8EAzm6rY3Pnw0oI/CZ/z4/X9ebNxaobPRob55u74sYU9j2IS5KzFxBWIxDB8U0QGth3ZunsdeiAhwqQkhBBQZNZ7CBUaS7vuyea/UDNNSUA3ZDl2vBQHdEIW4uPKvGrhBV2ETGoLOecYx08xAQoPgZPyhQwyYCGbRL7UgzrxENlpGiwPHk08Z4EZF3M+g24KLXJea983I/am0mRW0F4tt3tBTJVo/X1+v69AnWWC775hw9P9+u9n/3c79fnxsgfIFSIgSFmnr5Cx8cuyA59KYBwpun8d4KG6TmtGOiP1w3WQQrh5MUVkDF7OCgIB8U+ELVPFrnsPQ4NWr0LvX96ialMfnC8LYXGYPgyFcaZ5D2JN2vBTI4AK5+BI2hSBcgILIAENv7YGgDyywsNslAFLtYdPAjNCQ28FBk7K9kp8ggrvW3Mxs/fbLiEDrSbVxrEQIHBBDapIMAAefsmErCH1zkwCVLhUBfp7fjqV57l+R1vTWil9v//e11vaEqdFygFdxr1zQ8rwfw3uOUQaroWd2A2U9uIWyF3iNnH6zUtRAZKFv+TysmcgA63b+ACv3po/M0wzs0YRwUzGUhLTxMk9gwK2ubHvTpdr17K/TQWWbXIoSWMkROpQ2dBgRAwrnZq6cM861SUkUcUmfsg5Ol88n+gJaflu5ITZ7f3K63b3c6sWoIia6yWC2zSW4AAAv0SURBVGwvhrCsyXBPp9ON0jEq4gyFwXoRk2IYrXlL2s2HzHnyQHBKOin4bDH3byYYaPkqdgsY7TAIWrWjkUfAAKnsobXw5FYQww7ZwRAAoyO2wG3v8DBZTvQAD2NtOfbbBgYQxkZibPx8/CRctyHUFp7rlAEV/HZ9/jLfRs2xQuUqHqiRXuJ8ydAfWDfBkAtrJ9f19GYAYas9HAPCJspDdCOMOqkfgKzsFEOCwZbiSRTiewzLVMbda9/CUta8kIhjXKlV7HGTldiD+sGjKYPpXUYeriMXy0Xbp2E0QKBPWBMSBjz+dMyS7p1Kgq9mZ2wkTTS+WhPNS+JZ7VK7pVZQhKA8OuPh3sGA5+tSwa/r8wu8dzIpcGdOhl9HLpBS9NBjZBudPVKgWYY0QoCeYHhtrTDingSs2RPSm7DwxFGSfFbCBqp4cn0/o3Y3pgITAJ947WUwbNwytRQRhdmIwbeJeTHAm+PnDKr8GQGBDd+kg1f9uRLb16AHE0QMBh2nxMCAvUwmrjU3uhjQ4dJp6N6cZZjKSicjtRkGTBnUqAt2sUSphgDQcC+w309skCUidyTYVmL2GkJBt+duNXkupvUo+JLTVIEpiO+praEiz1MpXC6qS5yP4aHo4GSdg3AWg6ET7226U55HcyQ9bF95T73M0xVRIDsPEFgWILR6KyoKiN4nuP811/yDBS09sCaPBCi3XYs9TUAgXRFHbBV3qiFgm1j0nCQ/t4r+mmWYN08iSU4vAhAMf8ppJDuZ/26TNpwQC0sllOzNaq2pVmhcgBDo6Y7apgK5g2ecRXViqMo58pEScoI4RcxTVwBuFWULoLBzNJorzntQYMDTNtOOyT6HFxXaa5xH4I5ZwpP2Kl/33gUPuun3T5/b6UbJ1GW4RJ2QdNdVMP9n9kxJhueMplhXZEDbBmmSXhirN9J9HQJMO44x03f3Kb5noJ+MGVYmNkB4+UKP80YwWmjgcmtzonB8AiJFW/Ld6GqyaW6+pTUNuJgTsnK/DoKjpaMIweY51r6TvH7ZQWhvur8VJeV2qsetAAiDb47uUVfUpKqLBQ9J89+pcyJf2eYpGKhB1QqpyFYMolpqJj9/hk7ms4pfNJSpoAD5KzWlCGEsvtkvafHmqS39a55wF/o0QRWVGCnD4Ms4snEJYQCCGQ6tyHMAAufWUhWcDSiq+vXyer++fGbrMDlusbG8FwEBHjp5PXVFsEqfD967QM9ai1M8gS1FLBE37sZcjK+J172Yil400q7iYTEkSBeWMB5JG9APbQ5Msj1LJoM2uscVfUtiacQwzztbdk/b7AlcxoVODlssFy/93WAA3C39pjMf8xcIyRqCB5oNDN68AflC/YCeIUCwR2G3TIAQRvOG4vdopk2RCpatVCOPEEzHKF2EQSI8V2HATy2kBvLWHiom2qGOiSFsqrEIy8yQEgNCO97GkstXNVsEHVNxBxLNS0K+Fs9GX/bT42ETELhd9/t4s9jioG8smMHcy6B1PmbpXIu2h7c25AvWUvEVHRDa0mXv5jlAbdmw6lMck7YiBEa0Bv8W1fTlyA982kKqEan5n05yqag4mea+wy1lML2ugMEyinTrMjeD9VdlBEEO9frB6GHNw/c/891ZjK6iADiIoCD8BhTbCfjk92v5OihpFke97nsFHXTIVUmIGjZAiNN/w81rM2rYBy8te23rDFr4Pj5I6U49THB2iCWvy4BMCvg+6gdymbB870J7bf3Ly1xkNIHJKl4/wwKiBzBhLLUWOCsBrQ4Iyw6kMDW2919S49Ys5fWGLfFBxVaAqoAYGITGSnye1w+suk2KzOS3mODQG/IWTONLgJGDTrzUj+SrFiUFoON1r1bhBelCZx9qNlqW86UsE6qpJqgQag/fWMO/NhgZ+rs7jfdsCKdiRT5Sh/m+Ab5Ai5YTv7Yawgs4H0fGDVwasD36aePQC42yAZRVNUJwfLNN27w5N/D9eA4gWkqLscQQkMh+a/l+GqQzhGN0PRohBPOTLhgEfZksmwjBQdeNEMSFACeutjR3LVUEB92fcaNu2vlnUQAaPI1Z69oQRqvKt7A9hVOQRUU9MEJwZXQbU3kDjLZRyPZbytAMdUdRBgVtGfRXRggjEgGbA59Av8YRghKSPD/Ri6cObA7itC4yFZFLVYPcqjJyiOrO4hEPcZl3pL6ClEEZRYE+bpO1sCo0bgcUFvmIhwsddV7t9nHS/jT+L937zQ89DzZNEaUaB/ISs50tX5T0LgTi6UpDlzBNACSS0+Oz4wjUFKSI7c+eDjFAmAou11L0GsILbZozPNYUXwMEer2811/0uwQE6948ZaBz6cVZ+NrkdbGvSjQb91ATt7DqdQC1jGKQlRirXJnYczpXc7X/qcaegwysoK/cQYgvKPahcdnOxV56vHrQDYTiEReT7seU2iI/fnO0ZZR0kvZID6xDfXFAB0A8TTAg+eoz0ycTBtAXcLwHPF9oc1PbA9AoMx7sgNDPJZih/rwJb6UIIT4xvG2j3s1UbQvvo5RBDTsMYBEQsNnUkjJbM3nJ0wsbv/Pntv13nayMNlC49i8UR0A1n4tLoEn8gIuXAX0hxq6LW74nYEDdRs9QfoyVxeEsrV2qkw5VYNxauwBiTtPO5GD5+R4ZzDRB04W/PFZQpLpFT4UmENChJGPaeDuctnGo0zK9nrXSsqULW0bU5tiBuO//ekCQU49nEQLIzd6vbqtAXgvQZJCRVtKFr5kGJECIJwqG4sXpQlD5r0X9IkgBiE4EaMLiCeiwBmRrznsXpD8Q7C8n6wReQ9nFByYPdmHQ0o29ilJLnRYmLSxYaQIHfpAvhm6GMG23wzzEOih5FEuH5ycgWGXgeamVD9ZU4QRACYS9qNhqCIu2CQq9xrKPoG/TjpVTjyxDb6DjbbHG+9MIgVd926N5EnnihXMA0UPU1SsdOcfxFot81EG2EMn1kImR4nMDqGKzcq8mcsgBxJGvYcCWoqXD0JbQNt7mqRtKLA5jpvhE+iqHsv1NxudzZaBZPpMslGmkLm2qcI2b42UaPW1mYK2wNECzRwhQVETlRihrxclHAKH13aKZZTdONNnaDgFBRD8CJv0Y9QQQBrp6bVnqVl9NJh1bHUQwSqhry6I2tZJBmbqt2MAS1yNgwDp25OslfU5/2fC9tggB7FA2gylAFC1sXdHrNJrXpRm5XPzzDqHgRQynFdOzNoJvtNZTJgMQxoIqXf8YetAAgWYZ9gtpoHg+3fApIDT22tLlvp8h8qFTHH1z019+u//lft3/SpkkSHULSopMo20+GNr4bUBAbNytFm2GdcKe8XFsXtlgsI7fKCLcQmCYZTqyLdXP1xcSSREW20qAXFVCo3Aumj/D8LVVcqz/ueCwTTnSR4LcSiOVIu+Ghz0PcJDT87Yeig7FycIlQAAskbURNf4zYum0BQuqFiCANOjdFDgtu1cp6lmhNc59c1MeDUgzaLS/e356f3v/+/2fXu/3v7csiANoYuogqNTmxA01ewNQeAB1zmYlRCW7oCmMpML92lDj4oPJctKPezmw4NPTkRQfOLaznxYBjK92mODythLyeFJoeGAOLma9Qaa76TOGJsMzbDpVtE2207ZYU8rgvbNxAAIgKHNNc2EcGzMePVjun2UwhTS50fn8fPvn2/sP9795/XL/1+u6/rdCcTPQ+DYFNWo61ml+dYjs7PzEpWzUVCiccTdbqlxEN/IOhZXNS6qjaYGk33Cdg5KtsjxHvlZYY8gvxT0ABBc4HHD3aN+5+ECL7uSFw7QLioIB0cGBeqyUoa/6Y55Ge+5GH64dsEChA0IjgMkC/yCdpKftNJY/Ac2Br1k7nYH/9tvz8+3fr6env+1SbaBwvVz/+Hq//u6a6YMdHTjDCuBW8/aA5pOwygwDGRAZX8VWmaGmWol0yUMA/VqCqdOJtbDLVFnt9OkHQbzbVB1DIg7C7pcApQLTMm0ZwpVqyRxGgIA9dTvO+BssSgonLQQi1uDC1F0//w8iiMD5q+q9QOR6aQnIbmSyVAiGDo2+F+r6/8eZA1YENoBF28SW0WZ0iGADxPE8On9HVRPb+zfPt3+5PT39w//56x//7f8BC2FXz+KgE3kAAAAASUVORK5CYII=');
+	background-size: 100% 100%;
+}
+
+.item-bottom {
+	background-color: rgba(0, 0, 0, 0.10);
+}
+
+.bottom-back {
+	background-color: rgba(255, 255, 255, 0);
+
+	&:hover {
+		background-color: var(--el-color-primary);
+	}
+}
+
+.delete-item {
+	top: -8px;
+	right: -8px;
+	font-size: 20px;
+}
+
+.text-item {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	-o-text-overflow: ellipsis;
+}
+
+.menu-btn {
+	margin-left: 0px !important;
+}
+
+.model-btn {
+
+	font-size: 14px;
+	padding: 3px 6px;
+}
+
+.input-bg {
+	background-color: #F2F4F6;
+}</style>
diff --git a/admin/src/app/views/index/store.vue b/admin/src/app/views/index/store.vue
new file mode 100644
index 0000000..b9704d7
--- /dev/null
+++ b/admin/src/app/views/index/store.vue
@@ -0,0 +1,997 @@
+<template>
+    <div class="pt-[59px] px-[20px] app-store" v-loading="authLoading">
+        <div>
+            <div class="flex justify-between items-center h-[32px] mb-4">
+                <span class="text-[20px] text-[#222]">{{ t('localAppText') }}</span>
+                <el-input class="!w-[250px]" :placeholder="t('search')" v-model="search_name" @keyup.enter="query">
+                    <template #suffix>
+                        <el-icon class="el-input__icon  cursor-pointer" size="14px" @click="query">
+                            <search />
+                        </el-icon>
+                    </template>
+                </el-input>
+            </div>
+            <div class="flex mt-[24px] justify-between">
+                <div class="flex">
+                    <div :class="['flex items-center text-[14px] h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[15px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]', { 'text-[#fff] !bg-[#000] border-[#000]': activeName === 'installed' }]"
+                        @click="activeNameTabFn('installed')">
+                        {{ t('installLabel') }}
+                    </div>
+                    <div :class="['flex items-center text-[14px] h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[15px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]', { 'text-[#fff] !bg-[#000] border-[#000]': activeName === 'uninstalled' }]"
+                        @click="activeNameTabFn('uninstalled')">
+                        {{ t('uninstalledLabel') }}
+                    </div>
+                    <div :class="['flex items-center text-[14px] h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[15px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]', { 'text-[#fff] !bg-[#000] border-[#000]': activeName === 'all' }]"
+                        @click="activeNameTabFn('all')">
+                        {{ t('buyLabel') }}
+                    </div>
+                </div>
+                <div :class="['flex items-center text-white text-[14px] h-[32px] border-[1px] border-solid my-[3px] border-primary rounded-full px-[15px] cursor-pointer bg-primary hover:bg-primary']"
+                     @click="handleCloudBuild">
+                    {{ t('cloudBuild') }}
+                </div>
+            </div>
+            <div class="mt-[25px]">
+                <el-table v-if="localList[activeName].length" :data="info[activeName]" size="large" class="pt-[5px]">
+                    <el-table-column :label="t('appName')" align="left" width="320">
+                        <template #default="{ row }">
+                            <div class="flex items-center cursor-pointer" @click = "handleTips">
+                                <el-image class="w-[54px] h-[54px]" :src="row.icon" fit="contain">
+                                    <template #error>
+                                        <div class="flex items-center w-full h-full">
+                                            <img class="max-w-full max-h-full" src="@/app/assets/images/icon-addon.png"
+                                                alt="">
+                                        </div>
+                                    </template>
+                                </el-image>
+                                <div
+                                    class="flex flex-col justify-center pl-[20px] text-[#222] font-500 text-[13px]">
+                                    <div class="w-[236px] truncate leading-[18px]">{{ row.title }}</div>
+                                    <div class="w-[236px] truncate leading-[18px] mt-[6px]" v-if="row.install_info && Object.keys(row.install_info)?.length">{{ row.install_info.version }}</div>
+                                    <div class="w-[236px] truncate leading-[18px] mt-[6px]" v-else>{{ row.version }}</div>
+                                    <div class="mt-[3px]" v-if="row.install_info && Object.keys(row.install_info)?.length && row.install_info.version != row.version">
+                                        <el-tag type="danger" size="small">{{ t('newVersion') }}{{ row.version }}</el-tag>
+                                    </div>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="left" min-width="120">
+                        <template #header>
+                            <div class="flex items-center">
+                                <span class="text-[#222] font-500 text-[13px] mr-[5px]">{{ t('appIdentification') }}</span>
+                                <el-tooltip class="box-item" effect="light" :content="t('tipText')" placement="bottom">
+                                    <el-icon class="cursor-pointer text-[16px] text-[#a9a9a9]">
+                                        <QuestionFilled />
+                                    </el-icon>
+                                </el-tooltip>
+                            </div>
+                        </template>
+                        <template #default="{ row }">
+                            <span class="text-[#222] font-500 text-[13px]">{{ row.key }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="" :label="t('introduction')" align="left" min-width="200">
+                        <template #default="{ row }">
+                            <span class="text-[#222] font-500 text-[13px] multi-hidden">{{ row.desc }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('type')" align="left" min-width="100">
+                        <template #default="{ row }">
+                            <span class="text-[#222] font-500 text-[13px]">{{ row.type === 'app' ? t('app') : t('addon')
+                            }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="" :label="t('author')" align="left" min-width="100">
+                        <template #default="{ row }">
+                            <span class="text-[#222] font-500 text-[13px]">{{ row.author }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" fixed="right" align="right" width="150">
+                        <template #default="{ row }">
+                            <el-button class="!text-[13px]" type="primary" link @click="getAddonDetialFn(row)">{{
+                                t('detail') }}</el-button>
+                            <el-button class="!text-[13px]" v-if="row.install_info && Object.keys(row.install_info)?.length && row.install_info.version != row.version"
+                                       type="primary" link @click="upgradeAddonFn(row.key)">{{ t('upgrade') }}</el-button>
+                            <el-button class="!text-[13px]"
+                                v-if="row.install_info && Object.keys(row.install_info)?.length && activeName != 'all'"
+                                type="primary" link @click="uninstallAddonFn(row.key)">{{ t('unload') }}</el-button>
+                            <el-button class="!text-[13px]"
+                                v-else-if="row.is_download && row.install_info <= 0 && activeName != 'all'" type="primary"
+                                link @click="installAddonFn(row.key)">{{ t('install') }}</el-button>
+                            <el-button class="!text-[13px]" v-else :loading="downloading == row.key"
+                                :disabled="downloading != ''" type="primary" link @click.stop="downEvent(row)">
+                                <span v-if="row.install_info && Object.keys(row.install_info)?.length">{{ t('unloadDown')
+                                }}</span>
+                                <span v-else-if="row.is_download && row.install_info <= 0">{{ t('installDown') }}</span>
+                                <span v-else>{{ t('down') }}</span>
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-empty class="mx-auto overview-empty"
+                    v-if="!localList.installed.length && !loading && activeName == 'installed'">
+                    <template #image>
+                        <div class="w-[230px] mx-auto">
+                            <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
+                        </div>
+                    </template>
+                    <template #description>
+                        <p class="flex items-center">{{ t('installed-empty') }}</p>
+                    </template>
+                </el-empty>
+                <el-empty class="mx-auto overview-empty"
+                    v-if="!localList.uninstalled.length && !loading && activeName == 'uninstalled'">
+                    <template #image>
+                        <div class="w-[230px] mx-auto">
+                            <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
+                        </div>
+                    </template>
+                    <template #description>
+                        <p class="flex items-center">
+                            <span>{{ t('descriptionLeft') }}</span>
+                            <el-link type="primary" @click="goRouter" class="mx-[5px]">{{ t('link') }}</el-link>
+                            <span>{{ t('descriptionRight') }}</span>
+                        </p>
+                    </template>
+                </el-empty>
+                <div v-if="!localList.all.length && !loading && !authinfo && activeName == 'all'"
+                    class="mx-auto overview-empty flex flex-col items-center pt-14 pb-6">
+                    <div class="mb-[20px] text-sm text-[#888]">检测到当前账号尚未绑定授权，请先绑定授权！</div>
+                    <div class="flex flex-1  flex-wrap justify-center relative">
+                        <el-button class="w-[154px] !h-[48px] mt-[8px]" type="primary"
+                            @click="authCodeApproveFn">授权码认证</el-button>
+                        <el-popover ref="getAuthCodeDialog" placement="bottom" :width="478" trigger="click"
+                            class="mt-[8px]">
+                            <div class="px-[18px] py-[8px]">
+                                <p class="leading-[32px] text-[14px]">
+                                    您在官方应用市场购买任意一款应用，即可获得授权码。输入正确授权码认证通过后，即可支持在线升级和其它相关服务</p>
+                                <div class="flex justify-end mt-[36px]">
+                                    <el-button class="w-[182px] !h-[48px]" plain @click="market">去应用市场逛逛</el-button>
+                                    <el-button class="w-[100px] !h-[48px]" plain
+                                        @click="getAuthCodeDialog.hide()">关闭</el-button>
+                                </div>
+                            </div>
+                            <template #reference>
+                                <el-button
+                                    class="w-[154px] !h-[48px] mt-[8px] !text-[var(--el-color-primary)] hover:!text-[var(--el-color-primary)] !bg-transparent"
+                                    plain type="primary">如何获取授权码?</el-button>
+                            </template>
+                        </el-popover>
+                    </div>
+                </div>
+                <el-empty class="mx-auto overview-empty"
+                     v-if="!localList.all.length && !loading && authinfo && activeName == 'all'">
+                    <template #image>
+                        <div class="w-[230px] mx-auto">
+                            <img src="@/app/assets/images/index/apply_empty.png" class="max-w-full" alt="">
+                        </div>
+                    </template>
+                    <template #description>
+                        <p class="flex items-center">
+                            <span>{{ t('buyDescriptionLeft') }}</span>
+                            <el-link type="primary" @click="goRouter" class="mx-[5px]">{{ t('link') }}</el-link>
+                            <span>{{ t('descriptionRight') }}</span>
+                        </p>
+                    </template>
+                </el-empty>
+            </div>
+            <el-dialog v-model="authCodeApproveDialog" title="授权码认证" width="400px">
+                <el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form">
+                    <el-card class="box-card !border-none" shadow="never">
+                        <el-form-item prop="auth_code">
+                            <el-input v-model="formData.auth_code" :placeholder="t('authCodePlaceholder')"
+                                class="input-width" clearable size="large" />
+                        </el-form-item>
+
+                        <div class="mt-[20px]">
+                            <el-form-item prop="auth_secret">
+                                <el-input v-model="formData.auth_secret" clearable :placeholder="t('authSecretPlaceholder')"
+                                    class="input-width" size="large" />
+                            </el-form-item>
+                        </div>
+
+                        <div class="text-sm mt-[10px] text-info">{{ t('authInfoTips') }}</div>
+
+                        <div class="mt-[20px]">
+                            <el-button type="primary" class="w-full" size="large" :loading="saveLoading"
+                                @click="save(formRef)">{{ t('confirm') }}</el-button>
+                        </div>
+                        <div class="mt-[10px] text-right">
+                            <el-button type="primary" link @click="market">{{ t('notHaveAuth') }}</el-button>
+                        </div>
+                    </el-card>
+                </el-form>
+            </el-dialog>
+            <!-- 详情 -->
+            <el-dialog v-model="appStoreShowDialog" :title="t('plugDetail')" width="500px" :destroy-on-close="true">
+                <el-form :model="appStoreInfo" label-width="120px" ref="formRef" class="page-form">
+                    <el-form-item :label="t('title')">
+                        <div class="input-width"> {{ appStoreInfo.title }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('desc')">
+                        <div class="input-width"> {{ appStoreInfo.desc }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('author')">
+                        <div class="input-width"> {{ appStoreInfo.author }} </div>
+                    </el-form-item>
+                    <el-form-item :label="t('version')">
+                        <div class="input-width"> {{ appStoreInfo.version }} </div>
+                    </el-form-item>
+                </el-form>
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button type="primary" @click="appStoreShowDialog = false">{{ t('confirm') }}</el-button>
+                    </span>
+                </template>
+            </el-dialog>
+
+            <!-- 安装弹窗 -->
+            <el-dialog v-model="installShowDialog" :title="t('addonInstall')" width="850px" :close-on-click-modal="false"
+                :close-on-press-escape="false" :before-close="installShowDialogClose">
+                <el-steps :space="200" :active="installStep" finish-status="success" align-center>
+                    <el-step :title="t('envCheck')" class="flex-1" />
+                    <el-step :title="t('installProgress')" class="flex-1" />
+                    <el-step :title="t('installComplete')" class="flex-1" />
+                </el-steps>
+                <div v-show="installStep == 1" v-loading="!installCheckResult.dir">
+                    <el-scrollbar max-height="50vh">
+                        <div class="min-h-[150px]">
+                            <div class="bg-[#fff] my-3" v-if="installCheckResult.dir">
+                                <p class="pt-[20px] pl-[20px] ">{{ t('dirPermission') }}</p>
+                                <div class="px-[20px] pt-[10px] text-[14px]">
+                                    <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
+                                        <el-col :span="12">
+                                            <span>{{ t('path') }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span>{{ t('demand') }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span>{{ t('status') }}</span>
+                                        </el-col>
+                                    </el-row>
+                                    <el-row class="pb-[10px] items pl-[15px]"
+                                        v-for="(item,index) in installCheckResult.dir.is_readable" :key="index">
+                                        <el-col :span="12">
+                                            <span>{{ item.dir }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span>{{ t('readable') }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                            <span v-else>
+                                                <el-icon color="red">
+                                                    <CloseBold />
+                                                </el-icon>
+                                            </span>
+                                        </el-col>
+                                    </el-row>
+                                    <el-row class="pb-[10px] items pl-[15px]"
+                                        v-for="(item,index) in installCheckResult.dir.is_write" :key="index">
+                                        <el-col :span="12">
+                                            <span>{{ item.dir }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span>{{ t('write') }}</span>
+                                        </el-col>
+                                        <el-col :span="6">
+                                            <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                            <span v-else>
+                                                <el-icon color="red">
+                                                    <CloseBold />
+                                                </el-icon>
+                                            </span>
+                                        </el-col>
+                                    </el-row>
+                                </div>
+                            </div>
+                        </div>
+                    </el-scrollbar>
+                    <div class="flex justify-end">
+                        <el-tooltip effect="dark" :content="t('installTips')" placement="top">
+                            <el-button type="default" :disabled="!installCheckResult.is_pass || cloudInstalling"
+                                :loading="localInstalling" @click="handleInstall">{{
+                                    t('localInstall')
+                                }}</el-button>
+                        </el-tooltip>
+                        <el-tooltip effect="dark" :content="t('cloudInstallTips')" placement="top">
+                            <el-button type="primary" :disabled="!installCheckResult.is_pass || localInstalling"
+                                :loading="cloudInstalling" @click="handleCloudInstall">{{
+                                    t('cloudInstall')
+                                }}</el-button>
+                        </el-tooltip>
+                    </div>
+                </div>
+                <div v-show="installStep == 2" class="h-[50vh] mt-[20px]">
+                    <terminal ref="terminalRef" :context="currAddon" :init-log="null" :show-header="false"
+                        :show-log-time="true" @exec-cmd="onExecCmd"/>
+                </div>
+                <div v-show="installStep == 3" class="h-[50vh] mt-[20px] flex flex-col">
+                    <el-result icon="success" :title="t('addonInstallSuccess')"></el-result>
+                    <!-- 提示信息 -->
+                    <div v-for="(item,index) in installAfterTips" class="mb-[10px]" :key="index">
+                        <el-alert :title="item" type="error" :closable="false" />
+                    </div>
+                </div>
+            </el-dialog>
+
+            <el-dialog v-model="uninstallShowDialog" :title="t('addonUninstall')" width="850px"
+                :close-on-click-modal="false" :close-on-press-escape="false">
+                <el-scrollbar max-height="50vh">
+                    <div class="min-h-[150px]">
+                        <div class="bg-[#fff] my-3" v-if="uninstallCheckResult.dir">
+                            <p class="pt-[20px] pl-[20px] ">{{ t('dirPermission') }}</p>
+                            <div class="px-[20px] pt-[10px] text-[14px]">
+                                <el-row class="py-[10px] items table-head-bg pl-[15px] mb-[10px]">
+                                    <el-col :span="12">
+                                        <span>{{ t('path') }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span>{{ t('demand') }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span>{{ t('status') }}</span>
+                                    </el-col>
+                                </el-row>
+                                <el-row class="pb-[10px] items pl-[15px]"
+                                    v-for="(item,index) in uninstallCheckResult.dir.is_readable" :key="index">
+                                    <el-col :span="12">
+                                        <span>{{ item.dir }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span>{{ t('readable') }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                        <span v-else>
+                                            <el-icon color="red">
+                                                <CloseBold />
+                                            </el-icon>
+                                        </span>
+                                    </el-col>
+                                </el-row>
+                                <el-row class="pb-[10px] items pl-[15px]" v-for="(item,index) in uninstallCheckResult.dir.is_write" :key="index">
+                                    <el-col :span="12">
+                                        <span>{{ item.dir }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span>{{ t('write') }}</span>
+                                    </el-col>
+                                    <el-col :span="6">
+                                        <span v-if="item.status"><el-icon color="green"><Select /></el-icon></span>
+                                        <span v-else>
+                                            <el-icon color="red">
+                                                <CloseBold />
+                                            </el-icon>
+                                        </span>
+                                    </el-col>
+                                </el-row>
+                            </div>
+                        </div>
+                    </div>
+                </el-scrollbar>
+            </el-dialog>
+
+            <!-- 下载提示 -->
+            <el-dialog v-model="unloadHintDialog" title="下载提示" width="30%" :before-close="handleClose">
+                <span>本地已经存在该插件/应用，再次下载会覆盖该插件/应用。</span>
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button @click="unloadHintDialog = false">取消</el-button>
+                        <el-button type="primary" @click="downEventHintFn">确定</el-button>
+                    </span>
+                </template>
+            </el-dialog>
+        </div>
+    </div>
+
+    <upgrade ref="upgradeRef" @complete="localListFn"/>
+    <cloud-build ref="cloudBuildRef" />
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, watch, h } from 'vue'
+import { t } from '@/lang'
+import { getAddonLocal, uninstallAddon, installAddon, preInstallCheck, cloudInstallAddon, getAddonInstalltask, getAddonCloudInstallLog, preUninstallCheck, cancelInstall } from '@/app/api/addon'
+import { downloadVersion, getAuthinfo, setAuthinfo } from '@/app/api/module'
+import { ElMessage, ElMessageBox, ElNotification, FormInstance, FormRules } from 'element-plus'
+import 'vue-web-terminal/lib/theme/dark.css'
+import { Terminal, TerminalFlash } from 'vue-web-terminal'
+import { findFirstValidRoute } from '@/router/routers'
+import storage from '@/utils/storage'
+import { useRouter, useRoute } from 'vue-router'
+import useUserStore from '@/stores/modules/user'
+import Upgrade from '@/app/components/upgrade/index.vue'
+import CloudBuild from '@/app/components/cloud-build/index.vue'
+
+const router = useRouter()
+const route = useRoute()
+const activeName = ref(storage.get('storeActiveName') || 'installed')
+const upgradeRef = ref(null)
+const cloudBuildRef = ref(null)
+const loading = ref<Boolean>(true)
+const downloading = ref('')
+const installAfterTips = ref<string[]>([])
+const userStore = useUserStore()
+const unloadHintDialog = ref(false)
+const terminalRef = ref(null)
+
+const currDownData = ref()
+const downEventHintFn = () => {
+    downEvent(currDownData.value, true)
+}
+
+const activeNameTabFn = (data:any) => {
+    activeName.value = data
+    storage.set({ key: 'storeActiveName', data })
+}
+if (route.query.id) {
+    activeNameTabFn(route.query.id)
+}
+const downEvent = (param: Record<string, any>, isDown = false) => {
+    if (param.is_download && activeName.value == 'all' && !isDown) {
+        unloadHintDialog.value = true
+        currDownData.value = param
+        return false
+    }
+
+    if (downloading.value) return
+    downloading.value = param.key
+
+    downloadVersion({ addon: param.key, version: param.version }).then(() => {
+        unloadHintDialog.value = false
+        installAddonFn(param.key)
+        localListFn()
+        downloading.value = ''
+    }).catch(() => {
+        downloading.value = ''
+    })
+}
+
+const authCode = ref('')
+getAuthinfo().then(res => {
+    if (res.data.data && res.data.data.auth_code) {
+        authCode.value = res.data.data.auth_code
+    }
+}).catch(() => {
+})
+
+/**
+ * 本地下载的插件列表
+ */
+// input 筛选
+const search_name = ref('')
+// 表格展示数据
+const info = ref({
+    installed: [],
+    uninstalled: [],
+    all: []
+})
+const query = () => {
+    if (search_name.value == '' || search_name.value == null) {
+        info.value.installed = localList.value.installed
+        info.value.uninstalled = localList.value.uninstalled
+        info.value.all = localList.value.all
+        return false
+    }
+    info.value.installed = localList.value.installed.filter((el: any) => el.title.indexOf(search_name.value) != -1)
+    info.value.uninstalled = localList.value.uninstalled.filter((el: any) => el.title.indexOf(search_name.value) != -1)
+    info.value.all = localList.value.all.filter((el: any) => el.title.indexOf(search_name.value) != -1)
+}
+const localList = ref({
+    installed: [],
+    uninstalled: [],
+    all: [],
+    error: ''
+})
+
+const localListFn = () => {
+    loading.value = true
+    getAddonLocal({}).then(res => {
+        const data = res.data.list
+        localList.value.error = res.data.error
+        localList.value.installed = []
+        localList.value.uninstalled = []
+        localList.value.all = []
+        for (const i in data) {
+            if (data[i].is_local == false) localList.value.all.push(data[i])
+
+            if (data[i].install_info && Object.keys(data[i].install_info)?.length) {
+                localList.value.installed.push(data[i])
+            } else {
+                if (data[i].is_download == true) localList.value.uninstalled.push(data[i])
+            }
+        }
+        query()
+        userStore.routers.forEach((item, index) => {
+            if (item.children && item.children.length) {
+                item.name = findFirstValidRoute(item.children)
+                appLink.value[item.meta.app] = findFirstValidRoute(item.children)
+            } else {
+                appLink.value[item.meta.app] = item.name
+            }
+        })
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+localListFn()
+
+// 点击应用提示到站点
+const handleTips = () => {
+    ElMessage('请在站点中运行程序!')
+}
+
+// 点击应用可以进系统
+
+const appLink: any = ref({})
+const itemPath = (data: any) => {
+    if (data.type == 'app' && Object.keys(data.install_info).length) {
+        storage.set({ key: 'menuAppStorage', data: data.key })
+        storage.set({ key: 'plugMenuTypeStorage', data: '' })
+        const appMenuList = userStore.appMenuList
+        appMenuList.push(data.key)
+        userStore.setAppMenuList(appMenuList)
+        const name: any = appLink.value[data.key]
+        router.push({ name })
+    }
+}
+
+const currAddon = ref('')
+
+// 安装面板弹窗
+const installShowDialog = ref(false)
+
+// 安装步骤
+const installStep = ref(1)
+
+// 安装检测结果
+const installCheckResult = ref({})
+
+let flashInterval = null
+const terminalFlash = new TerminalFlash()
+const onExecCmd = (key, command, success, failed, name)=> {
+    if (command == '开始安装插件') {
+        success(terminalFlash)
+        const frames = makeIterator(['/', '——', '\\', '|'])
+        flashInterval = setInterval(() => {
+            terminalFlash.flush('> ' + frames.next().value)
+        }, 150)
+    }
+}
+
+function makeIterator(array: string[]) {
+    let nextIndex = 0
+    return {
+        next() {
+            if ((nextIndex + 1) == array.length) {
+                nextIndex = 0
+            }
+            return { value: array[nextIndex++] }
+        }
+    }
+}
+
+/**
+ * 安装
+ * @param key
+ */
+const installAddonFn = (key: string) => {
+    currAddon.value = key
+
+    preInstallCheck(key).then(res => {
+        installStep.value = 1
+        installShowDialog.value = true
+        installAfterTips.value = []
+        installCheckResult.value = res.data
+        userStore.clearRouters()
+    }).catch(() => { })
+}
+
+/**
+ * 获取正在进行的安装任务
+ */
+let notificationEl = null
+const getInstallTask = (first: boolean = true) => {
+    getAddonInstalltask().then(res => {
+        if (res.data) {
+            if (first) {
+                installLog = []
+                currAddon.value = res.data.addon
+                if (!installShowDialog.value) {
+                    notificationEl = ElNotification.success({
+                        title: t('warning'),
+                        dangerouslyUseHTMLString: true,
+                        message: h('div', {}, [
+                            t('installingTips'),
+                            h('span', { class: 'text-primary cursor-pointer', onClick: checkInstallTask }, [t('installPercent')])
+                        ]),
+                        duration: 0,
+                        showClose: false
+                    })
+                }
+            }
+            if (res.data.error) {
+                ElMessage({ message: '插件安装失败', type: 'error', duration: 5000 })
+                return
+            }
+            if (res.data.mode == 'cloud') {
+                getCloudInstallLog()
+            }
+            setTimeout(() => {
+                getInstallTask(false)
+            }, 2000)
+        } else {
+            if (!first) {
+                installStep.value = 3
+                localListFn()
+                userStore.clearRouters()
+                notificationEl.close()
+            }
+        }
+    })
+}
+
+getInstallTask()
+
+const checkInstallTask = () => {
+    installShowDialog.value = true
+    installStep.value = 2
+}
+
+const localInstalling = ref(false)
+/**
+ * 安装插件
+ */
+const handleInstall = () => {
+    if (!installCheckResult.value.is_pass || localInstalling.value) return
+    localInstalling.value = true
+
+    installAddon({ addon: currAddon.value }).then(res => {
+        installStep.value = 3
+        localListFn()
+        localInstalling.value = false
+        if (res.data.length) installAfterTips.value = res.data
+    }).catch((res) => {
+        localInstalling.value = false
+    })
+}
+
+const cloudInstalling = ref(false)
+
+/**
+ * 云安装插件
+ */
+const handleCloudInstall = () => {
+    if (!authCode.value) {
+        authElMessageBox()
+        return
+    }
+
+    if (!installCheckResult.value.is_pass || cloudInstalling.value) return
+    cloudInstalling.value = true
+
+    cloudInstallAddon({ addon: currAddon.value }).then(res => {
+        installStep.value = 2
+        terminalRef.value.execute('clear')
+        terminalRef.value.execute('开始安装插件')
+        getInstallTask()
+        cloudInstalling.value = false
+    }).catch((res) => {
+        cloudInstalling.value = false
+    })
+}
+
+const authElMessageBox = () => {
+    ElMessageBox.confirm(
+        t('authTips'),
+        t('warning'),
+        {
+            distinguishCancelAndClose: true,
+            confirmButtonText: t('toBind'),
+            cancelButtonText: t('toNiucloud')
+        }
+    ).then(() => {
+        authCodeApproveFn()
+    }).catch((action: string) => {
+        if (action === 'cancel') {
+            window.open('https://www.niucloud.com/app')
+        }
+    })
+}
+
+let installLog: string[] = []
+const getCloudInstallLog = () => {
+    getAddonCloudInstallLog(currAddon.value)
+        .then(res => {
+            const data = res.data.data ?? []
+            if (data[0] && data[0].length && installShowDialog.value == true) {
+                data[0].forEach(item => {
+                    if (!installLog.includes(item.action)) {
+                        terminalRef.value.pushMessage({ content: `正在执行：${item.action}` })
+                        installLog.push(item.action)
+
+                        if (item.code == 0) {
+                            terminalRef.value.pushMessage({ content: item.msg, class: 'error' })
+                        }
+                    }
+                })
+            }
+        })
+        .catch(() => {
+            notificationEl?.close()
+        })
+}
+
+watch(currAddon, (nval) => {
+    installCheckResult.value = {}
+})
+
+// 卸载面板弹窗
+const uninstallShowDialog = ref(false)
+
+// 卸载环境检测结果
+const uninstallCheckResult = ref({})
+
+/**
+ * 卸载
+ * @param key
+ */
+const uninstallAddonFn = (key: string) => {
+    if (import.meta.env.MODE == 'development') {
+        ElMessageBox.confirm(
+            t('uninstallTips'),
+            t('warning'),
+            {
+                confirmButtonText: t('confirm'),
+                cancelButtonText: t('cancel'),
+                type: 'warning'
+            }
+        ).then(() => {
+            handleUninstallAddon(key)
+        }).catch(() => { })
+    } else {
+        handleUninstallAddon(key)
+    }
+}
+
+/**
+ * 插件升级
+ * @param key
+ */
+const upgradeAddonFn = (key: string) => {
+    upgradeRef.value?.open(key)
+}
+
+/**
+ * 云编译
+ */
+const handleCloudBuild = () => {
+    if (!authCode.value) {
+        authElMessageBox()
+        return
+    }
+    if (cloudBuildRef.value.cloudBuildTask) {
+        cloudBuildRef.value?.open()
+        return
+    }
+    ElMessageBox.confirm(t('cloudBuildTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        cloudBuildRef.value?.open()
+    })
+}
+
+const handleUninstallAddon = (key: string) => {
+    preUninstallCheck(key).then(({ data }) => {
+        if (data.is_pass) {
+            uninstallAddon({ addon: key }).then(res => {
+                localListFn()
+                userStore.clearRouters()
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        } else {
+            uninstallCheckResult.value = data
+            uninstallShowDialog.value = true
+        }
+    })
+}
+
+const market = () => {
+    window.open('https://www.niucloud.com/app')
+}
+
+/**
+ * 安装弹窗关闭提示
+ * @param done
+ */
+const installShowDialogClose = (done: () => {}) => {
+    if (installStep.value == 2) {
+        ElMessageBox.confirm(
+            t('installShowDialogCloseTips'),
+            t('warning'),
+            {
+                confirmButtonText: t('confirm'),
+                cancelButtonText: t('cancel'),
+                type: 'warning'
+            }
+        ).then(() => {
+            cancelInstall(currAddon.value)
+            done()
+        }).catch(() => { })
+    } else if (installStep.value == 3) {
+        activeNameTabFn('installed')
+        location.reload()
+    } else done()
+
+    flashInterval && clearInterval(flashInterval)
+}
+
+// 插件详情
+const appStoreShowDialog = ref(false)
+const appStoreInfo = ref<AnyObject>({})
+const getAddonDetialFn = (data: AnyObject) => {
+    appStoreShowDialog.value = true
+    appStoreInfo.value = data
+}
+
+// 授权
+const authCodeApproveDialog = ref(false)
+const authinfo = ref('')
+const getAuthCodeDialog = ref(null)
+const saveLoading = ref(false)
+const authLoading = ref(true)
+const checkAppMange = () => {
+    authLoading.value = true
+    getAuthinfo()
+        .then((res) => {
+            if (res.data.data && res.data.data.length != 0) {
+                authinfo.value = res.data.data
+            }
+            authLoading.value = false
+        })
+        .catch(() => {
+            authLoading.value = false
+            authCodeApproveDialog.value = false
+        })
+}
+checkAppMange()
+const authCodeApproveFn = () => {
+    authCodeApproveDialog.value = true
+}
+
+const formData = reactive<Record<string, string>>({
+    auth_code: '',
+    auth_secret: ''
+})
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    auth_code: [
+        { required: true, message: t('authCodePlaceholder'), trigger: 'blur' }
+    ],
+    auth_secret: [
+        { required: true, message: t('authSecretPlaceholder'), trigger: 'blur' }
+    ]
+})
+
+const save = async (formEl: FormInstance | undefined) => {
+    if (saveLoading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            saveLoading.value = true
+
+            setAuthinfo(formData)
+                .then(() => {
+                    saveLoading.value = false
+                    setTimeout(() => {
+                        location.reload()
+                    }, 1000)
+                })
+                .catch(() => {
+                    saveLoading.value = false
+                })
+        }
+    })
+}
+
+const goRouter = () => {
+    window.open('https://www.niucloud.com/app')
+}
+</script>
+
+<style lang="scss" scoped>
+/* 多行超出隐藏 */
+.multi-hidden {
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+.demo-tabs>.el-tabs__content {
+    padding: 32px;
+    color: #6b778c;
+    font-size: 32px;
+    font-weight: 600;
+}
+
+.plug-item {
+    .plug-item-operate {
+        color: var(--el-color-primary);
+        border-color: var(--el-color-primary);
+        font-size: var(--el-font-size-extra-small);
+    }
+}
+
+:deep(.t-container) {
+    box-shadow: none !important;
+
+    .t-window {
+        padding: 10px 20px !important;
+    }
+}
+
+.switch-btn.active {
+    border-color: var(--el-color-primary);
+    color: #fff;
+    background-color: var(--el-color-primary);
+}
+
+.plug-large {
+    .plug-item-operate {
+        color: var(--el-color-primary);
+        border-color: var(--el-color-primary);
+        font-size: var(--el-font-size-extra-small);
+    }
+}
+
+.app-text {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+}
+
+// 插件安装-弹窗-表格样式
+.table-head-bg {
+    background: #f5f7f9;
+}
+
+html.dark .table-head-bg {
+    background: #141414;
+}
+
+.el-alert .el-alert__title {
+    font-size: 16px;
+    line-height: 18px;
+}
+
+.app-store {
+    height: calc(100vh - 120px);
+    box-sizing: border-box;
+}
+:deep(.terminal .t-log-box span) {
+    white-space: pre-wrap;
+}
+</style>
+
+<style>
+.el-empty .el-empty__image {
+    width: auto;
+}
+</style>
diff --git a/admin/src/app/views/index/tools.vue b/admin/src/app/views/index/tools.vue
new file mode 100644
index 0000000..a76c70e
--- /dev/null
+++ b/admin/src/app/views/index/tools.vue
@@ -0,0 +1,161 @@
+<template>
+	<div class="box-border pt-[64px]">
+		<div class="text-[20px] text-[#222] mb-[32px] pl-[14px]">工具管理</div>
+		<div class="flex flex-wrap mt-[28px]">
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/addon')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">插件开发</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						点击新建插件，生成插件后系统会生成对应插
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/addon_develop.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/code')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">代码生成</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						代码生成
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/code.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/list')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">数据字典</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						数据字典
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/sys_dict_list.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/update')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">更新缓存</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						更新缓存
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/tools_Update_cache.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/detection')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">环境监测</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						环境监测
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/tools_check_environment.png" class="w-[256px] h-[128px] cursor-pointer" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/schedule')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">计划任务</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						计划任务
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/tools_schedule.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/authorize')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">授权信息</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						查看授权信息及重新认证授权
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/app_auth.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/admin_menu')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">平台菜单</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						平台菜单
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="toLink('/admin/tools/site_menu')">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">站点菜单</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						站点菜单
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="developerDialogVisible = true">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">开发模式</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						开发环境和生产环境说明
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/developer.png" class="w-[256px] h-[128px]" />
+			</div>
+			<div class="w-[256px] tools-item-shadow mb-[24px] mx-[14px] rounded-[8px] flex flex-col cursor-pointer leading-[1]" @click="goRouter">
+				<div class="flex-1 pt-[18px] pb-[14px] px-[24px] flex flex-col">
+					<span class="text-[16px] text-[#222] font-bold">官方市场</span>
+					<div class="text-[13px] text-[#6D7278] leading-[18px] mt-[8px] truncate">
+						官方市场
+					</div>
+				</div>
+				<img src="@/app/assets/images/tools/official_market.png" class="w-[256px] h-[128px]" />
+			</div>
+		</div>
+		<el-dialog v-model="developerDialogVisible" class="developer-dialog-wrap" title="开发人员模式说明" width="30%" :before-close="handleClose">
+			<div>
+				<p class="text-[16px] mb-[4px] text-[#333]">开发模式</p>
+				<div class="text-[14px] indent-[2em]">
+					开发人员模式即软件开发环境，指框架开启了开发模式(DEBUG=TRUE) ，开发模式时会出现开发选项卡，仅用于开发人员使用，包括应用及插件的安装卸载，系统升级等等。本菜单及子项功能均不受系统管理和权限控制
+				</div>
+				<p class="text-[16px] mt-[15px] mb-[4px] text-[#333]">生产模式</p>
+				<div class="text-[14px] indent-[2em]">
+					生产模式即软件生产环境，指框架关闭了调试开发模式(DEBUG=FALSE) 软件正式部署运营开发选项卡隐藏，一般来说，开发人员开发或者部署好环境后，要关闭开发模式。
+				</div>
+			</div>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button @click="developerDialogVisible = false">确定</el-button>
+				</span>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import useSystemStore from '@/stores/modules/system'
+
+const systemStore = useSystemStore()
+systemStore.setHeadMenu('')
+
+const router = useRouter()
+const developerDialogVisible = ref(false)
+
+const toLink = (link:any) => {
+    router.push(link)
+}
+const goRouter = () => {
+    window.open('https://www.niucloud.com/app')
+}
+</script>
+
+<style lang="scss" scoped></style>
+<style>
+	.tools-item-shadow{
+		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
+	}
+	/* 多行超出隐藏 */
+	.multi-hidden {
+		word-break: break-all;
+		text-overflow: ellipsis;
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+	}
+	.developer-dialog-wrap .el-dialog__body{
+		padding: 15px 20px;
+	}
+</style>
diff --git a/admin/src/app/views/login/index.vue b/admin/src/app/views/login/index.vue
new file mode 100644
index 0000000..ee57dc0
--- /dev/null
+++ b/admin/src/app/views/login/index.vue
@@ -0,0 +1,279 @@
+<template>
+  <el-container
+      :class="['w-full h-screen bg-page flex flex-col', { 'login-wrap': loginType == 'admin' }, { 'site-login-wrap': loginType == 'site' }]">
+    <!-- 平台端登录 -->
+    <el-main class="login-main items-center justify-center flex-1 h-0" v-if="loginType == 'admin'">
+      <div class="flex rounded-2xl overflow-hidden">
+        <div class="login-main-left w-[450px] flex flex-wrap justify-center">
+          <el-image v-if="loginConfig.bg" class="w-[450px] h-[400px]" :src="img(loginConfig.bg)" fit="cover"/>
+          <img v-else src="@/app/assets/images/login/login_index_left.png" alt="">
+        </div>
+        <div class="login flex flex-col w-[400px] h-[400px] p-[40px]">
+          <h3 class="text-center text-lg font-bold mb-[10px]">{{ t('siteTitle') }}</h3>
+          <h3 class="text-center text-2xl font-bold mb-[26px]">{{ t('platform') }}</h3>
+
+          <el-form :model="form" ref="formRef" :rules="formRules">
+            <el-form-item prop="username">
+              <el-input v-model="form.username" :placeholder="t('userPlaceholder')"
+                        @keyup.enter="handleLogin(formRef)" class="h-[40px] input-with-select">
+                <template #prepend>
+                  <icon name="element-User"/>
+                </template>
+              </el-input>
+            </el-form-item>
+
+            <el-form-item prop="password">
+              <el-input v-model="form.password" :placeholder="t('passwordPlaceholder')" type="password"
+                        @keyup.enter="handleLogin(formRef)" :show-password="true"
+                        class="h-[40px] input-with-select">
+                <template #prepend>
+                  <icon name="element-Lock"/>
+                </template>
+              </el-input>
+            </el-form-item>
+
+            <el-form-item>
+              <el-button type="primary" class="mt-[30px] h-[40px] w-full" @click="handleLogin(formRef)"
+                         :loading="loading">{{ loading ? t('logging') : t('login') }}
+              </el-button>
+            </el-form-item>
+
+          </el-form>
+        </div>
+      </div>
+    </el-main>
+
+    <!-- 站点端登录 -->
+    <el-main class="login-main w-full login-site-main items-center h-screen justify-evenly bg-[#F8FAFF]"
+             v-else-if="!imgLoading && loginType == 'site'">
+      <div class="flex rounded-2xl overflow-hidden h-screen w-full relative">
+        <img v-if="loginConfig.site_bg" class="hidden h-[100%] lg:block" :src="img(loginConfig.site_bg)"/>
+        <img v-else class="hidden h-[100%] lg:block" src="@/app/assets/images/site_login_bg.png"/>
+        <div
+            class="w-[100%] bg-[#F8FAFF] flex flex-col absolute right-0 top-0 h-screen lg:w-[60%]">
+          <div class="flex justify-center items-center flex-1 h-0">
+            <div class="site-login-item w-[45%] py-[30px] relative rounded-[13px] max-w-[350px] bg-[#fff]">
+              <div class="w-[80%] mx-auto">
+                <h3 class="text-3xl mb-[30px]">{{ t('siteLogin') }}</h3>
+                <el-form :model="form" ref="formRef" :rules="formRules">
+                  <el-form-item prop="username">
+                    <el-input v-model="form.username" @keyup.enter="handleLogin(formRef)"
+                              class="w-50 m-1 h-[40px]" :placeholder="t('userPlaceholder')">
+                      <template #prefix>
+                        <icon name="element-User"/>
+                      </template>
+                    </el-input>
+                  </el-form-item>
+
+                  <el-form-item prop="password">
+                    <el-input type="password" v-model="form.password" @keyup.enter="handleLogin(formRef)"
+                              :show-password="true" class="w-50 m-1 h-[40px]"
+                              :placeholder="t('passwordPlaceholder')">
+                      <template #prefix>
+                        <icon name="element-Lock"/>
+                      </template>
+                    </el-input>
+                  </el-form-item>
+
+                  <el-form-item>
+                    <el-button type="primary" class="mt-[30px] h-[40px] w-full"
+                               @click="handleLogin(formRef)" :loading="loading">{{
+                        loading ? t('logging') :
+                            t('login')
+                      }}
+                    </el-button>
+                  </el-form-item>
+                </el-form>
+              </div>
+            </div>
+          </div>
+
+          <div class="flex items-center justify-center mt-[20px] text-[#999] text-sm pb-8 " v-if="copyright">
+            <a :href="copyright.gov_url" v-if="copyright.gov_record" class="flex" target="_blank">
+              <img src="@/app/assets/images/gov_icon.png" alt="" class="h-[20px] mr-1">
+              <span class="mr-3">公安备案号:{{ copyright.gov_record }}</span>
+            </a>
+            <a href="https://beian.miit.gov.cn/" target="_blank" v-if="copyright.icp">
+              <span class="mr-3">备案号:{{ copyright.icp }}</span>
+            </a>
+            <a :href="copyright.copyright_link" target="_blank">
+              <span class="mr-3" v-if="copyright.company_name">{{ copyright.company_name }}</span>
+              <span class="mr-3" v-if="copyright.copyright_desc">©{{ copyright.copyright_desc }}</span>
+            </a>
+          </div>
+        </div>
+      </div>
+    </el-main>
+
+    <div class="flex items-center justify-center mt-[20px] text-[#999] text-sm pb-8"
+         v-if="copyright && loginType == 'admin'">
+      <a :href="copyright.gov_url" v-if="copyright.gov_record" class="flex" target="_blank">
+        <img src="@/app/assets/images/gov_icon.png" alt="" class="h-[20px] mr-1">
+        <span class="mr-3">公安备案号:{{ copyright.gov_record }}</span>
+      </a>
+      <a href="https://beian.miit.gov.cn/" target="_blank" v-if="copyright.icp">
+        <span class="mr-3">备案号:{{ copyright.icp }}</span>
+      </a>
+      <a :href="copyright.copyright_link" target="_blank">
+        <span class="mr-3" v-if="copyright.company_name">{{ copyright.company_name }}</span>
+        <span class="mr-3" v-if="copyright.copyright_desc">©{{ copyright.copyright_desc }}</span>
+      </a>
+    </div>
+
+    <!-- 验证组件 -->
+    <verify @success="success" :mode="pop" captchaType="blockPuzzle" :imgSize="{ width: '330px', height: '155px' }"
+            ref="verifyRef"></verify>
+    <!-- <el-footer></el-footer> -->
+  </el-container>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref} from 'vue'
+import type {FormInstance, FormRules} from 'element-plus'
+import {useRoute, useRouter} from 'vue-router'
+import {t} from '@/lang'
+import storage from '@/utils/storage'
+import {getLoginConfig} from '@/app/api/auth'
+import useUserStore from '@/stores/modules/user'
+import {setWindowTitle, img, getAppType} from '@/utils/common'
+import {getWebConfig, getWebCopyright} from '@/app/api/sys'
+
+const loading = ref(false)
+const imgLoading = ref(false)
+const userStore = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const copyright = ref(null)
+
+getWebCopyright().then(({data}) => {
+  copyright.value = data
+})
+
+route.redirectedFrom && (route.query.redirect = route.redirectedFrom.path)
+
+const webSite = ref([])
+const setFormData = async (id: number = 0) => {
+  webSite.value = await (await getWebConfig()).data
+}
+setFormData()
+
+// 判断登录页面[平台或者站点]
+const loginType = ref(getAppType())
+
+if (loginType.value == 'site') {
+  setWindowTitle(t('siteLogin'))
+} else {
+  setWindowTitle(t('adminLogin'))
+}
+
+// 验证码 - start
+const verifyRef = ref(null)
+const success = (params: any) => {
+  loginFn({captcha_code: params.captchaVerification})
+}
+// 验证码 - end
+
+const form = reactive({
+  username: '',
+  password: ''
+})
+
+// 获取登录配置信息
+const loginConfig = ref({})
+const getLoginConfigFn = async (id: number = 0) => {
+  imgLoading.value = true
+  const data = await (await getLoginConfig()).data
+  loginConfig.value = data
+  imgLoading.value = false
+}
+getLoginConfigFn()
+
+const formRef = ref<FormInstance>()
+
+const formRules = reactive<FormRules>({
+  username: [
+    {required: true, message: t('userPlaceholder'), trigger: 'blur'}
+  ],
+  password: [
+    {required: true, message: t('passwordPlaceholder'), trigger: 'blur'}
+  ]
+})
+
+const handleLogin = async (formEl: FormInstance | undefined) => {
+  if (loading.value || !formEl) return
+
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      if (parseInt(loginConfig.value.is_captcha) && loginType.value == 'admin' || parseInt(loginConfig.value.is_site_captcha) && loginType.value == 'site') {
+        verifyRef.value.show()
+      } else {
+        loginFn()
+      }
+    }
+  })
+}
+
+// data 验证码
+const loginFn = (data = {}) => {
+  loading.value = true
+  userStore.login({username: form.username, password: form.password, ...data}, loginType.value).then(res => {
+    storage.set({key: 'app_type', data: loginType.value})
+    const {query: {redirect}} = route
+    const path = typeof redirect === 'string' ? redirect : '/'
+    router.push(path)
+  }).catch(() => {
+    loading.value = false
+  })
+}
+</script>
+
+<style lang="scss">
+.login-wrap {
+  background-image: url("@/app/assets/images/login/login_index_bg.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.login-site-main {
+  padding: 0 !important;
+}
+
+.site-warp {
+  background-image: url("@/app/assets/images/login/site_bg.png");
+  background-color: #fff;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+
+.site-login-wrap {
+  // background-image: url('@/app/assets/images/back_login.jpg');
+  // background-repeat: no-repeat;
+  // background-size: cover;
+}
+
+.input-with-select .el-input-group__prepend {
+  background-color: var(--el-fill-color-blank);
+  padding: 0 15px;
+}
+
+.login-main {
+  display: flex !important;
+}
+
+.login {
+  background: var(--el-bg-color);
+}
+
+.admin_name {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -o-text-overflow: ellipsis;
+}
+
+@media only screen and (max-width: 750px) {
+  .login-main-left {
+    display: none;
+  }
+}
+</style>
diff --git a/admin/src/app/views/member/balance.vue b/admin/src/app/views/member/balance.vue
new file mode 100644
index 0000000..56939dc
--- /dev/null
+++ b/admin/src/app/views/member/balance.vue
@@ -0,0 +1,286 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center mb-[5px]">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+            <el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+                <el-row class="flex">
+                    <el-col :span="8" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="balanceStatistics.money && balanceStatistics.balance ? (Number.parseFloat(balanceStatistics.money) + Number.parseFloat(balanceStatistics.balance)).toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalAllBalance') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="8" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic :value="balanceStatistics.money"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalMoney') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="8" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic :value="balanceStatistics.balance"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalBalance') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                </el-row>
+            </el-card>
+            <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="memberAccountLogTableData.searchParam" ref="searchFormRef">
+
+                    <el-form-item :label="t('memberInfo')" prop="keywords">
+                        <el-input v-model="memberAccountLogTableData.searchParam.keywords" class="w-[240px]"
+                            :placeholder="t('memberInfoPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('balanceType')" prop="balance_type">
+                        <el-select v-model="memberAccountLogTableData.searchParam.balance_type" clearable
+                            :placeholder="t('fromTypePlaceholder')" class="input-width" @change="checkAccountType">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item.name" :value="item.type" v-for="(item, key) in balanceStatus" :key="key"/>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('fromType')" prop="from_type">
+                        <el-select v-model="memberAccountLogTableData.searchParam.from_type" clearable
+                            :placeholder="t('fromTypePlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item.name" :value="key" v-for="(item, key) in fromTypeList"  :key="key"/>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="memberAccountLogTableData.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadMemberAccountLogList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+
+            </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="memberAccountLogTableData.data" size="large" v-loading="memberAccountLogTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !memberAccountLogTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column prop="member_id" :label="t('memberId')" min-width="100" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            {{ row.member.member_no }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('memberInfo')" min-width="140" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            <div class="flex items-center cursor-pointer" @click="toMember(row.member_id)">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg"
+                                    :src="img(row.member.headimg)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
+                                    src="@/app/assets/images/default_headimg.png" alt="">
+                                <div class="flex flex flex-col">
+                                    <span class="">{{ row.member.nickname || '' }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="mobile" :label="t('mobile')" min-width="90">
+                        <template #default="{ row }">
+                            {{ row.member.mobile || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="account_data" :label="t('accountData')" min-width="100" align="right">
+                        <template #default="{ row }">
+                            <div class="whitespace-nowrap">
+                                <span v-if="row.account_data >= 0">+{{ row.account_data }}</span>
+                                <span v-else>{{ row.account_data }}</span>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="account_sum" :label="t('accountSum')" min-width="110" align="right" />
+                    <el-table-column prop="account_type_name" :label="t('balanceType')" min-width="150" align="center" />
+                    <el-table-column prop="from_type_name" :label="t('fromType')" min-width="120" align="" />
+                    <el-table-column prop="create_time" :show-overflow-tooltip="true" :label="t('createTime')"
+                        min-width="150" />
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="memberAccountLogTableData.page"
+                        v-model:page-size="memberAccountLogTableData.limit" layout="total, sizes, prev, pager, next, jumper"
+                        :total="memberAccountLogTableData.total" @size-change="loadMemberAccountLogList()"
+                        @current-change="loadMemberAccountLogList" />
+                </div>
+            </div>
+        </el-card>
+        <balance-info ref="balanceDialog" @complete="loadMemberAccountLogList" />
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import {
+    getBalanceList,
+    getChangeTypeList,
+    getBalanceSum,
+    getBalanceStatus,
+    getMoneyList,
+    getAccountType
+} from '@/app/api/member'
+import { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+import balanceInfo from '@/app/views/member/components/member-balance-info.vue'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const member_id: number = parseInt(route.query.id || 0)
+const pageName = route.meta.title
+
+const memberAccountLogTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        keywords: '',
+        from_type: '',
+        create_time: '',
+        mobile: '',
+        member_id: member_id,
+        balance_type: ''
+    }
+})
+
+const fromTypeList = ref([])
+
+const setFromTypeList = async () => {
+    fromTypeList.value = await (await getChangeTypeList('balance')).data
+}
+
+setFromTypeList()
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadMemberAccountLogList()
+}
+
+/**
+ * 获取会员账单表列表
+ */
+const loadMemberAccountLogList = (page: number = 1) => {
+    memberAccountLogTableData.loading = true
+    memberAccountLogTableData.page = page
+    if (memberAccountLogTableData.searchParam.balance_type == '' || memberAccountLogTableData.searchParam.balance_type == 'balance') {
+        getBalanceList({
+            page: memberAccountLogTableData.page,
+            limit: memberAccountLogTableData.limit,
+            ...memberAccountLogTableData.searchParam
+        }).then(res => {
+            memberAccountLogTableData.loading = false
+            memberAccountLogTableData.data = res.data.data
+            memberAccountLogTableData.total = res.data.total
+        }).catch(() => {
+            memberAccountLogTableData.loading = false
+        })
+    } else {
+        getMoneyList({
+            page: memberAccountLogTableData.page,
+            limit: memberAccountLogTableData.limit,
+            ...memberAccountLogTableData.searchParam
+        }).then(res => {
+            memberAccountLogTableData.loading = false
+            memberAccountLogTableData.data = res.data.data
+            memberAccountLogTableData.total = res.data.total
+        }).catch(() => {
+            memberAccountLogTableData.loading = false
+        })
+    }
+}
+loadMemberAccountLogList()
+
+const balanceDialog: Record<string, any> | null = ref(null)
+/**
+ * 查看详情
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    balanceDialog.value.setFormData(data)
+    balanceDialog.value.showDialog = true
+}
+
+const router = useRouter()
+
+/**
+ * 会员详情
+ */
+const toMember = (member_id: number) => {
+    router.push(`/member/detail?id=${member_id}`)
+}
+
+/**
+ * 获取余额总计
+ */
+const balanceStatistics = ref([])
+const checkBalanceInfo = () => {
+    getBalanceSum({
+        member_id
+    }).then(res => {
+        balanceStatistics.value = res.data
+    })
+}
+checkBalanceInfo()
+
+// 获取余额类型
+const balanceStatus = ref([])
+const checkBalanceStatus = () => {
+    getBalanceStatus().then(res => {
+        for (var i in res.data) {
+            if (i == 'balance' || i == 'money') {
+                balanceStatus.value.push({ 'name': res.data[i], 'type': i })
+            }
+        }
+    })
+}
+checkBalanceStatus()
+
+const checkAccountType = () => {
+    let accountType = memberAccountLogTableData.searchParam.balance_type
+
+    if (accountType == '') {
+        accountType = 'balance'
+    }
+    getAccountType({
+        account_type: accountType
+    }).then(res => {
+        fromTypeList.value = res.data
+    })
+}
+checkAccountType()
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/commission.vue b/admin/src/app/views/member/commission.vue
new file mode 100644
index 0000000..d2a6aad
--- /dev/null
+++ b/admin/src/app/views/member/commission.vue
@@ -0,0 +1,245 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center mb-[5px]">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+            <el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+                <el-row class="flex">
+                    <el-col :span="6" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="commissionStatistics.total_commission ? Number.parseFloat(commissionStatistics.total_commission).toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('totalCommission') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="6" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="commissionStatistics.commission ? Number.parseFloat(commissionStatistics.commission).toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('commission') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="6" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="commissionStatistics.withdrawn_commission ? Number.parseFloat(commissionStatistics.withdrawn_commission).toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('withdrawnCommission') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="6" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="commissionStatistics.commission_cash_outing ? Number.parseFloat(commissionStatistics.commission_cash_outing).toFixed(2) : '0.00'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('cashOutingCommission') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                </el-row>
+            </el-card>
+
+            <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="memberAccountLogTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('memberInfo')" prop="keywords">
+                        <el-input v-model="memberAccountLogTableData.searchParam.keywords" class="w-[240px]"
+                            :placeholder="t('memberInfoPlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('fromType')" prop="from_type">
+                        <el-select v-model="memberAccountLogTableData.searchParam.from_type" clearable
+                            :placeholder="t('fromTypePlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item.name" :value="key" v-for="(item, key) in fromTypeList" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="memberAccountLogTableData.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadMemberAccountLogList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="memberAccountLogTableData.data" size="large" v-loading="memberAccountLogTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !memberAccountLogTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="member_id" :label="t('memberId')" min-width="80" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            {{ row.member.member_no }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('memberInfo')" min-width="150" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            <div class="flex items-center cursor-pointer" @click="toMember(row.member_id)">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg"
+                                    :src="img(row.member.headimg)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
+                                    src="@/app/assets/images/default_headimg.png" alt="">
+                                <div class="flex flex flex-col">
+                                    <span class="">{{ row.member.nickname || '' }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="mobile" :label="t('mobile')" min-width="100">
+                        <template #default="{ row }">
+                            {{ row.member.mobile || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="account_data" :label="t('accountData')" min-width="80" align="right">
+                        <template #default="{ row }">
+                            <span v-if="row.account_data >= 0">+{{ row.account_data }}</span>
+                            <span v-else>{{ row.account_data }}</span>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="account_sum" :label="t('accountSum')" min-width="120" align="right" />
+                    <el-table-column prop="from_type_name" :label="t('fromType')" min-width="180" align="center" />
+                    <el-table-column prop="create_time" :show-overflow-tooltip="true" :label="t('createTime')"
+                        min-width="150" />
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="memberAccountLogTableData.page"
+                        v-model:page-size="memberAccountLogTableData.limit" layout="total, sizes, prev, pager, next, jumper"
+                        :total="memberAccountLogTableData.total" @size-change="loadMemberAccountLogList()"
+                        @current-change="loadMemberAccountLogList" />
+                </div>
+            </div>
+        </el-card>
+        <money-info ref="moneyDialog" @complete="loadMemberAccountLogList" />
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { FormInstance } from 'element-plus'
+import { getChangeTypeList, getCommissionList, getCommissionSum } from '@/app/api/member'
+import { img } from '@/utils/common'
+import moneyInfo from '@/app/views/member/components/member-commission-info.vue'
+import { useRouter, useRoute } from 'vue-router'
+
+const route = useRoute()
+const member_id: number = parseInt(route.query.id || 0)
+const pageName = route.meta.title
+
+const memberAccountLogTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        keywords: '',
+        from_type: '',
+        create_time: '',
+        mobile: '',
+        member_id: member_id
+    }
+})
+
+const fromTypeList = ref([])
+
+const setFromTypeList = async () => {
+    fromTypeList.value = await (await getChangeTypeList('commission')).data
+}
+
+setFromTypeList()
+
+/**
+ * 获取佣金总计
+ */
+const commissionStatistics = ref([])
+const checkCommissionInfo = () => {
+    getCommissionSum({
+        member_id
+    }).then(res => {
+        commissionStatistics.value = res.data
+    })
+}
+checkCommissionInfo()
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadMemberAccountLogList()
+}
+
+/**
+ *
+ * 获取会员账单表列表
+ */
+const loadMemberAccountLogList = (page: number = 1) => {
+    memberAccountLogTableData.loading = true
+    memberAccountLogTableData.page = page
+
+    getCommissionList({
+        page: memberAccountLogTableData.page,
+        limit: memberAccountLogTableData.limit,
+        ...memberAccountLogTableData.searchParam
+    }).then(res => {
+        memberAccountLogTableData.loading = false
+        memberAccountLogTableData.data = res.data.data
+        memberAccountLogTableData.total = res.data.total
+    }).catch(() => {
+        memberAccountLogTableData.loading = false
+    })
+}
+loadMemberAccountLogList()
+
+const moneyDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 查看详情
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    moneyDialog.value.setFormData(data)
+    moneyDialog.value.showDialog = true
+}
+
+const router = useRouter()
+
+/**
+ * 会员详情
+ */
+const toMember = (member_id: number) => {
+    router.push(`/member/detail?id=${member_id}`)
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/add-member.vue b/admin/src/app/views/member/components/add-member.vue
new file mode 100644
index 0000000..9f5d4fb
--- /dev/null
+++ b/admin/src/app/views/member/components/add-member.vue
@@ -0,0 +1,170 @@
+<template>
+    <el-dialog v-model="showDialog" :title="popTitle" width="500px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('memberNo')" prop="member_no">
+                <el-input v-model="formData.member_no" clearable maxlength="20" :placeholder="t('memberNoPlaceholder')" class="input-width" />
+            </el-form-item>
+
+            <el-form-item :label="t('mobile')" prop="mobile">
+                <el-input v-model="formData.mobile" clearable :placeholder="t('mobilePlaceholder')" type="number" class="input-width" />
+            </el-form-item>
+
+            <el-form-item :label="t('nickname')">
+                <el-input v-model="formData.nickname" clearable :placeholder="t('nickNamePlaceholder')" class="input-width" />
+            </el-form-item>
+
+            <el-form-item :label="t('password')" prop="password">
+                <el-input v-model="formData.password" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" />
+            </el-form-item>
+            <el-form-item :label="t('passwordCopy')" prop="password_copy">
+                <el-input v-model="formData.password_copy" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" />
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { addMember, getMemberList, getMemberNo } from '@/app/api/member'
+
+const showDialog = ref(false)
+const loading = ref(false)
+let popTitle: string = ''
+let memberNo: string = ''
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    member_id: '',
+    nickname: '',
+    member_no: '',
+    init_member_no: '',
+    mobile: '',
+    password: '',
+    password_copy: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        member_no: [
+            { required: true, message: t('memberNoPlaceholder'), trigger: 'blur' },
+            { validator: memberNoVerify, trigger: 'blur' }
+        ],
+
+        mobile: [
+            { required: true, message: t('mobilePlaceholder'), trigger: 'blur' },
+            { validator: mobileVerify, trigger: 'blur' }
+        ],
+        password: [
+            { required: true, message: t('passwordPlaceholder'), trigger: 'blur' }
+        ],
+        password_copy: [
+            { required: true, message: t('passwordPlaceholder'), trigger: 'blur' },
+            { validator: doubleCipher, trigger: 'blur' }
+        ]
+    }
+})
+
+// 验证手机号格式
+const mobileVerify = (rule: any, value: any, callback: any) => {
+    if (value && !/^1[3-9]\d{9}$/.test(value)) {
+        callback(new Error(t('mobileHint')))
+    } else {
+        callback()
+    }
+}
+// 验证两次密码
+const doubleCipher = (rule: any, value: any, callback: any) => {
+    if (value != formData.password) {
+        callback(t('doubleCipherHint'))
+    } else {
+        callback()
+    }
+}
+// 验证会员编号
+const memberNoVerify = (rule: any, value: any, callback: any) => {
+    if (value && !/^[0-9a-zA-Z]*$/g.test(value)) {
+        callback(new Error(t('memberNoHint')))
+    } else {
+        callback()
+    }
+}
+
+const memberNoInit = async () => {
+    await getMemberNo().then(res => {
+        memberNo = res.data
+    }).catch(() => {
+
+    })
+}
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    const save = addMember
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            save(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    popTitle = t('addMember')
+    if (row) {
+        popTitle = t('updateMember')
+        const data = await (await getMemberList(row.member_id)).data
+        if (data) {
+            Object.keys(formData).forEach((key: string) => {
+                if (data[key] != undefined) formData[key] = data[key]
+            })
+        }
+    } else {
+        await memberNoInit()
+        formData.member_no = memberNo
+        formData.init_member_no = memberNo
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/edit-label.vue b/admin/src/app/views/member/components/edit-label.vue
new file mode 100644
index 0000000..2078b5f
--- /dev/null
+++ b/admin/src/app/views/member/components/edit-label.vue
@@ -0,0 +1,121 @@
+<template>
+    <el-dialog v-model="showDialog" :title="popTitle" width="500px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('labelName')" prop="label_name">
+                <el-input v-model="formData.label_name" clearable :placeholder="t('labelNamePlaceholder')" class="input-width" />
+            </el-form-item>
+            <el-form-item :label="t('memo')">
+                <el-input v-model="formData.memo" type="textarea" rows="4" clearable :placeholder="t('memoPlaceholder')" class="input-width"/>
+            </el-form-item>
+            <el-form-item :label="t('sort')" prop="sort">
+                <el-input v-model="formData.sort" clearable :placeholder="t('sortPlaceholder')" class="input-width" type="number" />
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { addMemberLabel, updateMemberLabel, getMemberLabelInfo } from '@/app/api/member'
+
+const showDialog = ref(false)
+const loading = ref(false)
+let popTitle:string = ''
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    label_id: '',
+    label_name: '',
+    memo: '',
+    sort: 0
+
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        label_name: [
+            { required: true, message: t('labelNamePlaceholder'), trigger: 'blur' }
+        ],
+        sort: [
+            { validator: sortVerify, trigger: 'blur' }
+        ]
+    }
+})
+
+const sortVerify = (rule: any, value: any, callback: any) => {
+    if (value < 0) {
+        callback(new Error(t('sortVerifyOne')))
+    } else if (value.toString().indexOf('.') != -1) {
+        callback(new Error(t('sortVerifyTwo')))
+    } else {
+        callback()
+    }
+}
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    const save = formData.label_id ? updateMemberLabel : addMemberLabel
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            save(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    popTitle = t('addMemberLabel')
+    if (row) {
+        popTitle = t('updateMemberLabel')
+        const data = await (await getMemberLabelInfo(row.label_id)).data
+        if (data) {
+            Object.keys(formData).forEach((key: string) => {
+                if (data[key] != undefined) formData[key] = data[key]
+            })
+        }
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/edit-member.vue b/admin/src/app/views/member/components/edit-member.vue
new file mode 100644
index 0000000..afa297e
--- /dev/null
+++ b/admin/src/app/views/member/components/edit-member.vue
@@ -0,0 +1,125 @@
+<template>
+    <el-dialog v-model="showDialog" :title="title || t('updateMember')" width="500px" :destroy-on-close="true">
+
+        <el-form :model="saveData" label-width="90px" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('headimg')" v-if="type == 'headimg'">
+                <upload-image v-model="saveData.headimg" />
+            </el-form-item>
+            <el-form-item :label="t('nickname')" v-if="type == 'nickname'">
+                <el-input v-model="saveData.nickname" clearable :placeholder="t('nickNamePlaceholder')" class="input-width" />
+            </el-form-item>
+            <el-form-item :label="t('birthday')" v-if="type == 'birthday'">
+                <el-date-picker v-model="saveData.birthday" value-format="YYYY-MM-DD" type="date" :placeholder="t('birthdayTip')" />
+            </el-form-item>
+            <el-form-item :label="t('sex')" v-if="type == 'sex'">
+                <el-select v-model="saveData.sex" clearable :placeholder="t('sexPlaceholder')" class="input-width">
+                    <el-option :label="item['name']" :value="item['id']" v-for="(item,index) in sexSelectData" :key="index" />
+                </el-select>
+            </el-form-item>
+            <el-form-item :label="t('memberLabel')" v-if="type == 'member_label'">
+                <el-select v-model="saveData.member_label" multiple collapse-tags :placeholder="t('memberLabelPlaceholder')" class="input-width">
+                    <el-option :label="item['label_name']" :value="item['label_id']" v-for="(item,index) in labelSelectData"  :key="index"/>
+                </el-select>
+            </el-form-item>
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { editMemberDetail, getMemberLabelAll } from '@/app/api/member'
+
+// 修改类型
+const type = ref('')
+const title = ref('')
+// 会员id
+const memberId = ref('')
+const showDialog = ref(false)
+const loading = ref(false)
+const sexSelectData = ref([
+    {
+        id: 0,
+        name: t('secrecySex')
+    },
+    {
+        id: 1,
+        name: t('manSex')
+    },
+    {
+        id: 2,
+        name: t('girlSex')
+    }
+])
+const labelSelectData = ref(null)
+// 获取全部标签
+const getMemberLabelAllFn = async () => {
+    labelSelectData.value = await (await getMemberLabelAll()).data
+}
+getMemberLabelAllFn()
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    headimg: '',
+    nickname: '',
+    member_label: '',
+    sex: '',
+    birthday: ''
+}
+const saveData: Record<string, any> = reactive({ ...initialFormData })
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    loading.value = true
+    const data = ref({
+        member_id: memberId.value,
+        field: type.value,
+        value: saveData[type.value]
+    })
+
+    editMemberDetail(data.value).then(res => {
+        loading.value = false
+        showDialog.value = false
+        emit('complete')
+    }).catch(() => {
+        loading.value = false
+        // showDialog.value = false
+    })
+}
+
+const setDialogType = async (row: any = null) => {
+    loading.value = true
+    type.value = row.type
+    title.value = row.title
+    memberId.value = row.id
+    saveData[type.value] = row.data[type.value]
+    if (type.value == 'member_label' && saveData[type.value]) {
+        saveData[type.value].forEach((item:any, index:any) => {
+            saveData[type.value][index] = Number.parseFloat(item)
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setDialogType
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/member-balance-edit.vue b/admin/src/app/views/member/components/member-balance-edit.vue
new file mode 100644
index 0000000..278c5c1
--- /dev/null
+++ b/admin/src/app/views/member/components/member-balance-edit.vue
@@ -0,0 +1,128 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('adjustBalance')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('currBalance')" >
+                <div class="input-width"> {{ formData.balance }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('adjustType')">
+                <el-radio-group v-model="formData.adjust_type">
+                    <el-radio :label="1">{{ t('adjustAddBalance') }}</el-radio>
+                    <el-radio :label="-1">{{ t('adjustReduceBalance') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('adjustBalance')" prop="adjust">
+                <el-input-number v-model="formData.adjust" clearable :min="0" :max="999999" :placeholder="t('adjustPlaceholder')" class=""/>
+            </el-form-item>
+
+            <el-form-item :label="t('memo')" prop="memo">
+                <el-input v-model="formData.memo" type="textarea" rows="4" clearable :placeholder="t('memoPlaceholder')" class="input-width"/>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { adjustBalance } from '@/app/api/member'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    member_id: 0,
+    balance: '',
+    memo: '',
+    adjust: '',
+    account_data: '',
+    adjust_type: 1
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        adjust: [
+            { required: true, message: t('adjustBalancePlaceholder'), trigger: 'blur' },
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    const adjust = Math.abs(parseFloat(formData.adjust))
+
+                    if (!adjust) {
+                        callback(new Error(t('adjustBalancePlaceholder')))
+                    }
+
+                    if (formData.adjust_type == -1 && (parseFloat(formData.balance) - adjust < 0)) {
+                        callback(new Error(t('adjustBalanceMaxAccountMessage')))
+                    }
+
+                    callback()
+                },
+                trigger: 'blur'
+            }
+        ]
+    }
+})
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            formData.account_data = Math.abs(parseFloat(formData.adjust)) * formData.adjust_type
+            const data = formData
+
+            adjustBalance(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/member-balance-info.vue b/admin/src/app/views/member/components/member-balance-info.vue
new file mode 100644
index 0000000..9e88568
--- /dev/null
+++ b/admin/src/app/views/member/components/member-balance-info.vue
@@ -0,0 +1,111 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('balanceInfo')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('headimg')" >
+                <div class="flex items-center">
+                    <img class="w-[50px] h-[50px] mr-[10px]" v-if="formData.member.headimg" :src="img(formData.member.headimg)" alt="" >
+                    <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/default_headimg.png" alt="" >
+                </div>
+            </el-form-item>
+
+			<el-form-item :label="t('memberId')" >
+                <div class="input-width"> {{ formData.member.member_no }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('nickName')" >
+                <div class="input-width"> {{ formData.member.nickname }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('mobile')" >
+                <div class="input-width"> {{ formData.member.mobile }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('accountData')" >
+                <div class="input-width"> {{ formData.account_data }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('fromType')" >
+                <div class="input-width"> {{ formData.from_type_name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('memo')" >
+                <div class="input-width"> {{ formData.memo }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('createTime')" >
+                <div class="input-width"> {{ formData.create_time }} </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    account_data: 0,
+    account_type: '',
+    create_time: '',
+    from_type: '',
+    from_type_name: '',
+    member_id: '',
+    memo: '',
+    related_id: '',
+    member: {
+        headimg: '',
+        mobile: '',
+        member_no: '',
+        username: '',
+        nickname: ''
+    }
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+// const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/member-commission-info.vue b/admin/src/app/views/member/components/member-commission-info.vue
new file mode 100644
index 0000000..305dbf8
--- /dev/null
+++ b/admin/src/app/views/member/components/member-commission-info.vue
@@ -0,0 +1,113 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('moneyInfo')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+
+            <el-form-item :label="t('headimg')">
+                <div class="flex items-center">
+                    <img class="w-[50px] h-[50px] mr-[10px]" v-if="formData.member.headimg"
+                        :src="img(formData.member.headimg)" alt="">
+                    <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/default_headimg.png" alt="">
+                </div>
+            </el-form-item>
+
+            <el-form-item :label="t('memberId')">
+                <div class="input-width"> {{ formData.member.member_no }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('nickName')">
+                <div class="input-width"> {{ formData.member.nickname }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('mobile')">
+                <div class="input-width"> {{ formData.member.mobile }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('accountData')">
+                <div class="input-width"> {{ formData.account_data }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('fromType')">
+                <div class="input-width"> {{ formData.from_type_name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('memo')">
+                <div class="input-width"> {{ formData.memo }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('createTime')">
+                <div class="input-width"> {{ formData.create_time }} </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    account_data: 0,
+    account_type: '',
+    create_time: '',
+    from_type: '',
+    from_type_name: '',
+    member_id: '',
+    memo: '',
+    related_id: '',
+    member: {
+        headimg: '',
+        mobile: '',
+        member_no: '',
+        username: '',
+        nickname: ''
+    }
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+// const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/member-money-info.vue b/admin/src/app/views/member/components/member-money-info.vue
new file mode 100644
index 0000000..1290468
--- /dev/null
+++ b/admin/src/app/views/member/components/member-money-info.vue
@@ -0,0 +1,105 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('moneyInfo')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('headimg')" >
+                <div class="flex items-center">
+                    <img class="w-[50px] h-[50px] mr-[10px]" v-if="formData.headimg" :src="img(formData.headimg)" alt="" >
+                    <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/default_headimg.png" alt="" >
+                </div>
+            </el-form-item>
+
+            <el-form-item :label="t('nickName')" >
+                <div class="input-width"> {{ formData.nickname }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('mobile')" >
+                <div class="input-width"> {{ formData.mobile }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('accountData')" >
+                <div class="input-width"> {{ formData.account_data }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('fromType')" >
+                <div class="input-width"> {{ formData.from_type_name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('memo')" >
+                <div class="input-width"> {{ formData.memo }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('createTime')" >
+                <div class="input-width"> {{ formData.create_time }} </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    account_data: 0,
+    account_type: '',
+    create_time: '',
+    from_type: '',
+    from_type_name: '',
+    headimg: '',
+    member_id: '',
+    memo: '',
+    mobile: '',
+    nickname: '',
+    related_id: '',
+    username: ''
+
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+// const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/member-point-edit.vue b/admin/src/app/views/member/components/member-point-edit.vue
new file mode 100644
index 0000000..4f8ce7e
--- /dev/null
+++ b/admin/src/app/views/member/components/member-point-edit.vue
@@ -0,0 +1,130 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('adjustPoint')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('currPoint')" >
+                <div class="input-width"> {{ formData.point }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('adjustType')">
+                <el-radio-group v-model="formData.adjust_type">
+                    <el-radio :label="1">{{ t('adjustAddPoint') }}</el-radio>
+                    <el-radio :label="-1">{{ t('adjustReducePoint') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('adjustPoint')" prop="adjust">
+                <el-input-number v-model="formData.adjust" clearable :min="0" :max="999999" :placeholder="t('adjustPlaceholder')" class=""/>
+            </el-form-item>
+
+            <el-form-item :label="t('memo')" prop="memo">
+                <el-input v-model="formData.memo" type="textarea" rows="4" clearable :placeholder="t('memoPlaceholder')" class="input-width"/>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { adjustPoint } from '@/app/api/member'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    member_id: 0,
+    point: '',
+    memo: '',
+    adjust: '',
+    account_data: '',
+    adjust_type: 1
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        adjust: [
+            { required: true, message: t('adjustPointPlaceholder'), trigger: 'blur' },
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    formData.adjust = Math.floor(formData.adjust)
+
+                    const adjust = Math.abs(parseFloat(formData.adjust))
+
+                    if (!adjust) {
+                        callback(new Error(t('adjustPointPlaceholder')))
+                    }
+
+                    if (formData.adjust_type == -1 && (parseFloat(formData.point) - adjust < 0)) {
+                        callback(new Error(t('adjustPointMaxAccountMessage')))
+                    }
+
+                    callback()
+                },
+                trigger: 'blur'
+            }
+        ]
+    }
+})
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            formData.account_data = Math.abs(parseFloat(formData.adjust)) * formData.adjust_type;
+            const data = formData
+
+            adjustPoint(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/components/member-point-info.vue b/admin/src/app/views/member/components/member-point-info.vue
new file mode 100644
index 0000000..48ecd8b
--- /dev/null
+++ b/admin/src/app/views/member/components/member-point-info.vue
@@ -0,0 +1,110 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('pointInfo')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('headimg')" >
+                <div class="flex items-center">
+                    <img class="w-[50px] h-[50px] mr-[10px]" v-if="formData.member.headimg" :src="img(formData.member.headimg)" alt="" >
+                    <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/default_headimg.png" alt="" >
+                </div>
+            </el-form-item>
+
+			<el-form-item :label="t('memberId')" >
+                <div class="input-width"> {{ formData.member.member_no }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('nickName')" >
+                <div class="input-width"> {{ formData.member.nickname }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('mobile')" >
+                <div class="input-width"> {{ formData.member.mobile }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('accountData')" >
+                <div class="input-width"> {{ formData.account_data }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('fromType')" >
+                <div class="input-width"> {{ formData.from_type_name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('memo')" >
+                <div class="input-width"> {{ formData.memo }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('createTime')" >
+                <div class="input-width"> {{ formData.create_time }} </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    account_data: 0,
+    account_type: '',
+    create_time: '',
+    from_type: '',
+    from_type_name: '',
+    member_id: '',
+    memo: '',
+    related_id: '',
+    member: {
+        headimg: '',
+        mobile: '',
+        member_no: '',
+        username: '',
+        nickname: ''
+    }
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+// const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/label.vue b/admin/src/app/views/member/label.vue
new file mode 100644
index 0000000..47287c5
--- /dev/null
+++ b/admin/src/app/views/member/label.vue
@@ -0,0 +1,142 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+                <el-button type="primary" @click="addEvent">{{ t('addMemberLabel') }}</el-button>
+            </div>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="memberLabelTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('labelName')" prop="label_name">
+                        <el-input v-model="memberLabelTableData.searchParam.label_name" :placeholder="t('labelNamePlaceholder')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadMemberLabelList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="memberLabelTableData.data" size="large" v-loading="memberLabelTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !memberLabelTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="label_name" :label="t('labelName')" min-width="120" />
+                    <el-table-column prop="member_num" :label="t('memberNumber')" min-width="120" />
+                    <el-table-column prop="memo" :label="t('memo')" min-width="120" />
+                    <el-table-column prop="sort" :label="t('sort')" min-width="120" />
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                       <template #default="{ row }">
+                           <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                           <el-button type="primary" link @click="deleteEvent(row.label_id)">{{ t('delete') }}</el-button>
+                       </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="memberLabelTableData.page" v-model:page-size="memberLabelTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="memberLabelTableData.total"
+                        @size-change="loadMemberLabelList()" @current-change="loadMemberLabelList" />
+                </div>
+            </div>
+
+            <edit-memberLabel ref="editMemberLabelDialog" @complete="loadMemberLabelList" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getMemberLabelList, deleteMemberLabel } from '@/app/api/member'
+import { ElMessageBox, FormInstance } from 'element-plus'
+import EditMemberLabel from '@/app/views/member/components/edit-label.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const memberLabelTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        label_name: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadMemberLabelList()
+}
+
+/**
+ * 获取会员标签列表
+ */
+const loadMemberLabelList = (page: number = 1) => {
+    memberLabelTableData.loading = true
+    memberLabelTableData.page = page
+
+    getMemberLabelList({
+        page: memberLabelTableData.page,
+        limit: memberLabelTableData.limit,
+        ...memberLabelTableData.searchParam
+    }).then(res => {
+        memberLabelTableData.loading = false
+        memberLabelTableData.data = res.data.data
+        memberLabelTableData.total = res.data.total
+    }).catch(() => {
+        memberLabelTableData.loading = false
+    })
+}
+loadMemberLabelList()
+
+const editMemberLabelDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加会员标签
+ */
+const addEvent = () => {
+    editMemberLabelDialog.value.setFormData()
+    editMemberLabelDialog.value.showDialog = true
+}
+
+/**
+ * 编辑会员标签
+ * @param data
+ */
+const editEvent = (data: any) => {
+    editMemberLabelDialog.value.setFormData(data)
+    editMemberLabelDialog.value.showDialog = true
+}
+
+/**
+ * 删除会员标签
+ */
+const deleteEvent = (id: number) => {
+    ElMessageBox.confirm(t('memberLabelDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteMemberLabel(id).then(() => {
+            loadMemberLabelList()
+        }).catch(() => {
+        })
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/member.vue b/admin/src/app/views/member/member.vue
new file mode 100644
index 0000000..0eb3e2c
--- /dev/null
+++ b/admin/src/app/views/member/member.vue
@@ -0,0 +1,279 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+                <el-button type="primary" @click="addEvent">{{ t('addMember') }}</el-button>
+            </div>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="memberTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('memberInfo')" prop="keyword">
+                        <el-input v-model="memberTableData.searchParam.keyword" class="w-[240px]"
+                            :placeholder="t('memberInfoPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('registerChannel')" prop="register_channel">
+                        <el-select v-model="memberTableData.searchParam.register_channel" clearable
+                            :placeholder="t('channelPlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item" :value="key" v-for="(item, key) in channelList" :key="key" />
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('memberLabel')" prop="member_label">
+                        <el-select v-model="memberTableData.searchParam.member_label" collapse-tags clearable
+                            :placeholder="t('memberLabelPlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item['label_name']" :value="item['label_id']"
+                                v-for="(item, index) in labelSelectData" :key="index" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="memberTableData.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadMemberList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+            <div class="mt-[10px]">
+                <el-table :data="memberTableData.data" size="large" v-loading="memberTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !memberTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column prop="member_no" :label="t('memberNo')" min-width="120" />
+                    <el-table-column prop="nickname" :show-overflow-tooltip="true" :label="t('nickname')" min-width="170">
+                        <template #default="{ row }">
+                            <div class="flex items-center">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.headimg" :src="img(row.headimg)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
+                                    src="@/app/assets/images/default_headimg.png" alt="">
+                                <div class="flex flex flex-col">
+                                    <span>{{ row.nickname || '' }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="mobile" :label="t('mobile')" min-width="120" />
+                    <el-table-column prop="point" :label="t('point')" min-width="80" align="right">
+                        <template #default="{ row }">
+                            {{ Number.parseInt(row.point) }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="balance" :label="t('balance')" min-width="130" align="right" />
+                    <el-table-column prop="member_label" :label="t('lable')" min-width="120" align="center">
+                        <template #default="{ row }">
+                            <div class="flex flex-col items-start">
+                                <div v-for="(item, key) in row.member_label_array" class="my-[3px]" :key="key">
+                                    <el-tag class="ml-[13px]" type="info">{{ item.label_name }}</el-tag>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="register_channel_name" :label="t('registerChannel')" min-width="110"
+                        align="center" />
+
+                    <el-table-column prop="member_label" :label="t('status')" min-width="120" align="center">
+                        <template #default="{ row }">
+                            <el-tag type="success" v-if="row.status == 1" @click="lockMember(row, 0)"
+                                class="cursor-pointer">{{ t('normal') }}</el-tag>
+                            <el-tag type="error" v-else @click="lockMember(row, 1)"
+                                class="cursor-pointer">{{ t('lock') }}</el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('createTime')" min-width="150" align="center">
+                        <template #default="{ row }">
+                            {{ row.create_time || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('lastVisitTime')" min-width="150" align="center">
+                        <template #default="{ row }">
+                            {{ row.last_visit_time || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="180">
+                        <template #default="{ row }">
+                            <div class="flex items-center">
+                                <el-button type="primary" link @click="detailEvent(row)">{{ t('detail') }}</el-button>
+                                <el-button type="primary" link @click="setMemberLable(row)">{{ t('setLable') }}</el-button>
+                                <el-button type="primary" link @click="deleteEvent(row)">{{ t('memberDelete') }}</el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="memberTableData.page" v-model:page-size="memberTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="memberTableData.total"
+                        @size-change="loadMemberList()" @current-change="loadMemberList" />
+                </div>
+            </div>
+
+            <add-member ref="addMemberDialog" @complete="loadMemberList()" />
+            <edit-member ref="editMemberDialog" @complete="loadMemberList()" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import { addMember, getRegisterChannelType, getMemberList, getMemberLabelAll, editMemberStatus, deleteMember } from '@/app/api/member'
+import { ElMessageBox, FormInstance } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+import AddMember from '@/app/views/member/components/add-member.vue'
+import EditMember from '@/app/views/member/components/edit-member.vue'
+
+const route = useRoute()
+const pageName = route.meta.title
+const memberTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        keyword: '',
+        register_type: '',
+        member_label: '',
+        register_channel: '',
+        create_time: []
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+// 获取注册方式
+const channelList = ref([])
+const setChannelList = async () => {
+    channelList.value = await (await getRegisterChannelType({})).data
+}
+setChannelList()
+
+// 获取全部标签
+const labelSelectData = ref([])
+const getMemberLabelAllFn = async () => {
+    labelSelectData.value = await (await getMemberLabelAll()).data
+}
+getMemberLabelAllFn()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadMemberList()
+}
+
+// 获取会员列表
+const loadMemberList = (page: number = 1) => {
+    memberTableData.loading = true
+    memberTableData.page = page
+
+    getMemberList({
+        page: memberTableData.page,
+        limit: memberTableData.limit,
+        ...memberTableData.searchParam
+    }).then(res => {
+        memberTableData.loading = false
+        memberTableData.data = res.data.data
+        memberTableData.total = res.data.total
+    }).catch(() => {
+        memberTableData.loading = false
+    })
+}
+loadMemberList()
+
+const router = useRouter()
+const addMemberDialog: Record<string, any> | null = ref(null)
+const editMemberDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 获取标签
+ */
+function memberLable(res: any) {
+    let data
+    if (!res.member_label_array) return ''
+    data = res.member_label_array.map((item:any) => {
+        return item.label_name
+    })
+    data = data.toString()
+    return data
+}
+
+/**
+ * 设置标签
+ */
+function setMemberLable (res: any) {
+    const data = ref({
+        type: 'member_label',
+        id: res.member_id,
+        title: t('setLable'),
+        data: res
+    })
+    editMemberDialog.value.setDialogType(data.value)
+    editMemberDialog.value.showDialog = true
+}
+
+/**
+ * 删除
+ */
+function deleteEvent(res: any) {
+    ElMessageBox.confirm(t('memberDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteMember(res.member_id).then(() => {
+            loadMemberList()
+        }).catch(() => {
+        })
+    })
+}
+
+/**
+ * 添加会员
+ */
+const addEvent = () => {
+    addMemberDialog.value.setFormData()
+    addMemberDialog.value.showDialog = true
+}
+
+/**
+ * 编辑会员
+ * @param data
+ */
+const editEvent = (data: any) => { }
+
+/**
+ * 会员详情
+ */
+const detailEvent = (data: any) => {
+    router.push(`/member/detail?id=${data.member_id}`)
+}
+
+/**
+ * 变更会员状态
+ */
+const lockMember = (res:any, status:any) => {
+    editMemberStatus({
+        status: status,
+        member_ids: [res.member_id]
+    }).then(res => {
+        if (res.code >= 0) {
+            loadMemberList()
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/member/member_detail.vue b/admin/src/app/views/member/member_detail.vue
new file mode 100644
index 0000000..b41f252
--- /dev/null
+++ b/admin/src/app/views/member/member_detail.vue
@@ -0,0 +1,367 @@
+<template>
+	<div class="main-container" v-loading="loading">
+		<div class="detail-head !ml-[20px] !mb-[5px]">
+			<div class="left" @click="router.push({ path: '/member/member' })">
+				<span class="iconfont iconxiangzuojiantou !text-xs"></span>
+				<span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
+			</div>
+			<span class="adorn">|</span>
+			<span class="right">{{ pageName }}</span>
+		</div>
+		<el-card class="box-card !border-none" shadow="never">
+			<div class="bg-[#FAFAFD] py-[20px] pr-[80px] pl-[280px] relative">
+				<div class="member-info absolute w-[250px]">
+					<div class="flex items-center">
+						<span class="text-[14px] min-w-[110px] text-right mr-[20px]">{{ t('headimg') }}</span>
+						<span class="flex items-end text-[14px]">
+							<img class="w-[50px] h-[50px] inline-block" v-if="formData.headimg" :src="img(formData.headimg)" alt="">
+							<img class="w-[50px] h-[50px] inline-block" v-else src="@/app/assets/images/default_headimg.png" alt="">
+							<el-icon @click="editMemberInfo('headimg')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+								<EditPen color="#273CE2" />
+							</el-icon>
+						</span>
+					</div>
+					<div class="flex items-center mt-[20px]">
+						<span class="text-[14px] min-w-[110px] text-right mr-[20px]">UID</span>
+						<span class="member-info-item text-[14px] text-[#666666] font-bold w-[150px]">
+							{{ formData.member_no || t('notAvailable') }}
+						</span>
+					</div>
+				</div>
+				<div>
+					<el-row justify="space-evenly" class="flex">
+						<el-col :span="5">
+							<div class="statistic-card">
+								<el-statistic :value="formData.point">
+									<template #title>
+										<div style="display: inline-flex; align-items: center">
+											<span class="text-[14px]">
+												{{ t('point') }}
+											</span>
+											<el-tooltip effect="dark" :content="t('adjust')" placement="top">
+												<el-icon @click="adjustPoint(formData)" class="ml-2 cursor-pointer" :size="12">
+													<EditPen color="#273CE2" />
+												</el-icon>
+											</el-tooltip>
+											<el-tooltip effect="dark" :content="t('detail')" placement="top">
+												<el-icon @click="infoPoint(formData)" class="ml-2 cursor-pointer" :size="12">
+													<View />
+												</el-icon>
+											</el-tooltip>
+										</div>
+									</template>
+								</el-statistic>
+								<div class="statistic-footer">
+									<div class="footer-item text-[14px] text-[#333333]">
+										<span>{{ t('accumulative') }}</span>
+										<span class="green ml-1">
+											{{ formData.point_get }}
+										</span>
+									</div>
+								</div>
+							</div>
+						</el-col>
+						<el-col :span="5">
+							<div class="statistic-card">
+								<el-statistic :value="formData.balance">
+									<template #title>
+										<div style="display: inline-flex; align-items: center">
+											<span class="text-[14px]">
+												{{ t('balance') }}
+											</span>
+											<el-tooltip effect="dark" :content="t('adjust')" placement="top">
+												<el-icon @click="adjustBalance(formData)" class="ml-2 cursor-pointer" :size="12">
+													<EditPen color="#273CE2" />
+												</el-icon>
+											</el-tooltip>
+											<el-tooltip effect="dark" :content="t('detail')" placement="top">
+												<el-icon @click="infoBalance(formData)" class="ml-2 cursor-pointer" :size="12">
+													<View />
+												</el-icon>
+											</el-tooltip>
+										</div>
+									</template>
+								</el-statistic>
+								<div class="statistic-footer">
+									<div class="footer-item text-[14px] text-[#333333]">
+										<span>{{ t('accumulative') }}</span>
+										<span class="red ml-1">
+											{{ formData.balance_get }}
+										</span>
+									</div>
+								</div>
+							</div>
+						</el-col>
+						<el-col :span="5">
+							<div class="statistic-card">
+								<el-statistic :value="formData.money" title="New transactions today ">
+									<template #title>
+										<div style="display: inline-flex; align-items: center">
+											<span class="text-[14px]">
+												{{ t("money") }}
+											</span>
+											<el-tooltip effect="dark" :content="t('detail')" placement="top">
+												<el-icon @click="infoBalance(formData)" class="ml-2 cursor-pointer" :size="12">
+													<View />
+												</el-icon>
+											</el-tooltip>
+										</div>
+									</template>
+								</el-statistic>
+								<div class="statistic-footer">
+									<div class="footer-item text-[14px] text-[#333333]">
+										<span>{{ t('accumulative') }}</span>
+										<span class="green ml-1">
+											{{ formData.money_get }}
+										</span>
+									</div>
+								</div>
+							</div>
+						</el-col>
+						<el-col :span="5">
+							<div class="statistic-card">
+								<el-statistic :value="formData.commission" title="New transactions today">
+									<template #title>
+										<div style="display: inline-flex; align-items: center ">
+											<span class="text-[14px]">
+												{{ t("commission") }}
+											</span>
+											<el-tooltip effect="dark" :content="t('detail')" placement="top">
+												<el-icon @click="infoCommission(formData)" class="ml-2 cursor-pointer" :size="12">
+													<View />
+												</el-icon>
+											</el-tooltip>
+										</div>
+									</template>
+								</el-statistic>
+								<div class="statistic-footer">
+									<div class="footer-item text-[14px] text-[#333333]">
+										<span>{{ t('accumulative') }}</span>
+										<span class="green ml-1">
+											{{ formData.commission_get }}
+										</span>
+									</div>
+								</div>
+							</div>
+						</el-col>
+					</el-row>
+				</div>
+			</div>
+		</el-card>
+		<el-card class="box-card !border-none" shadow="never">
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('urserName') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.username || t('notAvailable') }}
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('nickname') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.nickname || t('notAvailable') }}
+				</span>
+			</div>
+
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('mobile') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.mobile || t('notAvailable') }}
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('memberLabel') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.member_label_name.toString() || t('notAvailable') }}<el-icon @click="editMemberInfo('member_label')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+						<EditPen color="#273CE2" />
+					</el-icon>
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('birthday') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.birthday || t('notAvailable') }}<el-icon @click="editMemberInfo('birthday')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+						<EditPen color="#273CE2" />
+					</el-icon>
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('sex') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.sex == 1 && t('manSex') || formData.sex == 2 && t('girlSex') || t('secrecySex') }}<el-icon @click="editMemberInfo('sex')" class="-bottom-[2px] -right-[4px] cursor-pointer">
+						<EditPen color="#273CE2" />
+					</el-icon>
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('wxUnionid') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.wx_unionid || t('notAvailable') }}
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('weappOpenid') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.weapp_openid || t('notAvailable') }}
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('wxOpenid') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.wx_openid || t('notAvailable') }}
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('registeredSource') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.register_channel_name || t('notAvailable') }}
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('createTime') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.create_time || t('notAvailable') }}
+				</span>
+			</div>
+			<div class="flex items-center mt-[15px]">
+				<span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('lastVisitTime') }}</span>
+				<span class="text-[14px] text-[#666666]">
+					{{ formData.last_visit_time || t('notAvailable') }}
+				</span>
+			</div>
+		</el-card>
+
+		<point-edit ref="pointDialog" @complete="getMemberInfoFn" />
+		<balance-edit ref="balanceDialog" @complete="getMemberInfoFn" />
+		<edit-member ref="editMemberDialog" @complete="getMemberInfoFn()" />
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getMemberInfo } from '@/app/api/member'
+import { ElMessage } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+import { img } from '@/utils/common'
+import PointEdit from '@/app/views/member/components/member-point-edit.vue'
+import BalanceEdit from '@/app/views/member/components/member-balance-edit.vue'
+import EditMember from '@/app/views/member/components/edit-member.vue'
+// import colorGradient from '../../../../uniapp/src/uni_modules/vk-uview-ui/libs/function/colorGradient'
+import useAppStore from '@/stores/modules/app'
+
+const route = useRoute()
+const pageName = route.meta.title
+const appStore = useAppStore()
+
+const loading = ref(true)
+
+// 获取会员信息
+const id: number = parseInt(route.query.id || 0)
+const formData: any = reactive({ member_label_name: '' })
+
+const getMemberInfoFn = async () => {
+    loading.value = true
+    if (id) {
+        const data = await (await getMemberInfo(id)).data
+        if (!data || Object.keys(data).length == 0) {
+            ElMessage.error(t('memberNull'))
+            setTimeout(() => {
+                router.go(-1)
+            }, 2000)
+            return false
+        }
+
+        Object.keys(data).forEach((item) => {
+            formData[item] = data[item]
+        })
+
+        if (formData?.member_label_array && Object.keys(formData.member_label_array)?.length) {
+            formData.member_label = Object.values(formData.member_label_array).map((item: any, index) => {
+                return item.label_id
+            })
+
+            formData.member_label_name = Object.values(formData.member_label_array).map((item: any, index) => {
+                return item.label_name
+            })
+        }
+        loading.value = false
+    } else {
+        loading.value = false
+    }
+}
+getMemberInfoFn()
+
+const pointDialog: Record<string, any> | null = ref(null)
+const balanceDialog: Record<string, any> | null = ref(null)
+const editMemberDialog: Record<string, any> | null = ref(null)
+
+/**
+ *  修改会员信息
+ */
+const editMemberInfo = (type: any) => {
+    const data = ref({
+        type,
+        id,
+        data: formData
+    })
+    editMemberDialog.value.setDialogType(data.value)
+    editMemberDialog.value.showDialog = true
+}
+
+/**
+ * 调整积分
+ */
+const adjustPoint = (data: any) => {
+    pointDialog.value.setFormData(data)
+    pointDialog.value.showDialog = true
+}
+
+/**
+ * 调整余额
+ */
+const adjustBalance = (data: any) => {
+    balanceDialog.value.setFormData(data)
+    balanceDialog.value.showDialog = true
+}
+
+const router = useRouter()
+
+/**
+ * 积分详情
+ */
+const infoPoint = () => {
+    router.push(`/member/point?id=${id}`)
+}
+
+/**
+ * 余额详情
+ */
+const infoBalance = () => {
+    router.push(`/member/balance?id=${id}`)
+}
+
+/**
+ * 佣金详情
+ */
+const infoCommission = () => {
+    router.push(`/member/commission?id=${id}`)
+}
+
+</script>
+
+<style lang="scss" scoped>
+.el-col {
+	background-color: #FAFAFD;
+}
+
+.member-info {
+	left: 0px
+}
+
+.member-info-item {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	-o-text-overflow: ellipsis;
+}
+</style>
diff --git a/admin/src/app/views/member/point.vue b/admin/src/app/views/member/point.vue
new file mode 100644
index 0000000..dbfc7bb
--- /dev/null
+++ b/admin/src/app/views/member/point.vue
@@ -0,0 +1,223 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center mb-[5px]">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+            <el-card class="box-card !border-none base-bg !px-[35px]" shadow="never">
+                <el-row class="flex">
+                    <el-col :span="12" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="pointStatistics.point_get ? Number.parseInt(pointStatistics.point_get) : '0'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('pointGet') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+                    <el-col :span="12" class="min-w-[100px]">
+                        <div class="statistic-card">
+                            <el-statistic
+                                :value="pointStatistics.point_use ? Number.parseInt(pointStatistics.point_use) : '0'"></el-statistic>
+                            <div class="statistic-footer">
+                                <div class="footer-item text-[14px] text-[#666]">
+                                    <span>{{ t('pointUse') }}</span>
+                                </div>
+                            </div>
+                        </div>
+                    </el-col>
+
+                </el-row>
+            </el-card>
+            <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="memberAccountLogTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('memberInfo')" prop="keywords">
+                        <el-input v-model="memberAccountLogTableData.searchParam.keywords" class="w-[240px]"
+                            :placeholder="t('memberInfoPlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('fromType')" prop="from_type">
+                        <el-select v-model="memberAccountLogTableData.searchParam.from_type" clearable
+                            :placeholder="t('fromTypePlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item.name" :value="key" v-for="(item, key) in fromTypeList" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="memberAccountLogTableData.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadMemberAccountLogList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[16px]">
+                <el-table :data="memberAccountLogTableData.data" size="large" v-loading="memberAccountLogTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !memberAccountLogTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="member_id" :label="t('memberId')" min-width="80" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            {{ row.member.member_no }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('memberInfo')" min-width="150" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            <div class="flex items-center cursor-pointer" @click="toMember(row.member_id)">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg"
+                                    :src="img(row.member.headimg)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
+                                    src="@/app/assets/images/default_headimg.png" alt="">
+                                <div class="flex flex flex-col">
+                                    <span class="">{{ row.member.nickname || '' }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="mobile" :label="t('mobile')" min-width="100">
+                        <template #default="{ row }">
+                            {{ row.member.mobile || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="account_data" :label="t('accountData')" min-width="80" align="right">
+                        <template #default="{ row }">
+                            <span v-if="row.account_data >= 0">+{{ row.account_data }}</span>
+                            <span v-else>{{ row.account_data }}</span>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="account_sum" :label="t('accountSum')" min-width="120" align="right" />
+
+                    <el-table-column prop="from_type_name" :label="t('fromType')" min-width="180" align="center" />
+                    <el-table-column prop="create_time" :show-overflow-tooltip="true" :label="t('createTime')"
+                        min-width="150" />
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="memberAccountLogTableData.page"
+                        v-model:page-size="memberAccountLogTableData.limit" layout="total, sizes, prev, pager, next, jumper"
+                        :total="memberAccountLogTableData.total" @size-change="loadMemberAccountLogList()"
+                        @current-change="loadMemberAccountLogList" />
+                </div>
+            </div>
+        </el-card>
+        <point-info ref="pointDialog" @complete="loadMemberAccountLogList" />
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getChangeTypeList, getPointList, getPointSum } from '@/app/api/member'
+import { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+import pointInfo from '@/app/views/member/components/member-point-info.vue'
+import { useRouter, useRoute } from 'vue-router'
+
+const route = useRoute()
+const member_id: number = parseInt(route.query.id || 0)
+const pageName = route.meta.title
+
+const memberAccountLogTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        keywords: '',
+        from_type: '',
+        create_time: '',
+        mobile: '',
+        member_id: member_id
+    }
+})
+
+/**
+ * 获取积分总计
+ */
+const pointStatistics = ref([])
+const checkPointInfo = () => {
+    getPointSum({
+        member_id
+    }).then(res => {
+        pointStatistics.value = res.data
+    })
+}
+checkPointInfo()
+
+const fromTypeList = ref([])
+
+const setFromTypeList = async () => {
+    fromTypeList.value = await (await getChangeTypeList('point')).data
+}
+
+setFromTypeList()
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    loadMemberAccountLogList()
+}
+
+/**
+ *
+ * 获取会员账单表列表
+ */
+const loadMemberAccountLogList = (page: number = 1) => {
+    memberAccountLogTableData.loading = true
+    memberAccountLogTableData.page = page
+
+    getPointList({
+        page: memberAccountLogTableData.page,
+        limit: memberAccountLogTableData.limit,
+        ...memberAccountLogTableData.searchParam
+    }).then(res => {
+        memberAccountLogTableData.loading = false
+        memberAccountLogTableData.data = res.data.data
+        memberAccountLogTableData.total = res.data.total
+    }).catch(() => {
+        memberAccountLogTableData.loading = false
+    })
+}
+loadMemberAccountLogList()
+
+const pointDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 查看详情
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    pointDialog.value.setFormData(data)
+    pointDialog.value.showDialog = true
+}
+
+const router = useRouter()
+
+/**
+ * 会员详情
+ */
+const toMember = (member_id: number) => {
+    router.push(`/member/detail?id=${member_id}`)
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/order/recharge/detail.vue b/admin/src/app/views/order/recharge/detail.vue
new file mode 100644
index 0000000..057f3f7
--- /dev/null
+++ b/admin/src/app/views/order/recharge/detail.vue
@@ -0,0 +1,113 @@
+<template>
+    <div class="main-container">
+        <el-form :model="formData" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none relative" shadow="never" v-if="formData">
+                <h3 class="panel-title">{{ t('orderInfo') }}</h3>
+
+                <el-form-item :label="t('orderNo')">
+                    <div class="input-width">{{ formData.order_no }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('orderMoney')">
+                    <div class="input-width">{{ formData.order_money }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('orderDiscountMoney')">
+                    <div class="input-width">{{ formData.order_discount_money }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('member')">
+                    <div class="input-width">
+                        <div class="flex flex flex-col cursor-pointer" @click="toMember(formData.member_id)">
+                            <span class="">{{ formData.member.nickname || '' }}</span>
+                            <span class="">{{ formData.member.mobile || '' }}</span>
+                        </div>
+                    </div>
+                </el-form-item>
+
+                <el-form-item :label="t('ip')">
+                    <div class="input-width">{{ formData.ip }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('orderFromName')">
+                    <div class="input-width">{{ formData.order_from_name }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('orderStatus')">
+                    <div class="input-width">{{ formData.order_status_info.name }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('payTypeName')">
+                    <div class="input-width">{{ formData.pay_type_name }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('createTime')">
+                    <div class="input-width">{{ formData.create_time || '' }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('payTime')">
+                    <div class="input-width">{{ formData.pay_time || '' }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('remark')">
+                    <div class="input-width">{{ formData.remark || '' }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('memberMessage')">
+                    <div class="input-width">{{ formData.member_message || '' }}</div>
+                </el-form-item>
+
+            </el-card>
+
+        </el-form>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getRechargeOrderInfo } from '@/app/api/order'
+import { useRoute, useRouter } from 'vue-router'
+import useTabbarStore from '@/stores/modules/tabbar'
+// import useAppStore from '@/stores/modules/app'
+
+const tabbarStore = useTabbarStore()
+const route = useRoute()
+const router = useRouter()
+const orderId: number = parseInt(route.query.order_id)
+const loading = ref(true)
+
+const formData: Record<string, any> | null = ref(null)
+
+const setFormData = async (orderId: number = 0) => {
+    loading.value = true
+    formData.value = null
+    await getRechargeOrderInfo(orderId)
+        .then(({ data }) => {
+            formData.value = data
+        })
+        .catch(() => {
+
+        })
+    loading.value = false
+}
+if (orderId) setFormData(orderId)
+else loading.value = false
+
+const formRef = ref<FormInstance>()
+
+const back = () => {
+    tabbarStore.removeTab(route.path)
+    router.push({ path: '/finance/recharge' })
+}
+/**
+ * 会员详情
+ */
+const toMember = (memberId: number) => {
+    router.push(`/member/detail?id=${memberId}`)
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/order/recharge/list.vue b/admin/src/app/views/order/recharge/list.vue
new file mode 100644
index 0000000..68a6b50
--- /dev/null
+++ b/admin/src/app/views/order/recharge/list.vue
@@ -0,0 +1,296 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center mb-[5px]">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+
+            <el-card class="box-card !border-none table-search-wra base-bg !px-[35px]" shadow="never">
+                <el-row class="flex">
+                    <el-col :span="12" class="min-w-[100px]">
+                        <el-statistic
+                            :value="rechargeStatistics.recharge_money ? Number.parseFloat(rechargeStatistics.recharge_money).toFixed(2) : '0.00'">
+                            <template #title>
+                                <div class="text-[14px] mb-[9px]">{{ t('totalRechargeMoney') }}</div>
+                            </template>
+                        </el-statistic>
+                    </el-col>
+                    <el-col :span="12" class="min-w-[100px]">
+                        <el-statistic
+                            :value="rechargeStatistics.recharge_refund_money ? Number.parseFloat(rechargeStatistics.recharge_refund_money).toFixed(2) : '0.00'">
+                            <template #title>
+                                <div class="text-[14px] mb-[9px]">{{ t('totalRechargeRefundMoney') }}</div>
+                            </template>
+                        </el-statistic>
+                    </el-col>
+
+                </el-row>
+            </el-card>
+
+            <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="orderTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('rechargeNo')" prop="order_no">
+                        <el-input v-model="orderTableData.searchParam.order_no" :placeholder="t('rechargeNoPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('orderFromName')" prop="order_from">
+                        <el-select v-model="orderTableData.searchParam.order_from" clearable class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item" :value="key" v-for="(item, key) in channelList"  :key="key"/>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('orderStatus')" prop="order_status">
+                        <el-select v-model="orderTableData.searchParam.order_status" clearable class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item['name']" :value="item['status']" v-for="(item,index) in statusList" :key="index"/>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="orderTableData.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('rechargeMoney')">
+                        <div class="region-input">
+                            <el-form-item prop="start_money">
+                                <input type="text" :placeholder="t('startMoney')"
+                                    v-model="orderTableData.searchParam.start_money">
+                            </el-form-item>
+                            <span class="separator">-</span>
+                            <el-form-item prop="end_money">
+                                <input type="text" :placeholder="t('endMoney')"
+                                    v-model="orderTableData.searchParam.end_money">
+                            </el-form-item>
+                        </div>
+                    </el-form-item>
+
+                    <el-form-item :label="t('payTime')">
+                        <el-date-picker v-model="orderTableData.searchParam.pay_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="loadOrderList()">{{ t('search') }}</el-button>
+                        <el-button @click="searchFormRef?.resetFields()">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[16px]">
+                <el-table :data="orderTableData.data" size="large" v-loading="orderTableData.loading">
+                    <template #empty>
+                        <span>{{ !orderTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column :show-overflow-tooltip="true" :label="t('member')" align="left" min-width="140">
+                        <template #default="{ row }">
+                            <div class="flex items-center cursor-pointer " @click="toMember(row.member.member_id)">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg"
+                                    :src="img(row.member.headimg)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else
+                                    src="@/app/assets/images/default_headimg.png" alt="">
+                                <div class="flex flex flex-col">
+                                    <span class="">{{ row.member.nickname || '' }}</span>
+                                    <span class="">{{ row.member.mobile || '' }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="order_no" :show-overflow-tooltip="true" :label="t('rechargeNo')" align="center"
+                        min-width="140" />
+
+                    <el-table-column prop="order_money" :label="t('rechargeMoney')" align="center" min-width="140" />
+
+                    <el-table-column prop="order_from_name" :label="t('orderFromName')" align="center" min-width="140" />
+
+                    <el-table-column :label="t('orderStatus')" min-width="120" align="center">
+                        <template #default="{ row }">
+                            {{ row.order_status_info.name }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="pay_type_name" :label="t('payTypeName')" align="center" min-width="140" />
+
+                    <el-table-column :label="t('createTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.create_time || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('payTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.pay_time || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+
+                            <el-button
+                                v-if="[1, 10].includes(row.order_status_info.status) && row.is_enable_refund && row.refund_status == 0"
+                                type="primary" link @click="refundFn(row)">{{ t('refundBtn') }}</el-button>
+
+                            <template v-for="(item, index) in row.order_status_info.action" :key="index">
+                                <el-button type="primary" link @click="orderEvent(row, item.class)">{{ item.name
+                                }}</el-button>
+                            </template>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="orderTableData.page" v-model:page-size="orderTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="orderTableData.total"
+                        @size-change="loadOrderList()" @current-change="loadOrderList" />
+                </div>
+            </div>
+        </el-card>
+
+        <!-- 是否退款 -->
+        <el-dialog v-model="refundShowDialog" :title="t('refundBtn')" width="500px" :destroy-on-close="true">
+            <p>{{ t('refundContent') }}</p>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="refundShowDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="confirmRefund" :loading="refundLoading">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getRechargeOrderStatusList, getRechargeOrderList, rechargeRefund, getRechargeStat } from '@/app/api/order'
+import { getChannelType } from '@/app/api/sys'
+import { useRouter, useRoute } from 'vue-router'
+import { AnyObject } from '@/types/global'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const memberId: number = parseInt(route.query.id || 0)
+
+const channelList = ref([])
+const setChannelList = async () => {
+    channelList.value = await (await getChannelType({})).data
+}
+setChannelList()
+
+const orderTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        order_no: '',
+        order_status: '',
+        member_id: memberId,
+        create_time: [],
+        pay_time: [],
+        order_from: '',
+        start_money: '',
+        end_money: ''
+    }
+})
+
+const rechargeStatistics = ref([])
+const checkRechargeInfo = () => {
+    getRechargeStat({
+        member_id: memberId
+    }).then(res => {
+        rechargeStatistics.value = res.data
+    })
+}
+checkRechargeInfo()
+
+const statusList = ref([])
+
+const searchFormRef = ref<FormInstance>()
+
+const setCategoryList = async () => {
+    statusList.value = await (await getRechargeOrderStatusList()).data
+}
+setCategoryList()
+
+/**
+ * 获取文章列表
+ */
+const loadOrderList = (page: number = 1) => {
+    orderTableData.loading = true
+    orderTableData.page = page
+
+    getRechargeOrderList({
+        page: orderTableData.page,
+        limit: orderTableData.limit,
+        ...orderTableData.searchParam
+    }).then(res => {
+        orderTableData.loading = false
+        orderTableData.data = res.data.data
+        orderTableData.total = res.data.total
+    }).catch(() => {
+        orderTableData.loading = false
+    })
+}
+loadOrderList()
+
+/**
+ * 订单详情
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    router.push(`/order/recharge/detail?order_id=${data.order_id}`)
+}
+
+/**
+ * 订单操作
+ */
+const orderEvent = (data: any, type: string) => {
+
+}
+
+/**
+ * 退款操作
+ */
+const refundShowDialog = ref(false)
+let refundData: AnyObject | null = null
+const refundLoading = ref(false)
+
+const refundFn = (data: AnyObject) => {
+    refundShowDialog.value = true
+    refundData = data
+}
+
+/**
+ * 确认退款
+ */
+const confirmRefund = () => {
+    if (refundLoading.value) return
+    refundLoading.value = true
+
+    rechargeRefund(refundData?.order_id).then(res => {
+        refundShowDialog.value = false
+        refundLoading.value = false
+    }).catch(() => {
+        refundLoading.value = false
+    })
+}
+
+/**
+ * 会员详情
+ */
+const toMember = (memberId: number) => {
+    router.push(`/member/detail?id=${memberId}`)
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/order/recharge/refund.vue b/admin/src/app/views/order/recharge/refund.vue
new file mode 100644
index 0000000..ef36da0
--- /dev/null
+++ b/admin/src/app/views/order/recharge/refund.vue
@@ -0,0 +1,238 @@
+<template>
+	<div class="main-container">
+		<el-card class="box-card !border-none" shadow="never">
+			<div class="flex justify-between items-center mb-[5px]">
+				<span class="text-[20px]">{{ pageName }}</span>
+			</div>
+
+			<el-card class="box-card !border-none table-search-wra base-bg !px-[35px]" shadow="never">
+				<el-row class="flex">
+					<el-col :span="12">
+						<div class="statistic-card">
+							<el-statistic :value="refundStat.refund_all_money"></el-statistic>
+							<div class="statistic-footer">
+								<div class="footer-item text-[14px] text-[#666]">
+									<span>{{ t('accumulateRefundMoney') }}</span>
+								</div>
+							</div>
+						</div>
+					</el-col>
+					<el-col :span="12">
+						<div class="statistic-card">
+							<el-statistic :value="refundStat.refund_have_money"></el-statistic>
+							<div class="statistic-footer">
+								<div class="footer-item text-[14px] text-[#666]">
+									<span>{{ t('haveRefundMoney') }}</span>
+								</div>
+							</div>
+						</div>
+					</el-col>
+				</el-row>
+			</el-card>
+
+			<el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
+				<el-form :inline="true" :model="refundTableData.searchParam" ref="searchFormRef">
+					<el-form-item :label="t('memberInfo')" prop="keywords">
+						<el-input v-model="refundTableData.searchParam.keywords" class="w-[240px]" :placeholder="t('memberInfoPlaceholder')" />
+					</el-form-item>
+					<el-form-item :label="t('refundNumber')" prop="refund_no">
+						<el-input v-model="refundTableData.searchParam.refund_no" class="w-[240px]" :placeholder="t('refundNumberPlaceholder')" />
+					</el-form-item>
+					<el-form-item :label="t('orderNumber')" prop="order_no">
+						<el-input v-model="refundTableData.searchParam.order_no" class="w-[240px]" :placeholder="t('orderNumberPlaceholder')" />
+					</el-form-item>
+
+					<el-form-item :label="t('refundStatus')" prop="status">
+						<el-select v-model="refundTableData.searchParam.status" clearable class="input-width">
+							<el-option :label="t('selectPlaceholder')" value="" />
+							<el-option :label="item.name" :value="key" v-for="(item, key) in refundList" :key="key" />
+						</el-select>
+					</el-form-item>
+					<el-form-item :label="t('refundTime')" prop="create_time">
+						<el-date-picker v-model="refundTableData.searchParam.create_time" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')" :end-placeholder="t('endDate')" />
+					</el-form-item>
+					<el-form-item>
+						<el-button type="primary" @click="loadRefundList()">{{ t('search') }}</el-button>
+						<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+					</el-form-item>
+				</el-form>
+			</el-card>
+
+			<div>
+				<el-table :data="refundTableData.data" size="large" v-loading="refundTableData.loading">
+					<template #empty>
+						<span>{{ !refundTableData.loading ? t('emptyData') : '' }}</span>
+					</template>
+
+					<el-table-column :show-overflow-tooltip="true" :label="t('memberInfo')" align="left" min-width="140">
+						<template #default="{ row }">
+							<div class="flex items-center cursor-pointer " @click="toMember(row.member.member_id)">
+								<img class="w-[50px] h-[50px] mr-[10px]" v-if="row.member.headimg" :src="img(row.member.headimg)" alt="">
+								<img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/default_headimg.png" alt="">
+								<div class="flex flex flex-col">
+									<span class="">{{ row.member.nickname || '' }}</span>
+									<span class="">{{ row.member.mobile || '' }}</span>
+								</div>
+							</div>
+						</template>
+					</el-table-column>
+					<el-table-column prop="refund_no" :label="t('refundNumber')" align="center" min-width="200" />
+					<el-table-column prop="item.item_name" :label="t('refundSource')" align="center" min-width="140" />
+					<el-table-column prop="money" :label="t('refundAmount')" align="center" min-width="140" />
+					<el-table-column :label="t('refundTime')" min-width="180" align="center">
+						<template #default="{ row }">
+							{{ row.create_time || '' }}
+						</template>
+					</el-table-column>
+					<el-table-column :label="t('statusName')" min-width="180" align="center">
+						<template #default="{ row }">
+							{{ row.status_name || '' }}
+						</template>
+					</el-table-column>
+
+					<el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+						<template #default="{ row }">
+							<el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+						</template>
+					</el-table-column>
+
+				</el-table>
+				<div class="mt-[16px] flex justify-end">
+					<el-pagination v-model:current-page="refundTableData.page" v-model:page-size="refundTableData.limit"
+						layout="total, sizes, prev, pager, next, jumper" :total="refundTableData.total"
+						@size-change="loadRefundList()" @current-change="loadRefundList" />
+				</div>
+			</div>
+
+		</el-card>
+
+		<el-dialog v-model="refundInfoShowDialog" :title="t('refundDetail')" width="500px" :destroy-on-close="true">
+			<el-form :model="refundInfo" label-width="120px" ref="formRef" :rules="formRules" class="page-form">
+				<el-form-item :label="t('nickname')">
+					<div class="input-width"> {{ refundInfo.member.nickname }} </div>
+				</el-form-item>
+				<el-form-item :label="t('refundSource')">
+					<div class="input-width"> {{ refundInfo.item.item_name }} </div>
+				</el-form-item>
+				<el-form-item :label="t('refundAmount')">
+					<div class="input-width"> {{ refundInfo.money }} </div>
+				</el-form-item>
+				<el-form-item :label="t('orderNumber')">
+					<div class="input-width"> {{ refundInfo.item.order_no }} </div>
+				</el-form-item>
+				<el-form-item :label="t('refundNumber')">
+					<div class="input-width"> {{ refundInfo.refund_no }} </div>
+				</el-form-item>
+				<el-form-item :label="t('refundTime')">
+					<div class="input-width"> {{ refundInfo.create_time }} </div>
+				</el-form-item>
+				<el-form-item :label="t('statusName')">
+					<div class="input-width"> {{ refundInfo.status_name }} </div>
+				</el-form-item>
+			</el-form>
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="refundInfoShowDialog = false">{{ t('confirm') }}</el-button>
+				</span>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import { useRouter, useRoute } from 'vue-router'
+import { getRechargeRefund, getRechargeRefundStatus, getRechargeRefundStat } from '@/app/api/order'
+import { FormInstance } from 'element-plus'
+
+const router = useRouter()
+const route = useRoute()
+const pageName = route.meta.title
+const searchFormRef = ref<FormInstance>()
+const refundTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        refund_no: '',
+        // member_id,
+        create_time: [],
+        status: '',
+        keywords: '',
+        order_no: ''
+    }
+})
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadRefundList()
+}
+/**
+ * 获取退款列表
+ */
+const loadRefundList = (page: number = 1) => {
+    refundTableData.loading = true
+    refundTableData.page = page
+
+    getRechargeRefund({
+        page: refundTableData.page,
+        limit: refundTableData.limit,
+        ...refundTableData.searchParam
+    }).then(res => {
+        refundTableData.loading = false
+        refundTableData.data = res.data.data
+        refundTableData.total = res.data.total
+    }).catch(() => {
+        refundTableData.loading = false
+    })
+}
+loadRefundList()
+
+const refundList = ref([])
+const checkRefundList = () => {
+    getRechargeRefundStatus().then(res => {
+        refundList.value = res.data
+    })
+}
+checkRefundList()
+
+const refundStat = reactive({
+    refund_all_money: 0.00,
+    refund_have_money: 0.00,
+    refund_Success_money: 0.00,
+    refund_fail_moey: 0.00
+})
+const checkRefundStat = () => {
+    getRechargeRefundStat().then(res => {
+        refundStat.refund_all_money = res.data.all.money
+        refundStat.refund_have_money = res.data.have.money
+        refundStat.refund_Success_money = res.data['3'].money
+        refundStat.refund_fail_moey = res.data['-1'].money
+    })
+}
+checkRefundStat()
+
+const refundInfoShowDialog = ref(false)
+const refundInfo = ref({})
+
+const infoEvent = (info:any) => {
+    refundInfo.value = info
+    refundInfoShowDialog.value = true
+}
+
+/**
+ * 会员详情
+ */
+const toMember = (memberId: number) => {
+    router.push(`/member/detail?id=${memberId}`)
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/adminlogin.vue b/admin/src/app/views/setting/adminlogin.vue
new file mode 100644
index 0000000..f653400
--- /dev/null
+++ b/admin/src/app/views/setting/adminlogin.vue
@@ -0,0 +1,98 @@
+<template>
+    <div class="main-container">
+        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
+			<span class="text-[20px]">{{pageName}}</span>
+		</div>
+
+        <el-form :model="formData" label-width="150px" ref="ruleFormRef" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+
+                <h3 class="panel-title !text-sm">{{ t('admin') }}</h3>
+
+                <el-form-item :label="t('isCaptcha')" prop="formData.is_auth_register">
+                    <el-switch v-model="formData.is_captcha"/>
+                </el-form-item>
+
+                <el-form-item :label="t('bgImg')">
+                    <upload-image v-model="formData.bg" />
+                    <div class="form-tip">{{t('adminBgImgTip')}}</div>
+                </el-form-item>
+
+            </el-card>
+
+            <el-card class="box-card !border-none mt-4" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('site') }}</h3>
+
+                <el-form-item :label="t('isCaptcha')" prop="formData.is_auth_register">
+                    <el-switch v-model="formData.is_site_captcha"/>
+                </el-form-item>
+
+                <el-form-item :label="t('bgImg')">
+                    <upload-image v-model="formData.site_bg" />
+                    <div class="form-tip">{{t('siteBgImgTip')}}</div>
+                </el-form-item>
+
+            </el-card>
+        </el-form>
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getConfigLogin, setConfigLogin } from '@/app/api/sys'
+import { FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const loading = ref(true)
+const ruleFormRef = ref<FormInstance>()
+const formData = reactive<Record<string, number | string>>({
+    is_captcha: 0,
+    is_site_captcha: 0,
+    bg: '',
+    site_bg: ''
+})
+
+const getFormData = async (id: number = 0) => {
+    const data = await (await getConfigLogin()).data
+    Object.keys(formData).forEach((key: string) => {
+        if (['is_captcha', 'is_site_captcha'].includes(key)) formData[key] = Boolean(Number(data[key]))
+        else formData[key] = data[key]
+    })
+    loading.value = false
+}
+getFormData()
+
+const onSave = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate((valid) => {
+        if (valid) {
+            const save = JSON.parse(JSON.stringify(formData))
+            Object.keys(save).forEach((key) => {
+                if (['is_captcha', 'is_site_captcha'].includes(key)) save[key] = Number(save[key])
+            })
+
+            setConfigLogin(save).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.el-form .form-tip{
+    line-height: 1.5;
+    margin-top: 5px;
+}
+</style>
diff --git a/admin/src/app/views/setting/agreement.vue b/admin/src/app/views/setting/agreement.vue
new file mode 100644
index 0000000..0257c72
--- /dev/null
+++ b/admin/src/app/views/setting/agreement.vue
@@ -0,0 +1,77 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+           <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+            </div>
+            <div class="mt-[20px]">
+                <el-table :data="agreementTableData.data" size="large" v-loading="agreementTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !agreementTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="type_name" :label="t('typeName')" min-width="100" :show-overflow-tooltip="true" />
+
+                    <el-table-column prop="title" :label="t('title')" min-width="100" :show-overflow-tooltip="true"/>
+
+                    <el-table-column :label="t('updateTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.update_time || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                       <template #default="{ row }">
+                           <el-button type="primary" link @click="editEvent(row)">{{ t('config') }}</el-button>
+                       </template>
+                    </el-table-column>
+
+                </el-table>
+            </div>
+
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive } from 'vue'
+import { t } from '@/lang'
+import { getAgreementList } from '@/app/api/sys'
+import { useRouter, useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const agreementTableData = reactive({
+    loading: true,
+    data: []
+})
+
+/**
+ * 获取协议列表
+ */
+const loadAgreementList = () => {
+    agreementTableData.loading = true
+    agreementTableData.data = []
+    getAgreementList().then(res => {
+        Object.keys(res.data).forEach((key) => {
+            return agreementTableData.data.push(res.data[key])
+        })
+        agreementTableData.loading = false
+    }).catch(() => {
+        agreementTableData.loading = false
+    })
+}
+
+loadAgreementList()
+
+const router = useRouter()
+
+const editEvent = (data: any) => {
+    router.push(`/setting/agreement/edit?key=${data.agreement_key}`)
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/agreement_edit.vue b/admin/src/app/views/setting/agreement_edit.vue
new file mode 100644
index 0000000..0262a82
--- /dev/null
+++ b/admin/src/app/views/setting/agreement_edit.vue
@@ -0,0 +1,106 @@
+<template>
+    <div class="main-container">
+        <div class="detail-head">
+            <div class="left" @click="router.push({ path: '/setting/agreement' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never" v-loading="loading">
+            <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
+                <el-form-item :label="t('type')">
+                    <el-input v-model="formData.agreement_key_name" readonly class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('title')" prop="title">
+                    <el-input v-model="formData.title" clearable :placeholder="t('titlePlaceholder')" class="input-width" maxlength="20" />
+                </el-form-item>
+                <el-form-item :label="t('content')">
+                    <editor v-model="formData.content" />
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(formRef)">{{ t('save') }}</el-button>
+                <el-button @click="back()">{{ t('cancel') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getAgreementInfo, editAgreement } from '@/app/api/sys'
+import { useRoute, useRouter } from 'vue-router'
+import useTabbarStore from '@/stores/modules/tabbar'
+// import useAppStore from '@/stores/modules/app'
+
+// const appStore = useAppStore()
+const route = useRoute()
+const router = useRouter()
+const agreement_key: string = route.query.key || ''
+const loading = ref(false)
+const tabbarStore = useTabbarStore()
+const pageName = route.meta.title
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    agreement_key: '',
+    content: '',
+    title: '',
+    agreement_key_name: ''
+}
+
+const formData: Record<string, any> = reactive({ ...initialFormData })
+loading.value = true
+const setFormData = async (agreement_key: string = '') => {
+    Object.assign(formData, initialFormData)
+    const data = await (await getAgreementInfo(agreement_key)).data
+    Object.keys(formData).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = data[key]
+    })
+    loading.value = false
+}
+if (agreement_key) setFormData(agreement_key)
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        title: [
+            { required: true, message: t('titlePlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const onSave = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            const data = formData
+            data.key = formData.agreement_key
+            editAgreement(data).then(res => {
+                loading.value = false
+                back()
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const back = () => {
+    tabbarStore.removeTab(route.path)
+    router.push({ path: '/setting/agreement' })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/cash_out.vue b/admin/src/app/views/setting/cash_out.vue
new file mode 100644
index 0000000..9e4cefb
--- /dev/null
+++ b/admin/src/app/views/setting/cash_out.vue
@@ -0,0 +1,131 @@
+<template>
+    <div class="main-container">
+        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
+			<span class="text-[20px]">{{pageName}}</span>
+		</div>
+        <el-form :model="formData" label-width="150px" ref="ruleFormRef" :rules="rules" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+
+                <el-form-item :label="t('isOpen')">
+                    <el-switch v-model="formData.is_open" />
+                </el-form-item>
+
+                <el-form-item :label="t('cashWithdrawalAmount')" v-if="formData.is_open" prop="min">
+                    <el-input v-model="formData.min" type="number"  class="input-width" :placeholder="t('cashWithdrawalAmountPlaceholder')" />
+                </el-form-item>
+
+                <el-form-item :label="t('commissionRatio')" v-if="formData.is_open" prop="rate">
+                    <el-input v-model="formData.rate" type="number" class="input-width" :placeholder="t('commissionRatioPlaceholder')" />
+                    <span class="ml-2">%</span>
+                </el-form-item>
+                <el-form-item :label="t('audit')" v-if="formData.is_open"  class="items-center">
+                    <el-radio-group v-model="formData.is_auto_verify">
+                        <el-radio label="0" size="large">{{t('manualAudit')}}</el-radio>
+                        <el-radio label="1" size="large">{{t('automaticAudit')}}</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item :label="t('transfer')" v-if="formData.is_open" class="items-center">
+                    <el-radio-group v-model="formData.is_auto_transfer">
+                        <el-radio label="0" size="large">{{t('manualTransfer')}}</el-radio>
+                        <el-radio label="1" size="large">{{t('automatedTransit')}}</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item :label="t('transferMode')" v-if="formData.is_open" class="items-center">
+                    <el-checkbox-group v-model="formData.transfer_type" size="large">
+                        <el-checkbox :label="item.key"  v-for="(item,index) in Transfertype" :key="'a'+index">{{item.name}}</el-checkbox>
+                    </el-checkbox-group>
+                </el-form-item>
+            </el-card>
+        </el-form>
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getCashOutConfig, setCashOutConfig, getTransfertype } from '@/app/api/member'
+import { FormRules, FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const loading = ref(true)
+const ruleFormRef = ref<FormInstance>()
+const formData = reactive<Record<string, string | boolean | Array<string> >>({
+    is_auto_transfer: '0',
+    is_auto_verify: '0',
+    is_open: '0',
+    min: '0.01',
+    rate: '0',
+    transfer_type: []
+})
+const Transfertype = ref<Array<Object>>([])
+
+// 获取会员转账方式
+const getTransfertypeFn = async () => {
+    Transfertype.value = await (await getTransfertype()).data
+}
+getTransfertypeFn()
+
+// 获取会员的配置信息
+const setFormData = async (id: number = 0) => {
+    const data = await (await getCashOutConfig()).data
+    Object.keys(formData).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = data[key]
+    })
+    formData.is_open = Boolean(Number(formData.is_open))
+    loading.value = false
+}
+setFormData()
+
+const minRules = (rule: any, value: any, callback: any) => {
+    if (Number(value) < 0.01) {
+        callback(new Error(t('cashWithdrawalAmountHint')))
+    } else {
+        callback()
+    }
+}
+
+const rateRules = (rule: any, value: any, callback: any) => {
+    if (Number(value) > 100 || Number(value) < 0) {
+        callback(new Error(t('commissionRatioHint')))
+    } else {
+        callback()
+    }
+}
+
+const rules = reactive<FormRules>({
+    min: [
+        { validator: minRules, trigger: 'blur' }
+    ],
+    rate: [
+        { validator: rateRules, trigger: 'blur' }
+    ]
+})
+
+const onSave = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate((valid) => {
+        if (valid) {
+            const save = { ...formData }
+            save.is_open = Number(save.is_open).toString()
+
+            setCashOutConfig(save).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/cron-info.vue b/admin/src/app/views/setting/components/cron-info.vue
new file mode 100644
index 0000000..f843b40
--- /dev/null
+++ b/admin/src/app/views/setting/components/cron-info.vue
@@ -0,0 +1,113 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('cronInfo')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('title')" >
+                <div class="input-width"> {{ formData.title }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('typeName')" >
+                <div class="input-width"> {{ formData.type_name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('crondType')" >
+                <div class="input-width"  v-if="formData.type == 'crond'">{{ formData.crond_length }} {{ formData.crond_type_name }} </div>
+                <div  class="input-width" v-else>{{ t('cron') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('count')" >
+                <div class="input-width"> {{ formData.count }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('task')" >
+                <div class="input-width"> {{ formData.task }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('data')" >
+                <div class="input-width"> {{ JSON.stringify(formData.data) }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('statusDesc')" >
+                <div class="input-width"> {{ formData.status_desc }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('lastTime')" >
+                <div class="input-width"> {{ formData.last_time }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('nextTime')" >
+                <div class="input-width"> {{ formData.next_time }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('createTime')" >
+                <div class="input-width"> {{ formData.create_time }} </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    count: 0,
+    create_time: '',
+    crond_length: '',
+    crond_type: '',
+    crond_type_name: '',
+    data: '',
+    delete_time: '',
+    last_time: '',
+    next_time: '',
+    status_desc: '',
+    title: '',
+    type: '',
+    type_name: '',
+    update_time: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+// const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/notice-records-info.vue b/admin/src/app/views/setting/components/notice-records-info.vue
new file mode 100644
index 0000000..707f3d0
--- /dev/null
+++ b/admin/src/app/views/setting/components/notice-records-info.vue
@@ -0,0 +1,94 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('messageInfo')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('messageKey')">
+                <div class="input-width"> {{ formData.name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('messageType')">
+                <div v-if="formData.message_type == 'sms'">{{ t('sms') }}</div>
+                <div v-if="formData.message_type == 'wechat'">{{ t('wechat') }}</div>
+                <div v-if="formData.message_type == 'weapp'">{{ t('weapp') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('messageData')">
+                <div class="input-width"> {{ formData.message_data }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('nickname')">
+                <div class="input-width"> {{ formData.nickname }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('receiver')">
+                <div class="input-width"> {{ formData.receiver }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('createTime')">
+                <div class="input-width"> {{ formData.create_time }} </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+// import { editNoticeStatus } from '@/app/api/notice'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    create_time: 0,
+    message_data: '',
+    message_key: '',
+    message_type: '',
+    name: '',
+    nickname: '',
+    receiver: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+// const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/notice-sms.vue b/admin/src/app/views/setting/components/notice-sms.vue
new file mode 100644
index 0000000..da1f06e
--- /dev/null
+++ b/admin/src/app/views/setting/components/notice-sms.vue
@@ -0,0 +1,121 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('noticeSetting')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('status')">
+                <el-radio-group v-model="formData.is_sms">
+                    <el-radio :label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio :label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('name')">
+                <div class="input-width"> {{ formData.name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('title')">
+                <div class="input-width"> {{ formData.title }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('smsId')" prop="sms_id">
+                <el-input v-model="formData.sms_id" :placeholder="t('smsIdPlaceholder')" class="input-width" show-word-limit clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('smsContent')">
+                <div class="input-width"> {{ formData.content }} </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { editNotice } from '@/app/api/notice'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    is_sms: 0,
+    key: '',
+    name: '',
+    sms_default_content: '',
+    title: '',
+    type: '',
+    sms_id: '',
+    content: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        sms_id: [
+            { required: true, message: t('smsIdPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+            data.status = data.is_sms
+
+            editNotice(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+            if (row.sms && row.sms[key] != undefined) formData[key] = row.sms[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/notice-weapp.vue b/admin/src/app/views/setting/components/notice-weapp.vue
new file mode 100644
index 0000000..70172cf
--- /dev/null
+++ b/admin/src/app/views/setting/components/notice-weapp.vue
@@ -0,0 +1,118 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('noticeSetting')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('status')">
+                <el-radio-group v-model="formData.is_weapp">
+                    <el-radio :label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio :label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('name')">
+                <div class="input-width"> {{ formData.name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('weappTempKey')">
+                <div class="input-width"> {{ formData.temp_key }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('content')">
+                <div class="input-width">
+                    <div v-for="(item, index) in formData.content" :key="index">{{ item[0] }}：{{ item[1] }} </div>
+                </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { editNoticeStatus } from '@/app/api/notice'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    is_weapp: 0,
+    key: '',
+    name: '',
+    title: '',
+    type: '',
+    content: [],
+    first: '',
+    remark: '',
+    temp_key: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+            data.status = data.is_weapp
+
+            editNoticeStatus(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+            if (row.weapp && row.weapp[key] != undefined) formData[key] = row.weapp[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/notice-wechat.vue b/admin/src/app/views/setting/components/notice-wechat.vue
new file mode 100644
index 0000000..a5d8e17
--- /dev/null
+++ b/admin/src/app/views/setting/components/notice-wechat.vue
@@ -0,0 +1,133 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('noticeSetting')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('status')">
+                <el-radio-group v-model="formData.is_wechat">
+                    <el-radio :label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio :label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('name')">
+                <div class="input-width">{{ formData.name }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('tempKey')">
+                <div class="input-width">{{ formData.temp_key }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('keywordNameList')">
+                <div class="input-width">{{ formData.keyword_name_list ? formData.keyword_name_list.join('，') : '' }} </div>
+            </el-form-item>
+
+<!--            <el-form-item :label="t('first')" prop="first">-->
+<!--                <el-input v-model="formData.wechat_first" :placeholder="t('firstPlaceholder')" class="input-width" show-word-limit clearable />-->
+<!--            </el-form-item>-->
+
+            <el-form-item :label="t('content')">
+                <div class="input-width">
+                    <div v-for="(item, index) in formData.content" :key="index">{{ item[0] }}：{{ item[1] }} </div>
+                </div>
+            </el-form-item>
+
+<!--            <el-form-item :label="t('remark')" prop="remark">-->
+<!--                <el-input v-model="formData.wechat_remark" :placeholder="t('remarkPlaceholder')" class="input-width" show-word-limit clearable />-->
+<!--            </el-form-item>-->
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { editNotice } from '@/app/api/notice'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    is_wechat: 0,
+    key: '',
+    name: '',
+    title: '',
+    type: '',
+    content: [],
+    // first: '',
+    // remark: '',
+    temp_key: '',
+    keyword_name_list: ''
+    // wechat_first: '',
+    // wechat_remark: ''
+}
+
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+            data.status = data.is_wechat
+            editNotice(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+            if (row.wechat && row.wechat[key] != undefined) formData[key] = row.wechat[key]
+        })
+        // if (!row.wechat_first) formData['wechat_first'] = row['first']
+        // if (!row.wechat_remark) formData['wechat_remark'] = row['remark']
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/pay-alipay.vue b/admin/src/app/views/setting/components/pay-alipay.vue
new file mode 100644
index 0000000..9e96ff9
--- /dev/null
+++ b/admin/src/app/views/setting/components/pay-alipay.vue
@@ -0,0 +1,128 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('updateAlipay')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+
+            <el-form-item :label="t('appId')" prop="config.app_id">
+                <el-input v-model="formData.config.app_id" :placeholder="t('appIdPlaceholder')" class="input-width" maxlength="32" show-word-limit clearable />
+                <div class="form-tip">{{ t('appIdTips') }}</div>
+            </el-form-item>
+            <el-form-item :label="t('appSecretCert')" prop="config.app_secret_cert">
+                <el-input v-model="formData.config.app_secret_cert" :placeholder="t('appSecretCertPlaceholder')" class="input-width" type="textarea" rows="4" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('appPublicCertPath')" prop="config.app_public_cert_path">
+                <div class="input-width">
+                    <upload-file v-model="formData.config.app_public_cert_path" api="sys/document/aliyun" />
+                </div>
+            </el-form-item>
+
+            <el-form-item :label="t('alipayPublicCertPath')" prop="config.alipay_public_cert_path">
+                <div class="input-width">
+                    <upload-file v-model="formData.config.alipay_public_cert_path" api="sys/document/aliyun" />
+                </div>
+            </el-form-item>
+
+            <el-form-item :label="t('alipayRootCertPath')" prop="config.alipay_root_cert_path">
+                <div class="input-width">
+                    <upload-file v-model="formData.config.alipay_root_cert_path" api="sys/document/aliyun" />
+                </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+// import { setPatConfig } from '@/app/api/sys'
+// import { number } from 'echarts'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    type: 'alipay',
+    app_id: '',
+    config: {
+        app_secret_cert: '',
+        app_public_cert_path: '',
+        alipay_public_cert_path: '',
+        alipay_root_cert_path: ''
+    },
+    channel: '',
+    status: 0,
+    is_default: 0
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        'config.app_id': [
+            { required: true, message: t('appIdPlaceholder'), trigger: 'blur' }
+        ],
+        'config.app_secret_cert': [
+            { required: true, message: t('appSecretCertPlaceholder'), trigger: 'blur' }
+        ],
+        'config.app_public_cert_path': [
+            { required: true, message: t('appPublicCertPathPlaceholder'), trigger: 'blur' }
+        ],
+        'config.alipay_public_cert_path': [
+            { required: true, message: t('alipayPublicCertPathPlaceholder'), trigger: 'blur' }
+        ],
+        'config.alipay_root_cert_path': [
+            { required: true, message: t('alipayRootCertPathPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            emit('complete', formData)
+            showDialog.value = false
+        }
+    })
+}
+
+const setFormData = async (data: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (data) {
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+        })
+        formData['channel'] = data['redio_key'].split('_')[0]
+        formData['status'] = Number(formData['status'])
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/pay-offlinepay.vue b/admin/src/app/views/setting/components/pay-offlinepay.vue
new file mode 100644
index 0000000..a45c419
--- /dev/null
+++ b/admin/src/app/views/setting/components/pay-offlinepay.vue
@@ -0,0 +1,116 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('updateOfflinepay')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+
+            <el-form-item :label="t('collectionName')" prop="config.collection_name">
+                <el-input v-model="formData.config.collection_name" :placeholder="t('collectionNamePlaceholder')"
+                    class="input-width" show-word-limit clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('collectionBank')" prop="config.collection_bank">
+                <el-input v-model="formData.config.collection_bank" :placeholder="t('collectionBankPlaceholder')"
+                    class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('collectionAccount')" prop="config.collection_account">
+                <el-input v-model="formData.config.collection_account" :placeholder="t('collectionAccountPlaceholder')"
+                    class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('collectionDesc')" prop="config.collection_desc">
+                <el-input v-model="formData.config.collection_desc" :placeholder="t('collectionDescPlaceholder')"
+                    class="input-width" type="textarea" rows="4" clearable />
+            </el-form-item>
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    type: 'offlinepay',
+    config: {
+        collection_name: '',
+        collection_bank: '',
+        collection_account: '',
+        collection_desc: ''
+    },
+    channel: '',
+    status: 0,
+    is_default: 0
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        'config.collection_name': [
+            { required: true, message: t('collectionNamePlaceholder'), trigger: 'blur' }
+        ],
+        'config.collection_bank': [
+            { required: true, message: t('collectionBankPlaceholder'), trigger: 'blur' }
+        ],
+        'config.collection_account': [
+            { required: true, message: t('collectionAccountPlaceholder'), trigger: 'blur' }
+        ],
+        'config.collection_desc': [
+            { required: true, message: t('collectionDescPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            emit('complete', formData)
+            showDialog.value = false
+        }
+    })
+}
+
+const setFormData = async (data: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (data) {
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+        })
+        formData.channel = data.redio_key.split('_')[0]
+        formData.status = Number(formData.status)
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/pay-wechatpay.vue b/admin/src/app/views/setting/components/pay-wechatpay.vue
new file mode 100644
index 0000000..9d105b4
--- /dev/null
+++ b/admin/src/app/views/setting/components/pay-wechatpay.vue
@@ -0,0 +1,124 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('updateWechat')" width="500px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+
+            <el-form-item :label="t('mchId')" prop="config.mch_id">
+                <el-input v-model="formData.config.mch_id" :placeholder="t('mchIdPlaceholder')" class="input-width"
+                    maxlength="32" show-word-limit clearable />
+                <div class="form-tip">{{ t('mchIdTips') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('mchSecretKey')" prop="config.mch_secret_key">
+                <el-input v-model="formData.config.mch_secret_key" :placeholder="t('mchSecretKeyPlaceholder')"
+                    class="input-width" maxlength="32" show-word-limit clearable />
+                <div class="form-tip">{{ t('mchSecretKeyTips') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('mchSecretCert')" prop="config.mch_secret_cert">
+                <div class="input-width">
+                    <upload-file v-model="formData.config.mch_secret_cert" api="sys/document/wechat" />
+                </div>
+                <div class="form-tip">{{ t('mchSecretCertTips') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('mchPublicCertPath')" prop="config.mch_public_cert_path">
+                <div class="input-width">
+                    <upload-file v-model="formData.config.mch_public_cert_path" api="sys/document/wechat" />
+                </div>
+                <div class="form-tip">{{ t('mchPublicCertPathTips') }}</div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+// import { setPatConfig } from '@/app/api/sys'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    type: 'wechatpay',
+    config: {
+        mch_id: '',
+        mch_secret_key: '',
+        mch_secret_cert: '',
+        mch_public_cert_path: ''
+    },
+    channel: '',
+    status: 0,
+    is_default: 0
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        'config.mch_id': [
+            { required: true, message: t('mchIdPlaceholder'), trigger: 'blur' }
+        ],
+        'config.mch_secret_key': [
+            { required: true, message: t('mchSecretKeyPlaceholder'), trigger: 'blur' }
+        ],
+        'config.mch_secret_cert': [
+            { required: true, message: t('mchSecretCertPlaceholder'), trigger: 'blur' }
+        ],
+        'config.mch_public_cert_path': [
+            { required: true, message: t('mchPublicCertPathPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            emit('complete', formData)
+            showDialog.value = false
+        }
+    })
+}
+
+const setFormData = async (data: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (data) {
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+        })
+        formData.channel = data.redio_key.split('_')[0]
+        formData.status = Number(formData.status)
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/sms-ali.vue b/admin/src/app/views/setting/components/sms-ali.vue
new file mode 100644
index 0000000..89120c5
--- /dev/null
+++ b/admin/src/app/views/setting/components/sms-ali.vue
@@ -0,0 +1,118 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('aliSms')" width="580px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="140px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('isUse')">
+                <el-radio-group v-model="formData.is_use">
+                    <el-radio :label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio :label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('aliSign')" prop="sign">
+                <el-input v-model="formData.sign" :placeholder="t('aliSignPlaceholder')" class="input-width" show-word-limit clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('aliAppKey')" prop="app_key">
+                <el-input v-model="formData.app_key" :placeholder="t('aliAppKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('aliSecretKey')" prop="secret_key">
+                <el-input v-model="formData.secret_key" :placeholder="t('aliSecretKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getSmsInfo, editSms } from '@/app/api/notice'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    sms_type: '',
+    sign: '',
+    app_key: '',
+    secret_key: '',
+    is_use: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        sign: [
+            { required: true, message: t('aliSignPlaceholder'), trigger: 'blur' }
+        ],
+        app_key: [
+            { required: true, message: t('aliAppKeyPlaceholder'), trigger: 'blur' }
+        ],
+        secret_key: [
+            { required: true, message: t('aliSecretKeyPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            editSms(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        const data = await (await getSmsInfo(row.sms_type)).data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+            if (data.params[key] != undefined) formData[key] = data.params[key].value
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/sms-tencent.vue b/admin/src/app/views/setting/components/sms-tencent.vue
new file mode 100644
index 0000000..dcb66dc
--- /dev/null
+++ b/admin/src/app/views/setting/components/sms-tencent.vue
@@ -0,0 +1,125 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('tencentSms')" width="580px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="140px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('isUse')">
+                <el-radio-group v-model="formData.is_use">
+                    <el-radio :label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio :label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('tencentSign')" prop="sign">
+                <el-input v-model="formData.sign" :placeholder="t('tencentSignPlaceholder')" class="input-width" show-word-limit clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('tencentAppId')" prop="app_id">
+                <el-input v-model="formData.app_id" :placeholder="t('tencentAppIdPlaceholder')" class="input-width" show-word-limit clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('tencentSecretId')" prop="secret_id">
+                <el-input v-model="formData.secret_id" :placeholder="t('tencentSecretIdPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('tencentSecretKey')" prop="secret_key">
+                <el-input v-model="formData.secret_key" :placeholder="t('tencentSecretKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getSmsInfo, editSms } from '@/app/api/notice'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    sms_type: '',
+    sign: '',
+    access_key: '',
+    secret_key: '',
+    is_use: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        sign: [
+            { required: true, message: t('tencentSignPlaceholder'), trigger: 'blur' }
+        ],
+        app_id: [
+            { required: true, message: t('tencentAppIdPlaceholder'), trigger: 'blur' }
+        ],
+        secret_id: [
+            { required: true, message: t('tencentSecretIdPlaceholder'), trigger: 'blur' }
+        ],
+        secret_key: [
+            { required: true, message: t('tencentSecretKeyPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            editSms(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        const data = await (await getSmsInfo(row.sms_type)).data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+            if (data.params[key] != undefined) formData[key] = data.params[key].value
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/storage-ali.vue b/admin/src/app/views/setting/components/storage-ali.vue
new file mode 100644
index 0000000..895bcfd
--- /dev/null
+++ b/admin/src/app/views/setting/components/storage-ali.vue
@@ -0,0 +1,136 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('aliStorage')" width="580px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="140px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('isUse')">
+                <el-radio-group v-model="formData.is_use">
+                    <el-radio label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('aliBucket')" prop="bucket">
+                <el-input v-model="formData.bucket" :placeholder="t('aliBucketPlaceholder')" class="input-width" show-word-limit clearable />
+                <div class="form-tip">{{ t('aliBucketTips') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('aliAccessKey')" prop="access_key">
+                <el-input v-model="formData.access_key" :placeholder="t('aliAccessKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('aliSecretKey')" prop="secret_key">
+                <el-input v-model="formData.secret_key" :placeholder="t('aliSecretKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('aliEndpoint')" prop="endpoint">
+                <el-input v-model="formData.endpoint" :placeholder="t('aliEndpointPlaceholder')" class="input-width" clearable />
+                <div class="form-tip">{{ t('aliEndpointTips') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('domain')" prop="domain">
+                <el-input v-model="formData.domain" :placeholder="t('domainPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getStorageInfo, editStorage } from '@/app/api/sys'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    storage_type: '',
+    bucket: '',
+    access_key: '',
+    secret_key: '',
+    endpoint: '',
+    domain: '',
+    is_use: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        bucket: [
+            { required: true, message: t('aliBucketPlaceholder'), trigger: 'blur' }
+        ],
+        access_key: [
+            { required: true, message: t('aliAccessKeyPlaceholder'), trigger: 'blur' }
+        ],
+        secret_key: [
+            { required: true, message: t('aliSecretKeyPlaceholder'), trigger: 'blur' }
+        ],
+        endpoint: [
+            { required: true, message: t('aliEndpointPlaceholder'), trigger: 'blur' }
+        ],
+        domain: [
+            { required: true, message: t('domainPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            editStorage(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        const data = await (await getStorageInfo(row.storage_type)).data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+            if (data.params[key] != undefined) formData[key] = data.params[key].value
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/storage-local.vue b/admin/src/app/views/setting/components/storage-local.vue
new file mode 100644
index 0000000..92b88b2
--- /dev/null
+++ b/admin/src/app/views/setting/components/storage-local.vue
@@ -0,0 +1,95 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('localStorage')" width="580px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="140px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('isUse')">
+                <el-radio-group v-model="formData.is_use">
+                    <el-radio label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getStorageInfo, editStorage } from '@/app/api/sys'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    is_use: '',
+    storage_type: ''
+
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            editStorage(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        const data = await (await getStorageInfo(row.storage_type)).data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/storage-qiniu.vue b/admin/src/app/views/setting/components/storage-qiniu.vue
new file mode 100644
index 0000000..6a169d8
--- /dev/null
+++ b/admin/src/app/views/setting/components/storage-qiniu.vue
@@ -0,0 +1,131 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('qiniuStorage')" width="580px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="140px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('isUse')">
+                <el-radio-group v-model="formData.is_use">
+                    <el-radio label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('qiniuBucket')" prop="bucket">
+                <el-input v-model="formData.bucket" :placeholder="t('qiniuBucketPlaceholder')" class="input-width" show-word-limit clearable />
+                <div class="form-tip">{{ t('qiniuBucketTips') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('qiniuAccessKey')" prop="access_key">
+                <el-input v-model="formData.access_key" :placeholder="t('qiniuAccessKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('qiniuSecretKey')" prop="secret_key">
+                <el-input v-model="formData.secret_key" :placeholder="t('qiniuSecretKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('domain')" prop="domain">
+                <el-input v-model="formData.domain" :placeholder="t('domainPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getStorageInfo, editStorage } from '@/app/api/sys'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    storage_type: '',
+    bucket: '',
+    access_key: '',
+    secret_key: '',
+    domain: '',
+    is_use: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        bucket: [
+            { required: true, message: t('qiniuBucketPlaceholder'), trigger: 'blur' }
+        ],
+        access_key: [
+            { required: true, message: t('qiniuAccessKeyPlaceholder'), trigger: 'blur' }
+        ],
+        secret_key: [
+            { required: true, message: t('qiniuSecretKeyPlaceholder'), trigger: 'blur' }
+        ],
+        endpoint: [
+            { required: true, message: t('aliEndpointPlaceholder'), trigger: 'blur' }
+        ],
+        domain: [
+            { required: true, message: t('domainPlaceholder'), trigger: 'blur' }
+        ]
+
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            editStorage(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        const data = await (await getStorageInfo(row.storage_type)).data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+            if (data.params[key] != undefined) formData[key] = data.params[key].value
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/components/storage-tencent.vue b/admin/src/app/views/setting/components/storage-tencent.vue
new file mode 100644
index 0000000..7bf39b8
--- /dev/null
+++ b/admin/src/app/views/setting/components/storage-tencent.vue
@@ -0,0 +1,135 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('tencentStorage')" width="580px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="140px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-form-item :label="t('isUse')">
+                <el-radio-group v-model="formData.is_use">
+                    <el-radio label="1">{{ t('startUsing') }}</el-radio>
+                    <el-radio label="0">{{ t('statusDeactivate') }}</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <el-form-item :label="t('tencentBucket')" prop="bucket">
+                <el-input v-model="formData.bucket" :placeholder="t('tencentBucketPlaceholder')" class="input-width" show-word-limit clearable />
+                <div class="form-tip">{{ t('tencentBucketTips') }}</div>
+            </el-form-item>
+
+            <el-form-item :label="t('tencentAccessKey')" prop="access_key">
+                <el-input v-model="formData.access_key" :placeholder="t('tencentAccessKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('tencentSecretKey')" prop="secret_key">
+                <el-input v-model="formData.secret_key" :placeholder="t('tencentSecretKeyPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('region')" prop="region">
+                <el-input v-model="formData.region" :placeholder="t('regionPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+            <el-form-item :label="t('domain')" prop="domain">
+                <el-input v-model="formData.domain" :placeholder="t('domainPlaceholder')" class="input-width" clearable />
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{t('confirm')}}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getStorageInfo, editStorage } from '@/app/api/sys'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    storage_type: '',
+    bucket: '',
+    access_key: '',
+    secret_key: '',
+    domain: '',
+    is_use: '',
+    region: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        bucket: [
+            { required: true, message: t('tencentBucketPlaceholder'), trigger: 'blur' }
+        ],
+        access_key: [
+            { required: true, message: t('tencentAccessKeyPlaceholder'), trigger: 'blur' }
+        ],
+        secret_key: [
+            { required: true, message: t('tencentSecretKeyPlaceholder'), trigger: 'blur' }
+        ],
+        region: [
+            { required: true, message: t('regionPlaceholder'), trigger: 'blur' }
+        ],
+        domain: [
+            { required: true, message: t('domainPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+
+            editStorage(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        const data = await (await getStorageInfo(row.storage_type)).data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+            if (data.params[key] != undefined) formData[key] = data.params[key].value
+        })
+    }
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/copyright.vue b/admin/src/app/views/setting/copyright.vue
new file mode 100644
index 0000000..de564de
--- /dev/null
+++ b/admin/src/app/views/setting/copyright.vue
@@ -0,0 +1,116 @@
+<template>
+    <div class="main-container">
+        <el-form :model="formData" label-width="150px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('copyrightEdit') }}</h3>
+                <el-form-item :label="t('logo')">
+                    <upload-image v-model="formData.logo" />
+                </el-form-item>
+
+                <el-form-item :label="t('companyName')" prop="company_name">
+                    <el-input v-model="formData.company_name" :placeholder="t('companyNamePlaceholder')" class="input-width" clearable maxlength="30"/>
+                </el-form-item>
+
+                <el-form-item :label="t('copyrightLink')" >
+                    <el-input v-model="formData.copyright_link" :placeholder="t('copyrightLinkPlaceholder')" class="input-width" clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('copyrightDesc')" >
+                    <el-input v-model="formData.copyright_desc" type="textarea" rows="4" clearable :placeholder="t('copyrightDescPlaceholder')" class="input-width" maxlength="150" />
+                </el-form-item>
+
+            </el-card>
+
+            <el-card class="box-card !border-none mt-[16px]" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('putOnRecordEdit') }}</h3>
+
+                <el-form-item :label="t('icp')" prop="icp">
+                    <el-input v-model="formData.icp" :placeholder="t('icpPlaceholder')" class="input-width" clearable maxlength="20"/>
+                </el-form-item>
+
+                <el-form-item :label="t('govRecord')" >
+                    <el-input v-model="formData.gov_record" :placeholder="t('govRecordPlaceholder')" class="input-width" clearable maxlength="50"/>
+                </el-form-item>
+
+                <el-form-item :label="t('govUrl')" >
+                    <el-input v-model="formData.gov_url" :placeholder="t('govUrlPlaceholder')" class="input-width" clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('marketSupervisionUrl')" >
+                    <el-input v-model="formData.market_supervision_url" rows="4" clearable :placeholder="t('marketSupervisionUrlPlaceholder')" class="input-width" />
+                </el-form-item>
+
+            </el-card>
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { setCopyright, getCopyright } from '@/app/api/sys'
+import { FormInstance, FormRules } from 'element-plus'
+// import { useRoute } from 'vue-router'
+
+// const route = useRoute()
+// const pageName = route.meta.title
+
+const loading = ref(true)
+
+const formData = reactive<Record<string, string>>({
+    icp: '',
+    gov_record: '',
+    gov_url: '',
+    market_supervision_url: '',
+    logo: '',
+    company_name: '',
+    copyright_link: '',
+    copyright_desc: ''
+})
+
+const setFormData = async (id: number = 0) => {
+    const data = await (await getCopyright()).data
+    Object.keys(formData).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = data[key]
+    })
+
+    loading.value = false
+}
+setFormData()
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    site_name: [
+        { required: true, message: t('siteNamePlaceholder'), trigger: 'blur' }
+    ]
+})
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            setCopyright(formData).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/cron.vue b/admin/src/app/views/setting/cron.vue
new file mode 100644
index 0000000..380b3e2
--- /dev/null
+++ b/admin/src/app/views/setting/cron.vue
@@ -0,0 +1,135 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+
+            <el-card class="box-card !border-none my-[16px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="cronTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('title')" prop="title">
+                        <el-input v-model="cronTableData.searchParam.title" :placeholder="t('titlePlaceholder')" />
+                    </el-form-item>
+                    <el-form-item :label="t('lastTime')" prop="last_time">
+                        <el-date-picker
+                            v-model="cronTableData.searchParam.last_time"
+                            type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss"
+                            :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')"
+                        />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadCronList()">{{ t('search') }}</el-button>
+                        <el-button @click="searchFormRef?.resetFields()">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[16px]">
+                <el-table :data="cronTableData.data" size="large" v-loading="cronTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="title" :show-overflow-tooltip="true" :label="t('title')" min-width="150" />
+                    <el-table-column prop="type_name" :label="t('typeName')" min-width="120" />
+
+                    <el-table-column :label="t('crondType')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            <span v-if="row.type == 'crond'">{{ row.crond_length }}{{ row.crond_type_name }}</span>
+                            <span v-else>{{ t('cron') }}</span>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="count" :label="t('count')" min-width="120" />
+
+                    <el-table-column :label="t('lastTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.last_time || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('nextTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.next_time || '' }}
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="cronTableData.page" v-model:page-size="cronTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="cronTableData.total"
+                        @size-change="loadCronList()" @current-change="loadCronList" />
+                </div>
+            </div>
+
+        </el-card>
+        <cron-info ref="cronDialog" @complete="loadCronList" />
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getCronList } from '@/app/api/sys'
+// import { img } from '@/utils/common'
+import { FormInstance } from 'element-plus'
+// import { useRouter } from 'vue-router'
+import CronInfo from '@/app/views/setting/components/cron-info.vue'
+
+const cronTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        title: '',
+        type: '',
+        last_time: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+/**
+ * 获取任务列表
+ */
+const loadCronList = (page: number = 1) => {
+    cronTableData.loading = true
+    cronTableData.page = page
+
+    getCronList({
+        page: cronTableData.page,
+        limit: cronTableData.limit,
+        ...cronTableData.searchParam
+    }).then(res => {
+        cronTableData.loading = false
+        cronTableData.data = res.data.data
+        cronTableData.total = res.data.total
+    }).catch(() => {
+        cronTableData.loading = false
+    })
+}
+loadCronList()
+
+// const router = useRouter()
+
+const cronDialog: Record<string, any> | null = ref(null)
+/**
+ * 查看任务
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    cronDialog.value.setFormData(data)
+    cronDialog.value.showDialog = true
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/developer_token.vue b/admin/src/app/views/setting/developer_token.vue
new file mode 100644
index 0000000..1690b90
--- /dev/null
+++ b/admin/src/app/views/setting/developer_token.vue
@@ -0,0 +1,64 @@
+<template>
+    <div class="main-container">
+        <el-form :model="formData" label-width="0" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('developerTokenEdit') }}</h3>
+                <el-form-item label="" prop="token">
+                    <div>
+                        <el-input v-model="formData.token" :placeholder="t('tokenPlaceholder')" class="input-width" clearable maxlength="30"/>
+                    </div>
+                    <div class="text-[14px] text-[#a9a9a9] leading-tight mt-[10px]">{{ t('tokenTips') }}</div>
+                </el-form-item>
+                <el-form-item label="">
+                    <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+                </el-form-item>
+            </el-card>
+        </el-form>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { setDeveloperToken, getDeveloperToken } from '@/app/api/sys'
+import { FormInstance, FormRules } from 'element-plus'
+
+const loading = ref(true)
+const formData = ref({
+    token: ''
+})
+
+getDeveloperToken().then(({ data }) => {
+    loading.value = false
+    data.token && (formData.value = data)
+}).catch()
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    token: [
+        { required: true, message: t('tokenPlaceholder'), trigger: 'blur' }
+    ]
+})
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            setDeveloperToken(formData.value).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/login.vue b/admin/src/app/views/setting/login.vue
new file mode 100644
index 0000000..fa0ecaa
--- /dev/null
+++ b/admin/src/app/views/setting/login.vue
@@ -0,0 +1,100 @@
+<template>
+    <div class="main-container">
+        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
+            <span class="text-[20px]">{{pageName}}</span>
+        </div>
+        <el-form :model="formData" label-width="150px" ref="ruleFormRef" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('commonSetting') }}</h3>
+
+                <el-form-item :label="t('logonMode')">
+                    <el-checkbox v-model="formData.is_username" :label="t('isUsername')" @change="switchChange($event, 'is_username')" />
+                    <div class="form-tip">{{ t('isUsernameTip') }}</div>
+                    <el-checkbox v-model="formData.is_mobile" :label="t('isMobile')" @change="switchChange($event, 'is_mobile')" />
+                    <div class="form-tip">{{ t('isMobileTip') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('isBindMobile')" prop="formData.is_bind_mobile">
+                    <el-switch v-model="formData.is_bind_mobile" @change="switchChange($event, 'is_bind_mobile')" />
+                    <div class="form-tip">{{ t('isBindMobileTip') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('agreement')" prop="formData.agreement_show">
+                    <el-switch v-model="formData.agreement_show" @change="switchChange($event, 'agreement_show')" />
+                    <div class="form-tip">{{ t('agreementTips') }}</div>
+                </el-form-item>
+
+                <h3 class="panel-title !text-sm">{{ t('tripartiteSetting') }}</h3>
+
+                <el-form-item :label="t('isAuthRegister')" prop="formData.is_auth_register">
+                    <el-switch v-model="formData.is_auth_register" @change="switchChange($event, 'is_auth_register')" />
+                    <div class="form-tip">{{ t('isAuthRegisterTip') }}</div>
+                </el-form-item>
+            </el-card>
+        </el-form>
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getLoginConfig, setLoginConfig } from '@/app/api/member'
+import { FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const loading = ref(true)
+const ruleFormRef = ref<FormInstance>()
+const formData = reactive<Record<string, number | boolean>>({
+    is_username: 0,
+    is_mobile: 0,
+    is_auth_register: 0,
+    is_bind_mobile: 0,
+    agreement_show: 0
+})
+
+const setFormData = async (id: number = 0) => {
+    const data = await (await getLoginConfig()).data
+    Object.keys(formData).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = Boolean(Number(data[key]))
+    })
+    loading.value = false
+}
+setFormData()
+
+const switchChange = (val, key) => {
+    formData[key] = val
+}
+
+const onSave = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate((valid) => {
+        if (valid) {
+            const save = JSON.parse(JSON.stringify(formData))
+            Object.keys(save).forEach((key) => {
+                save[key] = Number(save[key])
+            })
+
+            setLoginConfig(save).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.el-form .form-tip {
+    line-height: 1.5;
+    margin-top: 5px;
+}
+</style>
diff --git a/admin/src/app/views/setting/map.vue b/admin/src/app/views/setting/map.vue
new file mode 100644
index 0000000..be85ad4
--- /dev/null
+++ b/admin/src/app/views/setting/map.vue
@@ -0,0 +1,75 @@
+<template>
+    <div class="main-container">
+        <el-form :model="formData" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title">{{ t('mapSetting') }}</h3>
+                <el-form-item :label="t('mapKey')" prop="site_name">
+                    <el-input v-model="formData.key" class="input-width" clearable />
+                    <span class="ml-2 cursor-pointer tutorial-btn" @click="tutorialFn">{{ t('clickTutorial') }}</span>
+                    <span class="ml-2 cursor-pointer secret-btn" @click="secretlFn">{{ t('clickSecretKey') }}</span>
+                </el-form-item>
+            </el-card>
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { setMap, getMap } from '@/app/api/sys'
+import { FormInstance } from 'element-plus'
+
+const loading = ref(false)
+const formRef = ref<FormInstance>()
+const formData = reactive<Record<string, string>>({
+    key: ''
+})
+const setFormData = async () => {
+    const service_data = await (await getMap()).data
+    formData.key = service_data.key
+}
+setFormData()
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    setMap(formData).then(() => {
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+/**
+ * 点击访问教程
+ */
+const tutorialFn = () => {
+    window.open('https://www.kancloud.cn/niucloud/niucloud-admin-develop/3214217')
+}
+
+/**
+ * 点击访问腾讯地图
+ */
+const secretlFn = () => {
+    window.open('https://lbs.qq.com/dev/console/key/manage')
+}
+
+</script>
+<style lang="scss" scoped>
+.tutorial-btn{
+    color:var(--el-color-primary);
+}
+
+.secret-btn{
+    color:var(--el-color-primary);
+}
+
+</style>
diff --git a/admin/src/app/views/setting/member.vue b/admin/src/app/views/setting/member.vue
new file mode 100644
index 0000000..c84d794
--- /dev/null
+++ b/admin/src/app/views/setting/member.vue
@@ -0,0 +1,115 @@
+<template>
+    <div class="main-container">
+        <el-form :model="formData" label-width="150px" ref="ruleFormRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title">{{ t('memberNoRule') }}</h3>
+
+                <el-form-item :label="t('prefix')" prop="prefix">
+                    <el-input v-model="formData.prefix" :placeholder="t('prefixPlaceholder')" class="input-width" clearable maxlength="20" @change="getMemberNo(ruleFormRef)"/>
+
+                </el-form-item>
+
+                <el-form-item :label="t('length')" prop="length">
+                    <el-input v-model="formData.length" :placeholder="t('lengthPlaceholder')" class="input-width" clearable type="number" @change="getMemberNo(ruleFormRef)"/>
+                    <div class="form-tip">{{ t('lengthTips') }}</div>
+                </el-form-item>
+
+                <el-form-item >
+                    <div class="text-lg">{{ memberNo }}</div>
+                </el-form-item>
+            </el-card>
+        </el-form>
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(ruleFormRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getMemberConfig, setMemberConfig } from '@/app/api/member'
+import { FormInstance, FormRules } from 'element-plus'
+
+const loading = ref(true)
+const ruleFormRef = ref<FormInstance>({})
+const memberNo = ref('')
+
+// 验证会员编号
+const prefixVerify = (rule: any, value: any, callback: any) => {
+    if (value && !/^[a-zA-Z]*$/g.test(value)) {
+        callback(new Error(t('prefixHint')))
+    } else {
+        callback()
+    }
+}
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    prefix: [
+        { validator: prefixVerify, trigger: 'blur' }
+    ],
+    length: [
+        { required: true, message: t('lengthPlaceholder'), trigger: 'blur' },
+        {
+            validator: (rule: any, value: any, callback: any) => {
+                if (parseInt(value) > 30 || parseInt(value) - formData.prefix.length < 4) {
+                    callback(new Error(t('lengthHint')))
+                } else {
+                    callback()
+                }
+            },
+            trigger: 'blur'
+        }
+    ]
+})
+
+const formData = reactive<Record<string, number | string>>({
+    prefix: '',
+    length: 10
+})
+
+const setFormData = async () => {
+    const data = await (await getMemberConfig()).data
+    Object.keys(formData).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = data[key]
+    })
+    getMemberNo(ruleFormRef.value)
+    loading.value = false
+}
+setFormData()
+
+const getMemberNo = async (formEl: FormInstance | undefined) => {
+    await formEl.validate((valid) => {
+        if (valid) {
+            let no = ''
+            const length = formData.length - formData.prefix.length - 1
+            for (let i = 1; i <= length; i++) no += '0'
+            memberNo.value = formData.prefix + no + '1'
+        }
+    })
+}
+
+const onSave = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate((valid) => {
+        if (valid) {
+            setMemberConfig(formData).then(() => {
+                loading.value = false
+                getMemberNo()
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.el-form .form-tip {
+    line-height: 1.5;
+    margin-top: 5px;
+}
+</style>
diff --git a/admin/src/app/views/setting/notice.vue b/admin/src/app/views/setting/notice.vue
new file mode 100644
index 0000000..ff03684
--- /dev/null
+++ b/admin/src/app/views/setting/notice.vue
@@ -0,0 +1,153 @@
+<template>
+    <div class="main-container" v-loading="noticeTableData.loading">
+        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
+            <span class="text-[20px]">{{ pageName }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <h3 class="panel-title !text-base">{{ t('buyerNotice') }}</h3>
+            <div class="flex flex-row flex-wrap m-[-4px]">
+                <el-table :data="noticeTableData.seller" size="large">
+                    <el-table-column prop="name" :label="t('noticeType')" min-width="120" />
+                    <el-table-column :label="t('operation')" align="right" fixed="right" min-width="300">
+                        <template #default="{ row }">
+                            <div class="flex">
+                                <div class="text-sm mr-1 flex items-center cursor-pointer" v-if="row.sms_type == 1"
+                                    @click="setNotice(row, 'sms')">
+                                    <el-icon class="text-[15px] mr-[3px]" :class="row.is_sms ? 'open' : ''">
+                                        <SuccessFilled />
+                                    </el-icon>
+                                    <span class="ml-0.5">{{ t('sms') }}</span>
+                                </div>
+                                <div class="text-sm  flex items-center cursor-pointer ml-[20px]" v-if="row.wechat_type"
+                                    @click="setNotice(row, 'wechat')">
+                                    <el-icon class="text-[15px] mr-[3px]" :class="row.is_wechat ? 'open' : ''">
+                                        <SuccessFilled />
+                                    </el-icon>
+                                    <span class="ml-0.5">{{ t('wechat') }}</span>
+                                </div>
+                                <div class="text-sm  flex items-center cursor-pointer ml-[20px]" v-if="row.weapp_type"
+                                    @click="setNotice(row, 'weapp')">
+                                    <el-icon class="text-[15px] mr-[3px]" :class="row.is_weapp ? 'open' : ''">
+                                        <SuccessFilled />
+                                    </el-icon>
+                                    <span class="ml-0.5">{{ t('weapp') }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+        </el-card>
+
+        <el-card class="box-card !border-none mt-[16px]" shadow="never">
+            <h3 class="panel-title !text-base">{{ t('sellerNotice') }}</h3>
+            <div class="flex flex-row flex-wrap m-[-4px]">
+                <el-table :data="noticeTableData.buyer" size="large">
+                    <el-table-column prop="name" :label="t('noticeType')" min-width="120" />
+                    <el-table-column :label="t('operation')" align="right" fixed="right" min-width="300">
+                        <template #default="{ row }">
+                            <div class="flex">
+                                <div class="text-sm mr-1 flex items-center cursor-pointer" v-if="row.sms_type == 1"
+                                    @click="setNotice(row, 'sms')">
+                                    <el-icon class="text-[15px] mr-[3px]" :class="row.is_sms ? 'open' : ''">
+                                        <SuccessFilled />
+                                    </el-icon>
+                                    <span class="ml-0.5">{{ t('sms') }}</span>
+                                </div>
+                                <div class="text-sm  flex items-center cursor-pointer ml-[20px]" v-if="row.wechat_type"
+                                    @click="setNotice(row, 'wechat')">
+                                    <el-icon class="text-[15px] mr-[3px]" :class="row.is_wechat ? 'open' : ''">
+                                        <SuccessFilled />
+                                    </el-icon>
+                                    <span class="ml-0.5">{{ t('wechat') }}</span>
+                                </div>
+                                <div class="text-sm  flex items-center cursor-pointer ml-[20px]" v-if="row.weapp_type"
+                                    @click="setNotice(row, 'weapp')">
+                                    <el-icon class="text-[15px] mr-[3px]" :class="row.is_weapp ? 'open' : ''">
+                                        <SuccessFilled />
+                                    </el-icon>
+                                    <span class="ml-0.5">{{ t('weapp') }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+        </el-card>
+
+        <sms ref="smsDialog" @complete="loadNoticeList()" />
+        <wechat ref="wechatDialog" @complete="loadNoticeList()" />
+        <weapp ref="weappDialog" @complete="loadNoticeList()" />
+
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getNoticeList } from '@/app/api/notice'
+import Sms from '@/app/views/setting/components/notice-sms.vue'
+import Wechat from '@/app/views/setting/components/notice-wechat.vue'
+import Weapp from '@/app/views/setting/components/notice-weapp.vue'
+
+import { useRoute } from 'vue-router'
+const route = useRoute()
+const pageName = route.meta.title
+
+const smsDialog: Record<string, any> | null = ref(null)
+const wechatDialog: Record<string, any> | null = ref(null)
+const weappDialog: Record<string, any> | null = ref(null)
+
+const noticeTableData = reactive({
+    loading: true,
+    buyer: [],
+    seller: []
+})
+
+/**
+ * 获取配置信息
+ */
+const loadNoticeList = () => {
+    noticeTableData.loading = true
+    noticeTableData.buyer = []
+    noticeTableData.seller = []
+    getNoticeList().then(res => {
+        Object.keys(res.data).forEach(key => {
+            const item = res.data[key]
+            item.sms_type = item.support_type.indexOf('sms') !== -1 ? 1 : 0
+            item.wechat_type = item.support_type.indexOf('wechat') !== -1 ? 1 : 0
+            item.weapp_type = item.support_type.indexOf('weapp') !== -1 ? 1 : 0
+            if (item.receiver_type == 0) {
+                noticeTableData.buyer.push(item)
+            }
+            if (item.receiver_type == 1) {
+                noticeTableData.seller.push(item)
+            }
+        })
+
+        noticeTableData.loading = false
+    }).catch(() => {
+        noticeTableData.loading = false
+    })
+}
+
+loadNoticeList()
+
+const setNotice = (data: any, type: string) => {
+    data.type = type
+    eval('data.status=data.is_' + type)
+    eval(type + 'Dialog.value.setFormData(data)')
+    eval(type + 'Dialog.value.showDialog = true;')
+}
+
+</script>
+
+<style lang="scss" scoped>.open {
+    color: var(--el-color-primary);
+}
+
+.notice-type {
+    >div:nth-last-child(1):first-child {
+        width: 100%;
+    }
+}</style>
diff --git a/admin/src/app/views/setting/notice_records.vue b/admin/src/app/views/setting/notice_records.vue
new file mode 100644
index 0000000..efc6d0a
--- /dev/null
+++ b/admin/src/app/views/setting/notice_records.vue
@@ -0,0 +1,158 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+            </div>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="recordsTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('searchReceiver')" prop="receiver">
+                        <el-input v-model="recordsTableData.searchParam.receiver" :placeholder="t('receiverPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('noticeKey')" prop="key">
+                        <el-select v-model="recordsTableData.searchParam.key" clearable :placeholder="t('groupIdPlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option-group v-for="(group, gindex) in templateList" :key="gindex" :label="group.label">
+                                <el-option :label="item.name" :value="item.value" v-for="(item, index) in group.list" :key="index" />
+                            </el-option-group>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="recordsTableData.searchParam.create_time" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')" :end-placeholder="t('endDate')" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="loadNoticeLogList()">{{ t('search') }}</el-button>
+                        <el-button @click="searchFormRef?.resetFields()">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="recordsTableData.data" size="large" v-loading="recordsTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !recordsTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="name" :label="t('noticeKey')" min-width="120" />
+                    <el-table-column prop="notice_type" :label="t('noticeType')" min-width="120">
+                        <template #default="{ row }">
+                            <div v-if="row.notice_type == 'sms'">{{ t('sms') }}</div>
+                            <div v-if="row.notice_type == 'wechat'">{{ t('wechat') }}</div>
+                            <div v-if="row.notice_type == 'weapp'">{{ t('weapp') }}</div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="nickname" :label="t('nickname')" min-width="120" />
+                    <el-table-column prop="receiver" :label="t('receiver')" min-width="120" />
+                    <el-table-column prop="create_time" :label="t('createTime')" min-width="140" />
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="recordsTableData.page" v-model:page-size="recordsTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="recordsTableData.total"
+                        @size-change="loadNoticeLogList()" @current-change="loadNoticeLogList" />
+                </div>
+            </div>
+
+            <records-info ref="recordsDialog" @complete="loadNoticeLogList" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getNoticeList } from '@/app/api/notice'
+import RecordsInfo from '@/app/views/setting/components/notice-records-info.vue'
+import { FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const recordsTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        key: '',
+        receiver: '',
+        create_time: []
+    }
+})
+
+const templateList = reactive<Record<string, any>>({
+    buyer: {
+        label: t('buyerNotice'),
+        list: []
+    },
+    seller: {
+        label: t('sellerNotice'),
+        list: []
+    }
+})
+
+const setTemplateList = async () => {
+    await getNoticeList().then(res => {
+        Object.keys(res.data).forEach(key => {
+            const item = res.data[key]
+            const value = { value: key, name: item.name }
+            item.receiver_type == 0 ? templateList.buyer.list.push(value) : templateList.seller.list.push(value)
+        })
+    }).catch(() => {
+
+    })
+}
+
+setTemplateList()
+
+const searchFormRef = ref<FormInstance>()
+
+/**
+ * 获取通知记录列表
+ */
+const loadNoticeLogList = (page: number = 1) => {
+    recordsTableData.loading = true
+    recordsTableData.page = page
+
+    getNoticeList({
+        page: recordsTableData.page,
+        limit: recordsTableData.limit,
+        ...recordsTableData.searchParam
+    }).then(res => {
+        recordsTableData.loading = false
+        recordsTableData.data = res.data.data
+        recordsTableData.total = res.data.total
+    }).catch(() => {
+        recordsTableData.loading = false
+    })
+}
+loadNoticeLogList()
+
+const recordsDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 查看通知记录
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    recordsDialog.value.setFormData(data)
+    recordsDialog.value.showDialog = true
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/pay.vue b/admin/src/app/views/setting/pay.vue
new file mode 100644
index 0000000..0ede1be
--- /dev/null
+++ b/admin/src/app/views/setting/pay.vue
@@ -0,0 +1,231 @@
+<template>
+    <el-card class="box-card !border-none" shadow="never" v-loading="payLoading">
+        <!-- 设置支付配置 -->
+        <div class="flex justify-between items-center" v-if="!payLoading">
+            <span class="text-[20px]">{{ pageName }}</span>
+            <el-button type="primary" @click="isEdit = true" ref="setConfigBtn">{{ t('setConfig') }}</el-button>
+        </div>
+        <el-card class="box-card box-pay-card !border-none mt-[20px]" shadow="never"
+            v-for="(payItems, payKey) in payConfigData" :key="payKey">
+            <div class="flex mb-3">
+                <span class="text-base">{{ payItems.name }}</span>
+            </div>
+            <div class="pay-table">
+                <div
+                    class="flex items-center pay-table-head table-bg table-item-pd table-item-border justify-between table-bg">
+                    <span class="text-base text-[#999] w-[150px]">{{ t('payType') }}</span>
+                    <!-- <span class="text-base font-bold text-[#999] w-[110px]">{{t('settingDefaultPay')}}</span> -->
+                    <span class="text-base text-[#999] w-[110px] text-center">{{ t('onState') }}</span>
+                    <span class="text-base text-[#999] w-[80px] text-center" v-if="isEdit">{{ t('templateName') }}</span>
+                </div>
+                <div ref="fieldBoxRefs" :data-key="payKey">
+                    <div v-for="(childrenItem, childrenIndex) in payItems.pay_type" :key="childrenItem.redio_key"
+                        class="flex table-item-border table-item-pd justify-between" :id="payKey + '_' + childrenIndex">
+                        <div class="table-item-flex w-[150px]">
+                            <span v-if="isEdit" class="iconfont icontuodong mr-2 handle cursor-pointer"></span>
+                            <div class="flex items-center select-none">
+                                <div class="mr-[15px] w-[30px] h-[30px]"><img class="w-[30px]"
+                                        :src="img(childrenItem.icon)" /></div>
+                                <span class="text-base text-[#666]">{{ childrenItem.name }}</span>
+                            </div>
+                        </div>
+                        <!-- <div class="table-item-flex w-[110px] select-none">
+							<el-radio v-model="payItems.default_pay_type" :label="childrenItem.redio_key" size="large" @change="settingDefault(childrenItem,payKey)">{{ t('settingDefault') }}</el-radio>
+						</div> -->
+                        <div class="table-item-flex w-[110px] justify-center select-none">
+                            <el-switch v-if="isEdit" v-model="childrenItem.status" :active-text="t('isEnable')"
+                                @change="enablePaymentMode(childrenItem)" />
+                            <div v-else>
+                                <el-tag v-if="childrenItem.status" class="ml-2" type="success">{{ t('open') }}</el-tag>
+                                <el-tag v-else class="ml-2" type="info">{{ t('notOpen') }}</el-tag>
+                            </div>
+                        </div>
+                        <div class="table-item-flex w-[80px]  justify-center select-none" v-if="isEdit">
+                            <button @click="configPayFn(childrenItem)" class="text-base"
+                                v-if="childrenItem.key != 'balancepay'">{{ t('clickConfigure')
+                                }}</button>
+                            <button v-else>--</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </el-card>
+        <div class="fixed-footer-wrap" v-if="isEdit">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="cancelFn">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="saveFn(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+        <wechatpay ref="wechatpayDialog" @complete="setConfigInfo" />
+        <alipay ref="alipayDialog" @complete="setConfigInfo" />
+        <offlinepay ref="offlinepayDialog" @complete="setConfigInfo" />
+    </el-card>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch, nextTick } from 'vue'
+import { t } from '@/lang'
+import { getPayConfigList, setPatConfig } from '@/app/api/sys'
+import Wechatpay from '@/app/views/setting/components/pay-wechatpay.vue'
+import Alipay from '@/app/views/setting/components/pay-alipay.vue'
+import Offlinepay from '@/app/views/setting/components/pay-offlinepay.vue'
+import { img } from '@/utils/common'
+import { ElMessage } from 'element-plus'
+import Sortable, { SortableEvent } from 'sortablejs'
+import { useRoute } from 'vue-router'
+const route = useRoute()
+const pageName = route.meta.title
+
+const wechatpayDialog: Record<string, any> | null = ref(null)
+const alipayDialog: Record<string, any> | null = ref(null)
+const offlinepayDialog: Record<string, any> | null = ref(null)
+
+const payLoading = ref(true)
+
+const isEdit = ref<boolean>(false)
+const setConfigBtn = ref()
+
+// 获取原始数据
+const payConfigData = ref([])
+const checkPayConfigList = () => {
+    getPayConfigList().then(res => {
+        const payData = res.data
+        for (const i in payData) {
+            const payType = payData[i].pay_type
+            const pay_type = []
+            let default_key = ''
+
+            payType.forEach((item, index) => {
+                item.redio_key = payData[i].key + '_' + item.key
+                item.defauit_key = ''
+                if (item.is_default == 1) {
+                    default_key = item.redio_key
+                }
+
+                item.status = Boolean(item.status)
+                pay_type.push(item)
+            })
+
+            payData[payData[i].key].default_pay_type = default_key
+            payData[payData[i].key].pay_type = pay_type
+        }
+        payConfigData.value = payData
+        payLoading.value = false
+        nextTick(() => {
+            fieldBoxRefs.value.forEach((item, index) => {
+                sortableFn(item, index)
+            })
+        })
+    }).catch(() => {
+
+    })
+}
+checkPayConfigList()
+
+// 配置支付宝、微信信息
+const setConfigInfo = (data:any) => {
+    payConfigData.value[data.channel].pay_type.forEach(element => {
+        if (element.key == data.type) {
+            element.config = data.config
+        }
+    })
+}
+
+// 初始化配置信息
+const configPayFn = (data:any) => {
+    eval(data.key + 'Dialog.value.setFormData(data)')
+    eval(data.key + 'Dialog.value.showDialog = true;')
+}
+
+// 开启支付方式
+const enablePaymentMode = (res) => {
+    if (res.key == 'wechatpay' && !res?.config?.mch_secret_cert || res.key == 'alipay' && !res?.config?.alipay_root_cert_path) {
+        res.status = false
+        ElMessage(t('configurePaymentMethod'))
+        return false
+    }
+}
+
+interface SortableEvt extends SortableEvent {
+    originalEvent?: DragEvent
+}
+
+// 拖动
+const fieldBoxRefs = ref<any>([])
+watch(isEdit, (newValue, oldValue) => {
+    if (newValue) {
+        nextTick(() => {
+            fieldBoxRefs.value.forEach((item:any, index:any) => {
+                sortableFn(item, index)
+            })
+        })
+    }
+})
+
+// item=>拖动的每项，index 索引
+const sortableFn = (item, index) => {
+    const sortable = Sortable.create(item, {
+        group: {
+            put: false // 不允许拖拽进这个列表
+        },
+        handle: '.handle',
+        animation: 200,
+        disabled: false,
+        onEnd: (evt) => {
+            const key = evt.target.getAttribute('data-key')
+            const data = payConfigData.value[key].pay_type
+            data.splice(evt.newIndex, 0, ...data.splice(evt.oldIndex, 1))
+        }
+    })
+}
+
+// 保存
+const saveFn = () => {
+    payLoading.value = true
+    const data = JSON.parse(JSON.stringify(payConfigData.value))
+    Object.values(data).forEach((item, index) => {
+        item.pay_type.forEach((subItem:any, subIndex:any) => {
+            subItem.sort = subIndex
+            subItem.status = Number(subItem.status)
+        })
+    })
+
+    setPatConfig({ config: data }).then(res => {
+        checkPayConfigList()
+        isEdit.value = false
+        payLoading.value = false
+    })
+}
+
+// 取消按钮
+const cancelFn = () => {
+    location.reload()
+}
+</script>
+
+<style lang="scss" scoped>
+.table-item-pd {
+    @apply py-[10px] px-[11px];
+}
+
+.table-item-border {
+    @apply border-b border-[#ebeef5];
+}
+
+.table-item-flex {
+    display: flex;
+    align-items: center;
+}
+
+:deep(.box-pay-card) .el-card__body {
+    padding: 0;
+}
+
+.table-bg {
+    background: #f5f7f9;
+}
+
+html.dark .table-bg {
+    background: #141414;
+}
+</style>
diff --git a/admin/src/app/views/setting/sms.vue b/admin/src/app/views/setting/sms.vue
new file mode 100644
index 0000000..4e4c138
--- /dev/null
+++ b/admin/src/app/views/setting/sms.vue
@@ -0,0 +1,75 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+            </div>
+            <div class="mt-[20px]">
+                <el-table :data="smsTableData.data" size="large" v-loading="smsTableData.loading">
+                    <template #empty>
+                        <span>{{ !smsTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="name" :label="t('name')" min-width="100" :show-overflow-tooltip="true"/>
+                    <el-table-column :label="t('isUse')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            <el-tag class="ml-2" type="success" v-if="row.is_use == 1">{{ t('statusNormal') }}</el-tag>
+                            <el-tag class="ml-2" type="error" v-if="row.is_use == 0">{{t('statusDeactivate') }}</el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                       <template #default="{ row }">
+                           <el-button type="primary" link @click="editEvent(row)">{{ t('config') }}</el-button>
+                       </template>
+                    </el-table-column>
+
+                </el-table>
+            </div>
+
+            <ali ref="aliyunDialog" @complete="loadSmsList()" />
+            <tencent ref="tencentDialog" @complete="loadSmsList()" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getSmsList } from '@/app/api/notice'
+import Ali from '@/app/views/setting/components/sms-ali.vue'
+import Tencent from '@/app/views/setting/components/sms-tencent.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const aliyunDialog: Record<string, any> | null = ref(null)
+const tencentDialog: Record<string, any> | null = ref(null)
+
+const smsTableData = reactive({
+    loading: true,
+    data: []
+})
+
+/**
+ * 获取配置信息
+ */
+const loadSmsList = () => {
+    smsTableData.loading = true
+    getSmsList().then(res => {
+        smsTableData.data = res.data
+        smsTableData.loading = false
+    }).catch(() => {
+        smsTableData.loading = false
+    })
+}
+
+loadSmsList()
+const editEvent = (data: any) => {
+    eval(data.sms_type + 'Dialog.value.setFormData(data)')
+    eval(data.sms_type + 'Dialog.value.showDialog = true;')
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/sms_records.vue b/admin/src/app/views/setting/sms_records.vue
new file mode 100644
index 0000000..43006d5
--- /dev/null
+++ b/admin/src/app/views/setting/sms_records.vue
@@ -0,0 +1,157 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+            </div>
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="recordsTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('searchReceiver')" prop="receiver">
+                        <el-input v-model="recordsTableData.searchParam.receiver" :placeholder="t('receiverPlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('noticeKey')" prop="key">
+                        <el-select v-model="recordsTableData.searchParam.key" clearable :placeholder="t('groupIdPlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option-group v-for="(group, gindex) in templateList" :key="gindex" :label="group.label">
+                                <el-option :label="item.name" :value="item.value" v-for="(item, index) in group.list" :key="index" />
+                            </el-option-group>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="recordsTableData.searchParam.create_time" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')" :end-placeholder="t('endDate')" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="loadNoticeLogList()">{{ t('search') }}</el-button>
+                        <el-button @click="searchFormRef?.resetFields()">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[10px]">
+                <el-table :data="recordsTableData.data" size="large" v-loading="recordsTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !recordsTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="name" :label="t('noticeKey')" min-width="120" />
+                    <el-table-column prop="notice_type" :label="t('noticeType')" min-width="120">
+                        <template #default="{ row }">
+                            <div v-if="row.notice_type == 'sms'">{{ t('sms') }}</div>
+                            <div v-if="row.notice_type == 'wechat'">{{ t('wechat') }}</div>
+                            <div v-if="row.notice_type == 'weapp'">{{ t('weapp') }}</div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="nickname" :label="t('nickname')" min-width="120" />
+                    <el-table-column prop="receiver" :label="t('receiver')" min-width="120" />
+                    <el-table-column prop="create_time" :label="t('createTime')" min-width="140" />
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="recordsTableData.page" v-model:page-size="recordsTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="recordsTableData.total"
+                        @size-change="loadNoticeLogList()" @current-change="loadNoticeLogList" />
+                </div>
+            </div>
+
+            <records-info ref="recordsDialog" @complete="loadNoticeLogList" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getNoticeList, getSmsLog } from '@/app/api/notice'
+import RecordsInfo from '@/app/views/setting/components/notice-records-info.vue'
+import { FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const recordsTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        key: '',
+        receiver: '',
+        create_time: []
+    }
+})
+
+const templateList = reactive<Record<string, any>>({
+    buyer: {
+        label: t('buyerNotice'),
+        list: []
+    },
+    seller: {
+        label: t('sellerNotice'),
+        list: []
+    }
+})
+
+const setTemplateList = async () => {
+    await getNoticeList().then(res => {
+        Object.keys(res.data).forEach(key => {
+            const item = res.data[key]
+            const value = { value: key, name: item.name }
+            item.receiver_type == 0 ? templateList.buyer.list.push(value) : templateList.seller.list.push(value)
+        })
+    }).catch(() => {
+
+    })
+}
+
+setTemplateList()
+
+const searchFormRef = ref<FormInstance>()
+
+/**
+ * 获取通知记录列表
+ */
+const loadNoticeLogList = (page: number = 1) => {
+    recordsTableData.loading = true
+    recordsTableData.page = page
+
+    getSmsLog({
+        page: recordsTableData.page,
+        limit: recordsTableData.limit,
+        ...recordsTableData.searchParam
+    }).then(res => {
+        recordsTableData.loading = false
+        recordsTableData.data = res.data.data
+        recordsTableData.total = res.data.total
+    }).catch(() => {
+        recordsTableData.loading = false
+    })
+}
+loadNoticeLogList()
+
+const recordsDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 查看通知记录
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    recordsDialog.value.setFormData(data)
+    recordsDialog.value.showDialog = true
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/storage.vue b/admin/src/app/views/setting/storage.vue
new file mode 100644
index 0000000..e1e78d4
--- /dev/null
+++ b/admin/src/app/views/setting/storage.vue
@@ -0,0 +1,85 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+           <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{pageName}}</span>
+            </div>
+            <div class="mt-[16px]">
+                <el-table :data="storageTableData.data" size="large" v-loading="loading">
+
+                    <template #empty>
+                        <span>{{ !loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="name" :label="t('name')" min-width="100" :show-overflow-tooltip="true"/>
+                    <el-table-column :label="t('isUse')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            <el-tag class="ml-2" type="success" v-if="row.is_use == 1">{{ t('statusNormal') }}</el-tag>
+                            <el-tag class="ml-2" type="error" v-if="row.is_use == 0">{{t('statusDeactivate') }}</el-tag>
+
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="100">
+                       <template #default="{ row }">
+                           <el-button type="primary" link @click="editEvent(row)">{{ t('config') }}</el-button>
+                       </template>
+                    </el-table-column>
+
+                </el-table>
+            </div>
+
+            <storage-local ref="localDialog" @complete="loadStorageList()" />
+            <storage-qiniu ref="qiniuDialog" @complete="loadStorageList()" />
+            <storage-ali ref="aliyunDialog" @complete="loadStorageList()" />
+            <storage-tencent ref="tencentDialog" @complete="loadStorageList()" />
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getStorageList } from '@/app/api/sys'
+import storageLocal from '@/app/views/setting/components/storage-local.vue'
+import storageQiniu from '@/app/views/setting/components/storage-qiniu.vue'
+import storageAli from '@/app/views/setting/components/storage-ali.vue'
+import storageTencent from '@/app/views/setting/components/storage-tencent.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const localDialog: Record<string, any> | null = ref(null)
+const qiniuDialog: Record<string, any> | null = ref(null)
+const aliyunDialog: Record<string, any> | null = ref(null)
+const tencentDialog: Record<string, any> | null = ref(null)
+
+const storageTableData = reactive({
+    data: []
+})
+const loading = ref(true)
+
+/**
+ * 获取配置信息
+ */
+const loadStorageList = () => {
+    loading.value = true
+    getStorageList().then(res => {
+        storageTableData.data = res.data
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+loadStorageList()
+
+const editEvent = (data: any) => {
+    eval(data.storage_type + 'Dialog.value.setFormData(data)');
+    eval(data.storage_type + 'Dialog.value.showDialog = true;');
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/system.vue b/admin/src/app/views/setting/system.vue
new file mode 100644
index 0000000..7c156c6
--- /dev/null
+++ b/admin/src/app/views/setting/system.vue
@@ -0,0 +1,161 @@
+<template>
+    <div class="main-container">
+        <el-form :model="formData" label-width="150px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('websiteInfo') }}</h3>
+
+                <el-form-item :label="t('siteName')" prop="site_name">
+                    <el-input v-model="formData.site_name" :placeholder="t('siteNamePlaceholder')" class="input-width"
+                        clearable maxlength="20" />
+                </el-form-item>
+
+                <el-form-item :label="t('logo')">
+                    <div>
+                        <upload-image v-model="formData.logo" />
+                        <p class="text-[12px] text-[#a9a9a9]">{{ t('logoPlaceholder') }}</p>
+                    </div>
+                </el-form-item>
+
+                <el-form-item :label="t('icon')">
+                    <div>
+                        <upload-image v-model="formData.icon" />
+                        <p class="text-[12px] text-[#a9a9a9]">{{ t('iconPlaceholder') }}</p>
+                    </div>
+                </el-form-item>
+
+                <el-form-item :label="t('keywords')">
+                    <el-input v-model="formData.keywords" :placeholder="t('keywordsPlaceholder')" class="input-width"
+                        clearable maxlength="20" />
+                </el-form-item>
+
+                <el-form-item :label="t('desc')">
+                    <el-input v-model="formData.desc" type="textarea" rows="4" clearable :placeholder="t('descPlaceholder')"
+                        class="input-width" maxlength="100" />
+                </el-form-item>
+            </el-card>
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{ t('frontEndInfo') }}</h3>
+                <el-form-item :label="t('frontEndName')">
+                    <el-input v-model="formData.front_end_name" :placeholder="t('frontEndNamePlaceholder')"
+                        class="input-width" clearable maxlength="20" />
+                </el-form-item>
+
+                <el-form-item :label="t('frontEndLogo')">
+                    <upload-image v-model="formData.front_end_logo" />
+                </el-form-item>
+            </el-card>
+            <el-card class="box-card !border-none" shadow="never" v-if="app_type == 'admin'">
+                <h3 class="panel-title !text-sm">{{ t('serviceInformation') }}</h3>
+                <el-form-item :label="t('contactsTel')">
+                    <el-input v-model="formData.tel" :placeholder="t('contactsTelPlaceholder')" class="input-width"
+                        clearable maxlength="20" />
+                </el-form-item>
+                <el-form-item :label="t('wechatCode')">
+                    <upload-image v-model="formData.wechat_code" />
+                </el-form-item>
+                <el-form-item :label="t('customerServiceCode')">
+                    <upload-image v-model="formData.enterprise_wechat" />
+                </el-form-item>
+            </el-card>
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { setWebsite, getWebsite, getService } from '@/app/api/sys'
+import { FormInstance, FormRules } from 'element-plus'
+import storage from '@/utils/storage'
+import { getAppType } from '@/utils/common'
+// import { useRoute } from 'vue-router'
+
+// const route = useRoute()
+// const pageName = route.meta.title
+const loading = ref(true)
+const app_type = ref()
+const formData = reactive<Record<string, string>>({
+    site_name: '',
+    logo: '',
+    desc: '',
+    latitude: '',
+    keywords: '',
+    longitude: '',
+    province_id: '',
+    city_id: '',
+    district_id: '',
+    address: '',
+    full_address: '',
+    business_hours: '',
+    phone: '',
+    front_end_name: '',
+    front_end_logo: '',
+    icon: '',
+    wechat_code: '',
+    enterprise_wechat: '',
+    tel: ''
+})
+
+const setFormData = async (id: number = 0) => {
+    const data = await (await getWebsite()).data
+    Object.keys(formData).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = data[key]
+    })
+
+    const service_data = await (await getService()).data
+    formData['wechat_code'] = service_data.wechat_code
+    formData['enterprise_wechat'] = service_data.enterprise_wechat
+    formData['tel'] = service_data.tel
+
+    app_type.value = getAppType()
+    loading.value = false
+}
+setFormData()
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    site_name: [
+        { required: true, message: t('siteNamePlaceholder'), trigger: 'blur' }
+    ],
+    front_end_name: [
+        { required: true, message: t('frontEndNamePlaceholder'), trigger: 'blur' }
+    ]
+})
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            setWebsite(formData).then(() => {
+                loading.value = false
+                setStore()
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+
+const setStore = async () => {
+    const data = await (await getWebsite()).data
+    storage.set({ key: 'siteInfo', data })
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/setting/transfer.vue b/admin/src/app/views/setting/transfer.vue
new file mode 100644
index 0000000..5fb8f62
--- /dev/null
+++ b/admin/src/app/views/setting/transfer.vue
@@ -0,0 +1,190 @@
+<template>
+    <div class="main-container">
+        <el-alert class="warm-prompt" type="info">
+            <template #default>
+                <div class="flex items-center">
+                    <el-icon class="mr-2" size="18"><Warning /></el-icon>
+                    <p class="text-base">{{t('operationTip')}}</p>
+                </div>
+            </template>
+        </el-alert>
+        <div class="flex ml-[18px] justify-between items-center mt-[20px]">
+			<span class="text-[20px]">{{pageName}}</span>
+		</div>
+        <el-form :model="formData" label-width="200px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading">
+            <el-card class="box-card !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{t('wechatpay')}}</h3>
+
+                <el-form-item :label="t('mchId')" prop="wechatpay_config.mch_id">
+                    <el-input v-model="formData.wechatpay_config.mch_id" :placeholder="t('mchIdPlaceholder')" class="input-width" maxlength="32" show-word-limit clearable />
+                    <div class="form-tip">{{ t('mchIdTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('mchSecretKey')" prop="wechatpay_config.mch_secret_key">
+                    <el-input v-model="formData.wechatpay_config.mch_secret_key" :placeholder="t('mchSecretKeyPlaceholder')" class="input-width" maxlength="32" show-word-limit clearable />
+                    <div class="form-tip">{{ t('mchSecretKeyTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('mchSecretCert')" prop="wechatpay_config.mch_secret_cert">
+                    <div class="input-width">
+                        <upload-file v-model="formData.wechatpay_config.mch_secret_cert" api="sys/document/wechat" />
+                    </div>
+                    <div class="form-tip">{{ t('mchSecretCertTips') }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('mchPublicCertPath')" prop="wechatpay_config.mch_public_cert_path">
+                    <div class="input-width">
+                        <upload-file v-model="formData.wechatpay_config.mch_public_cert_path" api="sys/document/wechat" />
+                    </div>
+                    <div class="form-tip">{{ t('mchPublicCertPathTips') }}</div>
+                </el-form-item>
+            </el-card>
+
+            <el-card class="box-card mt-4 !border-none" shadow="never">
+                <h3 class="panel-title !text-sm">{{t('alipay')}}</h3>
+
+                <el-form-item :label="t('appId')" prop="alipay_config.app_id">
+                    <el-input v-model="formData.alipay_config.app_id" :placeholder="t('appIdPlaceholder')" class="input-width" maxlength="32" show-word-limit clearable />
+                    <div class="form-tip">{{ t('appIdTips') }}</div>
+                </el-form-item>
+                <el-form-item :label="t('appSecretCert')" prop="alipay_config.app_secret_cert">
+                    <el-input v-model="formData.alipay_config.app_secret_cert" :placeholder="t('appSecretCertPlaceholder')" class="input-width" type="textarea" rows="4" clearable />
+                </el-form-item>
+
+                <el-form-item :label="t('appPublicCertPath')" prop="alipay_config.app_public_cert_path">
+                    <div class="input-width">
+                        <upload-file v-model="formData.alipay_config.app_public_cert_path" api="sys/document/aliyun" />
+                    </div>
+                </el-form-item>
+
+                <el-form-item :label="t('alipayPublicCertPath')" prop="alipay_config.alipay_public_cert_path">
+                    <div class="input-width">
+                        <upload-file v-model="formData.alipay_config.alipay_public_cert_path" api="sys/document/aliyun" />
+                    </div>
+                </el-form-item>
+
+                <el-form-item :label="t('alipayRootCertPath')" prop="alipay_config.alipay_root_cert_path">
+                    <div class="input-width">
+                        <upload-file v-model="formData.alipay_config.alipay_root_cert_path" api="sys/document/aliyun" />
+                    </div>
+                </el-form-item>
+            </el-card>
+
+        </el-form>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, computed } from 'vue'
+import { t } from '@/lang'
+import { getTransferInfo, setTransferInfo } from '@/app/api/sys'
+// import { useClipboard } from '@vueuse/core'
+import { FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    wechatpay_config: {
+        mch_id: '',
+        mch_secret_key: '',
+        mch_secret_cert: '',
+        mch_public_cert_path: ''
+    },
+    alipay_config: {
+        app_secret_cert: '',
+        app_public_cert_path: '',
+        alipay_public_cert_path: '',
+        alipay_root_cert_path: '',
+        app_id: ''
+    }
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+// 获取提款信息
+const transferInfoF = async () => {
+    loading.value = true
+    const val = await (await getTransferInfo('transfer')).data
+    if (val && val.length) {
+        formData.wechatpay_config = val[0].config
+        formData.alipay_config = val[1].config
+    }
+    loading.value = false
+}
+transferInfoF()
+
+const formRef = ref<FormInstance>()
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        'wechatpay_config.mch_id': [
+            { required: true, message: t('mchIdPlaceholder'), trigger: 'blur' }
+        ],
+        'wechatpay_config.mch_secret_key': [
+            { required: true, message: t('mchSecretKeyPlaceholder'), trigger: 'blur' }
+        ],
+        'wechatpay_config.mch_secret_cert': [
+            { required: true, message: t('mchSecretCertPlaceholder'), trigger: 'blur' }
+        ],
+        'wechatpay_config.mch_public_cert_path': [
+            { required: true, message: t('mchPublicCertPathPlaceholder'), trigger: 'blur' }
+        ],
+        'alipay_config.app_id': [
+            { required: true, message: t('appIdPlaceholder'), trigger: 'blur' }
+        ],
+        'alipay_config.app_secret_cert': [
+            { required: true, message: t('appSecretCertPlaceholder'), trigger: 'blur' }
+        ],
+        'alipay_config.app_public_cert_path': [
+            { required: true, message: t('appPublicCertPathPlaceholder'), trigger: 'blur' }
+        ],
+        'alipay_config.alipay_public_cert_path': [
+            { required: true, message: t('alipayPublicCertPathPlaceholder'), trigger: 'blur' }
+        ],
+        'alipay_config.alipay_root_cert_path': [
+            { required: true, message: t('alipayRootCertPathPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+/**
+ * 确认
+ * @param formEl
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+            setTransferInfo(data).then(res => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.warm-prompt) {
+    .el-alert__description{
+        margin: 0;
+    }
+}
+</style>
diff --git a/admin/src/app/views/setting/weapp.vue b/admin/src/app/views/setting/weapp.vue
new file mode 100644
index 0000000..c01c1ff
--- /dev/null
+++ b/admin/src/app/views/setting/weapp.vue
@@ -0,0 +1,202 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+                <el-button type="primary" @click="showEvent">{{ t('addVersion') }}</el-button>
+            </div>
+            <div class="mt-[10px]">
+                <el-table :data="weappTableData.data" size="large" v-loading="weappTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !weappTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="version" :label="t('version')" min-width="150" />
+                    <el-table-column prop="create_time" :label="t('createTime')" min-width="150" />
+                    <!-- <el-table-column prop="status_name" :label="t('status')" min-width="100" /> -->
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                            <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="weappTableData.page" v-model:page-size="weappTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="weappTableData.total"
+                        @size-change="loadWeappTemplateList()" @current-change="loadWeappTemplateList" />
+                </div>
+            </div>
+
+        </el-card>
+        <cron-info ref="cronDialog" @complete="weappTableData" />
+        <el-dialog v-model="showDialog" :title="t('editVersion')" width="550px" :destroy-on-close="true">
+            <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
+                v-loading="loading">
+                <el-form-item :label="t('version')" prop="version">
+                    <el-input v-model="formData.version" :placeholder="t('versionPlaceholder')" class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('file')" prop="path">
+                    <upload-file v-model="formData.path" class="input-width" api="applet/upload" />
+                </el-form-item>
+                <el-form-item :label="t('desc')">
+                    <el-input type="textarea" v-model="formData.desc" class="input-width" clearable></el-input>
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button type="primary" @click="addEvent(formRef)">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, computed } from 'vue'
+import { t } from '@/lang'
+import {
+    getVersionList,
+    addVersion,
+    editVersion,
+    deleteVersion
+} from '@/app/api/weapp'
+import { ElMessageBox, FormInstance } from 'element-plus'
+import { useRoute } from 'vue-router'
+import CronInfo from '@/app/views/setting/components/cron-info.vue'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const weappTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        title: '',
+        type: '',
+        last_time: ''
+    }
+})
+
+/**
+ * 获取任务列表
+ */
+const loadWeappTemplateList = (page: number = 1) => {
+    weappTableData.loading = true
+    weappTableData.page = page
+
+    getVersionList({
+        page: weappTableData.page,
+        limit: weappTableData.limit,
+        ...weappTableData.searchParam
+    }).then(res => {
+        weappTableData.loading = false
+        weappTableData.data = res.data.data
+        weappTableData.total = res.data.total
+    }).catch(() => {
+        weappTableData.loading = false
+    })
+}
+loadWeappTemplateList()
+
+const showDialog = ref(false)
+const initialFormData = {
+    id: 0,
+    desc: '',
+    path: '',
+    version: '',
+    type: 'weapp'
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+const formRef = ref<FormInstance>()
+
+const showEvent = () => {
+    formData.id = 0
+    formData.desc = ''
+    formData.path = ''
+    formData.version = ''
+    showDialog.value = true
+}
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        version: [
+            { required: true, message: t('versionPlaceholder'), trigger: 'blur' }
+        ],
+        path: [
+            { required: true, validator: validatePass, trigger: 'blur' }
+        ]
+    }
+})
+
+const validatePass = (rule: any, value: any, callback: any) => {
+    if (formData.path == '') {
+        return callback(new Error(t('filePlaceholder')))
+    }
+    return callback()
+}
+const saveType = ref(false)
+const addEvent = async (formEl: FormInstance | undefined) => {
+    if (saveType.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            saveType.value = true
+            const data = formData
+            const save = formData.id > 0 ? editVersion : addVersion
+            save(data).then(res => {
+                saveType.value = false
+                showDialog.value = false
+                loadWeappTemplateList()
+            }).catch(() => {
+                saveType.value = false
+            })
+        }
+    })
+}
+
+const editEvent = (item:any) => {
+    formData.id = item.id
+    formData.desc = item.desc
+    formData.path = item.path
+    formData.version = item.version
+    showDialog.value = true
+}
+
+const deleteEvent = (id: string) => {
+    ElMessageBox.confirm(t('weappVersionDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteVersion(id).then(() => {
+            loadWeappTemplateList()
+        }).catch(() => {
+        })
+    })
+}
+
+const cronDialog: Record<string, any> | null = ref(null)
+/**
+ * 查看任务
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    cronDialog.value.setFormData(data)
+    cronDialog.value.showDialog = true
+}
+
+</script>
+
+<style lang="scss" scoped>
+.el-input-number.is-controls-right .el-input-number__increase {
+    left: 20px !important
+}
+</style>
diff --git a/admin/src/app/views/setting/wxoplatform.vue b/admin/src/app/views/setting/wxoplatform.vue
new file mode 100644
index 0000000..4089bce
--- /dev/null
+++ b/admin/src/app/views/setting/wxoplatform.vue
@@ -0,0 +1,144 @@
+<template>
+	<div class="main-container">
+		<div class="flex ml-[18px] justify-between items-center mt-[20px]">
+			<span class="text-[20px]">{{ pageName }}</span>
+		</div>
+		<el-form :model="formData" label-width="150px" ref="formRef" class="page-form" v-loading="loading">
+			<el-card class="box-card !border-none mt-[5px]" shadow="never">
+				<h3 class="panel-title !text-sm">{{ t('oplatformSetting') }}</h3>
+
+				<el-form-item label="APPID">
+					<el-input v-model="formData.appid" :placeholder="t('appidPlaceholder')" class="input-width" clearable />
+				</el-form-item>
+
+				<el-form-item label="APPSECRET">
+					<el-input v-model="formData.appsecret" :placeholder="t('appsecretPlaceholder')" class="input-width"
+						clearable />
+				</el-form-item>
+
+				<h3 class="panel-title !text-sm">{{ t('oplatformComm') }}</h3>
+				<el-form-item :label="t('empowerStartDomain')">
+					<span>{{ formData.start_domain }}</span>
+				</el-form-item>
+
+				<el-form-item :label="t('empowerReceiveUrl')">
+					<span>{{ formData.receive_url }}</span>
+				</el-form-item>
+
+				<el-form-item :label="t('messageValidationToken')">
+					<el-input v-model="formData.token" class="input-width" clearable />
+				</el-form-item>
+
+				<el-form-item :label="t('messageDecryptKey')">
+					<el-input v-model="formData.key" class="input-width" clearable />
+				</el-form-item>
+
+				<el-form-item :label="t('messageReceiveUrl')">
+					<span>{{ formData.message_receive }}</span>
+				</el-form-item>
+
+				<el-form-item :label="t('wechatDomain')">
+					<span>{{ formData.host }}</span>
+				</el-form-item>
+
+				<el-form-item :label="t('weappDomain')">
+					<span>{{ formData.host }}</span>
+				</el-form-item>
+
+				<el-form-item :label="t('weappBusinessDomain')">
+					<span>{{ formData.host }}</span>
+				</el-form-item>
+
+				<h3 class="panel-title !text-sm">{{ t('oplatformBuilder') }}</h3>
+				<el-form-item :label="t('builderEmail')">
+					<el-input v-model="formData.email" class="input-width" clearable />
+				</el-form-item>
+
+				<el-form-item :label="t('builderMobile')">
+					<el-input v-model="formData.mobile" class="input-width" clearable />
+				</el-form-item>
+
+				<el-form-item :label="t('builderQQ')">
+					<el-input v-model="formData.qq" class="input-width" clearable />
+				</el-form-item>
+
+				<el-form-item :label="t('builderWx')">
+					<el-input v-model="formData.wx" class="input-width" clearable />
+				</el-form-item>
+
+			</el-card>
+		</el-form>
+
+		<div class="fixed-footer-wrap">
+			<div class="fixed-footer">
+				<el-button type="primary" :loading="loading" @click="save(formRef)">{{ t('save') }}</el-button>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { setCopyright, getCopyright } from '@/app/api/sys'
+import { FormInstance, FormRules } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const loading = ref(true)
+const formData = reactive<Record<string, string>>({
+    appid: '',
+    appsecret: '',
+    token: '',
+    key: '',
+    email: '',
+    mobile: '',
+    qq: '',
+    wx: '',
+    start_domain: '',
+    receive_url: '',
+    message_receive: '',
+    host: ''
+})
+
+const setFormData = async (id: number = 0) => {
+    const data = await (await getCopyright()).data
+    Object.keys(formData).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = data[key]
+    })
+
+    loading.value = false
+}
+setFormData()
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    site_name: [
+        { required: true, message: t('siteNamePlaceholder'), trigger: 'blur' }
+    ]
+})
+
+/**
+ * 保存
+ */
+const save = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+            setCopyright(formData).then(() => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/components/edit-site.vue b/admin/src/app/views/site/components/edit-site.vue
new file mode 100644
index 0000000..3256adb
--- /dev/null
+++ b/admin/src/app/views/site/components/edit-site.vue
@@ -0,0 +1,244 @@
+<template>
+    <el-dialog v-model="showDialog" :title="elDialogTitle" width="500px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+
+            <div v-if="formData.site_id == 0">
+                <el-form-item :label="t('siteName')" prop="site_name">
+                    <el-input v-model="formData.site_name" clearable :placeholder="t('siteNamePlaceholder')"
+                        class="input-width" />
+                </el-form-item>
+
+                <el-form-item :label="t('groupId')" prop="group_id">
+                    <el-select v-model="formData.group_id" clearable :placeholder="t('groupIdPlaceholder')"
+                        class="input-width">
+                        <el-option :label="item['group_name']" :value="item['group_id']"
+                            v-for="(item,index) in groupList" :key="index"/>
+                    </el-select>
+                </el-form-item>
+                <!-- <el-form-item :label="t('realName')" prop="real_name" v-if="!formData.site_id && !loading">
+                        <el-input v-model="formData.real_name" clearable :placeholder="t('realNamePlaceholder')" class="input-width" />
+                    </el-form-item> -->
+
+                <el-form-item :label="t('manager')" prop="uid">
+                    <el-select v-model="formData.uid" :placeholder="t('managerPlaceholder')" class="input-width" filterable>
+                        <el-option :label="t('newAddManager')" :value="0">
+                            <template #default>
+                                <div class="flex items-center">
+                                    <el-icon class="mr-[10px]">
+                                        <Plus />
+                                    </el-icon>
+                                    {{ t('newAddManager') }}
+                                </div>
+                            </template>
+                        </el-option>
+                        <el-option v-for="item in siteUser" :key="item.uid" :label="item.username" :value="item.uid">
+                            <div class="flex items-center">
+                                <el-avatar :src="img(item.head_img)" size="small" class="mr-[10px]" v-if="item.head_img" />
+                                <img src="@/app/assets/images/member_head.png" alt="" class="mr-[10px] w-[24px]" v-else>
+                                {{ item.username }}
+                            </div>
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+
+                <div v-show="formData.uid === 0">
+                    <el-form-item :label="t('username')" prop="username">
+                        <el-input v-model="formData.username" clearable :placeholder="t('usernamePlaceholder')"
+                            class="input-width" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('password')" prop="password">
+                        <el-input v-model="formData.password" clearable :placeholder="t('passwordPlaceholder')"
+                            class="input-width" :show-password="true" type="password" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('confirmPassword')" prop="confirm_password">
+                        <el-input v-model="formData.confirm_password" :placeholder="t('confirmPasswordPlaceholder')"
+                            type="password" :show-password="true" clearable class="input-width" />
+                    </el-form-item>
+                </div>
+            </div>
+            <div v-else>
+                <el-form-item :label="t('siteName')">
+                    {{ formData.site_name }}
+                </el-form-item>
+
+                <el-form-item :label="t('groupId')" prop="group_id">
+                    <el-select v-model="formData.group_id" clearable :placeholder="t('groupIdPlaceholder')"
+                        class="input-width">
+                        <el-option :label="item['group_name']" :value="item['group_id']"
+                            v-for="(item,index) in groupList" :key="index"/>
+                    </el-select>
+                </el-form-item>
+            </div>
+
+            <el-form-item :label="t('expireTime')" prop="expire_time" class="input-width">
+                <el-date-picker class="flex-1 !flex" v-model="formData.expire_time" clearable type="datetime"
+                    :placeholder="t('expireTimePlaceholder')" />
+            </el-form-item>
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { addSite, getSiteGroupAll, getSiteInfo, editSite } from '@/app/api/site'
+import { getAllUserList } from '@/app/api/user'
+import { getInstalledAddonList } from '@/app/api/addon'
+import { img } from '@/utils/common'
+
+const showDialog = ref(false)
+const loading = ref(true)
+const groupList = ref([])
+const siteUser = ref([])
+const siteType = ref([])
+getAllUserList({}).then(({ data }) => {
+    siteUser.value = data
+}).catch()
+
+const end = new Date()
+
+end.setTime(end.getTime() + 3600 * 1000 * 2 * 360)
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    site_id: '',
+    site_name: '',
+    real_name: '',
+    uid: '',
+    username: '',
+    password: '',
+    confirm_password: '',
+    expire_time: end,
+    group_id: ''
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+const setGroupList = async () => {
+    groupList.value = await (await getSiteGroupAll()).data
+}
+setGroupList()
+
+/**
+ * 应用选择
+ */
+// const appChangeFn = (val) => { formData.group_id = '' }
+/**
+ * 获取应用列表
+ */
+const addonList = ref([])
+getInstalledAddonList().then(({ data }) => {
+    addonList.value = data
+}).catch()
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+    if (row) {
+        const data = await (await getSiteInfo(row.site_id)).data
+        siteType.value = data
+        Object.keys(formData).forEach((key: string) => {
+            if (data[key] != undefined) formData[key] = data[key]
+        })
+    }
+    loading.value = false
+}
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        site_name: [
+            { required: true, message: t('siteNamePlaceholder'), trigger: 'blur' }
+        ],
+        group_id: [
+            { required: true, message: t('groupIdPlaceholder'), trigger: 'blur' }
+        ],
+        uid: [
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    if (formData.uid === '') callback(new Error(t('managerPlaceholder')))
+                    else callback()
+                },
+                trigger: 'blur'
+            }
+        ],
+        username: [
+            { required: formData.uid == 0, message: t('usernamePlaceholder'), trigger: 'blur' }
+        ],
+        password: [
+            { required: formData.uid == 0, message: t('passwordPlaceholder'), trigger: 'blur' }
+        ],
+        real_name: [
+            { required: true, message: t('userRealNamePlaceholder'), trigger: 'blur' }
+        ],
+        confirm_password: [
+            { required: formData.uid == 0, message: t('confirmPasswordPlaceholder'), trigger: 'blur' },
+            {
+                validator: (rule: any, value: string, callback: any) => {
+                    if (formData.uid == 0 && value != formData.password) callback(new Error(t('confirmPasswordError')))
+                    else callback()
+                },
+                trigger: 'blur'
+            }
+        ],
+        expire_time: [
+            { required: true, message: t('expireTimePlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+
+// 弹窗头部
+const elDialogTitle = computed(() => {
+    // const title = ref<string>('')
+    if (loading.value) return ''
+    return formData.site_id ? t('editSite') : t('addSite')
+})
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            loading.value = true
+
+            const data = formData
+            const save = data.site_id ? editSite : addSite
+            save(data).then(res => {
+                loading.value = false
+                showDialog.value = false
+                emit('complete')
+            }).catch(() => {
+                loading.value = false
+                // showDialog.value = false
+            })
+        }
+    })
+}
+
+defineExpose({
+    showDialog,
+    setFormData,
+    loading
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/components/user-info.vue b/admin/src/app/views/site/components/user-info.vue
new file mode 100644
index 0000000..0b62acc
--- /dev/null
+++ b/admin/src/app/views/site/components/user-info.vue
@@ -0,0 +1,126 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('userInfo')" width="550px" :destroy-on-close="true">
+        <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
+            v-loading="loading">
+
+            <el-form-item :label="t('headimg')">
+                <div class="flex items-center">
+                    <el-avatar v-if="formData.head_img" :src="img(formData.head_img)" />
+                    <el-avatar v-else>
+                        <img src="@/app/assets/images/member_head.png" />
+                    </el-avatar>
+                </div>
+            </el-form-item>
+
+            <el-form-item :label="t('userRealName')">
+                <div class="input-width"> {{ formData.real_name }} </div>
+            </el-form-item>
+            <el-form-item :label="t('accountNumber')">
+                <div class="input-width"> {{ formData.username }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('siteId')">
+                <div class="input-width"> {{ formData.roles[0].site_id }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('siteName')">
+                <div class="flex">
+                    <div class="max-w-[260px]"> {{ formData.roles[0].site_name }} </div>
+                    <el-link class="ml-10 text-blue-700" href="/site/login" target="_blank" :underline="false">{{
+                        t('enterSite') }}</el-link>
+                </div>
+
+            </el-form-item>
+
+            <el-form-item :label="t('isAdmin')">
+                <div class="input-width">{{ formData.roles[0].is_admin ? t('yes') : t('no') }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('status')">
+                <div class="input-width">
+                    <el-tag class="ml-2" type="success" v-if="formData.status == 1">{{ t('statusNormal') }}</el-tag>
+                    <el-tag class="ml-2" type="error" v-if="formData.status == 0">{{ t('statusDeactivate') }}</el-tag>
+                </div>
+            </el-form-item>
+
+            <el-form-item :label="t('lastIp')">
+                <div class="input-width"> {{ formData.last_ip }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('lastTime')" v-if="parseFloat(formData.last_time)">
+                <div class="input-width"> {{ formData.last_time }} </div>
+            </el-form-item>
+
+            <el-form-item :label="t('createTime')" v-if="parseFloat(formData.create_time)">
+                <div class="input-width"> {{ formData.create_time }} </div>
+            </el-form-item>
+
+        </el-form>
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="showDialog = false">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+
+const showDialog = ref(false)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    username: '',
+    create_time: '',
+    head_img: '',
+    last_ip: '',
+    last_time: '',
+    login_count: '',
+    real_name: '',
+    status: '',
+    uid: '',
+    update_time: '',
+    roles: []
+
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+
+    }
+})
+
+// const emit = defineEmits(['complete'])
+
+const setFormData = async (row: any = null) => {
+    loading.value = true
+    Object.assign(formData, initialFormData)
+
+    if (row) {
+        Object.keys(formData).forEach((key: string) => {
+            if (row[key] != undefined) formData[key] = row[key]
+        })
+    }
+
+    loading.value = false
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/edit_personal.vue b/admin/src/app/views/site/edit_personal.vue
new file mode 100644
index 0000000..3777ac3
--- /dev/null
+++ b/admin/src/app/views/site/edit_personal.vue
@@ -0,0 +1,105 @@
+<template>
+    <div class="main-container w-full bg-white" v-loading="loading">
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form :model="saveInfo" label-width="80px" ref="formRef" :rules="formRules" class="page-form">
+                <el-form-item :label="t('headImg')">
+                    <upload-image v-model="saveInfo.head_img" :limit="1" />
+                </el-form-item>
+                <el-form-item :label="t('userName')">
+                    <span>{{ saveInfo.username }}</span>
+                </el-form-item>
+                <el-form-item :label="t('realName')">
+                    <el-input v-model="saveInfo.real_name" :placeholder="t('realNamePlaceholder')" clearable
+                        class="input-width" />
+                </el-form-item>
+            </el-form>
+            <div class="fixed-footer-wrap">
+                <div class="fixed-footer">
+                    <el-button type="primary" @click="submitForm(formRef)">{{ t('save') }}</el-button>
+                    <el-button type="primary" @click="returnFn(formRef)">{{ t('cancel') }}</el-button>
+                </div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+// import { img } from '@/utils/common'
+import { getUserInfo, setUserInfo } from '@/app/api/personal'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+// 提交信息
+const saveInfo = reactive({
+    head_img: '',
+    real_name: '',
+    username: ''
+})
+
+const formRef = ref<FormInstance>()
+const loading = ref(true)
+
+/**
+ * 获取用户信息
+ */
+const getUserInfoFn = () => {
+    loading.value = true
+    getUserInfo().then(res => {
+        loading.value = false
+
+        const data = res.data
+        saveInfo.head_img = data.head_img
+        saveInfo.real_name = data.real_name
+        saveInfo.username = data.username
+    }).catch(() => {
+        loading.value = false
+    })
+}
+getUserInfoFn()
+
+const submitForm = (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    formEl.validate((valid) => {
+        if (valid) {
+            loading.value = true
+
+            setUserInfo(saveInfo).then((res: any) => {
+                loading.value = false
+            }).catch(() => {
+                loading.value = false
+            })
+        } else {
+            return false
+        }
+    })
+}
+const returnFn = () => {
+    router.push('/user/center')
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.personal-body) {
+    background-color: #fff;
+
+    .el-form-item__content {
+        .el-input {
+            width: 250px;
+        }
+
+        .el-form-item__content {
+            justify-content: space-between;
+        }
+
+        .el-button {
+            margin-left: auto;
+        }
+
+        .personal-option {
+            margin-right: auto;
+        }
+    }
+}</style>
diff --git a/admin/src/app/views/site/group.vue b/admin/src/app/views/site/group.vue
new file mode 100644
index 0000000..d9c7f25
--- /dev/null
+++ b/admin/src/app/views/site/group.vue
@@ -0,0 +1,151 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+                <el-button type="primary" class="w-[100px]" @click="addEvent">
+                    {{ t('addSiteGroup') }}
+                </el-button>
+            </div>
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="siteGroupTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('groupName')" prop="keywords">
+                        <el-input v-model="siteGroupTableData.searchParam.keywords"
+                            :placeholder="t('groupNamePlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="loadSiteGroupList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div>
+                <el-table :data="siteGroupTableData.data" size="large" v-loading="siteGroupTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !siteGroupTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+
+                    <el-table-column prop="group_name" :label="t('groupName')" />
+
+                    <el-table-column prop="group_name" :label="t('appName')" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            <el-tag class="mr-1" size="small" v-for="name in row.app_name">{{ name }}</el-tag>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="group_name" :label="t('addonName')" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            <el-tag class="mr-1" size="small" v-for="name in row.addon_name">{{ name }}</el-tag>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="create_time" :label="t('createTime')"></el-table-column>
+                    <el-table-column prop="group_roles" :label="t('operation')" align="right" fixed="right" width="130">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                            <el-button type="primary" link @click="deleteEvent(row.group_id)">{{ t('delete') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="siteGroupTableData.page"
+                        v-model:page-size="siteGroupTableData.limit" layout="total, sizes, prev, pager, next, jumper"
+                        :total="siteGroupTableData.total" @size-change="loadSiteGroupList()"
+                        @current-change="loadSiteGroupList" />
+                </div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from 'vue'
+import { t } from '@/lang'
+import { getSiteGroupList, deleteSiteGroup } from '@/app/api/site'
+import { ElMessageBox, FormInstance } from 'element-plus'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+
+const searchFormRef = ref<FormInstance>()
+
+const siteGroupTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        keywords: ''
+    }
+})
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadSiteGroupList()
+}
+
+/**
+ * 获取分组列表
+ */
+const loadSiteGroupList = (page: number = 1) => {
+    siteGroupTableData.loading = true
+    siteGroupTableData.page = page
+
+    getSiteGroupList({
+        page: siteGroupTableData.page,
+        limit: siteGroupTableData.limit,
+        ...siteGroupTableData.searchParam
+    }).then(res => {
+        siteGroupTableData.loading = false
+        siteGroupTableData.data = res.data.data
+        siteGroupTableData.total = res.data.total
+    }).catch(() => {
+        siteGroupTableData.loading = false
+    })
+}
+loadSiteGroupList()
+
+/**
+ * 添加分组
+ */
+const addEvent = () => {
+    router.push('/admin/site/group_edit')
+}
+
+/**
+ * 编辑分组
+ * @param data
+ */
+const editEvent = (data: any) => {
+    router.push({ path: '/admin/site/group_edit', query: { id: data.group_id } })
+}
+
+/**
+ * 删除分组
+ */
+const deleteEvent = (id: number) => {
+    ElMessageBox.confirm(t('groupDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteSiteGroup(id).then(() => {
+            loadSiteGroupList()
+        }).catch(() => {
+        })
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/group_edit.vue b/admin/src/app/views/site/group_edit.vue
new file mode 100644
index 0000000..13139a6
--- /dev/null
+++ b/admin/src/app/views/site/group_edit.vue
@@ -0,0 +1,209 @@
+<template>
+    <div class="main-container mb-80" v-loading="loading">
+        <div class="detail-head !mb-[10px]">
+            <div class="left" @click="back">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form">
+                <el-form-item :label="t('groupName')" prop="group_name">
+                    <el-input v-model="formData.group_name" :placeholder="t('groupNamePlaceholder')" clearable
+                        :disabled="formData.uid" class="input-width" maxlength="20" :show-word-limit="true" />
+                </el-form-item>
+                <el-form-item :label="t('groupDesc')" prop="group_desc">
+                    <el-input v-model="formData.group_desc" type="textarea" rows="4" clearable
+                        :placeholder="t('groupDescPlaceholder')" class="input-width" maxlength="100" />
+                </el-form-item>
+                <el-form-item :label="t('mainApp')" prop="app">
+                    <div class="text-gray-400" v-if="!appList.length">{{ t('appListEmpty') }}</div>
+                    <el-checkbox-group v-model="formData.app" class="flex flex-wrap w-full" v-else>
+                        <template #default>
+                            <div class="flex w-[300px]" v-for="(item, index) in appList" :key="index">
+                                <el-checkbox :label="item.key" name=""
+                                             class="w-full !h-auto border border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md">
+                                    <template #default>
+                                        <div class="w-full">
+                                            <div class="flex">
+                                                <div class="w-[60px] h-[60px] mr-[10px] rounded-md overflow-hidden">
+                                                    <el-image :src="img(item.icon)" v-if="item.icon"
+                                                              class="w-full h-full" />
+                                                    <el-image v-else class="w-full h-full">
+                                                        <template #error>
+                                                            <div class="image-error">
+                                                                <el-icon><icon-picture /></el-icon>
+                                                            </div>
+                                                        </template>
+                                                    </el-image>
+                                                </div>
+                                                <div class="flex-1 w-0 flex flex-col justify-center">
+                                                    <div class="font-bold truncate">{{ item.title }}</div>
+                                                    <div class="text-gray-400 mt-[10px] truncate" :title="item.desc">{{ item.desc }}</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </template>
+                                </el-checkbox>
+                            </div>
+                        </template>
+                    </el-checkbox-group>
+                </el-form-item>
+
+                <el-form-item :label="t('containAddon')">
+                    <div class="text-gray-400" v-if="!addonList.length">{{ t('appListEmpty') }}</div>
+                    <el-checkbox-group v-model="formData.addon" class="flex flex-wrap w-full" v-else>
+                        <template #default>
+                            <div class="flex w-[300px]" v-for="(item, index) in addonList" :key="index">
+                                <el-checkbox :label="item.key" name=""
+                                    class="w-full !h-auto border border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md">
+                                    <template #default>
+                                        <div class="w-full">
+                                            <div class="flex">
+                                                <div class="w-[60px] h-[60px] mr-[10px] rounded-md overflow-hidden">
+                                                    <el-image :src="img(item.icon)" v-if="item.icon"
+                                                        class="w-full h-full" />
+                                                    <el-image v-else class="w-full h-full">
+                                                        <template #error>
+                                                            <div class="image-error">
+                                                                <el-icon><icon-picture /></el-icon>
+                                                            </div>
+                                                        </template>
+                                                    </el-image>
+                                                </div>
+                                                <div class="flex-1 w-0 flex flex-col justify-center">
+                                                    <div class="font-bold truncate">{{ item.title }}</div>
+                                                    <div class="text-gray-400 mt-[10px] truncate" :title="item.desc">{{ item.desc }}</div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </template>
+                                </el-checkbox>
+                            </div>
+                        </template>
+                    </el-checkbox-group>
+                </el-form-item>
+            </el-form>
+
+            <div class="fixed-footer-wrap">
+                <div class="fixed-footer">
+                    <el-button type="primary" @click="confirm(formRef)" v-loading="saveLoding">{{ t('save') }}</el-button>
+                    <el-button @click="back()">{{ t('cancel') }}</el-button>
+                </div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup async>
+import { ref, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { addSiteGroup, editSiteGroup, getSiteGroupInfo } from '@/app/api/site'
+import { getInstalledAddonList } from '@/app/api/addon'
+import { img } from '@/utils/common'
+import { useRouter, useRoute } from 'vue-router'
+
+const loading = ref(true)
+const appList = ref([])
+const addonList = ref([])
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const saveLoding = ref(false)
+
+/**
+ * 表单数据
+ */
+const formData: Record<string, any> = ref({
+    group_id: 0,
+    group_name: '',
+    group_desc: '',
+    app: [],
+    addon: []
+})
+
+let installAddon = []
+const getInstalledAddonListFn = async () => {
+    await getInstalledAddonList().then(({ data }) => {
+        const apps: any[] = []
+        const addons: any[] = []
+
+        Object.keys(data).forEach(key => {
+            installAddon.push(key)
+            const item = data[key]
+            item.type == 'addon' ? addons.push(item) : apps.push(item)
+        })
+
+        appList.value = apps
+        addonList.value = addons
+    }).catch()
+}
+getInstalledAddonListFn()
+
+if (route.query.id) {
+    getSiteGroupInfo(route.query.id).then(({ data }) => {
+        data.app = data.app.filter((key: string) => installAddon.includes(key))
+        data.addon = data.addon.filter((key: string) => installAddon.includes(key))
+        formData.value = data
+        loading.value = false
+    }).catch()
+} else {
+    loading.value = false
+}
+
+const back = () => {
+    router.push('/admin/site/group')
+}
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        group_name: [
+            { required: true, message: t('groupNamePlaceholder'), trigger: 'blur' }
+        ],
+        app: [
+            { required: true, message: t('mainAppPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (saveLoding.value || !formEl) return
+    const save = formData.value.group_id ? editSiteGroup : addSiteGroup
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            saveLoding.value = true
+
+            save(formData.value).then(res => {
+                setTimeout(() => {
+                    back()
+                }, 1000)
+            }).catch(() => {
+                saveLoding.value = false
+            })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+.image-error {
+    background: var(--el-border-color-extra-light);
+    width: 100%;
+    height: 100%;
+}
+
+:deep(.el-checkbox__label) {
+    width: 100%;
+}
+</style>
diff --git a/admin/src/app/views/site/info.vue b/admin/src/app/views/site/info.vue
new file mode 100644
index 0000000..13ae84a
--- /dev/null
+++ b/admin/src/app/views/site/info.vue
@@ -0,0 +1,190 @@
+<template>
+    <div class="main-container" v-loading="loading">
+        <div class="detail-head !mb-[10px]">
+            <div class="left" @click="router.push({ path: '/admin/site/list' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{t('returnToPreviousPage')}}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+            <el-button class="ml-auto w-[100px] mr-[10px]" type="primary" @click="editEvent(formRef)">{{ t('edit') }}</el-button>
+        </div>
+        <el-form :model="formData" label-width="90px" ref="formRef" class="page-form">
+            <el-card class="box-card !border-none relative" shadow="never">
+                <el-form-item :label="t('siteName')">
+                    <div class="input-width">{{ formData.site_name }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('siteLogo')">
+                    <el-image v-if="formData.logo" class="w-20 h-20" :src="img(formData.logo)" fit="contain"></el-image>
+					<img class="w-20 h-20" v-else src="@/app/assets/images/site_logo.png" alt="" >
+                </el-form-item>
+
+                <el-form-item :label="t('groupName')">
+                    <div class="input-width">{{ formData.group_name || '' }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('keywords')">
+                    <div class="input-width">{{ formData.keywords || '' }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('status')">
+                    <template #default="{ }">
+                        <el-tag class="ml-2" type="success" v-if="formData.status == 1">{{ t('statusNormal') }}</el-tag>
+                        <el-tag class="ml-2" type="error" v-if="formData.status == 0">{{t('statusDeactivate') }}</el-tag>
+                        <el-tag class="ml-2" type="error" v-if="formData.status == 2">{{t('statusExpire') }}</el-tag>
+                    </template>
+                </el-form-item>
+
+                <el-form-item :label="t('createTime')">
+                    <div class="input-width">{{ formData.create_time || '' }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('expireTime')">
+                    <div class="input-width">{{ formData.expire_time || '' }}</div>
+                </el-form-item>
+
+                <el-form-item :label="t('app')">
+                    <div class="flex flex-wrap">
+                        <template v-for="item in formData.site_addons">
+                            <div class="flex w-[300px] border border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md" v-if="item.type == 'app'">
+                                <div class="w-[60px] h-[60px] mr-[10px] rounded-md overflow-hidden">
+                                    <el-image :src="img(item.icon)" v-if="item.icon"
+                                              class="w-full h-full" />
+                                    <el-image v-else class="w-full h-full">
+                                        <template #error>
+                                            <div class="image-error">
+                                                <el-icon><icon-picture /></el-icon>
+                                            </div>
+                                        </template>
+                                    </el-image>
+                                </div>
+                                <div class="flex-1 w-0 flex flex-col justify-center leading-tight">
+                                    <div class="font-bold truncate">{{ item.title }}</div>
+                                    <div class="text-gray-400 mt-[10px] truncate" :title="item.desc">{{ item.desc }}</div>
+                                </div>
+                            </div>
+                        </template>
+                    </div>
+                </el-form-item>
+
+                <el-form-item :label="t('addon')">
+                    <div class="flex flex-wrap">
+                        <template v-for="item in formData.site_addons">
+                            <div class="flex w-[300px] border border-solid p-[10px] !mr-[10px] !mb-[10px] rounded-md" v-if="item.type == 'addon'">
+                                <div class="w-[60px] h-[60px] mr-[10px] rounded-md overflow-hidden">
+                                    <el-image :src="img(item.icon)" v-if="item.icon"
+                                              class="w-full h-full" />
+                                    <el-image v-else class="w-full h-full">
+                                        <template #error>
+                                            <div class="image-error">
+                                                <el-icon><icon-picture /></el-icon>
+                                            </div>
+                                        </template>
+                                    </el-image>
+                                </div>
+                                <div class="flex-1 w-0 flex flex-col justify-center leading-tight">
+                                    <div class="font-bold truncate">{{ item.title }}</div>
+                                    <div class="text-gray-400 mt-[10px] truncate" :title="item.desc">{{ item.desc }}</div>
+                                </div>
+                            </div>
+                        </template>
+                    </div>
+                </el-form-item>
+            </el-card>
+
+        </el-form>
+        <edit-site ref="editSiteDialog" @complete="loadSiteInfo()" />
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(formRef)">{{ t('confirm') }}</el-button>
+                <el-button @click="back()">{{ t('cancel') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+import { getSiteInfo } from '@/app/api/site'
+import { useRoute, useRouter } from 'vue-router'
+import EditSite from '@/app/views/site/components/edit-site.vue'
+import useTabbarStore from '@/stores/modules/tabbar'
+// import useAppStore from '@/stores/modules/app'
+
+// const appStore = useAppStore()
+const tabbarStore = useTabbarStore()
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const id: number = parseInt(route.query.id)
+const loading = ref(true)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    site_id: 0,
+    site_name: '',
+    expire_time: 0,
+    group_id: 0,
+    keywords: '',
+    business_hours: '',
+    logo: '',
+    desc: '',
+    latitude: '',
+    longitude: '',
+    province_id: '',
+    city_id: '',
+    district_id: '',
+    address: '',
+    full_address: '',
+    phone: '',
+    group_name: '',
+    status: 0,
+    create_time: 0,
+    site_addons: []
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const setFormData = async (id: number = 0) => {
+    Object.assign(formData, initialFormData)
+    const data = await (await getSiteInfo(id)).data
+    Object.keys(formData).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = data[key]
+    })
+    loading.value = false
+}
+if (id) setFormData(id)
+else loading.value = false
+
+const loadSiteInfo = () => {
+    setFormData(id)
+}
+
+const formRef = ref<FormInstance>()
+
+const editSiteDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 编辑站点
+ */
+const editEvent = (data: any) => {
+    editSiteDialog.value.setFormData(formData)
+    editSiteDialog.value.showDialog = true
+}
+
+const onSave = async (formEl: FormInstance | undefined) => {
+    back()
+}
+
+const back = () => {
+    tabbarStore.removeTab(route.path)
+    router.push({ path: '/admin/site/list' })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/list.vue b/admin/src/app/views/site/list.vue
new file mode 100644
index 0000000..57afcea
--- /dev/null
+++ b/admin/src/app/views/site/list.vue
@@ -0,0 +1,331 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+                <el-button type="primary" class="w-[100px]" @click="addEvent">
+                    {{ t('addSite') }}
+                </el-button>
+            </div>
+
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="siteTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('siteName')" prop="keywords">
+                        <el-input v-model="siteTableData.searchParam.keywords" :placeholder="t('siteNamePlaceholder')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('app')" prop="app_id">
+                        <el-select v-model="siteTableData.searchParam.app" clearable @change="appChangeFn"
+                            :placeholder="t('appIdPlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="all" />
+                            <el-option :label="item['title']" :value="item['key']"
+                                v-for="(item, index) in Object.values(addonList)"  :key="index"/>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('groupId')" prop="group_id">
+                        <el-select v-model="siteTableData.searchParam.group_id" clearable
+                            :placeholder="t('groupIdPlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item['group_name']" :value="item['group_id']"
+                                v-for="(item, index) in groupList.all" :key="index"/>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('status')" prop="status">
+                        <el-select v-model="siteTableData.searchParam.status" clearable
+                            :placeholder="t('groupIdPlaceholder')" class="input-width">
+                            <el-option :label="t('selectPlaceholder')" value="" />
+                            <el-option :label="item" :value="index" v-for="(item, index) in statusList" :key="index"/>
+                        </el-select>
+                    </el-form-item>
+
+                    <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="siteTableData.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+
+                    <el-form-item :label="t('expireTime')" prop="expire_time">
+                        <el-date-picker v-model="siteTableData.searchParam.expire_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+
+                    <el-form-item>
+                        <el-button type="primary" @click="loadSiteList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+
+            <div class="mt-[20px]">
+                <el-table :data="siteTableData.data" size="large" v-loading="siteTableData.loading">
+
+                    <template #empty>
+                        <span>{{ !siteTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column prop="site_id" :label="t('siteId')" width="100" :show-overflow-tooltip="true" />
+
+                    <el-table-column :label="t('siteInfo')" width="300" align="left">
+                        <template #default="{ row }">
+                            <div class="flex items-center">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-if="row.logo" :src="img(row.logo)" alt="">
+                                <img class="w-[50px] h-[50px] mr-[10px]" v-else src="@/app/assets/images/site_logo.png"
+                                    alt="">
+                                <div class="flex flex flex-col">
+                                    <span>{{ row.site_name || '' }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('manager')" width="150" align="left">
+                        <template #default="{ row }">
+                            <div class="flex items-center">
+                                <div class="flex flex flex-col">
+                                    <span>{{ row.admin.username || '' }}</span>
+                                </div>
+                            </div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column prop="group_name" :label="t('groupId')" width="150" :show-overflow-tooltip="true" />
+                    <el-table-column prop="create_time" :label="t('createTime')" width="250"
+                        :show-overflow-tooltip="true" />
+                    <el-table-column prop="expire_time" :label="t('expireTime')" width="250" :show-overflow-tooltip="true">
+                        <template #default="{ row }">
+                            <div v-if="row.expire_time == 0">永久</div>
+                            <div v-else>{{ row.expire_time }}</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('status')" width="100" align="center">
+                        <template #default="{ row }">
+                            <el-tag class="ml-2" type="success" v-if="row.status == 1">{{ row.status_name }}</el-tag>
+                            <el-tag class="ml-2" type="error" v-else-if="row.status == 3">
+                                {{ row.status_name }}
+                            </el-tag>
+                            <el-tag class="ml-2" type="error" v-else>
+                                {{ row.status_name }}
+                            </el-tag>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column :label="t('operation')" min-width="250" align="right" fixed="right">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="toSiteLink(row)">
+                                <!--                                <a href="javascript:;" title="启动站点" class="iconfont iconicon_huojian"></a>-->
+                                访问站点
+                            </el-button>
+                            <el-button type="primary" link @click="openClose(row.status, row.site_id)"
+                                v-if="row.status == 1 || row.status == 3">{{ row.status == 1 ? t('closeTxt') : t('openTxt')
+                                }}</el-button>
+                            <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                            <el-button type="primary" link @click="deleteEvent(row)">{{ t('delete') }}</el-button>
+                            <el-button type="primary" link @click="urlEvent(row)">{{ t('url') }}</el-button>
+                            <el-button type="primary" link @click="infoEvent(row)">{{ t('info') }}</el-button>
+                        </template>
+                    </el-table-column>
+
+                </el-table>
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="siteTableData.page" v-model:page-size="siteTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="siteTableData.total"
+                        @size-change="loadSiteList()" @current-change="loadSiteList" />
+                </div>
+            </div>
+
+        </el-card>
+        <edit-site ref="addSiteDialog" @complete="loadSiteList()" />
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { img } from '@/utils/common'
+import { t } from '@/lang'
+import { getSiteList, getSiteGroupAll, getStatusList, closeSite, openSite, deleteSite } from '@/app/api/site'
+import { ElMessageBox, FormInstance, ElMessage } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+import EditSite from '@/app/views/site/components/edit-site.vue'
+import { getInstalledAddonList } from '@/app/api/addon'
+// import { CollectionTag } from '@element-plus/icons-vue'
+// import { deleteMenu } from "@/app/api/sys"
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const groupList = ref({
+    all: []
+})
+
+const statusList = ref([])
+
+const siteTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        keywords: '',
+        group_id: '',
+        app: 'all',
+        status: '',
+        create_time: [],
+        expire_time: []
+
+    }
+})
+siteTableData.searchParam.status = route.query.id || ''
+const setGroupList = async () => {
+    const obj = await (await getSiteGroupAll({})).data
+
+    groupList.value.all = obj
+    obj.forEach((item:any, index:any) => {
+        if (!groupList.value[item.app]) {
+            groupList.value[item.app] = []
+            groupList.value[item.app].push(item)
+        } else {
+            groupList.value[item.app].push(item)
+        }
+    })
+}
+setGroupList()
+
+const setStatusList = async () => {
+    statusList.value = await (await getStatusList()).data
+}
+
+setStatusList()
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadSiteList()
+}
+
+/**
+ * 应用选择
+ */
+const appChangeFn = () => {
+    siteTableData.searchParam.group_id = ''
+}
+
+/**
+ * 获取应用列表
+ */
+const addonList = ref([])
+getInstalledAddonList().then(({ data }) => {
+    addonList.value = data
+}).catch()
+
+/**
+ * 获取站点列表
+ */
+const loadSiteList = (page: number = 1) => {
+    siteTableData.loading = true
+    siteTableData.page = page
+    siteTableData.searchParam.app = siteTableData.searchParam.app == 'all' ? '' : siteTableData.searchParam.app
+    getSiteList({
+        page: siteTableData.page,
+        limit: siteTableData.limit,
+        ...siteTableData.searchParam
+    }).then(res => {
+        siteTableData.loading = false
+        siteTableData.data = res.data.data
+        siteTableData.total = res.data.total
+    }).catch(() => {
+        siteTableData.loading = false
+    })
+}
+loadSiteList()
+
+const router = useRouter()
+
+const addSiteDialog: Record<string, any> | null = ref(null)
+/**
+ * 添加站点
+ */
+const addEvent = (data: any) => {
+    addSiteDialog.value.setFormData()
+    addSiteDialog.value.showDialog = true
+}
+
+/**
+ * 站点详情
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    router.push({ path: '/admin/site/info', query: { id: data.site_id } })
+}
+
+/**
+ * 站点域名
+ * @param data
+ */
+const urlEvent = (data: any) => {
+    ElMessage({
+        message: t('siteUrlDevelopMessage'),
+        grouping: true,
+        type: 'success'
+    })
+}
+
+/**
+ * 编辑站点详情
+ * @param data
+ */
+const editEvent = (data: any) => {
+    addSiteDialog.value.setFormData(data)
+    addSiteDialog.value.showDialog = true
+}
+
+/**
+ * 站点登录
+ * @param data
+ */
+const toSiteLink = (data: any) => {
+    window.localStorage.setItem('site.siteId', data.site_id)
+    window.open(`${location.origin}/site/`)
+}
+
+const openClose = (i, site_id) => {
+    if (i == 1) {
+        closeSite({ site_id }).then(res => {
+            loadSiteList()
+        })
+    }
+    if (i == 3) {
+        openSite({ site_id }).then(res => {
+            loadSiteList()
+        })
+    }
+}
+
+const deleteEvent = (data: any) => {
+    ElMessageBox.confirm(t('siteDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteSite(data.site_id).then(res => {
+            loadSiteList()
+        }).catch(() => {
+        })
+    })
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.warm-prompt) {
+    .el-alert__description {
+        margin: 0;
+    }
+}</style>
diff --git a/admin/src/app/views/site/personal.vue b/admin/src/app/views/site/personal.vue
new file mode 100644
index 0000000..2ff4b77
--- /dev/null
+++ b/admin/src/app/views/site/personal.vue
@@ -0,0 +1,100 @@
+<template>
+    <div class="main-container w-full bg-white" v-loading="loading">
+        <el-card class="box-card !border-none relative" shadow="never">
+            <el-form :model="saveInfo" label-width="80px" ref="formRef" class="page-form">
+                <el-form-item :label="t('headImg')">
+                    <el-image class="w-[70px] h-[70px]" :src="img(saveInfo.head_img)" fit="contain">
+                        <template #error>
+                            <div
+                                class="image-slot bg-[#c0c4cc] flex items-center justify-center w-[70px] h-[70px] rounded-full">
+                                <el-icon class="!text-[#fff] !text-[45px]">
+                                    <UserFilled />
+                                </el-icon>
+                            </div>
+                        </template>
+                    </el-image>
+                </el-form-item>
+                <el-form-item :label="t('userName')">
+                    <div>{{ saveInfo.username }}</div>
+                </el-form-item>
+                <el-form-item :label="t('realName')">
+                    <div>{{ saveInfo.real_name }}</div>
+                </el-form-item>
+            </el-form>
+            <span class="text-[14px] text-[#999] absolute top-[25px] right-[20px] cursor-pointer" @click="toEditPersonal">{{
+                t('editPersonal') }}</span>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { img } from '@/utils/common'
+import { getUserInfo } from '@/app/api/personal'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+// 提交信息
+const saveInfo = reactive({
+    head_img: '',
+    real_name: '',
+    original_password: '',
+    password: '',
+    password_copy: '',
+    username: ''
+})
+
+const formRef = ref<FormInstance>()
+const loading = ref(true)
+
+/**
+ * 获取用户信息
+ */
+const getUserInfoFn = () => {
+    loading.value = true
+    getUserInfo().then(res => {
+        loading.value = false
+
+        const data = res.data
+        saveInfo.head_img = data.head_img
+        saveInfo.real_name = data.real_name
+        saveInfo.original_password = data.original_password
+        saveInfo.password = data.password
+        saveInfo.password_copy = data.password
+        saveInfo.username = data.username
+    }).catch(() => {
+        loading.value = false
+    })
+}
+getUserInfoFn()
+
+// 编辑个人中心
+const toEditPersonal = () => {
+    router.push('/user/edit_center')
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.personal-body) {
+    background-color: #fff;
+
+    .el-form-item__content {
+        .el-input {
+            width: 250px;
+        }
+
+        .el-form-item__content {
+            justify-content: space-between;
+        }
+
+        .el-button {
+            margin-left: auto;
+        }
+
+        .personal-option {
+            margin-right: auto;
+        }
+    }
+}</style>
diff --git a/admin/src/app/views/site/user.vue b/admin/src/app/views/site/user.vue
new file mode 100644
index 0000000..66f01ef
--- /dev/null
+++ b/admin/src/app/views/site/user.vue
@@ -0,0 +1,143 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+            <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                <el-form :inline="true" :model="userTableData.searchParam" ref="searchFormRef">
+                    <el-form-item :label="t('userName')" prop="username">
+                        <el-input v-model="userTableData.searchParam.username" :placeholder="t('userNamePlaceholder')" />
+                    </el-form-item>
+                    <!-- <el-form-item :label="t('createTime')" prop="create_time">
+                        <el-date-picker v-model="userTableData.searchParam.create_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item> -->
+                    <el-form-item :label="t('loginTime')" prop="last_time">
+                        <el-date-picker v-model="userTableData.searchParam.last_time" type="datetimerange"
+                            value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="t('startDate')"
+                            :end-placeholder="t('endDate')" />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="loadUserList()">{{ t('search') }}</el-button>
+                        <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                    </el-form-item>
+                </el-form>
+            </el-card>
+            <div>
+                <el-table :data="userTableData.data" size="large" v-loading="userTableData.loading">
+                    <template #empty>
+                        <span>{{ !userTableData.loading ? t('emptyData') : '' }}</span>
+                    </template>
+                    <el-table-column :label="t('headImg')" width="100" align="left">
+                        <template #default="{ row }">
+                            <div class="w-[35px] h-[35px] flex items-center justify-center">
+                                <img v-if="row.head_img" :src="img(row.head_img)" class="w-[35px] rounded-full" />
+                                <img v-else src="@/app/assets/images/member_head.png" class="w-[35px] rounded-full" />
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="username" :label="t('accountNumber')" min-width="120" show-overflow-tooltip />
+                    <el-table-column prop="real_name" :label="t('userRealName')" min-width="120" show-overflow-tooltip />
+                    <el-table-column prop="site_num" :label="t('siteNum')" min-width="120" show-overflow-tooltip align="center" />
+                    <!-- <el-table-column prop="create_time" :label="t('createTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.create_time || '' }}
+                        </template>
+                    </el-table-column> -->
+                    <el-table-column prop="last_time" :label="t('lastLoginTime')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.last_time || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('lastLoginIP')" min-width="180" align="center">
+                        <template #default="{ row }">
+                            {{ row.last_ip || '' }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column :label="t('operation')" align="right" fixed="right" width="160">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="detailEvent(row.uid)">{{ t('detail') }}</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+                <div class="mt-[16px] flex justify-end">
+                    <el-pagination v-model:current-page="userTableData.page" v-model:page-size="userTableData.limit"
+                        layout="total, sizes, prev, pager, next, jumper" :total="userTableData.total"
+                        @size-change="loadUserList()" @current-change="loadUserList" />
+                </div>
+            </div>
+
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { t } from '@/lang'
+import { getUserList } from '@/app/api/site'
+import { img } from '@/utils/common'
+import type { FormInstance } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+
+const router = useRouter()
+const route = useRoute()
+const pageName = route.meta.title
+
+const userTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        username: '',
+        site_name: '',
+        // create_time: [],
+        last_time: []
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadUserList()
+}
+
+/**
+ * 获取用户列表
+ */
+const loadUserList = (page: number = 1) => {
+    userTableData.loading = true
+    userTableData.page = page
+
+    getUserList({
+        page: userTableData.page,
+        limit: userTableData.limit,
+        ...userTableData.searchParam
+
+    }).then(res => {
+        userTableData.loading = false
+        userTableData.data = res.data.data
+        userTableData.total = res.data.total
+    }).catch(() => {
+        userTableData.loading = false
+    })
+}
+loadUserList()
+
+/**
+ * 查看详情
+ * @param data
+ */
+const detailEvent = (uid: number) => {
+    router.push({ path: '/admin/site/user_info', query: { uid } })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/site/user_info.vue b/admin/src/app/views/site/user_info.vue
new file mode 100644
index 0000000..0aff7ce
--- /dev/null
+++ b/admin/src/app/views/site/user_info.vue
@@ -0,0 +1,117 @@
+<template>
+    <div class="main-container" v-loading="loading">
+        <div class="detail-head">
+            <div class="left" @click="router.push({ path: '/admin/site/user' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <h3 class="panel-title !text-[16px] pl-[15px] mb-[20px]">{{ t('userInfo') }}</h3>
+            <el-row :gutter="20" class="pl-[15px] mb-[20px]">
+                <el-col :span="6">
+                    <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('uid') }}</span>
+                    <span class="text-[14px] text-[#666666]">
+                        {{ detail.uid }}
+                    </span>
+                </el-col>
+                <el-col :span="6" :offset="6">
+                    <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('username') }}</span>
+                    <span class="text-[14px] text-[#666666]">
+                        {{ detail.username }}
+                    </span>
+                </el-col>
+            </el-row>
+            <el-row :gutter="20" class="pl-[15px] mb-[20px]">
+                <el-col :span="6">
+                    <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('realname') }}</span>
+                    <span class="text-[14px] text-[#666666]">
+                        {{ detail.real_name || '--' }}
+                    </span>
+                </el-col>
+                <el-col :span="6" :offset="6">
+                    <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('addTime') }}</span>
+                    <span class="text-[14px] text-[#666666]">
+                        {{ detail.create_time }}
+                    </span>
+                </el-col>
+            </el-row>
+            <el-row :gutter="20" class="pl-[15px] mb-[20px]">
+                <el-col :span="6">
+                    <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('lastLoginTime') }}</span>
+                    <span class="text-[14px] text-[#666666]">
+                        {{ detail.last_time || '' }}
+                    </span>
+                </el-col>
+                <el-col :span="6" :offset="6">
+                    <span class="text-[14px] w-[130px] text-right mr-[20px]">{{ t('lastLoginIP') }}</span>
+                    <span class="text-[14px] text-[#666666]">
+                        {{ detail.last_ip || '' }}
+                    </span>
+                </el-col>
+            </el-row>
+        </el-card>
+        <el-card class="box-card !border-none" shadow="never">
+            <h3 class="panel-title !text-[16px] pl-[15px]">{{ t('siteInfo') }}</h3>
+
+            <el-table :data="detail.roles" size="large">
+                <el-table-column prop="site_id" :label="t('siteId')" width="100px" />
+                <el-table-column prop="site_name" :label="t('siteName')" />
+                <el-table-column prop="is_admin" :label="t('isAdmin')" min-width="180" align="center">
+                    <template #default="{ row }">
+                        {{ row.is_admin ? t('yes') : t('no') }}
+                    </template>
+                </el-table-column>
+                <el-table-column :label="t('status')" min-width="80" align="center">
+                    <template #default="{ row }">
+                        <el-tag class="ml-2" type="success" v-if="row.status == 1">{{ row.status_name }}</el-tag>
+                        <el-tag class="ml-2" type="error" v-else-if="row.status == 3">
+                            {{ row.status_name }}
+                        </el-tag>
+                        <el-tag class="ml-2" type="error" v-else>
+                            {{ row.status_name }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="expire_time" :label="t('expireTime')" />
+                <el-table-column :label="t('operation')" align="right" fixed="right">
+                        <template #default="{ row }">
+                            <el-button type="primary" link @click="siteInfo(row)">{{ t('info') }}</el-button>
+                        </template>
+                    </el-table-column>
+            </el-table>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+import { useRoute, useRouter } from 'vue-router'
+import { getUserInfo } from '@/app/api/site'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const uid: number = parseInt(route.query.uid || 0)
+const loading = ref(true)
+const detail = ref({})
+
+getUserInfo(uid).then(({ data }) => {
+    detail.value = data
+    loading.value = false
+}).catch()
+
+/**
+ * 站点详情
+ * @param data
+ */
+ const siteInfo = (data: any) => {
+    router.push({ path: '/admin/site/info', query: { id: data.site_id } })
+}
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/addon/edit.vue b/admin/src/app/views/tools/addon/edit.vue
new file mode 100644
index 0000000..6f598ad
--- /dev/null
+++ b/admin/src/app/views/tools/addon/edit.vue
@@ -0,0 +1,235 @@
+<template>
+    <div class="main-container mb-80" v-loading="loading">
+        <div class="detail-head !mb-[10px]">
+            <div class="left" @click="router.push({ path: '/tools/addon' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form :model="form" label-width="90px" ref="formRef" :rules="rules" class="page-form">
+                <el-form-item :label="t('title')" prop="title">
+                    <el-input v-model="form.title" clearable :placeholder="t('titlePlaceholder')" class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('icon')" prop="icon">
+                    <div>
+                        <upload-image v-model="form.icon" />
+                        <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('iconPlaceholder1') }}</p>
+                    </div>
+
+                </el-form-item>
+                <el-form-item :label="t('key')" prop="key">
+                    <div>
+                        <el-input v-model="form.key" clearable :disabled="route.query.key"
+                            :placeholder="t('keyPlaceholder')" class="input-width mr-[15px]" />
+                        <el-button v-if="!route.query.key" type="primary" :disabled="form.key == ''"
+                            @click="getAddonDevelopCheckFn(form.key)">官方市场标识检测</el-button>
+                        <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('keyPlaceholder1') }}</p>
+                        <p class="text-[12px] text-[#a9a9a9] leading-normal">{{ t('keyPlaceholder2') }}</p>
+                    </div>
+
+                </el-form-item>
+                <el-form-item :label="t('desc')" prop="desc">
+                    <el-input type="textarea" v-model="form.desc" clearable :placeholder="t('descPlaceholder')"
+                        class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('author')" prop="author">
+                    <el-input v-model="form.author" clearable :placeholder="t('authorPlaceholder')" class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('version')" prop="version">
+                    <div>
+                        <el-input v-model="form.version" clearable :placeholder="t('versionPlaceholder')"
+                            class="input-width" onkeyup="this.value = this.value.replace(/[^\d\.]/g,'');" />
+                        <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('versionPlaceholder1') }}</p>
+                    </div>
+
+                </el-form-item>
+                <el-form-item :label="t('cover')" prop="cover">
+                    <div>
+                        <upload-image v-model="form.cover" />
+                        <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('coverPlaceholder1') }}</p>
+                    </div>
+
+                </el-form-item>
+                <el-form-item :label="t('type')" prop="type">
+                    <div>
+                        <el-select v-model="form.type" :placeholder="t('typePlaceholder')" class="input-width" clearable
+                            @change="typeChange">
+                            <el-option v-for="(item, key) in options" :key="key" :label="item" :value="key" />
+                        </el-select>
+                        <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">{{ t('typePlaceholder1') }}</p>
+                        <p class="text-[12px] text-[#a9a9a9] leading-normal">{{ t('typePlaceholder2') }}</p>
+                    </div>
+                </el-form-item>
+                <template v-if="form.type === 'addon'">
+                    <el-form-item :label="t('supportType')">
+                        <div>
+                            <el-select v-model="form.support_type" class="input-width" @change="typeChange">
+                                <el-option label="通用插件" :value="1" />
+                                <el-option label="支持应用" :value="2" />
+                            </el-select>
+                        </div>
+                    </el-form-item>
+                    <el-form-item :label="t('supportApp')" prop="support_app" v-if="form.support_type!=1">
+                        <el-select v-model="form.support_app" :placeholder="t('supportAppPlaceholder')" class="input-width">
+                            <el-option v-for="(item, index) in AppLst" :label="item.title" :value="item.key"
+                                :key="index" />
+                        </el-select>
+                    </el-form-item>
+                </template>
+                <!-- <el-form-item v-if="form.type != 'app'" :label="t('supportApp')" prop="support_app">
+                    <el-input v-model="form.support_app" clearable :placeholder="t('supportAppPlaceholder')"
+                        class="input-width" />
+                </el-form-item> -->
+            </el-form>
+        </el-card>
+        <div class="fixed-footer-wrap" v-if="!loading">
+            <div class="fixed-footer">
+                <el-button type="primary" @click="onSave(formRef)">{{ t('GeneratePlugins') }}</el-button>
+                <el-button @click="router.push({ path: '/tools/addon' })">{{ t('cancel') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { t } from '@/lang'
+import { getAddontype, addAddonDevelop, editAddonDevelop, getAddonDevelopInfo, getAddonDevelopCheck } from '@/app/api/tools'
+import { getAddonList } from '@/app/api/sys'
+import { ElMessageBox, ElMessage, FormInstance } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const form = ref({
+    title: '',
+    icon: '',
+    key: '',
+    desc: '',
+    author: '',
+    version: '',
+    cover: '',
+    type: '',
+    support_app: '',
+    support_type: 1
+})
+const options = ref([])
+const loading = ref(false)
+const formRef = ref()
+const validKey = (rule:any, value:any, callback:any) => {
+    if (value !== '') {
+        const reg = /^[a-zA-Z][a-zA-Z0-9_]*$/
+        if (!reg.test(value)) {
+            return callback(new Error(t('keyPlaceholderErr')))
+        } else {
+            return callback() // *验证成功的地方必须callback()
+        }
+    } else {
+        return callback(new Error(t('keyPlaceholder')))
+    }
+}
+const validVersion = (rule:any, value:any, callback:any) => {
+    if (value !== '') {
+        const reg = /^([0-9]\d|[0-9])(\.([0-9]){1}){2}$/
+        if (!reg.test(value)) {
+            return callback(new Error(t('versionPlaceholderErr')))
+        } else {
+            return callback() // *验证成功的地方必须callback()
+        }
+    } else {
+        return callback(new Error(t('versionPlaceholder')))
+    }
+}
+const rules = ref({
+    title: [
+        { required: true, message: t('titlePlaceholder'), trigger: 'blur' }
+    ],
+    icon: [
+        { required: true, message: t('iconPlaceholder'), trigger: 'change' }
+    ],
+    key: [
+        { required: true, validator: validKey, trigger: 'blur' }
+    ],
+    author: [
+        { required: true, message: t('authorPlaceholder'), trigger: 'blur' }
+    ],
+    version: [
+        { required: true, validator: validVersion, trigger: 'blur' }
+    ],
+    cover: [
+        { required: true, message: t('coverPlaceholder'), trigger: 'change' }
+    ],
+    type: [
+        { required: true, message: t('typePlaceholder'), trigger: 'change' }
+    ],
+    support_app: [
+        { required: true, message: t('typePlaceholder'), trigger: 'change' }
+    ]
+})
+onMounted(async () => {
+    const res = await getAddontype()
+    options.value = res.data
+    if (route.query.key) getAddonDevelopInfoFn(route.query.key)
+})
+const typeChange = () => {
+    form.value.support_app = ''
+}
+// 详情查询
+const getAddonDevelopInfoFn = (key: any) => {
+    loading.value = true
+    getAddonDevelopInfo(key).then(res => {
+        form.value = Object.assign(form.value, res.data)
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+// 获取app列表
+const AppLst = ref<Array<any>>([])
+const getAddonListFn = async () => {
+    const { data } = await getAddonList({})
+    AppLst.value = data
+}
+getAddonListFn()
+const getAddonDevelopCheckFn = (key: any) => {
+    getAddonDevelopCheck(key).then(res => {
+        ElMessageBox.alert(res.data ? t('warningText') : t('successText'), t('warning'), {
+            // if you want to disable its autofocus
+            // autofocus: false,
+            confirmButtonText: t('confirm'),
+            callback: (action: any) => {
+                console.log(action)
+            }
+        })
+    })
+}
+/**
+ * 确认
+ * @param formEl
+ */
+const onSave = async (formEl: FormInstance | undefined) => {
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            const save = route.query.key ? editAddonDevelop : addAddonDevelop
+            loading.value = true
+            save(form.value.key, form.value).then(res => {
+                loading.value = false
+                ElMessage({
+                    message: t('onSaveSuccessText'),
+                    type: 'success'
+                })
+
+                setTimeout(() => {
+                    window.addonActiveName = 'pluginList'
+                    router.push({ path: '/tools/addon' })
+                }, 650)
+            }).catch(() => {
+                loading.value = false
+            })
+        }
+    })
+}
+</script>
diff --git a/admin/src/app/views/tools/addon/index.vue b/admin/src/app/views/tools/addon/index.vue
new file mode 100644
index 0000000..5b3c1aa
--- /dev/null
+++ b/admin/src/app/views/tools/addon/index.vue
@@ -0,0 +1,315 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center mb-[10px]">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+            <el-tabs v-model="activeName" class="demo-tabs">
+                <el-tab-pane :label="t('developmentProcess')" name="developmentProcess">
+                    <el-steps direction="vertical">
+                        <el-step>
+                            <template #icon v-if="active > 1">
+                                <el-icon size="25px" class="text-color">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 1">
+                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">1</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step1") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe1") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" @click="router.push({ path: '/tools/addon_edit' })">{{t("btn1") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 2">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 2">
+                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">2</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step2") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe2") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain @click="activeName = 'pluginList'">{{t("btn2") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 3">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 3">
+                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">3</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step3") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe3") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain @click="linkEvent('https://www.kancloud.cn/niucloud/niucloud-admin-develop/3153336')">{{t("btn3") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 4">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 4">
+                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">4</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step4") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe4") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain @click="activeName = 'pluginList'">{{t("btn4") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon v-if="active > 5">
+                                <el-icon size="25px">
+                                    <CircleCheckFilled />
+                                </el-icon>
+                            </template>
+                            <template #icon v-else-if="active == 5">
+                                <div class="w-[24px] h-[24px] box-border rounded-full bg-color1 flex items-center justify-center">
+                                    <div class="h-[12px] w-[12px] bg-color rounded-full"></div>
+                                </div>
+                            </template>
+                            <template #icon v-else>
+                                <div class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">5</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step5") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe5") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" plain
+                                        @click="linkEvent('https://www.niucloud.com/app')">{{t("btn5") }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                    </el-steps>
+                </el-tab-pane>
+                <el-tab-pane :label="t('pluginList')" name="pluginList">
+                    <el-card class="box-card !border-none mb-[10px] table-search-wrap" shadow="never">
+                        <div class="flex justify-between">
+                            <el-form :inline="true" :model="params" ref="searchFormRef">
+                                <el-form-item :label="t('title')" prop="search">
+                                    <el-input v-model="params.search" :placeholder="t('titlePlaceholder')" />
+                                </el-form-item>
+                                <el-form-item>
+                                    <el-button type="primary" @click="getAddonDevelopFn">{{ t('search') }}</el-button>
+                                    <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                                </el-form-item>
+                            </el-form>
+                        </div>
+
+                    </el-card>
+                    <el-table :data="data" size="large" v-loading="loading" class="pt-[5px]">
+                        <template #empty>
+                            <span>{{ t('emptyData') }}</span>
+                        </template>
+                        <el-table-column :label="t('title')" align="left" min-width="320">
+                            <template #default="{ row }">
+                                <div class="flex items-center justify-between">
+                                    <el-image v-if="row.icon" class="w-[45px] h-[45px]" :src="row.icon.indexOf('data:image') != -1 ? row.icon : img(row.icon)" fit="contain">
+                                        <template #error>
+                                            <img class="w-[45px] h-[45px]" src="@/app/assets/images/category_default.png" alt="">
+                                        </template>
+                                    </el-image>
+                                    <img v-else class="w-[45px] h-[45px]" src="@/app/assets/images/category_default.png" alt="">
+                                    <div class="flex-1 w-[236px] pl-[15px] truncate">
+                                        {{ row.title }}
+                                    </div>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="key" :label="t('key')" align="center" min-width="200" />
+                        <el-table-column prop="type_name" :label="t('type')" align="center" min-width="200" />
+                        <el-table-column prop="author" :label="t('author')" align="center" min-width="200" />
+                        <el-table-column prop="version" :label="t('version')" align="center" min-width="200" />
+                        <el-table-column :label="t('stutas')" align="center" min-width="200">
+                            <template #default="{ row }">
+                                {{ Object.keys(row.install_info).length ? '已安装' : '未安装' }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('operation')" fixed="right" align="right" width="180" :show-overflow-tooltip="true">
+                            <template #default="{ row }">
+                                <el-button type="primary" link @click="editEvent(row.key)">{{ t('edit') }}</el-button>
+                                <el-button v-if="Object.keys(row.install_info).length" type="primary" link @click="addonDevelopBuildFn(row)">{{ t('step4') }}</el-button>
+                                <el-button v-if="!Object.keys(row.install_info).length" type="primary" link @click="deleteEvent(row.key)">{{ t('delete') }}</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-tab-pane>
+            </el-tabs>
+
+        </el-card>
+    </div>
+</template>
+<script lang="ts" setup>
+import { reactive, toRefs, ref, onMounted } from 'vue'
+import { t } from '@/lang'
+import { getAddonDevelop, deleteAddonDevelop, addonDevelopBuild, addonDevelopDownload } from '@/app/api/tools'
+import { img } from '@/utils/common'
+import { ElMessageBox } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+import type { FormInstance } from 'element-plus'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+const searchFormRef = ref(null)
+const state = reactive({
+    params: {
+        // page: 1,
+        // limit: 10,
+        // total: 0,
+        // title: '',
+        search: ''
+    },
+    loading: false,
+    data: [],
+    activeName: 'developmentProcess',
+    active: 0
+})
+const { params, loading, data, activeName, active } = toRefs(state)
+onMounted(() => {
+    if (window.addonActiveName) {
+        state.activeName = window.addonActiveName + ''
+        window.addonActiveName = null
+    }
+    getAddonDevelopFn()
+})
+const getAddonDevelopFn = () => {
+    loading.value = true
+    getAddonDevelop(state.params).then(res => {
+        state.data = res.data
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    getAddonDevelopFn()
+}
+const editEvent = (key: any) => {
+    router.push({ path: '/tools/addon_edit', query: { key } })
+}
+const linkEvent = (url: string) => {
+    window.open(url, '_blank')
+}
+// 打包插件
+const addonDevelopBuildFn = (data: any) => {
+    loading.value = true
+    addonDevelopBuild(data.key).then(res => {
+        loading.value = false
+        addonDevelopDownload(data.key).then(res => {
+            ElMessageBox.alert(`插件打包成功，插件包所在位置：网站根目录${res.data}下请手动进行下载`, t('warning'))
+        }).catch()
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+/**
+ * 删除
+ */
+const deleteEvent = (key: any) => {
+    ElMessageBox.confirm(t('codeDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        loading.value = true
+        deleteAddonDevelop(key).then(() => {
+            getAddonDevelopFn()
+        }).catch(() => {
+            loading.value = false
+        })
+    })
+}
+</script>
+<style lang="scss" scoped>
+.border-color {
+    border-color: var(--el-color-primary);
+}
+
+.bg-color {
+    background-color: var(--el-color-primary);
+}
+
+.text-color {
+    color: var(--el-color-primary);
+}
+
+.bg-color1 {
+    background-color: var(--el-color-info-light-8);
+}
+
+:deep(.el-step.is-vertical .el-step__icon.is-icon) {
+    padding: 8px 0;
+    height: 40px;
+    background-color: #fff;
+}
+
+:deep(.el-step__title) {
+    height: 40px;
+    line-height: 40px !important;
+}
+</style>
diff --git a/admin/src/app/views/tools/attachment.vue b/admin/src/app/views/tools/attachment.vue
new file mode 100644
index 0000000..a39a61c
--- /dev/null
+++ b/admin/src/app/views/tools/attachment.vue
@@ -0,0 +1,60 @@
+<template>
+	<div class="main-container attachment-container">
+		<el-card class="box-card !border-none full-container" shadow="never">
+			<el-tabs v-model="type" class="">
+				<el-tab-pane :label="t(tab)" v-for="(tab, index) in attachmentType" :name="tab" :key="index">
+					<attachment scene="attachment" :type="tab" />
+				</el-tab-pane>
+			</el-tabs>
+		</el-card>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+import attachment from '@/components/upload-attachment/attachment.vue'
+
+const attachmentType: string[] = ['image', 'video', 'icon']
+const type = ref(attachmentType[0])
+
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+	.attachment-container {
+		.el-card__body {
+			height: 100%;
+		}
+
+		.el-tabs {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+
+		.el-tabs__content {
+			flex: 1;
+
+			.el-tab-pane {
+				height: 100%;
+			}
+		}
+
+		.el-tabs__nav-wrap::after {
+			height: 1px;
+		}
+
+		.main-wrap {
+			border: none;
+
+			.group-wrap {
+				padding: 0 15px 0 0;
+			}
+
+			.attachment-list-wrap {
+				padding: 0 0 0 15px;
+			}
+		}
+	}
+</style>
diff --git a/admin/src/app/views/tools/code/components/add-table.vue b/admin/src/app/views/tools/code/components/add-table.vue
new file mode 100644
index 0000000..0691bd4
--- /dev/null
+++ b/admin/src/app/views/tools/code/components/add-table.vue
@@ -0,0 +1,97 @@
+<template>
+    <el-dialog v-model="showDialog" :title="t('addCode')" width="800px" :destroy-on-close="true">
+        <div class="">
+            <el-table :data="filterTableData" size="large" v-loading="tableTableData.loading" height="400">
+
+                <template #empty>
+                    <span>{{ !tableTableData.loading ? t('emptyData') : '' }}</span>
+                </template>
+
+                <el-table-column prop="Name" :label="t('tableName')" min-width="150" />
+                <el-table-column prop="Comment" :label="t('tableComment')" min-width="120" />
+
+                <el-table-column align="right" min-width="150">
+                    <template #header>
+                        <el-input v-model="search" size="small" :placeholder="t('searchPlaceholder')" />
+                    </template>
+                    <template #default="scope">
+                        <el-button size="small" type="primary" @click="confirm(scope.row)">{{ t('addBtn') }}</el-button>
+                    </template>
+                </el-table-column>
+
+            </el-table>
+        </div>
+
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import { addGenerateTable, generateTable } from '@/app/api/tools'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+const showDialog = ref(false)
+const search = ref('')
+const tableTableData = reactive({
+    loading: true,
+    data: [],
+    searchParam: {
+        table_name: '',
+        table_content: ''
+    }
+})
+
+const filterTableData = computed(() =>
+    tableTableData.data.filter(
+        (data:any) =>
+            !search.value ||
+            data.Name.toLowerCase().includes(search.value.toLowerCase()) || data.Comment.toLowerCase().includes(search.value.toLowerCase())
+    )
+)
+
+/**
+ * 获取代码生成列表
+ */
+const loadTableList = () => {
+    tableTableData.loading = true
+
+    generateTable().then(res => {
+        tableTableData.loading = false
+        tableTableData.data = res.data
+    }).catch(() => {
+        tableTableData.loading = false
+    })
+}
+loadTableList()
+
+// const emit = defineEmits(['complete'])
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = (row: any) => {
+    const name: string = row.Name
+    tableTableData.loading = true
+    addGenerateTable({ 'table_name': name }).then(res => {
+        tableTableData.loading = false
+        showDialog.value = false
+        router.push({ path: '/tools/code/edit', query: { id: res.data.id } })
+    }).catch(() => {
+        tableTableData.loading = false
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    loadTableList()
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/code/components/edit-associated.vue b/admin/src/app/views/tools/code/components/edit-associated.vue
new file mode 100644
index 0000000..040ba57
--- /dev/null
+++ b/admin/src/app/views/tools/code/components/edit-associated.vue
@@ -0,0 +1,167 @@
+<template>
+    <el-dialog v-model="showDialog" :title="title" width="500px" :before-close="beforeClose"  :destroy-on-close="true">
+        <el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form">
+            <el-form-item :label="t('associatedType')" prop="type">
+                <el-select :placeholder="t('associatedTypePlaceholder')" v-model="formData.type" class="input-width">
+                    <el-option :label="t('hasOne')" value="has_one" />
+                    <el-option :label="t('hasMany')" value="has_many" />
+                </el-select>
+            </el-form-item>
+            <el-form-item :label="t('associatedName')" prop="name">
+                <el-input v-model="formData.name" :placeholder="t('associatedNamePlaceholder')" class="input-width" />
+            </el-form-item>
+            <el-form-item :label="t('addons')" prop="addon">
+                <el-select v-model="formData.addon" :placeholder="t('addonsPlaceholder')" class="input-width" @change="addonChange">
+                    <el-option v-for="(item, index) in addonLst" :label="item.title" :value="item.key" :key="index" />
+                </el-select>
+            </el-form-item>
+            <el-form-item :label="t('associatedModel')" prop="model">
+                <el-select :placeholder="t('associatedModelPlaceholder')" v-model="formData.model" class="input-width" filterable>
+                    <el-option v-for="item in modelList" :label="item" :value="item" :key="item" />
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="local_key" :label="t('localKey')">
+                <el-select class="input-width" :placeholder="t('localKeyPlaceholder')"
+                    v-model="formData.local_key">
+                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name"
+                        v-for="(item, index) in localKeyList " :key="index" />
+                </el-select>
+            </el-form-item>
+            <el-form-item :label="t('foreignKey')" prop="foreign_key">
+                <el-input v-model="formData.foreign_key" :placeholder="t('foreignKeyPlaceholder')" class="input-width" />
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup async>
+import { ref, computed, toRaw } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { getGeneratorAllModel, getGeneratorTableColumn, getAddonDevelop } from '@/app/api/tools'
+import { cloneDeep } from 'lodash-es'
+
+const showDialog = ref(false)
+// const loading = ref(false)
+const title = ref('')
+const prop = defineProps({
+    table_name: {
+        type: String,
+        required: true
+    }
+})
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    type: 'has_one',
+    name: '',
+    addon: 'system',
+    model: '',
+    local_key: '',
+    foreign_key: ''
+}
+const formData: Record<string, any> = ref({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        type: [
+            { required: true, message: t('associatedTypePlaceholder'), trigger: 'change' }
+        ],
+        name: [
+            { required: true, message: t('associatedNamePlaceholder'), trigger: 'blur' }
+        ],
+        addon: [
+            { required: true, message: t('addonsPlaceholder'), trigger: 'change' }
+        ],
+        model: [
+            { required: true, message: t('associatedModelPlaceholder'), trigger: 'change' }
+        ],
+        local_key: [
+            { required: true, message: t('localKeyPlaceholder'), trigger: 'change' }
+        ],
+        foreign_key: [
+            { required: true, message: t('foreignKeyPlaceholder'), trigger: 'blur' }
+        ]
+    }
+})
+
+/**
+ * 获取关联模型
+ */
+const modelList = ref([])
+const getGeneratorAllModelFn = (params:any) => {
+    getGeneratorAllModel(params).then(res => {
+        modelList.value = res.data
+    })
+}
+
+/**
+ * 获取关联键
+ */
+const localKeyList = ref([])
+const getGeneratorTableColumnFn = (key: any) => {
+    getGeneratorTableColumn({ table_name: key }).then(res => {
+        localKeyList.value = res.data
+    })
+}
+// 获取插件列表
+const addonLst = ref<Array<any>>([])
+const getAddonDevelopFn = async () => {
+    const { data } = await getAddonDevelop({})
+    addonLst.value = [{ title: '系统', key: 'system' }]
+    addonLst.value.push(...data)
+    getGeneratorAllModelFn({ addon: 'system' })
+}
+getAddonDevelopFn()
+// 选择应用
+const addonChange = (val:any) => {
+    formData.value.model = ''
+    getGeneratorAllModelFn({ addon: val })
+}
+const beforeClose = (next:any) => {
+    formRef.value?.clearValidate()
+    next()
+}
+const emit = defineEmits(['complete'])
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            emit('complete', toRaw(formData.value))
+            showDialog.value = false
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    getGeneratorTableColumnFn(prop.table_name)
+    if (row) {
+        formData.value = cloneDeep(row)
+    } else {
+        formData.value = cloneDeep(initialFormData)
+    }
+    showDialog.value = true
+}
+
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/code/components/edit-verify.vue b/admin/src/app/views/tools/code/components/edit-verify.vue
new file mode 100644
index 0000000..d2d07ea
--- /dev/null
+++ b/admin/src/app/views/tools/code/components/edit-verify.vue
@@ -0,0 +1,161 @@
+<template>
+    <el-dialog v-model="showDialog" :title="title" width="480px" :before-close="beforeClose" :destroy-on-close="true">
+        <el-form :model="formData" label-width="130px" ref="formRef" :rules="formRules" class="page-form">
+
+            <el-form-item v-if="formData.validate_type == 'min'" :label="t('minLabel')" prop="min_number">
+                <el-input-number v-model="formData.min_number" :step="1" step-strictly :min="1" class="input-width" />
+            </el-form-item>
+            <el-form-item v-else-if="formData.validate_type == 'max'" :label="t('maxLabel')" prop="max_number">
+                <el-input-number v-model="formData.max_number" :step="1" step-strictly :min="1" class="input-width" />
+            </el-form-item>
+            <template v-else-if="formData.view_type === 'number'">
+                <el-form-item :label="t('minLabel1')" prop="view_min">
+                    <el-input-number v-model="formData.view_min" :min="0" :value-on-clear="0" class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('maxLabel1')"  prop="view_max">
+                    <el-input-number v-model="formData.view_max" :min="1" class="input-width" />
+                </el-form-item>
+            </template>
+            <template v-else>
+                <el-form-item :label="t('minLabel')" prop="betweenMin">
+                    <el-input-number v-model="formData.betweenMin" :step="1" step-strictly :min="1" class="input-width" />
+                </el-form-item>
+                <el-form-item :label="t('maxLabel')" prop="betweenMax">
+                    <el-input-number v-model="formData.betweenMax" :step="1" step-strictly :min="1" class="input-width" />
+                </el-form-item>
+            </template>
+            <!-- <el-form-item v-else :label="t('between')" required>
+                <el-col :span="11">
+                    <el-form-item prop="betweenMin">
+                        <el-input-number v-model="formData.betweenMin" :step="1" step-strictly :min="1" class="input-width" />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="2" class="text-center">
+                    <span class="text-gray-500">-</span>
+                </el-col>
+                <el-col :span="11">
+                    <el-form-item prop="betweenMax">
+                        <el-input-number v-model="formData.betweenMax" :step="1" step-strictly :min="1" class="input-width" />
+                    </el-form-item>
+                </el-col>
+            </el-form-item> -->
+        </el-form>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup async>
+import { ref, computed, toRaw } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+import { cloneDeep } from 'lodash-es'
+
+const showDialog = ref(false)
+const title = ref('')
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    validate_type: '',
+    min_number: 1,
+    max_number: 120,
+    betweenMin: 1,
+    betweenMax: 120
+}
+const formData: Record<string, any> = ref({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+const validateMin = (rule: any, value: any, callback: any) => {
+    if (!value) {
+        callback(new Error(t('minPlaceholder')))
+    } else if (value > formData.value.betweenMax) {
+        callback(new Error(t('minPlaceholder1')))
+    } else {
+        callback()
+    }
+}
+const validateMax = (rule: any, value: any, callback: any) => {
+    if (!value) {
+        callback(new Error(t('maxPlaceholder')))
+    } else if (value < formData.value.betweenMin) {
+        callback(new Error(t('maxPlaceholder1')))
+    } else {
+        callback()
+    }
+}
+const validateMin1 = (rule: any, value: any, callback: any) => {
+    if (value > formData.value.view_max) {
+        callback(new Error(t('min1Placeholder1')))
+    } else {
+        callback()
+    }
+}
+const validateMax1 = (rule: any, value: any, callback: any) => {
+    if (!value) {
+        callback(new Error(t('max1Placeholder')))
+    } else if (value < formData.value.view_min) {
+        callback(new Error(t('max1Placeholder1')))
+    } else {
+        callback()
+    }
+}
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        min_number: [
+            { required: true, message: t('minPlaceholder'), trigger: 'change' }
+        ],
+        max_number: [
+            { required: true, message: t('maxPlaceholder'), trigger: 'change' }
+        ],
+        betweenMin: [
+            { required: true, validator: validateMin, trigger: 'change' }
+        ],
+        betweenMax: [
+            { required: true, validator: validateMax, trigger: 'change' }
+        ],
+        view_min: [
+            { required: true, validator: validateMin1, trigger: 'change' }
+        ],
+        view_max: [
+            { required: true, validator: validateMax1, trigger: 'change' }
+        ]
+    }
+})
+
+const emit = defineEmits(['complete'])
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            emit('complete', toRaw(formData.value))
+            showDialog.value = false
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    formData.value = cloneDeep(Object.assign(initialFormData, row))
+    showDialog.value = true
+}
+const beforeClose = (next: any) => {
+    formRef.value?.clearValidate()
+    next()
+}
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/code/components/edit-view-type.vue b/admin/src/app/views/tools/code/components/edit-view-type.vue
new file mode 100644
index 0000000..0243777
--- /dev/null
+++ b/admin/src/app/views/tools/code/components/edit-view-type.vue
@@ -0,0 +1,230 @@
+<template>
+    <el-dialog v-model="showDialog" :title="title" width="480px" :before-close="beforeClose" :destroy-on-close="true">
+        <el-form :model="formData" label-width="130px" ref="formRef" :rules="formRules" class="page-form">
+            <el-form-item :label="t('selectType')" prop="type">
+					<el-radio-group v-model="formData.select_type">
+						<el-radio :label="1">{{ t('dictType' )}}</el-radio>
+						<el-radio :label="2">{{ t('remotePullDown') }}</el-radio>
+					</el-radio-group>
+			</el-form-item>
+
+            <el-form-item :label="t('dictType')"  v-if="formData.select_type == 1" prop="dict_type">
+                <el-select class="input-width" :placeholder="t('dictTypePlaceholder')" v-model="formData.dict_type" filterable remote clearable>
+                    <el-option :label="item.name" :value="item.key" v-for="item in dicList" :key="item.key" />
+                </el-select>
+            </el-form-item>
+               
+            <el-form-item :label="t('addons')" prop="addon" v-if="formData.select_type == 2">
+                <el-select v-model="formData.addon" :placeholder="t('addonsPlaceholder')" class="input-width" @change="addonChange">
+                    <el-option v-for="(item, index) in addonLst" :label="item.title" :value="item.key" :key="index" />
+                </el-select>
+            </el-form-item>
+
+            <el-form-item :label="t('associatedModel')" prop="model" v-if="formData.select_type == 2">
+                <el-select :placeholder="t('associatedModelPlaceholder')" v-model="formData.model" class="input-width" filterable  @change="modelChange"> 
+                    <el-option v-for="item in modelList" :label="item" :value="item" :key="item" />
+                </el-select>
+            </el-form-item>
+
+             <el-form-item prop="value_key" :label="t('remotePullDownValue')" v-if="formData.select_type == 2">
+                <el-select class="input-width" :placeholder="t('remotePullDownValuePlaceholder')"
+                    v-model="formData.value_key">
+                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name"
+                        v-for="(item, index) in keyList " :key="index" />
+                </el-select>
+            </el-form-item>
+
+            <el-form-item prop="label_key" :label="t('remotePullDownLabel')" v-if="formData.select_type == 2">
+                <el-select class="input-width" :placeholder="t('remotePullDownLabelPlaceholder')"
+                    v-model="formData.label_key">
+                    <el-option :label="`${item.name}:${item.comment}`" :value="item.name"
+                        v-for="(item, index) in keyList " :key="index" />
+                </el-select>
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" @click="confirm(formRef)">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup async>
+import { ref, computed, toRaw } from 'vue'
+import { t } from '@/lang'
+import { getDictAll } from '@/app/api/dict'
+import type { FormInstance } from 'element-plus'
+import { cloneDeep } from 'lodash-es'
+import { getGeneratorAllModel, getGeneratorTableColumn,getAddonDevelop,getGeneratorModelTableColumn } from '@/app/api/tools'
+const showDialog = ref(false)
+const title = ref('')
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    select_type : 1,
+    dict_type: "",
+    addon: "",
+    model: "",
+    value_key: "",
+    label_key: ""
+}
+const formData: Record<string, any> = ref({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+const dicList = ref<Array<any>>([])
+
+/**
+ * 获取关联模型
+ */
+const modelList = ref([])
+const getGeneratorAllModelFn = (params:any) => {
+    getGeneratorAllModel(params).then(res => {
+        modelList.value = res.data
+    })
+}
+
+
+
+//获取插件列表
+const addonLst = ref<Array<any>>([])
+const getAddonDevelopFn = async () => {
+    let { data } = await getAddonDevelop({})
+    addonLst.value = [{ title: "系统", key: "system" }]
+    addonLst.value.push(...data)
+    getGeneratorAllModelFn({addon:'system'})
+}
+getAddonDevelopFn()
+
+//选择应用
+const addonChange =(val:any)=>{
+    formData.value.model = ''
+   getGeneratorAllModelFn({addon:val})
+}
+
+const keyList = ref([])
+const getGeneratorModelTableColumnFn = (params:any) => {
+    getGeneratorModelTableColumn(params).then(res => {
+        keyList.value = res.data
+    })
+}
+
+//根据模型获取字段
+const modelChange = (val:any) => {
+    // formData.value.model = ''
+    getGeneratorModelTableColumnFn({model:val})
+}
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        dict_type: [
+            {
+            validator: (rule: any, value: any, callback: any) => {
+                console.log(formData.value.select_type)
+                if (formData.value.select_type == 1 && formData.value.dict_type == '') {
+                    callback(new Error(t('dictTypePlaceholder')))
+                }else{
+                        callback()
+                    } 
+            },
+            trigger: 'blur'
+        }
+        ],
+        addon: [
+            {
+                validator: (rule: any, value: any, callback: any) => {
+                    if (formData.value.select_type == 2 && formData.value.addon == '') {
+                        callback(new Error(t('addonsPlaceholder')))
+                    }else{
+                        callback()
+                    } 
+                },
+                trigger: 'blur'
+            }
+        ],
+        model: [
+            {
+                validator: (rule: any, value: any, callback: any) => {
+                    console.log(formData.value.model);
+                    if (formData.value.select_type == 2 && formData.value.model == '') {
+                        callback(new Error(t('associatedModelPlaceholder')))
+                    }else{
+                        callback()
+                    }
+                },
+                trigger: 'blur'
+            }
+        ],
+        value_key: [
+            {
+                validator: (rule: any, value: any, callback: any) => {
+                    if (formData.value.select_type == 2 && formData.value.value_key == '') {
+                        callback(new Error(t('remotePullDownValuePlaceholder')))
+                    }else{
+                        callback()
+                    } 
+                },
+                trigger: 'blur'
+            }
+        ],
+        label_key: [
+            {
+                validator: (rule: any, value: any, callback: any) => {
+                    if (formData.value.select_type == 2 && formData.value.label_key == '') {
+                        callback(new Error(t('remotePullDownLabelPlaceholder')))
+                    }else{
+                        callback()
+                    } 
+                },
+                trigger: 'blur'
+            }
+        ]
+
+    }
+})
+
+const getDictAllFn = () => {
+    getDictAll().then((res) => {
+        dicList.value = res.data
+    })
+}
+const emit = defineEmits(['complete'])
+/**
+ * 确认
+ * @param formEl
+ */
+const confirm = async (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            emit('complete', toRaw(formData.value))
+            showDialog.value = false
+        }
+    })
+}
+
+const setFormData = async (row: any = null) => {
+    formData.value = cloneDeep(Object.assign(initialFormData, row))
+    getDictAllFn()
+    if(formData.value.model != '')
+    {
+        getGeneratorAllModelFn({addon:formData.value.addon})
+        getGeneratorModelTableColumnFn({model:formData.value.model})
+    }
+    showDialog.value = true
+}
+const beforeClose = (next: any) => {
+    formRef.value?.clearValidate()
+    next()
+}
+defineExpose({
+    showDialog,
+    setFormData
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/code/edit.vue b/admin/src/app/views/tools/code/edit.vue
new file mode 100644
index 0000000..aecf2a1
--- /dev/null
+++ b/admin/src/app/views/tools/code/edit.vue
@@ -0,0 +1,655 @@
+<template>
+    <div class="main-container mb-80" v-loading="loading">
+        <div class="detail-head !mb-[10px]">
+            <div class="left" @click="router.push({ path: '/tools/code' })">
+                <span class="iconfont iconxiangzuojiantou !text-xs"></span>
+                <span class="ml-[1px]">{{ t('returnToPreviousPage') }}</span>
+            </div>
+            <span class="adorn">|</span>
+            <span class="right">{{ pageName }}</span>
+        </div>
+        <el-card class="box-card !border-none" shadow="never">
+            <el-tabs v-model="activeName" class="demo-tabs">
+                <el-tab-pane :label="t('basicSettings')" name="basicSettings">
+                    <el-form :model="formData" label-width="70px" class="page-form">
+                        <el-form-item :label="t('tableName')">
+                            <el-input v-model="formData.table_name" disabled :placeholder="t('tableNamePlaceholder')"
+                                class="input-width" maxlength="64" />
+                        </el-form-item>
+                        <el-form-item :label="t('tableContent')">
+                            <el-input v-model="formData.table_content" clearable :placeholder="t('tableContentPlaceholder')"
+                                class="input-width" maxlength="64" />
+                        </el-form-item>
+                        <el-form-item :label="t('addon')">
+                            <el-select class="input-width" :placeholder="t('addonPlaceholder1')"
+                                v-model="formData.addon_name" filterable remote clearable :remote-method="getAddonDevelopFn"
+                                @change="addonChange">
+                                <el-option :label="item.title" :value="item.key" v-for="item in addonList"
+                                    :key="item.key" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item :label="t('moduleName')">
+                            <div>
+                                <el-input v-model="formData.module_name" clearable :placeholder="t('moduleNamePlaceholder')"
+                                    class="input-width" />
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">
+                                    生成代码所属功能模块，对应路由名称，例如会员模块，充值模块，订单模块等</p>
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">
+                                    命名规范，小写，多个单词使用下划线连接,例如: member，article_category</p>
+                            </div>
+
+                        </el-form-item>
+                        <el-form-item :label="t('className')">
+                            <div>
+                                <el-input v-model="formData.class_name" clearable :placeholder="t('classNamePlaceholder')"
+                                    class="input-width" />
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">
+                                    生成代码所属文件名称，controller，model，service，等类型文件名</p>
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">
+                                    命名规范，小写，多个单词使用下划线连接,例如: article_category</p>
+                            </div>
+                        </el-form-item>
+                    </el-form>
+                </el-tab-pane>
+                <el-tab-pane :label="t('fieldSettings')" name="fieldSettings">
+                    <el-table :data="formData.table_column" size="large" ref="tableRef" :key="toggleIndex">
+                        <el-table-column align="center" label="操作" width="80">
+                            <template #default>
+                                <i class="iconfont icontuodong vues-rank"></i>
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('columnName')" prop="column_name" min-width="130px" />
+                        <el-table-column :label="t('columnComment')" prop="" min-width="220px">
+                            <template #default="{ row }">
+                                <el-input class="" v-model="row.column_comment"
+                                    :placeholder="t('columnCommentPlaceholder')" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('columnType')" prop="column_type" width="100px" />
+                        <el-table-column :label="t('isPk')" prop="" align="center" width="65px">
+                            <template #default="{ row }">
+                                <el-checkbox v-model="row.is_pk" disabled :true-label="1" :false-label="0" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('isRequired')" prop="" align="center" width="65px">
+                            <template #default="{ row }">
+                                <el-checkbox v-model="row.is_required" :true-label="1" :false-label="0" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('isInsert')" prop="" align="center" width="65px">
+                            <template #default="{ row }">
+                                <el-checkbox v-model="row.is_insert" :true-label="1" :false-label="0" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('isUpdate')" prop="" align="center" width="65px">
+                            <template #default="{ row }">
+                                <el-checkbox v-model="row.is_update" :true-label="1" :false-label="0" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('isLists')" prop="" align="center" width="65px">
+                            <template #default="{ row }">
+                                <el-checkbox v-model="row.is_lists" :true-label="1" :false-label="0" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('isSearch')" prop="" align="center" width="65px">
+                            <template #default="{ row }">
+                                <el-checkbox v-model="row.is_search" :true-label="1" :false-label="0" />
+                            </template>
+                        </el-table-column>
+                        <!-- <el-table-column :label="t('isQuery')" prop="" width="80px">
+                        <template #default="{ row }">
+                            <el-checkbox v-model="row.is_query" :true-label="1" :false-label="0" size="large" />
+                        </template>
+                    </el-table-column> -->
+                        <el-table-column :label="t('queryType')" prop="" min-width="170px">
+                            <template #default="{ row }">
+                                <div class="flex items-center">
+                                    <el-select class="" v-if="row.is_search" :placeholder="t('selectPlaceholder')"
+                                        v-model="row.query_type">
+                                        <el-option :label="item" :value="item" v-for="(item, index) in queryType"
+                                            :key="index" />
+                                    </el-select>
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('formType')" prop="" min-width="225px">
+                            <template #default="{ row, $index }">
+                                <el-select class="w-[146px]" :placeholder="t('selectPlaceholder')" v-model="row.view_type"
+                                    @change="viewTypeBtn(row, $index)">
+                                    <el-option :label="item.label" :value="item.value" v-for="(item, index) in viewType"
+                                        :key="index" />
+                                </el-select>
+                                <el-button class="ml-[10px]" v-if="['select', 'radio', 'checkbox'].includes(row.view_type)"
+                                    type="primary" link @click="viewTypeBtn(row, $index)">{{ t('setUp')
+                                    }}</el-button>
+                                <el-button class="ml-[10px]" v-if="row.view_type === 'number'" type="primary" link
+                                    @click="validatorBtn(row, $index)">{{ t('setUp')
+                                    }}</el-button>
+                            </template>
+                        </el-table-column>
+                        <el-table-column :label="t('verifyType')" prop="" min-width="260px">
+                            <template #default="{ row, $index }">
+                                <div class="flex items-center">
+                                    <el-select class="w-[196px]" :placeholder="t('selectPlaceholder')"
+                                        v-model="row.validate_type" @change="validatorBtn(row, $index)"
+                                        :disabled="!['input', 'textarea'].includes(row.view_type)">
+                                        <template v-for="(item, index) in verifyType" :key="index">
+                                            <el-option v-if="item.value === 'max'" :value="item.value" :label="`最大输入字符`" />
+                                            <el-option v-else-if="item.value === 'min'" :value="item.value"
+                                                :label="`最小输入字符`" />
+                                            <el-option v-else-if="item.value === 'between'" :value="item.value"
+                                                :label="`输入字符区间`" />
+                                            <el-option v-else :label="item.label" :value="item.value" />
+                                        </template>
+                                    </el-select>
+                                    <el-button class="ml-[10px]"
+                                        v-if="['max', 'min', 'between'].includes(row.validate_type)" type="primary" link
+                                        @click="validatorBtn(row, $index)">{{ t('setUp')
+                                        }}</el-button>
+                                </div>
+
+                            </template>
+                        </el-table-column>
+                        <!-- <el-table-column :label="t('formValidation')" prop="" min-width="170px">
+                            <template #default="{ row }">
+                                <el-select :placeholder="t('selectPlaceholder')" v-model="row.view_type">
+                                    <el-option :label="item.label" :value="item.value" v-for="(item, index) in viewType"
+                                        :key="index" />
+                                </el-select>
+                            </template>
+                        </el-table-column> -->
+                    </el-table>
+                </el-tab-pane>
+                <el-tab-pane :label="t('generationSettings')" name="generationSettings">
+                    <el-form :model="formData" class="page-form" label-width="140px" ref="formRef" :rules="rules">
+                        <el-form-item :label="t('deleteType')">
+                            <div>
+                                <el-radio-group v-model="formData.is_delete" @change="deleteTypeChange">
+                                    <el-radio :label="0">{{ t('physicalDeletion') }}</el-radio>
+                                    <el-radio :label="1">{{ t('softDeletion') }}</el-radio>
+                                </el-radio-group>
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">
+                                    物理删除：从表中把记录移除。软删除：通过标识使得这条记录在系统逻辑层面上不可见</p>
+
+                            </div>
+
+                        </el-form-item>
+                        <el-form-item prop="delete_column_name" :label="t('deleteField')" v-if="formData.is_delete">
+                            <div>
+                                <el-select class="input-width" :placeholder="t('deleteFieldPlaceholder')"
+                                    v-model="formData.delete_column_name">
+                                    <el-option :label="`${item.column_name}:${item.column_comment}`"
+                                        :value="item.column_name" v-for="(item, index) in formData.table_column "
+                                        :key="index" />
+                                </el-select>
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">
+                                    软删除字段需为int类型，并且默认值为0</p>
+                            </div>
+
+                        </el-form-item>
+
+                        <el-form-item :label="t('editType')">
+                            <div>
+                                <el-radio-group v-model="formData.edit_type" :placeholder="t('editTypePlaceholder')">
+                                    <el-radio :label="1">{{ t('popup') }}</el-radio>
+                                    <el-radio :label="2">{{ t('page') }}</el-radio>
+                                </el-radio-group>
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">弹出：弹出框编辑。新页面：跳转页面编辑。</p>
+                            </div>
+                        </el-form-item>
+                        <el-form-item :label="t('orderColumnName')">
+                            <div>
+                                <el-select class="input-width" :placeholder="t('orderColumnNamePlaceholder')"
+                                    v-model="formData.order_column_name" clearable @change="orderColumnNameChange">
+                                    <el-option :label="`${item.column_name}:${item.column_comment}`"
+                                        :value="item.column_name" v-for="(item, index) in formData.table_column "
+                                        :key="index" />
+                                </el-select>
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">列表排序规则字段。</p>
+                            </div>
+
+                        </el-form-item>
+                        <el-form-item :label="t('orderType')" v-if="formData.order_column_name">
+                            <div>
+                                <el-select class="input-width" :placeholder="t('orderTypePlaceholder')"
+                                    v-model="formData.order_type" >
+                                    <el-option label="正序 asc" :value="1" />
+                                    <el-option label="倒序 desc" :value="2" />
+                                </el-select>
+                                <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">列表排序规则。</p>
+                            </div>
+
+                        </el-form-item>
+                        <el-form-item :label="t('menuType')">
+                            <!-- <div>
+                                <el-radio-group v-model="formData.parent_menu">
+                                    <el-radio :label="0">{{ t('manualAddition') }}</el-radio>
+                                    <el-radio :label="1">{{ t('autoBuild') }}</el-radio>
+                                </el-radio-group>
+                            <p class="text-[12px] text-[#a9a9a9] leading-normal mt-[5px]">自动构建：自动执行生成菜单sql。手动添加：自行添加菜单。</p>
+                            </div> -->
+                            <el-tree-select class="input-width" v-if="formData.addon_name != ''" clearable
+                                            v-model="formData.parent_menu" :props="{ label: 'menu_name', value: 'menu_key' }"
+                                :data="addonMenuList" check-strictly :render-after-expand="false" />
+                            <el-tree-select class="input-width" v-else v-model="formData.parent_menu" clearable
+                                            :props="{ label: 'menu_name', value: 'menu_key' }" :data="sysMenuList" check-strictly
+                                :render-after-expand="false" />
+                        </el-form-item>
+                        <!-- <el-form-item :label="t('controller')">
+                            <el-input v-model="controller" disabled class="input-width" />
+                        </el-form-item>
+                        <el-form-item :label="t('dataModel')">
+                            <el-input v-model="dataModel" disabled class="input-width" />
+                        </el-form-item>
+                        <el-form-item :label="t('validator')">
+                            <el-input v-model="validator" disabled class="input-width" />
+                        </el-form-item>
+                        <el-form-item :label="t('webView')">
+                            <el-input v-model="webView" disabled class="input-width" />
+                        </el-form-item>
+                        <el-form-item :label="t('routerView')">
+                            <el-input v-model="routerView" disabled class="input-width" />
+                        </el-form-item> -->
+                    </el-form>
+                </el-tab-pane>
+                <el-tab-pane :label="t('associatedConfiguration')" name="associatedConfiguration">
+                    <div class="mb-[20px]">
+                        <el-button type="primary" class="w-[100px]" @click="addEvent(null, -1)">{{ t('insertAssociated')
+                        }}</el-button>
+                    </div>
+                    <el-table :data="formData.relations" size="large">
+                        <el-table-column :label="t('associatedType')" prop="type" min-width="130px" />
+                        <el-table-column :label="t('associatedName')" prop="name" min-width="130px" />
+                        <el-table-column :label="t('addons')" prop="addon" min-width="130px" />
+                        <el-table-column :label="t('associatedModel')" prop="model" min-width="130px" />
+                        <el-table-column :label="t('localKey')" prop="local_key" min-width="130px" />
+                        <el-table-column :label="t('foreignKey')" prop="foreign_key" min-width="130px" />
+                        <el-table-column :label="t('operation')" align="right" min-width="130px">
+                            <template #default="{ row, $index }">
+                                <el-button type="primary" link @click="addEvent(row, $index)">{{ t('edit') }}</el-button>
+                                <el-button type="primary" link @click="deleteEvent($index)">{{ t('delete')
+                                }}</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                </el-tab-pane>
+            </el-tabs>
+        </el-card>
+    </div>
+    <edit-associated ref="editDialog" :table_name="formData.table_name" @complete="complete" />
+    <edit-view-type ref="editViewTypeRef" @complete="completeViewType" />
+    <edit-verify ref="editVerifyRef" @complete="completeVerify" />
+    <div class="fixed-footer-wrap">
+        <div class="fixed-footer">
+            <el-button type="primary" @click="onSave(1)">{{ t('save') }}</el-button>
+            <el-button type="primary" @click="onSave(3)">{{ t('saveAndSync') }}</el-button>
+            <el-button type="primary" @click="onSave(2)">{{ t('saveAndDownload') }}</el-button>
+            <el-button @click="back()">{{ t('cancel') }}</el-button>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed, onMounted, nextTick } from 'vue'
+import { t } from '@/lang'
+import { img } from '@/utils/common'
+import { FormInstance, ElMessageBox, ElMessage } from 'element-plus'
+import editAssociated from '@/app/views/tools/code/components/edit-associated.vue'
+import editViewType from '@/app/views/tools/code/components/edit-view-type.vue'
+import editVerify from '@/app/views/tools/code/components/edit-verify.vue'
+import { getGenerateTableInfo, editGenerateTable, getAddonDevelop, generatorCheckFile, generateCreate } from '@/app/api/tools'
+import { getMenuByTypeDir } from '@/app/api/sys'
+import { useRoute, useRouter } from 'vue-router'
+import Sortable from 'sortablejs'
+import { useTemplateRefsList } from '@vueuse/core'
+import { cloneDeep } from 'lodash-es'
+
+const route = useRoute()
+const router = useRouter()
+const pageName = route.meta.title
+
+const id: number = parseInt(route.query.id || 0)
+
+const loading = ref(true)
+const tableRef = useTemplateRefsList<HTMLElement>()
+const toggleIndex = ref(0)
+const activeName = ref('basicSettings')
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    id: '',
+    table_name: '',
+    table_content: '',
+    module_name: '',
+    class_name: '',
+    edit_type: 1,
+    table_column: [],
+    editFiledIndex: 0
+}
+const queryType = ['=', '!=', '>', '>=', '<', '<=', 'LIKE', 'BETWEEN']
+const viewType = [
+    {
+        label: t('formInput'),
+        value: 'input'
+    },
+    {
+        label: t('formTextarea'),
+        value: 'textarea'
+    },
+    {
+        label: t('formSelect'),
+        value: 'select'
+    },
+    {
+        label: t('formRadio'),
+        value: 'radio'
+    },
+    {
+        label: t('formCheckbox'),
+        value: 'checkbox'
+    },
+    {
+        label: t('formDateTime'),
+        value: 'datetime'
+    },
+    {
+        label: t('formImageSelect'),
+        value: 'imageSelect'
+    },
+    {
+        label: t('formEditor'),
+        value: 'editor'
+    },
+    {
+        label: t('formNumber'),
+        value: 'number'
+    }
+]
+const verifyType = [
+    {
+        label: '无需验证',
+        value: ''
+    },
+    {
+        label: t('mobileVerify'),
+        value: 'mobile'
+    },
+    {
+        label: t('numberVerify'),
+        value: 'number'
+    },
+    {
+        label: t('idCardVerify'),
+        value: 'idCard'
+    },
+    {
+        label: t('emailVerify'),
+        value: 'email'
+    },
+    {
+        label: '',
+        value: 'max'
+    },
+    {
+        label: '',
+        value: 'min'
+    },
+    {
+        label: '',
+        value: 'between'
+    }
+]
+
+const addonList = ref<Array<any>>([])
+// 获取插件远程搜索
+const getAddonDevelopFn = (search: string) => {
+    getAddonDevelop({ search }).then(res => {
+        addonList.value = res.data
+        nextTick(() => {
+            rowDrop()
+        })
+    })
+}
+// 拖拽排序
+const rowDrop = () => {
+    const tbody = tableRef.value.$el.querySelector(
+        '.el-table__body-wrapper tbody'
+    )
+    Sortable.create(tbody, {
+        handle: '.vues-rank',
+        animation: 300,
+        onEnd ({ newIndex, oldIndex }) {
+            const tableData = formData.table_column
+            const currRow = tableData.splice(oldIndex, 1)[0]
+            tableData.splice(newIndex, 0, currRow)
+            toggleIndex.value += 1
+            nextTick(() => {
+                rowDrop()
+            })
+        }
+    })
+}
+onMounted(() => {
+    getAddonDevelopFn('')
+})
+// 删除类型change
+const deleteTypeChange = (val: any) => {
+    formData.delete_column_name = val ? formData.table_column[formData.table_column.length - 1].column_name : ''
+}
+// 排序字段change
+const orderColumnNameChange = (val: any) => {
+    formData.order_type = val ? 1 : 0
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+const controller = computed(() => {
+    return formData.addon_name ? `addon${formData.addon_name ? '\\' + formData.addon_name : ''}\\app\\adminapi\\controller${formData.module_name ? '\\' + formData.module_name : ''}${formData.class_name ? '\\' + formData.class_name : ''}` : `app\\adminapi\\controller${formData.module_name ? '\\' + formData.module_name : ''}${formData.class_name ? '\\' + formData.class_name : ''}`
+})
+const dataModel = computed(() => {
+    return formData.addon_name ? `addon${formData.addon_name ? '\\' + formData.addon_name : ''}\\app\\model${formData.module_name ? '\\' + formData.module_name : ''}${formData.class_name ? '\\' + formData.class_name : ''}` : `app\\model${formData.module_name ? '\\' + formData.module_name : ''}${formData.class_name ? '\\' + formData.class_name : ''}`
+})
+const validator = computed(() => {
+    return formData.addon_name ? `addon${formData.addon_name ? '\\' + formData.addon_name : ''}\\app\\validate${formData.module_name ? '\\' + formData.module_name : ''}${formData.class_name ? '\\' + formData.class_name : ''}` : `app\\validate${formData.module_name ? '\\' + formData.module_name : ''}${formData.class_name ? '\\' + formData.class_name : ''}`
+})
+const webView = computed(() => {
+    return formData.addon_name ? `addon${formData.addon_name ? '\\' + formData.addon_name : ''}\\admin\\src` : 'admin\\src'
+})
+const routerView = computed(() => {
+    return formData.addon_name ? `addon${formData.addon_name ? '\\' + formData.addon_name : ''}\\app\\adminapi\\route${formData.module_name ? '\\' + formData.module_name : ''}` : `app\\adminapi\\route${formData.module_name ? '\\' + formData.module_name : ''}`
+})
+const setFormData = async (id: number = 0) => {
+    Object.assign(formData, initialFormData)
+    const data = await (await getGenerateTableInfo(id)).data
+    Object.keys(data).forEach((key: string) => {
+        if (data[key] != undefined) formData[key] = data[key]
+    })
+    formData.table_column.forEach((el:any) => {
+        el.betweenMin = cloneDeep(el.min_number)
+        el.betweenMax = cloneDeep(el.max_number)
+    })
+    if (formData.addon_name != '') getAddonMenuFn(formData.addon_name)
+    loading.value = false
+}
+if (id) setFormData(id)
+
+const formRef = ref<FormInstance>()
+
+const sysMenuList = ref<Array<any>>([])
+const addonMenuList = ref<Array<any>>([])
+// 获取系统菜单列表
+const getSystemMenuFn = async () => {
+    const { data } = await getMenuByTypeDir()
+    sysMenuList.value = [{ menu_name: '顶级', menu_key: '' }]
+    sysMenuList.value.push(...data)
+}
+getSystemMenuFn()
+// 获取系统应用菜单列表
+const getAddonMenuFn = async (key: any) => {
+    const { data } = await getMenuByTypeDir(key)
+    addonMenuList.value = data
+}
+// 选择插件
+const addonChange = async (val: any) => {
+    formData.parent_menu = ''
+    if (val != '') {
+        await getAddonMenuFn(val)
+        if (addonMenuList.value[0]) formData.parent_menu = addonMenuList.value[0].menu_key
+    }
+}
+const associatedIndex = ref(0)
+const editDialog = ref()
+// 添加编辑关联设置
+
+const addEvent = (val: any, index: number) => {
+    associatedIndex.value = index
+    editDialog.value.setFormData(val)
+}
+const complete = (row: any) => {
+    if (associatedIndex.value != -1) {
+        formData.relations.splice(associatedIndex.value, 1, row)
+    } else {
+        formData.relations.unshift(row)
+    }
+}
+// 删除关联配置
+const deleteEvent = (index: number) => {
+    formData.relations.splice(index, 1)
+}
+const onSave = async (code: number) => {
+    const data = cloneDeep(formData)
+    // if (data.table_column.some(el => { return ['select', 'radio', 'checkbox'].includes(el.view_type) && el.dict_type == '' })) {
+    //     // ElMessage({
+    //     //     type: 'error',
+    //     //     message: t('dictTypePlaceholder'),
+    //     // })
+    //     // return false
+    // }
+
+    data.table_column = JSON.stringify(data.table_column.map((el:any) => {
+        if (!el.is_search) el.query_type = ''
+        if (el.validate_type === 'between' || el.view_type === 'number') {
+            el.max_number = el.betweenMax
+            el.min_number = el.betweenMin
+        }
+        if (!['select', 'radio', 'checkbox'].includes(el.view_type)) el.dict_type = ''
+        return el
+    }))
+
+    data.relations = JSON.stringify(data.relations)
+    loading.value = true
+    editGenerateTable(data).then((res: any) => {
+        if (code === 3) {
+            generatorCheckFileFn()
+        } else if (code === 2) {
+            generateCreateFn(code)
+        } else {
+            loading.value = false
+            ElMessage({
+                type: 'success',
+                message: '操作成功'
+            })
+            setTimeout(() => {
+                window.codeActiveName = 'codeList'
+                back()
+            }, 650)
+        }
+    }).catch(() => {
+        loading.value = false
+    })
+}
+/**
+ * 同步校验
+ */
+const generatorCheckFileFn = (() => {
+    generatorCheckFile({ id: formData.id }).then(res => {
+        loading.value = false
+        ElMessageBox.confirm(
+            res.msg != '2' ? t('saveAndSyncText') : t('saveAndSyncText1'),
+            t('warning'),
+            {
+                confirmButtonText: t('confirm'),
+                cancelButtonText: t('cancel')
+            }
+        )
+            .then(() => {
+                loading.value = true
+                generateCreateFn(3)
+            })
+            .catch(() => { })
+    }).catch(() => {
+        loading.value = false
+    })
+})
+/**
+ * 同步or下载
+ */
+const generateCreateFn = (generate_type: any) => {
+    generateCreate({ id: formData.id, generate_type }).then(res => {
+        loading.value = false
+        ElMessage({
+            type: 'success',
+            message: '操作成功'
+        })
+        window.open(img(res.data.file), '_blank')
+        setTimeout(() => {
+            window.codeActiveName = 'codeList'
+            back()
+        }, 650)
+    }).catch(() => {
+        loading.value = false
+    })
+}
+const rowIndex = ref(0)
+const editVerifyRef = ref(null)
+const editViewTypeRef = ref(null)
+/**
+ * 打开最大最小值设置
+ */
+
+const validatorBtn = (row: any, index: number) => {
+    if (['max', 'min', 'between'].includes(row.validate_type) || row.view_type === 'number') {
+        rowIndex.value = index
+        editVerifyRef.value?.setFormData(row)
+    }
+}
+const completeVerify = (row: any) => {
+    formData.table_column.splice(rowIndex.value, 1, row)
+}
+const viewTypeBtn = (row: any, index: number) => {
+    if (!['input', 'textarea'].includes(row.view_type)) row.validate_type = ''
+    if (['select', 'radio', 'checkbox'].includes(row.view_type)) {
+        rowIndex.value = index
+        editViewTypeRef.value?.setFormData(row)
+    } else if (row.view_type === 'number') {
+        validatorBtn(row, index)
+    }
+}
+const completeViewType = (row: any) => {
+    formData.table_column.splice(rowIndex.value, 1, row)
+}
+const back = () => {
+    router.push({ path: '/tools/code' })
+}
+</script>
+
+<style lang="scss" scoped>
+.dashed-border {
+    border-color: var(--el-border-color-light);
+
+    &:hover {
+        border-color: var(--el-color-primary);
+    }
+
+    &.activate {
+        border-color: var(--el-color-primary);
+    }
+}
+
+.icon-btn {
+    background-color: var(--el-color-primary);
+}
+
+:deep(.el-card__body) {
+    padding-left: 30px;
+}
+</style>
diff --git a/admin/src/app/views/tools/code/index.vue b/admin/src/app/views/tools/code/index.vue
new file mode 100644
index 0000000..9c35ffb
--- /dev/null
+++ b/admin/src/app/views/tools/code/index.vue
@@ -0,0 +1,454 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <div class="flex justify-between items-center mb-[10px]">
+                <span class="text-[20px]">{{ pageName }}</span>
+            </div>
+            <el-tabs v-model="activeName" class="demo-tabs">
+                <el-tab-pane :label="t('codeGeneration')" name="codeGeneration">
+                    <el-steps direction="vertical">
+                        <el-step>
+                            <template #icon>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    1</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step1") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe1") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+                                    <el-button type="primary" class="w-[100px]" @click="addEvent">{{ t('btn1')
+                                    }}</el-button>
+                                </div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    2</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step2") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe2") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]"></div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    3</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step3") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe3") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]"></div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    4</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step4") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe4") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]"></div>
+                            </template>
+                        </el-step>
+                        <el-step>
+                            <template #icon>
+                                <div
+                                    class="w-[24px] h-[24px] text-[#fff] bg-[#778aa3] text-center leading-[24px] rounded-full">
+                                    5</div>
+                            </template>
+                            <template #title>
+                                <p class="text-[14px] text-[#303133] font-[700]">
+                                    {{ t("step5") }}
+                                </p>
+                            </template>
+                            <template #description>
+                                <span class="text-[#999]">{{ t("describe5") }}</span>
+                                <div class="mt-[20px] mb-[40px] h-[32px]">
+
+                                </div>
+                            </template>
+                        </el-step>
+                    </el-steps>
+                </el-tab-pane>
+                <el-tab-pane :label="t('codeList')" name="codeList">
+                    <el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never">
+                        <el-form :inline="true" :model="codeTableData.searchParam" ref="searchFormRef">
+                             <el-form-item :label="t('addonName')" prop="addon_name">
+                                <el-select v-model="codeTableData.searchParam.addon_name" placeholder="Select" filterable remote clearable :remote-method="getAddonDevelopFn">
+                                    <el-option label="全部" value="" />
+                                    <el-option label="系统" value="2" />
+                                    <el-option :label="item.title" :value="item.key" v-for="item in addonList"
+                                            :key="item.key" />
+                                </el-select>
+                            </el-form-item>
+
+                            <el-form-item :label="t('tableName')" prop="table_name">
+                                <el-input v-model="codeTableData.searchParam.table_name"
+                                    :placeholder="t('tableNamePlaceholder')" />
+                            </el-form-item>
+                            <el-form-item>
+                                <el-button type="primary" @click="loadGenerateTableList()">{{ t('search') }}</el-button>
+                                <el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button>
+                            </el-form-item>
+                        </el-form>
+                    </el-card>
+                    <div>
+                        <el-table :data="codeTableData.data" size="large" v-loading="codeTableData.loading">
+
+                            <template #empty>
+                                <span>{{ !codeTableData.loading ? t('emptyData') : '' }}</span>
+                            </template>
+
+                            <el-table-column prop="table_name" :show-overflow-tooltip="true" :label="t('tableName')"
+                                min-width="120" />
+                            <el-table-column prop="title" :show-overflow-tooltip="true" :label="t('addonName')"
+                                min-width="120" />
+                            <el-table-column prop="table_content" :show-overflow-tooltip="true" :label="t('tableContent')"
+                                min-width="120" />
+
+                            <el-table-column prop="edit_type" :label="t('editType')" min-width="150" align="center">
+                                <template #default="{ row }">
+                                    {{ row.edit_type == 1 ? t('popup') : t('page') }}
+                                </template>
+                            </el-table-column>
+
+                            <el-table-column :label="t('createTime')" min-width="180" align="center">
+                                <template #default="{ row }">
+                                    {{ row.create_time || '' }}
+                                </template>
+                            </el-table-column>
+
+                            <el-table-column :label="t('operation')" fixed="right" align="right" width="330">
+                                <template #default="{ row }">
+                                    <el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+                                    <el-button type="primary" link @click="generatePreviewFn(row.id)">{{ t('preview')
+                                    }}</el-button>
+                                    <el-button type="primary" link @click="generatorCheckFileFn(row.id)">{{ t('saveAndSync')
+                                    }}</el-button>
+                                    <el-button type="primary" link @click="generateCreateFn(row.id, 2)">{{ t('download')
+                                    }}</el-button>
+                                    <el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete')
+                                    }}</el-button>
+                                </template>
+                            </el-table-column>
+
+                        </el-table>
+                        <div class="mt-[16px] flex justify-end">
+                            <el-pagination v-model:current-page="codeTableData.page" v-model:page-size="codeTableData.limit"
+                                layout="total, sizes, prev, pager, next, jumper" :total="codeTableData.total"
+                                @size-change="loadGenerateTableList()" @current-change="loadGenerateTableList" />
+                        </div>
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
+            <add-table ref="addCodeDialog" />
+            <el-dialog v-model="dialogVisible" class="dialog-visible" width="70%" title="代码预览">
+                <div class="flex h-[50vh]" v-loading="codeLoading">
+                    <el-scrollbar class="h-[100%] w-[270px]">
+                        <el-tree v-if="treeData.length && treeKey != ''" :data="treeData" :props="{ label: 'name', value: 'key' }"
+                            node-key="key" :current-node-key="treeKey" :expand-on-click-node="false" highlight-current
+                            default-expand-all ref="treeRef" @node-click="nodeClick">
+                            <template #default="{ node, data }">
+                                <div class="flex items-center">
+                                    <el-icon v-if="data.children">
+                                        <Folder v-if="!node.expanded" />
+                                        <FolderOpened v-else />
+                                    </el-icon>
+                                    <el-icon v-else>
+                                        <Document />
+                                    </el-icon>
+                                    <span class="pl-[5px]">{{ data.name }}</span>
+                                </div>
+
+                            </template>
+                        </el-tree>
+                    </el-scrollbar>
+                    <div class="ml-[20px]" style="width: calc(100% - 285px);">
+                        <el-scrollbar class="h-[100%] w-[100%]">
+                            <highlightjs autodetect class="h-[100%]" :code="code" />
+                        </el-scrollbar>
+                    </div>
+                </div>
+            </el-dialog>
+        </el-card>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, onMounted } from 'vue'
+import { t } from '@/lang'
+import { getGenerateTableList, deleteGenerateTable, generateCreate, generatePreview, generatorCheckFile, getAddonDevelop } from '@/app/api/tools'
+import { img } from '@/utils/common'
+import { ElMessageBox, ElMessage } from 'element-plus'
+import AddTable from '@/app/views/tools/code/components/add-table.vue'
+import type { FormInstance } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const router = useRouter()
+const activeName = ref('codeGeneration')
+const codeTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        table_name: '',
+        table_content: '',
+        addon_name: ''
+    }
+})
+
+const searchFormRef = ref<FormInstance>()
+
+const resetForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+
+    formEl.resetFields()
+    loadGenerateTableList()
+}
+onMounted(() => {
+    if (window.codeActiveName) {
+        activeName.value = window.codeActiveName + ''
+        window.codeActiveName = null
+    }
+    loadGenerateTableList()
+})
+/**
+ * 获取代码生成列表
+ */
+const loadGenerateTableList = (page: number = 1) => {
+    codeTableData.loading = true
+    codeTableData.page = page
+
+    getGenerateTableList({
+        page: codeTableData.page,
+        limit: codeTableData.limit,
+        ...codeTableData.searchParam
+    }).then(res => {
+        codeTableData.loading = false
+        codeTableData.data = res.data.data
+        codeTableData.total = res.data.total
+    }).catch(() => {
+        codeTableData.loading = false
+    })
+}
+
+const addonList = ref<Array<any>>([])
+// 获取插件远程搜索
+const getAddonDevelopFn = (search: string) => {
+    getAddonDevelop({ search }).then(res => {
+        addonList.value = res.data
+    })
+}
+
+const addCodeDialog: Record<string, any> | null = ref(null)
+
+/**
+ * 添加代码生成
+ */
+const addEvent = () => {
+    addCodeDialog.value.setFormData()
+    addCodeDialog.value.showDialog = true
+}
+
+/**
+ * 删除代码生成
+ */
+const deleteEvent = (id: number) => {
+    ElMessageBox.confirm(t('codeDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteGenerateTable(id).then(() => {
+            loadGenerateTableList()
+        }).catch(() => {
+        })
+    })
+}
+
+/**
+ * 编辑
+ * @param data
+ */
+const editEvent = (data: any) => {
+    router.push('/tools/code/edit?id=' + data.id)
+}
+
+/**
+ * 同步校验
+ */
+const generatorCheckFileFn = ((id: any) => {
+    generatorCheckFile({ id }).then((res:any) => {
+        codeTableData.loading = false
+        ElMessageBox.confirm(
+            res.msg != '2' ? t('saveAndSyncText') : t('saveAndSyncText1'),
+            t('warning'),
+            {
+                confirmButtonText: t('confirm'),
+                cancelButtonText: t('cancel')
+            }
+        )
+            .then(() => {
+                generateCreateFn(id, 3)
+            })
+            .catch(() => { })
+    }).catch(() => {
+        codeTableData.loading = false
+    })
+})
+
+/**
+ * 同步or下载
+ */
+const generateCreateFn = (id: any, generate_type: any) => {
+    codeTableData.loading = true
+    generateCreate({ id, generate_type }).then(res => {
+        ElMessage({
+            type: 'success',
+            message: '操作成功'
+        })
+        if (generate_type != 3) {
+            codeTableData.loading = false
+            window.open(img(res.data.file), '_blank')
+        } else {
+            loadGenerateTableList()
+        }
+    }).catch(() => {
+        codeTableData.loading = false
+    })
+}
+
+/*
+*代码预览
+*/
+const previewList = ref<Array<any>>([])
+const dialogVisible = ref<boolean>(false)
+const treeData = ref([])
+const codeLoading = ref(false)
+const code = ref('')
+const treeKey = ref('')
+const generatePreviewFn = (id: number) => {
+    dialogVisible.value = true
+    codeLoading.value = true
+    code.value = ''
+    treeData.value = []
+    treeKey.value = ''
+    generatePreview(id).then(res => {
+        previewList.value = res.data
+        treeData.value = listToTree(res.data.map((el:any) => el.file_dir + el.name))
+        code.value = previewList.value[0].content
+        codeLoading.value = false
+    }).catch(() => {
+        codeLoading.value = false
+    })
+}
+
+const nodeClick = (node: { path: any }) => {
+    previewList.value.forEach(el => {
+        if (node.path === el.file_dir + el.name) code.value = el.content
+    })
+}
+const listToTree = (arr:any) => {
+    const ret: any[] = []
+    if (Array.isArray(arr)) {
+        for (let i = 0; i < arr.length; ++i) {
+            const path = arr[i].split('/')
+            let _ret = ret
+            for (let j = 0; j < path.length; ++j) {
+                const name = path[j]
+                let obj = null
+                for (var k = 0; k < _ret.length; ++k) {
+                    const _obj = _ret[k]
+                    if (_obj.name === name) {
+                        obj = _obj
+                        break
+                    }
+                }
+                if (!obj) {
+                    obj = { name: name, path: name.indexOf('.') < 0 ? '' : arr[i], key: 'k' + i + j + k }
+                    if (name.indexOf('.') < 0) obj.children = []
+                    if (obj.path === arr[0]) treeKey.value = obj.key
+                    _ret.push(obj)
+                }
+                if (obj.children) _ret = obj.children
+            }
+        }
+    }
+    return ret
+}
+</script>
+
+<style lang="scss" scoped>
+.border-color {
+    border-color: var(--el-color-primary);
+}
+
+.bg-color {
+    background-color: var(--el-color-primary);
+}
+
+.text-color {
+    color: var(--el-color-primary);
+}
+
+.bg-color1 {
+    background-color: var(--el-color-info-light-8);
+}
+
+:deep(.el-step.is-vertical .el-step__icon.is-icon) {
+    padding: 8px 0;
+    height: 40px;
+    background-color: #fff;
+}
+
+:deep(.el-step__title) {
+    height: 40px;
+    line-height: 40px !important;
+}
+
+// :deep(.el-tabs__nav-wrap.is-scrollable.is-top){
+//     height: 40px;
+// }
+.codeList :deep(.el-tabs__nav.is-top) {
+    height: 44px;
+    display: flex;
+    justify-content: center;
+}
+
+:deep(.dialog-visible .el-scrollbar__view), :deep(.dialog-visible .el-scrollbar__view .hljs.ruby){
+    height: 100%;
+}
+</style>
+<style>
+</style>
diff --git a/admin/src/app/views/tools/detection.vue b/admin/src/app/views/tools/detection.vue
new file mode 100644
index 0000000..2e38da0
--- /dev/null
+++ b/admin/src/app/views/tools/detection.vue
@@ -0,0 +1,94 @@
+<template>
+	<div class="main-container attachment-container min-h-[80vh]" v-loading="loading">
+		<el-card class="box-card !border-none" shadow="never"  v-if="Object.keys(systemService).length">
+			<div class="flex justify-between items-center">
+				<span class="text-[20px]">{{ pageName }}</span>
+			</div>
+			<div class="bg-[#fff] pb-[20px] mb-3">
+				<p class="pt-[20px] pb-[10px] text-sm">{{ t('serverInformation') }}</p>
+				<div class="text-[14px]">
+					<el-table :data="systemService.server" size="large">
+						<el-table-column prop="name" :label="t('environment')" align="left" min-width="200" />
+						<el-table-column prop="server" :label="t('version')" align="left" min-width="140" />
+					</el-table>
+				</div>
+			</div>
+			<div class="bg-[#fff] pb-[20px] mb-3">
+				<p class="py-[20px] text-sm">{{ t('systemDemand') }}</p>
+				<div class="text-[14px]">
+					<el-table :data="systemService.server_version" size="large">
+						<el-table-column prop="name" :label="t('environment')" align="left" min-width="200" />
+						<el-table-column prop="demand" :label="t('demand')" align="left" min-width="140" />
+						<el-table-column prop="server" :label="t('version')" align="left" min-width="140" />
+					</el-table>
+				</div>
+			</div>
+			<div class="bg-[#fff] pb-[20px] mb-3">
+				<p class="py-[20px] text-sm">{{ t('authorityStatus') }}</p>
+				<div class="text-[14px]">
+					<el-table :data="systemService.system_variables" size="large">
+						<el-table-column prop="name" :label="t('name')" align="left" min-width="200" />
+						<el-table-column prop="need" :label="t('demand')" align="left" min-width="140" />
+						<el-table-column :label="t('status')" align="left" min-width="140">
+							<template #default="{ row }">
+								<span v-if="row.status"><el-icon color="green"><Select /></el-icon></span>
+								<span v-else>
+									<el-icon color="red">
+										<CloseBold />
+									</el-icon>
+								</span>
+							</template>
+						</el-table-column>
+					</el-table>
+				</div>
+			</div>
+
+			<div class="bg-[#fff] pb-[20px] mb-3">
+				<p class="py-[20px] text-sm">{{ t('process') }}</p>
+				<div class="text-[14px]">
+					<el-table :data="systemService.process" size="large">
+						<el-table-column prop="name" :label="t('name')" align="left" min-width="200" />
+						<el-table-column prop="need" :label="t('demand')" align="left" min-width="140" />
+						<el-table-column :label="t('status')" align="left" min-width="140">
+							<template #default="{ row }">
+								<span v-if="row.status"><el-icon color="green"><Select /></el-icon></span>
+								<span v-else>
+									<el-icon color="red">
+										<CloseBold />
+									</el-icon>
+								</span>
+							</template>
+						</el-table-column>
+					</el-table>
+				</div>
+			</div>
+		</el-card>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive } from 'vue'
+import { t } from '@/lang'
+import { getSystem } from '@/app/api/tools'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const systemService = ref({})
+let loading = ref(true);
+const getSystemService = () => {
+    getSystem().then(res => {
+        systemService.value = res.data
+        loading.value = false
+    })
+}
+getSystemService()
+</script>
+
+<style lang="scss" scoped></style>
+<style lang="scss">
+.items {
+	border-bottom: 1px solid #eee;
+}
+</style>
diff --git a/admin/src/app/views/tools/form.vue b/admin/src/app/views/tools/form.vue
new file mode 100644
index 0000000..52d9465
--- /dev/null
+++ b/admin/src/app/views/tools/form.vue
@@ -0,0 +1,140 @@
+<template>
+    <div class="main-container">
+        <el-card class="box-card !border-none" shadow="never">
+            <el-form :model="formData" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
+                <el-form-item label="文本" prop="text">
+                    <el-input v-model="formData.text" placeholder="请输入用户名" clearable class="input-width" />
+                    <div class="form-tip">管理员账号登录时使用</div>
+                </el-form-item>
+                <el-form-item label="单选" prop="radio">
+                    <el-radio-group v-model="formData.radio">
+                        <el-radio :label="1">男</el-radio>
+                        <el-radio :label="0">女</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="图片上传" prop="img">
+                    <upload-image v-model="formData.img" :limit="1" />
+                </el-form-item>
+                <el-form-item label="视频上传" prop="video">
+                    <upload-video v-model="formData.video" :limit="1" />
+                </el-form-item>
+                <el-form-item label="文件上传" prop="video">
+                    <div class="input-width">
+                        <upload-file v-model="formData.file" />
+                    </div>
+                </el-form-item>
+                <el-form-item label="文本域" prop="textarea">
+                    <el-input v-model="formData.textarea" type="textarea" rows="5" class="input-width" />
+                </el-form-item>
+                <el-form-item label="下拉选择" prop="select">
+                    <el-select v-model="formData.select" placeholder="请选择角色" class="input-width">
+                        <el-option label="管理员" value="shanghai" />
+                        <el-option label="收银员" value="beijing" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="日期选择" prop="date">
+                    <div class="input-width">
+                        <el-date-picker v-model="formData.date" type="date" placeholder="Pick a date" />
+                    </div>
+                </el-form-item>
+                <el-form-item label="日期区间" prop="date_range">
+                    <div class="input-width">
+                        <el-date-picker v-model="formData.date_range" type="daterange" placeholder="Pick a date" />
+                    </div>
+                </el-form-item>
+                <el-form-item label="富文本" prop="editor">
+                    <editor v-model="formData.editor" />
+                </el-form-item>
+
+                <el-form-item label="排序" prop="editor">
+                    <el-input-number v-model="formData.sort" :min="0" />
+                </el-form-item>
+
+                <el-form-item label="">
+                    <el-button type="primary" :loading="loading" @click="onSave(formRef)">保存</el-button>
+                    <el-button>返回</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+
+        <div class="fixed-footer-wrap">
+            <div class="fixed-footer">
+                <el-button type="primary">{{ t('save') }}</el-button>
+                <el-button>{{ t('cancel') }}</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, computed } from 'vue'
+import { t } from '@/lang'
+import type { FormInstance } from 'element-plus'
+
+const loading = ref(false)
+
+/**
+ * 表单数据
+ */
+const initialFormData = {
+    text: '',
+    radio: 1,
+    textarea: '',
+    img: '',
+    video: '',
+    file: '',
+    select: '',
+    date: '',
+    editor: '',
+    date_range: '',
+    sort: 0
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+
+const formRef = ref<FormInstance>()
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        // username: [
+        //     { required: formData.uid == 0, message: t('accountNumberPlaceholder'), trigger: 'blur' }
+        // ],
+        // password: [
+        //     { required: true, message: t('passwordPlaceholder'), trigger: 'blur' }
+        // ],
+        // confirm_password: [
+        //     { required: true, message: t('confirmPasswordPlaceholder'), trigger: 'blur' },
+        //     {
+        //         validator: (rule: any, value: string, callback: any) => {
+        //             if (value != formData.password) callback(new Error(t('confirmPasswordError')))
+        //             else callback()
+        //         },
+        //         trigger: 'blur'
+        //     }
+        // ]
+    }
+})
+
+const onSave = async (formEl: FormInstance | undefined) => {
+    if (loading.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            // loading.value = true
+
+            const data = formData
+            console.log(data)
+
+            // save(data).then(res => {
+            //     loading.value = false
+            //     showDialog.value = false
+            //     emit('complete')
+            // }).catch(err => {
+            //     loading.value = false
+            //     showDialog.value = false
+            // })
+        }
+    })
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/app/views/tools/schedule.vue b/admin/src/app/views/tools/schedule.vue
new file mode 100644
index 0000000..54b89af
--- /dev/null
+++ b/admin/src/app/views/tools/schedule.vue
@@ -0,0 +1,284 @@
+<template>
+	<div class="main-container">
+		<el-card class="box-card !border-none" shadow="never">
+			<div class="flex justify-between items-center mb-[20px]">
+				<span class="text-[20px]">{{ pageName }}</span>
+				<el-button type="primary" @click="showEvent">{{ t('addCron') }}</el-button>
+			</div>
+			<el-alert class="warm-prompt " type="info">
+				<template #default>
+					<div class="flex items-center">
+						<div>
+							<p>
+								{{ t('cronTipsOne') }}
+							</p>
+							<p class="mt-2">
+								{{ t('cronTipsTwo') }}
+							</p>
+						</div>
+					</div>
+				</template>
+			</el-alert>
+			<div class="mt-[20px]">
+				<el-table :data="cronTableData.data" size="large" v-loading="cronTableData.loading">
+
+					<template #empty>
+						<span>{{ !cronTableData.loading ? t('emptyData') : '' }}</span>
+					</template>
+
+					<el-table-column prop="name" :label="t('title')" min-width="150" />
+					<el-table-column prop="key" :label="t('key')" min-width="150" />
+					<el-table-column :label="t('crondType')" min-width="150">
+						<template #default="{ row }">
+							{{ row.crontab_content }}
+						</template>
+					</el-table-column>
+					<el-table-column prop="status_name" :label="t('openStatus')" min-width="100" />
+					<el-table-column :label="t('operation')" align="right" fixed="right" width="130">
+						<template #default="{ row }">
+							<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button>
+							<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button>
+						</template>
+					</el-table-column>
+				</el-table>
+				<div class="mt-[16px] flex justify-end">
+					<el-pagination v-model:current-page="cronTableData.page" v-model:page-size="cronTableData.limit"
+						layout="total, sizes, prev, pager, next, jumper" :total="cronTableData.total"
+						@size-change="loadCronList()" @current-change="loadCronList" />
+				</div>
+			</div>
+
+		</el-card>
+		<cron-info ref="cronDialog" @complete="loadCronList" />
+		<el-dialog v-model="showDialog" :title="t('editCron')" width="750px" :destroy-on-close="true">
+			<el-form :model="formData" label-width="110px" ref="formRef" :rules="formRules" class="page-form"
+				v-loading="loading">
+				<el-form-item :label="t('cronTemplate')" class="items-center" prop="key">
+					<el-select v-model="formData.key">
+						<el-option v-for="item in templateList" :key="item.key" :label="item.name" :value="item.key" />
+					</el-select>
+				</el-form-item>
+				<el-form-item :label="t('cronTime')" prop="timeDate">
+					<el-select v-model="formData.time.type" class="w-[150px]">
+						<el-option v-for="(item, index) in date_type" :key="index" :label="item" :value="index" />
+					</el-select>
+					<div class="flex">
+						<el-select v-model="formData.time.week" class="ml-2 w-[120px]" v-if="formData.time.type == 'week'">
+							<el-option v-for="(item, index) in week_list" :key="index" :label="item" :value="index" />
+						</el-select>
+						<el-input v-model="formData.time.day" class="ml-2 w-[120px]"
+							v-if="['month', 'day'].indexOf(formData.time.type) != -1">
+							<template #append>{{ t('day') }}</template>
+						</el-input>
+						<el-input v-model="formData.time.hour" class="ml-2 w-[120px]"
+							v-if="['month', 'day', 'hour', 'week'].indexOf(formData.time.type) != -1">
+							<template #append>{{ t('hour') }}</template>
+						</el-input>
+						<el-input v-model="formData.time.min" class="ml-2 w-[120px]"
+							v-if="['month', 'day', 'hour', 'week', 'min'].indexOf(formData.time.type) != -1">
+							<template #append>{{ t('min') }}</template>
+						</el-input>
+					</div>
+				</el-form-item>
+				<el-form-item :label="t('isopen')">
+					<div class="input-width flex items-center text-sm">
+						<el-radio-group v-model="formData.status">
+							<el-radio :label="1">{{ t('yes') }}</el-radio>
+							<el-radio :label="2">{{ t('no') }}</el-radio>
+						</el-radio-group>
+					</div>
+				</el-form-item>
+			</el-form>
+
+			<template #footer>
+				<span class="dialog-footer">
+					<el-button type="primary" @click="addEvent(formRef)">{{ t('confirm') }}</el-button>
+				</span>
+			</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, ref, computed } from 'vue'
+import { t } from '@/lang'
+import {
+    getCronList,
+    getCronTemplate,
+    getCronDateType,
+    getWeek,
+    addCron,
+    editCron,
+    deleteCron
+} from '@/app/api/sys'
+import { ElMessageBox, FormInstance } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+import CronInfo from '@/app/views/setting/components/cron-info.vue'
+
+const route = useRoute()
+const pageName = route.meta.title
+
+const cronTableData = reactive({
+    page: 1,
+    limit: 10,
+    total: 0,
+    loading: true,
+    data: [],
+    searchParam: {
+        title: '',
+        type: '',
+        last_time: ''
+    }
+})
+const templateList = ref([])
+const date_type = ref([])
+const week_list = ref([])
+const searchFormRef = ref<FormInstance>()
+
+const setTypeList = async () => {
+    templateList.value = await (await getCronTemplate()).data
+    date_type.value = await (await getCronDateType()).data
+    week_list.value = await (await getWeek()).data
+}
+setTypeList()
+
+/**
+ * 获取任务列表
+ */
+const loadCronList = (page: number = 1) => {
+    cronTableData.loading = true
+    cronTableData.page = page
+
+    getCronList({
+        page: cronTableData.page,
+        limit: cronTableData.limit,
+        ...cronTableData.searchParam
+    }).then(res => {
+        cronTableData.loading = false
+        cronTableData.data = res.data.data
+        cronTableData.total = res.data.total
+    }).catch(() => {
+        cronTableData.loading = false
+    })
+}
+loadCronList()
+
+const router = useRouter()
+
+const showDialog = ref(false)
+const initialFormData = {
+    id: 0,
+    key: '',
+    status: 2,
+    time: {
+        type: 'min',
+        week: '',
+        day: '',
+        hour: '',
+        min: ''
+    }
+}
+const formData: Record<string, any> = reactive({ ...initialFormData })
+const formRef = ref<FormInstance>()
+
+const showEvent = () => {
+    formData.id = 0,
+    formData.key = '',
+    formData.status = 2,
+    formData.time.type = 'min',
+    formData.time.week = '',
+    formData.time.day = '',
+    formData.time.hour = '',
+    formData.time.min = '',
+    showDialog.value = true
+}
+
+// 表单验证规则
+const formRules = computed(() => {
+    return {
+        key: [
+            { required: true, message: t('titlePlaceholder'), trigger: 'blur' }
+        ],
+        timeDate: [
+            { required: true, validator: validatePass, trigger: 'blur' }
+        ],
+    }
+})
+
+const validatePass = (rule: any, value: any, callback: any) => {
+    if (formData.time.type == 'min' && formData.time.min != '') {
+        return callback()
+    }
+    if (formData.time.type == 'week' && formData.time.week != '' && formData.time.hour != '' && formData.time.min != '') {
+        return callback()
+    }
+    if (formData.time.type == 'month' && formData.time.day != '' && formData.time.hour != '' && formData.time.min != '') {
+        return callback()
+    }
+    if (formData.time.type == 'day' && formData.time.day != '' && formData.time.hour != '' && formData.time.min != '') {
+        return callback()
+    }
+    if (formData.time.type == 'hour' && formData.time.hour != '' && formData.time.min != '') {
+        return callback()
+    }
+    return callback(new Error(t('cronTimeTips')))
+}
+const save_type = ref(false)
+const addEvent = async (formEl: FormInstance | undefined) => {
+    if (save_type.value || !formEl) return
+    await formEl.validate(async (valid) => {
+        if (valid) {
+            save_type.value = true
+            const data = formData
+            const save = formData.id > 0 ? editCron : addCron
+            save(data).then(res => {
+                save_type.value = false
+                showDialog.value = false
+                loadCronList()
+            }).catch(() => {
+                save_type.value = false
+            })
+        }
+    })
+}
+
+const editEvent = (item:any) => {
+    formData.id = item.id,
+    formData.key = item.key,
+    formData.status = item.status
+    formData.time = item.time
+    showDialog.value = true
+}
+
+const deleteEvent = (id: number) => {
+    ElMessageBox.confirm(t('cronDeleteTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteCron(id).then(() => {
+            loadCronList()
+        }).catch(() => {
+        })
+    })
+}
+
+const cronDialog: Record<string, any> | null = ref(null)
+/**
+ * 查看任务
+ * @param data
+ */
+const infoEvent = (data: any) => {
+    cronDialog.value.setFormData(data)
+    cronDialog.value.showDialog = true
+}
+
+</script>
+
+<style lang="scss" scoped>
+.el-input-number.is-controls-right .el-input-number__increase {
+	left: 20px !important
+}
+</style>
diff --git a/admin/src/app/views/tools/updatecache.vue b/admin/src/app/views/tools/updatecache.vue
new file mode 100644
index 0000000..108bdc2
--- /dev/null
+++ b/admin/src/app/views/tools/updatecache.vue
@@ -0,0 +1,64 @@
+<template>
+    <div class="main-container h-[500px] w-full p-5 bg-white" v-loading="loading">
+        <div class="flex flex-wrap px-2 plug-list pb-10">
+           <div class="flex items-center bg-[#F7F8FA] p-3 w-[295px] relative plug-item mr-4 mb-4 cursor-pointer">
+               <div class="flex flex-col ml-2">
+                   <span class="text-sm truncate w-[190px]">{{t('refreshMenu')}}</span>
+                   <span class="text-xs text-gray-400 mt-1 truncate w-[190px]" :title="t('refreshMenuDesc')">{{t('refreshMenuDesc')}}</span>
+               </div>
+               <span class="plug-item-operate" @click="refreshMenu()">{{t('refresh')}}</span>
+           </div>
+
+            <div class="flex items-center bg-[#F7F8FA] p-3 w-[295px] relative plug-item mr-4 mb-4 cursor-pointer">
+                <div class="flex flex-col ml-2">
+                    <span class="text-sm truncate w-[190px]">{{t('dataCache')}}</span>
+                    <span class="text-xs text-gray-400 mt-1 truncate w-[190px]" :title="t('dataCacheDesc')">{{t('dataCacheDesc')}}</span>
+                </div>
+                <span class="plug-item-operate" @click="schemaCache()">{{t('refresh')}}</span>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+import { clearSchemaCache, menuRefresh } from '@/app/api/sys'
+
+const loading = ref<Boolean>(false)
+
+// 数据缓存
+const schemaCache = () => {
+    loading.value = true
+    clearSchemaCache({}).then(res => {
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+// 更新菜单
+const refreshMenu = () => {
+    loading.value = true
+    menuRefresh({}).then(res => {
+        loading.value = false
+    }).catch(() => {
+        loading.value = false
+    })
+}
+
+</script>
+
+<style lang="scss" scoped>
+.demo-tabs > .el-tabs__content {
+  padding: 32px;
+  color: #6b778c;
+  font-size: 32px;
+  font-weight: 600;
+}
+.plug-item{
+    .plug-item-operate{
+        @apply text-xs absolute right-3 cursor-pointer;
+        color: var(--el-color-primary);
+    }
+}
+</style>
diff --git a/admin/src/components/diy-link/index.vue b/admin/src/components/diy-link/index.vue
new file mode 100644
index 0000000..fccadf8
--- /dev/null
+++ b/admin/src/components/diy-link/index.vue
@@ -0,0 +1,210 @@
+<template>
+    <div>
+        <div @click="show">
+            <slot>
+                <el-input v-model="value.title" :placeholder="t('linkPlaceholder')" readonly>
+                    <template #suffix>
+                        <div @click.stop="clear">
+                            <el-icon v-if="value.name">
+                                <Close />
+                            </el-icon>
+                            <el-icon v-else>
+                                <ArrowRight />
+                            </el-icon>
+                        </div>
+                    </template>
+                </el-input>
+            </slot>
+        </div>
+        <el-dialog v-model="showDialog" :title="t('selectLinkTips')" width="40%" :close-on-press-escape="false"
+            :destroy-on-close="true" :close-on-click-modal="false">
+
+            <div class="flex items-start">
+                <el-scrollbar class="w-[140px] border-r h-[350px]">
+                    <div v-for="(item, index) in link" :key="index"
+                        class="h-[40px] leading-[40px] cursor-pointer hover:bg-primary-light-9 px-[10px] hover:text-primary"
+                        :class="[item.name == parentLinkName ? 'bg-primary-light-9 text-primary' : '']"
+                        @click="changeParentLink(item)">
+                        {{ item.title }}
+                    </div>
+                </el-scrollbar>
+                <el-scrollbar class="pl-4 h-[350px] flex-1">
+                    <template v-if="parentLinkName == 'DIY_LINK'">
+                        <div class="mb-[16px]">
+                            <el-form-item :label="t('diyLinkName')">
+                                <el-input v-model="selectLink.title" :placeholder="t('diyLinkNamePlaceholder')" class="w-6/12" />
+                            </el-form-item>
+                        </div>
+                        <div class="mb-[16px]">
+                            <el-form-item :label="t('diyLinkUrl')">
+                                <el-input v-model="selectLink.url" :placeholder="t('diyLinkUrlPlaceholder')" class="w-6/12" />
+                            </el-form-item>
+                        </div>
+                        <el-form-item label=" ">
+                            <div class="text-sm text-gray-400 select-text">路径必须以“/”开头，例：/app/pages/index/index</div>
+                        </el-form-item>
+                        <el-form-item label=" ">
+                            <div class="text-sm text-gray-400 select-text">跳转外部链接“/”开头，例：https://baidu.com</div>
+                        </el-form-item>
+                    </template>
+                    <div v-else class="flex flex-wrap">
+                        <div v-for="(item, index) in childList" :key="index"
+                            class="border border-br rounded-[3px] mr-[10px] mb-[10px] px-4 h-[32px] leading-[32px] cursor-pointer hover:bg-primary-light-9 px-[10px] hover:text-primary"
+                            :class="[item.name == selectLink.name ? 'border-primary text-primary' : '']"
+                            @click="changeChildLink(item)">{{ item.title }}
+                        </div>
+                    </div>
+                </el-scrollbar>
+            </div>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="save">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import { ref, computed } from 'vue'
+import { cloneDeep } from 'lodash-es'
+import { getLink } from '@/app/api/diy'
+import { ElMessage } from 'element-plus'
+
+const prop = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    ignore:{
+        type:Array,
+        default:[]
+    }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const value: any = computed({
+    get () {
+        return prop.modelValue
+    },
+    set (value) {
+        emit('update:modelValue', value)
+    }
+})
+
+const showDialog = ref(false)
+
+const link: any = ref([])
+
+const parentLinkName = ref('')
+
+const childList: any = ref([])
+
+const selectLink: any = ref([])
+
+const show = () => {
+    // 每次打开时赋值
+    if (value.value.name != '') {
+        selectLink.value = cloneDeep(value.value)
+        parentLinkName.value = selectLink.value.parent
+        for (let key in link.value){
+            if(link.value[key].name == parentLinkName.value){
+                changeParentLink(link.value[key]);
+            }
+        }
+    }
+    showDialog.value = true
+}
+
+getLink({}).then((res: any) => {
+    link.value = res.data
+
+    if(prop.ignore && prop.ignore.length){
+        for (let key in link.value){
+            for(let i=0;i<prop.ignore.length;i++){
+                if(key == prop.ignore[i]){
+                    delete link.value[key];
+                    break;
+                }
+            }
+        }
+    }
+
+    childList.value = Object.values(link.value)[0].child_list
+    if (value.value.name != '') {
+        selectLink.value = cloneDeep(value.value)
+    } else {
+        selectLink.value = {
+            parent: Object.values(link.value)[0].name
+        }
+    }
+    parentLinkName.value = selectLink.value.parent
+})
+
+// 选择父级链接
+const changeParentLink = (item: any) => {
+    childList.value = item.child_list
+    parentLinkName.value = item.name
+}
+
+// 选择子链接
+const changeChildLink = (item: any) => {
+    delete item.is_share
+    Object.assign(selectLink.value, item)
+}
+
+const clear = () => {
+    value.value = {
+        name: '',
+        parent: '',
+        title: '',
+        url: ''
+    }
+}
+
+const save = () => {
+    if (parentLinkName.value === 'DIY_LINK') {
+        // 自定义链接
+
+        if (!selectLink.value.title) {
+            ElMessage({
+                message: t('diyLinkNameNotEmpty'),
+                type: 'warning'
+            });
+            return
+        }
+
+        if (!selectLink.value.url) {
+            ElMessage({
+                message: t('diyLinkUrlNotEmpty'),
+                type: 'warning'
+            });
+            return
+        }
+
+        selectLink.value.parent = parentLinkName.value
+        selectLink.value.name = parentLinkName.value
+        selectLink.value.action = '';
+
+    }else if(parentLinkName.value  == 'DIY_PAGE'){
+        // 自定义页面
+        selectLink.value.parent = parentLinkName.value
+        selectLink.value.action = 'decorate';
+    }
+
+    value.value = cloneDeep(selectLink.value)
+    showDialog.value = false
+
+    emit('success')
+}
+
+defineExpose({
+    showDialog
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/components/editor/index.vue b/admin/src/components/editor/index.vue
new file mode 100644
index 0000000..2c392dc
--- /dev/null
+++ b/admin/src/components/editor/index.vue
@@ -0,0 +1,100 @@
+<template>
+    <div class="border border-color">
+        <toolbar class="border-b border-color" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" />
+        <wang-editor :style="{ height, 'overflow-y': 'hidden', width: '100%' }" :defaultConfig="editorConfig" :mode="mode" v-model="content" @onCreated="handleCreated" />
+        <upload-attachment type="image" ref="imageRef" :limit="10" @confirm="imageSelect" />
+        <upload-attachment type="video" ref="videoRef" @confirm="videoSelect" />
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { shallowRef, computed, onBeforeUnmount, ref } from 'vue'
+import '@wangeditor/editor/dist/css/style.css'
+import { IToolbarConfig, IEditorConfig, IDomEditor } from '@wangeditor/editor'
+import { Editor as WangEditor, Toolbar } from '@wangeditor/editor-for-vue'
+import { img } from '@/utils/common'
+
+const editorRef = shallowRef()
+
+const prop = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    mode: {
+        type: String,
+        default: 'simple'
+    },
+    height: {
+        type: String,
+        default: '300px'
+    }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const imageRef: Record<string, any> | null = ref(null)
+const videoRef: Record<string, any> | null = ref(null)
+
+const content = computed({
+    get () {
+        return prop.modelValue
+    },
+    set (value) {
+        emit('update:modelValue', value)
+    }
+})
+
+// 工具栏配置
+const toolbarConfig: Partial<IToolbarConfig> = {
+    excludeKeys: ['group-image', 'insertVideo', 'insertLink'],
+    insertKeys: {
+        index: 16,
+        keys: ['uploadImage', 'uploadVideo']
+    }
+}
+
+// 编辑器配置
+type InsertFnType = (url: string) => void
+let insertFn: InsertFnType = (url: string) => { }
+
+const editorConfig: Partial<IEditorConfig> = {
+    MENU_CONF: {
+        uploadImage: {
+            customBrowseAndUpload (insert: InsertFnType) {
+                imageRef.value.showDialog = true
+                insertFn = insert
+            }
+        },
+        uploadVideo: {
+            customBrowseAndUpload (insert: InsertFnType) {
+                videoRef.value.showDialog = true
+                insertFn = insert
+            }
+        }
+    }
+}
+
+const imageSelect = (data: Record<string, any>) => {
+    data.forEach((item: any) => { insertFn(img(item.url)) })
+}
+
+const videoSelect = (data: Record<string, any>) => {
+    insertFn(img(data.url))
+}
+
+const handleCreated = (editor: IDomEditor) => {
+    editorRef.value = editor
+}
+
+/**
+ * 组件销毁时，也及时销毁编辑器
+ */
+onBeforeUnmount(() => {
+    const editor = editorRef.value
+    if (editor == null) return
+    editor.destroy()
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/components/heat-map/index.vue b/admin/src/components/heat-map/index.vue
new file mode 100644
index 0000000..5cf84fc
--- /dev/null
+++ b/admin/src/components/heat-map/index.vue
@@ -0,0 +1,615 @@
+<template>
+    <div>
+        <div @click="show">
+            <slot>
+                <div v-if="value.heatMapData.length">{{ t('selected') }}<span class="text-primary p-[4px]">{{
+                    value.heatMapData.length }}</span>{{ t('selectedAfterHotArea') }}</div>
+                <div v-else>{{ t('addHotArea') }}</div>
+            </slot>
+        </div>
+        <el-dialog v-model="showDialog" :title="t('hotAreaSet')" width="45%" :close-on-press-escape="false"
+            :destroy-on-close="true" :close-on-click-modal="false">
+
+            <div class="flex">
+
+                <div class="content-box relative bg-cover bg-gray-100 border border-dashed border-gray-500"
+                    :style="{ backgroundImage: 'url(' + img(value.imageUrl) + ')', width: contentBoxWidth + 'px', height: contentBoxHeight + 'px' }">
+                    <div v-for="(item, index) in dragBoxArr" :id="'box_' + index" :key="index"
+                        class="area-box border border-solid border-[#ccc] w-[100px] h-[100px] absolute top-0 left-0 select-none p-[5px]"
+                        :style="{ left: item.left + item.unit, top: item.top + item.unit, width: item.width + item.unit, height: item.height + item.unit }"
+                        @mousedown="mouseDown($event, index)">
+                        <span>{{ index + 1 }}</span>
+                        <template v-if="item.link.title">
+                            <span class="p-[4px]">|</span>
+                            <span>{{ item.link.title }}</span>
+                        </template>
+                        <span class="box1" @mousedown.stop="resizeMouseDown($event, index)"></span>
+                        <span class="box2" @mousedown.stop="resizeMouseDown($event, index)"></span>
+                        <span class="box3" @mousedown.stop="resizeMouseDown($event, index)"></span>
+                        <span class="box4" @mousedown.stop="resizeMouseDown($event, index)"></span>
+                    </div>
+                </div>
+
+                <el-form label-width="80px" class="pl-[20px]">
+                    <h3 class="mb-[10px] text-lg text-black">{{ t('hotAreaManage') }}</h3>
+                    <el-button type="primary" plain size="small" class="mb-[10px]" @click="addArea">{{ t('addHotArea')
+                    }}</el-button>
+                    <div class="overflow-y-auto h-[300px]">
+                        <template v-for="(item, index) in dragBoxArr" :key="index">
+                            <div class="mb-[16px]" v-if="item">
+                                <el-form-item :label="t('hotArea') + (index + 1)">
+                                    <div class="flex items-center">
+                                        <diy-link v-model="item.link" />
+                                        <icon class="del cursor-pointer mx-[10px]" name="element-CircleCloseFilled"
+                                            color="#bbb" size="20px" @click="dragBoxArr.splice(index, 1)" />
+                                    </div>
+                                </el-form-item>
+                            </div>
+                        </template>
+                    </div>
+                </el-form>
+
+            </div>
+
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                    <el-button type="primary" @click="save">{{ t('confirm') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import { ref, reactive, computed } from 'vue'
+import { ElMessage } from 'element-plus'
+import { img } from '@/utils/common'
+
+const prop = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const value: any = computed({
+    get () {
+        return prop.modelValue
+    },
+    set (value) {
+        emit('update:modelValue', value)
+    }
+})
+
+const showDialog = ref(false)
+const contentBoxWidth = ref(400)
+const contentBoxHeight = ref(400)
+const num = ref(4)// 每行显示的数量
+const dragBoxArr: any = reactive([])
+
+// 添加热区
+const addArea = () => {
+    let left = dragBoxArr.length % num.value * 100
+    let top = Math.floor(dragBoxArr.length / num.value) * 100
+    if (top >= contentBoxWidth.value) {
+        top = 0
+        left = 0
+    }
+
+    dragBoxArr.push({
+        left: left,
+        top: top,
+        width: 100,
+        height: 100,
+        unit: 'px',
+        link: {
+            name: ''
+        }
+    })
+}
+
+// 移动事件
+const mouseDown = (e: any, index: number) => {
+    const box: any = document.getElementById('box_' + index)
+    const disX = e.clientX - box.offsetLeft
+    const disY = e.clientY - box.offsetTop
+
+    // 鼠标移动时
+    document.onmousemove = function (e) {
+        box.style.left = e.clientX - disX + 'px'
+        box.style.top = e.clientY - disY + 'px'
+
+        // 边界判断
+        if (e.clientX - disX < 0) {
+            box.style.left = 0
+        }
+
+        if (e.clientX - disX > contentBoxWidth.value - box.offsetWidth) {
+            box.style.left = contentBoxWidth.value - box.offsetWidth + 'px'
+        }
+
+        if (e.clientY - disY < 0) {
+            box.style.top = 0
+        }
+
+        if (e.clientY - disY > contentBoxHeight.value - box.offsetHeight) {
+            box.style.top = contentBoxHeight.value - box.offsetHeight + 'px'
+        }
+
+        dragBoxArr[index].left = box.offsetLeft
+        dragBoxArr[index].top = box.offsetTop
+        dragBoxArr[index].width = box.offsetWidth
+        dragBoxArr[index].height = box.offsetHeight
+        dragBoxArr[index].unit = 'px'
+    }
+
+    // 鼠标抬起时
+    document.onmouseup = function (e) {
+        document.onmousemove = null
+    }
+}
+
+// 拖拽大小事件
+const resizeMouseDown = (e: any, index: number) => {
+    const oEv = e
+    oEv.stopPropagation()
+    const box: any = document.getElementById('box_' + index)
+    const className = e.target.className
+
+    // 获取移动前盒子的宽高，
+    const oldWidth = box.offsetWidth
+    const oldHeight = box.offsetHeight
+
+    // 获取鼠标距离屏幕的left和top值
+    const oldX = oEv.clientX
+    const oldY = oEv.clientY
+
+    // 元素相对于最近的父级定位
+    const oldLeft = box.offsetLeft
+    const oldTop = box.offsetTop
+
+    // 设置最小的宽度
+    const minWidth = 50
+    const minHeight = 50
+
+    document.onmousemove = function (e) {
+        const oEv = e
+        // console.log('move', "width：" + oldWidth,
+        //     '，oldLeft: ' + oldLeft, '，oldTop: ' + oldTop,
+        //     '，oldX：clientX-- ' + oldX + '：' + oEv.clientX,
+        //     '，oldY：clientY-- ' + oldY + '：' + oEv.clientY,
+        // )
+
+        // 左上角
+        if (className == 'box1') {
+            let width = oldWidth - (oEv.clientX - oldX)
+            const maxWidth = contentBoxWidth.value
+
+            let height = oldHeight - (oEv.clientY - oldY)
+            const maxHeight = contentBoxHeight.value - oldTop
+
+            let left = oldLeft + (oEv.clientX - oldX)
+            let top = oldTop + (oEv.clientY - oldY)
+
+            if (width < minWidth) {
+                width = minWidth
+            }
+            if (width > maxWidth) {
+                width = maxWidth
+            }
+
+            if (height < minHeight) {
+                height = minHeight
+            }
+            if (height > maxHeight) {
+                height = maxHeight
+            }
+
+            if (oldLeft == 0 && oldTop == 0) {
+                // 坐标：left = 0，top = 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，left = 最小宽度，top = 最小高度
+                    left = minWidth
+                    top = minHeight
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，left = 最小宽度，top = 不予处理
+                    left = minWidth
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，left = 不予处理，top = 最小高度
+                    top = minHeight
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，left = 不予处理，top = 不予处理
+                }
+            } else if (oldLeft == 0 && oldTop > 0) {
+                // 坐标：left = 0，top > 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，left = 最小宽度，top = 元素上偏移位置
+                    left = minWidth
+                    top = box.offsetTop
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，left = 最小宽度，top = 元素上偏移位置
+                    left = minWidth
+                    top = box.offsetTop
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，left = 不予处理，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，left = 不予处理，top = 不予处理
+                }
+            } else if (oldLeft > 0 && oldTop == 0) {
+                // 坐标：left > 0，top = 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，left = 元素左偏移位置，top = 元素上偏移位置
+                    left = box.offsetLeft
+                    top = box.offsetTop
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，left = 元素左偏移位置，top = 0
+                    left = box.offsetLeft
+                    top = 0
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，left = 不予处理，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，left = 不予处理，top = 不予处理
+                }
+            } else if (oldLeft > 0 && oldTop > 0) {
+                // 坐标：left > 0，top > 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，left = 元素左偏移位置，top = 元素上偏移位置
+                    left = box.offsetLeft
+                    top = box.offsetTop
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，left = 元素左偏移位置，top = 元素上偏移位置
+                    left = box.offsetLeft
+                    top = box.offsetTop
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，left = 不予处理，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，left = 不予处理，top = 不予处理
+                }
+            }
+
+            // 左上宽
+            if (left < 0) {
+                left = 0
+                width = oldWidth - (oEv.clientX - oldX) + (oldLeft + (oEv.clientX - oldX))
+            }
+
+            // 左上 高
+            if (top < 0) {
+                top = 0
+                height = oldTop + (oEv.clientY - oldY) + (oldHeight - (oEv.clientY - oldY))
+            }
+
+            box.style.width = width + 'px'
+            box.style.height = height + 'px'
+            box.style.left = left + 'px'
+            box.style.top = top + 'px'
+        } else if (className == 'box2') {
+            // 右上角
+
+            let width = oldWidth + (oEv.clientX - oldX)
+            const maxWidth = contentBoxWidth.value - oldLeft
+
+            let height = oldHeight - (oEv.clientY - oldY)
+            const maxHeight = contentBoxHeight.value - oldTop
+
+            let top = oldTop + (oEv.clientY - oldY)
+
+            if (width < minWidth) {
+                width = minWidth
+            }
+            if (width > maxWidth) {
+                width = maxWidth
+            }
+
+            if (height < minHeight) {
+                height = minHeight
+            }
+            if (height > maxHeight) {
+                height = maxHeight
+            }
+
+            if (oldLeft == 0 && oldTop == 0) {
+                // 坐标：left = 0，top = 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，top = 最小高度
+                    top = minHeight
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，不予处理
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，top = 最小高度
+                    top = minHeight
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，不予处理
+                }
+            } else if (oldLeft == 0 && oldTop > 0) {
+                // 坐标：left = 0，top > 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，不予处理
+                }
+            } else if (oldLeft > 0 && oldTop == 0) {
+                // 坐标：left = 0，top = 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，top = 0
+                    top = 0
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，不予处理
+                }
+            } else if (oldLeft > 0 && oldTop > 0) {
+                // 坐标：left > 0，top > 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，top = 元素上偏移位置
+                    top = box.offsetTop
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，不予处理
+                }
+            }
+
+            // 右上高
+            if (top < 0) {
+                top = 0
+                height = oldTop + (oEv.clientY - oldY) + (oldHeight - (oEv.clientY - oldY))
+            }
+
+            box.style.width = width + 'px'
+            box.style.height = height + 'px'
+            box.style.top = top + 'px'
+        } else if (className == 'box3') {
+            // 左下角
+
+            let width = oldWidth - (oEv.clientX - oldX)
+            const maxWidth = contentBoxWidth.value
+
+            let height = oldHeight + (oEv.clientY - oldY)
+            const maxHeight = contentBoxHeight.value - oldTop
+
+            let left = oldLeft + (oEv.clientX - oldX)
+
+            if (width < minWidth) {
+                width = minWidth
+            }
+            if (width > maxWidth) {
+                width = maxWidth
+            }
+
+            if (height < minHeight) {
+                height = minHeight
+            }
+            if (height > maxHeight) {
+                height = maxHeight
+            }
+
+            if (oldLeft == 0 && oldTop == 0) {
+                // 坐标：left = 0，top = 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，left = 最小宽度
+                    left = minWidth
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，left = 最小宽度
+                    left = minWidth
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，不予处理
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，不予处理
+                }
+            } else if (oldLeft == 0 && oldTop > 0) {
+                // 坐标：left = 0，top > 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，left = 最小宽度
+                    left = minWidth
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，left = 最小宽度
+                    left = minWidth
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，不予处理
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，不予处理
+                }
+            } else if (oldLeft > 0 && oldTop == 0) {
+                // 坐标：left > 0，top = 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，left = 元素左偏移位置
+                    left = box.offsetLeft
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，left = 元素左偏移位置
+                    left = box.offsetLeft
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，不予处理
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，不予处理
+                }
+            } else if (oldLeft > 0 && oldTop > 0) {
+                // 坐标：left > 0，top > 0
+
+                if (width == minWidth && height == minHeight) {
+                    // 宽高 = 最小值，left = 元素左偏移位置
+                    left = box.offsetLeft
+                } else if (width == minWidth && height > minHeight) {
+                    // 宽 = 最小值，高 > 最小值，left = 元素左偏移位置
+                    left = box.offsetLeft
+                } else if (width > minWidth && height == minHeight) {
+                    // 宽 > 最小值，高 = 最小值，不予处理
+                } else if (width > minWidth && height > minHeight) {
+                    // 宽 > 最小值，高 > 最小值，不予处理
+                }
+            }
+
+            if (left < 0) {
+                left = 0
+                width = oldWidth - (oEv.clientX - oldX) + (oldLeft + (oEv.clientX - oldX))
+            }
+
+            box.style.width = width + 'px'
+            box.style.height = height + 'px'
+            box.style.left = left + 'px'
+        } else if (className == 'box4') {
+            // 右下角
+
+            let width = oldWidth + (oEv.clientX - oldX)
+            const maxWidth = contentBoxWidth.value - oldLeft
+
+            let height = oldHeight + (oEv.clientY - oldY)
+            const maxHeight = contentBoxHeight.value - oldTop
+
+            if (width < minWidth) {
+                width = minWidth
+            }
+            if (width > maxWidth) {
+                width = maxWidth
+            }
+
+            if (height < minHeight) {
+                height = minHeight
+            }
+            if (height > maxHeight) {
+                height = maxHeight
+            }
+
+            box.style.width = width + 'px'
+            box.style.height = height + 'px'
+        }
+
+        dragBoxArr[index].left = box.offsetLeft
+        dragBoxArr[index].top = box.offsetTop
+        dragBoxArr[index].width = box.offsetWidth
+        dragBoxArr[index].height = box.offsetHeight
+        dragBoxArr[index].unit = 'px'
+    }
+
+    // 鼠标抬起时
+    document.onmouseup = function () {
+        document.onmousemove = null
+        document.onmouseup = null
+    }
+}
+
+const show = () => {
+    // 每次打开时赋值
+    if (!value.value.imageUrl) {
+        ElMessage({
+            type: 'warning',
+            message: `${t('imageUrlTip')}`
+        })
+        return
+    }
+    if (Object.keys(value.value.heatMapData).length) {
+        dragBoxArr.splice(0, dragBoxArr.length, ...value.value.heatMapData)
+    } else {
+        dragBoxArr.splice(0, dragBoxArr.length)
+        addArea()
+    }
+    showDialog.value = true
+}
+
+const save = () => {
+    let isOk = true
+    for (let i = 0; i < dragBoxArr.length; i++) {
+        if (!dragBoxArr[i].link.title) {
+            ElMessage({
+                type: 'warning',
+                message: t('selectedHotArea') + (i + 1) + t('hotAreaLink')
+            })
+            isOk = false
+            break
+        }
+    }
+
+    if (!isOk) return
+
+    dragBoxArr.forEach((item: any, index: number) => {
+        const box: any = document.getElementById('box_' + index)
+        item.width = parseFloat(box.offsetWidth / contentBoxWidth.value * 100).toFixed(2)
+        item.height = parseFloat(box.offsetHeight / contentBoxHeight.value * 100).toFixed(2)
+        item.left = parseFloat(box.offsetLeft / contentBoxWidth.value * 100).toFixed(2)
+        item.top = parseFloat(box.offsetTop / contentBoxHeight.value * 100).toFixed(2)
+        item.unit = '%'
+    })
+
+    value.value.heatMapData = dragBoxArr
+    showDialog.value = false
+}
+
+defineExpose({
+    showDialog
+})
+</script>
+
+<style lang="scss" scoped>
+.area-box {
+    background-color: rgba(255, 255, 255, 0.7);
+}
+
+.box1,
+.box2,
+.box3,
+.box4 {
+    width: 10px;
+    height: 10px;
+    background-color: #fff;
+    position: absolute;
+    border-radius: 50%;
+    border: 1px solid #333;
+}
+
+.box1 {
+    top: -5px;
+    left: -5px;
+    cursor: nw-resize;
+}
+
+.box2 {
+    top: -5px;
+    right: -5px;
+    cursor: ne-resize;
+}
+
+.box3 {
+    left: -5px;
+    bottom: -5px;
+    cursor: sw-resize;
+}
+
+.box4 {
+    bottom: -5px;
+    right: -5px;
+    cursor: se-resize;
+}
+</style>
diff --git a/admin/src/components/icon/index.vue b/admin/src/components/icon/index.vue
new file mode 100644
index 0000000..01019f8
--- /dev/null
+++ b/admin/src/components/icon/index.vue
@@ -0,0 +1,48 @@
+<template>
+	<el-icon v-if="type=='element'" :style="style" :class="['icon el-icon',props.class]">
+		<component :is="name"/>
+	</el-icon>
+	<i v-else :class="[type,name,props.class]" :style="style"></i>
+</template>
+<script lang="ts" setup>
+import { watch, ref, reactive } from 'vue'
+
+const props = defineProps({
+    name: {
+        type: String,
+        required: true
+    },
+    color: {
+        type: String,
+        default: 'var(--color)'
+    },
+    class: {
+        type: [String, Object],
+        default: ''
+    },
+    size: {
+        type: String,
+        default: '16px'
+    }
+})
+
+const type = ref('')
+const name = ref('')
+
+const style = reactive({
+    color: props.color,
+    fontSize: props.size
+})
+
+const load = () => {
+    const arr = props.name.split(/-(.*)/)
+    type.value = arr[0]
+    name.value = arr[1]
+}
+
+load()
+
+watch(() => props.name, () => {
+    load()
+})
+</script>
diff --git a/admin/src/components/popover-input/index.vue b/admin/src/components/popover-input/index.vue
new file mode 100644
index 0000000..066d153
--- /dev/null
+++ b/admin/src/components/popover-input/index.vue
@@ -0,0 +1,70 @@
+<template>
+    <el-popover placement="top" trigger="click" :width="prop.width" v-model:visible="visible">
+        <el-input v-model="value" :placeholder="prop.placeholder" clearable class="mr-[10px]" :maxlength="prop.maxlength" :show-word-limit="true" />
+        <div class="text-right mt-[15px]">
+            <el-button @click="visible = false">{{ t('cancel') }}</el-button>
+            <el-button type="primary" @click="confirm">{{ t('confirm') }}</el-button>
+        </div>
+        <template #reference>
+            <slot></slot>
+        </template>
+    </el-popover>
+</template>
+
+<script lang="ts" setup>
+import {computed, ref, watch} from 'vue'
+import { t } from '@/lang'
+import { ElMessage } from 'element-plus'
+
+const prop = defineProps({
+    width: {
+        type: String,
+        default: '350px'
+    },
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    required: {
+        type: Boolean,
+        default: true
+    },
+    maxlength: {
+        type: Number,
+        default: 10
+    }
+})
+
+const value = computed({
+    get () {
+        return prop.modelValue
+    },
+    set (value) {
+        emit('update:modelValue', value)
+    }
+})
+const visible = ref(false)
+
+// watch(visible, () => {
+//     if (!visible.value) {
+//         value.value = ''
+//     }
+// })
+
+const emit = defineEmits(['confirm'])
+
+const confirm = () => {
+    if (!/[\S]+/.test(value.value)) {
+        ElMessage.error(prop.placeholder || '不能为空')
+        return
+    }
+    emit('confirm', value.value)
+    visible.value = false
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/components/range-input/index.vue b/admin/src/components/range-input/index.vue
new file mode 100644
index 0000000..572e06e
--- /dev/null
+++ b/admin/src/components/range-input/index.vue
@@ -0,0 +1,35 @@
+<template>
+    <div class="el-date-editor el-input__wrapper el-range-editor el-tooltip__trigger el-tooltip__trigger" :class="{'is-active': isActive}">
+        <input class="el-range-input" v-model="props.modelValue[0]" @blur="isActive = false" @focus="isActive = true" :placeholder="props.startPlaceholder">
+        <span class="el-range-separator">-</span>
+        <input class="el-range-input" v-model="props.modelValue[1]" @blur="isActive = false" @focus="isActive = true" :placeholder="props.endPlaceholder">
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const isActive = ref(false)
+
+const props = defineProps({
+    startPlaceholder: {
+        type: String,
+        default: ''
+    },
+    endPlaceholder: {
+        type: String,
+        default: ''
+    },
+    modelValue: {
+        type: Array,
+        default: () => {
+            return ['', '']
+        }
+    }
+})
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/admin/src/components/select-area/index.vue b/admin/src/components/select-area/index.vue
new file mode 100644
index 0000000..36795f8
--- /dev/null
+++ b/admin/src/components/select-area/index.vue
@@ -0,0 +1,136 @@
+<template>
+    <div class="area-component">
+        <!-- 省 -->
+        <el-select :placeholder="t('provincePlaceholder')" v-model="state.province" clearable @change="changeArea('province')">
+            <el-option v-for="item in state.provinceList" :key="item.id" :label="item.name" :value="item.id"/>
+        </el-select>
+        <!-- 市 -->
+        <el-select :placeholder="t('cityPlaceholder')" style="margin: 0 10px;" :disabled="!state.province" v-model="state.city" clearable @change="changeArea('city')">
+            <el-option v-for="item in state.citiesList" :key="item.id" :label="item.name" :value="item.id"/>
+        </el-select>
+        <!-- 区 -->
+        <el-select :placeholder="t('districtPlaceholder')" :disabled="!state.province || !state.city" v-model="state.area" clearable @change="changeArea('area')">
+            <el-option v-for="item in state.areasList" :key="item.id" :label="item.name" :value="item.id"/>
+        </el-select>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { reactive, onBeforeMount, watch } from 'vue'
+import { getAreaListByPid } from '@/app/api/sys'
+import { t } from '@/lang'
+// import { da } from 'element-plus/es/locale'
+
+// 定义数据类型
+export interface areaType {
+  id: string
+  name: string
+  pid: number
+  children?: areaType[]
+}
+
+const prop = defineProps({
+    initData: {
+        type: Object,
+        default: {
+            province: '',
+            city: '',
+            area: ''
+        }
+    }
+})
+
+const emits = defineEmits<{(e: 'areaChange', value: any):void}>()
+
+const state = reactive({
+    // 用于展示的省市区数据
+    provinceList: [] as areaType[],
+    citiesList: [] as areaType[],
+    areasList: [] as areaType[],
+    // 最终选择的省市区
+    province: '',
+    city: '',
+    area: ''
+})
+
+onBeforeMount(async () => {
+    state.provinceList = (await getAreaListByPid(0)).data
+})
+
+watch(() => prop.initData.province, async (val) => {
+    state['province'] = prop.initData['province']
+    state['city'] = prop.initData['city']
+    state['area'] = prop.initData['area']
+    state.citiesList = (await getAreaListByPid(parseInt(state.province))).data
+    state.areasList = (await getAreaListByPid(parseInt(state.city))).data
+    emitsArea()
+})
+
+watch(() => state.area, (val) => {
+    if (val) {
+        emitsArea()
+    }
+})
+
+watch(() => state.province, (val) => {
+    if (val) {
+        emitsArea()
+    }
+})
+
+watch(() => state.city, (val) => {
+    if (val) {
+        emitsArea()
+    }
+})
+
+const emitsArea = () => {
+    const paramsData = {
+        province: {} as areaType,
+        city: {} as areaType,
+        area: {} as areaType
+    }
+    let tmp = state.provinceList.find((item) => item.id === state.province)
+    paramsData.province.name = tmp ? tmp.name : ''
+    paramsData.province.id = tmp ? tmp.id : ''
+    tmp = state.citiesList.find((item) => item.id === state.city) as any
+    paramsData.city.name = tmp ? tmp.name : ''
+    paramsData.city.id = tmp ? tmp.id : ''
+    tmp = state.areasList.find((item) => item.id === state.area) as any
+    paramsData.area.name = tmp ? tmp.name : ''
+    paramsData.area.id = tmp ? tmp.id : ''
+
+    emits('areaChange', paramsData)
+}
+
+const changeArea = async (data : any) => {
+    if (data == 'province') {
+        state.city = ''
+        state.area = ''
+        if (!state.province) {
+            emitsArea()
+            return false
+        }
+        state.citiesList = (await getAreaListByPid(parseInt(state.province))).data
+    }
+    if (data == 'city') {
+        state.area = ''
+        if (!state.city) {
+            emitsArea()
+            return false
+        }
+        state.areasList = (await getAreaListByPid(parseInt(state.city))).data
+    }
+    if (data == 'area') {
+        if (!state.area) {
+            emitsArea()
+            return false
+        }
+    }
+}
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/admin/src/components/select-icon/index.vue b/admin/src/components/select-icon/index.vue
new file mode 100644
index 0000000..247eae1
--- /dev/null
+++ b/admin/src/components/select-icon/index.vue
@@ -0,0 +1,145 @@
+<template>
+	<div class="flex flex-wrap">
+		<template v-if="limit == 1">
+			<div class="rounded cursor-pointer overflow-hidden relative border border-dashed border-color icon-wrap mr-[10px]" :style="style">
+				<div class="w-full h-full relative" v-if="icons.data.length">
+					<div class="w-full h-full flex items-center justify-center">
+						<icon :name="icons.data[0]" size="40px"></icon>
+					</div>
+					<div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
+						<icon name="element-Delete" color="#fff" size="18px" @click="removeIcon"/>
+					</div>
+				</div>
+				<upload-attachment :limit="limit" type="icon" @confirm="confirmSelect" v-else>
+					<div class="w-full h-full flex items-center justify-center flex-col">
+						<icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)"/>
+						<div class="leading-none text-xs mt-[10px] text-secondary">{{ iconText || t('upload.selecticon') }}</div>
+					</div>
+				</upload-attachment>
+			</div>
+		</template>
+		<template v-else>
+			<div class="rounded cursor-pointer overflow-hidden relative border border-dashed border-color icon-wrap mr-[10px]" :style="style" v-for="(item, index) in icons.data" :key="index">
+				<div class="w-full h-full relative">
+					<div class="w-full h-full flex items-center justify-center">
+						<icon :name="item" size="40px"></icon>
+					</div>
+					<div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
+						<icon name="element-Delete" color="#fff" size="18px" @click="removeIcon(index)"/>
+					</div>
+				</div>
+			</div>
+			<div class="rounded cursor-pointer overflow-hidden relative border border-dashed border-color" :style="style" v-if="icons.data.length < limit">
+				<upload-attachment :limit="limit" @confirm="confirmSelect">
+					<div class="w-full h-full flex items-center justify-center flex-col">
+						<icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)"/>
+						<div class="leading-none text-xs mt-[10px] text-secondary">{{ iconText || t('upload.selecticon') }}</div>
+					</div>
+				</upload-attachment>
+			</div>
+		</template>
+	</div>
+
+</template>
+
+<script lang="ts" setup>
+import { computed, reactive, watch, toRaw } from 'vue'
+import { t } from '@/lang'
+
+const prop = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    width: {
+        type: String,
+        default: '100px'
+    },
+    height: {
+        type: String,
+        default: '100px'
+    },
+    iconText: {
+        type: String
+    },
+    limit: {
+        type: Number,
+        default: 1
+    }
+})
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+const value = computed({
+    get () {
+        return prop.modelValue
+    },
+    set (value) {
+        emit('update:modelValue', value)
+    }
+})
+
+const icons: Record<string, any> = reactive({
+    data: []
+})
+
+const setValue = () => {
+    value.value = toRaw(icons.data).toString()
+}
+
+watch(() => value.value, () => {
+    icons.data = [
+        ...value.value.split(',').filter((item: string) => {
+            return item
+        })
+    ]
+    setValue()
+}, { immediate: true })
+
+const style = computed(() => {
+    return {
+        width: prop.width,
+        height: prop.height
+    }
+})
+
+/**
+     * 选择图标
+     */
+const confirmSelect = (data: Record<string, any>) => {
+    if (prop.limit == 1) {
+        icons.data.splice(0, 1)
+        data && icons.data.push(data.url)
+    } else {
+        data.forEach((item: any) => {
+            if (icons.data.length < prop.limit) icons.data.push(item.url)
+        })
+    }
+    setValue()
+    emit('change', value.value)
+}
+
+/**
+     * 删除图标
+     * @param index
+     */
+const removeIcon = (index: number = 0) => {
+    icons.data.splice(index, 1)
+    setValue()
+}
+
+</script>
+
+<style lang="scss" scoped>
+	.icon-wrap {
+		.operation {
+			display: none;
+		}
+
+		&:hover {
+			.operation {
+				display: flex;
+			}
+		}
+	}
+</style>
diff --git a/admin/src/components/upload-attachment/attachment.vue b/admin/src/components/upload-attachment/attachment.vue
new file mode 100644
index 0000000..3fec080
--- /dev/null
+++ b/admin/src/components/upload-attachment/attachment.vue
@@ -0,0 +1,597 @@
+<template>
+    <div class="flex border-t border-b main-wrap border-color w-full" :class="scene == 'select' ? 'h-[40vh]' : 'h-full'">
+        <!-- 分组 -->
+        <div class="group-wrap w-[180px] p-[15px] h-full border-r border-color flex flex-col">
+
+            <el-input v-model="categoryParam.name" class="m-0" :placeholder="t('upload.attachmentCategoryPlaceholder')"
+                clearable prefix-icon="Search" @input="getAttachmentCategoryList()" />
+            <div class="group-list flex-1 my-[10px]">
+                <el-scrollbar>
+                    <div class="group-item p-[10px] leading-none text-xs rounded cursor-pointer"
+                        :class="{ active: attachmentParam.cate_id == 0 }" @click="attachmentParam.cate_id = 0">
+                        {{ t('selectPlaceholder') }}
+                    </div>
+                    <div class="group-item px-[10px] text-xs rounded cursor-pointer flex"
+                        v-for="(item, index) in attachmentCategory.data" :key="index"
+                        :class="{ active: attachmentParam.cate_id == item.id }">
+                        <div class="flex-1 leading-none truncate py-[10px]" @click="attachmentParam.cate_id = item.id">
+                            {{ item.name }}</div>
+                        <div class="leading-none operate py-[10px]" v-if="scene == 'attachment' && prop.type != 'icon'">
+                            <!-- 图片操作 -->
+                            <el-dropdown :hide-on-click="false" v-if="scene == 'attachment'">
+                                <icon name="element-MoreFilled" class="cursor-pointer ml-[10px]" size="14px" />
+                                {{ item.name }}
+                                <template #dropdown>
+                                    <el-dropdown-menu>
+                                        <el-dropdown-item class="text-center">
+                                            <popover-input :placeholder="t('upload.attachmentCategoryPlaceholder')"
+                                                @confirm="updateAttachmentCategory($event, index)" v-model="item.name">
+                                                <span>{{ t('edit') }}</span>
+                                            </popover-input>
+                                        </el-dropdown-item>
+                                        <el-dropdown-item @click="deleteAttachmentCategory(index)">
+                                            <div class="text-center w-full">{{ t('delete') }}</div>
+                                        </el-dropdown-item>
+                                    </el-dropdown-menu>
+                                </template>
+                            </el-dropdown>
+                        </div>
+                    </div>
+                </el-scrollbar>
+            </div>
+            <!-- 添加分组 -->
+            <popover-input :placeholder="t('upload.attachmentCategoryPlaceholder')" @confirm="addAttachmentCategory" v-model="attachmentCategoryName"
+                v-if="prop.type != 'icon'">
+                <el-button>{{ t('upload.addAttachmentCategory') }}</el-button>
+            </popover-input>
+        </div>
+        <!-- 素材 -->
+        <div class="attachment-list-wrap flex flex-col p-[15px] flex-1 overflow-hidden">
+            <el-row :gutter="15" class="h-[32px]">
+                <el-col :span="10">
+                    <div class="flex">
+                        <el-upload v-bind="upload" ref="uploadRef" v-if="prop.type != 'icon'">
+                            <el-button type="primary">{{ t('upload.upload' + type) }} {{ isOpen }}</el-button>
+                        </el-upload>
+                        <div v-if="scene == 'attachment' && prop.type != 'icon'">
+                            <el-button v-if="operate === false" class="ml-[10px]" type="primary"
+                                @click="operate = true">{{ t('edit') }}
+                            </el-button>
+                            <el-button v-else class="ml-[10px]" type="primary" @click="operate = false">{{ t('complete')
+                            }}</el-button>
+                        </div>
+                    </div>
+                </el-col>
+                <el-col :span="14" class="text-right">
+                    <el-input v-model="attachmentParam.real_name" class="m-0 w-[200px]" clearable
+                        :placeholder="t('upload.placeholder' + type + 'Name')" prefix-icon="Search"
+                        @input="getAttachmentList()" />
+                </el-col>
+            </el-row>
+            <div class="flex-1 my-[15px] h-0" v-loading="attachment.loading">
+                <el-scrollbar>
+                    <!-- 选择弹出框 -->
+                    <div class="flex flex-wrap"
+                        v-if="attachment.data.length && (operate === true || scene != 'attachment')">
+                        <div class="attachment-item mr-[10px]" :class="scene == 'select' ? 'w-[100px]' : 'w-[120px]'"
+                            v-for="(item, index) in attachment.data" :key="index">
+                            <div class="attachment-wrap w-full rounded cursor-pointer overflow-hidden relative flex items-center justify-center"
+                                :class="scene == 'select' ? 'h-[100px]' : 'h-[120px]'" @click="selectFile(item)">
+                                <el-image :src="img(item.url)" fit="contain" v-if="type == 'image'"></el-image>
+                                <video :src="img(item.url)" v-else-if="type == 'video'"></video>
+                                <icon :name="item.url" size="40px" v-else-if="type == 'icon'"></icon>
+                                <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60"
+                                    v-show="selectedFile[item.att_id]">
+                                    <icon name="element-Select" color="#fff" size="40px" />
+                                </div>
+                            </div>
+                            <div class="flex items-center">
+                                <el-tooltip placement="top">
+                                    <template #content>{{ item.real_name }}</template>
+                                    <div class="truncate my-[10px] cursor-pointer text-base flex-1 text-center">{{
+                                        item.real_name }}</div>
+                                </el-tooltip>
+                                <!-- 图片操作 -->
+                                <el-dropdown :hide-on-click="false" v-if="scene == 'attachment'"
+                                    class="attachment-action hidden ">
+                                    <icon name="element-MoreFilled" class="cursor-pointer ml-[8px]" size="14px" />
+                                    <template #dropdown>
+                                        <el-dropdown-menu>
+                                            <el-dropdown-item class="text-center" @click="previewImage(index)"
+                                                v-if="item.att_type == 'image'">
+                                                <div class="text-center w-full">{{ t('lookOver') }}</div>
+                                            </el-dropdown-item>
+                                            <el-dropdown-item class="text-center" @click="previewVideo(index)"
+                                                v-if="item.att_type == 'video'">
+                                                <div class="text-center w-full">{{ t('lookOver') }}</div>
+                                            </el-dropdown-item>
+                                            <el-dropdown-item class="text-center" @click="moveAttachmentEvent(index)">
+                                                <div class="text-center w-full">{{ t('upload.move') }}</div>
+                                            </el-dropdown-item>
+                                            <el-dropdown-item @click="deleteAttachmentEvent(index)">
+                                                <div class="text-center w-full">{{ t('delete') }}</div>
+                                            </el-dropdown-item>
+                                        </el-dropdown-menu>
+                                    </template>
+                                </el-dropdown>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- 素材管理 -->
+                    <div class="flex flex-wrap" v-else-if="attachment.data.length && operate === false">
+                        <div class="attachment-item mr-[10px] w-[120px]" v-for="(item, index) in attachment.data"
+                            :key="index">
+                            <div
+                                class="attachment-wrap w-full rounded cursor-pointer overflow-hidden relative flex items-center justify-center h-[120px]">
+                                <el-image :src="img(item.url)" fit="contain" v-if="type == 'image'"
+                                    :preview-src-list="item.image_list"></el-image>
+                                <video :src="img(item.url)" v-else-if="type == 'video'"></video>
+                                <icon :name="item.url" size="40px" v-else-if="type == 'icon'"></icon>
+                            </div>
+                            <div class="flex items-center">
+                                <el-tooltip placement="top">
+                                    <template #content>{{ item.real_name }}</template>
+                                    <div class="truncate my-[10px] cursor-pointer text-base flex-1 text-center">{{
+                                        item.real_name }}</div>
+                                </el-tooltip>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex items-center justify-center" v-else>
+                        <el-empty v-if="!attachment.loading"
+                            :description="type == 'icon' ? t('upload.iconEmpty') : t('upload.attachmentEmpty')"
+                            :image-size="100" />
+                    </div>
+                </el-scrollbar>
+            </div>
+            <el-row :gutter="20">
+                <el-col :span="8" v-if="scene == 'attachment' && operate === true">
+                    <div class="flex items-center">
+                        <el-checkbox v-model="selectAll" :label="t('selectAll')" size="large" />
+                        <el-button class="ml-[15px]" :disabled="batchOperateDisabled"
+                            @click="deleteAttachmentEvent()">{{ t('delete') }}</el-button>
+                        <el-button :disabled="batchOperateDisabled" @click="moveAttachmentEvent()">{{ t('upload.move')
+                        }}</el-button>
+                    </div>
+                </el-col>
+                <el-col :span="scene == 'attachment' ? 16 : 24">
+                    <div class="flex h-full justify-end items-center">
+                        <el-pagination v-model:current-page="attachment.page" :small="true"
+                            v-model:page-size="attachment.limit" :page-sizes="[10, 20, 30, 40, 60]"
+                            layout="total, sizes, prev, pager, next, jumper" :total="attachment.total"
+                            @size-change="getAttachmentList()" @current-change="getAttachmentList" />
+                    </div>
+                </el-col>
+            </el-row>
+        </div>
+
+        <template v-if="scene == 'attachment'">
+            <!-- 移动附件分组 -->
+            <el-dialog v-model="moveAttachmentData.visible" :title="t('upload.moveCategory')" width="350px">
+                <el-form label-width="60px">
+                    <el-form-item :label="t('upload.moveTo')" style="margin-bottom: 0;">
+                        <el-select v-model="moveAttachmentData.cateId" class="input-width">
+                            <el-option :label="item.name" :value="item.id" v-for="(item, index) in attachmentCategory.data"
+                                :key="index" />
+                        </el-select>
+                    </el-form-item>
+                </el-form>
+
+                <template #footer>
+                    <span class="dialog-footer">
+                        <el-button @click="moveAttachmentData.visible = false">{{ t('cancel') }}</el-button>
+                        <el-button type="primary" :loading="moveAttachmentData.loading"
+                            @click="moveAttachmentData.confirm()">{{ t('confirm') }}</el-button>
+                    </span>
+                </template>
+            </el-dialog>
+
+            <!-- 图片预览 -->
+            <el-image-viewer :url-list="previewImageList" v-if="imageViewer.show" @close="imageViewer.show = false"
+                :initial-index="imageViewer.index" :zoom-rate="1" />
+
+            <!-- 视频预览 -->
+            <el-dialog v-model="videoViewer.visible" width="50%" align-center :destroy-on-close="true"
+                custom-class="video-preview">
+                <video-player :src="videoViewer.src" width="100%" />
+            </el-dialog>
+
+        </template>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, watch, computed, toRaw } from 'vue'
+import { t } from '@/lang'
+import {
+    getAttachmentCategoryList as attachmentCategoryList,
+    getAttachmentList as attachmentList,
+    addAttachmentCategory as addCategory,
+    editAttachmentCategory as updateCategory,
+    deleteAttachmentCategory as deleteCategory,
+    deleteAttachment,
+    moveAttachment,
+    getIconCategoryList,
+    getIconList
+} from '@/app/api/sys'
+import { debounce, img, getToken } from '@/utils/common'
+import { ElMessage, UploadFile, UploadFiles, ElMessageBox } from 'element-plus'
+import storage from '@/utils/storage'
+
+const attachmentCategoryName = ref('')
+const operate = ref(false)
+const prop = defineProps({
+    // 选择数量限制
+    limit: {
+        type: Number,
+        default: 1
+    },
+    type: {
+        type: String,
+        default: 'image'
+    },
+    // 场景
+    scene: {
+        type: String,
+        default: 'select' // select 选择图片 attachment 素材中心
+    }
+})
+
+// 选中的文件
+const selectedFile: Record<string, any> = reactive({})
+
+const attachmentCategory: Record<string, any> = reactive({
+    data: []
+})
+
+const attachment: Record<string, any> = reactive({
+    loading: true,
+    page: 1,
+    total: 0,
+    limit: prop.scene == 'select' ? 10 : 20,
+    data: []
+})
+
+if (prop.scene == 'select') {
+    attachment.limit = 10
+    if (prop.type == 'icon') {
+        attachment.limit = 20
+    }
+} else {
+    attachment.limit = 20
+    if (prop.type == 'icon') {
+        attachment.limit = 30
+    }
+}
+
+const categoryParam = reactive({
+    name: ''
+})
+
+const attachmentParam = reactive({
+    real_name: '',
+    cate_id: 0
+})
+
+/**
+     * 查询分组
+     */
+const getAttachmentCategoryList = debounce(() => {
+    const getFn = prop.type == 'icon' ? getIconCategoryList : attachmentCategoryList
+    getFn({
+        type: prop.type,
+        ...categoryParam
+    }).then(res => {
+        attachmentCategory.data = res.data
+    }).catch(() => {
+
+    })
+})
+
+getAttachmentCategoryList()
+
+/**
+     * 查询图片
+     */
+const getAttachmentList = debounce((page: number = 1) => {
+    const getFn = prop.type == 'icon' ? getIconList : attachmentList
+
+    attachment.loading = true
+    attachment.page = page
+    getFn({
+        page: attachment.page,
+        limit: attachment.limit,
+        att_type: prop.type,
+        ...attachmentParam
+    }).then(res => {
+        attachment.data = res.data.data
+        attachment.total = res.data.total
+        attachment.loading = false
+        prop.scene == 'attachment' && clearSelected()
+
+        if (prop.type != 'icon') {
+            for (let i = 0; i < attachment.data.length; i++) {
+                attachment.data[i]['image_list'] = []
+                attachment.data[i]['image_list'].push(img(res.data.data[i]['url']))
+            }
+        }
+    }).catch(() => {
+        attachment.loading = false
+    })
+})
+getAttachmentList()
+
+watch(() => attachmentParam.cate_id, () => {
+    getAttachmentList()
+})
+
+/**
+     * 添加分组
+     */
+const addAttachmentCategory = (name: string) => {
+    addCategory({
+        type: prop.type,
+        name
+    }).then(res => {
+        attachmentCategoryName.value = ''
+        getAttachmentCategoryList(1)
+    }).catch(() => {
+
+    })
+}
+
+/**
+     * 编辑分组
+     * @param name
+     * @param index
+     */
+const updateAttachmentCategory = (name: string, index: number) => {
+    updateCategory({
+        id: attachmentCategory.data[index].id,
+        name
+    }).then(res => {
+        attachmentCategory.data[index].name = name
+    }).catch(() => {
+
+    })
+}
+
+/**
+     * 删除分组
+     */
+const deleteAttachmentCategory = (index: number) => {
+    ElMessageBox.confirm(t('upload.deleteCategoryTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteCategory(attachmentCategory.data[index].id).then(() => {
+            attachmentCategory.data.splice(index, 1)
+        }).catch(() => {
+        })
+    })
+}
+
+const uploadRef = ref<Record<string, any> | null>(null)
+
+// 上传文件
+const upload = computed(() => {
+    const headers: Record<string, any> = {}
+    headers[import.meta.env.VITE_REQUEST_HEADER_TOKEN_KEY] = getToken()
+    headers[import.meta.env.VITE_REQUEST_HEADER_SITEID_KEY] = storage.get('siteId') || 0
+
+    return {
+        action: `${import.meta.env.VITE_APP_BASE_URL}/sys/${prop.type}`,
+        multiple: true,
+        data: {
+            cate_id: attachmentParam.cate_id
+        },
+        headers,
+        onSuccess: (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => {
+            if (response.code >= 1) {
+                getAttachmentList()
+                uploadRef.value?.handleRemove(uploadFile)
+            } else {
+                uploadFile.status = 'fail'
+                ElMessage({ message: response.msg, type: 'error' })
+            }
+        }
+    }
+})
+
+// 全选
+const selectAll = ref(false)
+watch(selectAll, () => {
+    if (selectAll.value) {
+        const keys = Object.keys(toRaw(selectedFile))
+        attachment.data.forEach((item: Record<string, any>) => {
+            if (!keys.includes(item.att_id)) selectedFile[item.att_id] = toRaw(item)
+        })
+    } else {
+        clearSelected()
+    }
+})
+
+/**
+     * 清空选中
+     */
+const clearSelected = () => {
+    const keys = Object.keys(toRaw(selectedFile))
+    if (keys.length) {
+        keys.forEach((key) => {
+            delete selectedFile[key]
+        })
+        selectAll.value = false
+    }
+}
+
+/**
+     * 选择文件
+     */
+const selectFile = (data: any) => {
+    if (selectedFile[data.att_id]) delete selectedFile[data.att_id]
+    else if (prop.scene == 'select') {
+        const keys = Object.keys(toRaw(selectedFile))
+        const length = keys.length
+        if (prop.limit == 1 && length == prop.limit) {
+            delete selectedFile[keys[0]]
+        } else if (length >= prop.limit) {
+            ElMessage.info(t('upload.triggerUpperLimit'))
+            return
+        }
+        selectedFile[data.att_id] = toRaw(data)
+    } else {
+        selectedFile[data.att_id] = toRaw(data)
+    }
+}
+
+/**
+     * 删除附件
+     * @param index
+     */
+const deleteAttachmentEvent = (index: number | null = null) => {
+    const ids = index === null ? Object.keys(toRaw(selectedFile)) : [attachment.data[index].att_id]
+
+    ElMessageBox.confirm(t('upload.deleteAttachmentTips'), t('warning'),
+        {
+            confirmButtonText: t('confirm'),
+            cancelButtonText: t('cancel'),
+            type: 'warning'
+        }
+    ).then(() => {
+        deleteAttachment({ att_ids: ids }).then(() => {
+            getAttachmentList()
+        }).catch(() => {
+        })
+    })
+}
+
+/**
+     * 移动附件
+     */
+const moveAttachmentData: Record<string, any> = reactive({
+    cateId: '',
+    loading: false,
+    visible: false
+})
+const moveAttachmentEvent = (index: number | null = null) => {
+    const ids = index === null ? Object.keys(toRaw(selectedFile)) : [attachment.data[index].att_id]
+    moveAttachmentData.visible = true
+    moveAttachmentData.cateId = attachmentCategory.data[0].id
+
+    moveAttachmentData.confirm = () => {
+        moveAttachmentData.loading = true
+        moveAttachment({ cate_id: moveAttachmentData.cateId, att_ids: ids }).then(() => {
+            moveAttachmentData.visible = false
+            moveAttachmentData.loading = false
+            getAttachmentList()
+        }).catch(() => {
+            moveAttachmentData.loading = false
+        })
+    }
+}
+
+// 批量操作是否可操作
+const batchOperateDisabled = ref(true)
+watch(selectedFile, () => {
+    batchOperateDisabled.value = Object.keys(toRaw(selectedFile)).length == 0
+})
+
+/**
+     * 查看图片
+     */
+const imageViewer = reactive({
+    show: false,
+    index: 0
+})
+
+const previewImage = (index: number) => {
+    imageViewer.show = true
+    imageViewer.index = index
+}
+const previewImageList = computed(() => {
+    return toRaw(attachment.data).map((item: Record<string, any>) => {
+        return img(item.url)
+    })
+})
+
+/**
+     * 视频预览
+     */
+const videoViewer = reactive({
+    visible: false,
+    src: ''
+})
+const previewVideo = (index: number) => {
+    videoViewer.visible = true
+    videoViewer.src = img(attachment.data[index].url)
+}
+
+defineExpose({
+    selectedFile
+})
+</script>
+
+<style lang="scss" scoped>
+.group-list {
+    .group-item {
+        height: 32px;
+        margin-top: 3px;
+
+        .operate {
+            display: none;
+        }
+
+        &.active {
+            background-color: var(--el-color-primary-light-9);
+            color: var(--el-color-primary);
+        }
+
+        &:hover {
+            background-color: var(--el-color-primary-light-9);
+
+            .operate {
+                display: block;
+            }
+        }
+    }
+}
+
+.attachment-item:hover {
+    .attachment-action {
+        display: block;
+    }
+}
+
+.attachment-list-wrap {
+    .attachment-wrap {
+        background: var(--el-border-color-extra-light);
+    }
+}</style>
+<style lang="scss">.video-preview {
+    background: none !important;
+    box-shadow: none !important;
+
+    .el-dialog__headerbtn .el-dialog__close {
+        border-radius: 50%;
+        width: 34px;
+        height: 34px;
+        font-size: 24px;
+        color: #fff;
+        background-color: var(--el-text-color-regular);
+        border-color: #fff;
+    }
+}
+
+.el-upload-list {
+    position: absolute !important;
+    z-index: 10;
+
+    .el-upload-list__item {
+        background: #fff !important;
+        box-shadow: var(--el-box-shadow-light);
+    }
+}</style>
diff --git a/admin/src/components/upload-attachment/index.vue b/admin/src/components/upload-attachment/index.vue
new file mode 100644
index 0000000..27eace9
--- /dev/null
+++ b/admin/src/components/upload-attachment/index.vue
@@ -0,0 +1,74 @@
+<template>
+    <span @click="openDialog" class="cursor-pointer">
+        <slot></slot>
+    </span>
+    <el-dialog v-model="showDialog" :title="t('upload.select' + type)" width="60%" class="attachment-dialog" :destroy-on-close="true">
+
+        <attachment :limit="limit" :type="type" ref="attachmentRef" />
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="showDialog = false">{{ t('cancel') }}</el-button>
+                <el-button type="primary" @click="confirm">{{ t('confirm') }}</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { t } from '@/lang'
+import attachment from './attachment.vue'
+
+const prop = defineProps({
+    // 选择数量限制
+    limit: {
+        type: Number,
+        default: 1
+    },
+    type: {
+        type: String,
+        default: 'image'
+    }
+})
+
+const showDialog = ref(false)
+const attachmentRef: Record<string, any> | null = ref(null)
+
+const openDialog = () => {
+    showDialog.value = true
+}
+
+const emit = defineEmits(['confirm'])
+
+/**
+ * 确认选择
+ */
+const confirm = () => {
+    showDialog.value = false
+    const files = Object.values(attachmentRef?.value.selectedFile)
+    emit('confirm', prop.limit == 1 ? files[0] ?? null : files)
+}
+
+defineExpose({
+    showDialog
+})
+</script>
+
+<style lang="scss">
+.attachment-dialog {
+    .el-dialog__body {
+        padding: 0 !important;
+    }
+
+    .el-upload-list {
+        position: absolute;
+        z-index: 5;
+    }
+
+    .el-upload-list__item {
+        background: var(--el-dialog-bg-color);
+        box-shadow: var(--el-dialog-box-shadow);
+    }
+}
+</style>
diff --git a/admin/src/components/upload-file/index.vue b/admin/src/components/upload-file/index.vue
new file mode 100644
index 0000000..4312948
--- /dev/null
+++ b/admin/src/components/upload-file/index.vue
@@ -0,0 +1,63 @@
+<template>
+    <el-upload v-bind="upload" class="w-full upload-file">
+        <slot>
+            <el-input v-model="value" class="w-full" :readonly="true" :title="value">
+                <template #append>{{ t('upload.root') }}</template>
+            </el-input>
+        </slot>
+    </el-upload>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { t } from '@/lang'
+import { getToken } from '@/utils/common'
+import { UploadFile, ElMessage } from 'element-plus'
+import storage from '@/utils/storage'
+
+const prop = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    api: {
+        type: String,
+        default: 'sys/document/document'
+    }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const value = computed({
+    get () {
+        return prop.modelValue
+    },
+    set (value) {
+        emit('update:modelValue', value)
+    }
+})
+
+const upload: Record<string, any> = {
+    action: `${import.meta.env.VITE_APP_BASE_URL}/${prop.api}`,
+    showFileList: false,
+    headers: {},
+    accept: '.doc,.docx,.xml,.txt,.pem,.zip,.rar,.7z,.crt,.key',
+    onSuccess: (response: any, uploadFile: UploadFile) => {
+        if (response.code != undefined && response.code != 1) {
+            ElMessage({ message: response.msg, type: 'error' })
+            return
+        }
+        value.value = response.data.url
+        ElMessage({ message: t('upload.success'), type: 'success' })
+    }
+}
+upload.headers[import.meta.env.VITE_REQUEST_HEADER_TOKEN_KEY] = getToken()
+upload.headers[import.meta.env.VITE_REQUEST_HEADER_SITEID_KEY] = storage.get('siteId') || 0
+
+</script>
+
+<style lang="scss">
+.upload-file .el-upload {
+    width: 100%;
+}
+</style>
diff --git a/admin/src/components/upload-image/index.vue b/admin/src/components/upload-image/index.vue
new file mode 100644
index 0000000..8919d93
--- /dev/null
+++ b/admin/src/components/upload-image/index.vue
@@ -0,0 +1,161 @@
+<template>
+    <div class="flex flex-wrap">
+        <template v-if="limit == 1">
+            <div class="rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]" :style="style">
+                <div class="w-full h-full relative" v-if="images.data.length">
+                    <div class="w-full h-full flex items-center justify-center">
+                        <el-image :src="img(images.data[0])" fit="contain"></el-image>
+                    </div>
+                    <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
+                        <icon name="element-ZoomIn" color="#fff" size="18px" class="mr-[10px]" @click="previewImage()" />
+                        <icon name="element-Delete" color="#fff" size="18px" @click="removeImage" />
+                    </div>
+                </div>
+                <upload-attachment :limit="limit" @confirm="confirmSelect" v-else>
+                    <div class="w-full h-full flex items-center justify-center flex-col">
+                        <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                        <div class="leading-none text-xs mt-[10px] text-secondary">{{ imageText || t('upload.root') }}</div>
+                    </div>
+                </upload-attachment>
+            </div>
+        </template>
+        <template v-else>
+            <div class="rounded cursor-pointer overflow-hidden relative border border-solid border-color image-wrap mr-[10px]" :style="style" v-for="(item, index) in images.data" :key="index">
+                <div class="w-full h-full relative">
+                    <div class="w-full h-full flex items-center justify-center">
+                        <el-image :src="img(item)" fit="contain"></el-image>
+                    </div>
+                    <div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
+                        <icon name="element-ZoomIn" color="#fff" size="18px" class="mr-[10px]" @click="previewImage(index)" />
+                        <icon name="element-Delete" color="#fff" size="18px" @click="removeImage(index)" />
+                    </div>
+                </div>
+            </div>
+            <div class="rounded cursor-pointer overflow-hidden relative border border-dashed border-color" :style="style" v-if="images.data.length < limit">
+                <upload-attachment :limit="limit" @confirm="confirmSelect">
+                    <div class="w-full h-full flex items-center justify-center flex-col">
+                        <icon name="element-Plus" size="20px" color="var(--el-text-color-secondary)" />
+                        <div class="leading-none text-xs mt-[10px] text-secondary">{{ imageText || t('upload.root') }}</div>
+                    </div>
+                </upload-attachment>
+            </div>
+        </template>
+    </div>
+
+    <el-image-viewer :url-list="previewImageList" v-if="imageViewer.show" @close="imageViewer.show = false" :initial-index="imageViewer.index" :zoom-rate="1" />
+</template>
+
+<script lang="ts" setup>
+import { computed, reactive, watch, toRaw } from 'vue'
+import { img } from '@/utils/common'
+import { t } from '@/lang'
+
+const prop = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    width: {
+        type: String,
+        default: '100px'
+    },
+    height: {
+        type: String,
+        default: '100px'
+    },
+    imageText: {
+        type: String
+    },
+    limit: {
+        type: Number,
+        default: 1
+    }
+})
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+const value = computed({
+    get () {
+        return prop.modelValue
+    },
+    set (value) {
+        emit('update:modelValue', value)
+    }
+})
+
+const images: Record<string, any> = reactive({
+    data: []
+})
+
+let previewImageList: string[] = reactive([])
+
+const setValue = () => {
+    value.value = toRaw(images.data).toString()
+    previewImageList = toRaw(images.data).map((url: string) => { return img(url) })
+}
+
+watch(() => value.value, () => {
+    images.data = [
+        ...value.value.split(',').filter((item: string) => { return item })
+    ]
+    setValue()
+}, { immediate: true })
+
+const style = computed(() => {
+    return {
+        width: prop.width,
+        height: prop.height
+    }
+})
+
+/**
+ * 选择图片
+ */
+const confirmSelect = (data: Record<string, any>) => {
+    if (prop.limit == 1) {
+        images.data.splice(0, 1)
+        data && images.data.push(data.url)
+    } else {
+        data.forEach((item: any) => {
+            if (images.data.length < prop.limit) images.data.push(item.url)
+        })
+    }
+    setValue()
+    emit('change', value.value)
+}
+
+/**
+ * 删除图片
+ * @param index
+ */
+const removeImage = (index: number = 0) => {
+    images.data.splice(index, 1)
+    setValue()
+}
+
+/**
+ * 查看图片
+ */
+const imageViewer = reactive({
+    show: false,
+    index: 0
+})
+const previewImage = (index: number = 0) => {
+    imageViewer.show = true
+    imageViewer.index = index
+}
+</script>
+
+<style lang="scss" scoped>
+.image-wrap {
+    .operation {
+        display: none;
+    }
+
+    &:hover {
+        .operation {
+            display: flex;
+        }
+    }
+}
+</style>
diff --git a/admin/src/components/upload-video/index.vue b/admin/src/components/upload-video/index.vue
new file mode 100644
index 0000000..9392b53
--- /dev/null
+++ b/admin/src/components/upload-video/index.vue
@@ -0,0 +1,158 @@
+<template>
+	<div class="flex flex-wrap">
+		<template v-if="limit == 1">
+			<div class="rounded cursor-pointer relative bg-page video-wrap mr-[10px]" :style="style">
+				<template v-if="videos.data.length">
+					<div class="w-full h-full relative flex items-center overflow-hidden rounded">
+						<video :src="img(videos.data[0])" class="w-full"/>
+						<div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
+							<icon name="iconfont-icon24gf-playCircle" color="#fff" size="25px" @click="previewVideo()"/>
+						</div>
+					</div>
+					<icon name="element-CircleCloseFilled" color="#bbb" size="18px" @click="removeVideo" class="absolute z-[2] top-[-9px] right-[-9px]"/>
+				</template>
+				<upload-attachment :limit="limit" type="video" @confirm="confirmSelect" v-else>
+					<div class="w-full h-full flex items-center justify-center flex-col">
+						<icon name="iconfont-icon24gf-playCircle" size="25px" color="var(--el-text-color-secondary)"/>
+					</div>
+				</upload-attachment>
+			</div>
+		</template>
+		<template v-else>
+			<div class="rounded cursor-pointer relative bg-page video-wrap mr-[10px]" :style="style" v-for="(item, index) in videos.data" :key="index">
+				<div class="w-full h-full relative flex items-center overflow-hidden rounded">
+					<video :src="img(item)" class="w-full"/>
+					<div class="absolute z-[1] flex items-center justify-center w-full h-full inset-0 bg-black bg-opacity-60 operation">
+						<icon name="iconfont-icon24gf-playCircle" color="#fff" size="25px" @click="previewVideo(index)"/>
+					</div>
+				</div>
+				<icon name="element-CircleCloseFilled" color="#bbb" size="18px" @click="removeVideo(index)" class="absolute z-[2] top-[-9px] right-[-9px]"/>
+			</div>
+			<div class="rounded cursor-pointer relative bg-page video-wrap mr-[10px]" :style="style" v-if="videos.data.length < limit">
+				<upload-attachment :limit="limit" type="video" @confirm="confirmSelect">
+					<div class="w-full h-full flex items-center justify-center flex-col">
+						<icon name="iconfont-icon24gf-playCircle" size="25px" color="var(--el-text-color-secondary)"/>
+					</div>
+				</upload-attachment>
+			</div>
+		</template>
+
+		<!-- 视频预览 -->
+		<el-dialog v-model="videoViewer.visible" width="50%" align-center :destroy-on-close="true" custom-class="video-preview">
+			<video-player :src="videoViewer.src" width="100%"/>
+		</el-dialog>
+
+	</div>
+</template>
+
+<script lang="ts" setup>
+import { computed, reactive, watch, toRaw } from 'vue'
+import { img } from '@/utils/common'
+
+const prop = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    width: {
+        type: String,
+        default: '200px'
+    },
+    height: {
+        type: String,
+        default: '100px'
+    },
+    limit: {
+        type: Number,
+        default: 1
+    }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const value = computed({
+    get () {
+        return prop.modelValue
+    },
+    set (value) {
+        emit('update:modelValue', value)
+    }
+})
+
+const videos: Record<string, any> = reactive({
+    data: []
+})
+
+watch(() => value.value, () => {
+    videos.data = [
+        ...value.value.split(',').filter((item: string) => {
+            return item
+        })
+    ]
+    setValue()
+})
+
+const style = computed(() => {
+    return {
+        width: prop.width,
+        height: prop.height
+    }
+})
+
+/**
+     * 选择视频
+     */
+const confirmSelect = (data: Record<string, any>) => {
+    if (prop.limit == 1) {
+        videos.data.splice(0, 1)
+        data && videos.data.push(data.url)
+    } else {
+        data.forEach((item: any) => {
+            if (videos.data.length < prop.limit) videos.data.push(item.url)
+        })
+    }
+    setValue()
+}
+
+/**
+     * 删除视频
+     * @param index
+     */
+const removeVideo = (index: number = 0) => {
+    videos.data.splice(index, 1)
+    setValue()
+}
+
+const setValue = () => {
+    value.value = toRaw(videos.data).toString()
+}
+
+/**
+     * 查看视频
+     */
+const videoViewer = reactive({
+    visible: false,
+    src: ''
+})
+const previewVideo = (index: number = 0) => {
+    videoViewer.visible = true
+    videoViewer.src = img(videos.data[index])
+}
+</script>
+
+<style lang="scss">
+	.video-preview {
+		background: none !important;
+		box-shadow: none !important;
+
+		.el-dialog__headerbtn .el-dialog__close {
+			border-radius: 50%;
+			width: 34px;
+			height: 34px;
+			font-size: 24px;
+			color: #fff;
+			background-color: var(--el-text-color-regular);
+			border-color: #fff;
+		}
+	}
+</style>
diff --git a/admin/src/components/verifition/Verify.vue b/admin/src/components/verifition/Verify.vue
new file mode 100644
index 0000000..406980d
--- /dev/null
+++ b/admin/src/components/verifition/Verify.vue
@@ -0,0 +1,430 @@
+<template>
+<div :class="mode=='pop'?'mask':''"  v-show="showBox">
+    <div :class="mode=='pop'?'verifybox':''" :style="{'max-width':parseInt(imgSize.width)+30+'px'}">
+        <div class="verifybox-top"  v-if="mode=='pop'">
+            请完成安全验证
+            <span class="verifybox-close" @click="closeBox">
+                <i class="iconfont icon-close"></i>
+            </span>
+        </div>
+        <div class="verifybox-bottom" :style="{padding:mode=='pop'?'15px':'0'}">
+            <!-- 验证码容器 -->
+            <component v-if="componentType"
+                        :is="componentType"
+                        :captchaType="captchaType"
+                        :type="verifyType"
+                        :figure="figure"
+                        :arith="arith"
+                        :mode="mode"
+                        :vSpace="vSpace"
+                        :explain="explain"
+                        :imgSize="imgSize"
+                        :blockSize="blockSize"
+                        :barSize="barSize"
+                        ref="instance"></component>
+        </div>
+    </div>
+</div>
+</template>
+<script type="text/babel">
+/**
+     * Verify 验证码组件
+     * @description 分发验证码使用
+     * */
+import VerifySlide from './Verify/VerifySlide.vue'
+import VerifyPoints from './Verify/VerifyPoints.vue'
+import { computed, ref, toRefs, watchEffect } from 'vue'
+
+export default {
+    name: 'Vue2Verify',
+    components: {
+        VerifySlide,
+        VerifyPoints
+    },
+    props: {
+        captchaType: {
+            type: String,
+            required: true
+        },
+        figure: {
+            type: Number
+        },
+        arith: {
+            type: Number
+        },
+        mode: {
+            type: String,
+            default: 'pop'
+        },
+        vSpace: {
+            type: Number
+        },
+        explain: {
+            type: String
+        },
+        imgSize: {
+            type: Object,
+            default () {
+                return {
+                    width: '310px',
+                    height: '155px'
+                }
+            }
+        },
+        blockSize: {
+            type: Object
+        },
+        barSize: {
+            type: Object
+        }
+    },
+    setup (props) {
+        const { captchaType,figure, arith, mode, vSpace, explain, imgSize, blockSize, barSize } = toRefs(props)
+        const clickShow = ref(false)
+        const verifyType = ref(undefined)
+        const componentType = ref(undefined)
+        const instance = ref({})
+
+        const showBox = computed(() => {
+            if (mode.value == 'pop') {
+                return clickShow.value
+            } else {
+                return true
+            }
+        })
+        /**
+             * refresh
+             * @description 刷新
+             * */
+        const refresh = () => {
+            if (instance.value.refresh) {
+                instance.value.refresh()
+            }
+        }
+        const closeBox = () => {
+            clickShow.value = false
+            refresh()
+        }
+        const show = () => {
+            if (mode.value == 'pop') {
+                clickShow.value = true
+            }
+        }
+        watchEffect(() => {
+            switch (captchaType.value) {
+                case 'blockPuzzle':
+                    verifyType.value = '2'
+                    componentType.value = 'VerifySlide'
+                    break
+                case 'clickWord':
+                    verifyType.value = ''
+                    componentType.value = 'VerifyPoints'
+                    break
+            }
+        })
+
+        return {
+            clickShow,
+            verifyType,
+            componentType,
+            instance,
+            showBox,
+            closeBox,
+            show
+        }
+    }
+}
+</script>
+<style>
+    .verifybox{
+        position: relative;
+        box-sizing: border-box;
+        border-radius: 2px;
+        border: 1px solid #e4e7eb;
+        background-color: #fff;
+        box-shadow: 0 0 10px rgba(0,0,0,.3);
+        left: 50%;
+        top:50%;
+        transform: translate(-50%,-50%);
+    }
+    .verifybox-top{
+        padding: 0 15px;
+        height: 50px;
+        line-height: 50px;
+        text-align: left;
+        font-size: 16px;
+        color: #45494c;
+        border-bottom: 1px solid #e4e7eb;
+        box-sizing: border-box;
+    }
+    .verifybox-bottom{
+        padding: 15px;
+        box-sizing: border-box;
+    }
+    .verifybox-close{
+        position: absolute;
+        top: 13px;
+        right: 9px;
+        width: 24px;
+        height: 24px;
+        text-align: center;
+        cursor: pointer;
+    }
+    .mask{
+        position: fixed;
+        top: 0;
+        left:0;
+        z-index: 1001;
+        width: 100%;
+        height: 100vh;
+        background: rgba(0,0,0,.3);
+        /* display: none; */
+        transition: all .5s;
+    }
+    .verify-tips{
+        position: absolute;
+        left: 0px;
+        bottom:0px;
+        width: 100%;
+        height: 30px;
+        line-height:30px;
+        color: #fff;
+    }
+    .suc-bg{
+       background-color:rgba(92, 184, 92,.5);
+       filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C);
+    }
+    .err-bg{
+       background-color:rgba(217, 83, 79,.5);
+       filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F);
+    }
+    .tips-enter,.tips-leave-to{
+        bottom: -30px;
+    }
+    .tips-enter-active,.tips-leave-active{
+        transition: bottom .5s;
+    }
+    /* ---------------------------- */
+    /*常规验证码*/
+    .verify-code {
+        font-size: 20px;
+        text-align: center;
+        cursor: pointer;
+        margin-bottom: 5px;
+        border: 1px solid #ddd;
+    }
+
+    .cerify-code-panel {
+        height: 100%;
+        overflow: hidden;
+    }
+
+    .verify-code-area {
+        float: left;
+    }
+
+    .verify-input-area {
+        float: left;
+        width: 60%;
+        padding-right: 10px;
+
+    }
+
+    .verify-change-area {
+        line-height: 30px;
+        float: left;
+    }
+
+    .varify-input-code {
+        display: inline-block;
+        width: 100%;
+        height: 25px;
+    }
+
+    .verify-change-code {
+        color: #337AB7;
+        cursor: pointer;
+    }
+
+    .verify-btn {
+        width: 200px;
+        height: 30px;
+        background-color: #337AB7;
+        color: #FFFFFF;
+        border: none;
+        margin-top: 10px;
+    }
+    /*滑动验证码*/
+    .verify-bar-area {
+        position: relative;
+        background: #FFFFFF;
+        text-align: center;
+        -webkit-box-sizing: content-box;
+        -moz-box-sizing: content-box;
+        box-sizing: content-box;
+        border: 1px solid #ddd;
+        -webkit-border-radius: 4px;
+    }
+
+    .verify-bar-area .verify-move-block {
+        position: absolute;
+        top: 0px;
+        left: 0;
+        background: #fff;
+        cursor: pointer;
+        -webkit-box-sizing: content-box;
+        -moz-box-sizing: content-box;
+        box-sizing: content-box;
+        box-shadow: 0 0 2px #888888;
+        -webkit-border-radius: 1px;
+    }
+
+    .verify-bar-area .verify-move-block:hover {
+        background-color: #337ab7;
+        color: #FFFFFF;
+    }
+
+    .verify-bar-area .verify-left-bar {
+        position: absolute;
+        top: -1px;
+        left: -1px;
+        background: #f0fff0;
+        cursor: pointer;
+        -webkit-box-sizing: content-box;
+        -moz-box-sizing: content-box;
+        box-sizing: content-box;
+        border: 1px solid #ddd;
+    }
+
+    .verify-img-panel {
+        margin: 0;
+        -webkit-box-sizing: content-box;
+        -moz-box-sizing: content-box;
+        box-sizing: content-box;
+        border-top: 1px solid #ddd;
+        border-bottom: 1px solid #ddd;
+        border-radius: 3px;
+        position: relative;
+    }
+
+    .verify-img-panel .verify-refresh {
+        width: 25px;
+        height: 25px;
+        text-align: center;
+        padding: 5px;
+        cursor: pointer;
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 2;
+    }
+
+    .verify-img-panel .icon-refresh {
+        font-size: 20px;
+        color: #fff;
+    }
+
+    .verify-img-panel .verify-gap {
+        background-color: #fff;
+        position: relative;
+        z-index: 2;
+        border: 1px solid #fff;
+    }
+
+    .verify-bar-area .verify-move-block .verify-sub-block {
+        position: absolute;
+        text-align: center;
+        z-index: 3;
+        /* border: 1px solid #fff; */
+    }
+
+    .verify-bar-area .verify-move-block .verify-icon {
+        font-size: 18px;
+    }
+
+    .verify-bar-area .verify-msg {
+        z-index: 3;
+    }
+
+    /*字体图标的css*/
+    /*@font-face {font-family: "iconfont";*/
+    /*src: url('../fonts/iconfont.eot?t=1508229193188'); !* IE9*!*/
+    /*src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
+    /*url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaAAAsAAAAACUwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kiSY21hcAAAAYAAAAB3AAABuM+qBlRnbHlmAAAB+AAAAnQAAALYnrUwT2hlYWQAAARsAAAALwAAADYPNwajaGhlYQAABJwAAAAcAAAAJAfeA4dobXR4AAAEuAAAABMAAAAYF+kAAGxvY2EAAATMAAAADgAAAA4CvAGsbWF4cAAABNwAAAAfAAAAIAEVAF1uYW1lAAAE/AAAAUUAAAJtPlT+fXBvc3QAAAZEAAAAPAAAAE3oPPXPeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDxbwtzwv4EhhrmBoQEozAiSAwAw1A0UeJzFkcENgCAMRX8RjCGO4gTe9eQcnhzAfXC2rqG/hYsT8MmD9gdS0gJIAAaykAjIBYHppCvuD8juR6zMJ67A89Zdn/f1aNPikUn8RvYo8G20CjKim6Rf6b9m34+WWd/vBr+oW8V6q3vF5qKlYrPRp4L0Ad5nGL8AeJxFUc9rE0EYnTezu8lMsrvtbrqb3TRt0rS7bdOmdI0JbWmCtiItIv5oi14qevCk9SQVLFiQgqAF8Q9QLKIHLx48FkHo3ZNnFUXwD5C2B6dO6sFhmI83w7z3fe8RnZCjb2yX5YlLhskkmScXCIFRxYBFiyjH9Rqtoqes9/g5i8WVuJyqDNTYLPwBI+cljXrkGynDhoU+nCgnjbhGY5yst+gMEq8IBIXwsjPU67CnEPm4b0su0h309Fd67da4XBhr55KSm17POk7gOE/Shq6nKdVsC7d9j+tcGPKVboc9u/0jtB/ZIA7PXTVLBef6o/paccjnwOYm3ELJetPuDrvV3gg91wlSXWY6H5qVwRzWf2TybrYYfSdqoXOwh/Qa8RWIjBTiSI3h614/vKSNRhONOrsnQi6Xf4nQFQDTmJE1NKbhI6crHEJO/+S5QPxhYJRRyvBFBP+5T9EPpEAIVzzRQIrjmJ6jY1WTo+NXTMchuBsKuS8PRZATSMl9oTA4uNLkeIA0V1UeqOoGQh7IAxGo+7T83fn3T+voqCNPPAUazUYUI7LgKSV1Jk2oUeghYGhZ+cKOe2FjVu5ZKEY2VkE13AK1+jI4r1KLbPlZfrKiPhOXKPRj7q9sj9XJ7LFHNmrKJS3VCdhXGSdKrtmoQaWeMjQVt0KD6sGPOx0oH2fgtzoNROxtNq8F3tzYM/n+TjKSX5qf2jx941276TIr9FjXxKr8eX/6bK4yuopwo9py1sw8F9kdw4AmurRpLUM3tYx5ZnKpfHPi8dzz19vJ6MjyxYUrpqeb1uLs3eGV6vr21pSqpeWkqonAN9oUyIiXpv8XvlN5e3icY2BkYGAA4n0vN4fG89t8ZeBmYQCBa9wPPRH0/wcsDMwmQC4HAxNIFABAfAqaAHicY2BkYGBu+N/AEMPCAAJAkpEBFbABAEcMAm94nGNhYGBgfsnAwMKAigESnwEBAAAAAAAAdgCkANoBCAFsAAB4nGNgZGBgYGMIZGBlAAEmIOYCQgaG/2A+AwARSAFzAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgI2RiZGZkYWRlZGNkZ2BsYI1OSM1OZs1OSe/OJW1KDM9o4S9KDWtKLU4g4EBAJ79CeQ=') format('woff'),*/
+    /*url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*!*/
+    /*url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); !* iOS 4.1- *!*/
+    /*}*/
+
+    .iconfont {
+        font-family: "iconfont" !important;
+        font-size: 16px;
+        font-style: normal;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+    }
+
+    .icon-check:before {
+        content: " ";
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        margin: auto;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 9999;
+        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAIlFJREFUeNrt3X1cVNW6B/BnbcS3xJd7fLmSeo+op/Qmyp4BFcQEwpd8Nyc9iZppgUfE49u1tCwlNcMySCM1S81jCoaioiJvKoYgswfUo5wSJ69SZFKCKSAws+4f2/GetFFRYG3g9/2Hz2xj+O2J4Zm19trrIQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKgjmOgAAADwOBhz83TzdPNs397qanW1ujJ2s8fNHjd7FBTkhuSG5IbculVdP1kSfeoAAPBwdFzHdXzgQN0S3RLdkpgY2SJbZMvNm9It6ZZ064cfGmQ2yGyQmZfX3KO5R3OPwkJdsi5Zl5yYKIfL4XL4mDHqs7AqGzhgBAIAoFFdI7pGdI1o1KjFlhZbWmxZv149OmXK4z3r4cPEiROfOFExKSbFVFDwqM+EEQgAgMY8y5/lz/LGjZu3bt66eev9+9Wjj1s4bAYNIkaMWHKyx3mP8x7nmzd/1GdyEP1CAQCASifrZJ3s6FjmWuZa5rprF3uLvcXeGjq0en5au3a8nJfz8k6d8lPyU/JTYmIq+wwYgQAAaIIk0WgaTaO/+IJm0SyaNWJEtf/IPMqjvJde0g/QD9APcHOrdGIhrxMAANzGmJwr58q569ZRLMVS7MSJNfajFVJIYYy/wF/gL7z0UmW/vUGNvk4AAHCHTqfT6XQrVtB4Gk/jg4KEBfmBfqAf+vSp7LdhBAIAUMPUwvH66+oj21eBSqmUStu3r+y3oYAAANQQtXDMmKE+WrlSdB4bvpwv58t/+62y34cCAgBQzeSt8lZ568SJFEiBFLh2reg8d2MD2UA28PTpyn4fCggAQDXRh+pD9aEjR1IABVDA5s20ntbTeklzf3eZF/NiXvv2Vfb7NHciAAC1nRwsB8vBvr5Wf6u/1X/nTubO3Jl7A+0tWvImb/LOyemc3zm/c/6ePZX9dmxlAgBQRfTd9N303Tw8rFusW6xbEhPZLDaLzXJyEp3rHjNoBs24dYt/wj/hn3h5mUwmk8mkKJV9GoxAAAAekz5AH6APeOYZ6znrOeu5Awc0WzgCKZACrVZ2hB1hR15++VELhw1GIAAAj0hdVdWli/ooNVX9WvnlsNUflHSk45wbuZEbg4LUwrFhw+M+LUYgAACV1CuoV1CvoCef5Kv4Kr4qIUE9qsHCcRsv4AW8YOHCqiocNtq7qAMAoFHqZoetW9MgGkSDDh+mhbSQFnbuLDrX/YWGmmJMMaaYsLCqfmZMYQEAPIBt23PLp5ZPLZ8mJ9MROkJHdDrRueyKpViKXbdO6aB0UDoEB1fXj8EUFgCAHX0v973c93KTJpbvLd9bvt+3T+uFg0/mk/nkL79UC0dISHX/PIxAAADuYuvLwQ/xQ/zQnj1sKBvKhj7/vOhc9vA4HsfjYmOd2jm1c2o3btxRdpQdZRUV1f1zMQIBALjNYDAYDAYHB9pEm2jTl19qvXBQGIVRWFKSWjgmTKipwmGDi+gAAERExJhZZ9aZdZGRNJ2m0/Tx40UnssuHfMgnPb2koKSgpGD0aIUpTGGlpTUdAwUEAOo9XbguXBf+/vu0lbbS1ldfFZ3HrgE0gAacPu0423G24+xhw5SOSkel440bouKggABAvaXjOq7j77xDetKTfv580Xns8iIv8srNlfKkPClv8OD0jukd0zv++qvoWLiIDgD1jrpnVXAwb86b8+Yffyw6jz18NV/NV+flWQZaBloGenufYqfYKXbxouhcNriIDgD1hi5Zl6xLnjyZL+AL+ILwcNF57OpLfanv1atsPpvP5vv7a61w2GAEAgB1nrpn1ejRPJNn8szoaM1ur05EREVF6ldfX0VRFEUxmUQnskejLyAAwOPT79fv1+9/7jn+E/+J/7Rjh7YLR3ExceLEhw9XTIpJMWm3cNho9IUEAHh08hB5iDykb1/+M/+Z/7x7N0VSJEU2aiQ61z30pCd9WZl1inWKdcoLL2R5ZnlmeR4/LjrWw8I1EACoM+S2clu5rasr+yv7K/vrgQO0jtbRumbNROe6G4/kkTzSYqFMyqTMgAC1cBw6JDpXZaGAAECt1zukd0jvkG7daBftol2HD1MERVBEq1aic93jdl8O9gv7hf0SGKhOVUVHi471qFBAAKDW0hfri/XFHTs6cAfuwBMS2Bw2h81p1050LruepWfp2fnzlaHKUGXopk2i4zwuFBAAqHVcw1zDXMPatrWSlayUkEBplEZp//VfonPZw86ys+zsm28qE5WJysQPPxSdp6qggABAraHuktuiRYOgBkENgg4dYt7Mm3k/9ZToXHZNpIk0MTzcWGosNZYuXy46TlXDfSAAoHnqfRxNm6qP4uPVr/37i85l11gaS2M3b1YWK4uVxa+8oh7kXHSsqoYRCABoVo+oHlE9oho2pME0mAbHxKhHNVw4IimSImNiXLJdsl2yp09XD9a9wmGDAgIAmmPry9G4f+P+jfv/4x8UT/EUP3iw6Fz3d/hwUXpRelH6Sy9FR0dHR0dbLKITVTfcSAgAGsPYhT4X+lzos2EDG8FGsBHjxolOZA9fxBfxRWlpFeYKc4V57NjckNyQ3JBbt0Tnqim4BgIAmiEvkhfJiz78kMWzeBY/Z47oPPbwpXwpX5qdbRlmGWYZ5uOjbnZYWCg6V03DFBYACKdbq1urW7tiheYLRypP5anffluRU5FTkTN4cH0tHDYYgQCAMOqeVX//O7vKrrKra9aIzmMPP86P8+NmM/fjftzP2zsrLSstK+3HH0XnEg0jEACocXJXuavcdepU1ol1Yp00fGNdP+pH/X78UUqSkqQkf38Ujt9DAQGAGqMP0YfoQ154gbbTdtq+cSMppJDCtDcTwokTLyiwvGh50fKiv79xuHG4cbjZLDqW1mjvfxwA1DluZjezm3nECMkgGSTD11+rRx0dRee6G8/gGTzj+nU+gA/gA/z81BGH0Sg6l1ZhBAIA1Ua9g9zHh/3MfmY/R0WpRzVYOE7yk/xkSYmUI+VIOSNHonA8HIxAAKDK6bvpu+m7eXhYt1i3WLckJrJZbBab5eQkOtcfKy9Xv44Zo7aQjYsTnai2cBAdAADqDn2APkAf8Mwz1gRrgjUhIYG9wF5gL7RsKTrXPQIpkAKtVlbMilnxpElKvBKvxO/eLTpWbYMRCAA8NnWqqksXddXSsWN0gk7QCWdn0bnuDao2dOJGbuTGoCCTyWQymTZsEB2rtsI1EAB4ZL2CegX1CnrySb6Kr+KrEhI0Wzhu4wW8gBcsXIjCUTWwFxYAVJral6N1axpEg2jQ4cO0kBbSws6dRee6v9BQU4wpxhQTFiY6SV2BKSwAeGge5z3Oe5xv3tzyreVby7dJSfQ2vU1v6/Wic9kVS7EUu26d0kHpoHQIDhYdp67BFBYAPFDfy30v973cpElFVkVWRdbevZovHJtpM23etk0tHCEhouPUVRiBAIBd6lSVoyMxYsRsq5SGDROdyx4ex+N4XGysUzundk7txo07yo6yo6yiQnSuugojEACwQ5L4dD6dT9+6VX2s3cJBYRRGYUlJauGYMAGFo2bUWAHps73P9j7b27Xr2bNnz549W7USfeIAYA9jslk2y+YNG9gmtoltmjBBdCJ7bA2dypVypVwZNUotHKWlonPVF1U+hfX7PW8CA9UtAnx9mQfzYB5Nmtz5Dz3IgzwKC+k1eo1ei4+naTSNpq1Zo5gUk2LKyBD9wgDUR/I5+Zx87oMP2CQ2iU2aO1d0HnvQ0EkbHruA9OK9eC/esmWD1AapDVK/+orm0ByaM2TIIz9hNEVT9IYNRfuL9hftDwmpby0iAUSQT8on5ZNLlrAZbAabsXSp6Dz28JV8JV/53XcVpypOVZzy9j694PSC0wt+/ll0rvrqkQuI15+8/uT1Jyen0smlk0snHz9Ox+gYHXN1rdp4KSnlE8onlE8YMUL9Rbl5U/QLBlCXqBfJQ0LUi+Th4aLz3N+lS+o2697e6kzFpUuiE9V3j3wNpHR26ezS2ZGR1VM4bHx8HHs59nLsdeBAj6geUT2imjUT9UIB1CVylBwlR738MulJT/qPPhKdxx6+hq/ha65ckWKlWCnW3x+FQ1sqPQJxN7gb3A29e1tbWVtZW5lMNdUQhifxJJ70zTdNujTp0qTL0KHf/PLNL9/88ttvYl42gNrJ7Te339x+GzuW5bAclhMVpU5ZOWhvU9UQCqGQa9es063TrdN9fLLKs8qzyk+dEh0Lfq/SIxBrf2t/a/+JE2u6kxjzY37Mz8ur9OXSl0tfTklRb2z6j/+o2ZcLoHZyi3aLdov285N2Sjulndu3a7ZwEBFRcTFP4Ak8YdQoFA5tq/wU1l/oL/QXLy9hiY/QETqi05U1L2te1vzgQdtFfGF5ADRMX6wv1hd7eqo9vWNjKZIiKbJRI9G57jGDZtCMW7fYUraULR01yrTNtM20LTVVdCy4v0qPINSLbrm56kW3Ll1EnwAtpaW01Ggse6PsjbI3Bg06c+bMmTNnrl0THQtApDtTza2tra2tU1LoJJ2kk9r7oMUzeSbPrKhg7syduRsMakOnPXtE54KHU+kRCF/Gl/FlGrr2cHtPHseVjisdVyYn39klFKAe6h3SO6R3SLduln9Y/mH5x8GDWi0ctr4cLJ7Fs/igIBSO2qnyU1i9qTf1zskRHfxu7G32Nnu7d2+1oCQmopBAfaL+vnfqJIVJYVJYUhLrx/qxfv/5n6Jz2cNSWApLCQlRhipDlaGbNonOA4+m8gWkM3WmzrGxooPbtYyW0bJevdQptuRk1zDXMNewtm1FxwKoDrYtgugNeoPeSExknsyTeXbsKDqXPewsO8vOvvmm8bzxvPH82rWi88DjqXQB6TK6y+guo3ftosW0mBafOyf6BO6vZ0/Hrxy/cvzq6FE3TzdPN0/tdkoDqAx1xNGiRfmI8hHlIw4epPfoPXqvWzfRueyaSBNpYni4sdRYaixdvlx0HKgaj7wMV5ZlWZZ1OsYYY+zYMfVo06aiT8genspTeeq331rmWuZa5vr5nfr01KenPv3hB9G5ACpD7T1ue5/Fx6tf+/cXncuusTSWxm7erCxWFiuLX3lFPci56FhQNR75TnS1p7Ci8Ml8Mp8cEKAeLS8XfUL2MG/mzbyfesphrMNYh7HJybZezqJzATyMrhFdI7pGNGrE5/F5fJ5tClm7hYNP49P4tB071MIxbdrtoygcdUyV3Qioy9Pl6fKef57n8Tye9/XXbCabyWY2biz6BO1aQAtowcWLFeMrxleMt+3mefGi6FgA/85gMBgMBgcH8wXzBfOFr75Sr+0ZDKJz3d/hw0VTiqYUTRk5Epuh1m1Vfie5foN+g37D0KFWV6ur1TUmRvOFxJM8yfN//9fhosNFh4s+Pif3ndx3ct/334uOBfD/fTk2bmQGZmAG2yd57bH15agwV5grzIMGYfPT+qHatiKRF8mL5EWDB1MohVLo7t339APRJNsmbb6+6rr0CxdEJ4L6SX3/fPihep/EnDmi89iDvhz1W7V1JDStMK0wrYiPV+8wHT1abSxVUiL6hO+vUyeextN4WkqKW5pbmlta166iE0H9oivVlepKly/XfOG4vSilIqcipyJn8GAUjvqp2lvaqtsvHz6sbss8ZAjNpJk088YN0Sduj20dPbvFbrFbKSm2O3tF54K6TU6UE+XE2bPJi7zIa9Ei0Xns4cf5cX7cbObP8ef4c76+aOhUv9XYbro2coAcIAd4e9Pf6G/0t7g4NovNYrOcnES/EPbwE/wEP/HTT9Z0a7o13c8ve0D2gOwBWr//BWoLW18OlsgSWeLnn9f0LtcPrR/1o34//siGsCFsiLe3cbhxuHG42Sw6FohV7SOQu9l22WTBLJgFP/88/5h/zD/W0N5ad7FtCSGRRBIlJ7uvdV/rvva//1t0LqjdbH056M/0Z/rzZ59ptnBw4sQLCqSnpaelpwcNQuGAf1fjBcRGndo6flzqLfWWeg8ZwjN4Bs+4fl30C2IPm8PmsDnt2llbWFtYW9g2bezZU3QuqF3U35tBg7Tel8P2frQ2tja2Nh46NDM4Mzgz+OxZ0blAW4QVEBtjU2NTY9O0NPIgD/Lw9eXhPJyH//qr6Fx2fUQf0Udt26pD+qQkua3cVm5bXS19oa6w9eVQf89jYrTal8O22IU5MAfmMGpUVlpWWlaa0Sg6F2iT5obM6lYNsqwWkoQENpvNZrM13HnQ1npzvXW9df2gQXjDwb+rLX05VLadJMaMUZexx8WJTgTaJnwEcjf1F9dkkhZJi6RFzz3H03k6T//lF9G57IqgCIpo1UrqJfWSeiUkuHd27+ze2d1ddCwQSx+qD9WHPvWUdaR1pHVkfLxmC0cgBVKg1cq6s+6s++TJKBxQGZobgdztzie4C9YL1gsJCepWDhru8+FBHuRRWEgZlEEZQ4ao13oyMkTHgpqh36/fr9/v4sIP8UP8UGoqnaATdEKDu0DfbujEjdzIjUFB6t52GzaIjgW1i+YLiI26aqV7d9aINWKNkpO13jBHVVTE2/A2vM2QIaZDpkOmQ+npohNB9bC1C2BJLIklpaay/qw/6+/iIjqXPczMzMy8cKHxmvGa8dr774vOA7WT5qaw7MlyynLKcsrJUQuHj496ND9fdK77a9GCXWVX2dVDh9wC3QLdAvv1E50Iqpat86U0X5ovzU9I0HrhUIWGonBAVag1BcRGnaP917/UR76+thucROe6vxYtJCYxiSUk6LiO6/jAgaITwePxOO9x3uN88+ZqB8yDB2k5LaflPXqIzmVXLMVS7Lp16vtnyRLRcaBuqDVTWPbYLlZyF+7CXZKS6EP6kD7UcJ8Pd3In95s3eQPegDcYOdK01rTWtDY5WXQseDh9L/e93PdykyZlT5Q9UfbEgQPMn/kzfw1/INhMm2nztm1KT6Wn0nPKFPWg1So6FtQNtb6A2Nj2rJLGSGOkMcnJbD6bz+Z36CA61/0VF1tft75ufX3kyCxDliHLkJQkOhH8MXWqytFRXcSxe7d6dNgw0bns4XE8jsfFxjq1c2rn1G7cuKPsKDvKKipE54K6pdZNYdmTHZEdkR1x/rxloGWgZaC3N1/FV/FVWu/r0bSp9J70nvTe3r26Ql2hrtDfX3Qi+COSxKfz6Xz61q3qY+0WDgqjMApLSlILx4QJKBxQnepMAbGxdRbk2TybZ/v42HYPFZ3r/po2pV20i3bt2yevkFfIK4YPF50IiIgY05l1Zp05MpJtYpvYpgkTRCeyy4d8yCc9vaSgpKCkYPRotXCUloqOBXVbnZnCskedeujUSX2UnKxOQXTpIjqXXXrSk76sjHVgHVgHg8H4lvEt41t794qOVd/I8+R58rxVq9gRdoQd+Z//EZ3n/s6ccdzjuMdxz8CB6R3TO6Z31PBWQFCn1LkRyN3UG/kuXWLH2XF23MdH7beQmys6l11GMpKxYUO1t3x0tO5fun/p/jVqlOhY9YW6lc5bb2m+cNz+PZZcJBfJZdAgFA4Qoc4XEBt108bLl6V8KV/K9/amxbSYFmu4r8ftQkJraA2tiYqSw+VwOXzMGNGx6ir5oHxQPvi3v6mPli0Tnccevpqv5qvz8irCK8Irwv39M6MzozOjf/pJdC6on+pNAbGxveEalDYobVDq68vf5e/ydzW8TfXtQsK2sq1s686dd/pIQJVQd1MOCGCX2WV2+eOPReexqy/1pb5Xr6qrC/39bdf6RMeC+q3eFRCbjJcyXsp46coVx2uO1xyv+fnxo/woP/rPf4rOdX+OjiyH5bCcqCh5q7xV3jpxouhEtdWdqcGf6Cf66YsvaD2tp/WSRt8PRUWUTumUPmTI72+kBRBLo2+YmmMrJBWRFZEVkX5+6tEzZ0TnsudOA6Kn6Wl6essW2ydo0blqC7dot2i3aD8/XsgLeeGOHcyduTP3Bg1E5/pjxcW8O+/Ou48YYdulWnQigH9X51dhVVbvY72P9T7Wpo3DbofdDrsTE+kYHaNj2m0YxSN5JI+0WNgNdoPdeOUVxVfxVXxt9yuAjboar08fCqZgCk5MpHW0jtY1ayY61z1ur8KzTrFOsU4ZNSrLM8szy/PQIdGxAP5IvR+B3C17QPaA7AFXr5YlliWWJQ4cSEtpKS3VboMo24iEN+PNeLPPP5ej5Cg56uWXRefSClvrYR7BI3jEgQNaLRy2DwKUSZmUGRCAwgG1AUYgD9CL9+K9eMuWDtcdrjtcj49nvsyX+Xp4iM5l1+0+D6SQQsrMmerUR2Sk6Fg1zS3NLc0trWtXpmd6pk9N1ez2/7b/X2NoDI159VVlqDJUGbppk+hYAA8DI5AHUFe7FBZamluaW5oPHkycOHENN4hSSCGFMfUP07p18gB5gDxg5kzRsWqKuktuhw7SJemSdCkhQbOFw+ZZepaenT8fhQNqI4xAKkmdEmnRgnzJl3wPHaIUSqGUvn1F57If+PYnXH/yJ//ZsxWDYlAMGl6u+ojuXLuKcYhxiDl6lFIplVK7dxedyx52lp1lZ99801hqLDWWLl8uOg/Ao3AQHaC2yc/Pz8/Pv3WrzZg2Y9qM2bFDWiOtkdZ4erIv2Zfsyz//WXS+ewNTPuUzRiVUQiVDhjhzZ+7Mr11Tz0PDI6mHZCvoUrwUL8UnJNAlukSXtLvoQRURoVxWLiuXFy0SnQTgcaCAPKIrCVcSriSUl7dp3aZ1m9a7djn80+GfDv+0dRzs3Fl0vnvYCome9KQfMqR9m/Zt2rcpKsrPzc/Nz619rXbVLUeaNqXn6Dl67sAB+p6+p+81PBIcS2Np7ObNyjZlm7JtxgzRcQCqAq6BPKbTC04vOL3g5k310fDh6lSRhhtE3b5GorbaXbNGDpAD5IDa80m4R1SPqB5RDRvy2Xw2n71rFyVREiV5e4vOZVckRVJkTIxLtku2S/b06epBzkXHAqgKGIFUEXVKqLzcucS5xLlk1y4+j8/j8/r0YSfYCXZCuz2yWQErYAV+fs6hzqHOoRZL/t78vfl7jx0TnetuBoPBYDA4ONzYd2PfjX3bt7MMlsEytL7J5OHDRa2LWhe1Hjfu+AfHPzj+QXm56EQAVQkX0avJndanTcqalDWJjWWD2WA2WPsNo9T7Ed5+2+Rh8jB5aGVTQcZks2yWzRs3MgMzMMO0aaIT2cMX8UV8UVpahbnCXGEeNOj3I1SAugUFpJp1jega0TWiUaMW+hb6FvroaJpFs2jWiBGicz0I/4J/wb9YtcrkanI1ub7+uqgc8jn5nHzugw/YJDaJTZo7V/TrYg9fypfypdnZlmGWYZZhPj625d+icwFUJ1wDqWa5IbkhuSG3bpXkleSV5I0bx2fymXym9htEsalsKpu6cKF8Wj4tn37vvZr++bJJNsmm0FDNF46VfCVf+d13FTkVORU5gwejcEB9ghFIDbNdBG6yqsmqJqt27lSPjh4tOtcDJVESJYWFKS2VlkrL6mu0pC7LDQlRO0eGh4s+7fu7dEm9sdTb29a4THQigJqEEUgNO/fiuRfPvVhWpv7hefFF2yod0bkeyI/8yG/BAvUP/OrVVf306rLcKVPUZcYffST6dO3qR/2o348/sqVsKVvq44PCAfUZVmEJoq7aslr7F/Yv7F/49dfXrl27du1a167qv/bsKTqfXYwYMU/P9lPbT20/tUWL/NT81PzUw4cf9enuNMjqQ32oz7ZtbCPbyDZqsC8HJ068oEDyl/wlfz8/Y4AxwBjw3XeiYwGIpL03aj0THR0dHR1tsbi4uLi4uEyeTJtpM23etk10rgdh8Syexc+ZI+fKuXLuJ5/cPvrQU6K6Ql2hrtDfX9op7ZR2bt9+p8+JxvAMnsEzrl+3NrY2tjYeOjQzODM4M1jDHSwBahCugWiM7X6HC/0v9L/Q/4sv1Fa2kyaJzvVA0RRN0Rs2KC6Ki+Jiu9Paar37P9MX64v1xZ6efC6fy+cePqxuX/7EE6Lj342f5Cf5yZISJjGJSc8/rzCFKezIEdG5ALQEBUSjbIXEbDabzWbbLq1TpojO9UCcOPHPPlOvDQQGqgetVneDu8Hd0Lu3tbW1tbV1SgqdpJN0smVL0XH/mO2GvzFj1O3w4+JEJwLQIs1NGYDq3Llz586d41y9VrJ3r3OKc4pzSqdOFEMxFOPmJjqfXYwYMVluP6/9vPbzOnZ0/sX5F+dfvvvOusS6xLokMZF9zj5nn7duLTrmPQIpkAKtVlbMilnxpElKvBKvxO/eLToWgJZhBFKrSJK6Cmr9evUPtW1vJQ273aKVjGQkY8OGouPc4/Z293wYH8aHBQaaRplGmUZt3Cg6FkBtgAJSKzEmvyO/I78TEcH2sX1sX3Cw6ES1FTMzMzMvXGi8ZrxmvPb++6LzANQmmMKqpfKP5B/JP3LokLOzs7Ozc6tW6tE+fUTnql1CQxWzYlbM774rOglAbYRlvLUa5+pF3r//nQ7SQTqo4RvwtGI8jafxn3yivm5LloiOA1CbYQqrjtGV6kp1pcuXkxd5kVft6fNR7W7fX6P0VHoqPW2r2e5dZgwADw8jkDpGaaw0VhovXsw38o18I6ZmeByP43Gxsc2eafZMs2emTlWPonAAVAUUkDrKJJtkk/zWW/QqvUqvaqWvRw0KozAKS0pyaufUzqndhAlH2VF2lFVUiI4FUJeggNRxSpASpAS9/ba6jHbpUtF5qh0nTjwjo6SgpKCkYPRotXCUloqOBVAXoYDUE+pWHO+8QyEUQiHiGkRVrzNnHGMdYx1jn39e3fX4xg3RiQDqMizjrWfy9+Tvyd/zzTdPlj5Z+mRpSQm1olbUSvutdu3yIi/yys2VHCVHydHX9+T0k9NPTr96VXQsgPoAq7DqOfmYfEw+Nn8+m8PmsDlhYaLzPCy+mq/mq/PyLAMtAy0Dvb3VToAXL4rOBVCfYAqrnjMNMA0wDVi9mubSXJo7b57oPA/Ul/pS36tX2Xw2n83390fhABAHIxD4HV2sLlYXGxREcRRHcZ98QgoppDx8n4/qVVSkfvX1VW8ENJlEJwKoz3ANBH4nf0f+jvwdRmN73p635/n5LIgFsaBhw8QWkuJi3p13592HDTPFm+JN8RkZol8nAMAIBB5AjpVj5dhXX2VX2BV25dNPaT2tp/U10HL29i6+TMd0TDd6tPE142vG1w4eFP16AMD/QwGBh6I7qDuoOzhtGl2my3R5w4bqKiQ8kkfySItFHfn89a9qY6roaNHnDwD3QgGBSpG7yl3lrlOn0nbaTts3bqyqXua2wiEtk5ZJy6ZONe437jfu//JL0ecLAPbhGghUSv6v+b/m/5qd3b5N+zbt22RksLFsLBvbvz+lURqlVb5FLU/lqTz122+l36TfpN8MBuMc4xzjnL17RZ8nADwYlvHCIzGtMK0wrYiPbza+2fhm47t3V48uWcJX8pV85Xff2fu+3//7kiXXP7v+2fXPevUy9jT2NPY8elT0eQHAw8MUFlQL1zDXMNewJ55o2L1h94bd27UryynLKcu5cuX0gtMLTi+4eVN0PgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAO/4PSBxbMqgmA24AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDCiEb4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAw00wGkwAAAE10RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fY2sxYnphMHpqOWpqZGN4ci9jaGVjay5zdmfbTpDYAAAAAElFTkSuQmCC");
+        background-size: contain;
+    }
+
+    .icon-close:before {
+        content: " ";
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        margin: auto;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 9999;
+        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAADwRJREFUeNrt3V1sU+cZwPHndTAjwZ0mbZPKR/hKm0GqtiJJGZ9CIvMCawJoUksvOpC2XjSi4kMECaa2SO0qFEEhgFCQSqWOVWqJEGJJuyYYWCG9QCIOhQvYlgGCIFmatrVSUhzixO8ujNM1gSZOfPye857/7wYlfPg5xj5/n/fExyIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABATizsWti1sCs/v6y0rLSsdMaMZ/Y8s+eZPZMnm54LQO6kn/fp/UB6v2B6LrdRpgcwZf7e+Xvn7505MxAIBAKBrVt1ja7RNdXVaqlaqpbOmTP0z+u9eq/ee/euFEqhFH7ySeCjwEeBj+rr299of6P9jb//3fT2AMhcWVlZWVnZ3Ln6uD6uj2/eLF3SJV1VVapW1ara6dOH/nn9hf5Cf3HzpupW3aq7qSl5LHkseay+/nLt5drLtbdvm96eXPNZQJQqn1Q+qXzS73+vN+gNesObb0q7tEv7xImZ/kv6kr6kL/X3q0PqkDpUXx/aFNoU2rRz53l1Xp1X/f2mtxTAcMv1cr1cT5jQfb37evf1ujrpkR7p2bxZ1agaVZOXl/E/WCM1UnP/vv5cf64/f+utjg87Puz4cPfu1G9qbXp7neaTgChVeqD0QOmBP/5RHVPH1LHf/CbrN1EplVLZ2iqt0iqtv/51NBqNRqP37pnecgDpI42CgtTz9OTJ1PO0sjLbt6PX6/V6/Z/+1LG5Y3PH5g0bHnzX2pBkXlyPKTtadrTs6Ouvq/fV++r9LVscu6EbckNuPPGEhCUs4UWLpsanxqfGT5yIxWKxWCyRMH0/AH40GI6whCXc3Cyn5bScDoeduj11RV1RV559dkrFlIopFX19sauxq7GrbW2m7wenBEwP4JT0OY7UV6+/nrMbjkhEIitWSIVUSEVLS0ljSWNJYyhk+v4A/GQwHHtkj+xpahp8XuaImqwmq8m7di2oXlC9oHr2bNP3h1OsDUhgfWB9YP2WLdIgDdLwgx/kfICzclbOLluW35Hfkd/x5z8PPqABOGbYEcd22S7bKypyPsiDc6v9df11/XWvvWb6fnGKtQHRj+nH9GOrV5ueY/CVz4MHNCEBsm9YOHJ8xPEo6og6oo64YD/k1PaZHiDbvruD/uYb0/MMUyEVUtHWFi+Pl8fLf/Wray9ee/Haiz09pscCvGjYUpWpI44RBE8FTwVPFRRcLLxYeLEwHjc9T7ZYdwSi2lSbavvxj03P8UgsbQHj5pqlqlFK9iZ7k70u3i+NkXUB6Tvcd7jv8H//a3qOEXGyHciY6ZPjYzXw0sBLAy95YL+UIeuWsNJK75feL71/545arBarxYWFpucZUVjCEj53LvWEqK7mfSTAt9x6jmNEi2WxLL59O3ooeih6aNYs0+Nkm3VHIIO6pEu6Pv3U9Bijxsl2YBjPhiOtUAql0EP7oQxZG5C8SXmT8ibt35++5IjpeUaNpS3As0tVabpBN+iGgQE5Lsfl+KFDpudxirUBuTT90vRL0//xj/S1qkzPkzFOtsOHvHZy/FFUsSpWxfv2pZai//Y30/M4xfpLmRR/VvxZ8Wd//Wvf7b7bfbd//vPBS454xU25KTdnz+YSKbCZ55eq0h5cE2/OB3M+mPPBb3977dq1a9eu2XstLGtPog+Vvp5/X1tfW19bU5N6V72r3v3FL0zPlTHeRwKLeOV9HCPaLbtl94UL8a/jX8e/fv55vzwvfROQNEICmEc47OC7gKQREiD3CIddfBuQNEICOI9w2Mn3AUkjJED2EQ67EZAhCAkwfoTDHwjIIxASIHOEw18IyAgICTAywuFPBGSUCAkwHOHwNwKSIUICEA6kEJAxIiTwI8KB/0dAxomQwA8IBx6GgGQJIYGNCAe+DwHJMkICGxAOjAYBcQghgRcRDmSCgDiMkMALCAfGgoDkCCGBGxEOjAcByTFCAjcgHMgGAmIIIYEJhAPZREAMIyTIBcIBJxAQlyAkcALhgJMIiMsQEmQD4UAuEBCXIiQYC8KBXCIgLkdIMBqEAyYQEI8gJHgYwgGTCIjHEBKIEA64AwHxKELiT4QDbkJAPI6Q+APhgBsREEsQEjsRDrgZAbEMIbED4YAXEBBLERJvIhzwEgJiOULiDYQDXkRAfIKQuBPhgJcREJ8hJO5AOGADAuJThMQMwgGbEBCfIyS5QThgIwICESEkTiEcsBkBwXcQkuwgHPADAoKHIiRjQzjgJwQE34uQjA7hgB8REIwKIXk4wgE/IyDICCFJIRwAAcEY+TUkhAP4FgHBuPglJIQDGI6AICtsDUl+XX5dfl0ySTiA4QgIsmrwlXpYwhJubpaIRCSyYoXpuTIWlrCEz50b/Nrr2xGRiESqq6PRaDQavXfP9FiwAwGBI6w5IvEqjjiQAwQEjiIkOUY4kEMEBDlBSBxGOGAAAUFOEZIsIxwwiIDACEIyToQDLkBAYBQhyRDhgIsQELgCIRkB4YALERC4CiEZgnDAxQgIXMn3ISEc8AACAlfzXUgIBzyEgMATrA8J4YAHERB4inUhIRzwsIDpAYBMJNYm1ibWKqUeV4+rx5X3XwCdkTNyxoLtgC/xwIUnWPN5HI/i8Ge2A04gIHA168MxFCGBhxAQuJLvwjEUIYEHEBC4iu/DMRQhgYsRELgC4RgBIYELERAYRTgyREjgIgQERhCOcSIkcAECgpwiHFlGSGAQAUFOEA6HERIYQEDgKMKRY4QEOURA4AjCYRghQQ7kmR4AdhkMR1jCEm5uliNyRI54MBxhCUv43DkpkiIpunVLbspNuTl7tumxRu2W3JJbM2cGC4IFwYKFC6fGp8anxk+ciMVisVgskTA9HuzAxRSRFcOOOCISkciKFabnylj66ril8dJ46Zo1wY3BjcGNVVV6m96mt505Y3q8jKX/HyqkQipaWkoaSxpLGkMh02PBDixhYVysWaoa4bLq1lxGnqUtZBEBwZj4JRxDERLgWwQEGfFrOIYiJAABwSgRjocjJPAzAoLvRThGh5DAjwgIHopwjA0hgZ8QEHwH4cgOQgI/ICAQEcLhFEICmxEQnyMcuUFIYCMC4lOEwwxCApsQEJ8hHO5ASGADAuIThMOdCAm8jIBYjnB4AyGBFxEQSxEObyIk8BICYhnCYQdCAi8gIJYgHHYiJHAzAuJxhMMfCAnciIB4FOHwJ0ICNyEgHkM4IEJI4A4ExCMIBx6GkMAkAuJyhAOjQUhgAgFxKcKBsSAkyCUC4jKEA9lASJALBMQlCAecQEjgJAJiGOFALhASOIGAGEI4YAIhQTYRkBwjHHADQoJsICA5QjjgRoQE4xEwPYDtbAtH4kriSuIKT1BbXCy8WHixMB6fuGzisonLVq/W2/Q2ve3MGdNzZeysnJWzy5blt+e357f/5S8ljSWNJY2hkOmxbMcRiENsDcfV7Ve3X93+zTemx4IzOCJBJghIlhEO2ICQYDQISJYQDtiIkOD7EJBxIhzwA0KChyEgY0Q44EeEBP+PgGSIcACEBCkEZJQIBzAcIfE3AjICwgGMjJD4EwF5BMIBZI6Q+AsBGYJwAONHSPyBgDxAOIDsIyR2831ACAfgPEJiJ98GhHAAuUdI7OK7gBAOwDxCYgffBIRwAO5DSLzN+oAs18v1cj1hQk95T3lP+aefpr77y1+anitje2SP7Dl7NhW+1auj0Wg0Gr13z/RYQDYMvsALS1jCzc0SkYhEVqwwPVfGKqVSKltbQ++E3gm9U1V1Xp1X51V/v+mxnGL9B0p1X+++3n29ri71FeEA3GjwcR2RiESqq1MhOXfO9FwZa5VWaa2s7DnYc7Dn4O7dpsdxmrUBKX+7/O3yt3/2M5krc2Xupk2m58lYeqkqmogmomvWEA74QfpxHtwY3BjcWFXl1U9I1Iv0Ir1o69b53fO753fPm2d6HqdYG5BkXjIvmbd1q3pOPaeemzDB9Dyjlj7i2Ck7ZeeqVZzjgB+lP2o3dU5kzRqvHZGoGlWjavLyAg2BhkDDa6+Znscp1gZEzVQz1cyqKtNzjBpLVcAwnl/aOi7H5biH9kMZsi4gCzoXdC7o/OEPZZ/sk33TppmeZ0QsVQEj8vbS1owZJY0ljSWNoZDpSbLNuoAMrBtYN7DuRz8yPceIWKoCMubVpa3Q/ND80HwP7JcyZF1ARIkS9e9/mx7jkTjiAMbNa0ckgUmBSYFJ//mP6Tmyzdr3gZTGS+Ol8Rs31FK1VC2dM8f0POkjjuCTwSeDT1ZXp19JmR4LsIFr30eyQ3bIjs7O6AvRF6IvFBebHifb7DsCeUA1qAbV0Nxseg7CATjPrSfb9VP6Kf2UC/ZDDrE2IMlkMplM7t8vNVIjNffv53yAIUtVhANwnluWtvRhfVgf7u1VL6uX1csHDpi+X5xibUAu116uvVx7+3bqqz/8IWc3nD7imBecF5y3ciUnx4HcM36yPSlJSb71VrQj2hHtuHPH9P3hlDzTAzgt1hRrijW1tU3ZMWXHlB1z5qgr6oq68uyzWb+h/bJf9re0BIuCRcGitWs54gDMi8VisVgskZganxqfGj9xInWtqvJyuSE35MYTT2T79vRJfVKfPHas4+mOpzuerq01vf1Osz4gabGWWEus5dSpaV9N+2raV4mE7JJdsmvJEmmXdmnP/J3q+pK+pC/190undErn3r1FkaJIUeR3vzv9yulXTr/S12d6ewF8Kx2S4gvFF4ovfPxxX29fb19vQYE+qo/qowsWqPfUe+q9QMYrMumlKlklq2TVm29+Nxxam95up1n7U1gjKSstKy0rnTFDr9Qr9cotW1SLalEtq1enfgy4qOjhf+vOHVkn62TdJ58M3B24O3C3vv7Lg18e/PJgZ6fp7QGQufQ18/QpfUqf2rw59d3nn0/9OmPGsL+wRJbIkn/+U7+qX9WvNjUFZgVmBWbV17cXtBe0F3R1md6eXPNtQB4l/fkEiTWJNYk1P/1p+n0lvF8D8I/BHwvWokX/5CehaCgaiv7rX6nLs/f2mp4PAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtvsf2vlfs7i0WI4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDCiEb4vAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAw00wGkwAAAE10RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fY2sxYnphMHpqOWpqZGN4ci9jbG9zZS5zdmdHkn2WAAAAAElFTkSuQmCC");
+        background-size: contain;
+    }
+
+    .icon-right:before {
+        content: " ";
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        margin: auto;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        background-size: cover;
+        z-index: 9999;
+        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAJ4pJREFUeNrt3XtcVXW6P/Dn2VwCBxUzNbnkkXRSGzXW2huQRLyMIqKRJF7Q1CkrDS+VGp3Gy9g5YzI6qVsNfTmlqGmipQiIiJqAcnOvhaKRHidshoatpKaBogL7OX+s6Mz8flO5CfzutXne/+zXWhR8QOXZ3+93Pd8vAHuAEKW10lpp7dix0mXpsnR5/34pX8qX8r/7TpZlWZaJGl//9f6+fY3/X+PnEf2dMMYY/yJqYcbbxtvG2/7+lEM5lLN7NyyCRbBowICmfj56m96mt/PzDZGGSEPkxImWNpY2ljYVFaK/T8ZY6+MiOoCzMn1t+tr09a9/TQfpIB0sLITlsByW9+r1Sz8v5mEe5vn7Q3toD+0nT/Y77Xfa73ROTuWNyhuVNyorRX/fjLHWg0cgzUybcmrThvIoj/JUFcMwDMOeeKLFvmA8xEN8TQ2sh/Ww/rnnFFVRFfXwYdE/B8aY8zOIDuBsqDf1pt6vvdbihaPRBtgAG7y8wAQmMKWlyflyvpw/aZLonwNjzPlxAWlWiOiN3ugdH//Av7QFLGBxd4dzcA7O7dgh75H3yHvmzBH9E2GMOS+ewmomplhTrCn2qads5bZyW3lJieg8jWgADaABf/yjul5dr65fvPj7uyQ6F2NM/3gE0kxsb9vetr3do4foHP8vLMACLPj977W1mS1bwimcwsnVVXQuxpj+cQFpLt/Ct/BtmzaiY/y0adNqltYsrVmakqIVEg8P0YkYY/rFj/E2E5+zPmd9znbpAggI+PzzovP8qItwES727n23w90OdzuEhfl86fOlz5f79lmtVqvVeveu6HiMMf3gEUgzqVfqlXqluFi7qqsTnefnYCImYmJ4OOVSLuWeONF/Zv+Z/Wf6+orOxRjTD15Eb2ZSlVQlVWVkYCRGYuSoUaLz3C86QSfoRHk5lVAJlURElISWhJaE/vWvonMxxhwXj0CaGT1Lz9KzS5eCDDLI+nnaCQfiQBwYEID1WI/1J05oi+6SJDoXY8xx8RpIM7tccbnickVlZdekrkldk4gwAzMwY8gQ0bnuF2ZhFmZ5eWkd7pMn+1T4VPhUKIq2RvLll6LzMcYcB09htShE6YJ0Qbqwdi3GYRzG6bCxbxbMgll372ojqilTlEAlUAncu1d0LMaYeDyF1aKI1CfUJ9Qn5s6FuTAX5r71lt6mtiAJkiDpoYeojuqo7uOP5VQ5VU6dOVN0LMaYeDwCecCkFClFSpk+HcbBOBi3eTOa0IQm/TX20RbaQlsSE9V+aj+131tvic7DGHvwuIAIIp+Xz8vno6OpJ/Wknrt2YRAGYZCnp+hcdpsAE2DC++8rbypvKm82TtHZbKJjMcZaHhcQwYxnjWeNZ8PDaTpNp+mpqdrd9u1F52qa/fu9LF4WL8ukSTmYgzl4547oRIyxlsNrIIJZ+lr6Wvrm5GBv7I29Bw6EN+ANeOMf/xCdq2mefbbGWGOsMR48GHQx6GLQxXbtRCdijLUcfozXQVSWVpZWllZV+df51/nX7dtH8RRP8aNGwQk4ASc6dhSdzz7du9NVukpXR4zoFNMpplPM/v1Xsq9kX8m+dUt0MsZY8+ERiIMpTitOK067dMm1zrXOtS4sTLurqqJz2e04HIfjsuw623W26+yCgsD8wPzAfMfbrZgx1nRcQBxUUVxRXFHclSu1CbUJtQnh4dpd/R1V+0OHuxGNaMzLazw3RXQuxtgvx4voOtEnpU9KnxR3d88yzzLPsu3bIQ3SIG38eNG57BYEQRB04wZVUzVVP/OMukPdoe7IyxMdizFmPx6B6ETZ+LLxZePv3Qv4PODzgM/j4mg37abdGzeKzmW3YiiGYm9vHIyDcXB2tlwil8gl48aJjsUYsx+PQHROTpaT5eSEBDCDGcwrVojOYy9KoiRKamgAK1jBOmuWGq1Gq9GbN4vOxRj7eVxAnISUKWVKma++ihVYgRXr1sEm2ASbDPoZYTZu8bIJNsGmd95RUEEF//AH0bEYYz9OP79g2E9SI9VINfL996mWaql23DjaQBtog44a+RRQQEEEIxjBuHSptgml2ax9UEeFkLFWhEcgTko7z2PIECqiIiravx+DMRiD9drYt3MnEBDQ9OmKqqiK6vgnPjLWGvA7OyelKIqiKJ99pj31NHQovAavwWtVVaJzNU1cHKyCVbAqM/Ppjk93fLpj27aiEzHGeATSahjTjenG9IAAOkyH6XBWFpyEk3BSf419tISW0JJTp2wdbB1sHaKiTg86Pej0oG++EZ2LsdaIC0grozXyPfpow7SGaQ3TMjNxKS7FpTps7CMgoPPntYuICG1q6+9/Fx2LsdaEC0gr1Z/6U3/y9nZNcE1wTThwAI7CUTjauHWK3litVEEVVDFypFqlVqlVpaWiEzHWGvAaSCt1Bs/gGbxx46bfTb+bfsOHUxqlUZpej6rt2hVX4kpcefy4sYOxg7HD00+LTsRYa8AjEAYAALGxsbGxsS4u5XK5XC4nJcEe2AN7XnpJdK6muX1bex0/XnuYICNDdCLGnBEXEPZvIMokk0xLlzb2ZYhOZK/GDne8htfw2iuvKJFKpBL5wQeiczHmTPg8EPZvWZdZl1mXHT/uY/Yx+5ivX4cn4Ul4MiLih4Y/B4cZmIEZBgPchJtwc8wY33Lfct/y2trKO5V3Ku+cPCk6H2POwOF/ETDHoDUmxsVpV1u3aq9ubqJzNY3ZrE1tvf66ds1nuDPWFFxAmF0C9wTuCdwzbBj6oi/67tuHc3AOztFfYx9Npak0dft2TMZkTH7xRe5wZ8x+XEBYk5i6m7qbuptMtlG2UbZRGRlQCIVQ2KmT6Fx2i4RIiExPh0zIhMwJE7SRSeMiPGPsp3ABYb+INrXVq5d2lZWlvT72mOhcdiMgoKIi7WL0aG1EcvWq6FiMOTLuA2G/iPaOvbEjPCQEBsEgGKTDRj4EBAwOhkWwCBbl5BhvG28bb/v7i47FmCPjEQhrVn379u3bt2+HDm55bnlueWlpOAyH4TAdNvaFQiiE/u1v2Bk7Y+eICMtiy2LL4gsXRMdizJHwY7ysWVVVVVVVVd2545Ptk+2T/fHH2t3GvbZ+/WvR+e5bBVRAhbc3zaJZNCsu7lG3R90edcvLu6xcVi4rX38tOh5jjoCnsFiLaFyMDggICAgIiI6mPbSH9uivkQ/n4Tyc9/DDBjSgAbOzA/MD8wPzR44UnYsxR8BTWOwBQpTmS/Ol+StW4HE8jsfffFN0IrsZwQjGe/dgGkyDadOnK6FKqBK6a5foWIyJwFNY7IGyFlgLrAVHjnTd3nV71+03buDj+Dg+PmKEXjrcoRIqodLFBaqgCqpiYnzAB3ygpsZqtVqt1oIC0fEYe5C4gDAhrNus26zbiop8yZd86dIlqIEaqBk9Wvuoi+P/vbSCFayNBW/EiK5ZXbO6Znl6WpOsSdako0dFx2PsQXD8d3ysVZCWS8ul5aNH4yf4CX6ye7d2t00b0bmaJjnZy+Jl8bLMmJGDOZiD9fWiEzHWEriAMIciS7IkS8HB2lV6utaf8cgjonPZi+IpnuIPHHAf7j7cffjEiYX+hf6F/rW1onMx1pz4KSzmULQO8KKihjUNaxrWhIdTPuVTfkWF6Fz2wg24ATc888y9gnsF9woyM7XC2L696FyMNScuIMwhnR50etDpQWVltI7W0bqwMMqjPMrTXyMfJmIiJoaHUy7lUu6JE/1n9p/Zf6avr+hcjDUHnsJiuhBSEVIRUvHww3Xn6s7VnUtP17YcGTBAdC57USIlUuKlS7YDtgO2AxERp82nzafNFy+KzsVYU/AIhOmCtoZw/bpWQIYPh9WwGlYfOiQ6l70wARMwoXt3wzjDOMO4vDxtM0pJEp2LsabgAsJ0pXRh6cLShbdu1V6uvVx7OTqaUimVUvXXyIev4+v4epcuEA/xEJ+To62RjBghOhdj9uApLOYEELVfwCtXak9tzZ8vOpHdvu9wJ5lkkp9/Xn1ZfVl9OSVFdCzGforjN2wxdh+0TvDDh31W+KzwWXHnDtRDPdQPG/avDX8OrLHDfQbMgBkxMT6jfUb7jK6qsn5s/dj6scUiOh5j/47j/8NirAm0tYVp0+gUnaJTf/kLmtCEJldX0bnsRVtoC21JTFT7qf3Ufm+9JToPY/+MCwhzavJ5+bx8PjqaelJP6rlrFwZhEAZ5eorOZbcJMAEmvP++8qbypvLmnDnaTZtNdCzWunEBYa2C8azxrPFseDhNp+k0PTVVu6vDxr4oiIKoffu8lnkt81oWF6dtlXLnjuhYrHXip7BYq2Dpa+lr6ZuTg72xN/YeOBDegDfgjX/8Q3Quu2VABmSMHVtjrDHWGA8eDLoYdDHoYrt2omOx1okX0VmrUllaWVpZWlXlX+df51+3b5+2Z9WoUXACTsCJjh1F57NP9+50la7S1REjOsV0iukUs3//lewr2Veyb90SnYy1DjwCYa1ScVpxWnHapUuuda51rnVhYdpdVRWdy27H4Tgcl2XX2a6zXWcXFGgnJvboIToWax24gLBWrSiuKK4o7sqV2oTahNqE8HDt7uHDonPZCwfiQBwYEIBGNKIxL88Ua4o1xTaeRc9Yy+BFdMb+SZ+UPil9UtzdPcs8yzzLtm+HNEiDtPHjReeyWxAEQdCNG1RN1VT9zDPqDnWHuiMvT3Qs5lx4BMLYPykbXza+bPy9ewGfB3we8HlcHO2m3bR740bRuexWDMVQ7O2Ng3EwDs7OlkvkErlk3DjRsZhz4REIY/dBTpaT5eSEBDCDGcwrVojOYy9KoiRKamjQOvNnzVKj1Wg1evNm0bmYvnEBYcwOUqaUKWW++ipWYAVWrFsHm2ATbDLoZyQvgwwykZb7nXcUVFDBP/xBdCymT/r5i8+YA1Aj1Ug18v33qZZqqXbcONpAG2iDjhr5FFBAQdQ2b1y6VLogXZAumM3aB3VUCJlD4BEIY7+AtufWkCFUREVUtH8/BmMwBuu1sW/nTiAgoOnTtaOF6+pEJ2KOjd9xMPYLKIqiKMpnn2lPPQ0dCq/Ba/BaVZXoXE0TFwerYBWsysx8uuPTHZ/u2Lat6ETMsfEIhLFmZEw3phvTAwLoMB2mw1lZcBJOwkn9NfbRElpCS06dsnWwdbB1iIrSzqj/5hvRuZhj4QLCWAvQGvkefbRhWsO0hmmZmbgUl+JSHTb2ERDQ+fPaRUSENrX197+LjsUcAxcQxlpQf+pP/cnb2zXBNcE14cABOApH4Wjj1il6Y7VSBVVQxciRapVapVaVlopOxMTiNRDGWtAZPINn8MaNm343/W76DR9OaZRGaXv3is7VNF274kpciSuPHzd2MHYwdnj6adGJmFg8AmHsAYqNjY2NjXVxKZfL5XI5KQn2wB7Y89JLonM1ze3b2uv48drDBBkZohOxB4sLCGPCIMokk0xLlzb2ZYhOZK/GDne8htfw2iuvKJFKpBL5wQeic7EHg88DYUwg6zLrMuuy48d9zD5mH/P16/AkPAlPRkT80PDn4DADMzDDYICbcBNujhnjW+5b7lteW1t5p/JO5Z2TJ0XnYy3L4f+CMtaaaI2JcXHa1dat2qubm+hcTWM2a1Nbr7+uXfMZ7s6GCwhjDihwT+CewD3DhqEv+qLvvn04B+fgHP019tFUmkpTt2/HZEzG5Bdf5A5358IFhDEHZupu6m7qbjLZRtlG2UZlZEAhFEJhp06ic9ktEiIhMj0dMiETMidM0EYmjYvwTK+4gDCmA9rUVq9e2lVWlvb62GOic9mNgICKigwHDAcMB6KiTvmd8jvld+2a6FisabgPhDEd0N6xN3aEh4TAIBgEg3TYyIeAgMHBtmJbsa04NzfoYtDFoIt+fqJjsabhEQhjOtS3b9++fft26OCW55bnlpeWhsNwGA7TYWNfKIRC6N/+hp2xM3aOiLAstiy2LL5wQXQsdn/4MV7GdKiqqqqqqurOHZ9sn2yf7I8/1u427rX161+LznffKqACKry9aRbNollxcY+6Per2qFte3mXlsnJZ+fpr0fHYT+MpLMZ0rHExOiAgICAgIDqa9tAe2qO/Rj6ch/Nw3sMPG9CABszODswPzA/MHzlSdC7203gKizGngyjNl+ZL81eswON4HI+/+aboRHYzghGM9+7hLbyFt6ZNs+yw7LDsaBxpMUfBU1iMOSFrgbXAWnDkSNftXbd33X7jBj6Oj+PjI0bopcMdKqESKl1coBt0g27PPecDPuADNTVWq9VqtRYUiI7HNFxAGHNi1m3WbdZtRUW+5Eu+dOkS1EAN1IwerX3UxfH//VvBCtbGgjdiRNesrlldszw9rUnWJGvS0aOi47V2jv9OhDHWbKTl0nJp+ejR+Al+gp/s3q3dbdNGdC67xUAMxGzd6vW219teb7/0Ug7mYA7W14uO1dpwAWGsFZIlWZKl4GDtKj1d68945BHRuexFGZRBGamp7nXude51kyYV+hf6F/rX1orO1VrwU1iMtULanlRFRQ1rGtY0rAkPp3zKp/yKCtG57IVRGIVR0dH3Cu4V3CvIzNQKY/v2onO1FlxAGGvFTg86Pej0oLIyWkfraF1YGOVRHuXpr5EPEzERE8PDKZdyKffEif4z+8/sP9PXV3QuZ8dTWIyxHzyV+1TuU7mdOhm+NXxr+DYjA9/Bd/Adk0l0LnvRCTpBJ8rLaRgNo2FhYSX5Jfkl+ZWVonM5Gx6BMMZ+oI1Ivvnmzt07d+/cHTpUu3v4sOhc9sKBOBAHBgQYFhsWGxbv3dsnpU9KnxR3d9G5nA2PQBhjP6rxF69HqEeoR+jWrRiN0Rg9aZLoXE3z6qta535SkugkzoILCGPsPhkM0gXpgnRhzRqMwziMmzNHdKL7thAWwsKvvlImKhOVid27i47jLLiAMMbsJifLyXJyQgKchJNw8t139dLhjs/is/hsr16862/z4DUQxpjdlGnKNGVaYiJFURRFvfIKJVESJTU0iM71s76Bb+Cb3/xGdAxnwQWEMdZkarQarUZv3ky9qTf1Hj8eXoFX4BWbTXSuH0PP0rP07K9+JTqHs+ACwhhrstjY2NjYWBcX3ISbcFNUFGyCTbDJ4Li/VxbCQljIW540F8f9g2aMOSztjPY2bb7c8OWGLzccOIC7cBfueuEF0bl+ViqkQuqNG6JjOAtX0QEYY/rReJQuHaWjdFRHR+nKIINMVLerblfdLotFdBxnwQWEMfazgi4GXQy66OfXcLbhbMPZrCwYBsNgWJ8+onPdL/oT/Yn+lJ9f6l3qXepdVSU6j7PgAsIY+1HaVFWvXg0TGyY2TMzK0u4+9pjoXPYypBhSDCl//KPoHM6G10AYY/8fU3dTd1N3kwlCIARCcnO1u/orHPQcPUfPbdpkednysuXlzEzReZwNj0AYYz+Q3pbelt6OiLBdt123Xf/kEyiEQijU32OvFE/xFH/gwHc139V8VzNvnug8zsrhO0cZYy1Pm6qKi9Outm7VXt3cROeyF31Kn9Kn27bhWByLY2fM0M49qasTnctZ8RQWY62Ysaexp7Hn7NlaA+D27dpd/RUOjdmsdlO7qd2mT+fC8WC4iA7AGHvwftjL6jSchtPvvaeXvaz+7xvQHssld3In94QE9Zh6TD22eLHoWK0Nj0AYawUaO8blcrlcLt+0CcxgBvOKFaJz2YtO0Sk6VV+P5/E8np8xQ/1U/VT9dOVK0blaK/2842CM2a2HuYe5h/mhh9pvbb+1/dbt2wEBAWNjRedqmtu3tU7y2FjFT/FT/A4eFJ2oteMRCGNOSDsIysurXVy7uHZxaWm6LRxzYS7M/fZbLMdyLB8xgguHY+ERCGNOJHhn8M7gnV261I2pG1M3JjMTB+NgHBwYKDqX3QbAABhQWQn5kA/5I0dqi+Jnz4qOxf4Vj0AYcwJBY4LGBI3p3r3erd6t3i0vT7eFIwzCIOyLL7TCMWAAFw7HxiMQxnTMOMU4xTjlN78hb/Im76wsKIACKPDxEZ3LXrSEltCSU6dwGS7DZaNGaYXj6lXRudhP4050xnRIJplkGjyYjGQk4/792t327UXnshfNp/k0/8gRzxc8X/B8ISbm5LWT105eq64WnYvdH57CYkxH5PPyefl8dDQVUREVNe7tpL/CAdEQDdEffYSrcBWuGjWKC4c+8RQWYzogpUgpUsr06TAOxsG4zZvRhCY0uep0BsFsVhRFUZTXX9euHfcIXPbTuIAw5sB+6BjXaeNfY8e4dtTtO+8oqKCCf/iD6Fiseej0HQxjzgxRKpPKpLJVq+B5eB6ef+MN0YnsRUmUREkNDWAFK1hnzVJRRRU3bxadizUvHoEw5gC0xj93d4+rHlc9riYn4wf4AX4wcaLoXHabBbNg1t27WIqlWDp5ssVsMVvMn3wiOhZrGVxAGBOo38p+K/ut/NWv3ILdgt2C9+6F1+F1eH3kSNG57BYEQRB04wZVUzVVP/OMukPdoe7IyxMdi7UsLiCMCRBSEVIRUvHww3Xn6s7VnUtPh0WwCBYNGCA6V9NYrbZSW6mtNDKypK6krqTuzBnRidiDwY/xMvYABa4KXBW4qlu3ex3vdbzXMT9fr4WDTtAJOlFerl2FhXHhaJ14EZ2xB+Cp3Kdyn8rt0weDMRiDDx3CUAzFUH9/0bnstgyWwTKLpX59/fr69VFRpUqpUqpUVYmOxcTgKSzGWpAsyZIsBQdrV+np2q64jzwiOpfdhsNwGH7smMuLLi+6vDh2bHHP4p7FPb/7TnQsJhZPYTHWAqTl0nJp+ejRWsE4dky3hSMKoiBq3z6vd73e9Xo3KooLB/tnPAJhrBlJnaXOUucpU9Af/dH/ww+1uzo8YzwVUiF1wwbt/I25c7Wb3DHO/hWfic5YM5COSEekI/PmYSAGYuDGjdoZ4/rbaoS20Bbakpio9lR7qj0bGxiJROdijkl3f8EZcxyIUqlUKpW++y7+Dn+Hv0tIEJ3IXo0d42hFK1pnz1b7qf3Ufhs3is7F9IGnsBizQ2xsbGxsrItL+ZflX5Z/uXGjtrYxY4boXHb7vmOcbGQj29Sp6svqy+rLKSmiYzF94QLC2H3oYe5h7mF+6KH2Ie1D2ofs3Kn9Ao6JEZ3LbvEQD/E1NRADMRATE6N4K96Kd3a26FhMn7iAMPYT+lN/6k/e3q5GV6OrMS1NuztwoOhc9qLVtJpWX7liWGRYZFgUGWnJteRacktKROdi+sZrIIz9G7Isy7LctSscgANwoPHgpv79ReeyFyVSIiVeumTba9tr2xsRoeaquWruxYuiczHnwCMQxv6JVjgefxwICCgrS1vjePxx0bnsRTmUQznnzjUsaFjQsGDkyDMbz2w8s/Ef/xCdizkXbiRkDAACQwNDA0ONRgiBEAgpKNBt4UigBErIycFBOAgHDRzIhYO1JB6BsFZNmi3NlmYPHQprYA2s2bdP26uqXTvRuexFGZRBGamp7nXude51kyYV+hf6F/rX1orOxZwbr4GwVklaK62V1o4dC8EQDME7d2qFw8NDdC67xUAMxGzd2rZL2y5tu7z0Ug7mYA7W14uOxVoHHoGwVkUaJA2SBsXH4xScglPMZu2sboPupnJ/6Bjvp/ZT+731lug8rHXiAsJaBTlZTpaTExLADGYwr1ghOo/93wDIIBNBOIRD+IIFymRlsjL5vfdEx2Ktm+7eeTF2Pxo7xqW/Sn+V/pqUpNvCYQQjGO/dw9t4G2/HxXHhYI6ERyDMqfzQMX69/fX217dtgzRIg7Tx40XnspsJTGC6dcs21TbVNnXcuJLQktCS0EOHRMdi7J/xCIQ5hT4pfVL6pHh5tYtrF9cuLi1Nr4WD1tJaWnv9uo1sZKPhw7lwMEfGIxCma8E7g3cG7+zSpf7P9X+u//PBg9pdSRKdy26hEAqhf/sbdsbO2DkiwrLYstiy+MIF0bEY+yn8GC/TpaAxQWOCxnTvXu9W71bvlpWl3e3ZU3Quu/0efg+/Lytz6evS16VvRIR24t/XX4uOxdj94ALCdMU4xTjFOOU3v2mIbIhsiDx0CFbACljh6ys6l90ICKioyBBkCDIERUUV+xX7FftduyY6FmP24CkspgvGs8azxrPh4TSdptP01FTtbvv2onPZbR2sg3VpaW7+bv5u/hMmcMc40zNeRGcOzfhfxv8y/tczz9j62PrY+jTuiqu/wkGf0qf06bZtMBtmw+znnuPCwZwBj0CYQ9J2xZ02jU7RKTr1l7+gCU1o0t8Z4xqzWVEURVFee0275jPGmXPgEQhzKD90jMsgg7xli+4Kx/cd49SNulG3N9/UCse8edoHuXAw58IjEOYAEOW18lp57Z/+BNtgG2xbsEB0IntpI6X6esNgw2DD4Fde0U78+/BD0bkYa0n6eWfHnIrW+Ofu7hHqEeoRunUrREM0RE+aJDpX09y+jZVYiZWxsVrhaOxHYcy58RQWe6D6rey3st/KX/3K447HHY87+/djNEajHgvHXJgLc7/9FsuxHMtHjFD8FD/FjwsHa11cRAdgrUNIRUhFSMXDD9Ntuk23MzNxFa7CVUOHis5ltwEwAAZUVsJe2At7f/tb5ZJySblksYiOxZgIvAbCWpR2VKyPj+Gu4a7hbuOeTn37is5ltzAIg7AvvoBcyIXckSMVVVEV9e9/Fx2LMZF4Cou1iMDqwOrA6t698TP8DD8rLNTu6q9w0BJaQktOndIKx6BBXDgY+z88AmHNytjT2NPYMyiI2lJbapuRAQgI+MgjonPZbSWshJVHj3rEesR6xI4de/LayWsnr1VXi47FmCPhEQhrFsZ0Y7ox/be/tSXbkm3JR47otnBEQzREf/QRLIAFsCAykgsHYz+ORyDsF5E6S52lzlOmoD/6o39j34Obm+hc9qKdtJN2rlunPqE+oT7R2DFus4nOxZgj4xEIaxJZkiVZmjsX/xv/G/87OVm7q6PC0XjGuAUsYFm2TCscc+dqH+TCwdj94BEIswOiTDLJtHSpdlb30qWiE9mLkiiJkhoawApWsM6apUar0Wr05s2iczGmR1xA2E+KjY2NjY11cSmXy+VyOSkJ9sAe2PPSS6Jz2W0WzIJZd+9iKZZi6eTJFrPFbDF/8onoWIzpGRcQ9m/1MPcw9zA/9FA7j3Ye7Tw++gg34Sbc9NxzonPZLQiCIOjGDaqmaqp+5hl1h7pD3ZGXJzoWY86A10DYv+hP/ak/eXu3/7r91+2/zs7Wa+GgAiqggsuXDVcNVw1XhwzhwsFY8+OtTBgAAJhiTbGm2EcfhTbQBtpkZ+OH+CF+GBwsOpe96ASdoBPl5aSSSurQocp8Zb4yv6xMdC7GnBEXkFZO698ICKAqqqKqY8dwG27DbX36iM5lt8EwGAYrSn1ZfVl92dChZyaemXhmYkWF6FiMOTPezr2VkiRJkiRZpm/pW/r24EE4CSfhZOfOonM1zWefucx0meky89lnlZ5KT6Xnd9+JTsRYa8BrIK2MdlTskCFQDMVQfOwYrIE1sEaHhSMKoiBq3z4vi5fFyzJqVHHP4p7FXDgYe6D4KaxWQlorrZXWjh0LwRAMwTt3YjzGY7yHh+hcdkuFVEjdsEE7f4Mb/xgTiUcgTk7KlDKlzFdfRU/0RM+9e/VaOGgLbaEtiYla4Zg9W7vLhYMxkXgNxEnJyXKynJyQAItgESxasUJ0Hns1doyjFa1onT1b7af2U/tt3Cg6F2Ps//BTWE6isWPc44DHAY8D77+PC3EhLnzrLdG57PZ9x7i21ciUKepkdbI6uXGvLcaYI+E1EJ3rk9InpU+Ku7tnmWeZZ9n27ZAGaZA2frzoXHaLh3iIr6mBGIiBmJgYxVvxVryzs0XHYoz9OC4gOqUVDi8vz0TPRM/Exj2dRowQnctetJpW0+orVwyLDIsMiyIjLbmWXEtuSYnoXIyxn8drIDoTvDN4Z/DOLl3qE+sT6xMPHtTuSpLoXPaiREqkxEuXbHtte217IyLUXDVXzb14UXQuxtj946ewdELbo+o//qPukbpH6h7JzdXu6rBw5FAO5Zw717C3YW/D3rCw0+bT5tNmLhyM6RFPYTk403rTetP6J5+0dbB1sHXIyoL34D14z9dXdC57UQIlUEJODq7AFbgiOlpRFVVRb94UnYsx1nRcQByUNFIaKY0MCdEWxdPTMQRDMKRjR9G57EUZlEEZqanude517nWTJhX6F/oX+tfWis7FGPvleA3EwQSWB5YHlo8ZA92gG3TbvRuDMAiDPD1F57JbDMRAzNatbbu07dK2y0sv5WAO5mB9vehYjLHmwyMQByEfk4/Jx6ZOpcE0mAZ/8AGa0IQmV90V+MaOca3xT4d9KIyx+8YFRDDpiHREOjJvHqZgCqasXg0KKKCgfv5cZJBBJoJwCIfwBQuUycpkZfJ774mOxRhrebp7h+scEOUb8g35RmIiDINhMGzhQtGJ7GYEIxjv3cNbeAtvTZtmmWyZbJn88ceiYzHGHhwuIA9IOIVTOLm6Vv+5+s/Vf960SSscL7wgOpfdTGAC061btqm2qbap48aVhJaEloQeOiQ6FmPsweM+kBamnb/Rpk31N9XfVH+Tmoq7cBfu0l/hoLW0ltZev24jG9lo+HAuHIwx/cy168zTHZ/u+HTHtm3v/O7O7+787vBh+Aw+g89CQkTnsttCWAgLv/rKMNAw0DAwIuKU3ym/U37/8z+iYzHGxOMC0iIQ5Xw5X85PTYU5MAfmjBkjOlHTnD1re8j2kO2hkSNL8kvyS/IrK0UnYow5Di4gzcw4xTjFOGXiRPqCvqAvdu0SncduBARUVGQ4YDhgOBAVpY04rl0THYsx5nh4DaSZUSfqRJ3+8z9F57DbOlgH69LS3FLdUt1ShwzhwsEY+zlcQJqJMd2YbkwPCIBcyIXcfv1E57lvH8FH8NGWLV4DvAZ4DYiJ4a1GGGP3ix/jbSbUg3pQj759Reewj9ms9FJ6Kb1ee+3774JEJ2KM6QePQJoJlVIplXboIDrHj/q+Y1w7Y/yNNxRFURRl3rzv03PhYIzZjQtIMyEjGcnoeGsGdIpO0an6ejyP5/H8jBmWSkulpXL1atG5GGP65yI6gLN4rPyx8sfK6+qomqqpuvGdvUDfd4wbrAarwRoTY1lvWW9Zv2eP6FiMMefBI5BmUpxWnFacdukSLIElsOTMGVE5qJAKqfDaNfqKvqKvfvtby8uWly0vZ2aK/vkwxpwPF5BmRlfoCl1ZvlzMV7dawRd8wXfoUPWQekg9VFgo+ufBGHNe3EjYIhCly9Jl6fK+fRiFURgVHd1iXyoMwiDsiy9wOS7H5RERljaWNpY2FRWifwKMMefHI5AWQeT5pOeTnk8+/zy8C+/Cu7m5zf4lvv+8hgWGBYYFYWFcOBhjDxovoreQitqK2orae/d8Pvf53Ofzjz4CBAR0c6NiKqZiWcbNuBk3u7nd7+fT/r/aWqzHeqxftQpWwkpY+cILloWWhZaFNTWiv1/GWOvDU1gPWGBoYGhgqI+Py1cuX7l8NWEC7aW9tHfIELpO1+m6v3/jf4cP48P4cEUFvUPv0DvHjtF39B19l5LCmxoyxhzF/wKeYeMy/zPC/wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNy0xMi0xNVQxNTo1NzoyNyswODowMKIRvi8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTctMTItMTVUMTU6NTc6MjcrMDg6MDDTTAaTAAAATXRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9jazFiemEwemo5ampkY3hyL3JpZ2h0LnN2Z7O3J80AAAAASUVORK5CYII=");
+        background-size: contain;
+    }
+
+    .icon-refresh:before {
+        content: " ";
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: absolute;
+        margin: auto;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 9999;
+        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAMQpJREFUeNrt3XlcVHX3B/Bz7rCISi6IC+ijkpZpIswMyBLgluVuKm4pqWmEuG/hUpr5uFYoiuaSFrklZvroo+jPFRURZgYVxZ1K3HIXUBSGe35/XC9PWpYL8J2B8/6H1wwGn3sb5sz93u/3fAEYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOM/QUUHYCx59F0ddPVTVdXq5YXkxeTF1O3Ll7H63jdzY3eoDfojTp1UIta1FatCm/D2/C2kxPchttwu0oVyIRMyKxShVpSS2pZuTIkQzIklyuHv+Av+IudHURBFERJkvJbKlQo+IWhEAqhsgz2YA/2d+8WPP/oMXWkjtTx4UMMwAAMuH4d2kE7aHf9OoVQCIX8/jvuxJ2489o1WkJLaMmlS+AHfuB37hwmYAImnDtnNBlNRlNGhvJDiUSfX/ZygiiIgqhMmayJWROzJgYF4Xbcjtv9/akX9aJerq7QE3pCTwcHiIEYiMnMxNpYG2ufOYNTcApOOXDAcNZw1nA2KUn0cTwrLiBMKO+z3me9z9asKa+V18prtVr5tHxaPv3mmzgaR+Nod3cYCANhYMOGyr9+9VXla9myonMXFoqmaIp+8ADDMRzDz56FTtAJOh07RgmUQAkGA17Da3jNYMjrldcrr1dKyrGxx8YeG3vvnujc7I8QdbG6WF3skCFUjapRtYkTcSSOxJHVqr3Yz0tNVb6OH280Go1G43//K/oIn3rkogOwkgzR09bT1tPW3V3jrHHWOLdoIRtkg2zw84PTcBpO+/jgGByDY2rWFJ3U0tEiWkSL8vNxDa7BNSdOkAM5kMOuXTgYB+PgnTvz1uStyVuzbx8XmOKh0+q0Oq2tLW2hLbRl9WrsgB2wQ7duhf17aAWtoBWzZpncTe4m94gI0cf9JC4g7KU0oSbUhCpW1FTTVNNUa98eTGACU9u2uAf34J6WLWEuzIW5VauKzlni6UEP+txcZYju0CGoDtWh+pYt+QH5AfkB69cfxaN4FH/9VXTMkkJ3UXdRd3HBAuWKMTy8yH8hAQENH64MeUZFiT5+FRcQ9kwaN27cuHHjSpVsbW1tbW2DgxEREbt2Vb7bvLny1dZWdE721+gz+ow+S06W+kn9pH7r1+fdyruVd2vdOi4sz0f7rvZd7bs+Pvgv/Bf+KyEBjGAEIxb5+yjNp/k0PytLE6mJ1ES+9lpybHJscuzVq6LPBxcQ9hjlJqCNTbY+W5+tb98eFsEiWNS3LxyDY3CsXTvlsb296JzsJT2aHEBdqAt12bULMzADM5YsgQ/hQ/hw0yblk25enuiYlka7XLtcu3zTJozGaIzu2LG4fz85kzM5jxxpijPFmeLmzhV9PriAlHKefp5+nn4uLtgQG2LDQYOwDJbBMh99BIfgEBxycRGdjxUvOkSH6NDVq7gEl+CSFSvMx83Hzcejo49+c/Sbo99cuiQ6nyjKPY8qVchABjJcuYJe6IVeNjbFHqQNtIE2W7YYpxmnGad16CD6vEiiA7DipfwhNG6sS9Wl6lJ/+EF6KD2UHv76K6ZgCqZMmcKFo3RDX/RF3+rVYQWsgBXjx9uQDdlQero2XZuuTV+2zOui10Wvi6+9JjpncaMP6AP6ICBAWOFQc0RQBEXUqSP6fKj4CqSEKxizvY7X8fqkSaADHejati2usVtWwqhDX+2pPbXfsIFqU22qPW1aSl5KXkre0aOi4xUV3QPdA92Df/8b/MEf/CdMEJvmwgVlem/t2qLPC1+BlDAe8R7xHvENGypXGuvWFdzsAwCAdu24cLCXshgWw2JJUqetSv2l/lL/lBT19abfot+i3+LmJjpmYaMbdINu1K0rOgf4gi/4irsCehIXECvX5OMmHzf52NVVO087TzsvJkZzSnNKcyo1FRAQMDiYCwYrUurr69HrTa4iV5GrnDihu6O7o7sze7Y6e090zJeFC3ABLnjRhYGFiICALGe2IxcQK+OT4ZPhk+HgoNPpdDrdp5/agA3YwOnTGIMxGNO3r/oJUXROVjopK+rLlIGW0BJajh1rF2gXaBd4+rRut263bndIyKN/ZX0faHbADthRrpzoGCCDDDIXEPacPL/0/NLzy8DAXKdcp1ynlBTl2alT1Z5OovMx9pcSIRESnZ1hLIyFsd9/rxunG6cbt2+fOtQqOt4zQ0BAC3jj9gIvEHgT/0lcQCyUcqVRubJypfHdd9IZ6Yx0Zu9epWnf66+LzsfYC9kFu2BXQIDmjOaM5ozJpCMd6WjKFLU1iOh4Fo+vQNjfUWdN5Z7OPZ172mBQnv3gA76XwUoUdUGqHvSgnzwZpsJUmJqQoP9C/4X+C/6A9DTkTu7kzlcg7JHg4ODg4GCNRv0kpvwhHTiAn+An+IkFzPpgrDhMhskwWa+nS3SJLhmNWq1Wq9V+9JHoWJYGwzAMwzQa5ZH4e53CA5RW+vv6+/r7tWqlD0oflD5o9271k9jjLxDGShl1nxZERFy8WHtVe1V7deNGtWmn6HiWol5Uvah6UeKHsizmUqi00J3SndKd6tRJNskm2bR8OY7H8Ti+cmXRuUobSqIkSsrJUVYW37sHw2E4DH+Gwn0QDsLBihV5SLF4YDtsh+06dbLxt/G38U9OVu6VdOmi9OpS980oerSX9tJeRGyGzbCZ6LMCUPZh2YdlH6pDWQ8fisrBfwDFRNtH20fbZ8IELItlsey0afwG9ILCIAzCHj6kntSTep49C6thNaw+fRpDMARDTp/GbtgNu506BTNgBsy4cEFpQXHrltnb7G32vnXLYaLDRIeJt24l1kqslVgrJ+d5f/3jzSadneVj8jH5WNWqmmhNtCbaxYXqUT2q5+xMy2k5La9ZU9mBsHFj/Ba/xW8bNVKuNF9/HQxgAIOdnejTaXW8wAu87t3DbMzG7IEDDSsNKw0r164t6l+rzdJmabNMJqWAeHqKPg1mg9lgNlSqpHRTvnNHVA5+Aysij88qWbhQmQY4cKDoXJaODtABOpCeDtfgGlw7cADfw/fwvf37lfN34ICbm5ubm9vZs7GxsbGxsfn5ovM+L/V1kT83f27+3Pr1bZbYLLFZ4u5OJ+kknQwMpP20n/a3aMGz7Z4RAQF99ZVyRTJunPKkLBf2r9Fu0W7RbklJwck4GSd7eIg+bOW4nZ2V475xQ1QMHsIqZMoWra+8kt8zv2d+z9hY5dnWrUXnshjhEA7h2dlwAS7Aha1boTW0htYbN5pjzDHmmPj4ow5HHY46PL3rq9IDSPRBvLiCNumBEAiBaWnKs+rXtWuhLJSFsn/oknwOz+G5Fi0wHuMxvkUL6A29oXeHDkpBrVJF9PEIh4CAo0frknRJuqS6dW1r2NawrdGnz4teYVoLZYtjSVI2cBOXgwtIIVH/4M3VzdXN1bdsUXo7iL/UFev+faX99O7d0AJaQIvY2JwbOTdybmzYkDYlbUralOxsmAJTYIronJYnJSElISXh8mXl0cqV0AAaQIOVK9VZe+nn08+nn/f1LWhZQ0BAvXuX2sISBmEQ1qVLHuVRHu3Z4z7HfY77nI4dlS1+r1172R+P+ZiP+Tzk/CQuIC9JWejXoIHyyXrnTmgGzaCZq6voXMVN3fEOHdERHRcsKN+8fPPyzdet24f7cB8+eADTYBpME53S+j0+dHfggPpVmZUzblyF7yt8X+H7Nm0gEiIhMjQUVsJKWPnOO6XmnhsCAjZtalvHto5tnQMHlL/PNm2UK9fz50XHKyz2SfZJ9knip/GW/BdUEfFM8EzwTKhXT1otrZZW79tXavbReLT3tjLdctMmnIpTceqSJYb2hvaG9jt3io7HHlfwOh0qDZWGDh2q3IT+8MPS0gKHIimSIn//HbpBN+jWurXpmuma6dqxY8/7c3QjdSN1I48ehXiIh3h3d9HHJblJbpJbjRqit7blAvKcvDt4d/DuULeueb15vXn9vn3oh37oV6uW6FxFpWC6axZmYdaCBTZbbbbabP3qq8O9D/c+3Pv330XnY89H2RDKySn/Qv6F/AsffYRDcAgOGTWqpA99USIlUuLNm+iDPujTurVyRWJ65rsHllZAZHvZXrZ3dX18qLP48RDWM1IX/pkTzAnmhF27SmrhoGRKpmSzGebDfJi/Zk2+lC/lS599drTi0YpHK/76q+h87OUk10yumVzz5k3l0YwZDdc1XNdw3fz5DjkOOQ454eFUn+pT/YkTcSgOxaGOjqLzFhalcDg5KY9271b+ntu2NZQ1lDWUVffL+RvxEA/xljMEKLvL7rI7IiRAAvxz+iIjfAzN0qn7bdBb9Ba9tWdPiWsxogMd6IigA3SADuvWaS5rLmsuN2pkGm4abhoeEqLMM+fCUVKldU/rntY9O9v4gfED4wezZtEYGkNjGjSAYAiG4KVLCz5QlCgVKtBaWktrt29X7pE0b/6P/0kgBEIgkejkKvvR9qPtR4svaMIDWCp1Ixw7WztbO9uEBOUSv0ED0bkKjT/4g/+5c8rK6o8+Ui7p9+wRHYtZFrXtunRdui5dX7oUp+N0nO7nJzpXYVGHaKVvpW+lb7t2NXxk+Mjw0bZtT/47pdCo904aNxadW5l1V7u2Mi38wgVRMfgK5AnqSmPb8bbjbcevW1dSCof6SZKaUTNqNnu27VjbsbZj3d25cLC/cyTwSOCRwLQ0U1dTV1PXgAByJmdyHjlS+e79+6LzvSz0Rm/0dnAgIxnJuHGjsrPne++p31c6SAQEwAgYASMsYEfCR+Tecm+5N1+BWBztae1p7emoKOyNvbH30KGi8xQOkwnLYTksN3CgId4Qb4hXN6Ri7MUon8hffVV5tHSp8vUZhoIsXMGQ3VbYCluPH7eYledPUFqZ1K0reoiZC8gjavtotQuo6DwvTL2nYQADGL7+uryxvLG8MSJCWY9R0saymWVA1LvoXfQuI0bIF+WL8sXZs5UmlZazb0VJo3HRuGhc3NySNidtTtr8yy+icpT6ISx9qj5VnxoUpBSOBQtE53lRdJgO0+HMTPkr+Sv5q27dlLHRMWO4cLCiR2S4bLhsuBwZSV/T1/R1y5Z0iA7RIXHrE1jxKLUFRNlfoE4dpVvr+vXKs+L767+Y1FTNVc1VzVUvrxTHFMcUxw0bRCdipVPKmJQxKWPi45V7bTodTaAJNOEZpsmy55IXlBeUF1T4TSOfV6krIGovIRu9jd5G/8MPVruAahksg2U//qg88PFR5vefOSM6FmMA/+vl9SD/Qf6D/ObN6Uf6kX785hvRuUoKzWDNYM1g8QWk1I1Rnrc/b3/e/pNPlGaHb70lOs9z2wSbYFN0tLGmsaax5rBhypPiX0iM/RVlnUlurvIoLEz3ve573fe//gpREAVRM2eKzmet8lvlt8pvJX47g1JzBaIP1AfqAz09ldlIkyeLzvO8aAWtoBWzZimFY8gQ5VkuHMy6FCxYnEbTaFp4OIRCKITy6/h52bjauNq4ij9vJb6AKF1K7e3pHt2je99/by07wdEiWkSL8vPhM/gMPgsLM7mb3E3uERGiczFWGExtTG1MbRYuhMWwGBb37as8m5cnOpe1eOj90PuhNxeQIlehZ4WeFXqql8oWsIL0n6ifyE7BKTj1wQfGTsZOxk48dsxKJmUh6+rVFEIhFNKjR8EHJ/a3bNfYrrFdwwWkyHh+6fml55eBgbARNsJG9V6B5aOVtJJWDhtmCjGFmEJWrRKdh7HioPRe+/lnyIRMyBw9WnQeS2e7yXaT7SYuIIVOnWUl1ZfqS/WjopRLZPEbr/wT8iRP8pwyxRRvijfFR0eLzsOYCKZWplamVvPm0WbaTJvV6fXsSXmd8jrldRJ/pWbxb6zPKz09PT09/aOPYCpMhalNmojO848ezaoyLTMtMy37/HPRcRizBPI5+Zx8bvBg8AEf8Ll+XXQeS1PmtzK/lfmNr0AKjU+GT4ZPRuXKysYxX3whOs8/WgSLYNGGDY9Px2WMAahNHK9fV3b6DA8XncfSZEVkRWRFcAEpNHmYh3k4derjG8dYHppBM2jGmTOaSppKmkr9+yvPin8hMGaJlJY8sbE8pPW4SmMqjak0hoewXpq+j76Pvs+bb5ILuZBLaKjoPE8VDuEQnp0tl5HLyGXeey+pflL9pPqZmaJjMWYNzKvMq8yrwsOVfTBu3BCdR7RsXbYuWye+gFj9SnQ6SSfp5FdfWXr3TzKTmcwffqjuryA6D2N/5BXsFewVXL268qh6dfm8fF4+b2+PU3EqTnV0pMk0mSaXL6+8gf9Fz7gFsAAW2NjQEBpCQ/6wFe7H8DF8fOcOfoPf4DfPsKMfAgLev4+f4+f4+cOHT36belJP6rluHfwIP8KPgweLPm/F7lG3beMS4xLjEvHrZqy2nbtOq9PqtE2bKi+4xETReZ6G3qF36J3ISNN003TT9FGjROdhpZPSPLRiRRudjc5GFxKi/N107qxcGXt5QTREQ3T58qJzsn+gBz3oc3ONi42LjYvt7UXHsdohLNpKW2nr+PGiczzVRJgIE9PSMqtnVs+sbsE5WYmm3abdpt02eLDmoOag5uD580rhmDdP+W7z5lw4rExTaApN1d5i4lnskM/TFNzz+Iw+o886dhSd508erSSXt8vb5e0DB55bfG7xucV/vhRnrCjpZutm62ZHR8MkmASTSuFQT0mlAQ1oxA9dqazuCoReo9fotYgIMIIRjOL3BP6TztAZOkdFpSxOWZyy+NAh0XFY6aIM7Q4bVmrvEZRwVJfqUl3LuQKxmgKi36Lfot/i5kaTaBJN6tFDdJ4/GQtjYeyvv+bszdmbs/fTT0XHYaWLUjgqVFCGOHhBaollYUNYVlNA5GPyMfnYuHEWO9tqNsyG2aGhyv4H2dmi47DShcpTeSrfpw8kQRIkVawoOg8rIjLIIPMQ1jPzPut91vvsK6/gT/gT/qS2fbY0O3YoC5527BCdhJVO2AybYbOWLUXnYEWMgIC4gDwzcw9zD3OPnj2VR2XLis5T4LGNcHiWFRNMBzrQubmJjsGKFgZgAAbwENYzwxbYAluoLT8syFW4ClfXrFH2MzCZRMdhpRu1ptbU+g8L+FgJxlcg/8gj3iPeI75hQ9gDe2CPj4/oPAXCIAzCHj7UJGuSNcl8s5xZBpyEk3DS7duic7Ai1hyaQ3O+AvlHmhRNiibFAq88FsEiWLR8edLmpM1Jm3/5RXQcxgAAoA/0gT7nzomOwYrYHtgDe65eFR1DZXEFRJmOaGurbLBkQTfNH93zkDZJm6RNc+eKjsPYH+FwHI7DeRJHiXcQDsJBy+mlZ3EFRF4vr5fXv/sujsSROLJaNdF5CiyGxbB427bkmsk1k2ueOSM6DmN/ZH/C/oT9idhYZT+cmzdF52FFQ+or9ZX6xsaKzlGQR3SAPwXqJnWTullgi5JdsAt2qT2EGLMsB28evHnwZlYWtISW0HLyZNF5WFHYuDE5Njk2OfbIEdFJVBZWQBBhNIyG0W3aiE6iomk0jaadOGGsaKxorLhzp+g8jP0dU7wp3hQfHU0hFEIhP/wgOg97Sf7gD/7nzklukpvkFhYmOs6TLKaA6AP1gfpADw/4Gr6Gr11dRedRKbNboqOVR8+wnwFjFsA03DTcNLxfP+XRzJm0iBbRIvEbELFn1BJaQsv9+8255lxzbrNmypWH5dw8V1lMAVFaMLRtKzrG4/LylJWfljPmyNizk2VlndL48VKUFCVFeXjQJtpEm9asocN0mA7zjpjCPdogSpmeq+5r9P77xtnG2cbZzZod/eboN0e/uXRJdMynsZhuttqftD9pfzp4EKfjdJzu5yc6D0RCJETGxRkDjYHGQMsZUmOsMDRc13Bdw3V2duViy8WWi23Y0DzLPMs8q1YtTT9NP00/Z2c5W86Ws//ccw5H42gcXb48mMEM5r/YmTAKoiCqXDlaQStohZ3d8+bCnbgTd5Ypo3S1dnB40eOjZbSMlt27Bz2hJ/QshHUTs2E2zM7MxLfxbXz7+a/kcASOwBFEspPsJDtdvy6Nk8ZJ465exbbYFtsmJSmTc6xv8oPwAuKT4ZPhk1G5cu6V3Cu5V65dwzAMwzCNRnQumANzYM4HHxhbGFsYW8TEiI7DGGOWRnhXW/N483jz+Nat8SSexJPiCwdFUzRFP3hg42TjZOO0caPoPIwxZqmE3wMhLWlJazmtSjAcwzE8Li6pflL9pPo8RswYY08jvIDAG/AGvOHtLTqGSpm2+3//JzoHY4xZOmEFJIiCKIhsbJQuoh4eok+Eit6it+itPXtE52CMMUsn7B7I/e73u9/v/uabmI7pmP7isy0KzQgYASOuXUtxTHFMcTx1SnQcxhizdMKuQPL75PfJ7+PlJfoEqCiLsihr9+5Hj3jBIGOM/QNx90BOwAk4odOJPgEFJ2KptFRaunev6ByMMWYthBUQvIk38aZeL/oEqEgiiaTkZNE5GGPMWggrIDSLZtGs+vVFn4DH9zbnex+MMfasir2AqCvPsSk2xaavvCL6BMBxOA7H09OVnkH374uOwxhj1qLYC4j5ffP75vdr1xZ94AUOwkE4ePy46BiMMWZtir2AyF3lrnLXOnVEH7iKfMmXfE+cEJ2DMcasTfHfA2kEjaDRv/4l+sALTsCv0q/Sr6dPi87BGGPWptgLCLqjO7pb0BXISlpJKy1voxbGGLN0xX8F0gbaQBvLKSDSIGmQNOj6ddE5GGPM2hR/ASEgoBo1RB+4StnA6sYN0TkYY8zaFHsBoZk0k2ZWqiT6wFXZKdkp2SnXronOwRhj1qb4r0DKQBkoU6GC6ANX3L2b1j2te1r3QtjykjHGSpniLyB2YAd2llJAeOEgY4y9qOKfhbUcl+Nye3vRBw6+4Au+3HWXMcZeVLEVkODg4ODgYI0GjGAEI6LoA+cCwhhjL6fYCkhKQEpASoCNsA2sGGOMFa5iKyB21e2q21XnT/yMMVZSFFsBUWY75eWBDnSgs4BCcggOwSELGEpjjDErVcw30YnAG7zBW/y0WepDfahP5cqiczDGmLUq/mm8RjCCMSdH9IFjOIZjeJky/k7+Tv5Ojo6i8zDGmLUp/gISBEEQdOeO6ANXPajzoM6DOlWris7BGGPWpvgLyByYA3Nu3RJ94CpyJmdydnYWnYMxxqxN8ffC2k7bafvNm6IPvOAE+Ev+kj9fgTDG2PMq/pXoC3EhLrSc5oWyXtbL+po1RedgjDFrU/xDWJWhMlS+cEH0gauwMTbGxg0bis7BGGPWpvgLyApYASsyMkQfuIrKUlkq26iR6ByMMWZtir+AAACABV2BfIqf4qdcQBhj7HkVewGR58vz5fmnT4s+8AKJkAiJzs4e8R7xHvE8G4sxxp5VsReQepH1IutF/vILRVM0RT94IPoEFJyIddI6aV3jxqJzMMaYtdAU9y9MS0tLS0sjcnF0cXRx7N4dfoPf4Ldq1USfCGm7tF3afvbsZfNl82Xz/v2i8zDGmKUTdA8EAKpAFahiMok+ASoaQSNoRIsWonMwxpi1EFZA6Cf6iX46dEj0CSjI05k6U2c/P58MnwyfDAcH0XkYY8zSCdvgCQEBwXIKiNpcMdc31zfX19dXeXb3btG5GGPMUgm7AjGajCaj6cQJ5dHdu6JPRIEBMAAGNG8uOgZjjFk6cfdAAABAlpWvhw+LPhEFMiADMt55R3QMxhizdIILCAAYwAAGCxrKmopTcaqXl8cwj2Eew+rXF52HMcYslfgCchfuwt2DB0XHeJLGXeOuce/RQ3QOxhizVMILyN2YuzF3Y+Lj6TAdpsOZmaLzFFgIC2Hh+++LjsEYY5aq2BcSPunWtlvbbm3Lz3eRXCQXydMTzsAZOGMBvakQELBKlZpv1Xyr5lubNl1Ou5x2Oe3qVdGxGGPMUgi/AinQGlpD640bRcd4krxUXiov7d1bdA7GGLM0llNAhsAQGLJ1K+hBD/rcXNFxVHScjtPxDz90n+M+x31OuXKi8zDGmKUQPoSlunLlypUrVx4+dIl0iXSJ9PeH7bAdtterJzoXxmEcxjk4SD2lnlLPS5eurLqy6sqq5GTRuRhjRcfrotdFr4uvvVa9SvUq1av4+ro2c23m2qxBg2oPqz2s9tDRMcAnwCfA5/ff1d5+ovOKImwl+tPgcByOwzduJIkkkt59V3SeglzZmI3ZI0Yoj775RvmqrmNhjFmj4ODg4OBgjSb9fPr59PP9+9NMmkkzx46VO8md5E6vvaZ0zAAgICAAkEACCQDS09PT09Pv3tVO107XTl+7Vr4qX5WvfvXVkagjUUeizp4VfVzFBUUHeJIyVFS1qu0523O25zIylHUidnaic6kohEIopEsX03DTcNPwn38WnYcx9vx0Wp1Wp61ShSIogiLWr8dZOAtnBQW93E/Ny4NBMAgGzZgBS2AJLJk2Tem4kZcn+niLisUVEJUuRZeiS1m7FgbCQBhoOesxaBftol0HD5oqmiqaKr71lug8jLFnpwxNOTnJHeWOcscDB5TZlg0aFPovagNtoM2WLXer3q16t2q3bueGnRt2btjDh6KPv7BZzk30J3mAB3ioQ0WWA1tiS2zp76+7qLuou9i2reg8jLF/pg5VyWlympy2YUORFQ7VNtgG29q3f6XtK21faTt3rujjLyoWW0CMaEQj7tsHARAAASdPis7zJEqlVEqdPVt9YYrOwxh7uvT26e3T248ZA+NhPIwPDCyu34uzcTbODg319PP08/TT60Wfh8Jm8W98NSrWqFijoq0t3sf7eN+Cbqrvxt24u2rVW7du3bp169IlZRaZ0Sg6F2Psf7wWeC3wWtCokTIpZ80a5Z6qTfFNHroCV+AKIprRjGZJUt4nNm8WfV4Ki8VegajyLuVdyrv0/feUREmUlJMjOs+fzIW5MHfqVH8nfyd/J0dH0XEYYwBBFERBZGMj15HryHW++w4WwSJYZG8vNlXJu2dq8QUkNTU1NTX19m2IhEiIXLNGdJ4n4UgciSOrVXtw6cGlB5ciIkTnYYwBZK/OXp29etgwmAyTYbL4oSNKpmRKrl1bdI7CZvEFRCVfkC/IF2bOVP5HmM2i8/yJP/iD/9ix+kB9oD7Q01N0HMZKoybUhJpQnTqwH/bD/qlTRecpkAzJkIwWO+v1RVlNAVEX6OAMnIEzVq4Uneev2dqSjnSk++67husarmu4znLWrzBW8iHa7LfZb7N/0SLlDdtyWg/halyNqy9eFJ2jsFlNASmwATbAhmnTlAcWuEAnHuIh3t29TL0y9crU+/RT0XEYKw309fX19fXDw2EkjISRljPZpkAf6AN9jh0THaOwWV0BMRqNRqPx/HnqRb2o1w8/iM7zVB7gAR4REV51vep61fXyEh2HsZJI30ffR9/nzTflU/Ip+dTs2aLzPA2GYiiG7tghOkdhs7oCorLZZ7PPZp/lXomgF3qhl41N/on8E/knfvjB+6z3We+zr7wiOhdjJYHaHZvSKI3SYmPRG73R28FBdK4/CYMwCHv40DzPPM88b8MG0XEKm9UWkKTNSZuTNv/yC8RCLMSuWCE6z9NgAAZgwOuvmx3NjmbHmJhHz5a4m2mMFSebXja9bHotXVrkK8pfEt2je3Rv3bojgUcCjwRevy46T2Gz2gKiyvsp76e8nz79FIbBMBh2+7boPE+D7bAdtuvUSZukTdIm8b0Rxl6EvpK+kr7SuHHYCTthp169ROd5GlpEi2hRfj4NoAE0YMYM0XmKSon5JKzT6XQ6XViY8mjhQtF5nioUQiFUlukG3aAbnTqZJpgmmCZs2SI6FmOWTDtBO0E74Z13oDN0hs7//S+GYRiGWXALIQICWrZM6cY7aJDoOEWlxBQQhSRpN2k3aTclJuJUnIpTLf3m9d27+Aa+gW+89ZZhpWGlYeXx46ITMWZJ1FYksqPsKDvu3w9REAVRlSqJzvU0lEiJlHjzJjbFpti0QQOlgNy4ITpXUbH6IazHyTJ8Dp/D52Fh6iWk6ER/r0IFeofeoXd27dJ/of9C/8Xrr4tOxJglaPJxk4+bfOzqKq+QV8grtm619MJRYCtsha3jx5f0wqGy3EvAF3TlkRquNVxruDo74xk8g2e8vUXneqpESITEcuWoP/Wn/u3aVS1btWzVsuvX/2743fC7IStLdDzGipNPhk+GT0blyuAADuCwZ4+yolz81tb/hCbQBJqQkGB6z/Se6b2hQx89W+K3ui1xBUTlkumS6ZKZkAB+4Ad+ISFwES7CRcttdog7cSfurFRJ6i/1l/q/+67LWZezLmfXrVPK4f37ovMxVpSUHQIrVJCvydfka9u2QQzEQIzltwRSm7xiCIZgSLt2yt9ryZtt9TQlbAjrf5RLyLt35SA5SA4KCVFvXovO9Y/+Df+GfzdsqExP3L7dI94j3iPe2Vl0LMaKglo4oAW0gBZxcbAH9sAeHx/RuZ7ZQTgIBz/7TFngfOqU6DjFrcQWEFVKcEpwSvCuXeRDPuQzZ47oPM9Hq5UeSA+kBwcOeHfw7uDdoW5d0YkYKwwFhQMAALZvt7bCoW5t/er8V+e/Oj8yUnQeUUrYLKynU/cHyI7LjsuOi4+HSTAJJvn6is71rOgQHaJDV69KraRWUqu2bQ3xhnhDfEqK6FyMPQ9lun2NGsojdfq6Vis61zPzBm/wvnPHvNC80LzQ0/MoHsWj+OuvomOJUuKvQFT7cB/uQ7MZ8zEf8/v0ocN0mA5nZorO9azQF33Rt3p16kf9qF98vO6O7o7uzttvi87F2LPwzPLM8sx64w3lnuShQ8qzVlQ4HsEszMKssLDSXjhUJfYm+tNcXn159eXVt2/XqFejXo16GRl4GA/j4S5dROd6ZsmQDMl2dpAGaZDWo0eNcjXK1Sh3+/aV3678duW35GTR8Rj7Ix3pSEfNmuFaXItrd+yA9bAe1levLjrXi1m0yLjduN24fdYs0UksRakZwnoa5ZJaXbmurmS3VqtX53yS80nOJ6Ghad3Tuqd1z84WnYiVTrpVulW6VaNGKV2zZ81Sm4uKzvW81Om5D/If5D/Ib95c+bvKzRWdy1KUmiGspylvKG8obxg2DN6Bd+Cd7dtF53k5vXs72DjYONgcPlwwZMBYMVA2UCtfXpeiS9GlrF0LX8PX8PVXX1lr4QBf8AXfy5dxOk7H6d26ceH4a6W+gKj3RjT9Nf01/bt3p320j/ZZcUuRR9OApVgpVopNStJqtVqt9qOPlG9yF2BWuLTvat/Vvuvj44AO6IAmEwyEgTCwRw/RuV6Uuq4DEiABErp0UabnXrkiOpel4jeUJ6gtFGwCbAJsAg4fVj5JubqKzlU4DhzAztgZOw8caPjU8Knh09OnRSdi1qVgNmNMdkx2zOjRSouRL75QvmtrKzrfC3u0TkzuJfeSewUHpzimOKY4lrz9OwobF5CnUHcSlCvLleXKe/cqz5YtKzrXyyr4hPVoAZQ6jz02NjY2NtbSe4cxUTxDPUM9Q319sQN2wA4LF+JknIyTPTxE5yoseAWv4JVRowyXDZcNl0vvuo7nxQXkH+hO6U7pTnXqBO/D+/B+bKzyrBV/0noC7aW9tDclheIojuLGjlUXXorOxcTyuuh10euik1N+bn5ufu6sWTgTZ+LMAQPACEYwlqCh0P7QH/rPmGEcYhxiHDJhgug41qbkvBCKmH6Yfph+WNeudJAO0sE1a5RnS04hedyOHVgOy2G5iAhesFg6KLMRy5ZVNmYbOpRepVfp1XHjcDgOx+GVK4vOV9ioA3WgDgsWmKaYppimqM0P2fPiAvKclNlNXbpIzaRmUrO1a5VnS2AhUXuHLYbFsHjtWnm+PF+eP3lyil+KX4rfuXOi47GXUy+qXlS9KHv7ivMrzq84f9Ag+YR8Qj4xcaK6YFV0vqJCsRRLsd9+a3IzuZnc1I2eSn7X3KJS6mdhPa/Hb6699x6EQRiEPXwoOlehWwyLYbH06PXRu7d0XDouHT99Wrtau1q7+v/+zzPdM90zvUMH5fslaEijhFJ7T2l3andqdw4fXsGpglMFp/Pn6RV6hV6ZP7+kFw6IhViIXbJEKRzqrEQuHC+L//BfknLp37kz6EEP+h9/BAMYwGBnJzpXcaHP6XP6/MgRuA/34f68eZlXM69mXl2z5tywc8PODSuBhdVKKAWjaVNl5feAARAMwRDcp4/yXeufDPLMtsE22DZ3rrGqsaqx6qhRypNcOAoLF5BCohSSdu0gHMIhfO1aiIZoiC5fXnSuYjcMhsGw27fpOl2n6z//jANxIA5cu9ZtkNsgt0G7d/Nsr8Klv6+/r79fq5ZskA2yoUcPvIE38Eb//gXbApQ2j4ZeqQE1oAaffGIKNAWaAr/8UnSskooLSCHzCvYK9gr28MgfnD84f/DmzTgGx+CYmjVF5xKNIimSIn//Hd3QDd3WrwdXcAXX9etzYnNic2ITEnil79/TVtVW1VZ1d1dWRnfsCCfhJJzs3BmyIAuytNoSNzvqhdy/L++V98p7+/bldRzFo5S/4IqOp5+nn6efi4s0QZogTdi0CSbDZJis14vOZZnu36fRNJpGJyRIA6QB0oC9e+EW3IJbe/aUcyjnUM4hKUntGCA6aWFTF+Zl2mXaZdo1aiStllZLqwMDyZ/8yT8wEHfhLtwVGAhzYS7MrVpVdF5Lo25zoHld87rm9Y4dk39J/iX5F24qWly4gBQxdXokhVIohcbE4GJcjIu7dhWdy2p4gRd43btHs2gWzTpxQlnwdeKE0uTu5EnpXeld6d3jx/MG5Q3KG3TypNJm+7fflP+4+Me63ee4z3GfU66c3VG7o3ZH69bNn5o/NX9q3bo4GAfj4FdfhVbQClo1boxrcA2u8fBQJmE0agSLYBEssrcXfbqtS2oqEBBQ+/bKDqQXLohOVNpwASlWiLoFugW6Bf/+NxyDY3AsIoKHHgoXJVMyJZvNYAYzmG/cgFzIhdz/fcUojMKoa9cgBEIg5M6dZ/65QECg0WAwBmOwkxO0hJbQ0slJ+blVqkAe5EFelSqQCImQyFsQF5l20A7a/fyzpq+mr6Zvv35J9ZPqJ9W3nn19Shp+4xKkYEOoltASWn7/vfKsulMbYwwAgKIpmqIfPIBsyIbsiAhTK1MrU6t580TnYgouIIJ5xHvEe8Q7O2t2aHZodixfrkw7bN9edC7GRKJpNI2mnTiBE3EiTuzVSxmiSk0VnYs9jguIRUFU2q8PGoSIiKg2dStF8/ZZ6aQDHeiIIAIiIGLpUltbW1tb2xEjEmsl1kqslZMjOh77a1xALJQ6bRPSIR3SV63CIAzCoDffFJ2LsULlB37g99tvShv1jz9WWuXExYmOxZ4NtzKxUKZrpmuma8eOYSAGYqBWq8xCGjGCDtNhOsw3DZk1y8tTvkZF5QTkBOQEvPkmFw7rxFcgVkZdX4I9sAf2mDkTT+AJPNGnD8/mYpZvz578yPzI/MghQ44EHgk8EpiWJjoRezn8hmPl9Kn6VH1qUBD1o37Ub/585dnGjUXnYqXcoz3FoQt0gS7jxxtbGFsYW8TEiI7FChcPYVk5Q2NDY0PjffuUhQo6nTrUBT7gAz7Xr4vOx0oHdUU4jIJRMGr0aDgEh+BQ/fpcOEo2vgIpodQV0TaeNp42ngMHKiu4J0zglhisUIyAETDi2jWQQQb566+VvdHnzzcajUaj8f590fFY8eACUkp4n/U+6332lVfMn5g/MX8SGoou6IIuI0YonxRdXETnYxZuFIyCUZcugR3Ygd2sWeW7le9WvtvSpUqPsgcPRMdjYvAQVimhtnwwbTBtMG2YMycnMCcwJ7BuXWXr2g8/LNjXgzEAUDok7N+PNbAG1ggJuXvz7s27N1991RhsDDYGz5/PhYMB8BUIe4JnqGeoZ6ivLzbEhtgwLAyaQlNoGhyM4RiO4WXKiM7HChfNo3k079YtfA1fw9diYmQH2UF2WLJEaYd+8qTofMyycQFhf6sJNaEmVLGiTZxNnE1c166URVmU1bcv3sE7eCcg4PGtb5lly8tT2ubv26c0m/zuO8e+jn0d+/70E19RsBfBBYS9EHUnPPov/Zf+27mzsg6lc2eaTtNpemAgeqEXetnYiM5ZOt29C8tgGSyLi4McyIGcTZtyQ3NDc0Pj4lJTU1NTU2/fFp2QlQxcQFih8snwyfDJqFw51y3XLdft7bexMTbGxq1awTgYB+NatYI5MAfm1KkjOqfVerRlK1SBKlDl1Ck6Rsfo2O7dOAJH4Ij//CdnR86OnB379vEOj6w4cAFhxUq/Rb9Fv8XNTR4gD5AH+PmhCU1o8vGBTtAJOvn6Kv9KXQhpays6b7FT95RHQsLERGgADaBBYiJshI2w8fBhjMM4jEtMVLrT3r0rOi4r3biAMIui0+q0Oq2tLV2ki3TxjTfgS/gSvmzcGDMxEzMbNYIgCIKgWrXgB/gBfqhdW5k95uqKq3AVrnJ1tZid/fSgB31urrID4W+/QTWoBtXOnwc3cAO38+dhH+yDfenpShfa8+el8lJ5qfzJk8k1k2sm1zx7Vvkhxb+jImPPgwsIK1G8gr2CvYKrVzdfMl8yX6pZU1ouLZeWu7pCb+gNve3sKIIiKKJcOZgJM2GmnZ2UJWVJWXZ2NIkm0aRy5ZQFcYjkS77kW768ci8nK0uZrXT7Ni7ABbggKwuGwlAYmpmpdJHNytL8R/MfzX+ysiAO4iDuxo26H9T9oO4Hly/HxsbGxsbm54s+L4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYY4wxxhhjjDHGGGOMMcYYKzb/D4DEm9oGCaFQAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTEyLTE1VDE1OjU3OjI3KzA4OjAwohG+LwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0xMi0xNVQxNTo1NzoyNyswODowMNNMBpMAAABPdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX2NrMWJ6YTB6ajlqamRjeHIvcmVmcmVzaC5zdmejF0ikAAAAAElFTkSuQmCC");
+        background-size: contain;
+    }
+</style>
diff --git a/admin/src/components/verifition/Verify/VerifyPoints.vue b/admin/src/components/verifition/Verify/VerifyPoints.vue
new file mode 100644
index 0000000..a8c3f71
--- /dev/null
+++ b/admin/src/components/verifition/Verify/VerifyPoints.vue
@@ -0,0 +1,260 @@
+<template>
+    <div style="position: relative"
+        >
+        <div class="verify-img-out">
+            <div class="verify-img-panel" :style="{'width': setSize.imgWidth,
+                                                   'height': setSize.imgHeight,
+                                                   'background-size' : setSize.imgWidth + ' '+ setSize.imgHeight,
+                                                   'margin-bottom': vSpace + 'px'}"
+                                                    >
+                <div class="verify-refresh" style="z-index:3" @click="refresh" v-show="showRefresh">
+                    <i class="iconfont icon-refresh"></i>
+                </div>
+                <img :src="'data:image/png;base64,'+pointBackImgBase"
+                ref="canvas"
+                alt=""  style="width:100%;height:100%;display:block"
+                @click="bindingClick?canvasClick($event):undefined">
+
+                <div v-for="(tempPoint, index) in tempPoints" :key="index" class="point-area"
+                     :style="{
+                        'background-color':'#1abd6c',
+                        color:'#fff',
+                        'z-index':9999,
+                        width:'20px',
+                        height:'20px',
+                        'text-align':'center',
+                        'line-height':'20px',
+                        'border-radius': '50%',
+                        position:'absolute',
+                        top:parseInt(tempPoint.y-10) + 'px',
+                        left:parseInt(tempPoint.x-10) + 'px'
+                     }">
+                    {{index + 1}}
+                </div>
+            </div>
+        </div>
+        <!-- 'height': this.barSize.height, -->
+        <div class="verify-bar-area"
+             :style="{'width': setSize.imgWidth,
+                      'color': this.barAreaColor,
+                      'border-color': this.barAreaBorderColor,
+                      'line-height':this.barSize.height}">
+            <span class="verify-msg">{{text}}</span>
+        </div>
+    </div>
+</template>
+<script type="text/babel">
+/**
+     * VerifyPoints
+     * @description 点选
+     * */
+import { resetSize } from './../utils/util'
+import { aesEncrypt } from './../utils/ase'
+import { reqGet, reqCheck } from './../api/index'
+import { onMounted, reactive, ref, nextTick, toRefs, getCurrentInstance } from 'vue'
+export default {
+    name: 'VerifyPoints',
+    props: {
+        // 弹出式pop，固定fixed
+        mode: {
+            type: String,
+            default: 'fixed'
+        },
+        captchaType: {
+            type: String
+        },
+        // 间隔
+        vSpace: {
+            type: Number,
+            default: 5
+        },
+        imgSize: {
+            type: Object,
+            default () {
+                return {
+                    width: '310px',
+                    height: '155px'
+                }
+            }
+        },
+        barSize: {
+            type: Object,
+            default () {
+                return {
+                    width: '310px',
+                    height: '40px'
+                }
+            }
+        }
+    },
+    setup (props, context) {
+        const { mode, captchaType, vSpace, imgSize, barSize } = toRefs(props)
+        const { proxy } = getCurrentInstance()
+        const secretKey = ref('') // 后端返回的ase加密秘钥
+        const checkNum = ref(3) // 默认需要点击的字数
+        const fontPos = reactive([]) // 选中的坐标信息
+        const checkPosArr = reactive([]) // 用户点击的坐标
+        const num = ref(1) // 点击的记数
+        const pointBackImgBase = ref('') // 后端获取到的背景图片
+        const poinTextList = reactive([]) // 后端返回的点击字体顺序
+        const backToken = ref('') // 后端返回的token值
+        const setSize = reactive({
+            imgHeight: 0,
+            imgWidth: 0,
+            barHeight: 0,
+            barWidth: 0
+        })
+        const tempPoints = reactive([])
+        const text = ref('')
+        const barAreaColor = ref(undefined)
+        const barAreaBorderColor = ref(undefined)
+        const showRefresh = ref(true)
+        const bindingClick = ref(true)
+        const init = () => {
+            // 加载页面
+            fontPos.splice(0, fontPos.length)
+            checkPosArr.splice(0, checkPosArr.length)
+            num.value = 1
+            getPictrue()
+            nextTick(() => {
+                const { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy)
+                setSize.imgHeight = imgHeight
+                setSize.imgWidth = imgWidth
+                setSize.barHeight = barHeight
+                setSize.barWidth = barWidth
+                proxy.$parent.$emit('ready', proxy)
+            })
+        }
+        onMounted(() => {
+            // 禁止拖拽
+            init()
+            proxy.$el.onselectstart = function () {
+                return false
+            }
+        })
+        const canvas = ref(null)
+        const canvasClick = (e) => {
+            checkPosArr.push(getMousePos(canvas, e))
+            if (num.value == checkNum.value) {
+                num.value = createPoint(getMousePos(canvas, e))
+                // 按比例转换坐标值
+                const arr = pointTransfrom(checkPosArr, setSize)
+                checkPosArr.length = 0
+                checkPosArr.push(...arr)
+                // 等创建坐标执行完
+                setTimeout(() => {
+                    // var flag = this.comparePos(this.fontPos, this.checkPosArr);
+                    // 发送后端请求
+                    const captchaVerification = secretKey.value ? aesEncrypt(backToken.value + '---' + JSON.stringify(checkPosArr), secretKey.value) : backToken.value + '---' + JSON.stringify(checkPosArr)
+                    const data = {
+                        captchaType: captchaType.value,
+                        'captcha_code': secretKey.value ? aesEncrypt(JSON.stringify(checkPosArr),secretKey.value):JSON.stringify(checkPosArr),
+                        'captcha_key': backToken.value
+                    }
+                    reqCheck(data).then(res => {
+                        if (res.code == 1) {
+                            barAreaColor.value = '#4cae4c'
+                            barAreaBorderColor.value = '#5cb85c'
+                            text.value = '验证成功'
+                            bindingClick.value = false
+                            if (mode.value == 'pop') {
+                                setTimeout(() => {
+                                    proxy.$parent.clickShow = false
+                                    refresh()
+                                }, 1500)
+                            }
+                            proxy.$parent.$emit('success', { captchaVerification })
+                        } else {
+                            proxy.$parent.$emit('error', proxy)
+                            barAreaColor.value = '#d9534f'
+                            barAreaBorderColor.value = '#d9534f'
+                            text.value = '验证失败'
+                            setTimeout(() => {
+                                refresh()
+                            }, 700)
+                        }
+                    })
+                }, 400)
+            }
+            if (num.value < checkNum.value) {
+                num.value = createPoint(getMousePos(canvas, e))
+            }
+        }
+        // 获取坐标
+        const getMousePos = function (obj, e) {
+            const x = e.offsetX
+            const y = e.offsetY
+            return { x, y }
+        }
+        // 创建坐标点
+        const createPoint = function (pos) {
+            tempPoints.push(Object.assign({}, pos))
+            return num.value + 1
+        }
+        const refresh = function () {
+            tempPoints.splice(0, tempPoints.length)
+            barAreaColor.value = '#000'
+            barAreaBorderColor.value = '#ddd'
+            bindingClick.value = true
+            fontPos.splice(0, fontPos.length)
+            checkPosArr.splice(0, checkPosArr.length)
+            num.value = 1
+            getPictrue()
+            text.value = '验证失败'
+            showRefresh.value = true
+        }
+
+        // 请求背景图片和验证图片
+        function getPictrue () {
+            const data = {
+                captchaType: captchaType.value
+            }
+            reqGet(data).then(res => {
+                if (res.code == 1) {
+                    pointBackImgBase.value = res.data.originalImageBase64
+                    backToken.value = res.data.token
+                    secretKey.value = res.data.secretKey
+                    poinTextList.value = res.data.wordList
+                    text.value = '请依次点击【' + poinTextList.value.join(',') + '】'
+                } else {
+                    text.value = res.msg
+                }
+            })
+        }
+        // 坐标转换函数
+        const pointTransfrom = function (pointArr, imgSize) {
+            const newPointArr = pointArr.map(p => {
+                const x = Math.round(310 * p.x / parseInt(imgSize.imgWidth))
+                const y = Math.round(155 * p.y / parseInt(imgSize.imgHeight))
+                return { x, y }
+            })
+            return newPointArr
+        }
+        return {
+            secretKey,
+            checkNum,
+            fontPos,
+            checkPosArr,
+            num,
+            pointBackImgBase,
+            poinTextList,
+            backToken,
+            setSize,
+            tempPoints,
+            text,
+            barAreaColor,
+            barAreaBorderColor,
+            showRefresh,
+            bindingClick,
+            init,
+            canvas,
+            canvasClick,
+            getMousePos,
+            createPoint,
+            refresh,
+            getPictrue,
+            pointTransfrom
+        }
+    }
+}
+</script>
diff --git a/admin/src/components/verifition/Verify/VerifySlide.vue b/admin/src/components/verifition/Verify/VerifySlide.vue
new file mode 100644
index 0000000..abec505
--- /dev/null
+++ b/admin/src/components/verifition/Verify/VerifySlide.vue
@@ -0,0 +1,364 @@
+<template>
+    <div style="position: relative;">
+        <div v-if="type === '2'" class="verify-img-out"
+             :style="{height: (parseInt(setSize.imgHeight) + vSpace) + 'px'}"
+            >
+            <div class="verify-img-panel" :style="{width: setSize.imgWidth,
+                                                   height: setSize.imgHeight,}">
+                <img :src="'data:image/png;base64,'+backImgBase" alt="" style="width:100%;height:100%;display:block">
+                <div class="verify-refresh" @click="refresh" v-show="showRefresh"><i class="iconfont icon-refresh"></i>
+                </div>
+                <transition name="tips">
+                    <span class="verify-tips" v-if="tipWords" :class="passFlag ?'suc-bg':'err-bg'">{{tipWords}}</span>
+                </transition>
+            </div>
+        </div>
+        <!-- 公共部分 -->
+        <div class="verify-bar-area" :style="{width: setSize.imgWidth,
+                                              height: barSize.height,
+                                              'line-height':barSize.height}">
+            <span class="verify-msg" v-text="text"></span>
+            <div class="verify-left-bar"
+                 :style="{width: (leftBarWidth!==undefined)?leftBarWidth: barSize.height, height: barSize.height, 'border-color': leftBarBorderColor, transaction: transitionWidth}">
+                <span class="verify-msg" v-text="finishText"></span>
+                <div class="verify-move-block"
+                     @touchstart="start"
+                     @mousedown="start"
+                     :style="{width: barSize.height, height: barSize.height, 'background-color': moveBlockBackgroundColor, left: moveBlockLeft, transition: transitionLeft}">
+                    <i :class="['verify-icon iconfont', iconClass]"
+                       :style="{color: iconColor}"></i>
+                    <div v-if="type === '2'" class="verify-sub-block"
+                        :style="{'width':Math.floor(parseInt(setSize.imgWidth)*47/310)+ 'px',
+                                  'height': setSize.imgHeight,
+                                  'top':'-' + (parseInt(setSize.imgHeight) + vSpace) + 'px',
+                                  'background-size': setSize.imgWidth + ' ' + setSize.imgHeight,
+                                  }">
+                        <img :src="'data:image/png;base64,'+blockBackImgBase" alt=""  style="width:100%;height:100%;display:block;-webkit-user-drag:none;">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script type="text/babel">
+/**
+     * VerifySlide
+     * @description 滑块
+     * */
+import { aesEncrypt } from './../utils/ase'
+import { resetSize } from './../utils/util'
+import { reqGet, reqCheck } from './../api/index'
+import { computed, onMounted, reactive, ref, watch, nextTick, toRefs, getCurrentInstance } from 'vue'
+//  "captchaType":"blockPuzzle",
+export default {
+    name: 'VerifySlide',
+    props: {
+        captchaType: {
+            type: String
+        },
+        type: {
+            type: String,
+            default: '1'
+        },
+        // 弹出式pop，固定fixed
+        mode: {
+            type: String,
+            default: 'fixed'
+        },
+        vSpace: {
+            type: Number,
+            default: 5
+        },
+        explain: {
+            type: String,
+            default: '向右滑动完成验证'
+        },
+        imgSize: {
+            type: Object,
+            default () {
+                return {
+                    width: '310px',
+                    height: '155px'
+                }
+            }
+        },
+        blockSize: {
+            type: Object,
+            default () {
+                return {
+                    width: '50px',
+                    height: '50px'
+                }
+            }
+        },
+        barSize: {
+            type: Object,
+            default () {
+                return {
+                    width: '310px',
+                    height: '40px'
+                }
+            }
+        }
+    },
+    setup (props, context) {
+        const { mode, captchaType, vSpace, imgSize, barSize, type, blockSize, explain } = toRefs(props)
+        const { proxy } = getCurrentInstance()
+        let secretKey = ref(''), // 后端返回的ase加密秘钥
+            passFlag = ref(''), // 是否通过的标识
+            backImgBase = ref(''), // 验证码背景图片
+            blockBackImgBase = ref(''), // 验证滑块的背景图片
+            backToken = ref(''), // 后端返回的唯一token值
+            startMoveTime = ref(''), // 移动开始的时间
+            endMovetime = ref(''), // 移动结束的时间
+            tipsBackColor = ref(''), // 提示词的背景颜色
+            tipWords = ref(''),
+            text = ref(''),
+            finishText = ref(''),
+            setSize = reactive({
+                imgHeight: 0,
+                imgWidth: 0,
+                barHeight: 0,
+                barWidth: 0
+            }),
+            top = ref(0),
+            left = ref(0),
+            moveBlockLeft = ref(undefined),
+            leftBarWidth = ref(undefined),
+            // 移动中样式
+            moveBlockBackgroundColor = ref(undefined),
+            leftBarBorderColor = ref('#ddd'),
+            iconColor = ref(undefined),
+            iconClass = ref('icon-right'),
+            status = ref(false), // 鼠标状态
+            isEnd = ref(false) ,		// 是够验证完成
+            showRefresh = ref(true),
+            transitionLeft = ref(''),
+            transitionWidth = ref(''),
+            startLeft = ref(0) 
+
+        const barArea = computed(()=>{
+            return proxy.$el.querySelector('.verify-bar-area')
+        })
+        function init() {
+            text.value = explain.value
+            getPictrue()
+            nextTick(() => {
+                let {imgHeight,imgWidth,barHeight,barWidth} = resetSize(proxy)
+                setSize.imgHeight = imgHeight
+                setSize.imgWidth = imgWidth
+                setSize.barHeight = barHeight
+                setSize.barWidth = barWidth
+                proxy.$parent.$emit('ready', proxy)
+            })
+
+            window.removeEventListener('touchmove', function (e) {
+                move(e)
+            })
+            window.removeEventListener('mousemove', function (e) {
+                move(e)
+            })
+
+            // 鼠标松开
+            window.removeEventListener('touchend', function () {
+                end()
+            })
+            window.removeEventListener('mouseup', function () {
+                end()
+            })
+
+            window.addEventListener('touchmove', function (e) {
+                move(e)
+            })
+            window.addEventListener('mousemove', function (e) {
+                move(e)
+            })
+
+            // 鼠标松开
+            window.addEventListener('touchend', function () {
+                end()
+            })
+            window.addEventListener('mouseup', function () {
+                end()
+            })
+        }
+        watch(type, () => {
+            init()
+        })
+        onMounted(() => {
+            // 禁止拖拽
+            init()
+            proxy.$el.onselectstart = function () {
+                return false
+            }
+        })
+        // 鼠标按下
+        function start(e) {
+            e = e || window.event
+            if (!e.touches) { // 兼容PC端 
+                var x = e.clientX
+            } else { // 兼容移动端
+                var x = e.touches[0].pageX
+            }
+            startLeft.value =Math.floor(x - barArea.value.getBoundingClientRect().left)
+            startMoveTime.value = +new Date() // 开始滑动的时间
+            if (isEnd.value == false) {
+                text.value = ''
+                moveBlockBackgroundColor.value = '#337ab7'
+                leftBarBorderColor.value = '#337AB7'
+                iconColor.value = '#fff'
+                e.stopPropagation()
+                status.value = true
+            }
+        }
+        // 鼠标移动
+        function move(e) {
+            e = e || window.event
+            if (status.value && isEnd.value == false) {
+                if (!e.touches) { // 兼容PC端
+                    var x = e.clientX
+                } else { // 兼容移动端
+                    var x = e.touches[0].pageX
+                }
+                var bar_area_left = barArea.value.getBoundingClientRect().left
+                var move_block_left = x - bar_area_left // 小方块相对于父元素的left值
+                if (move_block_left >= barArea.value.offsetWidth - parseInt(parseInt(blockSize.value.width) / 2) - 2) {
+                    move_block_left = barArea.value.offsetWidth - parseInt(parseInt(blockSize.value.width) / 2) - 2
+                }
+                if (move_block_left <= 0) {
+                    move_block_left = parseInt(parseInt(blockSize.value.width) / 2)
+                }
+                // 拖动后小方块的left值
+                moveBlockLeft.value = (move_block_left - startLeft.value) + 'px'
+                leftBarWidth.value = (move_block_left - startLeft.value) + 'px'
+            }
+        }
+
+        // 鼠标松开
+        function end() {
+            endMovetime.value = +new Date()
+            // 判断是否重合
+            if (status.value && isEnd.value == false) {
+                var moveLeftDistance = parseInt((moveBlockLeft.value || '').replace('px', ''))
+                moveLeftDistance = moveLeftDistance * 310 / parseInt(setSize.imgWidth)
+                const data = {
+                    captchaType: captchaType.value,
+                    'captcha_code':secretKey.value ? aesEncrypt(JSON.stringify({ x: moveLeftDistance, y: 5.0}), secretKey.value):JSON.stringify({x:moveLeftDistance,y:5.0}),
+                    'captcha_key':backToken.value
+                }
+                reqCheck(data).then(res => {
+                    if (res.code == 1) {
+                        moveBlockBackgroundColor.value = '#5cb85c'
+                        leftBarBorderColor.value = '#5cb85c'
+                        iconColor.value = '#fff'
+                        iconClass.value = 'icon-check'
+                        showRefresh.value = false
+                        isEnd.value = true
+                        if (mode.value == 'pop') {
+                            setTimeout(() => {
+                                proxy.$parent.clickShow = false
+                                refresh()
+                            }, 1500)
+                        }
+                        passFlag.value = true
+                        tipWords.value = `${((endMovetime.value - startMoveTime.value) / 1000).toFixed(2)}s验证成功`
+                        var captchaVerification = secretKey.value ? aesEncrypt(backToken.value + '---' + JSON.stringify({ x: moveLeftDistance, y: 5.0 }), secretKey.value) : backToken.value + '---' + JSON.stringify({ x: moveLeftDistance, y: 5.0 })
+                        setTimeout(() => {
+                            tipWords.value = ''
+                            proxy.$parent.closeBox()
+                            proxy.$parent.$emit('success', { captchaVerification })
+                        }, 1000)
+                    } else {
+                        moveBlockBackgroundColor.value = '#d9534f'
+                        leftBarBorderColor.value = '#d9534f'
+                        iconColor.value = '#fff'
+                        iconClass.value = 'icon-close'
+                        passFlag.value = false
+                        setTimeout(function () {
+                            refresh()
+                        }, 1000)
+                        proxy.$parent.$emit('error', proxy)
+                        tipWords.value = '验证失败'
+                        setTimeout(() => {
+                            tipWords.value = ''
+                        }, 1000)
+                    }
+                })
+                status.value = false
+            }
+        }
+
+        const refresh = () => {
+            showRefresh.value = true
+            finishText.value = ''
+
+            transitionLeft.value = 'left .3s'
+            moveBlockLeft.value = 0
+
+            leftBarWidth.value = undefined
+            transitionWidth.value = 'width .3s'
+
+            leftBarBorderColor.value = '#ddd'
+            moveBlockBackgroundColor.value = '#fff'
+            iconColor.value = '#000'
+            iconClass.value = 'icon-right'
+            isEnd.value = false
+
+            getPictrue()
+            setTimeout(() => {
+                transitionWidth.value = ''
+                transitionLeft.value = ''
+                text.value = explain.value
+            }, 300)
+        }
+
+        // 请求背景图片和验证图片
+        function getPictrue() {
+            const data = {
+                captchaType: captchaType.value
+            }
+            reqGet(data).then(res => {
+                if (res.code == 1) {
+                    backImgBase.value = res.data.originalImageBase64
+                    blockBackImgBase.value = res.data.jigsawImageBase64
+                    backToken.value = res.data.token
+                    secretKey.value = res.data.secretKey
+                } else {
+                    tipWords.value = res.msg
+                }
+            })
+        }
+        return {
+            secretKey, // 后端返回的ase加密秘钥
+            passFlag, // 是否通过的标识
+            backImgBase, // 验证码背景图片
+            blockBackImgBase, // 验证滑块的背景图片
+            backToken, // 后端返回的唯一token值
+            startMoveTime, // 移动开始的时间
+            endMovetime, // 移动结束的时间
+            tipsBackColor, // 提示词的背景颜色
+            tipWords,
+            text,
+            finishText,
+            setSize,
+            top,
+            left,
+            moveBlockLeft,
+            leftBarWidth,
+            // 移动中样式
+            moveBlockBackgroundColor,
+            leftBarBorderColor,
+            iconColor,
+            iconClass,
+            status, // 鼠标状态
+            isEnd,		// 是够验证完成
+            showRefresh,
+            transitionLeft,
+            transitionWidth,
+            barArea,
+            refresh,
+            start
+        }
+    }
+}
+</script>
diff --git a/admin/src/components/verifition/api/index.js b/admin/src/components/verifition/api/index.js
new file mode 100644
index 0000000..4013a72
--- /dev/null
+++ b/admin/src/components/verifition/api/index.js
@@ -0,0 +1,31 @@
+/**
+ * 此处可直接引用自己项目封装好的 axios 配合后端联调
+ */
+
+
+import request from "./../utils/axios"  //组件内部封装的axios
+// import request from "@/app/api/axios.js"       //调用项目封装的axios
+
+//获取验证图片  以及token
+export function reqGet(data) {
+    return request.get('/captcha/create',{params:{...data}});
+
+	// return  request({
+    //     url: '/captcha/create',
+    //     method: 'get',
+    //     data
+    // })
+}
+
+//滑动或者点选验证
+export function reqCheck(data) {
+    return request.get('/captcha/check',{params:{...data}});
+
+	// return  request({
+    //     url: '/captcha/check',
+    //     method: 'post',
+    //     data
+    // })
+}
+
+
diff --git a/admin/src/components/verifition/utils/ase.js b/admin/src/components/verifition/utils/ase.js
new file mode 100644
index 0000000..4c1c559
--- /dev/null
+++ b/admin/src/components/verifition/utils/ase.js
@@ -0,0 +1,11 @@
+import CryptoJS from 'crypto-js'
+/**
+ * @word 要加密的内容
+ * @keyWord String  服务器随机返回的关键字
+ *  */
+export function aesEncrypt(word,keyWord="XwKsGlMcdPMEhR1B"){
+  var key = CryptoJS.enc.Utf8.parse(keyWord);
+  var srcs = CryptoJS.enc.Utf8.parse(word);
+  var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
+  return encrypted.toString();
+}
diff --git a/admin/src/components/verifition/utils/axios.js b/admin/src/components/verifition/utils/axios.js
new file mode 100644
index 0000000..979b44c
--- /dev/null
+++ b/admin/src/components/verifition/utils/axios.js
@@ -0,0 +1,30 @@
+import axios from 'axios';
+
+axios.defaults.baseURL = import.meta.env.VITE_APP_BASE_URL;
+
+const service = axios.create({
+  timeout: 40000,
+  headers: {
+    'X-Requested-With': 'XMLHttpRequest',
+    'Content-Type': 'application/json; charset=UTF-8'
+  },
+})
+service.interceptors.request.use(
+  config => {
+    return config
+  },
+  error => {
+    Promise.reject(error)
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  response => {
+    const res = response.data;
+    return res
+  },
+  error => {
+  }
+)
+export default service
diff --git a/admin/src/components/verifition/utils/util.js b/admin/src/components/verifition/utils/util.js
new file mode 100644
index 0000000..4cd1ad9
--- /dev/null
+++ b/admin/src/components/verifition/utils/util.js
@@ -0,0 +1,35 @@
+export function resetSize(vm) {
+    var img_width, img_height, bar_width, bar_height;	//图片的宽度、高度，移动条的宽度、高度
+
+    var parentWidth = vm.$el.parentNode.offsetWidth || window.offsetWidth
+    var parentHeight = vm.$el.parentNode.offsetHeight || window.offsetHeight
+    if (vm.imgSize.width.indexOf('%') != -1) {
+        img_width = parseInt(vm.imgSize.width) / 100 * parentWidth + 'px'
+    } else {
+        img_width = vm.imgSize.width;
+    }
+
+    if (vm.imgSize.height.indexOf('%') != -1) {
+        img_height = parseInt(vm.imgSize.height) / 100 * parentHeight + 'px'
+    } else {
+        img_height = vm.imgSize.height
+    }
+
+    if (vm.barSize.width.indexOf('%') != -1) {
+        bar_width = parseInt(vm.barSize.width) / 100 * parentWidth + 'px'
+    } else {
+        bar_width = vm.barSize.width
+    }
+
+    if (vm.barSize.height.indexOf('%') != -1) {
+        bar_height = parseInt(vm.barSize.height) / 100 * parentHeight + 'px'
+    } else {
+        bar_height = vm.barSize.height
+    }
+
+    return {imgWidth: img_width, imgHeight: img_height, barWidth: bar_width, barHeight: bar_height}
+}
+
+export const _code_chars = [1, 2, 3, 4, 5, 6, 7, 8, 9, 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']
+export const _code_color1 = ['#fffff0', '#f0ffff', '#f0fff0', '#fff0f0']
+export const _code_color2 = ['#FF0033', '#006699', '#993366', '#FF9900', '#66CC66', '#FF33CC']
\ No newline at end of file
diff --git a/admin/src/components/video-player/index.vue b/admin/src/components/video-player/index.vue
new file mode 100644
index 0000000..e9e738e
--- /dev/null
+++ b/admin/src/components/video-player/index.vue
@@ -0,0 +1,10 @@
+<template>
+    <video-play />
+</template>
+
+<script lang="ts" setup>
+import 'vue3-video-play/dist/style.css'
+import videoPlay from 'vue3-video-play'
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/lang/en/common.json b/admin/src/lang/en/common.json
new file mode 100644
index 0000000..4e491a4
--- /dev/null
+++ b/admin/src/lang/en/common.json
@@ -0,0 +1,38 @@
+{
+    "edit": "Edit",
+    "delete": "Delete",
+    "createTime": "Create Time",
+    "sort": "Sort",
+    "status": "Status",
+    "operation": "Operation",
+    "statusNormal": "Normal",
+    "statusDeactivate": "Deactivate",
+    "confirm": "Confirm",
+    "cancel": "Cancel",
+    "warning": "Warning",
+    "isShow": "Show or not",
+    "show": "show",
+    "hidden": "hidden",
+    "icon": "Icon",
+    "layout": {
+        "layoutSetting": "Layout configuration",
+        "darkMode": "Dark mode",
+        "themeColor": "Theme color"
+    },
+    "axios": {
+        "unknownError": "Unknown Error",
+        "400": "Wrong request            ",
+        "401": "Please login again",
+        "403": "Access denied",
+        "404": "Request error, the resource was not found",
+        "405": "Request method not allowed",
+        "408": "Request timeout",
+        "500": "Server side error",
+        "501": "Network not implemented",
+        "502": "Network error",
+        "503": "Service unavailable",
+        "504": "Network Timeout",
+        "505": "The http version does not support the request",
+        "timeout": "Network request timeout!"
+    }
+}
\ No newline at end of file
diff --git a/admin/src/lang/i18n.ts b/admin/src/lang/i18n.ts
new file mode 100644
index 0000000..d748f13
--- /dev/null
+++ b/admin/src/lang/i18n.ts
@@ -0,0 +1,32 @@
+import { createI18n } from "vue-i18n"
+
+import Language from "./language"
+import zhCn from "./zh-cn/common.json";
+import en from "./en/common.json"
+
+const addonZhCnCommon = import.meta.globEager('@/addon/**/lang/zh-cn/common.json')
+const addonEnCommon = import.meta.globEager('@/addon/**/lang/en/common.json')
+
+for (let key in addonZhCnCommon) {
+    Object.assign(zhCn, addonZhCnCommon[key].default)
+}
+for (let key in addonEnCommon) {
+    Object.assign(en, addonEnCommon[key].default)
+}
+
+//创建实例
+let i18n = createI18n({
+    datetimeFormats: {},
+    numberFormats: {},
+    globalInjection: true, //是否全局注入
+    silentTranslationWarn: true,
+    messages: {
+        "zh-cn": zhCn,
+        en
+    }
+});
+
+const language = new Language(i18n);
+
+export { language };
+export default i18n;
diff --git a/admin/src/lang/index.ts b/admin/src/lang/index.ts
new file mode 100644
index 0000000..07eb723
--- /dev/null
+++ b/admin/src/lang/index.ts
@@ -0,0 +1,21 @@
+import i18n, { language } from "./i18n"
+import useAppStore from '@/stores/modules/app'
+
+const t = (message: string) => {
+    const route = useAppStore().route
+    const path = route.meta.view || route.path
+    const file = path == '/' ? 'index' : path.replace(/^(\/admin\/|\/site\/|\/)/, '').replaceAll('/', '.')
+    const key = `${file}.${message}`
+    return i18n.global.t(key) != key ? i18n.global.t(key) : i18n.global.t(message)
+}
+
+export { language, t }
+
+export default {
+    install(app: any) {
+        //注册i18n
+        app.use(i18n);
+    }
+};
+
+
diff --git a/admin/src/lang/language.ts b/admin/src/lang/language.ts
new file mode 100644
index 0000000..f6e1cd7
--- /dev/null
+++ b/admin/src/lang/language.ts
@@ -0,0 +1,65 @@
+import { nextTick } from 'vue'
+
+class Language {
+    private i18n: any;
+    private loadLocale: Array<string> = []; //已加载的语言
+
+    constructor(i18n: any) {
+        this.i18n = i18n
+    }
+
+    /**
+     *
+     * @param locale 设置语言
+     */
+    public setI18nLanguage(locale: string) {
+        if (this.i18n.mode === 'legacy') {
+            this.i18n.global.locale = locale
+        } else {
+            this.i18n.global.locale = locale
+        }
+        let html = document.querySelector('html')
+        html && html.setAttribute('lang', locale)
+    }
+
+    /**
+     * 加载语言包
+     * @param path
+     * @param locale
+     * @returns
+     */
+    public async loadLocaleMessages(app: string, path: string, locale: string) {
+        try {
+            const file = path == '/' ? 'index' : path.replace(/^(\/admin\/|\/site\/|\/)/, '').replaceAll('/', '.')
+
+            // 引入语言包文件
+            const messages = await import(app ? `@/addon/${app}/lang/${locale}/${file}.json` : `@/app/lang/${locale}/${file}.json`)
+
+            let data: Record<string, string> = {}
+            Object.keys(messages.default).forEach(key => {
+                data[`${file}.${key}`] = messages.default[key]
+            })
+
+            // 查询插件的公共语言包
+            if (app) {
+                try {
+                    var messagesCommon = await import( `@/${app}/lang/${locale}/common.json`)
+                    Object.keys(messagesCommon.default).forEach(key => {
+                        data[`${file}.${key}`] = messagesCommon.default[key]
+                    })
+                } catch (e) {
+                    // console.log('未找到插件公共语言包')
+                }
+            }
+
+            this.i18n.global.mergeLocaleMessage(locale, data)
+            this.setI18nLanguage(locale)
+            return nextTick()
+        } catch (e) {
+            this.setI18nLanguage(locale)
+            return nextTick()
+        }
+    }
+}
+
+export default Language
diff --git a/admin/src/lang/zh-cn/common.json b/admin/src/lang/zh-cn/common.json
new file mode 100644
index 0000000..0e597b6
--- /dev/null
+++ b/admin/src/lang/zh-cn/common.json
@@ -0,0 +1,158 @@
+{
+  "edit": "编辑",
+  "delete": "删除",
+  "info": "详情",
+  "createTime": "创建时间",
+  "sort": "排序",
+  "status": "状态",
+  "operation": "操作",
+  "more": "更多",
+  "statusNormal": "正常",
+  "statusDeactivate": "停用",
+  "startUsing": "启用",
+  "confirm": "确认",
+  "save": "保存",
+  "back": "返回",
+  "cancel": "取消",
+  "search": "搜索",
+  "reset": "重置",
+  "warning": "提示",
+  "isShow": "是否显示",
+  "show": "显示",
+  "hidden": "隐藏",
+  "icon": "图标",
+  "userName": "用户名",
+  "headImg": "头像",
+  "accountNumber": "账号",
+  "password": "密码",
+  "confirmPassword": "确认密码",
+  "image": "图片",
+  "video": "视频",
+  "rename": "重命名",
+  "lookOver": "查看",
+  "selectAll": "全选",
+  "yes": "是",
+  "no": "否",
+  "copy": "复制",
+  "complete": "完成",
+  "copySuccess": "复制成功",
+  "notSupportCopy": "浏览器不支持一键复制，请手动进行复制",
+  "selectPlaceholder": "全部",
+  "provincePlaceholder": "请选择省",
+  "cityPlaceholder": "请选择市",
+  "districtPlaceholder": "请选择区/县",
+  "emptyData": "暂无数据",
+  "emptyQrCode": "暂无二维码",
+  "fileErr": "无法显示",
+  "upload": {
+    "root": "上传",
+    "selectimage": "选择图片",
+    "selectvideo": "选择视频",
+    "selecticon": "选择图标",
+    "uploadimage": "上传图片",
+    "uploadvideo": "上传视频",
+    "addAttachmentCategory": "添加分组",
+    "attachmentCategoryPlaceholder": "请输入分组名称",
+    "attachmentEmpty": "暂无附件，请点击上传按钮上传",
+    "iconEmpty": "暂无图标",
+    "deleteCategoryTips": "确定要删除该分组吗？",
+    "deleteAttachmentTips": "确定要删除所选附件吗？如所选附件已被使用删除将会受到影响，请谨慎操作！",
+    "move": "移动",
+    "moveCategory": "移动分组",
+    "moveTo": "移动至",
+    "placeholderimageName": "请输入图片名称",
+    "placeholdervideoName": "请输入视频名称",
+    "placeholdericonName": "请输入图标名称",
+    "success": "上传成功",
+    "triggerUpperLimit": "可选数量已达上限"
+  },
+  "tabs": {
+    "closeLeft": "关闭左侧",
+    "closeRight": "关闭右侧",
+    "closeOther": "关闭其他"
+  },
+  "layout": {
+    "layoutSetting": "主题设置",
+    "darkMode": "黑暗模式",
+    "sidebarMode": "主题风格",
+    "themeColor": "主题颜色",
+    "detectionLoginOperation": "确定",
+    "detectionLoginContent": "已检测到有其他账号登录，需要刷新后才能继续操作。",
+    "detectionLoginTip": "提示",
+    "layoutStyle": "布局风格"
+  },
+  "axios": {
+    "unknownError": "未知错误",
+    "400": "错误的请求",
+    "401": "请重新登录",
+    "403": "拒绝访问",
+    "404": "请求错误",
+    "405": "请求方法未允许",
+    "408": "请求超时",
+    "409": "请求跨域",
+    "500": "服务器端出错，错误原因：",
+    "501": "网络未实现",
+    "502": "网络错误",
+    "503": "服务不可用",
+    "504": "网络超时",
+    "505": "http版本不支持该请求",
+    "timeout": "网络请求超时！",
+    "requestError": "请求错误",
+    "errNetwork": "网络请求错误",
+    "baseUrlError": " 接口请求错误,请检查VITE_APP_BASE_URL参数配置或者伪静态配置, <a style='text-decoration: underline;' href='https://www.kancloud.cn/niucloud/niucloud-admin-develop/3213750' target='blank'>点击查看相关手册</a>"
+  },
+  "linkPlaceholder": "请选择跳转链接",
+  "selectLinkTips": "链接选择",
+  "diyLinkName": "链接名称",
+  "diyLinkNamePlaceholder": "请输入链接名称",
+  "diyLinkNameNotEmpty": "链接名称不能为空",
+  "diyLinkUrl": "跳转路径",
+  "diyLinkUrlPlaceholder": "请输入跳转路径",
+  "diyLinkUrlNotEmpty": "跳转路径不能为空",
+  "returnToPreviousPage": "返回",
+  "preview": "预览",
+  "emptyApp": "暂未安装任何应用",
+  "newInfo": "最新消息",
+  "mapSetting": "地图设置",
+  "mapKey": "腾讯地图KEY",
+  "indexTemplate": "首页模版",
+  "indexSwitch": "切换首页",
+  "indexWarning": "你确定要切换首页吗？",
+  "originalPassword": "原始密码",
+  "newPassword": "新密码",
+  "passwordCopy": "确认密码",
+  "passwordTip": "修改密码时必填.不修改密码时留空",
+  "originalPasswordPlaceholder": "请输入原始密码",
+  "passwordPlaceholder": "请输入新密码",
+  "originalPasswordHint": "原始密码不能为空",
+  "newPasswordHint": "请输入确认密码",
+  "doubleCipherHint": "两次新密码不同",
+  "upgrade": {
+    "upgradeButton": "立即升级",
+    "title": "升级",
+    "upgradingTips": "有正在执行的升级任务，",
+    "clickView": "点击查看",
+    "dirPermission": "目录读写权限",
+    "path": "路径",
+    "demand": "要求",
+    "readable": "可读",
+    "write": "可写",
+    "upgradeSuccess": "升级成功",
+    "localBuild": "手动编译",
+    "cloudBuild": "云编译",
+    "showDialogCloseTips": "升级任务尚未完成，关闭将取消升级，是否要继续关闭？",
+    "upgradeCompleteTips": "升级完成后还需要编译admin wap web端可选择云编译或者是手动编译"
+  },
+  "cloudbuild": {
+    "title": "云编译",
+    "executingTips": "有正在执行的编译任务，",
+    "clickView": "点击查看",
+    "dirPermission": "目录读写权限",
+    "path": "路径",
+    "demand": "要求",
+    "readable": "可读",
+    "write": "可写",
+    "cloudbuildSuccess": "编译完成",
+    "showDialogCloseTips": "编译任务尚未完成，关闭将取消编译，是否要继续关闭？"
+  }
+}
diff --git a/admin/src/layout/admin/components/aside/index.vue b/admin/src/layout/admin/components/aside/index.vue
new file mode 100644
index 0000000..e234b64
--- /dev/null
+++ b/admin/src/layout/admin/components/aside/index.vue
@@ -0,0 +1,292 @@
+<template>
+    <el-aside :class="['layout-aside w-full ease-in duration-200', { 'bright': !dark }]">
+        <div v-if="currHeadMenuName == 'setting_manage'" class="pt-[20px] pl-[80px] pr-[70px]">
+            <div class="flex flex-wrap items-center">
+                <template v-for="(item,index) in settingMenu" :key="index">
+                    <div
+                        v-if="item.meta.show"
+                        @click="settingMenuFn(item)"
+                        :class="['flex items-center h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[10px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]',{'text-[#fff] !bg-[#000] border-[#000]': menuActive == item.name || menuTwoActive && menuTwoActive == item.name}]">
+                        <icon v-if="item.meta.icon" :name="item.meta.icon" class="!w-auto mr-[4px] !leading-[14px]" size="14px" :title="item.meta.title"/>
+                        <span class="text-[14px]">{{ item.meta.title }}</span>
+                    </div>
+                </template>
+            </div>
+            <el-tabs v-model="menuActive" class="mt-[20px]" @tab-click="settingHandleClick" v-if="settingTwoMenu.length">
+                <template v-for="(item,index) in settingTwoMenu" :key="index">
+                    <el-tab-pane :label="item.meta.title" :name="item.name" :path="item.path" v-if="item.meta.show" @click="settingMenuFn(item)"></el-tab-pane>
+                </template>
+            </el-tabs>
+        </div>
+
+        <div class="flex flex-wrap items-center pt-[20px] pl-[80px] pr-[70px]" v-if="currHeadMenuName == 'site_manage'">
+            <template v-for="(item,index) in siteMenu" :key="index">
+                <div
+                    v-if="item.meta.show"
+                    @click="siteMenuFn(item)"
+                    :class="['flex items-center h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[10px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]',{'text-[#fff] !bg-[#000] border-[#000]': menuActive == item.name || menuTwoActive && menuTwoActive == item.name}]">
+                    <icon v-if="item.meta.icon" :name="item.meta.icon" class="!w-auto mr-[4px] !leading-[14px]" size="14px" :title="item.meta.title"/>
+                    <span class="text-[14px]">{{ item.meta.title }}</span>
+                </div>
+            </template>
+        </div>
+
+        <div class="pt-[20px] pl-[80px] pr-[70px]" v-if="currHeadMenuName == 'tool'">
+            <div class="flex flex-wrap items-center">
+                 <template v-for="(item,index) in appToolsMenu" :key="index">
+                    <div
+                        v-if="item.meta.show"
+                        @click="toolsMenuFn(item)"
+                        :class="['flex items-center h-[32px] border-[1px] border-solid my-[3px] border-[#E0E0E0] rounded-full px-[10px] mr-[24px] cursor-pointer bg-[#f8f8f8] hover:bg-[#fff]',{'text-[#fff] !bg-[#000] border-[#000]': menuActive == item.name || menuTwoActive && menuTwoActive == item.name}]">
+                        <icon v-if="item.meta.icon" :name="item.meta.icon" class="!w-auto mr-[4px] !leading-[14px]" size="14px" :title="item.meta.title"/>
+                        <span class="text-[14px]">{{ item.meta.title }}</span>
+                    </div>
+                </template>
+            </div>
+            <el-tabs v-model="menuActive" class="mt-[20px]" @tab-click="toolsHandleClick" v-if="appToolsTwoMenu.length">
+                <template v-for="(item,index) in appToolsTwoMenu" :key="index">
+                    <el-tab-pane :label="item.meta.title" :name="item.name" :path="item.path" v-if="item.meta.show" @click="settingMenuFn(item)"></el-tab-pane>
+                </template>
+            </el-tabs>
+        </div>
+    </el-aside>
+</template>
+
+<script lang="ts" setup>
+import { watch, ref, computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import side from './side.vue'
+import useSystemStore from '@/stores/modules/system'
+import useUserStore from '@/stores/modules/user'
+import storage from '@/utils/storage'
+import { CollectionTag } from '@element-plus/icons-vue'
+
+const userStore = useUserStore()
+const systemStore = useSystemStore()
+
+const dark = computed(() => {
+    return systemStore.dark
+})
+
+const currHeadMenuName = computed(()=>{
+    return systemStore.currHeadMenuName
+})
+let menuData = JSON.parse(JSON.stringify(userStore.routers));
+
+const route = useRoute()
+const router = useRouter()
+const menuActive = computed(() => {
+    return String(route.name)
+})
+const menuTwoActive = ref('')
+// 控制高度
+const emit = defineEmits(['complete'])
+watch(route, () => {
+    systemStore.$patch(state => {
+        state.menuDrawer = false
+    })
+    resetFn();
+
+    let currMenuName = '';
+    menuData.forEach((item,index) => {
+        if(item.name == route.name){
+            currMenuName = item.name;
+        }else if(item.children && item.children.length){
+            item.children.forEach((twoItem, twoIndex) => {
+                if(twoItem.name == route.name){
+                    currMenuName = item.name;
+                }else if(twoItem.children && twoItem.children.length){
+                    twoItem.children.forEach((threeItem, threeIndex) => {
+                        if(threeItem.name == route.name){
+                            currMenuName = item.name;
+                            // 刷新后选中三级菜单
+                            if(currMenuName == 'setting_manage' && !menuTwoActive.value){
+                                menuTwoActive.value = twoItem.name;
+                                settingTwoMenu.value = twoItem.children;
+                            }
+                            if(currMenuName == 'tool' && !menuTwoActive.value){
+                                menuTwoActive.value = twoItem.name;
+                                appToolsTwoMenu.value = twoItem.children;
+                            }
+                                
+                        }   
+                    });
+                }       
+            });
+        }
+    });
+    
+    // 控制页面内容高度
+    emit('complete')
+
+    // 设置菜单
+    let menuIndexArr = {setting_manage: 'setting_manage', site_manage: 'site_manage', tool:'tool', app_auth:'tool'};
+    if(Object.keys(menuIndexArr).indexOf(currMenuName) != -1){
+        systemStore.setHeadMenu(menuIndexArr[currMenuName]);
+        return false;
+    }
+    systemStore.setHeadMenu(''); 
+})
+
+
+let settingMenu = ref([]);
+let settingTwoMenu = ref([]);
+let siteMenu = ref([]);
+let appToolsMenu = ref([]);
+let appToolsTwoMenu = ref([]);
+
+userStore.routers.forEach((item, index) => {
+    item.meta.class = 1
+    if (item.children) {
+        item.children.forEach((subItem, subIndex) => {
+            subItem.meta.class = 2
+            if (subItem.children) {
+                subItem.children.forEach((threeItem, threeIndex) => {
+                    threeItem.meta.class = 3
+                })
+            }
+        })
+    }
+    // 控制台
+    if(item.name == 'setting_manage'){
+        settingMenu.value = item.children;
+    }
+
+    // 站点
+    if(item.name == 'site_manage'){
+        siteMenu.value = item.children;
+    }
+
+    // 开发
+    if(item.name == 'tool'){
+        appToolsMenu.value = item.children;
+    }
+    
+})
+
+// 控制台跳转 start
+const settingMenuFn = (data)=>{
+    let obj =  '/setting/';
+    menuTwoActive.value = '';
+    settingTwoMenu.value = [];
+
+    if(data.children){
+        menuTwoActive.value = data.name;
+        settingTwoMenu.value = data.children;
+        obj = obj + data.path + '/' + data.children[0].path;
+        router.push(obj)
+    }else{
+        obj = obj + data.path;
+        router.push(obj)
+    }
+}
+
+const settingHandleClick = (tab, event: Event) => {
+    let obj =  '/setting/';
+    
+    settingMenu.value.forEach((item,index)=>{
+        if(item.children && item.children.length){
+            item.children.forEach((subItem,subIndex) => {
+                if(subItem.name == tab.props.name){
+                    obj = obj + item.path + '/' + subItem.path;
+                    router.push(obj)
+                }
+            });     
+        }
+    })
+}
+// 控制台跳转 end
+
+// 站点跳转 start
+const siteMenuFn = (data)=>{
+    let obj = '/admin/site/';
+    menuTwoActive.value = '';
+
+    if(data.children){
+        menuTwoActive.value = data.name;
+        obj = obj + data.path + '/' + data.children[0].path;
+        router.push(obj)
+    }else{
+        obj = obj + data.path;
+        router.push(obj)
+    }
+}
+// 站点跳转 end
+
+// 开发跳转 start
+const toolsMenuFn = (data)=>{
+    let obj = '/admin/tools/';
+    menuTwoActive.value = '';
+    appToolsTwoMenu.value = [];
+    
+    if(data.children){
+        menuTwoActive.value = data.name;
+        appToolsTwoMenu.value = data.children;
+        obj = obj + data.path + '/' + data.children[0].path;
+        router.push(obj)
+    }else{
+        obj = obj + data.path;
+        router.push(obj)
+    }
+}
+
+const toolsHandleClick = (tab, event: Event) => {
+    let obj =  '/tools/';
+    
+    appToolsMenu.value.forEach((item,index)=>{
+        if(item.children && item.children.length){
+            item.children.forEach((subItem,subIndex) => {
+                if(subItem.name == tab.props.name){
+                    obj = obj + item.path + '/' + subItem.path;
+                    router.push(obj)
+                }
+            });     
+        }
+    })
+}
+// 开发跳转 end
+
+// 重置变量
+const resetFn = ()=>{
+    menuTwoActive.value= '';
+    settingTwoMenu.value = [];
+}
+
+// 跳转链接
+const toLink = (path) => {
+    router.push({path})
+}
+</script>
+
+<style lang="scss">
+.layout-aside {
+    &.bright {
+        li {
+            background-color: #F5F7F9;
+
+            &.is-active:not(.is-opened) {
+                position: relative;
+                color: #333;
+                background-color: #fff;
+
+                &::after {
+                    content: "";
+                    position: absolute;
+                    top: 0;
+                    bottom: 0;
+                    left: 0;
+                    width: 2px;
+                    background-color: var(--el-menu-active-color);
+                }
+            }
+        }
+    }
+
+    .menu-item:hover{
+        color: var(--el-color-primary);
+    }
+}
+.text-color{
+    color: var(--el-color-primary);
+}
+</style>
diff --git a/admin/src/layout/admin/components/aside/menu-item.vue b/admin/src/layout/admin/components/aside/menu-item.vue
new file mode 100644
index 0000000..23a3eba
--- /dev/null
+++ b/admin/src/layout/admin/components/aside/menu-item.vue
@@ -0,0 +1,123 @@
+<template>
+    <template v-if="meta.show">
+        <el-sub-menu v-if="routes.children" :index="String(routes.name)">
+            <template #title>
+                <div v-if="meta.icon && routes.meta.class == 1" class="w-[16px] h-[16px] relative flex items-center">
+                    <icon v-if="meta.icon" :name="meta.icon" class="absolute !w-auto" />
+                </div>
+                <span :class="['ml-[10px]', {'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}]">{{ meta.title }}</span>
+            </template>
+            <menu-item v-for="(route, index) in routes.children" :routes="route" :route-path="resolvePath(route.path)" :key="index" />
+        </el-sub-menu>
+        <el-menu-item v-else-if="routes.meta.class == 1" :index="String(routes.name)" :route="'/'+routePath">
+            <div v-if="meta.icon" class="w-[16px] h-[16px] relative flex justify-center">
+                <icon :name="meta.icon" class="absolute top-[50%] -translate-y-[50%]" />
+            </div>
+            <template #title>
+				<div class="relative">
+					<span :class="['ml-[10px]', {'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}]">{{ meta.title }}</span>
+					<div v-if="routes.path == '/site/siteindex'" class="absolute  top-[50%] -translate-y-[50%] right-[-180%]" @click="checkIndexList">
+						<img class="w-[12px] h-[12px]" src="@/app/assets/images/index/model_tag.png"/>
+					</div>
+				</div>
+            </template>
+        </el-menu-item>
+        <el-menu-item v-else :index="String(routes.name)" :route="'/'+routePath">
+            <template #title>
+                <span :class="[{'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}, {'ml-[10px]': routes.meta.class == 2, 'ml-[15px]': routes.meta.class == 3}]">{{ meta.title }}</span>
+            </template>
+        </el-menu-item>
+    </template>
+	<el-dialog v-model="showDialog" :title="t('indexTemplate')" width="550px" :destroy-on-close="true" >
+		<div class="flex flex-wrap">
+			<div v-for="(items, index) in indexList" :key="index" v-if="index_path == ''">
+				<div @click="index_path = items.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="items.is_use == 1 ? 'bg-primary text-[#fff]' : '' ">
+					<span >{{ items.name }}</span>
+				</div>
+			</div>
+			<div v-for="(itemTo, indexTo) in indexList" :key="indexTo" v-else>
+				<div @click="index_path = itemTo.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="index_path == itemTo.view_path ? 'bg-primary text-[#fff]' : '' ">
+					<span >{{ itemTo.name }}</span>
+				</div>
+			</div>
+		</div>
+		<template #footer>
+			<span class="dialog-footer">
+				<el-button type="primary" @click="submitIndex">{{ t('confirm') }}</el-button>
+			</span>
+		</template>
+	</el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import { getIndexList, setIndexList } from '@/app/api/sys'
+import { useRoute, useRouter } from 'vue-router'
+import { ref, computed } from 'vue'
+import menuItem from './menu-item.vue'
+import { CollectionTag } from '@element-plus/icons-vue'
+const router = useRouter()
+const props = defineProps({
+    routes: {
+        type: Object,
+        required: true
+    },
+    routePath: {
+        type: String
+    }
+})
+console.log("props",props.routePath)
+
+const meta = computed(() => props.routes.meta)
+
+const resolvePath = (path: string) => {
+    return `${props.routePath}/${path}`
+}
+
+const indexList = ref();
+const showDialog = ref(false)
+const checkIndexList = () => {
+	getIndexList().then(res => {
+		showDialog.value = true
+		indexList.value = res.data
+		for(let i = 0 ; i < indexList.value.length; i ++){
+			if(indexList.value[i].is_use == 1){
+				index_path.value = indexList.value[i].view_path
+			}
+		}
+	})
+}
+
+const index_path = ref('');
+const submitIndex = () => {
+	setIndexList({
+		view_path: index_path.value
+	}).then(() => {
+	    showDialog.value = false
+	    router.go(0)
+	})
+}
+
+</script>
+
+<style lang="scss">
+.el-sub-menu{
+    .el-icon{
+        width: auto;
+    }
+    li{
+        font-size: 15px;
+    }
+}
+.el-alert .el-alert__description{
+    margin-top: 0;
+}
+.index-item {
+	border: 1px solid;
+	border-color: var(--el-color-primary);
+    &:hover {
+		color: #fff;
+        background-color: var(--el-color-primary);
+    }
+}
+</style>
diff --git a/admin/src/layout/admin/components/aside/side.vue b/admin/src/layout/admin/components/aside/side.vue
new file mode 100644
index 0000000..ae91b4f
--- /dev/null
+++ b/admin/src/layout/admin/components/aside/side.vue
@@ -0,0 +1,143 @@
+<template>
+    <el-container class="w-100" :class="[{ 'sidebar-dark-mode': systemStore.sidebar == 'twoType' }, { 'sidebar-brightness-mode': systemStore.sidebar == 'oneType' }]">
+        <el-main class="menu-wrap">
+            <el-scrollbar>
+                <el-menu :default-active="menuActive" :router="true" class="aside-menu h-full" unique-opened="true" :collapse="systemStore.menuIsCollapse">
+                    <menu-item v-for="(route, index) in userStore.routers[0].children" :routes="route" :route-path="'setting/'+ route.path" :key="index" />
+                </el-menu>
+                <div class="h-[48px]"></div>
+            </el-scrollbar>
+        </el-main>
+    </el-container>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import useSystemStore from '@/stores/modules/system'
+import useUserStore from '@/stores/modules/user'
+import menuItem from './menu-item.vue'
+import storage from '@/utils/storage'
+import { img } from '@/utils/common'
+
+const logo = ref('@/app/assets/images/login_logo.png')
+const systemStore = useSystemStore()
+const userStore = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const siteInfo = userStore.siteInfo
+
+const menuActive = computed(() => String(route.name))
+
+userStore.routers = userStore.routers.filter((item,index) =>{
+    if(item.name == 'setting_manage'){
+        // item.meta.class = 1
+        if (item.children) {
+            item.children.forEach((subItem, subIndex) => {
+                subItem.meta.class = 1
+                if (subItem.children) {
+                    subItem.children.forEach((threeItem, threeIndex) => {
+                        threeItem.meta.class = 2
+                    })
+                }
+            })
+        }
+        return item.children;
+    }
+})
+
+// userStore.routers.forEach((item, index) => {
+//     item.meta.class = 1
+//     if (item.children) {
+//         item.children.forEach((subItem, subIndex) => {
+//             subItem.meta.class = 2
+//             if (subItem.children) {
+//                 subItem.children.forEach((threeItem, threeIndex) => {
+//                     threeItem.meta.class = 3
+//                 })
+//             }
+//         })
+//     }
+// })
+</script>
+
+<style lang="scss">
+.logo-wrap {
+    padding: 0;
+    display: flex;
+    white-space: nowrap;
+    align-items: center;
+
+    .logo {
+        height: 100%;
+        box-sizing: border-box;
+    }
+
+    .logo-title {
+        flex: 1;
+        width: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        font-size: var(--el-font-size-base);
+    }
+}
+
+.menu-wrap {
+    flex: 1 !important;
+    padding: 0 !important;
+
+    .el-menu {
+        border-right: 0 !important;
+    }
+}
+
+.sidebar-dark-mode {
+    background-color: #191a23;
+
+    &>.logo-wrap {
+        .logo>i {
+            font-size: 20px;
+        }
+
+        border-bottom: 2px solid #101117;
+    }
+
+    .el-menu {
+        background-color: #191a23;
+
+        .el-sub-menu {
+            background: transparent !important;
+        }
+
+        .el-sub-menu__title,
+        .el-menu-item {
+            background: transparent !important;
+            color: #B7B7ba;
+
+            &:hover {
+                background-color: transparent !important;
+                color: #fff !important;
+            }
+        }
+
+        .el-menu-item.is-active {
+            color: #fff !important;
+            background-color: var(--el-color-primary) !important;
+        }
+
+        li::after {
+            content: "";
+            width: 0;
+            height: 0;
+        }
+    }
+}
+
+.sidebar-brightness-mode {
+    &>.logo-wrap {
+        .logo>i {
+            font-size: 20px;
+        }
+    }
+}
+</style>
diff --git a/admin/src/layout/admin/components/header/index.vue b/admin/src/layout/admin/components/header/index.vue
new file mode 100644
index 0000000..f62f4bf
--- /dev/null
+++ b/admin/src/layout/admin/components/header/index.vue
@@ -0,0 +1,221 @@
+<template>
+    <el-container class="h-[60px] bg-[#2B303B] layout-admin flex items-center justify-between px-[15px] text-white" >
+        <!-- :class="['h-full px-[10px]',{'layout-header border-b border-color': !dark}]"  -->
+        <div class="flex items-center text-[14px]  leading-[1]">
+            <span class="iconfont icontuodong !text-[25px] mr-[6px]"></span>
+            <span class="cursor-pointer" @click="toLink('/admin/index')">首页</span>
+            <span class="mx-2 text-[#4F5563] mx-[15px]">|</span>
+            <span class="cursor-pointer" @click="toLink('/admin/setting/website/system','setting_manage')">配置</span>
+            <span class="mx-2 text-[#4F5563] mx-[15px]">|</span>
+            <span class="cursor-pointer" @click="toLink('/admin/site/list','site_manage')">站点</span>
+            <template v-if="app_debug">
+                <span class="mx-2 text-[#4F5563] mx-[15px]">|</span>
+                <span class="cursor-pointer" @click="toLink('/admin/app_manage/app_store','')">应用</span>
+                <span class="mx-2 text-[#4F5563] mx-[15px]">|</span>
+                <span class="cursor-pointer" @click="toLink('/admin/app_manage/tools','tool')">开发</span>
+            </template>
+        </div>
+        <div class="right-panel h-full flex items-center justify-end">
+            <!-- 刷新当前页 -->
+            <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
+                <icon name="element-Refresh" />
+            </div>
+            <!-- 预览 只有站点时展示-->
+            <i class="iconfont iconlingdang-xianxing cursor-pointer px-[8px]" :title="t('newInfo')" v-if="appType == 'site'"></i>
+            <!-- 切换首页 -->
+            <div class="navbar-item flex items-center h-full cursor-pointer"  v-if="appType == 'site'" @click="checkIndexList">
+                <icon name="iconfont-iconqiehuan" :title="t('indexSwitch')"/>
+            </div>
+            <!-- 切换语言 -->
+            <!-- <div class="navbar-item flex items-center h-full cursor-pointer">
+                <switch-lang />
+            </div> -->
+            <!-- 切换全屏 -->
+            <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleFullscreen">
+                <icon name="iconfont-icontuichuquanping" v-if="isFullscreen" />
+                <icon name="iconfont-iconquanping" v-else />
+            </div> -->
+            <!-- 布局设置 -->
+            <!-- <div class="navbar-item flex items-center h-full cursor-pointer">
+                <layout-setting />
+            </div> -->
+            <!-- 用户信息 -->
+            <div class="navbar-item flex items-center h-full cursor-pointer">
+                <user-info />
+            </div>
+        </div>
+        <input type="hidden" v-model="comparisonToken">
+        <input type="hidden" v-model="comparisonSiteId">
+
+        <el-dialog v-model="detectionLoginDialog" :title="t('layout.detectionLoginTip')" width="30%" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
+            <span>{{ t('layout.detectionLoginContent') }}</span>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="detectionLoginFn">{{ t('layout.detectionLoginOperation') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+		<el-dialog v-model="showDialog" :title="t('indexTemplate')" width="550px" :destroy-on-close="true" >
+			<div class="flex flex-wrap">
+				<div v-for="(items, index) in indexList" :key="index" v-if="index_path == ''">
+					<div @click="index_path = items.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="items.is_use == 1 ? 'bg-primary text-[#fff]' : '' ">
+						<span >{{ items.name }}</span>
+					</div>
+				</div>
+				<div v-for="(itemTo, indexTo) in indexList" :key="indexTo" v-else>
+					<div @click="index_path = itemTo.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="index_path == itemTo.view_path ? 'bg-primary text-[#fff]' : '' ">
+						<span >{{ itemTo.name }}</span>
+					</div>
+				</div>
+			</div>
+		    <template #footer>
+		        <span class="dialog-footer">
+		            <el-button type="primary" @click="submitIndex">{{ t('confirm') }}</el-button>
+		        </span>
+		    </template>
+		</el-dialog>
+    </el-container>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, onMounted, watch } from 'vue'
+import layoutSetting from './layout-setting.vue'
+import switchLang from './switch-lang.vue'
+import userInfo from './user-info.vue'
+import { useFullscreen } from '@vueuse/core'
+import useSystemStore from '@/stores/modules/system'
+import useAppStore from '@/stores/modules/app'
+import { useRoute, useRouter } from 'vue-router'
+import { t } from '@/lang'
+import storage from '@/utils/storage'
+import { getIndexList, setIndexList, getEnv } from '@/app/api/sys'
+
+const router = useRouter()
+const appType = storage.get('app_type')
+const { toggle: toggleFullscreen, isFullscreen } = useFullscreen()
+const systemStore = useSystemStore()
+const appStore = useAppStore()
+const route = useRoute()
+const screenWidth = ref(window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth)
+
+const dark = computed(()=>{
+    return systemStore.dark
+})
+
+// 是否是debug模式 start
+let app_debug = ref(true)
+const getEnvFn = () => {
+    getEnv().then(res => {
+        // app_debug.value = res.data.app_debug;
+    }).catch(() => {})
+}
+getEnvFn();
+// 是否是debug模式 end
+
+// 检测登录 start
+const detectionLoginDialog = ref(false)
+const comparisonToken = ref('')
+const comparisonSiteId = ref('')
+if (storage.get('comparisonTokenStorage')) {
+    comparisonToken.value = storage.get('comparisonTokenStorage')
+    // storage.remove(['comparisonTokenStorage']);
+}
+if (storage.get('comparisonSiteIdStorage')) {
+    comparisonSiteId.value = storage.get('comparisonSiteIdStorage')
+    // storage.remove(['comparisonSiteIdStorage']);
+}
+// 监听标签页面切换
+document.addEventListener('visibilitychange', e => {
+    if (document.visibilityState === 'visible' && (comparisonSiteId.value != storage.get('siteId') || comparisonToken.value != storage.get('token'))) {
+        detectionLoginDialog.value = true
+    }
+})
+
+const detectionLoginFn = () => {
+    detectionLoginDialog.value = false
+    location.reload();
+}
+// 检测登录 end
+
+onMounted(() => {
+    // 监听窗体宽度变化
+    window.onresize = () => {
+        return (() => {
+            screenWidth.value = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
+        })()
+    }
+})
+
+// 刷新路由
+const refreshRouter = () => {
+    if (!appStore.routeRefreshTag) return
+    appStore.refreshRouterView()
+}
+
+// 面包屑导航
+const breadcrumb = computed(() => {
+    const matched = route.matched.filter(item => { return item.meta.title })
+    if (matched[0] && matched[0].path == '/') matched.splice(0, 1)
+    return matched
+})
+
+// 返回上一页
+const backFn = () => {
+    router.go(-1)
+}
+
+const indexList = ref();
+const showDialog = ref(false)
+const checkIndexList = () => {
+	getIndexList().then(res => {
+		showDialog.value = true
+		indexList.value = res.data
+		for(let i = 0 ; i < indexList.value.length; i ++){
+			if(indexList.value[i].is_use == 1){
+				index_path.value = indexList.value[i].view_path
+			}
+		}
+	})
+}
+
+const index_path = ref('');
+const submitIndex = () => {
+	setIndexList({
+		view_path: index_path.value
+	}).then(() => {
+	    showDialog.value = false
+	    router.go(0)
+	})
+}
+storage.set({ key: 'currHeadMenuName', data: ""})
+const toLink = (link,type)=>{
+    // systemStore.setHeadMenu(type);
+    router.push(link);
+}
+</script>
+
+<style lang="scss" scoped>
+.layout-header{
+    position: relative;
+    z-index: 5;
+    border-bottom: 1px solid #e8e9eb;
+}
+.navbar-item {
+    padding: 0 8px;
+    color: #fff;
+}
+.index-item {
+	border: 1px solid;
+	border-color: var(--el-color-primary);
+    &:hover {
+		color: #fff;
+        background-color: var(--el-color-primary);
+    }
+}
+</style>
+<style>
+.layout-admin .el-dropdown{
+    color: #fff;
+}
+</style>
diff --git a/admin/src/layout/admin/components/header/layout-setting.vue b/admin/src/layout/admin/components/header/layout-setting.vue
new file mode 100644
index 0000000..c59ea14
--- /dev/null
+++ b/admin/src/layout/admin/components/header/layout-setting.vue
@@ -0,0 +1,125 @@
+<template>
+    <div class="flex">
+        <icon name="element-Setting" @click="drawer = true" />
+
+        <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
+            <el-scrollbar>
+                <!-- 风格切换 -->
+                <div class="setting-item flex items-center justify-between mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.sidebarMode') }}</div>
+                    <div class="">
+                        <el-radio-group v-model="sidebar" class="ml-4">
+                            <el-radio label="oneType" size="large">
+                                <img class="w-[35px] h-[35px]" src="@/app/assets/images/theme_white.png" alt="">
+                            </el-radio>
+                            <el-radio label="twoType" size="large">
+                                <img class="w-[35px] h-[35px]" src="@/app/assets/images/theme_black.png" alt="">
+                            </el-radio>
+                        </el-radio-group>
+                    </div>
+                </div>
+                <!-- 黑暗模式 -->
+                <div class="setting-item flex items-center justify-between mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.darkMode') }}</div>
+                    <div class="">
+                        <el-switch v-model="dark" :active-value="true" :inactive-value="false" />
+                    </div>
+                </div>
+                <!-- 主题颜色 -->
+                <div class="setting-item flex items-center justify-between mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.themeColor') }}</div>
+                    <div class="">
+                        <el-color-picker v-model="theme" />
+                    </div>
+                </div>
+                <!-- 布局风格 -->
+                <div class="setting-item mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.layoutStyle') }}</div>
+                    <div class="flex mt-[10px] layout-style flex-wrap">
+                        <div class="relative w-[125px] h-[100px] border mr-[10px] mb-[10px] hover:border-primary"
+                            :class="{ 'border-primary': currLayout == item.key }" v-for="(item, index) in layouts"
+                            @click="handleSetLayout(item.key)">
+                            <div
+                                class="absolute z-1 w-[50px] h-[50px] border border-primary-light-5 rounded-[50%] top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] flex items-center justify-center text-base text-primary-light-5">
+                                {{ item.name }}
+                            </div>
+                            <img :src="img(item.image)" alt="" class="w-full h-full">
+                        </div>
+                    </div>
+                </div>
+            </el-scrollbar>
+        </el-drawer>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import useSystemStore from '@/stores/modules/system'
+import { useDark, useToggle } from '@vueuse/core'
+import { setThemeColor, img } from '@/utils/common'
+import { t } from '@/lang'
+import { getLayouts, setLayout } from '@/app/api/sys'
+import Storage from '@/utils/storage'
+
+const drawer = ref(false)
+const systemStore = useSystemStore()
+const layouts = ref([])
+const currLayout = ref(Storage.get('layout') || 'default')
+
+getLayouts().then(res => {
+    layouts.value = res.data
+}).catch(() => { })
+
+const isDark = useDark()
+const toggleDark = useToggle(isDark)
+
+const dark = computed({
+    get() {
+        return systemStore.dark
+    },
+    set(val) {
+        systemStore.setTheme('dark', val)
+        toggleDark(val)
+        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+    }
+})
+
+const sidebar = computed({
+    get() {
+        return systemStore.sidebar
+    },
+    set(val) {
+        systemStore.setTheme('sidebar', val)
+        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+    }
+})
+
+const theme = computed({
+    get() {
+        return systemStore.theme
+    },
+    set(val) {
+        systemStore.setTheme('theme', val)
+        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+    }
+})
+
+const handleSetLayout = (key: string) => {
+    setLayout(key).then(() => {
+        Storage.set({ key: 'layout', data: key })
+        location.reload()
+    }).catch(() => { })
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-drawer__header) {
+    margin-bottom: 0 !important;
+}
+
+.layout-style {
+    &>div:nth-child(2n+2) {
+        margin-right: 0;
+    }
+}
+</style>
diff --git a/admin/src/layout/admin/components/header/switch-lang.vue b/admin/src/layout/admin/components/header/switch-lang.vue
new file mode 100644
index 0000000..e48de6e
--- /dev/null
+++ b/admin/src/layout/admin/components/header/switch-lang.vue
@@ -0,0 +1,32 @@
+<template>
+    <el-dropdown @command="switchLang" :tabindex="1">
+        <icon name="iconfont-iconfanyi" />
+        <template #dropdown>
+            <el-dropdown-menu>
+                <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
+                <el-dropdown-item command="en" :disabled="systemStore.lang == 'en'">English</el-dropdown-item>
+            </el-dropdown-menu>
+        </template>
+    </el-dropdown>
+</template>
+
+<script lang="ts" setup>
+import useSystemStore from '@/stores/modules/system'
+import { language } from '@/lang'
+import { useRoute } from 'vue-router'
+import storage from '@/utils/storage'
+
+const route = useRoute()
+const systemStore = useSystemStore()
+
+const switchLang = (command: string) => {
+    systemStore.$patch((state) => {
+        state.lang = command
+        storage.set({ key: 'lang', data: command })
+    })
+    language.loadLocaleMessages(route.path, systemStore.lang)
+    location.reload()
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/layout/admin/components/header/user-info.vue b/admin/src/layout/admin/components/header/user-info.vue
new file mode 100644
index 0000000..f7ece83
--- /dev/null
+++ b/admin/src/layout/admin/components/header/user-info.vue
@@ -0,0 +1,142 @@
+<template>
+    <div>
+        <el-dropdown @command="clickEvent" :tabindex="1">
+            <div class="userinfo flex h-full items-center">
+                <el-avatar :size="25" :icon="UserFilled" />
+                <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
+                <icon name="element-ArrowDown" class="ml-[5px]" />
+            </div>
+            <template #dropdown>
+                <el-dropdown-menu>
+                    <el-dropdown-item>
+                        <router-link to="/user/center">
+                            <div class="flex items-center leading-[1] py-[5px]">
+                                <span class="iconfont iconshezhi1 ml-[4px] !text-[14px] mr-[10px]"></span>
+                                <span class="text-[14px]">账号设置</span>
+                            </div>
+                        </router-link>
+                    </el-dropdown-item>
+                    <el-dropdown-item>
+                        <router-link to="/tools/authorize">
+                            <div class="flex items-center leading-[1] py-[5px]">
+                                <span class="iconfont iconshouquanxinxi2 ml-[4px] !text-[14px] mr-[10px]"></span>
+                                <span class="text-[14px]">授权信息</span>
+                            </div>
+                        </router-link>
+                    </el-dropdown-item>
+                    <el-dropdown-item @click="changePasswordDialog=true">
+                        <div class="flex items-center leading-[1] py-[5px]">
+                            <span class="iconfont iconxiugai ml-[4px] !text-[14px] mr-[10px]"></span>
+                            <span class="text-[14px]">修改密码</span>
+                        </div>
+                    </el-dropdown-item>
+                    <el-dropdown-item @click="logout">
+                        <div class="flex items-center leading-[1] py-[5px]">
+                            <span class="iconfont icontuichudenglu ml-[4px] !text-[14px] mr-[10px]"></span>
+                            <span class="text-[14px]">退出登录</span>
+                        </div>
+                    </el-dropdown-item>
+                </el-dropdown-menu>
+            </template>
+        </el-dropdown>
+        <el-dialog v-model="changePasswordDialog" width="450px" title="修改密码" :before-close="handleClose">
+            <div>
+                <el-form :model="saveInfo" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
+                    <el-form-item :label="t('originalPassword')" prop="original_password">
+                        <el-input v-model="saveInfo.original_password" type="password" :placeholder="t('originalPasswordPlaceholder')" clearable class="input-width" />
+                    </el-form-item>
+                    <el-form-item :label="t('newPassword')" prop="password">
+                        <el-input v-model="saveInfo.password" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" />
+                        <div class="form-tip">{{t('passwordTip')}}</div>
+                    </el-form-item>
+                    <el-form-item :label="t('passwordCopy')" prop="password_copy">
+                        <el-input v-model="saveInfo.password_copy" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" />
+                    </el-form-item>
+                </el-form>
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="changePasswordDialog = false">{{t('cancel')}}</el-button>
+                    <el-button type="primary" @click="submitForm(formRef)">{{t('save')}}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { UserFilled } from '@element-plus/icons-vue'
+import { computed, reactive, ref, onMounted, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import type { FormInstance, FormRules, ElNotification } from 'element-plus'
+import useUserStore from '@/stores/modules/user'
+import { setUserInfo } from '@/app/api/personal'
+import { t } from '@/lang'
+
+const userStore = useUserStore()
+
+const clickEvent = (command: string) => {
+    switch (command) {
+        case 'logout':
+            userStore.logout()
+            break
+    }
+}
+
+const logout = () => {
+    userStore.logout();
+}
+
+// 修改密码 --- start
+let changePasswordDialog = ref(false)
+const formRef = ref<FormInstance>();
+// 提交信息
+let saveInfo = reactive({
+    original_password: '',
+    password: '',
+    password_copy: ''
+});
+// 表单验证规则
+const formRules = reactive<FormRules>({
+  original_password: [
+    { required: true, message: t("originalPasswordPlaceholder"), trigger: "blur" },
+  ],
+  password: [
+    { required: true, message: t("passwordPlaceholder"), trigger: "blur" },
+  ],
+  password_copy: [
+    { required: true, message: t("passwordPlaceholder"), trigger: "blur" },
+  ]
+});
+const submitForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.validate((valid) => {
+        if (valid) {
+            let msg = "";
+            if (saveInfo.password && !saveInfo.original_password) msg = t('originalPasswordHint');
+            if (saveInfo.password && saveInfo.original_password && !saveInfo.password_copy) msg = t('newPasswordHint');
+            if (saveInfo.password && saveInfo.original_password && saveInfo.password_copy && saveInfo.password != saveInfo.password_copy) msg = t('doubleCipherHint');
+            if (msg) {
+                ElNotification({
+                    type: 'error',
+                    message: msg,
+                })
+                return;
+            }
+
+            setUserInfo(saveInfo).then((res: any) => {
+                changePasswordDialog.value = false;
+            })
+        } else {
+            return false
+        }
+    });
+}
+// 修改密码 --- end
+</script>
+
+<style lang="scss" scoped>
+.el-popper .el-dropdown-menu{
+    width: 150px;
+}
+</style>
diff --git a/admin/src/layout/admin/components/tabs.vue b/admin/src/layout/admin/components/tabs.vue
new file mode 100644
index 0000000..d58f79a
--- /dev/null
+++ b/admin/src/layout/admin/components/tabs.vue
@@ -0,0 +1,137 @@
+<template>
+    <div class="tab-wrap w-full px-[16px]">
+        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
+            @tab-remove="removeTab">
+            <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
+                <template #label>
+                    <el-dropdown trigger="contextmenu" placement="bottom-start">
+                        <span :class="{ 'text-primary': route.path == tab.path }" class="tab-name">{{ tab.title }}</span>
+                        <template #dropdown>
+                            <el-dropdown-menu>
+                                <el-dropdown-item icon="Back" :disabled="index == 0" @click="closeLeft(tab.path)">{{t('tabs.closeLeft') }}</el-dropdown-item>
+                                <el-dropdown-item icon="Right" :disabled="index == (tabbarStore.tabLength - 1)" @click="closeRight(tab.path)">{{t('tabs.closeRight') }}</el-dropdown-item>
+                                <el-dropdown-item icon="Close" :disabled="tabbarStore.tabLength == 1" @click="closeOther(tab.path)">{{t('tabs.closeOther') }}</el-dropdown-item>
+                            </el-dropdown-menu>
+                        </template>
+                    </el-dropdown>
+                </template>
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { watch, onMounted } from 'vue'
+import useTabbarStore from '@/stores/modules/tabbar'
+import { useRoute, useRouter } from 'vue-router'
+import { t } from '@/lang'
+
+const tabbarStore = useTabbarStore()
+const route = useRoute()
+const router = useRouter()
+
+onMounted(() => {
+    tabbarStore.addTab(route)
+})
+
+watch(route, (nval: any) => {
+    tabbarStore.addTab(nval)
+})
+
+/**
+ * 添加tab
+ * @param content
+ */
+const tabClick = (content: any) => {
+    const tabRoute = tabbarStore.tabs[content.props.name]
+    router.push({ path: tabRoute.path, query: tabRoute.query })
+}
+
+/**
+ * 移除tab
+ * @param content
+ */
+const removeTab = (content: any) => {
+    if (route.path == content) {
+        const tabs = Object.keys(tabbarStore.tabs)
+        router.push({ path: tabs[tabs.indexOf(content) - 1] })
+    }
+    tabbarStore.removeTab(content)
+}
+
+/**
+ * 关闭左侧
+ * @param path
+ */
+const closeLeft = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    for (let i = tabs.indexOf(path) - 1; i >= 0; i--) {
+        delete tabbarStore.tabs[tabs[i]]
+    }
+    router.push({ path })
+}
+
+/**
+ * 关闭右侧
+ * @param path
+ */
+const closeRight = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    for (let i = tabs.indexOf(path) + 1; i < tabs.length; i++) {
+        delete tabbarStore.tabs[tabs[i]]
+    }
+    router.push({ path })
+}
+
+/**
+ * 关闭其他
+ * @param path
+ */
+const closeOther = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    tabs.forEach((key: string) => { key != path && delete tabbarStore.tabs[key] })
+    router.push({ path })
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-tabs) {
+    .el-tabs--border-card {
+        border: none;
+    }
+
+    .el-tabs__header {
+        margin: 0;
+    }
+
+    .el-tabs__nav-wrap {
+        margin-bottom: 0;
+
+        &::after {
+            display: none;
+        }
+    }
+
+    .el-tabs__content {
+        display: none;
+    }
+
+    .el-tabs__item {
+        display: inline-flex !important;
+        padding: 0 20px !important;
+        align-items: center;
+
+        .tab-name:focus {
+            outline: none !important;
+        }
+    }
+
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        background-color: var(--el-color-primary-light-9);
+    }
+}
+</style>
diff --git a/admin/src/layout/admin/index.vue b/admin/src/layout/admin/index.vue
new file mode 100644
index 0000000..34b9e4b
--- /dev/null
+++ b/admin/src/layout/admin/index.vue
@@ -0,0 +1,66 @@
+<template>
+    <div class="common-layout min-w-[1200px]" >
+        <el-container class="w-100 h-screen">
+            <el-header class="h-[60px]">
+                <layout-header></layout-header>
+            </el-header>
+            <el-container class="flex flex-col">
+                <div ref="layoutAsideRef">
+                    <layout-aside @complete="heightChange"></layout-aside>
+                </div>
+
+                <el-main :class="['main-wrap h-full p-0',{'bg-page': dark}]">
+                    <el-scrollbar class="layout-content-height" :class="{'px-[64px]': flag }" :style="{height: contentHeight}">
+                        <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
+                            <keep-alive :include="tabbarStore.tabNames">
+                                <component :is="Component" :key="route.fullPath" />
+                            </keep-alive>
+                        </router-view>
+                    </el-scrollbar>
+                </el-main>
+
+            </el-container>
+        </el-container>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, onMounted} from 'vue'
+import layoutHeader from './components/header/index.vue'
+import layoutAside from './components/aside/index.vue'
+import useAppStore from '@/stores/modules/app'
+import useTabbarStore from '@/stores/modules/tabbar'
+import useSystemStore from '@/stores/modules/system'
+import useStyleStore from '@/stores/modules/style'
+import { CollectionTag } from '@element-plus/icons-vue'
+
+const appStore = useAppStore()
+const tabbarStore = useTabbarStore()
+const systemStore = useSystemStore()
+const layoutAsideRef = ref()
+const styleStore = useStyleStore()
+
+// 控制页面内容高度start
+let contentHeight= ref("")
+const heightChange = ()=>{
+    setTimeout(() => {
+        contentHeight.value = `calc(100vh - ${layoutAsideRef.value.clientHeight + 60}px)`
+    }, 600);
+}
+heightChange();
+// 控制页面内容高度end
+
+const dark = computed(()=>{
+    return systemStore.dark
+})
+
+const flag = computed(()=>{
+    return styleStore.flag
+})
+</script>
+
+<style lang="scss" scoped>
+.layout-content-height{
+    height: calc(100vh - 130px);
+}
+</style>
diff --git a/admin/src/layout/decorate/index.vue b/admin/src/layout/decorate/index.vue
new file mode 100644
index 0000000..77929b2
--- /dev/null
+++ b/admin/src/layout/decorate/index.vue
@@ -0,0 +1,10 @@
+<template>
+	<el-container class="w-screen h-screen min-w-[1200px]">
+		<router-view></router-view>
+	</el-container>
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/layout/default/components/aside/index.vue b/admin/src/layout/default/components/aside/index.vue
new file mode 100644
index 0000000..c2c9bfe
--- /dev/null
+++ b/admin/src/layout/default/components/aside/index.vue
@@ -0,0 +1,55 @@
+<template>
+    <el-aside :class="['h-screen layout-aside w-auto', { 'bright': !dark }]">
+        <side class="hidden-xs-only" />
+    </el-aside>
+
+    <el-drawer v-model="systemStore.menuDrawer" direction="ltr" :with-header="false" custom-class="aside-drawer" size="210px">
+        <template #default>
+            <side />
+        </template>
+    </el-drawer>
+</template>
+
+<script lang="ts" setup>
+import { watch, computed } from 'vue'
+import { useRoute } from 'vue-router'
+import side from './side.vue'
+import useSystemStore from '@/stores/modules/system'
+const systemStore = useSystemStore()
+const dark = computed(() => {
+    return systemStore.dark
+})
+
+const route = useRoute()
+watch(route, () => {
+    systemStore.$patch(state => {
+        state.menuDrawer = false
+    })
+})
+</script>
+
+<style lang="scss">
+.layout-aside {
+    background-color: var(--side-dark-color, var(--el-bg-color));
+    border-right: 1px solid var(--el-border-color-lighter);
+
+    &.bright {
+        // background-color: #F5F7F9;
+
+        li {
+            // background-color: #F5F7F9;
+
+            &.is-active:not(.is-opened) {
+                position: relative;
+                color: var(--el-color-primary);
+            }
+        }
+    }
+}
+
+.aside-drawer {
+    .el-drawer__body {
+        padding: 0px !important;
+    }
+}
+</style>
diff --git a/admin/src/layout/default/components/aside/menu-item.vue b/admin/src/layout/default/components/aside/menu-item.vue
new file mode 100644
index 0000000..b958d0d
--- /dev/null
+++ b/admin/src/layout/default/components/aside/menu-item.vue
@@ -0,0 +1,67 @@
+<template>
+    <template v-if="meta.show">
+        <el-sub-menu v-if="routes.children" :index="String(routes.name)">
+            <template #title>
+                <span :class="['ml-[10px]']">{{ meta.title }}</span>
+            </template>
+            <menu-item v-for="(route, index) in routes.children" :routes="route" :key="index" />
+        </el-sub-menu>
+        <template v-else>
+            <el-menu-item :index="String(routes.name)" @click="router.push({ name: routes.name })" v-if="meta.addon && meta.parent_route && meta.parent_route.addon == ''">
+                <template #title>
+                    <el-tooltip placement="right" effect="light">
+                        <template #content>
+                            该功能仅限{{ addons[meta.addon].title }}使用
+                        </template>
+                        <span :class="[{'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}, {'ml-[10px]': routes.meta.class == 2, 'ml-[15px]': routes.meta.class == 3}]">{{ meta.title }}</span>
+                    </el-tooltip>
+                </template>
+            </el-menu-item>
+            <el-menu-item :index="String(routes.name)" @click="router.push({ name: routes.name })" v-else>
+                <template #title>
+                    <span :class="[{'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}, {'ml-[10px]': routes.meta.class == 2, 'ml-[15px]': routes.meta.class == 3}]">{{ meta.title }}</span>
+                </template>
+            </el-menu-item>
+        </template>
+        <div v-if="routes.is_border" class="!border-0 !border-t-[1px] border-solid mx-[25px] bg-[#f7f7f7] my-[5px]"></div>
+    </template>
+
+</template>
+
+<script lang="ts" setup>
+import { useRouter } from 'vue-router'
+import { computed } from 'vue'
+import { img } from '@/utils/common'
+import menuItem from './menu-item.vue'
+import useUserStore from '@/stores/modules/user'
+
+const router = useRouter()
+const props = defineProps({
+    routes: {
+        type: Object,
+        required: true
+    }
+})
+const userStore = useUserStore()
+const siteInfo = userStore.siteInfo
+const meta = computed(() => props.routes.meta)
+
+const addons = computed(() => {
+    const addons:Record<string, any> = {}
+    siteInfo?.apps.forEach((item: any) => { addons[item.key] = item })
+    siteInfo?.site_addons.forEach((item: any) => { addons[item.key] = item })
+    return addons
+})
+
+</script>
+
+<style lang="scss">
+.el-sub-menu{
+    .el-icon{
+        width: auto;
+    }
+    li{
+        font-size: 15px;
+    }
+}
+</style>
diff --git a/admin/src/layout/default/components/aside/side.vue b/admin/src/layout/default/components/aside/side.vue
new file mode 100644
index 0000000..35920fe
--- /dev/null
+++ b/admin/src/layout/default/components/aside/side.vue
@@ -0,0 +1,231 @@
+<template>
+    <el-container class="w-100 h-screen">
+        <el-main class="p-0 flex">
+            <div class="w-[124px] px-[8px] bg-[#282c34] h-screen one-menu">
+                <el-header class="logo-wrap">
+                    <div class="logo flex items-center m-auto h-[64px]" v-if="!systemStore.menuIsCollapse">
+                        <img class="max-h-[40px] max-w-[40px] rounded-full" v-if="siteInfo.logo" :src="img(siteInfo.logo)" alt="">
+                        <img class="max-h-[40px] max-w-[40px] rounded-full" v-else src="@/app/assets/images/icon-addon.png" alt="">
+                    </div>
+                    <div class="logo flex items-center justify-center h-[64px]" v-else>
+                        <i class="text-3xl iconfont iconyunkongjian"></i>
+                    </div>
+                </el-header>
+                <el-scrollbar class="h-[calc( 100vh - 64px )]">
+                    <el-menu :default-active="oneMenuActive" :router="true" class="aside-menu" unique-opened="true" :collapse="systemStore.menuIsCollapse">
+                        <template v-for="(item, index) in oneMenuData" :key="index">
+                            <el-menu-item :index="item.path" @click="router.push({ name: item.name })" v-if="item.meta.show">
+                                <div v-if="item.meta.icon" class="w-[16px] h-[16px] relative flex justify-center">
+                                    <el-image class="w-[16px] h-[16px] rounded-[50%] overflow-hidden" :src="item.meta.icon" fit="fill" v-if="isUrl(item.meta.icon)"/>
+                                    <icon :name="item.meta.icon" class="absolute top-[50%] -translate-y-[50%]" v-else />
+                                </div>
+                                <template #title>
+                                    <div class="relative flex-1 w-0">
+                                        <span class="ml-[10px] w-full truncate">{{ item.meta.short_title || item.meta.title }}</span>
+                                    </div>
+                                </template>
+                            </el-menu-item>
+                        </template>
+                    </el-menu>
+                    <div class="h-[48px]"></div>
+                </el-scrollbar>
+            </div>
+            <el-scrollbar v-if="twoMenuData.length" class="two-menu w-[140px]">
+                <div class="w-[140px] h-[64px] flex items-center justify-center text-[16px] border-0 border-b-[1px] border-solid border-[#eee]">{{ route.matched[1].meta.title }}</div>
+                <el-menu :default-active="route.name" :router="true" class="aside-menu" :collapse="systemStore.menuIsCollapse">
+                    <menu-item v-for="(route, index) in twoMenuData" :routes="route" :key="index" />
+                </el-menu>
+                <div class="h-[48px]"></div>
+            </el-scrollbar>
+        </el-main>
+    </el-container>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import useSystemStore from '@/stores/modules/system'
+import useUserStore from '@/stores/modules/user'
+import menuItem from './menu-item.vue'
+import { img, isUrl } from '@/utils/common'
+import { findFirstValidRoute } from '@/router/routers'
+
+const systemStore = useSystemStore()
+const userStore = useUserStore()
+const route = useRoute()
+const router = useRouter()
+const siteInfo = userStore.siteInfo
+const routers = userStore.routers
+const addonIndexRoute = userStore.addonIndexRoute
+
+const oneMenuData = ref<Record<string, any>[]>([])
+const twoMenuData = ref<Record<string, any>[]>([])
+const addonRouters: Record<string, any> = {}
+
+routers.forEach(item => {
+    if (item.meta.addon == '') {
+        if (item.children && item.children.length) {
+            item.name = findFirstValidRoute(item.children)
+        }
+        oneMenuData.value.push(item)
+    } else if (item.meta.addon != '' && siteInfo?.apps.length <= 1 && siteInfo?.apps[0].key == item.meta.addon) {
+        if (item.children) {
+            item.children.forEach((citem: Record<string, any>) => {
+                citem.path = `${item.path}/${citem.path}`
+                if (citem.children && citem.children.length) {
+                    citem.name = findFirstValidRoute(citem.children)
+                }
+            })
+            oneMenuData.value.unshift(...item.children)
+        } else {
+            oneMenuData.value.unshift(item)
+        }
+    } else {
+        addonRouters[item.meta.addon] = item
+    }
+})
+
+// 多应用时将应用插入菜单
+if (siteInfo?.apps.length > 1) {
+    const routers:Record<string, any>[] = []
+    siteInfo?.apps.forEach((item: Record<string, any>) => {
+        routers.push({
+            path: addonRouters[item.key] ? addonRouters[item.key].path : '',
+            meta: {
+                icon: addonRouters[item.key]?.meta.icon || 'element-Setting',
+                addon: item.key,
+                title: item.title,
+                app: item.app,
+                show: true
+            },
+            name: addonIndexRoute[item.key]
+        })
+    })
+    oneMenuData.value.unshift(...routers)
+}
+
+const oneMenuActive = ref(route.matched[1].path)
+
+watch(route, () => {
+    // 多应用
+    if (siteInfo?.apps.length > 1) {
+        twoMenuData.value = route.matched[1].children
+        oneMenuActive.value = route.matched[1].path
+    } else {
+        // 单应用
+        if (route.meta.addon == '') {
+            oneMenuActive.value = route.matched[1].path
+            twoMenuData.value = route.matched[1].children ?? []
+        } else if (route.meta.addon && route.meta.addon != siteInfo?.apps[0].key) {
+            oneMenuActive.value = '/site/app'
+            twoMenuData.value = route.matched[1].children ?? []
+        } else {
+            oneMenuActive.value = route.matched[2].path
+            twoMenuData.value = route.matched[2].children ?? []
+        }
+    }
+}, { immediate: true })
+</script>
+
+<style lang="scss">
+.one-menu{
+    .aside-menu:not(.el-menu--collapse) {
+        background-color: transparent;
+        .el-menu-item{
+            margin-bottom: 4px;
+            height: 40px;
+            padding-left: 12px !important;
+            color: rgba(255,255,255,.7);
+            font-size: 14px;
+            border-radius: 2px;
+            &:hover{
+                background-color: var(--el-color-primary);
+                color: #fff;
+            }
+            &.is-active{
+                background-color: var(--el-color-primary) !important;
+                color: #fff;
+            }
+            span{
+                font-size: 14px;
+                margin-left: 8px;
+            }
+        }
+    }
+    .el-menu{
+        border: 0;
+    }
+    .el-scrollbar{
+        height: calc(100vh - 65px);
+    }
+}
+.two-menu{
+    .aside-menu:not(.el-menu--collapse) {
+        width: 140px;
+        border: 0;
+        padding-top: 16px;
+        .el-menu-item{
+            height: 36px;
+            margin: 0 8px 4px;
+            padding: 0 8px !important;
+            border-radius: 2px;
+            span{
+                margin-left: 8px;
+                font-size: 14px;
+            }
+            &.is-active{
+                background-color: var(--el-color-primary-light-9) !important;
+            }
+            &:hover{
+                background-color: #f7f7f7;
+                color: var(--el-color-primary);
+            }
+        }
+        .el-sub-menu{
+            margin-bottom: 8px;
+            .el-sub-menu__title{
+                margin: 0 8px 4px;
+                height: 36px;
+                padding-left: 8px;
+                border-radius: 2px;
+                span{
+                    height: 36px;
+                    display: flex;
+                    align-items: center;
+                    font-size: 14px;
+                }
+                &:hover{
+                    background-color: #f7f7f7;
+                    color: var(--el-color-primary);
+                }
+                .el-icon.el-sub-menu__icon-arrow{
+                    right: 5px;
+                }
+            }
+            .el-menu-item{
+                padding-left: 20px !important;
+            }
+        }
+    }
+}
+
+.logo-wrap {
+    padding: 0;
+    display: flex;
+    white-space: nowrap;
+    align-items: center;
+
+    .logo {
+        height: 100%;
+        box-sizing: border-box;
+    }
+
+    .logo-title {
+        flex: 1;
+        width: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        font-size: var(--el-font-size-base);
+    }
+}
+</style>
diff --git a/admin/src/layout/default/components/header/index.vue b/admin/src/layout/default/components/header/index.vue
new file mode 100644
index 0000000..67205da
--- /dev/null
+++ b/admin/src/layout/default/components/header/index.vue
@@ -0,0 +1,177 @@
+<template>
+    <el-container :class="['h-full px-[10px]',{'layout-header border-b border-color': !dark}]" >
+        <el-row class="w-100 h-full w-full">
+            <el-col :span="12">
+                <div class="left-panel h-full flex items-center">
+                    <!-- 左侧菜单折叠 -->
+                    <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleMenuCollapse">
+                        <icon name="element-Expand" v-if="systemStore.menuIsCollapse" />
+                        <icon name="element-Fold" v-else />
+                    </div> -->
+                    <!-- 刷新当前页 -->
+                    <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
+                        <icon name="element-Refresh" />
+                    </div>
+                    <!-- 面包屑导航 -->
+                    <div class="flex items-center h-full pl-[10px] hidden-xs-only">
+                        <el-breadcrumb separator="/">
+                            <el-breadcrumb-item v-for="(route, index) in breadcrumb" :key="index">{{route.meta.title }}</el-breadcrumb-item>
+                        </el-breadcrumb>
+                    </div>
+                </div>
+            </el-col>
+            <el-col :span="12">
+                <div class="right-panel h-full flex items-center justify-end">
+                    <!-- 预览 只有站点时展示-->
+                    <i class="iconfont iconlingdang-xianxing cursor-pointer px-[8px]" :title="t('newInfo')" v-if="appType == 'site'"></i>
+                    <!-- 切换语言 -->
+                    <!-- <div class="navbar-item flex items-center h-full cursor-pointer">
+                        <switch-lang />
+                    </div> -->
+                    <!-- 切换全屏 -->
+                    <!-- <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleFullscreen">
+                        <icon name="iconfont-icontuichuquanping" v-if="isFullscreen" />
+                        <icon name="iconfont-iconquanping" v-else />
+                    </div> -->
+                    <!-- 布局设置 -->
+                    <div class="navbar-item flex items-center h-full cursor-pointer">
+                        <layout-setting />
+                    </div>
+                    <!-- 用户信息 -->
+                    <div class="navbar-item flex items-center h-full cursor-pointer">
+                        <user-info />
+                    </div>
+                </div>
+            </el-col>
+        </el-row>
+        <input type="hidden" v-model="comparisonToken">
+        <input type="hidden" v-model="comparisonSiteId">
+
+        <el-dialog v-model="detectionLoginDialog" :title="t('layout.detectionLoginTip')" width="30%" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
+            <span>{{ t('layout.detectionLoginContent') }}</span>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="detectionLoginFn">{{ t('layout.detectionLoginOperation') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, onMounted } from 'vue'
+import layoutSetting from './layout-setting.vue'
+import userInfo from './user-info.vue'
+import { useFullscreen } from '@vueuse/core'
+import useSystemStore from '@/stores/modules/system'
+import useAppStore from '@/stores/modules/app'
+import { useRoute } from 'vue-router'
+import { t } from '@/lang'
+import storage from '@/utils/storage'
+
+const appType = storage.get('app_type')
+const { toggle: toggleFullscreen } = useFullscreen()
+const systemStore = useSystemStore()
+const appStore = useAppStore()
+const route = useRoute()
+const screenWidth = ref(window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth)
+
+const dark = computed(() => {
+    return systemStore.dark
+})
+
+// 检测登录 start
+const detectionLoginDialog = ref(false)
+const comparisonToken = ref('')
+const comparisonSiteId = ref('')
+if (storage.get('comparisonTokenStorage')) {
+    comparisonToken.value = storage.get('comparisonTokenStorage')
+    // storage.remove(['comparisonTokenStorage']);
+}
+if (storage.get('comparisonSiteIdStorage')) {
+    comparisonSiteId.value = storage.get('comparisonSiteIdStorage')
+    // storage.remove(['comparisonSiteIdStorage']);
+}
+// 监听标签页面切换
+document.addEventListener('visibilitychange', e => {
+    if (document.visibilityState === 'visible' && (comparisonSiteId.value != storage.get('siteId') || comparisonToken.value != storage.get('token'))) {
+        detectionLoginDialog.value = true
+    }
+})
+
+const detectionLoginFn = () => {
+    detectionLoginDialog.value = false
+    location.reload()
+}
+// 检测登录 end
+
+onMounted(() => {
+    // 监听窗体宽度变化
+    window.onresize = () => {
+        return (() => {
+            screenWidth.value = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
+        })()
+    }
+})
+
+// watch(screenWidth, () => {
+//     if (screenWidth.value < 992) {
+//         if (!systemStore.menuIsCollapse) systemStore.toggleMenuCollapse(true)
+//     } else {
+//         if (systemStore.menuIsCollapse) systemStore.toggleMenuCollapse(false)
+//     }
+// })
+
+// 菜单栏展开折叠
+// const toggleMenuCollapse = () => {
+//     systemStore.$patch((state) => {
+//         if (screenWidth.value < 768) {
+//             state.menuDrawer = true
+//             state.menuIsCollapse = false
+//         } else {
+//             systemStore.toggleMenuCollapse(!systemStore.menuIsCollapse)
+//         }
+//     })
+// }
+
+// 刷新路由
+const refreshRouter = () => {
+    if (!appStore.routeRefreshTag) return
+    appStore.refreshRouterView()
+}
+
+// 面包屑导航
+const breadcrumb = computed(() => {
+    const matched = route.matched.filter(item => { return item.meta.title })
+    if (matched[0] && matched[0].path == '/') matched.splice(0, 1)
+    return matched
+})
+
+// 返回上一页
+// const backFn = () => {
+//     router.go(-1)
+// }
+</script>
+
+<style lang="scss" scoped>
+.layout-header{
+    position: relative;
+    z-index: 5;
+    box-shadow: 0px 0px 4px 0px rgba(0,145,255,0.1);
+}
+.navbar-item {
+    padding: 0 8px;
+    &:hover {
+        background-color: var(--el-bg-color-page);
+    }
+}
+.index-item {
+	border: 1px solid;
+	border-color: var(--el-color-primary);
+    &:hover {
+		color: #fff;
+        background-color: var(--el-color-primary);
+    }
+}
+
+</style>
diff --git a/admin/src/layout/default/components/header/layout-setting.vue b/admin/src/layout/default/components/header/layout-setting.vue
new file mode 100644
index 0000000..d70b817
--- /dev/null
+++ b/admin/src/layout/default/components/header/layout-setting.vue
@@ -0,0 +1,72 @@
+<template>
+    <div class="flex">
+        <icon name="element-Setting" @click="drawer = true" />
+
+        <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
+            <el-scrollbar>
+                <!-- 黑暗模式 -->
+                <div class="setting-item flex items-center justify-between mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.darkMode') }}</div>
+                    <div class="">
+                        <el-switch v-model="dark" :active-value="true" :inactive-value="false" />
+                    </div>
+                </div>
+                <!-- 主题颜色 -->
+                <div class="setting-item flex items-center justify-between mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.themeColor') }}</div>
+                    <div class="">
+                        <el-color-picker v-model="theme" />
+                    </div>
+                </div>
+            </el-scrollbar>
+        </el-drawer>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import useSystemStore from '@/stores/modules/system'
+import { useDark, useToggle } from '@vueuse/core'
+import { setThemeColor } from '@/utils/common'
+import { t } from '@/lang'
+
+const drawer = ref(false)
+const systemStore = useSystemStore()
+
+const isDark = useDark()
+const toggleDark = useToggle(isDark)
+
+const dark = computed({
+    get () {
+        return systemStore.dark
+    },
+    set (val) {
+        systemStore.setTheme('dark', val)
+        toggleDark(val)
+        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+    }
+})
+
+const theme = computed({
+    get () {
+        return systemStore.theme
+    },
+    set (val) {
+        systemStore.setTheme('theme', val)
+        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+    }
+})
+
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-drawer__header) {
+    margin-bottom: 0 !important;
+}
+
+.layout-style {
+    &>div:nth-child(2n+2) {
+        margin-right: 0;
+    }
+}
+</style>
diff --git a/admin/src/layout/default/components/header/switch-lang.vue b/admin/src/layout/default/components/header/switch-lang.vue
new file mode 100644
index 0000000..e48de6e
--- /dev/null
+++ b/admin/src/layout/default/components/header/switch-lang.vue
@@ -0,0 +1,32 @@
+<template>
+    <el-dropdown @command="switchLang" :tabindex="1">
+        <icon name="iconfont-iconfanyi" />
+        <template #dropdown>
+            <el-dropdown-menu>
+                <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
+                <el-dropdown-item command="en" :disabled="systemStore.lang == 'en'">English</el-dropdown-item>
+            </el-dropdown-menu>
+        </template>
+    </el-dropdown>
+</template>
+
+<script lang="ts" setup>
+import useSystemStore from '@/stores/modules/system'
+import { language } from '@/lang'
+import { useRoute } from 'vue-router'
+import storage from '@/utils/storage'
+
+const route = useRoute()
+const systemStore = useSystemStore()
+
+const switchLang = (command: string) => {
+    systemStore.$patch((state) => {
+        state.lang = command
+        storage.set({ key: 'lang', data: command })
+    })
+    language.loadLocaleMessages(route.path, systemStore.lang)
+    location.reload()
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/layout/default/components/header/user-info.vue b/admin/src/layout/default/components/header/user-info.vue
new file mode 100644
index 0000000..2d48bf9
--- /dev/null
+++ b/admin/src/layout/default/components/header/user-info.vue
@@ -0,0 +1,140 @@
+<template>
+    <div>
+        <el-dropdown @command="clickEvent" :tabindex="1">
+            <div class="userinfo flex h-full items-center">
+                <el-avatar :size="25" :icon="UserFilled" />
+                <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
+                <icon name="element-ArrowDown" class="ml-[5px]" />
+            </div>
+            <template #dropdown>
+                <el-dropdown-menu>
+                    <el-dropdown-item @click="toLink('/home/index')">
+                        <div class="flex items-center leading-[1] py-[5px]">
+                            <span class="iconfont iconqiehuan ml-[4px] !text-[14px] mr-[10px]"></span>
+                            <span class="text-[14px]">切换站点</span>
+                        </div>
+                    </el-dropdown-item>
+                    <el-dropdown-item @click="toLink('/user/center')">
+                        <div class="flex items-center leading-[1] py-[5px]">
+                            <span class="iconfont iconshezhi1 ml-[4px] !text-[14px] mr-[10px]"></span>
+                            <span class="text-[14px]">账号设置</span>
+                        </div>
+                    </el-dropdown-item>
+                    <el-dropdown-item @click="changePasswordDialog=true">
+                        <div class="flex items-center leading-[1] py-[5px]">
+                            <span class="iconfont iconxiugai ml-[4px] !text-[14px] mr-[10px]"></span>
+                            <span class="text-[14px]">修改密码</span>
+                        </div>
+                    </el-dropdown-item>
+                    <el-dropdown-item command="logout">
+                        <div class="flex items-center leading-[1] py-[2px]">
+                            <span class="iconfont icontuichudenglu !text-[21px] mr-[8px]"></span>
+                            <span class="text-[14px]">退出登录</span>
+                        </div>
+                    </el-dropdown-item>
+                </el-dropdown-menu>
+            </template>
+        </el-dropdown>
+
+        <el-dialog v-model="changePasswordDialog" width="450px" title="修改密码" :before-close="handleClose">
+            <div>
+                <el-form :model="saveInfo" label-width="90px" ref="formRef" :rules="formRules" class="page-form">
+                    <el-form-item :label="t('originalPassword')" prop="original_password">
+                        <el-input v-model="saveInfo.original_password" type="password" :placeholder="t('originalPasswordPlaceholder')" clearable class="input-width" />
+                    </el-form-item>
+                    <el-form-item :label="t('newPassword')" prop="password">
+                        <el-input v-model="saveInfo.password" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" />
+                        <div class="form-tip">{{t('passwordTip')}}</div>
+                    </el-form-item>
+                    <el-form-item :label="t('passwordCopy')" prop="password_copy">
+                        <el-input v-model="saveInfo.password_copy" type="password" :placeholder="t('passwordPlaceholder')" clearable class="input-width" />
+                    </el-form-item>
+                </el-form>
+            </div>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="changePasswordDialog = false">{{t('cancel')}}</el-button>
+                    <el-button type="primary" @click="submitForm(formRef)">{{t('save')}}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { UserFilled } from '@element-plus/icons-vue'
+import { reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import type { FormInstance, FormRules, ElNotification } from 'element-plus'
+import useUserStore from '@/stores/modules/user'
+import { setUserInfo } from '@/app/api/personal'
+import { t } from '@/lang'
+
+const userStore = useUserStore()
+const router = useRouter()
+
+const clickEvent = (command: string) => {
+    switch (command) {
+        case 'logout':
+            userStore.logout()
+            break
+    }
+}
+
+const toLink = (link) => {
+    router.push(link)
+}
+
+// 修改密码 --- start
+const changePasswordDialog = ref(false)
+const formRef = ref<FormInstance>()
+// 提交信息
+const saveInfo = reactive({
+    original_password: '',
+    password: '',
+    password_copy: ''
+})
+// 表单验证规则
+const formRules = reactive<FormRules>({
+    original_password: [
+        { required: true, message: t('originalPasswordPlaceholder'), trigger: 'blur' }
+    ],
+    password: [
+        { required: true, message: t('passwordPlaceholder'), trigger: 'blur' }
+    ],
+    password_copy: [
+        { required: true, message: t('passwordPlaceholder'), trigger: 'blur' }
+    ]
+})
+const submitForm = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.validate((valid) => {
+        if (valid) {
+            let msg = ''
+            if (saveInfo.password && !saveInfo.original_password) msg = t('originalPasswordHint')
+            if (saveInfo.password && saveInfo.original_password && !saveInfo.password_copy) msg = t('newPasswordHint')
+            if (saveInfo.password && saveInfo.original_password && saveInfo.password_copy && saveInfo.password != saveInfo.password_copy) msg = t('doubleCipherHint')
+            if (msg) {
+                ElNotification({
+                    type: 'error',
+                    message: msg
+                })
+                return
+            }
+
+            setUserInfo(saveInfo).then((res: any) => {
+                changePasswordDialog.value = false
+            })
+        } else {
+            return false
+        }
+    })
+}
+// 修改密码 --- end
+</script>
+
+<style lang="scss" scoped>
+.el-popper .el-dropdown-menu{
+    width: 150px;
+}
+</style>
diff --git a/admin/src/layout/default/components/tabs.vue b/admin/src/layout/default/components/tabs.vue
new file mode 100644
index 0000000..d58f79a
--- /dev/null
+++ b/admin/src/layout/default/components/tabs.vue
@@ -0,0 +1,137 @@
+<template>
+    <div class="tab-wrap w-full px-[16px]">
+        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
+            @tab-remove="removeTab">
+            <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
+                <template #label>
+                    <el-dropdown trigger="contextmenu" placement="bottom-start">
+                        <span :class="{ 'text-primary': route.path == tab.path }" class="tab-name">{{ tab.title }}</span>
+                        <template #dropdown>
+                            <el-dropdown-menu>
+                                <el-dropdown-item icon="Back" :disabled="index == 0" @click="closeLeft(tab.path)">{{t('tabs.closeLeft') }}</el-dropdown-item>
+                                <el-dropdown-item icon="Right" :disabled="index == (tabbarStore.tabLength - 1)" @click="closeRight(tab.path)">{{t('tabs.closeRight') }}</el-dropdown-item>
+                                <el-dropdown-item icon="Close" :disabled="tabbarStore.tabLength == 1" @click="closeOther(tab.path)">{{t('tabs.closeOther') }}</el-dropdown-item>
+                            </el-dropdown-menu>
+                        </template>
+                    </el-dropdown>
+                </template>
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { watch, onMounted } from 'vue'
+import useTabbarStore from '@/stores/modules/tabbar'
+import { useRoute, useRouter } from 'vue-router'
+import { t } from '@/lang'
+
+const tabbarStore = useTabbarStore()
+const route = useRoute()
+const router = useRouter()
+
+onMounted(() => {
+    tabbarStore.addTab(route)
+})
+
+watch(route, (nval: any) => {
+    tabbarStore.addTab(nval)
+})
+
+/**
+ * 添加tab
+ * @param content
+ */
+const tabClick = (content: any) => {
+    const tabRoute = tabbarStore.tabs[content.props.name]
+    router.push({ path: tabRoute.path, query: tabRoute.query })
+}
+
+/**
+ * 移除tab
+ * @param content
+ */
+const removeTab = (content: any) => {
+    if (route.path == content) {
+        const tabs = Object.keys(tabbarStore.tabs)
+        router.push({ path: tabs[tabs.indexOf(content) - 1] })
+    }
+    tabbarStore.removeTab(content)
+}
+
+/**
+ * 关闭左侧
+ * @param path
+ */
+const closeLeft = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    for (let i = tabs.indexOf(path) - 1; i >= 0; i--) {
+        delete tabbarStore.tabs[tabs[i]]
+    }
+    router.push({ path })
+}
+
+/**
+ * 关闭右侧
+ * @param path
+ */
+const closeRight = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    for (let i = tabs.indexOf(path) + 1; i < tabs.length; i++) {
+        delete tabbarStore.tabs[tabs[i]]
+    }
+    router.push({ path })
+}
+
+/**
+ * 关闭其他
+ * @param path
+ */
+const closeOther = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    tabs.forEach((key: string) => { key != path && delete tabbarStore.tabs[key] })
+    router.push({ path })
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-tabs) {
+    .el-tabs--border-card {
+        border: none;
+    }
+
+    .el-tabs__header {
+        margin: 0;
+    }
+
+    .el-tabs__nav-wrap {
+        margin-bottom: 0;
+
+        &::after {
+            display: none;
+        }
+    }
+
+    .el-tabs__content {
+        display: none;
+    }
+
+    .el-tabs__item {
+        display: inline-flex !important;
+        padding: 0 20px !important;
+        align-items: center;
+
+        .tab-name:focus {
+            outline: none !important;
+        }
+    }
+
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        background-color: var(--el-color-primary-light-9);
+    }
+}
+</style>
diff --git a/admin/src/layout/default/index.vue b/admin/src/layout/default/index.vue
new file mode 100644
index 0000000..0edfe86
--- /dev/null
+++ b/admin/src/layout/default/index.vue
@@ -0,0 +1,44 @@
+<template>
+    <div class="common-layout min-w-[1200px]" >
+        <el-container class="w-100 h-screen">
+            <layout-aside></layout-aside>
+
+            <el-container>
+                <el-header>
+                    <layout-header></layout-header>
+                </el-header>
+
+                <el-main :class="['main-wrap h-full p-0',{'bg-page': dark}]">
+                    <el-scrollbar>
+                        <div class="p-[10px]">
+                            <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
+                                <keep-alive :include="tabbarStore.tabNames">
+                                    <component :is="Component" :key="route.fullPath" />
+                                </keep-alive>
+                            </router-view>
+                        </div>
+                    </el-scrollbar>
+                </el-main>
+
+            </el-container>
+        </el-container>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import layoutHeader from './components/header/index.vue'
+import layoutAside from './components/aside/index.vue'
+import useAppStore from '@/stores/modules/app'
+import useTabbarStore from '@/stores/modules/tabbar'
+import useSystemStore from '@/stores/modules/system'
+
+const appStore = useAppStore()
+const tabbarStore = useTabbarStore()
+const systemStore = useSystemStore()
+const dark = computed(() => {
+    return systemStore.dark
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/layout/home/components/aside/index.vue b/admin/src/layout/home/components/aside/index.vue
new file mode 100644
index 0000000..42a3b98
--- /dev/null
+++ b/admin/src/layout/home/components/aside/index.vue
@@ -0,0 +1,75 @@
+<template>
+    <el-aside class="h-screen group layout-aside w-[80px] bg-[#F7F8FA] w-[230px] ease-in duration-200">
+        <!-- <side class="hidden-xs-only" /> -->
+        <div class="">
+            <el-header class="logo-wrap w-100 h-auto mb-[30px]">
+                <div class="logo flex items-center m-auto max-w-[230px] h-[60px] justify-center"
+                    v-if="!systemStore.menuIsCollapse">
+                    <img class="max-h-full max-w-full" v-if="siteInfo.logo" :src="img(siteInfo.logo)" alt="">
+                    <img class="max-h-full max-w-full" v-else src="@/app/assets/images/login_logo.png" alt="">
+                </div>
+                <div class="logo flex items-center justify-center w-[64px] h-[30px]" v-else>
+                    <i class="text-3xl iconfont iconyunkongjian"></i>
+                </div>
+            </el-header>
+
+            <el-scrollbar max-height="calc(100vh - 90px)">
+                <!-- v-for="(item, index) in userStore.routers" :key="index"item.name.toString() {{ item.meta.title }} -->
+                <div  @click="toLink('/index')"
+                    :class="['flex items-center py-[10px] px-[30px] mb-[8px] cursor-pointer text-[#989898] menu-item whitespace-nowrap', { 'bg-color text-color':  'Symbol(homeIndex)'== menuActive }]">
+                    <icon :name="'element-Memo'" class=" !w-auto" size="24px" />
+                    <span :class="['ml-[15px] text-[14px] ease-in duration-200']">站点列表</span>
+                </div>
+            </el-scrollbar>
+
+        </div>
+    </el-aside>
+
+    <!-- <el-drawer v-model="systemStore.menuDrawer" direction="ltr" :with-header="false" custom-class="aside-drawer" size="210px">
+        <template #default>
+            <side />
+        </template>
+    </el-drawer> -->
+</template>
+
+<script lang="ts" setup>
+import { watch, computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+// import side from './side.vue'
+import useSystemStore from '@/stores/modules/system'
+import useUserStore from '@/stores/modules/user'
+import storage from '@/utils/storage'
+
+const userStore = useUserStore()
+const systemStore = useSystemStore()
+const siteInfo = userStore.siteInfo
+const route = useRoute()
+const router = useRouter()
+const menuActive = computed(() => {
+    return String(route.name)
+})
+
+watch(route, () => {
+    systemStore.$patch(state => {
+        state.menuDrawer = false
+    })
+})
+// 跳转链接
+const toLink = (path) => {
+    router.push({ path })
+}
+</script>
+
+<style lang="scss" scoped>
+.menu-item:hover{
+    color: var(--el-color-primary);
+    border-color: var(--el-color-primary);
+}
+.text-color {
+    color: var(--el-color-primary);
+}
+
+.bg-color {
+    border-color: var(--el-color-primary);
+}
+</style>
diff --git a/admin/src/layout/home/components/aside/menu-item.vue b/admin/src/layout/home/components/aside/menu-item.vue
new file mode 100644
index 0000000..1cb540d
--- /dev/null
+++ b/admin/src/layout/home/components/aside/menu-item.vue
@@ -0,0 +1,122 @@
+<template>
+    <template v-if="meta.show">
+        <el-sub-menu v-if="routes.children" :index="String(routes.name)">
+            <template #title>
+                <div v-if="meta.icon && routes.meta.class == 1" class="w-[16px] h-[16px] relative flex items-center">
+                    <icon v-if="meta.icon" :name="meta.icon" class="absolute !w-auto" />
+                </div>
+                <span :class="['ml-[10px]', {'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}]">{{ meta.title }}</span>
+            </template>
+            <menu-item v-for="(route, index) in routes.children" :routes="route" :route-path="resolvePath(route.path)" :key="index" />
+        </el-sub-menu>
+        <el-menu-item v-else-if="routes.meta.class == 1" :index="String(routes.name)" :route="routePath">
+            <div v-if="meta.icon" class="w-[16px] h-[16px] relative flex justify-center">
+                <icon :name="meta.icon" class="absolute top-[50%] -translate-y-[50%]" />
+            </div>
+            <template #title>
+				<div class="relative">
+					<span :class="['ml-[10px]', {'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}]">{{ meta.title }}</span>
+					<div v-if="routes.path == '/site/siteindex'" class="absolute  top-[50%] -translate-y-[50%] right-[-180%]" @click="checkIndexList">
+						<img class="w-[12px] h-[12px]" src="@/app/assets/images/index/model_tag.png"/>
+					</div>
+				</div>
+            </template>
+        </el-menu-item>
+        <el-menu-item v-else :index="String(routes.name)" :route="routePath">
+            <template #title>
+                <span :class="[{'text-[15px]': routes.meta.class == 1}, {'text-[14px]': routes.meta.class != 1}, {'ml-[10px]': routes.meta.class == 2, 'ml-[15px]': routes.meta.class == 3}]">{{ meta.title }}</span>
+            </template>
+        </el-menu-item>
+    </template>
+	<el-dialog v-model="showDialog" :title="t('indexTemplate')" width="550px" :destroy-on-close="true" >
+		<div class="flex flex-wrap">
+			<div v-for="(items, index) in indexList" :key="index" v-if="index_path == ''">
+				<div @click="index_path = items.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="items.is_use == 1 ? 'bg-primary text-[#fff]' : '' ">
+					<span >{{ items.name }}</span>
+				</div>
+			</div>
+			<div v-for="(itemTo, indexTo) in indexList" :key="indexTo" v-else>
+				<div @click="index_path = itemTo.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="index_path == itemTo.view_path ? 'bg-primary text-[#fff]' : '' ">
+					<span >{{ itemTo.name }}</span>
+				</div>
+			</div>
+		</div>
+		<template #footer>
+			<span class="dialog-footer">
+				<el-button type="primary" @click="submitIndex">{{ t('confirm') }}</el-button>
+			</span>
+		</template>
+	</el-dialog>
+</template>
+
+<script lang="ts" setup>
+import { t } from '@/lang'
+import { getIndexList, setIndexList } from '@/app/api/sys'
+import { useRoute, useRouter } from 'vue-router'
+import { ref, computed } from 'vue'
+import menuItem from './menu-item.vue'
+const router = useRouter()
+const props = defineProps({
+    routes: {
+        type: Object,
+        required: true
+    },
+    routePath: {
+        type: String
+    }
+})
+
+const meta = computed(() => props.routes.meta)
+
+const resolvePath = (path: string) => {
+    return `${props.routePath}/${path}`
+}
+
+const indexList = ref();
+const showDialog = ref(false)
+const checkIndexList = () => {
+	getIndexList().then(res => {
+		showDialog.value = true
+		indexList.value = res.data
+		for(let i = 0 ; i < indexList.value.length; i ++){
+			if(indexList.value[i].is_use == 1){
+				index_path.value = indexList.value[i].view_path
+			}
+		}
+	})
+}
+
+const index_path = ref('');
+const submitIndex = () => {
+	setIndexList({
+		view_path: index_path.value
+	}).then(() => {
+	    showDialog.value = false
+	    router.go(0)
+	})
+}
+
+</script>
+
+<style lang="scss">
+.el-sub-menu{
+    .el-icon{
+        width: auto;
+    }
+    li{
+        font-size: 15px;
+    }
+}
+.el-alert .el-alert__description{
+    margin-top: 0;
+}
+.index-item {
+	border: 1px solid;
+	border-color: var(--el-color-primary);
+    &:hover {
+		color: #fff;
+        background-color: var(--el-color-primary);
+    }
+}
+
+</style>
diff --git a/admin/src/layout/home/components/aside/side.vue b/admin/src/layout/home/components/aside/side.vue
new file mode 100644
index 0000000..2bd8bb6
--- /dev/null
+++ b/admin/src/layout/home/components/aside/side.vue
@@ -0,0 +1,140 @@
+<template>
+    <el-container class="w-100 h-screen" :class="[{ 'sidebar-dark-mode': systemStore.sidebar == 'twoType' }, { 'sidebar-brightness-mode': systemStore.sidebar == 'oneType' }]">
+        <el-header class="logo-wrap w-100">
+            <div class="logo flex items-center m-auto max-w-[210px] h-[30px]" v-if="!systemStore.menuIsCollapse">
+                <img class="max-h-full max-w-full" v-if="siteInfo.logo" :src="img(siteInfo.logo)" alt="">
+                <img class="max-h-full max-w-full" v-else src="@/app/assets/images/login_logo.png" alt="">
+            </div>
+            <div class="logo flex items-center justify-center w-[64px] h-[30px]" v-else>
+                <i class="text-3xl iconfont iconyunkongjian"></i>
+            </div>
+        </el-header>
+
+        <el-main class="menu-wrap">
+            <el-scrollbar>
+                <el-menu :default-active="menuActive" :router="true" class="aside-menu h-full" unique-opened="true" :collapse="systemStore.menuIsCollapse">
+                    <menu-item v-for="(route, index) in userStore.routers" :routes="route" :route-path="route.path" :key="index" />
+                </el-menu>
+                <div class="h-[48px]"></div>
+            </el-scrollbar>
+        </el-main>
+    </el-container>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import { useRoute } from 'vue-router'
+import useSystemStore from '@/stores/modules/system'
+import useUserStore from '@/stores/modules/user'
+import menuItem from './menu-item.vue'
+import storage from '@/utils/storage'
+import { img } from '@/utils/common'
+
+const logo = ref('@/app/assets/images/login_logo.png')
+const systemStore = useSystemStore()
+const userStore = useUserStore()
+const route = useRoute()
+const siteInfo = userStore.siteInfo
+
+const menuActive = computed(() => String(route.name))
+console.log("userStore.routers",userStore.routers)
+userStore.routers.forEach((item, index) => {
+    item.meta.class = 1
+    if (item.children) {
+        item.children.forEach((subItem, subIndex) => {
+            subItem.meta.class = 2
+            if (subItem.children) {
+                subItem.children.forEach((threeItem, threeIndex) => {
+                    threeItem.meta.class = 3
+                })
+            }
+        })
+    }
+})
+</script>
+
+<style lang="scss">
+.aside-menu:not(.el-menu--collapse) {
+    width: var(--aside-width);
+}
+
+.logo-wrap {
+    padding: 0;
+    display: flex;
+    white-space: nowrap;
+    align-items: center;
+
+    .logo {
+        height: 100%;
+        box-sizing: border-box;
+    }
+
+    .logo-title {
+        flex: 1;
+        width: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        font-size: var(--el-font-size-base);
+    }
+}
+
+.menu-wrap {
+    flex: 1 !important;
+    height: 0 !important;
+    padding: 0 !important;
+
+    .el-menu {
+        border-right: 0 !important;
+    }
+}
+
+.sidebar-dark-mode {
+    background-color: #191a23;
+
+    &>.logo-wrap {
+        .logo>i {
+            font-size: 20px;
+        }
+
+        border-bottom: 2px solid #101117;
+    }
+
+    .el-menu {
+        background-color: #191a23;
+
+        .el-sub-menu {
+            background: transparent !important;
+        }
+
+        .el-sub-menu__title,
+        .el-menu-item {
+            background: transparent !important;
+            color: #B7B7ba;
+
+            &:hover {
+                background-color: transparent !important;
+                color: #fff !important;
+            }
+        }
+
+        .el-menu-item.is-active {
+            color: #fff !important;
+            background-color: var(--el-color-primary) !important;
+        }
+
+        li::after {
+            content: "";
+            width: 0;
+            height: 0;
+        }
+    }
+}
+
+.sidebar-brightness-mode {
+    &>.logo-wrap {
+        .logo>i {
+            font-size: 20px;
+        }
+    }
+}
+</style>
diff --git a/admin/src/layout/home/components/header/index.vue b/admin/src/layout/home/components/header/index.vue
new file mode 100644
index 0000000..69de81b
--- /dev/null
+++ b/admin/src/layout/home/components/header/index.vue
@@ -0,0 +1,213 @@
+<template>
+    <el-container :class="['h-full px-[10px]',{'layout-header border-b border-color': !dark}]" >
+        <el-row class="w-100 h-full w-full" justify="end">
+            <el-col :span="12">
+                <div class="right-panel h-full flex items-center justify-end">
+                    <!-- 刷新当前页 -->
+                    <div class="navbar-item flex items-center h-full cursor-pointer" @click="refreshRouter">
+                        <icon name="element-Refresh" />
+                    </div>
+                    <!-- 预览 只有站点时展示-->
+                    <i class="iconfont iconlingdang-xianxing cursor-pointer px-[8px]" :title="t('newInfo')" v-if="appType == 'site'"></i>
+					<!-- 切换首页 -->
+					<div class="navbar-item flex items-center h-full cursor-pointer"  v-if="appType == 'site'" @click="checkIndexList">
+						<icon name="iconfont-iconqiehuan" :title="t('indexSwitch')"/>
+					</div>
+                    <!-- 切换语言 -->
+                    <div class="navbar-item flex items-center h-full cursor-pointer">
+                        <switch-lang />
+                    </div>
+                    <!-- 切换全屏 -->
+                    <div class="navbar-item flex items-center h-full cursor-pointer" @click="toggleFullscreen">
+                        <icon name="iconfont-icontuichuquanping" v-if="isFullscreen" />
+                        <icon name="iconfont-iconquanping" v-else />
+                    </div>
+                    <!-- 布局设置 -->
+                    <div class="navbar-item flex items-center h-full cursor-pointer">
+                        <layout-setting />
+                    </div>
+                    <!-- 用户信息 -->
+                    <div class="navbar-item flex items-center h-full cursor-pointer">
+                        <user-info />
+                    </div>
+                </div>
+            </el-col>
+        </el-row>
+        <input type="hidden" v-model="comparisonToken">
+        <input type="hidden" v-model="comparisonSiteId">
+
+        <el-dialog v-model="detectionLoginDialog" :title="t('layout.detectionLoginTip')" width="30%" :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
+            <span>{{ t('layout.detectionLoginContent') }}</span>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="detectionLoginFn">{{ t('layout.detectionLoginOperation') }}</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
+		<el-dialog v-model="showDialog" :title="t('indexTemplate')" width="550px" :destroy-on-close="true" >
+			<div class="flex flex-wrap">
+				<div v-for="(items, index) in indexList" :key="index" v-if="index_path == ''">
+					<div @click="index_path = items.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="items.is_use == 1 ? 'bg-primary text-[#fff]' : '' ">
+						<span >{{ items.name }}</span>
+					</div>
+				</div>
+				<div v-for="(itemTo, indexTo) in indexList" :key="indexTo" v-else>
+					<div @click="index_path = itemTo.view_path" class="index-item py-[5px] px-[10px] mr-[10px] rounded-[3px] cursor-pointer" :class="index_path == itemTo.view_path ? 'bg-primary text-[#fff]' : '' ">
+						<span >{{ itemTo.name }}</span>
+					</div>
+				</div>
+			</div>
+		    <template #footer>
+		        <span class="dialog-footer">
+		            <el-button type="primary" @click="submitIndex">{{ t('confirm') }}</el-button>
+		        </span>
+		    </template>
+		</el-dialog>
+    </el-container>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, onMounted, watch } from 'vue'
+import layoutSetting from './layout-setting.vue'
+import switchLang from './switch-lang.vue'
+import userInfo from './user-info.vue'
+import { useFullscreen } from '@vueuse/core'
+import useSystemStore from '@/stores/modules/system'
+import useAppStore from '@/stores/modules/app'
+import { useRoute, useRouter } from 'vue-router'
+import { t } from '@/lang'
+import storage from '@/utils/storage'
+import { getIndexList, setIndexList } from '@/app/api/sys'
+
+const router = useRouter()
+const appType = storage.get('app_type')
+const { toggle: toggleFullscreen, isFullscreen } = useFullscreen()
+const systemStore = useSystemStore()
+const appStore = useAppStore()
+const route = useRoute()
+const screenWidth = ref(window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth)
+
+const dark = computed(()=>{
+    return systemStore.dark
+})
+
+// 检测登录 start
+const detectionLoginDialog = ref(false)
+const comparisonToken = ref('')
+const comparisonSiteId = ref('')
+if (storage.get('comparisonTokenStorage')) {
+    comparisonToken.value = storage.get('comparisonTokenStorage')
+    // storage.remove(['comparisonTokenStorage']);
+}
+if (storage.get('comparisonSiteIdStorage')) {
+    comparisonSiteId.value = storage.get('comparisonSiteIdStorage')
+    // storage.remove(['comparisonSiteIdStorage']);
+}
+// 监听标签页面切换
+document.addEventListener('visibilitychange', e => {
+    if (document.visibilityState === 'visible' && (comparisonSiteId.value != storage.get('siteId') || comparisonToken.value != storage.get('token'))) {
+        detectionLoginDialog.value = true
+    }
+})
+
+const detectionLoginFn = () => {
+    detectionLoginDialog.value = false
+    location.reload();
+}
+// 检测登录 end
+
+onMounted(() => {
+    // 监听窗体宽度变化
+    window.onresize = () => {
+        return (() => {
+            screenWidth.value = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
+        })()
+    }
+})
+
+watch(screenWidth, () => {
+    if (screenWidth.value < 992) {
+        if (!systemStore.menuIsCollapse) systemStore.toggleMenuCollapse(true)
+    } else {
+        if (systemStore.menuIsCollapse) systemStore.toggleMenuCollapse(false)
+    }
+})
+
+// 菜单栏展开折叠
+const toggleMenuCollapse = () => {
+    systemStore.$patch((state) => {
+        if (screenWidth.value < 768) {
+            state.menuDrawer = true
+            state.menuIsCollapse = false
+        } else {
+            systemStore.toggleMenuCollapse(!systemStore.menuIsCollapse)
+        }
+    })
+}
+
+// 刷新路由
+const refreshRouter = () => {
+    if (!appStore.routeRefreshTag) return
+    appStore.refreshRouterView()
+}
+
+// 面包屑导航
+const breadcrumb = computed(() => {
+    const matched = route.matched.filter(item => { return item.meta.title })
+    if (matched[0] && matched[0].path == '/') matched.splice(0, 1)
+    return matched
+})
+
+// 返回上一页
+const backFn = () => {
+    router.go(-1)
+}
+
+const indexList = ref();
+const showDialog = ref(false)
+const checkIndexList = () => {
+	getIndexList().then(res => {
+		showDialog.value = true
+		indexList.value = res.data
+		for(let i = 0 ; i < indexList.value.length; i ++){
+			if(indexList.value[i].is_use == 1){
+				index_path.value = indexList.value[i].view_path
+			}
+		}
+	})
+}
+
+const index_path = ref('');
+const submitIndex = () => {
+	setIndexList({
+		view_path: index_path.value
+	}).then(() => {
+	    showDialog.value = false
+	    router.go(0)
+	})
+}
+</script>
+
+<style lang="scss" scoped>
+.layout-header{
+    position: relative;
+    z-index: 5;
+    border-bottom: 1px solid #e8e9eb;
+}
+.navbar-item {
+    padding: 0 8px;
+    &:hover {
+        background-color: var(--el-bg-color-page);
+    }
+}
+.index-item {
+	border: 1px solid;
+	border-color: var(--el-color-primary);
+    &:hover {
+		color: #fff;
+        background-color: var(--el-color-primary);
+    }
+}
+
+</style>
diff --git a/admin/src/layout/home/components/header/layout-setting.vue b/admin/src/layout/home/components/header/layout-setting.vue
new file mode 100644
index 0000000..c59ea14
--- /dev/null
+++ b/admin/src/layout/home/components/header/layout-setting.vue
@@ -0,0 +1,125 @@
+<template>
+    <div class="flex">
+        <icon name="element-Setting" @click="drawer = true" />
+
+        <el-drawer v-model="drawer" :title="t('layout.layoutSetting')" size="300px">
+            <el-scrollbar>
+                <!-- 风格切换 -->
+                <div class="setting-item flex items-center justify-between mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.sidebarMode') }}</div>
+                    <div class="">
+                        <el-radio-group v-model="sidebar" class="ml-4">
+                            <el-radio label="oneType" size="large">
+                                <img class="w-[35px] h-[35px]" src="@/app/assets/images/theme_white.png" alt="">
+                            </el-radio>
+                            <el-radio label="twoType" size="large">
+                                <img class="w-[35px] h-[35px]" src="@/app/assets/images/theme_black.png" alt="">
+                            </el-radio>
+                        </el-radio-group>
+                    </div>
+                </div>
+                <!-- 黑暗模式 -->
+                <div class="setting-item flex items-center justify-between mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.darkMode') }}</div>
+                    <div class="">
+                        <el-switch v-model="dark" :active-value="true" :inactive-value="false" />
+                    </div>
+                </div>
+                <!-- 主题颜色 -->
+                <div class="setting-item flex items-center justify-between mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.themeColor') }}</div>
+                    <div class="">
+                        <el-color-picker v-model="theme" />
+                    </div>
+                </div>
+                <!-- 布局风格 -->
+                <div class="setting-item mb-[10px]">
+                    <div class="title text-base text-tx-secondary">{{ t('layout.layoutStyle') }}</div>
+                    <div class="flex mt-[10px] layout-style flex-wrap">
+                        <div class="relative w-[125px] h-[100px] border mr-[10px] mb-[10px] hover:border-primary"
+                            :class="{ 'border-primary': currLayout == item.key }" v-for="(item, index) in layouts"
+                            @click="handleSetLayout(item.key)">
+                            <div
+                                class="absolute z-1 w-[50px] h-[50px] border border-primary-light-5 rounded-[50%] top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] flex items-center justify-center text-base text-primary-light-5">
+                                {{ item.name }}
+                            </div>
+                            <img :src="img(item.image)" alt="" class="w-full h-full">
+                        </div>
+                    </div>
+                </div>
+            </el-scrollbar>
+        </el-drawer>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref, computed } from 'vue'
+import useSystemStore from '@/stores/modules/system'
+import { useDark, useToggle } from '@vueuse/core'
+import { setThemeColor, img } from '@/utils/common'
+import { t } from '@/lang'
+import { getLayouts, setLayout } from '@/app/api/sys'
+import Storage from '@/utils/storage'
+
+const drawer = ref(false)
+const systemStore = useSystemStore()
+const layouts = ref([])
+const currLayout = ref(Storage.get('layout') || 'default')
+
+getLayouts().then(res => {
+    layouts.value = res.data
+}).catch(() => { })
+
+const isDark = useDark()
+const toggleDark = useToggle(isDark)
+
+const dark = computed({
+    get() {
+        return systemStore.dark
+    },
+    set(val) {
+        systemStore.setTheme('dark', val)
+        toggleDark(val)
+        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+    }
+})
+
+const sidebar = computed({
+    get() {
+        return systemStore.sidebar
+    },
+    set(val) {
+        systemStore.setTheme('sidebar', val)
+        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+    }
+})
+
+const theme = computed({
+    get() {
+        return systemStore.theme
+    },
+    set(val) {
+        systemStore.setTheme('theme', val)
+        setThemeColor(systemStore.theme, systemStore.dark ? 'dark' : 'light')
+    }
+})
+
+const handleSetLayout = (key: string) => {
+    setLayout(key).then(() => {
+        Storage.set({ key: 'layout', data: key })
+        location.reload()
+    }).catch(() => { })
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-drawer__header) {
+    margin-bottom: 0 !important;
+}
+
+.layout-style {
+    &>div:nth-child(2n+2) {
+        margin-right: 0;
+    }
+}
+</style>
diff --git a/admin/src/layout/home/components/header/switch-lang.vue b/admin/src/layout/home/components/header/switch-lang.vue
new file mode 100644
index 0000000..e48de6e
--- /dev/null
+++ b/admin/src/layout/home/components/header/switch-lang.vue
@@ -0,0 +1,32 @@
+<template>
+    <el-dropdown @command="switchLang" :tabindex="1">
+        <icon name="iconfont-iconfanyi" />
+        <template #dropdown>
+            <el-dropdown-menu>
+                <el-dropdown-item command="zh-cn" :disabled="systemStore.lang == 'zh-cn'">简体中文</el-dropdown-item>
+                <el-dropdown-item command="en" :disabled="systemStore.lang == 'en'">English</el-dropdown-item>
+            </el-dropdown-menu>
+        </template>
+    </el-dropdown>
+</template>
+
+<script lang="ts" setup>
+import useSystemStore from '@/stores/modules/system'
+import { language } from '@/lang'
+import { useRoute } from 'vue-router'
+import storage from '@/utils/storage'
+
+const route = useRoute()
+const systemStore = useSystemStore()
+
+const switchLang = (command: string) => {
+    systemStore.$patch((state) => {
+        state.lang = command
+        storage.set({ key: 'lang', data: command })
+    })
+    language.loadLocaleMessages(route.path, systemStore.lang)
+    location.reload()
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/layout/home/components/header/user-info.vue b/admin/src/layout/home/components/header/user-info.vue
new file mode 100644
index 0000000..f8bd5d5
--- /dev/null
+++ b/admin/src/layout/home/components/header/user-info.vue
@@ -0,0 +1,32 @@
+<template>
+    <el-dropdown @command="clickEvent" :tabindex="1">
+        <div class="userinfo flex h-full items-center">
+            <el-avatar :size="25" :icon="UserFilled" />
+            <div class="user-name pl-[8px]">{{ userStore.userInfo.username }}</div>
+            <icon name="element-ArrowDown" class="ml-[5px]" />
+        </div>
+        <template #dropdown>
+            <el-dropdown-menu>
+                <el-dropdown-item command="usercenter"><router-link to="/user/center">个人中心</router-link></el-dropdown-item>
+                <el-dropdown-item command="logout">退出登录</el-dropdown-item>
+            </el-dropdown-menu>
+        </template>
+    </el-dropdown>
+</template>
+
+<script lang="ts" setup>
+import { UserFilled } from '@element-plus/icons-vue'
+import useUserStore from '@/stores/modules/user'
+
+const userStore = useUserStore()
+
+const clickEvent = (command: string) => {
+    switch (command) {
+        case 'logout':
+            userStore.logout()
+            break
+    }
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/layout/home/components/tabs.vue b/admin/src/layout/home/components/tabs.vue
new file mode 100644
index 0000000..d58f79a
--- /dev/null
+++ b/admin/src/layout/home/components/tabs.vue
@@ -0,0 +1,137 @@
+<template>
+    <div class="tab-wrap w-full px-[16px]">
+        <el-tabs :closable="tabbarStore.tabLength > 1" :model-value="route.path" @tab-click="tabClick"
+            @tab-remove="removeTab">
+            <el-tab-pane v-for="(tab, key, index) in tabbarStore.tabs" :name="tab.path" :key="index">
+                <template #label>
+                    <el-dropdown trigger="contextmenu" placement="bottom-start">
+                        <span :class="{ 'text-primary': route.path == tab.path }" class="tab-name">{{ tab.title }}</span>
+                        <template #dropdown>
+                            <el-dropdown-menu>
+                                <el-dropdown-item icon="Back" :disabled="index == 0" @click="closeLeft(tab.path)">{{t('tabs.closeLeft') }}</el-dropdown-item>
+                                <el-dropdown-item icon="Right" :disabled="index == (tabbarStore.tabLength - 1)" @click="closeRight(tab.path)">{{t('tabs.closeRight') }}</el-dropdown-item>
+                                <el-dropdown-item icon="Close" :disabled="tabbarStore.tabLength == 1" @click="closeOther(tab.path)">{{t('tabs.closeOther') }}</el-dropdown-item>
+                            </el-dropdown-menu>
+                        </template>
+                    </el-dropdown>
+                </template>
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { watch, onMounted } from 'vue'
+import useTabbarStore from '@/stores/modules/tabbar'
+import { useRoute, useRouter } from 'vue-router'
+import { t } from '@/lang'
+
+const tabbarStore = useTabbarStore()
+const route = useRoute()
+const router = useRouter()
+
+onMounted(() => {
+    tabbarStore.addTab(route)
+})
+
+watch(route, (nval: any) => {
+    tabbarStore.addTab(nval)
+})
+
+/**
+ * 添加tab
+ * @param content
+ */
+const tabClick = (content: any) => {
+    const tabRoute = tabbarStore.tabs[content.props.name]
+    router.push({ path: tabRoute.path, query: tabRoute.query })
+}
+
+/**
+ * 移除tab
+ * @param content
+ */
+const removeTab = (content: any) => {
+    if (route.path == content) {
+        const tabs = Object.keys(tabbarStore.tabs)
+        router.push({ path: tabs[tabs.indexOf(content) - 1] })
+    }
+    tabbarStore.removeTab(content)
+}
+
+/**
+ * 关闭左侧
+ * @param path
+ */
+const closeLeft = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    for (let i = tabs.indexOf(path) - 1; i >= 0; i--) {
+        delete tabbarStore.tabs[tabs[i]]
+    }
+    router.push({ path })
+}
+
+/**
+ * 关闭右侧
+ * @param path
+ */
+const closeRight = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    for (let i = tabs.indexOf(path) + 1; i < tabs.length; i++) {
+        delete tabbarStore.tabs[tabs[i]]
+    }
+    router.push({ path })
+}
+
+/**
+ * 关闭其他
+ * @param path
+ */
+const closeOther = (path: string) => {
+    const tabs = Object.keys(tabbarStore.tabs)
+    tabs.forEach((key: string) => { key != path && delete tabbarStore.tabs[key] })
+    router.push({ path })
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.el-tabs) {
+    .el-tabs--border-card {
+        border: none;
+    }
+
+    .el-tabs__header {
+        margin: 0;
+    }
+
+    .el-tabs__nav-wrap {
+        margin-bottom: 0;
+
+        &::after {
+            display: none;
+        }
+    }
+
+    .el-tabs__content {
+        display: none;
+    }
+
+    .el-tabs__item {
+        display: inline-flex !important;
+        padding: 0 20px !important;
+        align-items: center;
+
+        .tab-name:focus {
+            outline: none !important;
+        }
+    }
+
+    .el-tabs__active-bar {
+        display: none;
+    }
+
+    .el-tabs__item.is-active {
+        background-color: var(--el-color-primary-light-9);
+    }
+}
+</style>
diff --git a/admin/src/layout/home/index.vue b/admin/src/layout/home/index.vue
new file mode 100644
index 0000000..54ea93f
--- /dev/null
+++ b/admin/src/layout/home/index.vue
@@ -0,0 +1,40 @@
+<template>
+    <div class="common-layout min-w-[1200px]" >
+        <el-container class="w-100 h-screen">
+            <layout-aside></layout-aside>
+
+            <el-container>
+                <el-header class="h-[60px]">
+                    <layout-header></layout-header>
+                </el-header>
+
+                <el-main class="main-wrap h-full p-0">
+                    <el-scrollbar>
+                        <div class="p-[10px]">
+                            <router-view v-slot="{ Component, route }" v-if="appStore.routeRefreshTag">
+                                <keep-alive :include="tabbarStore.tabNames">
+                                    <component :is="Component" :key="route.fullPath" />
+                                </keep-alive>
+                            </router-view>
+                        </div>
+                    </el-scrollbar>
+                </el-main>
+
+            </el-container>
+        </el-container>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import layoutHeader from './components/header/index.vue'
+import layoutAside from './components/aside/index.vue'
+import useAppStore from '@/stores/modules/app'
+import useTabbarStore from '@/stores/modules/tabbar'
+
+const appStore = useAppStore()
+const tabbarStore = useTabbarStore()
+
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/layout/index.vue b/admin/src/layout/index.vue
new file mode 100644
index 0000000..aa07621
--- /dev/null
+++ b/admin/src/layout/index.vue
@@ -0,0 +1,47 @@
+<template>
+    <component :is="layout" />
+</template>
+
+<script lang="ts" setup>
+import { ref, markRaw, defineAsyncComponent, provide } from 'vue'
+import { getAppType } from '@/utils/common'
+import useUserStore from '@/stores/modules/user'
+
+const sysLayout = import.meta.glob('./*/index.vue')
+const addonLayout = import.meta.glob('@/addon/**/layout/index.vue')
+const modules = Object.assign(sysLayout, addonLayout)
+
+let siteLayout = 'default'
+switch (getAppType()) {
+    case 'admin':
+        siteLayout = 'admin'
+        break
+    case 'home':
+        siteLayout = 'home'
+        break
+    default:
+        const siteInfo = useUserStore().siteInfo
+        if (siteInfo && siteInfo.apps && siteInfo.apps.length == 1) siteLayout = siteInfo.apps[0].key
+}
+
+const layout = ref<any>(null)
+
+Object.keys(modules).forEach(key => {
+    key.indexOf(siteLayout) !== -1 && (layout.value = markRaw(defineAsyncComponent(modules[key])))
+})
+
+!layout.value && (layout.value = markRaw(defineAsyncComponent(modules['./default/index.vue'])))
+
+/**
+ * 监听某些页面需要独立配置布局
+ */
+provide('setLayout', (name: any) => {
+    if (siteLayout == name) return
+    siteLayout = name
+    Object.keys(modules).forEach(key => {
+        key.indexOf(name) !== -1 && (layout.value = markRaw(defineAsyncComponent(modules[key])))
+    })
+})
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/admin/src/main.ts b/admin/src/main.ts
new file mode 100644
index 0000000..708a19a
--- /dev/null
+++ b/admin/src/main.ts
@@ -0,0 +1,26 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import roter from './router'
+import ElementPlus from 'element-plus'
+import pinia from './stores'
+import lang from './lang'
+import '@/styles/index.scss'
+import { useElementIcon } from './utils/common'
+import 'highlight.js/styles/stackoverflow-light.css';
+import hljs from 'highlight.js/lib/common'
+import hljsVuePlugin from '@highlightjs/vue-plugin'
+
+window.hl = hljs
+
+async function run() {
+    const app = createApp(App)
+    app.use(pinia)
+    app.use(lang)
+    app.use(roter)
+    app.use(ElementPlus)
+    app.use(hljsVuePlugin)
+    useElementIcon(app)
+    app.mount('#app')
+}
+
+run()
diff --git a/admin/src/router/index.ts b/admin/src/router/index.ts
new file mode 100644
index 0000000..97c2ec1
--- /dev/null
+++ b/admin/src/router/index.ts
@@ -0,0 +1,160 @@
+import { createRouter, createWebHistory, RouteLocationRaw, RouteLocationNormalizedLoaded } from 'vue-router'
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+import { STATIC_ROUTES, NO_LOGIN_ROUTES, ROOT_ROUTER, ADMIN_ROUTE, HOME_ROUTE, SITE_ROUTE, findFirstValidRoute } from './routers'
+import { language } from '@/lang'
+import useSystemStore from '@/stores/modules/system'
+import useUserStore from '@/stores/modules/user'
+import { setWindowTitle, getAppType, urlToRouteRaw } from '@/utils/common'
+import storage from '@/utils/storage'
+
+const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes: [ADMIN_ROUTE, HOME_ROUTE, SITE_ROUTE, ...STATIC_ROUTES]
+})
+
+/**
+ * 重写push方法
+ */
+const originPush = router.push
+router.push = (to: RouteLocationRaw) => {
+    const route = typeof to == 'string' ? urlToRouteRaw(to) : to
+    if (route.path) {
+        const paths = route.path.split('/').filter((item: string) => { return item })
+        route.path = ['admin', 'site', 'decorate', 'home'].indexOf(paths[0]) == -1 ? `/${getAppType()}${route.path}` : route.path
+    }
+    return originPush(route)
+}
+
+/**
+ * 重写resolve方法
+ */
+const originResolve = router.resolve
+router.resolve = (to: RouteLocationRaw, currentLocation?: RouteLocationNormalizedLoaded) => {
+    const route = typeof to == 'string' ? urlToRouteRaw(to) : to
+    if (route.path) {
+        const paths = route.path.split('/').filter((item: string) => { return item })
+        route.path = ['admin', 'site', 'decorate', 'home'].indexOf(paths[0]) == -1 ? `/${getAppType()}${route.path}` : route.path
+    }
+    return originResolve(route, currentLocation)
+}
+
+// 全局前置守卫
+router.beforeEach(async (to, from, next) => {
+    NProgress.configure({ showSpinner: false })
+    NProgress.start()
+
+    to.redirectedFrom && (to.query = to.redirectedFrom.query)
+
+    const userStore = useUserStore()
+    const siteInfo = userStore.siteInfo
+    const appType = getAppType()
+
+    let title: string = to.meta.title ?? ''
+
+    if (!siteInfo && appType != 'home') {
+        await userStore.getSiteInfo()
+    }
+
+    if (siteInfo) {
+        title += '-' + siteInfo.site_name
+    }
+
+    // 设置网站标题
+    setWindowTitle(title)
+
+    // 加载语言包
+    await language.loadLocaleMessages(to.meta.addon || '', (to.meta.view || to.path), useSystemStore().lang);
+
+    let matched: any = to.matched;
+
+    if (matched && matched.length && matched[0].path != '/:pathMatch(.*)*') {
+        matched = matched[0].path;
+    } else {
+        matched = appType
+    }
+
+    const loginPath = to.path == '/' ? '/admin/login' : `${matched}/login`
+
+    // 判断是否需登录
+    if (NO_LOGIN_ROUTES.includes(to.path)) {
+        next()
+    } else if (userStore.token) {
+        // 如果已加载路由
+        if (userStore.routers.length) {
+            if (to.path === loginPath) {
+                next(`/${getAppType()}`)
+            } else {
+                next()
+            }
+        } else {
+            try {
+                if (!userStore.siteInfo || userStore.siteInfo.site_id == undefined) {
+                    if (to.path === '/home/index') {
+                        next()
+                    } else {
+                        next({ path: '/home/index', replace: true })
+                    }
+                } else {
+                    await userStore.getAuthMenus()
+
+                    // 设置首页路由
+                    let firstRoute: symbol | string | undefined = findFirstValidRoute(userStore.routers)
+                    if (getAppType() != 'admin' && userStore.siteInfo?.apps.length > 1) {
+                        firstRoute = userStore.addonIndexRoute[ userStore.siteInfo?.apps[0].key ]
+                    }
+                    ROOT_ROUTER.redirect = { name: firstRoute }
+                    router.addRoute(ROOT_ROUTER)
+
+                    // 设置应用首页路由
+                    if (getAppType() == 'admin') {
+                        ADMIN_ROUTE.children[0].redirect = { name: firstRoute }
+                        router.addRoute(ADMIN_ROUTE)
+                    } else {
+                        SITE_ROUTE.children[0].redirect = { name: firstRoute }
+                        router.addRoute(SITE_ROUTE)
+                    }
+
+                    // 添加动态路由
+                    userStore.routers.forEach(route => {
+                        if (!route.children) {
+                            if (route.meta.app == 'admin') {
+                                router.addRoute(ADMIN_ROUTE.children[0].name, route)
+                            } else {
+                                router.addRoute(SITE_ROUTE.children[0].name, route)
+                            }
+                            return
+                        }
+
+                        // 动态添加可访问路由表
+                        if (route.meta.app == 'admin') {
+                            router.addRoute(ADMIN_ROUTE.name, route)
+                        } else {
+                            router.addRoute(SITE_ROUTE.name, route)
+                        }
+                    })
+
+                    next({ path: to.path, query: to.query, replace: true })
+                }
+
+            } catch (err) {
+                console.log(err)
+                // userStore.logout()
+                next({ path: loginPath, query: { redirect: to.fullPath } })
+            }
+        }
+    } else {
+        if (to.path === loginPath) {
+            next()
+        } else {
+            next({ path: loginPath, query: { redirect: to.fullPath } })
+        }
+    }
+})
+
+// 全局后置钩子
+router.afterEach(() => {
+    NProgress.done()
+})
+
+export default router
diff --git a/admin/src/router/routers.ts b/admin/src/router/routers.ts
new file mode 100644
index 0000000..6e696be
--- /dev/null
+++ b/admin/src/router/routers.ts
@@ -0,0 +1,227 @@
+import { toRaw } from 'vue'
+import { RouteRecordRaw, RouterView } from 'vue-router'
+import Default from '@/layout/index.vue'
+import Decorate from '@/layout/decorate/index.vue'
+
+// 静态路由
+export const STATIC_ROUTES: Array<RouteRecordRaw> = [
+    {
+        path: '/:pathMatch(.*)*',
+        component: () => import('@/app/views/error/404.vue')
+    }
+]
+
+// 免登录路由
+export const NO_LOGIN_ROUTES: string[] = [
+    '/404'
+]
+
+// 根路由
+export const ROOT_ROUTER: RouteRecordRaw = {
+    path: '/',
+    component: Default,
+    name: Symbol()
+}
+
+// 平台端根路由
+export const ADMIN_ROUTE: RouteRecordRaw = {
+    path: '/admin',
+    name: Symbol('admin'),
+    children: [
+        {
+            path: '',
+            name: Symbol('adminRoot'),
+            component: Default
+        },
+        {
+            path: 'login',
+            component: () => import('@/app/views/login/index.vue')
+        },
+        {
+            path: 'user',
+            component: Default,
+            children: [
+                {
+                    path: 'center',
+                    meta: {
+                        type: 1,
+                        title: '个人中心'
+                    },
+                    component: () => import('@/app/views/index/personal.vue')
+                }
+            ]
+        },
+        {
+            path: 'user',
+            component: Default,
+            children: [
+                {
+                    path: 'edit_center',
+                    meta: {
+                        type: 1,
+                        title: '编辑个人中心'
+                    },
+                    component: () => import('@/app/views/index/edit_personal.vue')
+                }
+            ]
+        }
+    ]
+}
+
+// HOME端根路由
+export const HOME_ROUTE: RouteRecordRaw = {
+    path: '/home',
+    name: Symbol('home'),
+    children: [
+        {
+            path: '',
+            name: Symbol('homeRoot'),
+            component: Default
+        },
+        {
+            path: 'index',
+            name: Symbol('homeIndex'),
+            meta: {
+                type: 1,
+                title: '站点管理'
+            },
+            component: () => import('@/app/views/home/index.vue')
+        }
+    ]
+}
+
+// 站点端根路由
+export const SITE_ROUTE: RouteRecordRaw = {
+    path: '/site',
+    name: Symbol('site'),
+    children: [
+        {
+            path: '',
+            name: Symbol('siteRoot'),
+            component: Default
+        },
+        {
+            path: 'login',
+            component: () => import('@/app/views/login/index.vue')
+        },
+        {
+            path: 'user',
+            component: Default,
+            children: [
+                {
+                    path: 'center',
+                    meta: {
+                        type: 1,
+                        title: '个人中心'
+                    },
+                    component: () => import('@/app/views/site/personal.vue')
+                }
+            ]
+        },
+        {
+            path: 'user',
+            component: Default,
+            children: [
+                {
+                    path: 'edit_center',
+                    meta: {
+                        type: 1,
+                        title: '编辑个人中心'
+                    },
+                    component: () => import('@/app/views/site/edit_personal.vue')
+                }
+            ]
+        }
+    ]
+}
+
+export const DECORATE_ROUTER: RouteRecordRaw = {
+    path: '/decorate',
+    component: Decorate,
+    name: Symbol('decorate'),
+    children: []
+}
+
+const modules = import.meta.glob('@/app/views/**/*.vue')
+const addonModules = import.meta.glob('@/addon/**/views/**/*.vue')
+
+interface Route {
+    menu_name: string,
+    menu_short_name: string,
+    router_path: string,
+    view_path: string
+    menu_type: number,
+    menu_key: string,
+    icon?: {
+        name: string,
+        type: string
+    },
+    children?: [],
+    is_show: boolean,
+    app_type: string,
+    addon: string
+}
+
+/**
+ * 创建路由
+ * @param data
+ * @returns
+ */
+const createRoute = function (route: Route, parentRoute: RouteRecordRaw | null = null): RouteRecordRaw {
+    const record: RouteRecordRaw = {
+        path: parentRoute ? route.router_path : route.router_path != 'decorate' ? `/${route.app_type}/${route.router_path}` : `/${route.router_path}`,
+        name: route.menu_key,
+        meta: {
+            title: route.menu_name,
+            short_title: route.menu_short_name,
+            icon: route.icon,
+            type: route.menu_type,
+            show: route.is_show,
+            app: route.app_type,
+            view: route.view_path,
+            addon: route.addon,
+            parent_route: parentRoute ? parentRoute.meta : parentRoute
+        }
+    }
+    if (route.menu_type == 0) {
+        record.component = parentRoute ? RouterView : () => Promise.resolve(Default)
+        if (!route.children) record.component = RouterView
+    } else {
+        record.component = route.addon ? addonModules[`/src/addon/${route.addon}/views/${route.view_path}.vue`] : modules[`/src/app/views/${route.view_path}.vue`]
+    }
+    return record
+}
+
+/**
+ * 格式化路由
+ * @param routes
+ * @returns
+ */
+export function formatRouters(routes: Route[], parentRoute: RouteRecordRaw | null = null) {
+    return routes.map((route) => {
+        const routeRecord = createRoute(route, parentRoute)
+        if (route.children != null && route.children && route.children.length) {
+            routeRecord.children = formatRouters(route.children, routeRecord)
+        }
+        return routeRecord
+    })
+}
+
+/**
+ * 获取首条有效路由
+ * @param routes
+ * @returns
+ */
+export function findFirstValidRoute(routes: RouteRecordRaw[]): string | undefined {
+    for (const route of routes) {
+        if (route.meta?.type == 1) {
+            return route.name as string
+        }
+        if (route.children) {
+            const name = findFirstValidRoute(route.children)
+            if (name) {
+                return name
+            }
+        }
+    }
+}
diff --git a/admin/src/stores/index.ts b/admin/src/stores/index.ts
new file mode 100644
index 0000000..f55eb90
--- /dev/null
+++ b/admin/src/stores/index.ts
@@ -0,0 +1,5 @@
+import { createPinia } from 'pinia'
+
+const store = createPinia()
+
+export default store
\ No newline at end of file
diff --git a/admin/src/stores/modules/app.ts b/admin/src/stores/modules/app.ts
new file mode 100644
index 0000000..d9d5b1c
--- /dev/null
+++ b/admin/src/stores/modules/app.ts
@@ -0,0 +1,33 @@
+import { defineStore } from 'pinia'
+import { nextTick } from 'vue'
+import NProgress from 'nprogress'
+import { RouteRecordRaw } from 'vue-router'
+
+interface App {
+    route: RouteRecordRaw | object,
+    routeRefreshTag: boolean,
+    pageReturn: boolean
+}
+
+const useAppStore = defineStore('app', {
+    state: (): App => {
+        return {
+            route: {},
+            routeRefreshTag: true,
+            pageReturn: false
+        }
+    },
+    actions: {
+        refreshRouterView() {
+            this.routeRefreshTag = false
+            NProgress.start()
+
+            nextTick(() => {
+                this.routeRefreshTag = true
+                NProgress.done()
+            })
+        }
+    }
+})
+
+export default useAppStore
diff --git a/admin/src/stores/modules/diy.ts b/admin/src/stores/modules/diy.ts
new file mode 100644
index 0000000..c1b2101
--- /dev/null
+++ b/admin/src/stores/modules/diy.ts
@@ -0,0 +1,391 @@
+import {defineStore} from 'pinia'
+import {t} from '@/lang'
+import {toRaw} from 'vue'
+import {ElMessage, ElMessageBox} from 'element-plus'
+import {cloneDeep} from 'lodash-es'
+
+const useDiyStore = defineStore('diy', {
+    state: () => {
+        return {
+            id: 0,
+            load: false, // 加载状态
+            currentIndex: -99, // 当前正在编辑的组件下标
+            currentComponent: 'edit-page', // 当前正在编辑的组件名称
+            pageMode: 'diy',
+            editTab: 'content',// 编辑页面
+            name: '', // 页面标识
+            type: '', // 页面模板
+            typeName: '',  // 页面模板名称
+            templateName: '', // 页面模板标识
+            isDefault: 0, // 是否默认页面
+            predefineColors: [
+                '#F4391c',
+                '#ff4500',
+                '#ff8c00',
+                '#FFD009',
+                '#ffd700',
+                '#19C650',
+                '#90ee90',
+                '#00ced1',
+                '#1e90ff',
+                '#c71585',
+                '#FF407E',
+                '#CFAF70',
+                '#A253FF',
+                'rgba(255, 69, 0, 0.68)',
+                'rgb(255, 120, 0)',
+                'hsl(181, 100%, 37%)',
+                'hsla(209, 100%, 56%, 0.73)',
+                '#c7158577'
+            ],
+            components: [], // 组件集合
+            global: {
+                title: "页面", // 页面标题
+
+                pageBgColor: "", // 页面背景颜色
+                bgUrl: '', // 页面背景图片
+                imgWidth: '',  // 页面背景图片宽度
+                imgHeight: '', // 页面背景图片高度
+
+                // 顶部状态栏
+                topStatusBar: {
+                    bgColor: "#ffffff", // 背景颜色
+                    isTransparent: false, // 是否透明
+                    isShow: true, // 是否显示
+                    style: 'style-1', // 风格样式
+                    textColor: "#333333", // 文字颜色
+                    textAlign: 'center', // 文字对齐方式
+                },
+
+                bottomTabBarSwitch: true, // 底部导航开关
+
+                // 弹框 count：不弹出 -1，首次弹出 1，每次弹出 0
+                popWindow: {
+                    imgUrl: "",
+                    imgWidth: '',
+                    imgHeight: '',
+                    count: -1,
+                    show: 0,
+                    link: {
+                        name: ""
+                    },
+                },
+
+                // 公共模板属性，所有组件都继承，无需重复定义，组件内部根据业务自行调用
+                template: {
+                    textColor: "#303133", // 文字颜色
+                    pageBgColor: '', // 底部背景颜色
+
+                    componentBgColor: '', // 组件背景颜色
+                    topRounded: 0, // 组件上圆角
+                    bottomRounded: 0, // 组件下圆角
+
+                    elementBgColor: '', // 元素背景颜色
+                    topElementRounded: 0, // 元素上圆角
+                    bottomElementRounded: 0, // 元素下圆角
+
+                    margin: {
+                        top: 0, // 上边距
+                        bottom: 0, // 下边距
+                        both: 0, // 左右边距
+                    }
+                }
+
+            },
+            // 组件集合
+            value: []
+        }
+    },
+    getters: {
+        editComponent: (state) => {
+            if (state.currentIndex == -99) {
+                return state.global;
+            } else {
+                return state.value[state.currentIndex];
+            }
+        },
+    },
+    actions: {
+        // 初始化数据
+        init() {
+            this.global = {
+                title: "页面", // 页面标题
+
+                pageBgColor: "", // 页面背景颜色
+                bgUrl: '', // 页面背景图片
+                imgWidth: '',  // 页面背景图片宽度
+                imgHeight: '', // 页面背景图片高度
+
+                // 顶部状态栏
+                topStatusBar: {
+                    bgColor: "#ffffff", // 背景颜色
+                    isTransparent: false, // 是否透明
+                    isShow: true, // 是否显示
+                    style: 'style-1', // 风格样式
+                    textColor: "#333333", // 文字颜色
+                    textAlign: 'center', // 文字对齐方式
+                },
+
+                bottomTabBarSwitch: true, // 底部导航开关
+
+                // 弹框 count：不弹出 -1，首次弹出 1，每次弹出 0
+                popWindow: {
+                    imgUrl: "",
+                    imgWidth: '',
+                    imgHeight: '',
+                    count: -1,
+                    show: 0,
+                    link: {
+                        name: ""
+                    },
+                },
+
+                // 公共模板属性，所有组件都继承，无需重复定义，组件内部根据业务自行调用
+                template: {
+                    textColor: "#303133", // 文字颜色
+                    pageBgColor: '', // 底部背景颜色
+
+                    componentBgColor: '', // 组件背景颜色
+                    topRounded: 0, // 组件上圆角
+                    bottomRounded: 0, // 组件下圆角
+
+                    elementBgColor: '', // 元素背景颜色
+                    topElementRounded: 0, // 元素上圆角
+                    bottomElementRounded: 0, // 元素下圆角
+
+                    margin: {
+                        top: 0, // 上边距
+                        bottom: 0, // 下边距
+                        both: 0, // 左右边距
+                    }
+                }
+
+            };
+            this.value = [];
+        },
+        // 添加组件
+        addComponent(key: string, data: any) {
+            // 加载完才能添加组件
+            if (!this.load) return;
+
+            // 删除不用的字段
+            let component = cloneDeep(data);
+
+            component.id = this.generateRandom();
+            component.componentName = key;
+            component.componentTitle = component.title;
+            component.ignore = []; // 忽略公共属性
+
+            Object.assign(component, component.value);
+            delete component.title;
+            delete component.value;
+            delete component.type;
+            delete component.icon;
+
+            if(component.template){
+                // 按照组件初始的属性加载
+                Object.assign(component, component.template);
+                delete component.template;
+            }else{
+                // 默认继承全局属性
+                let template = cloneDeep(this.global.template);
+                Object.assign(component, template);
+            }
+
+            if (!this.checkComponentIsAdd(component)) return;
+
+            if (this.currentIndex === -99) {
+                this.value.push(component);
+                // 添加组件后（不是编辑调用的），选择最后一个
+                this.currentIndex = this.value.length - 1;
+            } else {
+                // 指定位置添加组件
+                this.value.splice(++this.currentIndex, 0, component);
+            }
+
+            this.currentComponent = component.path;
+        },
+        generateRandom(len: number = 5) {
+            return Number(Math.random().toString().substr(3, len) + Date.now()).toString(36);
+        },
+        // 将数据发送到uniapp
+        postMessage() {
+            var diyData = JSON.stringify({
+                pageMode: this.pageMode,
+                currentIndex: this.currentIndex,
+                global: toRaw(this.global),
+                value: toRaw(this.value)
+            });
+            window.previewIframe.contentWindow.postMessage(diyData, '*');
+        },
+        // 选中正在编辑的组件
+        changeCurrentIndex(index: number, component: any = null) {
+            this.currentIndex = index;
+            if (this.currentIndex == -99) {
+                this.currentComponent = 'edit-page';
+            } else if (component) {
+                this.currentComponent = component.path;
+            }
+        },
+        // 删除组件
+        delComponent() {
+            if (this.currentIndex == -99) return;
+
+            ElMessageBox.confirm(
+                t('delComponentTips'),
+                t('warning'),
+                {
+                    confirmButtonText: t('confirm'),
+                    cancelButtonText: t('cancel'),
+                    type: 'warning',
+                    autofocus: false
+                }
+            ).then(() => {
+                this.value.splice(this.currentIndex, 1);
+
+                // 如果组件全部删除，则选中页面设置
+                if (this.value.length === 0) {
+                    this.currentIndex = -99;
+                }
+
+                // 如果当前选中的组件不存在，则选择上一个
+                if (this.currentIndex === this.value.length) {
+                    this.currentIndex--;
+                }
+                let component = cloneDeep(this.value[this.currentIndex]);
+
+                this.changeCurrentIndex(this.currentIndex, component)
+
+            }).catch(() => {
+            })
+
+        },
+        // 上移组件
+        moveUpComponent() {
+            if ((this.currentIndex - 1) < 0) return; // 从0开始
+
+            var temp = cloneDeep(this.value[this.currentIndex]); // 当前选中组件
+            temp.id = this.generateRandom(); // 更新id，刷新组件数据
+
+            let prevIndex = this.currentIndex - 1;
+            var temp2 = cloneDeep(this.value[prevIndex]); // 上个组件
+            temp2.id = this.generateRandom(); // 更新id，刷新组件数据
+
+            this.value[this.currentIndex] = temp2;
+            this.value[prevIndex] = temp;
+
+            this.changeCurrentIndex(prevIndex, temp);
+        },
+        // 下移组件
+        moveDownComponent() {
+            if ((this.currentIndex + 1) >= this.value.length) return; // 最后一个不能下移
+
+            var nextIndex = this.currentIndex + 1;
+
+            var temp = cloneDeep(this.value[this.currentIndex]); // 当前选中组件
+            temp.id = this.generateRandom(); // 更新id，刷新组件数据
+
+            var temp2 = cloneDeep(this.value[nextIndex]); // 下个组件
+            temp2.id = this.generateRandom(); // 更新id，刷新组件数据
+
+            this.value[this.currentIndex] = temp2;
+            this.value[nextIndex] = temp;
+
+            this.changeCurrentIndex(nextIndex, temp);
+
+        },
+        // 复制组件
+        copyComponent() {
+            if (this.currentIndex < 0) return; // 从0开始
+
+            let component = cloneDeep(this.value[this.currentIndex]); // 当前选中组件
+            component.id = this.generateRandom(); // 更新id，刷新组件数据
+
+            if (!this.checkComponentIsAdd(component)) {
+                ElMessage({
+                    type: 'warning',
+                    message: `${t('notCopy')}，${component.componentTitle}${t('componentCanOnlyAdd')}${component.uses}${t('piece')}`,
+                });
+                return;
+            }
+
+            var index = this.currentIndex + 1;
+            this.value.splice(index, 0, component);
+
+            this.changeCurrentIndex(index, component);
+
+        },
+        // 检测组件是否允许添加，true：允许 false：不允许
+        checkComponentIsAdd(component: any) {
+
+            //为0时不处理
+            if (component.uses === 0) return true;
+
+            var count = 0;
+
+            //遍历已添加的自定义组件，检测是否超出数量
+            for (var i in this.value) if (this.value[i].componentName === component.componentName) count++;
+
+            if (count >= component.uses) return false;
+            else return true;
+        },
+        // 重置当前组件数据
+        resetComponent() {
+            if (this.currentIndex < 0) return; // 从0开始
+
+            ElMessageBox.confirm(
+                t('resetComponentTips'),
+                t('warning'),
+                {
+                    confirmButtonText: t('confirm'),
+                    cancelButtonText: t('cancel'),
+                    type: 'warning',
+                    autofocus: false
+                }
+            ).then(() => {
+                // 重置当前选中的组件数据
+                for (let i = 0; i < this.components.length; i++) {
+                    if (this.components[i].componentName == this.editComponent.componentName) {
+                        Object.assign(this.editComponent, this.components[i]);
+                        break;
+                    }
+                }
+
+            }).catch(() => {
+            })
+
+        },
+        // 组件验证
+        verify() {
+            if (this.global.title === "") {
+                ElMessage({
+                    message: t('pageNamePlaceholder'),
+                    type: 'warning'
+                })
+                this.changeCurrentIndex(-99);
+                return false;
+            }
+
+            for (var i = 0; i < this.value.length; i++) {
+                try {
+                    if (this.value[i].verify) {
+                        var res = this.value[i].verify(i);
+                        if (!res.code) {
+                            this.changeCurrentIndex(i, this.value[i])
+                            ElMessage({
+                                message: res.message,
+                                type: 'warning'
+                            })
+                            return false;
+                        }
+                    }
+                } catch (e) {
+                    console.log("verify Error:", e, i, this.value[i]);
+                }
+            }
+            return true;
+        }
+    }
+})
+
+export default useDiyStore
\ No newline at end of file
diff --git a/admin/src/stores/modules/style.ts b/admin/src/stores/modules/style.ts
new file mode 100644
index 0000000..f684f47
--- /dev/null
+++ b/admin/src/stores/modules/style.ts
@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia'
+const useStyleStore = defineStore('style', {
+    state: () => {
+        return {
+            flag : true
+        }
+    },
+    actions: {
+        changeStyle() {
+            this. flag = false
+        },
+        changeBlack() {
+            this. flag = true
+        }
+    }
+})
+
+export default useStyleStore
\ No newline at end of file
diff --git a/admin/src/stores/modules/system.ts b/admin/src/stores/modules/system.ts
new file mode 100644
index 0000000..e311cfc
--- /dev/null
+++ b/admin/src/stores/modules/system.ts
@@ -0,0 +1,48 @@
+import { defineStore } from 'pinia'
+import storage from '@/utils/storage'
+import { useCssVar } from '@vueuse/core'
+
+interface System {
+    menuIsCollapse: boolean,
+    menuDrawer: boolean,
+    dark: boolean,
+    theme: string,
+    lang: string,
+    sidebar: string,
+    sidebarStyle: string
+}
+
+const theme = storage.get('theme') ?? {}
+
+const useSystemStore = defineStore('system', {
+    state: (): System => {
+        return {
+            // menuIsCollapse: storage.get('menuiscollapse') ?? false,
+            menuIsCollapse: false,
+            menuDrawer: false,
+            dark: theme.dark ?? false,
+            theme: theme.theme ?? '#273de3',
+            sidebar: theme.sidebar ?? 'oneType',
+            lang: storage.get('lang') ?? 'zh-cn',
+            sidebarStyle: theme.sidebarStyle ?? 'threeType',
+            currHeadMenuName: ''
+        }
+    },
+    actions: {
+        setHeadMenu(value: any) {
+            this.currHeadMenuName = value
+        },
+        setTheme(state: string, value: any) {
+            this[state] = value
+            theme[state] = value
+            storage.set({ key: 'theme', data: theme })
+        },
+        toggleMenuCollapse(value: boolean) {
+            this.menuIsCollapse = value
+            storage.set({ key: 'menuiscollapse', data: value })
+            useCssVar('--aside-width').value = value ? 'calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)' : '210px'
+        }
+    }
+})
+
+export default useSystemStore
\ No newline at end of file
diff --git a/admin/src/stores/modules/tabbar.ts b/admin/src/stores/modules/tabbar.ts
new file mode 100644
index 0000000..3397b7d
--- /dev/null
+++ b/admin/src/stores/modules/tabbar.ts
@@ -0,0 +1,51 @@
+import { defineStore } from 'pinia'
+import type { RouteLocationNormalizedLoaded } from 'vue-router'
+
+interface Tabbar {
+    curr: string,
+    tabs: {
+        [key: string]: any
+    }
+}
+
+const useTabbarStore = defineStore('tabbar', {
+    state: (): Tabbar => {
+        return {
+            curr: '',
+            tabs: {}
+        }
+    },
+    actions: {
+        addTab(roter: RouteLocationNormalizedLoaded) {
+            if (roter.meta && roter.meta.type != 1) return
+            if (this.tabs[roter.path]) {
+                this.tabs[roter.path].query = roter.query || {}
+                return
+            }
+            this.tabs[roter.path] = {
+                path: roter.path,
+                title: roter.meta ? roter.meta.title : '',
+                name: roter.name,
+                query: roter.query || {}
+            }
+        },
+        removeTab(path: string) {
+            delete this.tabs[path]
+        },
+        clearTab() {
+            this.tabs = {}
+        }
+    },
+    getters: {
+        tabLength: (state) => Object.keys(state.tabs).length,
+        tabNames: (state) => {
+            const name: any[] = []
+            Object.keys(state.tabs).forEach(key => {
+                name.push(state.tabs[key].name)
+            })
+            return name
+        }
+    }
+})
+
+export default useTabbarStore
\ No newline at end of file
diff --git a/admin/src/stores/modules/user.ts b/admin/src/stores/modules/user.ts
new file mode 100644
index 0000000..bb1d1b7
--- /dev/null
+++ b/admin/src/stores/modules/user.ts
@@ -0,0 +1,99 @@
+import { defineStore } from 'pinia'
+import { getToken, setToken, removeToken, getAppType } from '@/utils/common'
+import { login, logout, getAuthMenus, getSiteInfo } from '@/app/api/auth'
+import storage from '@/utils/storage'
+import router from '@/router'
+import { formatRouters, findFirstValidRoute } from '@/router/routers'
+import useTabbarStore from './tabbar'
+
+interface User {
+    token: string,
+    userInfo: object,
+    siteInfo: null | Record<string, any>,
+    routers: any[],
+    rules: any[],
+    addonIndexRoute: Record<string, symbol>
+}
+
+const userStore = defineStore('user', {
+    state: (): User => {
+        return {
+            token: getToken() || '',
+            userInfo: storage.get('userinfo') || {},
+            siteInfo: null,
+            routers: [],
+            rules: [],
+            addonIndexRoute: {}
+        }
+    },
+    actions: {
+        async getSiteInfo() {
+            await getSiteInfo().then(({ data }) => {
+                this.siteInfo = data
+                storage.set({ key: 'siteId', data: data.site_id || 0 })
+                storage.set({ key: 'siteInfo', data: data })
+                storage.set({ key: 'comparisonSiteIdStorage', data: data.site_id || 0 })
+            }).catch(() => {
+
+            })
+        },
+        login(form: object, app_type: any) {
+            return new Promise((resolve, reject) => {
+                login(form, app_type)
+                    .then((res) => {
+                        this.token = res.data.token
+                        this.userInfo = res.data.userinfo
+                        this.siteInfo = res.data.site_info || {}
+                        setToken(res.data.token)
+                        storage.set({ key: 'userinfo', data: res.data.userinfo })
+                        storage.set({ key: 'siteId', data: res.data.site_id || 0 })
+                        storage.set({ key: 'siteInfo', data: res.data.site_info || {} })
+                        storage.set({ key: 'comparisonSiteIdStorage', data: res.data.site_id || 0 })
+                        storage.set({ key: 'comparisonTokenStorage', data: res.data.token })
+                        resolve(res)
+                    })
+                    .catch((error) => {
+                        reject(error)
+                    })
+            })
+        },
+        logout() {
+            if (!this.token) return
+            this.token = ''
+            this.userInfo = {}
+            this.siteInfo = {}
+            removeToken()
+            storage.remove(['userinfo', 'siteId', 'siteInfo'])
+            this.routers = []
+            logout()
+            // 清除tabbar
+            useTabbarStore().clearTab()
+            const login = getAppType() == 'admin' ? '/admin/login' : '/site/login'
+            router.push(login)
+        },
+        getAuthMenus() {
+            return new Promise((resolve, reject) => {
+                getAuthMenus({})
+                    .then((res) => {
+                        this.routers = formatRouters(res.data)
+                        // 获取插件的首个菜单
+                        this.routers.forEach((item, index) => {
+                            if (item.meta.addon !== '') {
+                                if (item.children && item.children.length) {
+                                    this.addonIndexRoute[item.meta.addon] = findFirstValidRoute(item.children)
+                                } else {
+                                    this.addonIndexRoute[item.meta.addon] = item.name
+                                }
+                            }
+                        })
+                        resolve(res)
+                    })
+                    .catch((error) => {
+                        reject(error)
+                    })
+            })
+        }
+    }
+})
+
+export default userStore
diff --git a/admin/src/styles/common.scss b/admin/src/styles/common.scss
new file mode 100644
index 0000000..ec145be
--- /dev/null
+++ b/admin/src/styles/common.scss
@@ -0,0 +1,259 @@
+:root {
+    --aside-width: 210px;
+    --el-mask-color: rgba(255,255,255,1);
+}
+body,
+html {
+    font-family: Helvetica Neue, Helvetica, Arial;
+}
+
+.border-color {
+    border-color: var(--el-border-color-lighter);
+}
+
+.el-form {
+    .form-tip {
+        width: 100%;
+        font-size: var(--el-font-size-small);
+        color: var(--el-color-info-light-3);
+        line-height: 1;
+        margin-top: 10px;
+    }
+}
+
+.page-form {
+    .input-width {
+        width: 300px;
+    }
+}
+
+.w-e-full-screen-container {
+    z-index: 10;
+}
+
+.w-e-toolbar {
+    .w-e-bar-divider {
+        display: none;
+    }
+}
+
+.main-container{
+    .full-container {
+        height: calc(100vh - 122px);
+    }
+}
+
+.panel-title {
+    margin: 0 0 16px 0;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 1;
+}
+
+.fixed-footer-wrap {
+    height: 48px;
+
+    .fixed-footer {
+        position: fixed;
+        height: inherit;
+        background:var(--el-bg-color-overlay);
+        width: 100%;
+        left: 0;
+        bottom: 0;
+        z-index: 4;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        --tw-shadow: var(--el-box-shadow);
+        --tw-shadow-colored: var(--el-box-shadow);
+        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
+        transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out
+    }
+}
+
+html.dark {
+    .el-table {
+        --el-table-header-bg-color: var(--el-bg-color)!important
+    }
+    .table-search-wrap {
+        background-color: var(--el-bg-color)!important;
+    }
+    --w-e-toolbar-bg-color: var(--el-bg-color-overlay);
+    --w-e-textarea-bg-color: var(--el-bg-color-overlay);
+    --w-e-textarea-color: var(--el-input-text-color);
+    --w-e-toolbar-border-color: var(--el-border-color);
+    --w-e-toolbar-active-bg-color:var(--el-bg-color);
+    --w-e-toolbar-active-color:var(--el-text-color-primary);
+}
+
+:root input:-webkit-autofill,
+textarea:-webkit-autofill,
+select:-webkit-autofill {
+    box-shadow: 0 0 50px 50px white inset;
+}
+
+// 表格
+.el-pager li.is-active{
+    font-weight: normal !important;
+}
+
+// 筛选框
+.table-search-wrap {
+    .el-card__body{
+        padding: 10px 0;
+    }
+    .el-form {
+        margin-bottom: -18px;
+    }
+}
+
+// 背景颜色
+.base-bg{
+    background-color: transparent !important;
+    // background-color: #F5F7F9 !important; 原来的颜色
+}
+
+// 数据展示面板
+.el-statistic {
+    --el-statistic-content-font-size: 28px !important;
+}
+
+.region-input {
+    --region-input-border-color: var(--el-border-color);
+    display: flex;
+    box-shadow: 0 0 0 1px var(--region-input-border-color) inset;
+    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
+    height: calc(var(--el-input-inner-height) - 2px);
+    line-height: calc(var(--el-input-inner-height) - 2px);
+    transition: var(--el-transition-box-shadow);
+
+    &:hover {
+        --region-input-border-color: var(--el-color-primary);
+    }
+
+    .separator {
+        flex: 1;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        height: 100%;
+        padding: 0 5px;
+        margin: 0;
+        font-size: 14px;
+        word-break: keep-all;
+        color: var(--el-text-color-primary);
+    }
+
+    .el-form-item {
+        flex: 1;
+    }
+
+    input {
+        padding: 0 10px;
+        appearance: none;
+        border: none;
+        outline: 0;
+        display: inline-block;
+        height: 30px;
+        line-height: 30px;
+        margin: 0;
+        text-align: center;
+        font-size: var(--el-font-size-base);
+        color: var(--el-text-color-regular);
+        background-color: transparent;
+
+        &::placeholder {
+            color: var(--el-text-color-placeholder);
+        }
+    }
+}
+
+
+// 温馨提示样式
+.warm-prompt {
+    background-color: var(--el-color-primary-light-9) !important;
+    .el-icon,p,li{
+        color: var(--el-color-primary-light-3);
+    }
+    .el-alert__content{
+        padding: 0;
+    }
+}
+html.dark {
+    .warm-prompt {
+        background-color: var(--el-color-primary-light-5) !important;
+        .el-icon, p {
+            color: var(--el-color-primary-dark-2);
+        }
+    }
+}
+.app-item {
+	background: #f7f7f7;
+}
+html.dark {
+    .app-item {
+        background: #191a23;
+    }
+}
+
+// 详情的头部
+.detail-head{
+    display: flex;
+    align-items: center;
+    margin-left: 30px;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    .left{
+        color: #666;
+        margin-top: 1px;
+        font-size: 14px;
+        line-height: 1;
+        cursor: pointer;
+    }
+    .adorn{
+        color: #999;
+        margin: 0 12px;
+        font-size: 14px;
+    }
+    .right{
+        font-size: 24px;
+    }
+}
+
+
+// ********************************************** 修改整体样式 **********************************************
+// 修改选择框、ipnut、时间选择、按钮，input带按钮的圆角
+.el-input__wrapper, .el-input-group__append, .el-textarea__inner{
+    border-radius: 0 !important;
+}
+.el-button:not(.is-round){
+    border-radius: 2px !important;
+}
+// 修改表格中上传图片样式冲突的问题
+.el-table .el-table__cell{
+    position: inherit !important;
+}
+
+// /* 多行超出隐藏 */
+.multi-hidden {
+    white-space: normal;
+	word-break: break-all;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+// 滚动条
+//.el-scrollbar__bar.is-vertical{
+//    width: 10px !important;
+//}
+//.el-scrollbar__bar.is-vertical .el-scrollbar__thumb{
+//    background-color: #8b8b8b !important;
+//    opacity: 1 !important;
+//    width: 9px !important;
+//}
+//.el-scrollbar__bar.is-vertical .el-scrollbar__thumb:hover{
+//    background-color: #636363 !important;
+//    opacity: 1 !important;
+//}
diff --git a/admin/src/styles/element-plus.scss b/admin/src/styles/element-plus.scss
new file mode 100644
index 0000000..2bc94ec
--- /dev/null
+++ b/admin/src/styles/element-plus.scss
@@ -0,0 +1,52 @@
+:root {}
+
+.el-header {
+    --el-header-padding: 0 !important;
+    --el-header-height: 64px !important;
+}
+
+.el-table {
+    --el-table-header-bg-color: #F5F7F9!important;
+    --el-table-header-text-color:#333!important;
+}
+
+.dark {
+    .el-table {
+        --el-table-header-text-color: var(--el-text-color-secondary)!important;
+    }
+}
+
+.el-table thead, .el-table thead th {
+    font-weight: normal !important;
+}
+
+.el-button {
+    background-color: var(--el-button-bg-color, var(--el-color-white));
+}
+
+.el-dialog {
+    max-width: calc(100vw - 50px);
+}
+
+.el-date-editor--daterange, .el-date-editor--timerange, .el-date-editor.el-input, .el-date-editor .el-input__wrapper {
+    --el-date-editor-width: 100%!important;
+    width: 100%;
+}
+
+
+.el-textarea__inner::-webkit-scrollbar {
+    width: 6px ;
+    height: 6px ;
+}
+
+.el-textarea__inner::-webkit-scrollbar-thumb {
+    border-radius: 3px ;
+    -moz-border-radius: 3px ;
+    -webkit-border-radius: 3px ;
+    background-color: #909399;
+    opacity: .3;
+}
+
+.el-textarea__inner::-webkit-scrollbar-track {
+   background-color: transparent ;
+}
\ No newline at end of file
diff --git a/admin/src/styles/icon/addon-iconfont.css b/admin/src/styles/icon/addon-iconfont.css
new file mode 100644
index 0000000..2dc8782
--- /dev/null
+++ b/admin/src/styles/icon/addon-iconfont.css
@@ -0,0 +1 @@
+@import "addon/tourism/iconfont.css";
diff --git a/admin/src/styles/icon/addon/tourism/iconfont.css b/admin/src/styles/icon/addon/tourism/iconfont.css
new file mode 100644
index 0000000..4e28126
--- /dev/null
+++ b/admin/src/styles/icon/addon/tourism/iconfont.css
@@ -0,0 +1,58 @@
+@font-face {
+  font-family: "tourism"; /* Project id 4137250 */
+  src: url('//at.alicdn.com/t/c/font_4137250_st1ha9l0k1e.woff2?t=1687685028672') format('woff2'),
+  url('//at.alicdn.com/t/c/font_4137250_st1ha9l0k1e.woff?t=1687685028672') format('woff'),
+  url('//at.alicdn.com/t/c/font_4137250_st1ha9l0k1e.ttf?t=1687685028672') format('truetype');
+}
+
+.tourism {
+  font-family: "tourism" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.tourism-icon-feiji:before {
+  content: "\e600";
+}
+
+.tourism-icon-lvyou:before {
+  content: "\e6a9";
+}
+
+.tourism-icon-lvyouchanpin:before {
+  content: "\e63b";
+}
+
+.tourism-icon-lvyou1:before {
+  content: "\e623";
+}
+
+.tourism-icon-lvyou2:before {
+  content: "\e601";
+}
+
+.tourism-icon-lvyou3:before {
+  content: "\e60c";
+}
+
+.tourism-icon-lvyoubaochedingdan:before {
+  content: "\e612";
+}
+
+.tourism-icon-lvyou4:before {
+  content: "\e653";
+}
+
+.tourism-icon-lvyou5:before {
+  content: "\e610";
+}
+
+.tourism-icon-lvyouguanguang:before {
+  content: "\e87e";
+}
+
+.tourism-icon-lvyou6:before {
+  content: "\e642";
+}
diff --git a/admin/src/styles/icon/addon/tourism/iconfont.json b/admin/src/styles/icon/addon/tourism/iconfont.json
new file mode 100644
index 0000000..f9bc2b7
--- /dev/null
+++ b/admin/src/styles/icon/addon/tourism/iconfont.json
@@ -0,0 +1,86 @@
+{
+  "id": "4137250",
+  "name": "旅游业",
+  "font_family": "tourism",
+  "css_prefix_text": "tourism-icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "1443",
+      "name": "飞机",
+      "font_class": "feiji",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "446824",
+      "name": "旅游",
+      "font_class": "lvyou",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "1167173",
+      "name": "旅游产品",
+      "font_class": "lvyouchanpin",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "1354920",
+      "name": "旅游",
+      "font_class": "lvyou1",
+      "unicode": "e623",
+      "unicode_decimal": 58915
+    },
+    {
+      "icon_id": "1505555",
+      "name": "旅游",
+      "font_class": "lvyou2",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "2121726",
+      "name": "旅游",
+      "font_class": "lvyou3",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "2357494",
+      "name": "旅游包车订单",
+      "font_class": "lvyoubaochedingdan",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "3944019",
+      "name": "旅游",
+      "font_class": "lvyou4",
+      "unicode": "e653",
+      "unicode_decimal": 58963
+    },
+    {
+      "icon_id": "4838220",
+      "name": "旅游",
+      "font_class": "lvyou5",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "7444178",
+      "name": "旅游观光",
+      "font_class": "lvyouguanguang",
+      "unicode": "e87e",
+      "unicode_decimal": 59518
+    },
+    {
+      "icon_id": "9748082",
+      "name": "旅游",
+      "font_class": "lvyou6",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    }
+  ]
+}
diff --git a/admin/src/styles/icon/iconfont.css b/admin/src/styles/icon/iconfont.css
new file mode 100644
index 0000000..e814809
--- /dev/null
+++ b/admin/src/styles/icon/iconfont.css
@@ -0,0 +1,1018 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3883393 */
+  src: url('//at.alicdn.com/t/c/font_3883393_46xoryy5l7v.woff2?t=1701067532618') format('woff2'),
+       url('//at.alicdn.com/t/c/font_3883393_46xoryy5l7v.woff?t=1701067532618') format('woff'),
+       url('//at.alicdn.com/t/c/font_3883393_46xoryy5l7v.ttf?t=1701067532618') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icontuichudenglu:before {
+  content: "\e64a";
+}
+
+.iconhuojian:before {
+  content: "\e6ff";
+}
+
+.iconicon_huojian1:before {
+  content: "\e6fe";
+}
+
+.iconrili1:before {
+  content: "\e62e";
+}
+
+.iconrili:before {
+  content: "\e664";
+}
+
+.iconshouquanliebiao:before {
+  content: "\e6fd";
+}
+
+.icontishi:before {
+  content: "\e6fc";
+}
+
+.iconwodedingdan:before {
+  content: "\e6f2";
+}
+
+.icongerenxinxi:before {
+  content: "\e6f4";
+}
+
+.iconwodezhandian:before {
+  content: "\e6f5";
+}
+
+.iconwodeshouquan:before {
+  content: "\e6f6";
+}
+
+.iconwodezhanghu:before {
+  content: "\e6f8";
+}
+
+.iconshimingrenzheng:before {
+  content: "\e6f9";
+}
+
+.iconkaifashangzhongxin:before {
+  content: "\e6fa";
+}
+
+.iconts-tubiao_CertificateServer:before {
+  content: "\e62b";
+}
+
+.icona-shangbiao2:before {
+  content: "\e64f";
+}
+
+.iconjiagebanben:before {
+  content: "\e6f0";
+}
+
+.iconjishuzhichi:before {
+  content: "\e6f1";
+}
+
+.iconjichushezhi:before {
+  content: "\e6ed";
+}
+
+.iconshangchengshezhi:before {
+  content: "\e6ee";
+}
+
+.iconkaifashezhi:before {
+  content: "\e6ef";
+}
+
+.iconqiehuan3:before {
+  content: "\e6ec";
+}
+
+.iconxiugai:before {
+  content: "\e62a";
+}
+
+.iconxiazai01:before {
+  content: "\ea38";
+}
+
+.iconjingdiandingdan:before {
+  content: "\e6ea";
+}
+
+.iconluxiandingdan:before {
+  content: "\e6eb";
+}
+
+.iconfapiaoguanli:before {
+  content: "\e683";
+}
+
+.iconhuishouzhan:before {
+  content: "\e6d7";
+}
+
+.iconshangpinliebiao1:before {
+  content: "\e6d8";
+}
+
+.iconshangpinfenlei:before {
+  content: "\e6d9";
+}
+
+.iconfenleishezhi:before {
+  content: "\e6da";
+}
+
+.iconluxianguanli:before {
+  content: "\e6db";
+}
+
+.iconjiudianguanli:before {
+  content: "\e6dc";
+}
+
+.iconshangjiadizhiku:before {
+  content: "\e6dd";
+}
+
+.iconkaxiangguanli:before {
+  content: "\e6de";
+}
+
+.iconjiudiandingdan:before {
+  content: "\e6df";
+}
+
+.iconjingdianguanli:before {
+  content: "\e6e0";
+}
+
+.icondingdanshezhi:before {
+  content: "\e6e3";
+}
+
+.iconjiaoyishezhi:before {
+  content: "\e6e4";
+}
+
+.icondingdanhexiao:before {
+  content: "\e6e5";
+}
+
+.icondingdanweiquan:before {
+  content: "\e6e6";
+}
+
+.icona-dingdanliebiao:before {
+  content: "\e6e7";
+}
+
+.iconyuyuexiangmu:before {
+  content: "\e68e";
+}
+
+.iconshangpinpinpai:before {
+  content: "\e6c9";
+}
+
+.iconyuyueshezhi:before {
+  content: "\e6cb";
+}
+
+.iconxiangmuguanli:before {
+  content: "\e6cc";
+}
+
+.iconyouhuiquan:before {
+  content: "\e6cd";
+}
+
+.iconpaisongshezhi:before {
+  content: "\e685";
+}
+
+.icontuikuanweiquan:before {
+  content: "\e6ce";
+}
+
+.iconyingxiaozhongxin:before {
+  content: "\e6cf";
+}
+
+.iconjishiguanli:before {
+  content: "\e684";
+}
+
+.iconxiangmufenlei:before {
+  content: "\e6d0";
+}
+
+.iconwuliugenzong:before {
+  content: "\e6d1";
+}
+
+.iconshangpinbiaoqian:before {
+  content: "\e6d2";
+}
+
+.iconshangpinpinglun:before {
+  content: "\e6d3";
+}
+
+.iconshangpinfuwu:before {
+  content: "\e6d4";
+}
+
+.icongonggao:before {
+  content: "\e629";
+}
+
+.iconshangpinliebiao:before {
+  content: "\e628";
+}
+
+.icongouwuche1:before {
+  content: "\e680";
+}
+
+.icongouwuche:before {
+  content: "\e6c8";
+}
+
+.iconyun1:before {
+  content: "\e67e";
+}
+
+.iconicon-selected:before {
+  content: "\e626";
+}
+
+.iconshangpinguanli:before {
+  content: "\e67c";
+}
+
+.iconyuanquan_huaban1:before {
+  content: "\e66c";
+}
+
+.iconzhankai:before {
+  content: "\e67b";
+}
+
+.iconjiantou:before {
+  content: "\e67a";
+}
+
+.iconchajian1:before {
+  content: "\e679";
+}
+
+.iconicon_huojian:before {
+  content: "\e677";
+}
+
+.iconanzhuang:before {
+  content: "\e676";
+}
+
+.iconshouye:before {
+  content: "\e675";
+}
+
+.iconshouye-shouye:before {
+  content: "\e638";
+}
+
+.icondian:before {
+  content: "\ec1e";
+}
+
+.iconjiantou_xiangzuoliangci_o:before {
+  content: "\eb93";
+}
+
+.iconfenlei:before {
+  content: "\e6c3";
+}
+
+.iconqiehuan2:before {
+  content: "\e6c0";
+}
+
+.iconqudaoguanli2:before {
+  content: "\e6c1";
+}
+
+.iconguanfangshichang:before {
+  content: "\e6c2";
+}
+
+.iconyingyong1:before {
+  content: "\e6bf";
+}
+
+.iconzhuangxiu2:before {
+  content: "\e6bd";
+}
+
+.iconzhuangxiu21:before {
+  content: "\e6be";
+}
+
+.iconqiehuan1:before {
+  content: "\e625";
+}
+
+.icongaikuang1:before {
+  content: "\e6b7";
+}
+
+.iconkaxiangchanpin:before {
+  content: "\e6b6";
+}
+
+.iconchongzhidingdan:before {
+  content: "\e6b8";
+}
+
+.iconkaxiangdingdan:before {
+  content: "\e6b9";
+}
+
+.iconlvyouchanpin:before {
+  content: "\e6ba";
+}
+
+.iconlvyoudingdan:before {
+  content: "\e6bb";
+}
+
+.iconwenzhangguanli1:before {
+  content: "\e6bc";
+}
+
+.iconchajiankaifa:before {
+  content: "\e6b3";
+}
+
+.iconyunshichang:before {
+  content: "\e6b5";
+}
+
+.iconnav-market:before {
+  content: "\e60e";
+}
+
+.icondaimashengcheng:before {
+  content: "\e6ae";
+}
+
+.icongengxinhuancun1:before {
+  content: "\e6ac";
+}
+
+.iconhuiyuanbiaoqian:before {
+  content: "\e6a4";
+}
+
+.iconhuiyuanjifen:before {
+  content: "\e6ab";
+}
+
+.iconhuiyuanyongjin:before {
+  content: "\e6a9";
+}
+
+.iconchakanlishi:before {
+  content: "\e6a8";
+}
+
+.iconqudaoguanli1:before {
+  content: "\e6aa";
+}
+
+.iconquanxianguanli:before {
+  content: "\e6a6";
+}
+
+.iconsucaiguanli:before {
+  content: "\e6a7";
+}
+
+.icona-shouyediannao:before {
+  content: "\e6a5";
+}
+
+.iconhuanjingjiance:before {
+  content: "\e6a2";
+}
+
+.iconjihuarenwu:before {
+  content: "\e6a3";
+}
+
+.iconhuiyuanyue:before {
+  content: "\e69f";
+}
+
+.iconxiaoxiguanli:before {
+  content: "\e6a1";
+}
+
+.iconwodexingbiao:before {
+  content: "\e6a0";
+}
+
+.iconzhifuguanli:before {
+  content: "\e6af";
+}
+
+.iconwenzhangguanli:before {
+  content: "\e6b0";
+}
+
+.iconhuiyuan2:before {
+  content: "\e6b1";
+}
+
+.icongaikuang:before {
+  content: "\e623";
+}
+
+.iconyun:before {
+  content: "\e69e";
+}
+
+.icona-huaban1fuben25:before {
+  content: "\e608";
+}
+
+.iconyun-line:before {
+  content: "\e622";
+}
+
+.iconyingyongshichang-:before {
+  content: "\e607";
+}
+
+.iconguanzhu:before {
+  content: "\e739";
+}
+
+.iconlishijilu:before {
+  content: "\f1e2";
+}
+
+.iconhuiyuanliebiao1:before {
+  content: "\e69c";
+}
+
+.iconwangzhan1:before {
+  content: "\e69d";
+}
+
+.iconcode:before {
+  content: "\e620";
+}
+
+.iconcaidan:before {
+  content: "\e652";
+}
+
+.iconyingyongshichang11:before {
+  content: "\e697";
+}
+
+.iconcaiwuliushui:before {
+  content: "\e698";
+}
+
+.iconshouquanxinxi2:before {
+  content: "\e699";
+}
+
+.iconxianxiazhifu2:before {
+  content: "\e69a";
+}
+
+.iconhuiyuantixian:before {
+  content: "\e69b";
+}
+
+.iconqudaoguanli:before {
+  content: "\e695";
+}
+
+.iconshichangwuliaozhichi:before {
+  content: "\e694";
+}
+
+.iconcaiwu:before {
+  content: "\e693";
+}
+
+.iconshezhi1:before {
+  content: "\e696";
+}
+
+.iconhuiyuan11:before {
+  content: "\e691";
+}
+
+.iconwangzhan:before {
+  content: "\e690";
+}
+
+.iconyingyong:before {
+  content: "\e68f";
+}
+
+.iconshezhi:before {
+  content: "\e64b";
+}
+
+.iconshoucang:before {
+  content: "\e8c2";
+}
+
+.iconpaixu:before {
+  content: "\e60d";
+}
+
+.iconpaixu1:before {
+  content: "\e64e";
+}
+
+.iconwenhao:before {
+  content: "\e72d";
+}
+
+.iconshimingrenzheng-xian:before {
+  content: "\e89c";
+}
+
+.iconkaifazheguanli1:before {
+  content: "\e636";
+}
+
+.iconquanbudingdan:before {
+  content: "\e606";
+}
+
+.iconmofang-liangzuoliangyou:before {
+  content: "\e6c5";
+}
+
+.iconmofang-yishangliangxia:before {
+  content: "\e6c6";
+}
+
+.iconmofang-yizuoliangyou:before {
+  content: "\e6c7";
+}
+
+.iconxuanzemoban-yizuosanyou:before {
+  content: "\e6e9";
+}
+
+.iconrequ:before {
+  content: "\e68d";
+}
+
+.iconmofang1:before {
+  content: "\e64d";
+}
+
+.iconxinyongqia:before {
+  content: "\e785";
+}
+
+.iconmendian:before {
+  content: "\e60a";
+}
+
+.iconico_yuyueguanli_yuyuebiangeng:before {
+  content: "\e94a";
+}
+
+.iconsousuo:before {
+  content: "\e8b9";
+}
+
+.icongengduo:before {
+  content: "\e63b";
+}
+
+.icona-02_luxian:before {
+  content: "\e687";
+}
+
+.iconhuiyuanxinxi:before {
+  content: "\e688";
+}
+
+.iconjingdian:before {
+  content: "\e689";
+}
+
+.iconhuiyuandingdan:before {
+  content: "\e68a";
+}
+
+.iconjiudian:before {
+  content: "\e68b";
+}
+
+.iconhellowenbenanli:before {
+  content: "\e68c";
+}
+
+.iconqiehuan:before {
+  content: "\e61e";
+}
+
+.iconxiangyoujiantou:before {
+  content: "\e660";
+}
+
+.iconxiangzuojiantou:before {
+  content: "\e663";
+}
+
+.icondingdan:before {
+  content: "\e61d";
+}
+
+.iconyingyongshichang1:before {
+  content: "\e61c";
+}
+
+.iconyingyongshichang2:before {
+  content: "\e60b";
+}
+
+.iconlingdang-xianxing:before {
+  content: "\e8c0";
+}
+
+.icondianhua:before {
+  content: "\e8c3";
+}
+
+.iconic_manage_assignprop:before {
+  content: "\e60c";
+}
+
+.iconchengshi:before {
+  content: "\ec70";
+}
+
+.icontaocanliebiao:before {
+  content: "\e6b2";
+}
+
+.iconweixin:before {
+  content: "\e647";
+}
+
+.iconhuiyuanguanli:before {
+  content: "\e64c";
+}
+
+.iconhuangjinhuiyuan0101-copy:before {
+  content: "\e621";
+}
+
+.iconhuiyuan1:before {
+  content: "\e644";
+}
+
+.iconqianbao:before {
+  content: "\e6ca";
+}
+
+.iconic_description_file24px:before {
+  content: "\e61a";
+}
+
+.iconzhuangxiu1:before {
+  content: "\e66b";
+}
+
+.icontuikuanjilu:before {
+  content: "\e8cf";
+}
+
+.icongengxinhuancun:before {
+  content: "\e686";
+}
+
+.iconsixingjiance:before {
+  content: "\e645";
+}
+
+.iconzhuceshezhi:before {
+  content: "\e6ad";
+}
+
+.iconmanage-apply:before {
+  content: "\e619";
+}
+
+.iconyingyongguanli:before {
+  content: "\e61f";
+}
+
+.iconkaifazheguanli:before {
+  content: "\e624";
+}
+
+.iconlianmengguanli:before {
+  content: "\e65f";
+}
+
+.icondianzan:before {
+  content: "\ec7f";
+}
+
+.iconh5e:before {
+  content: "\e654";
+}
+
+.iconyingyongshichang:before {
+  content: "\e618";
+}
+
+.icondesktop:before {
+  content: "\e6e8";
+}
+
+.iconzhifubao:before {
+  content: "\e8e4";
+}
+
+.iconyunkongjian:before {
+  content: "\e666";
+}
+
+.iconbankuai:before {
+  content: "\e668";
+}
+
+.iconneirong2:before {
+  content: "\e889";
+}
+
+.icon24gl-userGroup:before {
+  content: "\eb26";
+}
+
+.icon14:before {
+  content: "\e615";
+}
+
+.iconjubao:before {
+  content: "\e611";
+}
+
+.iconbiaoti:before {
+  content: "\e643";
+}
+
+.iconhuiyuanzhongxin:before {
+  content: "\e692";
+}
+
+.iconfuzhukongbai1:before {
+  content: "\e642";
+}
+
+.iconjiantoushang:before {
+  content: "\e600";
+}
+
+.iconloader-line:before {
+  content: "\e601";
+}
+
+.icondelete-line:before {
+  content: "\e602";
+}
+
+.iconjiantouxia:before {
+  content: "\e603";
+}
+
+.iconcopy-line:before {
+  content: "\e605";
+}
+
+.icontuodong:before {
+  content: "\e884";
+}
+
+.iconfuzhushuxian:before {
+  content: "\e6f7";
+}
+
+.iconmofang:before {
+  content: "\e6c4";
+}
+
+.iconshoudongxuanze:before {
+  content: "\e6e1";
+}
+
+.iconyihangsange:before {
+  content: "\e6d5";
+}
+
+.iconyihangsige:before {
+  content: "\e6d6";
+}
+
+.iconyihangliangge:before {
+  content: "\e6e2";
+}
+
+.iconyihang5ge:before {
+  content: "\e6f3";
+}
+
+.icontupianguanggao1:before {
+  content: "\e649";
+}
+
+.icontuwendaohang2:before {
+  content: "\e65d";
+}
+
+.iconwenzhang:before {
+  content: "\e662";
+}
+
+.icongudingzhanshi:before {
+  content: "\e66e";
+}
+
+.icondanhanghuadong:before {
+  content: "\e66f";
+}
+
+.icontuwendaohang3:before {
+  content: "\e670";
+}
+
+.icontudaohang:before {
+  content: "\e671";
+}
+
+.iconfenyehuadong:before {
+  content: "\e673";
+}
+
+.iconwendaohang:before {
+  content: "\e674";
+}
+
+.iconzhuangxiu:before {
+  content: "\e627";
+}
+
+.icondianpuzhuangxiu:before {
+  content: "\e616";
+}
+
+.icondibudaohang:before {
+  content: "\e617";
+}
+
+.iconwangpuzhuangxiu:before {
+  content: "\e881";
+}
+
+.iconweixingongzhonghao1:before {
+  content: "\e705";
+}
+
+.iconweixingongzhonghaoguanli:before {
+  content: "\e609";
+}
+
+.iconxiaochengxu:before {
+  content: "\e635";
+}
+
+.icondenglu:before {
+  content: "\e604";
+}
+
+.iconxiaochengxushezhi:before {
+  content: "\e6b4";
+}
+
+.iconjifen:before {
+  content: "\e70c";
+}
+
+.iconguanbi:before {
+  content: "\e612";
+}
+
+.icondengluzhucemima:before {
+  content: "\e67f";
+}
+
+.iconqiehuanjiaose:before {
+  content: "\e60f";
+}
+
+.iconbanquan:before {
+  content: "\e632";
+}
+
+.iconjifen-xianxing:before {
+  content: "\e897";
+}
+
+.iconhuiyuanliebiao:before {
+  content: "\e62c";
+}
+
+.iconjiaoseyonghu:before {
+  content: "\e648";
+}
+
+.iconyonghu:before {
+  content: "\e65e";
+}
+
+.iconbanquan1:before {
+  content: "\e66d";
+}
+
+.iconweixingongzhonghao:before {
+  content: "\e613";
+}
+
+.iconweixinxiaochengxu:before {
+  content: "\e614";
+}
+
+.icon24gl-code:before {
+  content: "\e9ba";
+}
+
+.icon24gl-portraitMalePlus2:before {
+  content: "\eb25";
+}
+
+.iconyuandaima:before {
+  content: "\e610";
+}
+
+.iconjiaoseguanli:before {
+  content: "\e62d";
+}
+
+.iconjifen1:before {
+  content: "\e641";
+}
+
+.iconbanquan2:before {
+  content: "\e61b";
+}
+
+.iconjianpan:before {
+  content: "\e661";
+}
+
+.icon24gf-playCircle:before {
+  content: "\ea82";
+}
+
+.icontuichuquanping:before {
+  content: "\e755";
+}
+
+.iconfanyi:before {
+  content: "\e6fb";
+}
+
+.iconquanping:before {
+  content: "\eb11";
+}
diff --git a/admin/src/styles/icon/iconfont.json b/admin/src/styles/icon/iconfont.json
new file mode 100644
index 0000000..67fd684
--- /dev/null
+++ b/admin/src/styles/icon/iconfont.json
@@ -0,0 +1,1731 @@
+{
+  "id": "3883393",
+  "name": "系统",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon",
+  "description": "系统图标",
+  "glyphs": [
+    {
+      "icon_id": "37970163",
+      "name": "授权列表",
+      "font_class": "shouquanliebiao",
+      "unicode": "e6fd",
+      "unicode_decimal": 59133
+    },
+    {
+      "icon_id": "5309869",
+      "name": "  提示",
+      "font_class": "tishi",
+      "unicode": "e6fc",
+      "unicode_decimal": 59132
+    },
+    {
+      "icon_id": "37891254",
+      "name": "我的订单",
+      "font_class": "wodedingdan",
+      "unicode": "e6f2",
+      "unicode_decimal": 59122
+    },
+    {
+      "icon_id": "37891248",
+      "name": "个人信息",
+      "font_class": "gerenxinxi",
+      "unicode": "e6f4",
+      "unicode_decimal": 59124
+    },
+    {
+      "icon_id": "37891253",
+      "name": "我的站点",
+      "font_class": "wodezhandian",
+      "unicode": "e6f5",
+      "unicode_decimal": 59125
+    },
+    {
+      "icon_id": "37891252",
+      "name": "我的授权",
+      "font_class": "wodeshouquan",
+      "unicode": "e6f6",
+      "unicode_decimal": 59126
+    },
+    {
+      "icon_id": "37891251",
+      "name": "我的账户",
+      "font_class": "wodezhanghu",
+      "unicode": "e6f8",
+      "unicode_decimal": 59128
+    },
+    {
+      "icon_id": "37891249",
+      "name": "实名认证",
+      "font_class": "shimingrenzheng",
+      "unicode": "e6f9",
+      "unicode_decimal": 59129
+    },
+    {
+      "icon_id": "37891250",
+      "name": "开发商中心",
+      "font_class": "kaifashangzhongxin",
+      "unicode": "e6fa",
+      "unicode_decimal": 59130
+    },
+    {
+      "icon_id": "9866423",
+      "name": "ts-图标_CertificateServer",
+      "font_class": "ts-tubiao_CertificateServer",
+      "unicode": "e62b",
+      "unicode_decimal": 58923
+    },
+    {
+      "icon_id": "34273027",
+      "name": "商标 2",
+      "font_class": "a-shangbiao2",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "37869625",
+      "name": "价格版本",
+      "font_class": "jiagebanben",
+      "unicode": "e6f0",
+      "unicode_decimal": 59120
+    },
+    {
+      "icon_id": "37869624",
+      "name": "技术支持",
+      "font_class": "jishuzhichi",
+      "unicode": "e6f1",
+      "unicode_decimal": 59121
+    },
+    {
+      "icon_id": "37869628",
+      "name": "基础设置",
+      "font_class": "jichushezhi",
+      "unicode": "e6ed",
+      "unicode_decimal": 59117
+    },
+    {
+      "icon_id": "37869627",
+      "name": "商城设置",
+      "font_class": "shangchengshezhi",
+      "unicode": "e6ee",
+      "unicode_decimal": 59118
+    },
+    {
+      "icon_id": "37869626",
+      "name": "开发设置",
+      "font_class": "kaifashezhi",
+      "unicode": "e6ef",
+      "unicode_decimal": 59119
+    },
+    {
+      "icon_id": "8441714",
+      "name": "切换",
+      "font_class": "qiehuan3",
+      "unicode": "e6ec",
+      "unicode_decimal": 59116
+    },
+    {
+      "icon_id": "8765139",
+      "name": "修改",
+      "font_class": "xiugai",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "35102695",
+      "name": "下载01",
+      "font_class": "xiazai01",
+      "unicode": "ea38",
+      "unicode_decimal": 59960
+    },
+    {
+      "icon_id": "37719083",
+      "name": "景点订单",
+      "font_class": "jingdiandingdan",
+      "unicode": "e6ea",
+      "unicode_decimal": 59114
+    },
+    {
+      "icon_id": "37719073",
+      "name": "路线订单",
+      "font_class": "luxiandingdan",
+      "unicode": "e6eb",
+      "unicode_decimal": 59115
+    },
+    {
+      "icon_id": "37717881",
+      "name": "发票管理",
+      "font_class": "fapiaoguanli",
+      "unicode": "e683",
+      "unicode_decimal": 59011
+    },
+    {
+      "icon_id": "37717870",
+      "name": "回收站",
+      "font_class": "huishouzhan",
+      "unicode": "e6d7",
+      "unicode_decimal": 59095
+    },
+    {
+      "icon_id": "37717879",
+      "name": "商品列表",
+      "font_class": "shangpinliebiao1",
+      "unicode": "e6d8",
+      "unicode_decimal": 59096
+    },
+    {
+      "icon_id": "37717878",
+      "name": "商品分类",
+      "font_class": "shangpinfenlei",
+      "unicode": "e6d9",
+      "unicode_decimal": 59097
+    },
+    {
+      "icon_id": "37717875",
+      "name": "分类设置",
+      "font_class": "fenleishezhi",
+      "unicode": "e6da",
+      "unicode_decimal": 59098
+    },
+    {
+      "icon_id": "37717877",
+      "name": "路线管理",
+      "font_class": "luxianguanli",
+      "unicode": "e6db",
+      "unicode_decimal": 59099
+    },
+    {
+      "icon_id": "37717876",
+      "name": "酒店管理",
+      "font_class": "jiudianguanli",
+      "unicode": "e6dc",
+      "unicode_decimal": 59100
+    },
+    {
+      "icon_id": "37717874",
+      "name": "商家地址库",
+      "font_class": "shangjiadizhiku",
+      "unicode": "e6dd",
+      "unicode_decimal": 59101
+    },
+    {
+      "icon_id": "37717873",
+      "name": "卡项管理",
+      "font_class": "kaxiangguanli",
+      "unicode": "e6de",
+      "unicode_decimal": 59102
+    },
+    {
+      "icon_id": "37717871",
+      "name": "酒店订单",
+      "font_class": "jiudiandingdan",
+      "unicode": "e6df",
+      "unicode_decimal": 59103
+    },
+    {
+      "icon_id": "37717872",
+      "name": "景点管理",
+      "font_class": "jingdianguanli",
+      "unicode": "e6e0",
+      "unicode_decimal": 59104
+    },
+    {
+      "icon_id": "37717867",
+      "name": "订单设置",
+      "font_class": "dingdanshezhi",
+      "unicode": "e6e3",
+      "unicode_decimal": 59107
+    },
+    {
+      "icon_id": "37717869",
+      "name": "交易设置",
+      "font_class": "jiaoyishezhi",
+      "unicode": "e6e4",
+      "unicode_decimal": 59108
+    },
+    {
+      "icon_id": "37717866",
+      "name": "订单核销",
+      "font_class": "dingdanhexiao",
+      "unicode": "e6e5",
+      "unicode_decimal": 59109
+    },
+    {
+      "icon_id": "37717868",
+      "name": "订单维权",
+      "font_class": "dingdanweiquan",
+      "unicode": "e6e6",
+      "unicode_decimal": 59110
+    },
+    {
+      "icon_id": "37717865",
+      "name": "订单—列表",
+      "font_class": "a-dingdanliebiao",
+      "unicode": "e6e7",
+      "unicode_decimal": 59111
+    },
+    {
+      "icon_id": "37717894",
+      "name": "预约项目",
+      "font_class": "yuyuexiangmu",
+      "unicode": "e68e",
+      "unicode_decimal": 59022
+    },
+    {
+      "icon_id": "37717886",
+      "name": "商品品牌",
+      "font_class": "shangpinpinpai",
+      "unicode": "e6c9",
+      "unicode_decimal": 59081
+    },
+    {
+      "icon_id": "37717893",
+      "name": "预约设置",
+      "font_class": "yuyueshezhi",
+      "unicode": "e6cb",
+      "unicode_decimal": 59083
+    },
+    {
+      "icon_id": "37717892",
+      "name": "项目管理",
+      "font_class": "xiangmuguanli",
+      "unicode": "e6cc",
+      "unicode_decimal": 59084
+    },
+    {
+      "icon_id": "37717891",
+      "name": "优惠券",
+      "font_class": "youhuiquan",
+      "unicode": "e6cd",
+      "unicode_decimal": 59085
+    },
+    {
+      "icon_id": "37717890",
+      "name": "派送设置",
+      "font_class": "paisongshezhi",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "37717888",
+      "name": "退款维权",
+      "font_class": "tuikuanweiquan",
+      "unicode": "e6ce",
+      "unicode_decimal": 59086
+    },
+    {
+      "icon_id": "37717889",
+      "name": "营销中心",
+      "font_class": "yingxiaozhongxin",
+      "unicode": "e6cf",
+      "unicode_decimal": 59087
+    },
+    {
+      "icon_id": "37717883",
+      "name": "技师管理",
+      "font_class": "jishiguanli",
+      "unicode": "e684",
+      "unicode_decimal": 59012
+    },
+    {
+      "icon_id": "37717887",
+      "name": "项目分类",
+      "font_class": "xiangmufenlei",
+      "unicode": "e6d0",
+      "unicode_decimal": 59088
+    },
+    {
+      "icon_id": "37717885",
+      "name": "物流跟踪",
+      "font_class": "wuliugenzong",
+      "unicode": "e6d1",
+      "unicode_decimal": 59089
+    },
+    {
+      "icon_id": "37717880",
+      "name": "商品标签",
+      "font_class": "shangpinbiaoqian",
+      "unicode": "e6d2",
+      "unicode_decimal": 59090
+    },
+    {
+      "icon_id": "37717884",
+      "name": "商品评论",
+      "font_class": "shangpinpinglun",
+      "unicode": "e6d3",
+      "unicode_decimal": 59091
+    },
+    {
+      "icon_id": "37717882",
+      "name": "商品服务",
+      "font_class": "shangpinfuwu",
+      "unicode": "e6d4",
+      "unicode_decimal": 59092
+    },
+    {
+      "icon_id": "26182298",
+      "name": "公告",
+      "font_class": "gonggao",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "6841809",
+      "name": "商品列表",
+      "font_class": "shangpinliebiao",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "37528678",
+      "name": "购物车",
+      "font_class": "gouwuche1",
+      "unicode": "e680",
+      "unicode_decimal": 59008
+    },
+    {
+      "icon_id": "10268929",
+      "name": "购物车",
+      "font_class": "gouwuche",
+      "unicode": "e6c8",
+      "unicode_decimal": 59080
+    },
+    {
+      "icon_id": "37506986",
+      "name": "云",
+      "font_class": "yun1",
+      "unicode": "e67e",
+      "unicode_decimal": 59006
+    },
+    {
+      "icon_id": "16191887",
+      "name": "icon-selected",
+      "font_class": "icon-selected",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "37476091",
+      "name": "商品管理",
+      "font_class": "shangpinguanli",
+      "unicode": "e67c",
+      "unicode_decimal": 59004
+    },
+    {
+      "icon_id": "14421470",
+      "name": "图形-圆",
+      "font_class": "yuanquan_huaban1",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "37443500",
+      "name": "展开",
+      "font_class": "zhankai",
+      "unicode": "e67b",
+      "unicode_decimal": 59003
+    },
+    {
+      "icon_id": "37443497",
+      "name": "箭头",
+      "font_class": "jiantou",
+      "unicode": "e67a",
+      "unicode_decimal": 59002
+    },
+    {
+      "icon_id": "37440097",
+      "name": "插件",
+      "font_class": "chajian1",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "37401589",
+      "name": "icon_火箭",
+      "font_class": "icon_huojian",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "37396974",
+      "name": "安装",
+      "font_class": "anzhuang",
+      "unicode": "e676",
+      "unicode_decimal": 58998
+    },
+    {
+      "icon_id": "37394752",
+      "name": "首页",
+      "font_class": "shouye",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "2023693",
+      "name": "首页-首页",
+      "font_class": "shouye-shouye",
+      "unicode": "e638",
+      "unicode_decimal": 58936
+    },
+    {
+      "icon_id": "4933869",
+      "name": "点",
+      "font_class": "dian",
+      "unicode": "ec1e",
+      "unicode_decimal": 60446
+    },
+    {
+      "icon_id": "5387931",
+      "name": "箭头_向左两次_o",
+      "font_class": "jiantou_xiangzuoliangci_o",
+      "unicode": "eb93",
+      "unicode_decimal": 60307
+    },
+    {
+      "icon_id": "781940",
+      "name": "分类",
+      "font_class": "fenlei",
+      "unicode": "e6c3",
+      "unicode_decimal": 59075
+    },
+    {
+      "icon_id": "37134174",
+      "name": "切换",
+      "font_class": "qiehuan2",
+      "unicode": "e6c0",
+      "unicode_decimal": 59072
+    },
+    {
+      "icon_id": "37134175",
+      "name": "渠道管理",
+      "font_class": "qudaoguanli2",
+      "unicode": "e6c1",
+      "unicode_decimal": 59073
+    },
+    {
+      "icon_id": "37166533",
+      "name": "官方市场",
+      "font_class": "guanfangshichang",
+      "unicode": "e6c2",
+      "unicode_decimal": 59074
+    },
+    {
+      "icon_id": "37129625",
+      "name": "应用",
+      "font_class": "yingyong1",
+      "unicode": "e6bf",
+      "unicode_decimal": 59071
+    },
+    {
+      "icon_id": "37130963",
+      "name": "装修",
+      "font_class": "zhuangxiu2",
+      "unicode": "e6bd",
+      "unicode_decimal": 59069
+    },
+    {
+      "icon_id": "37130964",
+      "name": "装修2",
+      "font_class": "zhuangxiu21",
+      "unicode": "e6be",
+      "unicode_decimal": 59070
+    },
+    {
+      "icon_id": "7874510",
+      "name": "切换",
+      "font_class": "qiehuan1",
+      "unicode": "e625",
+      "unicode_decimal": 58917
+    },
+    {
+      "icon_id": "37126873",
+      "name": "概况",
+      "font_class": "gaikuang1",
+      "unicode": "e6b7",
+      "unicode_decimal": 59063
+    },
+    {
+      "icon_id": "37126874",
+      "name": "卡项产品",
+      "font_class": "kaxiangchanpin",
+      "unicode": "e6b6",
+      "unicode_decimal": 59062
+    },
+    {
+      "icon_id": "37126875",
+      "name": "充值订单",
+      "font_class": "chongzhidingdan",
+      "unicode": "e6b8",
+      "unicode_decimal": 59064
+    },
+    {
+      "icon_id": "37126876",
+      "name": "卡项订单",
+      "font_class": "kaxiangdingdan",
+      "unicode": "e6b9",
+      "unicode_decimal": 59065
+    },
+    {
+      "icon_id": "37126877",
+      "name": "旅游产品",
+      "font_class": "lvyouchanpin",
+      "unicode": "e6ba",
+      "unicode_decimal": 59066
+    },
+    {
+      "icon_id": "37126878",
+      "name": "旅游订单",
+      "font_class": "lvyoudingdan",
+      "unicode": "e6bb",
+      "unicode_decimal": 59067
+    },
+    {
+      "icon_id": "37126879",
+      "name": "文章管理",
+      "font_class": "wenzhangguanli1",
+      "unicode": "e6bc",
+      "unicode_decimal": 59068
+    },
+    {
+      "icon_id": "37108824",
+      "name": "插件开发",
+      "font_class": "chajiankaifa",
+      "unicode": "e6b3",
+      "unicode_decimal": 59059
+    },
+    {
+      "icon_id": "37108825",
+      "name": "云市场",
+      "font_class": "yunshichang",
+      "unicode": "e6b5",
+      "unicode_decimal": 59061
+    },
+    {
+      "icon_id": "15490409",
+      "name": "nav-market",
+      "font_class": "nav-market",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "37108714",
+      "name": "代码生成",
+      "font_class": "daimashengcheng",
+      "unicode": "e6ae",
+      "unicode_decimal": 59054
+    },
+    {
+      "icon_id": "37108715",
+      "name": "更新缓存",
+      "font_class": "gengxinhuancun1",
+      "unicode": "e6ac",
+      "unicode_decimal": 59052
+    },
+    {
+      "icon_id": "37108716",
+      "name": "会员标签",
+      "font_class": "huiyuanbiaoqian",
+      "unicode": "e6a4",
+      "unicode_decimal": 59044
+    },
+    {
+      "icon_id": "37108717",
+      "name": "会员积分",
+      "font_class": "huiyuanjifen",
+      "unicode": "e6ab",
+      "unicode_decimal": 59051
+    },
+    {
+      "icon_id": "37108718",
+      "name": "会员佣金",
+      "font_class": "huiyuanyongjin",
+      "unicode": "e6a9",
+      "unicode_decimal": 59049
+    },
+    {
+      "icon_id": "37108719",
+      "name": "查看历史",
+      "font_class": "chakanlishi",
+      "unicode": "e6a8",
+      "unicode_decimal": 59048
+    },
+    {
+      "icon_id": "37108720",
+      "name": "渠道管理",
+      "font_class": "qudaoguanli1",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    },
+    {
+      "icon_id": "37108721",
+      "name": "权限管理",
+      "font_class": "quanxianguanli",
+      "unicode": "e6a6",
+      "unicode_decimal": 59046
+    },
+    {
+      "icon_id": "37108722",
+      "name": "素材管理",
+      "font_class": "sucaiguanli",
+      "unicode": "e6a7",
+      "unicode_decimal": 59047
+    },
+    {
+      "icon_id": "37108723",
+      "name": "首页 电脑",
+      "font_class": "a-shouyediannao",
+      "unicode": "e6a5",
+      "unicode_decimal": 59045
+    },
+    {
+      "icon_id": "37108724",
+      "name": "环境监测",
+      "font_class": "huanjingjiance",
+      "unicode": "e6a2",
+      "unicode_decimal": 59042
+    },
+    {
+      "icon_id": "37108725",
+      "name": "计划任务",
+      "font_class": "jihuarenwu",
+      "unicode": "e6a3",
+      "unicode_decimal": 59043
+    },
+    {
+      "icon_id": "37108726",
+      "name": "会员余额",
+      "font_class": "huiyuanyue",
+      "unicode": "e69f",
+      "unicode_decimal": 59039
+    },
+    {
+      "icon_id": "37108727",
+      "name": "消息管理",
+      "font_class": "xiaoxiguanli",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "37108728",
+      "name": "我的星标",
+      "font_class": "wodexingbiao",
+      "unicode": "e6a0",
+      "unicode_decimal": 59040
+    },
+    {
+      "icon_id": "37108729",
+      "name": "支付管理",
+      "font_class": "zhifuguanli",
+      "unicode": "e6af",
+      "unicode_decimal": 59055
+    },
+    {
+      "icon_id": "37108730",
+      "name": "文章管理",
+      "font_class": "wenzhangguanli",
+      "unicode": "e6b0",
+      "unicode_decimal": 59056
+    },
+    {
+      "icon_id": "37108739",
+      "name": "会员",
+      "font_class": "huiyuan2",
+      "unicode": "e6b1",
+      "unicode_decimal": 59057
+    },
+    {
+      "icon_id": "11114685",
+      "name": "概况",
+      "font_class": "gaikuang",
+      "unicode": "e623",
+      "unicode_decimal": 58915
+    },
+    {
+      "icon_id": "37107817",
+      "name": "云",
+      "font_class": "yun",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
+      "icon_id": "31987464",
+      "name": "云端连接",
+      "font_class": "a-huaban1fuben25",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "11641865",
+      "name": "云2-line",
+      "font_class": "yun-line",
+      "unicode": "e622",
+      "unicode_decimal": 58914
+    },
+    {
+      "icon_id": "5666357",
+      "name": "应用市场",
+      "font_class": "yingyongshichang-",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "7140374",
+      "name": "关注",
+      "font_class": "guanzhu",
+      "unicode": "e739",
+      "unicode_decimal": 59193
+    },
+    {
+      "icon_id": "19745540",
+      "name": "历史记录",
+      "font_class": "lishijilu",
+      "unicode": "f1e2",
+      "unicode_decimal": 61922
+    },
+    {
+      "icon_id": "37086900",
+      "name": "会员列表",
+      "font_class": "huiyuanliebiao1",
+      "unicode": "e69c",
+      "unicode_decimal": 59036
+    },
+    {
+      "icon_id": "37086906",
+      "name": "网站",
+      "font_class": "wangzhan1",
+      "unicode": "e69d",
+      "unicode_decimal": 59037
+    },
+    {
+      "icon_id": "4111811",
+      "name": "代码",
+      "font_class": "code",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "7155227",
+      "name": "菜单",
+      "font_class": "caidan",
+      "unicode": "e652",
+      "unicode_decimal": 58962
+    },
+    {
+      "icon_id": "37081054",
+      "name": "应用市场",
+      "font_class": "yingyongshichang11",
+      "unicode": "e697",
+      "unicode_decimal": 59031
+    },
+    {
+      "icon_id": "37081059",
+      "name": "财务流水",
+      "font_class": "caiwuliushui",
+      "unicode": "e698",
+      "unicode_decimal": 59032
+    },
+    {
+      "icon_id": "37081071",
+      "name": "授权信息2",
+      "font_class": "shouquanxinxi2",
+      "unicode": "e699",
+      "unicode_decimal": 59033
+    },
+    {
+      "icon_id": "37081075",
+      "name": "线下支付2",
+      "font_class": "xianxiazhifu2",
+      "unicode": "e69a",
+      "unicode_decimal": 59034
+    },
+    {
+      "icon_id": "37081077",
+      "name": "会员提现",
+      "font_class": "huiyuantixian",
+      "unicode": "e69b",
+      "unicode_decimal": 59035
+    },
+    {
+      "icon_id": "37076157",
+      "name": "渠道管理",
+      "font_class": "qudaoguanli",
+      "unicode": "e695",
+      "unicode_decimal": 59029
+    },
+    {
+      "icon_id": "37076158",
+      "name": "市场物料支持",
+      "font_class": "shichangwuliaozhichi",
+      "unicode": "e694",
+      "unicode_decimal": 59028
+    },
+    {
+      "icon_id": "37076159",
+      "name": "财务",
+      "font_class": "caiwu",
+      "unicode": "e693",
+      "unicode_decimal": 59027
+    },
+    {
+      "icon_id": "37076160",
+      "name": "设置",
+      "font_class": "shezhi1",
+      "unicode": "e696",
+      "unicode_decimal": 59030
+    },
+    {
+      "icon_id": "37076161",
+      "name": "会员",
+      "font_class": "huiyuan11",
+      "unicode": "e691",
+      "unicode_decimal": 59025
+    },
+    {
+      "icon_id": "37076162",
+      "name": "网站",
+      "font_class": "wangzhan",
+      "unicode": "e690",
+      "unicode_decimal": 59024
+    },
+    {
+      "icon_id": "37076163",
+      "name": "应用",
+      "font_class": "yingyong",
+      "unicode": "e68f",
+      "unicode_decimal": 59023
+    },
+    {
+      "icon_id": "629333",
+      "name": "设置",
+      "font_class": "shezhi",
+      "unicode": "e64b",
+      "unicode_decimal": 58955
+    },
+    {
+      "icon_id": "1727441",
+      "name": "213收藏",
+      "font_class": "shoucang",
+      "unicode": "e8c2",
+      "unicode_decimal": 59586
+    },
+    {
+      "icon_id": "5485640",
+      "name": "排序",
+      "font_class": "paixu",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
+    {
+      "icon_id": "13636969",
+      "name": "排序",
+      "font_class": "paixu1",
+      "unicode": "e64e",
+      "unicode_decimal": 58958
+    },
+    {
+      "icon_id": "577319",
+      "name": "问号",
+      "font_class": "wenhao",
+      "unicode": "e72d",
+      "unicode_decimal": 59181
+    },
+    {
+      "icon_id": "31819744",
+      "name": "实名认证-线",
+      "font_class": "shimingrenzheng-xian",
+      "unicode": "e89c",
+      "unicode_decimal": 59548
+    },
+    {
+      "icon_id": "6061398",
+      "name": "开发者管理",
+      "font_class": "kaifazheguanli1",
+      "unicode": "e636",
+      "unicode_decimal": 58934
+    },
+    {
+      "icon_id": "88780",
+      "name": "全部订单",
+      "font_class": "quanbudingdan",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "9924690",
+      "name": "魔方-两左两右",
+      "font_class": "mofang-liangzuoliangyou",
+      "unicode": "e6c5",
+      "unicode_decimal": 59077
+    },
+    {
+      "icon_id": "9924691",
+      "name": "魔方-一上两下",
+      "font_class": "mofang-yishangliangxia",
+      "unicode": "e6c6",
+      "unicode_decimal": 59078
+    },
+    {
+      "icon_id": "9924700",
+      "name": "魔方-一左两右",
+      "font_class": "mofang-yizuoliangyou",
+      "unicode": "e6c7",
+      "unicode_decimal": 59079
+    },
+    {
+      "icon_id": "18287302",
+      "name": "选择模板-一左三右",
+      "font_class": "xuanzemoban-yizuosanyou",
+      "unicode": "e6e9",
+      "unicode_decimal": 59113
+    },
+    {
+      "icon_id": "33490811",
+      "name": "热区",
+      "font_class": "requ",
+      "unicode": "e68d",
+      "unicode_decimal": 59021
+    },
+    {
+      "icon_id": "30454135",
+      "name": "魔方",
+      "font_class": "mofang1",
+      "unicode": "e64d",
+      "unicode_decimal": 58957
+    },
+    {
+      "icon_id": "579624",
+      "name": "信用卡",
+      "font_class": "xinyongqia",
+      "unicode": "e785",
+      "unicode_decimal": 59269
+    },
+    {
+      "icon_id": "2681698",
+      "name": "门店",
+      "font_class": "mendian",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "6607852",
+      "name": "ico_预约管理_预约变更",
+      "font_class": "ico_yuyueguanli_yuyuebiangeng",
+      "unicode": "e94a",
+      "unicode_decimal": 59722
+    },
+    {
+      "icon_id": "11372706",
+      "name": "搜索",
+      "font_class": "sousuo",
+      "unicode": "e8b9",
+      "unicode_decimal": 59577
+    },
+    {
+      "icon_id": "1703513",
+      "name": "更多",
+      "font_class": "gengduo",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "36212724",
+      "name": "02_路线",
+      "font_class": "a-02_luxian",
+      "unicode": "e687",
+      "unicode_decimal": 59015
+    },
+    {
+      "icon_id": "36212725",
+      "name": "会员信息",
+      "font_class": "huiyuanxinxi",
+      "unicode": "e688",
+      "unicode_decimal": 59016
+    },
+    {
+      "icon_id": "36212726",
+      "name": "景点",
+      "font_class": "jingdian",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    },
+    {
+      "icon_id": "36212727",
+      "name": "会员订单",
+      "font_class": "huiyuandingdan",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
+    },
+    {
+      "icon_id": "36212728",
+      "name": "酒店",
+      "font_class": "jiudian",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
+    },
+    {
+      "icon_id": "36212729",
+      "name": "hello文本案例",
+      "font_class": "hellowenbenanli",
+      "unicode": "e68c",
+      "unicode_decimal": 59020
+    },
+    {
+      "icon_id": "18993709",
+      "name": "切换",
+      "font_class": "qiehuan",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
+    {
+      "icon_id": "630094",
+      "name": "向右箭头",
+      "font_class": "xiangyoujiantou",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    },
+    {
+      "icon_id": "630095",
+      "name": "向左箭头",
+      "font_class": "xiangzuojiantou",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "2127167",
+      "name": "订单",
+      "font_class": "dingdan",
+      "unicode": "e61d",
+      "unicode_decimal": 58909
+    },
+    {
+      "icon_id": "10066818",
+      "name": "应用市场",
+      "font_class": "yingyongshichang1",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "28871251",
+      "name": "应用市场",
+      "font_class": "yingyongshichang2",
+      "unicode": "e60b",
+      "unicode_decimal": 58891
+    },
+    {
+      "icon_id": "1727436",
+      "name": "211铃铛-线性",
+      "font_class": "lingdang-xianxing",
+      "unicode": "e8c0",
+      "unicode_decimal": 59584
+    },
+    {
+      "icon_id": "11372759",
+      "name": "电话",
+      "font_class": "dianhua",
+      "unicode": "e8c3",
+      "unicode_decimal": 59587
+    },
+    {
+      "icon_id": "4734150",
+      "name": "管理房屋",
+      "font_class": "ic_manage_assignprop",
+      "unicode": "e60c",
+      "unicode_decimal": 58892
+    },
+    {
+      "icon_id": "5975445",
+      "name": "城市",
+      "font_class": "chengshi",
+      "unicode": "ec70",
+      "unicode_decimal": 60528
+    },
+    {
+      "icon_id": "25069700",
+      "name": "套餐列表",
+      "font_class": "taocanliebiao",
+      "unicode": "e6b2",
+      "unicode_decimal": 59058
+    },
+    {
+      "icon_id": "11239058",
+      "name": "微信",
+      "font_class": "weixin",
+      "unicode": "e647",
+      "unicode_decimal": 58951
+    },
+    {
+      "icon_id": "417391",
+      "name": "会员管理",
+      "font_class": "huiyuanguanli",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
+    {
+      "icon_id": "651208",
+      "name": "我的会员",
+      "font_class": "huangjinhuiyuan0101-copy",
+      "unicode": "e621",
+      "unicode_decimal": 58913
+    },
+    {
+      "icon_id": "897811",
+      "name": "会员(1)",
+      "font_class": "huiyuan1",
+      "unicode": "e644",
+      "unicode_decimal": 58948
+    },
+    {
+      "icon_id": "8361821",
+      "name": "钱包1",
+      "font_class": "qianbao",
+      "unicode": "e6ca",
+      "unicode_decimal": 59082
+    },
+    {
+      "icon_id": "15053947",
+      "name": "文章",
+      "font_class": "ic_description_file24px",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "26677253",
+      "name": "FormatPainterOutlined",
+      "font_class": "zhuangxiu1",
+      "unicode": "e66b",
+      "unicode_decimal": 58987
+    },
+    {
+      "icon_id": "5856622",
+      "name": "退款记录",
+      "font_class": "tuikuanjilu",
+      "unicode": "e8cf",
+      "unicode_decimal": 59599
+    },
+    {
+      "icon_id": "11296483",
+      "name": "更新缓存",
+      "font_class": "gengxinhuancun",
+      "unicode": "e686",
+      "unicode_decimal": 59014
+    },
+    {
+      "icon_id": "11661874",
+      "name": "四性检测",
+      "font_class": "sixingjiance",
+      "unicode": "e645",
+      "unicode_decimal": 58949
+    },
+    {
+      "icon_id": "30527484",
+      "name": "注册设置",
+      "font_class": "zhuceshezhi",
+      "unicode": "e6ad",
+      "unicode_decimal": 59053
+    },
+    {
+      "icon_id": "9117790",
+      "name": "应用管理",
+      "font_class": "manage-apply",
+      "unicode": "e619",
+      "unicode_decimal": 58905
+    },
+    {
+      "icon_id": "508272",
+      "name": "应用管理",
+      "font_class": "yingyongguanli",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
+    {
+      "icon_id": "3090731",
+      "name": "开发者管理",
+      "font_class": "kaifazheguanli",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "6263297",
+      "name": "联盟管理",
+      "font_class": "lianmengguanli",
+      "unicode": "e65f",
+      "unicode_decimal": 58975
+    },
+    {
+      "icon_id": "6337455",
+      "name": "点赞",
+      "font_class": "dianzan",
+      "unicode": "ec7f",
+      "unicode_decimal": 60543
+    },
+    {
+      "icon_id": "1160150",
+      "name": "h5e",
+      "font_class": "h5e",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "10067274",
+      "name": "应用市场",
+      "font_class": "yingyongshichang",
+      "unicode": "e618",
+      "unicode_decimal": 58904
+    },
+    {
+      "icon_id": "1735584",
+      "name": "电脑端",
+      "font_class": "desktop",
+      "unicode": "e6e8",
+      "unicode_decimal": 59112
+    },
+    {
+      "icon_id": "2465639",
+      "name": "支付宝",
+      "font_class": "zhifubao",
+      "unicode": "e8e4",
+      "unicode_decimal": 59620
+    },
+    {
+      "icon_id": "16372351",
+      "name": "云空间",
+      "font_class": "yunkongjian",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    },
+    {
+      "icon_id": "1110699",
+      "name": "板块",
+      "font_class": "bankuai",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "2076244",
+      "name": " 内容2",
+      "font_class": "neirong2",
+      "unicode": "e889",
+      "unicode_decimal": 59529
+    },
+    {
+      "icon_id": "7596821",
+      "name": "24gl-userGroup",
+      "font_class": "24gl-userGroup",
+      "unicode": "eb26",
+      "unicode_decimal": 60198
+    },
+    {
+      "icon_id": "11124966",
+      "name": "论坛",
+      "font_class": "14",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "13763389",
+      "name": "举报",
+      "font_class": "jubao",
+      "unicode": "e611",
+      "unicode_decimal": 58897
+    },
+    {
+      "icon_id": "30454127",
+      "name": "标题",
+      "font_class": "biaoti",
+      "unicode": "e643",
+      "unicode_decimal": 58947
+    },
+    {
+      "icon_id": "33622251",
+      "name": "会员中心",
+      "font_class": "huiyuanzhongxin",
+      "unicode": "e692",
+      "unicode_decimal": 59026
+    },
+    {
+      "icon_id": "30454128",
+      "name": "icon-kfckfc",
+      "font_class": "fuzhukongbai1",
+      "unicode": "e642",
+      "unicode_decimal": 58946
+    },
+    {
+      "icon_id": "34679438",
+      "name": "system-jiantoushang",
+      "font_class": "jiantoushang",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "34679439",
+      "name": "system-loader-4-line",
+      "font_class": "loader-line",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "34679440",
+      "name": "system-delete-bin-6-line",
+      "font_class": "delete-line",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "34679441",
+      "name": "system-jiantouxia",
+      "font_class": "jiantouxia",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "34679442",
+      "name": "system-file-copy-line",
+      "font_class": "copy-line",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "1604633",
+      "name": "拖动",
+      "font_class": "tuodong",
+      "unicode": "e884",
+      "unicode_decimal": 59524
+    },
+    {
+      "icon_id": "4315844",
+      "name": "line",
+      "font_class": "fuzhushuxian",
+      "unicode": "e6f7",
+      "unicode_decimal": 59127
+    },
+    {
+      "icon_id": "9213697",
+      "name": "魔方",
+      "font_class": "mofang",
+      "unicode": "e6c4",
+      "unicode_decimal": 59076
+    },
+    {
+      "icon_id": "13126664",
+      "name": "手动选择",
+      "font_class": "shoudongxuanze",
+      "unicode": "e6e1",
+      "unicode_decimal": 59105
+    },
+    {
+      "icon_id": "15035365",
+      "name": "一行三个",
+      "font_class": "yihangsange",
+      "unicode": "e6d5",
+      "unicode_decimal": 59093
+    },
+    {
+      "icon_id": "15035367",
+      "name": "一行四个",
+      "font_class": "yihangsige",
+      "unicode": "e6d6",
+      "unicode_decimal": 59094
+    },
+    {
+      "icon_id": "16552058",
+      "name": "一行两个",
+      "font_class": "yihangliangge",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "19363687",
+      "name": "一行5个",
+      "font_class": "yihang5ge",
+      "unicode": "e6f3",
+      "unicode_decimal": 59123
+    },
+    {
+      "icon_id": "30454132",
+      "name": "图片广告",
+      "font_class": "tupianguanggao1",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
+    {
+      "icon_id": "30454144",
+      "name": "图文导航",
+      "font_class": "tuwendaohang2",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
+    {
+      "icon_id": "30461206",
+      "name": "文章",
+      "font_class": "wenzhang",
+      "unicode": "e662",
+      "unicode_decimal": 58978
+    },
+    {
+      "icon_id": "30621137",
+      "name": "固定展示",
+      "font_class": "gudingzhanshi",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "30621139",
+      "name": "单行滑动",
+      "font_class": "danhanghuadong",
+      "unicode": "e66f",
+      "unicode_decimal": 58991
+    },
+    {
+      "icon_id": "30621140",
+      "name": "图文导航",
+      "font_class": "tuwendaohang3",
+      "unicode": "e670",
+      "unicode_decimal": 58992
+    },
+    {
+      "icon_id": "30621141",
+      "name": "图导航",
+      "font_class": "tudaohang",
+      "unicode": "e671",
+      "unicode_decimal": 58993
+    },
+    {
+      "icon_id": "30621143",
+      "name": "分页滑动",
+      "font_class": "fenyehuadong",
+      "unicode": "e673",
+      "unicode_decimal": 58995
+    },
+    {
+      "icon_id": "30621144",
+      "name": "文导航",
+      "font_class": "wendaohang",
+      "unicode": "e674",
+      "unicode_decimal": 58996
+    },
+    {
+      "icon_id": "386395",
+      "name": "装修",
+      "font_class": "zhuangxiu",
+      "unicode": "e627",
+      "unicode_decimal": 58919
+    },
+    {
+      "icon_id": "1376045",
+      "name": "店铺装修",
+      "font_class": "dianpuzhuangxiu",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "4315691",
+      "name": "底部导航",
+      "font_class": "dibudaohang",
+      "unicode": "e617",
+      "unicode_decimal": 58903
+    },
+    {
+      "icon_id": "34453370",
+      "name": "旺铺装修",
+      "font_class": "wangpuzhuangxiu",
+      "unicode": "e881",
+      "unicode_decimal": 59521
+    },
+    {
+      "icon_id": "8710560",
+      "name": "微信公众号",
+      "font_class": "weixingongzhonghao1",
+      "unicode": "e705",
+      "unicode_decimal": 59141
+    },
+    {
+      "icon_id": "4846336",
+      "name": "微信公众号管理",
+      "font_class": "weixingongzhonghaoguanli",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "9810504",
+      "name": "小程序",
+      "font_class": "xiaochengxu",
+      "unicode": "e635",
+      "unicode_decimal": 58933
+    },
+    {
+      "icon_id": "10392614",
+      "name": "登录",
+      "font_class": "denglu",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "15643755",
+      "name": "小程序设置",
+      "font_class": "xiaochengxushezhi",
+      "unicode": "e6b4",
+      "unicode_decimal": 59060
+    },
+    {
+      "icon_id": "321993",
+      "name": "integral",
+      "font_class": "jifen",
+      "unicode": "e70c",
+      "unicode_decimal": 59148
+    },
+    {
+      "icon_id": "731270",
+      "name": "登录注册密码",
+      "font_class": "guanbi",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "845851",
+      "name": "登录注册密码",
+      "font_class": "dengluzhucemima",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "1440387",
+      "name": "切换角色",
+      "font_class": "qiehuanjiaose",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    },
+    {
+      "icon_id": "1440877",
+      "name": "版权",
+      "font_class": "banquan",
+      "unicode": "e632",
+      "unicode_decimal": 58930
+    },
+    {
+      "icon_id": "1727353",
+      "name": "20积分-线性",
+      "font_class": "jifen-xianxing",
+      "unicode": "e897",
+      "unicode_decimal": 59543
+    },
+    {
+      "icon_id": "3590938",
+      "name": "会员列表",
+      "font_class": "huiyuanliebiao",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "5082143",
+      "name": "角色用户",
+      "font_class": "jiaoseyonghu",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "5582337",
+      "name": "用户",
+      "font_class": "yonghu",
+      "unicode": "e65e",
+      "unicode_decimal": 58974
+    },
+    {
+      "icon_id": "6415223",
+      "name": "版权",
+      "font_class": "banquan1",
+      "unicode": "e66d",
+      "unicode_decimal": 58989
+    },
+    {
+      "icon_id": "7006681",
+      "name": "微信公众号",
+      "font_class": "weixingongzhonghao",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "7006683",
+      "name": "微信小程序",
+      "font_class": "weixinxiaochengxu",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "7577294",
+      "name": "24gl-code",
+      "font_class": "24gl-code",
+      "unicode": "e9ba",
+      "unicode_decimal": 59834
+    },
+    {
+      "icon_id": "7596833",
+      "name": "24gl-portraitMalePlus2",
+      "font_class": "24gl-portraitMalePlus2",
+      "unicode": "eb25",
+      "unicode_decimal": 60197
+    },
+    {
+      "icon_id": "7874533",
+      "name": "源代码",
+      "font_class": "yuandaima",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "11121397",
+      "name": "角色管理",
+      "font_class": "jiaoseguanli",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "12797047",
+      "name": "积分",
+      "font_class": "jifen1",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "26257279",
+      "name": "版权",
+      "font_class": "banquan2",
+      "unicode": "e61b",
+      "unicode_decimal": 58907
+    },
+    {
+      "icon_id": "26847628",
+      "name": "键盘",
+      "font_class": "jianpan",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "7594157",
+      "name": "24gf-playCircle",
+      "font_class": "24gf-playCircle",
+      "unicode": "ea82",
+      "unicode_decimal": 60034
+    },
+    {
+      "icon_id": "1025135",
+      "name": "退出全屏",
+      "font_class": "tuichuquanping",
+      "unicode": "e755",
+      "unicode_decimal": 59221
+    },
+    {
+      "icon_id": "23359065",
+      "name": "翻译",
+      "font_class": "fanyi",
+      "unicode": "e6fb",
+      "unicode_decimal": 59131
+    },
+    {
+      "icon_id": "5387606",
+      "name": "全屏",
+      "font_class": "quanping",
+      "unicode": "eb11",
+      "unicode_decimal": 60177
+    }
+  ]
+}
diff --git a/admin/src/styles/index.scss b/admin/src/styles/index.scss
new file mode 100644
index 0000000..4fa5fe9
--- /dev/null
+++ b/admin/src/styles/index.scss
@@ -0,0 +1,8 @@
+@import 'element-plus/dist/index.css';
+@import 'element-plus/theme-chalk/dark/css-vars.css';
+@import 'element-plus/theme-chalk/display.css';
+@import 'tailwind.css';
+@import 'element-plus.scss';
+@import 'icon/iconfont.css';
+@import 'icon/addon-iconfont.css'; // 安装卸载插件时，动态引用插件的图标库文件
+@import 'common.scss';
\ No newline at end of file
diff --git a/admin/src/styles/tailwind.css b/admin/src/styles/tailwind.css
new file mode 100644
index 0000000..bd6213e
--- /dev/null
+++ b/admin/src/styles/tailwind.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/admin/src/types/global.d.ts b/admin/src/types/global.d.ts
new file mode 100644
index 0000000..255c940
--- /dev/null
+++ b/admin/src/types/global.d.ts
@@ -0,0 +1,18 @@
+import { SlateDescendant, SlateElement, SlateText } from '@wangeditor/editor'
+
+declare module '@wangeditor/editor' {
+    // 扩展 Text
+    interface SlateText {
+        text: string
+    }
+
+    // 扩展 Element
+    interface SlateElement {
+        type: string
+        children: SlateDescendant[]
+    }
+}
+
+declare interface AnyObject {
+    [key: string]: any;
+}
\ No newline at end of file
diff --git a/admin/src/utils/common.ts b/admin/src/utils/common.ts
new file mode 100644
index 0000000..a2b5739
--- /dev/null
+++ b/admin/src/utils/common.ts
@@ -0,0 +1,226 @@
+import type { App } from 'vue'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import { useCssVar, useTitle } from '@vueuse/core'
+import colorFunction from 'css-color-function'
+import storage from './storage'
+
+/**
+ * 全局注册element-icon
+ * @param app
+ */
+export function useElementIcon(app: App): void {
+    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+        app.component(key, component)
+    }
+}
+
+/**
+ * 设置主题色
+ * @param color
+ */
+export function setThemeColor(color: string, mode: string = 'light'): void {
+    useCssVar('--el-color-primary', null).value = color
+
+    const colors: any = {
+        dark: {
+            'light-3': 'shade(20%)',
+            'light-5': 'shade(30%)',
+            'light-7': 'shade(50%)',
+            'light-8': 'shade(60%)',
+            'light-9': 'shade(70%)',
+            'dark-2': 'tint(20%)'
+        },
+        light: {
+            'dark-2': 'shade(20%)',
+            'light-3': 'tint(30%)',
+            'light-5': 'tint(50%)',
+            'light-7': 'tint(70%)',
+            'light-8': 'tint(80%)',
+            'light-9': 'tint(90%)'
+        }
+    }
+
+    Object.keys(colors[mode]).forEach((key) => {
+        useCssVar('--el-color-primary' + '-' + key, null).value = colorFunction.convert(`color(${color} ${colors[mode][key]})`)
+    })
+}
+
+/**
+ * 获取当前访问应用类型
+ */
+export function getAppType() {
+    const path = location.pathname.split('/').filter((val) => { return val })
+
+    if (!path.length) {
+        return 'admin'
+    } else {
+        return path[0]
+    }
+}
+
+/**
+ * 设置网站 title
+ * @param value
+ */
+export function setWindowTitle(value: string = ''): void {
+    const title = useTitle()
+    title.value = value ? value : import.meta.env.VITE_DETAULT_TITLE
+}
+
+/**
+ * 获取token
+ * @returns
+ */
+export function getToken(): null | string {
+    return storage.get('token')
+}
+
+/**
+ * 设置token
+ * @param token
+ * @returns
+ */
+export function setToken(token: string): void {
+    storage.set({ key: 'token', data: token })
+}
+
+/**
+ * 移除token
+ * @returns
+ */
+export function removeToken(): void {
+    storage.remove('token')
+}
+
+/**
+ * 防抖函数
+ * @param fn
+ * @param delay
+ * @returns
+ */
+export function debounce(fn: (args?: any) => any, delay: number = 300) {
+    let timer: null | number = null
+    return function (...args) {
+        if (timer != null) {
+            clearTimeout(timer)
+            timer = null
+        }
+        timer = setTimeout(() => {
+            fn.call(this, ...args)
+        }, delay);
+    }
+}
+
+/**
+ * 判断是否是url
+ * @param str
+ * @returns
+ */
+export function isUrl(str: string): boolean {
+    return str.indexOf('http://') != -1 || str.indexOf('https://') != -1
+}
+
+/**
+ * 图片输出
+ * @param path
+ * @returns
+ */
+export function img(path: string): string {
+    return isUrl(path) ? path : `${import.meta.env.VITE_IMG_DOMAIN || location.origin}/${path}`
+}
+
+/**
+ * 获取字符串字节长度
+ * @param str
+ * @returns
+ */
+export function strByteLength(str: string = ''): number {
+    let len = 0;
+    for (let i = 0; i < str.length; i++) {
+        if (str.charCodeAt(i) > 127 || str.charCodeAt(i) == 94) {
+            len += 2;
+        } else {
+            len++;
+        }
+    }
+    return len;
+}
+
+/**
+ * url 转 route
+ * @param url
+ */
+export function urlToRouteRaw(url: string) {
+    const query = {}
+    const [path, param] = url.split('?')
+
+    param && param.split('&').forEach((str: string) => {
+        let [name, value] = str.split('=')
+        query[name] = value
+    })
+
+    return { path, query }
+}
+
+const isArray = (value: any) => {
+    if (typeof Array.isArray === 'function') {
+        return Array.isArray(value)
+    }
+    return Object.prototype.toString.call(value) === '[object Array]'
+}
+
+/**
+ * @description 深度克隆
+ * @param {object} obj 需要深度克隆的对象
+ * @returns {*} 克隆后的对象或者原值（不是对象）
+ */
+export function deepClone(obj: object) {
+    // 对常见的“非”值，直接返回原来值
+    if ([null, undefined, NaN, false].includes(obj)) return obj
+    if (typeof obj !== 'object' && typeof obj !== 'function') {
+        // 原始类型直接返回
+        return obj
+    }
+    const o = isArray(obj) ? [] : {}
+    for (const i in obj) {
+        if (obj.hasOwnProperty(i)) {
+            o[i] = typeof obj[i] === 'object' ? deepClone(obj[i]) : obj[i]
+        }
+    }
+    return o
+}
+
+/**
+ * 生成唯一字符
+ * @param {Number} len
+ * @param {Boolean} firstU
+ * @param {Nubmer} radix
+ */
+export function guid(len = 10, firstU = true, radix = null) {
+    const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('')
+    const uuid = []
+    radix = radix || chars.length
+
+    if (len) {
+        // 如果指定uuid长度,只是取随机的字符,0|x为位运算,能去掉x的小数位,返回整数位
+        for (let i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix]
+    } else {
+        let r
+        // rfc4122标准要求返回的uuid中,某些位为固定的字符
+        uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-'
+        uuid[14] = '4'
+
+        for (let i = 0; i < 36; i++) {
+            if (!uuid[i]) {
+                r = 0 | Math.random() * 16
+                uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r]
+            }
+        }
+    }
+    // 移除第一个字符,并用u替代,因为第一个字符为数值时,该guuid不能用作id或者class
+    if (firstU) {
+        uuid.shift()
+        return `u${uuid.join('')}`
+    }
+    return uuid.join('')
+}
diff --git a/admin/src/utils/qqmap.ts b/admin/src/utils/qqmap.ts
new file mode 100644
index 0000000..9daa73d
--- /dev/null
+++ b/admin/src/utils/qqmap.ts
@@ -0,0 +1,182 @@
+import { jsonp } from 'vue-jsonp'
+
+const geometry: any = {}
+
+/**
+ * 在地图上创建一个圆形
+ */
+export const createCircle = (map: any, geometriesData: any) => {
+    const TMap = (window as any).TMap
+    const LatLng = TMap.LatLng
+
+    geometriesData.radius = geometriesData.radius ?? 1000
+    geometriesData.center = geometriesData.center ?? { lat: map.getCenter().lat, lng: map.getCenter().lng }
+
+    const color = [
+        Math.floor(Math.random() * 255),
+        Math.floor(Math.random() * 255),
+        Math.floor(Math.random() * 255)
+    ]
+
+    // 创建图形
+    const multiCircle = new TMap.MultiCircle({
+        map,
+        styles: { // 设置圆形样式
+            circle: new TMap.CircleStyle({
+                color: `rgba(${color.toString()}, .4)`,
+                showBorder: true,
+                borderColor: `rgb(${color.toString()})`,
+                borderWidth: 2
+            })
+        },
+        geometries: [
+            {
+                styleId: 'circle',
+                center: new LatLng(geometriesData.center.lat, geometriesData.center.lng),
+                radius: parseInt(geometriesData.radius),
+                id: geometriesData.key
+            }
+        ]
+    })
+    geometry[geometriesData.key] = { graphical: multiCircle }
+
+    // 创建图形编辑器
+    const editor = new TMap.tools.GeometryEditor({
+        map: map,
+        overlayList: [
+            {
+                overlay: multiCircle,
+                id: geometriesData.key,
+            }
+        ],
+        actionMode: TMap.tools.constants.EDITOR_ACTION.INTERACT,
+        activeOverlayId: geometriesData.key, // 激活图层
+        selectable: true // 开启点选功能
+    })
+
+    editor.on('adjust_complete', (data: any) => {
+        geometriesData.center = { lat: data.center.lat, lng: data.center.lng }
+        geometriesData.radius = parseInt(data.radius)
+    })
+
+    geometry[geometriesData.key] = { graphical: multiCircle, editor }
+}
+
+/**
+ * 在地图上创建一个多边形
+ * @param map
+ * @param geometriesData
+ */
+export const createPolygon = (map: any, geometriesData: any) => {
+    const TMap = (window as any).TMap
+    const LatLng = TMap.LatLng
+
+    const { lat, lng } = map.getCenter();
+
+    geometriesData.paths = geometriesData.paths ?? [
+        { lat: lat + 0.01, lng: lng + 0.01 },
+        { lat: lat - 0.01, lng: lng + 0.01 },
+        { lat: lat - 0.01, lng: lng - 0.01 },
+        { lat: lat + 0.01, lng: lng - 0.01 }
+    ]
+
+    const color = [
+        Math.floor(Math.random() * 255),
+        Math.floor(Math.random() * 255),
+        Math.floor(Math.random() * 255)
+    ]
+
+    const multiPolygon = new TMap.MultiPolygon({
+        map: map,
+        styles: {
+            polygon: new TMap.PolygonStyle({
+                color: `rgba(${color.toString()}, .4)`,
+                showBorder: true,
+                borderColor: `rgb(${color.toString()})`,
+                borderWidth: 2
+            })
+        },
+        geometries: [
+            {
+                id: geometriesData.key,
+                styleId: 'polygon',
+                paths: geometriesData.paths.map((item: any) => {
+                    return new LatLng(item.lat, item.lng)
+                })
+            }
+        ]
+    });
+
+    const editor = new TMap.tools.GeometryEditor({
+        map: map,
+        overlayList: [
+            {
+                overlay: multiPolygon,
+                id: geometriesData.key,
+            }
+        ],
+        actionMode: TMap.tools.constants.EDITOR_ACTION.INTERACT,
+        activeOverlayId: geometriesData.key, // 激活图层
+        selectable: true, // 开启点选功能
+    })
+
+    editor.on('adjust_complete', (data: any) => {
+        geometriesData.paths = data.paths.map(item => {
+            return { lat: item.lat, lng: item.lng}
+        })
+    })
+
+    geometry[geometriesData.key] = { graphical: multiPolygon, editor }
+}
+
+/**
+ * 删除图形
+ * @param key
+ */
+export const deleteGeometry = (key: string) => {
+    geometry[key].graphical.remove(key)
+    geometry[key].editor.delete()
+}
+
+/**
+ * 选中图形
+ * @param key
+ */
+export const selectGeometry = (key: string) => {
+    geometry[key].editor.select([key])
+}
+
+/**
+ * 创建点标记
+ * @param map
+ * @returns
+ */
+export const createMarker = (map: any) => {
+    const TMap = (window as any).TMap
+    const LatLng = TMap.LatLng
+
+    return new TMap.MultiMarker({
+        map,
+        geometries: [
+            {
+                id: 'center',
+                position: map.getCenter(),
+            }
+        ]
+    });
+}
+
+/**
+ * 逆地址解析
+ * @param params
+ */
+export const latLngToAddress = (params: any) => {
+    return jsonp(`https://apis.map.qq.com/ws/geocoder/v1/?key=${params.mapKey}&location=${params.lat},${params.lng}&output=jsonp&callback=callback`)
+}
+
+/**
+ * 地址解析
+ */
+export const addressToLatLng = (params: any) => {
+    return jsonp(`https://apis.map.qq.com/ws/geocoder/v1/?key=${params.mapKey}&address=${params.address}&output=jsonp&callback=callback`)
+}
diff --git a/admin/src/utils/request.ts b/admin/src/utils/request.ts
new file mode 100644
index 0000000..4955fa5
--- /dev/null
+++ b/admin/src/utils/request.ts
@@ -0,0 +1,183 @@
+import axios, { HttpStatusCode } from 'axios'
+import type { AxiosInstance, InternalAxiosRequestConfig, AxiosResponse, AxiosRequestConfig } from 'axios'
+import { getToken, isUrl } from './common';
+import { ElMessage } from 'element-plus'
+import { t } from '@/lang'
+import useUserStore from '@/stores/modules/user'
+import storage from '@/utils/storage'
+
+interface RequestConfig extends AxiosRequestConfig {
+    showErrorMessage?: boolean
+    showSuccessMessage?: boolean
+}
+
+interface InternalRequestConfig extends InternalAxiosRequestConfig {
+    showErrorMessage?: boolean
+    showSuccessMessage?: boolean
+}
+
+interface requestResponse extends AxiosResponse {
+    config: InternalRequestConfig
+}
+
+class Request {
+    private instance: AxiosInstance;
+
+    constructor() {
+        this.instance = axios.create({
+            baseURL: import.meta.env.VITE_APP_BASE_URL.substr(-1) == '/' ? import.meta.env.VITE_APP_BASE_URL : `${import.meta.env.VITE_APP_BASE_URL}/`,
+            timeout: 30000,
+            headers: {
+                'Content-Type': 'application/json',
+                'lang': storage.get('lang') ?? 'zh-cn'
+            }
+        });
+
+        // 全局请求拦截器
+        this.instance.interceptors.request.use(
+            (config: InternalRequestConfig) => {
+                // 携带token site-id
+                if (getToken()) {
+                    config.headers[import.meta.env.VITE_REQUEST_HEADER_TOKEN_KEY] = getToken()
+                    config.headers[import.meta.env.VITE_REQUEST_HEADER_SITEID_KEY] = storage.get('siteId') || 0
+                }
+                return config
+            },
+            (err: any) => {
+                return Promise.reject(err)
+            }
+        )
+
+        // 全局响应拦截器
+        this.instance.interceptors.response.use(
+            (response: requestResponse) => {
+				if (response.request.responseType != 'blob') {
+					const res = response.data
+					if (res.code != 1) {
+					    this.handleAuthError(res.code)
+					    if (res.code != 401 && response.config.showErrorMessage !== false) ElMessage({ message: res.msg, type: 'error', dangerouslyUseHTMLString: true, duration: 5000 })
+					    return Promise.reject(new Error(res.msg || 'Error'))
+					} else {
+					    if (response.config.showSuccessMessage) ElMessage({ message: res.msg, type: 'success' })
+					    return res
+					}
+				}
+				return response.data
+            },
+            (err: any) => {
+                this.handleNetworkError(err)
+                return Promise.reject(err)
+            }
+        )
+    }
+
+    /**
+     * 发送get请求
+     * @param url
+     * @param config
+     * @returns
+     */
+    public get<T = any, R = AxiosResponse<T>>(url: string, config?: RequestConfig): Promise<R> {
+        return this.instance.get(url, config)
+    }
+
+    /**
+     * 发送get请求
+     * @param url
+     * @param config
+     * @returns
+     */
+    public post<T = any, R = AxiosResponse<T>, D = any>(url: string, data?: D, config?: RequestConfig): Promise<R> {
+        return this.instance.post(url, data, config)
+    }
+
+    /**
+     * 发送get请求
+     * @param url
+     * @param config
+     * @returns
+     */
+    public put<T = any, R = AxiosResponse<T>, D = any>(url: string, data?: D, config?: RequestConfig): Promise<R> {
+        return this.instance.put(url, data, config)
+    }
+
+    /**
+     * 发送get请求
+     * @param url
+     * @param config
+     * @returns
+     */
+    public delete<T = any, R = AxiosResponse<T>>(url: string, config?: RequestConfig): Promise<R> {
+        return this.instance.delete(url, config)
+    }
+
+    /**
+     * 处理网络请求错误
+     * @param err
+     */
+    private handleNetworkError(err: any) {
+        let errMessage = ''
+
+        if (err.response && err.response.status) {
+            const errStatus = err.response.status
+            switch (errStatus) {
+                case 400:
+                    errMessage = t('axios.400')
+                    break
+                case 401:
+                    errMessage = t('axios.401')
+                    break
+                case 403:
+                    errMessage = t('axios.403')
+                    break
+                case 404:
+                    const baseURL = isUrl(err.response.config.baseURL) ? err.response.config.baseURL : `${location.origin}${err.response.config.baseURL}`
+                    errMessage = baseURL + t('axios.baseUrlError')
+                    break
+                case 405:
+                    errMessage = t('axios.405')
+                    break
+                case 408:
+                    errMessage = t('axios.408')
+                    break
+                case 409:
+                    errMessage = t('axios.409')
+                    break
+                case 500:
+                    errMessage = t('axios.500')
+                    break
+                case 501:
+                    errMessage = t('axios.501')
+                    break
+                case 502:
+                    errMessage = t('axios.502')
+                    break
+                case 503:
+                    errMessage = t('axios.503')
+                    break
+                case 504:
+                    errMessage = t('axios.504')
+                    break
+                case 505:
+                    errMessage = t('axios.505')
+                    break
+            }
+        }
+        err.message.includes('timeout') && (errMessage = t('axios.timeout'))
+        if (err.code == 'ERR_NETWORK') {
+            const baseURL = isUrl(err.config.baseURL) ? err.config.baseURL : `${location.origin}${err.config.baseURL}`
+            errMessage = baseURL + t('axios.baseUrlError')
+        }
+        errMessage && ElMessage({ dangerouslyUseHTMLString: true, duration: 5000, message: errMessage, type: 'error' })
+    }
+
+    private handleAuthError(code: number) {
+        switch (code) {
+            case 401:
+                useUserStore().logout()
+                break;
+        }
+    }
+}
+
+export default new Request()
diff --git a/admin/src/utils/storage.ts b/admin/src/utils/storage.ts
new file mode 100644
index 0000000..43597e1
--- /dev/null
+++ b/admin/src/utils/storage.ts
@@ -0,0 +1,62 @@
+import { getAppType } from './common'
+
+interface setParam {
+    key: string,
+    data: any,
+    success?: () => {},
+    fail?: (err: any) => {}
+}
+
+class Storage {
+    private prefix = ''
+
+    public constructor() {
+        this.prefix = getAppType() == 'admin' ? 'admin' : 'site'
+    }
+
+    /**
+     * 设置缓存
+     * @param param
+     */
+    public set(param: setParam) {
+        try {
+            window.localStorage.setItem(`${this.prefix}.${param.key}`, JSON.stringify(param.data))
+            typeof param.success == 'function' && param.success()
+        } catch (error) {
+            typeof param.fail == 'function' && param.fail(error)
+        }
+    }
+
+    /**
+     * 获取缓存
+     * @param key
+     * @returns
+     */
+    public get(key: string) {
+        try {
+            const json: any = window.localStorage.getItem(`${this.prefix}.${key}`)
+            return JSON.parse(json)
+        } catch (error) {
+            return null
+        }
+    }
+
+    /**
+     * 移除指定缓存
+     * @param key
+     */
+    public remove(key: string | string[]) {
+        if (typeof key == 'string') window.localStorage.removeItem(`${this.prefix}.${key}`)
+        else key.forEach(item => { window.localStorage.removeItem(`${this.prefix}.${item}`) })
+    }
+
+    /**
+     * 清理缓存
+     */
+    public clear() {
+        window.localStorage.clear()
+    }
+}
+
+const storage = new Storage()
+export default storage
diff --git a/admin/src/utils/test.ts b/admin/src/utils/test.ts
new file mode 100644
index 0000000..d32c9b7
--- /dev/null
+++ b/admin/src/utils/test.ts
@@ -0,0 +1,239 @@
+const test = {
+    /**
+     * 验证电子邮箱格式
+     */
+    email(value: string) {
+        return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value)
+    },
+    /**
+     * 验证手机格式
+     */
+    mobile(value: string) {
+        return /^1[23456789]\d{9}$/.test(value)
+    },
+    /**
+     * 验证URL格式
+     */
+    url(value: string) {
+        return /^((https|http|ftp|rtsp|mms):\/\/)(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?(([0-9]{1,3}.){3}[0-9]{1,3}|([0-9a-zA-Z_!~*'()-]+.)*([0-9a-zA-Z][0-9a-zA-Z-]{0,61})?[0-9a-zA-Z].[a-zA-Z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-zA-Z_!~*'().;?:@&=+$,%#-]+)+\/?)$/
+            .test(value)
+    },
+    /**
+     * 验证日期格式
+     */
+    date(value: string) {
+        if (!value) return false
+        // 判断是否数值或者字符串数值(意味着为时间戳)，转为数值，否则new Date无法识别字符串时间戳
+        if (this.number(value)) value = +value
+        return !/Invalid|NaN/.test(new Date(value).toString())
+    },
+    /**
+     * 验证ISO类型的日期格式
+     */
+    dateISO(value: string) {
+        return /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test(value)
+    },
+    /**
+     * 验证十进制数字
+     */
+    number(value: string) {
+        return /^[\+-]?(\d+\.?\d*|\.\d+|\d\.\d+e\+\d+)$/.test(value)
+    },
+    /**
+     * 验证字符串
+     */
+    string(value: string) {
+        return typeof value === 'string'
+    },
+    /**
+     * 验证整数
+     */
+    digits(value: string) {
+        return /^\d+$/.test(value)
+    },
+    /**
+     * 验证身份证号码
+     */
+    idCard(value: string) {
+        return /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(
+            value
+        )
+    },
+    /**
+     * 是否车牌号
+     */
+    carNo(value: string) {
+        // 新能源车牌
+        const xreg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/
+        // 旧车牌
+        const creg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/
+        if (value.length === 7) {
+            return creg.test(value)
+        } if (value.length === 8) {
+            return xreg.test(value)
+        }
+        return false
+    },
+    /**
+     * 金额,只允许2位小数
+     */
+    amount(value: string) {
+        // 金额，只允许保留两位小数
+        return /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0\.\d{1,2}$/.test(value)
+    },
+    /**
+     * 中文
+     */
+    chinese(value: string) {
+        const reg = /^[\u4e00-\u9fa5]+$/gi
+        return reg.test(value)
+    },
+    /**
+     * 只能输入字母
+     */
+    letter(value: string) {
+        return /^[a-zA-Z]*$/.test(value)
+    },
+    /**
+     * 只能是字母或者数字
+     */
+    enOrNum(value: string) {
+        // 英文或者数字
+        const reg = /^[0-9a-zA-Z]*$/g
+        return reg.test(value)
+    },
+    /**
+     * 验证是否包含某个值
+     */
+    contains(value: string, param: string) {
+        return value.indexOf(param) >= 0
+    },
+    /**
+     * 验证一个值范围[min, max]
+     */
+    range(value: number, param: number[]) {
+        return value >= param[0] && value <= param[1]
+    },
+    /**
+     * 验证一个长度范围[min, max]
+     */
+    rangeLength(value: string, param: number[]) {
+        return value.length >= param[0] && value.length <= param[1]
+    },
+    /**
+     * 是否固定电话
+     */
+    landline(value: string) {
+        const reg = /^\d{3,4}-\d{7,8}(-\d{3,4})?$/
+        return reg.test(value)
+    },
+    /**
+     * 判断是否为空
+     */
+    empty(value: any) {
+        switch (typeof value) {
+            case 'undefined':
+                return true
+            case 'string':
+                if (value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true
+                break
+            case 'boolean':
+                if (!value) return true
+                break
+            case 'number':
+                if (value === 0 || isNaN(value)) return true
+                break
+            case 'object':
+                if (value === null || value.length === 0) return true
+                for (const i in value) {
+                    return false
+                }
+                return true
+        }
+        return false
+    },
+    /**
+     * 是否json字符串
+     */
+    jsonString(value: object) {
+        if (typeof value === 'string') {
+            try {
+                const obj = JSON.parse(value)
+                if (typeof obj === 'object' && obj) {
+                    return true
+                }
+                return false
+            } catch (e) {
+                return false
+            }
+        }
+        return false
+    },
+    /**
+     * 是否数组
+     */
+    array(value: []) {
+        if (typeof Array.isArray === 'function') {
+            return Array.isArray(value)
+        }
+        return Object.prototype.toString.call(value) === '[object Array]'
+    },
+    /**
+     * 是否对象
+     */
+    object(value: object) {
+        return Object.prototype.toString.call(value) === '[object Object]'
+    },
+    /**
+     * 是否短信验证码
+     */
+    code(value: string, len = 6) {
+        return new RegExp(`^\\d{${len}}$`).test(value)
+    },
+    /**
+     * 是否函数方法
+     * @param {Object} value
+     */
+    func(value: string) {
+        return typeof value === 'function'
+    },
+    /**
+     * 是否promise对象
+     * @param {Object} value
+     */
+    promise(value: Promise<any>) {
+        return this.object(value) && this.func(value.then) && this.func(value.catch)
+    },
+    /** 是否图片格式
+     * @param {Object} value
+     */
+    image(value: string) {
+        const newValue = value.split('?')[0]
+        const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i
+        return IMAGE_REGEXP.test(newValue)
+    },
+    /**
+     * 是否视频格式
+     * @param {Object} value
+     */
+    video(value: string) {
+        const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv|m3u8)/i
+        return VIDEO_REGEXP.test(value)
+    },
+    /**
+     * 是否为正则对象
+     * @param {Object}
+     * @return {Boolean}
+     */
+    regExp(o) {
+        return o && Object.prototype.toString.call(o) === '[object RegExp]'
+    },
+    /**
+     * 验证必填
+     */
+    require(value: string) {
+        return /^\s*$/.test(value)
+    }
+}
+
+export default test
\ No newline at end of file
diff --git a/admin/src/vite-env.d.ts b/admin/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/admin/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/admin/tailwind.config.cjs b/admin/tailwind.config.cjs
new file mode 100644
index 0000000..ba1f950
--- /dev/null
+++ b/admin/tailwind.config.cjs
@@ -0,0 +1,123 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+	content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+	theme: {
+		extend: {
+			colors: {
+				white: 'var(--el-color-white)',
+				black: '#000',
+				primary: {
+					DEFAULT: 'var(--el-color-primary)',
+					'light-3': 'var(--el-color-primary-light-3)',
+					'light-5': 'var(--el-color-primary-light-5)',
+					'light-7': 'var(--el-color-primary-light-7)',
+					'light-8': 'var(--el-color-primary-light-8)',
+					'light-9': 'var(--el-color-primary-light-9)',
+					'dark-2': 'var(--el-color-primary-dark-2)'
+				},
+				success: 'var(--el-color-success)',
+				warning: 'var(--el-color-warning)',
+				danger: 'var(--el-color-danger)',
+				error: 'var(--el-color-error)',
+				info: 'var(--el-color-info)',
+				body: 'var(--el-bg-color)',
+				page: 'var(--el-bg-color-page)',
+				'tx-primary': 'var(--el-text-color-primary)',
+				'tx-regular': 'var(--el-text-color-regular)',
+				'tx-secondary': 'var(--el-text-color-secondary)',
+				'tx-placeholder': 'var(--el-text-color-placeholder)',
+				'tx-disabled': 'var(--el-text-color-disabled)',
+				br: 'var(--el-border-color)',
+				'br-light': 'var(--el-border-color-light)',
+				'br-extra-light': 'var(--el-border-color-extra-light)',
+				'br-dark': 'var( --el-border-color-dark)',
+				fill: 'var(--el-fill-color)',
+				'fill-light': 'var(--el-fill-color-light)',
+				'fill-lighter': 'var(--el-fill-color-lighter)',
+				mask: 'var(--el-mask-color)',
+				secondary: 'var(--el-text-color-secondary)',
+				overlay: 'var(--el-bg-color-overlay)'
+			},
+			fontFamily: {
+				sans: ['PingFang SC', 'Microsoft YaHei', 'Arial', 'Hiragino Sans GB', 'sans-serif']
+			},
+			boxShadow: {
+				DEFAULT: 'var(--el-box-shadow)',
+				light: 'var(--el-box-shadow-light)',
+				lighter: 'var(--el-box-shadow-lighter)',
+				dark: 'var(--el-box-shadow-dark)'
+			},
+			fontSize: {
+				xs: 'var(--el-font-size-extra-small)',
+				sm: 'var( --el-font-size-small)',
+				base: 'var( --el-font-size-base)',
+				lg: 'var( --el-font-size-medium)',
+				xl: 'var( --el-font-size-large)',
+				'2xl': 'var( --el-font-size-extra-large)',
+				'3xl': '20px',
+				'4xl': '24px',
+				'5xl': '28px',
+				'6xl': '30px',
+				'7xl': '36px',
+				'8xl': '48px',
+				'9xl': '60px'
+			},
+			spacing: {
+				px: '1px',
+				0: '0px',
+				0.5: '2px',
+				1: '4px',
+				1.5: '6px',
+				2: '8px',
+				2.5: '10px',
+				3: '12px',
+				3.5: '14px',
+				4: '16px',
+				5: '20px',
+				6: '24px',
+				7: '28px',
+				8: '32px',
+				9: '36px',
+				10: '40px',
+				11: '44px',
+				12: '48px',
+				14: '56px',
+				16: '64px',
+				20: '80px',
+				24: '96px',
+				28: '112px',
+				32: '128px',
+				36: '144px',
+				40: '160px',
+				44: '176px',
+				48: '192px',
+				52: '208px',
+				56: '224px',
+				60: '240px',
+				64: '256px',
+				72: '288px',
+				80: '320px',
+				96: '384px'
+			},
+			lineHeight: {
+				none: '1',
+				tight: '1.25',
+				snug: '1.375',
+				normal: '1.5',
+				relaxed: '1.625',
+				loose: '2',
+				3: '12px',
+				4: '16px',
+				5: '20px',
+				6: '24px',
+				7: '28px',
+				8: '32px',
+				9: '36px',
+				10: '40px'
+			}
+		}
+	},
+	plugins: [
+		require('@tailwindcss/line-clamp') // 引入插件
+	]
+}
diff --git a/admin/tsconfig.json b/admin/tsconfig.json
new file mode 100644
index 0000000..e328c87
--- /dev/null
+++ b/admin/tsconfig.json
@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": [
+      "ESNext",
+      "DOM"
+    ],
+    "skipLibCheck": true,
+    "noEmit": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    }
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/admin/tsconfig.node.json b/admin/tsconfig.node.json
new file mode 100644
index 0000000..dcfd137
--- /dev/null
+++ b/admin/tsconfig.node.json
@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": [
+    "vite.config.ts"
+  ]
+}
\ No newline at end of file
diff --git a/admin/vite.config.ts b/admin/vite.config.ts
new file mode 100644
index 0000000..6d2f7e6
--- /dev/null
+++ b/admin/vite.config.ts
@@ -0,0 +1,29 @@
+import { fileURLToPath, URL } from "node:url"
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  base: '',
+  server: {
+    host: '0.0.0.0'
+  },
+  plugins: [
+    vue(),
+    AutoImport({
+      resolvers: [ElementPlusResolver()]
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()]
+    })
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      'assets': fileURLToPath(new URL('./src/assets', import.meta.url))
+    }
+  }
+})
diff --git a/docker-compose/README.md b/docker-compose/README.md
new file mode 100644
index 0000000..51d4883
--- /dev/null
+++ b/docker-compose/README.md
@@ -0,0 +1,69 @@
+# docker-compose 快速运行项目
+## 1、安装docker
+docker 官网下载
+https://www.docker.com/products/docker-desktop
+
+或命令安装 
+```
+curl -sSL https://get.daocloud.io/docker | sh
+```
+## 2、安装docker-compose
+https://www.runoob.com/docker/docker-compose.html
+## 3、下载NIUCLOUD程序
+建议去下载最新开源代码 https://gitee.com/niucloud-team/niucloud.git
+下载完成后，解压niucloud-master.zip
+## 4、启动项目
+```
+进入docker-compose目录 cd /docker-compose
+
+运行命令：docker-compose up -d
+```
+进入PHP容器启动队列、定时任务、长连接命令
+```
+进入容器：docker exec -it niucloud_php /bin/bash
+进入到项目目录：cd /var/www
+队列命令：php think queue:listen --queue
+```
+## 5、访问NIUCLOUD 系统
+http://ip:8011/
+## 6、安装NIUCLOUD
+### Mysql数据库信息：
+```
+Host:192.168.10.11
+Post:3306 
+user:root 
+pwd:123456 
+
+user2:niucloud
+pwd:123456
+```
+### Redis信息：
+```
+Host:192.168.10.10
+Post:6379
+db:0
+pwd:123456
+```
+## 7、常见问题
+1. 端口被占用进入docker-compose.yml 里面修改端口
+
+2. 如果运行docker-compose up -d 启动失败，请查看docker-compose.yml 修改里面镜像地址或其它配置
+
+3. Error response from daemon: Address already in use 报错
+  一般情况下是设置的ip被占用，修改下某个容器下的ipv4_address地址
+
+4. MYSQL容器无法启动，没有任何日志
+  注意m1芯片下需要使用mysql镜像daocloud.io/library/mysql:5.7.5-m15；其他任何情况下都
+   使用mysql:5.7的镜像
+
+5. 如果启动成功后访问ip:8011报错，请给执行chmod -R 777 runtime
+
+6. 如果连接数据库失败，则将host地址修改成192.168.10.11
+
+7. 如果需要域名访问，请将docker-compose文件夹下的test.niucloud.com.conf文件拷贝到服务器的nginx配置文件夹下，将域名修改成自己的域名，如果需要https访问，请按照文件内容提示配置
+
+8. 如果修改了docker-compose.yml中的内容，请使用docker-compose down进行容器清理，再次执行docker-compose up -d运行
+
+9. 安装时候，填写数据库信息，请填写192.168.10.11（如有修改，请按照修改后的填写，建议勿动！），创建出的两个默认用户信息在第6条mysql数据库信息处
+
+10. 如遇niucloud_mysql容器无法启动，请检查docker-compose/mysql/log文件夹的权限是否为777，如果不是，请使用chmod 777  /docker-compose/mysql/log
diff --git a/docker-compose/docker-compose.yml b/docker-compose/docker-compose.yml
new file mode 100644
index 0000000..bad6254
--- /dev/null
+++ b/docker-compose/docker-compose.yml
@@ -0,0 +1,107 @@
+version: "3.3"
+services:
+  # mysql 容器
+  mysql:
+    container_name: niucloud_mysql #指定容器名
+    #image: daocloud.io/library/mysql:5.7.5-m15 #M1芯片可以采用这个镜像
+    image: mysql:5.7 #一般电脑可以用这个镜像
+    restart: always
+    ports:
+      - 3307:3306
+    # 环境变量
+    environment:
+      TZ: Asia/Shanghai
+      MYSQL_ROOT_PASSWORD: '123456'
+      MYSQL_USER: 'niucloud'
+      MYSQL_PASSWORD: '123456'
+      MYSQL_DATABASE: 'niucloud'
+    privileged: true
+    command:
+       --character-set-server=utf8mb4
+       --collation-server=utf8mb4_general_ci
+       --explicit_defaults_for_timestamp=true
+       --lower_case_table_names=1
+       --max_allowed_packet=128M
+       --default-authentication-plugin=mysql_native_password
+       --sql-mode="NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION"
+    working_dir: /var/lib/mysql
+    volumes:
+      - ./mysql/my.cnf:/etc/mysql/my.cnf
+      - ./mysql/data:/var/lib/mysql #挂载数据目录到本地
+      - ./mysql/log:/var/log/mysql
+    networks:
+      app_net:
+        # 固定子网ip，网段必须在子网络192.168.*.*
+        ipv4_address: 192.168.10.11
+  # redis 容器
+  redis:
+    container_name: niucloud_redis
+    # image: 'redis:alpine'
+    # image: daocloud.io/library/redis:6.0.5-alpine
+    image: redis:6.0
+    restart: always
+    ports:
+      - "6380:6379"
+    command: redis-server /usr/local/etc/redis/redis.conf
+    volumes:
+      - ./redis/data:/data #挂载数据目录到本地
+      - ./redis/redis.conf:/usr/local/etc/redis/redis.conf
+    networks:
+      app_net:
+        ipv4_address: 192.168.10.10
+  # php 容器
+  phpfpm:
+    container_name: niucloud_php #指定容器名
+    # image: phpfpm-image #指定镜像名
+    image: niucloud_php #指定镜像名
+    build:
+      context: ./php #dockerfile文件路径
+      dockerfile: Dockerfile #制定dockerfile文件名称
+    environment:
+      TZ: Asia/Shanghai
+    ports:
+      - 9000:9000
+    tmpfs: /var/temp #上传临时文件夹
+    working_dir: /var/www
+    volumes:
+      - ../niucloud:/var/www #程序运行目录
+      - ../niucloud/runtime:/var/www/temp #程序缓存目录
+      - ./php/php-ini-overrides.ini:/etc/php/8.0/fpm/conf.d/99-overrides.ini
+    networks:
+      app_net:
+        ipv4_address: 192.168.10.90
+#    command: /bin/bash -c "php -v"
+  # nginx 容器
+  nginx:
+    container_name: niucloud_nginx
+    image: 'nginx:1.24'
+    #image: 'nginx:alpine'
+    # image: daocloud.io/library/nginx:1.19.1-alpine
+    restart: always
+    ports:
+      - 8011:80
+      # - 443:443
+    # 依赖关系 先跑php
+    depends_on:
+      - phpfpm
+    environment:
+      TZ: Asia/Shanghai
+    working_dir: /var/www
+#    volumes_from:
+#      - phpfpm #继承phpfpm挂载目录
+    volumes:
+      - ./nginx/vhost.conf:/etc/nginx/conf.d/default.conf
+      - ./nginx/log:/etc/nginx/log
+      - ../niucloud:/var/www #程序运行目录
+      - ../niucloud/runtime:/var/www/temp #程序缓存目录
+      - ./php/php-ini-overrides.ini:/etc/php/8.0/fpm/conf.d/99-overrides.ini
+    networks:
+      app_net:
+        ipv4_address: 192.168.10.80
+networks: #网络配置
+  app_net: #网络名称
+    driver: bridge
+    ipam: #网络配置
+      driver: default
+      config:
+        - subnet: 192.168.10.0/24 #IP区间
diff --git a/docker-compose/mysql/my.cnf b/docker-compose/mysql/my.cnf
new file mode 100644
index 0000000..5699d79
--- /dev/null
+++ b/docker-compose/mysql/my.cnf
@@ -0,0 +1,64 @@
+# Copyright (c) 2014, Oracle and/or its affiliates. All rights reserved.
+#
+# This program is free software; you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation; version 2 of the License.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU General Public License for more details.
+#
+# You should have received a copy of the GNU General Public License
+# along with this program; if not, write to the Free Software
+# Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301 USA
+
+#
+# The MySQL Community Server configuration file.
+#
+# For explanations see
+# http://dev.mysql.com/doc/mysql/en/server-system-variables.html
+
+[client]
+port		= 3306
+socket		= /var/run/mysqld/mysqld.sock
+
+[mysqld_safe]
+pid-file	= /var/run/mysqld/mysqld.pid
+socket		= /var/run/mysqld/mysqld.sock
+nice		= 0
+
+[mysqld]
+user		= mysql
+pid-file	= /var/run/mysqld/mysqld.pid
+socket		= /var/run/mysqld/mysqld.sock
+port		= 3306
+basedir		= /usr
+datadir		= /var/lib/mysql
+tmpdir		= /tmp
+lc-messages-dir	= /usr/share/mysql
+explicit_defaults_for_timestamp
+#skip-grant-tables
+lower_case_table_names = 1
+character-set-server = utf8mb4
+collation-server = utf8mb4_unicode_ci
+sql-mode=NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION
+
+
+
+# Instead of skip-networking the default is now to listen only on
+# localhost which is more compatible and is not less secure.
+#bind-address	= 127.0.0.1
+
+log-error	= /var/log/mysql/error.log
+
+# Recommended in standard MySQL setup
+sql_mode=NO_ENGINE_SUBSTITUTION,STRICT_TRANS_TABLES
+
+# Disabling symbolic-links is recommended to prevent assorted security risks
+symbolic-links=0
+
+# * IMPORTANT: Additional settings that can override those from this file!
+#   The files must end with '.cnf', otherwise they'll be ignored.
+#
+!includedir /etc/mysql/conf.d/
diff --git a/docker-compose/nginx/vhost.conf b/docker-compose/nginx/vhost.conf
new file mode 100644
index 0000000..a1ca77d
--- /dev/null
+++ b/docker-compose/nginx/vhost.conf
@@ -0,0 +1,26 @@
+server {
+    listen 80; 
+    index index.php index.html;
+    server_name test.102sr.cn;
+    root /var/www/public;
+
+    location / {
+
+        # 检查URL是否包含 install.php
+        if ($request_uri ~* /install.php) {
+            rewrite ^/install.php(.*)$ /install.php?s=$1 last;
+        }
+	if (!-e $request_filename){
+		rewrite  ^(.*)$  /index.php?s=$1  last;   break;
+	}
+    }
+
+    location ~ \.php$ {
+        fastcgi_split_path_info ^(.+\.php)(/.+)$;
+        fastcgi_pass phpfpm:9000;
+        fastcgi_index index.php;
+        include fastcgi_params;
+        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
+        fastcgi_param PATH_INFO $fastcgi_path_info;
+    }
+}
diff --git a/docker-compose/php/Dockerfile b/docker-compose/php/Dockerfile
new file mode 100644
index 0000000..d343818
--- /dev/null
+++ b/docker-compose/php/Dockerfile
@@ -0,0 +1,14 @@
+FROM phpdockerio/php80-fpm AS niucloud_php
+WORKDIR "/var/www"
+
+# 更新包信息并安装扩展依赖
+RUN apt-get update && \
+    apt-get -y --no-install-recommends install apt-utils && \
+    apt-get -y --no-install-recommends install php8.0-bcmath php8.0-redis php8.0-mysqli php8.0-gd && \
+    apt-get clean && \
+    apt-get autoremove && \
+    rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/* /usr/share/doc/*
+
+# 设置 open_basedir
+RUN echo "open_basedir = /tmp:/var" > /etc/php/8.0/fpm/conf.d/open_basedir.ini
+
diff --git a/docker-compose/php/php-ini-overrides.ini b/docker-compose/php/php-ini-overrides.ini
new file mode 100644
index 0000000..ee5e24f
--- /dev/null
+++ b/docker-compose/php/php-ini-overrides.ini
@@ -0,0 +1,5 @@
+upload_max_filesize = 100M
+post_max_size = 108M
+open_basedir = "/var:/var/tmp/:/tmp/"
+disable_functions = system, exec, shell_exec, passthru, proc_get_status, checkdnsrr, getmxrr, getservbyname, getservbyport, syslog, popen, show_source, highlight_file, dl, socket_listen, socket_create, socket_bind, socket_accept, socket_connect, stream_socket_server, stream_socket_accept, stream_socket_client, ftp_connect, ftp_login, ftp_pasv, ftp_get, sys_getloadavg, disk_total_space, disk_free_space, posix_ctermid, posix_get_last_error, posix_getcwd, posix_getegid, posix_geteuid, posix_getgid, posix_getgrgid, posix_getgrnam, posix_getgroups, posix_getlogin, posix_getpgid, posix_getpgrp, posix_getpid, posix_getppid, posix_getpwnam, posix_getpwuid, posix_getrlimit, posix_getsid, posix_getuid, posix_isatty, posix_kill, posix_mkfifo, posix_setegid, posix_seteuid, posix_setgid, posix_setpgid, posix_setsid, posix_setuid, posix_strerror, posix_times, posix_ttyname, posix_uname
+upload_tmp_dir = /var/www/temp
diff --git a/docker-compose/redis/redis.conf b/docker-compose/redis/redis.conf
new file mode 100644
index 0000000..30e5e98
--- /dev/null
+++ b/docker-compose/redis/redis.conf
@@ -0,0 +1,428 @@
+# Redis配置文件样例
+
+# Note on units: when memory size is needed, it is possible to specifiy
+# it in the usual form of 1k 5GB 4M and so forth:
+#
+# 1k => 1000 bytes
+# 1kb => 1024 bytes
+# 1m => 1000000 bytes
+# 1mb => 1024*1024 bytes
+# 1g => 1000000000 bytes
+# 1gb => 1024*1024*1024 bytes
+#
+# units are case insensitive so 1GB 1Gb 1gB are all the same.
+
+# Redis默认不是以守护进程的方式运行，可以通过该配置项修改，使用yes启用守护进程
+# 启用守护进程后，Redis会把pid写到一个pidfile中，在/var/run/redis.pid
+daemonize no
+
+# 当Redis以守护进程方式运行时，Redis默认会把pid写入/var/run/redis.pid文件，可以通过pidfile指定
+pidfile /var/run/redis.pid
+
+# 指定Redis监听端口，默认端口为6379
+# 如果指定0端口，表示Redis不监听TCP连接
+port 6379
+
+# 绑定的主机地址
+# 你可以绑定单一接口，如果没有绑定，所有接口都会监听到来的连接
+# bind 127.0.0.1
+protected-mode no
+
+# Specify the path for the unix socket that will be used to listen for
+# incoming connections. There is no default, so Redis will not listen
+# on a unix socket when not specified.
+#
+# unixsocket /tmp/redis.sock
+# unixsocketperm 755
+
+# 当客户端闲置多长时间后关闭连接，如果指定为0，表示关闭该功能
+timeout 0
+
+# 指定日志记录级别，Redis总共支持四个级别：debug、verbose、notice、warning，默认为verbose
+# debug (很多信息, 对开发／测试比较有用)
+# verbose (many rarely useful info, but not a mess like the debug level)
+# notice (moderately verbose, what you want in production probably)
+# warning (only very important / critical messages are logged)
+loglevel verbose
+
+# 日志记录方式，默认为标准输出，如果配置为redis为守护进程方式运行，而这里又配置为标准输出，则日志将会发送给/dev/null
+# logfile /logs/redis.log
+
+# To enable logging to the system logger, just set 'syslog-enabled' to yes,
+# and optionally update the other syslog parameters to suit your needs.
+# syslog-enabled no
+
+# Specify the syslog identity.
+# syslog-ident redis
+
+# Specify the syslog facility.  Must be USER or between LOCAL0-LOCAL7.
+# syslog-facility local0
+
+# 设置数据库的数量，默认数据库为0，可以使用select <dbid>命令在连接上指定数据库id
+# dbid是从0到‘databases’-1的数目
+databases 16
+
+################################ SNAPSHOTTING  #################################
+# 指定在多长时间内，有多少次更新操作，就将数据同步到数据文件，可以多个条件配合
+# Save the DB on disk:
+#
+#   save <seconds> <changes>
+#
+#   Will save the DB if both the given number of seconds and the given
+#   number of write operations against the DB occurred.
+#
+#   满足以下条件将会同步数据:
+#   900秒（15分钟）内有1个更改
+#   300秒（5分钟）内有10个更改
+#   60秒内有10000个更改
+#   Note: 可以把所有“save”行注释掉，这样就取消同步操作了
+
+save 900 1
+save 300 10
+save 60 10000
+
+# 指定存储至本地数据库时是否压缩数据，默认为yes，Redis采用LZF压缩，如果为了节省CPU时间，可以关闭该选项，但会导致数据库文件变的巨大
+rdbcompression yes
+
+# 指定本地数据库文件名，默认值为dump.rdb
+dbfilename dump.rdb
+
+# 工作目录.
+# 指定本地数据库存放目录，文件名由上一个dbfilename配置项指定
+#
+# Also the Append Only File will be created inside this directory.
+#
+# 注意，这里只能指定一个目录，不能指定文件名
+dir ./
+
+################################# REPLICATION #################################
+
+# 主从复制。使用slaveof从 Redis服务器复制一个Redis实例。注意，该配置仅限于当前slave有效
+# so for example it is possible to configure the slave to save the DB with a
+# different interval, or to listen to another port, and so on.
+# 设置当本机为slav服务时，设置master服务的ip地址及端口，在Redis启动时，它会自动从master进行数据同步
+# slaveof <masterip> <masterport>
+
+
+# 当master服务设置了密码保护时，slav服务连接master的密码
+# 下文的“requirepass”配置项可以指定密码
+# masterauth <master-password>
+
+# When a slave lost the connection with the master, or when the replication
+# is still in progress, the slave can act in two different ways:
+#
+# 1) if slave-serve-stale-data is set to 'yes' (the default) the slave will
+#    still reply to client requests, possibly with out of data data, or the
+#    data set may just be empty if this is the first synchronization.
+#
+# 2) if slave-serve-stale data is set to 'no' the slave will reply with
+#    an error "SYNC with master in progress" to all the kind of commands
+#    but to INFO and SLAVEOF.
+#
+slave-serve-stale-data yes
+
+# Slaves send PINGs to server in a predefined interval. It's possible to change
+# this interval with the repl_ping_slave_period option. The default value is 10
+# seconds.
+#
+# repl-ping-slave-period 10
+
+# The following option sets a timeout for both Bulk transfer I/O timeout and
+# master data or ping response timeout. The default value is 60 seconds.
+#
+# It is important to make sure that this value is greater than the value
+# specified for repl-ping-slave-period otherwise a timeout will be detected
+# every time there is low traffic between the master and the slave.
+#
+# repl-timeout 60
+
+################################## SECURITY ###################################
+
+# Warning: since Redis is pretty fast an outside user can try up to
+# 150k passwords per second against a good box. This means that you should
+# use a very strong password otherwise it will be very easy to break.
+# 设置Redis连接密码，如果配置了连接密码，客户端在连接Redis时需要通过auth <password>命令提供密码，默认关闭
+requirepass 123456
+# Command renaming.
+#
+# It is possilbe to change the name of dangerous commands in a shared
+# environment. For instance the CONFIG command may be renamed into something
+# of hard to guess so that it will be still available for internal-use
+# tools but not available for general clients.
+#
+# Example:
+#
+# rename-command CONFIG b840fc02d524045429941cc15f59e41cb7be6c52
+#
+# It is also possilbe to completely kill a command renaming it into
+# an empty string:
+#
+# rename-command CONFIG ""
+
+################################### LIMITS ####################################
+
+# 设置同一时间最大客户端连接数，默认无限制，Redis可以同时打开的客户端连接数为Redis进程可以打开的最大文件描述符数，
+# 如果设置maxclients 0，表示不作限制。当客户端连接数到达限制时，Redis会关闭新的连接并向客户端返回max Number of clients reached错误信息
+# maxclients 128
+
+# Don't use more memory than the specified amount of bytes.
+# When the memory limit is reached Redis will try to remove keys with an
+# EXPIRE set. It will try to start freeing keys that are going to expire
+# in little time and preserve keys with a longer time to live.
+# Redis will also try to remove objects from free lists if possible.
+#
+# If all this fails, Redis will start to reply with errors to commands
+# that will use more memory, like SET, LPUSH, and so on, and will continue
+# to reply to most read-only commands like GET.
+#
+# WARNING: maxmemory can be a good idea mainly if you want to use Redis as a
+# 'state' server or cache, not as a real DB. When Redis is used as a real
+# database the memory usage will grow over the weeks, it will be obvious if
+# it is going to use too much memory in the long run, and you'll have the time
+# to upgrade. With maxmemory after the limit is reached you'll start to get
+# errors for write operations, and this may even lead to DB inconsistency.
+# 指定Redis最大内存限制，Redis在启动时会把数据加载到内存中，达到最大内存后，Redis会先尝试清除已到期或即将到期的Key，
+# 当此方法处理后，仍然到达最大内存设置，将无法再进行写入操作，但仍然可以进行读取操作。
+# Redis新的vm机制，会把Key存放内存，Value会存放在swap区
+# maxmemory <bytes>
+
+# MAXMEMORY POLICY: how Redis will select what to remove when maxmemory
+# is reached? You can select among five behavior:
+#
+# volatile-lru -> remove the key with an expire set using an LRU algorithm
+# allkeys-lru -> remove any key accordingly to the LRU algorithm
+# volatile-random -> remove a random key with an expire set
+# allkeys->random -> remove a random key, any key
+# volatile-ttl -> remove the key with the nearest expire time (minor TTL)
+# noeviction -> don't expire at all, just return an error on write operations
+#
+# Note: with all the kind of policies, Redis will return an error on write
+#       operations, when there are not suitable keys for eviction.
+#
+#       At the date of writing this commands are: set setnx setex append
+#       incr decr rpush lpush rpushx lpushx linsert lset rpoplpush sadd
+#       sinter sinterstore sunion sunionstore sdiff sdiffstore zadd zincrby
+#       zunionstore zinterstore hset hsetnx hmset hincrby incrby decrby
+#       getset mset msetnx exec sort
+#
+# The default is:
+#
+# maxmemory-policy volatile-lru
+
+# LRU and minimal TTL algorithms are not precise algorithms but approximated
+# algorithms (in order to save memory), so you can select as well the sample
+# size to check. For instance for default Redis will check three keys and
+# pick the one that was used less recently, you can change the sample size
+# using the following configuration directive.
+#
+# maxmemory-samples 3
+
+############################## APPEND ONLY MODE ###############################
+
+#
+# Note that you can have both the async dumps and the append only file if you
+# like (you have to comment the "save" statements above to disable the dumps).
+# Still if append only mode is enabled Redis will load the data from the
+# log file at startup ignoring the dump.rdb file.
+# 指定是否在每次更新操作后进行日志记录，Redis在默认情况下是异步的把数据写入磁盘，如果不开启，可能会在断电时导致一段时间内的数据丢失。
+# 因为redis本身同步数据文件是按上面save条件来同步的，所以有的数据会在一段时间内只存在于内存中。默认为no
+# IMPORTANT: Check the BGREWRITEAOF to check how to rewrite the append
+# log file in background when it gets too big.
+
+appendonly yes
+
+# 指定更新日志文件名，默认为appendonly.aof
+# appendfilename appendonly.aof
+
+# The fsync() call tells the Operating System to actually write data on disk
+# instead to wait for more data in the output buffer. Some OS will really flush
+# data on disk, some other OS will just try to do it ASAP.
+
+# 指定更新日志条件，共有3个可选值：
+# no:表示等操作系统进行数据缓存同步到磁盘（快）
+# always:表示每次更新操作后手动调用fsync()将数据写到磁盘（慢，安全）
+# everysec:表示每秒同步一次（折衷，默认值）
+
+appendfsync everysec
+# appendfsync no
+
+# When the AOF fsync policy is set to always or everysec, and a background
+# saving process (a background save or AOF log background rewriting) is
+# performing a lot of I/O against the disk, in some Linux configurations
+# Redis may block too long on the fsync() call. Note that there is no fix for
+# this currently, as even performing fsync in a different thread will block
+# our synchronous write(2) call.
+#
+# In order to mitigate this problem it's possible to use the following option
+# that will prevent fsync() from being called in the main process while a
+# BGSAVE or BGREWRITEAOF is in progress.
+#
+# This means that while another child is saving the durability of Redis is
+# the same as "appendfsync none", that in pratical terms means that it is
+# possible to lost up to 30 seconds of log in the worst scenario (with the
+# default Linux settings).
+#
+# If you have latency problems turn this to "yes". Otherwise leave it as
+# "no" that is the safest pick from the point of view of durability.
+no-appendfsync-on-rewrite no
+
+# Automatic rewrite of the append only file.
+# Redis is able to automatically rewrite the log file implicitly calling
+# BGREWRITEAOF when the AOF log size will growth by the specified percentage.
+#
+# This is how it works: Redis remembers the size of the AOF file after the
+# latest rewrite (or if no rewrite happened since the restart, the size of
+# the AOF at startup is used).
+#
+# This base size is compared to the current size. If the current size is
+# bigger than the specified percentage, the rewrite is triggered. Also
+# you need to specify a minimal size for the AOF file to be rewritten, this
+# is useful to avoid rewriting the AOF file even if the percentage increase
+# is reached but it is still pretty small.
+#
+# Specify a precentage of zero in order to disable the automatic AOF
+# rewrite feature.
+
+auto-aof-rewrite-percentage 100
+auto-aof-rewrite-min-size 64mb
+
+################################## SLOW LOG ###################################
+
+# The Redis Slow Log is a system to log queries that exceeded a specified
+# execution time. The execution time does not include the I/O operations
+# like talking with the client, sending the reply and so forth,
+# but just the time needed to actually execute the command (this is the only
+# stage of command execution where the thread is blocked and can not serve
+# other requests in the meantime).
+#
+# You can configure the slow log with two parameters: one tells Redis
+# what is the execution time, in microseconds, to exceed in order for the
+# command to get logged, and the other parameter is the length of the
+# slow log. When a new command is logged the oldest one is removed from the
+# queue of logged commands.
+
+# The following time is expressed in microseconds, so 1000000 is equivalent
+# to one second. Note that a negative number disables the slow log, while
+# a value of zero forces the logging of every command.
+slowlog-log-slower-than 10000
+
+# There is no limit to this length. Just be aware that it will consume memory.
+# You can reclaim memory used by the slow log with SLOWLOG RESET.
+slowlog-max-len 1024
+
+################################ VIRTUAL MEMORY ###############################
+
+### WARNING! Virtual Memory is deprecated in Redis 2.4
+### The use of Virtual Memory is strongly discouraged.
+
+### WARNING! Virtual Memory is deprecated in Redis 2.4
+### The use of Virtual Memory is strongly discouraged.
+
+# Virtual Memory allows Redis to work with datasets bigger than the actual
+# amount of RAM needed to hold the whole dataset in memory.
+# In order to do so very used keys are taken in memory while the other keys
+# are swapped into a swap file, similarly to what operating systems do
+# with memory pages.
+# 指定是否启用虚拟内存机制，默认值为no，
+# VM机制将数据分页存放，由Redis将访问量较少的页即冷数据swap到磁盘上，访问多的页面由磁盘自动换出到内存中
+# 把vm-enabled设置为yes，根据需要设置好接下来的三个VM参数，就可以启动VM了
+# vm-enabled no
+# vm-enabled yes
+
+# This is the path of the Redis swap file. As you can guess, swap files
+# can't be shared by different Redis instances, so make sure to use a swap
+# file for every redis process you are running. Redis will complain if the
+# swap file is already in use.
+#
+# Redis交换文件最好的存储是SSD（固态硬盘）
+# 虚拟内存文件路径，默认值为/tmp/redis.swap，不可多个Redis实例共享
+# *** WARNING *** if you are using a shared hosting the default of putting
+# the swap file under /tmp is not secure. Create a dir with access granted
+# only to Redis user and configure Redis to create the swap file there.
+# vm-swap-file /tmp/redis.swap
+
+# With vm-max-memory 0 the system will swap everything it can. Not a good
+# default, just specify the max amount of RAM you can in bytes, but it's
+# better to leave some margin. For instance specify an amount of RAM
+# that's more or less between 60 and 80% of your free RAM.
+# 将所有大于vm-max-memory的数据存入虚拟内存，无论vm-max-memory设置多少，所有索引数据都是内存存储的（Redis的索引数据就是keys）
+# 也就是说当vm-max-memory设置为0的时候，其实是所有value都存在于磁盘。默认值为0
+# vm-max-memory 0
+
+# Redis swap文件分成了很多的page，一个对象可以保存在多个page上面，但一个page上不能被多个对象共享，vm-page-size是要根据存储的数据大小来设定的。
+# 建议如果存储很多小对象，page大小最后设置为32或64bytes；如果存储很大的对象，则可以使用更大的page，如果不确定，就使用默认值
+# vm-page-size 32
+
+# 设置swap文件中的page数量由于页表（一种表示页面空闲或使用的bitmap）是存放在内存中的，在磁盘上每8个pages将消耗1byte的内存
+# swap空间总容量为 vm-page-size * vm-pages
+#
+# With the default of 32-bytes memory pages and 134217728 pages Redis will
+# use a 4 GB swap file, that will use 16 MB of RAM for the page table.
+#
+# It's better to use the smallest acceptable value for your application,
+# but the default is large in order to work in most conditions.
+# vm-pages 134217728
+
+# Max number of VM I/O threads running at the same time.
+# This threads are used to read/write data from/to swap file, since they
+# also encode and decode objects from disk to memory or the reverse, a bigger
+# number of threads can help with big objects even if they can't help with
+# I/O itself as the physical device may not be able to couple with many
+# reads/writes operations at the same time.
+# 设置访问swap文件的I/O线程数，最后不要超过机器的核数，如果设置为0，那么所有对swap文件的操作都是串行的，可能会造成比较长时间的延迟，默认值为4
+# vm-max-threads 4
+
+############################### ADVANCED CONFIG ###############################
+
+# Hashes are encoded in a special way (much more memory efficient) when they
+# have at max a given numer of elements, and the biggest element does not
+# exceed a given threshold. You can configure this limits with the following
+# configuration directives.
+# 指定在超过一定的数量或者最大的元素超过某一临界值时，采用一种特殊的哈希算法
+# hash-max-zipmap-entries 512
+# hash-max-zipmap-value 64
+
+# Similarly to hashes, small lists are also encoded in a special way in order
+# to save a lot of space. The special representation is only used when
+# you are under the following limits:
+list-max-ziplist-entries 512
+list-max-ziplist-value 64
+
+# Sets have a special encoding in just one case: when a set is composed
+# of just strings that happens to be integers in radix 10 in the range
+# of 64 bit signed integers.
+# The following configuration setting sets the limit in the size of the
+# set in order to use this special memory saving encoding.
+set-max-intset-entries 512
+
+# Similarly to hashes and lists, sorted sets are also specially encoded in
+# order to save a lot of space. This encoding is only used when the length and
+# elements of a sorted set are below the following limits:
+zset-max-ziplist-entries 128
+zset-max-ziplist-value 64
+
+# Active rehashing uses 1 millisecond every 100 milliseconds of CPU time in
+# order to help rehashing the main Redis hash table (the one mapping top-level
+# keys to values). The hash table implementation redis uses (see dict.c)
+# performs a lazy rehashing: the more operation you run into an hash table
+# that is rhashing, the more rehashing "steps" are performed, so if the
+# server is idle the rehashing is never complete and some more memory is used
+# by the hash table.
+#
+# The default is to use this millisecond 10 times every second in order to
+# active rehashing the main dictionaries, freeing memory when possible.
+#
+# If unsure:
+# use "activerehashing no" if you have hard latency requirements and it is
+# not a good thing in your environment that Redis can reply form time to time
+# to queries with 2 milliseconds delay.
+# 指定是否激活重置哈希，默认为开启
+activerehashing yes
+
+################################## INCLUDES ###################################
+
+# 指定包含其他的配置文件，可以在同一主机上多个Redis实例之间使用同一份配置文件，而同时各实例又拥有自己的特定配置文件
+# include /path/to/local.conf
+# include /path/to/other.conf
+
+
diff --git a/docker-compose/test.niucloud.com.conf b/docker-compose/test.niucloud.com.conf
new file mode 100644
index 0000000..6f4adb4
--- /dev/null
+++ b/docker-compose/test.niucloud.com.conf
@@ -0,0 +1,37 @@
+server {
+    listen 80;
+    server_name test.niucloud.cn;
+    location / {
+        #proxy_redirect off;
+        proxy_pass http://127.0.0.1:8011/; # 转发
+        proxy_set_header Host $host;
+        proxy_set_header X-Real_IP $remote_addr;
+        proxy_set_header X-Forwarded-For $remote_addr:$remote_port;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+    }
+}
+
+
+#    listen 443 ssl;   #SSL协议访问端口号为443。此处如未添加ssl，可能会造成Nginx无法启动。
+#    server_name test.niucloud.com;  #将test.niucloud.com修改为您证书绑定的域名，例如：www.niucloud.com。
+#    index   index.php index.html index.htm;
+#    ssl_certificate test.niucloud.com.pem;   #将domain name.pem替换成您证书的全路径。
+#    ssl_certificate_key test.niucloud.com.key;   #将domain name.key替换成您证书的密钥文件全路径。
+#    ssl_session_timeout 5m;
+#    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;  #使用此加密套件。
+#    ssl_protocols TLSv1.2;   #使用该协议进行配置。
+#    ssl_prefer_server_ciphers on;
+#    access_log /path/test.niucloud.com.443.access.log; # 将domain替换成您配置的域名，将path替换成您的实际路径
+#    location / {
+#        proxy_redirect off;
+#        proxy_pass http://127.0.0.1:8011/; # 转发
+#        proxy_set_header Host $host;
+#        proxy_set_header X-Real_IP $remote_addr;
+#        proxy_set_header X-Forwarded-For $remote_addr:$remote_port;
+#        proxy_http_version 1.1;
+#        proxy_set_header Upgrade $http_upgrade;
+#        proxy_set_header Connection 'upgrade';
+#    }
+#}