commit 4f5f5c9d1bcfdd509550a40f39bba74c2d68ec96
Author: Jiacheng Xu <XJC-xjc@hotmail.com>
Date:   Tue Nov 18 08:32:24 2025 +0800

    初始化项目

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..5a5809d
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+end_of_line = lf
+max_line_length = 100
diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..6313b56
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+* text=auto eol=lf
diff --git a/.github/copilot-instructions.md b/.github/copilot-instructions.md
new file mode 100644
index 0000000..f058343
--- /dev/null
+++ b/.github/copilot-instructions.md
@@ -0,0 +1,49 @@
+<!-- .github/copilot-instructions.md -->
+# 快速上手（供 AI 助手）
+
+此项目是一个基于 Vue 3 + Vite 的 Web 前端（Element Plus UI）。下面的说明帮助 AI 编码/补全助手快速理解项目结构、运行方式、常见约定和注意点，以便生成正确、可运行的改动。
+
+- 运行 / 构建
+  - 安装依赖: `npm install`
+  - 开发: `npm run dev`（本地 dev server 默认端口在 `vite.config.js` 中配置为 63615）
+  - 生产构建: `npm run build`
+  - 预览产物: `npm run preview`
+  - 修复 lint: `npm run lint`
+
+- 核心技术栈（来自 `package.json`）
+  - Vue 3, Vite, Vue Router 4, Vuex 4
+  - Element Plus (UI)、axios（HTTP）、vue-i18n
+
+- 关键文件/位置（示例引用）
+  - `src/main.js`：应用入口。全局注入 `$http`（axios 实例）和 `config`（来自 `public/config.js`），并挂载 ElementPlus 与 i18n。
+  - `src/router/index.js`：路由定义与路由守卫。认证依赖 `localStorage.token`；有 Admin 特权判断（username 为 Admin 或 MoMoWen）。添加页面通常在 `src/pages/*` 中创建并在此处引入。
+  - `src/axios.js`：导出默认 axios 实例与 `createAxiosInstance(urlnum)` 工厂函数。注意：
+    - baseURL 来源：`public/config.js` 的 `ApiList`（index 默认 0）或 `import.meta.env.VITE_API_BASE_URL`。
+    - 请求拦截器会为非 Login/Login 请求附带 `Authorization: Bearer <token>`（从 localStorage 读取）。
+    - 响应拦截器实现了简单的 401 处理与 `refreshToken()` 的自动尝试（依赖 rememberedUsername/rememberedPassword 存储）。
+  - `public/config.js`：运行时 API 列表与资源地址（更新测试或新服务地址请在这里调整或通过 env 覆盖）。
+
+- 项目约定与注意事项（基于代码可观测行为）
+  - 认证：token 存在于 `localStorage.token`。路由守卫依赖该字段。如果生成与登录/认证相关的修改，请保持兼容性。
+  - 自动刷新 Token：`src/axios.js` 会尝试在响应后刷新 token（会读取 `rememberedUsername` 与 `rememberedPassword`）。不要移除这些本地键，除非同步修改登录逻辑。
+  - Axios 用法：默认 export 是已配置实例（供现有代码使用 `this.$http` 或 `app.config.globalProperties.$http`）。若需要对不同 API host 调用，请使用 `createAxiosInstance(n)`。
+  - 路由/页面：新页面放到 `src/pages/<name>/index.vue` 并在 `src/router/index.js` 中按现有模式引入与注册。
+  - 全局注入：`main.js` 使用 `app.provide('config', config)`，生成的自动补全可参考 `config.ApiList`、`config.Api` 等字段。
+
+- 编辑/调试建议（对生成代码很重要）
+  - 本地运行 dev 后打开 `http://localhost:63615`（或 Vite 提示的端口）。
+  - 推荐编辑器/插件：VSCode + Volar（项目 README 推荐）。
+
+- 示例片段（如何安全地添加 API 调用）
+  - 使用默认实例（与现有代码兼容）:
+    - 在组件中直接使用 `this.$http.get('Some/Endpoint')`（或 `import axios from '@/axios'` 然后 `axios.get(...)`）。
+  - 使用备用 base URL:
+    - `import { createAxiosInstance } from '@/axios'
+      const api2 = createAxiosInstance(1)
+      api2.get('Some/Endpoint')`
+
+- 变更约束（AI 应遵守以避免破坏现有行为）
+  - 不要删除或重命名 `localStorage` 中的 key（如: `token`, `username`, `rememberedUsername`, `rememberedPassword`, `lastAutoLoginTime`），除非同时更新登录与刷新流程。
+  - 保持 `Login/Login` 在 axios 拦截器中作为例外路径（或同时更新拦截器逻辑）。
+
+若你需要我把某部分扩展为示例代码补丁（比如为某个新页面、API 或路由添加实现），告诉我目标文件与预期行为，我会生成并应用补丁；之后请告知额外运行/测试步骤或后端约束。 
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..4318433
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,33 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
+/.vs
+/.vscode
+/*.user
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..d99e2f1
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,12 @@
+This file explains how Visual Studio created the project.
+
+The following tools were used to generate this project:
+- create-vite
+
+The following steps were used to generate this project:
+- Create vue project with create-vite: `npm init --yes vue@latest panel_selection -- --eslint `.
+- Updating `vite.config.js` with port.
+- Create project file (`panel_selection.esproj`).
+- Create `launch.json` to enable debugging.
+- Add project to solution.
+- Write this file.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..8a527f7
--- /dev/null
+++ b/README.md
@@ -0,0 +1,35 @@
+# panel_selection
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Compile and Minify for Production
+
+```sh
+npm run build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..f3bd942
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,24 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
+import globals from 'globals'
+import js from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+
+export default defineConfig([
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{js,mjs,jsx,vue}'],
+  },
+
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
+
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+      },
+    },
+  },
+
+  js.configs.recommended,
+  ...pluginVue.configs['flat/essential'],
+])
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..356a318
--- /dev/null
+++ b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW"><!-- 禁止搜索引擎索引 -->
+    <title>宝来威-天工平台</title>
+</head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..5a1f2d2
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/obj/Debug/package.g.props b/obj/Debug/package.g.props
new file mode 100644
index 0000000..321743b
--- /dev/null
+++ b/obj/Debug/package.g.props
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project>
+  <PropertyGroup>
+    <PackageJsonName Condition="$(PackageJsonName) == ''">panel_selection</PackageJsonName>
+    <PackageJsonVersion Condition="$(PackageJsonVersion) == ''">0.0.0</PackageJsonVersion>
+    <PackageJsonPrivate Condition="$(PackageJsonPrivate) == ''">true</PackageJsonPrivate>
+    <PackageJsonType Condition="$(PackageJsonType) == ''">module</PackageJsonType>
+    <PackageJsonScriptsDev Condition="$(PackageJsonScriptsDev) == ''">vite</PackageJsonScriptsDev>
+    <PackageJsonScriptsBuild Condition="$(PackageJsonScriptsBuild) == ''">vite build</PackageJsonScriptsBuild>
+    <PackageJsonScriptsPreview Condition="$(PackageJsonScriptsPreview) == ''">vite preview</PackageJsonScriptsPreview>
+    <PackageJsonScriptsLint Condition="$(PackageJsonScriptsLint) == ''">eslint . --fix</PackageJsonScriptsLint>
+    <PackageJsonDependenciesElementPlusIconsVue Condition="$(PackageJsonDependenciesElementPlusIconsVue) == ''">^2.3.1</PackageJsonDependenciesElementPlusIconsVue>
+    <PackageJsonDependenciesVueuseCore Condition="$(PackageJsonDependenciesVueuseCore) == ''">^13.1.0</PackageJsonDependenciesVueuseCore>
+    <PackageJsonDependenciesAxios Condition="$(PackageJsonDependenciesAxios) == ''">^1.8.3</PackageJsonDependenciesAxios>
+    <PackageJsonDependenciesDayjs Condition="$(PackageJsonDependenciesDayjs) == ''">^1.11.13</PackageJsonDependenciesDayjs>
+    <PackageJsonDependenciesElementChinaAreaData Condition="$(PackageJsonDependenciesElementChinaAreaData) == ''">^6.1.0</PackageJsonDependenciesElementChinaAreaData>
+    <PackageJsonDependenciesElementPlus Condition="$(PackageJsonDependenciesElementPlus) == ''">^2.9.6</PackageJsonDependenciesElementPlus>
+    <PackageJsonDependenciesFabric Condition="$(PackageJsonDependenciesFabric) == ''">^6.7.1</PackageJsonDependenciesFabric>
+    <PackageJsonDependenciesJquery Condition="$(PackageJsonDependenciesJquery) == ''">^3.7.1</PackageJsonDependenciesJquery>
+    <PackageJsonDependenciesMakerjs Condition="$(PackageJsonDependenciesMakerjs) == ''">^0.18.1</PackageJsonDependenciesMakerjs>
+    <PackageJsonDependenciesQs Condition="$(PackageJsonDependenciesQs) == ''">^6.14.0</PackageJsonDependenciesQs>
+    <PackageJsonDependenciesSsh2SftpClient Condition="$(PackageJsonDependenciesSsh2SftpClient) == ''">^12.0.0</PackageJsonDependenciesSsh2SftpClient>
+    <PackageJsonDependenciesVue Condition="$(PackageJsonDependenciesVue) == ''">^3.5.13</PackageJsonDependenciesVue>
+    <PackageJsonDependenciesVueI18n Condition="$(PackageJsonDependenciesVueI18n) == ''">^11.1.3</PackageJsonDependenciesVueI18n>
+    <PackageJsonDependenciesVueRouter Condition="$(PackageJsonDependenciesVueRouter) == ''">^4.5.0</PackageJsonDependenciesVueRouter>
+    <PackageJsonDependenciesVueSimpleVerify Condition="$(PackageJsonDependenciesVueSimpleVerify) == ''">^1.1.0</PackageJsonDependenciesVueSimpleVerify>
+    <PackageJsonDependenciesVuex Condition="$(PackageJsonDependenciesVuex) == ''">^4.1.0</PackageJsonDependenciesVuex>
+    <PackageJsonDependenciesXlsx Condition="$(PackageJsonDependenciesXlsx) == ''">^0.18.5</PackageJsonDependenciesXlsx>
+    <PackageJsonDevdependenciesEslintJs Condition="$(PackageJsonDevdependenciesEslintJs) == ''">^9.21.0</PackageJsonDevdependenciesEslintJs>
+    <PackageJsonDevdependenciesVitejsPluginVue Condition="$(PackageJsonDevdependenciesVitejsPluginVue) == ''">^5.2.1</PackageJsonDevdependenciesVitejsPluginVue>
+    <PackageJsonDevdependenciesEslint Condition="$(PackageJsonDevdependenciesEslint) == ''">^9.21.0</PackageJsonDevdependenciesEslint>
+    <PackageJsonDevdependenciesEslintPluginVue Condition="$(PackageJsonDevdependenciesEslintPluginVue) == ''">~10.0.0</PackageJsonDevdependenciesEslintPluginVue>
+    <PackageJsonDevdependenciesGlobals Condition="$(PackageJsonDevdependenciesGlobals) == ''">^16.0.0</PackageJsonDevdependenciesGlobals>
+    <PackageJsonDevdependenciesUnpluginAutoImport Condition="$(PackageJsonDevdependenciesUnpluginAutoImport) == ''">^19.1.1</PackageJsonDevdependenciesUnpluginAutoImport>
+    <PackageJsonDevdependenciesUnpluginVueComponents Condition="$(PackageJsonDevdependenciesUnpluginVueComponents) == ''">^28.4.1</PackageJsonDevdependenciesUnpluginVueComponents>
+    <PackageJsonDevdependenciesVite Condition="$(PackageJsonDevdependenciesVite) == ''">^6.2.1</PackageJsonDevdependenciesVite>
+    <PackageJsonDevdependenciesVitePluginVueDevtools Condition="$(PackageJsonDevdependenciesVitePluginVueDevtools) == ''">^7.7.2</PackageJsonDevdependenciesVitePluginVueDevtools>
+  </PropertyGroup>
+</Project>
\ No newline at end of file
diff --git a/obj/Debug/panel_selection.esproj.CoreCompileInputs.cache b/obj/Debug/panel_selection.esproj.CoreCompileInputs.cache
new file mode 100644
index 0000000..e69de29
diff --git a/obj/Debug/panel_selection.esproj.FileListAbsolute.txt b/obj/Debug/panel_selection.esproj.FileListAbsolute.txt
new file mode 100644
index 0000000..9d881bd
--- /dev/null
+++ b/obj/Debug/panel_selection.esproj.FileListAbsolute.txt
@@ -0,0 +1 @@
+E:\Project\PanelSelection\obj\Debug\panel_selection.esproj.CoreCompileInputs.cache
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..449531b
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6386 @@
+{
+  "name": "panel_selection",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "panel_selection",
+      "version": "0.0.0",
+      "dependencies": {
+        "@element-plus/icons-vue": "^2.3.1",
+        "@vueuse/core": "^13.1.0",
+        "axios": "^1.8.3",
+        "dayjs": "^1.11.13",
+        "element-china-area-data": "^6.1.0",
+        "element-plus": "^2.9.6",
+        "fabric": "^6.7.1",
+        "jquery": "^3.7.1",
+        "makerjs": "^0.18.1",
+        "qs": "^6.14.0",
+        "ssh2-sftp-client": "^12.0.0",
+        "vue": "^3.5.13",
+        "vue-i18n": "^11.1.3",
+        "vue-router": "^4.5.0",
+        "vue-simple-verify": "^1.1.0",
+        "vuex": "^4.1.0",
+        "xlsx": "^0.18.5"
+      },
+      "devDependencies": {
+        "@eslint/js": "^9.21.0",
+        "@vitejs/plugin-vue": "^5.2.1",
+        "eslint": "^9.21.0",
+        "eslint-plugin-vue": "~10.0.0",
+        "globals": "^16.0.0",
+        "unplugin-auto-import": "^19.1.1",
+        "unplugin-vue-components": "^28.4.1",
+        "vite": "^6.2.1",
+        "vite-plugin-vue-devtools": "^7.7.2"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@antfu/utils": {
+      "version": "0.7.10",
+      "resolved": "https://registry.npmmirror.com/@antfu/utils/-/utils-0.7.10.tgz",
+      "integrity": "sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/code-frame/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/@babel/compat-data": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/compat-data/-/compat-data-7.28.0.tgz",
+      "integrity": "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/core/-/core-7.28.0.tgz",
+      "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
+      "dev": true,
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.27.3",
+        "@babel/helpers": "^7.27.6",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "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"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "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.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/generator/-/generator-7.28.0.tgz",
+      "integrity": "sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.28.0",
+        "@babel/types": "^7.28.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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-create-class-features-plugin": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.27.1.tgz",
+      "integrity": "sha512-QwGAmuvM17btKU5VqXfb+Giw4JcN0hjuufz3DYnpeVDvZLAObloM77bhMXiqry3Iio+Ai4phVRDwl6WU10+r5A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/traverse": "^7.27.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin/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-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.27.1.tgz",
+      "integrity": "sha512-E5chM8eWjTp/aNoVpcbfM7mLxu9XGLWYise2eBKGQomAk/Mb4XoxyqXTZbuTohbsl8EKqdlMhnDI2CCLfcs9wA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-module-transforms/-/helper-module-transforms-7.27.3.tgz",
+      "integrity": "sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz",
+      "integrity": "sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
+      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-optimise-call-expression": "^7.27.1",
+        "@babel/traverse": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz",
+      "integrity": "sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.27.6",
+      "resolved": "https://registry.npmmirror.com/@babel/helpers/-/helpers-7.27.6.tgz",
+      "integrity": "sha512-muE8Tt8M22638HU31A3CgfSUciwz1fhATfoVai05aPXGor//CdWDCbnlY1yvBPo07njuVOCNGCSp/GTt12lIug==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.27.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.28.0.tgz",
+      "integrity": "sha512-jVZGvOxOuNSsuQuLRTh13nU0AogFlw32w/MT+LV6D3sP5WdbW61E77RnkbaO2dUvmPAYrBDJXGn5gGS6tH4j8g==",
+      "dependencies": {
+        "@babel/types": "^7.28.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-decorators": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.28.0.tgz",
+      "integrity": "sha512-zOiZqvANjWDUaUS9xMxbMcK/Zccztbe/6ikvUXaG9nsPH3w6qh5UaPGAnirI/WhIbZ8m3OHU0ReyPrknG+ZKeg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-decorators": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-decorators": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.27.1.tgz",
+      "integrity": "sha512-YMq8Z87Lhl8EGkmb0MwYkt36QnxC+fzCgrl66ereamPlYToRpIk5nUjKUY3QKLWq8mwUB1BgbeXcTJhZOCDg5A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.27.1.tgz",
+      "integrity": "sha512-oFT0FrKHgF53f4vOsZGi2Hh3I35PfSmVs4IBFLFj4dnafP+hIWDLg3VyKmUHfLoLHlyxY4C7DGtmHuJgn+IGww==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.27.1.tgz",
+      "integrity": "sha512-xfYCBMxveHrRMnAWl1ZlPXOZjzkN82THFvLhQhFXFt81Z5HnN+EtUkZhv/zcKpmT3fzmWZB0ywiBrbC3vogbwQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.28.0.tgz",
+      "integrity": "sha512-4AEiDEBPIZvLQaWlc9liCavE0xRM0dNca41WtBeM3jgFptfUOSG9z0uteLhq6+3rq+WB6jIvUwKDTpXEHPJ2Vg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-create-class-features-plugin": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
+        "@babel/plugin-syntax-typescript": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/traverse/-/traverse-7.28.0.tgz",
+      "integrity": "sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.0",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.28.0.tgz",
+      "integrity": "sha512-jYnje+JyZG5YThjHiF28oT4SIZLnYOcSBb6+SDaFIyzDVSkXQmQQYclJ2R+YxcdmK0AX6x1E5OQNtuh3jHDrUg==",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "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/@danmarshall/jscad-typings": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/@danmarshall/jscad-typings/-/jscad-typings-1.0.0.tgz",
+      "integrity": "sha512-MGGIGDItK2UQSsz7yTrXErQXDAFXR3UPxyQ7WZ5RHOwnv60CBXjmkJlXYMYPkSvo+7fUuQL2/ODcvECtc/fi9g==",
+      "license": "MIT"
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz",
+      "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.6.tgz",
+      "integrity": "sha512-ShbM/3XxwuxjFiuVBHA+d3j5dyac0aEVVq1oluIDf71hUw0aRF59dV/efUsIwFnR6m8JNM2FjZOzmaZ8yG61kw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.25.6.tgz",
+      "integrity": "sha512-S8ToEOVfg++AU/bHwdksHNnyLyVM+eMVAOf6yRKFitnwnbwwPNqKr3srzFRe7nzV69RQKb5DgchIX5pt3L53xg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.25.6.tgz",
+      "integrity": "sha512-hd5zdUarsK6strW+3Wxi5qWws+rJhCCbMiC9QZyzoxfk5uHRIE8T287giQxzVpEvCwuJ9Qjg6bEjcRJcgfLqoA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.25.6.tgz",
+      "integrity": "sha512-0Z7KpHSr3VBIO9A/1wcT3NTy7EB4oNC4upJ5ye3R7taCc2GUdeynSLArnon5G8scPwaU866d3H4BCrE5xLW25A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.6.tgz",
+      "integrity": "sha512-FFCssz3XBavjxcFxKsGy2DYK5VSvJqa6y5HXljKzhRZ87LvEi13brPrf/wdyl/BbpbMKJNOr1Sd0jtW4Ge1pAA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.25.6.tgz",
+      "integrity": "sha512-GfXs5kry/TkGM2vKqK2oyiLFygJRqKVhawu3+DOCk7OxLy/6jYkWXhlHwOoTb0WqGnWGAS7sooxbZowy+pK9Yg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.6.tgz",
+      "integrity": "sha512-aoLF2c3OvDn2XDTRvn8hN6DRzVVpDlj2B/F66clWd/FHLiHaG3aVZjxQX2DYphA5y/evbdGvC6Us13tvyt4pWg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.6.tgz",
+      "integrity": "sha512-2SkqTjTSo2dYi/jzFbU9Plt1vk0+nNg8YC8rOXXea+iA3hfNJWebKYPs3xnOUf9+ZWhKAaxnQNUf2X9LOpeiMQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.25.6.tgz",
+      "integrity": "sha512-SZHQlzvqv4Du5PrKE2faN0qlbsaW/3QQfUUc6yO2EjFcA83xnwm91UbEEVx4ApZ9Z5oG8Bxz4qPE+HFwtVcfyw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.25.6.tgz",
+      "integrity": "sha512-b967hU0gqKd9Drsh/UuAm21Khpoh6mPBSgz8mKRq4P5mVK8bpA+hQzmm/ZwGVULSNBzKdZPQBRT3+WuVavcWsQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.25.6.tgz",
+      "integrity": "sha512-aHWdQ2AAltRkLPOsKdi3xv0mZ8fUGPdlKEjIEhxCPm5yKEThcUjHpWB1idN74lfXGnZ5SULQSgtr5Qos5B0bPw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.25.6.tgz",
+      "integrity": "sha512-VgKCsHdXRSQ7E1+QXGdRPlQ/e08bN6WMQb27/TMfV+vPjjTImuT9PmLXupRlC90S1JeNNW5lzkAEO/McKeJ2yg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.6.tgz",
+      "integrity": "sha512-WViNlpivRKT9/py3kCmkHnn44GkGXVdXfdc4drNmRl15zVQ2+D2uFwdlGh6IuK5AAnGTo2qPB1Djppj+t78rzw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.6.tgz",
+      "integrity": "sha512-wyYKZ9NTdmAMb5730I38lBqVu6cKl4ZfYXIs31Baf8aoOtB4xSGi3THmDYt4BTFHk7/EcVixkOV2uZfwU3Q2Jw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.6.tgz",
+      "integrity": "sha512-KZh7bAGGcrinEj4qzilJ4hqTY3Dg2U82c8bv+e1xqNqZCrCyc+TL9AUEn5WGKDzm3CfC5RODE/qc96OcbIe33w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.25.6.tgz",
+      "integrity": "sha512-9N1LsTwAuE9oj6lHMyyAM+ucxGiVnEqUdp4v7IaMmrwb06ZTEVCIs3oPPplVsnjPfyjmxwHxHMF8b6vzUVAUGw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.25.6.tgz",
+      "integrity": "sha512-A6bJB41b4lKFWRKNrWoP2LHsjVzNiaurf7wyj/XtFNTsnPuxwEBWHLty+ZE0dWBKuSK1fvKgrKaNjBS7qbFKig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.6.tgz",
+      "integrity": "sha512-IjA+DcwoVpjEvyxZddDqBY+uJ2Snc6duLpjmkXm/v4xuS3H+3FkLZlDm9ZsAbF9rsfP3zeA0/ArNDORZgrxR/Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.6.tgz",
+      "integrity": "sha512-dUXuZr5WenIDlMHdMkvDc1FAu4xdWixTCRgP7RQLBOkkGgwuuzaGSYcOpW4jFxzpzL1ejb8yF620UxAqnBrR9g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.6.tgz",
+      "integrity": "sha512-l8ZCvXP0tbTJ3iaqdNf3pjaOSd5ex/e6/omLIQCVBLmHTlfXW3zAxQ4fnDmPLOB1x9xrcSi/xtCWFwCZRIaEwg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.6.tgz",
+      "integrity": "sha512-hKrmDa0aOFOr71KQ/19JC7az1P0GWtCN1t2ahYAf4O007DHZt/dW8ym5+CUdJhQ/qkZmI1HAF8KkJbEFtCL7gw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.6.tgz",
+      "integrity": "sha512-+SqBcAWoB1fYKmpWoQP4pGtx+pUUC//RNYhFdbcSA16617cchuryuhOCRpPsjCblKukAckWsV+aQ3UKT/RMPcA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.25.6.tgz",
+      "integrity": "sha512-dyCGxv1/Br7MiSC42qinGL8KkG4kX0pEsdb0+TKhmJZgCUDBGmyo1/ArCjNGiOLiIAgdbWgmWgib4HoCi5t7kA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.25.6.tgz",
+      "integrity": "sha512-42QOgcZeZOvXfsCBJF5Afw73t4veOId//XD3i+/9gSkhSV6Gk3VPlWncctI+JcOyERv85FUo7RxuxGy+z8A43Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.25.6.tgz",
+      "integrity": "sha512-4AWhgXmDuYN7rJI6ORB+uU9DHLq/erBbuMoAuB4VWJTu5KtCgcKYPynF0YI1VkBNuEfjNlLrFr9KZPJzrtLkrQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.25.6.tgz",
+      "integrity": "sha512-NgJPHHbEpLQgDH2MjQu90pzW/5vvXIZ7KOnPyNBm92A6WgZ/7b6fJyUBjoumLqeOQQGqY2QjQxRo97ah4Sj0cA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
+      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/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"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmmirror.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.0",
+      "resolved": "https://registry.npmmirror.com/@eslint/config-array/-/config-array-0.21.0.tgz",
+      "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.6",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/@eslint/config-helpers/-/config-helpers-0.3.0.tgz",
+      "integrity": "sha512-ViuymvFmcJi04qdZeDc2whTHryouGcDlaxPqarTD0ZE10ISpxGUVZGZDx4w01upyIynL3iu6IXH2bS1NhclQMw==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmmirror.com/@eslint/core/-/core-0.14.0.tgz",
+      "integrity": "sha512-qIbV0/JZr7iSDjqAc60IqbLdsj9GDt16xQtWD+B78d/HAlvysGdZZ6rpJHGAc2T0FQx1X6thsSPdnoiGKdNtdg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
+      "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.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": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmmirror.com/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.30.1",
+      "resolved": "https://registry.npmmirror.com/@eslint/js/-/js-9.30.1.tgz",
+      "integrity": "sha512-zXhuECFlyep42KZUhWjfvsmXGX39W8K8LFb8AWXM9gSV9dQB+MrJGLKvW6Zw0Ggnbpw0VHTtrhFXYe3Gym18jg==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmmirror.com/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+      "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmmirror.com/@eslint/plugin-kit/-/plugin-kit-0.3.3.tgz",
+      "integrity": "sha512-1+WqvgNMhmlAambTvT3KPtCl/Ibr68VldY2XY40SL1CE0ZXiakFR/cbTspaF5HsnpDMvcYYoJHfl4980NBjGag==",
+      "dev": true,
+      "dependencies": {
+        "@eslint/core": "^0.15.1",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit/node_modules/@eslint/core": {
+      "version": "0.15.1",
+      "resolved": "https://registry.npmmirror.com/@eslint/core/-/core-0.15.1.tgz",
+      "integrity": "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.7.2.tgz",
+      "integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.7.2.tgz",
+      "integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.2",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ=="
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmmirror.com/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.6",
+      "resolved": "https://registry.npmmirror.com/@humanfs/node/-/node-0.16.6.tgz",
+      "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+      "dev": true,
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmmirror.com/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+      "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "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"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmmirror.com/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@intlify/core-base": {
+      "version": "11.1.9",
+      "resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-11.1.9.tgz",
+      "integrity": "sha512-Lrdi4wp3XnGhWmB/mMD/XtfGUw1Jt+PGpZI/M63X1ZqhTDjNHRVCs/i8vv8U1cwaj1A9fb0bkCQHLSL0SK+pIQ==",
+      "dependencies": {
+        "@intlify/message-compiler": "11.1.9",
+        "@intlify/shared": "11.1.9"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "11.1.9",
+      "resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-11.1.9.tgz",
+      "integrity": "sha512-84SNs3Ikjg0rD1bOuchzb3iK1vR2/8nxrkyccIl5DjFTeMzE/Fxv6X+A7RN5ZXjEWelc1p5D4kHA6HEOhlKL5Q==",
+      "dependencies": {
+        "@intlify/shared": "11.1.9",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "11.1.9",
+      "resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-11.1.9.tgz",
+      "integrity": "sha512-H/83xgU1l8ox+qG305p6ucmoy93qyjIPnvxGWRA7YdOoHe1tIiW9IlEu4lTdsOR7cfP1ecrwyflQSqXdXBacXA==",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.12",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
+      "integrity": "sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz",
+      "integrity": "sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw=="
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.29",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz",
+      "integrity": "sha512-uw6guiW/gcAGPDhLmd77/6lW8QLeiV5RUTsAX46Db6oLhGaVj4lhnPwb184s1bkc8kdVg/+h988dro8GRDpmYQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmmirror.com/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
+      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.7",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmmirror.com/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "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==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.2.0.tgz",
+      "integrity": "sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "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/@rollup/pluginutils/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==",
+      "dev": true
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.44.2.tgz",
+      "integrity": "sha512-g0dF8P1e2QYPOj1gu7s/3LVP6kze9A7m6x0BZ9iTdXK8N5c2V7cpBKHV3/9A4Zd8xxavdhK0t4PnqjkqVmUc9Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.44.2.tgz",
+      "integrity": "sha512-Yt5MKrOosSbSaAK5Y4J+vSiID57sOvpBNBR6K7xAaQvk3MkcNVV0f9fE20T+41WYN8hDn6SGFlFrKudtx4EoxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.2.tgz",
+      "integrity": "sha512-EsnFot9ZieM35YNA26nhbLTJBHD0jTwWpPwmRVDzjylQT6gkar+zenfb8mHxWpRrbn+WytRRjE0WKsfaxBkVUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.2.tgz",
+      "integrity": "sha512-dv/t1t1RkCvJdWWxQ2lWOO+b7cMsVw5YFaS04oHpZRWehI1h0fV1gF4wgGCTyQHHjJDfbNpwOi6PXEafRBBezw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.44.2.tgz",
+      "integrity": "sha512-W4tt4BLorKND4qeHElxDoim0+BsprFTwb+vriVQnFFtT/P6v/xO5I99xvYnVzKWrK6j7Hb0yp3x7V5LUbaeOMg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.44.2.tgz",
+      "integrity": "sha512-tdT1PHopokkuBVyHjvYehnIe20fxibxFCEhQP/96MDSOcyjM/shlTkZZLOufV3qO6/FQOSiJTBebhVc12JyPTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.44.2.tgz",
+      "integrity": "sha512-+xmiDGGaSfIIOXMzkhJ++Oa0Gwvl9oXUeIiwarsdRXSe27HUIvjbSIpPxvnNsRebsNdUo7uAiQVgBD1hVriwSQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.44.2.tgz",
+      "integrity": "sha512-bDHvhzOfORk3wt8yxIra8N4k/N0MnKInCW5OGZaeDYa/hMrdPaJzo7CSkjKZqX4JFUWjUGm88lI6QJLCM7lDrA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.2.tgz",
+      "integrity": "sha512-NMsDEsDiYghTbeZWEGnNi4F0hSbGnsuOG+VnNvxkKg0IGDvFh7UVpM/14mnMwxRxUf9AdAVJgHPvKXf6FpMB7A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.2.tgz",
+      "integrity": "sha512-lb5bxXnxXglVq+7imxykIp5xMq+idehfl+wOgiiix0191av84OqbjUED+PRC5OA8eFJYj5xAGcpAZ0pF2MnW+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.44.2.tgz",
+      "integrity": "sha512-Yl5Rdpf9pIc4GW1PmkUGHdMtbx0fBLE1//SxDmuf3X0dUC57+zMepow2LK0V21661cjXdTn8hO2tXDdAWAqE5g==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.44.2.tgz",
+      "integrity": "sha512-03vUDH+w55s680YYryyr78jsO1RWU9ocRMaeV2vMniJJW/6HhoTBwyyiiTPVHNWLnhsnwcQ0oH3S9JSBEKuyqw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.44.2.tgz",
+      "integrity": "sha512-iYtAqBg5eEMG4dEfVlkqo05xMOk6y/JXIToRca2bAWuqjrJYJlx/I7+Z+4hSrsWU8GdJDFPL4ktV3dy4yBSrzg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.44.2.tgz",
+      "integrity": "sha512-e6vEbgaaqz2yEHqtkPXa28fFuBGmUJ0N2dOJK8YUfijejInt9gfCSA7YDdJ4nYlv67JfP3+PSWFX4IVw/xRIPg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.44.2.tgz",
+      "integrity": "sha512-evFOtkmVdY3udE+0QKrV5wBx7bKI0iHz5yEVx5WqDJkxp9YQefy4Mpx3RajIVcM6o7jxTvVd/qpC1IXUhGc1Mw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.2.tgz",
+      "integrity": "sha512-/bXb0bEsWMyEkIsUL2Yt5nFB5naLAwyOWMEviQfQY1x3l5WsLKgvZf66TM7UTfED6erckUVUJQ/jJ1FSpm3pRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.2.tgz",
+      "integrity": "sha512-3D3OB1vSSBXmkGEZR27uiMRNiwN08/RVAcBKwhUYPaiZ8bcvdeEwWPvbnXvvXHY+A/7xluzcN+kaiOFNiOZwWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.2.tgz",
+      "integrity": "sha512-VfU0fsMK+rwdK8mwODqYeM2hDrF2WiHaSmCBrS7gColkQft95/8tphyzv2EupVxn3iE0FI78wzffoULH1G+dkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.44.2.tgz",
+      "integrity": "sha512-+qMUrkbUurpE6DVRjiJCNGZBGo9xM4Y0FXU5cjgudWqIBWbcLkjE3XprJUsOFgC6xjBClwVa9k6O3A7K3vxb5Q==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.2.tgz",
+      "integrity": "sha512-3+QZROYfJ25PDcxFF66UEk8jGWigHJeecZILvkPkyQN7oc5BvFo4YEXFkOs154j3FTMp9mn9Ky8RCOwastduEA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@sec-ant/readable-stream": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz",
+      "integrity": "sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==",
+      "dev": true
+    },
+    "node_modules/@sindresorhus/merge-streams": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz",
+      "integrity": "sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@tootallnate/once": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@tootallnate/once/-/once-2.0.0.tgz",
+      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@types/bezier-js": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmmirror.com/@types/bezier-js/-/bezier-js-0.0.6.tgz",
+      "integrity": "sha512-kXsAlt8e8N6zt9R6LcMYWB1HkBw3q2g+M9BdI/UE+s4agIONuIscQaRCoInH22+Jas3rw8yLUehL2InaZjyNSA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true
+    },
+    "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/lodash": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA=="
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "24.0.12",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-24.0.12.tgz",
+      "integrity": "sha512-LtOrbvDf5ndC9Xi+4QZjVL0woFymF/xSTKZKPgrrl7H7XoeDvnD+E2IclKVDyaK9UM756W/3BXqSU+JEHopA9g==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.8.0"
+      }
+    },
+    "node_modules/@types/opentype.js": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmmirror.com/@types/opentype.js/-/opentype.js-0.7.2.tgz",
+      "integrity": "sha512-Riz6WyBUBEFs7YqSsJya3SbDHJZ6BmMkY7bzNoue6rtwj+RNilLc+mgOX/eJ0Y0asq16FSU6DatBeOg8ZMy2UQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/pdfkit": {
+      "version": "0.7.36",
+      "resolved": "https://registry.npmmirror.com/@types/pdfkit/-/pdfkit-0.7.36.tgz",
+      "integrity": "sha512-9eRA6MuW+n78yU3HhoIrDxjyAX2++B5MpLDYqHOnaRTquCw+5sYXT+QN8E1eSaxvNUwlRfU3tOm4UzTeGWmBqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.21",
+      "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
+      "integrity": "sha512-oIQLCGWtcFZy2JW77j9k8nHzAOpqMHLQejDA48XXMWH6tjCQHz5RCFz1bzsmROyL6PUm+LLnUiI4BCn221inxA=="
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.2.4",
+      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
+      "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
+      "dev": true,
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vue/babel-helper-vue-transform-on": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.4.0.tgz",
+      "integrity": "sha512-mCokbouEQ/ocRce/FpKCRItGo+013tHg7tixg3DUNS+6bmIchPt66012kBMm476vyEIJPafrvOf4E5OYj3shSw==",
+      "dev": true
+    },
+    "node_modules/@vue/babel-plugin-jsx": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.4.0.tgz",
+      "integrity": "sha512-9zAHmwgMWlaN6qRKdrg1uKsBKHvnUU+Py+MOCTuYZBoZsopa90Di10QRjB+YPnVss0BZbG/H5XFwJY1fTxJWhA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.26.5",
+        "@babel/plugin-syntax-jsx": "^7.25.9",
+        "@babel/template": "^7.26.9",
+        "@babel/traverse": "^7.26.9",
+        "@babel/types": "^7.26.9",
+        "@vue/babel-helper-vue-transform-on": "1.4.0",
+        "@vue/babel-plugin-resolve-type": "1.4.0",
+        "@vue/shared": "^3.5.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/babel-plugin-resolve-type": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmmirror.com/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.4.0.tgz",
+      "integrity": "sha512-4xqDRRbQQEWHQyjlYSgZsWj44KfiF6D+ktCuXyZ8EnVDYV3pztmXJDf1HveAjUAXxAnR8daCQT51RneWWxtTyQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.26.2",
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.26.5",
+        "@babel/parser": "^7.26.9",
+        "@vue/compiler-sfc": "^3.5.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.17.tgz",
+      "integrity": "sha512-Xe+AittLbAyV0pabcN7cP7/BenRBNcteM4aSDCtRvGw0d9OL+HG1u/XHLY/kt1q4fyMeZYXyIYrsHuPSiDPosA==",
+      "dependencies": {
+        "@babel/parser": "^7.27.5",
+        "@vue/shared": "3.5.17",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-core/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/@vue/compiler-dom": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.17.tgz",
+      "integrity": "sha512-+2UgfLKoaNLhgfhV5Ihnk6wB4ljyW1/7wUIog2puUqajiC29Lp5R/IKDdkebh9jTbTogTbsgB+OY9cEWzG95JQ==",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.17",
+        "@vue/shared": "3.5.17"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.17.tgz",
+      "integrity": "sha512-rQQxbRJMgTqwRugtjw0cnyQv9cP4/4BxWfTdRBkqsTfLOHWykLzbOc3C4GGzAmdMDxhzU/1Ija5bTjMVrddqww==",
+      "dependencies": {
+        "@babel/parser": "^7.27.5",
+        "@vue/compiler-core": "3.5.17",
+        "@vue/compiler-dom": "3.5.17",
+        "@vue/compiler-ssr": "3.5.17",
+        "@vue/shared": "3.5.17",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.17",
+        "postcss": "^8.5.6",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-sfc/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/@vue/compiler-ssr": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.17.tgz",
+      "integrity": "sha512-hkDbA0Q20ZzGgpj5uZjb9rBzQtIHLS78mMilwrlpWk2Ep37DYntUz0PonQ6kr113vfOEdM+zTBuJDaceNIW0tQ==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.17",
+        "@vue/shared": "3.5.17"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="
+    },
+    "node_modules/@vue/devtools-core": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-core/-/devtools-core-7.7.7.tgz",
+      "integrity": "sha512-9z9TLbfC+AjAi1PQyWX+OErjIaJmdFlbDHcD+cAMYKY6Bh5VlsAtCeGyRMrXwIlMEQPukvnWt3gZBLwTAIMKzQ==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-kit": "^7.7.7",
+        "@vue/devtools-shared": "^7.7.7",
+        "mitt": "^3.0.1",
+        "nanoid": "^5.1.0",
+        "pathe": "^2.0.3",
+        "vite-hot-client": "^2.0.4"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@vue/devtools-core/node_modules/nanoid": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-5.1.5.tgz",
+      "integrity": "sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.js"
+      },
+      "engines": {
+        "node": "^18 || >=20"
+      }
+    },
+    "node_modules/@vue/devtools-kit": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-kit/-/devtools-kit-7.7.7.tgz",
+      "integrity": "sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-shared": "^7.7.7",
+        "birpc": "^2.3.0",
+        "hookable": "^5.5.3",
+        "mitt": "^3.0.1",
+        "perfect-debounce": "^1.0.0",
+        "speakingurl": "^14.0.1",
+        "superjson": "^2.2.2"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-shared/-/devtools-shared-7.7.7.tgz",
+      "integrity": "sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==",
+      "dev": true,
+      "dependencies": {
+        "rfdc": "^1.4.1"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.17.tgz",
+      "integrity": "sha512-l/rmw2STIscWi7SNJp708FK4Kofs97zc/5aEPQh4bOsReD/8ICuBcEmS7KGwDj5ODQLYWVN2lNibKJL1z5b+Lw==",
+      "dependencies": {
+        "@vue/shared": "3.5.17"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.17.tgz",
+      "integrity": "sha512-QQLXa20dHg1R0ri4bjKeGFKEkJA7MMBxrKo2G+gJikmumRS7PTD4BOU9FKrDQWMKowz7frJJGqBffYMgQYS96Q==",
+      "dependencies": {
+        "@vue/reactivity": "3.5.17",
+        "@vue/shared": "3.5.17"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.17.tgz",
+      "integrity": "sha512-8El0M60TcwZ1QMz4/os2MdlQECgGoVHPuLnQBU3m9h3gdNRW9xRmI8iLS4t/22OQlOE6aJvNNlBiCzPHur4H9g==",
+      "dependencies": {
+        "@vue/reactivity": "3.5.17",
+        "@vue/runtime-core": "3.5.17",
+        "@vue/shared": "3.5.17",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.17.tgz",
+      "integrity": "sha512-BOHhm8HalujY6lmC3DbqF6uXN/K00uWiEeF22LfEsm9Q93XeJ/plHTepGwf6tqFcF7GA5oGSSAAUock3VvzaCA==",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.17",
+        "@vue/shared": "3.5.17"
+      },
+      "peerDependencies": {
+        "vue": "3.5.17"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.17.tgz",
+      "integrity": "sha512-CabR+UN630VnsJO/jHWYBC1YVXyMq94KKp6iF5MQgZJs5I8cmjw6oVMO1oDbtBkENSHSSn/UadWlW/OAgdmKrg=="
+    },
+    "node_modules/@vueuse/core": {
+      "version": "13.5.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-13.5.0.tgz",
+      "integrity": "sha512-wV7z0eUpifKmvmN78UBZX8T7lMW53Nrk6JP5+6hbzrB9+cJ3jr//hUlhl9TZO/03bUkMK6gGkQpqOPWoabr72g==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.21",
+        "@vueuse/metadata": "13.5.0",
+        "@vueuse/shared": "13.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "13.5.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-13.5.0.tgz",
+      "integrity": "sha512-euhItU3b0SqXxSy8u1XHxUCdQ8M++bsRs+TYhOLDU/OykS7KvJnyIFfep0XM5WjIFry9uAPlVSjmVHiqeshmkw==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "13.5.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-13.5.0.tgz",
+      "integrity": "sha512-K7GrQIxJ/ANtucxIXbQlUHdB0TPA8c+q5i+zbrjxuhJCnJ9GtBg75sBSnvmLSxHKPg2Yo8w62PWksl9kwH0Q8g==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmmirror.com/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "deprecated": "Use your platform's native atob() and btoa() methods instead",
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "devOptional": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-globals": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmmirror.com/acorn-globals/-/acorn-globals-7.0.1.tgz",
+      "integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "acorn": "^8.1.0",
+        "acorn-walk": "^8.0.2"
+      }
+    },
+    "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-walk": {
+      "version": "8.3.4",
+      "resolved": "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-8.3.4.tgz",
+      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/adler-32": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/adler-32/-/adler-32-1.3.1.tgz",
+      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "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"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "optional": true,
+      "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==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/aproba": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/aproba/-/aproba-2.1.0.tgz",
+      "integrity": "sha512-tLIEcj5GuR2RSTnxNKdkK0dJ/GrC7P38sUkiDmDuHfsHmbagTFAxDVIBltoklXEVIQ/f14IL8IMJ5pn9Hez1Ew==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "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/asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmmirror.com/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
+      "dependencies": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "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/axios": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.10.0.tgz",
+      "integrity": "sha512-/1xYAC4MP/HEG+3duIhFr4ZQXR4sQXOIe+o6sdqzeykGLx6Upp/1p8MHqhINOvGeP7xyNHe7tsiJByc4SSVUxw==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "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==",
+      "devOptional": true
+    },
+    "node_modules/bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
+      "dependencies": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "node_modules/bezier-js": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmmirror.com/bezier-js/-/bezier-js-2.6.1.tgz",
+      "integrity": "sha512-jelZM33eNzcZ9snJ/5HqJLw3IzXvA8RFcBjkdOB8SDYyOvW8Y2tTosojAiBTnD1MhbHoWUYNbxUXxBl61TxbRg==",
+      "license": "MIT"
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/birpc": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmmirror.com/birpc/-/birpc-2.4.0.tgz",
+      "integrity": "sha512-5IdNxTyhXHv2UlgnPHQ0h+5ypVmkrYHzL8QT+DwFZ//2N/oNV8Ch+BCRmTJ3x6/z9Axo/cXYBc9eprsUVK/Jsg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "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.12",
+      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "devOptional": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.1",
+      "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.25.1.tgz",
+      "integrity": "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001726",
+        "electron-to-chromium": "^1.5.173",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+    },
+    "node_modules/buildcheck": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmmirror.com/buildcheck/-/buildcheck-0.0.6.tgz",
+      "integrity": "sha512-8f9ZJCUXyT1M35Jx7MkBgmBMo3oHTTBIPLiY9xyL0pl3T5RwcPEY8cUHr5LBNfu/fk6c2T4DJZuVM/8ZZT2D2A==",
+      "optional": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/bundle-name": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/bundle-name/-/bundle-name-4.1.0.tgz",
+      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
+      "dev": true,
+      "dependencies": {
+        "run-applescript": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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/caniuse-lite": {
+      "version": "1.0.30001727",
+      "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
+      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/canvas": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmmirror.com/canvas/-/canvas-2.11.2.tgz",
+      "integrity": "sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.0",
+        "nan": "^2.17.0",
+        "simple-get": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/cfb/-/cfb-1.2.2.tgz",
+      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "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"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/china-division": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/china-division/-/china-division-2.7.0.tgz",
+      "integrity": "sha512-4uUPAT+1WfqDh5jytq7omdCmHNk3j+k76zEG/2IqaGcYB90c2SwcixttcypdsZ3T/9tN1TTpBDoeZn+Yw/qBEA=="
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "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"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "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==",
+      "dev": true,
+      "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==",
+      "license": "ISC",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmmirror.com/codepage/-/codepage-1.15.0.tgz",
+      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "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/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
+    "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/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "devOptional": true
+    },
+    "node_modules/concat-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/concat-stream/-/concat-stream-2.0.0.tgz",
+      "integrity": "sha512-MWufYdFw53ccGjCA+Ol7XJYpAlW6/prSMzuPOTRnJGcGzuhLn4Scrz7qf6o8bROZ514ltazcIFJZevcfbo0x7A==",
+      "engines": [
+        "node >= 6.0"
+      ],
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.0.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/confbox": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.2.2.tgz",
+      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "dev": true
+    },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "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/copy-anything": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmmirror.com/copy-anything/-/copy-anything-3.0.5.tgz",
+      "integrity": "sha512-yCEafptTtb4bk7GLEQoM8KVJpxAfdBJYaXyzQEgQQQgYrZiDp8SJmGKlYza6CYjEDNstAdNdKA3UuoULlEbS6w==",
+      "dev": true,
+      "dependencies": {
+        "is-what": "^4.1.8"
+      },
+      "engines": {
+        "node": ">=12.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.44.0",
+      "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.44.0.tgz",
+      "integrity": "sha512-aFCtd4l6GvAXwVEh3XbbVqJGHDJt0OZRa+5ePGx3LLwi12WfexqQxcsohb2wgsa/92xtl19Hd66G/L+TaAxDMw==",
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cpu-features": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmmirror.com/cpu-features/-/cpu-features-0.0.10.tgz",
+      "integrity": "sha512-9IkYqtX3YHPCzoVg1Py+o9057a3i0fp7S530UWokCSaFVTc7CwXPRiOjRjBQQ18ZCNafx78YfnG+HALxtVmOGA==",
+      "hasInstallScript": true,
+      "optional": true,
+      "dependencies": {
+        "buildcheck": "~0.0.6",
+        "nan": "^2.19.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmmirror.com/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "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/cssom": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.5.0.tgz",
+      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmmirror.com/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "cssom": "~0.3.6"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cssstyle/node_modules/cssom": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.3.8.tgz",
+      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "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/data-urls": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/data-urls/-/data-urls-3.0.2.tgz",
+      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "abab": "^2.0.6",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "devOptional": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/decompress-response": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/decompress-response/-/decompress-response-4.2.1.tgz",
+      "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "mimic-response": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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/default-browser": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmmirror.com/default-browser/-/default-browser-5.2.1.tgz",
+      "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
+      "dev": true,
+      "dependencies": {
+        "bundle-name": "^4.1.0",
+        "default-browser-id": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/default-browser-id": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/default-browser-id/-/default-browser-id-5.0.0.tgz",
+      "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/detect-libc": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.0.4.tgz",
+      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/domexception": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/domexception/-/domexception-4.0.0.tgz",
+      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.180",
+      "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.5.180.tgz",
+      "integrity": "sha512-ED+GEyEh3kYMwt2faNmgMB0b8O5qtATGgR4RmRsIp4T6p7B8vdMbIedYndnvZfsaXvSzegtpfqRMDNCjjiSduA==",
+      "dev": true
+    },
+    "node_modules/element-china-area-data": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/element-china-area-data/-/element-china-area-data-6.1.0.tgz",
+      "integrity": "sha512-IkpcjwQv2A/2AxFiSoaISZ+oMw1rZCPUSOg5sOCwT5jKc96TaawmKZeY81xfxXsO0QbKxU5LLc6AirhG52hUmg==",
+      "dependencies": {
+        "china-division": "^2.7.0"
+      }
+    },
+    "node_modules/element-plus": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.10.3.tgz",
+      "integrity": "sha512-OLpf0iekuvWJrz1+H9ybvem6TYTKSNk6L1QDA3tYq2YWbogKXJnWpHG1UAGKR1B7gx+vUH7M15VIH3EijE9Kgw==",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "@element-plus/icons-vue": "^2.3.1",
+        "@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.13",
+        "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/element-plus/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/element-plus/node_modules/@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-9.13.0.tgz",
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/element-plus/node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "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/element-plus/node_modules/@vueuse/metadata": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/element-plus/node_modules/@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/element-plus/node_modules/@vueuse/shared/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "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/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==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/error-stack-parser-es": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmmirror.com/error-stack-parser-es/-/error-stack-parser-es-0.1.5.tgz",
+      "integrity": "sha512-xHku1X40RO+fO8yJ8Wh2f2rZWVjqyhb1zgq1yZ8aZRQkv6OOKhKWRUaht3eSCUbAOBaKIgM+ykwFLE+QUxgGeg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.25.6.tgz",
+      "integrity": "sha512-GVuzuUwtdsghE3ocJ9Bs8PNoF13HNQ5TXbEi2AhvVb8xU1Iwt9Fos9FEamfoee+u/TOsn7GUWc04lz46n2bbTg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.6",
+        "@esbuild/android-arm": "0.25.6",
+        "@esbuild/android-arm64": "0.25.6",
+        "@esbuild/android-x64": "0.25.6",
+        "@esbuild/darwin-arm64": "0.25.6",
+        "@esbuild/darwin-x64": "0.25.6",
+        "@esbuild/freebsd-arm64": "0.25.6",
+        "@esbuild/freebsd-x64": "0.25.6",
+        "@esbuild/linux-arm": "0.25.6",
+        "@esbuild/linux-arm64": "0.25.6",
+        "@esbuild/linux-ia32": "0.25.6",
+        "@esbuild/linux-loong64": "0.25.6",
+        "@esbuild/linux-mips64el": "0.25.6",
+        "@esbuild/linux-ppc64": "0.25.6",
+        "@esbuild/linux-riscv64": "0.25.6",
+        "@esbuild/linux-s390x": "0.25.6",
+        "@esbuild/linux-x64": "0.25.6",
+        "@esbuild/netbsd-arm64": "0.25.6",
+        "@esbuild/netbsd-x64": "0.25.6",
+        "@esbuild/openbsd-arm64": "0.25.6",
+        "@esbuild/openbsd-x64": "0.25.6",
+        "@esbuild/openharmony-arm64": "0.25.6",
+        "@esbuild/sunos-x64": "0.25.6",
+        "@esbuild/win32-arm64": "0.25.6",
+        "@esbuild/win32-ia32": "0.25.6",
+        "@esbuild/win32-x64": "0.25.6"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "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"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.30.1",
+      "resolved": "https://registry.npmmirror.com/eslint/-/eslint-9.30.1.tgz",
+      "integrity": "sha512-zmxXPNMOXmwm9E0yQLi5uqXHs7uq2UIiqEKo3Gq+3fwo1XrJ+hijAZImyF7hclW3E6oHz43Yk3RP8at6OTKflQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.0",
+        "@eslint/config-helpers": "^0.3.0",
+        "@eslint/core": "^0.14.0",
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "9.30.1",
+        "@eslint/plugin-kit": "^0.3.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-vue": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmmirror.com/eslint-plugin-vue/-/eslint-plugin-vue-10.0.1.tgz",
+      "integrity": "sha512-A5dRYc3eQ5i2rJFBW8J6F69ur/H7YfYg+5SCg6v829FU0BhM4fUTrRVR2d4MdZgzw0ioJEk6otYHEAnoGFqO4A==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "natural-compare": "^1.4.0",
+        "nth-check": "^2.1.1",
+        "postcss-selector-parser": "^6.0.15",
+        "semver": "^7.6.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "vue-eslint-parser": "^10.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmmirror.com/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmmirror.com/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmmirror.com/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "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/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "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/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/execa": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmmirror.com/execa/-/execa-9.6.0.tgz",
+      "integrity": "sha512-jpWzZ1ZhwUmeWRhS7Qv3mhpOhLfwI+uAX4e5fOcXqwMR7EcJ0pj2kV1CVzHVMX/LphnKWD3LObjZCoJ71lKpHw==",
+      "dev": true,
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "figures": "^6.1.0",
+        "get-stream": "^9.0.0",
+        "human-signals": "^8.0.1",
+        "is-plain-obj": "^4.1.0",
+        "is-stream": "^4.0.1",
+        "npm-run-path": "^6.0.0",
+        "pretty-ms": "^9.2.0",
+        "signal-exit": "^4.1.0",
+        "strip-final-newline": "^4.0.0",
+        "yoctocolors": "^2.1.1"
+      },
+      "engines": {
+        "node": "^18.19.0 || >=20.5.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmmirror.com/exsolve/-/exsolve-1.0.7.tgz",
+      "integrity": "sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==",
+      "dev": true
+    },
+    "node_modules/fabric": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmmirror.com/fabric/-/fabric-6.7.1.tgz",
+      "integrity": "sha512-dLxSmIvN4InJf4xOjbl1LFWh8WGOUIYtcuDIGs2IN0Z9lI0zGobfesDauyEhI1+owMLTPCCiEv01rpYXm7g2EQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.20.0"
+      },
+      "optionalDependencies": {
+        "canvas": "^2.11.2",
+        "jsdom": "^20.0.1"
+      }
+    },
+    "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-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/fdir": {
+      "version": "6.4.6",
+      "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.4.6.tgz",
+      "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+      "dev": true,
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/figures": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/figures/-/figures-6.1.0.tgz",
+      "integrity": "sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==",
+      "dev": true,
+      "dependencies": {
+        "is-unicode-supported": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmmirror.com/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "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"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmmirror.com/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.3.tgz",
+      "integrity": "sha512-qsITQPfmvMOSAdeyZ+12I1c+CKSstAFAwu+97zrnWAbIr5u8wfsExUzCesVLC8NgHuRUqNN4Zy6UPWUTRGslcA==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "11.3.0",
+      "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-11.3.0.tgz",
+      "integrity": "sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "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==",
+      "license": "ISC",
+      "optional": 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==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fs-minipass/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "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==",
+      "license": "ISC",
+      "optional": 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==",
+      "dev": true,
+      "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==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gauge/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC",
+      "optional": 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-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/get-stream/-/get-stream-9.0.1.tgz",
+      "integrity": "sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==",
+      "dev": true,
+      "dependencies": {
+        "@sec-ant/readable-stream": "^0.4.1",
+        "is-stream": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "optional": 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": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "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": "16.3.0",
+      "resolved": "https://registry.npmmirror.com/globals/-/globals-16.3.0.tgz",
+      "integrity": "sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
+    },
+    "node_modules/graham_scan": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/graham_scan/-/graham_scan-1.0.5.tgz",
+      "integrity": "sha512-471KIBS1jOrAHpEStAbOjYI5U7MGBSyqy+wIEnvRYaFDNmpUUhbDZWLRsCSh/OnlY0dCg0NaDyN/2XLoypgIfA==",
+      "license": "MIT"
+    },
+    "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-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "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-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "whatwg-encoding": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmmirror.com/human-signals/-/human-signals-8.0.1.tgz",
+      "integrity": "sha512-eKCa6bwnJhvxj14kZk5NCPc6Hb6BdsU9DZcOnmQKSnO1VKrfV0zCvtttPZUsBvjmNDn8rpcJfpwSYnHBjc95MQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmmirror.com/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "license": "ISC",
+      "optional": 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=="
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "dev": true,
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "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==",
+      "license": "MIT",
+      "optional": true,
+      "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==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "dev": true,
+      "dependencies": {
+        "is-docker": "^3.0.0"
+      },
+      "bin": {
+        "is-inside-container": "cli.js"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/is-stream": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmmirror.com/is-stream/-/is-stream-4.0.1.tgz",
+      "integrity": "sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/is-unicode-supported/-/is-unicode-supported-2.1.0.tgz",
+      "integrity": "sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-what": {
+      "version": "4.1.16",
+      "resolved": "https://registry.npmmirror.com/is-what/-/is-what-4.1.16.tgz",
+      "integrity": "sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.13"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/is-wsl/-/is-wsl-3.1.0.tgz",
+      "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
+      "dev": true,
+      "dependencies": {
+        "is-inside-container": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/jquery": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.7.1.tgz",
+      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
+    },
+    "node_modules/js-tokens": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-9.0.1.tgz",
+      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
+      "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/jsdom": {
+      "version": "20.0.3",
+      "resolved": "https://registry.npmmirror.com/jsdom/-/jsdom-20.0.3.tgz",
+      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "abab": "^2.0.6",
+        "acorn": "^8.8.1",
+        "acorn-globals": "^7.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.2",
+        "decimal.js": "^10.4.2",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.1",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.2",
+        "parse5": "^7.1.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.1.2",
+        "w3c-xmlserializer": "^4.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0",
+        "ws": "^8.11.0",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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": "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/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmmirror.com/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dev": true,
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/kdbush": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/kdbush/-/kdbush-2.0.1.tgz",
+      "integrity": "sha512-9KqSdmWCkBIisFIGclT0FRagKhI7IVbMyUjsxCFG0Ly1Dg6whlxJ7b9lrq8ifk3X/fGeJzok1R75LQfZTfA5zQ==",
+      "license": "ISC"
+    },
+    "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/kolorist": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmmirror.com/kolorist/-/kolorist-1.8.0.tgz",
+      "integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==",
+      "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/local-pkg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-1.1.1.tgz",
+      "integrity": "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg==",
+      "dev": true,
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.0.1",
+        "quansync": "^0.2.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "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"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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.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/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/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/makerjs": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmmirror.com/makerjs/-/makerjs-0.18.1.tgz",
+      "integrity": "sha512-yw1tEeOVGgoj34K+uLRKsAbeVeBu1m2TGdm673BxrFc+auj71GJlQhS/5byGYaUmzyw+kyR/OQI4zyuM+v5Dxg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@danmarshall/jscad-typings": "^1.0.0",
+        "@types/bezier-js": "^0.0.6",
+        "@types/node": "^7.0.5",
+        "@types/opentype.js": "^0.7.0",
+        "@types/pdfkit": "^0.7.34",
+        "bezier-js": "^2.1.0",
+        "clone": "^1.0.2",
+        "graham_scan": "^1.0.4",
+        "kdbush": "^2.0.1"
+      }
+    },
+    "node_modules/makerjs/node_modules/@types/node": {
+      "version": "7.10.14",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-7.10.14.tgz",
+      "integrity": "sha512-29GS75BE8asnTno3yB6ubOJOO0FboExEqNJy4bpz0GSmW/8wPTNL4h9h63c6s1uTrOopCmJYe/4yJLh5r92ZUA==",
+      "license": "MIT"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "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/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-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/mimic-response": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/mimic-response/-/mimic-response-2.1.0.tgz",
+      "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "devOptional": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "license": "ISC",
+      "optional": 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==",
+      "license": "MIT",
+      "optional": 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==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minizlib/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "dev": true
+    },
+    "node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "license": "MIT",
+      "optional": true,
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mlly": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmmirror.com/mlly/-/mlly-1.7.4.tgz",
+      "integrity": "sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "pathe": "^2.0.1",
+        "pkg-types": "^1.3.0",
+        "ufo": "^1.5.4"
+      }
+    },
+    "node_modules/mlly/node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmmirror.com/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "dev": true
+    },
+    "node_modules/mlly/node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "dev": true,
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
+    "node_modules/mrmime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-2.0.1.tgz",
+      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "devOptional": true
+    },
+    "node_modules/nan": {
+      "version": "2.22.2",
+      "resolved": "https://registry.npmmirror.com/nan/-/nan-2.22.2.tgz",
+      "integrity": "sha512-DANghxFkS1plDdRsX0X9pm0Z6SJNN6gBdtXfanwoZ8hooC5gosGFSBGRYHUVPz1asKA/kMRqDRdHrluZ61SpBQ==",
+      "optional": true
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "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/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-fetch/node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-fetch/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause",
+      "optional": true
+    },
+    "node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
+      "dev": true
+    },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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==",
+      "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/npm-run-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/npm-run-path/-/npm-run-path-6.0.0.tgz",
+      "integrity": "sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^4.0.0",
+        "unicorn-magic": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npm-run-path/node_modules/path-key": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
+    "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"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.21",
+      "resolved": "https://registry.npmmirror.com/nwsapi/-/nwsapi-2.2.21.tgz",
+      "integrity": "sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "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==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/open": {
+      "version": "10.1.2",
+      "resolved": "https://registry.npmmirror.com/open/-/open-10.1.2.tgz",
+      "integrity": "sha512-cxN6aIDPz6rm8hbebcP7vrQNhvRcveZoJU72Y7vskh4oIm+BZwBECnx5nTmrlres1Qapvx27Qo1Auukpf8PKXw==",
+      "dev": true,
+      "dependencies": {
+        "default-browser": "^5.2.1",
+        "define-lazy-prop": "^3.0.0",
+        "is-inside-container": "^1.0.0",
+        "is-wsl": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmmirror.com/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "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"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/parse-ms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/parse-ms/-/parse-ms-4.0.0.tgz",
+      "integrity": "sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse5": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmmirror.com/parse5/-/parse5-7.3.0.tgz",
+      "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/parse5/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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==",
+      "license": "MIT",
+      "optional": 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/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "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.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-2.2.0.tgz",
+      "integrity": "sha512-2SM/GZGAEkPp3KWORxQZns4M+WSeXbC2HEvmOIJe3Cmiv6ieAJvdVhDldtHqM5J1Y7MrR1XhkBT/rMlhh9FdqQ==",
+      "dev": true,
+      "dependencies": {
+        "confbox": "^0.2.2",
+        "exsolve": "^1.0.7",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "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/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmmirror.com/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/pretty-ms": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmmirror.com/pretty-ms/-/pretty-ms-9.2.0.tgz",
+      "integrity": "sha512-4yf0QO/sllf/1zbZWYnvWw3NxCQwLXKzIj0G849LSufP15BXKM0rbD2Z3wVnkMfjdn/CB0Dpp444gYAACdsplg==",
+      "dev": true,
+      "dependencies": {
+        "parse-ms": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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/psl": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmmirror.com/psl/-/psl-1.15.0.tgz",
+      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lupomontero"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmmirror.com/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/quansync": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmmirror.com/quansync/-/quansync-0.2.10.tgz",
+      "integrity": "sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ]
+    },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "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/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "dev": true
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.44.2",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.44.2.tgz",
+      "integrity": "sha512-PVoapzTwSEcelaWGth3uR66u7ZRo6qhPHc0f2uRO9fX6XDVNrIiGYS0Pj9+R8yIIYSD/mCx2b16Ws9itljKSPg==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.44.2",
+        "@rollup/rollup-android-arm64": "4.44.2",
+        "@rollup/rollup-darwin-arm64": "4.44.2",
+        "@rollup/rollup-darwin-x64": "4.44.2",
+        "@rollup/rollup-freebsd-arm64": "4.44.2",
+        "@rollup/rollup-freebsd-x64": "4.44.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.44.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.44.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.44.2",
+        "@rollup/rollup-linux-arm64-musl": "4.44.2",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.44.2",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.44.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.44.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.44.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.44.2",
+        "@rollup/rollup-linux-x64-gnu": "4.44.2",
+        "@rollup/rollup-linux-x64-musl": "4.44.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.44.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.44.2",
+        "@rollup/rollup-win32-x64-msvc": "4.44.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-applescript": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/run-applescript/-/run-applescript-7.0.0.tgz",
+      "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmmirror.com/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "node_modules/scule": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/scule/-/scule-1.3.0.tgz",
+      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+      "dev": true
+    },
+    "node_modules/semver": {
+      "version": "7.7.2",
+      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.7.2.tgz",
+      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "devOptional": true,
+      "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==",
+      "license": "ISC",
+      "optional": true
+    },
+    "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.1.0",
+      "resolved": "https://registry.npmmirror.com/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/simple-get": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/simple-get/-/simple-get-3.1.1.tgz",
+      "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "decompress-response": "^4.2.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "node_modules/sirv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/sirv/-/sirv-3.0.1.tgz",
+      "integrity": "sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==",
+      "dev": true,
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "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.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/speakingurl": {
+      "version": "14.0.1",
+      "resolved": "https://registry.npmmirror.com/speakingurl/-/speakingurl-14.0.1.tgz",
+      "integrity": "sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmmirror.com/ssf/-/ssf-0.11.2.tgz",
+      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/ssh2": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmmirror.com/ssh2/-/ssh2-1.16.0.tgz",
+      "integrity": "sha512-r1X4KsBGedJqo7h8F5c4Ybpcr5RjyP+aWIG007uBPRjmdQWfEiVLzSK71Zji1B9sKxwaCvD8y8cwSkYrlLiRRg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "asn1": "^0.2.6",
+        "bcrypt-pbkdf": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      },
+      "optionalDependencies": {
+        "cpu-features": "~0.0.10",
+        "nan": "^2.20.0"
+      }
+    },
+    "node_modules/ssh2-sftp-client": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmmirror.com/ssh2-sftp-client/-/ssh2-sftp-client-12.0.1.tgz",
+      "integrity": "sha512-ICJ1L2PmBel2Q2ctbyxzTFZCPKSHYYD6s2TFZv7NXmZDrDNGk8lHBb/SK2WgXLMXNANH78qoumeJzxlWZqSqWg==",
+      "dependencies": {
+        "concat-stream": "^2.0.0",
+        "ssh2": "^1.16.0"
+      },
+      "engines": {
+        "node": ">=18.20.4"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://square.link/u/4g7sPflL"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
+      "integrity": "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "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"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-literal": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/strip-literal/-/strip-literal-3.0.0.tgz",
+      "integrity": "sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA==",
+      "dev": true,
+      "dependencies": {
+        "js-tokens": "^9.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/superjson": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmmirror.com/superjson/-/superjson-2.2.2.tgz",
+      "integrity": "sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q==",
+      "dev": true,
+      "dependencies": {
+        "copy-anything": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "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/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmmirror.com/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "license": "ISC",
+      "optional": 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/tar/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.14",
+      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.14.tgz",
+      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "dev": true,
+      "dependencies": {
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "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==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmmirror.com/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
+    },
+    "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/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmmirror.com/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
+    },
+    "node_modules/ufo": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmmirror.com/ufo/-/ufo-1.6.1.tgz",
+      "integrity": "sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==",
+      "dev": true
+    },
+    "node_modules/undici-types": {
+      "version": "7.8.0",
+      "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.8.0.tgz",
+      "integrity": "sha512-9UJ2xGDvQ43tYyVMpuHlsgApydB8ZKfVYTsLDhXkFL/6gfkp+U8xTGdh8pMJv1SpZna0zxG1DwsKZsreLbXBxw==",
+      "license": "MIT"
+    },
+    "node_modules/unicorn-magic": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
+      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unimport": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/unimport/-/unimport-4.2.0.tgz",
+      "integrity": "sha512-mYVtA0nmzrysnYnyb3ALMbByJ+Maosee2+WyE0puXl+Xm2bUwPorPaaeZt0ETfuroPOtG8jj1g/qeFZ6buFnag==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.14.1",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "local-pkg": "^1.1.1",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "pkg-types": "^2.1.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^3.0.0",
+        "tinyglobby": "^0.2.12",
+        "unplugin": "^2.2.2",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "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"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmmirror.com/unplugin/-/unplugin-2.3.5.tgz",
+      "integrity": "sha512-RyWSb5AHmGtjjNQ6gIlA67sHOsWpsbWpwDokLwTcejVdOjEkJZh7QKu14J00gDDVSh8kGH4KYC/TNBceXFZhtw==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.14.1",
+        "picomatch": "^4.0.2",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/unplugin-auto-import": {
+      "version": "19.3.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-19.3.0.tgz",
+      "integrity": "sha512-iIi0u4Gq2uGkAOGqlPJOAMI8vocvjh1clGTfSK4SOrJKrt+tirrixo/FjgBwXQNNdS7ofcr7OxzmOb/RjWxeEQ==",
+      "dev": true,
+      "dependencies": {
+        "local-pkg": "^1.1.1",
+        "magic-string": "^0.30.17",
+        "picomatch": "^4.0.2",
+        "unimport": "^4.2.0",
+        "unplugin": "^2.3.4",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.2.2",
+        "@vueuse/core": "*"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        },
+        "@vueuse/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-utils": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmmirror.com/unplugin-utils/-/unplugin-utils-0.2.4.tgz",
+      "integrity": "sha512-8U/MtpkPkkk3Atewj1+RcKIjb5WBimZ/WSLhhR3w6SsIj8XJuKTacSP8g+2JhfSGw0Cb125Y+2zA/IzJZDVbhA==",
+      "dev": true,
+      "dependencies": {
+        "pathe": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/unplugin-vue-components": {
+      "version": "28.8.0",
+      "resolved": "https://registry.npmmirror.com/unplugin-vue-components/-/unplugin-vue-components-28.8.0.tgz",
+      "integrity": "sha512-2Q6ZongpoQzuXDK0ZsVzMoshH0MWZQ1pzVL538G7oIDKRTVzHjppBDS8aB99SADGHN3lpGU7frraCG6yWNoL5Q==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": "^3.6.0",
+        "debug": "^4.4.1",
+        "local-pkg": "^1.1.1",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "tinyglobby": "^0.2.14",
+        "unplugin": "^2.3.5",
+        "unplugin-utils": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@babel/parser": "^7.15.8",
+        "@nuxt/kit": "^3.2.2 || ^4.0.0",
+        "vue": "2 || 3"
+      },
+      "peerDependenciesMeta": {
+        "@babel/parser": {
+          "optional": true
+        },
+        "@nuxt/kit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "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/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmmirror.com/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.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=="
+    },
+    "node_modules/vite": {
+      "version": "6.3.5",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-6.3.5.tgz",
+      "integrity": "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-hot-client": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/vite-hot-client/-/vite-hot-client-2.1.0.tgz",
+      "integrity": "sha512-7SpgZmU7R+dDnSmvXE1mfDtnHLHQSisdySVR7lO8ceAXvM0otZeuQQ6C8LrS5d/aYyP/QZ0hI0L+dIPrm4YlFQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vite": "^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0"
+      }
+    },
+    "node_modules/vite-plugin-inspect": {
+      "version": "0.8.9",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-inspect/-/vite-plugin-inspect-0.8.9.tgz",
+      "integrity": "sha512-22/8qn+LYonzibb1VeFZmISdVao5kC22jmEKm24vfFE8siEn47EpVcCLYMv6iKOYMJfjSvSJfueOwcFCkUnV3A==",
+      "dev": true,
+      "dependencies": {
+        "@antfu/utils": "^0.7.10",
+        "@rollup/pluginutils": "^5.1.3",
+        "debug": "^4.3.7",
+        "error-stack-parser-es": "^0.1.5",
+        "fs-extra": "^11.2.0",
+        "open": "^10.1.0",
+        "perfect-debounce": "^1.0.0",
+        "picocolors": "^1.1.1",
+        "sirv": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "vite": "^3.1.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.1"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite-plugin-vue-devtools": {
+      "version": "7.7.7",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-devtools/-/vite-plugin-vue-devtools-7.7.7.tgz",
+      "integrity": "sha512-d0fIh3wRcgSlr4Vz7bAk4va1MkdqhQgj9ANE/rBhsAjOnRfTLs2ocjFMvSUOsv6SRRXU9G+VM7yMgqDb6yI4iQ==",
+      "dev": true,
+      "dependencies": {
+        "@vue/devtools-core": "^7.7.7",
+        "@vue/devtools-kit": "^7.7.7",
+        "@vue/devtools-shared": "^7.7.7",
+        "execa": "^9.5.2",
+        "sirv": "^3.0.1",
+        "vite-plugin-inspect": "0.8.9",
+        "vite-plugin-vue-inspector": "^5.3.1"
+      },
+      "engines": {
+        "node": ">=v14.21.3"
+      },
+      "peerDependencies": {
+        "vite": "^3.1.0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0"
+      }
+    },
+    "node_modules/vite-plugin-vue-inspector": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmmirror.com/vite-plugin-vue-inspector/-/vite-plugin-vue-inspector-5.3.2.tgz",
+      "integrity": "sha512-YvEKooQcSiBTAs0DoYLfefNja9bLgkFM7NI2b07bE2SruuvX0MEa9cMaxjKVMkeCp5Nz9FRIdcN1rOdFVBeL6Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.23.0",
+        "@babel/plugin-proposal-decorators": "^7.23.0",
+        "@babel/plugin-syntax-import-attributes": "^7.22.5",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-transform-typescript": "^7.22.15",
+        "@vue/babel-plugin-jsx": "^1.1.5",
+        "@vue/compiler-dom": "^3.3.4",
+        "kolorist": "^1.8.0",
+        "magic-string": "^0.30.4"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0"
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.17.tgz",
+      "integrity": "sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.17",
+        "@vue/compiler-sfc": "3.5.17",
+        "@vue/runtime-dom": "3.5.17",
+        "@vue/server-renderer": "3.5.17",
+        "@vue/shared": "3.5.17"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-eslint-parser": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmmirror.com/vue-eslint-parser/-/vue-eslint-parser-10.2.0.tgz",
+      "integrity": "sha512-CydUvFOQKD928UzZhTp4pr2vWz1L+H99t7Pkln2QSPdvmURT0MoC4wUccfCnuEaihNsu9aYYyk+bep8rlfkUXw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "debug": "^4.4.0",
+        "eslint-scope": "^8.2.0",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "esquery": "^1.6.0",
+        "semver": "^7.6.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0"
+      }
+    },
+    "node_modules/vue-i18n": {
+      "version": "11.1.9",
+      "resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-11.1.9.tgz",
+      "integrity": "sha512-N9ZTsXdRmX38AwS9F6Rh93RtPkvZTkSy/zNv63FTIwZCUbLwwrpqlKz9YQuzFLdlvRdZTnWAUE5jMxr8exdl7g==",
+      "dependencies": {
+        "@intlify/core-base": "11.1.9",
+        "@intlify/shared": "11.1.9",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue-property-decorator": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmmirror.com/vue-property-decorator/-/vue-property-decorator-8.5.1.tgz",
+      "integrity": "sha512-O6OUN2OMsYTGPvgFtXeBU3jPnX5ffQ9V4I1WfxFQ6dqz6cOUbR3Usou7kgFpfiXDvV7dJQSFcJ5yUPgOtPPm1Q==",
+      "dependencies": {
+        "vue-class-component": "^7.1.0"
+      },
+      "peerDependencies": {
+        "vue": "*"
+      }
+    },
+    "node_modules/vue-property-decorator/node_modules/vue-class-component": {
+      "version": "7.2.6",
+      "resolved": "https://registry.npmmirror.com/vue-class-component/-/vue-class-component-7.2.6.tgz",
+      "integrity": "sha512-+eaQXVrAm/LldalI272PpDe3+i4mPis0ORiMYxF6Ae4hyuCh15W8Idet7wPUEs4N4YptgFHGys4UrgNQOMyO6w==",
+      "peerDependencies": {
+        "vue": "^2.0.0"
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.5.1.tgz",
+      "integrity": "sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/vue-simple-verify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/vue-simple-verify/-/vue-simple-verify-1.1.0.tgz",
+      "integrity": "sha512-Ujz61Z5r1FG4/Qc0/GzblOW6G7PqZBk1u5Ah2Vq6Z1xaSOcUXJjuVBppWaVs0dS6AEdwHzxGZtA3QAOgE3vJLw==",
+      "dependencies": {
+        "core-js": "^3.5.0",
+        "vue": "^2.6.10",
+        "vue-class-component": "^7.1.0",
+        "vue-property-decorator": "^8.3.0",
+        "vue-router": "^3.1.3",
+        "vue-simple-verify": "^1.0.5",
+        "vuex": "3.1.0"
+      }
+    },
+    "node_modules/vue-simple-verify/node_modules/@vue/compiler-sfc": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
+      "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
+      "dependencies": {
+        "@babel/parser": "^7.23.5",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      },
+      "optionalDependencies": {
+        "prettier": "^1.18.2 || ^2.0.0"
+      }
+    },
+    "node_modules/vue-simple-verify/node_modules/vue": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-2.7.16.tgz",
+      "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
+      "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
+      "dependencies": {
+        "@vue/compiler-sfc": "2.7.16",
+        "csstype": "^3.1.0"
+      }
+    },
+    "node_modules/vue-simple-verify/node_modules/vue-class-component": {
+      "version": "7.2.6",
+      "resolved": "https://registry.npmmirror.com/vue-class-component/-/vue-class-component-7.2.6.tgz",
+      "integrity": "sha512-+eaQXVrAm/LldalI272PpDe3+i4mPis0ORiMYxF6Ae4hyuCh15W8Idet7wPUEs4N4YptgFHGys4UrgNQOMyO6w==",
+      "peerDependencies": {
+        "vue": "^2.0.0"
+      }
+    },
+    "node_modules/vue-simple-verify/node_modules/vue-router": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-3.6.5.tgz",
+      "integrity": "sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ=="
+    },
+    "node_modules/vue-simple-verify/node_modules/vuex": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/vuex/-/vuex-3.1.0.tgz",
+      "integrity": "sha512-mdHeHT/7u4BncpUZMlxNaIdcN/HIt1GsGG5LKByArvYG/v6DvHcOxvDCts+7SRdCoIRGllK8IMZvQtQXLppDYg=="
+    },
+    "node_modules/vuex": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/vuex/-/vuex-4.1.0.tgz",
+      "integrity": "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
+      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmmirror.com/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "dev": true
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "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/wide-align": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmmirror.com/wide-align/-/wide-align-1.1.5.tgz",
+      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "string-width": "^1.0.2 || 2 || 3 || 4"
+      }
+    },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/word/-/word-0.3.0.tgz",
+      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmmirror.com/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "resolved": "https://registry.npmmirror.com/xlsx/-/xlsx-0.18.5.tgz",
+      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "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==",
+      "devOptional": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "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/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"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yoctocolors": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/yoctocolors/-/yoctocolors-2.1.1.tgz",
+      "integrity": "sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..626be5a
--- /dev/null
+++ b/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "panel_selection",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --fix"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "@vueuse/core": "^13.1.0",
+    "axios": "^1.8.3",
+    "dayjs": "^1.11.13",
+    "element-china-area-data": "^6.1.0",
+    "element-plus": "^2.9.6",
+    "fabric": "^6.7.1",
+    "jquery": "^3.7.1",
+    "makerjs": "^0.18.1",
+    "qs": "^6.14.0",
+    "ssh2-sftp-client": "^12.0.0",
+    "vue": "^3.5.13",
+    "vue-i18n": "^11.1.3",
+    "vue-router": "^4.5.0",
+    "vue-simple-verify": "^1.1.0",
+    "vuex": "^4.1.0",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.21.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "eslint": "^9.21.0",
+    "eslint-plugin-vue": "~10.0.0",
+    "globals": "^16.0.0",
+    "unplugin-auto-import": "^19.1.1",
+    "unplugin-vue-components": "^28.4.1",
+    "vite": "^6.2.1",
+    "vite-plugin-vue-devtools": "^7.7.2"
+  }
+}
diff --git a/panel_selection.esproj b/panel_selection.esproj
new file mode 100644
index 0000000..b10ea72
--- /dev/null
+++ b/panel_selection.esproj
@@ -0,0 +1,11 @@
+<Project Sdk="Microsoft.VisualStudio.JavaScript.Sdk/1.0.2752196">
+  <PropertyGroup>
+    <StartupCommand>npm run dev</StartupCommand>
+    <JavaScriptTestRoot>.\</JavaScriptTestRoot>
+    <JavaScriptTestFramework>Vitest</JavaScriptTestFramework>
+    <!-- Allows the build (or compile) script located on package.json to run on Build -->
+    <ShouldRunBuildScript>false</ShouldRunBuildScript>
+    <!-- Folder where production build objects will be placed -->
+    <BuildOutputFolder>$(MSBuildProjectDirectory)\dist</BuildOutputFolder>
+  </PropertyGroup>
+</Project>
\ No newline at end of file
diff --git a/public/config.js b/public/config.js
new file mode 100644
index 0000000..4d66b75
--- /dev/null
+++ b/public/config.js
@@ -0,0 +1,32 @@
+const config = {
+  // http访问后端接口
+/*  Api: "http://project.blv-oa.com:898/api/",
+  Ads: "http://project.blv-oa.com:898/",
+  PicAds: "http://blv-rd.tech:19055/PanelSelectionPic/",
+  ApiList: [
+    "http://project.blv-oa.com:898/api/",
+    "http://blv-rd.tech:19055/api/",
+    "http://www.boonlive-rcu.com:7000/api/",
+  ],*/
+
+  // 本地调试接口
+/*   Api: "http://project.blv-oa.com:898/api/",
+  Ads: "http://project.blv-oa.com:898/",
+  PicAds: "http://blv-rd.tech:10010/PanelSelectionPic/",
+  ApiList: [
+    "http://project.blv-oa.com:898/api/",
+    "http://localhost:19368/api/",
+    "http://www.boonlive-rcu.com:7000/api/",
+  ], */
+  // 新服务接口
+   Api: "http://project.blv-oa.com:898/api/",
+    Ads: "http://project.blv-oa.com:898/",
+    PicAds: "http://blv-rd.tech:10010/PanelSelectionPic/",
+    ApiList: [
+      "http://project.blv-oa.com:898/api/",
+      "http://blv-rd.tech:10010/api/",
+      "http://www.boonlive-rcu.com:7000/api/",
+    ],
+}
+
+export default config
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..c1221a5
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..ec186d7
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="477px" height="621px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 80.92 105.37"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:#008C8C}
+    .fil1 {fill:#008C8C;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="图层_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M72.67 62.65c2.16,-4 3.39,-8.58 3.39,-13.45 0,-15.66 -12.69,-28.35 -28.35,-28.35 -4.92,0 -9.54,1.26 -13.57,3.46l0 11.7c3.44,-3.54 8.25,-5.74 13.57,-5.74 10.46,0 18.93,8.47 18.93,18.93 0,10.45 -8.47,18.93 -18.93,18.93 -5.21,0 -9.93,-2.11 -13.35,-5.51 -3.4,-3.35 -4.19,-8.41 -4.36,-13.47l0 -31.15 0 -15.23 0 -0.35 0 -0.01 0 -1.04c3.33,-0.89 6.84,-1.37 10.46,-1.37 22.35,0 40.46,18.12 40.46,40.46 0,22.35 -18.11,40.46 -40.46,40.46 -22.34,0 -40.46,-18.11 -40.46,-40.46 0,-14.88 8.04,-27.89 20.01,-34.92l0 1.18 0 0 0 0.4 0 10.88 0 29.2c0,4.65 0.18,6.98 1.17,10.53 2.24,8.04 7.74,14.13 15.26,17.49 3.45,1.49 7.27,2.33 11.27,2.33 3.02,0 5.93,-0.48 8.66,-1.35 6.6,-2.95 12.23,-7.66 16.3,-13.55z"/>
+  <polygon class="fil1" points="15.53,105.37 15.53,97.52 65.39,97.52 65.39,105.37 "/>
+ </g>
+</svg>
diff --git a/public/logobig.svg b/public/logobig.svg
new file mode 100644
index 0000000..e3b0545
--- /dev/null
+++ b/public/logobig.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW 2020 (64-Bit) -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="1035px" height="231px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 98.85 22.1"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil1 {fill:#008C8C}
+    .fil2 {fill:#332C2B;fill-rule:nonzero}
+    .fil0 {fill:#008C8C;fill-rule:nonzero}
+   ]]>
+  </style>
+ </defs>
+ <g id="图层_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <g id="_2291786721296">
+   <path class="fil0" d="M60.78 9.23l4.15 -2.29c-0.23,-0.24 -0.48,-0.43 -0.73,-0.57 -0.25,-0.14 -0.66,-0.21 -1.21,-0.21 -0.54,0 -1.01,0.14 -1.42,0.4 -0.4,0.27 -0.72,0.64 -0.93,1.1 -0.21,0.45 -0.33,0.97 -0.32,1.52 0,0.46 0.14,0.91 0.36,1.33 0.21,0.42 0.53,0.77 0.93,1.02 0.41,0.26 0.9,0.4 1.45,0.39 0.84,0 1.48,-0.24 1.89,-0.67 0.42,-0.44 0.71,-1.09 0.89,-1.95l1.53 0.21c-0.01,0.41 -0.11,0.83 -0.3,1.27 -0.18,0.45 -0.47,0.88 -0.84,1.27 -0.37,0.41 -0.84,0.74 -1.39,0.98 -0.55,0.25 -1.18,0.39 -1.88,0.39 -0.74,0 -1.44,-0.19 -2.09,-0.57 -0.65,-0.38 -1.18,-0.89 -1.57,-1.54 -0.39,-0.64 -0.58,-1.33 -0.58,-2.08 0,-0.75 0.13,-1.42 0.38,-2 0.26,-0.57 0.6,-1.05 1.02,-1.42 0.42,-0.38 0.89,-0.66 1.39,-0.84 0.5,-0.18 1,-0.27 1.48,-0.27 0.95,0 1.76,0.22 2.4,0.65 0.65,0.43 1.21,1.09 1.68,1.99l-5.63 3.13 -0.66 -1.24z"/>
+   <path class="fil0" d="M49.76 4.91l1.66 0 2.45 6.48 2.43 -6.48 1.63 0 -2.91 7.73c-0.09,0.24 -0.26,0.44 -0.48,0.57 -0.21,0.14 -0.45,0.21 -0.71,0.21 -0.26,0 -0.51,-0.08 -0.73,-0.23 -0.22,-0.16 -0.36,-0.38 -0.46,-0.66l-2.88 -7.62z"/>
+   <polygon class="fil0" points="46.81,13.42 46.81,4.92 48.34,4.92 48.34,13.42 "/>
+   <path class="fil0" d="M46.66 3.05c0.01,-0.25 0.12,-0.46 0.3,-0.63 0.17,-0.17 0.38,-0.26 0.62,-0.26 0.24,0 0.45,0.09 0.63,0.26 0.18,0.18 0.28,0.4 0.28,0.66 0,0.28 -0.09,0.51 -0.26,0.67 -0.16,0.17 -0.37,0.25 -0.61,0.25 -0.26,0 -0.48,-0.09 -0.67,-0.26 -0.19,-0.17 -0.29,-0.41 -0.29,-0.69z"/>
+   <polygon class="fil0" points="43.22,1.25 44.75,1.25 44.75,13.42 43.22,13.42 "/>
+   <path class="fil0" d="M34.23 13.42l0 -5.09c0,-0.62 0.15,-1.19 0.47,-1.71 0.31,-0.52 0.75,-0.94 1.3,-1.25 0.56,-0.31 1.16,-0.48 1.82,-0.5 0.47,0 0.99,0.12 1.54,0.37 0.55,0.24 1.03,0.63 1.42,1.17 0.4,0.54 0.6,1.23 0.6,2.06l0 4.95 -1.53 0 0 -4.92c0,-0.58 -0.19,-1.08 -0.57,-1.5 -0.38,-0.43 -0.87,-0.66 -1.46,-0.67 -0.57,-0.01 -1.05,0.2 -1.44,0.6 -0.39,0.4 -0.59,0.88 -0.59,1.43l0 5.06 -1.56 0z"/>
+   <path class="fil1" d="M28.28 4.8c2.38,0 4.31,1.93 4.31,4.31 0,2.38 -1.93,4.31 -4.31,4.31 -1.51,0 -2.84,-0.78 -3.61,-1.95 -0.77,1.17 -2.09,1.95 -3.6,1.95 -2.38,0 -4.31,-1.93 -4.31,-4.31 0,-2.38 1.93,-4.31 4.31,-4.31 1.51,0 2.83,0.78 3.6,1.95 0.77,-1.17 2.1,-1.95 3.61,-1.95zm0 1.49c1.55,0 2.82,1.26 2.82,2.82 0,1.55 -1.27,2.82 -2.82,2.82 -1.56,0 -2.82,-1.27 -2.82,-2.82 0,-1.56 1.26,-2.82 2.82,-2.82zm-7.21 0c1.55,0 2.81,1.26 2.81,2.82 0,1.55 -1.26,2.82 -2.81,2.82 -1.56,0 -2.82,-1.27 -2.82,-2.82 0,-1.56 1.26,-2.82 2.82,-2.82z"/>
+   <g>
+    <path class="fil1" d="M75.76 10.36l0.99 0c0.08,0 0.17,0.07 0.18,0.16l0.27 1.41c0.02,0.09 -0.04,0.16 -0.13,0.16l-0.98 0c-0.09,0 -0.17,-0.07 -0.19,-0.16l-0.26 -1.41c-0.02,-0.09 0.04,-0.16 0.12,-0.16z"/>
+    <path class="fil1" d="M69.64 4.89l3.26 0 0 -0.7c0,-0.09 0.07,-0.16 0.16,-0.16l1.37 0c0.09,0 0.16,0.07 0.16,0.16l0 0.7 3.26 0c0.09,0 0.16,0.07 0.16,0.15l0 1.41 -1.51 0 0 -0.6 -5.51 0 0 0.6 -1.51 0 0 -1.41c0,-0.08 0.07,-0.15 0.16,-0.15z"/>
+    <path class="fil1" d="M69.41 12.47l3.49 0 0 -2.53 -3.47 0 0 -0.79c0,-0.09 0.07,-0.16 0.15,-0.16l3.32 0 0 -1.16 -3.47 0 0 -0.79c0,-0.09 0.07,-0.16 0.15,-0.16l8.33 0c0.08,0 0.15,0.07 0.15,0.16l0 0.79 -3.47 0 0 1.16 3.32 0c0.08,0 0.15,0.07 0.15,0.16l0 0.79 -3.47 0 0 2.53 3.49 0c0.09,0 0.16,0.07 0.16,0.15l0 0.8 -8.99 0 0 -0.8c0,-0.08 0.07,-0.15 0.16,-0.15z"/>
+    <path class="fil1" d="M80.03 4.86l3.23 0 0 -0.67c0,-0.09 0.07,-0.16 0.15,-0.16l1.37 0c0.09,0 0.16,0.07 0.16,0.16l0 0.67 3.23 0c0.08,0 0.15,0.07 0.15,0.16l0 0.87 -3.38 0 0 2.48 3.43 0c0.1,0 0.18,0.08 0.18,0.18l0 1.02 -1.34 0 1.34 3.84 -1.54 0 -1.34 -3.84 -0.73 0 0 3.79 -1.68 0 0 -3.79 -0.73 0 -1.35 3.84 -1.54 0 1.35 -3.84 -1.35 0 0 -1.02c0,-0.1 0.09,-0.18 0.19,-0.18l3.43 0 0 -2.48 -3.39 0 0 -0.87c0,-0.09 0.07,-0.16 0.16,-0.16zm7.37 1.29l-1.23 0c-0.08,0 -0.17,0.07 -0.2,0.15l-0.59 1.79c-0.03,0.08 0.02,0.15 0.1,0.15l1.23 0c0.09,0 0.18,-0.07 0.21,-0.15l0.59 -1.79c0.03,-0.08 -0.02,-0.15 -0.11,-0.15zm-6.71 0l1.23 0c0.08,0 0.17,0.07 0.2,0.15l0.59 1.79c0.03,0.08 -0.02,0.15 -0.1,0.15l-1.23 0c-0.09,0 -0.18,-0.07 -0.21,-0.15l-0.59 -1.79c-0.02,-0.08 0.02,-0.15 0.11,-0.15z"/>
+    <path class="fil1" d="M91.92 6.53l3.63 0c0.08,0 0.15,0.07 0.15,0.15l0 0.46c0,0.09 -0.07,0.15 -0.15,0.15l-3.68 0 -0.38 6.12 -1.56 0 0.54 -8.39c0,-0.09 0.07,-0.16 0.16,-0.16l0.05 0 1.35 0 3.64 0 -0.14 -0.67c-0.02,-0.09 0.04,-0.16 0.13,-0.16l1.14 0c0.09,0 0.17,0.07 0.19,0.16l0.14 0.67 1.48 0c0.09,0 0.16,0.07 0.16,0.16l0 0.87 -1.44 0 0.24 1.19 0.13 -0.36c0.03,-0.08 0.13,-0.15 0.21,-0.15l0.87 0 -0.83 2.37 0.9 4.47 -1.3 0c-0.09,0 -0.17,-0.07 -0.19,-0.16l-0.34 -1.67 -0.58 1.67c-0.03,0.09 -0.13,0.16 -0.21,0.16l-0.87 0 1.29 -3.69 -0.78 -3.83 -3.91 0 -0.04 0.64zm5.68 -2.52l0.83 0c0.09,0 0.16,0.07 0.16,0.16l0 0.36c0,0.09 -0.07,0.16 -0.16,0.16l-0.83 0c-0.08,0 -0.15,-0.07 -0.15,-0.16l0 -0.36c0,-0.09 0.07,-0.16 0.15,-0.16z"/>
+    <path class="fil1" d="M93.28 10.63l0.53 0 0.59 -1.45 -0.59 0 -0.53 1.45zm1.42 -2.18l0 -0.01 1.06 0 0 0.01 0.01 0 -0.27 0.73 -0.01 0c-0.18,0.53 -0.29,0.89 -0.57,1.63l-0.66 -0.03 0 0.01 1.11 2.62 -1.32 0 -0.45 -1.07 -0.46 1.07 -1.31 0 1.11 -2.62 0 -0.01 -0.63 0c-0.09,0 -0.13,-0.07 -0.1,-0.16l0.52 -1.44 -0.39 0c-0.08,0 -0.15,-0.07 -0.15,-0.15l0 -0.43c0,-0.08 0.07,-0.15 0.15,-0.15l0.66 0 0.23 -0.65c0.03,-0.09 0.13,-0.16 0.21,-0.16l0.77 0c0.09,0 0.13,0.07 0.1,0.16l-0.24 0.65 0.63 0z"/>
+   </g>
+   <path class="fil1" d="M14.15 12.2c0.42,-0.78 0.66,-1.67 0.66,-2.62 0,-3.05 -2.47,-5.52 -5.52,-5.52 -0.96,0 -1.86,0.24 -2.64,0.67l0 2.28c0.66,-0.69 1.6,-1.12 2.64,-1.12 2.03,0 3.68,1.65 3.68,3.69 0,2.03 -1.65,3.68 -3.68,3.68 -1.02,0 -1.94,-0.41 -2.6,-1.07 -0.66,-0.65 -0.82,-1.64 -0.85,-2.62l0 -6.07 0 -2.96 0 -0.07 0 0 0 -0.2c0.65,-0.18 1.33,-0.27 2.04,-0.27 4.35,0 7.87,3.53 7.87,7.88 0,4.35 -3.52,7.87 -7.87,7.87 -4.35,0 -7.88,-3.52 -7.88,-7.87 0,-2.9 1.57,-5.43 3.9,-6.8l0 0.23 0 0 0 0.08 0 2.11 0 5.69c0,0.9 0.03,1.36 0.22,2.05 0.44,1.56 1.51,2.75 2.97,3.4 0.68,0.29 1.42,0.46 2.2,0.46 0.59,0 1.15,-0.1 1.68,-0.27 1.29,-0.57 2.38,-1.49 3.18,-2.63z"/>
+  </g>
+  <polygon class="fil0" points="3.02,20.51 3.02,18.98 12.73,18.98 12.73,20.51 "/>
+  <path class="fil2" d="M17.53 16.19c0.16,0.04 0.2,0.14 0.1,0.31 -0.27,0.06 -0.55,0.11 -0.85,0.14l0 1.26 0.9 0c0.13,0.1 0.13,0.2 0,0.3l-0.8 0c0.4,0.53 0.73,1.03 1,1.5 0.03,0.2 -0.05,0.27 -0.25,0.2 -0.27,-0.47 -0.55,-0.9 -0.85,-1.3l0 3.4c-0.1,0.14 -0.2,0.14 -0.3,0l0 -2.95c-0.24,0.53 -0.55,1.05 -0.95,1.55 -0.17,0.03 -0.24,-0.03 -0.21,-0.2 0.57,-0.77 0.94,-1.5 1.11,-2.2l-1.01 0c-0.13,-0.1 -0.13,-0.2 0,-0.3l1.06 0 0 -1.21 -0.8 0c-0.14,-0.1 -0.14,-0.19 0,-0.3 0.7,0.04 1.31,-0.03 1.85,-0.2zm3.05 0.1l0 3.76 0.6 -0.1c0.14,0.1 0.14,0.2 0,0.3l-0.6 0.1 0 1.65c-0.1,0.14 -0.2,0.14 -0.3,0l0 -1.6 -2.6 0.3c-0.14,-0.1 -0.14,-0.2 0,-0.3l2.6 -0.3 0 -3.81c0.1,-0.16 0.2,-0.16 0.3,0zm-1.95 0.05c0.43,0.44 0.92,0.97 1.45,1.61 0.07,0.2 0,0.28 -0.2,0.25 -0.57,-0.67 -1.05,-1.21 -1.45,-1.61 -0.04,-0.2 0.03,-0.28 0.2,-0.25zm-0.4 1.66c0.57,0.53 1.07,1.03 1.5,1.5 0.07,0.2 -0.02,0.27 -0.25,0.2 -0.53,-0.57 -1.02,-1.05 -1.45,-1.45 -0.04,-0.17 0.03,-0.25 0.2,-0.25zm8.05 -1.76l0 0.7 1.7 0c0.17,0.11 0.17,0.21 0,0.31l-1.7 0 0 1 1 0c0.43,0 0.58,0.2 0.45,0.6 -0.23,0.63 -0.65,1.23 -1.25,1.8 0.57,0.47 1.1,0.82 1.6,1.05 0.17,0.17 0.13,0.27 -0.1,0.3 -0.6,-0.27 -1.18,-0.65 -1.75,-1.15 -0.77,0.53 -1.54,0.9 -2.3,1.1 -0.2,-0.07 -0.22,-0.17 -0.05,-0.3 0.8,-0.23 1.5,-0.57 2.1,-1 -0.5,-0.57 -0.9,-1.27 -1.2,-2.1l-0.2 0c-0.14,-0.1 -0.14,-0.2 0,-0.3l1.4 0 0 -1 -1.6 0c-0.14,-0.1 -0.14,-0.2 0,-0.31l1.6 0 0 -0.7c0.1,-0.13 0.2,-0.13 0.3,0zm-2.71 0.1l0 1.21 0.81 0c0.13,0.1 0.13,0.2 0,0.3l-0.81 0 0 1.5c0.17,-0.1 0.39,-0.24 0.66,-0.4 0.16,0 0.21,0.08 0.15,0.25 -0.24,0.16 -0.5,0.33 -0.81,0.5l0 1.9c0,0.37 -0.36,0.47 -1.1,0.3 -0.1,-0.17 -0.06,-0.27 0.1,-0.3 0.5,0.13 0.74,0.12 0.7,-0.05l0 -1.7c-0.23,0.13 -0.48,0.25 -0.75,0.35 -0.16,-0.07 -0.2,-0.17 -0.1,-0.3 0.27,-0.1 0.55,-0.24 0.85,-0.4l0 -1.65 -0.8 0c-0.16,-0.1 -0.16,-0.2 0,-0.3l0.8 0 0 -1.21c0.1,-0.16 0.21,-0.16 0.3,0zm1.51 2.21c0.3,0.76 0.68,1.4 1.15,1.9 0.57,-0.53 0.97,-1.1 1.2,-1.7 0.03,-0.14 -0.03,-0.2 -0.2,-0.2l-2.15 0zm5.94 -2.21c0.14,-0.13 0.27,-0.13 0.4,0 0.54,0.47 1.11,1.04 1.71,1.71 0.03,0.23 -0.05,0.3 -0.25,0.2 -0.54,-0.64 -1.04,-1.15 -1.51,-1.56 -0.06,-0.1 -0.15,-0.1 -0.25,0 -0.46,0.67 -1.01,1.22 -1.65,1.66 -0.2,0 -0.25,-0.09 -0.15,-0.25 0.64,-0.44 1.2,-1.02 1.7,-1.76zm4.01 0l0 5.11c0,0.57 -0.44,0.7 -1.3,0.4 -0.14,-0.17 -0.1,-0.27 0.1,-0.3 0.6,0.27 0.9,0.22 0.9,-0.15l0 -5.06c0.1,-0.13 0.2,-0.13 0.3,0zm-1.2 0.3l0 3.91c-0.1,0.17 -0.2,0.17 -0.3,0l0 -3.91c0.1,-0.13 0.2,-0.13 0.3,0zm-3.36 1.51l1.51 0c0.36,0 0.53,0.16 0.5,0.5l-0.05 1.15c-0.07,0.53 -0.51,0.63 -1.31,0.3 -0.13,-0.17 -0.1,-0.27 0.1,-0.3 0.57,0.27 0.87,0.25 0.91,-0.05l0.05 -1c0.03,-0.2 -0.07,-0.3 -0.31,-0.3l-1.3 0c-0.2,0 -0.3,0.1 -0.3,0.3l0 2.3c0.04,0.37 0.19,0.53 0.45,0.5l1.61 0c0.33,0.07 0.48,-0.23 0.45,-0.9 0.1,-0.17 0.2,-0.17 0.3,0 0.03,0.83 -0.2,1.23 -0.7,1.2l-1.81 0c-0.4,-0.03 -0.6,-0.3 -0.6,-0.8l0 -2.4c0,-0.34 0.17,-0.5 0.5,-0.5zm6.15 0.1l0.9 0c-0.1,-0.3 -0.2,-0.55 -0.3,-0.75 0,-0.17 0.09,-0.22 0.25,-0.15 0.17,0.3 0.3,0.6 0.4,0.9l0.55 0c0.27,-0.4 0.44,-0.7 0.5,-0.9 0.14,-0.07 0.22,-0.02 0.25,0.15 -0.13,0.3 -0.26,0.55 -0.4,0.75l1.05 0c0.14,0.1 0.14,0.2 0,0.3l-1.5 0 0 0.7 1.2 0c0.14,0.1 0.14,0.2 0,0.3l-1.2 0 0 2c0.07,0.43 -0.33,0.53 -1.2,0.3 -0.07,-0.17 -0.02,-0.27 0.15,-0.3 0.57,0.2 0.82,0.18 0.75,-0.05l0 -1.95 -1.4 0c-0.13,-0.1 -0.13,-0.2 0,-0.3l1.4 0 0 -0.7 -1.4 0c-0.17,-0.1 -0.17,-0.2 0,-0.3zm5.46 -1.91c0.16,0.04 0.2,0.14 0.1,0.3 -0.5,0.17 -1.05,0.27 -1.65,0.3 -0.14,0 -0.2,0.07 -0.2,0.21l0 1.1 2 0c0.13,0.1 0.13,0.2 0,0.3l-0.6 0 0 3.4c-0.1,0.13 -0.2,0.13 -0.3,0l0 -3.4 -1.1 0 0 0.85c0.03,1.1 -0.21,1.95 -0.71,2.55 -0.2,0.07 -0.28,0 -0.25,-0.2 0.47,-0.53 0.69,-1.35 0.66,-2.45l0 -2.25c0,-0.27 0.14,-0.41 0.45,-0.41 0.46,0 1,-0.1 1.6,-0.3zm-4.01 0.46c-0.03,-0.24 -0.08,-0.41 -0.15,-0.51 0.04,-0.2 0.14,-0.25 0.3,-0.15 0.07,0.14 0.14,0.36 0.2,0.66l1.2 0c0.14,0.1 0.14,0.19 0,0.3l-2.9 0c-0.13,-0.11 -0.13,-0.2 0,-0.3l1.35 0zm-0.7 3.15c0.14,-0.1 0.24,-0.07 0.3,0.1 -0.2,0.47 -0.45,0.93 -0.75,1.4 -0.23,0.07 -0.32,0 -0.25,-0.2 0.27,-0.4 0.5,-0.83 0.7,-1.3zm1.2 0.1c-0.03,-0.17 0.05,-0.22 0.25,-0.15 0.2,0.4 0.39,0.85 0.55,1.35 -0.06,0.17 -0.16,0.2 -0.3,0.1 -0.13,-0.43 -0.3,-0.87 -0.5,-1.3zm6.25 -3.81c-0.03,0.4 -0.15,0.96 -0.35,1.66l0 3.95c-0.1,0.17 -0.2,0.17 -0.3,0l0 -3.35c-0.17,0.4 -0.33,0.7 -0.5,0.9 -0.17,0.07 -0.25,0.01 -0.25,-0.15 0.6,-0.9 0.97,-1.9 1.1,-3.01 0.1,-0.16 0.2,-0.16 0.3,0zm1.7 0c0.1,-0.13 0.2,-0.13 0.3,0l-0.05 1.21 2.46 0c0.16,0.1 0.16,0.2 0,0.3l-2.46 0c-0.16,1.83 -0.78,3.25 -1.85,4.25 -0.17,0 -0.22,-0.08 -0.15,-0.25 0.97,-0.97 1.54,-2.3 1.7,-4l-1.45 0c-0.17,-0.1 -0.17,-0.2 0,-0.3l1.45 0 0.05 -1.21zm0.85 0c0.47,0.2 0.91,0.42 1.31,0.66 0.06,0.16 0.01,0.25 -0.15,0.25 -0.51,-0.27 -0.94,-0.47 -1.31,-0.61 -0.06,-0.2 -0.01,-0.3 0.15,-0.3zm-0.3 1.81c0.1,-0.17 0.2,-0.17 0.3,0l0 3.15c0,0.27 0.12,0.38 0.35,0.35l0.65 0c0.44,0.07 0.64,-0.3 0.61,-1.1 0.1,-0.2 0.2,-0.2 0.3,0 0.03,0.97 -0.24,1.43 -0.8,1.4l-0.81 0c-0.4,0.03 -0.6,-0.18 -0.6,-0.65l0 -3.15zm6.95 -1.81l0 2.31c0.84,-0.57 1.42,-1.09 1.75,-1.56 0.17,-0.06 0.25,0 0.25,0.21 -0.5,0.63 -1.16,1.2 -2,1.7l0 2.45c0,0.23 0.14,0.33 0.4,0.3l1.25 0c0.3,0.07 0.44,-0.47 0.4,-1.6 0.1,-0.13 0.2,-0.13 0.3,0 0.07,1.3 -0.15,1.93 -0.65,1.9l-1.35 0c-0.43,0.03 -0.65,-0.13 -0.65,-0.5l0 -2.4c-0.63,0.36 -1.1,0.6 -1.4,0.7 -0.17,0 -0.2,-0.1 -0.1,-0.3 0.53,-0.2 1.03,-0.45 1.5,-0.75l0 -2.46c0.1,-0.16 0.2,-0.16 0.3,0zm-2.05 0c0.1,-0.16 0.2,-0.16 0.3,0 -0.13,0.67 -0.32,1.26 -0.55,1.76l0 3.9c-0.1,0.2 -0.2,0.2 -0.3,0l0 -3.4c-0.23,0.36 -0.47,0.65 -0.7,0.85 -0.17,0.03 -0.24,-0.04 -0.2,-0.2 0.73,-0.77 1.22,-1.74 1.45,-2.91zm6.1 0.15c-0.07,-0.2 0,-0.28 0.2,-0.25 0.33,0.27 0.63,0.55 0.9,0.85 0.06,0.21 0,0.27 -0.2,0.21 -0.3,-0.3 -0.6,-0.57 -0.9,-0.81zm1.2 -0.15l4 0c0.1,0.1 0.1,0.2 0,0.3l-1.2 0 0 0.81 0.75 0c0.4,0 0.59,0.16 0.55,0.5l0 3.6c0.04,0.37 -0.16,0.53 -0.6,0.5l-2.9 0c-0.34,0.03 -0.5,-0.13 -0.5,-0.5l0 -3.55c0.03,-0.37 0.2,-0.55 0.5,-0.55l0.7 0 0 -0.81 -1.3 0c-0.14,-0.1 -0.14,-0.2 0,-0.3zm2.5 0.3l-0.9 0 0 0.81 0.9 0 0 -0.81zm-1.2 1.11l-0.6 0c-0.2,0 -0.3,0.1 -0.3,0.3l0 2.5 3.4 0 0 -0.75 -0.7 0c-0.4,0.03 -0.6,-0.17 -0.6,-0.6l0 -1.45 -0.9 0c0.03,0.96 -0.22,1.7 -0.75,2.2 -0.2,0 -0.25,-0.08 -0.15,-0.25 0.47,-0.5 0.67,-1.15 0.6,-1.95zm2.2 0l-0.7 0 0 1.5c0,0.2 0.1,0.28 0.3,0.25l0.7 0 0 -1.45c0.04,-0.2 -0.06,-0.3 -0.3,-0.3zm-4.85 0.3c0.36,0.3 0.68,0.58 0.95,0.85 0.06,0.2 0,0.26 -0.2,0.2 -0.3,-0.27 -0.62,-0.54 -0.95,-0.8 -0.07,-0.2 0,-0.29 0.2,-0.25zm0.8 1.7c0.16,-0.17 0.27,-0.15 0.3,0.05 -0.24,0.63 -0.59,1.28 -1.05,1.95 -0.2,0.1 -0.29,0.05 -0.25,-0.15 0.46,-0.7 0.8,-1.32 1,-1.85zm4.35 1.1l-3.4 0 0 0.6c0,0.23 0.1,0.33 0.3,0.3l2.8 0c0.24,0.03 0.34,-0.07 0.3,-0.3l0 -0.6zm4.65 -4.66c0.1,0.17 0.18,0.35 0.25,0.55l2.2 0c0.17,0.11 0.17,0.21 0,0.3l-4.4 0c-0.2,0 -0.3,0.11 -0.3,0.31l0 1.7c0.03,1.3 -0.15,2.32 -0.55,3.05 -0.21,0.07 -0.29,0 -0.26,-0.2 0.37,-0.7 0.54,-1.65 0.51,-2.85l0 -1.8c0,-0.34 0.16,-0.51 0.5,-0.51l2 0c-0.07,-0.16 -0.13,-0.31 -0.2,-0.45 0,-0.13 0.08,-0.16 0.25,-0.1zm0.25 1.06l0 0.8 2.45 0c0.17,0.1 0.17,0.2 0,0.3l-2.45 0 0 1 1.4 0c0.43,0 0.63,0.16 0.6,0.5l0 1.6c0.03,0.37 -0.13,0.53 -0.5,0.5l-2.9 0c-0.34,0.03 -0.5,-0.13 -0.5,-0.5l0 -1.6c0,-0.34 0.16,-0.5 0.5,-0.5l1.1 0 0 -2.1c0.1,-0.14 0.2,-0.14 0.3,0zm1.3 2.4l-2.6 0c-0.2,0 -0.3,0.1 -0.3,0.3l0 1.4c0,0.23 0.1,0.33 0.3,0.3l2.7 0c0.23,0.03 0.33,-0.07 0.3,-0.3l0 -1.4c0.03,-0.2 -0.1,-0.3 -0.4,-0.3zm2.79 -3.36c0.34,0.24 0.65,0.49 0.95,0.75 0.11,0.17 0.06,0.27 -0.14,0.31 -0.41,-0.34 -0.72,-0.59 -0.96,-0.75 -0.13,-0.17 -0.08,-0.27 0.15,-0.31zm1.66 0.15l3.15 0c0.13,0.1 0.13,0.2 0,0.3l-3.15 0c-0.14,-0.1 -0.14,-0.2 0,-0.3zm-0.35 1.71l3.95 0c0.13,0.1 0.13,0.2 0,0.3l-2.05 0c-0.37,1 -0.77,1.75 -1.2,2.25l2.7 -0.15c-0.3,-0.67 -0.53,-1.12 -0.7,-1.35 0.03,-0.2 0.12,-0.27 0.25,-0.2 0.47,0.83 0.83,1.6 1.1,2.3 -0.03,0.17 -0.13,0.2 -0.3,0.1l-0.2 -0.55 -3.1 0.2c-0.2,0 -0.24,-0.13 -0.1,-0.4 0.6,-0.73 1,-1.47 1.2,-2.2l-1.55 0c-0.14,-0.1 -0.14,-0.2 0,-0.3zm-1.61 0.2l0.65 0c0.34,0 0.49,0.18 0.46,0.55l0 1.7c0.53,0.8 1.2,1.18 2,1.15l2.6 0c0.17,0.1 0.17,0.2 0,0.3l-2.55 0c-0.87,0.03 -1.55,-0.27 -2.05,-0.9 -0.24,0.37 -0.54,0.65 -0.91,0.85 -0.16,0.03 -0.23,-0.03 -0.2,-0.2 0.6,-0.43 0.87,-0.8 0.8,-1.1l0 -1.75c0.04,-0.2 -0.05,-0.3 -0.25,-0.3l-0.55 0c-0.13,-0.1 -0.13,-0.2 0,-0.3zm8.95 -2.01l0 0.61 1.91 0 0 -0.61c0.1,-0.13 0.2,-0.13 0.3,0l0 0.61 1.4 0c0.13,0.09 0.13,0.2 0,0.3l-1.4 0 0 0.5c-0.1,0.13 -0.2,0.13 -0.3,0l0 -0.5 -1.91 0 0 0.5c-0.1,0.16 -0.2,0.16 -0.3,0l0 -0.5 -1.4 0c-0.13,-0.1 -0.13,-0.21 0,-0.3l1.4 0 0 -0.61c0.1,-0.16 0.2,-0.16 0.3,0zm-1.05 1.71l4.46 0c0.37,0 0.53,0.16 0.5,0.5 -0.03,0.3 -0.13,0.56 -0.3,0.8 -0.2,0.1 -0.3,0.05 -0.3,-0.15 0.37,-0.57 0.37,-0.85 0,-0.85l-4.41 0c-0.2,0 -0.3,0.1 -0.3,0.3l0 0.7c-0.1,0.13 -0.2,0.13 -0.3,0l0 -0.8c0,-0.34 0.22,-0.5 0.65,-0.5zm0.55 0.8l3.06 0c0.36,0 0.53,0.16 0.5,0.5l0 0.3c0.03,0.37 -0.14,0.53 -0.5,0.5l-3.06 0c-0.33,0.03 -0.5,-0.13 -0.5,-0.5l0 -0.3c0,-0.34 0.17,-0.5 0.5,-0.5zm3.26 0.6c0.03,-0.2 -0.07,-0.3 -0.3,-0.3l-2.86 0c-0.2,0 -0.3,0.1 -0.3,0.3l0 0.1c0,0.23 0.1,0.33 0.3,0.3l2.86 0c0.23,0.03 0.33,-0.07 0.3,-0.3l0 -0.1zm-3.66 1.1l3.76 0c0.36,0 0.53,0.17 0.5,0.5l0 0.4c0.03,0.37 -0.15,0.53 -0.55,0.5l-3.71 0c-0.26,0.03 -0.4,-0.13 -0.4,-0.5l0 -0.4c0,-0.33 0.14,-0.5 0.4,-0.5zm3.66 0.3l-3.51 0c-0.16,0 -0.25,0.1 -0.25,0.3l0 0.2c0,0.23 0.09,0.33 0.25,0.3l3.51 0c0.23,0.03 0.33,-0.07 0.3,-0.3l0 -0.2c0.03,-0.2 -0.07,-0.3 -0.3,-0.3zm3.29 -4.66c0.2,-0.1 0.29,-0.05 0.25,0.15l-0.1 0.15 1.8 0c0.17,0.11 0.17,0.2 0,0.3l-1.15 0c0.1,0.24 0.17,0.44 0.2,0.61 -0.06,0.16 -0.16,0.18 -0.3,0.05 -0.03,-0.14 -0.1,-0.36 -0.2,-0.66l-0.5 0c-0.16,0.24 -0.35,0.46 -0.55,0.66 -0.2,0.1 -0.28,0.05 -0.25,-0.15 0.33,-0.37 0.6,-0.74 0.8,-1.11zm2.5 0c0.17,-0.1 0.25,-0.05 0.25,0.15l-0.1 0.15 2.01 0c0.16,0.11 0.16,0.2 0,0.3l-1.15 0c0.06,0.17 0.13,0.39 0.2,0.66 -0.07,0.16 -0.17,0.18 -0.3,0.05 -0.07,-0.27 -0.15,-0.5 -0.25,-0.71l-0.66 0c-0.1,0.17 -0.21,0.34 -0.35,0.51 -0.16,0.1 -0.25,0.05 -0.25,-0.15 0.24,-0.34 0.44,-0.66 0.6,-0.96zm-1.2 1.06c0,-0.17 0.09,-0.22 0.25,-0.16 0.17,0.24 0.3,0.44 0.4,0.61l2.36 0c0.43,0 0.61,0.21 0.55,0.65 -0.04,0.23 -0.1,0.46 -0.2,0.7 -0.17,0.13 -0.27,0.1 -0.3,-0.1 0.26,-0.64 0.23,-0.95 -0.1,-0.95l-4.51 0c-0.2,0 -0.3,0.1 -0.3,0.3l0 0.7c-0.1,0.16 -0.2,0.16 -0.3,0l0 -0.75c0,-0.37 0.17,-0.55 0.5,-0.55l1.95 0c-0.06,-0.1 -0.16,-0.25 -0.3,-0.45zm-0.85 1.15l3.01 0c0.36,0 0.53,0.16 0.5,0.5l0 0.5c0.03,0.36 -0.14,0.53 -0.5,0.5l-3.21 0 0 0.5 3.36 0c0.4,0 0.58,0.17 0.55,0.5l0 0.7c0.03,0.37 -0.15,0.53 -0.55,0.5l-3.16 0c-0.33,0.03 -0.5,-0.15 -0.5,-0.55l0 -2.65c0,-0.34 0.17,-0.5 0.5,-0.5zm2.96 0.3l-2.86 0c-0.2,0 -0.3,0.08 -0.3,0.25l0 0.65 3.11 0c0.23,0.03 0.33,-0.05 0.3,-0.25l0 -0.4c0.03,-0.17 -0.05,-0.25 -0.25,-0.25zm0.15 2l-3.31 0 0 0.8c0,0.23 0.1,0.33 0.3,0.3l3.01 0c0.23,0.03 0.33,-0.05 0.3,-0.25l0 -0.55c0.03,-0.2 -0.07,-0.3 -0.3,-0.3zm5.29 -4.26l2.31 0c0.36,0 0.53,0.17 0.5,0.51l0 2.1c0.03,0.36 -0.14,0.53 -0.5,0.5l-1.01 0 0 0.8 1.51 0c0.13,0.1 0.13,0.2 0,0.3l-1.51 0 0 0.9 1.81 0c0.13,0.1 0.13,0.2 0,0.3l-3.91 0c-0.13,-0.07 -0.13,-0.17 0,-0.3l1.8 0 0 -0.9 -1.4 0c-0.13,-0.07 -0.13,-0.17 0,-0.3l1.4 0 0 -0.8 -1 0c-0.33,0.03 -0.5,-0.15 -0.5,-0.55l0 -2.05c0,-0.34 0.17,-0.51 0.5,-0.51zm1 0.3l-0.95 0c-0.16,0 -0.25,0.11 -0.25,0.3l0 0.81 1.2 0 0 -1.11zm1.21 0l-0.91 0 0 1.11 1.21 0 0 -0.81c0.03,-0.19 -0.07,-0.3 -0.3,-0.3zm-1.21 1.41l-1.2 0 0 0.85c0,0.2 0.1,0.28 0.3,0.25l0.9 0 0 -1.1zm1.51 0l-1.21 0 0 1.1 0.91 0c0.23,0.03 0.33,-0.07 0.3,-0.3l0 -0.8zm-5.16 -1.61l1.9 0c0.13,0.1 0.13,0.2 0,0.31l-0.8 0 0 2 0.7 0c0.14,0.1 0.14,0.2 0,0.3l-0.7 0 0 2.05c0.3,-0.13 0.55,-0.27 0.75,-0.4 0.2,0.03 0.23,0.13 0.1,0.3 -0.7,0.4 -1.37,0.68 -2,0.85 -0.17,-0.07 -0.18,-0.17 -0.05,-0.3 0.2,-0.03 0.5,-0.13 0.9,-0.3l0 -2.2 -0.7 0c-0.13,-0.1 -0.13,-0.2 0,-0.3l0.7 0 0 -2 -0.8 0c-0.13,-0.11 -0.13,-0.21 0,-0.31z"/>
+ </g>
+</svg>
diff --git a/public/pic/BLWTG.png b/public/pic/BLWTG.png
new file mode 100644
index 0000000..5c2eb91
Binary files /dev/null and b/public/pic/BLWTG.png differ
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..8433427
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,595 @@
+<template>
+  <div class="main-container">
+    <template v-if="alreadyLogin">
+      <!-- 顶部导航栏 -->
+      <el-header class="top-header">
+        <!-- Logo区域 -->
+        <div class="logo-container">
+          <!-- Logo显示（根据屏幕尺寸切换） -->
+          <img v-if="!isMobile" src="../public/logobig.svg" @click="handleLeftClick('home')" style="cursor: pointer; height: 30px;" />
+          <img v-else="isMobile" src="../public/logo.svg" @click="handleLeftClick('home')" style="cursor: pointer; height: 30px; margin-right: 10px;" />
+        </div>
+
+        <!-- 横向菜单（桌面端显示）暂时v-show隐藏，不能删除 -->
+        <el-menu ref="parentRef"
+                 mode="horizontal"
+                 v-show="false"
+                 class="horizontal-menu"
+                 :default-active="currentTitle.routes"
+                 @select="menuChange">
+          <template v-for="menu in menuValue" :key="menu.label">
+            <el-sub-menu v-if="menu.options" :index="menu.value">
+              <template #title>
+                <el-icon>
+                  <component :is="menu.icon" />
+                </el-icon>
+                <span>{{ menu.label }}</span>
+              </template>
+              <el-menu-item v-for="item in menu.options"
+                            :key="item.value"
+                            :index="item.value">
+                <el-icon>
+                  <component :is="item.icon" />
+                </el-icon>
+                {{ item.label }}
+              </el-menu-item>
+            </el-sub-menu>
+            <el-menu-item v-else :index="menu.value">
+              <el-icon>
+                <component :is="menu.icon" />
+              </el-icon>
+              {{ menu.label }}
+            </el-menu-item>
+          </template>
+        </el-menu>
+
+        <!-- 中间区域 -->
+        <div class="header-center">
+          <img src="../public/pic/BLWTG.png" class="center-logo" />
+          <span class="center-text">宝来威-天工平台</span>
+        </div>
+
+        <!-- 右侧操作区 -->
+        <div class="header-right">
+<!--          <el-select v-model="selectedProjectId" placeholder="请选择项目" filterable clearable @change="handleProjectChangeApp"
+                     style="width:250px;margin: 0 10px;" :disabled="isProjectLocked">
+            <el-option v-for="project in projectList" :key="project.id" :label="project.projectName" :value="project.id" />
+          </el-select>
+          <el-popover placement="bottom-end" :width="1100" trigger="click">
+            <template #reference>
+              <el-button v-if="selectedProject">项目详情</el-button>
+            </template>
+            <template #default>
+              <el-descriptions border column="4" size="small" class="details" v-if="selectedProject">
+                <el-descriptions-item label="项目名称">{{ selectedProject.projectName }}</el-descriptions-item>
+                <el-descriptions-item label="详细地址">{{ selectedProject.addressDetail }}</el-descriptions-item>
+                <el-descriptions-item label="所在地区">{{ selectedProject.quyu }} · {{ selectedProject.shengfen }}</el-descriptions-item>
+                <el-descriptions-item label="项目编号">{{ selectedProject.projectCode }}</el-descriptions-item>
+                <el-descriptions-item label="审批状态">
+                  <el-tag size="small" :type="selectedProject.shengpiStatus === '3' ? 'success' : 'warning'">
+                    {{ selectedProject.shengpiStatus === '3' ? '已批准' : '待审批' }}
+                  </el-tag>
+                </el-descriptions-item>
+                <el-descriptions-item label="报备信息">{{ selectedProject.customization }}</el-descriptions-item>
+                <el-descriptions-item label="房间信息">{{ selectedProject.roomTypeCount }} 种房型 · {{ selectedProject.roomTotalCount }} 间客房</el-descriptions-item>
+                <el-descriptions-item label="最后更新">{{ formatDate(selectedProject.updatetime) }}</el-descriptions-item>
+              </el-descriptions>
+            </template>
+          </el-popover>-->
+
+          <!-- 刷新 -->
+<!--          <el-button link size="large" style="font-size:22px"
+                     @click="refreshToHome"
+                     icon="Refresh" />-->
+
+          <!-- 用户头像 -->
+          <el-popover v-model:visible="showPopover"
+                      placement="bottom-end"
+                      trigger="click">
+            <template #reference>
+              <el-avatar class="user-avatar"
+                         :src="userAvatar" />
+            </template>
+            <div class="user-menu">
+              <el-button link @click="handleAction('logout')">退出登录</el-button>
+            </div>
+          </el-popover>
+        </div>
+      </el-header>
+
+      <!-- 路由内容区 -->
+      <div class="router-container" :class="{'mobile-view': isMobile}">
+        <keep-alive :include="cachedViews">
+          <router-view v-slot="{ Component }">
+            <component :is="Component"
+                       :key="route.fullPath"
+                       class="router-view-container" />
+          </router-view>
+        </keep-alive>
+      </div>
+    </template>
+
+    <template v-else>
+      <router-view />
+    </template>
+
+    <el-footer class="global-footer" :class="{'mobile-footer': isMobile}" v-if="!isMobile">
+      Copyright © 2025 宝来威智能(广东)有限公司. All Rights Reserved.
+    </el-footer>
+  </div>
+</template>
+
+<script setup>
+  import { useDark, useToggle } from '@vueuse/core'
+  import { provide, ref, onMounted, computed, reactive, inject, watch } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+  import en from 'element-plus/dist/locale/en.mjs'
+  import { useRouter, useRoute } from 'vue-router'
+  import { createAxiosInstance } from './axios.js'
+
+  const language = ref('zh-cn')
+  const locale = computed(() => (language.value === 'zh-cn' ? zhCn : en))
+
+  const isDark = useDark()
+  const toggleDark = useToggle(isDark)
+
+  const toggle = () => {
+    language.value = language.value === 'zh-cn' ? 'en' : 'zh-cn'
+  }
+
+  const checkLoginStatus = () => {
+    alreadyLogin.value = localStorage.getItem('login') == 'true'
+  }
+
+
+  const userAvatar = ref("")
+  const drawerVisible = ref(false) // 控制移动端侧边栏显示
+
+  // 检测屏幕大小变化的函数
+  const isMobile = ref(false)
+  const checkIfMobile = () => {
+    isMobile.value = window.innerWidth < 768;
+  }
+
+
+  const projectList = ref([]);
+  const selectedProjectId = ref(null);
+  const selectedProject = ref(null)
+  const cloudHttp = createAxiosInstance(0);
+  const localHttp = createAxiosInstance(1);
+
+  const getProject = async () => {
+    try {
+      const rs = await cloudHttp.post('AasProjectInfoes/Get_ProjectByStatusCode');
+      projectList.value = rs.data.response.sort((a, b) => b.id - a.id);
+    } catch (error) {
+      console.error('获取项目列表失败:', error);
+      ElMessage.error('获取项目列表失败');
+    }
+  }
+  const handleProjectChangeApp = async (projectId) => {
+    if (!projectId) {
+      selectedProject.value = null;
+      return;
+    }
+    selectedProject.value = projectList.value.find(p => p.id === projectId);
+    if (!selectedProject.value) {
+      ElMessage.warning('未找到选中的项目');
+      return;
+    }
+  };
+  const helloworld = () => {
+    try {
+      if (getUrl() == "/login") {
+        return
+      }
+      const rs = cloudHttp.post('Login/Helloooo').then(rs => {
+        if (rs.data != 'hello') {
+          router.push('/login')
+        }
+
+      })
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  onMounted(async () => {
+    localStorage.setItem('login', true)
+    helloworld()
+    // 初始检查登录状态
+    checkLoginStatus()
+    userAvatar.value = config.httpAds + localStorage.getItem('avatar')
+
+    // 初始检查屏幕尺寸
+    checkIfMobile();
+    // 添加窗口大小变化监听
+    window.addEventListener('resize', checkIfMobile);
+    // 主题初始化
+    const darkModeQuery = window.matchMedia('(prefers-color-scheme: dark)')
+    const handleColorSchemeChange = (e) => {
+      webToDark(e.matches)
+    }
+
+    // 初始设置
+    webToDark(darkModeQuery.matches)
+
+    // 监听系统主题变化
+    darkModeQuery.addEventListener('change', handleColorSchemeChange)
+
+    // 清理监听器
+    return () => {
+      darkModeQuery.removeEventListener('change', handleColorSchemeChange)
+      window.removeEventListener('resize', checkIfMobile);
+    }
+  })
+  const getUrl = () => {
+    const url = window.location.href;
+    const lastSlashIndex = url.lastIndexOf('/');
+    return url.substring(lastSlashIndex);
+  }
+
+  const alreadyLogin = ref(false)
+
+  const router = useRouter()
+  const route = useRoute()
+
+  const config = inject('config')
+  const username = localStorage.getItem('username')
+
+  const currentTitle = reactive({
+    label: '',
+    routes: localStorage.getItem('url'),
+  })
+
+  const showPopover = ref(false)
+
+  const menuValue = reactive([
+    {
+      label: "菜单",
+      value: "dashboard",
+      icon: "Menu",
+      options: [
+        /*{ label: "主页", value: "/home", icon: "House" },*/
+        { label: "面板选型", value: "/panelselection", icon: "EditPen" },
+      ]
+    },
+  ]);
+
+  // 左侧返回首页按钮点击处理
+  const handleLeftClick = (type) => {
+    switch (type) {
+      case 'home':
+        menuChange("/home")
+        break;
+      default:
+        console.log('跳转错误！');
+        break;
+    }
+  }
+
+  // 菜单操作处理
+  const handleAction = (action) => {
+    showPopover.value = false
+    switch (action) {
+      case 'profile':
+        router.push('/user')
+        break;
+      case 'logout':
+        localStorage.setItem('login', false)
+        router.push('/login')
+        break;
+      default:
+        console.log('跳转错误！');
+        break;
+    }
+  }
+
+  const refreshToHome = () => {
+    localHttp.post('ConfigPY/RefreshConfig')
+    router.push('/home')
+    setTimeout(() => {
+      location.reload(true);
+    }, 0);
+  }
+  // 格式化日期
+  const formatDate = (dateString) => {
+    if (!dateString) return '';
+    const date = new Date(dateString);
+    return date.toLocaleString('zh-CN', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit'
+    });
+  }
+
+  // 菜单处理
+  const menuChange = (val) => {
+    if (currentTitle.routes == val) {
+      return
+    }
+    currentTitle.label = val;
+    currentTitle.routes = val;
+    localStorage.setItem('url', val)
+    router.push(val)
+
+    // 移动端选择菜单后关闭侧边栏
+    if (isMobile.value) {
+      drawerVisible.value = false
+    }
+  }
+  // 控制深色模式
+  const isDarkMode = ref(false)
+  const webToDark = (dark) => {
+    // 获取 <html> 元素的类名
+    let ishtmldark = null;
+    if (document.documentElement.className.indexOf('dark') !== -1) {
+      ishtmldark = false
+    } else {
+      ishtmldark = true
+    }
+    document.documentElement.removeAttribute('theme-mode')
+    isDarkMode.value = false
+    if (!ishtmldark) {
+      toggleDark()
+    }
+  }
+  const toggleTheme = () => {
+    isDarkMode.value = !isDarkMode.value
+    let root = document.documentElement;
+    toggleDark()
+    if (!isDarkMode.value) {
+      // 如果当前是暗色主题，切换到亮色主题
+      root.style.setProperty('--color-background', '#ffffff');
+      root.style.setProperty('--color-background-soft', '#f8f8f8');
+      root.style.setProperty('--color-background-mute', '#f2f2f2');
+      root.style.setProperty('--color-border', 'rgba(60, 60, 60, 0.12)');
+      root.style.setProperty('--color-border-hover', 'rgba(60, 60, 60, 0.29)');
+      root.style.setProperty('--color-heading', '#2c3e50');
+      root.style.setProperty('--color-text', '#2c3e50');
+      root.setAttribute('data-theme', 'light');
+      setTimeout(() => {
+        root.removeAttribute('theme-mode');
+      }, 20);
+    } else {
+      // 如果当前是亮色主题，切换到暗色主题
+      root.style.setProperty('--color-background', '#242424');
+      root.style.setProperty('--color-background-soft', '#222222');
+      root.style.setProperty('--color-background-mute', '#282828');
+      root.style.setProperty('--color-border', 'rgba(84, 84, 84, 0.48)');
+      root.style.setProperty('--color-border-hover', 'rgba(84, 84, 84, 0.65)');
+      root.style.setProperty('--color-heading', '#ffffff');
+      root.style.setProperty('--color-text', 'rgba(235, 235, 235, 0.64)');
+      root.setAttribute('data-theme', 'dark');
+      setTimeout(() => {
+        root.setAttribute('theme-mode', 'dark');
+      }, 20);
+    }
+  }
+
+  // 监听路由变化
+  watch(() => route.path, (newPath) => {
+    if (newPath === '/login') return
+
+    // 同步更新当前激活菜单
+    currentTitle.routes = newPath
+    localStorage.setItem('url', newPath)
+  }, { immediate: true })
+  // 监听路由变化
+/*  watch(() => alreadyLogin, async (newPath) => {
+    if (newPath.value) {
+      //await getProject()
+    }
+  }, {
+    deep: true,
+    immediate: true
+  })*/
+
+  const ajaxfile = async (form) => {
+    if (!form.File || !form.File instanceof File) {
+      throw new Error('文件对象无效!');
+    }
+
+    try {
+      const formData = new FormData();
+      formData.append('File', form.File);
+      formData.append('Folder', form.Folder);
+
+      const settings = {
+        method: 'POST',
+        headers: {
+          "Cookie": "isCN=zh-cn"
+        },
+        body: formData
+      };
+      const token = localStorage.getItem('token');
+      settings.headers['Authorization'] = `Bearer ${token}`;
+
+      const response = await fetch(config.httpApi + 'FileUpload/UploadFile', settings);
+      return await response.json();
+    } catch (error) {
+      console.error('error:', error);
+    }
+  };
+
+  provide('checkLoginStatus', checkLoginStatus)
+  provide('projectList', projectList);
+  provide('selectedProjectId', selectedProjectId);
+  provide('selectedProject', selectedProject);
+  provide('cloudHttp', cloudHttp);
+  provide('localHttp', localHttp);
+  provide('formatDate', formatDate);
+  provide('ajaxfile', ajaxfile)
+  provide('isMobile', isMobile)
+</script>
+
+<style scoped>
+  .main-container {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+  }
+
+  /* 顶部导航栏样式 */
+  .top-header {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #fff;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    z-index: 1000;
+    position: sticky;
+    top: 0;
+    padding: 0 10px;
+  }
+
+  .logo-container {
+    display: flex;
+    align-items: center;
+    padding: 0 10px;
+  }
+
+  /* 横向菜单样式 */
+  .horizontal-menu {
+    flex: 1;
+    height: 100%;
+    border-bottom: none;
+  }
+
+  /* 中间区域样式 */
+  .header-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 2;
+  }
+
+  .center-logo {
+    width: 60px;
+    height: 60px;
+    margin-right: 10px;
+  }
+
+  .center-text {
+    font-size: 23px;
+    font-weight: 500;
+    white-space: nowrap;
+  }
+
+  .header-right {
+    display: flex;
+    align-items: center;
+    padding-right: 10px;
+    gap: 15px;
+  }
+
+  .user-avatar {
+    cursor: pointer;
+    transition: transform 0.2s;
+  }
+
+    .user-avatar:hover {
+      transform: scale(1.1);
+    }
+
+  .user-menu {
+    padding: 8px 0;
+    display: flex;
+    flex-direction: column;
+    min-width: 120px;
+  }
+
+  /* 路由内容区样式 */
+  .router-container {
+    flex: 1;
+    overflow: auto;
+    padding: 5px;
+    margin-top: 5px;
+  }
+
+    .router-container.mobile-view {
+      padding: 5px;
+      margin-top: 5px;
+    }
+
+  /* 底部样式 */
+  .global-footer {
+    height: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: sticky;
+    bottom: 0;
+    z-index: 1000;
+    background: rgba(128, 128, 128, 0.2);
+    backdrop-filter: blur(2px);
+    -webkit-backdrop-filter: blur(10px);
+    font-size: 12px;
+  }
+
+    .global-footer.mobile-footer {
+      font-size: 10px;
+      padding: 0 5px;
+      text-align: center;
+    }
+
+  /* 调整菜单项间距 */
+  :deep(.el-menu--horizontal) > .el-menu-item,
+  :deep(.el-menu--horizontal) > .el-sub-menu .el-sub-menu__title {
+    height: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  /* 调整菜单图标样式 */
+  :deep(.el-menu--horizontal) .el-icon {
+    margin-right: 5px;
+  }
+
+  /* 移动端侧边栏样式 */
+  .mobile-drawer {
+    z-index: 2000;
+  }
+
+  .mobile-menu-container {
+    padding: 20px;
+    height: 100%;
+    background-color: #fff;
+  }
+
+  .mobile-logo {
+    display: flex;
+    justify-content: center;
+    padding: 10px 0;
+    border-bottom: 1px solid #eee;
+    margin-bottom: 20px;
+  }
+
+  /* 移动端适配 */
+  @media (max-width: 768px) {
+    .top-header {
+      padding: 0 5px;
+    }
+
+    .logo-container {
+      padding: 0 5px;
+    }
+
+    .header-center {
+      display: none; /* 在移动端隐藏中间区域 */
+    }
+
+    .header-right {
+      padding-right: 5px;
+      gap: 10px;
+    }
+
+    .user-avatar {
+      width: 30px;
+      height: 30px;
+    }
+  }
+</style>
diff --git a/src/assets/base.css b/src/assets/base.css
new file mode 100644
index 0000000..8f61371
--- /dev/null
+++ b/src/assets/base.css
@@ -0,0 +1,72 @@
+/* color palette from <https://github.com/vuejs/theme> */
+:root {
+  --vt-c-white: #ffffff;
+  --vt-c-white-soft: #f8f8f8;
+  --vt-c-white-mute: #f2f2f2;
+
+  --vt-c-black: #181818;
+  --vt-c-black-soft: #222222;
+  --vt-c-black-mute: #282828;
+
+  --vt-c-indigo: #2c3e50;
+
+  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+  --vt-c-text-light-1: var(--vt-c-indigo);
+  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+  --vt-c-text-dark-1: var(--vt-c-white);
+  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+}
+
+/* semantic color variables for this project */
+:root {
+  --color-background: var(--vt-c-white);
+  --color-background-soft: var(--vt-c-white-soft);
+  --color-background-mute: var(--vt-c-white-mute);
+
+  --color-border: var(--vt-c-divider-light-2);
+  --color-border-hover: var(--vt-c-divider-light-1);
+
+  --color-heading: var(--vt-c-text-light-1);
+  --color-text: var(--vt-c-text-light-1);
+
+  --section-gap: 160px;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  font-weight: normal;
+}
+
+body {
+  min-height: 100vh;
+  color: var(--color-text);
+  background: var(--color-background);
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+  line-height: 1.6;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
+  font-size: 15px;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..7565660
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
diff --git a/src/assets/main.css b/src/assets/main.css
new file mode 100644
index 0000000..4c60921
--- /dev/null
+++ b/src/assets/main.css
@@ -0,0 +1,37 @@
+@import './base.css';
+
+#app {
+  /*max-width: 1440px;*/
+  margin: 0 auto;
+  width: 100%;
+  height: 100%;
+  padding: 0px;
+  font-weight: normal;
+}
+
+a,
+.green {
+  text-decoration: none;
+  color: hsla(160, 100%, 37%, 1);
+  transition: 0.4s;
+  padding: 3px;
+}
+
+@media (hover: hover) {
+  a:hover {
+    background-color: hsla(160, 100%, 37%, 0.2);
+  }
+}
+
+@media (min-width: 1024px) {
+  body {
+    display: flex;
+    place-items: center;
+  }
+
+  #app {
+    display: grid;
+    /*grid-template-columns: 1fr 1fr;*/
+    padding: 0 ;
+  }
+}
diff --git a/src/axios.js b/src/axios.js
new file mode 100644
index 0000000..f375f8d
--- /dev/null
+++ b/src/axios.js
@@ -0,0 +1,115 @@
+import axios from 'axios';
+import config from '../public/config.js';
+import { ElMessage } from 'element-plus'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+// 创建一个可以生成axios实例的工厂函数
+const createAxiosInstance = (urlnum) => {
+  const instance = axios.create({
+    baseURL: config.ApiList[urlnum || 0], // 使用传入的baseURL参数
+    timeout: 150000,
+  });
+  // 添加请求拦截器
+  instance.interceptors.request.use(config => {
+    if (config.headers['Content-Type'] == undefined) {
+      config.headers['Content-Type'] = 'application/json';
+    }
+    if (config.data && typeof config.data === 'object') {
+      config.data = JSON.stringify(config.data);
+    }
+    // ============ token处理逻辑 ============
+    // 获取当前请求路径（不含查询参数）
+    const requestPath = config.url.split('?')[0];
+    //console.log(requestPath);
+    // 检查是否需要添加token
+    if (!requestPath.includes('Login/Login')) {
+      const token = localStorage.getItem('token');
+      if (token) {
+        config.headers['Authorization'] = `Bearer ${token}`;
+      }
+    }
+    // ============ 结束新增 ============
+    return config;
+  }, error => Promise.reject(error));
+
+  // 添加响应拦截器
+  instance.interceptors.response.use(
+    response => {
+      if (response.config.url !== 'Login/Login' && response.status === 200) {
+        refreshToken();
+      }
+      return response;
+    },
+    error => {
+      if (error.response.status === 401) {
+        ElMessage.error('token失效 请重新登录')
+        setTimeout(() => {
+          localStorage.removeItem('token')
+          window.location.href = '/login'
+        }, 233);
+      }
+      console.log(error);
+      return Promise.reject(error);
+    }
+  );
+
+  return instance;
+};
+
+// 创建一个默认实例（保持现有用法兼容）
+const defaultInstance = createAxiosInstance(import.meta.env.VITE_API_BASE_URL || '');
+
+// 导出默认实例（保持现有用法）
+export default defaultInstance;
+
+// 同时导出工厂函数（用于创建自定义实例）
+export { createAxiosInstance };
+
+
+// Token刷新方法
+async function refreshToken() {
+  try {
+    // 检查上次自动登录时间（新增）
+    const lastAutoLoginTime = localStorage.getItem('lastAutoLoginTime');
+    const currentTime = new Date().getTime();
+
+    // 如果15分钟内已自动登录过，则跳过（新增）
+    if (lastAutoLoginTime && currentTime - lastAutoLoginTime < 15 * 60 * 1000) {
+      return;
+    }
+
+    const username = localStorage.getItem('rememberedUsername')
+    const password = localStorage.getItem('rememberedPassword')
+
+    if (!username || !password) {
+      throw new Error('登录过期 请重新登录')
+    }
+
+    const formdata = {
+      username: username,
+      password: password
+    }
+
+    // 更新自动登录时间（新增）
+    localStorage.setItem('lastAutoLoginTime', currentTime.toString());
+
+    createAxiosInstance(0).post('Login/Login', formdata)
+      .then(response => {
+        if (response.data.isok) {
+          localStorage.setItem('token', response.data.response.accessToken);
+          //console.log('自动登录成功')
+        } else {
+          throw new Error('token更新失败');
+        }
+      })
+      .catch(error => {
+        console.error(error);
+        // 登录失败时清除时间记录（新增）
+        localStorage.removeItem('lastAutoLoginTime');
+      })
+
+  } catch (error) {
+    return Promise.reject(error)
+  }
+}
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
new file mode 100644
index 0000000..eff59f1
--- /dev/null
+++ b/src/components/HelloWorld.vue
@@ -0,0 +1,44 @@
+<script setup>
+defineProps({
+  msg: {
+    type: String,
+    required: true,
+  },
+})
+</script>
+
+<template>
+  <div class="greetings">
+    <h1 class="green">{{ msg }}</h1>
+    <h3>
+      You’ve successfully created a project with
+      <a href="https://vite.dev/" target="_blank" rel="noopener">Vite</a> +
+      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
+    </h3>
+  </div>
+</template>
+
+<style scoped>
+h1 {
+  font-weight: 500;
+  font-size: 2.6rem;
+  position: relative;
+  top: -10px;
+}
+
+h3 {
+  font-size: 1.2rem;
+}
+
+.greetings h1,
+.greetings h3 {
+  text-align: center;
+}
+
+@media (min-width: 1024px) {
+  .greetings h1,
+  .greetings h3 {
+    text-align: left;
+  }
+}
+</style>
diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue
new file mode 100644
index 0000000..fe48afc
--- /dev/null
+++ b/src/components/TheWelcome.vue
@@ -0,0 +1,94 @@
+<script setup>
+import WelcomeItem from './WelcomeItem.vue'
+import DocumentationIcon from './icons/IconDocumentation.vue'
+import ToolingIcon from './icons/IconTooling.vue'
+import EcosystemIcon from './icons/IconEcosystem.vue'
+import CommunityIcon from './icons/IconCommunity.vue'
+import SupportIcon from './icons/IconSupport.vue'
+
+const openReadmeInEditor = () => fetch('/__open-in-editor?file=README.md')
+</script>
+
+<template>
+  <WelcomeItem>
+    <template #icon>
+      <DocumentationIcon />
+    </template>
+    <template #heading>Documentation</template>
+
+    Vue’s
+    <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
+    provides you with all information you need to get started.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <ToolingIcon />
+    </template>
+    <template #heading>Tooling</template>
+
+    This project is served and bundled with
+    <a href="https://vite.dev/guide/features.html" target="_blank" rel="noopener">Vite</a>. The
+    recommended IDE setup is
+    <a href="https://code.visualstudio.com/" target="_blank" rel="noopener">VSCode</a>
+    +
+    <a href="https://github.com/vuejs/language-tools" target="_blank" rel="noopener">Vue - Official</a>. If
+    you need to test your components and web pages, check out
+    <a href="https://vitest.dev/" target="_blank" rel="noopener">Vitest</a>
+    and
+    <a href="https://www.cypress.io/" target="_blank" rel="noopener">Cypress</a>
+    /
+    <a href="https://playwright.dev/" target="_blank" rel="noopener">Playwright</a>.
+
+    <br />
+
+    More instructions are available in
+    <a href="javascript:void(0)" @click="openReadmeInEditor"><code>README.md</code></a
+    >.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <EcosystemIcon />
+    </template>
+    <template #heading>Ecosystem</template>
+
+    Get official tools and libraries for your project:
+    <a href="https://pinia.vuejs.org/" target="_blank" rel="noopener">Pinia</a>,
+    <a href="https://router.vuejs.org/" target="_blank" rel="noopener">Vue Router</a>,
+    <a href="https://test-utils.vuejs.org/" target="_blank" rel="noopener">Vue Test Utils</a>, and
+    <a href="https://github.com/vuejs/devtools" target="_blank" rel="noopener">Vue Dev Tools</a>. If
+    you need more resources, we suggest paying
+    <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">Awesome Vue</a>
+    a visit.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <CommunityIcon />
+    </template>
+    <template #heading>Community</template>
+
+    Got stuck? Ask your question on
+    <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Vue Land</a>
+    (our official Discord server), or
+    <a href="https://stackoverflow.com/questions/tagged/vue.js" target="_blank" rel="noopener"
+      >StackOverflow</a
+    >. You should also follow the official
+    <a href="https://bsky.app/profile/vuejs.org" target="_blank" rel="noopener">@vuejs.org</a>
+    Bluesky account or the
+    <a href="https://x.com/vuejs" target="_blank" rel="noopener">@vuejs</a>
+    X account for latest news in the Vue world.
+  </WelcomeItem>
+
+  <WelcomeItem>
+    <template #icon>
+      <SupportIcon />
+    </template>
+    <template #heading>Support Vue</template>
+
+    As an independent project, Vue relies on community backing for its sustainability. You can help
+    us by
+    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
+  </WelcomeItem>
+</template>
diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue
new file mode 100644
index 0000000..6d7086a
--- /dev/null
+++ b/src/components/WelcomeItem.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="item">
+    <i>
+      <slot name="icon"></slot>
+    </i>
+    <div class="details">
+      <h3>
+        <slot name="heading"></slot>
+      </h3>
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.item {
+  margin-top: 2rem;
+  display: flex;
+  position: relative;
+}
+
+.details {
+  flex: 1;
+  margin-left: 1rem;
+}
+
+i {
+  display: flex;
+  place-items: center;
+  place-content: center;
+  width: 32px;
+  height: 32px;
+
+  color: var(--color-text);
+}
+
+h3 {
+  font-size: 1.2rem;
+  font-weight: 500;
+  margin-bottom: 0.4rem;
+  color: var(--color-heading);
+}
+
+@media (min-width: 1024px) {
+  .item {
+    margin-top: 0;
+    padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
+  }
+
+  i {
+    top: calc(50% - 25px);
+    left: -26px;
+    position: absolute;
+    border: 1px solid var(--color-border);
+    background: var(--color-background);
+    border-radius: 8px;
+    width: 50px;
+    height: 50px;
+  }
+
+  .item:before {
+    content: ' ';
+    border-left: 1px solid var(--color-border);
+    position: absolute;
+    left: 0;
+    bottom: calc(50% + 25px);
+    height: calc(50% - 25px);
+  }
+
+  .item:after {
+    content: ' ';
+    border-left: 1px solid var(--color-border);
+    position: absolute;
+    left: 0;
+    top: calc(50% + 25px);
+    height: calc(50% - 25px);
+  }
+
+  .item:first-of-type:before {
+    display: none;
+  }
+
+  .item:last-of-type:after {
+    display: none;
+  }
+}
+</style>
diff --git a/src/components/i18n.js b/src/components/i18n.js
new file mode 100644
index 0000000..9974c50
--- /dev/null
+++ b/src/components/i18n.js
@@ -0,0 +1,26 @@
+import { createI18n } from 'vue-i18n';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import en from 'element-plus/es/locale/lang/en';
+
+const messages = {
+  en: {
+    message: {
+      hello: 'hello world'
+    },
+    el: en // Element Plus的英文翻译
+  },
+  zh: {
+    message: {
+      hello: '你好，世界'
+    },
+    el: zhCn // Element Plus的中文翻译
+  }
+};
+
+const i18n = createI18n({
+  locale: 'zh', // 设置默认语言
+  fallbackLocale: 'en', // 设置备用语言
+  messages, // 设置翻译信息
+});
+
+export default i18n;
diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue
new file mode 100644
index 0000000..2dc8b05
--- /dev/null
+++ b/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+    <path
+      d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
+    />
+  </svg>
+</template>
diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue
new file mode 100644
index 0000000..6d4791c
--- /dev/null
+++ b/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
+    <path
+      d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
+    />
+  </svg>
+</template>
diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue
new file mode 100644
index 0000000..c3a4f07
--- /dev/null
+++ b/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
+    <path
+      d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
+    />
+  </svg>
+</template>
diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue
new file mode 100644
index 0000000..7452834
--- /dev/null
+++ b/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+    <path
+      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
+    />
+  </svg>
+</template>
diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue
new file mode 100644
index 0000000..660598d
--- /dev/null
+++ b/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    aria-hidden="true"
+    role="img"
+    class="iconify iconify--mdi"
+    width="24"
+    height="24"
+    preserveAspectRatio="xMidYMid meet"
+    viewBox="0 0 24 24"
+  >
+    <path
+      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
+      fill="currentColor"
+    ></path>
+  </svg>
+</template>
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..737344c
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,29 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+import config from '../public/config.js';
+import axios from './axios' // 导入配置好的实例
+import i18n from './components/i18n.js' // 导入i18n
+import './assets/main.css'
+import ElementPlus from 'element-plus'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import 'element-plus/dist/index.css'
+import 'element-plus/theme-chalk/dark/css-vars.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+
+const app = createApp(App)
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
+// axios挂载到全局属性
+app.config.globalProperties.$http = axios
+
+// 提供依赖注入
+app.provide('config', config)
+app.provide('$http', axios)
+
+app.use(router)
+app.use(ElementPlus, { locale: zhCn })
+app.use(i18n)
+app.mount('#app')
diff --git a/src/pages/404/index.vue b/src/pages/404/index.vue
new file mode 100644
index 0000000..1918da5
--- /dev/null
+++ b/src/pages/404/index.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="interactive-container">
+    <div class="error-card">
+      <div class="liquid"></div>
+      <div class="content">
+        <h1>404</h1>
+        <p>错误(404)：当前页面未找到</p>
+        <p>SYSTEM ERROR: PAGE NOT FOUND</p>
+        <el-button type="success" plain round
+                   class="magnetic-btn" :icon="HomeFilled"
+                   @mouseenter="playHoverSound"
+                   @click="goHome">
+          返回主页
+          <span class="hover-effect"></span>
+        </el-button>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+  import { useRouter } from 'vue-router';
+  import { HomeFilled } from '@element-plus/icons-vue'
+  const router = useRouter();
+
+  const goHome = () => {
+    router.push('home');
+  };
+</script>
+<style scoped>
+  .interactive-container {
+    height: 80%;
+    width: 90%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .error-card {
+    position: relative;
+    width: 400px;
+    height: 500px;
+    border-radius: 20px;
+    overflow: hidden;
+    box-shadow: 0 25px 45px rgba(0,0,0,0.2);
+  }
+
+  .liquid {
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    width: 200%;
+    height: 200%;
+    animation: rotate 10s linear infinite;
+  }
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  .content {
+    position: absolute;
+    inset: 2px;
+    border-radius: 18px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 2rem;
+  }
+
+  h1 {
+    font-size: 8rem;
+    margin: 0;
+  }
+
+  p {
+    margin: 1rem 0 3rem;
+  }
+
+  .magnetic-btn {
+    position: relative;
+    padding: 1rem 2rem;
+    border: 2px solid rgba(255,255,255,0.5);
+    overflow: hidden;
+    transition: all 0.3s ease;
+  }
+
+    .magnetic-btn:hover {
+    }
+
+  .hover-effect {
+    position: absolute;
+    background: radial-gradient(circle at center, rgba(255,255,255,0.4) 0%, transparent 70%);
+    transform: scale(0);
+    transition: transform 0.3s ease;
+    width: 100px;
+    height: 100px;
+    pointer-events: none;
+  }
+
+  .magnetic-btn:hover .hover-effect {
+    transform: scale(2);
+  }
+</style>
diff --git a/src/pages/commanage/index.vue b/src/pages/commanage/index.vue
new file mode 100644
index 0000000..407a10b
--- /dev/null
+++ b/src/pages/commanage/index.vue
@@ -0,0 +1,561 @@
+<template>
+  <div class="company-management">
+    <!-- 操作栏 -->
+    <div class="header">
+      <el-button type="primary" @click="handleAdd" :icon="Plus">添加企业</el-button>
+    </div>
+
+    <!-- 企业表格 -->
+    <el-table :data="companies" border style="width: 100%" v-loading="loading" empty-text="暂无数据">
+      <el-table-column label="操作" width="102">
+        <template #default="{ row }">
+          <el-button type="info" :icon="Edit" circle plain @click="handleEdit(row)" />
+          <el-button type="danger" :icon="Delete" circle plain @click="handleDelete(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="code" label="公司代码" width="100" />
+      <el-table-column prop="nameCn" label="中文名称" width="180" />
+      <el-table-column prop="nameEn" label="英文名称" width="180" />
+      <el-table-column prop="industry" label="所属行业" width="120" />
+      <el-table-column prop="identity" label="身份" width="120" />
+      <el-table-column prop="region" label="地区" width="120" />
+      <!--<el-table-column prop="licenseCode" label="营业执照" width="220" />-->
+    </el-table>
+
+    <!-- 添加/编辑对话框 -->
+    <el-dialog v-model="dialogVisible"
+               :title="isEdit ? '编辑企业' : '添加企业'"
+               width="800px">
+      <el-form :model="form"
+               :rules="rules"
+               ref="formRef"
+               label-width="120px"
+               label-position="right">
+
+        <el-form-item label="中文名称" prop="nameCn">
+          <el-input v-model="form.nameCn" placeholder="请输入中文名称" />
+        </el-form-item>
+
+        <el-form-item label="英文名称" prop="nameEn">
+          <el-input v-model="form.nameEn" placeholder="请输入英文名称" />
+        </el-form-item>
+
+        <el-form-item label="所属行业" prop="industry">
+          <el-select v-model="form.industry" placeholder="请选择行业">
+            <el-option v-for="item in industryOptions"
+                       :key="item"
+                       :label="item"
+                       :value="item" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="公司身份" prop="identity">
+          <el-select v-model="form.identity" placeholder="请选择身份">
+            <el-option v-for="item in identityOptions"
+                       :key="item"
+                       :label="item"
+                       :value="item" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="所属地区" prop="region">
+          <el-select v-model="form.region" placeholder="请选择地区">
+            <el-option v-for="(key,item) in regionOptions"
+                       :key="item"
+                       :label="item"
+                       :value="item" />
+          </el-select>
+        </el-form-item>
+        <!--
+                <el-form-item label="营业执照代码" prop="licenseCode">
+                  <el-input v-model="form.licenseCode" placeholder="请输入营业执照代码" />
+                </el-form-item>-->
+        <!--<el-form-item label="营业执照" prop="licenseImage">
+          <el-upload class="license-uploader"
+                     drag
+                     action="/api/upload"
+                     :show-file-list="false"
+                     :on-change="handleLicenseChange"
+                     :auto-upload="false">-->
+        <!-- 预览区域 -->
+        <!--<div v-if="form.licenseImage || form.licensePreview" class="image-preview">
+          <img v-if="isImageFile(form.licenseImageFile)"
+               :src="form.licensePreview || getFullUrl(form.licenseImage)"
+               class="preview-image" />
+          <div v-else class="file-preview">
+            <el-icon size="33"><DocumentChecked /></el-icon>
+            <div>营业执照文件 <span style="color: #409EFF">√已上传</span></div>
+            <div class="file-name">{{ getFileName(form.licenseImage) }}</div>
+          </div>
+          <div class="preview-mask">
+            <el-icon><UploadFilled /></el-icon>
+            <div>点击更换文件</div>
+          </div>
+        </div>-->
+        <!-- 未上传状态 -->
+        <!--<template v-else>
+              <el-icon class="el-icon--upload"><UploadFilled /></el-icon>
+              <div class="el-upload__text">
+                拖拽文件到此 或 <em>点击上传</em>
+              </div>
+              <div class="el-upload__tip">
+                支持JPG/PNG/PDF格式，大小不超过5MB
+              </div>
+            </template>
+          </el-upload>
+        </el-form-item>-->
+
+        <el-form-item label="公司Logo" prop="logo">
+          <el-upload class="logo-uploader"
+                     drag
+                     action="/api/upload"
+                     :show-file-list="false"
+                     :on-change="handleLogoChange"
+                     :auto-upload="false">
+            <!-- 预览区域 -->
+            <div v-if="form.logoaddress || form.logoPreview" class="image-preview">
+              <img :src="form.logoPreview || getFullUrl(form.logoaddress)"
+                   class="preview-image" />
+              <div class="preview-mask">
+                <el-icon><UploadFilled /></el-icon>
+                <div>点击更换Logo</div>
+              </div>
+            </div>
+
+            <!-- 未上传状态 -->
+            <template v-else>
+              <el-icon class="el-icon--upload"><UploadFilled /></el-icon>
+              <div class="el-upload__text">
+                拖拽图片到此 或 <em>点击上传</em>
+              </div>
+              <div class="el-upload__tip">
+                支持JPG/PNG格式，大小不超过5MB
+              </div>
+            </template>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="submitForm">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+  import { ref, reactive, onMounted, inject, onUnmounted } from 'vue'
+  import { ElMessage, ElMessageBox } from 'element-plus'
+  import { Plus, Delete, Edit, UploadFilled, DocumentChecked } from '@element-plus/icons-vue'
+
+  const $http = inject('$http')
+  const ajaxfile = inject('ajaxfile');
+  const config = inject('config');
+
+  // 数据列表
+  const companies = ref([])
+  const loading = ref(false)
+
+  // 对话框相关
+  const dialogVisible = ref(false)
+  const isEdit = ref(false)
+  const currentCompanyId = ref(null)
+  const formRef = ref(null)
+
+  // 表单初始数据
+  const defaultForm = {
+    code: '',
+    nameCn: '',
+    nameEn: '',
+    industry: '',
+    identity: '',
+    region: '',
+    licenseCode: '',
+    logoaddress: '',
+    licenseImage: ''
+  }
+
+  const form = reactive({ ...defaultForm })
+
+  // 选项数据
+  const industryOptions = ref([]);
+  const getIndustry = () => {
+    try {
+      const rs = $http.post('ConfigPY/GetSingleValue', {
+        VarName: "行业分类",
+      }).then(rs => {
+        //console.log(JSON.parse(rs.data.response));
+        industryOptions.value = JSON.parse(rs.data.response)
+      })
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
+
+  const identityOptions = ref([]);
+  const getIdentity = () => {
+    try {
+      const rs = $http.post('ConfigPY/GetSingleValue', {
+        VarName: "公司身份",
+      }).then(rs => {
+        //console.log(JSON.parse(rs.data.response));
+        identityOptions.value = JSON.parse(rs.data.response)
+      })
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
+  const regionOptions = ref([]);
+  const getRegion = () => {
+    try {
+      const rs = $http.post('ConfigPY/GetSingleValue', {
+        VarName: "区域",
+      }).then(rs => {
+        //console.log(JSON.parse(rs.data.response));
+        regionOptions.value = JSON.parse(rs.data.response)
+      })
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
+  // 验证规则
+  const rules = reactive({
+    nameCn: [
+      { required: true, message: '请输入中文名称', trigger: 'blur' }
+    ],
+    industry: [
+      { required: true, message: '请选择所属行业', trigger: 'change' }
+    ],
+    identity: [
+      { required: true, message: '请选择所属身份', trigger: 'change' }
+    ],
+    region: [
+      { required: true, message: '请选择所属地区', trigger: 'change' }
+    ]/*,
+    licenseCode: [
+      { required: true, message: '请输入营业执照代码', trigger: 'blur' }
+    ]*/
+  })
+
+  // 获取企业列表
+  const getCompanies = async () => {
+    try {
+      loading.value = true
+      const rs = await $http.post('Company/GetComInfo', {
+        IsAll: true,
+        ID: 0,
+      })
+      if (rs.data.isok) {
+        companies.value = rs.data.response
+        //console.log(companies.value);
+      } else {
+        ElMessage.error(rs.data.message)
+      }
+    } catch (error) {
+      ElMessage.error('获取企业列表失败')
+      console.error(error)
+    } finally {
+      loading.value = false
+    }
+  }
+
+  // 获取完整图片URL
+  const getFullUrl = (filename) => {
+    //console.log(config.httpAds + `${filename}`);
+    if (!filename) return '';
+    // 如果已经是完整URL直接返回
+    if (filename.startsWith('http')) return filename;
+    // 根据实际存储路径拼接
+    return config.httpAds + `${filename}`;
+  }
+
+  const beforeImageUpload = (file) => {
+    const isImage = file.type.startsWith('image/')
+    const isLt5M = file.size / 1024 / 1024 < 5
+
+    if (!isImage) {
+      ElMessage.error('只能上传图片文件!')
+      return false
+    }
+    if (!isLt5M) {
+      ElMessage.error('文件大小不能超过5MB!')
+      return false
+    }
+    return true
+  }
+  const beforeImageUploadPDF = (file) => {
+    const isImageOrPDF = file.type.startsWith('image/') || file.type === 'application/pdf';
+    const isLt5M = file.size / 1024 / 1024 < 5;
+
+    if (!isImageOrPDF) {
+      ElMessage.error('只能上传图片文件或PDF文件!');
+      return false;
+    }
+    if (!isLt5M) {
+      ElMessage.error('文件大小不能超过5MB!');
+      return false;
+    }
+    return true;
+  }
+  // 添加公司
+  const handleAdd = () => {
+    Object.assign(form, defaultForm);
+    isEdit.value = false;
+    dialogVisible.value = true;
+  };
+
+  // 编辑公司
+  const handleEdit = (row) => {
+    Object.assign(form, row);
+    isEdit.value = true;
+    currentCompanyId.value = row.id;
+    dialogVisible.value = true;
+  };
+
+  // 删除公司
+  const handleDelete = (row) => {
+    ElMessageBox.confirm('确定删除该公司吗？', '警告', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      try {
+        //console.log(row.id);
+        const rs = await $http.post('Company/DelCom', { Id: row.id });
+        if (rs.data.isok) {
+          ElMessage.success('删除成功');
+          await getCompanies();
+        } else {
+          ElMessage.error(rs.data.message);
+        }
+      } catch (error) {
+        ElMessage.error('删除失败');
+        console.error(error);
+      }
+    }).catch(() => { });
+  };
+
+  const handleLogoChange = (file) => {
+    form.logoFile = file.raw;
+    // 生成本地预览图URL
+    form.logoPreview = URL.createObjectURL(file.raw); // 新增预览字段
+  };
+
+  const handleLicenseChange = (file) => {
+    form.licenseImageFile = file.raw;
+    // 生成本地预览图URL
+    form.licensePreview = URL.createObjectURL(file.raw); // 新增预览字段
+  };
+
+  const submitForm = async () => {
+    await formRef.value.validate();
+
+    try {
+      // 上传Logo
+      if (form.logoFile) {
+        const logoFileData = {
+          File: form.logoFile,
+          Folder: "companylogo" // 根据实际存储目录调整
+        };
+        const logoUploadRes = await ajaxfile(logoFileData);
+        if (logoUploadRes?.fileName) {
+          form.logoaddress = "Uploads/companylogo/" + logoUploadRes.fileName;
+        } else {
+          ElMessage.error('上传Logo失败: ' + logoUploadRes);
+          return;
+        }
+      } else if (form.logoaddress) { // 保留已有Logo逻辑
+        form.logoaddress = form.logoaddress.substring(form.logoaddress.lastIndexOf('/') + 1);
+      }
+
+      /*      // 上传营业执照
+            if (form.licenseImageFile) {
+              const licenseFileData = {
+                File: form.licenseImageFile,
+                Folder: "businesslic" // 根据实际存储目录调整
+              };
+              const licenseUploadRes = await ajaxfile(licenseFileData);
+              if (licenseUploadRes?.fileName) {
+                form.licenseImage = licenseUploadRes.fileName;
+              } else {
+                ElMessage.error('上传营业执照失败: ' + licenseUploadRes);
+                return;
+              }
+            } else if (form.licenseImage) { // 保留已有营业执照逻辑
+              form.licenseImage = form.licenseImage.substring(form.licenseImage.lastIndexOf('/') + 1);
+            }*/
+
+      // 提交表单数据
+      const api = isEdit.value ? 'Company/EditCom' : 'Company/AddCom';
+      const data = isEdit.value ? { ...form, id: currentCompanyId.value } : form;
+
+      const rs = await $http.post(api, data);
+      if (rs.data.isok) {
+        ElMessage.success(isEdit.value ? '修改成功' : '添加成功');
+        dialogVisible.value = false;
+        await getCompanies();
+      } else {
+        ElMessage.error(rs.data.message);
+      }
+    } catch (error) {
+      ElMessage.error('操作失败');
+      console.error(error);
+    }
+  };
+
+  const isImageFile = (url) => {
+    return /\.(jpe?g|png|gif|webp)$/i.test(url)
+  }
+
+  const getFileName = (url) => {
+    return url.split('/').pop()
+  }
+  // 其他操作函数（handleAdd/handleEdit/handleDelete）与公司管理页面逻辑类似
+  // 此处省略，保持与公司管理页面相同逻辑即可
+
+  onMounted(() => {
+    getCompanies()
+    getIndustry()
+    getIdentity()
+    getRegion()
+  })
+  // 在组件卸载时释放对象URL
+  onUnmounted(() => {
+    if (form.logoPreview) URL.revokeObjectURL(form.logoPreview);
+    if (form.licensePreview) URL.revokeObjectURL(form.licensePreview);
+  })
+</script>
+
+<style scoped>
+  .company-management {
+    padding: 12px;
+  }
+
+  .header {
+    margin-bottom: 10px;
+  }
+
+  .logo-uploader,
+  .license-uploader {
+    border: 1px dashed var(--el-border-color);
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    transition: border-color 0.3s;
+  }
+
+  .logo-uploader {
+    width: 300px;
+    height: 180px;
+  }
+
+  .license-uploader {
+    width: 300px;
+    height: 180px;
+  }
+
+    .logo-uploader:hover,
+    .license-uploader:hover {
+      border-color: var(--el-color-primary);
+    }
+
+  .uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .logo-image {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+
+  .license-image {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .upload-tip {
+    font-size: 12px;
+    color: #606266;
+    margin-top: 8px;
+  }
+
+  /* 通用上传样式 */
+  .logo-uploader :deep(.el-upload-dragger),
+  .license-uploader :deep(.el-upload-dragger) {
+    width: 100%;
+    min-height: 180px;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  /* 预览区域公共样式 */
+  .image-preview {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  .preview-image {
+    max-width: 100%;
+    max-height: 200px;
+    object-fit: contain;
+  }
+
+
+
+  /* 遮罩层样式 */
+  .preview-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    color: white;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+
+  .image-preview:hover .preview-mask {
+    opacity: 1;
+  }
+
+
+  .el-icon--upload {
+    font-size: 36px;
+    color: var(--el-text-color-secondary);
+    margin-bottom: 12px;
+  }
+
+  .el-upload__text {
+    font-size: 14px;
+    color: var(--el-text-color-regular);
+    text-align: center;
+  }
+
+  .el-upload__tip {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+    margin-top: 8px;
+  }
+</style>
diff --git a/src/pages/dicmanage/index.vue b/src/pages/dicmanage/index.vue
new file mode 100644
index 0000000..1988628
--- /dev/null
+++ b/src/pages/dicmanage/index.vue
@@ -0,0 +1,498 @@
+<template>
+  <div class="container">
+    <div class="header">
+      <div>字典名称</div>
+      <el-select v-model="currentVarName"
+                 placeholder="请选择字典项"
+                 @change="handleDictChange">
+        <el-option v-for="item in dictList"
+                   :key="item.varName"
+                   :label="item.varName"
+                   :value="item.varName" />
+      </el-select>
+    </div>
+
+    <div>字典修改</div>
+
+    <!-- 区域字典特殊表格 -->
+    <el-table v-if="isRegionDict"
+              :data="regionData"
+              stripe
+              style="width: 777px">
+      <el-table-column prop="key" label="大区名称">
+        <template #default="{ row }">
+          <el-input v-model="row.key"
+                    placeholder="请输入大区名称" />
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="value" label="包含省份（点击修改省份/地区）" width="521">
+        <template #default="{ row }">
+          <el-button type="primary" @click="showProvinceDialog(row)"
+                     link style="width: 100%; padding: 0; height: auto; min-height: 32px; white-space: normal; word-break: break-all; line-height: 1.5; display: inline-flex; align-items: center;">
+            <span style="text-align: left;">
+              {{ row.value.join('，') || '点击选择省份' }}
+            </span>
+          </el-button>
+        </template>
+      </el-table-column>
+
+
+      <el-table-column label="操作" width="63">
+        <template #default="{ $index }">
+          <el-button type="danger"
+                     :icon="Delete"
+                     circle
+                     @click="deleteRegion($index)" />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 普通字典表格 -->
+    <el-table v-else
+              :data="currentValues"
+              stripe
+              style="width: 777px">
+      <el-table-column prop="value" label="字典值">
+        <template #default="{ $index }">
+          <el-input v-model="currentValues[$index]" placeholder="请输入" />
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" width="63">
+        <template #default="{ $index }">
+          <el-button type="danger"
+                     :icon="Delete"
+                     circle
+                     @click="handleDelete($index)" />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 操作按钮区域 -->
+    <div class="footer">
+      <template v-if="isRegionDict">
+        <el-button type="primary"
+                   :icon="Plus"
+                   plain
+                   round
+                   @click="addNewRegion">
+          添加大区
+        </el-button>
+      </template>
+      <template v-else>
+        <el-button type="primary"
+                   :icon="Plus"
+                   plain
+                   round
+                   @click="handleAdd">
+          添加值
+        </el-button>
+      </template>
+
+      <el-button type="success"
+                 :icon="FolderChecked"
+                 @click="handleSave">
+        保存
+      </el-button>
+    </div>
+
+    <!-- 省份选择对话框 -->
+    <el-dialog v-model="provinceDialogVisible"
+               title="选择省份/地区"
+               width="50%">
+      <el-checkbox-group v-model="selectedProvinces">
+        <el-row :gutter="20">
+          <el-col v-for="province in allProvinces"
+                  :key="province"
+                  :span="8"
+                  style="margin-bottom: 15px;">
+            <el-checkbox :label="province"
+                         :value="province" />
+          </el-col>
+        </el-row>
+      </el-checkbox-group>
+
+      <template #footer>
+        <el-button @click="provinceDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmProvinceSelection">
+          确定
+        </el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+
+<script setup>
+  import { ref, reactive, onMounted, inject, computed } from 'vue';
+  import { ElMessage, ElMessageBox } from 'element-plus';
+  import { Plus, Delete, Edit, UploadFilled, RefreshLeft, Upload, EditPen, FolderChecked } from '@element-plus/icons-vue';
+
+  const $http = inject('$http')
+  const config = inject('config');
+
+  // 初始字典数据
+  const dictList = reactive([]);
+  // 新增响应式数据
+  const provinceDialogVisible = ref(false);
+  const selectedProvinces = ref([]);
+  const currentEditingRegion = ref(null);
+  const allProvinces = computed(() => {
+    const provinceDict = dictList.find(d => d.varName == '省份地区');
+    return provinceDict?.varValue || [];
+  });
+  // 获取字典
+  const getDic = async () => {
+    try {
+      const response = await $http.post('ConfigPY/GetConfigString');
+      const serverData = response.data.response || [];
+
+      //console.log(response);
+      // 清空原有数据
+      dictList.length = 0;
+
+      // 转换数据格式
+      serverData.forEach(item => {
+        dictList.push({
+          varName: item.varName,
+          varValue: tryParseJson(item.varValue) || []
+        });
+      });
+      //console.log(dictList);
+      // 默认选中第一个（如果存在）
+      if (dictList.length > 0) {
+        currentVarName.value = dictList[0].varName;
+      }
+
+    } catch (error) {
+      console.error('获取字典失败:', error);
+      ElMessage.error('字典数据加载失败');
+    }
+  };
+
+  // JSON安全解析方法
+  const tryParseJson = (str) => {
+    try {
+      return JSON.parse(str);
+    } catch {
+      return null;
+    }
+  };
+
+  const currentVarName = ref('');
+  const currentDict = computed(() =>
+    dictList.find(item => item.varName === currentVarName.value)
+  );
+  const currentValues = computed({
+    get: () => currentDict.value?.varValue || [],
+    set: (val) => {
+      if (currentDict.value) {
+        currentDict.value.varValue = val;
+      }
+    }
+  });
+
+  // 处理字典项变化
+  const handleDictChange = (val) => {
+    if (!val) return;
+  };
+  // 判断是否是区域字典
+  const isRegionDict = computed(() => currentVarName.value === '区域');
+
+  // 修改区域数据计算属性（移除setter）
+  const regionData = computed(() => {
+    if (!isRegionDict.value) return [];
+    const regionDict = dictList.find(d => d.varName === '区域');
+    return Object.entries(regionDict?.varValue || {}).map(([key, value]) => ({
+      key,
+      value: Array.isArray(value) ? value : [value]
+    }));
+  });
+
+  // 显示省份选择对话框
+  const showProvinceDialog = (row) => {
+    currentEditingRegion.value = row;
+    selectedProvinces.value = [...row.value];
+    provinceDialogVisible.value = true;
+  };
+
+  // 修改省份选择确认方法
+  const confirmProvinceSelection = async () => {
+    try {
+      if (!currentEditingRegion.value) return;
+
+      // 获取当前编辑的大区信息
+      const currentKey = currentEditingRegion.value.key;
+      const selectedProvincesList = selectedProvinces.value;
+
+      // 获取区域字典数据
+      const regionDict = dictList.find(d => d.varName === '区域');
+      if (!regionDict) return;
+
+      // 收集所有其他大区的省份映射
+      const provinceMap = new Map();
+      Object.entries(regionDict.varValue).forEach(([region, provinces]) => {
+        if (region !== currentKey) {
+          provinces.forEach(province => {
+            provinceMap.set(province, region);
+          });
+        }
+      });
+
+      // 检查重复省份
+      const duplicates = [];
+      selectedProvincesList.forEach(province => {
+        if (provinceMap.has(province)) {
+          duplicates.push({
+            province,
+            region: provinceMap.get(province)
+          });
+        }
+      });
+
+      // 如果有重复则提示
+      if (duplicates.length > 0) {
+        const confirmMessage = `
+        以下省份已在其他大区存在：<br>
+        ${duplicates.map(d => `${d.province} → ${d.region}`).join('<br>')}<br>
+        是否确认继续保存？
+      `;
+
+        await ElMessageBox.confirm(confirmMessage, '重复省份警告', {
+          confirmButtonText: '强制保存',
+          cancelButtonText: '返回修改',
+          type: 'warning',
+          dangerouslyUseHTMLString: true
+        });
+      }
+
+      // 执行保存操作
+      regionDict.varValue = {
+        ...regionDict.varValue,
+        [currentKey]: selectedProvincesList
+      };
+      provinceDialogVisible.value = false;
+    } catch (error) {
+      if (error !== 'cancel') {
+        console.error(error);
+      }
+      return; // 用户取消则中断流程
+    }
+  };
+/*  const confirmProvinceSelection = () => {
+    if (currentEditingRegion.value) {
+      const regionDict = dictList.find(d => d.varName === '区域');
+      if (regionDict) {
+        regionDict.varValue = {
+          ...regionDict.varValue,
+          [currentEditingRegion.value.key]: selectedProvinces.value
+        };
+      }
+    }
+    provinceDialogVisible.value = false;
+  };*/
+
+  // 修改添加大区方法
+  const addNewRegion = () => {
+    const regionDict = dictList.find(d => d.varName === '区域');
+    if (!regionDict) return;
+
+    // 生成唯一键名
+    let newKey = "新增大区";
+    let counter = 1;
+    while (regionDict.varValue[newKey]) {
+      newKey = `新增大区${counter++}`;
+    }
+
+    // 直接修改原始数据
+    regionDict.varValue = {
+      ...regionDict.varValue,
+      [newKey]: []
+    };
+  };
+
+  // 修改删除大区方法
+  const deleteRegion = (index) => {
+    ElMessageBox.confirm('确定要删除该大区吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      const regionDict = dictList.find(d => d.varName === '区域');
+      if (!regionDict) return;
+
+      const keyToDelete = regionData.value[index].key;
+      const newValue = { ...regionDict.varValue };
+      delete newValue[keyToDelete];
+      regionDict.varValue = newValue;
+    });
+  };
+
+  // 添加行
+  const handleAdd = () => {
+    if (!currentDict.value) return;
+    currentDict.value.varValue.push('');
+  };
+
+  // 删除行
+  const handleDelete = (index) => {
+    ElMessageBox.confirm('确定要删除该行吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      currentDict.value.varValue.splice(index, 1);
+    });
+  };
+
+  // 保存字典
+  const saveDic = async (name, value) => {
+    try {
+      let filteredValue;
+
+      // 根据数据类型处理
+      if (Array.isArray(value)) {
+        // 处理普通数组格式
+        filteredValue = value
+          .map(item => String(item).trim())
+          .filter(item => item !== "");
+
+        if (filteredValue.length === 0) {
+          throw new Error("不能保存空字典项");
+        }
+      } else if (typeof value === 'object' && value !== null) {
+        // 处理区域字典的对象格式
+        filteredValue = Object.entries(value).reduce((acc, [key, values]) => {
+          const filtered = values
+            .map(item => String(item).trim())
+            .filter(item => item !== "");
+
+          // 保留key即使值为空数组（如"其他"）
+          if (key === '其他' || filtered.length > 0) {
+            acc[key] = filtered;
+          }
+          return acc;
+        }, {});
+
+        // 检查是否为空对象
+        if (Object.keys(filteredValue).length === 0) {
+          throw new Error("至少需要保留一个有效区域");
+        }
+      } else {
+        throw new Error("无效的字典格式");
+      }
+
+      const valueJs = JSON.stringify(filteredValue);
+      const rs = await $http.post('ConfigPY/SaveOrAddConfigString', {
+        VarName: name,
+        VarValue: valueJs
+      });
+
+      return filteredValue;
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  };
+
+  // 保存处理
+  const handleSave = async () => {
+    if (!currentDict.value) {
+      ElMessage.warning('请先选择要修改的字典项');
+      return;
+    }
+
+    try {
+      await ElMessageBox.confirm(
+        '此操作将永久修改字典数据，是否继续？',
+        '警告',
+        {
+          confirmButtonText: '确认保存',
+          cancelButtonText: '取消',
+          type: 'warning',
+          center: true,
+          dangerouslyUseHTMLString: true,
+          beforeClose: (action, instance, done) => {
+            if (action === 'confirm') {
+              instance.confirmButtonLoading = true;
+              saveDic(currentDict.value.varName, currentDict.value.varValue)
+                .then(() => {
+                  done();
+                  ElMessage.success('保存成功');
+                })
+                .catch(() => {
+                  instance.confirmButtonLoading = false;
+                  ElMessage.error('保存失败');
+                });
+            } else {
+              done();
+            }
+          }
+        }
+      );
+      // 处理区域字典的特殊结构
+      let saveData = currentDict.value.varValue;
+
+      if (isRegionDict.value) {
+        // 转换回原始对象格式
+        saveData = regionData.value.reduce((acc, cur) => {
+          acc[cur.key] = cur.value;
+          return acc;
+        }, {});
+      }
+
+      // 保存并获取处理后的数据
+      const filteredData = await saveDic(
+        currentDict.value.varName,
+        saveData
+      );
+
+      // 更新前端数据
+      currentDict.value.varValue = isRegionDict.value
+        ? { ...filteredData }  // 对象格式
+        : [...filteredData];   // 数组格式
+
+    } catch (error) {
+      if (error === 'cancel') {
+       //console.log('用户取消保存');
+      } else if (error.message === '不能保存空字典项') {
+        ElMessage.warning('字典项至少需要包含一个有效值');
+      } else {
+        ElMessage.error('保存失败: ' + error.message);
+      }
+    }
+  };
+
+  onMounted(() => {
+    getDic()
+    // 初始化选择第一个
+    if (dictList.length > 0) {
+      currentVarName.value = dictList[0].varName;
+    }
+  });
+</script>
+
+<style scoped>
+  .container {
+    display: block;
+    padding: 20px;
+    width: 100%;
+  }
+
+  .header {
+    width: 333px;
+    margin-bottom: 20px;
+  }
+
+  .footer {
+    width: 777px;
+    display: flex;
+    justify-content: space-between; /* 推荐方案 */
+    gap: 10px;
+    margin-top: 20px;
+  }
+  .el-message-box {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+</style>
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
new file mode 100644
index 0000000..5388485
--- /dev/null
+++ b/src/pages/home/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>Home</div>
+</template>
+
+<script setup>
+  import { ref, inject, onMounted } from 'vue';
+  import { useRouter, useRoute } from 'vue-router'
+  const $http = inject('$http')
+  const router = useRouter()
+  // 注入方法
+  const checkLoginStatus = inject('checkLoginStatus');
+  onMounted(() => {
+    localStorage.setItem('url', '/home')
+    checkLoginStatus();
+    router.push('/panelselection')
+  })
+
+
+
+  
+</script>
+
+<style scoped>
+</style>
diff --git a/src/pages/log/index.vue b/src/pages/log/index.vue
new file mode 100644
index 0000000..f59722e
--- /dev/null
+++ b/src/pages/log/index.vue
@@ -0,0 +1,20 @@
+<template>
+
+</template>
+
+<script setup>
+  import { ref, inject, onMounted } from 'vue';
+  const $http = inject('$http')
+
+
+  onMounted(() => {
+
+  })
+
+
+
+  
+</script>
+
+<style scoped>
+</style>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
new file mode 100644
index 0000000..67295b7
--- /dev/null
+++ b/src/pages/login/index.vue
@@ -0,0 +1,458 @@
+<template>
+  <div style="height:100vh">
+    <div class="container">
+      <div class="logo-container">
+        <img src="../../../public/logobig.svg" style="width: 400px; height: auto; " />
+
+      </div>
+      <div class="login-container">
+        <h1 style="margin:100px 0px 100px 0px; text-align:center">面板选型平台</h1>
+        <el-form :model="form"
+                 status-icon
+                 :disabled="isLocked"
+                 @submit.prevent="handleSubmit">
+          <!-- 账号输入 -->
+          <el-form-item prop="username">
+            <el-input v-model="form.username"
+                      placeholder="请输入账号"
+                      clearable
+                      :prefix-icon="User" />
+          </el-form-item>
+
+          <!-- 密码输入 -->
+          <el-form-item prop="password">
+            <el-input v-model="form.password"
+                      type="password"
+                      placeholder="请输入密码"
+                      show-password
+                      :prefix-icon="Lock" />
+          </el-form-item>
+
+          <!-- 验证码区域 -->
+          <el-form-item prop="code" class="captcha-container">
+            <div class="captcha-input">
+              <el-input v-model="form.code"
+                        placeholder="请输入验证码"
+                        :prefix-icon="Key"
+                        maxlength="4" />
+              <img :src="captchaSrc"
+                   class="captcha-image"
+                   alt="验证码"
+                   @click="generateCaptcha" />
+            </div>
+          </el-form-item>
+
+          <!-- 记住我 & 操作按钮 -->
+          <el-form-item>
+            <div class="form-actions">
+              <el-checkbox v-model="form.remember">记住我</el-checkbox>
+              <el-button type="primary"
+                         native-type="submit"
+                         :loading="loading"
+                         :disabled="submitDisabled">
+                {{ isLocked ? `请等待${lockRemainTime}后重试` : '立即登录' }}
+              </el-button>
+            </div>
+          </el-form-item>
+
+          <!-- 错误提示 -->
+          <div v-if="errorAttempts > 0" class="error-tip">
+            已错误尝试 {{ errorAttempts }} 次（5次后将锁定账号）
+          </div>
+        </el-form>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+
+<script setup>
+  import { ref, inject, onMounted, computed } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { ElMessage } from 'element-plus'
+  import { User, Lock, Key } from '@element-plus/icons-vue'
+
+  
+  const checkLoginStatus = inject('checkLoginStatus');
+
+  const router = useRouter()
+  const $http = inject('$http')
+
+  // 响应式状态
+  const form = ref({
+    username: localStorage.getItem('rememberedUsername') || '',
+    password: localStorage.getItem('rememberedPassword') || '',
+    remember: localStorage.getItem('rememberedUsername') ? true : false,
+    code: ''
+  })
+
+
+  const loading = ref(false);
+  const submitDisabled = ref(false);
+  const isLocked = ref(false);
+  const errorAttempts = ref(parseInt(localStorage.getItem('loginErrorAttempts')) || 0);
+  const lockUntil = ref(parseInt(localStorage.getItem('loginLockUntil')) || 0);
+  const captchaSrc = ref('');
+  const captchaValue = ref('');
+
+  // 计算属性
+  const lockRemainTime = computed(() => {
+    if (!isLocked) return '00:00'
+    const remain = (lockUntil.value - Date.now()) / 1000
+    return `${Math.floor(remain / 60)}分${Math.floor(remain % 60)}秒`
+  })
+
+  // 初始化
+  onMounted(() => {
+    localStorage.removeItem('token')
+    localStorage.setItem('login', false)
+    initAuthState()
+    generateCaptcha()
+    checkLoginStatus()
+  })
+
+  // 方法实现
+  const initAuthState = () => {
+    if (lockUntil.value && Date.now() < lockUntil.value) {
+      setupUnlockTimer(lockUntil.value - Date.now())
+    }
+  }
+
+
+
+  const setupUnlockTimer = (duration) => {
+    isLocked.value = true
+    setTimeout(() => {
+      isLocked.value = false
+      errorAttempts.value = 0
+      localStorage.removeItem('loginLockUntil')
+      localStorage.removeItem('loginErrorAttempts')
+    }, duration)
+  }
+
+  // 生成验证码
+  const generateCaptcha = () => {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    const chars = '0123456789';
+    let captcha = '';
+    canvas.width = 86;
+    canvas.height = 30;
+
+    // 生成验证码字符串
+    for (let i = 0; i < 4; i++) {
+      captcha += chars.charAt(Math.floor(Math.random() * chars.length));
+    }
+    captchaValue.value = captcha; // 存储验证码值用于验证
+
+    // 绘制背景
+    ctx.fillStyle = '#FFFFFF';
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+    // 绘制噪点
+    ctx.fillStyle = '#000000';
+    for (let i = 0; i < 33; i++) {
+      const x = Math.random() * canvas.width;
+      const y = Math.random() * canvas.height;
+      ctx.beginPath();
+      ctx.arc(x, y, 1, 0, Math.PI * 2, false);
+      ctx.fill();
+    }
+
+    // 绘制验证码
+    ctx.font = '24px Arial';
+    let xnd = 10;
+    for (let i = 0; i < captcha.length; i++) {
+      const angle = (Math.random() * 30) - 15; // -10度到+10度
+
+      // 保存当前状态
+      ctx.save();
+
+      // 旋转并绘制文字
+      ctx.translate(xnd, 20);
+      ctx.rotate(angle * Math.PI / 180);
+      ctx.fillText(captcha[i], 0, 0);
+
+      // 恢复状态
+      ctx.restore();
+
+      // 更新下一个字符的x位置
+      xnd += 15 + Math.abs(angle) / 2; // 根据角度调整字符间距
+    }
+
+    // 添加5-10条干扰条纹
+    ctx.strokeStyle = '#6F4A2F';
+    const bug = Math.floor(Math.random() * 6) + 3
+    for (let i = 0; i < bug; i++) {
+      ctx.beginPath();
+      ctx.moveTo(Math.random() * canvas.width, Math.random() * canvas.height);
+      ctx.lineTo(Math.random() * canvas.width, Math.random() * canvas.height);
+      ctx.stroke();
+    }
+    // 将canvas转换为图片URL
+    captchaSrc.value = canvas.toDataURL('image/png');
+  }
+
+
+  const handleSubmit = async () => {
+    if (form.value.username == "WYSERVER") return
+    if (isLocked.value || submitDisabled.value) return
+    if (!validateForm()) return
+
+    try {
+      loading.value = true
+      const response = await $http.post('Login/Login', {
+        username: form.value.username,
+        password: form.value.password
+      })
+      //console.log(response)
+      handleLoginResponse(response.data)
+    } catch (error) {
+      handleLoginError(error)
+    } finally {
+      loading.value = false
+    }
+  }
+  // 新增表单验证方法
+  const validateForm = () => {
+    if (!form.value.username.trim()) {
+      ElMessage.error('请输入账号！')
+      return false
+    }
+    if (!form.value.password.trim()) {
+      ElMessage.error('请输入密码！')
+      return false
+    }
+    if (!form.value.code.trim()) {
+      ElMessage.error('请输入验证码！')
+      return false
+    }
+    if (form.value.code !== captchaValue.value) {
+      ElMessage.error('验证码错误！')
+      generateCaptcha()
+      return false
+    }
+    return true
+  }
+  // 新增错误处理方法
+  const handleLoginError = (error) => {
+    console.error('登录请求失败:', error)
+    ElMessage.error('网络请求失败，请检查网络连接')
+    errorAttempts.value++
+  }
+
+
+  const handleLoginResponse = (data) => {
+    if (data.isok) {
+      handleLoginSuccess(data.response)
+    } else {
+      handleLoginFailure(data.message)
+    }
+  }
+
+  const handleLoginSuccess = (userData) => {
+    // 登录成功处理...
+    errorAttempts.value = 0
+    if (localStorage.getItem('ATTEMPTS_STORAGE_KEY')) {
+      localStorage.removeItem('ATTEMPTS_STORAGE_KEY')
+    }
+    if (localStorage.getItem('LOCK_STORAGE_KEY')) {
+      localStorage.removeItem('LOCK_STORAGE_KEY')
+    }
+    localStorage.removeItem('loginErrorAttempts')
+    // 存储token
+    localStorage.setItem('token', userData.accessToken)
+    localStorage.setItem('username', userData.username)
+    localStorage.setItem('login', true)
+    localStorage.setItem('uid', userData.id)
+    localStorage.setItem('roleId', userData.roleId)
+    localStorage.setItem('realname', userData.realname)
+    localStorage.setItem('position', userData.position)
+    localStorage.setItem('comId', userData.comId)
+    localStorage.setItem('avatar', userData.avatar)
+
+    // 记住账号和密码
+    if (form.value.remember) {
+      localStorage.setItem('rememberedUsername', form.value.username)
+      localStorage.setItem('rememberedPassword', form.value.password)
+    } else {
+      if (localStorage.getItem('rememberedUsername')) {
+        localStorage.removeItem('rememberedPassword')
+      }
+    }
+    ElMessage.success(`登录成功，欢迎：${userData.username}！`)
+    router.push('/home')
+  }
+
+  const handleLoginFailure = (message) => {
+    ElMessage.error(message)
+    errorAttempts.value++
+    localStorage.setItem('loginErrorAttempts', errorAttempts.value)
+
+    if (errorAttempts.value >= 5) {
+      const lockUntil = Date.now() + 3600000
+      lockUntil.value = lockUntil
+      localStorage.setItem('loginLockUntil', lockUntil)
+      setupUnlockTimer(3600000)
+    }
+  }
+</script>
+<style scoped>
+
+  .container {
+    display: flex;
+    height: 100%;
+    width: 100%;
+  }
+
+  .logo-container,
+  .login-container {
+    flex: 1; /* 各占50% */
+    display: flex;
+    flex-direction: column;
+    align-items: center; /* 水平居中 */
+    justify-content: center; /* 垂直居中 */
+    min-height: 100vh;
+  }
+
+  .logo-image {
+    width: 80%;
+    max-width: 400px;
+    height: auto;
+  }
+
+  /*.login-container {
+    background: var(--el-bg-color);*/ /* 保持与主题一致 */
+  /*padding: 30px;
+    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
+  }*/
+
+  .login-title {
+    margin: 2rem 0;
+    text-align: center;
+  }
+
+
+
+  /* 基础样式保持桌面端布局 */
+  /*.login-container {
+    width: 400px;*/ /* 固定桌面端宽度 */
+  /*margin: 0 auto;
+    padding: 30px;
+    border-radius: 8px;
+    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
+  }*/
+
+  /* 外层容器样式 */
+  div[style*="display: flex"] {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    padding: 20px;
+  }
+
+
+
+  /* 通用样式保持 */
+  .captcha-container {
+    margin-bottom: 18px;
+  }
+
+  .captcha-input {
+    display: flex;
+    gap: 10px;
+  }
+
+  .captcha-image {
+    height: 40px;
+    cursor: pointer;
+    border-radius: 4px;
+    border: 1px solid var(--el-border-color);
+  }
+
+  .form-actions {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .error-tip {
+    color: var(--el-color-danger);
+    font-size: 12px;
+    text-align: center;
+    margin-top: -10px;
+    margin-bottom: 10px;
+  }
+
+
+  /* 移动端适配 */
+  @media (max-width: 768px) {
+    div[style*="display: flex"] {
+      flex-direction: column; /* 改为垂直布局 */
+      padding: 100px;
+    }
+
+      /* 图片容器调整 */
+      div[style*="display: flex"] > div:first-child {
+        width: 100%;
+        margin: 0 auto;
+        text-align: center;
+      }
+
+    /* 图片样式调整 */
+    img[src*="logobig.svg"] {
+      width: 80% !important;
+      max-width: 300px;
+      margin: 0 auto !important;
+      display: block;
+    }
+
+    /* 登录容器调整 */
+    /*.login-container {
+      width: 100% !important;
+      margin: 30px auto 0;
+      padding: 20px;
+      box-shadow: none;
+    }*/
+
+    /* 标题调整 */
+    /*.login-container h1 {
+        margin: 50px 0 !important;
+        font-size: 1.5rem;
+      }*/
+
+    /* 验证码输入容器 */
+    .captcha-input {
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    /* 验证码图片 */
+    .captcha-image {
+      width: 120px;
+      height: auto;
+    }
+
+    .container {
+      flex-direction: column;
+    }
+
+    .logo-container,
+    .login-container {
+      width: 100%;
+      min-height: auto;
+      padding: 2rem;
+    }
+
+    .logo-image {
+      max-width: 280px;
+      margin-top: 2rem;
+    }
+
+    .login-container {
+      box-shadow: none;
+    }
+  }
+</style>
diff --git a/src/pages/panelselection-bak/index-test.vue b/src/pages/panelselection-bak/index-test.vue
new file mode 100644
index 0000000..099e0a2
--- /dev/null
+++ b/src/pages/panelselection-bak/index-test.vue
@@ -0,0 +1,1542 @@
+<template>
+  <div class="panel-container">
+    <div class="selection-card">
+      <!-- 房型配置 -->
+      <div v-if="selectedProject" class="room-config">
+        <div class="section-title">
+          <el-icon><OfficeBuilding /></el-icon>
+          <span>房型配置</span>
+          <el-button type="primary" size="small" @click="addRoomType" plain style="margin-left:10px">
+            <el-icon><Plus /></el-icon>添加房型
+          </el-button>
+        </div>
+
+        <div class="tree-layout">
+          <!-- 左侧树形列表 -->
+          <div class="tree-container">
+            <el-tree ref="roomTreeRef" :data="treeData" size="small" node-key="id" :props="treeProps"
+                     default-expand-all="true" :expanded-keys="expandedKeys" :expand-on-click-node="true"
+                     :highlight-current="true" @node-click="handleNodeClick">
+              <template #default="{ node, data }">
+                <div class="tree-node">
+                  <span class="node-label" v-if="!data.editing" @dblclick="startEditing(data)">
+                    <el-icon v-if="data.type === 'room'"><House /></el-icon>
+                    <el-icon v-else><Menu /></el-icon>
+                    {{ node.label }}
+                  </span>
+                  <el-input v-else v-model="data.newLabel" size="small" @blur="finishEditing(data)"
+                            @keyup.enter="finishEditing(data)" autofocus />
+                  <span class="node-actions">
+                    <el-button type="text" size="small" @click.stop="startEditing(data)" v-if="!data.editing" link plain>
+                      <el-icon><Edit /></el-icon>
+                    </el-button>
+                    <el-button v-if="data.type === 'room'" type="primary" size="small" @click.stop="addPanel(data)" link plain>
+                      <el-icon><Plus /></el-icon>
+                    </el-button>
+                    <el-button v-else size="small" link plain>
+                      <el-icon></el-icon>
+                    </el-button>
+                    <el-button type="danger" size="small" @click.stop="removeNode(data)" link plain v-if="isAllowDel(data)">
+                      <el-icon><Delete /></el-icon>
+                    </el-button>
+                    <el-button v-else size="small" link plain>
+                      <el-icon></el-icon>
+                    </el-button>
+                  </span>
+                </div>
+              </template>
+            </el-tree>
+          </div>
+
+          <!-- 右侧面板配置 -->
+          <div class="panel-config" v-if="currentPanel">
+            <!-- 步骤条 -->
+            <el-steps :active="currentStep"
+                      finish-status="success"
+                      simple
+                      align-center>
+              <el-step title="选择面板" />
+              <el-step title="配置面板" />
+              <el-step title="生成预览" />
+              <el-step title="保存配置" />
+            </el-steps>
+
+            <!-- 步骤1: 选择系列和模型 -->
+            <div v-show="currentStep === 0" class="step-content">
+              <div class="model-selectors">
+                <div class="selector-row">
+                  <!-- 系列选择表格 -->
+                  <div class="form-group">
+                    <label>系列</label>
+                    <el-table :data="seriesList"
+                              highlight-current-row
+                              @current-change="handleFileChange"
+                              style="width: 100%">
+                      <el-table-column prop="Series" label="系列名称">
+                        <template #default="{ row }">
+                          {{ formatName(row.Series) + '_' + row.Version }}
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+
+                  <!-- 模型选择表格 -->
+                  <div class="form-group" v-if="currentPanel.selectedFileId">
+                    <label>模型</label>
+                    <el-table :data="modelsList"
+                              highlight-current-row
+                              @current-change="handleModelChange"
+                              style="width: 100%">
+                      <el-table-column prop="ModelName" label="模型名称">
+                        <template #default="{ row }">
+                          {{ formatNameFront1(row.ModelName) }}
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 步骤2: 配置单体 -->
+            <div v-show="currentStep === 1" class="step-content">
+              <div class="pattern-selectors" v-if="currentPanel.selectedModelId">
+                <div class="pattern-selector-group">
+                  <div class="form-group" v-for="(_, index) in currentPanel.patternCount" :key="index">
+                    <label>
+                      <span class="status-indicator" :class="{'status-complete': currentPanel.selectedPatternIds[index], 'status-incomplete': !currentPanel.selectedPatternIds[index]}"></span>
+                      单体 {{ index + 1 }}
+                    </label>
+
+                    <!-- 单体选择表格 -->
+                    <el-table :data="patternsList"
+                              highlight-current-row
+                              @current-change="(row) => handlePatternChange(row.ID, index)"
+                              style="width: 100%">
+                      <el-table-column prop="PatternName" label="单体名称">
+                        <template #default="{ row }">
+                          {{ formatName(row.PatternName) }}
+                        </template>
+                      </el-table-column>
+                    </el-table>
+
+                    <el-button type="primary"
+                               size="small"
+                               @click="openPatternEditor(index)"
+                               style="margin-top: 5px;"
+                               :disabled="!currentPanel.selectedPatternIds[index]">
+                      <el-icon><Edit /></el-icon>编辑位置
+                    </el-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 步骤3: 生成预览 -->
+            <div v-show="currentStep === 2" class="step-content">
+              <div class="preview-image-container">
+                <div class="preview-placeholder">
+                  <img src="../../../public/pic/预览图测试.png" style="height: 250px;" />
+                </div>
+              </div>
+            </div>
+
+            <!-- 步骤4: 保存配置 -->
+            <div v-show="currentStep === 3" class="step-content">
+              <div class="confirmation-section">
+                <h3>配置总结</h3>
+                <p><strong>项目:</strong> {{ selectedProject.projectName }}</p>
+                <p><strong>房型:</strong> {{ currentRoom.label }}</p>
+                <p><strong>面板:</strong> {{ currentPanel.label }}</p>
+                <p><strong>系列:</strong> {{ selectedSeriesName }}</p>
+                <p><strong>模型:</strong> {{ selectedModelName }}</p>
+
+                <div class="pattern-summary" v-for="(patternId, index) in currentPanel.selectedPatternIds" :key="index">
+                  <p><strong>单体 {{ index + 1 }}:</strong> {{ getPatternName(patternId) }}</p>
+                </div>
+              </div>
+            </div>
+
+            <!-- 步骤导航按钮 -->
+            <div class="step-navigation">
+              <el-button v-if="currentStep > 0"
+                         @click="currentStep--"
+                         size="small">
+                上一步
+              </el-button>
+
+              <el-button v-if="currentStep < 3"
+                         type="primary"
+                         @click="nextStep"
+                         size="small"
+                         :disabled="!canProceedToNextStep">
+                下一步
+              </el-button>
+
+              <el-button v-if="currentStep === 3"
+                         type="success"
+                         @click="saveConfiguration"
+                         size="small">
+                保存配置
+              </el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="!selectedProject" style="width:85%;text-align:right">
+        <el-text size="large" type="primary">请先在上方选择项目<el-icon size="40px"><Top /></el-icon></el-text>
+
+      </div>
+      <div class="action-buttons">
+        <el-button type="primary" size="small" @click="saveConfiguration" v-if="isFormValid">
+          <el-icon><DocumentAdd /></el-icon>
+          保存配置
+        </el-button>
+      </div>
+    </div>
+  </div>
+
+  <!-- 预览图弹窗 -->
+  <el-dialog v-model="previewDialogVisible" title="面板预览" width="900px">
+    <div class="preview-image-container">
+      <!-- 图片占位区 -->
+      <div class="preview-placeholder">
+        <img src="../../../public/pic/预览图测试.png" style="height: 250px;" />
+      </div>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="previewDialogVisible = false">返回编辑</el-button>
+        <el-button type="primary" @click="savePreview">确定保存</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+  import { ref, onMounted, computed, watch, inject } from 'vue';
+  import { createAxiosInstance } from '../../axios.js'
+  import { ElMessage } from 'element-plus'
+  import { Promotion, Refresh, Menu, OfficeBuilding, Location, Document, Plus, Delete, Edit, House, Loading, Check, Close, Picture } from '@element-plus/icons-vue'
+
+  const cloudHttp = inject('cloudHttp')
+  const localHttp = inject('localHttp')
+  const projectList = inject('projectList')
+  const selectedProjectId = inject('selectedProjectId')
+  const selectedProject = inject('selectedProject')
+  const formatDate = inject('formatDate')
+
+  // 数据引用
+  const seriesList = ref([]);
+  const modelsList = ref([]);
+  const patternsList = ref([]);
+  /*  const projectList = ref([]);
+    const selectedProjectId = ref(null);
+    const selectedProject = ref(null);*/
+  const expandedKeys = ref([]);
+  const roomConfigs = ref([]);
+  const currentPanel = ref(null);
+  const currentPreviewPatternIndex = ref(null); // 新增：当前预览的单体索引
+  const previewDialogVisible = ref(false); // 预览弹窗显示状态
+  // 新增状态
+  const currentStep = ref(0);
+  const currentRoom = ref(null)
+  // 新增状态：当前编辑的单体索引
+  const currentEditingPatternIndex = ref(null);
+  // 监听当前面板变化
+  watch(currentPanel, (newPanel) => {
+    if (newPanel) {
+      currentStep.value = 0;
+    }
+  });
+  // 计算属性：是否可以进入下一步
+  const canProceedToNextStep = computed(() => {
+    switch (currentStep.value) {
+      case 0: // 选择系列和模型
+        return currentPanel.value?.selectedModelId;
+      case 1: // 配置单体
+        return currentPanel.value?.selectedPatternIds.every(id => id);
+      case 2: // 生成预览
+        return true;
+      default:
+        return true;
+    }
+  });
+  // 新增计算属性：项目选择是否被锁定
+  const isProjectLocked = computed(() => {
+    return currentPanel.value && currentPanel.value.selectedFileId;
+  });
+
+  // 树形结构数据
+  const treeData = computed(() => {
+    return roomConfigs.value.map(room => ({
+      id: room.id,
+      label: room.label,
+      type: 'room',
+      panels: room.panels,
+      editing: room.editing,
+      newLabel: room.newLabel,
+      children: room.panels.map(panel => ({
+        id: panel.id,
+        label: panel.label,
+        type: 'panel',
+        ...panel
+      }))
+    }));
+  });
+
+  const treeProps = { children: 'children', label: 'label' };
+
+  const initPanelConfig = () => ({
+    id: `panel-${Date.now()}`,
+    label: `面板组合1`,
+    selectedFileId: null,
+    selectedModelId: null,
+    patternCount: 0,
+    selectedPatternIds: [],
+    loading: false,
+    modelDataLoaded: false,
+    locationLists: [],
+    txtList: [],
+    txtEnList: [],
+    iconList: [],
+    locationSelections: [],
+    editing: false,
+    newLabel: '',
+    direction: '横向'
+  });
+
+  // 下一步处理
+  const nextStep = () => {
+    if (currentStep.value === 0 && currentPanel.value?.selectedModelId) {
+      currentStep.value++;
+    } else if (currentStep.value === 1 && currentPanel.value?.selectedPatternIds.every(id => id)) {
+      currentStep.value++;
+    } else if (currentStep.value === 2) {
+      currentStep.value++;
+    }
+  };
+
+  // 获取单体图片路径
+  const getPatternImage = (patternId) => {
+    if (!patternId) return '';
+
+    // 在单体列表中查找对应的单体
+    const pattern = patternsList.value.find(p => p.ID === patternId);
+    if (!pattern) return '';
+
+    // 格式化单体名称
+    const patternName = formatName(pattern.PatternName);
+
+    // 构建图片路径
+    return `/pic/${patternName}.jpg`;
+  }
+
+  // 简化数据获取调用
+  const getSeries = async () => seriesList.value = await fetchData('PanelSelection/SeriesQuery', {});
+  const getModels = async (fileId) => modelsList.value = await fetchData('PanelSelection/ModelQuery', { FID: fileId });
+  const getPatterns = async (fileId) => patternsList.value = await fetchData('PanelSelection/PatternQuery', { FID: fileId });
+  const getLocationls = async (patternId) => await fetchData('PanelSelection/LocationQuery', { PID: patternId });
+  const getTxt = async (fileId) => await fetchData('PanelSelection/TxtQuery', { FID: fileId });
+  const getTxtEn = async (fileId) => await fetchData('PanelSelection/TxtEnQuery', { FID: fileId });
+  const getIcon = async (fileId) => await fetchData('PanelSelection/IconQuery', { FID: fileId });
+  const getFont = async () => await fetchData('PanelSelection/FontQuery', {});
+
+  // 保存配置
+  const saveConfiguration = async () => {
+    if (!isFormValid.value) {
+      ElMessage.warning('请先完成配置');
+      return;
+    }
+
+    try {
+      const configData = {
+        projectId: selectedProject.value.id,
+        roomConfigs: roomConfigs.value.map(room => ({
+          id: room.id,
+          label: room.label,
+          panels: room.panels.map(panel => ({
+            id: panel.id,
+            label: panel.label,
+            selectedFileId: panel.selectedFileId,
+            selectedModelId: panel.selectedModelId,
+            patternCount: panel.patternCount,
+            selectedPatternIds: panel.selectedPatternIds,
+            locationSelections: panel.locationSelections
+          }))
+        }))
+      };
+
+      const rs = await localHttp.post('PanelSelection/SaveConfiguration', JSON.stringify(configData));
+      rs.data.success ? ElMessage.success('配置保存成功') : ElMessage.error('配置保存失败');
+    } catch (error) {
+      console.error('保存配置失败:', error);
+      ElMessage.error('保存配置失败');
+    }
+  };
+
+  // 获取项目列表
+  const getProject = async () => {
+    try {
+      const rs = await cloudHttp.post('AasProjectInfoes/Get_ProjectByStatusCode');
+      projectList.value = rs.data.response.sort((a, b) => b.id - a.id);
+    } catch (error) {
+      console.error('获取项目列表失败:', error);
+      ElMessage.error('获取项目列表失败');
+    }
+  }
+
+  // 删除节点权限检查
+  const isAllowDel = (data) => {
+    return (data.type === 'room' && roomConfigs.value.length > 1) ||
+      (data.type === 'panel' && getRoomByPanel(data).panels.length > 1)
+  }
+
+  // 安全获取房型的方法
+  const getRoomByPanel = (panelNode) => {
+    if (!panelNode || !panelNode.id) {
+      console.warn('面板节点无效');
+      return roomConfigs.value[0] || null;
+    }
+
+    for (const room of roomConfigs.value) {
+      if (room.panels && room.panels.find(p => p.id === panelNode.id)) {
+        return room;
+      }
+    }
+
+    console.warn('未找到面板所属的房型');
+    return roomConfigs.value[0] || null;
+  };
+  // 安全保存方法
+  const safeSaveRoomName = async (roomId, newName) => {
+    if (!roomId || !newName) {
+      console.warn('房型ID或名称为空');
+      return;
+    }
+
+    try {
+      const rs = await localHttp.post('PanelSelection/SaveRoomName', {
+        roomId: roomId,
+        newName: newName
+      });
+
+      if (!rs.data.isok) {
+        throw new Error(rs.data.message || '保存房型名称失败');
+      }
+    } catch (error) {
+      console.error('保存房型名称失败:', error);
+      throw error;
+    }
+  };
+
+  // 删除节点
+  const removeNode = (node) => {
+    if (node.type === 'room') {
+      const index = roomConfigs.value.findIndex(r => r.id === node.id);
+      if (index !== -1 && roomConfigs.value.length > 1) {
+        roomConfigs.value.splice(index, 1);
+      }
+    } else if (node.type === 'panel') {
+      const room = getRoomByPanel(node);
+      if (room) {
+        const panelIndex = room.panels.findIndex(p => p.id === node.id);
+        if (panelIndex !== -1 && room.panels.length > 1) {
+          if (currentPanel.value?.id === node.id) currentPanel.value = null;
+          room.panels.splice(panelIndex, 1);
+        }
+      }
+    }
+  }
+
+  // 添加房型
+  const addRoomType = () => {
+    const newRoomId = `room-${Date.now()}`;
+    const newRoom = {
+      id: newRoomId,
+      label: `房型 ${roomConfigs.value.length + 1}`,
+      panels: [initPanelConfig()],
+      editing: false,
+      newLabel: ''
+    };
+    roomConfigs.value.push(newRoom);
+    expandedKeys.value.push(newRoomId);
+  }
+
+  // 添加面板
+  const addPanel = (roomNode) => {
+    const room = roomConfigs.value.find(r => r.id === roomNode.id);
+    if (room) {
+      const newPanel = initPanelConfig();
+      newPanel.label = `面板 ${room.panels.length + 1}`;
+      room.panels.push(newPanel);
+      if (!expandedKeys.value.includes(roomNode.id)) {
+        expandedKeys.value.push(roomNode.id);
+      }
+    }
+  }
+  watch(selectedProjectId, (newPanel) => {
+    if (newPanel) {
+      handleProjectChange(newPanel)
+    }
+  });
+  // 处理项目变更
+  const handleProjectChange = async (projectId) => {
+    if (!projectId) {
+      selectedProject.value = null;
+      roomConfigs.value = [];
+      currentPanel.value = null;
+      currentRoom.value = null;
+      expandedKeys.value = [];
+      return;
+    }
+
+    selectedProject.value = projectList.value.find(p => p.id === projectId);
+    if (!selectedProject.value) {
+      ElMessage.warning('未找到选中的项目');
+      return;
+    }
+
+    try {
+      // 传递正确的参数格式
+      const rs = await localHttp.post('PanelSelection/GetProjectConfiguration', {
+        projectId: parseInt(projectId)
+      });
+
+      if (rs.data.isok && rs.data.response) {
+        // 确保响应是有效的JSON
+        const responseData = rs.data.response === "[]" ? [] : JSON.parse(rs.data.response);
+        roomConfigs.value = responseData;
+
+        // 如果有配置数据，设置当前房型和面板
+        if (roomConfigs.value.length > 0) {
+          currentRoom.value = roomConfigs.value[0];
+          if (currentRoom.value.panels && currentRoom.value.panels.length > 0) {
+            currentPanel.value = currentRoom.value.panels[0];
+          }
+        } else {
+          // 没有配置数据，初始化默认配置
+          initializeDefaultRoomConfigs();
+        }
+      } else {
+        // 后端返回成功但没有数据，初始化默认配置
+        initializeDefaultRoomConfigs();
+      }
+    } catch (error) {
+      console.error('加载项目配置失败:', error);
+      ElMessage.error('加载项目配置失败: ' + (error.message || '未知错误'));
+      // 出错时也初始化默认配置
+      initializeDefaultRoomConfigs();
+    }
+  };
+
+  // 初始化默认房型配置
+  const initializeDefaultRoomConfigs = () => {
+    roomConfigs.value = [];
+
+    // 确保 selectedProject.value 存在
+    if (!selectedProject.value || !selectedProject.value.id) {
+      console.error('无法初始化房型配置：项目信息不完整');
+      ElMessage.error('项目信息不完整，无法初始化配置');
+      return;
+    }
+
+    const roomTypeCount = selectedProject.value.roomTypeCount || 1;
+
+    for (let i = 0; i < roomTypeCount; i++) {
+      // 使用更安全的ID生成方式
+      const roomId = `room-${selectedProject.value.id}-${i}-${Date.now()}`;
+      const panelId = `panel-${roomId}-0`;
+
+      roomConfigs.value.push({
+        id: roomId,
+        label: `房型 ${i + 1}`,
+        panels: [{
+          ...initPanelConfig(),
+          id: panelId
+        }],
+        editing: false,
+        newLabel: ''
+      });
+    }
+
+    // 设置默认的当前房型和面板
+    if (roomConfigs.value.length > 0) {
+      currentRoom.value = roomConfigs.value[0];
+      if (currentRoom.value.panels && currentRoom.value.panels.length > 0) {
+        currentPanel.value = currentRoom.value.panels[0];
+      }
+    }
+  };
+
+  // 节点点击事件 - 更新当前房型
+  const handleNodeClick = (data) => {
+    if (data.type === 'panel') {
+      currentPanel.value = data;
+
+      // 安全地查找当前面板所属的房型
+      const room = roomConfigs.value.find(r =>
+        r.panels && r.panels.some(p => p.id === data.id)
+      );
+
+      if (room) {
+        currentRoom.value = room;
+      } else {
+        console.warn('未找到面板所属的房型，使用第一个房型');
+        currentRoom.value = roomConfigs.value[0] || null;
+      }
+
+      currentPreviewPatternIndex.value = null;
+      currentEditingPatternIndex.value = null;
+    } else if (data.type === 'room') {
+      currentRoom.value = data;
+      const index = expandedKeys.value.indexOf(data.id);
+      if (index > -1) {
+        expandedKeys.value.splice(index, 1);
+      } else {
+        expandedKeys.value.push(data.id);
+      }
+    }
+  };
+
+  // 开始编辑节点
+  const startEditing = (node) => {
+    node.editing = true;
+    node.newLabel = node.label;
+  }
+
+  // 获取当前选择的系列名称
+  const selectedSeriesName = computed(() => {
+    if (!currentPanel.value?.selectedFileId) return '';
+    const series = seriesList.value.find(s => s.ID === currentPanel.value.selectedFileId);
+    return series ? formatName(series.Series) + '_' + series.Version : '';
+  });
+
+  // 获取当前选择的模型名称
+  const selectedModelName = computed(() => {
+    if (!currentPanel.value?.selectedModelId) return '';
+    const model = modelsList.value.find(m => m.ID === currentPanel.value.selectedModelId);
+    return model ? formatNameFront1(model.ModelName) : '';
+  });
+
+  // 获取单体名称
+  const getPatternName = (patternId) => {
+    if (!patternId) return '';
+    const pattern = patternsList.value.find(p => p.ID === patternId);
+    return pattern ? formatName(pattern.PatternName) : '';
+  };
+
+  // 修改节点名称后立即保存
+  const finishEditing = async (node) => {
+    if (!node) {
+      console.error('节点为空，无法完成编辑');
+      return;
+    }
+
+    if (node.newLabel?.trim()) {
+      const originalLabel = node.label;
+      node.label = node.newLabel.trim();
+
+      try {
+        if (node.type === 'room') {
+          await safeSaveRoomName(node.id, node.label);
+        } else if (node.type === 'panel') {
+          const room = getRoomByPanel(node);
+          if (room) {
+            await safeSavePanelName(room.id, node.id, node.label);
+          } else {
+            console.warn('未找到房型，无法保存面板名称');
+          }
+        }
+      } catch (error) {
+        // 保存失败，恢复原始名称
+        node.label = originalLabel;
+        console.error('保存名称失败:', error);
+        ElMessage.error('保存名称失败: ' + error.message);
+      }
+    }
+    node.editing = false;
+  };
+
+  // 选择系列后立即保存
+  const handleFileChange = async (file) => {
+    if (!file || !currentPanel.value) return;
+
+    currentPanel.value.selectedFileId = file.ID;
+    currentPanel.value.loading = true;
+
+    try {
+      // 保存系列选择
+      await saveSeriesSelection(currentRoom.value.id, currentPanel.value.id, file.ID);
+
+      // 加载模型和图案
+      await getModels(file.ID);
+      await getPatterns(file.ID);
+    } catch (error) {
+      console.error('处理系列变更失败:', error);
+      ElMessage.error('处理系列变更失败');
+    } finally {
+      currentPanel.value.loading = false;
+    }
+  };
+
+  // 选择模型后立即保存
+  const handleModelChange = async (model) => {
+    if (!model || !currentPanel.value) return;
+
+    currentPanel.value.selectedModelId = model.ID;
+    currentPanel.value.loading = true;
+
+    try {
+      // 保存模型选择
+      await saveModelSelection(currentRoom.value.id, currentPanel.value.id, model.ID);
+
+      // 重置单体相关数据
+      currentPanel.value.patternCount = model?.PanelCount || 0;
+      currentPanel.value.selectedPatternIds = Array(currentPanel.value.patternCount).fill(null);
+      currentPanel.value.locationLists = Array(currentPanel.value.patternCount).fill([]);
+      currentPanel.value.locationSelections = Array(currentPanel.value.patternCount).fill([]);
+      currentPreviewPatternIndex.value = null;
+      currentEditingPatternIndex.value = null;
+
+      // 设置布局方向
+      currentPanel.value.direction = model?.Direction || '横向';
+
+      // 使用系列ID获取文本和图标
+      const fileId = currentPanel.value.selectedFileId;
+      if (fileId) {
+        currentPanel.value.txtList = await getTxt(fileId);
+        currentPanel.value.txtEnList = await getTxtEn(fileId);
+        currentPanel.value.iconList = await getIcon(fileId);
+      }
+
+      // 重置模型数据加载状态
+      currentPanel.value.modelDataLoaded = false;
+    } catch (error) {
+      console.error('处理模型变更失败:', error);
+      ElMessage.error('处理模型变更失败');
+    } finally {
+      currentPanel.value.loading = false;
+    }
+  };
+
+  // 选择单体后立即保存
+  const handlePatternChange = async (patternId, index) => {
+    if (!currentPanel.value || !patternId) return;
+
+    currentPanel.value.loading = true;
+
+    try {
+      // 保存单体选择
+      await savePatternSelection(
+        currentRoom.value.id,
+        currentPanel.value.id,
+        index,
+        patternId
+      );
+
+      // 加载位置信息
+      const locations = await getLocationls(patternId);
+
+      // 存储位置信息
+      currentPanel.value.locationLists[index] = locations;
+
+      // 初始化位置选择配置
+      currentPanel.value.locationSelections[index] = locations.map(location => ({
+        locationId: location.ID,
+        txtId: null,
+        iconId: null
+      }));
+
+      // 检查是否所有单体都已选择并加载位置信息
+      const allPatternsLoaded = currentPanel.value.selectedPatternIds.every(p => p) &&
+        currentPanel.value.locationLists.every(list => list.length > 0);
+
+      if (allPatternsLoaded) {
+        currentPanel.value.modelDataLoaded = true;
+      }
+    } catch (error) {
+      console.error('处理单体变更失败:', error);
+      ElMessage.error('处理单体变更失败');
+    } finally {
+      currentPanel.value.loading = false;
+    }
+  };
+
+  // 用_分割字符串，取第2段
+  const formatName = (name) => {
+    if (!name) return '';
+    const parts = name.split('_');
+    return parts.length > 1 ? parts[1] : name;
+  }
+
+  // 去除第一段
+  const formatNameFront1 = (name) => {
+    if (!name) return '';
+    const parts = name.split('_')
+    return parts.slice(1).join('_')
+  }
+
+  // 去除前二段
+  const formatNameFront2 = (name) => {
+    if (!name) return '';
+    const parts = name.split('_')
+    return parts.slice(2).join('_')
+  }
+
+  // 发送绘图需求
+  const SendDrawingRequirement = async () => {
+    /*    if (!isFormValid.value) {
+          ElMessage.warning('请先完成配置');
+          return;
+        }
+    */
+    try {
+      ElMessage.success('正在生成面板设计图，请稍候...');
+      const d = new Date();
+      const panel = currentPanel.value;
+
+      // 获取当前选中的模型
+      const model = modelsList.value.find(m => m.ID === panel.selectedModelId);
+      if (!model) {
+        ElMessage.error('未找到模型信息');
+        return;
+      }
+
+      // 获取当前选中的系列
+      const series = seriesList.value.find(s => s.ID === panel.selectedFileId);
+      if (!series) {
+        ElMessage.error('未找到系列信息');
+        return;
+      }
+
+      // 构建PatternList
+      const patternList = [];
+      for (let i = 0; i < panel.selectedPatternIds.length; i++) {
+        const patternId = panel.selectedPatternIds[i];
+        const pattern = patternsList.value.find(p => p.ID === patternId);
+        if (!pattern) {
+          ElMessage.error(`未找到单体${i + 1}的信息`);
+          continue;
+        }
+
+        // 构建该单体的位置列表
+        const locationList = [];
+        const locations = panel.locationLists[i];
+        const selections = panel.locationSelections[i];
+
+        // 确保位置列表和选择列表存在且长度相同
+        if (locations && selections && locations.length === selections.length) {
+          for (let j = 0; j < locations.length; j++) {
+            const location = locations[j];
+            const selection = selections[j];
+            let shapeNumber = '';
+
+            // 根据位置类型获取替换内容的ShapeNumber
+            if (location.Type === 1 || location.Type === 4) {
+              // 图标或Logo
+              const icon = panel.iconList.find(icon => icon.ID === selection.iconId);
+              if (icon) {
+                shapeNumber = icon.ShapeNumber;
+              }
+            } else if (location.Type === 2) {
+              // 中文字
+              const txt = panel.txtList.find(txt => txt.ID === selection.txtId);
+              if (txt) {
+                shapeNumber = txt.ShapeNumber;
+              }
+            } else if (location.Type === 3) {
+              // 英文字
+              const txtEn = panel.txtEnList.find(txt => txt.ID === selection.txtId);
+              if (txtEn) {
+                shapeNumber = txtEn.ShapeNumber;
+              }
+            }
+
+            // 添加到位置列表
+            locationList.push({
+              IndexNumber: location.IndexNum.toString(), // 使用位置的IndexNum字段
+              ShapeNumber: shapeNumber
+            });
+          }
+        }
+        var indexNum = i + 1;
+        patternList.push({
+          IndexNumber: indexNum.toString(), // 使用单体的IndexNum字段
+          ShapeNumber: pattern.ShapeNumber,
+          LocationList: locationList
+        });
+      }
+
+      // 生成图片编号：酒店名称+当前UTC秒级时间戳
+      const utcTimestamp = new Date().toISOString().replace(/[-:T.Z]/g, '').slice(0, 14);
+      const pictureNum = `${selectedProject.value.projectName.replace(/\s+/g, '_')}_${utcTimestamp}`;
+      const QueryDate = {
+        User: 'admin',
+        Process: 0,
+        PictureNum: pictureNum,
+        ProjectName: selectedProject.value.projectName,
+        ProjectId: selectedProject.value.projectCode,
+        MaterialLibraryName: series.FileName, // 使用系列的FileName字段
+        TemplateName: model.ModelName, // 使用格式化后的模型名称
+        TemplateNameIndex: model.ShapeNumber,
+        PatternList: patternList,
+      };
+
+      console.log('发送绘图请求:', QueryDate);
+      //return
+      const rs = await localHttp.post('PanelSelection/SendToCDR', JSON.stringify(QueryDate));
+      rs.data.isok ? ElMessage.success('面板设计图生成成功！') : ElMessage.error('面板设计图生成失败');
+    } catch (error) {
+      console.error('生成面板设计图失败:', error);
+      ElMessage.error('生成面板设计图时出错');
+    }
+  }
+
+  // 重置表单
+  const resetForm = () => {
+    selectedProjectId.value = null;
+    selectedProject.value = null;
+    roomConfigs.value = [];
+    currentPanel.value = null;
+    currentEditingPatternIndex.value = null;
+    currentPreviewPatternIndex.value = null;
+  }
+
+  // 表单验证
+  const isFormValid = computed(() => {
+    return selectedProject.value && roomConfigs.value.length > 0 &&
+      roomConfigs.value.every(room => room.panels.length > 0 &&
+        room.panels.every(panel =>
+          panel.selectedModelId &&
+          panel.selectedPatternIds.length === panel.patternCount &&
+          panel.selectedPatternIds.every(p => p) &&
+          panel.locationLists.every(list => list.length > 0) &&
+          panel.locationSelections.every(selections =>
+            selections && selections.length > 0
+          )
+        )
+      );
+  })
+
+  // 打开单体编辑器
+  const openPatternEditor = (patternIndex) => {
+    currentEditingPatternIndex.value = patternIndex;
+    currentPreviewPatternIndex.value = patternIndex; // 设置预览索引为当前编辑的单体
+  }
+
+  // 关闭单体编辑器
+  const closePatternEditor = () => {
+    currentEditingPatternIndex.value = null;
+    // 保留预览图片
+  }
+
+  // 保存单体编辑
+  const savePatternEdits = () => {
+    ElMessage.success('单体编辑已保存');
+    currentEditingPatternIndex.value = null;
+  }
+
+  // 格式化位置类型
+  const formatLocationType = (type) => {
+    switch (type) {
+      case 1: return '图标';
+      case 2: return '中文字';
+      case 3: return '英文字';
+      case 4: return 'Logo';
+      default: return '未知类型';
+    }
+  }
+
+  // 检查选项是否禁用
+  const isOptionDisabled = (option, type, currentIndex) => {
+    if (!currentPanel.value || currentEditingPatternIndex.value === null) return false;
+
+    // 获取当前单体的位置选择
+    const selections = currentPanel.value.locationSelections[currentEditingPatternIndex.value];
+
+    // 遍历所有位置选择
+    for (let i = 0; i < selections.length; i++) {
+      // 跳过当前行
+      if (i === currentIndex) continue;
+
+      const selection = selections[i];
+      const location = currentPanel.value.locationLists[currentEditingPatternIndex.value][i];
+
+      // 检查是否同类型
+      if (location.Type === type) {
+        // 检查图标类型
+        if ((type === 1 || type === 4) && selection.iconId === option.ID) {
+          return true;
+        }
+        // 检查文本类型
+        if ((type === 2 || type === 3) && selection.txtId === option.ID) {
+          return true;
+        }
+      }
+    }
+
+    return false;
+  }
+
+  // 检查所有单体是否已配置完成
+  const isAllPatternsConfigured = computed(() => {
+    if (!currentPanel.value || !currentPanel.value.modelDataLoaded) {
+      return false;
+    }
+
+    // 检查所有单体位置是否都已配置
+    for (let i = 0; i < currentPanel.value.locationSelections.length; i++) {
+      const selections = currentPanel.value.locationSelections[i];
+      const locationList = currentPanel.value.locationLists[i];
+
+      if (!selections || selections.length !== locationList.length) {
+        return false;
+      }
+
+      for (let j = 0; j < selections.length; j++) {
+        const selection = selections[j];
+        const location = locationList[j];
+
+        if (location.Type === 1 || location.Type === 4) {
+          // 图标类型
+          if (!selection.iconId) return false;
+        } else if (location.Type === 2 || location.Type === 3) {
+          // 文本类型
+          if (!selection.txtId) return false;
+        }
+      }
+    }
+
+    return true;
+  });
+
+  // 封装数据获取方法
+  const fetchData = async (endpoint, query) => {
+    try {
+      let rs;
+      if (query) {
+        rs = await localHttp.post(endpoint, JSON.stringify(query));
+      } else {
+        rs = await localHttp.post(endpoint);
+      }
+      return JSON.parse(rs.data.response);
+    } catch (error) {
+      console.error(`获取${endpoint}数据失败:`, error);
+      ElMessage.error(`获取${endpoint}数据失败`);
+      return [];
+    }
+  };
+
+  // 新增API调用方法
+  const saveRoomName = async (roomId, newName) => {
+    try {
+      if (!currentRoom.value) {
+        console.error('currentRoom.value is null');
+        return;
+      }
+
+      const rs = await localHttp.post('PanelSelection/SaveRoomName', JSON.stringify({
+        roomId,
+        newName
+      }));
+
+      if (!rs.data.isok) {
+        throw new Error(rs.data.message || '保存房型名称失败');
+      }
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const savePanelName = async (roomId, panelId, newName) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/SavePanelName', JSON.stringify({
+        roomId,
+        panelId,
+        newName
+      }));
+      if (!rs.data.isok) {
+        throw new Error(rs.data.message || '保存面板名称失败');
+      }
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const saveSeriesSelection = async (roomId, panelId, seriesId) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/SaveSeriesSelection', JSON.stringify({
+        roomId,
+        panelId,
+        seriesId
+      }));
+      if (!rs.data.isok) {
+        throw new Error(rs.data.message || '保存系列选择失败');
+      }
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const saveModelSelection = async (roomId, panelId, modelId) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/SaveModelSelection', JSON.stringify({
+        roomId,
+        panelId,
+        modelId
+      }));
+      if (!rs.data.isok) {
+        throw new Error(rs.data.message || '保存模型选择失败');
+      }
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const savePatternSelection = async (roomId, panelId, patternIndex, patternId) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/SavePatternSelection', JSON.stringify({
+        roomId,
+        panelId,
+        patternIndex,
+        patternId
+      }));
+      if (!rs.data.isok) {
+        throw new Error(rs.data.message || '保存单体选择失败');
+      }
+    } catch (error) {
+      throw error;
+    }
+  };
+
+
+  // 打开预览对话框
+  const openPreviewDialog = () => {
+    SendDrawingRequirement()
+    previewDialogVisible.value = true;
+  }
+
+  // 保存预览图（暂未实现）
+  const savePreview = () => {
+    ElMessage.info('保存预览图功能暂未实现');
+    previewDialogVisible.value = false;
+  }
+
+  onMounted(async () => {
+    await Promise.all([
+      //getProject(),
+      getSeries()
+    ]);
+  });
+</script>
+
+<style scoped>
+  .panel-container {
+    margin: 0 auto;
+    height: 100%;
+    padding: 5px;
+    font-size: 0.9rem;
+  }
+
+  .step-content {
+    margin-top: 20px;
+    padding: 15px;
+    border: 1px solid #ebeef5;
+    border-radius: 6px;
+    background-color: #f8fafc;
+  }
+
+  .step-navigation {
+    margin-top: 20px;
+    display: flex;
+    justify-content: center;
+    gap: 10px;
+  }
+
+  .confirmation-section {
+    padding: 15px;
+    background-color: white;
+    border-radius: 6px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  }
+
+  .pattern-summary {
+    margin-top: 10px;
+    padding-left: 15px;
+    border-left: 3px solid #409eff;
+  }
+
+  .selection-card {
+    height: 100%;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+    padding: 8px;
+    margin-bottom: 8px;
+    transition: box-shadow 0.3s ease;
+  }
+
+    .selection-card:hover {
+      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
+    }
+
+  .card-title {
+    font-size: 0.9rem;
+    border-bottom: 1px solid #eaeef5;
+    display: flex;
+    align-items: center;
+  }
+
+    .card-title .el-icon {
+      margin-right: 8px;
+      color: #409eff;
+      font-size: 0.9rem;
+    }
+
+  .form-group {
+    margin-bottom: 0px;
+  }
+
+    .form-group label {
+      display: block;
+      margin-bottom: 6px;
+      font-weight: 500;
+      color: #5a6c84;
+      font-size: 0.85rem;
+    }
+
+  .loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 12px;
+    background-color: #f8fafc;
+    border-radius: 6px;
+    margin: 12px 0;
+    font-size: 0.9rem;
+  }
+
+  .loading-icon {
+    margin-right: 8px;
+    animation: rotate 2s linear infinite;
+    color: #409eff;
+    font-size: 0.9rem;
+  }
+
+  @keyframes rotate {
+    from {
+      transform: rotate(0deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .pattern-editor {
+    margin-top: 12px;
+    border: 1px solid #ebeef5;
+    border-radius: 6px;
+    padding: 10px;
+    background-color: #f8fafc;
+  }
+
+  .section-title {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+    font-size: 0.9rem;
+    font-weight: 600;
+  }
+
+    .section-title .el-icon {
+      margin-right: 8px;
+      font-size: 0.9rem;
+    }
+
+  .action-buttons {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+    gap: 12px;
+  }
+
+  .details {
+    margin-top: 4px;
+    border-radius: 6px;
+    overflow: hidden;
+    font-size: 0.85rem;
+  }
+
+  .room-config {
+    margin-top: 15px;
+  }
+
+  .tree-layout {
+    display: flex;
+    gap: 15px;
+    margin-top: 15px;
+  }
+
+  .tree-container {
+    height: 50vh;
+    width: 15%;
+    overflow-y: auto;
+    border: 1px solid #ebeef5;
+  }
+
+  .panel-config {
+    width: 85%;
+  }
+
+  .tree-node {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    padding: 4px 0;
+  }
+
+  .node-label {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 0.9rem;
+  }
+
+  .node-actions {
+    display: flex;
+    gap: 4px;
+  }
+
+  .panel-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 4px;
+    padding-bottom: 4px;
+    border-bottom: 1px solid #eaeaea;
+  }
+
+  .panel-title {
+    font-size: 0.9rem;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  /* 模型配置容器 */
+  .model-config-container {
+    display: flex;
+    gap: 20px;
+    margin-bottom: 15px;
+  }
+
+  .model-selectors {
+    flex: 1;
+  }
+
+  /* 单体图片预览 */
+  .pattern-image-preview {
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    border: 1px solid #ebeef5;
+    border-radius: 6px;
+    overflow: hidden;
+    background-color: #f8fafc;
+    width: auto; /* 宽度自适应 */
+  }
+
+  .preview-title {
+    padding: 8px;
+    background-color: #409eff;
+    color: white;
+    font-size: 0.85rem;
+    text-align: center;
+  }
+
+  .image-container {
+    height: 320px; /* 固定高度 */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px;
+    width: auto; /* 宽度自适应 */
+  }
+
+    .image-container img {
+      max-height: 100%; /* 高度固定为320px */
+      width: auto; /* 宽度自适应 */
+      object-fit: contain;
+    }
+
+  .model-selectors {
+    margin-bottom: 15px;
+  }
+
+  .selector-row {
+    display: flex;
+    gap: 15px;
+    margin-bottom: 12px;
+  }
+
+  .pattern-selectors {
+    display: table-cell;
+    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+    gap: 12px;
+  }
+
+  .pattern-selector-group {
+    display: flex;
+  }
+
+    /* 竖向布局样式 */
+    .pattern-selector-group.vertical-layout {
+      flex-direction: column;
+      gap: 0;
+    }
+
+    .pattern-selector-group .form-group {
+      border: 1px solid #DCDFE6;
+      border-radius: 0;
+      padding: 10px;
+      background-color: #fff;
+      min-width: 180px;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      border-right: none;
+    }
+
+      /* 横向布局下的第一个元素 */
+      .pattern-selector-group .form-group.first-item {
+        border-top-left-radius: 6px;
+        border-bottom-left-radius: 6px;
+        border-left: 1px solid #DCDFE6;
+      }
+
+      /* 横向布局下的最后一个元素 */
+      .pattern-selector-group .form-group.last-item {
+        border-top-right-radius: 6px;
+        border-bottom-right-radius: 6px;
+        border-right: 1px solid #DCDFE6;
+      }
+
+    /* 竖向布局下的第一个元素 */
+    .pattern-selector-group.vertical-layout .form-group.vertical-first-item {
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
+      border-top: 1px solid #DCDFE6;
+    }
+
+    /* 竖向布局下的最后一个元素 */
+    .pattern-selector-group.vertical-layout .form-group.vertical-last-item {
+      border-bottom-left-radius: 6px;
+      border-bottom-right-radius: 6px;
+      border-bottom: 1px solid #DCDFE6;
+    }
+
+    /* 竖向布局下的中间元素 */
+    .pattern-selector-group.vertical-layout .form-group:not(.vertical-first-item):not(.vertical-last-item) {
+      border-top: none;
+      border-bottom: none;
+    }
+
+    .pattern-selector-group .form-group > * {
+      width: 100%;
+      margin-bottom: 5px;
+    }
+
+      .pattern-selector-group .form-group > *:last-child {
+        margin-bottom: 0;
+      }
+
+  .status-indicator {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    margin-right: 6px;
+  }
+
+  .status-complete {
+    background-color: #67c23a;
+  }
+
+  .status-incomplete {
+    background-color: #e6a23c;
+  }
+
+  :deep(.el-collapse) {
+    --el-collapse-header-height: none;
+  }
+
+  /* 新增样式：单体编辑区域布局 */
+  .editor-content {
+    display: flex;
+    gap: 15px;
+    width: 100%;
+  }
+
+  .editor-table {
+    flex: 1;
+    width: calc(100% - 600px); /* 表格宽度限制 */
+  }
+
+  .editor-preview {
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    border: 1px solid #ebeef5;
+    border-radius: 6px;
+    overflow: hidden;
+    background-color: #f8fafc;
+    width: 600px; /* 固定宽度 */
+  }
+
+    .editor-preview .preview-title {
+      padding: 8px;
+      background-color: #409eff;
+      color: white;
+      font-size: 0.85rem;
+      text-align: center;
+    }
+
+    .editor-preview .image-container {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 10px;
+    }
+
+      .editor-preview .image-container img {
+        max-height: 100%;
+        max-width: 100%;
+        object-fit: contain;
+      }
+
+  /* 预览图占位区 */
+  .preview-placeholder {
+    width: 860px;
+    height: 400px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: #f5f7fa;
+    border: 1px dashed #dcdfe6;
+    border-radius: 4px;
+    color: #909399;
+    font-size: 14px;
+  }
+
+    .preview-placeholder .el-icon {
+      font-size: 48px;
+      margin-bottom: 15px;
+      color: #c0c4cc;
+    }
+</style>
diff --git a/src/pages/panelselection/index.vue b/src/pages/panelselection/index.vue
new file mode 100644
index 0000000..79c08a5
--- /dev/null
+++ b/src/pages/panelselection/index.vue
@@ -0,0 +1,6084 @@
+<template>
+  <div class="container">
+    <!-- 左侧区域 -->
+    <div class="left-panel">
+      <div class="left-top">
+        <el-select ref="projectSelect"
+                   v-model="selectedProjectId"
+                   placeholder="请选择项目"
+                   filterable
+                   clearable
+                   size="small"
+                   @change="handleProjectChangeApp"
+                   @visible-change="onSelectVisibleChange"
+                   style="width: 100%; margin: 0px;"
+                   :disabled="isProjectLocked">
+          <el-option v-for="project in projectList"
+                     :key="project.id"
+                     :label="project.projectName"
+                     :value="project.id" />
+        </el-select>
+      </div>
+
+      <div class="left-bottom">
+        <div class="left-bottom-top">
+          <el-tree ref="projectTree" :data="treeData"
+                   node-key="id"
+                   :props="treeProps"
+                   :expand-on-click-node="true"
+                   default-expand-all
+                   @node-click="handleNodeClick"
+                   class="full-height-tree">
+            <template #default="{ node, data }">
+              <div class="tree-node-container">
+                <span class="tree-node-label">{{ node.label }}</span>
+                <div class="tree-node-actions">
+                  <!-- 项目节点 -->
+                  <template v-if="data.type === 'project'">
+                    <el-button size="small" link type="success" @click.stop="addRoomType(data)" v-if="data.project.id !== 1">新增房型</el-button>
+                    <el-button size="small" link type="primary">&emsp;&emsp;</el-button>
+                    <el-button v-if="data.project.projectCode !== '1'" size="small" link type="danger" @click.stop="removeProjectNode(data)">移除</el-button>
+                    <el-popover placement="bottom-end" :width="1100" trigger="click">
+                      <template #reference>
+                        <el-button size="small" class="detail-btn" link type="info" v-if="data.project.id !== 1">详情</el-button>
+                      </template>
+                      <el-descriptions border column="4" size="small" class="details">
+                        <el-descriptions-item label="项目名称">{{ data.project.projectName }}</el-descriptions-item>
+                        <el-descriptions-item label="详细地址">{{ data.project.addressDetail }}</el-descriptions-item>
+                        <el-descriptions-item label="所在地区">{{ data.project.quyu }} · {{ data.project.shengfen }}</el-descriptions-item>
+                        <el-descriptions-item label="项目编号">{{ data.project.projectCode }}</el-descriptions-item>
+                        <el-descriptions-item label="审批状态">
+                          <el-tag size="small" :type="data.project.shengpiStatus === '3' ? 'success' : 'warning'">
+                            {{ data.project.shengpiStatus === '3' ? '已批准' : '待审批' }}
+                          </el-tag>
+                        </el-descriptions-item>
+                        <el-descriptions-item label="报备信息">{{ data.project.customization }}</el-descriptions-item>
+                        <el-descriptions-item label="房间信息">{{ data.project.roomTypeCount }} 种房型 · {{ data.project.roomTotalCount }} 间客房</el-descriptions-item>
+                        <el-descriptions-item label="最后更新">{{ formatDate(data.project.updatetime) }}</el-descriptions-item>
+                      </el-descriptions>
+                    </el-popover>
+                  </template>
+
+                  <!-- 房型节点 -->
+                  <template v-else-if="data.type === 'room'">
+                    <el-button size="small" link type="success" @click.stop="addPanel(data)">新增面板组</el-button>
+                    <el-button size="small" link type="primary" @click.stop="editRoomName(data)">修改</el-button>
+                    <el-button size="small" link type="danger" @click.stop="deleteRoom(data)">删除</el-button>
+                  </template>
+
+                  <!-- 面板组节点 -->
+                  <template v-else-if="data.type === 'panel'">
+                    <el-button size="small" link type="primary" @click.stop="editPanelName(data)">修改</el-button>
+                    <el-button size="small" link type="danger" @click.stop="deletePanel(data)">删除</el-button>
+                  </template>
+                </div>
+              </div>
+            </template>
+          </el-tree>
+        </div>
+
+        <div class="left-bottom-bottom">
+          <div class="section-header">
+            <span>面板单元列表</span>
+            <el-button size="small" type="info" @click="showAddPanelUnitDialogView" plain :disabled="!selectedProjectId">
+              添加面板单元
+            </el-button>
+          </div>
+          <div class="table-content">
+            <el-table :data="unitTableData"
+                      border
+                      height="100%"
+                      style="width: 100%;"
+                      size="small"
+                      @row-click="handleUnitRowClick">
+              <el-table-column prop="panel_name"
+                               label="面板单元名称"
+                               min-width="180"
+                               show-overflow-tooltip />
+              <el-table-column label="操作" width="120" align="center">
+                <template #default="{ row }">
+                  <el-button size="small"
+                             link
+                             :type="currentPanelUnit === row.guid ? 'info' : 'primary'"
+                             @click.stop="editPanelUnit(row)">
+                    {{ currentPanelUnit === row.guid ? '编辑中' : '编辑' }}
+                  </el-button>
+                  <el-button size="small" link type="danger" @click.stop="deletePanelUnit(row)">
+                    删除
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 右侧区域 -->
+    <div class="right-panel">
+      <!-- 面板组合配置 -->
+      <div class="right-middle">
+        <div class="panel-unit-config-container">
+          <!-- 左边预览图区域 -->
+          <div class="preview-section-top">
+            <div class="section-header">
+              <span>面板组预览图{{ currentPanelNode?.panelInfo?.thumbnail_small === '生成中' ? '（生成中）' : '' }}</span>
+              <div>
+                <el-tooltip content="手动刷新面板组预览图" placement="top">
+                  <el-button size="small" type="info" @click="refreshPanelGroupPreview"
+                             :disabled="!currentPanelNode">
+                    刷新预览
+                  </el-button>
+                </el-tooltip>
+              </div>
+            </div>
+            <div class="preview-content">
+              <div v-if="panelGroupPreview" class="preview-image">
+                <el-image style="max-width: 100%; max-height: 100%; width: 100%; height: 100%"
+                          :src="panelGroupPreview"
+                          :preview-src-list="[panelGroupPreview]"
+                          show-progress
+                          fit="contain" />
+              </div>
+              <div v-else class="preview-placeholder">
+                <el-icon :size="35"><Picture /></el-icon>
+                <el-text v-if="currentPanelNode?.panelInfo?.thumbnail_small === '生成中'">生成中，请稍候</el-text>
+                <el-text v-else>暂无面板组预览图</el-text>
+              </div>
+            </div>
+          </div>
+
+          <div class="table-section">
+            <div class="section-header">
+              <span>面板组合配置</span>
+              <div>
+                <el-tooltip :content="!currentPanelNode ? '请先选择面板组' : !isAllPanelsConfigured ? '请先完成所有面板的配置' : (currentPanelNode?.panelInfo?.cdr_filename ? '点击下载CDR文件' : '点击生成CDR文件')" placement="top">
+                  <el-button v-if="currentPanelNode?.panelInfo?.cdr_filename" 
+                             size="small" 
+                             type="success" 
+                             @click="downloadCDRFile"
+                             :disabled="!currentPanelNode || !isAllPanelsConfigured">
+                    下载CDR文件
+                  </el-button>
+                  <el-button v-else
+                             size="small" 
+                             type="primary" 
+                             @click="showPreview(1)"
+                             :disabled="!currentPanelNode || !isAllPanelsConfigured">
+                    生成CDR文件
+                  </el-button>
+                </el-tooltip>
+                <el-tooltip :content="!currentPanelNode ? '请先选择面板组' : !isAllPanelsConfigured ? '请先完成所有面板的配置' : '点击生成预览图'" placement="top">
+                  <el-button size="small" type="primary" @click="showPreview(0)"
+                             :disabled="!currentPanelNode || !isAllPanelsConfigured">
+                    生成预览图
+                  </el-button>
+                </el-tooltip>
+              </div>
+            </div>
+
+            <!-- 新增：表格和预览图的上下布局容器 -->
+            <div class="table-preview-container">
+              <!-- 上半部分：表格（高度减半） -->
+              <div class="table-content" style="height: 19.3vh;">
+                <el-table :data="panelConfigTable" border style="width: 100%; height:100%;" size="small">
+                  <!-- 表格列保持不变 -->
+                  <el-table-column label="面板序号" max-width="80" align="center">
+                    <template #default="{ $index }">
+                      {{ $index + 1 }}
+                    </template>
+                  </el-table-column>
+
+                  <el-table-column label="状态" max-width="75" align="center">
+                    <template #default="{ row, $index }">
+                      <div v-if="row.panelUnitGuid">
+                        <el-tag type="success">已配置</el-tag>
+                      </div>
+                      <div v-else>
+                        <el-tag type="info">未配置</el-tag>
+                      </div>
+                    </template>
+                  </el-table-column>
+
+                  <el-table-column label="面板" min-width="200" align="center">
+                    <template #default="{ row, $index }">
+                      <el-select v-model="row.panelUnitGuid"
+                                 placeholder="请选择面板单元"
+                                 style="width: 100%;"
+                                 size="small"
+                                 @change="handlePanelUnitChange($index, row.panelUnitGuid)">
+                        <el-option v-for="unit in availablePanelUnits"
+                                   :key="unit.guid"
+                                   :label="unit.panel_name"
+                                   :value="unit.guid" />
+                      </el-select>
+                    </template>
+                  </el-table-column>
+
+                  <el-table-column label="操作" width="90" align="center">
+                    <template #default="{ row, $index }">
+                      <el-button size="small"
+                                 link
+                                 :type="currentPanelUnit === row.panelUnitGuid ? 'info' : 'primary'"
+                                 @click="editPanelUnitConfig(row)"
+                                 :disabled="!row.panelUnitGuid">
+                        {{ currentPanelUnit === row.panelUnitGuid ? '编辑中' : '编辑' }}
+                      </el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+
+              <!-- 下半部分：新增的面板组预览图 -->
+              <div class="preview-below-table">
+                <div class="preview-content">
+                  <div v-if="panelGroupPreviewThumbnail" class="preview-image">
+                    <el-image style="max-width: 100%; max-height: 100%; width: 100%; height: 100%"
+                              :src="panelGroupPreviewThumbnail"
+                              fit="contain" />
+                  </div>
+                  <div v-else class="preview-placeholder">
+                    <el-icon :size="35"><Picture /></el-icon>
+                    <el-text>暂无面板组预览图</el-text>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 单个面板配置 -->
+      <div class="right-bottom">
+        <div class="panel-unit-config-container">
+          <!-- 左边预览图区域保持不变 -->
+          <div class="preview-section-down">
+            <div class="section-header">
+              <span>单面板预览图</span>
+              <div>
+                <el-tooltip content="手动刷新预览图" placement="top">
+                  <el-button size="small" type="info" @click="refreshPanelUnitPreview"
+                             :disabled="!currentPanelUnit">
+                    刷新预览
+                  </el-button>
+                </el-tooltip>
+              </div>
+            </div>
+            <div class="preview-content">
+              <div v-if="singlePanelPreview" class="preview-image">
+                <el-image style="max-width: 97%; max-height: 100%; width: 97%; height: 100% "
+                          :src="singlePanelPreview"
+                          :preview-src-list="[singlePanelPreview]"
+                          show-progress
+                          fit="contain" />
+              </div>
+              <div v-else class="preview-placeholder">
+                <el-icon :size="35"><Picture /></el-icon>
+                <el-text v-if="currentPanelUnitObj && currentPanelUnitObj.design_status === '生成中'">生成中，请稍候</el-text>
+                <el-text v-else>暂无面板预览图</el-text>
+              </div>
+            </div>
+          </div>
+
+          <!-- 右边表单区域调整为左右结构 -->
+          <div class="form-section">
+            <div class="section-header">
+              <span>单个面板配置{{ currentPanelUnitObj && currentPanelUnitObj.design_status === '生成中' ? '（生成中）' : '' }}</span>
+              <div>
+                <el-tooltip content="点击生成单个面板预览图" placement="top">
+                  <el-button size="small" type="primary" @click="showSinglePanelPreview"
+                             :disabled="!currentPanelUnit">
+                    生成预览图
+                  </el-button>
+                </el-tooltip>
+              </div>
+            </div>
+
+            <!-- 新增：左右布局容器 -->
+            <div class="form-content-container">
+              <!-- 左侧：新增的pattern预览图 -->
+              <div class="pattern-preview-section">
+                <div class="preview-content">
+                  <div v-if="singlePanelPatternPreview" class="preview-image">
+                    <el-image style="max-width: 100%; max-height: 100%; width: 100%; height: 100% "
+                              :src="singlePanelPatternPreview"
+                              fit="contain" />
+                  </div>
+                  <div v-else class="preview-placeholder">
+                    <el-icon :size="35"><Picture /></el-icon>
+                    <el-text>暂无面板模型预览图</el-text>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 右侧：表格（宽度缩小） -->
+              <div class="table-content" style="width: 70%; height: 39.8vh;">
+                <el-table 
+                  ref="mergedPanelUnitTable"
+                  :data="mergedPanelUnitForm" 
+                  border 
+                  style="width: 100%; height:100%" 
+                  size="small" 
+                  highlight-current-row
+                  @current-change="handleMergedPanelUnitRowChange"
+                  @row-click="handleMergedPanelUnitRowClick"
+                  @change="handleUserEdit">
+                  <!-- 表格列保持不变 -->
+                  <el-table-column label="位置" min-width="60" align="center">
+                    <template #default="{ row }">
+                      <span>{{ row.locationName }}</span>
+                      <span v-if="row.locationName.length <= 2">号键</span>
+                    </template>
+                  </el-table-column>
+
+                  <el-table-column label="图标" min-width="100" align="center">
+                    <template #default="{ row }">
+                      <div v-if="row.icon && row.icon.content" class="icon-preview-cell">
+                        <el-image style="max-width: 22px; max-height: 22px; width: 22px; height: 22px;"
+                                  :src="getIconPreviewUrl(row.icon)"
+                                  @click="openIconDialog(row)"
+                                  fit="contain"
+                                  preview-teleported>
+                          <template #error>
+                            <div class="image-slot">
+                              <el-icon><Picture /></el-icon>
+                            </div>
+                          </template>
+                        </el-image>
+                        <el-button size="small"
+                                   link type="primary"
+                                   @click="openIconDialog(row)"
+                                   style="margin-left: 5px;">
+                          更换
+                        </el-button>
+                      </div>
+                      <el-button v-else size="small" link
+                                 @click="openIconDialog(row)"
+                                 type="primary">
+                        选择图标
+                      </el-button>
+                    </template>
+                  </el-table-column>
+
+                  <el-table-column label="中文" min-width="90" align="center">
+                    <template #default="{ row }">
+                      <el-button size="small" link
+                                 @click="openChineseDialog(row)"
+                                 :type="row.chinese && row.chinese.content ? '' : 'primary'">
+                        {{ row.chinese && row.chinese.content ? row.chinese.content : '编辑中文' }}
+                      </el-button>
+                    </template>
+                  </el-table-column>
+
+                  <el-table-column label="英文" min-width="90" align="center">
+                    <template #default="{ row }">
+                      <el-button size="small" link
+                                 @click="openEnglishDialog(row)"
+                                 :type="row.english && row.english.content ? '' : 'primary'">
+                        {{ row.english && row.english.content ? row.english.content : '编辑英文' }}
+                      </el-button>
+                    </template>
+                  </el-table-column>
+
+                  <el-table-column label="背光" min-width="50" align="center">
+                    <template #default="{ row, $index }">
+                      <div class="backlight-control">
+                        <el-checkbox v-model="row.backlightEnabled"
+                                     @change="handleBacklightToggle(row, $index)"
+                                     style="margin-right: 8px;">
+                        </el-checkbox>
+                      </div>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 新增面板组对话框 -->
+    <el-dialog v-model="showAddPanelDialog" width="1200px" :close-on-click-modal="false"
+               :title="editingPanelGuid ? '编辑面板组' : '新增面板组'">
+      <div class="dialog-content">
+        <!-- 左侧区域：系列选择表格 -->
+        <div class="dialog-left">
+          <div class="section-title">请选择系列</div>
+          <el-table :data="filteredSeriesList"
+                    border
+                    highlight-current-row
+                    @row-click="handleSeriesChange"
+                    style="width: 100%;"
+                    height="500">
+            <el-table-column label="系列名称 版本" min-width="150">
+              <template #default="{ row }">
+                {{ row.Series }}_{{ row.Version }}
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 中间区域：模型选择表格 -->
+        <div class="dialog-middle">
+          <div class="section-title">{{ selectedSeries ? '请选择模型' : '请先选择系列' }}</div>
+          <div class="model-selectors">
+            <!-- PanelCount选择器 -->
+            <div class="selector-row">
+              <span class="selector-label">面板数:</span>
+              <el-select v-model="selectedPanelCount"
+                         placeholder="请选择面板数"
+                         @change="updateModelList"
+                         :disabled="!selectedSeries">
+                <el-option v-for="count in panelCountOptions" :key="count" :label="count" :value="count" />
+              </el-select>
+            </div>
+
+            <!-- Direction选择器 -->
+            <div class="selector-row">
+              <span class="selector-label">方向:</span>
+              <el-select v-model="selectedDirection"
+                         placeholder="请选择方向"
+                         @change="updateModelList"
+                         :disabled="!selectedSeries">
+                <el-option v-for="dir in directionOptions" :key="dir" :label="dir" :value="dir" />
+              </el-select>
+            </div>
+
+            <!-- Color选择器 -->
+            <div class="selector-row">
+              <span class="selector-label">颜色:</span>
+              <el-select v-model="selectedColor"
+                         placeholder="请选择颜色"
+                         @change="updateModelList"
+                         :disabled="!selectedSeries">
+                <el-option v-for="color in colorOptions" :key="color" :label="color" :value="color" />
+              </el-select>
+            </div>
+            <!-- 位置选择器 -->
+            <div class="selector-row">
+              <span class="selector-label">Logo位置:</span>
+              <el-select v-model="selectedLogoPosition"
+                         placeholder="请选择Logo位置"
+                         clearable
+                         @change="handleLogoPositionChange"
+                         :disabled="!selectedModel">
+                <el-option v-for="position in logoPositionOptions"
+                           :key="position.value"
+                           :label="position.label"
+                           :value="position.value" />
+              </el-select>
+            </div>
+
+            <!-- Logo图片选择器 -->
+            <div class="selector-row">
+              <span class="selector-label">Logo图片:</span>
+              <el-select v-model="selectedLogo"
+                         placeholder="请选择Logo图片"
+                         @change="handleLogoChange"
+                         clearable
+                         :disabled="!selectedModel">
+                <el-option v-for="logo in logoList"
+                           :key="logo.ID"
+                           :label="formatNameFront12(logo.KeyName)"
+                           :value="logo">
+                  <div style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
+                    <el-image v-if="logo.PreviewPath"
+                              :src="config.PicAds + logo.PreviewPath"
+                              style="max-width: 60px; max-height: 23px; width: 60px; height: 23px; margin-right: 8px;"
+                              fit="contain" />
+                    <span style="flex: 1; text-align: left;">{{ formatNameFront12(logo.KeyName) }}</span>
+                  </div>
+                </el-option>
+              </el-select>
+            </div>
+
+          </div>
+        </div>
+
+        <!-- 右侧区域：预览图 -->
+        <div class="dialog-right">
+          <div class="section-title">预览</div>
+          <div class="preview-container">
+            <div v-if="selectedSeriesPreview" class="preview-image">
+              <div class="preview-info">
+                <el-image style="max-width: 100%; max-height: 100%; width: 100%; height: 100%"
+                          :src="selectedSeriesPreview"
+                          fit="contain" />
+              </div>
+            </div>
+            <div v-else class="preview-placeholder">
+
+              <el-icon :size="40"><Picture /></el-icon>
+              <el-text>选择系列以查看预览</el-text>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 表单信息移到对话框底部 -->
+      <div class="dialog-bottom">
+        <el-form :model="newPanelForm" label-width="100px" inline>
+          <el-form-item label="面板组名称" required>
+            <el-input v-model="newPanelForm.panel_list_name" placeholder="请输入面板组名称" style="width: 200px;" />
+          </el-form-item>
+          <!--          <el-form-item label="备注">
+                      <el-input v-model="newPanelForm.remarks" placeholder="请输入备注信息" style="width: 400px;" />
+                    </el-form-item>-->
+        </el-form>
+      </div>
+
+      <template #footer>
+        <el-button @click="showAddPanelDialog = false">取消</el-button>
+        <el-button type="primary" @click="confirmAddPanel">确定</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 新增面板单元对话框 -->
+    <el-dialog v-model="showAddPanelUnitDialog" width="1200px"
+               :close-on-click-modal="false"
+               :title="isEditPanelUnit ? '编辑面板单元' : '新增面板单元'">
+      <div class="dialog-content">
+        <!-- 左侧区域：系列选择表格 -->
+        <div class="dialog-left">
+          <div class="section-title">请选择系列</div>
+          <el-table :data="filteredSeriesList"
+                    border
+                    highlight-current-row
+                    @row-click="handleSeriesChangeForUnit"
+                    style="width: 100%;"
+                    height="500">
+            <el-table-column label="系列名称 版本" min-width="150">
+              <template #default="{ row }">
+                {{ row.Series }}_{{ row.Version }}
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 中间区域：模型选择区域 -->
+        <div class="dialog-middle">
+          <div class="section-title">{{ selectedSeriesForUnit ? '请选择模型' : '请先选择系列' }}</div>
+          <div class="model-selectors">
+            <!-- Direction选择器 -->
+            <div class="selector-row">
+              <span class="selector-label">方向:</span>
+              <el-select v-model="selectedDirectionForUnit"
+                         placeholder="请选择方向"
+                         @change="updateModelListForUnit"
+                         :disabled="!selectedSeriesForUnit || directionOptionsForUnit.length === 0">
+                <el-option v-for="dir in directionOptionsForUnit" :key="dir" :label="dir" :value="dir" />
+              </el-select>
+            </div>
+
+            <!-- Color选择器 -->
+            <div class="selector-row">
+              <span class="selector-label">颜色:</span>
+              <el-select v-model="selectedColorForUnit"
+                         placeholder="请选择颜色"
+                         @change="updateModelListForUnit"
+                         :disabled="!selectedSeriesForUnit || colorOptionsForUnit.length === 0">
+                <el-option v-for="color in colorOptionsForUnit" :key="color" :label="color" :value="color" />
+              </el-select>
+            </div>
+
+            <!-- 面板选择器 -->
+            <div class="selector-row">
+              <span class="selector-label">面板:</span>
+              <el-select v-model="selectedPatternForUnit"
+                         placeholder="请选择面板"
+                         style="width: 100%;"
+                         :disabled="!selectedSeriesForUnit || patternsListForUnit.length === 0">
+                <el-option v-for="pattern in patternsListForUnit"
+                           :key="pattern.ID"
+                           :label="formatNameFront12(pattern.PatternName)"
+                           :value="pattern.ID" />
+              </el-select>
+            </div>
+          </div>
+        </div>
+
+        <!-- 右侧区域：预览图 -->
+        <div class="dialog-right">
+          <div class="section-title">预览</div>
+          <div class="preview-container">
+            <div v-if="selectedSeriesPreviewForUnit" class="preview-image">
+              <div class="preview-info">
+                <el-image style="max-width: 100%; max-height: 100%; width: 100%; height: 100% "
+                          :src="selectedSeriesPreviewForUnit"
+                          :preview-src-list="[selectedSeriesPreviewForUnit]"
+                          show-progress
+                          fit="contain" />
+              </div>
+            </div>
+            <div v-else class="preview-placeholder">
+              <el-icon :size="40"><Picture /></el-icon>
+              <el-text>选择系列以查看预览</el-text>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 表单信息 -->
+      <div class="dialog-bottom">
+        <el-form :model="newPanelUnitForm" label-width="130px" inline>
+          <el-form-item label="面板单元名称" required>
+            <el-input v-model="newPanelUnitForm.panel_name" placeholder="请输入面板单元名称" style="width: 300px;" />
+          </el-form-item>
+          <!--          <el-form-item label="备注">
+                      <el-input v-model="newPanelUnitForm.remarks" placeholder="请输入备注信息" style="width: 450px;" />
+                    </el-form-item>-->
+        </el-form>
+      </div>
+
+      <template #footer>
+        <el-button @click="showAddPanelUnitDialog = false">取消</el-button>
+        <el-button type="primary"
+                   @click="isEditPanelUnit ? updatePanelUnit() : confirmAddPanelUnit()"
+                   :disabled="!selectedSeriesForUnit || !selectedPatternForUnit">
+          {{ isEditPanelUnit ? '更新' : '确定' }}
+        </el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 图标选择对话框 -->
+    <el-dialog v-model="iconDialogVisible" title="选择图标" fullscreen>
+      <div class="icon-select-dialog">
+        <!-- 图标库选择器 -->
+        <div class="icon-library-selector">
+          <span class="selector-label">搜索图标:</span>
+          <el-input v-model="iconSearchQuery"
+                    placeholder="输入图标名称搜索"
+                    style="width: 200px;"
+                    size="small"
+                    clearable
+                    @input="handleIconSearch">
+            <template #prefix>
+              <el-icon><Search /></el-icon>
+            </template>
+          </el-input>
+        </div>
+
+        <!-- 图标网格 -->
+        <div class="icon-grid-container">
+          <!-- 左侧：图标库选择表格 -->
+          <div class="icon-library-table-container">
+            <el-table :data="iconLibraryList"
+                      border
+                      highlight-current-row
+                      @row-click="handleIconLibraryRowClick"
+                      style="width: 100%;"
+                      height="100%"
+                      size="small">
+              <el-table-column label="图标库" min-width="150">
+                <template #default="{ row }">
+                  {{ row.Series }}_{{ row.Version }}
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+
+          <!-- 右侧：图标网格 -->
+          <div class="icon-grid-wrapper">
+            <div class="icon-grid">
+              <div v-for="icon in currentIconList"
+                   :key="icon.ID"
+                   class="icon-item"
+                   @click="saveIconConfig(icon)">
+                <div class="icon-preview">
+                  <el-image v-if="icon.PreviewPath"
+                            :src="config.PicAds + icon.PreviewPath"
+                            fit="contain"
+                            style="max-width: 40px; max-height: 40px; width: 40px; height: 40px;" />
+                  <el-icon v-else :size="60"><Picture /></el-icon>
+                </div>
+                <div class="icon-name">{{ formatNameFront12(icon.KeyName) }}</div>
+
+                <!--<div class="icon-library">{{ getLibraryName(icon.FID) }}</div>-->
+              </div>
+            </div>
+
+            <!-- 空状态 -->
+            <div v-if="currentIconList.length === 0" class="empty-icons">
+              <el-icon :size="48"><Picture /></el-icon>
+              <p>该图标库暂无图标</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!--       <template #footer>
+              <el-button @click="iconDialogVisible = false">取消</el-button>
+           <el-button type="primary" @click="iconDialogVisible = false">确定</el-button>
+      </template>-->
+    </el-dialog>
+
+    <!-- 中文编辑对话框 -->
+    <el-dialog v-model="chineseDialogVisible" title="编辑中文内容" width="500px">
+      <el-form :model="currentEditingLocation?.chinese" label-width="80px">
+        <el-form-item label="内容">
+          <el-input v-model="currentEditingLocation.chinese.content" placeholder="请输入中文内容"
+                    maxlength="5" minlength="1" show-word-limit />
+        </el-form-item>
+        <el-form-item label="字体">
+          <el-select v-model="currentEditingLocation.chinese.font" placeholder="请选择字体">
+            <el-option v-for="font in fontList" :key="font.ID" :label="font.FontName" :value="font.FontName" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="字号">
+          <el-input-number v-model="currentEditingLocation.chinese.size"
+                           :min="6"
+                           :max="14"
+                           :step="0.2"
+                           :precision="1"
+                           controls-position="right" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="chineseDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="saveChineseConfig">确定</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 英文编辑对话框 -->
+    <el-dialog v-model="englishDialogVisible" title="编辑英文内容" width="500px">
+      <el-form :model="currentEditingLocation?.english" label-width="80px">
+        <el-form-item label="内容">
+          <el-input v-model="currentEditingLocation.english.content" placeholder="请输入英文内容"
+                    maxlength="14" minlength="4" show-word-limit />
+        </el-form-item>
+        <el-form-item label="字体">
+          <el-select v-model="currentEditingLocation.english.font" placeholder="请选择字体">
+            <el-option v-for="font in fontList" :key="font.ID" :label="font.FontName" :value="font.FontName" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="字号">
+          <el-input-number v-model="currentEditingLocation.english.size"
+                           :min="4"
+                           :max="10"
+                           :step="0.2"
+                           :precision="1"
+                           controls-position="right" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="englishDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="saveEnglishConfig">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick, inject, computed, watch, onUnmounted } from 'vue';
+  import { createAxiosInstance } from '../../axios.js';
+  import { ElMessage, ElMessageBox, ElLoading } from 'element-plus';
+  import { Picture } from '@element-plus/icons-vue';
+
+  // ==================== 引入外部变量 ====================
+  const formatDate = inject('formatDate');
+  const config = inject('config'); // config.PicAds 是图片根路径
+
+  // ==================== HTTP 实例 ====================
+  const cloudHttp = createAxiosInstance(0);
+  const localHttp = createAxiosInstance(1);
+
+  // ==================== 响应式变量 ====================
+
+  // 项目相关变量
+  const projectList = ref([]);
+  const selectedProjectId = ref(null);
+  const isProjectLocked = ref(false);
+  const treeData = ref([]);
+  // el-tree 组件引用（用于程序化选中节点）
+  const projectTree = ref(null);
+
+  // 树结构相关变量
+  const treeProps = { label: 'name', children: 'children' };
+  const unitTableData = ref([]);
+  const isUserEditingPanelUnit = ref(false);
+
+  // 面板组对话框相关变量
+  const showAddPanelDialog = ref(false);
+  const currentRoomData = ref(null);
+  const editingPanelGuid = ref(null);
+  const seriesList = ref([]);
+  const selectedSeries = ref(null);
+  const selectedModel = ref(null);
+  const allModels = ref([]);
+  const filteredModels = ref([]);
+  const selectedPanelCount = ref('');
+  const selectedDirection = ref('');
+  const selectedColor = ref('');
+  const panelCountOptions = ref([]);
+  const directionOptions = ref([]);
+  const colorOptions = ref([]);
+  const panelGroupConfig = ref({
+    panelUnitGuids: [] // 存储面板单元GUID数组
+  });
+  // LOGO配置
+  const logoPositionOptions = ref([
+    { label: '左下', value: 'left' },
+    { label: '右下', value: 'right' }
+  ]);
+  const selectedLogoPosition = ref('');
+  const selectedLogo = ref(null);
+  const logoList = ref([]);
+  const logoConfig = ref({
+    LogoPosition: '',
+    LogoFileName: '',
+    LogoIndexNumber: ''
+  });
+  // 新增面板单元对话框相关变量
+  const showAddPanelUnitDialog = ref(false);
+  const selectedSeriesForUnit = ref(null);
+  const selectedDirectionForUnit = ref('');
+  const selectedColorForUnit = ref('');
+  const selectedPatternForUnit = ref('');
+  const patternsListForUnit = ref([]);
+  const filteredModelsForUnit = ref([]);
+  const directionOptionsForUnit = ref([]);
+  const colorOptionsForUnit = ref([]);
+  const selectedSeriesPreviewForUnit = ref([]);
+  const isEditPanelUnit = ref(false);
+  const currentEditPanelUnit = ref(null);
+  // 面板修改列表变量
+  const mergedPanelUnitForm = ref([]);
+const currentMergedPanelUnitRow = ref(null); // 当前选中的mergedPanelUnitForm表格行
+const mergedPanelUnitTable = ref(null); // 表格引用
+const iconDialogVisible = ref(false);
+  const chineseDialogVisible = ref(false);
+  const englishDialogVisible = ref(false);
+  const currentEditingLocation = ref(null);
+  const currentEditingType = ref('');
+  // 面板单元表单
+  const newPanelUnitForm = ref({
+    panel_name: '',
+    remarks: ''
+  });
+
+  // 面板配置相关变量
+  const currentPanelNode = ref(null);
+  const patternsList = ref([]);
+  const panelConfigTable = ref([]);
+
+  // 面板单元配置相关变量
+  const currentPanelUnit = ref(null);
+  const panelUnitForm = ref([]);
+  const fontList = ref([]);
+  const allModelsForUnit = ref([]);
+  const selectedModelForUnit = ref(null);
+
+  // 图片预览相关变量
+  const selectedSeriesPreview = ref('');
+  const singlePanelPreview = ref('');
+
+  // 图标相关变量
+  const iconLibraryList = ref([]); // 图标库文件列表
+  const selectedIconLibrary = ref(''); // 当前选中的图标库文件ID
+  const iconOptions = ref({}); // 图标数据，以文件ID为键，存储图标数组
+  const iconSearchQuery = ref(''); // 图标搜索查询字符串
+
+  // 表单数据
+  const newPanelForm = ref({
+    panel_list_name: '',
+    gang_series: '',
+    model_type: '',
+    panel_count: null,
+    gang_material_id: 0,
+    remarks: '',
+    logo_json: "{}"
+  });
+  const predefineColors = ref([
+    '#F19947', // 默认背光颜色
+    '#FFFFFF', // 白色
+    '#FF8C00', // 橙色
+    '#FFD700', // 金色
+    '#ADFF2F', // 绿色
+    '#1E90FF', // 蓝色
+  ]);
+  // 加载遮罩实例
+  let loadingInstance = null;
+  // 轮询相关变量
+  const pollingInterval = ref(null);
+  const isPollingActive = ref(false);
+  const pollingItems = ref({
+    panelLists: new Set(), // 存储需要轮询的面板组GUID
+    panelUnits: new Set()  // 存储需要轮询的面板单元GUID
+  });
+  // ==================== 计算属性 ====================
+  // 检查是否有生成中的元素
+  const hasGeneratingItems = computed(() => {
+    const hasPanelGroupGenerating = currentPanelNode.value?.panelInfo?.thumbnail_small === '生成中';
+    const hasPanelUnitGenerating = currentPanelUnitObj.value && currentPanelUnitObj.value.design_status === '生成中';
+    return hasPanelGroupGenerating || hasPanelUnitGenerating;
+  });
+  /**
+   * 获取当前选中的面板单元对象
+   */
+  const currentPanelUnitObj = computed(() => {
+    try {
+      if (!currentPanelUnit.value || !unitTableData.value || !Array.isArray(unitTableData.value)) {
+        return null;
+      }
+      const unit = unitTableData.value.find(unit => unit.guid === currentPanelUnit.value);
+      return unit || null;
+    } catch (error) {
+      console.error('获取当前面板单元对象失败:', error);
+      return null;
+    }
+  });
+  const currentIconList = computed(() => {
+    // 获取当前选中的图标库列表
+    let icons = selectedIconLibrary.value ? iconOptions.value[selectedIconLibrary.value] || [] : [];
+
+    // 如果有搜索查询，进行过滤
+    if (iconSearchQuery.value && iconSearchQuery.value.trim()) {
+      const query = iconSearchQuery.value.trim().toLowerCase();
+      icons = icons.filter(icon => {
+        // 使用formatNameFront12处理图标名称，然后进行模糊匹配
+        const formattedName = formatNameFront12(icon.KeyName).toLowerCase();
+        return formattedName.includes(query);
+      });
+    }
+
+    return icons;
+  });
+
+  const availablePanelUnits = computed(() => {
+    if (!unitTableData.value || unitTableData.value.length === 0) {
+      return [];
+    }
+    return unitTableData.value.filter(unit => unit.is_valid);
+  });
+  /**
+   * 面板组预览图
+   */
+  const panelGroupPreview = computed(() => {
+    if (!currentPanelNode.value) return '';
+
+    const panelInfo = currentPanelNode.value.panelInfo;
+
+    // 显示面板组的大缩略图
+    if (panelInfo.thumbnail_large) {
+      return config.PicAds + panelInfo.thumbnail_large;
+    }
+
+    return '';
+  });
+
+  const panelGroupPreviewThumbnail = ref('');
+  watch(
+    () => currentPanelNode.value,
+    async (newNode) => {
+      if (!newNode?.panelInfo?.model_type) {
+        panelGroupPreviewThumbnail.value = '';
+        return;
+      }
+      try {
+        const model = await fetchData('PanelSelection/IdModelQuery', { PID: newNode.panelInfo.gang_material_id });
+        if (model && model[0] && model[0].PreviewPath) {
+          panelGroupPreviewThumbnail.value = config.PicAds + model[0].PreviewPath;
+        } else {
+          panelGroupPreviewThumbnail.value = '';
+        }
+      } catch (error) {
+        panelGroupPreviewThumbnail.value = '';
+      }
+    },
+    { immediate: true }
+  );
+  /**
+   * 检查所有面板是否已配置
+   */
+  const isAllPanelsConfigured = computed(() => {
+    if (!panelConfigTable.value.length) return false;
+    return panelConfigTable.value.every(item => {
+      return item.panelUnitGuid && item.panelUnitGuid.length === 32;
+    });
+  });
+
+  /**
+   * 模型选择器是否启用
+   */
+  const isModelSelectorEnabled = computed(() => {
+    return selectedPanelCount.value && selectedDirection.value && selectedColor.value;
+  });
+
+  /**
+   * 面板选择器去除路径为空的对象
+   */
+  const filteredSeriesList = computed(() => {
+    return seriesList.value.filter(row => row.PreviewPath != undefined && row.PreviewPath != null && row.PreviewPath !== '');
+  });
+  /**
+   * 将面板单元数据按位置名称合并
+   */
+  const buildMergedPanelUnitForm = () => {
+    try {
+      const groupedData = {};
+
+      if (!panelUnitForm.value || !Array.isArray(panelUnitForm.value) || panelUnitForm.value.length === 0) {
+        mergedPanelUnitForm.value = [];
+        return;
+      }
+      panelUnitForm.value.forEach(item => {
+        if (!item || !item.locationName) return;
+
+        const locationParts = item.locationName.split('_');
+        let groupKey = '';
+
+        if (locationParts.length >= 3) {
+          groupKey = locationParts[2];
+        } else {
+          groupKey = item.locationName;
+        }
+
+        if (!groupKey || groupKey.trim() === '') {
+          groupKey = '未分类';
+        }
+
+        if (!groupedData[groupKey]) {
+          groupedData[groupKey] = {
+            locationName: groupKey,
+            originalLocationName: item.locationName,
+            icon: {},
+            chinese: {},
+            english: {},
+            locations: [],
+            backlightColor: '#FFFFFF',
+            backlightEnabled: false
+          };
+        }
+
+        // 根据类型分配到对应属性
+        if (item.type === 1) {
+          groupedData[groupKey].icon = {
+            ...item,
+            locationName: item.locationName,
+            backlightColor: item.backlightColor || '#FFFFFF',
+            backlightEnabled: item.backlightEnabled || false
+          };
+        } else if (item.type === 2) {
+          groupedData[groupKey].chinese = {
+            ...item,
+            locationName: item.locationName,
+            backlightColor: item.backlightColor || '#FFFFFF',
+            backlightEnabled: item.backlightEnabled || false
+          };
+        } else if (item.type === 3) {
+          groupedData[groupKey].english = {
+            ...item,
+            locationName: item.locationName,
+            backlightColor: item.backlightColor || '#FFFFFF',
+            backlightEnabled: item.backlightEnabled || false
+          };
+        }
+
+        // 保存原始位置数据
+        groupedData[groupKey].locations.push(item);
+
+        // 设置背光默认值（取第一个非默认值的元素）
+        if (item.backlightColor && item.backlightColor !== '#FFFFFF') {
+          groupedData[groupKey].backlightColor = item.backlightColor;
+          groupedData[groupKey].backlightEnabled = true;
+        }
+      });
+      mergedPanelUnitForm.value = Object.values(groupedData).sort(naturalSortSimple);
+    } catch (error) {
+      console.error('构建合并面板单元表单时出错:', error);
+      mergedPanelUnitForm.value = [];
+    }
+  };
+
+  const naturalSortSimple = (a, b) => {
+    return a.locationName.localeCompare(b.locationName, 'zh-CN', { numeric: true, sensitivity: 'base' });
+  };
+  /**
+   * 自然排序比较函数
+   * 支持中英文混合字符串的数字自然排序
+   */
+  const naturalSort = (a, b) => {
+    // 如果两者相同，直接返回0
+    if (a === b) return 0;
+
+    // 将字符串拆分为数字和非数字部分
+    const regex = /(\d+)|(\D+)/g;
+    const aParts = a.match(regex) || [];
+    const bParts = b.match(regex) || [];
+
+    // 比较每个部分
+    const minLength = Math.min(aParts.length, bParts.length);
+
+    for (let i = 0; i < minLength; i++) {
+      const aPart = aParts[i];
+      const bPart = bParts[i];
+
+      // 如果两个部分都是数字，按数字大小比较
+      if (/^\d+$/.test(aPart) && /^\d+$/.test(bPart)) {
+        const aNum = parseInt(aPart, 10);
+        const bNum = parseInt(bPart, 10);
+
+        if (aNum !== bNum) {
+          return aNum - bNum;
+        }
+      }
+      // 否则按字符串比较
+      else {
+        const comparison = aPart.localeCompare(bPart, 'zh-CN');
+        if (comparison !== 0) {
+          return comparison;
+        }
+      }
+    }
+
+    // 如果前面的部分都相同，长度短的排在前面
+    return aParts.length - bParts.length;
+  };
+  // ==================== 工具方法 ====================
+  const handleUserEdit = () => {
+    isUserEditingPanelUnit.value = true;
+
+    // 重置标志位，给用户一个编辑窗口期
+    if (window.userEditResetTimeout) {
+      clearTimeout(window.userEditResetTimeout);
+    }
+
+    window.userEditResetTimeout = setTimeout(() => {
+      isUserEditingPanelUnit.value = false;
+    }, 200); // 5秒后重置标志
+  };
+
+  /**
+   * 处理mergedPanelUnitForm表格行变化
+   */
+  const handleMergedPanelUnitRowChange = (newRow) => {
+    currentMergedPanelUnitRow.value = newRow;
+  };
+
+  /**
+   * 处理mergedPanelUnitForm表格行点击
+   */
+  const handleMergedPanelUnitRowClick = (row) => {
+    currentMergedPanelUnitRow.value = row;
+  };
+  /**
+   * 综合轮询管理
+   */
+  const managePolling = () => {
+    // 检查当前是否有生成中的项目
+    const shouldPoll = hasGeneratingItems.value;
+
+    if (shouldPoll && !isPollingActive.value) {
+      startPolling();
+    } else if (!shouldPoll && isPollingActive.value) {
+      stopPolling();
+    }
+  };
+  /**
+   * 启动轮询检查生成状态
+   */
+  const startPolling = () => {
+    if (isPollingActive.value) return;
+
+    isPollingActive.value = true;
+    console.log('启动轮询检查生成状态...');
+
+    pollingInterval.value = setInterval(async () => {
+      await checkGeneratingStatus();
+      await refreshPanelUnitPreview();
+    }, 3000); // 轮询一次
+  };
+
+  /**
+   * 停止轮询
+   */
+  const stopPolling = () => {
+    if (pollingInterval.value) {
+      clearInterval(pollingInterval.value);
+      pollingInterval.value = null;
+    }
+    isPollingActive.value = false;
+    pollingItems.value.panelLists.clear();
+    pollingItems.value.panelUnits.clear();
+    console.log('停止轮询检查');
+  };
+
+  /**
+   * 检查生成状态并更新数据
+   */
+  const checkGeneratingStatus = async () => {
+    try {
+      let hasUpdates = false;
+
+      // 检查面板组生成状态
+      if (currentPanelNode.value?.panelInfo?.thumbnail_small === '生成中') {
+        const panelListGuid = currentPanelNode.value.panelGuid;
+        const updated = await checkPanelListStatus(panelListGuid);
+        if (updated) hasUpdates = true;
+      }
+
+      // 检查面板单元生成状态
+      if (currentPanelUnitObj.value && currentPanelUnitObj.value.design_status === '生成中') {
+        const panelUnitGuid = currentPanelUnit.value;
+        const updated = await checkPanelUnitStatus(panelUnitGuid);
+        if (updated) hasUpdates = true;
+      }
+
+      // 如果有更新，强制重新渲染相关组件
+      if (hasUpdates) {
+        // 触发响应式更新
+        currentPanelNode.value = { ...currentPanelNode.value };
+        currentPanelUnit.value = currentPanelUnit.value;
+      }
+
+      // 如果没有生成中的元素，停止轮询
+      if (!hasGeneratingItems.value) {
+        stopPolling();
+        console.log('所有生成任务已完成，停止轮询');
+      }
+    } catch (error) {
+      console.error('轮询检查生成状态失败:', error);
+    }
+  };
+
+  /**
+   * 检查面板组状态
+   */
+  const checkPanelListStatus = async (panelListGuid) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/WebPanelListQueryByGuid',
+        JSON.stringify({ GUID: panelListGuid }));
+
+      if (rs.data.isok && rs.data.response) {
+        const data = JSON.parse(rs.data.response);
+        if (data.length > 0) {
+          const panelInfo = data[0];
+
+          // 检查是否仍然在生成中
+          if (panelInfo.thumbnail_small !== '生成中') {
+            // 更新当前面板组信息
+            if (currentPanelNode.value) {
+              currentPanelNode.value.panelInfo = panelInfo;
+            }
+
+            // 更新树节点中的面板组信息
+            updatePanelNodeInTree(panelListGuid, panelInfo);
+
+            ElMessage.success('面板组预览图生成完成！');
+            return true; // 返回true表示有更新
+          }
+        }
+      }
+      return false;
+    } catch (error) {
+      console.error('检查面板组状态失败:', error);
+      return false;
+    }
+  };
+
+  /**
+   * 检查面板单元状态
+   */
+  const checkPanelUnitStatus = async (panelUnitGuid) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/WebPanelUnitQueryByGuid',
+        JSON.stringify({ GUID: panelUnitGuid }));
+
+      if (rs.data.isok && rs.data.response) {
+        const data = JSON.parse(rs.data.response);
+        if (data.length > 0) {
+          const panelUnit = data[0];
+
+          // 检查是否仍然在生成中
+          if (panelUnit.design_status !== '生成中') {
+            // 更新面板单元列表
+            const unitIndex = unitTableData.value.findIndex(u => u.guid === panelUnitGuid);
+            if (unitIndex !== -1) {
+              unitTableData.value[unitIndex] = panelUnit;
+            }
+
+            // 更新当前面板单元对象
+            if (currentPanelUnit.value === panelUnitGuid) {
+              // 触发响应式更新
+              currentPanelUnit.value = panelUnitGuid;
+            }
+
+            ElMessage.success('单面板预览图生成完成！');
+            return true; // 返回true表示有更新
+          }
+        }
+      }
+      return false;
+    } catch (error) {
+      console.error('检查面板单元状态失败:', error);
+      return false;
+    }
+  };
+
+  /**
+   * 更新树节点中的面板组信息
+   */
+  const updatePanelNodeInTree = (panelGuid, newPanelInfo) => {
+    const updateNode = (nodes) => {
+      for (let node of nodes) {
+        if (node.type === 'panel' && node.panelGuid === panelGuid) {
+          node.panelInfo = newPanelInfo;
+          return true;
+        }
+        if (node.children && node.children.length > 0) {
+          if (updateNode(node.children)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+
+    updateNode(treeData.value);
+  };
+  /**
+   * 获取当前用户
+   */
+  const getCurrentUser = () => localStorage.getItem('username') || 'system';
+
+  /**
+   * 显示加载遮罩
+   */
+  const showLoading = (text = '加载中...') => {
+    loadingInstance = ElLoading.service({
+      lock: true,
+      text: text,
+      background: 'rgba(0, 0, 0, 0.7)',
+    });
+  };
+
+  /**
+   * 隐藏加载遮罩
+   */
+  const hideLoading = () => {
+    if (loadingInstance) {
+      loadingInstance.close();
+      loadingInstance = null;
+    }
+  };
+
+  /**
+   * 类型标签映射
+   */
+  const getTagType = (type) => {
+    const typeMap = { 1: 'success', 2: 'primary', 3: 'warning' };
+    return typeMap[type] || 'info';
+  };
+
+  /**
+   * 类型文本映射
+   */
+  const getTypeText = (type) => {
+    const textMap = { 1: '图标', 2: '中文', 3: '英文' };
+    return textMap[type] || '未知';
+  };
+
+  // ==================== 格式化方法 ====================
+
+  const formatNameFront1 = (name) => name ? name.replace(/^[^_]+_/, '') : '';
+  const formatNameFront12 = (name) => {
+    if (!name) return '';
+    const parts = name.split('_');
+    if (parts.length < 4) return '';
+    return parts.slice(1, -2).join('_');
+  };
+  const formatNameFront22 = (name) => {
+    if (!name) return '';
+    const parts = name.split('_');
+    if (parts.length < 4) return '';
+    return parts.slice(2, -2).join('_');
+  };
+  const formatNameFront3 = (name) => {
+    if (!name) return '';
+    const match = name.match(/^[^_]*_[^_]*_([^_]*)/);
+    return match ? match[1] : null;
+  };
+
+  /**
+   * 处理图标搜索
+   */
+  const handleIconSearch = () => {
+    // 这个方法会在currentIconList计算属性中使用
+    // 实际的过滤逻辑在计算属性中实现
+  };
+
+  // ==================== 数据库操作封装 ====================
+
+  /**
+   * 获取数据
+   */
+  const fetchData = async (endpoint, query = {}) => {
+    try {
+      const rs = await localHttp.post(endpoint, JSON.stringify(query));
+      return rs.data.isok && rs.data.response ? JSON.parse(rs.data.response) : [];
+    } catch (error) {
+      console.error(`获取${endpoint}数据失败:`, error);
+      return [];
+    }
+  };
+
+  /**
+   * 更新数据库
+   */
+  const updateDatabase = async (endpoint, data) => {
+    try {
+      const rs = await localHttp.post(endpoint, JSON.stringify(data));
+      if (!rs.data.isok) {
+        console.error(`API返回错误:`, rs.data);
+        throw new Error(rs.data.message);
+      }
+      return rs.data.response;
+    } catch (error) {
+      console.error(`${endpoint}操作失败:`, error);
+      throw error;
+    }
+  };
+
+  // ==================== 项目相关方法 ====================
+
+  /**
+   * 获取项目列表
+   */
+  const getProject = async () => {
+    try {
+      const rs = await cloudHttp.post('AasProjectInfoes/Get_ProjectByStatusCode');
+      projectList.value = rs.data.response.sort((a, b) => {
+        if (a.id === 1) return -1;
+        if (b.id === 1) return 1;
+        return b.id - a.id;
+      });
+
+      // 优先使用本地保存的项目选择
+      const savedProjectId = localStorage.getItem('selectedProjectId');
+      if (savedProjectId) {
+        const pid = Number(savedProjectId);
+        if (projectList.value.find(p => p.id === pid)) {
+          selectedProjectId.value = pid;
+          // 延迟调用由调用方决定是否 await
+          await handleProjectChangeApp(pid);
+          return;
+        }
+      }
+
+      // 否则回退到默认项目（projectCode==='1'）
+      const defaultProject = projectList.value.find(p => p.projectCode === '1');
+      if (defaultProject) {
+        selectedProjectId.value = defaultProject.id;
+        // 保持原来的加载行为
+        handleProjectChangeApp(defaultProject.id);
+      }
+    } catch (error) {
+      console.error('获取项目列表失败:', error);
+      ElMessage.error('获取项目列表失败');
+    }
+  };
+
+  /**
+   * 等待辅助函数: 轮询直到 predicate 返回 true 或超时
+   */
+  const waitFor = async (predicate, timeout = 5000, interval = 100) => {
+    const start = Date.now();
+    while (true) {
+      try {
+        if (predicate()) return true;
+      } catch (e) {
+        // ignore
+      }
+      if (Date.now() - start > timeout) return false;
+      await new Promise(r => setTimeout(r, interval));
+    }
+  };
+
+  const getSavedTreeNodeKey = () => {
+    return localStorage.getItem('selectedTreeNode') ||
+      localStorage.getItem('selectedTreeNodeId') ||
+      localStorage.getItem('selectedPanelNode') ||
+      null;
+  };
+
+  const getTreeNodeDataByKey = (nodeKey) => {
+    if (!nodeKey) return null;
+
+    if (projectTree.value?.getNode) {
+      const nodeInstance = projectTree.value.getNode(nodeKey);
+      if (nodeInstance) {
+        return nodeInstance.data || nodeInstance;
+      }
+    }
+
+    const findNodeRecursively = (nodes) => {
+      if (!nodes || nodes.length === 0) return null;
+      for (const node of nodes) {
+        if (node.id === nodeKey) return node;
+        if (node.children && node.children.length) {
+          const found = findNodeRecursively(node.children);
+          if (found) return found;
+        }
+      }
+      return null;
+    };
+
+    return findNodeRecursively(treeData.value || []);
+  };
+
+  const getPreferredTreeKey = () => {
+    if (projectTree.value?.getCurrentKey) {
+      const currentKey = projectTree.value.getCurrentKey();
+      if (currentKey) {
+        return currentKey;
+      }
+    }
+    return getSavedTreeNodeKey();
+  };
+
+  const triggerCurrentTreeNodeClick = async (preferredKey = null) => {
+    let nodeData = null;
+
+    if (projectTree.value?.getCurrentNode && !preferredKey) {
+      nodeData = projectTree.value.getCurrentNode();
+    }
+
+    if (!nodeData) {
+      const key = preferredKey || getPreferredTreeKey();
+      nodeData = getTreeNodeDataByKey(key);
+    }
+
+    if (nodeData) {
+      await handleNodeClick(nodeData);
+    }
+  };
+
+  const reloadTreeData = async () => {
+    const preservedKey = getPreferredTreeKey();
+    if (!selectedProjectId.value) {
+      return preservedKey;
+    }
+
+    try {
+      await handleProjectChangeApp(selectedProjectId.value);
+      await waitFor(() => treeData.value && treeData.value.length > 0, 5000);
+      await nextTick();
+
+      if (preservedKey && projectTree.value?.setCurrentKey) {
+        projectTree.value.setCurrentKey(preservedKey);
+      }
+    } catch (error) {
+      console.error('重载项目树失败:', error);
+    }
+
+    return preservedKey;
+  };
+
+  const reloadTreeAndTriggerClick = async () => {
+    const key = await reloadTreeData();
+    await triggerCurrentTreeNodeClick(key);
+  };
+
+  /**
+   * 从 localStorage 按顺序恢复用户的选择：
+   * 1) selectedProjectId -> await handleProjectChangeApp
+   * 2) 恢复 tree 选中节点
+   * 3) 恢复 currentPanelUnit（并加载其配置）
+   */
+  const restoreSelectionsFromLocalStorage = async () => {
+    try {
+      const savedProjectId = localStorage.getItem('selectedProjectId');
+      const savedPanelUnit = localStorage.getItem('currentPanelUnit');
+      const savedTreeNode = getSavedTreeNodeKey();
+
+      // 1) 恢复项目并等待数据加载完成
+      if (savedProjectId) {
+        const pid = Number(savedProjectId);
+        if (pid && pid !== selectedProjectId.value) {
+          selectedProjectId.value = pid;
+          await handleProjectChangeApp(pid);
+        }
+      }
+
+      // 等待 treeData 已加载（至少有项目节点）和 unitTableData 已加载（无论长度）
+      await waitFor(() => treeData.value && treeData.value.length > 0, 5000);
+
+      // 2) 恢复树的选中节点（如果有）
+      if (savedTreeNode && projectTree.value) {
+        try {
+          // 优先使用 el-tree 的 setCurrentKey 方法
+          if (projectTree.value.setCurrentKey) {
+            projectTree.value.setCurrentKey(savedTreeNode);
+          }
+          const treeNode = getTreeNodeDataByKey(savedTreeNode);
+          if (treeNode) {
+            await handleNodeClick(treeNode);
+          }
+        } catch (e) {
+          console.warn('恢复树选中失败:', e);
+        }
+      }
+
+      // 3) 恢复 currentPanelUnit（如果存在）
+      if (savedPanelUnit) {
+        // 等待面板单元列表加载完成
+        await waitFor(() => Array.isArray(unitTableData.value), 5000);
+        const unit = unitTableData.value.find(u => u.guid === savedPanelUnit);
+        if (unit) {
+          // 使用行点击的加载逻辑，确保右侧面板配置加载完毕
+          await handleUnitRowClick(unit);
+        } else {
+          // 如果找不到，尝试直接设置 GUID（容错）
+          currentPanelUnit.value = savedPanelUnit;
+        }
+      }
+
+    } catch (error) {
+      console.error('恢复本地选择失败:', error);
+    }
+  };
+
+  /**
+   * Select 下拉显示时滚动到顶部
+   */
+  const onSelectVisibleChange = (visible) => {
+    if (visible) {
+      nextTick(() => {
+        const dropdown = document.querySelector('.el-select-dropdown .el-select-dropdown__wrap');
+        if (dropdown) dropdown.scrollTop = 0;
+      });
+    }
+  };
+
+  /**
+   * 项目选择变化处理
+   */
+  const handleProjectChangeApp = async (projectId) => {
+    treeData.value = [];
+    unitTableData.value = []; // 清空面板单元列表
+
+    if (!projectId) return;
+
+    const project = projectList.value.find(p => p.id === projectId);
+    if (!project) return;
+
+    let webProject = await getWebProjectByHotelName(project.projectName);
+    if (!webProject) webProject = await createWebProject(project);
+    if (!webProject) {
+      ElMessage.error(`项目 ${project.projectName} 数据初始化失败，跳过加载`);
+      return;
+    }
+
+    const projectNode = await buildProjectTree(project, webProject);
+    treeData.value = [projectNode];
+
+    // 加载该项目对应的面板单元列表
+    await loadPanelUnitsByProject(webProject.guid);
+  };
+
+  /**
+   * 根据项目GUID加载面板单元列表
+   */
+  const loadPanelUnitsByProject = async (projectGuid) => {
+    try {
+      const units = await localHttp.post('PanelSelection/WebPanelUnitQueryByProject', JSON.stringify({ GUID: projectGuid }));
+      unitTableData.value = JSON.parse(units.data.response) || [];
+    } catch (error) {
+      console.error('加载面板单元列表失败:', error);
+      unitTableData.value = [];
+    }
+  };
+
+  /**
+   * 根据酒店名称查询 Web 项目
+   */
+  const getWebProjectByHotelName = async (hotelName) => {
+    const projects = await fetchData('PanelSelection/WebProjectQuery');
+    return projects.find(p => p.hotel_name === hotelName);
+  };
+
+  /**
+   * 创建 Web 项目
+   */
+  const createWebProject = async (project) => {
+    try {
+      // 创建项目
+      const webProject = {
+        report_id: `${project.projectCode}`,
+        hotel_name: project.projectName,
+        room_type_count: project.roomTypeCount,
+        room_data_json: '[]',
+        remarks: project.customization,
+        creator: getCurrentUser()
+      };
+
+      const projectGuid = await updateDatabase('PanelSelection/WebProjectAdd', webProject);
+
+      // 创建房型
+      const roomGuids = [];
+      for (let i = 0; i < project.roomTypeCount; i++) {
+        const roomData = {
+          room_name: `房型${i + 1}`,
+          room_description: `自动创建的房型`,
+          panel_group_count: '[]',
+          remarks: '',
+          creator: getCurrentUser()
+        };
+
+        const roomGuid = await updateDatabase('PanelSelection/WebRoomTypeAdd', roomData);
+        if (roomGuid && roomGuid.length === 32) {
+          roomGuids.push(roomGuid);
+        }
+      }
+
+      // 更新项目信息
+      const updatedProject = {
+        ...webProject,
+        guid: projectGuid,
+        room_type_count: roomGuids.length,
+        room_data_json: JSON.stringify(roomGuids)
+      };
+
+      await updateDatabase('PanelSelection/WebProjectUpdate', updatedProject);
+      return updatedProject;
+    } catch (error) {
+      console.error('创建Web项目失败:', error);
+      ElMessage.error('创建项目数据失败');
+      return null;
+    }
+  };
+
+  // ==================== 树结构相关方法 ====================
+
+  /**
+   * 构建项目树结构
+   */
+  const buildProjectTree = async (project, webProject) => {
+    const roomGuids = JSON.parse(webProject.room_data_json || '[]');
+    const roomNodes = [];
+
+    for (const roomGuid of roomGuids) {
+      const roomInfo = await getRoomTypeInfoByGuid(roomGuid);
+      if (roomInfo) {
+        const panelNodes = [];
+        const panelGroups = JSON.parse(roomInfo.panel_group_count || '[]');
+
+        for (const panelGuid of panelGroups) {
+          const panelInfo = await getPanelInfoByGuid(panelGuid);
+          if (panelInfo) {
+            panelNodes.push({
+              id: `panel-${roomGuid}-${panelGuid}`,
+              name: `${panelInfo.panel_list_name}（${panelInfo.gang_series.split('_')[0]} ${formatNameFront12(panelInfo.model_type) || '无模型'}）`,
+              type: 'panel',
+              roomGuid: roomGuid,
+              panelGuid: panelGuid,
+              panelInfo,
+              projectId: project.id
+            });
+          }
+        }
+
+        roomNodes.push({
+          id: roomGuid,
+          name: roomInfo.room_name,
+          type: 'room',
+          projectId: project.id,
+          webProjectId: webProject.id,
+          roomGuid: roomGuid,
+          children: panelNodes
+        });
+      }
+    }
+
+    return {
+      id: `project-${project.id}`,
+      name: `${project.projectName} (${roomNodes.length})`,
+      type: 'project',
+      project,
+      webProject,
+      children: roomNodes
+    };
+  };
+
+  /**
+   * 根据GUID查询房型信息
+   */
+  const getRoomTypeInfoByGuid = async (roomGuid) => {
+    const rooms = await fetchData('PanelSelection/WebRoomTypeQuery');
+    return rooms.find(r => r.guid === roomGuid);
+  };
+
+  /**
+   * 根据GUID查询面板组信息
+   */
+  const getPanelInfoByGuid = async (panelGuid) => {
+    try {
+      const panels = await fetchData('PanelSelection/WebPanelListQuery');
+      return panels.find(p => p.guid === panelGuid);
+    } catch (error) {
+      console.error('查询面板组失败:', error);
+      return null;
+    }
+  };
+
+  /**
+   * 查找项目节点
+   */
+  const findProjectNode = (projectId) => {
+    if (!projectId || !treeData.value || treeData.value.length === 0) {
+      return null;
+    }
+    return treeData.value.find(node => node.id === `project-${projectId}`);
+  };
+
+  /**
+   * 查找房型节点
+   */
+  const findRoomNode = (projectId, roomGuid) => findProjectNode(projectId)?.children.find(r => r.roomGuid === roomGuid);
+
+  /**
+   * 移除项目节点
+   */
+  const removeProjectNode = (data) => {
+    treeData.value = [];
+    selectedProjectId.value = '';
+  };
+
+  /**
+   * 树节点点击事件
+   */
+  const handleNodeClick = async (data) => {
+    // 持久化树的选中节点到 localStorage，便于下次恢复
+    try {
+      if (data && data.id) {
+        localStorage.setItem('selectedTreeNode', data.id);
+      }
+    } catch (e) {
+      // ignore
+    }
+    // 清空所有行的编辑状态
+    panelConfigTable.value.forEach(item => {
+      item.isEditing = false;
+    });
+
+    // 保存当前的面板单元选择状态，以便在切换面板组后恢复
+    const savedCurrentPanelUnit = currentPanelUnit.value;
+
+    // 检查是否是切换到不同的面板组
+    const isDifferentPanel = currentPanelNode.value && 
+                           data.type === 'panel' && 
+                           currentPanelNode.value.panelGuid !== data.panelGuid;
+
+    // 只有切换到不同的面板组时才清空右侧配置表格，但不清空面板单元数据
+    if (isDifferentPanel || data.type !== 'panel') {
+      // 清空右侧配置表格
+      panelConfigTable.value = [];
+      patternsList.value = [];
+      // 不清空currentPanelUnit.value，保留用户的选择状态
+      // currentPanelUnit.value = null;  // 注释掉这行，保留选择状态
+      panelUnitForm.value = [];
+    }
+
+    if (data.type === 'panel') {
+      currentPanelNode.value = data;
+      await loadPanelConfiguration(data);
+      
+      // 如果是切换到不同的面板组，尝试恢复之前选中的面板单元
+      if (isDifferentPanel && savedCurrentPanelUnit) {
+        // 检查之前选中的面板单元是否仍然存在于当前项目的面板单元列表中
+        const unitExists = unitTableData.value.some(unit => unit.guid === savedCurrentPanelUnit);
+        if (unitExists) {
+          currentPanelUnit.value = savedCurrentPanelUnit;
+        }
+      }
+    } else {
+      currentPanelNode.value = null;
+    }
+  };
+
+  // ==================== 房型相关方法 ====================
+
+  /**
+   * 编辑房型名称
+   */
+  const editRoomName = async (data) => {
+    try {
+      const { value: newName } = await ElMessageBox.prompt('请输入新的房型名称', '修改房型名称', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        inputValue: data.name,
+        inputPattern: /.+/,
+        inputErrorMessage: '房型名称不能为空'
+      });
+
+      const roomInfo = await getRoomTypeInfoByGuid(data.roomGuid);
+      if (roomInfo) {
+        await updateDatabase('PanelSelection/WebRoomTypeUpdate', {
+          ...roomInfo,
+          room_name: newName
+        });
+        data.name = newName;
+        ElMessage.success('房型名称修改成功');
+      }
+    } catch (err) {
+      if (err !== 'cancel') ElMessage.error('修改房型名称失败');
+    }
+  };
+
+  /**
+   * 新增房型
+   */
+  const addRoomType = async (data) => {
+    try {
+      const { value: roomName } = await ElMessageBox.prompt('请输入新房型名称', '新增房型', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        inputPattern: /.+/,
+        inputErrorMessage: '房型名称不能为空'
+      });
+
+      const projectNode = findProjectNode(data.project.id);
+      if (!projectNode) return;
+
+      // 创建新房型
+      const roomData = {
+        room_name: roomName,
+        room_description: `手动创建的房型`,
+        panel_group_count: '[]',
+        remarks: '手动创建',
+        creator: getCurrentUser(),
+        project_id: projectNode.webProject.id
+      };
+
+      const newRoomGuid = await updateDatabase('PanelSelection/WebRoomTypeAdd', roomData);
+
+      // 更新项目信息
+      const roomGuids = JSON.parse(projectNode.webProject.room_data_json || '[]');
+      roomGuids.push(newRoomGuid);
+
+      const updatedProject = {
+        ...projectNode.webProject,
+        room_type_count: roomGuids.length,
+        room_data_json: JSON.stringify(roomGuids)
+      };
+
+      await updateDatabase('PanelSelection/WebProjectUpdate', updatedProject);
+
+      // 更新本地数据
+      projectNode.webProject = updatedProject;
+      projectNode.name = `${data.project.projectName} (${roomGuids.length})`;
+
+      // 添加新节点
+      projectNode.children.push({
+        id: newRoomGuid,
+        name: roomName,
+        type: 'room',
+        projectId: data.project.id,
+        webProjectId: projectNode.webProject.id,
+        roomGuid: newRoomGuid,
+        children: []
+      });
+
+      ElMessage.success('房型新增成功');
+    } catch (err) {
+      if (err !== 'cancel') ElMessage.error('新增房型失败: ' + err.message);
+    }
+  };
+
+  /**
+   * 删除房型
+   */
+  const deleteRoom = async (data) => {
+    try {
+      await ElMessageBox.confirm('确定要删除这个房型吗？此操作将从数据库中删除，且不可恢复。', '确认删除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      });
+
+      const projectNode = findProjectNode(data.projectId);
+      if (!projectNode) return;
+
+      // 删除房型
+      await updateDatabase('PanelSelection/WebRoomTypeDelete', data.guid);
+
+      // 更新项目信息
+      const roomGuids = JSON.parse(projectNode.webProject.room_data_json || '[]');
+      const updatedRoomGuids = roomGuids.filter(guid => guid !== data.roomGuid);
+
+      const updatedProject = {
+        ...projectNode.webProject,
+        room_type_count: updatedRoomGuids.length,
+        room_data_json: JSON.stringify(updatedRoomGuids)
+      };
+
+      await updateDatabase('PanelSelection/WebProjectUpdate', updatedProject);
+
+      // 更新本地数据
+      projectNode.webProject = updatedProject;
+      projectNode.name = `${data.project.projectName} (${updatedRoomGuids.length})`;
+
+      // 删除节点
+      const roomIndex = projectNode.children.findIndex(r => r.roomGuid === data.roomGuid);
+      if (roomIndex !== -1) {
+        projectNode.children.splice(roomIndex, 1);
+        ElMessage.success('房型删除成功');
+      }
+    } catch (err) {
+      if (err !== 'cancel') ElMessage.error('删除房型失败');
+    }
+  };
+
+  // ==================== 面板组相关方法 ====================
+  /**
+   * 下载CDR文件
+   */
+  const downloadCDRFile = () => {
+    if (!currentPanelNode.value?.panelInfo?.cdr_filename) {
+      ElMessage.warning('CDR文件不存在');
+      return;
+    }
+
+    try {
+      // 构建文件URL
+      const fileUrl = config.PicAds + currentPanelNode.value.panelInfo.cdr_filename;
+      
+      // 创建a标签并模拟点击下载
+      const link = document.createElement('a');
+      link.href = fileUrl;
+      link.target = '_blank'; // 在新页面打开
+      
+      // 从文件名中提取不带路径的文件名
+      const fileName = currentPanelNode.value.panelInfo.cdr_filename.split('/').pop();
+      link.download = fileName || 'panel.cdr';
+      
+      // 将a标签添加到页面，触发点击，然后移除
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      
+      ElMessage.success('CDR文件下载已开始');
+    } catch (error) {
+      console.error('下载CDR文件失败:', error);
+      ElMessage.error('下载CDR文件失败: ' + error.message);
+    }
+  };
+
+  /**
+   * 处理面板单元选择变化
+   */
+  const handlePanelUnitChange = async (index, panelUnitGuid) => {
+    const selectedUnit = availablePanelUnits.value.find(unit => unit.guid === panelUnitGuid);
+    if (selectedUnit) {
+      panelConfigTable.value[index].panelUnitData = selectedUnit;
+      panelConfigTable.value[index].isEditing = false;
+
+      // 更新单面板预览图
+      await updateSinglePanelPreviewFromUnit(selectedUnit);
+      await clearPanelGroupPreview();
+      // 保存面板配置
+      await savePanelConfig();
+    }
+  };
+
+  /**
+   * 编辑面板单元配置
+   */
+  const editPanelUnitConfig = (row) => {
+    if (!row.panelUnitGuid) {
+      //ElMessage.warning('请先选择面板单元');
+      return;
+    }
+
+    const unit = availablePanelUnits.value.find(u => u.guid === row.panelUnitGuid);
+    if (unit) {
+      // 触发面板单元行点击事件，加载配置到右侧
+      handleUnitRowClick(unit);
+
+      // 标记当前正在编辑的面板配置行
+      panelConfigTable.value.forEach(item => {
+        item.isEditing = false;
+      });
+
+      // 设置当前编辑的面板单元
+      currentPanelUnit.value = row.panelUnitGuid;
+    }
+  };
+
+  /**
+   * 从面板单元数据更新单面板预览图
+   */
+  const updateSinglePanelPreviewFromUnit = async (panelUnit) => {
+    if (!panelUnit) {
+      singlePanelPreview.value = '';
+      return;
+    }
+
+    if (panelUnit.thumbnail_large) {
+      singlePanelPreview.value = config.PicAds + panelUnit.thumbnail_large;
+    } else {
+      singlePanelPreview.value = '';
+    }
+  };
+  /**
+   * 添加面板组
+   */
+  const addPanel = async (data) => {
+    currentRoomData.value = data;
+    resetPanelDialog();
+    showAddPanelDialog.value = true;
+  };
+
+  /**
+   * 编辑面板组名称
+   */
+  const editPanelName = async (data) => {
+    try {
+      const panelInfo = await getPanelInfoByGuid(data.panelGuid);
+      if (panelInfo) {
+        currentRoomData.value = data;
+        newPanelForm.value = {
+          panel_list_name: panelInfo.panel_list_name,
+          gang_series: panelInfo.gang_series,
+          model_type: panelInfo.model_type || '',
+          panel_count: panelInfo.panel_count || null,
+          gang_material_id: panelInfo.gang_material_id || 0,
+          remarks: panelInfo.remarks || '',
+          logo_json: panelInfo.logo_json || '',
+        };
+
+        // 解析系列信息
+        const [seriesName, version] = panelInfo.gang_series.split('_');
+        const matchedSeries = seriesList.value.find(item =>
+          item.Series === seriesName && item.Version === version
+        );
+
+        if (matchedSeries) {
+          selectedSeries.value = matchedSeries;
+          await getModels(matchedSeries.ID);
+
+          if (panelInfo.model_type) {
+            let matchedModel = allModels.value.find(model =>
+              model.ModelName === panelInfo.model_type
+            );
+
+            if (!matchedModel && panelInfo.gang_material_id) {
+              matchedModel = allModels.value.find(model =>
+                model.ID === panelInfo.gang_material_id
+              );
+            }
+
+            if (matchedModel) {
+              selectedPanelCount.value = matchedModel.PanelCount;
+              selectedDirection.value = matchedModel.Direction;
+              selectedColor.value = matchedModel.Color;
+              updateModelList();
+              selectedModel.value = matchedModel;
+              newPanelForm.value.model_type = matchedModel.ModelName;
+
+              await restoreLogoConfig(panelInfo);
+            } else {
+              newPanelForm.value.model_type = panelInfo.model_type;
+              // 即使没有匹配模型也尝试恢复LOGO配置
+              await restoreLogoConfig(panelInfo);
+            }
+          } else {
+            // 如果没有模型类型，也尝试恢复LOGO配置
+            await restoreLogoConfig(panelInfo);
+          }
+        }
+
+        editingPanelGuid.value = data.panelGuid;
+        showAddPanelDialog.value = true;
+      }
+    } catch (error) {
+      console.error('获取面板组信息失败:', error);
+      ElMessage.error('获取面板组信息失败');
+    }
+  };
+
+  /**
+   * 删除面板组
+   */
+  const deletePanel = async (data) => {
+    try {
+      await ElMessageBox.confirm('确定要删除这个面板组吗？此操作将从数据库中删除，且不可恢复。', '确认删除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      });
+
+      const roomNode = findRoomNode(data.projectId, data.roomGuid);
+      if (!roomNode) return;
+
+      // 从房型中移除面板组
+      await removePanelFromRoomGroups(data.roomGuid, data.panelGuid);
+
+      // 删除面板组
+      await updateDatabase('PanelSelection/WebPanelListDelete', data.panelGuid);
+
+      // 更新树结构
+      const panelIndex = roomNode.children.findIndex(p => p.panelGuid === data.panelGuid);
+      if (panelIndex !== -1) {
+        roomNode.children.splice(panelIndex, 1);
+        ElMessage.success('面板组删除成功');
+      }
+    } catch (err) {
+      if (err !== 'cancel') ElMessage.error('删除面板组失败');
+    }
+  };
+
+  /**
+   * 从房型中移除面板组
+   */
+  const removePanelFromRoomGroups = async (roomGuid, panelGuid) => {
+    const roomInfo = await getRoomTypeInfoByGuid(roomGuid);
+    if (!roomInfo) return;
+
+    const panelGroups = JSON.parse(roomInfo.panel_group_count || '[]');
+    const updatedPanelGroups = panelGroups.filter(guid => guid !== panelGuid);
+
+    await updateDatabase('PanelSelection/WebRoomTypeUpdate', {
+      ...roomInfo,
+      panel_group_count: JSON.stringify(updatedPanelGroups)
+    });
+  };
+
+  // ==================== 面板组对话框相关方法 ====================
+
+  /**
+   * 获取模型数据
+   */
+  const getModels = async (fileId) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/ModelQuery', JSON.stringify({ FID: fileId }));
+      if (rs.data.isok && rs.data.response) {
+        allModels.value = JSON.parse(rs.data.response);
+
+        panelCountOptions.value = [...new Set(allModels.value.map(model => model.PanelCount))].sort();
+        directionOptions.value = [...new Set(allModels.value.map(model => model.Direction))];
+        colorOptions.value = [...new Set(allModels.value.map(model => model.Color))];
+      } else {
+        allModels.value = [];
+      }
+    } catch (error) {
+      console.error('获取模型列表失败:', error);
+      allModels.value = [];
+      ElMessage.error('获取模型列表失败');
+    }
+  };
+
+  /**
+   * 更新模型列表
+   */
+  const updateModelList = () => {
+    if (!selectedPanelCount.value || !selectedDirection.value || !selectedColor.value) {
+      filteredModels.value = [];
+      selectedModel.value = null;
+      newPanelForm.value.model_type = '';
+      return;
+    }
+
+    filteredModels.value = allModels.value.filter(model => {
+      return model.PanelCount == selectedPanelCount.value &&
+        model.Direction === selectedDirection.value &&
+        model.Color === selectedColor.value;
+    });
+
+    if (filteredModels.value.length === 1) {
+      selectedModel.value = filteredModels.value[0];
+      newPanelForm.value.model_type = selectedModel.value.ModelName;
+    } else {
+      selectedModel.value = null;
+      newPanelForm.value.model_type = '';
+    }
+  };
+
+  /**
+   * 系列选择变化处理
+   */
+  const handleSeriesChange = async (currentRow) => {
+    selectedSeries.value = currentRow;
+    selectedModel.value = null;
+    allModels.value = [];
+    filteredModels.value = [];
+
+    selectedPanelCount.value = '';
+    selectedDirection.value = '';
+    selectedColor.value = '';
+    panelCountOptions.value = [];
+    directionOptions.value = [];
+    colorOptions.value = [];
+
+    if (currentRow) {
+      newPanelForm.value.gang_series = `${currentRow.Series}_${currentRow.Version}`;
+
+      if (currentRow.PreviewPath) {
+        selectedSeriesPreview.value = config.PicAds + currentRow.PreviewPath;
+      } else {
+        selectedSeriesPreview.value = '';
+      }
+
+      await getModels(currentRow.ID);
+    } else {
+      logoList.value = [];
+      newPanelForm.value.gang_series = '';
+      selectedSeriesPreview.value = '';
+      logoConfig.value = {
+        LogoPosition: '',
+        LogoFileName: '',
+        LogoIndexNumber: ''
+      };
+    }
+  };
+
+  /**
+   * 模型选择处理
+   */
+  const handleModelChange = (model) => {
+    selectedModel.value = model;
+    newPanelForm.value.model_type = model ? model.ModelName : '';
+  };
+
+  /**
+   * 确认添加/编辑面板组
+   */
+  const confirmAddPanel = async () => {
+    if (!newPanelForm.value.panel_list_name) {
+      ElMessage.error('请填写面板组名称');
+      return;
+    }
+
+    if (!selectedSeries.value) {
+      ElMessage.error('请选择系列');
+      return;
+    }
+
+    if (!selectedPanelCount.value || !selectedDirection.value || !selectedColor.value) {
+      ElMessage.error('请完整选择面板数、方向和颜色');
+      return;
+    }
+
+    if (!selectedModel.value) {
+      ElMessage.error('请选择模型');
+      return;
+    }
+    let logoJsonValue = JSON.stringify(logoConfig.value);
+    try {
+      if (editingPanelGuid.value) {
+        // 编辑模式
+        const panelInfo = await getPanelInfoByGuid(editingPanelGuid.value);
+        if (panelInfo) {
+          await updateDatabase('PanelSelection/WebPanelListUpdate', {
+            ...panelInfo,
+            panel_list_name: newPanelForm.value.panel_list_name,
+            gang_series: newPanelForm.value.gang_series,
+            model_type: selectedModel.value.ModelName,
+            gang_material_id: selectedModel.value.ID,
+            remarks: newPanelForm.value.remarks,
+            logo_json: logoJsonValue
+          });
+          // 更新树节点
+          const roomNode = findRoomNode(currentRoomData.value.projectId, currentRoomData.value.roomGuid);
+          if (roomNode) {
+            const panelNode = roomNode.children.find(p => p.panelGuid === editingPanelGuid.value);
+            if (panelNode) {
+              panelNode.name = `${newPanelForm.value.panel_list_name}（${newPanelForm.value.gang_series}）`;
+              panelNode.panelInfo = {
+                ...panelNode.panelInfo,
+                ...newPanelForm.value,
+                model_type: selectedModel.value.ModelName,
+                gang_material_id: selectedModel.value.ID
+              };
+            }
+          }
+
+          ElMessage.success('面板组修改成功');
+        }
+      } else {
+        // 新增模式
+        const newPanelGuid = await createPanelInDatabase(newPanelForm.value);
+        if (newPanelGuid) {
+          await updateRoomPanelGroups(currentRoomData.value.roomGuid, newPanelGuid);
+
+          // 添加新节点
+          const roomNode = findRoomNode(currentRoomData.value.projectId, currentRoomData.value.roomGuid);
+          if (roomNode) {
+            const panelInfo = await getPanelInfoByGuid(newPanelGuid);
+            if (panelInfo) {
+              roomNode.children.push({
+                id: `panel-${currentRoomData.value.roomGuid}-${newPanelGuid}`,
+                name: `${panelInfo.panel_list_name}（${panelInfo.gang_series}）`,
+                type: 'panel',
+                roomGuid: currentRoomData.value.roomGuid,
+                panelGuid: newPanelGuid,
+                panelInfo: {
+                  ...panelInfo,
+                  panel_info_json: '{"panels":[]}'
+                },
+                projectId: currentRoomData.value.projectId,
+                gang_material_id: selectedModel.value.ID,
+                logo_json: logoJsonValue
+              });
+            }
+          }
+          ElMessage.success('面板组新增成功');
+        }
+      }
+
+      showAddPanelDialog.value = false;
+      resetPanelDialog();
+    } catch (error) {
+      console.error(editingPanelGuid.value ? '修改面板组失败:' : '新增面板组失败:', error);
+      ElMessage.error(editingPanelGuid.value ? '修改面板组失败' : '新增面板组失败');
+    }
+  };
+
+  /**
+   * 创建面板组
+   */
+  const createPanelInDatabase = async (panelData) => {
+    if (!selectedSeries.value || !selectedModel.value) {
+      throw new Error('请先选择系列和模型');
+    }
+    const fullPanelData = {
+      panel_list_name: panelData.panel_list_name,
+      gang_series: panelData.gang_series,
+      model_type: selectedModel.value.ModelName,
+      panel_count: selectedModel.value.PanelCount,
+      gang_material_id: selectedModel.value.ID,
+      panel_info_json: '{"panelUnitGuids":[]}', // 初始化为空GUID数组
+      logo_json: panelData.logo_json || "{}",
+      cdr_filename: '',
+      thumbnail_large: '',
+      thumbnail_small: '',
+      erp_part_number: '',
+      remarks: panelData.remarks || '',
+      room_type_id: 1
+    };
+
+    return await updateDatabase('PanelSelection/WebPanelListAdd', fullPanelData);
+  };
+
+  /**
+   * 更新房型面板组
+   */
+  const updateRoomPanelGroups = async (roomGuid, panelGuid) => {
+    const roomInfo = await getRoomTypeInfoByGuid(roomGuid);
+    if (!roomInfo) {
+      ElMessage.error('未找到对应的房型信息');
+      return false;
+    }
+
+    const panelGroups = JSON.parse(roomInfo.panel_group_count || '[]');
+    if (!panelGroups.includes(panelGuid)) {
+      panelGroups.push(panelGuid);
+      await updateDatabase('PanelSelection/WebRoomTypeUpdate', {
+        ...roomInfo,
+        panel_group_count: JSON.stringify(panelGroups)
+      });
+    }
+    return true;
+  };
+
+  /**
+   * 重置对话框
+   */
+  const resetPanelDialog = () => {
+    newPanelForm.value = {
+      panel_list_name: '',
+      gang_series: '',
+      model_type: '',
+      gang_material_id: 0,
+      panel_count: null,
+      remarks: '',
+      logo_json: "{}"
+    };
+    selectedSeries.value = null;
+    selectedModel.value = null;
+    allModels.value = [];
+    filteredModels.value = [];
+    selectedPanelCount.value = '';
+    selectedDirection.value = '';
+    selectedColor.value = '';
+    panelCountOptions.value = [];
+    directionOptions.value = [];
+    colorOptions.value = [];
+    editingPanelGuid.value = null;
+    logoConfig.value = {
+      LogoPosition: '',
+      LogoFileName: '',
+      LogoIndexNumber: ''
+    };
+  };
+
+  // ==================== 面板配置相关方法 ====================
+  /**
+   * 编辑面板单元
+   */
+  const editPanelUnit = async (row) => {
+    try {
+      showLoading('加载面板单元数据中...');
+
+      // 设置编辑模式
+      isEditPanelUnit.value = true;
+      currentEditPanelUnit.value = row;
+
+      // 填充基本表单数据
+      newPanelUnitForm.value = {
+        panel_name: row.panel_name,
+        remarks: row.remarks || ''
+      };
+
+      // 重置选择器
+      selectedSeriesForUnit.value = null;
+      selectedDirectionForUnit.value = '';
+      selectedColorForUnit.value = '';
+      selectedPatternForUnit.value = '';
+
+      // 从面板单元数据中恢复之前的选择
+      await restorePanelUnitSelections(row);
+
+      // 打开对话框
+      showAddPanelUnitDialog.value = true;
+
+      hideLoading();
+    } catch (error) {
+      hideLoading();
+      console.error('加载面板单元数据失败:', error);
+      ElMessage.error('加载面板单元数据失败');
+    }
+  };
+
+  /**
+   * 从面板单元数据恢复选择信息
+   */
+  const restorePanelUnitSelections = async (panelUnit) => {
+    try {
+      // 方法1: 使用新增的字段直接恢复选择
+      if (panelUnit.series_id) {
+        const series = seriesList.value.find(s => s.ID === panelUnit.series_id);
+        if (series) {
+          selectedSeriesForUnit.value = series;
+          return; // 后续由watch处理
+        }
+      }
+
+      // 方法2: 从product_type中尝试匹配（最后的手段）
+      if (panelUnit.product_type) {
+        for (const series of seriesList.value) {
+          if (panelUnit.product_type.includes(series.Series) ||
+            panelUnit.product_type.includes(series.FileName)) {
+            selectedSeriesForUnit.value = series;
+            return; // 后续由watch处理
+          }
+        }
+      }
+
+    } catch (error) {
+      console.error('恢复面板单元选择信息失败:', error);
+    }
+  };
+
+  /**
+   * 加载面板单元的选择信息
+   */
+  const loadPanelUnitSelections = async (panelUnit) => {
+    try {
+      // 方法1: 从product_type中解析系列信息
+      if (panelUnit.product_type) {
+        // 查找匹配的系列
+        const matchedSeries = seriesList.value.find(series => {
+          // 尝试从product_type中匹配系列名称
+          return panelUnit.product_type.includes(series.Series) ||
+            panelUnit.product_type.includes(series.FileName);
+        });
+
+        if (matchedSeries) {
+          selectedSeriesForUnit.value = matchedSeries;
+          await getModelsForUnit(matchedSeries.ID);
+
+          // 查找匹配的面板
+          const patterns = await fetchData('PanelSelection/PatternQuery', { FID: matchedSeries.ID });
+          const matchedPattern = patterns.find(pattern =>
+            panelUnit.product_type.includes(pattern.PatternName)
+          );
+
+          if (matchedPattern) {
+            selectedPatternForUnit.value = matchedPattern.ID;
+          }
+
+          // 尝试从remarks中解析方向和颜色
+          if (panelUnit.remarks) {
+            const remarks = panelUnit.remarks.toLowerCase();
+            if (remarks.includes('左')) selectedDirectionForUnit.value = '左';
+            if (remarks.includes('右')) selectedDirectionForUnit.value = '右';
+            if (remarks.includes('白色')) selectedColorForUnit.value = '白色';
+            if (remarks.includes('黑色')) selectedColorForUnit.value = '黑色';
+            // 添加更多颜色匹配...
+          }
+        }
+      }
+
+      // 方法2: 如果方法1失败，尝试从关联的项目中获取信息
+      if (!selectedSeriesForUnit.value && panelUnit.project_guid) {
+        // 获取项目信息，尝试找到相关的系列
+        const projects = await fetchData('PanelSelection/WebProjectQuery');
+        const project = projects.find(p => p.guid === panelUnit.project_guid);
+
+        if (project) {
+          // 查找该项目下其他面板单元使用的系列
+          const units = await fetchData('PanelSelection/WebPanelUnitQueryByProject', {
+            GUID: panelUnit.project_guid
+          });
+
+          for (const unit of units) {
+            if (unit.guid !== panelUnit.guid && unit.product_type) {
+              const matchedSeries = seriesList.value.find(series =>
+                unit.product_type.includes(series.Series)
+              );
+              if (matchedSeries) {
+                selectedSeriesForUnit.value = matchedSeries;
+                await getModelsForUnit(matchedSeries.ID);
+                break;
+              }
+            }
+          }
+        }
+      }
+    } catch (error) {
+      console.error('加载面板单元选择信息失败:', error);
+      // 即使失败也不影响主要功能
+    }
+  };
+
+  /**
+   * 加载面板配置
+   */
+  const loadPanelConfiguration = async (panelNode) => {
+    try {
+      if (panelNode.panelInfo && panelNode.panelInfo.gang_material_id) {
+        await getPatterns(panelNode.panelInfo.gang_material_id);
+      }
+
+      initPanelConfigTable(panelNode);
+
+      // 注释掉清空单个面板配置表单和预览图的代码，以保持选择状态
+      // currentPanelUnit.value = null;
+      // panelUnitForm.value = [];
+      // singlePanelPreview.value = '';  // 新增：清除单面板预览图
+
+      ElMessage.success('面板配置加载成功');
+    } catch (error) {
+      console.error('加载面板配置失败:', error);
+      ElMessage.error('加载面板配置失败');
+    }
+  };
+  /**
+ * 删除面板单元
+ */
+  const deletePanelUnit = async (row) => {
+    try {
+      await ElMessageBox.confirm(
+        `确定要删除面板单元 "${row.panel_name}" 吗？此操作不可恢复。`,
+        '确认删除',
+        {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }
+      );
+
+      // 调用后端删除API（实际上是更新is_valid为0）
+      await updateDatabase('PanelSelection/WebPanelUnitDelete', row.guid);
+
+      ElMessage.success('面板单元删除成功');
+
+      // 刷新列表
+      const projectNode = findProjectNode(selectedProjectId.value);
+      if (projectNode?.webProject?.guid) {
+        await loadPanelUnitsByProject(projectNode.webProject.guid);
+      }
+
+      // 如果删除的是当前正在编辑的面板单元，清空右侧配置
+      if (currentPanelUnit.value === row.guid) {
+        currentPanelUnit.value = null;
+        panelUnitForm.value = [];
+        singlePanelPreview.value = '';
+      }
+    } catch (error) {
+      if (error !== 'cancel') {
+        console.error('删除面板单元失败:', error);
+        ElMessage.error('删除面板单元失败');
+      }
+    }
+  };
+  /**
+  * 初始化面板配置表格
+  */
+  const initPanelConfigTable = (panelNode) => {
+    const panelCount = panelNode.panelInfo.panel_count || 3;
+
+    panelConfigTable.value = Array.from({ length: panelCount }, (_, index) => ({
+      panelIndex: index + 1,
+      panelUnitGuid: null,
+      panelUnitData: null,
+      isEditing: false
+    }));
+
+    if (panelNode.panelInfo && panelNode.panelInfo.panel_info_json) {
+      try {
+        const savedConfig = JSON.parse(panelNode.panelInfo.panel_info_json);
+
+        // 兼容新旧数据结构
+        if (savedConfig.panelUnitGuids && Array.isArray(savedConfig.panelUnitGuids)) {
+          // 新数据结构：GUID数组
+          savedConfig.panelUnitGuids.forEach((guid, index) => {
+            if (panelConfigTable.value[index] && guid) {
+              panelConfigTable.value[index].panelUnitGuid = guid;
+
+              // 查找对应的面板单元数据
+              const unit = availablePanelUnits.value.find(u => u.guid === guid);
+              if (unit) {
+                panelConfigTable.value[index].panelUnitData = unit;
+              }
+            }
+          });
+        } else if (savedConfig.panels && Array.isArray(savedConfig.panels)) {
+          // 旧数据结构：兼容处理
+          savedConfig.panels.forEach((panelConfig, index) => {
+            if (panelConfigTable.value[index] && panelConfig.panelUnitGuid) {
+              panelConfigTable.value[index].panelUnitGuid = panelConfig.panelUnitGuid;
+
+              const unit = availablePanelUnits.value.find(u => u.guid === panelConfig.panelUnitGuid);
+              if (unit) {
+                panelConfigTable.value[index].panelUnitData = unit;
+              }
+            }
+          });
+        }
+      } catch (error) {
+        console.error('解析保存的配置失败:', error);
+      }
+    }
+  };
+
+  /**
+   * 获取Pattern列表
+   */
+  const getPatterns = async (fileId) => {
+    try {
+      patternsList.value = await fetchData('PanelSelection/PatternQuery', { FID: fileId });
+    } catch (error) {
+      console.error('获取Pattern列表失败:', error);
+      patternsList.value = [];
+    }
+  };
+
+  /**
+   * Pattern选择变化处理
+   */
+  const handlePatternChange = async (index, patternId) => {
+    const selectedPattern = patternsList.value.find(p => p.ID === patternId);
+    if (selectedPattern) {
+      panelConfigTable.value[index].patternData = selectedPattern;
+      panelConfigTable.value[index].panelUnitGuid = null;
+      panelConfigTable.value[index].isEditing = false;
+
+      await updateSinglePanelPreview(patternId);
+      await savePanelConfig();
+
+      if (patternId) {
+        await editPanelConfig(index);
+      }
+    }
+  };
+
+  /**
+   * 编辑面板配置
+   */
+  const editPanelConfig = async (index) => {
+    try {
+      const panelConfig = panelConfigTable.value[index];
+      if (!panelConfig.selectedPattern) {
+        ElMessage.warning('请先选择面板模式');
+        return;
+      }
+
+      panelConfigTable.value.forEach((item, i) => {
+        item.isEditing = i === index;
+      });
+      await updateSinglePanelPreview(panelConfig.selectedPattern);
+
+      const pattern = patternsList.value.find(p => p.ID === panelConfig.selectedPattern);
+      if (!pattern) {
+        ElMessage.error('未找到对应的面板模式信息');
+        return;
+      }
+
+      const locations = await getLocationls(panelConfig.selectedPattern);
+      let panelUnitGuid = panelConfig.panelUnitGuid;
+
+      if (!panelUnitGuid) {
+        panelUnitGuid = await createPanelUnitIfNotExists(panelConfig, pattern, locations, index);
+      }
+
+      if (panelUnitGuid) {
+        panelConfig.panelUnitGuid = panelUnitGuid;
+        await savePanelConfig();
+        await loadPanelUnitConfiguration(panelUnitGuid, locations);
+        ElMessage.success('面板配置编辑已启动');
+      }
+    } catch (error) {
+      console.error('编辑面板配置失败:', error);
+      ElMessage.error('编辑面板配置失败');
+    }
+  };
+
+  /**
+   * 检查并创建面板单元（如果不存在）
+   */
+  const createPanelUnitIfNotExists = async (panelConfig, pattern, locations, index) => {
+    try {
+      const existingPanelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      const expectedPanelName = `${currentPanelNode.value.panelInfo.panel_list_name}_面板${index + 1}`;
+
+      let existingPanelUnit = existingPanelUnits.find(p =>
+        p.panel_name === expectedPanelName && p.is_valid
+      );
+
+      if (existingPanelUnit) {
+        return existingPanelUnit.guid;
+      } else {
+        // 获取当前项目的GUID
+        const projectNode = findProjectNode(currentPanelNode.value.projectId);
+        if (!projectNode || !projectNode.webProject) {
+          throw new Error('未找到项目信息');
+        }
+
+        const panelUnitData = {
+          panel_name: expectedPanelName,
+          product_type: pattern.PatternName,
+          element_count: locations.length,
+          elements_json: '[]',
+          cdr_filename: '',
+          thumbnail_large: '',
+          thumbnail_small: '',
+          remarks: `关联面板组: ${currentPanelNode.value.panelInfo.panel_list_name}`,
+          erp_part_number: '',
+          design_status: '',
+          owner: getCurrentUser(),
+          share_type: '',
+          project_guid: projectNode.webProject.guid // 新增项目关联
+        };
+
+        const newGuid = await createPanelUnit(panelUnitData);
+        return newGuid;
+      }
+    } catch (error) {
+      console.error('检查/创建面板单元失败:', error);
+      throw error;
+    }
+  };
+
+  /**
+   * 保存面板配置
+   */
+  const savePanelConfig = async () => {
+    if (!currentPanelNode.value) {
+      return;
+    }
+
+    try {
+      // 构建GUID数组配置
+      const configData = {
+        panelUnitGuids: panelConfigTable.value
+          .map(item => item.panelUnitGuid)
+          .filter(guid => guid && guid.length === 32) // 只保留有效的GUID
+      };
+
+      const panelInfo = await getPanelInfoByGuid(currentPanelNode.value.panelGuid);
+      if (panelInfo) {
+        await updateDatabase('PanelSelection/WebPanelListUpdate', {
+          ...panelInfo,
+          panel_info_json: JSON.stringify(configData),
+          // 取消gang_material_id的绑定
+          //gang_material_id: 0
+        });
+
+        currentPanelNode.value.panelInfo.panel_info_json = JSON.stringify(configData);
+        currentPanelNode.value.panelInfo.gang_material_id = 0;
+      }
+    } catch (error) {
+      console.error('保存面板配置失败:', error);
+      ElMessage.error('保存面板配置失败');
+    }
+  };
+
+  /**
+   * 生成预览图（面板组合）
+   */
+  const showPreview = async (ProcessType) => {
+    if (!currentPanelNode.value) {
+      //ElMessage.warning('请先选择面板组');
+      return;
+    }
+
+    if (!isAllPanelsConfigured.value) {
+      ElMessage.warning('请先完成所有面板的配置');
+      return;
+    }
+
+    const startTime = performance.now();
+    showLoading('生成预览图中...');
+
+    try {
+      // 从remark字段读取已保存的结构化数据
+      const panelInfo = await getPanelInfoByGuid(currentPanelNode.value.panelGuid);
+      let previewObject = null;
+
+      /*if (panelInfo && panelInfo.remarks) {
+        try {
+          const savedConfig = JSON.parse(panelInfo.remarks);
+          if (savedConfig.structureData) {
+            previewObject = savedConfig.structureData;
+            // 更新Process类型
+            previewObject.Process = ProcessType;
+          }
+        } catch (e) {
+          console.warn('从remark字段读取面板组配置失败，重新生成:', e);
+        }
+      }*/
+
+      // 如果没有从remark读取到，则重新生成
+      if (!previewObject) {
+        previewObject = await generatePanelGroupStructureData(true);
+        if (previewObject) {
+          previewObject.Process = ProcessType;
+        }
+      }
+
+      if (!previewObject) {
+        ElMessage.error('生成预览对象失败');
+        hideLoading();
+        return;
+      }
+
+      console.log('面板组预览对象:', previewObject);
+
+      // 发送到CDR生成预览图
+      const rs = await localHttp.post('PanelSelection/SendToCDR', JSON.stringify(previewObject));
+
+      if (rs.data.isok) {
+        const rsv = rs.data.response;
+        if (rsv) {
+          // 更新面板组信息
+          if (panelInfo) {
+            const updateData = {
+              ...panelInfo,
+              thumbnail_small: "生成中"
+            };
+
+            await updateDatabase('PanelSelection/WebPanelListUpdate', updateData);
+
+            // 将生成的完整previewObject保存到remark字段
+            try {
+              const saveData = {
+                ...panelInfo,
+                remarks: JSON.stringify({
+                  structureData: previewObject,
+                  savedAt: new Date().toISOString(),
+                  version: '1.0',
+                  lastGenerated: Date.now()
+                })
+              };
+
+              await updateDatabase('PanelSelection/WebPanelListUpdate', saveData);
+            } catch (saveError) {
+              console.error('保存面板组预览对象到remark字段失败:', saveError);
+            }
+          }
+
+          const MIN_EXECUTION_TIME = 555;
+          const elapsedTime = performance.now() - startTime;
+          const remainingTime = MIN_EXECUTION_TIME - elapsedTime;
+          if (remainingTime > 0) await new Promise(resolve => setTimeout(resolve, remainingTime));
+
+          if (!isPollingActive.value) {
+            startPolling();
+          }
+
+          ElMessage.success('设计图已经加入生成队列，请稍后！');
+        } else {
+          ElMessage.error('面板设计图生成失败: ' + rsv.Msg);
+        }
+      } else {
+        ElMessage.error('面板设计图生成失败');
+      }
+    } catch (error) {
+      console.error('生成面板组预览对象失败:', error);
+      ElMessage.error('生成面板组预览对象失败: ' + error.message);
+    } finally {
+      hideLoading();
+      // 保存当前选中的面板单元，以便在重新加载后恢复
+      const savedCurrentPanelUnit = currentPanelUnit.value;
+      await triggerCurrentTreeNodeClick();
+      // 恢复之前选中的面板单元
+      if (savedCurrentPanelUnit) {
+        currentPanelUnit.value = savedCurrentPanelUnit;
+      }
+    }
+  };
+  /**
+   * 生成预览图（单个面板）
+   */
+  const showSinglePanelPreview = async () => {
+    if (!currentPanelUnit.value) {
+      //ElMessage.warning('请先选择面板单元');
+      return;
+    }
+
+    const startTime = performance.now();
+    showLoading('生成单个面板预览图中...');
+
+    try {
+      // 从remark字段读取已保存的previewObject
+      const panelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      const panelUnit = panelUnits.find(p => p.guid === currentPanelUnit.value);
+
+      let previewObject = null;
+
+/*       if (panelUnit && panelUnit.remarks) {
+        try {
+          const savedConfig = JSON.parse(panelUnit.remarks);
+          if (savedConfig.previewObject) {
+            previewObject = savedConfig.previewObject;
+            // 更新Process为生成图片
+            previewObject.Process = 0;
+          }
+        } catch (e) {
+          console.warn('从remark字段读取单个面板配置失败，重新生成:', e);
+        }
+      } */
+
+      // 如果没有从remark读取到，则重新生成
+      if (!previewObject) {
+        previewObject = await generateSinglePanelPreviewObject(true);
+        if (previewObject) {
+          console.log('重新生成单个面板预览对象成功');
+        }
+      }
+
+      if (!previewObject) {
+        ElMessage.error('生成预览对象失败');
+        hideLoading();
+        return;
+      }
+
+      console.log('单个面板预览对象:', previewObject);
+
+      // 发送到CDR生成预览图
+      const rs = await localHttp.post('PanelSelection/SendToCDR', JSON.stringify(previewObject));
+
+      if (rs.data.isok) {
+        const rsv = rs.data.response;
+        if (rsv) {
+          // 更新面板单元的缩略图
+          await updateDatabase('PanelSelection/WebPanelUnitUpdate', {
+            ...panelUnit,
+            design_status: "生成中"
+          });
+
+          // 将生成的完整previewObject保存到remark字段
+          try {
+            const saveData = {
+              ...panelUnit,
+              remarks: JSON.stringify({
+                previewObject: previewObject,
+                savedAt: new Date().toISOString(),
+                version: '1.0',
+                lastGenerated: Date.now()
+              })
+            };
+
+            await updateDatabase('PanelSelection/WebPanelUnitUpdate', saveData);
+            console.log('单个面板预览对象已保存到remark字段');
+          } catch (saveError) {
+            console.error('保存单个面板预览对象到remark字段失败:', saveError);
+          }
+
+          // 更新本地数据
+          const unitIndex = unitTableData.value.findIndex(u => u.guid === currentPanelUnit.value);
+          if (unitIndex !== -1) {
+            unitTableData.value[unitIndex].design_status = "生成中";
+          }
+
+          const MIN_EXECUTION_TIME = 555;
+          const elapsedTime = performance.now() - startTime;
+          const remainingTime = MIN_EXECUTION_TIME - elapsedTime;
+          if (remainingTime > 0) await new Promise(resolve => setTimeout(resolve, remainingTime));
+
+          ElMessage.success('设计图已经加入生成队列，请稍后！');
+
+          if (!isPollingActive.value) {
+            startPolling();
+          }
+        } else {
+          ElMessage.error('单个面板预览图生成失败: ' + rsv.Msg);
+        }
+      } else {
+        ElMessage.error('单个面板预览图生成失败');
+      }
+    } catch (error) {
+      console.error('生成单个面板预览对象失败:', error);
+      ElMessage.error('生成单个面板预览对象失败: ' + error.message);
+    } finally {
+      hideLoading();
+    }
+  };
+  // ==================== 面板单元配置相关方法 ====================
+  /**
+   * 单个面板的pattern预览图
+   */
+  const singlePanelPatternPreview = ref('');
+  watch(currentPanelUnit, async (newGuid) => {
+    if (!newGuid) {
+      singlePanelPatternPreview.value = '';
+      return;
+    }
+
+    // 从 unitTableData 中查找当前面板单元
+    const panelUnit = unitTableData.value.find(unit => unit.guid === newGuid);
+    if (!panelUnit || !panelUnit.pattern_id) {
+      singlePanelPatternPreview.value = '';
+      return;
+    }
+
+    try {
+      // 异步获取 pattern 数据
+      const pattern = await fetchData('PanelSelection/IdPatternQuery', { FID: panelUnit.pattern_id });
+      if (pattern && pattern[0] && pattern[0].PreviewPath) {
+        singlePanelPatternPreview.value = config.PicAds + pattern[0].PreviewPath;
+      } else {
+        singlePanelPatternPreview.value = '';
+      }
+    } catch (error) {
+      singlePanelPatternPreview.value = '';
+    }
+  }, { immediate: true });
+
+  /**
+   * 创建面板单元
+   */
+  const createPanelUnit = async (panelUnitData) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/WebPanelUnitAdd', JSON.stringify(panelUnitData));
+      if (rs.data.isok && rs.data.response) {
+        return rs.data.response;
+      }
+      throw new Error(rs.data.message || '创建面板单元失败');
+    } catch (error) {
+      console.error('创建面板单元失败:', error);
+      throw error;
+    }
+  };
+
+  /**
+   * 查询Location数据
+   */
+  const getLocationls = async (patternId) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/LocationQuery', JSON.stringify({ PID: patternId }));
+      if (rs.data.isok && rs.data.response) {
+        return JSON.parse(rs.data.response);
+      }
+      return [];
+    } catch (error) {
+      console.error('获取Location数据失败:', error);
+      return [];
+    }
+  };
+
+  /**
+   * 获取所有图标库文件
+   */
+  const getIconLibraries = async () => {
+    try {
+      const libraries = await fetchData('PanelSelection/IconLibraryQuery');
+      iconLibraryList.value = libraries;
+      // 并行加载所有图标库的图标
+      const loadPromises = libraries.map(async (library) => {
+        try {
+          const icons = await fetchData('PanelSelection/IconQuery', { FID: library.ID });
+          iconOptions.value[library.ID] = icons;
+        } catch (error) {
+          console.error(`加载图标库 ${library.Series} 失败:`, error);
+          iconOptions.value[library.ID] = [];
+        }
+      });
+
+      await Promise.all(loadPromises);
+
+      // 设置默认选中的图标库
+      if (libraries.length > 0) {
+        selectedIconLibrary.value = libraries[0].ID;
+      }
+
+      return libraries;
+    } catch (error) {
+      console.error('获取图标库列表失败:', error);
+      iconLibraryList.value = [];
+      return [];
+    }
+  };
+
+  /**
+   * 获取单个图标库的图标
+   */
+  const getIconsByLibrary = async (libraryId) => {
+    try {
+      const icons = await fetchData('PanelSelection/IconQuery', { FID: libraryId });
+      iconOptions.value[libraryId] = icons;
+      return icons;
+    } catch (error) {
+      console.error(`获取图标库 ${libraryId} 的图标失败:`, error);
+      return [];
+    }
+  };
+
+  /**
+   * 图标选择变化处理
+   */
+  const handleIconChange = (row) => {
+    console.log('图标选择变化:', row);
+  };
+
+  /**
+   * 检查面板单元是否存在
+   */
+  const checkPanelUnitExists = async (panelUnitGuid) => {
+    if (!panelUnitGuid) return false;
+
+    try {
+      const panelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      const panelUnit = panelUnits.find(p => p.guid === panelUnitGuid && p.is_valid);
+      return !!panelUnit;
+    } catch (error) {
+      console.error('检查面板单元存在性失败:', error);
+      return false;
+    }
+  };
+
+  /**
+   * 加载已保存的面板单元配置
+   */
+  const loadSavedPanelUnitConfig = async (panelUnitGuid) => {
+    try {
+      const panelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      const panelUnit = panelUnits.find(p => p.guid === panelUnitGuid);
+
+      if (panelUnit) {
+        // 检查 elements_json 是否为空或无效
+        if (!panelUnit.elements_json || panelUnit.elements_json === 'null' || panelUnit.elements_json === '[]' || panelUnit.elements_json === '{}') {
+          // 使用默认数据构建合并数据
+          buildMergedPanelUnitForm();
+          return;
+        }
+
+        try {
+          const savedConfig = JSON.parse(panelUnit.elements_json);
+
+          if (savedConfig && Array.isArray(savedConfig) && savedConfig.length > 0) {
+            // 清空当前数据
+            panelUnitForm.value = [];
+
+            // 重新构建数据
+            savedConfig.forEach((savedItem) => {
+              // 根据保存的数据创建对应的表单项
+              const formItem = {
+                id: savedItem.locationId || Date.now() + Math.random(),
+                locationId: savedItem.locationId || Date.now() + Math.random(),
+                content: savedItem.content || '',
+                size: savedItem.size || (savedItem.type === 2 ? 11 : savedItem.type === 3 ? 7 : null),
+                font: savedItem.font || '',
+                locationName: savedItem.locationName || `位置${savedItem.locationId || '未知'}`,
+                type: savedItem.type || 1,
+                backlightColor: savedItem.backlightColor || '#FFFFFF',
+                backlightEnabled: savedItem.backlightEnabled || false,
+                fileId: savedItem.fileId || null,
+                iconId: savedItem.iconId || null,
+                indexNum: savedItem.indexNum || 0,
+                keygroup: savedItem.keygroup || 0,
+                lineNumber: savedItem.lineNumber || 0
+              };
+
+              panelUnitForm.value.push(formItem);
+            });
+
+            // 立即构建合并数据
+            buildMergedPanelUnitForm();
+          } else {
+            buildMergedPanelUnitForm();
+          }
+        } catch (error) {
+          console.error('解析保存的配置失败:', error);
+          // 如果解析失败，使用默认数据
+          buildMergedPanelUnitForm();
+        }
+      } else {
+        buildMergedPanelUnitForm();
+      }
+    } catch (error) {
+      console.error('加载保存的面板单元配置失败:', error);
+      buildMergedPanelUnitForm();
+    }
+  };
+
+  /**
+   * 加载面板单元配置
+   */
+  const loadPanelUnitConfiguration = async (panelUnitGuid, locations = null) => {
+    try {
+      const exists = await checkPanelUnitExists(panelUnitGuid);
+      if (!exists) {
+        ElMessage.warning('面板单元不存在');
+        return;
+      }
+
+      currentPanelUnit.value = panelUnitGuid;
+
+      // 获取面板单元详细信息
+      const panelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      const panelUnit = panelUnits.find(p => p.guid === panelUnitGuid);
+
+      if (!panelUnit) {
+        ElMessage.error('未找到面板单元信息');
+        return;
+      }
+
+      const actualLocations = locations || [];
+      // 初始化表单数据
+      panelUnitForm.value = actualLocations.map((location, index) => {
+        if (!location) {
+          return null;
+        }
+
+        let defaultSize = null;
+        let content = null;
+        if (location.Type === 2) {
+          defaultSize = 11;
+          content = '空'
+        } else if (location.Type === 3) {
+          defaultSize = 7;
+          content = 'empty'
+        }
+        return {
+          id: location.ID || Date.now() + index,
+          locationId: location.ID || Date.now() + index,
+          index: index + 1,
+          content: content,
+          size: defaultSize,
+          font: '',
+          locationName: location.LocationName || `位置${index + 1}`,
+          type: location.Type || 1,
+          sizeH: location.SizeH || 0,
+          sizeW: location.SizeW || 0,
+          backlightColor: '#FFFFFF',
+          indexNum: location.IndexNum || 0,
+          keygroup: location.Keygroup || 0,
+          lineNumber: location.lineNumber || 0
+        };
+      }).filter(item => item !== null); // 过滤掉空项
+      await loadSavedPanelUnitConfig(panelUnitGuid);
+
+    } catch (error) {
+      console.error('加载面板单元配置失败:', error);
+      ElMessage.error('加载面板单元配置失败');
+      // 即使失败也尝试构建默认数据
+      buildMergedPanelUnitForm();
+    }
+  };
+
+  /**
+   * 更新单面板预览图
+   */
+  const updateSinglePanelPreview = async (patternId) => {
+    if (!patternId) {
+      singlePanelPreview.value = '';
+      return;
+    }
+
+    const pattern = patternsList.value.find(p => p.ID === patternId);
+    if (pattern && pattern.PreviewPath) {
+      singlePanelPreview.value = config.PicAds + pattern.PreviewPath;
+    } else {
+      singlePanelPreview.value = '';
+    }
+  };
+  /**
+ * 手动刷新面板组预览图
+ */
+  const refreshPanelGroupPreview = async () => {
+    if (!currentPanelNode.value) {
+      //ElMessage.warning('请先选择面板组');
+      return;
+    }
+
+    try {
+      showLoading('刷新面板组预览图中...');
+
+      // 重新查询面板组数据
+      const rs = await localHttp.post('PanelSelection/WebPanelListQueryByGuid',
+        JSON.stringify({ GUID: currentPanelNode.value.panelGuid }));
+
+      if (rs.data.isok && rs.data.response) {
+        const data = JSON.parse(rs.data.response);
+        if (data.length > 0) {
+          const panelInfo = data[0];
+
+          // 更新当前面板组信息
+          if (currentPanelNode.value) {
+            currentPanelNode.value.panelInfo = panelInfo;
+          }
+
+          // 更新树节点中的面板组信息
+          updatePanelNodeInTree(currentPanelNode.value.panelGuid, panelInfo);
+
+          if (panelInfo.thumbnail_large && panelInfo.thumbnail_large !== '生成中') {
+            panelGroupPreview.value = config.PicAds + panelInfo.thumbnail_large;
+            ElMessage.success('面板组预览图刷新成功');
+          } else {
+            panelGroupPreview.value = '';
+            //ElMessage.info('面板组预览图仍在生成中');
+          }
+        }
+      }
+    } catch (error) {
+      console.error('刷新面板组预览失败:', error);
+      ElMessage.error('刷新失败');
+    } finally {
+      hideLoading();
+      // 移除 reloadTreeAndTriggerClick 调用，避免清空 mergedPanelUnitForm 数据
+    }
+  };
+  /**
+   * 手动刷新面板单元预览图
+   */
+  const refreshPanelUnitPreview = async () => {
+    if (!currentPanelUnit.value) {
+      //ElMessage.warning('请先选择面板单元');
+      return;
+    }
+
+    try {
+      showLoading('刷新面板单元数据中...');
+      singlePanelPreview.value = '';
+
+      // 1. 保存当前选中的面板单元GUID
+      const currentUnitGuid = currentPanelUnit.value;
+
+      // 2. 重新加载左侧面板单元列表数据
+      const projectNode = findProjectNode(selectedProjectId.value);
+      if (projectNode?.webProject?.guid) {
+        await loadPanelUnitsByProject(projectNode.webProject.guid);
+
+        // 3. 在列表刷新完成后，自动重新选中用户当前正在查看的面板单元
+        // 等待列表数据更新完成
+        await nextTick();
+
+        // 查找当前面板单元在刷新后的列表中的位置
+        const refreshedUnit = unitTableData.value.find(u => u.guid === currentUnitGuid);
+        if (refreshedUnit) {
+          // 重新设置当前选中的面板单元
+          currentPanelUnit.value = currentUnitGuid;
+          await updateSinglePanelPreviewFromUnit(refreshedUnit);
+
+        } else {
+          // 如果刷新后找不到当前面板单元，清空选择
+          currentPanelUnit.value = null;
+          panelUnitForm.value = [];
+          singlePanelPreview.value = '';
+          ElMessage.warning('当前面板单元已不存在，已清空选择');
+        }
+      }
+    } catch (error) {
+      console.error('刷新面板单元数据失败:', error);
+      ElMessage.error('刷新失败');
+    } finally {
+      hideLoading();
+    }
+  };
+  /**
+   * 保存面板单元配置
+   */
+  const savePanelUnitConfig = async () => {
+    if (!currentPanelUnit.value) {
+      //ElMessage.warning('请先选择面板单元');
+      return;
+    }
+
+    const startTime = Date.now();
+
+    try {
+      if (!mergedPanelUnitForm.value || mergedPanelUnitForm.value.length === 0) {
+        hideLoading();
+        ElMessage.warning('没有配置数据需要保存');
+        return;
+      }
+
+      // 将合并数据转换回原始格式
+      const flatData = [];
+
+      mergedPanelUnitForm.value.forEach(locationGroup => {
+        if (!locationGroup) return;
+
+        // 处理图标数据
+        if (locationGroup.icon) {
+          flatData.push({
+            locationId: locationGroup.icon.locationId,
+            content: locationGroup.icon.content,
+            type: 1,
+            size: locationGroup.icon.size || null,
+            font: locationGroup.icon.font || '',
+            locationName: locationGroup.icon.locationName || locationGroup.locationName,
+            backlightColor: locationGroup.backlightColor || '#FFFFFF',
+            backlightEnabled: locationGroup.backlightEnabled || false,
+            fileId: locationGroup.icon.fileId || null,
+            iconId: locationGroup.icon.iconId || null,
+            indexNum: locationGroup.icon.indexNum || 0,
+            keygroup: locationGroup.icon.keygroup || 0,
+            lineNumber: locationGroup.icon.lineNumber || 0
+          });
+        }
+
+        // 处理中文数据
+        if (locationGroup.chinese) {
+          flatData.push({
+            locationId: locationGroup.chinese.locationId,
+            content: locationGroup.chinese.content || '',
+            type: 2,
+            size: locationGroup.chinese.size || 11,
+            font: locationGroup.chinese.font || '',
+            locationName: locationGroup.chinese.locationName || locationGroup.locationName,
+            backlightColor: locationGroup.backlightColor || '#FFFFFF',
+            backlightEnabled: locationGroup.backlightEnabled || false,
+            indexNum: locationGroup.chinese.indexNum || 0,
+            keygroup: locationGroup.chinese.keygroup || 0,
+            lineNumber: locationGroup.chinese.lineNumber || 0
+          });
+        }
+
+        // 处理英文数据
+        if (locationGroup.english) {
+          flatData.push({
+            locationId: locationGroup.english.locationId,
+            content: locationGroup.english.content || '',
+            type: 3,
+            size: locationGroup.english.size || 7,
+            font: locationGroup.english.font || '',
+            locationName: locationGroup.english.locationName || locationGroup.locationName,
+            backlightColor: locationGroup.backlightColor || '#FFFFFF',
+            backlightEnabled: locationGroup.backlightEnabled || false,
+            indexNum: locationGroup.english.indexNum || 0,
+            keygroup: locationGroup.english.keygroup || 0,
+            lineNumber: locationGroup.english.lineNumber || 0
+          });
+        }
+      });
+
+      // 如果没有任何数据，保存空数组
+      const elementsToSave = flatData.length > 0 ? flatData : [];
+
+      const panelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      const panelUnit = panelUnits.find(p => p.guid === currentPanelUnit.value);
+
+      if (panelUnit) {
+        let projectGuid = '';
+        if (selectedProjectId.value) {
+          const projectNode = findProjectNode(selectedProjectId.value);
+          if (projectNode && projectNode.webProject) {
+            projectGuid = projectNode.webProject.guid;
+          }
+        }
+
+        if (!projectGuid && panelUnit.project_guid) {
+          projectGuid = panelUnit.project_guid;
+        }
+
+        const updateData = {
+          ...panelUnit,
+          elements_json: JSON.stringify(elementsToSave),
+          project_guid: projectGuid,
+          element_count: elementsToSave.length,
+          // 清空预览相关字段
+          thumbnail_large: '',
+          thumbnail_small: '',
+          cdr_filename: '',
+          design_status: '空闲'
+        };
+
+        await updateDatabase('PanelSelection/WebPanelUnitUpdate', updateData);
+
+        // 保存成功后刷新面板单元列表
+        if (projectGuid) {
+          await loadPanelUnitsByProject(projectGuid);
+        }
+
+        // 清空当前预览图
+        singlePanelPreview.value = '';
+
+        ElMessage.success('配置保存成功');
+      } else {
+        ElMessage.error('未找到对应的面板单元');
+      }
+    } catch (error) {
+      console.error('保存面板单元配置失败:', error);
+      ElMessage.error('保存面板单元配置失败');
+    }
+  };
+
+  /**
+   * 面板单元行点击事件
+   */
+  const handleUnitRowClick = async (row) => {
+    try {
+      showLoading('加载面板单元配置中...');
+      isUserEditingPanelUnit.value = false;
+      // 设置当前选中的面板单元
+      currentPanelUnit.value = row.guid;
+
+      // 先尝试获取该面板单元对应的位置信息
+      let locations = [];
+      if (row.series_id && row.pattern_id) {
+        // 使用存储的系列和面板ID获取位置信息
+        const series = seriesList.value.find(s => s.ID === row.series_id);
+        if (series) {
+          const patterns = await fetchData('PanelSelection/PatternQuery', { FID: series.ID });
+          const pattern = patterns.find(p => p.ID === row.pattern_id);
+
+          if (pattern) {
+            locations = await getLocationls(pattern.ID);
+          }
+        }
+      }
+
+      // 加载面板单元配置到右侧表单
+      await loadPanelUnitConfiguration(row.guid, locations);
+
+      // 更新单面板预览图
+      await updateSinglePanelPreviewFromUnit(row);
+
+      hideLoading();
+      ElMessage.success(`已加载面板单元: ${row.panel_name}`);
+    } catch (error) {
+      hideLoading();
+      console.error('加载面板单元配置失败:', error);
+      ElMessage.error('加载面板单元配置失败');
+    }
+  };
+
+  /**
+   * 处理图标库行点击
+   */
+  const handleIconLibraryRowClick = (row) => {
+    selectedIconLibrary.value = row.ID;
+  };
+  /**
+   * 清除当前编辑状态
+   */
+  const clearEditingStatus = () => {
+    currentPanelUnit.value = null;
+    // 清除面板配置表格的编辑状态
+    panelConfigTable.value.forEach(item => {
+      item.isEditing = false;
+    });
+  };
+  /**
+   * 系列选择变化处理（面板单元）
+   */
+  const handleSeriesChangeForUnit = async (currentRow) => {
+    selectedSeriesForUnit.value = currentRow;
+
+    if (currentRow) {
+      if (currentRow.PreviewPath) {
+        selectedSeriesPreviewForUnit.value = config.PicAds + currentRow.PreviewPath;
+      } else {
+        selectedSeriesPreviewForUnit.value = [];
+      }
+
+      // 注意：这里不需要手动调用getModelsForUnit和getPatternsForUnit
+      // 因为watch监听器会自动处理
+    } else {
+      selectedSeriesPreviewForUnit.value = [];
+      selectedDirectionForUnit.value = '';
+      selectedColorForUnit.value = '';
+      selectedPatternForUnit.value = '';
+    }
+  };
+
+  /**
+   * 获取模型数据（面板单元）
+   */
+  const getModelsForUnit = async (fileId) => {
+    try {
+      const rs = await localHttp.post('PanelSelection/ModelQuery', JSON.stringify({ FID: fileId }));
+      if (rs.data.isok && rs.data.response) {
+        const allModelsData = JSON.parse(rs.data.response);
+        allModelsForUnit.value = allModelsData;
+
+        // 过滤出面板数为1的模型
+        const singlePanelModels = allModelsData.filter(model => model.PanelCount === 1);
+
+        // 确保选项是有效的字符串数组
+        directionOptionsForUnit.value = [...new Set(singlePanelModels
+          .map(model => model.Direction)
+          .filter(dir => dir && dir.trim() !== ''))];
+
+        colorOptionsForUnit.value = [...new Set(singlePanelModels
+          .map(model => model.Color)
+          .filter(color => color && color.trim() !== ''))];
+
+        // 保存所有模型供后续使用
+        filteredModelsForUnit.value = singlePanelModels;
+
+        // 自动触发模型更新
+        updateModelListForUnit();
+
+        return singlePanelModels;
+      } else {
+        filteredModelsForUnit.value = [];
+        directionOptionsForUnit.value = [];
+        colorOptionsForUnit.value = [];
+        return [];
+      }
+    } catch (error) {
+      console.error('获取模型列表失败:', error);
+      filteredModelsForUnit.value = [];
+      directionOptionsForUnit.value = [];
+      colorOptionsForUnit.value = [];
+      return [];
+    }
+  };
+
+  /**
+   * 获取Pattern列表（面板单元）
+   */
+  const getPatternsForUnit = async (fileId) => {
+    try {
+      const patterns = await fetchData('PanelSelection/PatternQuery', { FID: fileId });
+      // 过滤有效的面板数据
+      patternsListForUnit.value = patterns.filter(p => p && p.PatternName && p.PatternName.trim() !== '');
+      return patterns;
+    } catch (error) {
+      console.error('获取Pattern列表失败:', error);
+      patternsListForUnit.value = [];
+      return [];
+    }
+  };
+
+  /**
+   * 更新模型列表（面板单元）
+   */
+  const updateModelListForUnit = () => {
+    if (!selectedSeriesForUnit.value) return;
+
+    // 过滤出面板数为1的模型
+    const singlePanelModels = allModelsForUnit.value.filter(model =>
+      model.PanelCount === 1
+    );
+
+    // 如果有方向或颜色选择，进一步过滤
+    let filteredModels = singlePanelModels;
+
+    if (selectedDirectionForUnit.value) {
+      filteredModels = filteredModels.filter(model =>
+        model.Direction === selectedDirectionForUnit.value
+      );
+    }
+
+    if (selectedColorForUnit.value) {
+      filteredModels = filteredModels.filter(model =>
+        model.Color === selectedColorForUnit.value
+      );
+    }
+
+    // 自动选择第一个匹配的模型
+    if (filteredModels.length > 0) {
+      selectedModelForUnit.value = filteredModels[0];
+      console.log('自动选择模型:', selectedModelForUnit.value);
+    } else {
+      selectedModelForUnit.value = null;
+      // 如果没有匹配的，选择面板数为1的第一个模型
+      if (singlePanelModels.length > 0) {
+        selectedModelForUnit.value = singlePanelModels[0];
+        // 更新选择器的值为自动选择的模型值
+        selectedDirectionForUnit.value = singlePanelModels[0].Direction;
+        selectedColorForUnit.value = singlePanelModels[0].Color;
+      }
+    }
+  };
+
+  // 显示添加面板单元对话框
+  const showAddPanelUnitDialogView = () => {
+    resetPanelUnitDialog();
+    showAddPanelUnitDialog.value = true;
+  };
+  /**
+   * 重置面板单元对话框
+   */
+  const resetPanelUnitDialog = () => {
+    selectedSeriesForUnit.value = null;
+    selectedDirectionForUnit.value = '';
+    selectedColorForUnit.value = '';
+    selectedPatternForUnit.value = '';
+    patternsListForUnit.value = [];
+    filteredModelsForUnit.value = [];
+    directionOptionsForUnit.value = [];
+    colorOptionsForUnit.value = [];
+    newPanelUnitForm.value = {
+      panel_name: '',
+      remarks: ''
+    };
+    // 重置编辑状态
+    isEditPanelUnit.value = false;
+    currentEditPanelUnit.value = null;
+  };
+
+  /**
+   * 确认添加面板单元
+   */
+  const confirmAddPanelUnit = async () => {
+    if (!newPanelUnitForm.value.panel_name) {
+      ElMessage.error('请填写面板单元名称');
+      return;
+    }
+
+    if (!selectedSeriesForUnit.value) {
+      ElMessage.error('请选择系列');
+      return;
+    }
+
+    if (!selectedPatternForUnit.value) {
+      ElMessage.error('请选择面板');
+      return;
+    }
+
+    try {
+      // 从项目选择器中获取项目GUID
+      let projectGuid = '';
+      if (selectedProjectId.value) {
+        const projectNode = findProjectNode(selectedProjectId.value);
+        if (projectNode && projectNode.webProject) {
+          projectGuid = projectNode.webProject.guid;
+        }
+      }
+
+      if (!projectGuid) {
+        ElMessage.error('未找到当前项目信息，请先选择项目');
+        return;
+      }
+
+      // 获取选中的Pattern信息
+      const selectedPattern = patternsListForUnit.value.find(p => p.ID === selectedPatternForUnit.value);
+      if (!selectedPattern) {
+        ElMessage.error('未找到选中的面板信息');
+        return;
+      }
+
+      // 准备保存的数据 - 直接使用字段存储
+      const panelUnitData = {
+        panel_name: newPanelUnitForm.value.panel_name,
+        product_type: selectedPattern.PatternName,
+        element_count: 0,
+        elements_json: '[]',
+        cdr_filename: '',
+        thumbnail_large: '',
+        thumbnail_small: '',
+        remarks: newPanelUnitForm.value.remarks || '',
+        erp_part_number: '',
+        design_status: '',
+        owner: getCurrentUser(),
+        share_type: '私有',
+        project_guid: projectGuid,
+        // 直接存储选择信息到字段
+        series_id: selectedSeriesForUnit.value.ID,
+        pattern_id: selectedPatternForUnit.value,
+        direction: selectedDirectionForUnit.value || '',
+        color: selectedColorForUnit.value || '',
+        model_type: selectedModelForUnit.value?.ModelName || '',
+        model_id: selectedModelForUnit.value?.ID || null
+      };
+
+      // 调用API保存面板单元
+      const newGuid = await createPanelUnit(panelUnitData);
+
+      if (newGuid) {
+        ElMessage.success('面板单元添加成功');
+        showAddPanelUnitDialog.value = false;
+
+        // 刷新面板单元列表
+        await loadPanelUnitsByProject(projectGuid);
+
+        // 重置对话框
+        resetPanelUnitDialog();
+      } else {
+        ElMessage.error('面板单元添加失败');
+      }
+    } catch (error) {
+      console.error('添加面板单元失败:', error);
+      ElMessage.error('添加面板单元失败: ' + error.message);
+    }
+  };
+
+  /**
+   * 更新面板单元
+   */
+  const updatePanelUnit = async () => {
+    if (!newPanelUnitForm.value.panel_name) {
+      ElMessage.error('请填写面板单元名称');
+      return;
+    }
+
+    if (!currentEditPanelUnit.value) {
+      ElMessage.error('未找到要编辑的面板单元');
+      return;
+    }
+
+    if (!selectedSeriesForUnit.value) {
+      ElMessage.error('请选择系列');
+      return;
+    }
+
+    if (!selectedPatternForUnit.value) {
+      ElMessage.error('请选择面板');
+      return;
+    }
+
+    try {
+      let projectGuid = '';
+      if (selectedProjectId.value) {
+        const projectNode = findProjectNode(selectedProjectId.value);
+        if (projectNode && projectNode.webProject) {
+          projectGuid = projectNode.webProject.guid;
+        }
+      }
+
+      if (!projectGuid && currentEditPanelUnit.value.project_guid) {
+        projectGuid = currentEditPanelUnit.value.project_guid;
+      }
+
+      const selectedPattern = patternsListForUnit.value.find(p => p.ID === selectedPatternForUnit.value);
+      if (!selectedPattern) {
+        ElMessage.error('未找到选中的面板信息');
+        return;
+      }
+
+      // 更新时清空预览相关字段
+      const updateData = {
+        ...currentEditPanelUnit.value,
+        panel_name: newPanelUnitForm.value.panel_name,
+        product_type: selectedPattern.PatternName,
+        remarks: newPanelUnitForm.value.remarks || '',
+        series_id: selectedSeriesForUnit.value.ID,
+        pattern_id: selectedPatternForUnit.value,
+        direction: selectedDirectionForUnit.value || '',
+        color: selectedColorForUnit.value || '',
+        project_guid: projectGuid,
+        // 清空预览相关字段
+        elements_json: '[]',
+        thumbnail_large: '',
+        thumbnail_small: '',
+        cdr_filename: '',
+        design_status: '空闲'
+      };
+
+      await updateDatabase('PanelSelection/WebPanelUnitUpdate', updateData);
+
+      ElMessage.success('面板单元更新成功，预览图已重置');
+      showAddPanelUnitDialog.value = false;
+
+      // 刷新列表
+      if (projectGuid) {
+        await loadPanelUnitsByProject(projectGuid);
+      }
+
+      // 重置状态
+      resetPanelUnitDialog();
+    } catch (error) {
+      console.error('更新面板单元失败:', error);
+      ElMessage.error('更新面板单元失败: ' + error.message);
+    }
+  };
+
+  /**
+   * 在系列加载完成后恢复选择
+   */
+  const restoreSelectionsAfterSeriesLoad = async () => {
+    if (!currentEditPanelUnit.value) return;
+
+    const panelUnit = currentEditPanelUnit.value;
+
+    // 确保数据已经加载完成
+    await new Promise(resolve => setTimeout(resolve, 100));
+
+    // 恢复方向选择
+    if (panelUnit.direction) {
+      if (directionOptionsForUnit.value.includes(panelUnit.direction)) {
+        selectedDirectionForUnit.value = panelUnit.direction;
+      }
+    }
+
+    // 恢复颜色选择
+    if (panelUnit.color) {
+      if (colorOptionsForUnit.value.includes(panelUnit.color)) {
+        selectedColorForUnit.value = panelUnit.color;
+      }
+    }
+
+    // 恢复面板选择
+    if (panelUnit.pattern_id) {
+      const pattern = patternsListForUnit.value.find(p => p.ID === panelUnit.pattern_id);
+      if (pattern) {
+        selectedPatternForUnit.value = panelUnit.pattern_id;
+      }
+    }
+  };
+  /**
+   * 获取图标库名称
+   */
+  const getLibraryName = (libraryId) => {
+    const library = iconLibraryList.value.find(lib => lib.ID === libraryId);
+    return library ? `${library.Series}_${library.Version}` : '未知库';
+  };
+
+  /**
+   * 打开图标选择对话框
+   */
+  const openIconDialog = (location) => {
+    currentEditingLocation.value = location;
+    currentEditingType.value = 'icon';
+
+    // 自动选择
+    selectedIconLibrary.value = iconLibraryList.value[0].ID;
+
+    iconDialogVisible.value = true;
+  };
+
+  /**
+   * 打开中文编辑对话框
+   */
+  const openChineseDialog = (location) => {
+    currentEditingLocation.value = location;
+    currentEditingType.value = 'chinese';
+
+    // 初始化表单数据
+    if (!location.chinese) {
+      location.chinese = {
+        content: '',
+        font: '',
+        size: 11 // 中文默认字号
+      };
+    }
+    chineseDialogVisible.value = true;
+  };
+
+  /**
+   * 打开英文编辑对话框
+   */
+  const openEnglishDialog = (location) => {
+    currentEditingLocation.value = location;
+    currentEditingType.value = 'english';
+
+    // 初始化表单数据
+    if (!location.english) {
+      location.english = {
+        content: '',
+        font: '',
+        size: 7 // 英文默认字号
+      };
+    }
+    englishDialogVisible.value = true;
+  };
+  /**
+   * 保存图标配置
+   */
+  const saveIconConfig = (iconData) => {
+    if (currentEditingLocation.value) {
+      // 确保图标对象存在
+      if (!currentEditingLocation.value.icon) {
+        currentEditingLocation.value.icon = {
+          id: currentEditingLocation.value.icon.id || Date.now(),
+          locationId: currentEditingLocation.value.locations?.[0]?.locationId || Date.now(),
+          content: '',
+          type: 1,
+          locationName: currentEditingLocation.value.icon.locationName || currentEditingLocation.value.locationName,
+          indexNum: currentEditingLocation.value.icon.indexNum || 0,
+          keygroup: currentEditingLocation.value.icon.keygroup || 0,
+          lineNumber: currentEditingLocation.value.icon.lineNumber || 0
+        };
+      }
+      // 更新图标配置
+      currentEditingLocation.value.icon = {
+        ...currentEditingLocation.value.icon,
+        content: iconData.ShapeNumber,
+        type: 1,
+        iconId: iconData.ID,
+        fileId: iconData.FID,
+        libraryName: getLibraryName(iconData.FID),
+        locationName: currentEditingLocation.value.icon.locationName || currentEditingLocation.value.locationName,
+        indexNum: currentEditingLocation.value.icon.indexNum || 0,
+        keygroup: currentEditingLocation.value.icon.keygroup || 0,
+        lineNumber: currentEditingLocation.value.icon.lineNumber || 0
+      };
+
+      // 新增：自动设置中文和英文内容
+      // 确保中文对象存在
+      if (!currentEditingLocation.value.chinese) {
+        currentEditingLocation.value.chinese = {
+          id: currentEditingLocation.value.chinese.id || Date.now() + 1, // 确保ID不同
+          locationId: currentEditingLocation.value.chinese.locationId || Date.now() + 1,
+          content: '',
+          type: 2,
+          font: '',// TODO 默认字体
+          size: 11, // 中文默认字号
+          locationName: currentEditingLocation.value.chinese.locationName || currentEditingLocation.value.locationName,
+          indexNum: currentEditingLocation.value.chinese.indexNum || 0,
+          keygroup: currentEditingLocation.value.chinese.keygroup || 0,
+          lineNumber: currentEditingLocation.value.chinese.lineNumber || 0
+        };
+      }
+
+      // 确保英文对象存在
+      if (!currentEditingLocation.value.english) {
+        currentEditingLocation.value.english = {
+          id: currentEditingLocation.value.english.id || Date.now() + 2, // 确保ID不同
+          locationId: currentEditingLocation.value.english.locationId || Date.now() + 2,
+          content: '',
+          type: 3,
+          font: '',
+          size: 7, // 英文默认字号
+          locationName: currentEditingLocation.value.english.locationName || currentEditingLocation.value.locationName,
+          indexNum: currentEditingLocation.value.english.indexNum || 0,
+          keygroup: currentEditingLocation.value.english.keygroup || 0,
+          lineNumber: currentEditingLocation.value.english.lineNumber || 0
+        };
+      }
+
+      // 使用图标数据的中英文名称自动填充内容
+      if (iconData.NameCN) {
+        currentEditingLocation.value.chinese.content = iconData.NameCN || "空";
+        // 设置默认中文字体（如果当前没有设置）
+        if (!currentEditingLocation.value.chinese.font && fontList.value.length > 0) {
+          currentEditingLocation.value.chinese.font = "思源黑体";
+        }
+      }
+
+      if (iconData.NameEn) {
+        currentEditingLocation.value.english.content = iconData.NameEn || "empty";
+        // 设置默认英文字体（如果当前没有设置）
+        if (!currentEditingLocation.value.english.font && fontList.value.length > 0) {
+          currentEditingLocation.value.english.font = "Futura Std Medium";
+        }
+      }
+
+      // 同步背光设置到中文和英文对象
+      if (currentEditingLocation.value.backlightEnabled) {
+        currentEditingLocation.value.chinese.backlightColor = currentEditingLocation.value.backlightColor;
+        currentEditingLocation.value.chinese.backlightEnabled = currentEditingLocation.value.backlightEnabled;
+        currentEditingLocation.value.english.backlightColor = currentEditingLocation.value.backlightColor;
+        currentEditingLocation.value.english.backlightEnabled = currentEditingLocation.value.backlightEnabled;
+      }
+
+      updatePanelUnitFormFromMerged();
+      savePanelUnitConfig();
+      iconDialogVisible.value = false;
+      ElMessage.success('图标选择成功，已自动填充中英文内容');
+    }
+  };
+  /**
+   * 从合并数据更新 panelUnitForm
+   */
+  const updatePanelUnitFormFromMerged = () => {
+    // 清空现有数据
+    panelUnitForm.value = [];
+
+    // 从合并数据重建 panelUnitForm
+    mergedPanelUnitForm.value.forEach(location => {
+      if (location.icon) {
+        panelUnitForm.value.push({
+          ...location.icon,
+          locationName: location.originalLocationName || location.locationName
+        });
+      }
+      if (location.chinese) {
+        panelUnitForm.value.push({
+          ...location.chinese,
+          locationName: location.originalLocationName || location.locationName
+        });
+      }
+      if (location.english) {
+        panelUnitForm.value.push({
+          ...location.english,
+          locationName: location.originalLocationName || location.locationName
+        });
+      }
+    });
+  };
+  /**
+   * 保存中文配置
+   */
+  const saveChineseConfig = () => {
+    if (currentEditingLocation.value) {
+      // 确保中文对象存在
+      if (!currentEditingLocation.value.chinese) {
+        currentEditingLocation.value.chinese = {
+          id: currentEditingLocation.value.locations?.[0]?.id || Date.now(),
+          locationId: currentEditingLocation.value.locations?.[0]?.locationId || Date.now(),
+          content: '',
+          type: 2,
+          locationName: currentEditingLocation.value.originalLocationName || currentEditingLocation.value.locationName,
+        };
+      }
+
+      const currentFont = currentEditingLocation.value.chinese.font;
+      const currentSize = currentEditingLocation.value.chinese.size;
+
+      // 统一设置所有为空的中文字体和字号
+      if (currentFont || currentSize) {
+        mergedPanelUnitForm.value.forEach(row => {
+          if (!row.chinese) {
+            row.chinese = {
+              content: '',
+              font: '',
+              size: 11
+            };
+          }
+
+          // 如果当前行中文字体为空，且编辑的字体不为空，则统一设置
+          if (currentFont && !row.chinese.font) {
+            row.chinese.font = currentFont;
+          }
+
+          // 如果当前行中文字号为空，且编辑的字号不为空，则统一设置
+          if (currentSize && !row.chinese.size) {
+            row.chinese.size = currentSize;
+          }
+        });
+      }
+
+      chineseDialogVisible.value = false;
+      updatePanelUnitFormFromMerged();
+      savePanelUnitConfig();
+    }
+  };
+
+  /**
+   * 保存英文配置
+   */
+  const saveEnglishConfig = () => {
+    if (currentEditingLocation.value) {
+      // 确保英文对象存在
+      if (!currentEditingLocation.value.english) {
+        currentEditingLocation.value.english = {
+          id: currentEditingLocation.value.locations?.[0]?.id || Date.now(),
+          locationId: currentEditingLocation.value.locations?.[0]?.locationId || Date.now(),
+          content: '',
+          type: 3,
+          locationName: currentEditingLocation.value.originalLocationName || currentEditingLocation.value.locationName
+        };
+      }
+
+      const currentFont = currentEditingLocation.value.english.font;
+      const currentSize = currentEditingLocation.value.english.size;
+
+      // 统一设置所有为空的英文字体和字号
+      if (currentFont || currentSize) {
+        mergedPanelUnitForm.value.forEach(row => {
+          if (!row.english) {
+            row.english = {
+              content: '',
+              font: '',
+              size: 7
+            };
+          }
+
+          // 如果当前行英文字体为空，且编辑的字体不为空，则统一设置
+          if (currentFont && !row.english.font) {
+            row.english.font = currentFont;
+          }
+
+          // 如果当前行英文字号为空，且编辑的字号不为空，则统一设置
+          if (currentSize && !row.english.size) {
+            row.english.size = currentSize;
+          }
+        });
+      }
+
+      englishDialogVisible.value = false;
+      updatePanelUnitFormFromMerged();
+      savePanelUnitConfig();
+    }
+  };
+  /**
+   * 根据FID获取文件名
+   */
+  const getFileNameByFid = (fid) => {
+    if (!fid) return '';
+    const series = seriesList.value.find(s => s.ID === fid);
+    return series ? series.FileName : '';
+  };
+  /**
+ * 获取图标预览URL
+ */
+  const getIconPreviewUrl = (iconData) => {
+    if (!iconData || !iconData.fileId || !iconData.content) {
+      return '';
+    }
+
+    try {
+      // 查找对应的图标库
+      const library = iconLibraryList.value.find(lib => lib.ID === iconData.fileId);
+      if (!library) return '';
+
+      // 查找具体的图标数据
+      const icons = iconOptions.value[iconData.fileId] || [];
+      const icon = icons.find(i => i.ShapeNumber === iconData.content);
+
+      if (icon && icon.PreviewPath) {
+        return config.PicAds + icon.PreviewPath;
+      }
+
+      return '';
+    } catch (error) {
+      console.error('获取图标预览URL失败:', error);
+      return '';
+    }
+  };
+  /**
+   * 根据图标ID获取对应的文件名
+   */
+  const getIconFileName = async (iconId, defaultFid = null) => {
+    if (!iconId) return '';
+
+    try {
+      // 首先尝试从所有图标库中查找该图标
+      for (const libraryId in iconOptions.value) {
+        const icons = iconOptions.value[libraryId];
+        const icon = icons.find(i => i.ID === iconId);
+        if (icon) {
+          return getFileNameByFid(icon.FID);
+        }
+      }
+
+      // 如果找不到，使用默认的FID
+      if (defaultFid) {
+        return getFileNameByFid(defaultFid);
+      }
+
+      return '';
+    } catch (error) {
+      console.error('获取图标文件名失败:', error);
+      return '';
+    }
+  };
+  /**
+ * 自动保存单个面板配置到remark字段
+ */
+  const autoSavePanelUnitConfig = async () => {
+    if (!currentPanelUnit.value) return;
+
+    try {
+      // 生成previewObject结构体
+      const previewObject = await generateSinglePanelPreviewObject(false); // false表示不生成图
+
+      if (!previewObject) {
+        console.warn('生成单个面板预览对象失败');
+        return;
+      }
+
+      // 获取当前面板单元信息
+      const panelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      const panelUnit = panelUnits.find(p => p.guid === currentPanelUnit.value);
+
+      if (panelUnit) {
+        // 准备保存的数据
+        const saveData = {
+          ...panelUnit,
+          remarks: JSON.stringify({
+            previewObject: previewObject,
+            savedAt: new Date().toISOString(),
+            version: '1.0'
+          })
+        };
+        // 保存到数据库
+        await updateDatabase('PanelSelection/WebPanelUnitUpdate', saveData);
+      }
+    } catch (error) {
+      console.error('自动保存单个面板配置失败:', error);
+    }
+  };
+
+  /**
+   * 自动保存面板组配置到remark字段
+   */
+  const autoSavePanelGroupConfig = async () => {
+    if (!currentPanelNode.value) return;
+
+    try {
+      // 生成结构化数据
+      const structureData = await generatePanelGroupStructureData(false); // false表示不生成图
+
+      if (!structureData) {
+        console.warn('生成面板组结构化数据失败');
+        return;
+      }
+
+      // 获取当前面板组信息
+      const panelInfo = await getPanelInfoByGuid(currentPanelNode.value.panelGuid);
+
+      if (panelInfo) {
+        // 准备保存的数据
+        const saveData = {
+          ...panelInfo,
+          remarks: JSON.stringify({
+            structureData: structureData,
+            savedAt: new Date().toISOString(),
+            version: '1.0'
+          })
+        };
+
+        // 保存到数据库
+        await updateDatabase('PanelSelection/WebPanelListUpdate', saveData);
+      }
+    } catch (error) {
+      console.error('自动保存面板组配置失败:', error);
+    }
+  };
+
+  /**
+   * 清空面板组预览图（任务3）
+   */
+  const clearPanelGroupPreview = async () => {
+    if (!currentPanelNode.value) return;
+
+    try {
+      // 清空本地变量
+      panelGroupPreview.value = '';
+
+      // 清空数据库中的预览图字段
+      const panelInfo = await getPanelInfoByGuid(currentPanelNode.value.panelGuid);
+
+      if (panelInfo) {
+        const updateData = {
+          ...panelInfo,
+          thumbnail_large: '' // 清空大缩略图
+        };
+
+        await updateDatabase('PanelSelection/WebPanelListUpdate', updateData);
+      }
+    } catch (error) {
+      console.error('清空面板组预览图失败:', error);
+    }
+  };
+
+  /**
+   * 生成单个面板预览对象（重构自showSinglePanelPreview）
+   */
+  const generateSinglePanelPreviewObject = async (generateImage = true) => {
+    if (!currentPanelUnit.value) return null;
+    try {
+      const currentUser = getCurrentUser();
+      const projectNode = findProjectNode(selectedProjectId.value);
+
+      if (!projectNode || !projectNode.webProject) {
+        return null;
+      }
+
+      const projectName = projectNode.webProject.hotel_name;
+      const projectId = projectNode.webProject.report_id;
+      const timestamp = Date.now().toString();
+      const pictureNumSuffix = timestamp.slice(-8);
+      const pictureNum = `Unit_${projectName}_${pictureNumSuffix}`;
+
+      // 获取当前面板单元信息
+      const panelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      const panelUnit = panelUnits.find(p => p.guid === currentPanelUnit.value);
+
+      if (!panelUnit) return null;
+
+      let materialLibraryName = '';
+      let templateName = '';
+      let templateNameIndex = '';
+      let matchedModel = null;
+
+      // 获取系列信息
+      if (panelUnit.series_id) {
+        const series = seriesList.value.find(s => s.ID === panelUnit.series_id);
+        if (series) {
+          materialLibraryName = series.FileName;
+
+          // 参考面板组合的模板名称赋值逻辑
+          if (panelUnit.model_type) {
+            // 如果面板单元保存了模型类型，直接使用
+            templateName = panelUnit.model_type;
+          } else {
+            // 否则使用系列名称作为备用
+            templateName = series.Series;
+          }
+        }
+      }
+
+      // 获取模型信息来设置 templateNameIndex
+      if (panelUnit.series_id) {
+        const models = await fetchData('PanelSelection/ModelQuery', {
+          FID: panelUnit.series_id
+        });
+
+        // 优先使用面板单元保存的模型信息
+        if (panelUnit.model_id) {
+          matchedModel = models.find(model => model.ID === panelUnit.model_id);
+        }
+
+        // 如果没有保存的模型ID，尝试通过其他条件匹配
+        if (!matchedModel && panelUnit.model_type) {
+          matchedModel = models.find(model =>
+            model.ModelName === panelUnit.model_type
+          );
+        }
+
+        // 如果还没有匹配，查找面板数为1的模型
+        if (!matchedModel) {
+          matchedModel = models.find(model => model.PanelCount === 1);
+        }
+
+        // 如果仍然没有匹配，选择面板数最小的模型
+        if (!matchedModel && models.length > 0) {
+          matchedModel = models.reduce((minModel, currentModel) => {
+            return (currentModel.PanelCount < (minModel?.PanelCount || Infinity)) ? currentModel : minModel;
+          });
+        }
+
+        if (matchedModel) {
+          templateNameIndex = matchedModel.ShapeNumber;
+          // 确保templateName使用模型的名称
+          if (!panelUnit.model_type) {
+            templateName = matchedModel.ModelName;
+          }
+        }
+      }
+
+      // 获取Pattern信息
+      let patternFileName = '';
+      let patternShapeNumber = '';
+
+      if (panelUnit.pattern_id) {
+        const patterns = await fetchData('PanelSelection/PatternQuery', {
+          FID: panelUnit.series_id
+        });
+        const pattern = patterns.find(p => p.ID === panelUnit.pattern_id);
+        if (pattern) {
+          patternShapeNumber = pattern.ShapeNumber || '';
+
+          // 获取Pattern对应的文件名
+          if (pattern.FID) {
+            const patternSeries = seriesList.value.find(s => s.ID === pattern.FID);
+            patternFileName = patternSeries ? patternSeries.FileName : '';
+          }
+        }
+      }
+
+      const locationList = [];
+
+      // 处理元素数据
+      if (panelUnit.elements_json) {
+        try {
+          const elementsData = JSON.parse(panelUnit.elements_json);
+          const locations = await getLocationls(panelUnit.pattern_id);
+
+          for (let j = 0; j < elementsData.length; j++) {
+            const element = elementsData[j];
+            const location = locations.find(loc => loc.ID === element.locationId);
+
+            let shapeNumber = '';
+            let fileName = '';
+            let shapeType = 0;
+            let shapeColor = element.backlightColor || '#FFFFFF';
+            let shapeFont = element.font || '';
+            let shapeFontSize = parseFloat(element.size) || 0.0;
+            let lineNumber = '';
+
+            if (element.content) {
+              if (element.type === 1) {
+                // 图标类型
+                shapeType = 1;
+                const fileId = element.fileId || panelUnit.series_id;
+                if (fileId) {
+                  const icons = await fetchData('PanelSelection/IconQuery', { FID: fileId });
+
+                  const icon = icons.find(icon => icon.ShapeNumber === element.content);
+
+                  shapeNumber = icon && icon.ShapeNumber != null ? String(icon.ShapeNumber) : String(element.content);
+
+                  // 获取图标对应的文件名
+                  if (icon && icon.FID) {
+                    const iconSeries = seriesList.value.find(s => s.ID === icon.FID);
+                    fileName = iconSeries ? iconSeries.FileName : '';
+                  }
+                } else {
+                  shapeNumber = String(element.content);
+                }
+              } else {
+                // 文字类型
+                shapeType = 0;
+                shapeNumber = String(element.content);
+                shapeFont = element.font || '';
+                shapeFontSize = parseFloat(element.size) || 0.0;
+
+                // 解析行号
+                if (location && location.lineNumber) {
+                  lineNumber = location.lineNumber.toString();
+                }
+              }
+            }
+
+            let remark = '';
+            if (element.type !== 1 && (element.font || element.size)) {
+              remark = `${element.font || ''}_${element.size || ''}`;
+              if (lineNumber) {
+                remark += `_${lineNumber}`;
+              }
+            }
+
+            locationList.push({
+              IndexNumber: element.indexNum.toString(),
+              Remark: remark,
+              ShapeNumber: shapeNumber,
+              ShapeType: shapeType,
+              FileName: fileName,
+              ShapeColor: shapeColor,
+              ShapeFont: shapeFont,
+              ShapeFontSize: shapeFontSize,
+              LineNumber: element.lineNumber.toString() !== '0' ? element.lineNumber.toString() : ''
+            });
+          }
+        } catch (error) {
+          console.error('解析面板单元数据失败:', error);
+        }
+      }
+
+      // 获取Trench数据
+      const Trench = await fetchData('PanelSelection/TrenchQuery', {
+        MID: matchedModel ? matchedModel.ID : 0
+      });
+
+      const pindxn = Trench.find((item) => item.TrenchName.split('_')[1] === '1');
+
+      const patternList = [{
+        IndexNumber: pindxn ? pindxn.IndexNum.toString() : '1',
+        ShapeNumber: patternShapeNumber,
+        FileName: patternFileName,
+        LocationList: locationList
+      }];
+
+      // 构建完整的previewObject结构体
+      const previewObject = {
+        Guid: panelUnit.guid,
+        MaterialLibraryName: materialLibraryName || '未找到图库文件',
+        PictureNum: pictureNum,
+        Process: generateImage ? 0 : -1, // -1表示只生成结构体
+        ProjectId: projectId || '未知项目ID',
+        ProjectName: projectName || '未知酒店',
+        TemplateName: templateName || '未找到模板',
+        TemplateNameIndex: templateNameIndex || '未找到模板索引',
+        User: currentUser || '未知用户',
+        LogoPosition: '',
+        LogoFileName: '',
+        LogoIndexNumber: '',
+        PatternList: patternList
+      };
+
+      return previewObject;
+
+    } catch (error) {
+      console.error('生成单个面板预览对象失败:', error);
+      return null;
+    }
+  };
+
+  /**
+   * 生成面板组结构化数据（重构自showPreview）
+   */
+  const generatePanelGroupStructureData = async (generateImage = true) => {
+    if (!currentPanelNode.value) return null;
+
+    try {
+      // 在使用panelConfigTable.value数据前，先调用API接口重新获取最新数据
+      // 1. 重新获取面板组信息
+      const latestPanelInfo = await getPanelInfoByGuid(currentPanelNode.value.panelGuid);
+      if (latestPanelInfo) {
+        currentPanelNode.value.panelInfo = latestPanelInfo;
+      }
+
+      // 2. 重新获取面板单元数据
+      const latestPanelUnits = await fetchData('PanelSelection/WebPanelUnitQuery');
+      // 更新availablePanelUnits
+      availablePanelUnits.value = latestPanelUnits.filter(unit => unit.is_valid);
+
+      // 3. 重新初始化面板配置表格，确保数据是最新的
+      initPanelConfigTable(currentPanelNode.value);
+
+      const currentUser = getCurrentUser();
+      const projectNode = findProjectNode(currentPanelNode.value.projectId);
+
+      if (!projectNode || !projectNode.webProject) {
+        return null;
+      }
+
+      const projectName = projectNode.webProject.hotel_name;
+      const projectId = projectNode.webProject.report_id;
+      const timestamp = Date.now().toString();
+      const pictureNumSuffix = timestamp.slice(-8);
+      const pictureNum = `List_${projectName}_${pictureNumSuffix}`;
+
+      // 使用面板组的基本信息
+      let materialLibraryName = '';
+      let templateName = '';
+      let templateNameIndex = '';
+
+      if (currentPanelNode.value.panelInfo) {
+        templateName = currentPanelNode.value.panelInfo.model_type || '';
+
+        // 如果有系列信息，尝试获取文件名
+        if (currentPanelNode.value.panelInfo.gang_series) {
+          const series = seriesList.value.find(s =>
+            `${s.Series}_${s.Version}` === currentPanelNode.value.panelInfo.gang_series
+          );
+          if (series) {
+            materialLibraryName = series.FileName;
+
+            // 获取模型信息来设置 templateNameIndex
+            const models = await fetchData('PanelSelection/ModelQuery', {
+              FID: series.ID
+            });
+
+            let matchedModel = null;
+
+            // 优先使用面板组保存的模型信息
+            if (currentPanelNode.value.panelInfo.model_id) {
+              matchedModel = models.find(model => model.ID === currentPanelNode.value.panelInfo.model_id);
+            }
+
+            // 如果没有保存的模型ID，尝试通过其他条件匹配
+            if (!matchedModel && currentPanelNode.value.panelInfo.model_type) {
+              matchedModel = models.find(model =>
+                model.ModelName === currentPanelNode.value.panelInfo.model_type
+              );
+            }
+
+            // 如果还没有匹配，查找面板数匹配的模型
+            if (!matchedModel) {
+              const panelCount = currentPanelNode.value.panelInfo.panel_count;
+              matchedModel = models.find(model => model.PanelCount === panelCount);
+            }
+
+            // 如果仍然没有匹配，选择面板数最小的模型
+            if (!matchedModel && models.length > 0) {
+              matchedModel = models.reduce((minModel, currentModel) => {
+                return (currentModel.PanelCount < (minModel?.PanelCount || Infinity)) ? currentModel : minModel;
+              });
+            }
+
+            if (matchedModel) {
+              templateNameIndex = matchedModel.ShapeNumber;
+              // 确保templateName使用模型的名称
+              if (!currentPanelNode.value.panelInfo.model_type) {
+                templateName = matchedModel.ModelName;
+              }
+            }
+          }
+        }
+      }
+
+      const patternList = [];
+
+      // 获取Trench数据
+      const Trench = await fetchData('PanelSelection/TrenchQuery', {
+        MID: currentPanelNode.value.panelInfo.gang_material_id
+      });
+
+      // 遍历面板配置，使用面板单元的数据构建预览对象
+      for (let i = 0; i < panelConfigTable.value.length; i++) {
+        const panelConfig = panelConfigTable.value[i];
+        const locationList = [];
+
+        if (panelConfig.panelUnitGuid && panelConfig.panelUnitData) {
+          const panelUnit = panelConfig.panelUnitData;
+
+          if (panelUnit.elements_json) {
+            try {
+              const elementsData = JSON.parse(panelUnit.elements_json);
+              // 获取位置信息
+              let locations = [];
+              if (panelUnit.pattern_id) {
+                locations = await getLocationls(panelUnit.pattern_id);
+              }
+
+              for (let j = 0; j < elementsData.length; j++) {
+                const element = elementsData[j];
+                const location = locations.find(loc => loc.ID === element.locationId);
+
+                let shapeNumber = '';
+                let fileName = '';
+                let shapeType = 0;
+                let shapeColor = element.backlightColor || '#FFFFFF';
+                let shapeFont = element.font || '';
+                let shapeFontSize = parseFloat(element.size) || 0.0;
+                let lineNumber = '';
+
+                if (element.content) {
+                  if (element.type === 1) {
+                    // 图标类型
+                    shapeType = 1;
+                    const fileId = element.fileId || panelUnit.series_id;
+                    if (fileId) {
+                      const icons = await fetchData('PanelSelection/IconQuery', { FID: fileId });
+                      const icon = icons.find(icon => icon.ShapeNumber === element.content);
+                      shapeNumber = icon && icon.ShapeNumber != null ? String(icon.ShapeNumber) : String(element.content);
+
+                      // 获取图标对应的文件名
+                      if (icon && icon.FID) {
+                        const iconSeries = seriesList.value.find(s => s.ID === icon.FID);
+                        fileName = iconSeries ? iconSeries.FileName : '';
+                      }
+                    } else {
+                      shapeNumber = String(element.content);
+                    }
+                  } else {
+                    // 文字类型
+                    shapeType = 0;
+                    shapeNumber = String(element.content);
+                    shapeFont = element.font || '';
+                    shapeFontSize = parseFloat(element.size) || 0.0;
+
+                    // 解析行号
+                    if (location && location.lineNumber) {
+                      lineNumber = location.lineNumber.toString();
+                    }
+                  }
+                }
+
+                let remark = '';
+                if (element.type !== 1 && (element.font || element.size)) {
+                  remark = `${element.font || ''}_${element.size || ''}`;
+                  if (lineNumber) {
+                    remark += `_${lineNumber}`;
+                  }
+                }
+
+                locationList.push({
+                  IndexNumber: element.indexNum.toString(),
+                  Remark: remark,
+                  ShapeNumber: shapeNumber,
+                  ShapeType: shapeType,
+                  FileName: fileName,
+                  ShapeColor: shapeColor,
+                  ShapeFont: shapeFont,
+                  ShapeFontSize: shapeFontSize,
+                  LineNumber: element.lineNumber.toString() !== '0' ? element.lineNumber.toString() : ''
+                });
+              }
+            } catch (error) {
+              console.error('解析面板单元数据失败:', error);
+            }
+          }
+        }
+
+        // 获取Pattern的ShapeNumber（从tbl_pattern表）
+        let shapeNumber = '';
+        let fileName = '';
+
+        if (panelConfig.panelUnitData && panelConfig.panelUnitData.pattern_id) {
+          // 获取Pattern信息
+          const patterns = await fetchData('PanelSelection/PatternQuery', {
+            FID: panelConfig.panelUnitData.series_id
+          });
+
+          const pattern = patterns.find(p => p.ID === panelConfig.panelUnitData.pattern_id);
+          if (pattern) {
+            shapeNumber = pattern.ShapeNumber || '';
+
+            // 获取Pattern对应的文件名
+            if (pattern.FID) {
+              const patternSeries = seriesList.value.find(s => s.ID === pattern.FID);
+              fileName = patternSeries ? patternSeries.FileName : '';
+            }
+          }
+        }
+
+        // 如果无法从Pattern获取，使用产品类型作为备用
+        if (!shapeNumber && panelConfig.panelUnitData) {
+          shapeNumber = panelConfig.panelUnitData.product_type || '';
+        }
+
+        const pindxn = Trench.find((item) => item.TrenchName.split('_')[1] === (i + 1).toString());
+
+        patternList.push({
+          IndexNumber: pindxn ? pindxn.IndexNum.toString() : (i + 1).toString(),
+          ShapeNumber: shapeNumber,
+          FileName: fileName,
+          LocationList: locationList
+        });
+      }
+
+      // 解析LOGO配置
+      let logoConfigValue = {};
+      try {
+        if (currentPanelNode.value.panelInfo.logo_json) {
+          logoConfigValue = JSON.parse(currentPanelNode.value.panelInfo.logo_json);
+        }
+      } catch (error) {
+        console.error('解析LOGO配置失败:', error);
+        logoConfigValue = {};
+      }
+
+      // 构建完整的previewObject结构体
+      const previewObject = {
+        Guid: currentPanelNode.value.panelGuid,
+        MaterialLibraryName: materialLibraryName || '未找到图库文件',
+        PictureNum: pictureNum,
+        Process: generateImage ? 0 : -1, // -1表示只生成结构体
+        ProjectId: projectId || '未知项目ID',
+        ProjectName: projectName || '未知酒店',
+        TemplateName: templateName || '未找到模板',
+        TemplateNameIndex: templateNameIndex || '未找到模板索引',
+        User: currentUser || '未知用户',
+        LogoPosition: logoConfigValue.LogoPosition || '',
+        LogoFileName: logoConfigValue.LogoFileName || '',
+        LogoIndexNumber: logoConfigValue.LogoIndexNumber || '',
+        PatternList: patternList
+      };
+
+      return previewObject;
+
+    } catch (error) {
+      console.error('生成面板组结构化数据失败:', error);
+      return null;
+    }
+  };
+  // ==================== LOGO相关方法 ====================
+  /**
+ * 获取Logo列表
+ */
+  const getLogoList = async () => {
+    try {
+      const logos = await fetchData('PanelSelection/LogoEnQuery');
+      logoList.value = logos;
+    } catch (error) {
+      console.error('获取Logo列表失败:', error);
+      logoList.value = [];
+    }
+  };
+
+  /**
+   * Logo位置选择变化处理
+   */
+  const handleLogoPositionChange = (position) => {
+    if (!selectedModel.value) {
+      ElMessage.warning('请先选择模型');
+      return;
+    }
+
+    // 根据选择的位置获取对应的LOGO索引号
+    if (position === 'left') {
+      logoConfig.value.LogoIndexNumber = selectedModel.value.LOGO_L?.toString() || '';
+    } else if (position === 'right') {
+      logoConfig.value.LogoIndexNumber = selectedModel.value.LOGO_R?.toString() || '';
+    } else {
+      logoConfig.value.LogoIndexNumber = '';
+    }
+
+    selectedLogoPosition.value = position;
+
+    // 如果已经选择了LOGO，需要更新配置
+    if (selectedLogo.value) {
+      handleLogoChange(selectedLogo.value);
+    } else {
+      updateLogoConfig();
+    }
+  };
+
+  /**
+   * Logo选择变化处理
+   */
+  const handleLogoChange = async (logo) => {
+    if (!logo) {
+      // 清空选择
+      selectedLogo.value = null;
+      logoConfig.value.LogoFileName = '';
+      logoConfig.value.LogoPosition = '';
+      updateLogoConfig();
+      return;
+    }
+
+    try {
+      selectedLogo.value = logo;
+
+      logoConfig.value.LogoIndexNumber = logo.ShapeNumber || '';
+
+      const logoFileName = await getLogoFileNameByFid(logo.FID);
+      logoConfig.value.LogoFileName = logoFileName;
+
+      if (!logoConfig.value.LogoPosition && selectedLogoPosition.value) {
+        if (selectedLogoPosition.value === 'left') {
+          logoConfig.value.LogoPosition = selectedModel.value?.LOGO_L?.toString() || '';
+        } else if (selectedLogoPosition.value === 'right') {
+          logoConfig.value.LogoPosition = selectedModel.value?.LOGO_R?.toString() || '';
+        }
+      }
+
+      updateLogoConfig();
+
+    } catch (error) {
+      console.error('处理LOGO选择失败:', error);
+      ElMessage.error('LOGO选择失败');
+    }
+  };
+  /**
+ * 根据FID从tbl_cdr_file获取FileName
+ */
+  const getLogoFileNameByFid = async (fid) => {
+    try {
+      if (!fid) return '';
+
+      // 方法1: 从本地缓存的seriesList中查找
+      const series = seriesList.value.find(s => s.ID === fid);
+      if (series && series.FileName) {
+        return series.FileName;
+      }
+
+      // 方法2: 如果本地没有，从数据库查询
+      const cdrFiles = await fetchData('PanelSelection/SeriesQuery');
+      const targetFile = cdrFiles.find(file => file.ID === fid);
+
+      return targetFile ? targetFile.FileName : '';
+
+    } catch (error) {
+      console.error('根据FID获取FileName失败:', error);
+      return '';
+    }
+  };
+  /**
+   * 更新LOGO配置到表单
+   */
+  const updateLogoConfig = () => {
+    try {
+      // 验证配置完整性
+      const configToSave = { ...logoConfig.value };
+
+      // 确保所有字段都有值
+      configToSave.LogoPosition = configToSave.LogoPosition || '';
+      configToSave.LogoFileName = configToSave.LogoFileName || '';
+      configToSave.LogoIndexNumber = configToSave.LogoIndexNumber || '';
+
+      // 序列化前验证
+      if (typeof configToSave !== 'object') {
+        throw new Error('LOGO配置必须是对象');
+      }
+
+      newPanelForm.value.logo_json = JSON.stringify(configToSave);
+
+    } catch (error) {
+      console.error('更新LOGO配置失败:', error);
+      // 失败时保存空对象
+      newPanelForm.value.logo_json = "{}";
+      ElMessage.error('LOGO配置更新失败');
+    }
+  };
+
+  /**
+   * 从保存的数据中恢复LOGO配置
+   */
+  const restoreLogoConfig = async (panelInfo) => {
+    if (!panelInfo || !panelInfo.logo_json) {
+      logoConfig.value = {
+        LogoPosition: '',
+        LogoFileName: '',
+        LogoIndexNumber: ''
+      };
+      selectedLogoPosition.value = '';
+      selectedLogo.value = null;
+      return;
+    }
+
+    try {
+      const savedConfig = JSON.parse(panelInfo.logo_json);
+
+      // 恢复基本配置
+      logoConfig.value = { ...savedConfig };
+
+      // 恢复位置选择器 - 增强容错逻辑
+      if (savedConfig.LogoPosition) {
+        // 方法1: 通过LogoPosition直接设置
+        if (savedConfig.LogoPosition === 'left' || savedConfig.LogoPosition === 'right') {
+          selectedLogoPosition.value = savedConfig.LogoPosition;
+        }
+        // 方法2: 通过模型推断位置
+        else if (selectedModel.value) {
+          if (savedConfig.LogoPosition === selectedModel.value.LOGO_L?.toString()) {
+            selectedLogoPosition.value = 'left';
+          } else if (savedConfig.LogoPosition === selectedModel.value.LOGO_R?.toString()) {
+            selectedLogoPosition.value = 'right';
+          } else {
+            // 无法推断，清空位置选择
+            selectedLogoPosition.value = '';
+          }
+        } else {
+          // 没有模型信息，尝试直接使用保存的值
+          selectedLogoPosition.value = savedConfig.LogoPosition;
+        }
+      } else {
+        selectedLogoPosition.value = '';
+      }
+
+      // 恢复LOGO选择 - 增强容错逻辑
+      if (savedConfig.LogoFileName && savedConfig.LogoPosition) {
+        // 确保LOGO列表已加载
+        if (logoList.value.length === 0) {
+          await getLogoList();
+        }
+
+        // 查找匹配的LOGO - 改进匹配逻辑
+        let matchedLogo = null;
+
+        // 方法1: 通过ShapeNumber匹配
+        if (savedConfig.LogoIndexNumber) {
+          matchedLogo = logoList.value.find(logo =>
+            logo.ShapeNumber === savedConfig.LogoIndexNumber
+          );
+        }
+
+        // 方法2: 通过位置信息匹配
+        if (!matchedLogo && savedConfig.LogoPosition) {
+          matchedLogo = logoList.value.find(logo =>
+            logo.ShapeNumber === savedConfig.LogoPosition
+          );
+        }
+
+        if (matchedLogo) {
+          selectedLogo.value = matchedLogo;
+        } else {
+          console.warn('未找到匹配的LOGO，保存的配置:', savedConfig);
+          selectedLogo.value = null;
+
+          // 如果找不到匹配的LOGO，但配置中有文件名，尝试通过文件名查找
+          if (savedConfig.LogoFileName) {
+            const series = seriesList.value.find(s =>
+              s.FileName === savedConfig.LogoFileName
+            );
+            if (series) {
+
+            }
+          }
+        }
+      } else {
+        selectedLogo.value = null;
+      }
+
+      // 更新LOGO配置到表单
+      updateLogoConfig();
+
+    } catch (error) {
+      console.error('恢复LOGO配置失败:', error);
+      // 失败时使用默认配置
+      logoConfig.value = {
+        LogoPosition: '',
+        LogoFileName: '',
+        LogoIndexNumber: ''
+      };
+      selectedLogoPosition.value = '';
+      selectedLogo.value = null;
+      ElMessage.warning('LOGO配置记录获取失败，请手动设置');
+    }
+  };
+  // ==================== 背光相关方法 ====================
+
+  /**
+   * 处理背光开关切换
+   */
+  const handleBacklightToggle = (row, index) => {
+    if (row.backlightEnabled) {
+      // 启用背光，设置默认颜色
+      row.backlightColor = '#F19947';
+    } else {
+      // 禁用背光，设置为白色
+      row.backlightColor = '#FFFFFF';
+    }
+
+    // 更新该行所有相关元素的背光颜色
+    updateRowBacklight(row);
+    savePanelUnitConfig(); // 自动保存
+  };
+
+  /**
+   * 处理背光颜色变化
+   */
+  const handleBacklightColorChange = (row, index) => {
+    // 更新该行所有相关元素的背光颜色
+    updateRowBacklight(row);
+    savePanelUnitConfig(); // 自动保存
+  };
+
+  /**
+   * 更新整行的背光颜色
+   */
+  const updateRowBacklight = (row) => {
+    // 更新合并表单中的背光设置
+    if (row.icon) {
+      row.icon.backlightColor = row.backlightColor;
+      row.icon.backlightEnabled = row.backlightEnabled;
+    }
+    if (row.chinese) {
+      row.chinese.backlightColor = row.backlightColor;
+      row.chinese.backlightEnabled = row.backlightEnabled;
+    }
+    if (row.english) {
+      row.english.backlightColor = row.backlightColor;
+      row.english.backlightEnabled = row.backlightEnabled;
+    }
+
+    // 同步更新 panelUnitForm 中的数据
+    syncBacklightToPanelUnitForm(row);
+  };
+
+  /**
+   * 将背光设置同步到 panelUnitForm
+   */
+  const syncBacklightToPanelUnitForm = (mergedRow) => {
+    if (!mergedRow.locations || !Array.isArray(mergedRow.locations)) return;
+
+    mergedRow.locations.forEach(location => {
+      const targetItem = panelUnitForm.value.find(item =>
+        item.locationId === location.locationId || item.id === location.id
+      );
+      if (targetItem) {
+        targetItem.backlightColor = mergedRow.backlightColor;
+        targetItem.backlightEnabled = mergedRow.backlightEnabled;
+      }
+    });
+  };
+
+  /**
+   * 从保存的数据中恢复背光设置
+   */
+  const restoreBacklightFromSavedData = (savedConfig) => {
+    if (!savedConfig || !Array.isArray(savedConfig)) return;
+
+    // 按位置名称分组，恢复背光设置
+    const backlightMap = {};
+
+    savedConfig.forEach(item => {
+      if (item.locationName) {
+        const locationParts = item.locationName.split('_');
+        let groupKey = '';
+
+        if (locationParts.length >= 3) {
+          groupKey = locationParts[2];
+        } else {
+          groupKey = item.locationName;
+        }
+
+        if (!backlightMap[groupKey]) {
+          backlightMap[groupKey] = {
+            backlightColor: item.backlightColor || '#FFFFFF',
+            backlightEnabled: item.backlightEnabled || false
+          };
+        }
+      }
+    });
+
+    // 应用到合并表单
+    mergedPanelUnitForm.value.forEach(row => {
+      const backlightSetting = backlightMap[row.locationName];
+      if (backlightSetting) {
+        row.backlightColor = backlightSetting.backlightColor;
+        row.backlightEnabled = backlightSetting.backlightEnabled;
+      } else {
+        // 初始化默认值
+        row.backlightColor = '#FFFFFF';
+        row.backlightEnabled = false;
+      }
+    });
+  };
+  // ==================== 字体相关方法 ====================
+
+  /**
+   * 获取字体列表
+   */
+  const getFont = async () => {
+    try {
+      const fonts = await fetchData('PanelSelection/FontQuery', {});
+      fontList.value = fonts;
+      return fonts;
+    } catch (error) {
+      console.error('获取字体列表失败:', error);
+      return [];
+    }
+  };
+  // ==================== watch监听器 ====================
+  /**
+ * 监听单个面板配置变化，自动保存到remark字段
+ */
+  watch(() => mergedPanelUnitForm.value, async (newForm, oldForm) => {
+    if (!currentPanelUnit.value || !newForm || newForm.length === 0) return;
+    
+    try {
+      // 防抖处理，避免频繁保存
+      if (window.panelUnitSaveTimeout) {
+        clearTimeout(window.panelUnitSaveTimeout);
+      }
+
+      window.panelUnitSaveTimeout = setTimeout(async () => {
+        // 只有在用户编辑时才保存配置
+        if (isUserEditingPanelUnit.value) {
+          await autoSavePanelUnitConfig();
+        }
+        // 无论是否在编辑状态，都刷新预览
+        await refreshPanelGroupPreview();
+        await refreshPanelUnitPreview();
+        
+        // 刷新预览后，恢复之前选中的行
+        nextTick(() => {
+          if (currentMergedPanelUnitRow.value && mergedPanelUnitTable.value) {
+            // 尝试通过locationName找到对应的行
+            const targetRow = newForm.find(row => row.locationName === currentMergedPanelUnitRow.value.locationName);
+            if (targetRow) {
+              // 使用表格的setCurrentRow方法设置当前行
+              mergedPanelUnitTable.value.setCurrentRow(targetRow);
+              currentMergedPanelUnitRow.value = targetRow;
+            }
+          }
+        });
+      }, 50); // 防抖
+    } catch (error) {
+      console.error('监听面板单元配置变化失败:', error);
+    }
+  }, { deep: true, immediate: false });
+
+  /**
+   * 监听面板组配置变化，自动保存到remark字段并清空预览
+   */
+  watch(() => panelConfigTable.value, async (newConfig, oldConfig) => {
+    if (!currentPanelNode.value || !newConfig || newConfig.length === 0) return;
+    try {
+      // 防抖处理
+      if (window.panelGroupSaveTimeout) {
+        clearTimeout(window.panelGroupSaveTimeout);
+      }
+      window.panelGroupSaveTimeout = setTimeout(async () => {
+        await autoSavePanelGroupConfig();
+      }, 100); // 防抖
+    } catch (error) {
+      console.error('监听面板组配置变化失败:', error);
+    }
+  }, { deep: true, immediate: false });
+
+  watch([currentPanelNode, currentPanelUnitObj], () => {
+    managePolling();
+  }, { deep: true });
+  watch(selectedProjectId, () => {
+    stopPolling();
+  });
+  // 持久化 selectedProjectId 到 localStorage
+  watch(selectedProjectId, (val) => {
+    try {
+      if (val === null || val === undefined || val === '') {
+        localStorage.removeItem('selectedProjectId');
+      } else {
+        localStorage.setItem('selectedProjectId', String(val));
+      }
+    } catch (e) {
+      // ignore
+    }
+  });
+
+  // 持久化 currentPanelUnit
+  watch(currentPanelUnit, (val) => {
+    try {
+      if (!val) {
+        localStorage.removeItem('currentPanelUnit');
+      } else {
+        localStorage.setItem('currentPanelUnit', String(val));
+      }
+    } catch (e) {
+      // ignore
+    }
+  });
+  // 监听 panelUnitForm 变化，重新构建合并数据
+  watch(panelUnitForm, () => {
+    buildMergedPanelUnitForm();
+  }, { deep: true });
+
+  watch(selectedSeriesForUnit, async (newSeries, oldSeries) => {
+    if (newSeries) {
+      try {
+        // 先重置选择器
+        selectedDirectionForUnit.value = '';
+        selectedColorForUnit.value = '';
+        selectedPatternForUnit.value = '';
+        selectedModelForUnit.value = null;
+        // 加载数据
+        await getModelsForUnit(newSeries.ID);
+        await getPatternsForUnit(newSeries.ID);
+
+        // 如果是编辑模式，恢复之前的选择
+        if (isEditPanelUnit.value && currentEditPanelUnit.value) {
+          await restoreSelectionsAfterSeriesLoad();
+        }
+      } catch (error) {
+        console.error('加载系列数据失败:', error);
+      }
+    } else {
+      // 重置选择器
+      selectedDirectionForUnit.value = '';
+      selectedColorForUnit.value = '';
+      selectedPatternForUnit.value = '';
+      selectedModelForUnit.value = null;
+      directionOptionsForUnit.value = [];
+      colorOptionsForUnit.value = [];
+      patternsListForUnit.value = [];
+    }
+  });
+  // ==================== 初始化 ====================
+
+  /**
+   * 页面加载完成后的初始化
+   */
+  onMounted(async () => {
+    const startTime = Date.now();
+    showLoading('页面加载中...');
+
+    try {
+      await getProject();
+      const data = await fetchData('PanelSelection/SeriesQuery');
+      seriesList.value = data;
+      await getFont();
+      await getIconLibraries();
+      await getLogoList();
+      // 尝试从 localStorage 恢复用户上次的选择（按顺序恢复 project -> tree -> panelUnit）
+      await restoreSelectionsFromLocalStorage();
+    } catch (error) {
+      console.error('初始化失败:', error);
+      ElMessage.error('页面加载失败');
+    } finally {
+      const elapsed = Date.now() - startTime;
+      const delay = Math.max(0, 1000 - elapsed);
+      setTimeout(hideLoading, delay);
+    }
+  });
+  onUnmounted(() => {
+    stopPolling();
+    // 清理防抖定时器
+    if (window.panelUnitSaveTimeout) {
+      clearTimeout(window.panelUnitSaveTimeout);
+    }
+    if (window.panelGroupSaveTimeout) {
+      clearTimeout(window.panelGroupSaveTimeout);
+    }
+  });</script>
+
+<style scoped>
+  /* 容器布局 */
+  .container {
+    display: flex;
+    height: 100%;
+    padding: 5px;
+    gap: 8px;
+    background-color: #f5f7fa;
+  }
+
+  /* 左侧面板 */
+  .left-panel {
+    flex: 3;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+  }
+
+  /* 右侧面板 */
+  .right-panel {
+    flex: 9;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+  }
+
+  /* 面板区域高度分配 */
+  .left-top {
+    height: 3%;
+  }
+
+  .left-bottom {
+    height: 97%;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+  }
+
+  .right-middle, .right-bottom {
+    height: 50%;
+  }
+
+  /* 树组件样式 */
+  .full-height-tree {
+    height: 100%;
+    overflow: auto;
+  }
+
+  .left-bottom-bottom {
+    height: 52%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  }
+
+    .left-bottom-bottom .section-header {
+      padding: 5px;
+      border-bottom: 1px solid #e0e0e0;
+      background: #f8f9fa;
+      margin: 0;
+    }
+
+    .left-bottom-bottom .table-content {
+      flex: 1;
+      overflow: auto;
+    }
+
+  .left-bottom-top {
+    height: 48%;
+    overflow: hidden;
+  }
+
+  /* 树节点样式 */
+  .tree-node-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+  }
+
+  .tree-node-label {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .tree-node-actions {
+    display: flex;
+    gap: 5px;
+  }
+
+  /* 详情弹窗样式 */
+  .details {
+    margin-top: 4px;
+    border-radius: 6px;
+    overflow: hidden;
+    font-size: 0.85rem;
+  }
+
+  /* 对话框样式 */
+  .dialog-content {
+    display: flex;
+    gap: 15px;
+    height: 500px;
+    margin-bottom: 10px;
+  }
+
+  .dialog-left, .dialog-middle, .dialog-right {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .dialog-left {
+    flex: 1;
+  }
+
+  .dialog-middle {
+    flex: 2;
+  }
+
+  .dialog-right {
+    flex: 3;
+  }
+
+  .dialog-bottom {
+    border-top: 1px solid #e0e0e0;
+    padding-top: 10px;
+  }
+
+  /* 模型选择器样式 */
+  .model-selectors {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+    padding: 5px;
+    background: #f8f9fa;
+    border-radius: 6px;
+    height: 100%;
+  }
+
+  .selector-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+
+    .selector-row .el-select:disabled {
+      opacity: 0.6;
+    }
+
+    .selector-row .el-select:not(:disabled) {
+      border-color: #409EFF;
+    }
+
+  .selector-label {
+    width: 100px;
+    font-weight: bold;
+    color: #606266;
+  }
+
+  /* 区域标题样式 */
+  .section-title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    color: #303133;
+    text-align: center;
+  }
+
+  /* 预览容器样式 */
+  .preview-container {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    background: #f8f9fa;
+    border-radius: 6px;
+    padding: 5px;
+    height: 100%;
+    overflow: hidden;
+  }
+
+    .preview-container .preview-image {
+      flex: 1;
+      min-height: 0;
+    }
+
+  .preview-info {
+    margin-top: 5px;
+    text-align: left;
+    background: white;
+    padding: 5px;
+    border-radius: 4px;
+  }
+
+    .preview-info p {
+      margin: 5px 0;
+      font-size: 14px;
+    }
+
+  /* 面板配置容器 */
+  .panel-unit-config-container {
+    display: flex;
+    height: 100%;
+    gap: 0; /* 移除内部间隙 */
+    border: 1px solid #e0e0e0; /* 添加外部边框 */
+    border-radius: 6px;
+    overflow: hidden;
+    background: white;
+  }
+
+
+  /* 通用区域样式 */
+  .preview-section-top, .preview-section-down, .table-section, .form-section {
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+    border-right: 1px solid #e0e0e0;
+  }
+
+  .table-section, .form-section {
+    flex: 8;
+  }
+
+  .preview-section-top {
+    flex: 10;
+  }
+
+  .preview-section-down {
+    flex: 3;
+  }
+
+  /* 区域头部样式 */
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+    border-bottom: 1px solid #e0e0e0;
+    background: #f8f9fa;
+    margin: 0;
+  }
+
+    .section-header span {
+      font-size: 16px;
+      font-weight: bold;
+      color: #303133;
+    }
+
+  /* 内容区域样式 */
+  .preview-content, .table-content, .form-content {
+    flex: 1;
+    padding: 5px;
+    overflow: hidden;
+  }
+
+  .left-bottom-bottom .table-content {
+    padding: 0px;
+  }
+
+  .preview-content {
+    height: 39.8vh; /*calc(100vh - 570px);*/
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    padding: 5px;
+    box-sizing: border-box;
+  }
+  /* 预览图片样式 */
+  .preview-image {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    position: relative;
+  }
+
+    .preview-image > * {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
+
+    .preview-image img {
+      max-width: 100%;
+      max-height: 220px;
+      object-fit: contain;
+      border-radius: 4px;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    }
+
+    .preview-image .el-image {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
+
+  /* 占位符样式 */
+  .preview-placeholder, .empty-prompt {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    color: #909399;
+    background: #f8f9fa;
+    border-radius: 4px;
+    border: 1px dashed #dcdfe6;
+  }
+
+  .empty-prompt {
+    background: white;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  }
+
+    .empty-prompt p {
+      margin-top: 10px;
+      font-size: 16px;
+    }
+
+  /* 图标选择对话框样式 */
+  .icon-select-dialog {
+    height: 100%;
+    overflow-y: auto;
+  }
+
+  .icon-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+    gap: 10px;
+  }
+
+  .icon-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 10px;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: all 0.3s;
+  }
+
+    .icon-item:hover {
+      border-color: #409EFF;
+      background-color: #f5f7fa;
+    }
+
+  .icon-preview {
+    margin-bottom: 5px;
+  }
+
+  .icon-name {
+    font-size: 12px;
+    text-align: center;
+    word-break: break-all;
+  }
+
+  /* 表单内容区域调整 */
+  .form-content {
+    flex: 1;
+    padding: 5px;
+    overflow: auto;
+  }
+
+  /* 图标库选择器样式 */
+  .icon-library-selector {
+    margin-bottom: 20px;
+    padding: 10px;
+    background: #f8f9fa;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .icon-library-table-container {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  .selector-label {
+    font-weight: bold;
+    color: #606266;
+  }
+
+  /* 图标搜索框样式 */
+  .icon-search-input {
+    flex: 1;
+    max-width: 300px;
+  }
+
+  /* 图标网格容器 */
+  .icon-grid-container {
+    max-height: calc(100vh - 110px);
+    overflow-y: auto;
+    display: flex;
+    gap: 15px;
+  }
+
+  /* 图标库表格容器 */
+  .icon-library-table-container {
+    height: calc(100vh - 150px);
+    width: 150px;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    overflow: hidden;
+  }
+
+  .icon-library-title {
+    padding: 8px 12px;
+    background: #f8f9fa;
+    border-bottom: 1px solid #e0e0e0;
+    font-weight: bold;
+    color: #606266;
+    text-align: center;
+  }
+
+  /* 图标网格包装器 */
+  .icon-grid-wrapper {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  /* 图标项样式调整 */
+  .icon-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 15px;
+    border: 1px solid #e0e0e0;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.3s;
+    background: white;
+  }
+
+    .icon-item:hover {
+      border-color: #409EFF;
+      transform: translateY(-2px);
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    }
+
+  .icon-library {
+    font-size: 11px;
+    color: #909399;
+    margin-top: 5px;
+    text-align: center;
+  }
+
+  /* 空状态样式 */
+  .empty-icons {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 200px;
+    color: #909399;
+  }
+
+    .empty-icons p {
+      margin-top: 10px;
+    }
+
+  /* 图标网格布局优化 */
+  .icon-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+    gap: 15px;
+    padding: 10px;
+  }
+  /* 背光控制样式 */
+  .backlight-control {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+  }
+
+    /* 颜色选择器样式调整 */
+    .backlight-control .el-color-picker {
+      vertical-align: middle;
+    }
+
+  .logo-config-section {
+    margin-top: 15px;
+    padding: 10px;
+    background: #f8f9fa;
+    border-radius: 6px;
+    border: 1px solid #e0e0e0;
+  }
+
+    .logo-config-section .section-title {
+      font-size: 14px;
+      font-weight: bold;
+      margin-bottom: 10px;
+      color: #606266;
+      text-align: left;
+    }
+  /* 图标预览单元格样式 */
+  .icon-preview-cell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 5px;
+  }
+
+  .image-slot {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    background: #f5f7fa;
+    color: #909399;
+  }
+  /* 新增：表格和预览图的上下布局 */
+  .table-preview-container {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 40px);
+  }
+
+  .preview-below-table {
+    height: 24vh;
+    border-top: 1px solid #e0e0e0;
+    display: flex;
+    flex-direction: column;
+  }
+
+    .preview-below-table .preview-content {
+      height: calc(100% - 0px); /* 减去header高度 */
+      flex: 1;
+    }
+
+  /* 新增：表单内容的左右布局 */
+  .form-content-container {
+    display: flex;
+    height: 39.8vh;
+    gap: 0px;
+  }
+
+  .pattern-preview-section {
+    width: 30%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+    .pattern-preview-section .section-header {
+      padding: 5px;
+      border-bottom: 1px solid #e0e0e0;
+      background: #f8f9fa;
+      margin: 0;
+      text-align: center;
+    }
+
+    .pattern-preview-section .preview-content {
+      flex: 1;
+      padding: 5px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+  /* 调整表格区域宽度 */
+  .form-section .table-content {
+    width: 70%;
+  }
+
+  /* 确保预览图容器正确显示 */
+  .preview-below-table .preview-image,
+  .pattern-preview-section .preview-image {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+    .preview-below-table .preview-image .el-image,
+    .pattern-preview-section .preview-image .el-image {
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+    }
+</style>
diff --git a/src/pages/scopemanage/index.vue b/src/pages/scopemanage/index.vue
new file mode 100644
index 0000000..f59722e
--- /dev/null
+++ b/src/pages/scopemanage/index.vue
@@ -0,0 +1,20 @@
+<template>
+
+</template>
+
+<script setup>
+  import { ref, inject, onMounted } from 'vue';
+  const $http = inject('$http')
+
+
+  onMounted(() => {
+
+  })
+
+
+
+  
+</script>
+
+<style scoped>
+</style>
diff --git a/src/pages/switchselection/index.vue b/src/pages/switchselection/index.vue
new file mode 100644
index 0000000..7739608
--- /dev/null
+++ b/src/pages/switchselection/index.vue
@@ -0,0 +1,299 @@
+<template>
+  <div class="container">
+    <el-card class="control-panel">
+      <div class="controls">
+        <el-form label-width="100px">
+          <el-form-item label="画布宽度">
+            <el-input-number v-model="canvasWidth"
+                             :min="100"
+                             :max="2000"
+                             :step="50" />
+          </el-form-item>
+          <el-form-item label="画布高度">
+            <el-input-number v-model="canvasHeight"
+                             :min="100"
+                             :max="2000"
+                             :step="50" />
+          </el-form-item>
+          <el-form-item label="间距(px)">
+            <el-input-number v-model="svgSpacing"
+                             :min="0"
+                             :max="200"
+                             :step="5" />
+          </el-form-item>
+        </el-form>
+
+        <div class="action-buttons">
+          <el-button @click="importSVG" type="primary">
+            <el-icon><Upload /></el-icon>
+            导入SVG文件
+          </el-button>
+
+          <el-button @click="clearAll" type="danger">
+            <el-icon><Delete /></el-icon>
+            清空画布
+          </el-button>
+
+          <el-button @click="exportSVG" type="success">
+            <el-icon><Download /></el-icon>
+            导出SVG文件
+          </el-button>
+        </div>
+      </div>
+    </el-card>
+
+    <div class="canvas-container">
+      <svg ref="svgCanvas"
+           :width="canvasWidth"
+           :height="canvasHeight"
+           class="svg-canvas"
+           xmlns="http://www.w3.org/2000/svg">
+        <g id="svg-container"></g>
+      </svg>
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+  import { ref, onMounted, watch } from 'vue'
+  import { ElMessage } from 'element-plus'
+  import { Upload, Download, Delete } from '@element-plus/icons-vue'
+
+  // 画布尺寸控制（默认800x600）
+  const canvasWidth = ref(800)
+  const canvasHeight = ref(550)
+  const svgSpacing = ref(10) // SVG之间的间距
+
+  // 引用SVG画布元素
+  const svgCanvas = ref(null)
+
+  // 存储导入的SVG数据
+  const importedSVGs = ref([])
+
+  // 更新SVG显示
+  const updateSVGDisplay = () => {
+    if (!svgCanvas.value) return
+
+    const container = svgCanvas.value.querySelector('#svg-container')
+    if (!container) return
+
+    // 清空现有内容
+    container.innerHTML = ''
+
+    let currentX = 0
+
+    // 按顺序渲染所有SVG
+    importedSVGs.value.forEach(svgData => {
+      if (svgData.content) {
+        const wrapper = document.createElementNS('http://www.w3.org/2000/svg', 'g')
+        wrapper.setAttribute('transform', `translate(${currentX},0)`)
+        wrapper.innerHTML = svgData.content
+
+        container.appendChild(wrapper)
+
+        // 更新下一个SVG的位置
+        currentX += svgData.width + svgSpacing.value
+      }
+    })
+
+    // 调整画布宽度以适应所有SVG
+    if (importedSVGs.value.length > 0) {
+      const totalWidth = currentX - svgSpacing.value
+      canvasWidth.value = Math.max(totalWidth, canvasWidth.value)
+    }
+  }
+
+  // 导入SVG逻辑
+  const importSVG = () => {
+    const input = document.createElement('input')
+    input.type = 'file'
+    input.accept = '.svg'
+    input.multiple = true
+    input.style.display = 'none'
+
+    input.onchange = async (e) => {
+      const files = Array.from(e.target.files)
+      if (!files.length) return
+
+      try {
+        // 处理所有选中的SVG文件
+        const newSVGs = await Promise.all(files.map(file =>
+          new Promise((resolve) => {
+            const reader = new FileReader()
+            reader.onload = (event) => {
+              const content = event.target.result
+
+              // 获取SVG尺寸
+              const div = document.createElement('div')
+              div.innerHTML = content
+              document.body.appendChild(div)
+              const svgElement = div.querySelector('svg')
+              let originalWidth = 100, originalHeight = 100
+
+              if (svgElement) {
+                originalWidth = svgElement.width.baseVal.value ||
+                  svgElement.getBoundingClientRect().width || 100
+                originalHeight = svgElement.height.baseVal.value ||
+                  svgElement.getBoundingClientRect().height || 100
+              }
+
+              // 计算新尺寸，固定高度为100px，宽度按比例缩放
+              const ratio = originalWidth / originalHeight || 1;
+              const height = 100;
+              const width = ratio * height;
+
+              document.body.removeChild(div)
+
+              // 创建一个独特的ID避免冲突
+              const uniqueId = 'svg-' + Math.random().toString(36).substr(2, 9)
+              const contentWithUniqueIds = content.replace(/id="([^"]+)"/g, `id="${uniqueId}-$1"`)
+                .replace(/url$#([^)]+)$/g, `url(#${uniqueId}-$1)`)
+
+              resolve({
+                content: contentWithUniqueIds,
+                width: width,
+                height: height,
+                name: file.name
+              })
+            }
+            reader.readAsText(file)
+          })
+        ))
+
+        // 添加到已导入列表
+        importedSVGs.value = [...importedSVGs.value, ...newSVGs]
+        updateSVGDisplay()
+
+        ElMessage.success(`成功导入${files.length}个SVG文件`)
+      } catch (error) {
+        console.error('导入SVG失败:', error)
+        ElMessage.error('导入SVG失败: ' + error.message)
+      }
+
+      document.body.removeChild(input)
+    }
+
+    document.body.appendChild(input)
+    input.click()
+  }
+
+  // 清空所有SVG
+  const clearAll = () => {
+    importedSVGs.value = []
+    updateSVGDisplay()
+    ElMessage.success('画布已清空')
+  }
+
+  // 当间距变化时更新显示
+  watch(svgSpacing, updateSVGDisplay)
+
+  // SVG导出功能
+  const exportSVG = () => {
+    try {
+      if (importedSVGs.value.length === 0) {
+        ElMessage.warning('没有可导出的SVG内容')
+        return
+      }
+
+      // 计算导出尺寸
+      const totalWidth = importedSVGs.value.reduce(
+        (sum, svg, index) => sum + svg.width + (index === 0 ? 0 : svgSpacing.value),
+        0
+      )
+
+      const maxHeight = Math.max(...importedSVGs.value.map(svg => svg.height))
+
+      // 获取所有SVG的组合内容
+      const svgHeader = `<svg xmlns="http://www.w3.org/2000/svg"
+                             width="${totalWidth}"
+                             height="${maxHeight}"
+                             viewBox="0 0 ${totalWidth} ${maxHeight}">`
+
+      let currentX = 0
+      let combinedContent = ''
+
+      importedSVGs.value.forEach(svg => {
+        combinedContent += `<g transform="translate(${currentX},0)">${svg.content}</g>`
+        currentX += svg.width + svgSpacing.value
+      })
+
+      const fullSVG = `${svgHeader}${combinedContent}</svg>`
+
+      // 创建Blob对象
+      const blob = new Blob([fullSVG], { type: 'image/svg+xml;charset=utf-8' })
+
+      // 创建下载链接
+      const link = document.createElement('a')
+      link.href = URL.createObjectURL(blob)
+      link.download = `combined-svg-${new Date().getTime()}.svg`
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+
+      ElMessage.success('SVG导出成功')
+    } catch (error) {
+      console.error('导出SVG失败:', error)
+      ElMessage.error('导出SVG失败: ' + error.message)
+    }
+  }
+
+  onMounted(() => {
+    ElMessage.success('SVG画布已初始化')
+  })
+</script>
+
+<style scoped>
+  .container {
+    display: flex;
+    flex-direction: column;
+    padding: 20px;
+    background-color: #f5f7fa;
+    height: calc(100vh - 100px);
+  }
+
+  .control-panel {
+    margin-bottom: 20px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  }
+
+  .controls {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 20px;
+  }
+
+  .action-buttons {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+  }
+
+  .canvas-container {
+    flex: 1;
+    background-color: white;
+    border-radius: 4px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+    overflow: auto;
+    padding: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .svg-canvas {
+    border: 1px solid #ebeef5;
+    background-color: white;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    background-image: linear-gradient(45deg, #f5f5f5 25%, transparent 25%), linear-gradient(-45deg, #f5f5f5 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f5f5f5 75%), linear-gradient(-45deg, transparent 75%, #f5f5f5 75%);
+    background-size: 20px 20px;
+    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
+  }
+
+  .imported-svg {
+    cursor: move;
+    transition: transform 0.2s;
+  }
+</style>
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
new file mode 100644
index 0000000..99dd506
--- /dev/null
+++ b/src/pages/user/index.vue
@@ -0,0 +1,378 @@
+<template>
+  <div class="user-center-container">
+    <!-- 头部操作按钮 -->
+    <div class="header-actions">
+      <el-button type="primary"
+                 :icon="Edit"
+                 @click="enableEdit"
+                 v-show="!isEdit">
+        编辑信息
+      </el-button>
+      <el-button type="success"
+                 :icon="UploadFilled"
+                 @click="submitForm"
+                 v-show="isEdit && formModified">
+        保存修改
+      </el-button>
+    </div>
+
+    <!-- 用户信息表单 -->
+    <el-form :model="userValue"
+             :rules="rules"
+             ref="formRef"
+             label-width="100px"
+             label-position="right"
+             class="user-form">
+      <el-form-item label="登录名" prop="username">
+        <el-input v-model="userValue.username"
+                  disabled="false"
+                  placeholder="请输入用户名" />
+      </el-form-item>
+
+      <el-form-item label="真实姓名" prop="realname">
+        <el-input v-model="userValue.realname"
+                  :disabled="!isEdit"
+                  placeholder="请输入真实姓名" />
+      </el-form-item>
+
+<!--      <el-form-item label="所属公司" prop="comId">
+        <el-select v-model="userValue.comId"
+                   :disabled="!isEdit"
+                   placeholder="请选择公司">
+          <el-option v-for="company in companies"
+                     :key="company.id"
+                     :label="company.nameCn"
+                     :value="company.id" />
+        </el-select>
+      </el-form-item>-->
+
+<!--      <el-form-item label="职位" prop="position">
+        <el-select v-model="userValue.position"
+                   placeholder="请选择用户类型"
+                   :disabled="!isEdit">
+          <el-option v-for="item in positionList"
+                     :key="item"
+                     :label="item"
+                     :value="item" />
+        </el-select>
+      </el-form-item>-->
+
+      <el-form-item label="手机号" prop="mobile">
+        <el-input v-model="userValue.mobile"
+                  :disabled="!isEdit"
+                  placeholder="请输入手机号" />
+      </el-form-item>
+
+      <el-form-item label="邮箱" prop="email">
+        <el-input v-model="userValue.email"
+                  :disabled="!isEdit"
+                  placeholder="请输入邮箱" />
+      </el-form-item>
+
+      <el-form-item label="微信号" prop="weixin">
+        <el-input v-model="userValue.weixin"
+                  :disabled="!isEdit"
+                  placeholder="请输入微信号" />
+      </el-form-item>
+
+      <!-- 头像上传组件 -->
+      <el-form-item label="头像" prop="avatar">
+        <el-upload class="avatar-uploader"
+                   :disabled="!isEdit"
+                   drag
+                   accept="image/*"
+                   :auto-upload="false"
+                   :show-file-list="false"
+                   :on-change="handleAvatarChange"
+                   ref="avatarUploadRef">
+          <div v-if="userValue.avatar" class="avatar-preview">
+            <img :src="selectedFile ? avatarPreview : config.httpAds + userValue.avatar"
+                 class="avatar-image" />
+            <div v-show="isEdit" class="avatar-mask">
+              <el-icon :size="23"><Edit /></el-icon>
+              <div>点击更换头像</div>
+            </div>
+          </div>
+          <template v-else>
+            <el-icon class="el-icon--upload"><UploadFilled /></el-icon>
+            <div class="el-upload__text">
+              拖拽图片到此 或 <em>点击上传</em>
+            </div>
+            <div class="el-upload__tip">
+              支持JPG/PNG，大小不超过5MB
+            </div>
+          </template>
+        </el-upload>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script setup>
+  import { ref, reactive, onMounted, inject, watch } from 'vue';
+  import { ElMessage, ElMessageBox } from 'element-plus';
+  import { Plus, Delete, Edit, UploadFilled } from '@element-plus/icons-vue';
+
+  const $http = inject('$http');
+  const ajaxfile = inject('ajaxfile');
+  const config = inject('config');
+
+  // 初始状态定义
+  const isEdit = ref(true);
+  const formModified = ref(false);
+  const formRef = ref(null);
+  const avatarUploadRef = ref(null);
+  const selectedFile = ref(null);
+  const avatarPreview = ref('');
+  const loading = ref(false);
+  const companies = ref([]);
+  const userValue = reactive({
+    id: null,
+    username: "",
+    realname: "",
+    comId: null,
+    company: "",
+    password: "",
+    roleId: null,
+    position: "",
+    weixin: "",
+    email: "",
+    mobile: "",
+    avatar: ""
+  });
+  // 监听表单变化
+  watch(userValue, () => {
+    formModified.value = true;
+  }, { deep: true });
+
+  // 启用编辑
+  const enableEdit = () => {
+    isEdit.value = true;
+  };
+
+  // 头像处理
+  const handleAvatarChange = (file) => {
+    selectedFile.value = file.raw;
+    avatarPreview.value = URL.createObjectURL(file.raw);
+  };
+  // 验证规则
+  const rules = reactive({
+    username: [
+      { required: true, message: '请输入用户名', trigger: 'blur' },
+      { min: 3, max: 20, message: '长度在3到20个字符', trigger: 'blur' }
+    ],
+    password: [
+      { required: true, message: '请输入密码', trigger: 'blur' },
+      { min: 6, message: '密码长度至少6位', trigger: 'blur' }
+    ],
+    mobile: [
+      { pattern: /^1[3-9]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }
+    ],
+    email: [
+      { type: 'email', message: '邮箱格式不正确', trigger: 'blur' }
+    ]
+  });
+
+  // 获取用户列表
+  const getUser = async () => {
+    try {
+      loading.value = true;
+      const rs = await $http.post('Company/GetComInfo', {
+        IsAll: true,
+        ID: 0,
+      });
+      if (rs.data.isok) {
+        companies.value = rs.data.response;
+
+        const rs1 = await $http.post('Users/GetUserInfo', {
+          IsAll: false,
+          ID: localStorage.getItem("uid"),
+        });
+        if (rs1.data.isok) {
+          // 1. 创建公司映射表（提高查找效率）
+          const companyMap = companies.value.reduce((map, company) => {
+            map[company.id] = company.nameCn;
+            return map;
+          }, {});
+
+          // 2. 处理用户数据
+          Object.assign(userValue, rs1.data.response);
+          userValue.company = companyMap[userValue.comId];
+
+          console.log(userValue)
+        } else {
+          ElMessage.error(rs1.data.message);
+        }
+      }
+    } catch (error) {
+      ElMessage.error('获取用户列表失败');
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  };
+  // 表单提交
+  const submitForm = async () => {
+    try {
+      // 表单验证
+      await formRef.value.validate();
+
+      // 头像上传逻辑
+/*      if (selectedFile.value) {
+        let filedata = {
+          File: selectedFile.value,
+          Folder: "face"
+        }
+        const uploadRes = await ajaxfile(filedata);
+        if (uploadRes?.fileName) {
+          userValue.avatar = uploadRes.fileName;
+        }
+      }*/
+       if (selectedFile.value) {
+        const uploadRes = await ajaxfile(filedata);
+        if (uploadRes?.fileName) {
+          userValue.avatar = uploadRes.fileName; // 根据实际接口返回结构调整
+        } else {
+          ElMessage.error('头像上传失败: ' + uploadRes);
+          return;
+        }
+      } else {
+         userValue.avatar = userValue.avatar.substring(userValue.avatar.lastIndexOf('/') + 1);
+      }
+      // 更新用户信息
+      const rs = await $http.post('Users/EditUser', userValue);
+      if (rs.data.isok) {
+        ElMessage.success('信息更新成功');
+        isEdit.value = false;
+        formModified.value = false;
+        selectedFile.value = null;
+        avatarUploadRef.value.clearFiles();
+        await getUser(); // 刷新数据
+      }
+    } catch (error) {
+      ElMessage.error('保存失败: ' + error.message);
+    }
+  };
+   // 获取身份
+  const positionList = ref([]);
+  const getShengfen = () => {
+    try {
+      const rs = $http.post('ConfigPY/GetSingleValue', {
+        VarName: "用户类型",
+      }).then(rs => {
+        //console.log(JSON.parse(rs.data.response));
+        positionList.value = JSON.parse(rs.data.response)
+      })
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  onMounted(() => {
+    getUser()
+    getShengfen()
+  })
+
+
+</script>
+
+<style scoped>
+  .user-center-container {
+    padding: 20px;
+    max-width: 444px;
+    margin: 0;
+  }
+
+  .header-actions {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 30px;
+  }
+
+  .avatar-preview {
+    position: relative;
+    width: 178px;
+    height: 178px;
+  }
+  .avatar {
+    width: 120px;
+    height: 120px;
+    display: block;
+  }
+
+  /* 拖拽区域样式 */
+  .avatar-uploader :deep(.el-upload-dragger) {
+    width: 220px;
+    height: 220px;
+    padding: 20px;
+    border-radius: 5%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s ease;
+  }
+
+  .avatar-uploader:hover :deep(.el-upload-dragger) {
+    border-color: var(--el-color-primary);
+  }
+
+  /* 头像预览样式 */
+  .avatar-preview {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  .avatar-image {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+
+  .avatar-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 5%;
+    color: white;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+
+    .avatar-mask:hover {
+      opacity: 1;
+    }
+
+  /* 图标和文字样式 */
+  .el-icon--upload {
+    font-size: 36px;
+    color: var(--el-text-color-secondary);
+    margin-bottom: 12px;
+  }
+
+  .el-upload__text {
+    font-size: 14px;
+    color: var(--el-text-color-regular);
+    text-align: center;
+  }
+
+    .el-upload__text em {
+      color: var(--el-color-primary);
+      font-style: normal;
+    }
+
+  .el-upload__tip {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+    margin-top: 8px;
+  }
+
+</style>
diff --git a/src/pages/usermanage/index.vue b/src/pages/usermanage/index.vue
new file mode 100644
index 0000000..5d4bf1e
--- /dev/null
+++ b/src/pages/usermanage/index.vue
@@ -0,0 +1,581 @@
+<template>
+  <div class="user-management">
+    <!-- 操作栏 -->
+    <!--    <div class="header">
+        <el-button type="primary" @click="handleAdd" :icon="Plus">添加用户</el-button>
+      </div>-->
+    <div class="header">
+      <span style="margin-left: 20px;">
+        用户类型：
+        <el-switch v-model="userType"
+                   active-value="wy"
+                   inactive-value="platform"
+                   active-text="威云用户"
+                   inactive-text="平台用户"
+                   style="--el-switch-on-color: #409eff; --el-switch-off-color: #409eff" />
+      </span>
+      <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
+      <el-button type="primary" @click="handleAdd" :icon="Plus" v-if="userType === 'platform'">添加用户</el-button>
+    </div>
+
+    <!-- 用户表格 -->
+    <el-table :data="userType == 'platform' ? allUsers : wyUsers" border style="width: 100%" v-loading="loading" empty-text="暂无数据">
+      <el-table-column label="操作" :width="userType == 'platform' ? 105 : 65">
+        <template #default="{ row }">
+          <el-button type="info" :icon="Edit" circle plain @click="handleEdit(row)" />
+          <!--<el-button type="danger" :icon="Delete" circle plain @click="handleDelete(row)" />-->
+          <el-button type="danger"
+                     :icon="Delete"
+                     circle plain
+                     @click="handleDelete(row)"
+                     v-show="row.id != 1 && row.id != 2"
+                     v-if="userType == 'platform'" />
+        </template>
+      </el-table-column>
+      <el-table-column prop="username" label="用户名" width="130" sortable show-overflow-tooltip />
+      <el-table-column prop="realname" label="真实姓名" width="90" />
+      <el-table-column prop="company" label="所属公司" width="90" />
+      <el-table-column prop="position" label="用户类型" width="135" />
+      <el-table-column prop="mobile" label="手机号" width="128" />
+      <el-table-column prop="email" label="邮箱" width="150" show-overflow-tooltip />
+      <el-table-column prop="weixin" label="微信号" width="120" show-overflow-tooltip />
+      <el-table-column label="头像" width="65">
+        <template #default="{ row }">
+          <el-image v-if="row.avatar"
+                    style="width: 32px; height: 32px;"
+                    hide-on-click-modal="true"
+                    :src="config.httpAds + row.avatar"
+                    :preview-src-list="[ config.httpAds + row.avatar]"
+                    fit="cover" />
+          <span v-else>无</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 添加/编辑对话框 -->
+    <el-dialog v-model="dialogVisible"
+               :title="isEdit ? '编辑用户' : '添加用户'"
+               width="600px">
+      <el-form :model="form"
+               :rules="rules"
+               ref="formRef"
+               label-width="100px"
+               label-position="right">
+        <el-form-item label="登录名" prop="username">
+          <el-input v-model="form.username"
+                    :disabled="isEdit"
+                    placeholder="用户名" />
+        </el-form-item>
+
+        <el-form-item label="登录密码" prop="password" v-if="!isEdit">
+          <el-input v-model="form.password"
+                    type="password"
+                    show-password
+                    placeholder="密码" />
+        </el-form-item>
+
+        <el-form-item label="修改密码" prop="password" v-if="isEdit && userType !== 'wy'">
+          <el-input v-model="form.password"
+                    type="password"
+                    show-password
+                    placeholder="密码（为空则不修改）" />
+        </el-form-item>
+
+        <el-form-item label="真实姓名" prop="realname">
+          <el-input v-model="form.realname" placeholder="真实姓名" :disabled="userType == 'wy'" />
+        </el-form-item>
+
+        <el-form-item label="公司" prop="comId">
+          <el-select v-model="form.comId" placeholder="公司">
+            <el-option v-for="item in companies"
+                       :key="item.id"
+                       :label="item.nameCn"
+                       :value="item.id" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="用户类型" prop="position">
+          <el-select v-model="form.position" placeholder="用户类型">
+            <el-option v-for="item in positionList"
+                       :key="item"
+                       :label="item"
+                       :value="item" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="手机号" prop="mobile">
+          <el-input v-model="form.mobile" placeholder="手机号" :disabled="userType == 'wy'" />
+        </el-form-item>
+
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="form.email" placeholder="邮箱" :disabled="userType == 'wy'" />
+        </el-form-item>
+
+        <el-form-item label="微信号" prop="weixin">
+          <el-input v-model="form.weixin" placeholder="微信号" />
+        </el-form-item>
+
+        <el-form-item label="头像" prop="avatar" v-if="userType !== 'wy'">
+          <el-upload class="avatar-uploader"
+                     drag
+                     accept="image/*"
+                     :auto-upload="false"
+                     :show-file-list="false"
+                     :on-change="handleAvatarChange"
+                     ref="avatarUploadRef">
+            <!-- 头像预览区域 -->
+            <div v-if="form.avatar" class="avatar-preview">
+              <img v-if="!selectedFile" :src="config.httpAds + form.avatar" class="avatar-image" />
+              <img v-else :src="form.avatar" class="avatar-image" />
+              <div class="avatar-mask">
+                <el-icon :size="23"><Edit /></el-icon>
+                <div>点击更换头像</div>
+              </div>
+            </div>
+            <!-- 未上传时的默认状态 -->
+            <template v-else>
+              <el-icon class="el-icon--upload"><UploadFilled /></el-icon>
+              <div class="el-upload__text">
+                拖拽图片到此 或 <em>点击上传</em>
+              </div>
+              <div class="el-upload__tip">
+                支持JPG/PNG，大小不超过5MB
+              </div>
+            </template>
+          </el-upload>
+        </el-form-item>
+        <!--        <el-form-item label="头像" prop="avatar" v-if="userType === 'wy'">
+                  <img :src="form.avatar" class="avatar-image" />
+                </el-form-item>-->
+
+      </el-form>
+
+      <template #footer>
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="submitForm">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+  import { ref, reactive, onMounted, inject, watch } from 'vue';
+  import { ElMessage, ElMessageBox } from 'element-plus';
+  import { Plus, Delete, Edit, UploadFilled } from '@element-plus/icons-vue';
+
+  const $http = inject('$http');
+  const ajaxfile = inject('ajaxfile');
+  const config = inject('config');
+
+  // 数据列表
+  const allUsers = ref([]);
+  const loading = ref(false);
+  const companies = ref([]);
+
+  const nowUser = localStorage.getItem('username');
+  // 对话框相关
+  const dialogVisible = ref(false);
+  const isEdit = ref(false);
+  const currentUserId = ref(null);
+  const formRef = ref(null);
+
+  const userType = ref('platform'); // 新增用户类型状态
+  const wyUsers = ref([]); // 新增威云用户数据
+
+  // 表单数据
+  const defaultForm = {
+    username: '',
+    password: '',
+    realname: '',
+    mobile: '',
+    email: '',
+    weixin: '',
+    avatar: ''
+  };
+
+  const form = reactive({ ...defaultForm });
+
+  // 验证规则
+  const rules = reactive({
+    username: [
+      { required: true, message: '用户名', trigger: 'blur' },
+      { min: 3, max: 20, message: '长度在3到20个字符', trigger: 'blur' }
+    ],
+    password: [
+      { message: '密码', trigger: 'blur' },
+      { min: 6, message: '密码长度至少6位', trigger: 'blur' }
+    ],
+    mobile: [
+      { required: true, pattern: /^1[3-9]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }
+    ],
+    email: [
+      { type: 'email', message: '邮箱格式不正确', trigger: 'blur' }
+    ],
+    comId: [
+      { required: true, message: '公司不可为空', trigger: 'blur' }
+    ],
+    position: [
+      { required: true, message: '用户类型不可为空', trigger: 'blur' }
+    ],
+    realname: userType.value === 'wy' ? [] : [
+      { required: true, message: '真实姓名', trigger: 'blur' }
+    ],
+  });
+
+  /*// 获取用户列表
+  const getUsers = async () => {
+    try {
+      loading.value = true;
+      const rs = await $http.post('Company/GetComInfo', {
+        IsAll: true,
+        ID: 0,
+      });
+
+      if (rs.data.isok) {
+        companies.value = rs.data.response;
+
+        const rs1 = await $http.post('Users/GetUserInfo', {
+          IsAll: true,
+          ID: 0,
+        });
+        //console.log(rs1.data.response);
+        if (rs1.data.isok) {
+          // 1. 创建公司映射表（提高查找效率）
+          const companyMap = companies.value.reduce((map, company) => {
+            map[company.id] = company.nameCn;
+            return map;
+          }, {});
+
+          // 2. 处理用户数据
+          allUsers.value = rs1.data.response.reduce((acc, user) => {
+            if (user.username !== "WYSERVER") {
+              acc.push({
+                ...user,
+                company: companyMap[user.comId] || '未知公司' // 处理找不到公司的情况
+              });
+            }
+            return acc;
+          }, []);
+
+
+          // 3. 排序（在映射之后）
+          allUsers.value.sort((a, b) => a.username.localeCompare(b.username));
+
+        } else {
+          ElMessage.error(rs1.data.message);
+        }
+      }
+    } catch (error) {
+      ElMessage.error('获取用户列表失败');
+      console.error(error);
+    } finally {
+      loading.value = false;
+    }
+  };*/
+
+  // 获取身份
+  const positionList = ref([]);
+  const getShengfen = () => {
+    try {
+      const rs = $http.post('ConfigPY/GetSingleValue', {
+        VarName: "用户类型",
+      }).then(rs => {
+        //console.log(JSON.parse(rs.data.response));
+        positionList.value = JSON.parse(rs.data.response)
+      })
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
+  // 新增代码：上传组件引用和文件状态
+  const avatarUploadRef = ref(null);
+  const selectedFile = ref(null);
+
+  // 修改头像处理逻辑
+  const handleAvatarChange = (uploadFile) => {
+    const file = uploadFile.raw;
+    const isImage = file.type.startsWith('image/');
+    const isLt2M = file.size / 1024 / 1024 < 5;
+
+    if (!isImage) {
+      ElMessage.error('只能上传图片文件!');
+      return false;
+    }
+    if (!isLt2M) {
+      ElMessage.error('图片大小不能超过5MB!');
+      return false;
+    }
+
+    // 预览本地文件
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      form.avatar = e.target.result;
+    };
+    reader.readAsDataURL(file);
+
+    selectedFile.value = file;
+    return false; // 阻止自动上传
+  };
+
+  // 修改后的提交逻辑
+  const submitForm = async () => {
+
+    await formRef.value.validate();
+    try {
+      // 如果有新选择的头像文件，先上传
+      let filedata = {
+        File: selectedFile.value,
+        Folder: "face",
+      }
+      if (selectedFile.value) {
+        const uploadRes = await ajaxfile(filedata);
+        if (uploadRes?.fileName) {
+          form.avatar = uploadRes.fileName; // 根据实际接口返回结构调整
+        } else {
+          ElMessage.error('头像上传失败: ' + uploadRes);
+          return;
+        }
+      } else if (form.avatar) {
+        form.avatar = form.avatar.substring(form.avatar.lastIndexOf('/') + 1);
+      }
+      var apiPrefix = '';
+
+      if (isEdit.value) {
+        apiPrefix = userType.value === 'wy' ? 'WyUsers/EditMyUser' : 'Users/EditUser';
+      } else {
+        apiPrefix = userType.value === 'wy' ? 'WyUsers/AddMyUser' : 'Users/AddUser';
+      }
+      // 提交用户数据
+      const api = `${apiPrefix}`;
+      // 提交用户数据
+      const data = isEdit.value ? { ...form, id: currentUserId.value } : form;
+      if (isEdit.value) data.id = currentUserId.value;
+      const rs = await $http.post(api, data);
+      if (rs.data.isok) {
+        ElMessage.success(isEdit.value ? '修改成功' : '添加成功');
+        // 重置状态
+        selectedFile.value = null;
+        avatarUploadRef.value?.clearFiles();
+        await getUsers();
+        dialogVisible.value = false;
+      } else {
+        ElMessage.error(rs.data.message);
+      }
+    } catch (error) {
+      ElMessage.error('操作失败');
+      console.error(error);
+    }
+  };
+
+  // 修改打开对话框逻辑
+  const handleAdd = () => {
+    Object.assign(form, defaultForm);
+    isEdit.value = false;
+    selectedFile.value = null;
+    avatarUploadRef.value?.clearFiles();
+    dialogVisible.value = true;
+  };
+
+  const handleEdit = (row) => {
+    Object.assign(form, row);
+    isEdit.value = true;
+    currentUserId.value = row.id;
+    selectedFile.value = null;
+    avatarUploadRef.value?.clearFiles();
+    dialogVisible.value = true;
+  };
+
+  // 删除用户
+  const handleDelete = (row) => {
+    ElMessageBox.confirm('确定删除该用户吗？', '警告', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      try {
+        const rs = await $http.post('Users/DelUser', { Id: row.id });
+        if (rs.data.isok) {
+          ElMessage.success('删除成功');
+          await getUsers();
+        } else {
+          ElMessage.error(rs.data.message);
+        }
+      } catch (error) {
+        ElMessage.error('删除失败');
+        console.error(error);
+      }
+    }).catch(() => { });
+  };
+
+  // 头像上传处理
+  const handleAvatarSuccess = (res) => {
+    form.avatar = res.data.url;  // 根据实际接口返回调整
+  };
+
+  const beforeAvatarUpload = (file) => {
+    const isImage = /^image\/(jpeg|png|gif)$/.test(file.type);
+    const isLt2M = file.size / 1024 / 1024 < 2;
+
+    if (!isImage) {
+      ElMessage.error('只能上传图片文件!');
+    }
+    if (!isLt2M) {
+      ElMessage.error('图片大小不能超过2MB!');
+    }
+    return isImage && isLt2M;
+  };
+
+
+
+  watch(userType, (newVal) => {
+    getUsers();
+  });
+  // 修改后的获取用户列表方法
+  const getUsers = async () => {
+    try {
+      loading.value = true;
+      const rs = await $http.post('Company/GetComInfo', { IsAll: true, ID: 0 });
+
+      if (rs.data.isok) {
+        companies.value = rs.data.response;
+
+        // 根据用户类型调用不同接口
+        const apiPrefix = userType.value === 'wy' ? 'WyUsers' : 'Users';
+        const rs1 = await $http.post(`${apiPrefix}/GetUserInfo`, {
+          IsAll: true,
+          ID: 0,
+        });
+
+        if (rs1.data.isok) {
+          const processData = (data) => {
+            const companyMap = companies.value.reduce((map, company) => {
+              map[company.id] = company.nameCn;
+              return map;
+            }, {});
+
+            return data.reduce((acc, user) => {
+              if (user.username !== "WYSERVER") {
+                acc.push({
+                  ...user,
+                  company: companyMap[user.comId] || '未知公司'
+                });
+              }
+              return acc;
+            }, []);
+          };
+
+          if (userType.value === 'wy') {
+            wyUsers.value = processData(rs1.data.response);
+          } else {
+            allUsers.value = processData(rs1.data.response);
+            allUsers.value.sort((a, b) => a.username.localeCompare(b.username));
+          }
+        }
+      }
+    } catch (error) {
+      ElMessage.error('获取用户列表失败');
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  onMounted(() => {
+    getUsers();
+    getShengfen()
+  });
+</script>
+
+<style scoped>
+  .user-management {
+    padding: 12px;
+  }
+
+  .header {
+    margin-bottom: 10px;
+  }
+
+
+
+  .avatar {
+    width: 120px;
+    height: 120px;
+    display: block;
+  }
+
+  /* 拖拽区域样式 */
+  .avatar-uploader :deep(.el-upload-dragger) {
+    width: 220px;
+    height: 220px;
+    padding: 20px;
+    border-radius: 5%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s ease;
+  }
+
+  .avatar-uploader:hover :deep(.el-upload-dragger) {
+    border-color: var(--el-color-primary);
+  }
+
+  /* 头像预览样式 */
+  .avatar-preview {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  .avatar-image {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+
+  .avatar-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 5%;
+    color: white;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+
+    .avatar-mask:hover {
+      opacity: 1;
+    }
+
+  /* 图标和文字样式 */
+  .el-icon--upload {
+    font-size: 36px;
+    color: var(--el-text-color-secondary);
+    margin-bottom: 12px;
+  }
+
+  .el-upload__text {
+    font-size: 14px;
+    color: var(--el-text-color-regular);
+    text-align: center;
+  }
+
+    .el-upload__text em {
+      color: var(--el-color-primary);
+      font-style: normal;
+    }
+
+  .el-upload__tip {
+    font-size: 12px;
+    color: var(--el-text-color-secondary);
+    margin-top: 8px;
+  }
+</style>
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..2c604fa
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,115 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import Home from '../pages/home/index.vue';
+import Login from '../pages/login/index.vue';
+import UserManage from '../pages/usermanage/index.vue';
+import ComManage from '../pages/commanage/index.vue';
+import ScopeManage from '../pages/scopemanage/index.vue';
+import User from '../pages/user/index.vue';
+import SwitchSelection from '../pages/switchselection/index.vue';
+import PanelSelection from '../pages/panelselection/index.vue';
+import Log from '../pages/log/index.vue';
+import DicManage from '../pages/dicmanage/index.vue';
+
+
+const routes = [
+  {
+    path: '/',
+    // 动态重定向到登录页或主页
+    redirect: () => {
+      const isAuthenticated = localStorage.getItem('token');
+      return isAuthenticated ? '/home' : '/login';
+    }
+  },
+  {
+    path: '/login',
+    name: '登录',
+    component: Login
+  },
+  {
+    path: '/home',
+    name: '主页',
+    component: Home,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/log',
+    name: '日志中心',
+    component: Log,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/usermanage',
+    name: '用户管理',
+    component: UserManage,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/commanage',
+    name: '组织管理',
+    component: ComManage,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/scopemanage',
+    name: '权限管理',
+    component: ScopeManage,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/dicmanage',
+    name: '字典管理',
+    component: DicManage,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/user',
+    name: '个人中心',
+    component: User,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/switchselection',
+    name: '开关选型',
+    component: SwitchSelection,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/panelselection',
+    name: '开关选型',
+    component: PanelSelection,
+    meta: { requiresAuth: true } // 需要认证的路由
+  },
+  {
+    path: '/:pathMatch(.*)*',
+    name: '404错误',
+    component: () => import('../pages/404/index.vue') // 404页面
+  },
+
+
+];
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes
+});
+
+
+// 路由守卫
+router.beforeEach((to, from, next) => {
+  const isAuthenticated = localStorage.getItem('token') // 用localStorage存储token
+  const username = localStorage.getItem('username') // 获取用户名
+
+  if (to.meta.requiresAuth && !isAuthenticated) {
+    // 如果需要认证且没有token，则跳转到登录页面
+    next('/login')
+  } else if ((to.path == '/usermanage' || to.path == '/scopemanage') && (username != 'Admin' && username != 'MoMoWen')) {
+    // 如果访问的是用户管理页面但用户名不是Admin，则跳转到主页
+    next('/home')
+  } else {
+    // 其他情况正常放行
+    sessionStorage.setItem('currentRoute', to.fullPath)
+    next()
+  }
+})
+
+export default router;
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..9339a2e
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite';
+import plugin from '@vitejs/plugin-vue';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [plugin()],
+    server: {
+        port: 63615,
+    }
+})
\ No newline at end of file