commit 5f047b085cdfe0ae5a5aefa113220fa886362896
Author: duhao <Ab@1234567890>
Date:   Fri Sep 18 16:50:27 2026 +0800

    初始化代码

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..9be385e
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,23 @@
+# 构建上下文排除项，加速构建并避免冗余文件进入镜像
+node_modules/
+dist/
+.vite/
+
+# IDE & 系统
+.idea/
+.vscode/
+.DS_Store
+
+# 日志
+*.log
+npm-debug.log*
+
+# Git
+.git/
+.gitignore
+
+# 文档（不需要进入镜像）
+*.md
+
+# 环境配置（开发用，构建时不需要进入镜像）
+.env.development
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..35cd622
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,4 @@
+# 开发环境配置
+# 文件访问基础 URL：后端 SysFile 存储的相对路径（/static/...）需拼接此前缀才能直接访问
+# 与 LAOP-admin application-dev.yml 的 laop.file-base-url 保持一致
+VITE_FILE_BASE_URL=http://localhost:8081/laop
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..0a7f912
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,6 @@
+# 生产环境配置
+# --------------------------------------------------------------------
+# 文件访问基础 URL：留空走相对路径 /static/xxx，由 nginx 反向代理到后端
+# /laop/static/xxx。这样不依赖后端 18081 端口对外暴露。
+# 如果希望浏览器直连后端（不经 nginx），改为 http://<server-ip>:18081/laop
+VITE_FILE_BASE_URL=
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a3c1f06
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,33 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+dist-ssr/
+*.local
+
+# Editor / IDE
+.vscode/*
+!.vscode/extensions.json
+.idea/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Env
+.env
+.env.local
+.env.*.local
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..f83c30d
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,60 @@
+# =====================================================================
+# 翼云Hub · LAOP-web 前端镜像 Dockerfile
+# 多阶段构建：阶段1 用 Node 构建 Vite 产物；阶段2 用 nginx 提供静态服务
+# --------------------------------------------------------------------
+# 说明：
+# - 前端是 Vue3 + Vite SPA，构建产物为 dist/ 静态文件
+# - 运行时只需 nginx 提供静态服务 + 反向代理后端 API
+# - 与后端 laop-admin 容器通过 docker 网络互通，nginx 用 service name 解析
+# - 挂载宿主机 /home/laop/web 时，首次启动会自动从镜像内置备份初始化
+#   静态目录，避免空挂载导致 nginx 403
+# =====================================================================
+
+# -------------------------------------------------------------------
+# 阶段1：构建期（Node + Vite）
+# -------------------------------------------------------------------
+FROM node:20-alpine AS builder
+
+WORKDIR /app
+
+# 先 COPY 依赖描述文件，利用 Docker 缓存层加速安装
+COPY package.json package-lock.json ./
+
+# 安装依赖（使用 npm ci 保证可重复构建）
+RUN npm ci
+
+# 复制源码
+COPY . .
+
+# 构建生产环境产物（Vite 会自动读取 .env.production）
+RUN npm run build
+
+
+# -------------------------------------------------------------------
+# 阶段2：运行期（nginx 静态服务）
+# -------------------------------------------------------------------
+FROM nginx:stable-alpine
+
+LABEL maintainer="laop-web"
+LABEL description="翼云Hub · 无人机信息开放平台 前端 Web 服务"
+
+# 时区设置
+ENV TZ=Asia/Shanghai
+RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
+
+# 清空 nginx 默认配置，使用自定义配置（包含 SPA 路由 + API 反向代理）
+RUN rm /etc/nginx/conf.d/default.conf
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# 拷贝构建产物到备份目录（运行时由 entrypoint 脚本复制到 nginx 静态目录）
+# 不直接放到 /usr/share/nginx/html 是为了支持宿主机目录挂载：
+# 挂载点会覆盖 /usr/share/nginx/html，但 /app/dist-backup 不受影响
+COPY --from=builder /app/dist /app/dist-backup
+
+# 注册初始化脚本到 nginx entrypoint 自动执行目录（/docker-entrypoint.d/*.sh）
+# nginx 官方镜像 entrypoint 会按文件名顺序执行该目录下所有 .sh 脚本
+COPY docker-entrypoint.d/30-init-static.sh /docker-entrypoint.d/30-init-static.sh
+RUN chmod +x /docker-entrypoint.d/30-init-static.sh
+
+# 容器内暴露 80 端口（由 docker-compose 映射到宿主机 18080）
+EXPOSE 80
diff --git a/docker-entrypoint.d/30-init-static.sh b/docker-entrypoint.d/30-init-static.sh
new file mode 100644
index 0000000..92ee1a4
--- /dev/null
+++ b/docker-entrypoint.d/30-init-static.sh
@@ -0,0 +1,29 @@
+#!/bin/sh
+# =====================================================================
+# nginx 静态目录初始化脚本（由 nginx 官方 entrypoint 自动调用）
+# --------------------------------------------------------------------
+# 作用：当宿主机挂载 /home/laop/web 到 /usr/share/nginx/html 时，
+#       首次挂载目录为空，nginx 启动会 403。此脚本检测空目录后，
+#       自动从镜像内置备份 /app/dist-backup 复制一份，实现首次部署零配置。
+# 后续更新前端：直接替换 /home/laop/web 内文件，无需重建镜像。
+# =====================================================================
+set -e
+
+NGINX_HTML_DIR=/usr/share/nginx/html
+BACKUP_DIR=/app/dist-backup
+
+# 备份目录不存在，说明镜像构建异常，直接退出交由 nginx 处理
+if [ ! -d "$BACKUP_DIR" ]; then
+    echo "[init-static] backup dir $BACKUP_DIR not found, skip init."
+    exit 0
+fi
+
+# 检查 nginx 静态目录是否为空（不存在 / 无任何文件）
+if [ ! -d "$NGINX_HTML_DIR" ] || [ -z "$(ls -A "$NGINX_HTML_DIR" 2>/dev/null)" ]; then
+    echo "[init-static] $NGINX_HTML_DIR is empty, initializing from $BACKUP_DIR ..."
+    mkdir -p "$NGINX_HTML_DIR"
+    cp -r "$BACKUP_DIR"/. "$NGINX_HTML_DIR"/
+    echo "[init-static] done."
+else
+    echo "[init-static] $NGINX_HTML_DIR already has files, skip init."
+fi
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1dcea31
--- /dev/null
+++ b/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="zh-CN">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>翼云Hub · 无人机信息开放平台</title>
+    </head>
+    <body>
+        <div id="app"></div>
+        <script type="module" src="/src/main.js"></script>
+    </body>
+</html>
diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 0000000..d017e8f
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,109 @@
+# =====================================================================
+# 翼云Hub · LAOP-web 前端 nginx 配置
+# --------------------------------------------------------------------
+# 职责：
+# 1) SPA 静态资源服务 + History 路由 fallback
+# 2) 反向代理前端 axios 请求（baseURL=/api）到后端容器 laop-admin:8081
+# 3) 反向代理后端静态文件（/static）到后端 laop-admin:8081/laop/static
+# --------------------------------------------------------------------
+# 后端 context-path = /laop；controller 路径分两类：
+#   - 带 /api 前缀：/api/file, /api/mini/*, /api/wechat/mp  → 完整路径 /laop/api/...
+#   - 不带 /api 前缀：/user, /banner, /course ...            → 完整路径 /laop/...
+# 前端 axios baseURL=/api，所以请求分两种：
+#   - /api/file/xxx, /api/mini/xxx, /api/wechat/xxx → 重写为 /laop/api/...
+#   - /api/user/xxx 等其余                              → 重写为 /laop/...
+# 用 nginx location 精确匹配实现，避免使用 if（nginx "if is evil"）
+# =====================================================================
+
+server {
+    listen       80;
+    server_name  _;
+
+    # 字符集 & 日志
+    charset utf-8;
+    access_log /var/log/nginx/access.log combined;
+    error_log  /var/log/nginx/error.log warn;
+
+    # SPA 根目录
+    root   /usr/share/nginx/html;
+    index  index.html;
+
+    # ----- 静态资源缓存（带 hash 的 assets 长缓存）-----
+    location ~* \.(?:js|css|woff2?|ttf|otf|eot|png|jpg|jpeg|gif|webp|svg|ico)$ {
+        try_files $uri =404;
+        expires 30d;
+        add_header Cache-Control "public, max-age=2592000, immutable";
+        access_log off;
+    }
+
+    # ----- 后端反向代理：文件上传/下载 /api/file/* → /laop/api/file/* -----
+    location /api/file/ {
+        proxy_pass http://laop-admin:8081/laop/api/file/;
+        proxy_http_version 1.1;
+        proxy_set_header Host              $host;
+        proxy_set_header X-Real-IP         $remote_addr;
+        proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        # 文件上传放宽超时（与后端 max-request-size 15MB 配合）
+        proxy_connect_timeout 30s;
+        proxy_send_timeout    120s;
+        proxy_read_timeout    120s;
+        client_max_body_size  20m;
+    }
+
+    # ----- 后端反向代理：小程序端 /api/mini/* → /laop/api/mini/* -----
+    location /api/mini/ {
+        proxy_pass http://laop-admin:8081/laop/api/mini/;
+        proxy_http_version 1.1;
+        proxy_set_header Host              $host;
+        proxy_set_header X-Real-IP         $remote_addr;
+        proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    # ----- 后端反向代理：微信公众号回调 /api/wechat/* → /laop/api/wechat/* -----
+    location /api/wechat/ {
+        proxy_pass http://laop-admin:8081/laop/api/wechat/;
+        proxy_http_version 1.1;
+        proxy_set_header Host              $host;
+        proxy_set_header X-Real-IP         $remote_addr;
+        proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    # ----- 后端反向代理：其余 /api/* → /laop/* -----
+    # 适配 Web 管理端 controller（路径不带 /api 前缀，如 /user /banner /course 等）
+    location /api/ {
+        proxy_pass http://laop-admin:8081/laop/;
+        proxy_http_version 1.1;
+        proxy_set_header Host              $host;
+        proxy_set_header X-Real-IP         $remote_addr;
+        proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
+    # ----- 后端静态资源（上传的图片/视频/文件）/static/* → /laop/static/* -----
+    # 前端通过 VITE_FILE_BASE_URL 留空时，浏览器以相对路径访问 /static/xxx
+    location /static/ {
+        proxy_pass http://laop-admin:8081/laop/static/;
+        proxy_http_version 1.1;
+        proxy_set_header Host              $host;
+        proxy_set_header X-Real-IP         $remote_addr;
+        proxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        # 图片/视频下载放宽超时
+        proxy_read_timeout 120s;
+    }
+
+    # ----- 健康检查 -----
+    location = /healthz {
+        access_log off;
+        return 200 "ok\n";
+        add_header Content-Type text/plain;
+    }
+
+    # ----- SPA History 路由 fallback（兜底放在最后）-----
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..385dc4e
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,2796 @@
+{
+    "name": "laop-web",
+    "version": "1.0.0",
+    "lockfileVersion": 3,
+    "requires": true,
+    "packages": {
+        "": {
+            "name": "laop-web",
+            "version": "1.0.0",
+            "dependencies": {
+                "@element-plus/icons-vue": "^2.3.1",
+                "@wangeditor/editor": "^5.1.23",
+                "@wangeditor/editor-for-vue": "^5.1.12",
+                "axios": "^1.7.7",
+                "echarts": "^6.1.0",
+                "element-plus": "^2.8.4",
+                "pinia": "^2.2.2",
+                "vue": "^3.5.10",
+                "vue-router": "^4.4.5"
+            },
+            "devDependencies": {
+                "@vitejs/plugin-vue": "^5.1.4",
+                "sass": "^1.79.3",
+                "vite": "^5.4.8"
+            }
+        },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+            "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+            "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/parser": {
+            "version": "7.29.8",
+            "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.8.tgz",
+            "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/types": "^7.29.8"
+            },
+            "bin": {
+                "parser": "bin/babel-parser.js"
+            },
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@babel/runtime": {
+            "version": "7.29.7",
+            "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.29.7.tgz",
+            "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/types": {
+            "version": "7.29.8",
+            "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.8.tgz",
+            "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.29.7",
+                "@babel/helper-validator-identifier": "^7.29.7"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@ctrl/tinycolor": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-4.2.0.tgz",
+            "integrity": "sha512-kzyuwOAQnXJNLS9PSyrk0CWk35nWJW/zl/6KvnTBMFK65gm7U1/Z5BqjxeapjZCIhQcM/DsrEmcbRwDyXyXK4A==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=14"
+            }
+        },
+        "node_modules/@element-plus/icons-vue": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz",
+            "integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==",
+            "license": "MIT",
+            "peerDependencies": {
+                "vue": "^3.2.0"
+            }
+        },
+        "node_modules/@esbuild/aix-ppc64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "aix"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+            "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+            "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/android-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+            "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+            "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/darwin-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+            "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+            "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/freebsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+            "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+            "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+            "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ia32": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+            "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-loong64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+            "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-mips64el": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+            "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+            "cpu": [
+                "mips64el"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-ppc64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-riscv64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+            "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-s390x": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+            "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/linux-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+            "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/netbsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "netbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/openbsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/sunos-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+            "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "sunos"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+            "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-ia32": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+            "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@esbuild/win32-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+            "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">=12"
+            }
+        },
+        "node_modules/@floating-ui/core": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.8.0.tgz",
+            "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/utils": "^0.2.12"
+            }
+        },
+        "node_modules/@floating-ui/dom": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.8.0.tgz",
+            "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==",
+            "license": "MIT",
+            "dependencies": {
+                "@floating-ui/core": "^1.8.0",
+                "@floating-ui/utils": "^0.2.12"
+            }
+        },
+        "node_modules/@floating-ui/utils": {
+            "version": "0.2.12",
+            "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.12.tgz",
+            "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==",
+            "license": "MIT"
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+            "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
+            "license": "MIT"
+        },
+        "node_modules/@napi-rs/lzma-linux-x64-gnu": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmmirror.com/@napi-rs/lzma-linux-x64-gnu/-/lzma-linux-x64-gnu-1.5.1.tgz",
+            "integrity": "sha512-oTXEIha4SsuXdTA4Iyskj0kpdx2yVXdhd75c2v3xGrHFfVMsbhTPZU/nMPL4sWKo4pBHm3aucLaqGlF696dTyQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": "^22.20 || ^24.12 || >=25"
+            }
+        },
+        "node_modules/@parcel/watcher": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher/-/watcher-2.6.0.tgz",
+            "integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "detect-libc": "^2.0.3",
+                "is-glob": "^4.0.3",
+                "node-addon-api": "^7.0.0",
+                "picomatch": "^4.0.4"
+            },
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            },
+            "optionalDependencies": {
+                "@parcel/watcher-android-arm64": "2.6.0",
+                "@parcel/watcher-darwin-arm64": "2.6.0",
+                "@parcel/watcher-darwin-x64": "2.6.0",
+                "@parcel/watcher-freebsd-x64": "2.6.0",
+                "@parcel/watcher-linux-arm-glibc": "2.6.0",
+                "@parcel/watcher-linux-arm-musl": "2.6.0",
+                "@parcel/watcher-linux-arm64-glibc": "2.6.0",
+                "@parcel/watcher-linux-arm64-musl": "2.6.0",
+                "@parcel/watcher-linux-x64-glibc": "2.6.0",
+                "@parcel/watcher-linux-x64-musl": "2.6.0",
+                "@parcel/watcher-win32-arm64": "2.6.0",
+                "@parcel/watcher-win32-x64": "2.6.0"
+            }
+        },
+        "node_modules/@parcel/watcher-android-arm64": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.6.0.tgz",
+            "integrity": "sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-darwin-arm64": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.6.0.tgz",
+            "integrity": "sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-darwin-x64": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.6.0.tgz",
+            "integrity": "sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-freebsd-x64": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.6.0.tgz",
+            "integrity": "sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-arm-glibc": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.6.0.tgz",
+            "integrity": "sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-arm-musl": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.6.0.tgz",
+            "integrity": "sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-arm64-glibc": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.6.0.tgz",
+            "integrity": "sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-arm64-musl": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.6.0.tgz",
+            "integrity": "sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-x64-glibc": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.6.0.tgz",
+            "integrity": "sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-x64-musl": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.6.0.tgz",
+            "integrity": "sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-win32-arm64": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.6.0.tgz",
+            "integrity": "sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-win32-x64": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmmirror.com/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.6.0.tgz",
+            "integrity": "sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@popperjs/core": {
+            "name": "@sxzz/popperjs-es",
+            "version": "2.11.8",
+            "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.8.tgz",
+            "integrity": "sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/popperjs"
+            }
+        },
+        "node_modules/@rollup/rollup-android-arm-eabi": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.63.1.tgz",
+            "integrity": "sha512-UZ8sUxPTiHWYX9QNdJedb1kDZSpS1t/VPWBWGSgqHNi9w3Cu6IXvu2mzbhiTiPvtrqgTQJ+zqiAq2iPIPilpaQ==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-android-arm64": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.63.1.tgz",
+            "integrity": "sha512-cQ4nFQABN5cDvDpbvJ7bMStCpnaVxynZrRMfUJYgxcIk9Sh54FIO1vtfkg0B69REjER77ioZ/ov+eAApx/KmLQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "android"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-arm64": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.63.1.tgz",
+            "integrity": "sha512-FQNqd1lRy/0QhDk3xeRIkSBiCpXCiDnZO3YLVdcDKN1UBiKToNftCzcXYNLshmPDUMlu2TdeS8tGcsU6f3YF1Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-darwin-x64": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.63.1.tgz",
+            "integrity": "sha512-pvD16V939D3CloK0+qikpGaxiPrDUXTe7Y5cWOMkMSy7m1cawa8EGy/kXYi/G/cKAC4HDAbSnzCIk1WmsoOKXg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.63.1.tgz",
+            "integrity": "sha512-pcFGeL2345VwdTnJhA6zLbew+YgWB0qBG2+dMtXjCicf6+rm6kO6cOoh5VnTe0ZMrMRgRyuHmCJxZWrIdzYuOw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.63.1.tgz",
+            "integrity": "sha512-mRJlqSRulVzcKq/LKA6ICSIc3K/l4fzlVn/gePn2nXIHy8seRi5z/eeRE0d/XMBxcMldiXtQTSpRj0tkkC3g8Q==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.63.1.tgz",
+            "integrity": "sha512-YDUNvVM85TI3g/1OpnqKP1h4NeW/j64DfWMf+G3M809xNk1bJSnpFp4sh83NpmVE5DXnkh8ULor4LTVZKoYLHw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.63.1.tgz",
+            "integrity": "sha512-7Mcn71p9ZuQFAj+h+dhQXy/yeLePRS2yKRnmW1DijA9thKO5qap0GNOIQK4yQ6iP3SU0Mrb/yWo8h8vgRba8lw==",
+            "cpu": [
+                "arm"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.63.1.tgz",
+            "integrity": "sha512-4YiLQTX6U4CSl0L9cluep9A9W6UmTfqBDc2/CH6wlu54pl4E7Jn3cOD8oxzvBDEGk/JMKgJ47C8g+radF7mwvg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-arm64-musl": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.63.1.tgz",
+            "integrity": "sha512-2ra8F7w8OquwZN9z2/fKFnli69wa8PLwaVzRMIPGb13ByMJwC28Fbp8YcVGoUhlYMTt7j5j9bNgpysrN2UM+vw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loong64-gnu": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.63.1.tgz",
+            "integrity": "sha512-Sy20ncyhjmBP0Ml+UvQbimjlk6VFgjW5uNP+qqwHB00mTE8Bl2C1TuHTlRwK2YoXeZbee5lP2XevBWVkAQAtSQ==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-loong64-musl": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.63.1.tgz",
+            "integrity": "sha512-noITLp8oNjYliPnGWmLyelIHwULGqbHloQHGw1rtxbWhTuWooRpnZarZQJ1y9EUC4szuCusCc+HEpUtxpIwYvA==",
+            "cpu": [
+                "loong64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.63.1.tgz",
+            "integrity": "sha512-hlxxXd+F1mWiAcaFR7Sv9ZQT6m6UfI8+Vy/kFJzztq2pDMU/0wZ9sish0iszNZvsQDo8Gc0i5yuFEOz5dDf6fA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-ppc64-musl": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.63.1.tgz",
+            "integrity": "sha512-EF7OpqQTQ/BvGqLzUi4rEHuagCV9MugAUXSHemwPW5vxZ75RR+jxO/2j95Ph2dalMpFHSVECjRoioHZgA9zOYA==",
+            "cpu": [
+                "ppc64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.63.1.tgz",
+            "integrity": "sha512-wQO3JesW9PRkwlabQ27y7sPfVOOTLRG73I4F2UYHG5PXun3J9U3y+b7ezVKSYbsvSKGQ1k1cq8Qlun4C9kLt3w==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-riscv64-musl": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.63.1.tgz",
+            "integrity": "sha512-ouAGwhO6wHRXdnOVCOsB0tRFkA7nhNB2Nwax6oECXN0YiN8EYUTBAOudADOB1PI+yDL61TeNx/u7MVCzksNbkQ==",
+            "cpu": [
+                "riscv64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.63.1.tgz",
+            "integrity": "sha512-q2R38Sn+1J8RxhfJ+T54wSWmyKXWec+9jgDfqO2AtArEqHO5R2aeayp5H5OYLr5UYDVGsVaZPEFUooMhYCdz5A==",
+            "cpu": [
+                "s390x"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-gnu": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.63.1.tgz",
+            "integrity": "sha512-gfI5T24WLLuFfSKw7Go/zDXjAAV0fny0swTaDv+WjK7vqcw4cRhFfdsyKL1n+ukI+ooBxn3bVQnyrn06WpI50w==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-linux-x64-musl": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.63.1.tgz",
+            "integrity": "sha512-4h6XqthmB4Hspji84wvgk+ElodTsGj+dbZqHJHHtKxj4mYq0ANSEEPX9ys3moJueqsRjwpaJYH7874Itwnj2ow==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
+        "node_modules/@rollup/rollup-openbsd-x64": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.63.1.tgz",
+            "integrity": "sha512-dlfCOa87o1VAYegLQ9EKilx2JCeRofiyPGhTCmqnuXZ6bMPiycO1rq1+sKoulAp7pGLIsTIw+1x5R+zgh5LhhA==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openbsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-openharmony-arm64": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.63.1.tgz",
+            "integrity": "sha512-cjkLbOlfcm3QGhMM1J5zaZjsw1GggbN6rw9UTSSRrPrR1KkcXnN7Uq9rPw34xImQ9VOY9GN+6u2Zj80B9ptkcw==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "openharmony"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.63.1.tgz",
+            "integrity": "sha512-Li1KdUnWGE4N3e1F/B4RTB1ms+nG4WBgjByO46pkeBVX/2UBsY53xf5vK9WygVmnH3RwncIST7lkSdLSY6P9lg==",
+            "cpu": [
+                "arm64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.63.1.tgz",
+            "integrity": "sha512-t4ZYOSoLTgwhuFMrmTMLx/+i1DQVK7HYqMc6kY46EApwi8X0nIVphzdNoThU3xt6n+N5urG1/gxBdCaKDLavfg==",
+            "cpu": [
+                "ia32"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-gnu": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.63.1.tgz",
+            "integrity": "sha512-RgroPfMmKlD1RzSDxvwgcPiy2HNQKoYV7OmwIXDsk73uKW5t6B/V8KIy27SMv/FNXFo/oSBtWc9J0X7t91ezZg==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@rollup/rollup-win32-x64-msvc": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.63.1.tgz",
+            "integrity": "sha512-at8QVep6S3h5Y6gSbdGU06bRY5WJkf6WUduM9YtvYMbYhB1MOFfUgc6kehitQXzOtMSaT70q7f9ydPhpqu821w==",
+            "cpu": [
+                "x64"
+            ],
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "win32"
+            ]
+        },
+        "node_modules/@transloadit/prettier-bytes": {
+            "version": "0.0.7",
+            "resolved": "https://registry.npmmirror.com/@transloadit/prettier-bytes/-/prettier-bytes-0.0.7.tgz",
+            "integrity": "sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==",
+            "license": "MIT"
+        },
+        "node_modules/@types/estree": {
+            "version": "1.0.9",
+            "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.9.tgz",
+            "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/event-emitter": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmmirror.com/@types/event-emitter/-/event-emitter-0.3.5.tgz",
+            "integrity": "sha512-zx2/Gg0Eg7gwEiOIIh5w9TrhKKTeQh7CPCOPNc0el4pLSwzebA8SmnHwZs2dWlLONvyulykSwGSQxQHLhjGLvQ==",
+            "license": "MIT"
+        },
+        "node_modules/@types/lodash": {
+            "version": "4.17.25",
+            "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.25.tgz",
+            "integrity": "sha512-+K1NIO8I+F9/wNulfVvu23QYd0Pe9/OCqRrim4NoYIf1VoEDL90Ve4ClzpyqBLc7NpGGWRvYNCKZ1BE/Jpf8dQ==",
+            "license": "MIT"
+        },
+        "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==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/lodash": "*"
+            }
+        },
+        "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==",
+            "license": "MIT"
+        },
+        "node_modules/@uppy/companion-client": {
+            "version": "2.2.2",
+            "resolved": "https://registry.npmmirror.com/@uppy/companion-client/-/companion-client-2.2.2.tgz",
+            "integrity": "sha512-5mTp2iq97/mYSisMaBtFRry6PTgZA6SIL7LePteOV5x0/DxKfrZW3DEiQERJmYpHzy7k8johpm2gHnEKto56Og==",
+            "license": "MIT",
+            "dependencies": {
+                "@uppy/utils": "^4.1.2",
+                "namespace-emitter": "^2.0.1"
+            }
+        },
+        "node_modules/@uppy/core": {
+            "version": "2.3.4",
+            "resolved": "https://registry.npmmirror.com/@uppy/core/-/core-2.3.4.tgz",
+            "integrity": "sha512-iWAqppC8FD8mMVqewavCz+TNaet6HPXitmGXpGGREGrakZ4FeuWytVdrelydzTdXx6vVKkOmI2FLztGg73sENQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@transloadit/prettier-bytes": "0.0.7",
+                "@uppy/store-default": "^2.1.1",
+                "@uppy/utils": "^4.1.3",
+                "lodash.throttle": "^4.1.1",
+                "mime-match": "^1.0.2",
+                "namespace-emitter": "^2.0.1",
+                "nanoid": "^3.1.25",
+                "preact": "^10.5.13"
+            }
+        },
+        "node_modules/@uppy/store-default": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmmirror.com/@uppy/store-default/-/store-default-2.1.1.tgz",
+            "integrity": "sha512-xnpTxvot2SeAwGwbvmJ899ASk5tYXhmZzD/aCFsXePh/v8rNvR2pKlcQUH7cF/y4baUGq3FHO/daKCok/mpKqQ==",
+            "license": "MIT"
+        },
+        "node_modules/@uppy/utils": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmmirror.com/@uppy/utils/-/utils-4.1.3.tgz",
+            "integrity": "sha512-nTuMvwWYobnJcytDO3t+D6IkVq/Qs4Xv3vyoEZ+Iaf8gegZP+rEyoaFT2CK5XLRMienPyqRqNbIfRuFaOWSIFw==",
+            "license": "MIT",
+            "dependencies": {
+                "lodash.throttle": "^4.1.1"
+            }
+        },
+        "node_modules/@uppy/xhr-upload": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmmirror.com/@uppy/xhr-upload/-/xhr-upload-2.1.3.tgz",
+            "integrity": "sha512-YWOQ6myBVPs+mhNjfdWsQyMRWUlrDLMoaG7nvf/G6Y3GKZf8AyjFDjvvJ49XWQ+DaZOftGkHmF1uh/DBeGivJQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@uppy/companion-client": "^2.2.2",
+                "@uppy/utils": "^4.1.2",
+                "nanoid": "^3.1.25"
+            },
+            "peerDependencies": {
+                "@uppy/core": "^2.3.3"
+            }
+        },
+        "node_modules/@vitejs/plugin-vue": {
+            "version": "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,
+            "license": "MIT",
+            "engines": {
+                "node": "^18.0.0 || >=20.0.0"
+            },
+            "peerDependencies": {
+                "vite": "^5.0.0 || ^6.0.0",
+                "vue": "^3.2.25"
+            }
+        },
+        "node_modules/@vue/compiler-core": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.42.tgz",
+            "integrity": "sha512-2Ye1ilMtKXxl8qZUrQ5j0CdgenFp/HFQmta6rfRyfEsTG69L6Wk+tWuNoHYHMx9E8tF2Slvdg1FuwDvAXdy1LQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.29.8",
+                "@vue/shared": "3.5.42",
+                "entities": "^7.0.1",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.2.1"
+            }
+        },
+        "node_modules/@vue/compiler-dom": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.42.tgz",
+            "integrity": "sha512-qbhQZEFmycr+ni/qyuccS4sucNN7VAbDfbkvNxWOX2VfgFm90MNs3/UhRNKoPMEIVn0F8gdlYjLPvqxHwHeQOA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-core": "3.5.42",
+                "@vue/shared": "3.5.42"
+            }
+        },
+        "node_modules/@vue/compiler-sfc": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.42.tgz",
+            "integrity": "sha512-fkCAFB4okcAANGMThboWnScp/gzWjU0ZSkVnjTIiplmMDq2uq0tIB3j+xVu4rhv5rvOgBySCysudmbMd6xRRqw==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/parser": "^7.29.8",
+                "@vue/compiler-core": "3.5.42",
+                "@vue/compiler-dom": "3.5.42",
+                "@vue/compiler-ssr": "3.5.42",
+                "@vue/shared": "3.5.42",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.21",
+                "postcss": "^8.5.19",
+                "source-map-js": "^1.2.1"
+            }
+        },
+        "node_modules/@vue/compiler-ssr": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.42.tgz",
+            "integrity": "sha512-xmLk3wLkbizPAiLyomjgFFosf2ys9b5Ghb+oh/k2tnvipNz8OFrQOiTcWCzyK7MpBp9KkyGtfvgfLUivbmuGYA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-dom": "3.5.42",
+                "@vue/shared": "3.5.42"
+            }
+        },
+        "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==",
+            "license": "MIT"
+        },
+        "node_modules/@vue/reactivity": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.42.tgz",
+            "integrity": "sha512-TzNNfKpb7hDxbQltwAut8VDQA5YP+BuRlxntHUuRjyKwlMvmAPbs3unhCvieijifY6vFfVBwsS7wG/C7uq+bEQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.5.42"
+            }
+        },
+        "node_modules/@vue/runtime-core": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.42.tgz",
+            "integrity": "sha512-9uACtuHs7vJGkm5Bp3xu4xRDLFTIYy5DgxpToVjqGIAhAEKwQfsaLvKINhM6nFVp6bZPRFGdDqd1g52MqKsotA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "3.5.42",
+                "@vue/shared": "3.5.42"
+            }
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.42.tgz",
+            "integrity": "sha512-rsCmhiWLaRxGltLwhlCWyYkFn7WAbKRh0q17eZ1A6Dq6eqc2ACQ61IIryxz0LrsvCzHSilLA9JHovVwM8CNE2g==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "3.5.42",
+                "@vue/runtime-core": "3.5.42",
+                "@vue/shared": "3.5.42",
+                "csstype": "^3.2.3"
+            }
+        },
+        "node_modules/@vue/server-renderer": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.42.tgz",
+            "integrity": "sha512-2++5dUyYS4gvo7xQXSECUDhB7TS0aOl5SeVfC5qSq1Jgfhjvegw1zqhwTIR3imZ+QYPJQw9gfcFvXGAjGZ7ajQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-ssr": "3.5.42",
+                "@vue/runtime-dom": "3.5.42",
+                "@vue/shared": "3.5.42"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.42.tgz",
+            "integrity": "sha512-2rPxex1jQf4jvl9MOHl6YaXCPcrNqz/FstMOEh3QWY+/OME9nQTvl9WYeCwhW7AFjaR0SnngZGlp/wkR6rkI6g==",
+            "license": "MIT"
+        },
+        "node_modules/@vueuse/core": {
+            "version": "14.4.0",
+            "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-14.4.0.tgz",
+            "integrity": "sha512-X4WHz1HlCzCBoYXesUkifzzWBAcZgXG8Fi5iNPQg/epdzOB3gu8Fawj3hvuwYR1nGcXGnvxwYYcUC/71++svtQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/web-bluetooth": "^0.0.21",
+                "@vueuse/metadata": "14.4.0",
+                "@vueuse/shared": "14.4.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "vue": "^3.5.0"
+            }
+        },
+        "node_modules/@vueuse/metadata": {
+            "version": "14.4.0",
+            "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-14.4.0.tgz",
+            "integrity": "sha512-swx/255R6JyHZFJhx845iz5CRWDZdCfvkZOpACWc5+c5WHcG24mv8gUT1WIdFQaHt6dq79rvILd9QnCWiyVm9g==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            }
+        },
+        "node_modules/@vueuse/shared": {
+            "version": "14.4.0",
+            "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-14.4.0.tgz",
+            "integrity": "sha512-JRgY90Sz8DDtPMsaDflvPMp9xYk69JZAmbuDvAquUVXKr2gEjqtzGNTTthLfckH0BzBqvnu31gb4a8TGLRe79g==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/antfu"
+            },
+            "peerDependencies": {
+                "vue": "^3.5.0"
+            }
+        },
+        "node_modules/@wangeditor/basic-modules": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/basic-modules/-/basic-modules-1.1.7.tgz",
+            "integrity": "sha512-cY9CPkLJaqF05STqfpZKWG4LpxTMeGSIIF1fHvfm/mz+JXatCagjdkbxdikOuKYlxDdeqvOeBmsUBItufDLXZg==",
+            "license": "MIT",
+            "dependencies": {
+                "is-url": "^1.2.4"
+            },
+            "peerDependencies": {
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "lodash.throttle": "^4.1.1",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/code-highlight": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/code-highlight/-/code-highlight-1.0.3.tgz",
+            "integrity": "sha512-iazHwO14XpCuIWJNTQTikqUhGKyqj+dUNWJ9288Oym9M2xMVHvnsOmDU2sgUDWVy+pOLojReMPgXCsvvNlOOhw==",
+            "license": "MIT",
+            "dependencies": {
+                "prismjs": "^1.23.0"
+            },
+            "peerDependencies": {
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/core": {
+            "version": "1.1.19",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/core/-/core-1.1.19.tgz",
+            "integrity": "sha512-KevkB47+7GhVszyYF2pKGKtCSj/YzmClsD03C3zTt+9SR2XWT5T0e3yQqg8baZpcMvkjs1D8Dv4fk8ok/UaS2Q==",
+            "license": "MIT",
+            "dependencies": {
+                "@types/event-emitter": "^0.3.3",
+                "event-emitter": "^0.3.5",
+                "html-void-elements": "^2.0.0",
+                "i18next": "^20.4.0",
+                "scroll-into-view-if-needed": "^2.2.28",
+                "slate-history": "^0.66.0"
+            },
+            "peerDependencies": {
+                "@uppy/core": "^2.1.1",
+                "@uppy/xhr-upload": "^2.0.3",
+                "dom7": "^3.0.0",
+                "is-hotkey": "^0.2.0",
+                "lodash.camelcase": "^4.3.0",
+                "lodash.clonedeep": "^4.5.0",
+                "lodash.debounce": "^4.0.8",
+                "lodash.foreach": "^4.5.0",
+                "lodash.isequal": "^4.5.0",
+                "lodash.throttle": "^4.1.1",
+                "lodash.toarray": "^4.4.0",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/editor": {
+            "version": "5.1.23",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/editor/-/editor-5.1.23.tgz",
+            "integrity": "sha512-0RxfeVTuK1tktUaPROnCoFfaHVJpRAIE2zdS0mpP+vq1axVQpLjM8+fCvKzqYIkH0Pg+C+44hJpe3VVroSkEuQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@uppy/core": "^2.1.1",
+                "@uppy/xhr-upload": "^2.0.3",
+                "@wangeditor/basic-modules": "^1.1.7",
+                "@wangeditor/code-highlight": "^1.0.3",
+                "@wangeditor/core": "^1.1.19",
+                "@wangeditor/list-module": "^1.0.5",
+                "@wangeditor/table-module": "^1.1.4",
+                "@wangeditor/upload-image-module": "^1.0.2",
+                "@wangeditor/video-module": "^1.1.4",
+                "dom7": "^3.0.0",
+                "is-hotkey": "^0.2.0",
+                "lodash.camelcase": "^4.3.0",
+                "lodash.clonedeep": "^4.5.0",
+                "lodash.debounce": "^4.0.8",
+                "lodash.foreach": "^4.5.0",
+                "lodash.isequal": "^4.5.0",
+                "lodash.throttle": "^4.1.1",
+                "lodash.toarray": "^4.4.0",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/editor-for-vue": {
+            "version": "5.1.12",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/editor-for-vue/-/editor-for-vue-5.1.12.tgz",
+            "integrity": "sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@wangeditor/editor": ">=5.1.0",
+                "vue": "^3.0.5"
+            }
+        },
+        "node_modules/@wangeditor/list-module": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/list-module/-/list-module-1.0.5.tgz",
+            "integrity": "sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/table-module": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/table-module/-/table-module-1.1.4.tgz",
+            "integrity": "sha512-5saanU9xuEocxaemGdNi9t8MCDSucnykEC6jtuiT72kt+/Hhh4nERYx1J20OPsTCCdVr7hIyQenFD1iSRkIQ6w==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "lodash.isequal": "^4.5.0",
+                "lodash.throttle": "^4.1.1",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/upload-image-module": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/upload-image-module/-/upload-image-module-1.0.2.tgz",
+            "integrity": "sha512-z81lk/v71OwPDYeQDxj6cVr81aDP90aFuywb8nPD6eQeECtOymrqRODjpO6VGvCVxVck8nUxBHtbxKtjgcwyiA==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@uppy/core": "^2.0.3",
+                "@uppy/xhr-upload": "^2.0.3",
+                "@wangeditor/basic-modules": "1.x",
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "lodash.foreach": "^4.5.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/@wangeditor/video-module": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmmirror.com/@wangeditor/video-module/-/video-module-1.1.4.tgz",
+            "integrity": "sha512-ZdodDPqKQrgx3IwWu4ZiQmXI8EXZ3hm2/fM6E3t5dB8tCaIGWQZhmqd6P5knfkRAd3z2+YRSRbxOGfoRSp/rLg==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@uppy/core": "^2.1.4",
+                "@uppy/xhr-upload": "^2.0.7",
+                "@wangeditor/core": "1.x",
+                "dom7": "^3.0.0",
+                "nanoid": "^3.2.0",
+                "slate": "^0.72.0",
+                "snabbdom": "^3.1.0"
+            }
+        },
+        "node_modules/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",
+            "dependencies": {
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 6.0.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==",
+            "license": "MIT"
+        },
+        "node_modules/asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+            "license": "MIT"
+        },
+        "node_modules/axios": {
+            "version": "1.20.0",
+            "resolved": "https://registry.npmmirror.com/axios/-/axios-1.20.0.tgz",
+            "integrity": "sha512-r8aOh8j9cGKpgQAqpzrUHnSIc6a59Y3Xf/cv8sy1DrHCkZHzQGEuoq1tARk6qSyDdtQGSDgpb9kFlruzPvrgwg==",
+            "license": "MIT",
+            "dependencies": {
+                "follow-redirects": "^1.16.0",
+                "form-data": "^4.0.6",
+                "https-proxy-agent": "^5.0.1",
+                "proxy-from-env": "^2.1.0"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "dependencies": {
+                "es-errors": "^1.3.0",
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/chokidar": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-4.0.3.tgz",
+            "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "readdirp": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 14.16.0"
+            },
+            "funding": {
+                "url": "https://paulmillr.com/funding/"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "dependencies": {
+                "delayed-stream": "~1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8"
+            }
+        },
+        "node_modules/compute-scroll-into-view": {
+            "version": "1.0.20",
+            "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
+            "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==",
+            "license": "MIT"
+        },
+        "node_modules/csstype": {
+            "version": "3.2.3",
+            "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
+            "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+            "license": "MIT"
+        },
+        "node_modules/d": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/d/-/d-1.0.2.tgz",
+            "integrity": "sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==",
+            "license": "ISC",
+            "dependencies": {
+                "es5-ext": "^0.10.64",
+                "type": "^2.7.2"
+            },
+            "engines": {
+                "node": ">=0.12"
+            }
+        },
+        "node_modules/dayjs": {
+            "version": "1.11.23",
+            "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.23.tgz",
+            "integrity": "sha512-QDTCU0M0MxR3hQfnlDJfwekQiaanm1ubOD231u73WBckQ/fsamwRLiE2GBz6D3a/xF1NgfiDLJjXBa1hYOYTtQ==",
+            "license": "MIT"
+        },
+        "node_modules/debug": {
+            "version": "4.4.3",
+            "resolved": "https://registry.npmmirror.com/debug/-/debug-4.4.3.tgz",
+            "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+            "license": "MIT",
+            "dependencies": {
+                "ms": "^2.1.3"
+            },
+            "engines": {
+                "node": ">=6.0"
+            },
+            "peerDependenciesMeta": {
+                "supports-color": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/detect-libc": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
+            "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "optional": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/dom7": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/dom7/-/dom7-3.0.0.tgz",
+            "integrity": "sha512-oNlcUdHsC4zb7Msx7JN3K0Nro1dzJ48knvBOnDPKJ2GV9wl1i5vydJZUSyOfrkKFDZEud/jBsTk92S/VGSAe/g==",
+            "license": "MIT",
+            "dependencies": {
+                "ssr-window": "^3.0.0-alpha.1"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "dependencies": {
+                "call-bind-apply-helpers": "^1.0.1",
+                "es-errors": "^1.3.0",
+                "gopd": "^1.2.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/echarts": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmmirror.com/echarts/-/echarts-6.1.0.tgz",
+            "integrity": "sha512-q0yaFPggC9FUdsWH4blavRWFmxdrIodbkoKNAjJudAI6CA9gNPxHtV2RcZNEepZVlk4yvBYkOkbk6HIVpIyHZA==",
+            "license": "Apache-2.0",
+            "dependencies": {
+                "tslib": "2.3.0",
+                "zrender": "6.1.0"
+            }
+        },
+        "node_modules/element-plus": {
+            "version": "2.14.5",
+            "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.14.5.tgz",
+            "integrity": "sha512-bghYy/S+qg87enHPXELirhEdDqsVAUGcGpbGIeG8dz0kwpIkGz7gYsifulBshXX74iRtHib85XWQj0uSH2A1Yg==",
+            "license": "MIT",
+            "dependencies": {
+                "@ctrl/tinycolor": "^4.2.0",
+                "@element-plus/icons-vue": "^2.3.2",
+                "@floating-ui/dom": "^1.8.0",
+                "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.8",
+                "@types/lodash": "^4.17.24",
+                "@types/lodash-es": "^4.17.12",
+                "@vueuse/core": "14.4.0",
+                "async-validator": "^4.2.5",
+                "dayjs": "^1.11.20",
+                "lodash": "^4.18.1",
+                "lodash-es": "^4.18.1",
+                "lodash-unified": "^1.0.3",
+                "memoize-one": "^6.0.0",
+                "normalize-wheel-es": "^1.2.0",
+                "vue-component-type-helpers": "^3.3.9"
+            },
+            "peerDependencies": {
+                "vue": "^3.3.7"
+            }
+        },
+        "node_modules/entities": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
+            "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+            "license": "BSD-2-Clause",
+            "engines": {
+                "node": ">=0.12"
+            },
+            "funding": {
+                "url": "https://github.com/fb55/entities?sponsor=1"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/es-object-atoms": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmmirror.com/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+            "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+            "license": "MIT",
+            "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==",
+            "license": "MIT",
+            "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/es5-ext": {
+            "version": "0.10.64",
+            "resolved": "https://registry.npmmirror.com/es5-ext/-/es5-ext-0.10.64.tgz",
+            "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==",
+            "hasInstallScript": true,
+            "license": "ISC",
+            "dependencies": {
+                "es6-iterator": "^2.0.3",
+                "es6-symbol": "^3.1.3",
+                "esniff": "^2.0.1",
+                "next-tick": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/es6-iterator": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmmirror.com/es6-iterator/-/es6-iterator-2.0.3.tgz",
+            "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+            "license": "MIT",
+            "dependencies": {
+                "d": "1",
+                "es5-ext": "^0.10.35",
+                "es6-symbol": "^3.1.1"
+            }
+        },
+        "node_modules/es6-symbol": {
+            "version": "3.1.4",
+            "resolved": "https://registry.npmmirror.com/es6-symbol/-/es6-symbol-3.1.4.tgz",
+            "integrity": "sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==",
+            "license": "ISC",
+            "dependencies": {
+                "d": "^1.0.2",
+                "ext": "^1.7.0"
+            },
+            "engines": {
+                "node": ">=0.12"
+            }
+        },
+        "node_modules/esbuild": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.21.5.tgz",
+            "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "bin": {
+                "esbuild": "bin/esbuild"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "optionalDependencies": {
+                "@esbuild/aix-ppc64": "0.21.5",
+                "@esbuild/android-arm": "0.21.5",
+                "@esbuild/android-arm64": "0.21.5",
+                "@esbuild/android-x64": "0.21.5",
+                "@esbuild/darwin-arm64": "0.21.5",
+                "@esbuild/darwin-x64": "0.21.5",
+                "@esbuild/freebsd-arm64": "0.21.5",
+                "@esbuild/freebsd-x64": "0.21.5",
+                "@esbuild/linux-arm": "0.21.5",
+                "@esbuild/linux-arm64": "0.21.5",
+                "@esbuild/linux-ia32": "0.21.5",
+                "@esbuild/linux-loong64": "0.21.5",
+                "@esbuild/linux-mips64el": "0.21.5",
+                "@esbuild/linux-ppc64": "0.21.5",
+                "@esbuild/linux-riscv64": "0.21.5",
+                "@esbuild/linux-s390x": "0.21.5",
+                "@esbuild/linux-x64": "0.21.5",
+                "@esbuild/netbsd-x64": "0.21.5",
+                "@esbuild/openbsd-x64": "0.21.5",
+                "@esbuild/sunos-x64": "0.21.5",
+                "@esbuild/win32-arm64": "0.21.5",
+                "@esbuild/win32-ia32": "0.21.5",
+                "@esbuild/win32-x64": "0.21.5"
+            }
+        },
+        "node_modules/esniff": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/esniff/-/esniff-2.0.1.tgz",
+            "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==",
+            "license": "ISC",
+            "dependencies": {
+                "d": "^1.0.1",
+                "es5-ext": "^0.10.62",
+                "event-emitter": "^0.3.5",
+                "type": "^2.7.2"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "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==",
+            "license": "MIT"
+        },
+        "node_modules/event-emitter": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmmirror.com/event-emitter/-/event-emitter-0.3.5.tgz",
+            "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+            "license": "MIT",
+            "dependencies": {
+                "d": "1",
+                "es5-ext": "~0.10.14"
+            }
+        },
+        "node_modules/ext": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmmirror.com/ext/-/ext-1.7.0.tgz",
+            "integrity": "sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==",
+            "license": "ISC",
+            "dependencies": {
+                "type": "^2.7.2"
+            }
+        },
+        "node_modules/follow-redirects": {
+            "version": "1.16.0",
+            "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.16.0.tgz",
+            "integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
+            "funding": [
+                {
+                    "type": "individual",
+                    "url": "https://github.com/sponsors/RubenVerborgh"
+                }
+            ],
+            "license": "MIT",
+            "engines": {
+                "node": ">=4.0"
+            },
+            "peerDependenciesMeta": {
+                "debug": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/form-data": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.6.tgz",
+            "integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
+            "license": "MIT",
+            "dependencies": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "es-set-tostringtag": "^2.1.0",
+                "hasown": "^2.0.4",
+                "mime-types": "^2.1.35"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "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,
+            "license": "MIT",
+            "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==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "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==",
+            "license": "MIT",
+            "dependencies": {
+                "dunder-proto": "^1.0.1",
+                "es-object-atoms": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/gopd": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.2.0.tgz",
+            "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "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==",
+            "license": "MIT",
+            "dependencies": {
+                "has-symbols": "^1.0.3"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/ljharb"
+            }
+        },
+        "node_modules/hasown": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.4.tgz",
+            "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+            "license": "MIT",
+            "dependencies": {
+                "function-bind": "^1.1.2"
+            },
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
+        "node_modules/html-void-elements": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/html-void-elements/-/html-void-elements-2.0.1.tgz",
+            "integrity": "sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/wooorm"
+            }
+        },
+        "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",
+            "dependencies": {
+                "agent-base": "6",
+                "debug": "4"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/i18next": {
+            "version": "20.6.1",
+            "resolved": "https://registry.npmmirror.com/i18next/-/i18next-20.6.1.tgz",
+            "integrity": "sha512-yCMYTMEJ9ihCwEQQ3phLo7I/Pwycf8uAx+sRHwwk5U9Aui/IZYgQRyMqXafQOw5QQ7DM1Z+WyEXWIqSuJHhG2A==",
+            "license": "MIT",
+            "dependencies": {
+                "@babel/runtime": "^7.12.0"
+            }
+        },
+        "node_modules/immer": {
+            "version": "9.0.21",
+            "resolved": "https://registry.npmmirror.com/immer/-/immer-9.0.21.tgz",
+            "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/immer"
+            }
+        },
+        "node_modules/immutable": {
+            "version": "5.1.9",
+            "resolved": "https://registry.npmmirror.com/immutable/-/immutable-5.1.9.tgz",
+            "integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "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,
+            "license": "MIT",
+            "optional": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "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,
+            "license": "MIT",
+            "optional": true,
+            "dependencies": {
+                "is-extglob": "^2.1.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-hotkey": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmmirror.com/is-hotkey/-/is-hotkey-0.2.0.tgz",
+            "integrity": "sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==",
+            "license": "MIT"
+        },
+        "node_modules/is-plain-object": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmmirror.com/is-plain-object/-/is-plain-object-5.1.0.tgz",
+            "integrity": "sha512-bUi/yjmtKYcRVUtWRGr0UA6xEFh2I6zWUwMrUXB3s7bmYCaZ8a+0ZsTRkrawh/mzlSD1Y0Ph8bp/U+TvBpWDNw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-url": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmmirror.com/is-url/-/is-url-1.2.4.tgz",
+            "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
+            "license": "MIT"
+        },
+        "node_modules/lodash": {
+            "version": "4.18.1",
+            "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.18.1.tgz",
+            "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+            "license": "MIT"
+        },
+        "node_modules/lodash-es": {
+            "version": "4.18.1",
+            "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.18.1.tgz",
+            "integrity": "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==",
+            "license": "MIT"
+        },
+        "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==",
+            "license": "MIT",
+            "peerDependencies": {
+                "@types/lodash-es": "*",
+                "lodash": "*",
+                "lodash-es": "*"
+            }
+        },
+        "node_modules/lodash.camelcase": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmmirror.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+            "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+            "license": "MIT"
+        },
+        "node_modules/lodash.clonedeep": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmmirror.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+            "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==",
+            "license": "MIT"
+        },
+        "node_modules/lodash.debounce": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+            "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+            "license": "MIT"
+        },
+        "node_modules/lodash.foreach": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmmirror.com/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+            "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==",
+            "license": "MIT"
+        },
+        "node_modules/lodash.isequal": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+            "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
+            "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
+            "license": "MIT"
+        },
+        "node_modules/lodash.throttle": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmmirror.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+            "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+            "license": "MIT"
+        },
+        "node_modules/lodash.toarray": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmmirror.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz",
+            "integrity": "sha512-QyffEA3i5dma5q2490+SgCvDN0pXLmRGSyAANuVi0HQ01Pkfr9fuoKQW8wm1wGBnJITs/mS7wQvS6VshUEBFCw==",
+            "license": "MIT"
+        },
+        "node_modules/magic-string": {
+            "version": "0.30.21",
+            "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
+            "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.5.5"
+            }
+        },
+        "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==",
+            "license": "MIT",
+            "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==",
+            "license": "MIT"
+        },
+        "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==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "node_modules/mime-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmmirror.com/mime-match/-/mime-match-1.0.2.tgz",
+            "integrity": "sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==",
+            "license": "ISC",
+            "dependencies": {
+                "wildcard": "^1.1.0"
+            }
+        },
+        "node_modules/mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "license": "MIT",
+            "dependencies": {
+                "mime-db": "1.52.0"
+            },
+            "engines": {
+                "node": ">= 0.6"
+            }
+        },
+        "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==",
+            "license": "MIT"
+        },
+        "node_modules/namespace-emitter": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmmirror.com/namespace-emitter/-/namespace-emitter-2.0.1.tgz",
+            "integrity": "sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==",
+            "license": "MIT"
+        },
+        "node_modules/nanoid": {
+            "version": "3.3.18",
+            "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.18.tgz",
+            "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/ai"
+                }
+            ],
+            "license": "MIT",
+            "bin": {
+                "nanoid": "bin/nanoid.cjs"
+            },
+            "engines": {
+                "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+            }
+        },
+        "node_modules/next-tick": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmmirror.com/next-tick/-/next-tick-1.1.0.tgz",
+            "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==",
+            "license": "ISC"
+        },
+        "node_modules/node-addon-api": {
+            "version": "7.1.1",
+            "resolved": "https://registry.npmmirror.com/node-addon-api/-/node-addon-api-7.1.1.tgz",
+            "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+            "dev": true,
+            "license": "MIT",
+            "optional": true
+        },
+        "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==",
+            "license": "BSD-3-Clause"
+        },
+        "node_modules/picocolors": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+            "license": "ISC"
+        },
+        "node_modules/picomatch": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.7.tgz",
+            "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
+            "dev": true,
+            "license": "MIT",
+            "optional": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/jonschlinkert"
+            }
+        },
+        "node_modules/pinia": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmmirror.com/pinia/-/pinia-2.3.1.tgz",
+            "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/devtools-api": "^6.6.3",
+                "vue-demi": "^0.14.10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/posva"
+            },
+            "peerDependencies": {
+                "typescript": ">=4.4.4",
+                "vue": "^2.7.0 || ^3.5.11"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/postcss": {
+            "version": "8.5.26",
+            "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.26.tgz",
+            "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==",
+            "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"
+                }
+            ],
+            "license": "MIT",
+            "dependencies": {
+                "nanoid": "^3.3.17",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.1"
+            },
+            "engines": {
+                "node": "^10 || ^12 || >=14"
+            }
+        },
+        "node_modules/preact": {
+            "version": "10.29.8",
+            "resolved": "https://registry.npmmirror.com/preact/-/preact-10.29.8.tgz",
+            "integrity": "sha512-ej2aVZ+vZ8WO7tvlQWRM9N63A0KzF9q4mWJfDUHgYaIofWY9hu74QdnQrjoPMmZi2/nZ5gN0bJCQF49xQqx09Q==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/preact"
+            },
+            "peerDependencies": {
+                "preact-render-to-string": ">=5"
+            },
+            "peerDependenciesMeta": {
+                "preact-render-to-string": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/prismjs": {
+            "version": "1.30.0",
+            "resolved": "https://registry.npmmirror.com/prismjs/-/prismjs-1.30.0.tgz",
+            "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/proxy-from-env": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
+            "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=10"
+            }
+        },
+        "node_modules/readdirp": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-4.1.2.tgz",
+            "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">= 14.18.0"
+            },
+            "funding": {
+                "type": "individual",
+                "url": "https://paulmillr.com/funding/"
+            }
+        },
+        "node_modules/rollup": {
+            "version": "4.63.1",
+            "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.63.1.tgz",
+            "integrity": "sha512-3Df9jsstwhccuEfmAMi9l8XUh/GOkVObmFTU7CCVBysEbcOZLl84jCtaAZMcPiMz2EGKsATzQcU+Xr3n/wU6cg==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "1.0.9"
+            },
+            "bin": {
+                "rollup": "dist/bin/rollup"
+            },
+            "engines": {
+                "node": ">=18.0.0",
+                "npm": ">=8.0.0"
+            },
+            "optionalDependencies": {
+                "@napi-rs/lzma-linux-x64-gnu": "1.5.1",
+                "@rollup/rollup-android-arm-eabi": "4.63.1",
+                "@rollup/rollup-android-arm64": "4.63.1",
+                "@rollup/rollup-darwin-arm64": "4.63.1",
+                "@rollup/rollup-darwin-x64": "4.63.1",
+                "@rollup/rollup-freebsd-arm64": "4.63.1",
+                "@rollup/rollup-freebsd-x64": "4.63.1",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.63.1",
+                "@rollup/rollup-linux-arm-musleabihf": "4.63.1",
+                "@rollup/rollup-linux-arm64-gnu": "4.63.1",
+                "@rollup/rollup-linux-arm64-musl": "4.63.1",
+                "@rollup/rollup-linux-loong64-gnu": "4.63.1",
+                "@rollup/rollup-linux-loong64-musl": "4.63.1",
+                "@rollup/rollup-linux-ppc64-gnu": "4.63.1",
+                "@rollup/rollup-linux-ppc64-musl": "4.63.1",
+                "@rollup/rollup-linux-riscv64-gnu": "4.63.1",
+                "@rollup/rollup-linux-riscv64-musl": "4.63.1",
+                "@rollup/rollup-linux-s390x-gnu": "4.63.1",
+                "@rollup/rollup-linux-x64-gnu": "4.63.1",
+                "@rollup/rollup-linux-x64-musl": "4.63.1",
+                "@rollup/rollup-openbsd-x64": "4.63.1",
+                "@rollup/rollup-openharmony-arm64": "4.63.1",
+                "@rollup/rollup-win32-arm64-msvc": "4.63.1",
+                "@rollup/rollup-win32-ia32-msvc": "4.63.1",
+                "@rollup/rollup-win32-x64-gnu": "4.63.1",
+                "@rollup/rollup-win32-x64-msvc": "4.63.1",
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/sass": {
+            "version": "1.99.0",
+            "resolved": "https://registry.npmmirror.com/sass/-/sass-1.99.0.tgz",
+            "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "chokidar": "^4.0.0",
+                "immutable": "^5.1.5",
+                "source-map-js": ">=0.6.2 <2.0.0"
+            },
+            "bin": {
+                "sass": "sass.js"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            },
+            "optionalDependencies": {
+                "@parcel/watcher": "^2.4.1"
+            }
+        },
+        "node_modules/scroll-into-view-if-needed": {
+            "version": "2.2.31",
+            "resolved": "https://registry.npmmirror.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
+            "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+            "license": "MIT",
+            "dependencies": {
+                "compute-scroll-into-view": "^1.0.20"
+            }
+        },
+        "node_modules/slate": {
+            "version": "0.72.8",
+            "resolved": "https://registry.npmmirror.com/slate/-/slate-0.72.8.tgz",
+            "integrity": "sha512-/nJwTswQgnRurpK+bGJFH1oM7naD5qDmHd89JyiKNT2oOKD8marW0QSBtuFnwEbL5aGCS8AmrhXQgNOsn4osAw==",
+            "license": "MIT",
+            "dependencies": {
+                "immer": "^9.0.6",
+                "is-plain-object": "^5.0.0",
+                "tiny-warning": "^1.0.3"
+            }
+        },
+        "node_modules/slate-history": {
+            "version": "0.66.0",
+            "resolved": "https://registry.npmmirror.com/slate-history/-/slate-history-0.66.0.tgz",
+            "integrity": "sha512-6MWpxGQZiMvSINlCbMW43E2YBSVMCMCIwQfBzGssjWw4kb0qfvj0pIdblWNRQZD0hR6WHP+dHHgGSeVdMWzfng==",
+            "license": "MIT",
+            "dependencies": {
+                "is-plain-object": "^5.0.0"
+            },
+            "peerDependencies": {
+                "slate": ">=0.65.3"
+            }
+        },
+        "node_modules/snabbdom": {
+            "version": "3.6.4",
+            "resolved": "https://registry.npmmirror.com/snabbdom/-/snabbdom-3.6.4.tgz",
+            "integrity": "sha512-VmxEfuw1/Y/eFj5VtMhYnukExpYiPkNzoo3+N3qwAOUDMl8wXgbli5ebR+j0knE3lZ/0eYskLxNcX64uy10N9w==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=12.17.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==",
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/ssr-window": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-3.0.0.tgz",
+            "integrity": "sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==",
+            "license": "MIT"
+        },
+        "node_modules/tiny-warning": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmmirror.com/tiny-warning/-/tiny-warning-1.0.3.tgz",
+            "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
+            "license": "MIT"
+        },
+        "node_modules/tslib": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
+            "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+            "license": "0BSD"
+        },
+        "node_modules/type": {
+            "version": "2.7.3",
+            "resolved": "https://registry.npmmirror.com/type/-/type-2.7.3.tgz",
+            "integrity": "sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==",
+            "license": "ISC"
+        },
+        "node_modules/vite": {
+            "version": "5.4.21",
+            "resolved": "https://registry.npmmirror.com/vite/-/vite-5.4.21.tgz",
+            "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "esbuild": "^0.21.3",
+                "postcss": "^8.4.43",
+                "rollup": "^4.20.0"
+            },
+            "bin": {
+                "vite": "bin/vite.js"
+            },
+            "engines": {
+                "node": "^18.0.0 || >=20.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",
+                "less": "*",
+                "lightningcss": "^1.21.0",
+                "sass": "*",
+                "sass-embedded": "*",
+                "stylus": "*",
+                "sugarss": "*",
+                "terser": "^5.4.0"
+            },
+            "peerDependenciesMeta": {
+                "@types/node": {
+                    "optional": true
+                },
+                "less": {
+                    "optional": true
+                },
+                "lightningcss": {
+                    "optional": true
+                },
+                "sass": {
+                    "optional": true
+                },
+                "sass-embedded": {
+                    "optional": true
+                },
+                "stylus": {
+                    "optional": true
+                },
+                "sugarss": {
+                    "optional": true
+                },
+                "terser": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue": {
+            "version": "3.5.42",
+            "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.42.tgz",
+            "integrity": "sha512-4RyHQTbQvOPs3MfvUO1Sg0YRrKNnA0mAVtvpd12Tg1fKDN7OHBUl1IqSn8zGJjK9nI3NkNp8cgTpVrSZC5TTcA==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/compiler-dom": "3.5.42",
+                "@vue/compiler-sfc": "3.5.42",
+                "@vue/runtime-dom": "3.5.42",
+                "@vue/server-renderer": "3.5.42",
+                "@vue/shared": "3.5.42"
+            },
+            "peerDependencies": {
+                "typescript": "*"
+            },
+            "peerDependenciesMeta": {
+                "typescript": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/vue-component-type-helpers": {
+            "version": "3.3.11",
+            "resolved": "https://registry.npmmirror.com/vue-component-type-helpers/-/vue-component-type-helpers-3.3.11.tgz",
+            "integrity": "sha512-LwcxzeliO9fkQcpJG0PoX8X5kmAhKmH9wkpDLxNabwzkQ9Zeib2YVHwFV4pcWmMLfXVfjr/dSV+DaJ3cIPgSNA==",
+            "license": "MIT"
+        },
+        "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,
+            "license": "MIT",
+            "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/vue-router": {
+            "version": "4.6.4",
+            "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.6.4.tgz",
+            "integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/devtools-api": "^6.6.4"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/posva"
+            },
+            "peerDependencies": {
+                "vue": "^3.5.0"
+            }
+        },
+        "node_modules/wildcard": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmmirror.com/wildcard/-/wildcard-1.1.2.tgz",
+            "integrity": "sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==",
+            "license": "MIT"
+        },
+        "node_modules/zrender": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmmirror.com/zrender/-/zrender-6.1.0.tgz",
+            "integrity": "sha512-oEGMDB6pOP2S6OwRR4PdVv610zrjnA3Bh+JnSG12fYJlBKjtNAoEb5fSUoCOOINlH96I2fU38/A2UpRKs67xYQ==",
+            "license": "BSD-3-Clause",
+            "dependencies": {
+                "tslib": "2.3.0"
+            }
+        }
+    }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..76ccfd6
--- /dev/null
+++ b/package.json
@@ -0,0 +1,27 @@
+{
+    "name": "laop-web",
+    "private": true,
+    "version": "1.0.0",
+    "description": "翼云Hub · 无人机信息开放平台 Web 管理端",
+    "scripts": {
+        "dev": "vite --host",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "@element-plus/icons-vue": "^2.3.1",
+        "@wangeditor/editor": "^5.1.23",
+        "@wangeditor/editor-for-vue": "^5.1.12",
+        "axios": "^1.7.7",
+        "echarts": "^6.1.0",
+        "element-plus": "^2.8.4",
+        "pinia": "^2.2.2",
+        "vue": "^3.5.10",
+        "vue-router": "^4.4.5"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^5.1.4",
+        "sass": "^1.79.3",
+        "vite": "^5.4.8"
+    }
+}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..4723171
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,10 @@
+<template>
+    <router-view />
+</template>
+
+<script setup>
+/**
+ * 根组件
+ * 仅作为路由出口，不承载业务逻辑
+ */
+</script>
diff --git a/src/api/announcement.js b/src/api/announcement.js
new file mode 100644
index 0000000..e4ca0f2
--- /dev/null
+++ b/src/api/announcement.js
@@ -0,0 +1,60 @@
+import request from './request'
+
+/**
+ * 通知公告模块 API 封装（Web 管理端）
+ * 后端接口前缀：/announcement/*（经 vite 代理转发至 Spring Boot）
+ */
+
+/**
+ * 分页查询公告列表
+ * @param {object} params 查询参数 { title?, status?, pageNo, pageSize }
+ *   pageNo 为 0 基页码（与后端 Spring Data 分页约定一致）
+ * @returns {Promise<{list: Array, totalElements: number, totalPages: number, pageNo: number, pageSize: number}>}
+ */
+export function pageAnnouncement(params) {
+    return request.get('/announcement/list', { params })
+}
+
+/**
+ * 查询公告详情（编辑回显）
+ * @param {number} id 公告 ID
+ * @returns {Promise<object>} 公告 VO
+ */
+export function getAnnouncementDetail(id) {
+    return request.get(`/announcement/${id}`)
+}
+
+/**
+ * 新增公告
+ * @param {object} data 公告表单数据 { title, content, status }
+ * @returns {Promise<number>} 新增公告的 ID
+ */
+export function createAnnouncement(data) {
+    return request.post('/announcement', data)
+}
+
+/**
+ * 编辑公告（全量更新）
+ * @param {number} id 公告 ID
+ * @param {object} data 公告表单数据
+ */
+export function updateAnnouncement(id, data) {
+    return request.put(`/announcement/${id}`, data)
+}
+
+/**
+ * 删除公告（软删除）
+ * @param {number} id 公告 ID
+ */
+export function removeAnnouncement(id) {
+    return request.delete(`/announcement/${id}`)
+}
+
+/**
+ * 切换公告展示状态（显示/隐藏）
+ * @param {number} id 公告 ID
+ * @param {number} status 目标状态：0隐藏 1显示
+ */
+export function updateAnnouncementStatus(id, status) {
+    return request.post(`/announcement/${id}/status`, null, { params: { status } })
+}
diff --git a/src/api/banner.js b/src/api/banner.js
new file mode 100644
index 0000000..3954d09
--- /dev/null
+++ b/src/api/banner.js
@@ -0,0 +1,69 @@
+import request from './request'
+
+/**
+ * 首页轮播图管理模块 API 封装（Web 管理端）
+ * 后端接口前缀：/banner/*（经 vite 代理转发至 Spring Boot）
+ */
+
+/**
+ * 分页查询轮播图列表
+ * @param {object} params 查询参数 { status?, pageNo, pageSize }
+ *   pageNo 为 0 基页码（与后端 Spring Data 分页约定一致）
+ * @returns {Promise<{list: Array, totalElements: number, totalPages: number, pageNo: number, pageSize: number}>}
+ */
+export function pageBanner(params) {
+    return request.get('/banner/list', { params })
+}
+
+/**
+ * 查询轮播图详情（编辑回显）
+ * @param {number} id 轮播图 ID
+ * @returns {Promise<object>} 轮播图 VO
+ */
+export function getBannerDetail(id) {
+    return request.get(`/banner/${id}`)
+}
+
+/**
+ * 新增轮播图
+ * @param {object} data 轮播图表单数据
+ * @returns {Promise<number>} 新增轮播图的 ID
+ */
+export function createBanner(data) {
+    return request.post('/banner', data)
+}
+
+/**
+ * 编辑轮播图（全量更新）
+ * @param {number} id 轮播图 ID
+ * @param {object} data 轮播图表单数据
+ */
+export function updateBanner(id, data) {
+    return request.put(`/banner/${id}`, data)
+}
+
+/**
+ * 删除轮播图（软删除）
+ * @param {number} id 轮播图 ID
+ */
+export function removeBanner(id) {
+    return request.delete(`/banner/${id}`)
+}
+
+/**
+ * 切换轮播图展示状态（显示/隐藏）
+ * @param {number} id 轮播图 ID
+ * @param {number} status 目标状态：0隐藏 1显示
+ */
+export function updateBannerStatus(id, status) {
+    return request.post(`/banner/${id}/status`, null, { params: { status } })
+}
+
+/**
+ * 调整轮播图排序值
+ * @param {number} id 轮播图 ID
+ * @param {number} sortOrder 目标排序值
+ */
+export function updateBannerSort(id, sortOrder) {
+    return request.post(`/banner/${id}/sort`, null, { params: { sortOrder } })
+}
diff --git a/src/api/course.js b/src/api/course.js
new file mode 100644
index 0000000..858a04d
--- /dev/null
+++ b/src/api/course.js
@@ -0,0 +1,105 @@
+import request from './request'
+
+/**
+ * 课程模块 API 封装（Web 管理端）
+ * 后端接口前缀：/course/*（经 vite 代理转发至 Spring Boot）
+ */
+
+/**
+ * 分页查询课程列表
+ * @param {object} params 查询参数 { name?, status?, pageNo, pageSize }
+ *   pageNo 为 0 基页码（与后端 Spring Data 分页约定一致）
+ * @returns {Promise<{list: Array, totalElements: number, totalPages: number, pageNo: number, pageSize: number}>}
+ */
+export function pageCourse(params) {
+    return request.get('/course/list', { params })
+}
+
+/**
+ * 查询课程详情（编辑回显）
+ * @param {number} id 课程 ID
+ * @returns {Promise<object>} 课程 VO
+ */
+export function getCourseDetail(id) {
+    return request.get(`/course/${id}`)
+}
+
+/**
+ * 新增课程
+ * @param {object} data 课程表单数据
+ * @returns {Promise<number>} 新增课程的 ID
+ */
+export function createCourse(data) {
+    return request.post('/course', data)
+}
+
+/**
+ * 编辑课程（全量更新）
+ * @param {number} id 课程 ID
+ * @param {object} data 课程表单数据
+ */
+export function updateCourse(id, data) {
+    return request.put(`/course/${id}`, data)
+}
+
+/**
+ * 删除课程（软删除）
+ * @param {number} id 课程 ID
+ */
+export function removeCourse(id) {
+    return request.delete(`/course/${id}`)
+}
+
+/**
+ * 课程上架/下架
+ * @param {number} id 课程 ID
+ * @param {number} status 目标状态：0下架 1上架
+ */
+export function updateCourseStatus(id, status) {
+    return request.post(`/course/${id}/status`, null, { params: { status } })
+}
+
+/**
+ * 上传课程图片（宣传图 / 富文本内嵌图）
+ * 后端文件类型枚举：COURSE_IMAGE
+ * @param {File} file 图片文件
+ * @returns {Promise<{fileId: number, fileUrl: string, fileSize: number, fileSuffix: string}>}
+ */
+export function uploadCourseImage(file) {
+    const formData = new FormData()
+    formData.append('file', file)
+    formData.append('fileType', 'COURSE_IMAGE')
+    return request.post('/file/upload', formData)
+}
+
+// 文件访问基础 URL（取自环境变量，与后端 file-base-url 一致）
+const FILE_BASE_URL = import.meta.env.VITE_FILE_BASE_URL || ''
+
+/**
+ * 将后端返回的相对文件路径拼接为可直接访问的绝对 URL
+ * @param {string} url 相对路径（如 /static/course_image/xxx.jpg）或已是绝对路径
+ * @returns {string} 绝对 URL
+ */
+export function resolveFileUrl(url) {
+    if (!url) {
+        return ''
+    }
+    if (url.startsWith('http://') || url.startsWith('https://')) {
+        return url
+    }
+    const prefix = FILE_BASE_URL.endsWith('/')
+        ? FILE_BASE_URL.slice(0, -1)
+        : FILE_BASE_URL
+    const path = url.startsWith('/') ? url : `/${url}`
+    return prefix + path
+}
+
+/**
+ * 查询某课程下的预约名单（管理端）
+ * @param {object} params { courseId, pageNo, pageSize }
+ *   courseId 为必传，pageNo 为 0 基页码
+ * @returns {Promise<{list: Array, totalElements: number, totalPages: number, pageNo: number, pageSize: number}>}
+ */
+export function listCourseAppointments(params) {
+    return request.get('/course/appointments', { params })
+}
diff --git a/src/api/dashboard.js b/src/api/dashboard.js
new file mode 100644
index 0000000..b10924b
--- /dev/null
+++ b/src/api/dashboard.js
@@ -0,0 +1,25 @@
+import request from './request'
+
+/**
+ * 数据驾驶舱 API 封装（Web 管理端首页）
+ * 后端接口前缀：/dashboard/*（经 vite 代理转发至 Spring Boot）
+ */
+
+/**
+ * 获取数据驾驶舱全量统计数据（单接口聚合返回，避免瀑布式加载）
+ * @returns {Promise<{
+ *   userTotalCount: number,
+ *   merchantCount: number,
+ *   pilotCount: number,
+ *   userMonthlyTrend: { months: string[], values: number[] },
+ *   taskTotalCount: number,
+ *   taskCompletedCount: number,
+ *   taskInProgressCount: number,
+ *   taskMonthlyTrend: { months: string[], values: number[] },
+ *   taskTypeDistribution: Array<{ typeCode: number, typeName: string, count: number }>,
+ *   taskStatusDistribution: Array<{ statusCode: number, statusName: string, count: number }>
+ * }>} Dashboard 聚合 VO
+ */
+export function getDashboardStats() {
+    return request.get('/dashboard/stats')
+}
diff --git a/src/api/exam.js b/src/api/exam.js
new file mode 100644
index 0000000..855d061
--- /dev/null
+++ b/src/api/exam.js
@@ -0,0 +1,87 @@
+import request from './request'
+
+// 文件访问基础 URL（取自环境变量，与后端 file-base-url 一致）
+const FILE_BASE_URL = import.meta.env.VITE_FILE_BASE_URL || ''
+
+// ==================== 培训模块 ====================
+
+/**
+ * 获取门店培训信息
+ */
+export function getTrainingStore() {
+    return request.get('/exam/training')
+}
+
+/**
+ * 编辑门店培训信息
+ * @param {object} data { name, address, contactName, contactPhone, trainingContent, coverImage }
+ */
+export function saveTrainingStore(data) {
+    return request.put('/exam/training', data)
+}
+
+/**
+ * 上传培训封面图片（后端文件类型枚举：TRAINING_COVER）
+ * @param {File} file 图片文件
+ * @returns {Promise<{fileId: number, fileUrl: string}>}
+ */
+export function uploadTrainingCover(file) {
+    const formData = new FormData()
+    formData.append('file', file)
+    formData.append('fileType', 'TRAINING_COVER')
+    return request.post('/file/upload', formData)
+}
+
+// ==================== 题库管理模块 ====================
+
+/**
+ * 获取所有有效题库列表（下拉筛选用，带实时聚合的题目数量）
+ */
+export function listExamBanks() {
+    return request.get('/exam/banks')
+}
+
+/**
+ * 管理端分页查询题目，支持多条件筛选
+ * @param {object} params { bankId?, questionType?, keyword?, pageNo, pageSize }
+ * @returns {Promise<{list: QuestionVO[], total: number}>}
+ */
+export function listAdminQuestions(params) {
+    return request.get('/exam/questions', { params })
+}
+
+/**
+ * 新增题目
+ * @param {object} data ExamQuestionSaveDTO
+ */
+export function createQuestion(data) {
+    return request.post('/exam/questions', data)
+}
+
+/**
+ * 编辑题目
+ * @param {number} id 题目ID
+ * @param {object} data ExamQuestionSaveDTO
+ */
+export function updateQuestion(id, data) {
+    return request.put(`/exam/questions/${id}`, data)
+}
+
+/**
+ * 软删除题目
+ * @param {number} id 题目ID
+ */
+export function deleteQuestion(id) {
+    return request.delete(`/exam/questions/${id}`)
+}
+
+/**
+ * 将后端返回的相对文件路径拼接为可直接访问的绝对 URL
+ */
+export function resolveFileUrl(url) {
+    if (!url) return ''
+    if (url.startsWith('http://') || url.startsWith('https://')) return url
+    const prefix = FILE_BASE_URL.endsWith('/') ? FILE_BASE_URL.slice(0, -1) : FILE_BASE_URL
+    const path = url.startsWith('/') ? url : `/${url}`
+    return prefix + path
+}
diff --git a/src/api/miniConfig.js b/src/api/miniConfig.js
new file mode 100644
index 0000000..6b64d46
--- /dev/null
+++ b/src/api/miniConfig.js
@@ -0,0 +1,23 @@
+import request from './request'
+
+/**
+ * 小程序功能配置模块 API
+ * 后端接口前缀：/mini/config/*
+ */
+
+/**
+ * 获取功能配置项列表（当前只有消息推送开关）
+ * @returns {Promise<{configKey: string, configValue: string, remark: string}[]>}
+ */
+export function getMiniConfigList() {
+    return request.get('/mini/config/list')
+}
+
+/**
+ * 更新指定配置项的值
+ * @param {string} configKey 配置键，如 'mp_push_enabled'
+ * @param {string|number} configValue 配置值（布尔开关用 '0' 或 '1'）
+ */
+export function updateMiniConfig(configKey, configValue) {
+    return request.put(`/mini/config/${configKey}`, { configValue })
+}
diff --git a/src/api/request.js b/src/api/request.js
new file mode 100644
index 0000000..5b7cf4d
--- /dev/null
+++ b/src/api/request.js
@@ -0,0 +1,54 @@
+import axios from 'axios'
+import { ElMessage } from 'element-plus'
+import router from '@/router'
+import { useUserStore } from '@/stores/user'
+
+// 创建 axios 实例
+const service = axios.create({
+    baseURL: '/api',
+    timeout: 15000
+})
+
+/**
+ * 请求拦截器：自动注入 token
+ */
+service.interceptors.request.use(
+    (config) => {
+        const userStore = useUserStore()
+        if (userStore.token) {
+            config.headers.Authorization = `Bearer ${userStore.token}`
+        }
+        return config
+    },
+    (error) => Promise.reject(error)
+)
+
+/**
+ * 响应拦截器：统一错误处理
+ * 后端统一返回结构：{ code, message, data }
+ */
+service.interceptors.response.use(
+    (response) => {
+        const res = response.data
+        if (res.code !== undefined && res.code !== 200) {
+            ElMessage.error(res.message || '请求失败')
+            return Promise.reject(new Error(res.message || '请求失败'))
+        }
+        return res
+    },
+    (error) => {
+        const status = error?.response?.status
+        if (status === 401) {
+            // token 失效，清理本地状态并跳转登录页
+            const userStore = useUserStore()
+            userStore.logout()
+            ElMessage.error('登录已过期，请重新登录')
+            router.push(`/login?redirect=${encodeURIComponent(router.currentRoute.value.fullPath)}`)
+        } else {
+            ElMessage.error(error?.response?.data?.message || error.message || '网络异常')
+        }
+        return Promise.reject(error)
+    }
+)
+
+export default service
diff --git a/src/api/task.js b/src/api/task.js
new file mode 100644
index 0000000..c0265cc
--- /dev/null
+++ b/src/api/task.js
@@ -0,0 +1,41 @@
+import request from './request'
+
+/**
+ * 任务管理模块 API 封装（Web 管理端）
+ * 后端接口前缀：/task/*（经 vite 代理转发至 Spring Boot）
+ */
+
+/**
+ * 分页查询任务列表（全量任务，含发布商家信息）
+ * @param {object} params 查询参数 { keyword?, type?, status?, pageNo, pageSize }
+ *   pageNo 为 0 基页码（与后端 Spring Data 分页约定一致）
+ * @returns {Promise<{list: Array, totalElements: number, totalPages: number, pageNo: number, pageSize: number}>}
+ */
+export function pageTask(params) {
+    return request.get('/task/list', { params })
+}
+
+/**
+ * 查询任务详情（全量任务信息 + 发布商家信息 + 场景图 URL）
+ * @param {number} id 任务 ID
+ * @returns {Promise<object>} 任务管理 VO
+ */
+export function getTaskDetail(id) {
+    return request.get(`/task/${id}`)
+}
+
+/**
+ * 取消任务（管理员干预），将状态置为"已取消"
+ * @param {number} id 任务 ID
+ */
+export function cancelTask(id) {
+    return request.post(`/task/${id}/cancel`)
+}
+
+/**
+ * 软删除任务（管理员干预）
+ * @param {number} id 任务 ID
+ */
+export function removeTask(id) {
+    return request.delete(`/task/${id}`)
+}
diff --git a/src/api/user.js b/src/api/user.js
new file mode 100644
index 0000000..2cef8c5
--- /dev/null
+++ b/src/api/user.js
@@ -0,0 +1,74 @@
+import request from './request'
+
+/**
+ * 用户管理模块 API 封装（Web 管理端）
+ * 后端接口前缀：/user/*（经 vite 代理转发至 Spring Boot）
+ */
+
+/**
+ * 分页查询用户列表（全量注册用户，含飞手/商家认证状态）
+ * @param {object} params 查询参数 { keyword?, pageNo, pageSize }
+ *   pageNo 为 0 基页码（与后端 Spring Data 分页约定一致）
+ * @returns {Promise<{list: Array, totalElements: number, totalPages: number, pageNo: number, pageSize: number}>}
+ */
+export function pageUser(params) {
+    return request.get('/user/list', { params })
+}
+
+/**
+ * 查询指定用户的商家认证信息（注册时提交的全部内容）
+ * @param {number} userId 用户 ID
+ * @returns {Promise<object>} 商家认证 VO（含门头照/营业执照 URL）
+ */
+export function getUserMerchantDetail(userId) {
+    return request.get(`/user/${userId}/merchant`)
+}
+
+/**
+ * 查询指定用户的飞手认证信息（注册时提交的全部内容）
+ * @param {number} userId 用户 ID
+ * @returns {Promise<object>} 飞手认证 VO（含执照照片 URL、服务类型编码列表）
+ */
+export function getUserPilotDetail(userId) {
+    return request.get(`/user/${userId}/pilot`)
+}
+
+/**
+ * 强制取消商家认证（软删除 merchant 记录 + 重置 user 绑定标记）
+ * 若该商家存在"待接单/已接单/执行中"的任务，后端会拒绝取消并返回提示
+ * @param {number} userId 用户 ID
+ * @returns {Promise<void>}
+ */
+export function revokeMerchantCert(userId) {
+    return request.post(`/user/${userId}/revoke-merchant`)
+}
+
+/**
+ * 强制取消飞手认证（软删除 pilot 记录 + 重置 user 绑定标记）
+ * 若该飞手存在"待接单/已接单/执行中"的任务，后端会拒绝取消并返回提示
+ * @param {number} userId 用户 ID
+ * @returns {Promise<void>}
+ */
+export function revokePilotCert(userId) {
+    return request.post(`/user/${userId}/revoke-pilot`)
+}
+
+/**
+ * 分页查询指定用户的积分增减明细流水
+ * @param {number} userId 用户 ID
+ * @param {object} params 分页参数 { pageNo, pageSize }，pageNo 为 0 基
+ * @returns {Promise<{list: Array, totalElements: number, totalPages: number, pageNo: number, pageSize: number}>}
+ */
+export function getUserPointsDetail(userId, params) {
+    return request.get(`/user/${userId}/points`, { params })
+}
+
+/**
+ * 手动增减指定用户积分（用户管理 → 积分明细弹窗）
+ * @param {number} userId 用户 ID
+ * @param {object} data 调整请求 { changeType: 1新增|2扣减, points: number, remark: string }
+ * @returns {Promise<number>} 调整后的最新积分余额
+ */
+export function adjustUserPoints(userId, data) {
+    return request.post(`/user/${userId}/points/adjust`, data)
+}
diff --git a/src/api/wxMessage.js b/src/api/wxMessage.js
new file mode 100644
index 0000000..6c8da32
--- /dev/null
+++ b/src/api/wxMessage.js
@@ -0,0 +1,16 @@
+import request from './request'
+
+/**
+ * 微信模板消息发送日志模块 API 封装（Web 管理端）
+ * 后端接口前缀：/wx-message-log/*（经 vite 代理转发至 Spring Boot）
+ */
+
+/**
+ * 分页查询模板消息发送日志
+ * @param {object} params 查询参数 { userId?, bizType?, sendStatus?, openId?, pageNo, pageSize }
+ *   pageNo 为 0 基页码（与后端 Spring Data 分页约定一致）
+ * @returns {Promise<{list: Array, totalElements: number, totalPages: number, pageNo: number, pageSize: number}>}
+ */
+export function pageWxMessageLog(params) {
+    return request.get('/wx-message-log/list', { params })
+}
diff --git a/src/assets/login-bg.jpg b/src/assets/login-bg.jpg
new file mode 100644
index 0000000..de4cc0e
Binary files /dev/null and b/src/assets/login-bg.jpg differ
diff --git a/src/assets/logo.jpg b/src/assets/logo.jpg
new file mode 100644
index 0000000..66618fd
Binary files /dev/null and b/src/assets/logo.jpg differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..2cdb76b
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..208e710
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+    <defs>
+        <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
+            <stop offset="0%" stop-color="#7C6AF8"/>
+            <stop offset="100%" stop-color="#5E46F6"/>
+        </linearGradient>
+    </defs>
+    <rect x="2" y="2" width="28" height="28" rx="8" fill="url(#g)"/>
+    <path d="M16 7 L22 22 L16 18 L10 22 Z" fill="#fff" opacity="0.95"/>
+</svg>
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
new file mode 100644
index 0000000..b3b548d
--- /dev/null
+++ b/src/layouts/MainLayout.vue
@@ -0,0 +1,439 @@
+<template>
+    <el-container class="main-layout">
+        <!-- 侧边栏 -->
+        <el-aside :width="collapsed ? '64px' : '220px'" class="sidebar">
+            <div class="logo-area">
+                <img src="@/assets/logo.png" alt="logo" class="logo-img" v-if="!collapsed" />
+                <span class="logo-text" v-if="!collapsed">翼云Hub</span>
+                <span class="logo-text-mini" v-else>YH</span>
+            </div>
+            <el-menu
+                :default-active="activeMenu"
+                :default-openeds="openedSubMenus"
+                :collapse="collapsed"
+                :collapse-transition="false"
+                background-color="#1f2937"
+                text-color="#d1d5db"
+                active-text-color="#ffffff"
+                router
+                unique-opened
+            >
+                <template v-for="item in menuList" :key="item.path || item.groupKey">
+                    <!-- 二级菜单（有 children） -->
+                    <el-sub-menu v-if="item.meta?.isSubMenu && item.children?.length" :index="item.groupKey">
+                        <template #title>
+                            <el-icon>
+                                <component :is="resolveIcon(item.meta.icon)" />
+                            </el-icon>
+                            <span>{{ item.meta.title }}</span>
+                        </template>
+                        <el-menu-item
+                            v-for="child in item.children"
+                            :key="child.path"
+                            :index="child.path"
+                        >
+                            <template #title>
+                                <span>{{ child.meta.title }}</span>
+                                <span v-if="child.meta.subTitle" class="sub-title-tag">{{ child.meta.subTitle }}</span>
+                            </template>
+                        </el-menu-item>
+                    </el-sub-menu>
+                    <!-- 平级菜单项 -->
+                    <el-menu-item v-else :index="item.path">
+                        <el-icon>
+                            <component :is="resolveIcon(item.meta.icon)" />
+                        </el-icon>
+                        <template #title>{{ item.meta.title }}</template>
+                    </el-menu-item>
+                </template>
+            </el-menu>
+        </el-aside>
+
+        <!-- 主内容区 -->
+        <el-container>
+            <!-- 顶栏 -->
+            <el-header class="header">
+                <div class="header-left">
+                    <el-icon class="collapse-btn" @click="collapsed = !collapsed">
+                        <Fold v-if="!collapsed" />
+                        <Expand v-else />
+                    </el-icon>
+                    <el-breadcrumb separator="/">
+                        <el-breadcrumb-item :to="{ path: '/dashboard' }">首页</el-breadcrumb-item>
+                        <template v-for="(crumb, idx) in breadcrumbItems" :key="idx">
+                            <el-breadcrumb-item :to="crumb.path" v-if="crumb.path">
+                                {{ crumb.title }}
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item v-else>
+                                {{ crumb.title }}
+                            </el-breadcrumb-item>
+                        </template>
+                    </el-breadcrumb>
+                </div>
+                <div class="header-right">
+                    <el-dropdown trigger="click" @command="handleCommand">
+                        <div class="user-info">
+                            <el-avatar :size="32" class="avatar">
+                                {{ userStore.username?.charAt(0).toUpperCase() || 'A' }}
+                            </el-avatar>
+                            <span class="username">{{ userStore.username }}</span>
+                            <el-icon><ArrowDown /></el-icon>
+                        </div>
+                        <template #dropdown>
+                            <el-dropdown-menu>
+                                <el-dropdown-item command="logout">
+                                    <el-icon><SwitchButton /></el-icon>
+                                    退出登录
+                                </el-dropdown-item>
+                            </el-dropdown-menu>
+                        </template>
+                    </el-dropdown>
+                </div>
+            </el-header>
+
+            <!-- 内容区 -->
+            <el-main class="main-content">
+                <router-view v-slot="{ Component }">
+                    <transition name="fade" mode="out-in">
+                        <component :is="Component" />
+                    </transition>
+                </router-view>
+            </el-main>
+        </el-container>
+    </el-container>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { routes as rawRoutes, menuGroups } from '@/router'
+import { ElMessageBox, ElMessage } from 'element-plus'
+import {
+    Fold,
+    Expand,
+    ArrowDown,
+    SwitchButton,
+    Odometer,
+    Reading,
+    Bell,
+    List,
+    User,
+    Monitor
+} from '@element-plus/icons-vue'
+import { useUserStore } from '@/stores/user'
+
+const route = useRoute()
+const router = useRouter()
+const userStore = useUserStore()
+
+// 侧边栏折叠状态
+const collapsed = ref(false)
+
+// 当前激活的菜单
+const activeMenu = computed(() => route.path)
+const currentRoute = computed(() => route)
+
+// ==================== 图标解析 ====================
+
+/** 图标名称 → Element Plus 组件实例映射 */
+const iconMap = {
+    Odometer,
+    Reading,
+    Bell,
+    List,
+    User,
+    Monitor
+}
+
+/**
+ * 根据 meta.icon 字符串解析对应的 Element Plus 图标组件
+ * @param {string} iconName 图标名称，如 'Odometer'
+ */
+function resolveIcon(iconName) {
+    return iconMap[iconName] || Odometer
+}
+
+// ==================== 菜单数据 ====================
+
+/**
+ * 侧边栏菜单列表：
+ * - 顶层路由（无 meta.parentKey）→ 直接渲染为 el-menu-item
+ * - 有 meta.parentKey 的路由 → 按 parentKey 分组，渲染为 el-sub-menu
+ *
+ * 排序规则：menuGroups 的 sort 优先，未分组路由按原始顺序追加
+ */
+const menuList = computed(() => {
+    const root = rawRoutes.find(r => r.path === '/')
+    if (!root?.children) return []
+
+    const allChildren = root.children.filter(item => !item.meta?.hidden)
+
+    // 1. 分离顶层路由和有父级的路由
+    const topLevel = []
+    const groupedMap = new Map() // parentKey -> routes[]
+
+    for (const route of allChildren) {
+        const parentKey = route.meta?.parentKey
+        if (parentKey && menuGroups[parentKey]) {
+            if (!groupedMap.has(parentKey)) groupedMap.set(parentKey, [])
+            groupedMap.get(parentKey).push(route)
+        } else {
+            topLevel.push(route)
+        }
+    }
+
+    // 2. 构造 sub-menu 项（来自 menuGroups 的 sort 排序）
+    const groupItems = Object.keys(menuGroups)
+        .filter(key => groupedMap.has(key))
+        .sort((a, b) => (menuGroups[a].sort || 99) - (menuGroups[b].sort || 99))
+        .map(key => ({
+            groupKey: key,
+            meta: {
+                title: menuGroups[key].title,
+                icon: menuGroups[key].icon,
+                isSubMenu: true
+            },
+            children: groupedMap.get(key).map(r => ({
+                path: r.path.startsWith('/') ? r.path : '/' + r.path,
+                meta: r.meta
+            }))
+        }))
+
+    // 3. 合并输出：先 topLevel，再 groupItems
+    //    这里保持原有的 el-menu-item 字段结构（path + meta），
+    //    sub-menu 项额外带 children 字段
+    const result = []
+    // 给顶层路由 path 补全前导斜杠
+    for (const r of topLevel) {
+        result.push({
+            path: r.path.startsWith('/') ? r.path : '/' + r.path,
+            meta: r.meta
+        })
+    }
+    for (const g of groupItems) {
+        result.push(g)
+    }
+    return result
+})
+
+/**
+ * 当前路由所属的 sub-menu groupKey 集合，用于默认展开
+ */
+const openedSubMenus = computed(() => {
+    const parentKey = route.meta?.parentKey
+    return parentKey && menuGroups[parentKey] ? [parentKey] : []
+})
+
+// ==================== 面包屑 ====================
+
+/**
+ * 根据当前路由 meta.parentKey 动态组装面包屑：
+ * - 若路由有 parentKey → "首页 / 分组标题 / 当前标题"
+ * - 否则 → "首页 / 当前标题"
+ */
+const breadcrumbItems = computed(() => {
+    const items = []
+    const parentKey = route.meta?.parentKey
+    if (parentKey && menuGroups[parentKey]) {
+        items.push({ title: menuGroups[parentKey].title, path: null })
+    }
+    if (route.meta?.title && route.meta.title !== '登录') {
+        items.push({ title: route.meta.title, path: null })
+    }
+    return items
+})
+
+// ==================== 下拉菜单 ====================
+
+/**
+ * 下拉菜单命令处理
+ */
+function handleCommand(command) {
+    if (command === 'logout') {
+        ElMessageBox.confirm('确认退出登录吗？', '提示', {
+            confirmButtonText: '确认',
+            cancelButtonText: '取消',
+            type: 'warning'
+        })
+            .then(() => {
+                userStore.logout()
+                ElMessage.success('已退出登录')
+                router.replace('/login')
+            })
+            .catch(() => {})
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.main-layout {
+    height: 100vh;
+}
+
+// ==================== 侧边栏 ====================
+
+.sidebar {
+    background-color: #1f2937;
+    transition: width 0.28s ease;
+    overflow: hidden;
+
+    .logo-area {
+        height: 72px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 12px;
+        padding: 0 16px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+        color: #fff;
+        overflow: hidden;
+    }
+
+    .logo-img {
+        height: 52px;
+        width: auto;
+        object-fit: contain;
+    }
+
+    .logo-text {
+        font-size: 24px;
+        font-weight: 700;
+        line-height: 1;
+        letter-spacing: 2px;
+        white-space: nowrap;
+    }
+
+    .logo-text-mini {
+        font-size: 16px;
+        font-weight: 700;
+    }
+
+    :deep(.el-menu) {
+        border-right: none;
+    }
+
+    :deep(.el-menu-item) {
+        height: 50px;
+        line-height: 50px;
+        margin: 4px 8px;
+        border-radius: 6px;
+        transition: background-color 0.2s;
+
+        &:hover {
+            background-color: rgba(255, 255, 255, 0.08) !important;
+        }
+
+        &.is-active {
+            background-color: #5e46f6 !important;
+            color: #fff !important;
+        }
+    }
+
+    :deep(.el-sub-menu) {
+        margin: 4px 8px;
+        border-radius: 6px;
+
+        .el-sub-menu__title {
+            height: 50px;
+            line-height: 50px;
+            border-radius: 6px;
+            margin: 0;
+
+            &:hover {
+                background-color: rgba(255, 255, 255, 0.08) !important;
+            }
+        }
+
+        .el-menu-item {
+            margin: 2px 8px 2px 24px;
+            padding-left: 20px;
+            height: 44px;
+            line-height: 44px;
+        }
+    }
+
+    .sub-title-tag {
+        margin-left: 8px;
+        padding: 1px 8px;
+        font-size: 11px;
+        color: #a5a9b3;
+        background-color: rgba(255, 255, 255, 0.08);
+        border-radius: 10px;
+    }
+}
+
+// ==================== 顶栏 ====================
+
+.header {
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #fff;
+    border-bottom: 1px solid #e4e7ed;
+    padding: 0 20px;
+
+    .header-left {
+        display: flex;
+        align-items: center;
+        gap: 20px;
+    }
+
+    .collapse-btn {
+        font-size: 20px;
+        cursor: pointer;
+        color: #606266;
+        padding: 6px;
+        border-radius: 4px;
+        transition: background-color 0.2s;
+
+        &:hover {
+            background-color: #f5f7fa;
+        }
+    }
+
+    .header-right {
+        display: flex;
+        align-items: center;
+    }
+
+    .user-info {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        cursor: pointer;
+        padding: 4px 8px;
+        border-radius: 6px;
+        transition: background-color 0.2s;
+
+        &:hover {
+            background-color: #f5f7fa;
+        }
+
+        .username {
+            font-size: 14px;
+            color: #303133;
+        }
+    }
+}
+
+// ==================== 内容区 ====================
+
+.main-content {
+    padding: 20px;
+    background-color: #f0f2f5;
+    overflow-y: auto;
+}
+
+// ==================== 页面切换动画 ====================
+
+.fade-enter-active,
+.fade-leave-active {
+    transition: opacity 0.15s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+    opacity: 0;
+}
+</style>
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..3d56615
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,24 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import ElementPlus from 'element-plus'
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import 'element-plus/dist/index.css'
+
+import App from './App.vue'
+import router from './router'
+import './styles/global.scss'
+
+const app = createApp(App)
+
+// 注册 Element Plus 所有图标组件
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component)
+}
+
+app.use(createPinia())
+app.use(router)
+// 中文语言包：日期选择面板、分页、消息框等组件文案统一为中文
+app.use(ElementPlus, { locale: zhCn })
+
+app.mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..006bf97
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,127 @@
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { useUserStore } from '@/stores/user'
+
+// 白名单路由：无需鉴权即可访问
+const WHITE_LIST = ['/login']
+
+/** 路由表（同时导出给 MainLayout 侧边栏菜单使用） */
+export const routes = [
+    {
+        path: '/login',
+        name: 'Login',
+        component: () => import('@/views/login/index.vue'),
+        meta: { title: '登录', hidden: true }
+    },
+    {
+        path: '/',
+        component: () => import('@/layouts/MainLayout.vue'),
+        redirect: '/dashboard',
+        children: [
+            {
+                path: 'dashboard',
+                name: 'Dashboard',
+                component: () => import('@/views/dashboard/index.vue'),
+                meta: { title: '首页', icon: 'Odometer' }
+            },
+            {
+                path: 'course',
+                name: 'Course',
+                component: () => import('@/views/course/index.vue'),
+                meta: { title: '研学课程', icon: 'Reading' }
+            },
+            {
+                path: 'exam',
+                name: 'Exam',
+                component: () => import('@/views/exam/index.vue'),
+                meta: { title: '培训考试', icon: 'School' }
+            },
+            {
+                path: 'announcement',
+                name: 'Announcement',
+                component: () => import('@/views/announcement/index.vue'),
+                meta: { title: '通知公告', icon: 'Bell' }
+            },
+            {
+                path: 'task',
+                name: 'Task',
+                component: () => import('@/views/task/index.vue'),
+                meta: { title: '任务管理', icon: 'List' }
+            },
+            {
+                path: 'wx-message',
+                name: 'WxMessage',
+                component: () => import('@/views/wxMessage/index.vue'),
+                meta: { title: '消息推送日志', icon: 'Message' }
+            },
+            {
+                path: 'user',
+                name: 'User',
+                component: () => import('@/views/user/index.vue'),
+                meta: { title: '用户管理', icon: 'User' }
+            },
+            // ========== 小程序管理（通过 meta.parentKey 分组渲染为二级菜单） ==========
+            {
+                path: 'mini/home-banner',
+                name: 'MiniHomeBanner',
+                component: () => import('@/views/mini/banner/index.vue'),
+                meta: { title: '首页轮播图配置', parentKey: 'mini' }
+            },
+            {
+                path: 'mini/feature-config',
+                name: 'MiniFeatureConfig',
+                component: () => import('@/views/mini/config/index.vue'),
+                meta: { title: '功能配置', parentKey: 'mini' }
+            }
+        ]
+    },
+    {
+        path: '/:pathMatch(.*)*',
+        name: 'NotFound',
+        component: () => import('@/views/error/404.vue'),
+        meta: { hidden: true }
+    }
+]
+
+/**
+ * 一级菜单分组配置（侧边栏 sub-menu 渲染）。
+ * 路由通过 meta.parentKey 关联到此分组。
+ */
+export const menuGroups = {
+    mini: {
+        title: '小程序管理',
+        icon: 'Monitor',
+        sort: 6
+    }
+}
+
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes
+})
+
+/**
+ * 全局前置守卫
+ * 未登录用户访问非白名单路由时重定向到登录页
+ */
+router.beforeEach((to, from, next) => {
+    const userStore = useUserStore()
+    const hasToken = !!userStore.token
+
+    if (hasToken) {
+        if (to.path === '/login') {
+            // 已登录访问登录页，直接跳转首页
+            next({ path: '/' })
+        } else {
+            next()
+        }
+    } else {
+        if (WHITE_LIST.includes(to.path)) {
+            next()
+        } else {
+            // 未登录，重定向到登录页并携带 redirect 参数
+            next(`/login?redirect=${encodeURIComponent(to.fullPath)}`)
+        }
+    }
+})
+
+export default router
diff --git a/src/stores/user.js b/src/stores/user.js
new file mode 100644
index 0000000..ee2f9c6
--- /dev/null
+++ b/src/stores/user.js
@@ -0,0 +1,60 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+// 登录凭据（硬编码，仅用于当前阶段）
+const MOCK_USERNAME = 'haisen'
+const MOCK_PASSWORD = 'haisen2026'
+
+/**
+ * 用户状态 Store
+ * 管理登录态、token、用户信息
+ *
+ * token 说明：后端当前采用"token 即 userId"的阶段性简化约定（AuthInterceptor 直接
+ * Long.parseLong 解析），管理端尚无账号体系，故用纯数字时间戳作为模拟 token，
+ * 保证文件上传等需要登录态的接口可用
+ */
+export const useUserStore = defineStore('user', () => {
+    // token：localStorage 持久化，刷新页面不丢失
+    const token = ref(localStorage.getItem('laop_token') || '')
+    // 用户名
+    const username = ref(localStorage.getItem('laop_username') || '')
+
+    // 兼容清理：历史版本 token 携带非数字前缀，后端无法解析，直接清除强制重新登录
+    if (token.value && !/^\d+$/.test(token.value)) {
+        localStorage.removeItem('laop_token')
+        localStorage.removeItem('laop_username')
+        token.value = ''
+        username.value = ''
+    }
+
+    /**
+     * 登录校验
+     * @param {string} inputUsername 用户名
+     * @param {string} inputPassword 密码
+     * @returns {boolean} 是否登录成功
+     */
+    function login(inputUsername, inputPassword) {
+        if (inputUsername !== MOCK_USERNAME || inputPassword !== MOCK_PASSWORD) {
+            return false
+        }
+        // 生成纯数字模拟 token 并持久化（满足后端 token=userId 的解析约定）
+        const mockToken = String(Date.now())
+        token.value = mockToken
+        username.value = inputUsername
+        localStorage.setItem('laop_token', mockToken)
+        localStorage.setItem('laop_username', inputUsername)
+        return true
+    }
+
+    /**
+     * 登出：清除本地存储
+     */
+    function logout() {
+        token.value = ''
+        username.value = ''
+        localStorage.removeItem('laop_token')
+        localStorage.removeItem('laop_username')
+    }
+
+    return { token, username, login, logout }
+})
diff --git a/src/styles/global.scss b/src/styles/global.scss
new file mode 100644
index 0000000..b5a002f
--- /dev/null
+++ b/src/styles/global.scss
@@ -0,0 +1,65 @@
+/**
+ * 全局基础样式
+ * 重置浏览器默认样式，定义项目通用样式
+ */
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html,
+body,
+#app {
+    width: 100%;
+    height: 100%;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
+        'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial,
+        sans-serif;
+    font-size: 14px;
+    color: #303133;
+    background-color: #f0f2f5;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+// 品牌主题色：与侧边栏激活色/小程序端主题保持一致（翼云Hub 品牌紫）
+html {
+    --el-color-primary: #5e46f6;
+    --el-color-primary-light-3: #7c6af8;
+    --el-color-primary-light-5: #9d8ffa;
+    --el-color-primary-light-7: #beb4fc;
+    --el-color-primary-light-8: #d5cffd;
+    --el-color-primary-light-9: #eceafd;
+    --el-color-primary-dark-2: #4b38c5;
+}
+
+a {
+    text-decoration: none;
+    color: inherit;
+}
+
+ul,
+ol {
+    list-style: none;
+}
+
+// 滚动条样式优化
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #c0c4cc;
+    border-radius: 3px;
+
+    &:hover {
+        background: #909399;
+    }
+}
diff --git a/src/views/PlaceholderPage.vue b/src/views/PlaceholderPage.vue
new file mode 100644
index 0000000..ea2b699
--- /dev/null
+++ b/src/views/PlaceholderPage.vue
@@ -0,0 +1,48 @@
+<template>
+    <div class="placeholder-page">
+        <el-empty :description="`${title} 功能开发中...`">
+            <template #image>
+                <el-icon :size="80" color="#c0c4cc"><component :is="icon" /></el-icon>
+            </template>
+        </el-empty>
+    </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import {
+    Odometer,
+    Reading,
+    Bell,
+    List,
+    User,
+    Monitor,
+    QuestionFilled
+} from '@element-plus/icons-vue'
+
+const route = useRoute()
+
+// 图标映射
+const iconMap = {
+    Dashboard: Odometer,
+    Course: Reading,
+    Announcement: Bell,
+    Task: List,
+    User: User,
+    Mini: Monitor
+}
+
+const title = computed(() => route.meta.title || '页面')
+const icon = computed(() => iconMap[route.name] || QuestionFilled)
+</script>
+
+<style lang="scss" scoped>
+.placeholder-page {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-height: 400px;
+}
+</style>
diff --git a/src/views/announcement/index.vue b/src/views/announcement/index.vue
new file mode 100644
index 0000000..b5e3dff
--- /dev/null
+++ b/src/views/announcement/index.vue
@@ -0,0 +1,461 @@
+<template>
+    <div class="announcement-page">
+        <!-- 筛选栏 -->
+        <el-card shadow="never" class="filter-card">
+            <div class="filter-bar">
+                <el-input
+                    v-model="query.title"
+                    placeholder="公告标题"
+                    clearable
+                    class="filter-input"
+                    @keyup.enter="handleSearch"
+                    @clear="handleSearch"
+                />
+                <el-select
+                    v-model="query.status"
+                    placeholder="状态"
+                    clearable
+                    class="filter-select"
+                    @change="handleSearch"
+                >
+                    <el-option label="显示" :value="STATUS.VISIBLE" />
+                    <el-option label="隐藏" :value="STATUS.HIDDEN" />
+                </el-select>
+                <el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
+                <el-button :icon="Refresh" @click="handleReset">重置</el-button>
+                <div class="filter-spacer" />
+                <el-button type="primary" :icon="Plus" @click="openCreate">新增公告</el-button>
+            </div>
+        </el-card>
+
+        <!-- 列表 -->
+        <el-card shadow="never" class="table-card">
+            <el-table v-loading="loading" :data="list" row-key="id" stripe>
+                <el-table-column label="公告标题" prop="title" min-width="200" show-overflow-tooltip />
+                <el-table-column label="内容预览" min-width="300">
+                    <template #default="{ row }">
+                        <span class="content-preview">{{ truncateContent(row.content) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="状态" width="100" align="center">
+                    <template #default="{ row }">
+                        <el-tag :type="statusMeta(row.status).tag" effect="light">
+                            {{ statusMeta(row.status).label }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" prop="createdAt" width="170" />
+                <el-table-column label="更新时间" prop="updatedAt" width="170" />
+                <el-table-column label="操作" width="220" align="center" fixed="right">
+                    <template #default="{ row }">
+                        <el-button link type="primary" @click="openEdit(row)">编辑</el-button>
+                        <el-button
+                            link
+                            :type="row.status === STATUS.VISIBLE ? 'warning' : 'success'"
+                            @click="handleToggleStatus(row)"
+                        >
+                            {{ row.status === STATUS.VISIBLE ? '隐藏' : '显示' }}
+                        </el-button>
+                        <el-button link type="danger" @click="handleRemove(row)">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <!-- 分页 -->
+            <div class="pagination-bar">
+                <el-pagination
+                    v-model:current-page="query.page"
+                    v-model:page-size="query.pageSize"
+                    :total="total"
+                    :page-sizes="[10, 20, 50]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    @size-change="handleSizeChange"
+                    @current-change="fetchList"
+                />
+            </div>
+        </el-card>
+
+        <!-- 新增/编辑弹窗 -->
+        <el-dialog
+            v-model="dialogVisible"
+            width="640px"
+            top="8vh"
+            :close-on-click-modal="false"
+            @open="handleDialogOpen"
+        >
+            <template #header>
+                <div class="dialog-title">
+                    {{ editingId ? '编辑公告' : '新增公告' }}
+                    <span class="dialog-subtitle">通知公告信息维护</span>
+                </div>
+            </template>
+
+            <el-form ref="formRef" :model="form" :rules="rules" label-width="90px">
+                <el-form-item label="公告标题" prop="title">
+                    <el-input
+                        v-model="form.title"
+                        placeholder="请输入公告标题"
+                        maxlength="100"
+                        show-word-limit
+                    />
+                </el-form-item>
+
+                <el-form-item label="公告内容" prop="content">
+                    <el-input
+                        v-model="form.content"
+                        type="textarea"
+                        :autosize="{ minRows: 6, maxRows: 14 }"
+                        placeholder="请输入公告内容，点击公告条后进入详情页展示"
+                        maxlength="5000"
+                        show-word-limit
+                        resize="vertical"
+                    />
+                </el-form-item>
+
+                <el-form-item label="展示状态" prop="status">
+                    <el-radio-group v-model="form.status">
+                        <el-radio :value="STATUS.VISIBLE">显示</el-radio>
+                        <el-radio :value="STATUS.HIDDEN">隐藏</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="saving" @click="handleSave">保 存</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Search, Refresh, Plus } from '@element-plus/icons-vue'
+import {
+    pageAnnouncement,
+    createAnnouncement,
+    updateAnnouncement,
+    removeAnnouncement,
+    updateAnnouncementStatus
+} from '@/api/announcement'
+
+// ==================== 业务常量（与后端 AnnouncementConstants 对齐） ====================
+
+/** 公告状态编码 */
+const STATUS = {
+    HIDDEN: 0,
+    VISIBLE: 1
+}
+
+/** 状态 → 标签文案/颜色映射 */
+const STATUS_META_MAP = {
+    [STATUS.HIDDEN]: { label: '隐藏', tag: 'info' },
+    [STATUS.VISIBLE]: { label: '显示', tag: 'success' }
+}
+
+/** 内容预览截断长度 */
+const CONTENT_PREVIEW_LENGTH = 50
+
+/** 表单默认值，新增/编辑弹窗复用 */
+const DEFAULT_FORM = {
+    title: '',
+    content: '',
+    status: STATUS.VISIBLE
+}
+
+// ==================== 列表状态 ====================
+
+const loading = ref(false)
+const list = ref([])
+const total = ref(0)
+const query = reactive({
+    title: '',
+    status: null,
+    page: 1,
+    pageSize: 10
+})
+
+/**
+ * 拉取公告分页列表
+ */
+async function fetchList() {
+    loading.value = true
+    try {
+        const res = await pageAnnouncement({
+            title: query.title || undefined,
+            status: query.status ?? undefined,
+            pageNo: query.page - 1,
+            pageSize: query.pageSize
+        })
+        list.value = res.data.list || []
+        total.value = Number(res.data.totalElements || 0)
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        loading.value = false
+    }
+}
+
+/** 查询：重置到第 1 页再拉取 */
+function handleSearch() {
+    query.page = 1
+    fetchList()
+}
+
+/** 重置筛选条件 */
+function handleReset() {
+    query.title = ''
+    query.status = null
+    query.page = 1
+    fetchList()
+}
+
+/** 页大小变化：回到第 1 页 */
+function handleSizeChange() {
+    query.page = 1
+    fetchList()
+}
+
+// ==================== 列表展示辅助 ====================
+
+/**
+ * 状态标签元信息
+ */
+function statusMeta(status) {
+    return STATUS_META_MAP[status] || { label: '未知', tag: 'info' }
+}
+
+/**
+ * 内容预览截断：超出 50 字符以省略号结尾
+ */
+function truncateContent(content) {
+    if (!content) {
+        return '-'
+    }
+    return content.length > CONTENT_PREVIEW_LENGTH
+        ? content.slice(0, CONTENT_PREVIEW_LENGTH) + '...'
+        : content
+}
+
+// ==================== 新增/编辑弹窗 ====================
+
+const dialogVisible = ref(false)
+const saving = ref(false)
+const editingId = ref(null)
+const formRef = ref(null)
+const form = reactive({ ...DEFAULT_FORM })
+
+/** 表单校验规则 */
+const rules = {
+    title: [
+        { required: true, message: '请输入公告标题', trigger: 'blur' },
+        { max: 100, message: '公告标题不能超过100个字符', trigger: 'blur' }
+    ],
+    content: [
+        { required: true, message: '请输入公告内容', trigger: 'blur' },
+        { max: 5000, message: '公告内容不能超过5000个字符', trigger: 'blur' }
+    ],
+    status: [{ required: true, message: '请选择展示状态', trigger: 'change' }]
+}
+
+/**
+ * 新增公告：重置表单为默认值
+ */
+function openCreate() {
+    editingId.value = null
+    Object.assign(form, DEFAULT_FORM)
+    dialogVisible.value = true
+}
+
+/**
+ * 编辑公告：用行数据回填表单（列表 VO 已含全部字段，无需二次请求）
+ */
+function openEdit(row) {
+    editingId.value = row.id
+    Object.assign(form, {
+        title: row.title,
+        content: row.content || '',
+        status: row.status
+    })
+    dialogVisible.value = true
+}
+
+/** 弹窗打开后清除残留校验状态 */
+function handleDialogOpen() {
+    formRef.value?.clearValidate()
+}
+
+/**
+ * 保存公告（新增/编辑共用）
+ */
+async function handleSave() {
+    try {
+        await formRef.value.validate()
+    } catch {
+        // 校验失败，错误提示已由表单展示
+        return
+    }
+    saving.value = true
+    try {
+        const payload = {
+            title: form.title,
+            content: form.content,
+            status: form.status
+        }
+        if (editingId.value) {
+            await updateAnnouncement(editingId.value, payload)
+            ElMessage.success('编辑成功')
+        } else {
+            await createAnnouncement(payload)
+            ElMessage.success('新增成功')
+        }
+        dialogVisible.value = false
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        saving.value = false
+    }
+}
+
+// ==================== 状态切换与删除 ====================
+
+/**
+ * 显示/隐藏切换
+ */
+async function handleToggleStatus(row) {
+    const target = row.status === STATUS.VISIBLE ? STATUS.HIDDEN : STATUS.VISIBLE
+    try {
+        await updateAnnouncementStatus(row.id, target)
+        ElMessage.success(target === STATUS.VISIBLE ? '已显示' : '已隐藏')
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+/**
+ * 删除公告（软删除），删除前二次确认
+ */
+async function handleRemove(row) {
+    try {
+        await ElMessageBox.confirm(
+            `确定删除公告「${row.title}」吗？删除后小程序端将不可见。`,
+            '删除确认',
+            { type: 'warning', confirmButtonText: '删除', cancelButtonText: '取消' }
+        )
+    } catch {
+        // 用户取消删除
+        return
+    }
+    try {
+        await removeAnnouncement(row.id)
+        ElMessage.success('删除成功')
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+// 初始拉取列表
+fetchList()
+</script>
+
+<style lang="scss" scoped>
+.announcement-page {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+// ==================== 筛选栏 ====================
+
+.filter-card {
+    :deep(.el-card__body) {
+        padding: 16px 20px;
+    }
+}
+
+.filter-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .filter-input {
+        width: 220px;
+    }
+
+    .filter-select {
+        width: 130px;
+    }
+
+    .filter-spacer {
+        flex: 1;
+    }
+}
+
+// ==================== 列表 ====================
+
+.content-preview {
+    color: #606266;
+    font-size: 13px;
+    line-height: 1.6;
+}
+
+.pagination-bar {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
+
+// ==================== 表单弹窗 ====================
+
+:deep(.el-dialog) {
+    border-radius: 14px;
+    box-shadow: 0 12px 40px rgba(30, 27, 75, 0.16);
+}
+
+:deep(.el-dialog__header) {
+    padding: 20px 24px 16px;
+    margin-right: 0;
+    border-bottom: 1px solid #f0f1f5;
+}
+
+:deep(.el-dialog__body) {
+    padding: 8px 24px 4px;
+    max-height: calc(94vh - 170px);
+    overflow-y: auto;
+}
+
+:deep(.el-dialog__footer) {
+    padding: 14px 24px;
+    border-top: 1px solid #f0f1f5;
+    background-color: #fafbfd;
+    border-radius: 0 0 14px 14px;
+}
+
+.dialog-title {
+    display: flex;
+    align-items: center;
+    font-size: 17px;
+    font-weight: 600;
+    color: #1d2129;
+
+    &::before {
+        content: '';
+        width: 4px;
+        height: 18px;
+        border-radius: 2px;
+        background: linear-gradient(180deg, #7c6af8, #5e46f6);
+        margin-right: 10px;
+    }
+
+    .dialog-subtitle {
+        margin-left: 12px;
+        font-size: 12px;
+        font-weight: 400;
+        color: #a2a6ad;
+    }
+}
+</style>
diff --git a/src/views/course/index.vue b/src/views/course/index.vue
new file mode 100644
index 0000000..48f0924
--- /dev/null
+++ b/src/views/course/index.vue
@@ -0,0 +1,1176 @@
+<template>
+    <div class="course-page">
+        <el-tabs v-model="activeTab" class="page-tabs">
+            <!-- ==================== Tab 1：课程管理（原内容） ==================== -->
+            <el-tab-pane label="课程管理" name="course">
+
+        <!-- 筛选栏 -->
+        <el-card shadow="never" class="filter-card">
+            <div class="filter-bar">
+                <el-input
+                    v-model="query.name"
+                    placeholder="课程名称"
+                    clearable
+                    class="filter-input"
+                    @keyup.enter="handleSearch"
+                    @clear="handleSearch"
+                />
+                <el-select
+                    v-model="query.status"
+                    placeholder="状态"
+                    clearable
+                    class="filter-select"
+                    @change="handleSearch"
+                >
+                    <el-option label="上架" :value="STATUS.ON_SHELF" />
+                    <el-option label="下架" :value="STATUS.OFF_SHELF" />
+                </el-select>
+                <el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
+                <el-button :icon="Refresh" @click="handleReset">重置</el-button>
+                <div class="filter-spacer" />
+                <el-button type="primary" :icon="Plus" @click="openCreate">新增课程</el-button>
+            </div>
+        </el-card>
+
+        <!-- 列表 -->
+        <el-card shadow="never" class="table-card">
+            <el-table v-loading="loading" :data="list" row-key="id" stripe>
+                <el-table-column label="宣传图" width="110" align="center">
+                    <template #default="{ row }">
+                        <el-image
+                            class="cover-thumb"
+                            :src="row.coverUrl"
+                            fit="cover"
+                            :preview-src-list="row.coverUrl ? [row.coverUrl] : []"
+                            preview-teleported
+                            hide-on-click-modal
+                        >
+                            <template #error>
+                                <div class="cover-thumb-error">暂无图片</div>
+                            </template>
+                        </el-image>
+                    </template>
+                </el-table-column>
+                <el-table-column label="课程名称" prop="name" min-width="180" show-overflow-tooltip />
+                <el-table-column label="售价" width="120" align="right">
+                    <template #default="{ row }">
+                        <span class="price">¥{{ formatPrice(row.price) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="排课" min-width="170">
+                    <template #default="{ row }">
+                        <!-- 日期排课折叠展示（"xx 等N天"）时，悬停冒泡完整日期安排 -->
+                        <el-tooltip v-if="isFoldedSchedule(row)" placement="top" effect="dark">
+                            <template #content>
+                                <div v-for="date in scheduleDateList(row)" :key="date">{{ date }}</div>
+                            </template>
+                            <span>{{ scheduleText(row) }}</span>
+                        </el-tooltip>
+                        <span v-else :class="{ 'schedule-empty': scheduleText(row) === '-' }">
+                            {{ scheduleText(row) }}
+                        </span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="联系人" width="150">
+                    <template #default="{ row }">
+                        <div class="contact-cell">
+                            <span>{{ row.contactName }}</span>
+                            <span class="contact-phone">{{ row.contactPhone }}</span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="状态" width="90" align="center">
+                    <template #default="{ row }">
+                        <el-tag :type="statusMeta(row.status).tag" effect="light">
+                            {{ statusMeta(row.status).label }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="精选" width="80" align="center">
+                    <template #default="{ row }">
+                        <el-tag
+                            v-if="row.featured === FEATURED.YES"
+                            type="warning"
+                            effect="light"
+                        >
+                            精选
+                        </el-tag>
+                        <span v-else class="featured-empty">—</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" prop="createdAt" width="170" />
+                <el-table-column label="操作" width="200" align="center" fixed="right">
+                    <template #default="{ row }">
+                        <el-button link type="primary" @click="openEdit(row)">编辑</el-button>
+                        <el-button link :type="row.status === STATUS.ON_SHELF ? 'warning' : 'success'"
+                            @click="handleToggleStatus(row)">
+                            {{ row.status === STATUS.ON_SHELF ? '下架' : '上架' }}
+                        </el-button>
+                        <el-button link type="danger" @click="handleRemove(row)">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <!-- 分页 -->
+            <div class="pagination-bar">
+                <el-pagination
+                    v-model:current-page="query.page"
+                    v-model:page-size="query.pageSize"
+                    :total="total"
+                    :page-sizes="[10, 20, 50]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    @size-change="handleSizeChange"
+                    @current-change="fetchList"
+                />
+            </div>
+        </el-card>
+
+        <!-- 新增/编辑弹窗 -->
+        <el-dialog
+            v-model="dialogVisible"
+            width="720px"
+            top="6vh"
+            :close-on-click-modal="false"
+            @open="handleDialogOpen"
+            @closed="handleDialogClosed"
+        >
+            <template #header>
+                <div class="dialog-title">
+                    {{ editingId ? '编辑课程' : '新增课程' }}
+                    <span class="dialog-subtitle">研学课程信息维护</span>
+                </div>
+            </template>
+
+            <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+                <!-- 分组一：基本信息 -->
+                <div class="form-section">基本信息</div>
+                <el-form-item label="宣传图片" prop="coverImageId">
+                    <div class="cover-wrap">
+                        <el-upload
+                            :show-file-list="false"
+                            accept="image/*"
+                            :http-request="handleCoverUpload"
+                        >
+                            <el-image
+                                v-if="form.coverUrl"
+                                :src="form.coverUrl"
+                                fit="cover"
+                                class="cover-editor"
+                            />
+                            <div v-else class="cover-placeholder">
+                                <el-icon v-if="!uploadingCover"><Plus /></el-icon>
+                                <el-icon v-else class="is-loading"><Loading /></el-icon>
+                                <span>{{ uploadingCover ? '上传中...' : '上传图片' }}</span>
+                            </div>
+                        </el-upload>
+                        <div class="form-tip">建议尺寸 750×420，支持 JPG/PNG，5MB 以内；点击图片可更换</div>
+                    </div>
+                </el-form-item>
+
+                <el-form-item label="课程名称" prop="name">
+                    <el-input
+                        v-model="form.name"
+                        placeholder="请输入课程名称"
+                        maxlength="100"
+                        show-word-limit
+                    />
+                </el-form-item>
+
+                <el-form-item label="售价" prop="price">
+                    <el-input-number
+                        v-model="form.price"
+                        :min="0.01"
+                        :max="9999999"
+                        :precision="2"
+                        :step="1"
+                        controls-position="right"
+                        class="price-input"
+                        placeholder="请输入课程售价"
+                    />
+                    <span class="price-unit">元</span>
+                </el-form-item>
+
+                <el-form-item label="精选推荐">
+                    <div class="featured-switch-wrap">
+                        <el-switch
+                            v-model="form.featured"
+                            :active-value="FEATURED.YES"
+                            :inactive-value="FEATURED.NO"
+                        />
+                        <span class="form-tip featured-tip">
+                            开启后将在小程序首页"精选研学课程"区块展示（需同时上架）
+                        </span>
+                    </div>
+                </el-form-item>
+
+                <!-- 分组二：排课安排 -->
+                <div class="form-section">排课安排</div>
+                <el-form-item label="排课方式" prop="scheduleType">
+                    <el-radio-group v-model="form.scheduleType">
+                        <el-radio :value="SCHEDULE_TYPE.WEEKLY">每周重复</el-radio>
+                        <el-radio :value="SCHEDULE_TYPE.DATE">日期排课</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item
+                    v-if="form.scheduleType === SCHEDULE_TYPE.WEEKLY"
+                    label="上课星期"
+                    prop="scheduleWeekDays"
+                >
+                    <el-checkbox-group v-model="form.scheduleWeekDays">
+                        <el-checkbox v-for="week in WEEK_OPTIONS" :key="week.value" :value="week.value">
+                            {{ week.label }}
+                        </el-checkbox>
+                    </el-checkbox-group>
+                </el-form-item>
+
+                <el-form-item
+                    v-if="form.scheduleType === SCHEDULE_TYPE.DATE"
+                    label="排课日期"
+                    prop="scheduleDates"
+                >
+                    <el-date-picker
+                        v-model="form.scheduleDates"
+                        type="dates"
+                        value-format="YYYY-MM-DD"
+                        placeholder="选择一个或多个排课日期"
+                        :disabled-date="disablePastDate"
+                        class="date-picker"
+                    />
+                </el-form-item>
+
+                <!-- 分组三：课程详情 -->
+                <div class="form-section">课程详情</div>
+                <el-form-item label="课程简介" prop="description">
+                    <div class="editor-wrap">
+                        <Toolbar class="editor-toolbar" :editor="editorRef" :default-config="toolbarConfig" mode="default" />
+                        <!-- 高度用内联 style 保证生效：功能框(约120px) : 文字区 = 1 : 3 -->
+                        <Editor
+                            v-model="form.description"
+                            class="editor-content"
+                            style="height: 360px; overflow-y: hidden;"
+                            :default-config="editorConfig"
+                            mode="default"
+                            @onCreated="handleEditorCreated"
+                        />
+                    </div>
+                </el-form-item>
+
+                <el-row :gutter="12">
+                    <el-col :span="12">
+                        <el-form-item label="联系人姓名" prop="contactName">
+                            <el-input v-model="form.contactName" placeholder="请输入联系人姓名" maxlength="50" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="12">
+                        <el-form-item label="联系电话" prop="contactPhone">
+                            <el-input v-model="form.contactPhone" placeholder="请输入11位手机号" maxlength="11" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+
+            <template #footer>
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="saving" @click="handleSave">保 存</el-button>
+            </template>
+        </el-dialog>
+
+            </el-tab-pane>
+
+            <!-- ==================== Tab 2：预约名单（新增） ==================== -->
+            <el-tab-pane label="预约名单" name="appointment">
+                <!-- 课程选择：下拉框选某门课 → 拉取其预约名单 -->
+                <el-card shadow="never" class="filter-card">
+                    <div class="filter-bar">
+                        <span class="filter-label">查看课程：</span>
+                        <el-select
+                            v-model="apptQuery.courseId"
+                            placeholder="请选择课程"
+                            filterable
+                            clearable
+                            class="filter-appt-select"
+                            @change="handleApptCourseChange"
+                        >
+                            <el-option
+                                v-for="c in courseOptions"
+                                :key="c.id"
+                                :label="c.name"
+                                :value="c.id"
+                            />
+                        </el-select>
+                        <el-button type="primary" :icon="Search" @click="handleApptSearch">查询</el-button>
+                        <el-button :icon="Refresh" @click="handleApptReset">重置</el-button>
+                    </div>
+                </el-card>
+
+                <!-- 预约名单表格 -->
+                <el-card shadow="never" class="table-card">
+                    <el-alert
+                        v-if="!apptQuery.courseId"
+                        title="请先选择一门课程"
+                        type="info"
+                        :closable="false"
+                        show-icon
+                        class="appt-alert"
+                    />
+                    <el-table v-else v-loading="apptLoading" :data="apptList" stripe>
+                        <el-table-column label="预约人" width="140">
+                            <template #default="{ row }">
+                                <span class="appt-nick">{{ row.userNickName || '-' }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="预约时间" prop="appointmentDate" width="170" />
+                        <el-table-column label="人数" prop="personCount" width="80" align="center" />
+                        <el-table-column label="联系人" prop="contactName" width="120" />
+                        <el-table-column label="联系电话" prop="contactPhone" width="140" />
+                        <el-table-column label="金额" width="120" align="right">
+                            <template #default="{ row }">
+                                <span class="price">¥{{ formatPrice(row.amount) }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="状态" width="100" align="center">
+                            <template #default="{ row }">
+                                <el-tag :type="APPT_STATUS_META_MAP[row.status]?.tag || 'info'" effect="light">
+                                    {{ row.statusName || '-' }}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="备注" prop="remark" min-width="160" show-overflow-tooltip />
+                        <el-table-column label="创建时间" prop="createdAt" width="170" />
+                    </el-table>
+
+                    <div class="pagination-bar" v-if="apptQuery.courseId">
+                        <el-pagination
+                            v-model:current-page="apptQuery.page"
+                            v-model:page-size="apptQuery.pageSize"
+                            :total="apptTotal"
+                            :page-sizes="[10, 20, 50]"
+                            layout="total, sizes, prev, pager, next, jumper"
+                            @size-change="fetchAppointments"
+                            @current-change="fetchAppointments"
+                        />
+                    </div>
+                </el-card>
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive, shallowRef, onBeforeUnmount } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Search, Refresh, Plus, Loading } from '@element-plus/icons-vue'
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue'
+import '@wangeditor/editor/dist/css/style.css'
+import {
+    pageCourse,
+    createCourse,
+    updateCourse,
+    removeCourse,
+    updateCourseStatus,
+    uploadCourseImage,
+    resolveFileUrl,
+    listCourseAppointments
+} from '@/api/course'
+
+// ==================== 业务常量（与后端 CourseConstants 对齐） ====================
+
+/** 课程状态编码 */
+const STATUS = {
+    OFF_SHELF: 0,
+    ON_SHELF: 1,
+    FULL: 2
+}
+
+/** 排课方式编码 */
+const SCHEDULE_TYPE = {
+    WEEKLY: 1,
+    DATE: 2
+}
+
+/** 每周上课星期选项（编码与后端约定一致：1=周一 ... 7=周日） */
+const WEEK_OPTIONS = [
+    { value: 1, label: '周一' },
+    { value: 2, label: '周二' },
+    { value: 3, label: '周三' },
+    { value: 4, label: '周四' },
+    { value: 5, label: '周五' },
+    { value: 6, label: '周六' },
+    { value: 7, label: '周日' }
+]
+
+/** 星期编码 → 中文后缀（"1"→"一"），排课列展示用 */
+const WEEK_LABEL_MAP = { 1: '一', 2: '二', 3: '三', 4: '四', 5: '五', 6: '六', 7: '日' }
+
+/** 状态 → 标签文案/颜色映射 */
+const STATUS_META_MAP = {
+    [STATUS.OFF_SHELF]: { label: '下架', tag: 'info' },
+    [STATUS.ON_SHELF]: { label: '上架', tag: 'success' },
+    [STATUS.FULL]: { label: '已满员', tag: 'warning' }
+}
+
+/** 封面图片大小上限（MB） */
+const MAX_IMAGE_MB = 5
+
+/** 精选标记编码（与后端 CourseConstants 对齐） */
+const FEATURED = {
+    NO: 0,
+    YES: 1
+}
+
+/** 表单默认值，新增/编辑弹窗复用 */
+const DEFAULT_FORM = {
+    name: '',
+    coverImageId: null,
+    coverUrl: '',
+    price: null,
+    status: STATUS.ON_SHELF,
+    featured: FEATURED.NO,
+    description: '',
+    scheduleType: SCHEDULE_TYPE.WEEKLY,
+    scheduleWeekDays: [],
+    scheduleDates: [],
+    contactName: '',
+    contactPhone: ''
+}
+
+// ==================== 列表状态 ====================
+
+const loading = ref(false)
+const list = ref([])
+const total = ref(0)
+const query = reactive({
+    name: '',
+    status: null,
+    page: 1,
+    pageSize: 10
+})
+
+/**
+ * 拉取课程分页列表
+ */
+async function fetchList() {
+    loading.value = true
+    try {
+        const res = await pageCourse({
+            name: query.name || undefined,
+            status: query.status ?? undefined,
+            pageNo: query.page - 1,
+            pageSize: query.pageSize
+        })
+        list.value = res.data.list || []
+        total.value = Number(res.data.totalElements || 0)
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        loading.value = false
+    }
+}
+
+/** 查询：重置到第 1 页再拉取 */
+function handleSearch() {
+    query.page = 1
+    fetchList()
+}
+
+/** 重置筛选条件 */
+function handleReset() {
+    query.name = ''
+    query.status = null
+    query.page = 1
+    fetchList()
+}
+
+/** 页大小变化：回到第 1 页 */
+function handleSizeChange() {
+    query.page = 1
+    fetchList()
+}
+
+// ==================== 列表展示辅助 ====================
+
+/**
+ * 售价格式化：1388 → "1,388.00"
+ */
+function formatPrice(price) {
+    if (price === null || price === undefined || price === '') {
+        return '-'
+    }
+    return Number(price).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+}
+
+/**
+ * 状态标签元信息
+ */
+function statusMeta(status) {
+    return STATUS_META_MAP[status] || { label: '未知', tag: 'info' }
+}
+
+/**
+ * 日期排课行 → 完整日期数组（后端分号串拆分，数据源与 scheduleText 保持一致）
+ */
+function scheduleDateList(row) {
+    return (row.scheduleDates || '').split(';').filter(Boolean)
+}
+
+/**
+ * 是否处于折叠展示状态（日期排课且超过 3 个），折叠时悬停需要冒泡完整日期
+ */
+function isFoldedSchedule(row) {
+    return row.scheduleType === SCHEDULE_TYPE.DATE && scheduleDateList(row).length > 3
+}
+
+/**
+ * 排课信息 → 人类可读文本
+ * 每周重复："每周一、周三"；日期排课："2026-09-10、2026-09-12"（超过 3 个折叠为"xx 等N天"）
+ */
+function scheduleText(row) {
+    if (row.scheduleType === SCHEDULE_TYPE.WEEKLY) {
+        const days = (row.scheduleWeekDays || '')
+            .split(';')
+            .filter(Boolean)
+            .map((code) => `周${WEEK_LABEL_MAP[code] || code}`)
+        return days.length ? `每${days.join('、')}` : '-'
+    }
+    if (row.scheduleType === SCHEDULE_TYPE.DATE) {
+        const dates = scheduleDateList(row)
+        if (!dates.length) {
+            return '-'
+        }
+        return dates.length <= 3 ? dates.join('、') : `${dates[0]} 等${dates.length}天`
+    }
+    return '-'
+}
+
+// ==================== 新增/编辑弹窗 ====================
+
+const dialogVisible = ref(false)
+const saving = ref(false)
+const editingId = ref(null)
+const formRef = ref(null)
+const form = reactive({ ...DEFAULT_FORM })
+const uploadingCover = ref(false)
+
+/** 表单校验规则（排课字段按模式条件校验） */
+const rules = {
+    name: [
+        { required: true, message: '请输入课程名称', trigger: 'blur' },
+        { max: 100, message: '课程名称不能超过100个字符', trigger: 'blur' }
+    ],
+    coverImageId: [{ required: true, message: '请上传课程宣传图片', trigger: 'change' }],
+    price: [{ required: true, message: '请输入课程售价', trigger: 'blur' }],
+    scheduleType: [{ required: true, message: '请选择排课方式', trigger: 'change' }],
+    scheduleWeekDays: [
+        {
+            validator: (rule, value, callback) => {
+                if (form.scheduleType === SCHEDULE_TYPE.WEEKLY && (!value || !value.length)) {
+                    callback(new Error('请选择每周上课的星期'))
+                } else {
+                    callback()
+                }
+            },
+            trigger: 'change'
+        }
+    ],
+    scheduleDates: [
+        {
+            validator: (rule, value, callback) => {
+                if (form.scheduleType === SCHEDULE_TYPE.DATE && (!value || !value.length)) {
+                    callback(new Error('请选择具体的排课日期'))
+                } else {
+                    callback()
+                }
+            },
+            trigger: 'change'
+        }
+    ],
+    contactName: [
+        { required: true, message: '请输入联系人姓名', trigger: 'blur' },
+        { max: 50, message: '联系人姓名不能超过50个字符', trigger: 'blur' }
+    ],
+    contactPhone: [
+        { required: true, message: '请输入联系电话', trigger: 'blur' },
+        { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的11位手机号', trigger: 'blur' }
+    ]
+}
+
+/**
+ * 新增课程：重置表单为默认值
+ */
+function openCreate() {
+    editingId.value = null
+    Object.assign(form, DEFAULT_FORM, {
+        scheduleWeekDays: [],
+        scheduleDates: []
+    })
+    dialogVisible.value = true
+}
+
+/**
+ * 编辑课程：用行数据回填表单（列表 VO 已含全部字段，无需二次请求）
+ */
+function openEdit(row) {
+    editingId.value = row.id
+    Object.assign(form, {
+        name: row.name,
+        coverImageId: row.coverImageId,
+        coverUrl: row.coverUrl || '',
+        price: row.price === null ? null : Number(row.price),
+        status: row.status,
+        featured: row.featured ?? FEATURED.NO,
+        description: row.description || '',
+        scheduleType: row.scheduleType,
+        scheduleWeekDays: (row.scheduleWeekDays || '').split(';').filter(Boolean).map(Number),
+        scheduleDates: (row.scheduleDates || '').split(';').filter(Boolean),
+        contactName: row.contactName,
+        contactPhone: row.contactPhone
+    })
+    dialogVisible.value = true
+}
+
+/** 弹窗打开后清除残留校验状态 */
+function handleDialogOpen() {
+    formRef.value?.clearValidate()
+}
+
+/** 弹窗关闭后销毁富文本实例，防止编辑器句柄泄漏 */
+function handleDialogClosed() {
+    destroyEditor()
+}
+
+/**
+ * 保存课程（新增/编辑共用）
+ */
+async function handleSave() {
+    try {
+        await formRef.value.validate()
+    } catch {
+        // 校验失败，错误提示已由表单展示
+        return
+    }
+    saving.value = true
+    try {
+        const payload = {
+            name: form.name,
+            coverImageId: form.coverImageId,
+            price: form.price,
+            status: form.status,
+            featured: form.featured ? FEATURED.YES : FEATURED.NO,
+            description: form.description,
+            scheduleType: form.scheduleType,
+            // 仅提交当前排课方式对应的字段，另一种模式字段不传（后端自动置空）
+            scheduleWeekDays:
+                form.scheduleType === SCHEDULE_TYPE.WEEKLY ? [...form.scheduleWeekDays] : undefined,
+            scheduleDates:
+                form.scheduleType === SCHEDULE_TYPE.DATE ? [...form.scheduleDates] : undefined,
+            contactName: form.contactName,
+            contactPhone: form.contactPhone
+        }
+        if (editingId.value) {
+            await updateCourse(editingId.value, payload)
+            ElMessage.success('编辑成功')
+        } else {
+            await createCourse(payload)
+            ElMessage.success('新增成功')
+        }
+        dialogVisible.value = false
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        saving.value = false
+    }
+}
+
+// ==================== 封面图片上传 ====================
+
+/**
+ * 封面上传：走统一文件上传接口，成功后回填 fileId 与预览 URL
+ */
+async function handleCoverUpload({ file }) {
+    if (!file.type.startsWith('image/')) {
+        ElMessage.warning('请选择图片文件')
+        return
+    }
+    if (file.size > MAX_IMAGE_MB * 1024 * 1024) {
+        ElMessage.warning(`图片大小不能超过${MAX_IMAGE_MB}MB`)
+        return
+    }
+    uploadingCover.value = true
+    try {
+        const res = await uploadCourseImage(file)
+        form.coverImageId = res.data.fileId
+        form.coverUrl = resolveFileUrl(res.data.fileUrl)
+        formRef.value?.clearValidate('coverImageId')
+    } catch {
+        // 上传失败提示已由 axios 拦截器统一处理
+    } finally {
+        uploadingCover.value = false
+    }
+}
+
+// ==================== 富文本编辑器（课程简介） ====================
+
+const editorRef = shallowRef(null)
+const toolbarConfig = {}
+const editorConfig = {
+    placeholder: '请输入课程简介，支持图文混排...',
+    MENU_CONF: {
+        /**
+         * 富文本图片上传：复用统一文件上传接口，插入绝对 URL
+         */
+        uploadImage: {
+            async customUpload(file, insertFn) {
+                try {
+                    const res = await uploadCourseImage(file)
+                    insertFn(resolveFileUrl(res.data.fileUrl), file.name || '简介图片', '')
+                } catch {
+                    // 上传失败提示已由 axios 拦截器统一处理
+                }
+            }
+        }
+    }
+}
+
+/** 编辑器创建完成回调 */
+function handleEditorCreated(editor) {
+    editorRef.value = editor
+}
+
+/** 销毁富文本实例 */
+function destroyEditor() {
+    const editor = editorRef.value
+    if (editor) {
+        editor.destroy()
+        editorRef.value = null
+    }
+}
+
+onBeforeUnmount(destroyEditor)
+
+// ==================== 上下架与删除 ====================
+
+/**
+ * 上架/下架切换
+ */
+async function handleToggleStatus(row) {
+    const target = row.status === STATUS.ON_SHELF ? STATUS.OFF_SHELF : STATUS.ON_SHELF
+    try {
+        await updateCourseStatus(row.id, target)
+        ElMessage.success(target === STATUS.ON_SHELF ? '已上架' : '已下架')
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+/**
+ * 删除课程（软删除），删除前二次确认
+ */
+async function handleRemove(row) {
+    try {
+        await ElMessageBox.confirm(
+            `确定删除课程「${row.name}」吗？删除后小程序端将不可见。`,
+            '删除确认',
+            { type: 'warning', confirmButtonText: '删除', cancelButtonText: '取消' }
+        )
+    } catch {
+        // 用户取消删除
+        return
+    }
+    try {
+        await removeCourse(row.id)
+        ElMessage.success('删除成功')
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+// ==================== 其他 ====================
+
+/** 禁用过去的日期（日期排课不允许选历史日期） */
+function disablePastDate(date) {
+    const todayStart = new Date()
+    todayStart.setHours(0, 0, 0, 0)
+    return date.getTime() < todayStart.getTime()
+}
+
+// ==================== 预约名单 Tab ====================
+
+/** 当前激活的 Tab：course（课程管理） / appointment（预约名单） */
+const activeTab = ref('course')
+
+/** 预约状态编码（与后端二态模型对齐：1已预约 / 2已取消） */
+const APPT_STATUS = {
+    ACTIVE: 1,
+    CANCELLED: 2
+}
+
+/** 预约状态 → 标签文案/颜色映射 */
+const APPT_STATUS_META_MAP = {
+    [APPT_STATUS.ACTIVE]: { label: '已预约', tag: 'success' },
+    [APPT_STATUS.CANCELLED]: { label: '已取消', tag: 'info' }
+}
+
+/** 预约名单查询参数 */
+const apptQuery = reactive({
+    courseId: null,
+    page: 1,
+    pageSize: 10
+})
+
+/** 预约名单加载态 */
+const apptLoading = ref(false)
+
+/** 预约名单列表 */
+const apptList = ref([])
+
+/** 预约名单总数 */
+const apptTotal = ref(0)
+
+/** 课程下拉选项（预约名单 Tab 里用来选择查哪门课的预约） */
+const courseOptions = ref([])
+
+/**
+ * 拉取课程下拉选项：复用 pageCourse 接口拉前 N 条作为下拉数据源。
+ * 只取必要字段（id + name），不支持按关键字筛选——下拉框本身有 filterable。
+ */
+async function fetchCourseOptions() {
+    try {
+        const res = await pageCourse({ pageNo: 0, pageSize: 100 })
+        courseOptions.value = (res.data.list || []).map((c) => ({ id: c.id, name: c.name }))
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+/**
+ * 拉取预约名单（某门课的）
+ */
+async function fetchAppointments() {
+    if (!apptQuery.courseId) {
+        apptList.value = []
+        apptTotal.value = 0
+        return
+    }
+    apptLoading.value = true
+    try {
+        const res = await listCourseAppointments({
+            courseId: apptQuery.courseId,
+            pageNo: apptQuery.page - 1,
+            pageSize: apptQuery.pageSize
+        })
+        apptList.value = res.data.list || []
+        apptTotal.value = Number(res.data.totalElements || 0)
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        apptLoading.value = false
+    }
+}
+
+/** 课程选择变化：重置分页到第 1 页再拉 */
+function handleApptCourseChange() {
+    apptQuery.page = 1
+    fetchAppointments()
+}
+
+/** 查询按钮：重置到第 1 页再拉 */
+function handleApptSearch() {
+    apptQuery.page = 1
+    fetchAppointments()
+}
+
+/** 重置：清空课程选择 + 重置分页 */
+function handleApptReset() {
+    apptQuery.courseId = null
+    apptQuery.page = 1
+    fetchAppointments()
+}
+
+// ==================== 初始化 ====================
+
+// 初始拉取课程列表
+fetchList()
+// 同时预拉课程下拉选项，供"预约名单" Tab 选择器使用
+fetchCourseOptions()
+</script>
+
+<style lang="scss" scoped>
+.course-page {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    // 页面 Tab 栏（el-tabs 默认上方显示，加一点间距与下边筛选区分开）
+    .page-tabs {
+        margin-bottom: -4px;
+    }
+}
+
+// ==================== 预约名单 Tab 辅助样式 ====================
+
+.filter-label {
+    color: #606266;
+    font-size: 14px;
+}
+
+.filter-appt-select {
+    width: 320px;
+}
+
+.appt-alert {
+    margin-bottom: 16px;
+}
+
+.appt-user-cell {
+    display: flex;
+    flex-direction: column;
+    line-height: 1.6;
+
+    .appt-nick {
+        color: #303133;
+    }
+}
+
+// ==================== 筛选栏 ====================
+
+.filter-card {
+    :deep(.el-card__body) {
+        padding: 16px 20px;
+    }
+}
+
+.filter-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .filter-input {
+        width: 220px;
+    }
+
+    .filter-select {
+        width: 130px;
+    }
+
+    .filter-spacer {
+        flex: 1;
+    }
+}
+
+// ==================== 列表 ====================
+
+.cover-thumb {
+    width: 88px;
+    height: 60px;
+    border-radius: 6px;
+    display: block;
+    margin: 0 auto;
+}
+
+.cover-thumb-error {
+    width: 88px;
+    height: 60px;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    color: #c0c4cc;
+    background-color: #f5f7fa;
+}
+
+.price {
+    font-weight: 600;
+    color: #f56c6c;
+}
+
+.schedule-empty {
+    color: #c0c4cc;
+}
+
+.contact-cell {
+    display: flex;
+    flex-direction: column;
+    line-height: 1.6;
+
+    .contact-phone {
+        font-size: 12px;
+        color: #909399;
+    }
+}
+
+.pagination-bar {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
+
+// ==================== 表单弹窗 ====================
+
+// 弹窗整体质感：大圆角、柔和投影、头尾分隔线
+:deep(.el-dialog) {
+    border-radius: 14px;
+    box-shadow: 0 12px 40px rgba(30, 27, 75, 0.16);
+}
+
+:deep(.el-dialog__header) {
+    padding: 20px 24px 16px;
+    margin-right: 0;
+    border-bottom: 1px solid #f0f1f5;
+}
+
+:deep(.el-dialog__body) {
+    padding: 8px 24px 4px;
+    // 内容超高时弹窗内部滚动，保证头部/底部始终可见
+    max-height: calc(94vh - 170px);
+    overflow-y: auto;
+}
+
+:deep(.el-dialog__footer) {
+    padding: 14px 24px;
+    border-top: 1px solid #f0f1f5;
+    background-color: #fafbfd;
+    border-radius: 0 0 14px 14px;
+}
+
+// 弹窗标题：品牌紫渐变竖条 + 主标题 + 弱化副标题
+.dialog-title {
+    display: flex;
+    align-items: center;
+    font-size: 17px;
+    font-weight: 600;
+    color: #1d2129;
+
+    &::before {
+        content: '';
+        width: 4px;
+        height: 18px;
+        border-radius: 2px;
+        background: linear-gradient(180deg, #7c6af8, #5e46f6);
+        margin-right: 10px;
+    }
+
+    .dialog-subtitle {
+        margin-left: 12px;
+        font-size: 12px;
+        font-weight: 400;
+        color: #a2a6ad;
+    }
+}
+
+// 表单分组标题：与弹窗标题同源的视觉语言
+.form-section {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+    padding-bottom: 10px;
+    margin: 8px 0 20px;
+    border-bottom: 1px dashed #e4e7ed;
+
+    &::before {
+        content: '';
+        width: 3px;
+        height: 13px;
+        border-radius: 2px;
+        background: linear-gradient(180deg, #7c6af8, #5e46f6);
+        margin-right: 8px;
+    }
+
+    &:not(:first-of-type) {
+        margin-top: 30px;
+    }
+}
+
+// 封面上传区：正方形占位框 + 下方说明文字
+.cover-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.cover-editor {
+    width: 160px;
+    height: 160px;
+    border-radius: 8px;
+    cursor: pointer;
+}
+
+.cover-placeholder {
+    width: 160px;
+    height: 160px;
+    border: 1px dashed #c0c4cc;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    color: #909399;
+    font-size: 13px;
+    cursor: pointer;
+    transition: border-color 0.2s, color 0.2s;
+
+    &:hover {
+        border-color: var(--el-color-primary);
+        color: var(--el-color-primary);
+    }
+}
+
+.form-tip {
+    font-size: 12px;
+    color: #909399;
+    line-height: 1.5;
+}
+
+.price-input {
+    width: 200px;
+}
+
+.price-unit {
+    margin-left: 8px;
+    color: #606266;
+    font-size: 14px;
+}
+
+.date-picker {
+    width: 100%;
+}
+
+// 精选开关区
+.featured-switch-wrap {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.featured-tip {
+    margin: 0;
+}
+
+.featured-empty {
+    color: #c0c4cc;
+}
+
+// 富文本编辑器：工具栏与内容区拼合成整体输入框（文字区高度由组件内联 style 控制）
+.editor-wrap {
+    width: 100%;
+    border: 1px solid #dcdfe6;
+    border-radius: 6px;
+    overflow: hidden;
+    z-index: 100;
+
+    &:focus-within {
+        border-color: var(--el-color-primary);
+    }
+
+    .editor-toolbar {
+        border-bottom: 1px solid #dcdfe6;
+    }
+}
+</style>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
new file mode 100644
index 0000000..b295ce2
--- /dev/null
+++ b/src/views/dashboard/index.vue
@@ -0,0 +1,935 @@
+<template>
+    <div class="dashboard-container" v-loading="loading" element-loading-text="数据加载中...">
+        <!-- 加载失败状态 -->
+        <div v-if="!loading && error" class="error-state">
+            <el-empty description="数据加载失败，请检查后端服务是否启动">
+                <el-button type="primary" @click="fetchData">
+                    <el-icon style="margin-right: 4px"><Refresh /></el-icon>
+                    重新加载
+                </el-button>
+            </el-empty>
+        </div>
+
+        <template v-else>
+            <!-- 顶部欢迎栏 -->
+            <div class="welcome-bar">
+                <div class="welcome-left">
+                    <span class="welcome-greeting">{{ greeting }}</span>
+                    <span class="welcome-subtitle">欢迎来到翼云Hub 数据驾驶舱</span>
+                </div>
+                <div class="welcome-right">
+                    <el-icon class="refresh-btn" :class="{ spinning: refreshing }" @click="fetchData">
+                        <Refresh />
+                    </el-icon>
+                    <span class="update-time">数据更新：{{ updateTime }}</span>
+                </div>
+            </div>
+
+            <!-- 第一行：统计卡片 -->
+            <div class="stats-row">
+                <div
+                    v-for="(card, idx) in statCards"
+                    :key="card.label"
+                    class="stat-card"
+                    :class="`stat-card--${idx}`"
+                >
+                    <div class="stat-card-bg"></div>
+                    <div class="stat-card-content">
+                        <div class="stat-icon">
+                            <el-icon :size="28">
+                                <component :is="card.icon" />
+                            </el-icon>
+                        </div>
+                        <div class="stat-info">
+                            <div class="stat-label">{{ card.label }}</div>
+                            <div class="stat-value">
+                                {{ animatedValues[idx]?.toLocaleString() || 0 }}
+                            </div>
+                        </div>
+                        <div v-if="card.trend !== undefined && card.trend !== null" class="stat-trend" :class="card.trend >= 0 ? 'up' : 'down'">
+                            <el-icon>
+                                <Top v-if="card.trend >= 0" />
+                                <Bottom v-else />
+                            </el-icon>
+                            <span>{{ Math.abs(card.trend) }}%</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 第二行：月度趋势折线图 -->
+            <div class="charts-row charts-row--two">
+                <div class="chart-panel">
+                    <div class="panel-header">
+                        <div class="panel-title">
+                            <span class="title-dot title-dot--purple"></span>
+                            用户月度增长趋势
+                        </div>
+                        <span class="panel-subtitle">近 6 个月</span>
+                    </div>
+                    <div ref="userTrendChartRef" class="chart-body"></div>
+                </div>
+
+                <div class="chart-panel">
+                    <div class="panel-header">
+                        <div class="panel-title">
+                            <span class="title-dot title-dot--cyan"></span>
+                            任务月度增长趋势
+                        </div>
+                        <span class="panel-subtitle">近 6 个月</span>
+                    </div>
+                    <div ref="taskTrendChartRef" class="chart-body"></div>
+                </div>
+            </div>
+
+            <!-- 第三行：状态环形图 + 类型柱状图 -->
+            <div class="charts-row charts-row--two">
+                <div class="chart-panel">
+                    <div class="panel-header">
+                        <div class="panel-title">
+                            <span class="title-dot title-dot--amber"></span>
+                            任务状态分布
+                        </div>
+                    </div>
+                    <div ref="taskStatusChartRef" class="chart-body"></div>
+                </div>
+
+                <div class="chart-panel">
+                    <div class="panel-header">
+                        <div class="panel-title">
+                            <span class="title-dot title-dot--green"></span>
+                            任务类型分布
+                        </div>
+                    </div>
+                    <div ref="taskTypeChartRef" class="chart-body"></div>
+                </div>
+            </div>
+        </template>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, onUnmounted, computed, nextTick } from 'vue'
+import * as echarts from 'echarts'
+import { getDashboardStats } from '@/api/dashboard'
+import {
+    Refresh,
+    User,
+    UserFilled,
+    Avatar,
+    Document,
+    CircleCheck,
+    Clock,
+    Top,
+    Bottom
+} from '@element-plus/icons-vue'
+
+// ==================== 状态 ====================
+
+const loading = ref(true)
+const refreshing = ref(false)
+const error = ref(false)
+const statsData = ref(null)
+const updateTime = ref('')
+
+// 图表 DOM 引用
+const userTrendChartRef = ref(null)
+const taskTrendChartRef = ref(null)
+const taskStatusChartRef = ref(null)
+const taskTypeChartRef = ref(null)
+
+// 图表实例
+let userTrendChart = null
+let taskTrendChart = null
+let taskStatusChart = null
+let taskTypeChart = null
+
+// 动画数字：先显示 0，加载完成后动画递增到实际值
+const animatedValues = reactive([0, 0, 0, 0, 0, 0])
+
+// ==================== 计算属性 ====================
+
+const greeting = computed(() => {
+    const hour = new Date().getHours()
+    if (hour < 6) return '夜深了'
+    if (hour < 12) return '早上好'
+    if (hour < 14) return '中午好'
+    if (hour < 18) return '下午好'
+    return '晚上好'
+})
+
+const statCards = computed(() => {
+    const d = statsData.value
+    if (!d) return []
+    return [
+        { label: '小程序用户', icon: User, value: d.userTotalCount },
+        { label: '已认证商家', icon: UserFilled, value: d.merchantCount },
+        { label: '已认证飞手', icon: Avatar, value: d.pilotCount },
+        { label: '任务总数', icon: Document, value: d.taskTotalCount },
+        { label: '已完成任务', icon: CircleCheck, value: d.taskCompletedCount },
+        { label: '进行中任务', icon: Clock, value: d.taskInProgressCount }
+    ]
+})
+
+// ==================== 生命周期 ====================
+
+onMounted(async () => {
+    await fetchData()
+    window.addEventListener('resize', handleResize)
+})
+
+onUnmounted(() => {
+    window.removeEventListener('resize', handleResize)
+    disposeCharts()
+})
+
+// ==================== 数据加载 ====================
+
+async function fetchData() {
+    refreshing.value = true
+    error.value = false
+    try {
+        const res = await getDashboardStats()
+        statsData.value = res.data
+        updateTime.value = formatNow()
+        await nextTick()
+        animateValues()
+        initCharts()
+    } catch (e) {
+        console.error('Dashboard stats fetch failed:', e)
+        error.value = true
+    } finally {
+        loading.value = false
+        refreshing.value = false
+    }
+}
+
+function formatNow() {
+    const d = new Date()
+    const pad = (n) => String(n).padStart(2, '0')
+    return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`
+}
+
+// ==================== 数字动画 ====================
+
+function animateValues() {
+    const values = statCards.value.map((c) => c.value)
+    const duration = 1000
+    const startTime = performance.now()
+    const startValues = [...animatedValues]
+
+    function tick(now) {
+        const elapsed = now - startTime
+        const progress = Math.min(elapsed / duration, 1)
+        const eased = 1 - Math.pow(1 - progress, 3)
+
+        for (let i = 0; i < values.length; i++) {
+            animatedValues[i] = Math.round(startValues[i] + (values[i] - startValues[i]) * eased)
+        }
+
+        if (progress < 1) {
+            requestAnimationFrame(tick)
+        }
+    }
+
+    requestAnimationFrame(tick)
+}
+
+// ==================== 图表初始化 ====================
+
+function initCharts() {
+    if (!statsData.value) return
+
+    disposeCharts()
+
+    userTrendChart = initLineChart(userTrendChartRef.value, 'user')
+    taskTrendChart = initLineChart(taskTrendChartRef.value, 'task')
+    taskStatusChart = initDoughnutChart(taskStatusChartRef.value)
+    taskTypeChart = initBarChart(taskTypeChartRef.value)
+}
+
+function disposeCharts() {
+    userTrendChart?.dispose()
+    taskTrendChart?.dispose()
+    taskStatusChart?.dispose()
+    taskTypeChart?.dispose()
+    userTrendChart = null
+    taskTrendChart = null
+    taskStatusChart = null
+    taskTypeChart = null
+}
+
+function handleResize() {
+    userTrendChart?.resize()
+    taskTrendChart?.resize()
+    taskStatusChart?.resize()
+    taskTypeChart?.resize()
+}
+
+// ==================== 折线图 ====================
+
+function initLineChart(el, type) {
+    if (!el || !statsData.value) return null
+
+    const trend = type === 'user' ? statsData.value.userMonthlyTrend : statsData.value.taskMonthlyTrend
+    const isUser = type === 'user'
+
+    const chart = echarts.init(el)
+    const option = {
+        grid: {
+            top: 20,
+            left: 50,
+            right: 24,
+            bottom: 36,
+            containLabel: false
+        },
+        tooltip: {
+            trigger: 'axis',
+            backgroundColor: 'rgba(255, 255, 255, 0.96)',
+            borderColor: '#e4e7ed',
+            borderWidth: 1,
+            textStyle: { color: '#303133', fontSize: 13 },
+            axisPointer: {
+                type: 'line',
+                lineStyle: {
+                    color: isUser ? 'rgba(94, 70, 246, 0.4)' : 'rgba(0, 195, 255, 0.4)',
+                    width: 1,
+                    type: 'dashed'
+                }
+            },
+            formatter: (params) => {
+                const p = params[0]
+                return `<div style="padding:4px 8px">
+                    <div style="margin-bottom:6px;font-size:12px;color:#909399">${p.axisValue}</div>
+                    <div style="display:flex;align-items:center;gap:6px">
+                        <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${isUser ? '#5E46F6' : '#00C3FF'}"></span>
+                        <span>${p.seriesName}：<b style="font-size:14px;color:#303133">${p.value}</b></span>
+                    </div>
+                </div>`
+            }
+        },
+        xAxis: {
+            type: 'category',
+            data: trend.months,
+            axisLine: { lineStyle: { color: '#dcdfe6' } },
+            axisLabel: {
+                color: '#909399',
+                fontSize: 12,
+                formatter: (v) => v.slice(5) + '月'
+            },
+            axisTick: { show: false }
+        },
+        yAxis: {
+            type: 'value',
+            name: '新增数量',
+            nameTextStyle: { color: '#909399', fontSize: 12, padding: [0, 0, 0, -32] },
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { color: '#909399', fontSize: 12 },
+            splitLine: {
+                lineStyle: { color: '#f0f2f5', type: 'dashed' }
+            }
+        },
+        series: [
+            {
+                name: isUser ? '新增用户' : '新增任务',
+                type: 'line',
+                smooth: true,
+                symbol: 'circle',
+                symbolSize: 8,
+                showSymbol: false,
+                lineStyle: {
+                    width: 3,
+                    color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                        { offset: 0, color: isUser ? '#7C6AF8' : '#00C3FF' },
+                        { offset: 1, color: isUser ? '#5E46F6' : '#0099CC' }
+                    ]),
+                    shadowColor: isUser ? 'rgba(94, 70, 246, 0.4)' : 'rgba(0, 195, 255, 0.4)',
+                    shadowBlur: 10
+                },
+                itemStyle: {
+                    color: isUser ? '#5E46F6' : '#00C3FF',
+                    borderWidth: 2,
+                    borderColor: '#fff'
+                },
+                areaStyle: {
+                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                        { offset: 0, color: isUser ? 'rgba(94, 70, 246, 0.25)' : 'rgba(0, 195, 255, 0.2)' },
+                        { offset: 1, color: isUser ? 'rgba(94, 70, 246, 0.02)' : 'rgba(0, 195, 255, 0.02)' }
+                    ])
+                },
+                emphasis: {
+                    focus: 'series',
+                    showSymbol: true,
+                    itemStyle: {
+                        color: isUser ? '#5E46F6' : '#00C3FF',
+                        borderWidth: 3,
+                        shadowBlur: 15,
+                        shadowColor: isUser ? 'rgba(94, 70, 246, 0.8)' : 'rgba(0, 195, 255, 0.8)'
+                    }
+                },
+                data: trend.values,
+                animationDuration: 1200,
+                animationEasing: 'cubicOut'
+            }
+        ]
+    }
+    chart.setOption(option)
+    return chart
+}
+
+// ==================== 环形饼图 ====================
+
+function initDoughnutChart(el) {
+    if (!el || !statsData.value) return null
+
+    const data = statsData.value.taskStatusDistribution
+    // 过滤草稿状态
+    const filteredData = data.filter((d) => d.statusCode !== 0)
+    const total = filteredData.reduce((s, d) => s + d.count, 0)
+
+    const colorMap = {
+        1: '#5E46F6', // 待接单 - 主题紫
+        2: '#00C3FF', // 已接单 - 青色
+        3: '#F5A623', // 执行中 - 琥珀黄
+        4: '#22C55E', // 已完成 - 绿色
+        5: '#8B8FA6'  // 已取消 - 灰色
+    }
+
+    const chart = echarts.init(el)
+    const option = {
+        tooltip: {
+            trigger: 'item',
+            backgroundColor: 'rgba(255, 255, 255, 0.96)',
+            borderColor: '#e4e7ed',
+            borderWidth: 1,
+            textStyle: { color: '#303133', fontSize: 13 },
+            formatter: (p) => {
+                const percent = total > 0 ? ((p.value / total) * 100).toFixed(1) : 0
+                return `<div style="padding:4px 8px">
+                    <div style="display:flex;align-items:center;gap:6px">
+                        <span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:${p.color}"></span>
+                        <span>${p.name}</span>
+                    </div>
+                    <div style="margin-top:4px;font-size:12px;color:#909399">数量：<b style="color:#303133">${p.value}</b>（${percent}%）</div>
+                </div>`
+            }
+        },
+        legend: {
+            orient: 'vertical',
+            right: 16,
+            top: 'center',
+            itemWidth: 10,
+            itemHeight: 10,
+            itemGap: 14,
+            textStyle: { color: '#606266', fontSize: 13 },
+            icon: 'circle',
+            formatter: (name) => {
+                const item = filteredData.find((d) => d.statusName === name)
+                return item ? `${name}  ${item.count}` : name
+            }
+        },
+        series: [
+            {
+                type: 'pie',
+                radius: ['55%', '80%'],
+                center: ['38%', '50%'],
+                avoidLabelOverlap: true,
+                itemStyle: {
+                    borderRadius: 6,
+                    borderColor: '#fff',
+                    borderWidth: 2
+                },
+                label: { show: false },
+                labelLine: { show: false },
+                emphasis: {
+                    scale: true,
+                    scaleSize: 6,
+                    itemStyle: {
+                        shadowBlur: 20,
+                        shadowColor: 'rgba(0, 0, 0, 0.15)'
+                    }
+                },
+                data: filteredData.map((d) => ({
+                    name: d.statusName,
+                    value: d.count,
+                    itemStyle: { color: colorMap[d.statusCode] || '#8B8FA6' }
+                })),
+                animationType: 'scale',
+                animationDuration: 1000,
+                animationEasing: 'cubicOut'
+            }
+        ],
+        graphic: [
+            {
+                type: 'text',
+                left: '38%',
+                top: '45%',
+                style: {
+                    text: String(total),
+                    textAlign: 'center',
+                    fill: '#303133',
+                    fontSize: 28,
+                    fontWeight: 700
+                }
+            },
+            {
+                type: 'text',
+                left: '38%',
+                top: '55%',
+                style: {
+                    text: '任务总数',
+                    textAlign: 'center',
+                    fill: '#909399',
+                    fontSize: 12
+                }
+            }
+        ]
+    }
+    chart.setOption(option)
+    return chart
+}
+
+// ==================== 横向柱状图 ====================
+
+function initBarChart(el) {
+    if (!el || !statsData.value) return null
+
+    const data = statsData.value.taskTypeDistribution
+    // 横向柱状图：按 count 升序（少的在上面）
+    const sorted = [...data].sort((a, b) => a.count - b.count)
+
+    const chart = echarts.init(el)
+    const option = {
+        grid: {
+            top: 10,
+            left: 80,
+            right: 30,
+            bottom: 10,
+            containLabel: false
+        },
+        tooltip: {
+            trigger: 'axis',
+            axisPointer: { type: 'shadow' },
+            backgroundColor: 'rgba(255, 255, 255, 0.96)',
+            borderColor: '#e4e7ed',
+            borderWidth: 1,
+            textStyle: { color: '#303133', fontSize: 13 },
+            formatter: (params) => {
+                const p = params[0]
+                return `<div style="padding:4px 8px">
+                    <div style="display:flex;align-items:center;gap:6px">
+                        <span style="display:inline-block;width:10px;height:10px;border-radius:2px;background:${p.color}"></span>
+                        <span>${p.name}：<b style="font-size:14px;color:#303133">${p.value}</b> 个任务</span>
+                    </div>
+                </div>`
+            }
+        },
+        xAxis: {
+            type: 'value',
+            axisLine: { show: false },
+            axisTick: { show: false },
+            axisLabel: { color: '#909399', fontSize: 12 },
+            splitLine: {
+                lineStyle: { color: '#f0f2f5', type: 'dashed' }
+            }
+        },
+        yAxis: {
+            type: 'category',
+            data: sorted.map((d) => d.typeName),
+            axisLine: { lineStyle: { color: '#dcdfe6' } },
+            axisTick: { show: false },
+            axisLabel: {
+                color: '#606266',
+                fontSize: 13,
+                fontWeight: 500
+            }
+        },
+        series: [
+            {
+                type: 'bar',
+                data: sorted.map((d, i) => ({
+                    value: d.count,
+                    itemStyle: {
+                        borderRadius: [0, 6, 6, 0],
+                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                            { offset: 0, color: typeColors[i % typeColors.length].start },
+                            { offset: 1, color: typeColors[i % typeColors.length].end }
+                        ])
+                    }
+                })),
+                barWidth: 18,
+                label: {
+                    show: true,
+                    position: 'right',
+                    color: '#303133',
+                    fontSize: 13,
+                    fontWeight: 600,
+                    formatter: '{c}'
+                },
+                emphasis: {
+                    itemStyle: {
+                        shadowBlur: 15,
+                        shadowColor: 'rgba(94, 70, 246, 0.3)'
+                    }
+                },
+                animationDuration: 1000,
+                animationEasing: 'cubicOut'
+            }
+        ]
+    }
+    chart.setOption(option)
+    return chart
+}
+
+// 任务类型渐变配色（循环使用）
+const typeColors = [
+    { start: '#7C6AF8', end: '#5E46F6' }, // 紫
+    { start: '#00D4FF', end: '#0099CC' }, // 青
+    { start: '#F5B123', end: '#D98500' }, // 琥珀
+    { start: '#4ADE80', end: '#22C55E' }, // 绿
+    { start: '#F87171', end: '#DC2626' }, // 红
+    { start: '#A78BFA', end: '#7C3AED' }, // 浅紫
+    { start: '#60A5FA', end: '#3B82F6' }  // 蓝
+]
+</script>
+
+<style lang="scss" scoped>
+.dashboard-container {
+    min-height: 100%;
+    background: transparent;
+    animation: fadeSlideIn 0.4s ease-out;
+}
+
+@keyframes fadeSlideIn {
+    from {
+        opacity: 0;
+        transform: translateY(8px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+// ==================== 错误状态 ====================
+.error-state {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 400px;
+}
+
+// ==================== 顶部欢迎栏 ====================
+
+.welcome-bar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 4px 18px;
+
+    .welcome-left {
+        display: flex;
+        align-items: baseline;
+        gap: 12px;
+    }
+
+    .welcome-greeting {
+        font-size: 22px;
+        font-weight: 700;
+        color: #1a1c33;
+    }
+
+    .welcome-subtitle {
+        font-size: 13px;
+        color: #8b8fa6;
+    }
+
+    .welcome-right {
+        display: flex;
+        align-items: center;
+        gap: 14px;
+    }
+
+    .refresh-btn {
+        font-size: 18px;
+        color: #5e46f6;
+        cursor: pointer;
+        padding: 6px;
+        border-radius: 6px;
+        transition: background-color 0.2s;
+
+        &:hover {
+            background-color: rgba(94, 70, 246, 0.08);
+        }
+
+        &.spinning {
+            animation: spin 0.8s linear infinite;
+        }
+    }
+
+    .update-time {
+        font-size: 12px;
+        color: #a0a4bd;
+        font-family: 'SF Mono', 'Monaco', 'Menlo', monospace;
+    }
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+// ==================== 统计卡片行 ====================
+
+.stats-row {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 18px;
+    margin-bottom: 18px;
+}
+
+.stat-card {
+    position: relative;
+    overflow: hidden;
+    border-radius: 14px;
+    background: #fff;
+    transition: transform 0.25s ease, box-shadow 0.25s ease;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+
+    &:hover {
+        transform: translateY(-3px);
+        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
+
+        .stat-card-bg {
+            opacity: 1;
+        }
+
+        .stat-icon {
+            transform: scale(1.08) rotate(-2deg);
+        }
+    }
+
+    .stat-card-bg {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 160px;
+        height: 160px;
+        border-radius: 50%;
+        opacity: 0.6;
+        filter: blur(40px);
+        transition: opacity 0.3s ease;
+    }
+
+    .stat-card-content {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        padding: 20px 22px;
+    }
+
+    .stat-icon {
+        flex-shrink: 0;
+        width: 56px;
+        height: 56px;
+        border-radius: 14px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        transition: transform 0.3s ease;
+    }
+
+    .stat-info {
+        flex: 1;
+        min-width: 0;
+    }
+
+    .stat-label {
+        font-size: 13px;
+        color: #8b8fa6;
+        margin-bottom: 6px;
+        letter-spacing: 0.5px;
+    }
+
+    .stat-value {
+        font-size: 30px;
+        font-weight: 700;
+        color: #1a1c33;
+        font-family: 'SF Mono', 'Monaco', 'Menlo', -apple-system, sans-serif;
+        line-height: 1.1;
+        letter-spacing: -0.5px;
+    }
+
+    .stat-trend {
+        display: flex;
+        align-items: center;
+        gap: 2px;
+        font-size: 12px;
+        font-weight: 600;
+        padding: 4px 8px;
+        border-radius: 6px;
+
+        &.up {
+            color: #22c55e;
+            background-color: rgba(34, 197, 94, 0.1);
+        }
+
+        &.down {
+            color: #ef4444;
+            background-color: rgba(239, 68, 68, 0.1);
+        }
+    }
+}
+
+// 卡片 1：用户总数 - 主色紫渐变
+.stat-card--0 {
+    .stat-icon {
+        background: linear-gradient(135deg, #7c6af8, #5e46f6);
+        box-shadow: 0 6px 20px rgba(94, 70, 246, 0.4);
+    }
+
+    .stat-card-bg {
+        background: radial-gradient(circle, rgba(94, 70, 246, 0.25), transparent 70%);
+    }
+}
+
+// 卡片 2：商家数 - 青色渐变
+.stat-card--1 {
+    .stat-icon {
+        background: linear-gradient(135deg, #00d4ff, #0099cc);
+        box-shadow: 0 6px 20px rgba(0, 153, 204, 0.4);
+    }
+
+    .stat-card-bg {
+        background: radial-gradient(circle, rgba(0, 195, 255, 0.2), transparent 70%);
+    }
+}
+
+// 卡片 3：飞手数 - 琥珀渐变
+.stat-card--2 {
+    .stat-icon {
+        background: linear-gradient(135deg, #f5b123, #d98500);
+        box-shadow: 0 6px 20px rgba(217, 133, 0, 0.4);
+    }
+
+    .stat-card-bg {
+        background: radial-gradient(circle, rgba(245, 177, 35, 0.2), transparent 70%);
+    }
+}
+
+// 卡片 4：任务总数 - 青绿渐变
+.stat-card--3 {
+    .stat-icon {
+        background: linear-gradient(135deg, #4ade80, #22c55e);
+        box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4);
+    }
+
+    .stat-card-bg {
+        background: radial-gradient(circle, rgba(34, 197, 94, 0.2), transparent 70%);
+    }
+}
+
+// 卡片 5：已完成 - 宝蓝渐变
+.stat-card--4 {
+    .stat-icon {
+        background: linear-gradient(135deg, #60a5fa, #3b82f6);
+        box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
+    }
+
+    .stat-card-bg {
+        background: radial-gradient(circle, rgba(59, 130, 246, 0.2), transparent 70%);
+    }
+}
+
+// 卡片 6：进行中 - 橙红渐变
+.stat-card--5 {
+    .stat-icon {
+        background: linear-gradient(135deg, #fb923c, #f97316);
+        box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4);
+    }
+
+    .stat-card-bg {
+        background: radial-gradient(circle, rgba(249, 115, 22, 0.2), transparent 70%);
+    }
+}
+
+// ==================== 图表行 ====================
+
+.charts-row {
+    margin-bottom: 18px;
+
+    &--two {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 18px;
+    }
+}
+
+.chart-panel {
+    background: #fff;
+    border-radius: 14px;
+    padding: 20px 22px 18px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+    transition: box-shadow 0.25s ease;
+
+    &:hover {
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    }
+}
+
+.panel-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 16px;
+}
+
+.panel-title {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-size: 15px;
+    font-weight: 600;
+    color: #1a1c33;
+}
+
+.title-dot {
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+
+    &--purple {
+        background: linear-gradient(135deg, #7c6af8, #5e46f6);
+        box-shadow: 0 2px 6px rgba(94, 70, 246, 0.5);
+    }
+
+    &--cyan {
+        background: linear-gradient(135deg, #00d4ff, #0099cc);
+        box-shadow: 0 2px 6px rgba(0, 153, 204, 0.5);
+    }
+
+    &--amber {
+        background: linear-gradient(135deg, #f5b123, #d98500);
+        box-shadow: 0 2px 6px rgba(217, 133, 0, 0.5);
+    }
+
+    &--green {
+        background: linear-gradient(135deg, #4ade80, #22c55e);
+        box-shadow: 0 2px 6px rgba(34, 197, 94, 0.5);
+    }
+}
+
+.panel-subtitle {
+    font-size: 12px;
+    color: #a0a4bd;
+}
+
+.chart-body {
+    width: 100%;
+    height: 280px;
+}
+</style>
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
new file mode 100644
index 0000000..166b3c9
--- /dev/null
+++ b/src/views/error/404.vue
@@ -0,0 +1,49 @@
+<template>
+    <div class="error-page">
+        <div class="error-content">
+            <h1 class="error-code">404</h1>
+            <p class="error-desc">抱歉，您访问的页面不存在</p>
+            <el-button type="primary" @click="goHome">返回首页</el-button>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+/** 返回首页 */
+function goHome() {
+    router.replace('/')
+}
+</script>
+
+<style lang="scss" scoped>
+.error-page {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    background-color: #f0f2f5;
+}
+
+.error-content {
+    text-align: center;
+}
+
+.error-code {
+    font-size: 120px;
+    font-weight: 700;
+    color: #5e46f6;
+    margin-bottom: 16px;
+    letter-spacing: 8px;
+    line-height: 1;
+}
+
+.error-desc {
+    font-size: 16px;
+    color: #909399;
+    margin-bottom: 32px;
+}
+</style>
diff --git a/src/views/exam/index.vue b/src/views/exam/index.vue
new file mode 100644
index 0000000..154bc12
--- /dev/null
+++ b/src/views/exam/index.vue
@@ -0,0 +1,1111 @@
+<template>
+    <div class="exam-page">
+        <el-tabs v-model="activeTab" class="exam-tabs">
+
+            <!-- ==================== 培训 tab ==================== -->
+            <el-tab-pane label="培训" name="training">
+                <div v-loading="storeLoading" class="training-wrapper">
+
+                    <!-- 有封面图的精致卡片 -->
+                    <div v-if="store" class="training-card">
+                        <!-- 封面图区域（左） -->
+                        <div class="training-cover" :class="{ 'has-image': !!store.coverUrl }">
+                            <el-image
+                                v-if="store.coverUrl"
+                                :src="store.coverUrl"
+                                fit="cover"
+                                class="cover-img"
+                            />
+                            <div v-else class="cover-placeholder">
+                                <el-icon :size="48"><School /></el-icon>
+                                <span>暂无封面图</span>
+                            </div>
+                        </div>
+
+                        <!-- 信息区域（右） -->
+                        <div class="training-info">
+                            <div class="info-header">
+                                <div class="store-title-area">
+                                    <h2 class="store-name">{{ store.name }}</h2>
+                                    <el-tag size="small" type="primary" effect="dark" round>无人机官方认证培训中心</el-tag>
+                                </div>
+                                <el-button type="primary" :icon="Edit" round @click="openEditStore">编辑门店</el-button>
+                            </div>
+
+                            <div class="info-grid">
+                                <div class="info-item">
+                                    <el-icon><Location /></el-icon>
+                                    <span class="info-label">门店地址</span>
+                                    <span class="info-value">{{ store.address || '暂未填写' }}</span>
+                                </div>
+                                <div class="info-item">
+                                    <el-icon><User /></el-icon>
+                                    <span class="info-label">联系人</span>
+                                    <span class="info-value">{{ store.contactName || '暂未填写' }}</span>
+                                </div>
+                                <div class="info-item">
+                                    <el-icon><Phone /></el-icon>
+                                    <span class="info-label">联系电话</span>
+                                    <span class="info-value phone">{{ store.contactPhone || '暂未填写' }}</span>
+                                </div>
+                            </div>
+
+                            <div class="training-content-section">
+                                <div class="section-header">
+                                    <div class="section-title-bar"></div>
+                                    <h3 class="section-title">培训内容</h3>
+                                </div>
+                                <p class="training-content-text">{{ store.trainingContent || '暂未填写培训内容' }}</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <el-empty v-else description="暂无门店培训信息">
+                        <el-button type="primary" :icon="Edit" @click="openEditStore">立即添加</el-button>
+                    </el-empty>
+                </div>
+            </el-tab-pane>
+
+            <!-- ==================== 题库 tab（管理端 CRUD — 左树右表） ==================== -->
+            <el-tab-pane label="题库" name="bank">
+                <div class="question-layout">
+
+                    <!-- ==================== 左侧树 ==================== -->
+                    <div class="left-tree-panel">
+                        <div class="tree-header">
+                            <span class="tree-title">题库分类</span>
+                            <el-input
+                                v-model="treeKeyword"
+                                placeholder="搜索题库"
+                                clearable
+                                size="small"
+                                :prefix-icon="Search"
+                                class="tree-search"
+                            />
+                        </div>
+                        <el-tree
+                            ref="questionTreeRef"
+                            :data="treeData"
+                            :props="treeProps"
+                            :node-key="treeNodeKey"
+                            :default-expanded-keys="[treeNodeKey({bankId: null})]"
+                            :current-node-key="currentTreeNodeKey"
+                            :filter-node-method="filterTreeNode"
+                            highlight-current
+                            class="question-tree"
+                            @node-click="onTreeNodeClick"
+                        >
+                            <template #default="{ node, data }">
+                                <div class="tree-node">
+                                    <span class="tree-node-label">{{ data.label }}</span>
+                                    <span class="tree-node-count">{{ data.count }}</span>
+                                </div>
+                            </template>
+                        </el-tree>
+                    </div>
+
+                    <!-- ==================== 右侧内容区 ==================== -->
+                    <div class="right-content">
+                        <!-- 筛选栏 + 新增按钮 -->
+                        <div class="filter-bar">
+                            <div class="filter-left">
+                                <el-input
+                                    v-model="queryParams.keyword"
+                                    placeholder="搜索题干关键词"
+                                    clearable
+                                    style="width: 280px"
+                                    :prefix-icon="Search"
+                                    @keyup.enter="onSearch"
+                                    @clear="onSearch"
+                                />
+                                <el-button :icon="Search" @click="onSearch">查询</el-button>
+                                <el-button :icon="Refresh" @click="onReset">重置</el-button>
+                            </div>
+                            <div class="filter-right">
+                                <el-button type="primary" :icon="Plus" @click="openEditQuestion(null)">新增题目</el-button>
+                            </div>
+                        </div>
+
+                        <!-- 题目表格 -->
+                <el-table v-loading="questionLoading" :data="questions" stripe class="question-table">
+                    <el-table-column label="题干" min-width="420" show-overflow-tooltip>
+                        <template #default="{ row }">
+                            <span class="question-cell">{{ row.content }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="正确答案" width="120">
+                        <template #default="{ row }">
+                            <span class="answer-cell">{{ row.answer }}</span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="难度" width="90">
+                        <template #default="{ row }">
+                            <el-tag :type="difficultyTag(row.difficulty)" size="small" effect="plain">
+                                {{ row.difficultyName }}
+                            </el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="习题类型" width="100">
+                        <template #default="{ row }">
+                            <el-tag :type="questionTypeTag(row.questionType)" size="small" effect="plain">
+                                {{ questionTypeName(row.questionType) }}
+                            </el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="分值" prop="score" width="70" />
+                    <el-table-column label="排序" prop="sortOrder" width="80" />
+                    <el-table-column label="操作" width="140" fixed="right">
+                        <template #default="{ row }">
+                            <div class="action-cell">
+                                <el-button link type="primary" :icon="Edit" @click="openEditQuestion(row)">编辑</el-button>
+                                <el-popconfirm title="确定要删除这道题目吗？" @confirm="handleDelete(row.id)">
+                                    <template #reference>
+                                        <el-button link type="danger" :icon="Delete">删除</el-button>
+                                    </template>
+                                </el-popconfirm>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+
+                        <!-- 分页 -->
+                        <div class="pagination-bar">
+                            <el-pagination
+                                v-model:current-page="currentPage"
+                                v-model:page-size="pageSize"
+                                :page-sizes="[10, 20, 50, 100]"
+                                :total="total"
+                                layout="total, sizes, prev, pager, next, jumper"
+                                @size-change="onSearch"
+                                @current-change="onSearch"
+                            />
+                        </div>
+                    </div>
+                </div>
+            </el-tab-pane>
+        </el-tabs>
+
+        <!-- ==================== 门店编辑弹窗 ==================== -->
+        <el-dialog v-model="editStoreVisible" title="编辑门店培训信息" width="640px">
+            <el-form :model="storeForm" label-width="100px" class="store-form">
+                <el-form-item label="门店名称">
+                    <el-input v-model="storeForm.name" placeholder="请输入门店名称" />
+                </el-form-item>
+                <el-form-item label="门店地址">
+                    <el-input v-model="storeForm.address" placeholder="请输入门店地址" />
+                </el-form-item>
+                <el-form-item label="联系人">
+                    <el-input v-model="storeForm.contactName" placeholder="请输入联系人" />
+                </el-form-item>
+                <el-form-item label="联系电话">
+                    <el-input v-model="storeForm.contactPhone" placeholder="请输入联系电话" />
+                </el-form-item>
+                <el-form-item label="培训内容">
+                    <el-input
+                        v-model="storeForm.trainingContent"
+                        type="textarea"
+                        :rows="4"
+                        placeholder="请输入培训内容介绍"
+                    />
+                </el-form-item>
+                <el-form-item label="封面图片">
+                    <div class="cover-upload-wrap">
+                        <el-upload
+                            :show-file-list="false"
+                            accept="image/*"
+                            :http-request="handleCoverUpload"
+                        >
+                            <el-image
+                                v-if="storeForm.coverUrl"
+                                :src="storeForm.coverUrl"
+                                fit="cover"
+                                class="cover-editor"
+                            />
+                            <div v-else class="cover-placeholder">
+                                <el-icon v-if="!uploadingCover"><Plus /></el-icon>
+                                <el-icon v-else class="is-loading"><Loading /></el-icon>
+                                <span>{{ uploadingCover ? '上传中...' : '上传封面图' }}</span>
+                            </div>
+                        </el-upload>
+                        <div class="form-tip">建议尺寸 750×420，支持 JPG/PNG，5MB 以内；点击图片可更换</div>
+                    </div>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <el-button @click="editStoreVisible = false">取 消</el-button>
+                <el-button type="primary" @click="handleSaveStore">保 存</el-button>
+            </template>
+        </el-dialog>
+
+        <!-- ==================== 题目编辑弹窗 ==================== -->
+        <el-dialog v-model="editQuestionVisible" :title="isEditingQuestion ? '编辑题目' : '新增题目'" width="720px" top="6vh">
+            <el-form :model="questionForm" label-width="100px" class="question-form">
+                <el-form-item label="所属题库" required>
+                    <el-select v-model="questionForm.bankId" placeholder="请选择题库" style="width: 100%">
+                        <el-option
+                            v-for="bank in banks"
+                            :key="bank.id"
+                            :label="bank.name"
+                            :value="bank.id"
+                        />
+                    </el-select>
+                </el-form-item>
+
+                <el-form-item label="题目类型" required>
+                    <el-radio-group v-model="questionForm.questionType">
+                        <el-radio :value="1">单选题</el-radio>
+                        <el-radio :value="2">多选题</el-radio>
+                        <el-radio :value="3">判断题</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item label="题干" required>
+                    <el-input
+                        v-model="questionForm.content"
+                        type="textarea"
+                        :rows="3"
+                        placeholder="请输入题目内容"
+                    />
+                </el-form-item>
+
+                <!-- 选项编辑区（单选/多选动态编辑，判断题自动生成） -->
+                <el-form-item :label="questionForm.questionType === 3 ? '选项' : '选项'" required>
+                    <div v-if="questionForm.questionType !== 3" class="options-editor">
+                        <div v-for="(opt, idx) in questionForm.options" :key="idx" class="option-row">
+                            <span class="option-key">{{ opt.key }}</span>
+                            <el-input v-model="opt.val" :placeholder="`选项 ${opt.key} 内容`" />
+                            <el-button
+                                v-if="questionForm.options.length > 2"
+                                :icon="Delete"
+                                circle
+                                size="small"
+                                text
+                                type="danger"
+                                @click="removeOption(idx)"
+                            />
+                        </div>
+                        <el-button v-if="questionForm.options.length < 6" :icon="Plus" plain size="small" @click="addOption">
+                            添加选项
+                        </el-button>
+                    </div>
+                    <div v-else class="judge-options" style="color:#909399;font-size:13px">
+                        判断题固定选项：正确(T) / 错误(F)
+                    </div>
+                </el-form-item>
+
+                <el-form-item label="正确答案" required>
+                    <!-- 单选/判断 -->
+                    <el-radio-group v-if="questionForm.questionType !== 2" v-model="questionForm.answer">
+                        <el-radio v-for="opt in displayOptions" :key="opt.key" :value="opt.key">
+                            {{ opt.key }}
+                        </el-radio>
+                    </el-radio-group>
+                    <!-- 多选 -->
+                    <el-checkbox-group v-else v-model="questionForm._answerMulti">
+                        <el-checkbox v-for="opt in displayOptions" :key="opt.key" :value="opt.key">
+                            {{ opt.key }}
+                        </el-checkbox>
+                    </el-checkbox-group>
+                    <div v-if="questionForm.questionType === 2" class="form-tip">多选题答案会自动按字母排序后存储</div>
+                </el-form-item>
+
+                <el-form-item label="答案解析">
+                    <el-input
+                        v-model="questionForm.explanation"
+                        type="textarea"
+                        :rows="3"
+                        placeholder="请输入答案解析（可选）"
+                    />
+                </el-form-item>
+
+                <el-form-item label="难度">
+                    <el-radio-group v-model="questionForm.difficulty">
+                        <el-radio :value="1">简单</el-radio>
+                        <el-radio :value="2">中等</el-radio>
+                        <el-radio :value="3">困难</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item label="分值">
+                    <el-input-number v-model="questionForm.score" :min="1" :max="100" />
+                    <span class="form-tip" style="margin-left:12px">默认 5 分</span>
+                </el-form-item>
+
+                <el-form-item label="排序">
+                    <el-input-number v-model="questionForm.sortOrder" :min="0" :max="9999" />
+                    <span class="form-tip" style="margin-left:12px">留空则自动排到最后</span>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <el-button @click="editQuestionVisible = false">取 消</el-button>
+                <el-button type="primary" :loading="questionSaving" @click="handleSaveQuestion">保 存</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive, computed, onMounted, watch } from 'vue'
+import { ElMessage } from 'element-plus'
+import {
+    Edit, Location, User, Phone, Document, School, Plus, Loading,
+    Search, Refresh, Delete
+} from '@element-plus/icons-vue'
+import {
+    getTrainingStore,
+    saveTrainingStore,
+    listExamBanks,
+    listAdminQuestions,
+    createQuestion,
+    updateQuestion,
+    deleteQuestion,
+    uploadTrainingCover,
+    resolveFileUrl
+} from '@/api/exam'
+
+// ==================== 常量 ====================
+const QUESTION_TYPE = { SINGLE: 1, MULTI: 2, JUDGE: 3 }
+const DIFFICULTY = { EASY: 1, MEDIUM: 2, HARD: 3 }
+const MAX_IMAGE_MB = 5
+
+// ==================== tab 切换 ====================
+const activeTab = ref('training')
+
+// ==================== 培训 tab ====================
+const store = ref(null)
+const storeLoading = ref(false)
+const editStoreVisible = ref(false)
+const uploadingCover = ref(false)
+const storeForm = reactive({
+    name: '', address: '', contactName: '', contactPhone: '',
+    trainingContent: '', coverImage: null, coverUrl: ''
+})
+
+async function fetchStore() {
+    storeLoading.value = true
+    try {
+        const res = await getTrainingStore()
+        store.value = res.data
+    } catch { /* axios 拦截器已处理 */ }
+    finally { storeLoading.value = false }
+}
+
+function openEditStore() {
+    Object.assign(storeForm, {
+        name: store.value?.name || '',
+        address: store.value?.address || '',
+        contactName: store.value?.contactName || '',
+        contactPhone: store.value?.contactPhone || '',
+        trainingContent: store.value?.trainingContent || '',
+        coverImage: store.value?.coverImage || null,
+        coverUrl: store.value?.coverUrl || ''
+    })
+    editStoreVisible.value = true
+}
+
+async function handleCoverUpload({ file }) {
+    if (!file.type.startsWith('image/')) { ElMessage.warning('请选择图片文件'); return }
+    if (file.size > MAX_IMAGE_MB * 1024 * 1024) { ElMessage.warning(`图片大小不能超过${MAX_IMAGE_MB}MB`); return }
+    uploadingCover.value = true
+    try {
+        const res = await uploadTrainingCover(file)
+        storeForm.coverImage = res.data.fileId
+        storeForm.coverUrl = resolveFileUrl(res.data.fileUrl)
+    } catch { /* 拦截器已处理 */ }
+    finally { uploadingCover.value = false }
+}
+
+async function handleSaveStore() {
+    try {
+        await saveTrainingStore({
+            name: storeForm.name, address: storeForm.address,
+            contactName: storeForm.contactName, contactPhone: storeForm.contactPhone,
+            trainingContent: storeForm.trainingContent, coverImage: storeForm.coverImage
+        })
+        ElMessage.success('门店信息已更新')
+        editStoreVisible.value = false
+        fetchStore()
+    } catch { /* 拦截器已处理 */ }
+}
+
+// ==================== 题库 tab ====================
+const banks = ref([])
+const bankLoading = ref(false)
+
+const questions = ref([])
+const questionLoading = ref(false)
+const total = ref(0)
+
+// 筛选条件（不含分页，不含树维度 —— 树点击会修改这两个）
+const queryParams = reactive({
+    bankId: null, questionType: null, keyword: ''
+})
+
+// 分页（1-based，与 el-pagination 对齐）
+const currentPage = ref(1)
+const pageSize = ref(20)
+
+// ========== 左侧树相关 ==========
+const questionTreeRef = ref(null)
+const treeKeyword = ref('')
+
+// 树节点的唯一 key："root" / "bank_1" / "bank_1_type_1"
+const treeNodeKey = ({ bankId, questionType }) => {
+    if (bankId == null) return 'root'
+    if (questionType == null) return `bank_${bankId}`
+    return `bank_${bankId}_type_${questionType}`
+}
+
+const currentTreeNodeKey = computed(() => treeNodeKey({
+    bankId: queryParams.bankId, questionType: queryParams.questionType
+}))
+
+// 树配置
+const treeProps = { label: 'label', children: 'children' }
+
+// 树数据：由 banks 实时构造
+const treeData = computed(() => {
+    const typeLabels = { 1: '单选题', 2: '多选题', 3: '判断题' }
+    const root = {
+        key: 'root',
+        label: '全部题库',
+        count: banks.value.reduce((sum, b) => sum + (b.questionCount || 0), 0),
+        children: banks.value.map(bank => ({
+            key: treeNodeKey({ bankId: bank.id }),
+            label: bank.name,
+            count: bank.questionCount || 0,
+            children: [
+                { key: treeNodeKey({ bankId: bank.id, questionType: 1 }), label: '单选题', count: bank.singleCount || 0 },
+                { key: treeNodeKey({ bankId: bank.id, questionType: 2 }), label: '多选题', count: bank.multiCount || 0 },
+                { key: treeNodeKey({ bankId: bank.id, questionType: 3 }), label: '判断题', count: bank.judgeCount || 0 },
+            ]
+        }))
+    }
+    return [root]
+})
+
+/** 根据树节点的 key 反推出筛选条件 */
+function parseTreeNodeKey(key) {
+    if (key === 'root') return { bankId: null, questionType: null }
+    const bankMatch = key.match(/^bank_(\d+)(?:_type_(\d+))?$/)
+    if (!bankMatch) return { bankId: null, questionType: null }
+    return {
+        bankId: Number(bankMatch[1]),
+        questionType: bankMatch[2] ? Number(bankMatch[2]) : null
+    }
+}
+
+/** 树节点点击 → 联动右侧表格筛选 */
+function onTreeNodeClick(data) {
+    const parsed = parseTreeNodeKey(data.key)
+    queryParams.bankId = parsed.bankId
+    queryParams.questionType = parsed.questionType
+    currentPage.value = 1
+    fetchQuestions()
+}
+
+/** 树搜索过滤：只匹配题库名称（根和题型节点自动匹配或按父链匹配） */
+function filterTreeNode(value, data) {
+    if (!value) return true
+    // 只对一级题库节点做文本匹配
+    return data.label?.toLowerCase().includes(value.toLowerCase())
+}
+
+// 树关键词变化 → 过滤
+watch(treeKeyword, kw => {
+    questionTreeRef.value?.filter(kw)
+})
+
+async function fetchBanks() {
+    bankLoading.value = true
+    try {
+        const res = await listExamBanks()
+        banks.value = res.data || []
+    } catch { /* 拦截器已处理 */ }
+    finally { bankLoading.value = false }
+}
+
+function getBankName(bankId) {
+    return banks.value.find(b => b.id === bankId)?.name || `题库#${bankId}`
+}
+
+async function fetchQuestions() {
+    questionLoading.value = true
+    try {
+        const res = await listAdminQuestions({
+            bankId: queryParams.bankId,
+            questionType: queryParams.questionType,
+            keyword: queryParams.keyword || undefined,
+            pageNo: currentPage.value - 1,   // el-pagination 1-based → Spring Data 0-based
+            pageSize: pageSize.value
+        })
+        questions.value = res.data.list
+        total.value = res.data.total
+    } catch { /* 拦截器已处理 */ }
+    finally { questionLoading.value = false }
+}
+
+function onSearch() {
+    currentPage.value = 1   // 筛选变化回到第一页
+    fetchQuestions()
+}
+
+function onReset() {
+    queryParams.bankId = null
+    queryParams.questionType = null
+    queryParams.keyword = ''
+    treeKeyword.value = ''
+    currentPage.value = 1
+    fetchQuestions()
+}
+
+// ==================== 题目 CRUD 弹窗 ====================
+const editQuestionVisible = ref(false)
+const questionSaving = ref(false)
+const isEditingQuestion = computed(() => questionForm.id != null)
+
+const questionForm = reactive({
+    id: null,
+    bankId: null,
+    questionType: QUESTION_TYPE.SINGLE,
+    content: '',
+    options: [{ key: 'A', val: '' }, { key: 'B', val: '' }, { key: 'C', val: '' }, { key: 'D', val: '' }],
+    answer: '',
+    _answerMulti: [],   // 多选临时存储数组
+    explanation: '',
+    difficulty: DIFFICULTY.MEDIUM,
+    score: 5,
+    sortOrder: null
+})
+
+/** 根据题型返回要展示的选项 */
+const displayOptions = computed(() => {
+    if (questionForm.questionType === QUESTION_TYPE.JUDGE) {
+        return [{ key: 'T', val: '正确' }, { key: 'F', val: '错误' }]
+    }
+    return questionForm.options
+})
+
+/** 题型变化时自动调整选项 */
+watch(() => questionForm.questionType, (newType) => {
+    questionForm.answer = ''
+    questionForm._answerMulti = []
+    if (newType === QUESTION_TYPE.JUDGE) {
+        questionForm.options = [{ key: 'T', val: '正确' }, { key: 'F', val: '错误' }]
+    } else if (questionForm.options.length === 2 && questionForm.options[0].key === 'T') {
+        // 从判断题切过来，恢复默认 4 选项
+        questionForm.options = [
+            { key: 'A', val: '' }, { key: 'B', val: '' },
+            { key: 'C', val: '' }, { key: 'D', val: '' }
+        ]
+    }
+})
+
+function addOption() {
+    const keys = 'ABCDEF'
+    const nextKey = keys[questionForm.options.length]
+    if (nextKey) {
+        questionForm.options.push({ key: nextKey, val: '' })
+    }
+}
+
+function removeOption(idx) {
+    questionForm.options.splice(idx, 1)
+}
+
+function openEditQuestion(question) {
+    if (question) {
+        // 编辑
+        questionForm.id = question.id
+        questionForm.bankId = question.bankId
+        questionForm.questionType = question.questionType
+        questionForm.content = question.content
+        questionForm.options = question.options
+            ? question.options.map(o => ({ key: o.key, val: o.val }))
+            : []
+        questionForm.answer = question.answer
+        questionForm._answerMulti = question.questionType === QUESTION_TYPE.MULTI
+            ? (question.answer?.split('') || [])
+            : []
+        questionForm.explanation = question.explanation
+        questionForm.difficulty = question.difficulty
+        questionForm.score = question.score
+        questionForm.sortOrder = question.sortOrder
+    } else {
+        // 新增：初始化默认值
+        questionForm.id = null
+        questionForm.bankId = queryParams.bankId || banks.value[0]?.id || null
+        questionForm.questionType = QUESTION_TYPE.SINGLE
+        questionForm.content = ''
+        questionForm.options = [
+            { key: 'A', val: '' }, { key: 'B', val: '' },
+            { key: 'C', val: '' }, { key: 'D', val: '' }
+        ]
+        questionForm.answer = ''
+        questionForm._answerMulti = []
+        questionForm.explanation = ''
+        questionForm.difficulty = DIFFICULTY.MEDIUM
+        questionForm.score = 5
+        questionForm.sortOrder = null
+    }
+    editQuestionVisible.value = true
+}
+
+async function handleSaveQuestion() {
+    // 简单校验
+    if (!questionForm.bankId) { ElMessage.warning('请选择所属题库'); return }
+    if (!questionForm.content?.trim()) { ElMessage.warning('请输入题干'); return }
+    if (!questionForm.answer && questionForm._answerMulti.length === 0) {
+        ElMessage.warning('请选择正确答案'); return
+    }
+
+    // 组装 answer（多选需排序后拼接）
+    let finalAnswer = questionForm.answer
+    if (questionForm.questionType === QUESTION_TYPE.MULTI) {
+        finalAnswer = [...questionForm._answerMulti].sort().join('')
+    }
+
+    const payload = {
+        bankId: questionForm.bankId,
+        content: questionForm.content,
+        questionType: questionForm.questionType,
+        options: questionForm.options,
+        answer: finalAnswer,
+        explanation: questionForm.explanation,
+        difficulty: questionForm.difficulty,
+        score: questionForm.score,
+        sortOrder: questionForm.sortOrder
+    }
+
+    questionSaving.value = true
+    try {
+        if (isEditingQuestion.value) {
+            await updateQuestion(questionForm.id, payload)
+            ElMessage.success('题目已更新')
+        } else {
+            await createQuestion(payload)
+            ElMessage.success('题目已新增')
+        }
+        editQuestionVisible.value = false
+        fetchQuestions()
+    } catch { /* 拦截器已处理 */ }
+    finally { questionSaving.value = false }
+}
+
+async function handleDelete(id) {
+    try {
+        await deleteQuestion(id)
+        ElMessage.success('题目已删除')
+        fetchQuestions()
+    } catch { /* 拦截器已处理 */ }
+}
+
+// ==================== 辅助方法 ====================
+function difficultyTag(d) {
+    if (d === 1) return 'success'
+    if (d === 2) return 'warning'
+    if (d === 3) return 'danger'
+    return ''
+}
+
+function questionTypeTag(t) {
+    if (t === QUESTION_TYPE.SINGLE) return ''
+    if (t === QUESTION_TYPE.MULTI) return 'warning'
+    if (t === QUESTION_TYPE.JUDGE) return 'info'
+    return ''
+}
+
+function questionTypeName(t) {
+    if (t === QUESTION_TYPE.SINGLE) return '单选题'
+    if (t === QUESTION_TYPE.MULTI) return '多选题'
+    if (t === QUESTION_TYPE.JUDGE) return '判断题'
+    return '-'
+}
+
+// ==================== 生命周期 ====================
+onMounted(() => {
+    fetchStore()
+    fetchBanks()
+    fetchQuestions()
+})
+</script>
+
+<style lang="scss" scoped>
+.exam-page {
+    .exam-tabs {
+        :deep(.el-tabs__header) {
+            margin-bottom: 16px;
+            background: #fff;
+            border-radius: 8px;
+            padding: 0 24px;
+        }
+
+        :deep(.el-tabs__item) {
+            font-size: 15px;
+            font-weight: 500;
+        }
+
+        :deep(.el-tabs__content) {
+            padding: 0;
+        }
+    }
+}
+
+// ==================== 培训 tab ====================
+.training-wrapper {
+    padding: 4px;
+}
+
+.training-card {
+    display: flex;
+    gap: 28px;
+    background: #fff;
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+    border: 1px solid #f3f4f6;
+}
+
+.training-cover {
+    flex-shrink: 0;
+    width: 380px;
+    min-height: 300px;
+    background: linear-gradient(135deg, #f5f3ff, #ede9fe);
+    position: relative;
+
+    .cover-img {
+        width: 100%;
+        height: 100%;
+        min-height: 300px;
+    }
+
+    &.has-image::after {
+        // 图片底部渐变覆盖，让文字叠上去更清晰
+        content: '';
+        position: absolute;
+        bottom: 0; left: 0; right: 0;
+        height: 80px;
+        background: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
+    }
+
+    .cover-placeholder {
+        width: 100%;
+        height: 100%;
+        min-height: 300px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        gap: 12px;
+        color: #c4b5fd;
+    }
+}
+
+.training-info {
+    flex: 1;
+    padding: 28px 32px 24px 0;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+
+    .info-header {
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+
+        .store-title-area {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+
+        .store-name {
+            margin: 0;
+            font-size: 22px;
+            font-weight: 700;
+            color: #1f2937;
+            letter-spacing: 0.5px;
+        }
+    }
+
+    .info-grid {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 14px 24px;
+        padding: 16px 20px;
+        background: #fafbff;
+        border-radius: 8px;
+        border: 1px solid #f0f0fa;
+    }
+
+    .info-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 14px;
+
+        .el-icon { color: #5E46F6; font-size: 17px; }
+        .info-label { color: #9ca3af; min-width: 70px; }
+        .info-value { color: #374151; font-weight: 500; }
+        .info-value.phone { font-family: 'SF Mono', Menlo, monospace; letter-spacing: 0.3px; }
+    }
+
+    .training-content-section {
+        .section-header {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            margin-bottom: 12px;
+        }
+
+        .section-title-bar {
+            width: 4px; height: 16px;
+            background: linear-gradient(180deg, #7C6AF8, #5E46F6);
+            border-radius: 2px;
+        }
+
+        .section-title {
+            margin: 0;
+            font-size: 15px;
+            font-weight: 600;
+            color: #1f2937;
+        }
+
+        .training-content-text {
+            margin: 0;
+            font-size: 14px;
+            line-height: 1.9;
+            color: #4b5563;
+            white-space: pre-wrap;
+        }
+    }
+}
+
+// ==================== 题库 tab —— 左树右表布局 ====================
+.question-layout {
+    display: flex;
+    gap: 16px;
+    min-height: 500px;
+}
+
+.left-tree-panel {
+    width: 240px;
+    flex-shrink: 0;
+    background: #fff;
+    border-radius: 8px;
+    border: 1px solid #f3f4f6;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    .tree-header {
+        padding: 14px 16px 10px;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        border-bottom: 1px solid #f3f4f6;
+
+        .tree-title {
+            font-size: 14px;
+            font-weight: 600;
+            color: #1f2937;
+        }
+
+        .tree-search {
+            :deep(.el-input__wrapper) {
+                border-radius: 6px;
+                box-shadow: 0 0 0 1px #e5e7eb inset;
+            }
+        }
+    }
+
+    .question-tree {
+        flex: 1;
+        overflow-y: auto;
+        padding: 6px 4px 12px;
+
+        :deep(.el-tree-node__content) {
+            height: 32px;
+            border-radius: 6px;
+            margin-right: 4px;
+
+            &:hover {
+                background: #fafbff;
+            }
+        }
+
+        :deep(.el-tree-node.is-current > .el-tree-node__content) {
+            background: #ede9fe;
+            color: #5E46F6;
+        }
+    }
+
+    .tree-node {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 13px;
+        gap: 8px;
+
+        .tree-node-label {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .tree-node-count {
+            flex-shrink: 0;
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            min-width: 22px;
+            height: 20px;
+            padding: 0 6px;
+            font-size: 11px;
+            color: #9ca3af;
+            background: #f3f4f6;
+            border-radius: 10px;
+        }
+
+        :deep(.el-tree-node.is-current) & .tree-node-count {
+            color: #5E46F6;
+            background: rgba(94, 70, 246, 0.15);
+        }
+    }
+}
+
+.right-content {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+// 以下原有样式保留
+.filter-bar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    padding: 16px 20px;
+    background: #fff;
+    border-radius: 8px;
+    border: 1px solid #f3f4f6;
+    margin-bottom: 12px;
+
+    .filter-left {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+    }
+}
+
+.question-table {
+    background: #fff;
+    border-radius: 8px;
+
+    :deep(.el-table__row) {
+        cursor: pointer;
+        transition: background 0.15s;
+
+        &:hover td {
+            background: #fafbff !important;
+        }
+    }
+
+    .question-cell {
+        font-size: 13px;
+        color: #374151;
+    }
+
+    .answer-cell {
+        font-family: 'SF Mono', Menlo, monospace;
+        font-weight: 600;
+        color: #5E46F6;
+        font-size: 14px;
+    }
+
+    .action-cell {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        white-space: nowrap;
+    }
+}
+
+.pagination-bar {
+    display: flex;
+    justify-content: flex-end;
+    padding: 16px 0;
+}
+
+// ==================== 门店编辑表单 ====================
+.store-form, .question-form {
+    :deep(.el-textarea__inner), :deep(.el-input__wrapper) {
+        font-family: inherit;
+    }
+}
+
+// 封面图上传区
+.cover-upload-wrap {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.cover-editor {
+    width: 200px; height: 120px;
+    border-radius: 8px; cursor: pointer; object-fit: cover;
+}
+
+.cover-placeholder {
+    width: 200px; height: 120px;
+    border: 1px dashed #c0c4cc; border-radius: 8px;
+    display: flex; flex-direction: column;
+    align-items: center; justify-content: center;
+    gap: 6px; color: #909399; font-size: 13px; cursor: pointer;
+    transition: border-color 0.2s, color 0.2s;
+
+    &:hover { border-color: var(--el-color-primary); color: var(--el-color-primary); }
+    .is-loading { animation: spin 1s linear infinite; }
+}
+
+.form-tip {
+    font-size: 12px; color: #909399; line-height: 1.5;
+}
+
+@keyframes spin {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+}
+
+// ==================== 题目选项编辑器 ====================
+.options-editor {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.option-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+
+    .option-key {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 28px; height: 28px;
+        border-radius: 50%;
+        border: 1px solid #d1d5db;
+        font-size: 13px; font-weight: 600;
+        color: #6b7280;
+        flex-shrink: 0;
+    }
+
+    :deep(.el-input) { flex: 1; }
+}
+</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..e8038e5
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,241 @@
+<template>
+    <div class="login-container">
+        <!-- 左侧品牌区 -->
+        <div class="login-left">
+            <div class="brand-content">
+                <h1 class="brand-title">翼云Hub</h1>
+                <p class="brand-subtitle">无人机信息开放平台</p>
+                <p class="brand-desc">一站式无人机运营管理解决方案</p>
+            </div>
+        </div>
+
+        <!-- 右侧登录表单区 -->
+        <div class="login-right">
+            <div class="login-form-wrapper">
+                <h2 class="form-title">欢迎登录</h2>
+                <p class="form-subtitle">翼云Hub 管理后台</p>
+
+                <el-form
+                    ref="formRef"
+                    :model="form"
+                    :rules="rules"
+                    size="large"
+                    class="login-form"
+                    @keyup.enter="handleLogin"
+                >
+                    <el-form-item prop="username">
+                        <el-input
+                            v-model="form.username"
+                            placeholder="请输入账号"
+                            :prefix-icon="User"
+                            clearable
+                        />
+                    </el-form-item>
+                    <el-form-item prop="password">
+                        <el-input
+                            v-model="form.password"
+                            type="password"
+                            placeholder="请输入密码"
+                            :prefix-icon="Lock"
+                            show-password
+                        />
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                            type="primary"
+                            class="login-btn"
+                            :loading="loading"
+                            @click="handleLogin"
+                        >
+                            登 录
+                        </el-button>
+                    </el-form-item>
+                </el-form>
+
+                <p class="form-tip">默认账号：haisen / haisen2026</p>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import { User, Lock } from '@element-plus/icons-vue'
+import { useUserStore } from '@/stores/user'
+
+const route = useRoute()
+const router = useRouter()
+const userStore = useUserStore()
+
+const formRef = ref()
+const loading = ref(false)
+
+// 表单数据
+const form = reactive({
+    username: '',
+    password: ''
+})
+
+// 表单校验规则
+const rules = {
+    username: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+    password: [{ required: true, message: '请输入密码', trigger: 'blur' }]
+}
+
+/**
+ * 登录处理
+ * 校验通过后调用 store.login，成功后跳转到 redirect 或首页
+ */
+async function handleLogin() {
+    // Element Plus validate 校验失败时 reject，成功时 resolve 不传参
+    // 用 try/catch 区分"校验失败"和"校验通过"
+    try {
+        await formRef.value?.validate()
+    } catch {
+        return
+    }
+
+    loading.value = true
+    try {
+        const success = userStore.login(form.username.trim(), form.password)
+        if (!success) {
+            ElMessage.error('账号或密码错误')
+            return
+        }
+        ElMessage.success('登录成功')
+        // 跳转到登录前的页面或首页
+        const redirect = route.query.redirect || '/'
+        router.replace(redirect)
+    } finally {
+        loading.value = false
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.login-container {
+    display: flex;
+    width: 100%;
+    height: 100vh;
+    background-color: #fff;
+}
+
+// 左侧品牌区：背景图 + 品牌文案
+.login-left {
+    flex: 1;
+    position: relative;
+    background-image: url('@/assets/login-bg.jpg');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+
+    &::after {
+        content: '';
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(
+            135deg,
+            rgba(94, 70, 246, 0.55) 0%,
+            rgba(62, 122, 255, 0.35) 100%
+        );
+    }
+}
+
+.brand-content {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 100%;
+    padding-left: 80px;
+    color: #fff;
+}
+
+.brand-title {
+    font-size: 52px;
+    font-weight: 700;
+    letter-spacing: 4px;
+    margin-bottom: 16px;
+    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
+}
+
+.brand-subtitle {
+    font-size: 22px;
+    font-weight: 500;
+    margin-bottom: 12px;
+    letter-spacing: 2px;
+}
+
+.brand-desc {
+    font-size: 16px;
+    opacity: 0.85;
+    letter-spacing: 1px;
+}
+
+// 右侧登录表单区
+.login-right {
+    width: 480px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 60px;
+    background: #fff;
+}
+
+.login-form-wrapper {
+    width: 100%;
+}
+
+.form-title {
+    font-size: 28px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 8px;
+}
+
+.form-subtitle {
+    font-size: 14px;
+    color: #909399;
+    margin-bottom: 40px;
+}
+
+.login-form {
+    :deep(.el-input__wrapper) {
+        border-radius: 8px;
+        box-shadow: 0 0 0 1px #dcdfe6 inset;
+        transition: box-shadow 0.2s;
+
+        &:hover {
+            box-shadow: 0 0 0 1px #5e46f6 inset;
+        }
+
+        &.is-focus {
+            box-shadow: 0 0 0 1px #5e46f6 inset;
+        }
+    }
+}
+
+.login-btn {
+    width: 100%;
+    height: 44px;
+    font-size: 16px;
+    letter-spacing: 4px;
+    border-radius: 8px;
+    background: linear-gradient(135deg, #7c6af8, #5e46f6);
+    border: none;
+
+    &:hover {
+        background: linear-gradient(135deg, #8d7cfa, #6f58f8);
+    }
+}
+
+.form-tip {
+    text-align: center;
+    margin-top: 16px;
+    font-size: 12px;
+    color: #c0c4cc;
+}
+</style>
diff --git a/src/views/mini/banner/index.vue b/src/views/mini/banner/index.vue
new file mode 100644
index 0000000..93993a4
--- /dev/null
+++ b/src/views/mini/banner/index.vue
@@ -0,0 +1,661 @@
+<template>
+    <div class="banner-page">
+        <!-- 筛选栏 -->
+        <el-card shadow="never" class="filter-card">
+            <div class="filter-bar">
+                <el-select
+                    v-model="query.status"
+                    placeholder="状态"
+                    clearable
+                    class="filter-select"
+                    @change="handleSearch"
+                >
+                    <el-option label="显示" :value="STATUS.VISIBLE" />
+                    <el-option label="隐藏" :value="STATUS.HIDDEN" />
+                </el-select>
+                <el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
+                <el-button :icon="Refresh" @click="handleReset">重置</el-button>
+                <div class="filter-spacer" />
+                <el-button type="primary" :icon="Plus" @click="openCreate">新增轮播图</el-button>
+            </div>
+        </el-card>
+
+        <!-- 列表 -->
+        <el-card shadow="never" class="table-card">
+            <el-table v-loading="loading" :data="list" row-key="id" stripe border style="width: 100%">
+                <el-table-column label="图片" width="180" align="center">
+                    <template #default="{ row }">
+                        <el-image
+                            v-if="row.imageUrl"
+                            :src="row.imageUrl"
+                            :preview-src-list="[row.imageUrl]"
+                            preview-teleported
+                            fit="cover"
+                            class="banner-thumb"
+                        />
+                        <span v-else class="no-image">暂无图片</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="跳转类型" width="120" align="center">
+                    <template #default="{ row }">
+                        <el-tag v-if="row.linkType" :type="linkTypeTag(row.linkType).tag" effect="light">
+                            {{ linkTypeTag(row.linkType).label }}
+                        </el-tag>
+                        <span v-else class="muted-text">未设置</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="状态" width="80" align="center">
+                    <template #default="{ row }">
+                        <el-tag :type="statusMeta(row.status).tag" effect="light">
+                            {{ statusMeta(row.status).label }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" prop="createdAt" width="170" align="center" />
+                <el-table-column label="排序" prop="sortOrder" width="130" align="center">
+                    <template #default="{ row }">
+                        <div class="sort-cell">
+                            <el-input-number
+                                v-model="row.sortOrder"
+                                :min="0"
+                                size="small"
+                                @change="() => handleSortChange(row)"
+                            />
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" width="230" align="center" fixed="right">
+                    <template #default="{ row }">
+                        <el-button link type="primary" @click="openEdit(row)">编辑</el-button>
+                        <el-button
+                            link
+                            :type="row.status === STATUS.VISIBLE ? 'warning' : 'success'"
+                            @click="handleToggleStatus(row)"
+                        >
+                            {{ row.status === STATUS.VISIBLE ? '隐藏' : '显示' }}
+                        </el-button>
+                        <el-button link type="danger" @click="handleRemove(row)">删除</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <!-- 分页 -->
+            <div class="pagination-bar">
+                <el-pagination
+                    v-model:current-page="query.page"
+                    v-model:page-size="query.pageSize"
+                    :total="total"
+                    :page-sizes="[10, 20, 50]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    @size-change="handleSizeChange"
+                    @current-change="fetchList"
+                />
+            </div>
+        </el-card>
+
+        <!-- 新增/编辑弹窗 -->
+        <el-dialog
+            v-model="dialogVisible"
+            width="640px"
+            top="8vh"
+            :close-on-click-modal="false"
+            @open="handleDialogOpen"
+        >
+            <template #header>
+                <div class="dialog-title">
+                    {{ editingId ? '编辑轮播图' : '新增轮播图' }}
+                    <span class="dialog-subtitle">首页轮播 Banner 配置</span>
+                </div>
+            </template>
+
+            <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+                <el-form-item label="轮播图图片" prop="imageFileId">
+                    <el-upload
+                        :show-file-list="false"
+                        :before-upload="beforeImageUpload"
+                        :http-request="handleImageUpload"
+                        accept="image/*"
+                        class="banner-uploader"
+                    >
+                        <div class="upload-box" v-if="!form.imageUrl">
+                            <el-icon class="upload-icon"><Plus /></el-icon>
+                            <span class="upload-text">点击上传轮播图</span>
+                            <span class="upload-tip">支持 JPG/PNG，不超过 5MB</span>
+                        </div>
+                        <el-image
+                            v-else
+                            :src="form.imageUrl"
+                            :preview-src-list="[form.imageUrl]"
+                            preview-teleported
+                            fit="cover"
+                            class="upload-preview"
+                        />
+                    </el-upload>
+                    <el-button v-if="form.imageUrl" link type="danger" @click="clearImage">移除图片</el-button>
+                </el-form-item>
+
+                <el-form-item label="跳转类型" prop="linkType">
+                    <el-select v-model="form.linkType" placeholder="请选择跳转类型" style="width: 100%">
+                        <el-option label="CAAC报名" value="caac" />
+                        <el-option label="无人机表演" value="performance" />
+                        <el-option label="实力商家" value="merchant" />
+                        <el-option label="本地飞手" value="pilot" />
+                        <el-option label="研学课程" value="course" />
+                        <el-option label="飞手推广" value="promote" />
+                        <el-option label="自定义链接" value="custom" />
+                    </el-select>
+                </el-form-item>
+
+                <el-form-item
+                    v-if="form.linkType === 'custom'"
+                    label="自定义链接"
+                    prop="linkUrl"
+                >
+                    <el-input
+                        v-model="form.linkUrl"
+                        placeholder="请输入自定义跳转 URL"
+                        maxlength="500"
+                    />
+                </el-form-item>
+
+                <el-form-item label="排序值" prop="sortOrder">
+                    <el-input-number
+                        v-model="form.sortOrder"
+                        :min="0"
+                        :max="9999"
+                        controls-position="right"
+                    />
+                    <span class="form-tip">值越小越靠前</span>
+                </el-form-item>
+
+                <el-form-item label="展示状态" prop="status">
+                    <el-radio-group v-model="form.status">
+                        <el-radio :value="STATUS.VISIBLE">显示</el-radio>
+                        <el-radio :value="STATUS.HIDDEN">隐藏</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" :loading="saving" @click="handleSave">保 存</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Search, Refresh, Plus } from '@element-plus/icons-vue'
+import {
+    pageBanner,
+    createBanner,
+    updateBanner,
+    removeBanner,
+    updateBannerStatus,
+    updateBannerSort
+} from '@/api/banner'
+import request from '@/api/request'
+
+// ==================== 业务常量（与后端 AppBannerConstants 对齐） ====================
+
+/** 轮播图状态编码 */
+const STATUS = {
+    HIDDEN: 0,
+    VISIBLE: 1
+}
+
+/** 状态 → 标签文案/颜色映射 */
+const STATUS_META_MAP = {
+    [STATUS.HIDDEN]: { label: '隐藏', tag: 'info' },
+    [STATUS.VISIBLE]: { label: '显示', tag: 'success' }
+}
+
+/** 跳转类型 → 展示元信息 */
+const LINK_TYPE_MAP = {
+    caac:       { label: 'CAAC报名', tag: '' },
+    performance: { label: '无人机表演', tag: 'warning' },
+    merchant:   { label: '实力商家', tag: 'success' },
+    pilot:      { label: '本地飞手', tag: 'danger' },
+    course:     { label: '研学课程', tag: 'warning' },
+    promote:    { label: '飞手推广', tag: 'success' },
+    custom:     { label: '自定义链接', tag: 'info' }
+}
+
+/** 默认表单值 */
+const DEFAULT_FORM = {
+    imageFileId: null,
+    imageUrl: '',
+    linkType: 'caac',
+    linkUrl: '',
+    sortOrder: 0,
+    status: STATUS.VISIBLE
+}
+
+// ==================== 列表状态 ====================
+
+const loading = ref(false)
+const list = ref([])
+const total = ref(0)
+const query = reactive({
+    status: null,
+    page: 1,
+    pageSize: 10
+})
+
+/**
+ * 拉取轮播图分页列表
+ */
+async function fetchList() {
+    loading.value = true
+    try {
+        const res = await pageBanner({
+            status: query.status ?? undefined,
+            pageNo: query.page - 1,
+            pageSize: query.pageSize
+        })
+        list.value = res.data.list || []
+        total.value = Number(res.data.totalElements || 0)
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        loading.value = false
+    }
+}
+
+/** 查询：重置到第 1 页再拉取 */
+function handleSearch() {
+    query.page = 1
+    fetchList()
+}
+
+/** 重置筛选条件 */
+function handleReset() {
+    query.status = null
+    query.page = 1
+    fetchList()
+}
+
+/** 页大小变化：回到第 1 页 */
+function handleSizeChange() {
+    query.page = 1
+    fetchList()
+}
+
+// ==================== 列表展示辅助 ====================
+
+/** 状态标签元信息 */
+function statusMeta(status) {
+    return STATUS_META_MAP[status] || { label: '未知', tag: 'info' }
+}
+
+/** 跳转类型标签元信息 */
+function linkTypeTag(linkType) {
+    return LINK_TYPE_MAP[linkType] || { label: linkType, tag: 'info' }
+}
+
+// ==================== 图片上传 ====================
+
+/** 上传前校验 */
+function beforeImageUpload(file) {
+    const isImage = file.type.startsWith('image/')
+    if (!isImage) {
+        ElMessage.error('只能上传图片文件')
+        return false
+    }
+    const isLt5M = file.size / 1024 / 1024 < 5
+    if (!isLt5M) {
+        ElMessage.error('图片大小不能超过 5MB')
+        return false
+    }
+    return true
+}
+
+/** 自定义上传：使用 FormData 提交到 /api/file/upload */
+async function handleImageUpload({ file }) {
+    try {
+        const formData = new FormData()
+        formData.append('file', file)
+        formData.append('fileType', 'BANNER_IMAGE')
+        const res = await request.post('/file/upload', formData)
+        if (res.code === 200 && res.data) {
+            form.imageFileId = res.data.fileId
+            form.imageUrl = res.data.fileUrl
+            ElMessage.success('图片上传成功')
+        } else {
+            ElMessage.error('上传失败')
+        }
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+/** 清空已上传图片 */
+function clearImage() {
+    form.imageFileId = null
+    form.imageUrl = ''
+}
+
+// ==================== 新增/编辑弹窗 ====================
+
+const dialogVisible = ref(false)
+const saving = ref(false)
+const editingId = ref(null)
+const formRef = ref(null)
+const form = reactive({ ...DEFAULT_FORM })
+
+/** 表单校验规则 */
+const rules = {
+    imageFileId: [{ required: true, message: '请上传轮播图图片', trigger: 'change' }],
+    linkType: [{ required: true, message: '请选择跳转类型', trigger: 'change' }],
+    linkUrl: [
+        {
+            validator: (rule, value, callback) => {
+                if (form.linkType === 'custom' && !value) {
+                    callback(new Error('自定义链接时 URL 不能为空'))
+                } else {
+                    callback()
+                }
+            },
+            trigger: 'blur'
+        }
+    ],
+    sortOrder: [{ required: true, message: '请输入排序值', trigger: 'blur' }],
+    status: [{ required: true, message: '请选择展示状态', trigger: 'change' }]
+}
+
+/** 新增轮播图：重置表单为默认值 */
+function openCreate() {
+    editingId.value = null
+    Object.assign(form, { ...DEFAULT_FORM })
+    dialogVisible.value = true
+}
+
+/** 编辑轮播图：用行数据回填表单 */
+function openEdit(row) {
+    editingId.value = row.id
+    Object.assign(form, {
+        imageFileId: row.imageFileId,
+        imageUrl: row.imageUrl || '',
+        linkType: row.linkType || '',
+        linkUrl: row.linkUrl || '',
+        sortOrder: row.sortOrder,
+        status: row.status
+    })
+    dialogVisible.value = true
+}
+
+/** 弹窗打开后清除残留校验状态 */
+function handleDialogOpen() {
+    formRef.value?.clearValidate()
+}
+
+/** 保存轮播图（新增/编辑共用） */
+async function handleSave() {
+    try {
+        await formRef.value.validate()
+    } catch {
+        return
+    }
+    saving.value = true
+    try {
+        const payload = {
+            imageFileId: form.imageFileId,
+            linkType: form.linkType || null,
+            linkUrl: form.linkUrl?.trim() || null,
+            sortOrder: form.sortOrder,
+            status: form.status
+        }
+        if (editingId.value) {
+            await updateBanner(editingId.value, payload)
+            ElMessage.success('编辑成功')
+        } else {
+            await createBanner(payload)
+            ElMessage.success('新增成功')
+        }
+        dialogVisible.value = false
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        saving.value = false
+    }
+}
+
+// ==================== 状态切换与删除 ====================
+
+/** 显示/隐藏切换 */
+async function handleToggleStatus(row) {
+    const target = row.status === STATUS.VISIBLE ? STATUS.HIDDEN : STATUS.VISIBLE
+    try {
+        await updateBannerStatus(row.id, target)
+        ElMessage.success(target === STATUS.VISIBLE ? '已显示' : '已隐藏')
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+/** 排序值调整（失焦触发） */
+async function handleSortChange(row) {
+    if (row.sortOrder === undefined || row.sortOrder === null) return
+    try {
+        await updateBannerSort(row.id, row.sortOrder)
+        ElMessage.success('排序已更新')
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+        fetchList()
+    }
+}
+
+/** 删除轮播图（软删除） */
+async function handleRemove(row) {
+    try {
+        await ElMessageBox.confirm(
+            `确定删除这条轮播图（#${row.id}）吗？删除后小程序端将不可见。`,
+            '删除确认',
+            { type: 'warning', confirmButtonText: '删除', cancelButtonText: '取消' }
+        )
+    } catch {
+        return
+    }
+    try {
+        await removeBanner(row.id)
+        ElMessage.success('删除成功')
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+// 初始拉取列表
+fetchList()
+</script>
+
+<style lang="scss" scoped>
+.banner-page {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+// ==================== 筛选栏 ====================
+
+.filter-card {
+    :deep(.el-card__body) {
+        padding: 16px 20px;
+    }
+}
+
+.filter-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .filter-input {
+        width: 220px;
+    }
+
+    .filter-select {
+        width: 130px;
+    }
+
+    .filter-spacer {
+        flex: 1;
+    }
+}
+
+// ==================== 列表 ====================
+
+.banner-thumb {
+    width: 120px;
+    height: 60px;
+    border-radius: 6px;
+    cursor: zoom-in;
+    object-fit: cover;
+}
+
+.no-image {
+    font-size: 12px;
+    color: #c0c4cc;
+}
+
+.subtitle-text {
+    color: #606266;
+    font-size: 13px;
+}
+
+.muted-text {
+    color: #c0c4cc;
+    font-size: 13px;
+}
+
+.sort-cell {
+    display: flex;
+    justify-content: center;
+}
+
+.pagination-bar {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
+
+// ==================== 上传组件 ====================
+
+.banner-uploader {
+    :deep(.el-upload) {
+        border: none;
+        padding: 0;
+        display: inline-block;
+    }
+
+    :deep(.el-upload--picture-card) {
+        width: auto;
+        height: auto;
+        border: none;
+        line-height: normal;
+        background: transparent;
+    }
+}
+
+.upload-box {
+    width: 200px;
+    height: 200px;
+    border: 2px dashed #dcdfe6;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: border-color 0.2s;
+    box-sizing: border-box;
+
+    &:hover {
+        border-color: #5e46f6;
+    }
+
+    .upload-icon {
+        font-size: 32px;
+        color: #c0c4cc;
+        margin-bottom: 8px;
+    }
+
+    .upload-text {
+        font-size: 13px;
+        color: #606266;
+        margin-bottom: 4px;
+    }
+
+    .upload-tip {
+        font-size: 11px;
+        color: #c0c4cc;
+    }
+}
+
+.upload-preview {
+    width: 200px;
+    height: 200px;
+    border-radius: 8px;
+    object-fit: cover;
+    cursor: zoom-in;
+}
+
+.form-tip {
+    margin-left: 8px;
+    font-size: 12px;
+    color: #909399;
+}
+
+// ==================== 表单弹窗 ====================
+
+:deep(.el-dialog) {
+    border-radius: 14px;
+    box-shadow: 0 12px 40px rgba(30, 27, 75, 0.16);
+}
+
+:deep(.el-dialog__header) {
+    padding: 20px 24px 16px;
+    margin-right: 0;
+    border-bottom: 1px solid #f0f1f5;
+}
+
+:deep(.el-dialog__body) {
+    padding: 8px 24px 4px;
+    max-height: calc(94vh - 170px);
+    overflow-y: auto;
+}
+
+:deep(.el-dialog__footer) {
+    padding: 14px 24px;
+    border-top: 1px solid #f0f1f5;
+    background-color: #fafbfd;
+    border-radius: 0 0 14px 14px;
+}
+
+.dialog-title {
+    display: flex;
+    align-items: center;
+    font-size: 17px;
+    font-weight: 600;
+    color: #1d2129;
+
+    &::before {
+        content: '';
+        width: 4px;
+        height: 18px;
+        border-radius: 2px;
+        background: linear-gradient(180deg, #7c6af8, #5e46f6);
+        margin-right: 10px;
+    }
+
+    .dialog-subtitle {
+        margin-left: 12px;
+        font-size: 12px;
+        font-weight: 400;
+        color: #a2a6ad;
+    }
+}
+</style>
diff --git a/src/views/mini/config/index.vue b/src/views/mini/config/index.vue
new file mode 100644
index 0000000..74e8a29
--- /dev/null
+++ b/src/views/mini/config/index.vue
@@ -0,0 +1,397 @@
+<template>
+    <div class="config-page">
+        <!-- 消息推送卡片 -->
+        <el-card shadow="never" class="feature-card" v-loading="loading">
+            <template #header>
+                <div class="card-header">
+                    <div class="header-left">
+                        <el-icon class="card-icon" :size="20"><Bell /></el-icon>
+                        <span class="card-title">消息推送</span>
+                    </div>
+                    <el-tag v-if="mpPushEnabled" type="success" effect="light" size="small">已开启</el-tag>
+                    <el-tag v-else type="info" effect="light" size="small">已关闭</el-tag>
+                </div>
+            </template>
+
+            <div class="card-body">
+                <div class="feature-info">
+                    <div class="info-title">微信公众号模板消息推送</div>
+                    <div class="info-desc">
+                        开启后，平台将通过微信公众号向已关注的用户推送任务提醒等模板消息。关闭则暂停全部模板消息发送。
+                    </div>
+                </div>
+
+                <div class="feature-action">
+                    <el-switch
+                        v-model="mpPushEnabled"
+                        :loading="saving"
+                        active-text="开启推送"
+                        inactive-text="关闭推送"
+                        inline-prompt
+                        @change="handleMpPushToggle"
+                    />
+                </div>
+            </div>
+
+        </el-card>
+
+        <!-- 积分规则卡片 -->
+        <el-card shadow="never" class="feature-card" v-loading="loading">
+            <template #header>
+                <div class="card-header">
+                    <div class="header-left">
+                        <el-icon class="card-icon" :size="20"><Coin /></el-icon>
+                        <span class="card-title">积分规则</span>
+                    </div>
+                    <el-tag type="warning" effect="light" size="small">发布任务</el-tag>
+                </div>
+            </template>
+
+            <div class="points-rule-list">
+                <div class="points-rule-item">
+                    <div class="feature-info">
+                        <div class="info-title">发布任务获取积分数量</div>
+                        <div class="info-desc">
+                            用户每发布 1 个普通任务可获得的积分；设为 0 表示发布任务不奖励积分。
+                        </div>
+                    </div>
+                    <div class="points-control">
+                        <el-input-number
+                            v-model="pointsForm.publishAward"
+                            :min="POINTS_MIN"
+                            :max="POINTS_MAX"
+                            :step="1"
+                            :step-strictly="true"
+                            controls-position="right"
+                            class="points-input"
+                        />
+                        <span class="points-unit">积分 / 个</span>
+                    </div>
+                </div>
+
+                <div class="points-rule-divider" />
+
+                <div class="points-rule-item">
+                    <div class="feature-info">
+                        <div class="info-title">发布任务扣减积分数量</div>
+                        <div class="info-desc">
+                            用户发布优质任务时需消耗的积分，余额不足将无法发布优质任务；设为 0 表示不扣减。
+                        </div>
+                    </div>
+                    <div class="points-control">
+                        <el-input-number
+                            v-model="pointsForm.premiumDeduct"
+                            :min="POINTS_MIN"
+                            :max="POINTS_MAX"
+                            :step="1"
+                            :step-strictly="true"
+                            controls-position="right"
+                            class="points-input"
+                        />
+                        <span class="points-unit">积分 / 个</span>
+                    </div>
+                </div>
+
+                <div class="points-save-bar">
+                    <el-button
+                        type="primary"
+                        :loading="savingPoints"
+                        :disabled="!pointsDirty"
+                        @click="handleSavePoints"
+                    >
+                        保存设置
+                    </el-button>
+                    <span v-if="!pointsDirty" class="save-hint">设置未发生变化</span>
+                </div>
+            </div>
+        </el-card>
+
+        <!-- 占位提示：未来更多功能 -->
+        <el-card shadow="never" class="feature-card placeholder-card">
+            <div class="placeholder-content">
+                <el-icon :size="32" class="placeholder-icon"><Plus /></el-icon>
+                <div class="placeholder-text">更多功能配置即将上线</div>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive, computed, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Bell, Plus, Coin } from '@element-plus/icons-vue'
+import { getMiniConfigList, updateMiniConfig } from '@/api/miniConfig'
+
+// ==================== 业务常量（与后端 PointsConstants 对齐） ====================
+
+/** 积分规则配置键（app_config.config_key）。 */
+const CONFIG_KEY_POINTS_PUBLISH_AWARD = 'points_publish_award'
+const CONFIG_KEY_POINTS_PREMIUM_DEDUCT = 'points_premium_deduct'
+
+/** 积分数量输入边界（与后端校验区间一致）。 */
+const POINTS_MIN = 0
+const POINTS_MAX = 99999
+
+const loading = ref(false)
+const saving = ref(false)
+const mpPushEnabled = ref(false)   // false 关闭 / true 开启
+
+// 积分规则表单与初始快照（快照用于脏检查，无变化时禁用保存）
+const pointsForm = reactive({ publishAward: 0, premiumDeduct: 0 })
+const pointsSnapshot = reactive({ publishAward: 0, premiumDeduct: 0 })
+const savingPoints = ref(false)
+
+const pointsDirty = computed(() =>
+    pointsForm.publishAward !== pointsSnapshot.publishAward
+    || pointsForm.premiumDeduct !== pointsSnapshot.premiumDeduct
+)
+
+/**
+ * 拉取功能配置列表（消息推送开关 + 积分规则参数）
+ */
+async function fetchConfig() {
+    loading.value = true
+    try {
+        const res = await getMiniConfigList()
+        const list = res.data || []
+        const mpPush = list.find(c => c.configKey === 'mp_push_enabled')
+        if (mpPush) {
+            mpPushEnabled.value = mpPush.configValue === '1'
+        }
+        const award = list.find(c => c.configKey === CONFIG_KEY_POINTS_PUBLISH_AWARD)
+        const deduct = list.find(c => c.configKey === CONFIG_KEY_POINTS_PREMIUM_DEDUCT)
+        // 配置缺失或为非法值时回退 0，由保存动作写回合法值（正常情况下迁移脚本已插入默认值）
+        pointsForm.publishAward = parsePoints(award?.configValue)
+        pointsForm.premiumDeduct = parsePoints(deduct?.configValue)
+        pointsSnapshot.publishAward = pointsForm.publishAward
+        pointsSnapshot.premiumDeduct = pointsForm.premiumDeduct
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        loading.value = false
+    }
+}
+
+/**
+ * 配置值转非负整数，非法值兜底 0
+ */
+function parsePoints(value) {
+    const num = Number.parseInt(value, 10)
+    return Number.isFinite(num) && num >= POINTS_MIN ? num : 0
+}
+
+/**
+ * 消息推送开关切换：先二次确认再写库
+ */
+async function handleMpPushToggle(val) {
+    const actionText = val ? '开启' : '关闭'
+    try {
+        await ElMessageBox.confirm(
+            `确认${actionText}微信公众号模板消息推送吗？${val ? '开启后将向已关注用户发送模板消息。' : '关闭后平台将暂停所有模板消息发送。'}`,
+            `${actionText}消息推送`,
+            {
+                confirmButtonText: '确认',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }
+        )
+    } catch {
+        // 用户取消切换，恢复开关状态
+        mpPushEnabled.value = !val
+        return
+    }
+
+    saving.value = true
+    try {
+        await updateMiniConfig('mp_push_enabled', val ? '1' : '0')
+        ElMessage.success(`已${actionText}消息推送`)
+        await fetchConfig()
+    } catch {
+        mpPushEnabled.value = !val
+    } finally {
+        saving.value = false
+    }
+}
+
+/**
+ * 保存积分规则：仅提交发生变化的配置项，全部成功后刷新快照
+ */
+async function handleSavePoints() {
+    if (!pointsDirty.value) {
+        ElMessage.info('设置未发生变化')
+        return
+    }
+
+    const tasks = []
+    if (pointsForm.publishAward !== pointsSnapshot.publishAward) {
+        tasks.push(updateMiniConfig(
+            CONFIG_KEY_POINTS_PUBLISH_AWARD, String(pointsForm.publishAward)))
+    }
+    if (pointsForm.premiumDeduct !== pointsSnapshot.premiumDeduct) {
+        tasks.push(updateMiniConfig(
+            CONFIG_KEY_POINTS_PREMIUM_DEDUCT, String(pointsForm.premiumDeduct)))
+    }
+
+    savingPoints.value = true
+    try {
+        await Promise.all(tasks)
+        ElMessage.success('积分规则已保存')
+        await fetchConfig()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        savingPoints.value = false
+    }
+}
+
+onMounted(fetchConfig)
+</script>
+
+<style lang="scss" scoped>
+.config-page {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    max-width: 1100px;
+}
+
+.feature-card {
+    border-radius: 12px;
+    border: 1px solid #eef0f5;
+
+    :deep(.el-card__header) {
+        padding: 16px 24px;
+        border-bottom: 1px solid #f0f1f5;
+    }
+
+    :deep(.el-card__body) {
+        padding: 24px;
+    }
+}
+
+.card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .header-left {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+    }
+
+    .card-icon {
+        color: #5e46f6;
+    }
+
+    .card-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1d2129;
+    }
+}
+
+.card-body {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 24px;
+}
+
+.feature-info {
+    flex: 1;
+
+    .info-title {
+        font-size: 14px;
+        font-weight: 600;
+        color: #1d2129;
+        margin-bottom: 8px;
+    }
+
+    .info-desc {
+        font-size: 13px;
+        color: #606266;
+        line-height: 1.6;
+    }
+}
+
+.feature-action {
+    flex-shrink: 0;
+}
+
+// ==================== 积分规则卡片 ====================
+
+.points-rule-list {
+    display: flex;
+    flex-direction: column;
+}
+
+.points-rule-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 24px;
+    padding: 4px 0;
+}
+
+.points-rule-divider {
+    height: 1px;
+    background-color: #f0f1f5;
+    margin: 20px 0;
+}
+
+.points-control {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+
+    .points-input {
+        width: 140px;
+    }
+
+    .points-unit {
+        font-size: 13px;
+        color: #606266;
+        white-space: nowrap;
+    }
+}
+
+.points-save-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-top: 24px;
+    padding-top: 20px;
+    border-top: 1px dashed #e4e7ed;
+
+    .save-hint {
+        font-size: 12px;
+        color: #a2a6ad;
+    }
+}
+
+// ==================== 占位卡片 ====================
+
+.placeholder-card {
+    border-style: dashed;
+    background: #fafbfd;
+
+    .placeholder-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 32px 0;
+        color: #c0c4cc;
+        gap: 12px;
+    }
+
+    .placeholder-icon {
+        color: #dcdfe6;
+    }
+
+    .placeholder-text {
+        font-size: 13px;
+    }
+}
+</style>
diff --git a/src/views/mini/index.vue b/src/views/mini/index.vue
new file mode 100644
index 0000000..0610950
--- /dev/null
+++ b/src/views/mini/index.vue
@@ -0,0 +1,7 @@
+<template>
+    <PlaceholderPage />
+</template>
+
+<script setup>
+import PlaceholderPage from '@/views/PlaceholderPage.vue'
+</script>
diff --git a/src/views/task/index.vue b/src/views/task/index.vue
new file mode 100644
index 0000000..b300ad8
--- /dev/null
+++ b/src/views/task/index.vue
@@ -0,0 +1,793 @@
+<template>
+    <div class="task-page">
+        <!-- 筛选栏 -->
+        <el-card shadow="never" class="filter-card">
+            <div class="filter-bar">
+                <el-input
+                    v-model="query.keyword"
+                    placeholder="任务编号 / 名称"
+                    clearable
+                    class="filter-input"
+                    @keyup.enter="handleSearch"
+                    @clear="handleSearch"
+                />
+                <el-select
+                    v-model="query.type"
+                    placeholder="任务类型"
+                    clearable
+                    class="filter-select"
+                    @change="handleSearch"
+                >
+                    <el-option
+                        v-for="item in TYPE_OPTIONS"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    />
+                </el-select>
+                <el-select
+                    v-model="query.isPremium"
+                    placeholder="任务类别"
+                    clearable
+                    class="filter-select"
+                    @change="handleSearch"
+                >
+                    <el-option
+                        v-for="item in PREMIUM_OPTIONS"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    />
+                </el-select>
+                <el-select
+                    v-model="query.status"
+                    placeholder="任务状态"
+                    clearable
+                    class="filter-select"
+                    @change="handleSearch"
+                >
+                    <el-option
+                        v-for="item in STATUS_OPTIONS"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    />
+                </el-select>
+                <el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
+                <el-button :icon="Refresh" @click="handleReset">重置</el-button>
+            </div>
+        </el-card>
+
+        <!-- 列表 -->
+        <el-card shadow="never" class="table-card">
+            <el-table v-loading="loading" :data="list" row-key="id" stripe>
+                <el-table-column label="任务编号" prop="taskNo" width="150" show-overflow-tooltip />
+                <el-table-column label="任务名称" prop="name" min-width="180" show-overflow-tooltip />
+                <el-table-column label="任务类型" width="90" align="center">
+                    <template #default="{ row }">
+                        <el-tag effect="plain" size="small">{{ row.typeName }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="任务类别" width="100" align="center">
+                    <template #default="{ row }">
+                        <el-tag
+                            v-if="row.isPremium === IS_PREMIUM_YES"
+                            type="warning"
+                            effect="dark"
+                            size="small"
+                        >
+                            优质任务
+                        </el-tag>
+                        <el-tag v-else effect="plain" size="small">普通任务</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="报酬" width="120" align="right">
+                    <template #default="{ row }">
+                        <span class="price">¥{{ formatPrice(row.reward) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="区域" prop="regionText" width="140" show-overflow-tooltip />
+                <el-table-column label="状态" width="100" align="center">
+                    <template #default="{ row }">
+                        <el-tag :type="statusMeta(row.status).tag" effect="light">
+                            {{ statusMeta(row.status).label }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="发布商家" min-width="150" show-overflow-tooltip>
+                    <template #default="{ row }">
+                        {{ row.merchant ? row.merchant.name : '-' }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="创建时间" prop="createdAt" width="170" />
+                <el-table-column label="操作" width="210" align="center" fixed="right">
+                    <template #default="{ row }">
+                        <el-button link type="primary" @click="openDetail(row)">详情</el-button>
+                        <el-button
+                            v-if="canCancel(row.status)"
+                            link
+                            type="danger"
+                            @click="handleCancel(row)"
+                        >
+                            强制取消
+                        </el-button>
+                        <el-button
+                            v-if="canDelete(row.status)"
+                            link
+                            type="danger"
+                            @click="handleRemove(row)"
+                        >
+                            删除
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <!-- 分页 -->
+            <div class="pagination-bar">
+                <el-pagination
+                    v-model:current-page="query.page"
+                    v-model:page-size="query.pageSize"
+                    :total="total"
+                    :page-sizes="[10, 20, 50]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    @size-change="handleSizeChange"
+                    @current-change="fetchList"
+                />
+            </div>
+        </el-card>
+
+        <!-- 详情弹窗 -->
+        <el-dialog
+            v-model="detailVisible"
+            width="880px"
+            top="6vh"
+            :close-on-click-modal="true"
+        >
+            <template #header>
+                <div class="dialog-title">
+                    任务详情
+                    <span class="dialog-subtitle">全量任务信息与发布商家信息</span>
+                </div>
+            </template>
+
+            <div v-loading="detailLoading" class="detail-body">
+                <template v-if="detail">
+                    <!-- 分组一：基本信息 -->
+                    <div class="form-section">基本信息</div>
+                    <el-descriptions :column="2" border>
+                        <el-descriptions-item label="任务名称" :span="2">
+                            <span class="detail-text-bold">{{ detail.name }}</span>
+                        </el-descriptions-item>
+                        <el-descriptions-item label="任务编号">{{ detail.taskNo }}</el-descriptions-item>
+                        <el-descriptions-item label="任务类型">{{ detail.typeName }}</el-descriptions-item>
+                        <el-descriptions-item label="任务状态">
+                            <el-tag :type="statusMeta(detail.status).tag" effect="light" size="small">
+                                {{ statusMeta(detail.status).label }}
+                            </el-tag>
+                        </el-descriptions-item>
+                        <el-descriptions-item label="任务类别">
+                            <el-tag
+                                v-if="detail.isPremium === IS_PREMIUM_YES"
+                                type="warning"
+                                effect="dark"
+                                size="small"
+                            >
+                                优质任务
+                            </el-tag>
+                            <el-tag v-else effect="plain" size="small">普通任务</el-tag>
+                        </el-descriptions-item>
+                    </el-descriptions>
+
+                    <!-- 分组二：报酬与时间 -->
+                    <div class="form-section">报酬与时间</div>
+                    <el-descriptions :column="2" border>
+                        <el-descriptions-item label="任务报酬">
+                            <span class="price">¥{{ formatPrice(detail.reward) }}</span>
+                        </el-descriptions-item>
+                        <el-descriptions-item label="需求人数">{{ detail.requiredCount }} 人</el-descriptions-item>
+                        <el-descriptions-item label="开始时间">{{ formatDateTime(detail.taskStartTime) }}</el-descriptions-item>
+                        <el-descriptions-item label="结束时间">{{ formatDateTime(detail.taskEndTime) }}</el-descriptions-item>
+                        <el-descriptions-item label="保险要求" :span="2">
+                            <template v-if="detail.insuranceNames && detail.insuranceNames.length">
+                                <el-tag
+                                    v-for="name in detail.insuranceNames"
+                                    :key="name"
+                                    size="small"
+                                    effect="plain"
+                                    class="insurance-tag"
+                                >
+                                    {{ name }}
+                                </el-tag>
+                            </template>
+                            <span v-else class="text-muted">无保险要求</span>
+                        </el-descriptions-item>
+                    </el-descriptions>
+
+                    <!-- 分组三：位置信息 -->
+                    <div class="form-section">位置信息</div>
+                    <el-descriptions :column="2" border>
+                        <el-descriptions-item label="所在区域">{{ detail.regionText || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="详细地址">{{ detail.address || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="纬度">{{ detail.latitude || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="经度">{{ detail.longitude || '-' }}</el-descriptions-item>
+                    </el-descriptions>
+
+                    <!-- 分组四：联系方式 -->
+                    <div class="form-section">联系方式</div>
+                    <el-descriptions :column="2" border>
+                        <el-descriptions-item label="联系人">{{ detail.contactName || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="联系电话">{{ detail.contactPhone || '-' }}</el-descriptions-item>
+                    </el-descriptions>
+
+                    <!-- 分组五：任务场景图 -->
+                    <div class="form-section">任务场景图</div>
+                    <div v-if="detail.sceneImageUrls && detail.sceneImageUrls.length" class="scene-gallery">
+                        <el-image
+                            v-for="(url, index) in detail.sceneImageUrls"
+                            :key="index"
+                            :src="url"
+                            :preview-src-list="detail.sceneImageUrls"
+                            :initial-index="index"
+                            fit="cover"
+                            preview-teleported
+                            hide-on-click-modal
+                            class="scene-image"
+                        >
+                            <template #error>
+                                <div class="scene-image-error">加载失败</div>
+                            </template>
+                        </el-image>
+                    </div>
+                    <div v-else class="text-muted scene-empty">暂无场景图片</div>
+
+                    <!-- 分组六：发布商家信息 -->
+                    <div class="form-section">发布商家信息</div>
+                    <template v-if="detail.merchant">
+                        <el-descriptions :column="2" border>
+                            <el-descriptions-item label="商家名称">
+                                <span class="detail-text-bold">{{ detail.merchant.name }}</span>
+                            </el-descriptions-item>
+                            <el-descriptions-item label="认证状态">
+                                <el-tag :type="certStatusMeta(detail.merchant.certStatus).tag" effect="light" size="small">
+                                    {{ detail.merchant.certStatusName }}
+                                </el-tag>
+                            </el-descriptions-item>
+                            <el-descriptions-item label="联系人">{{ detail.merchant.contactName || '-' }}</el-descriptions-item>
+                            <el-descriptions-item label="联系电话">{{ detail.merchant.contactPhone || '-' }}</el-descriptions-item>
+                            <el-descriptions-item label="商家地址" :span="2">{{ detail.merchant.address || '-' }}</el-descriptions-item>
+                        </el-descriptions>
+                        <div class="door-image-wrap">
+                            <div v-if="detail.merchant.doorImageUrl" class="door-image-row">
+                                <span class="door-image-label">门头照片：</span>
+                                <el-image
+                                    :src="detail.merchant.doorImageUrl"
+                                    :preview-src-list="[detail.merchant.doorImageUrl]"
+                                    fit="cover"
+                                    preview-teleported
+                                    hide-on-click-modal
+                                    class="door-image"
+                                />
+                            </div>
+                            <div v-if="detail.merchant.licenseImageUrl" class="door-image-row">
+                                <span class="door-image-label">营业执照：</span>
+                                <el-image
+                                    :src="detail.merchant.licenseImageUrl"
+                                    :preview-src-list="[detail.merchant.licenseImageUrl]"
+                                    fit="cover"
+                                    preview-teleported
+                                    hide-on-click-modal
+                                    class="door-image"
+                                />
+                            </div>
+                        </div>
+                    </template>
+                    <div v-else class="text-muted scene-empty">未绑定商家身份</div>
+
+                    <!-- 分组七：备注 -->
+                    <div v-if="detail.remark" class="form-section">备注</div>
+                    <div v-if="detail.remark" class="remark-box">{{ detail.remark }}</div>
+                </template>
+            </div>
+
+            <template #footer>
+                <el-button
+                    v-if="detail && canCancel(detail.status)"
+                    type="danger"
+                    @click="handleCancel(detail); detailVisible = false"
+                >
+                    强制取消
+                </el-button>
+                <el-button @click="detailVisible = false">关 闭</el-button>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Search, Refresh } from '@element-plus/icons-vue'
+import { pageTask, getTaskDetail, cancelTask, removeTask } from '@/api/task'
+
+const route = useRoute()
+
+// ==================== 业务常量（与后端 TaskConstants / TaskStatusEnum 对齐） ====================
+
+/** 任务状态编码 */
+const STATUS = {
+    DRAFT: 0,
+    PENDING: 1,
+    ACCEPTED: 2,
+    EXECUTING: 3,
+    DONE: 4,
+    CANCELLED: 5
+}
+
+/** 是否优质 */
+const IS_PREMIUM_YES = 1
+
+/** 任务状态 → 标签文案/颜色映射 */
+const STATUS_META_MAP = {
+    [STATUS.DRAFT]: { label: '草稿', tag: 'info' },
+    [STATUS.PENDING]: { label: '待接单', tag: 'success' },
+    [STATUS.ACCEPTED]: { label: '已接单', tag: 'primary' },
+    [STATUS.EXECUTING]: { label: '执行中', tag: 'warning' },
+    [STATUS.DONE]: { label: '已完成', tag: 'info' },
+    [STATUS.CANCELLED]: { label: '已取消', tag: 'danger' }
+}
+
+/** 任务类型选项（与后端 TaskTypeEnum 对齐） */
+const TYPE_OPTIONS = [
+    { value: 1, label: '植保' },
+    { value: 2, label: '吊运' },
+    { value: 3, label: '航拍' },
+    { value: 4, label: '巡检' },
+    { value: 5, label: '清洗' },
+    { value: 6, label: '表演' },
+    { value: 7, label: '测绘' }
+]
+
+/** 任务类别选项（普通任务 / 优质任务，对应 isPremium 字段） */
+const PREMIUM_OPTIONS = [
+    { value: 0, label: '普通任务' },
+    { value: 1, label: '优质任务' }
+]
+
+/** 任务状态选项 */
+const STATUS_OPTIONS = [
+    { value: STATUS.DRAFT, label: '草稿' },
+    { value: STATUS.PENDING, label: '待接单' },
+    { value: STATUS.ACCEPTED, label: '已接单' },
+    { value: STATUS.EXECUTING, label: '执行中' },
+    { value: STATUS.DONE, label: '已完成' },
+    { value: STATUS.CANCELLED, label: '已取消' }
+]
+
+/** 认证状态 → 标签映射 */
+const CERT_STATUS_META_MAP = {
+    0: { label: '未认证', tag: 'info' },
+    1: { label: '认证中', tag: 'warning' },
+    2: { label: '已认证', tag: 'success' },
+    3: { label: '认证失败', tag: 'danger' }
+}
+
+// ==================== 列表状态 ====================
+
+const loading = ref(false)
+const list = ref([])
+const total = ref(0)
+const query = reactive({
+    keyword: '',
+    type: null,
+    isPremium: null,
+    status: null,
+    page: 1,
+    pageSize: 10
+})
+
+/**
+ * 拉取任务分页列表
+ */
+async function fetchList() {
+    loading.value = true
+    try {
+        const res = await pageTask({
+            keyword: query.keyword || undefined,
+            type: query.type ?? undefined,
+            isPremium: query.isPremium ?? undefined,
+            status: query.status ?? undefined,
+            pageNo: query.page - 1,
+            pageSize: query.pageSize
+        })
+        list.value = res.data.list || []
+        total.value = Number(res.data.totalElements || 0)
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        loading.value = false
+    }
+}
+
+/** 查询：重置到第 1 页再拉取 */
+function handleSearch() {
+    query.page = 1
+    fetchList()
+}
+
+/** 重置筛选条件 */
+function handleReset() {
+    query.keyword = ''
+    query.type = null
+    query.isPremium = null
+    query.status = null
+    query.page = 1
+    fetchList()
+}
+
+/** 页大小变化：回到第 1 页 */
+function handleSizeChange() {
+    query.page = 1
+    fetchList()
+}
+
+// ==================== 列表展示辅助 ====================
+
+/**
+ * 状态标签元信息
+ */
+function statusMeta(status) {
+    return STATUS_META_MAP[status] || { label: '未知', tag: 'info' }
+}
+
+/**
+ * 认证状态标签元信息
+ */
+function certStatusMeta(certStatus) {
+    return CERT_STATUS_META_MAP[certStatus] || { label: '未知', tag: 'info' }
+}
+
+/**
+ * 报酬格式化：1388 → "1,388.00"
+ */
+function formatPrice(price) {
+    if (price === null || price === undefined || price === '') {
+        return '-'
+    }
+    return Number(price).toLocaleString('zh-CN', {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+    })
+}
+
+/**
+ * 时间格式化：ISO 字串 → yyyy-MM-dd HH:mm
+ */
+function formatDateTime(dateTime) {
+    if (!dateTime) {
+        return '-'
+    }
+    const str = String(dateTime).replace('T', ' ')
+    return str.length > 16 ? str.slice(0, 16) : str
+}
+
+/**
+ * 是否可取消：仅待接单/已接单/执行中
+ */
+function canCancel(status) {
+    return status === STATUS.PENDING
+        || status === STATUS.ACCEPTED
+        || status === STATUS.EXECUTING
+}
+
+/**
+ * 是否可删除：仅草稿/已完成/已取消
+ */
+function canDelete(status) {
+    return status === STATUS.DRAFT
+        || status === STATUS.DONE
+        || status === STATUS.CANCELLED
+}
+
+// ==================== 详情弹窗 ====================
+
+const detailVisible = ref(false)
+const detailLoading = ref(false)
+const detail = ref(null)
+
+/**
+ * 打开详情弹窗，拉取详情数据
+ */
+async function openDetail(row) {
+    detailVisible.value = true
+    detailLoading.value = true
+    detail.value = null
+    try {
+        const res = await getTaskDetail(row.id)
+        detail.value = res.data
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        detailLoading.value = false
+    }
+}
+
+// ==================== 取消与删除 ====================
+
+/**
+ * 取消任务，取消前二次确认
+ */
+async function handleCancel(row) {
+    try {
+        await ElMessageBox.confirm(
+            `是否强制取消任务「${row.name}」？取消后飞手将无法再接单，该操作不可撤销。`,
+            '强制取消确认',
+            { type: 'warning', confirmButtonText: '强制取消', cancelButtonText: '返回' }
+        )
+    } catch {
+        // 用户取消操作
+        return
+    }
+    try {
+        await cancelTask(row.id)
+        ElMessage.success('任务已取消')
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+/**
+ * 软删除任务，删除前二次确认
+ */
+async function handleRemove(row) {
+    try {
+        await ElMessageBox.confirm(
+            `确定删除任务「${row.name}」吗？删除后不可恢复。`,
+            '删除确认',
+            { type: 'warning', confirmButtonText: '删除', cancelButtonText: '取消' }
+        )
+    } catch {
+        // 用户取消删除
+        return
+    }
+    try {
+        await removeTask(row.id)
+        ElMessage.success('删除成功')
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+// 初始拉取列表 + 路由 query.id 自动打开详情
+onMounted(() => {
+    fetchList()
+    const taskId = route.query.id
+    if (taskId) {
+        // 构造一个最小 row 对象复用 openDetail 的详情加载逻辑
+        openDetail({ id: Number(taskId) })
+    }
+})
+</script>
+
+<style lang="scss" scoped>
+.task-page {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+// ==================== 筛选栏 ====================
+
+.filter-card {
+    :deep(.el-card__body) {
+        padding: 16px 20px;
+    }
+}
+
+.filter-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .filter-input {
+        width: 240px;
+    }
+
+    .filter-select {
+        width: 130px;
+    }
+}
+
+// ==================== 列表 ====================
+
+.price {
+    font-weight: 600;
+    color: #f56c6c;
+}
+
+.text-muted {
+    color: #c0c4cc;
+    font-size: 13px;
+}
+
+.pagination-bar {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
+
+// ==================== 详情弹窗 ====================
+
+:deep(.el-dialog) {
+    border-radius: 14px;
+    box-shadow: 0 12px 40px rgba(30, 27, 75, 0.16);
+}
+
+:deep(.el-dialog__header) {
+    padding: 20px 24px 16px;
+    margin-right: 0;
+    border-bottom: 1px solid #f0f1f5;
+}
+
+:deep(.el-dialog__body) {
+    padding: 8px 24px 4px;
+    max-height: calc(88vh - 160px);
+    overflow-y: auto;
+}
+
+:deep(.el-dialog__footer) {
+    padding: 14px 24px;
+    border-top: 1px solid #f0f1f5;
+    background-color: #fafbfd;
+    border-radius: 0 0 14px 14px;
+}
+
+.dialog-title {
+    display: flex;
+    align-items: center;
+    font-size: 17px;
+    font-weight: 600;
+    color: #1d2129;
+
+    &::before {
+        content: '';
+        width: 4px;
+        height: 18px;
+        border-radius: 2px;
+        background: linear-gradient(180deg, #7c6af8, #5e46f6);
+        margin-right: 10px;
+    }
+
+    .dialog-subtitle {
+        margin-left: 12px;
+        font-size: 12px;
+        font-weight: 400;
+        color: #a2a6ad;
+    }
+}
+
+// 分组标题：与弹窗标题同源的视觉语言
+.form-section {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+    padding-bottom: 10px;
+    margin: 8px 0 16px;
+    border-bottom: 1px dashed #e4e7ed;
+
+    &::before {
+        content: '';
+        width: 3px;
+        height: 13px;
+        border-radius: 2px;
+        background: linear-gradient(180deg, #7c6af8, #5e46f6);
+        margin-right: 8px;
+    }
+
+    &:not(:first-of-type) {
+        margin-top: 28px;
+    }
+}
+
+.detail-body {
+    min-height: 200px;
+}
+
+.detail-text-bold {
+    font-weight: 600;
+    color: #1d2129;
+}
+
+.insurance-tag {
+    margin-right: 6px;
+    margin-bottom: 4px;
+}
+
+// 场景图画廊
+.scene-gallery {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+}
+
+.scene-image {
+    width: 140px;
+    height: 105px;
+    border-radius: 6px;
+    cursor: pointer;
+    border: 1px solid #e4e7ed;
+}
+
+.scene-image-error {
+    width: 140px;
+    height: 105px;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 12px;
+    color: #c0c4cc;
+    background-color: #f5f7fa;
+}
+
+.scene-empty {
+    padding: 12px 0;
+}
+
+// 商家门头照与营业执照（并排一行展示，文字与图片垂直居中）
+.door-image-wrap {
+    display: flex;
+    align-items: flex-start;
+    gap: 32px;
+    margin-top: 16px;
+
+    .door-image-row {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .door-image-label {
+        font-size: 13px;
+        color: #606266;
+        white-space: nowrap;
+    }
+
+    .door-image {
+        width: 160px;
+        height: 100px;
+        border-radius: 6px;
+        cursor: pointer;
+        border: 1px solid #e4e7ed;
+        flex-shrink: 0;
+    }
+}
+
+// 备注文本框
+.remark-box {
+    padding: 12px 16px;
+    background-color: #f5f7fa;
+    border-radius: 6px;
+    font-size: 14px;
+    line-height: 1.7;
+    color: #303133;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+// descriptions 样式微调
+:deep(.el-descriptions__label) {
+    width: 100px;
+    font-weight: 500;
+    color: #606266;
+}
+
+:deep(.el-descriptions__content) {
+    color: #303133;
+}
+</style>
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
new file mode 100644
index 0000000..7f3dec6
--- /dev/null
+++ b/src/views/user/index.vue
@@ -0,0 +1,1569 @@
+<template>
+    <div class="user-page">
+        <!-- 筛选栏 -->
+        <el-card shadow="never" class="filter-card">
+            <div class="filter-bar">
+                <el-input
+                    v-model="query.keyword"
+                    placeholder="昵称 / 手机号"
+                    clearable
+                    class="filter-input"
+                    @keyup.enter="handleSearch"
+                    @clear="handleSearch"
+                />
+                <el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
+                <el-button :icon="Refresh" @click="handleReset">重置</el-button>
+            </div>
+        </el-card>
+
+        <!-- 列表 -->
+        <el-card shadow="never" class="table-card">
+            <el-table v-loading="loading" :data="list" row-key="id" stripe>
+                <el-table-column label="用户昵称" min-width="180">
+                    <template #default="{ row }">
+                        <div class="nickname-cell">
+                            <el-avatar :size="32" :src="row.avatarUrl || undefined" class="avatar">
+                                <span class="avatar-placeholder">
+                                    {{ (row.nickname || 'U').charAt(0) }}
+                                </span>
+                            </el-avatar>
+                            <span class="nickname-text">{{ row.nickname || '微信用户' }}</span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="手机号" prop="phone" width="140" show-overflow-tooltip>
+                    <template #default="{ row }">
+                        {{ row.phone || '-' }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="用户类型" width="170" align="center">
+                    <template #default="{ row }">
+                        <div class="type-tag-group">
+                            <el-tag
+                                v-if="isCertified(row.merchantCertStatus)"
+                                type="warning"
+                                effect="light"
+                                size="small"
+                            >
+                                商家
+                            </el-tag>
+                            <el-tag
+                                v-if="isCertified(row.pilotCertStatus)"
+                                type="success"
+                                effect="light"
+                                size="small"
+                            >
+                                飞手
+                            </el-tag>
+                            <span
+                                v-if="!isCertified(row.merchantCertStatus) && !isCertified(row.pilotCertStatus)"
+                                class="text-muted"
+                            >
+                                普通用户
+                            </span>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="注册时间" prop="createdAt" width="170" />
+                <el-table-column label="最后登录" prop="lastLoginAt" width="170">
+                    <template #default="{ row }">
+                        {{ row.lastLoginAt || '-' }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="积分" width="100" align="center">
+                    <template #default="{ row }">
+                        <span class="points-badge">{{ row.points ?? 0 }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" width="260" align="center" fixed="right">
+                    <template #default="{ row }">
+                        <el-button link type="warning" @click="openPoints(row)">积分明细</el-button>
+                        <el-button
+                            v-if="isCertified(row.merchantCertStatus)"
+                            link
+                            type="primary"
+                            @click="openMerchant(row)"
+                        >
+                            商家信息
+                        </el-button>
+                        <el-button
+                            v-if="isCertified(row.pilotCertStatus)"
+                            link
+                            type="primary"
+                            @click="openPilot(row)"
+                        >
+                            飞手信息
+                        </el-button>
+                        <span
+                            v-if="!isCertified(row.merchantCertStatus) && !isCertified(row.pilotCertStatus)"
+                            class="text-muted"
+                        >
+                            暂无认证
+                        </span>
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <!-- 分页 -->
+            <div class="pagination-bar">
+                <el-pagination
+                    v-model:current-page="query.page"
+                    v-model:page-size="query.pageSize"
+                    :total="total"
+                    :page-sizes="[10, 20, 50]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    @size-change="handleSizeChange"
+                    @current-change="fetchList"
+                />
+            </div>
+        </el-card>
+
+        <!-- 商家信息弹窗 -->
+        <el-dialog
+            v-model="merchantVisible"
+            width="800px"
+            top="6vh"
+            :close-on-click-modal="true"
+        >
+            <template #header>
+                <div class="dialog-title">
+                    商家认证信息
+                    <span class="dialog-subtitle">注册资料 · 最近发布的任务</span>
+                </div>
+            </template>
+
+            <div v-loading="merchantLoading" class="detail-body">
+                <template v-if="merchant">
+                    <!-- 分组一：基本信息 -->
+                    <div class="form-section">基本信息</div>
+                    <el-descriptions :column="2" border>
+                        <el-descriptions-item label="商家名称" :span="2">
+                            <span class="detail-text-bold">{{ merchant.cert?.name || '-' }}</span>
+                        </el-descriptions-item>
+                        <el-descriptions-item label="联系人">{{ merchant.cert?.contactName || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="联系电话">{{ merchant.cert?.contactPhone || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="认证状态">
+                            <el-tag :type="certStatusMeta(merchant.cert?.certStatus).tag" effect="light" size="small">
+                                {{ certStatusMeta(merchant.cert?.certStatus).label }}
+                            </el-tag>
+                        </el-descriptions-item>
+                        <el-descriptions-item label="认证时间">
+                            {{ formatDateTime(merchant.cert?.certTime) }}
+                        </el-descriptions-item>
+                    </el-descriptions>
+
+                    <!-- 分组二：地址与简介 -->
+                    <div class="form-section">地址与简介</div>
+                    <el-descriptions :column="1" border>
+                        <el-descriptions-item label="商家地址">{{ merchant.cert?.address || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="商家简介">
+                            <span v-if="merchant.cert?.description" class="remark-box">{{ merchant.cert.description }}</span>
+                            <span v-else class="text-muted">暂无简介</span>
+                        </el-descriptions-item>
+                    </el-descriptions>
+
+                    <!-- 分组三：资质照片 -->
+                    <div class="form-section">资质照片</div>
+                    <div class="cert-image-wrap">
+                        <div class="cert-image-item">
+                            <span class="cert-image-label">门头照片</span>
+                            <el-image
+                                v-if="merchant.cert?.doorImageUrl"
+                                :src="merchant.cert.doorImageUrl"
+                                :preview-src-list="merchantImageList"
+                                :initial-index="0"
+                                fit="cover"
+                                preview-teleported
+                                hide-on-click-modal
+                                class="cert-image"
+                            >
+                                <template #error>
+                                    <div class="cert-image-error">加载失败</div>
+                                </template>
+                            </el-image>
+                            <div v-else class="cert-image-empty">未上传</div>
+                        </div>
+                        <div class="cert-image-item">
+                            <span class="cert-image-label">营业执照</span>
+                            <el-image
+                                v-if="merchant.cert?.licenseImageUrl"
+                                :src="merchant.cert.licenseImageUrl"
+                                :preview-src-list="merchantImageList"
+                                :initial-index="1"
+                                fit="cover"
+                                preview-teleported
+                                hide-on-click-modal
+                                class="cert-image"
+                            >
+                                <template #error>
+                                    <div class="cert-image-error">加载失败</div>
+                                </template>
+                            </el-image>
+                            <div v-else class="cert-image-empty">未上传</div>
+                        </div>
+                    </div>
+
+                    <!-- 分组四：发布的任务 -->
+                    <div class="form-section">
+                        发布的任务
+                        <span v-if="merchant.recentTasks?.length" class="section-count">
+                            共 {{ merchant.recentTasks.length }} 条
+                        </span>
+                    </div>
+                    <div v-if="merchant.recentTasks?.length" class="task-list">
+                        <div
+                            v-for="task in merchant.recentTasks"
+                            :key="task.id"
+                            class="task-row"
+                            @click="openTaskDetail(task.id)"
+                        >
+                            <div class="task-row-info">
+                                <div class="task-row-title">
+                                    <span class="task-name">{{ task.name }}</span>
+                                    <el-tag
+                                        v-if="task.isPremium === 1"
+                                        type="warning"
+                                        effect="dark"
+                                        size="small"
+                                        class="premium-tag"
+                                    >
+                                        优质
+                                    </el-tag>
+                                </div>
+                                <div class="task-row-meta">
+                                    <el-tag :type="task.statusTag" effect="light" size="small">
+                                        {{ task.statusName }}
+                                    </el-tag>
+                                    <span class="task-type-tag">{{ task.typeName }}</span>
+                                    <span v-if="task.regionText" class="task-region">
+                                        <el-icon><Location /></el-icon>
+                                        {{ task.regionText }}
+                                    </span>
+                                </div>
+                            </div>
+                            <div class="task-row-right">
+                                <span class="task-reward">
+                                    ¥{{ formatPrice(task.reward) }}
+                                </span>
+                                <el-icon class="task-row-arrow"><ArrowRight /></el-icon>
+                            </div>
+                        </div>
+                    </div>
+                    <div v-else class="text-muted scene-empty">暂无发布记录</div>
+                </template>
+            </div>
+
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button
+                        type="danger"
+                        plain
+                        @click="handleRevokeMerchant"
+                    >
+                        取消商家认证
+                    </el-button>
+                    <div class="dialog-footer-right">
+                        <el-button @click="merchantVisible = false">关 闭</el-button>
+                    </div>
+                </div>
+            </template>
+        </el-dialog>
+
+        <!-- 飞手信息弹窗 -->
+        <el-dialog
+            v-model="pilotVisible"
+            width="800px"
+            top="6vh"
+            :close-on-click-modal="true"
+        >
+            <template #header>
+                <div class="dialog-title">
+                    飞手认证信息
+                    <span class="dialog-subtitle">注册资料 · 最近接单的任务</span>
+                </div>
+            </template>
+
+            <div v-loading="pilotLoading" class="detail-body">
+                <template v-if="pilot">
+                    <!-- 分组一：基本信息 -->
+                    <div class="form-section">基本信息</div>
+                    <el-descriptions :column="2" border>
+                        <el-descriptions-item label="姓名" :span="2">
+                            <span class="detail-text-bold">{{ pilot.cert?.name || '-' }}</span>
+                        </el-descriptions-item>
+                        <el-descriptions-item label="手机号">{{ pilot.cert?.phone || '-' }}</el-descriptions-item>
+                        <el-descriptions-item label="认证时间">{{ formatDateTime(pilot.cert?.certTime) }}</el-descriptions-item>
+                        <el-descriptions-item label="认证状态" :span="2">
+                            <el-tag :type="certStatusMeta(pilot.cert?.certStatus).tag" effect="light" size="small">
+                                {{ certStatusMeta(pilot.cert?.certStatus).label }}
+                            </el-tag>
+                        </el-descriptions-item>
+                    </el-descriptions>
+
+                    <!-- 分组二：服务类型 -->
+                    <div class="form-section">服务类型</div>
+                    <div v-if="pilot.cert?.serviceTypes && pilot.cert.serviceTypes.length" class="tag-row">
+                        <el-tag
+                            v-for="code in pilot.cert.serviceTypes"
+                            :key="code"
+                            effect="plain"
+                            size="small"
+                            class="service-tag"
+                        >
+                            {{ serviceTypeName(code) }}
+                        </el-tag>
+                    </div>
+                    <div v-else class="text-muted scene-empty">暂未填写服务类型</div>
+
+                    <!-- 分组三：飞行执照 -->
+                    <div class="form-section">飞行执照</div>
+                    <div v-if="pilot.cert?.licenses && pilot.cert.licenses.length" class="license-list">
+                        <div
+                            v-for="(license, index) in pilot.cert.licenses"
+                            :key="index"
+                            class="license-card"
+                        >
+                            <div class="license-info">
+                                <div class="license-header">
+                                    <el-tag type="primary" effect="dark" size="small">
+                                        {{ licenseTypeName(license.licenseType) }}
+                                    </el-tag>
+                                    <span class="license-date">
+                                        获证日期：{{ license.licenseDate || '-' }}
+                                    </span>
+                                </div>
+                                <div class="license-no-row">
+                                    <span class="license-no-label">执照编号：</span>
+                                    <span class="license-no">{{ license.licenseNo || '编号待补充' }}</span>
+                                </div>
+                            </div>
+                            <el-image
+                                v-if="license.licenseImageUrl"
+                                :src="license.licenseImageUrl"
+                                :preview-src-list="pilotLicenseImageList"
+                                :initial-index="pilotLicenseImageIndex(license.licenseImageUrl)"
+                                fit="cover"
+                                preview-teleported
+                                hide-on-click-modal
+                                class="license-photo"
+                            >
+                                <template #error>
+                                    <div class="license-photo-error">加载失败</div>
+                                </template>
+                            </el-image>
+                            <div v-else class="license-photo license-photo-empty">无照片</div>
+                        </div>
+                    </div>
+                    <div v-else class="text-muted scene-empty">暂无执照信息</div>
+
+                    <!-- 分组四：接单的任务 -->
+                    <div class="form-section">
+                        接单的任务
+                        <span v-if="pilot.recentTasks?.length" class="section-count">
+                            共 {{ pilot.recentTasks.length }} 条
+                        </span>
+                    </div>
+                    <div v-if="pilot.recentTasks?.length" class="task-list">
+                        <div
+                            v-for="task in pilot.recentTasks"
+                            :key="task.id"
+                            class="task-row"
+                            @click="openTaskDetail(task.id)"
+                        >
+                            <div class="task-row-info">
+                                <div class="task-row-title">
+                                    <span class="task-name">{{ task.name }}</span>
+                                    <el-tag
+                                        v-if="task.isPremium === 1"
+                                        type="warning"
+                                        effect="dark"
+                                        size="small"
+                                        class="premium-tag"
+                                    >
+                                        优质
+                                    </el-tag>
+                                </div>
+                                <div class="task-row-meta">
+                                    <el-tag :type="task.statusTag" effect="light" size="small">
+                                        {{ task.statusName }}
+                                    </el-tag>
+                                    <span class="task-type-tag">{{ task.typeName }}</span>
+                                    <span v-if="task.regionText" class="task-region">
+                                        <el-icon><Location /></el-icon>
+                                        {{ task.regionText }}
+                                    </span>
+                                </div>
+                            </div>
+                            <div class="task-row-right">
+                                <span class="task-reward">
+                                    ¥{{ formatPrice(task.reward) }}
+                                </span>
+                                <el-icon class="task-row-arrow"><ArrowRight /></el-icon>
+                            </div>
+                        </div>
+                    </div>
+                    <div v-else class="text-muted scene-empty">暂无接单记录</div>
+                </template>
+            </div>
+
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button
+                        type="danger"
+                        plain
+                        @click="handleRevokePilot"
+                    >
+                        取消飞手认证
+                    </el-button>
+                    <div class="dialog-footer-right">
+                        <el-button @click="pilotVisible = false">关 闭</el-button>
+                    </div>
+                </div>
+            </template>
+        </el-dialog>
+
+        <!-- 积分明细弹窗 -->
+        <el-dialog
+            v-model="pointsVisible"
+            width="720px"
+            top="8vh"
+            :close-on-click-modal="true"
+        >
+            <template #header>
+                <div class="dialog-title">
+                    积分明细
+                    <span class="dialog-subtitle">{{ pointsNickname || '用户' }} · 当前余额 {{ pointsCurrent ?? 0 }}</span>
+                </div>
+            </template>
+
+            <div v-loading="pointsLoading" class="detail-body">
+                <el-table :data="pointsList" stripe empty-text="暂无积分流水">
+                    <el-table-column label="变动" width="100" align="center">
+                        <template #default="{ row }">
+                            <span
+                                class="points-change"
+                                :class="row.points > 0 ? 'points-income' : 'points-expense'"
+                            >
+                                {{ row.points > 0 ? '+' : '' }}{{ row.points }}
+                            </span>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="类型" width="120">
+                        <template #default="{ row }">
+                            <el-tag :type="row.changeType === 1 ? 'success' : 'danger'" size="small" effect="plain">
+                                {{ row.eventName }}
+                            </el-tag>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="备注" prop="remark" min-width="180" show-overflow-tooltip />
+                    <el-table-column label="时间" prop="createdAt" width="170" />
+                </el-table>
+
+                <div v-if="pointsTotal > 10" class="points-pagination">
+                    <el-pagination
+                        v-model:current-page="pointsQuery.pageNo"
+                        v-model:page-size="pointsQuery.pageSize"
+                        :total="pointsTotal"
+                        :page-sizes="[10, 20, 50]"
+                        layout="total, sizes, prev, pager, next"
+                        @size-change="fetchPoints"
+                        @current-change="fetchPoints"
+                    />
+                </div>
+            </div>
+
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button type="primary" plain :icon="EditPen" @click="openAdjust">
+                        手动增减积分
+                    </el-button>
+                    <div class="dialog-footer-right">
+                        <el-button @click="pointsVisible = false">关 闭</el-button>
+                    </div>
+                </div>
+            </template>
+        </el-dialog>
+
+        <!-- 手动增减积分弹窗（积分明细弹窗的子弹窗） -->
+        <el-dialog
+            v-model="adjustVisible"
+            width="480px"
+            top="12vh"
+            append-to-body
+            :close-on-click-modal="false"
+            class="adjust-dialog"
+        >
+            <template #header>
+                <div class="dialog-title">手动增减积分</div>
+            </template>
+
+            <div class="adjust-target">
+                调整用户：<span class="adjust-target-name">{{ pointsNickname || '该用户' }}</span>
+                · 当前余额
+                <span class="adjust-target-balance">{{ pointsCurrent ?? 0 }}</span> 积分
+            </div>
+
+            <el-form
+                ref="adjustFormRef"
+                :model="adjustForm"
+                :rules="adjustRules"
+                label-position="top"
+                class="adjust-form"
+            >
+                <el-form-item label="变动类型" prop="changeType">
+                    <el-radio-group v-model="adjustForm.changeType">
+                        <el-radio-button :value="CHANGE_TYPE_GAIN">
+                            <span class="adjust-radio-gain">增加积分</span>
+                        </el-radio-button>
+                        <el-radio-button :value="CHANGE_TYPE_SPEND">
+                            <span class="adjust-radio-spend">扣减积分</span>
+                        </el-radio-button>
+                    </el-radio-group>
+                </el-form-item>
+
+                <el-form-item label="积分数量" prop="points">
+                    <el-input-number
+                        v-model="adjustForm.points"
+                        :min="ADJUST_POINTS_MIN"
+                        :max="ADJUST_POINTS_MAX"
+                        :step="1"
+                        :step-strictly="true"
+                        controls-position="right"
+                        class="adjust-points-input"
+                    />
+                    <div
+                        v-if="isAdjustDeduct && adjustForm.points > (pointsCurrent ?? 0)"
+                        class="adjust-balance-warn"
+                    >
+                        当前余额仅 {{ pointsCurrent ?? 0 }} 积分，扣减后余额将为负，提交会被后端拒绝
+                    </div>
+                </el-form-item>
+
+                <el-form-item label="调整原因（必填，将记录在积分流水中）" prop="remark">
+                    <el-input
+                        v-model="adjustForm.remark"
+                        type="textarea"
+                        :rows="3"
+                        maxlength="100"
+                        show-word-limit
+                        placeholder="请说明本次手动调整积分的原因，例如：活动补偿 / 违规扣减"
+                    />
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <div class="dialog-footer">
+                    <div></div>
+                    <div class="dialog-footer-right">
+                        <el-button @click="adjustVisible = false">取 消</el-button>
+                        <el-button type="primary" :loading="adjustSaving" @click="submitAdjust">
+                            确认调整
+                        </el-button>
+                    </div>
+                </div>
+            </template>
+        </el-dialog>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive, computed, nextTick } from 'vue'
+import { useRouter } from 'vue-router'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { Search, Refresh, Location, ArrowRight, EditPen } from '@element-plus/icons-vue'
+import {
+    pageUser,
+    getUserMerchantDetail,
+    getUserPilotDetail,
+    revokeMerchantCert,
+    revokePilotCert,
+    getUserPointsDetail,
+    adjustUserPoints
+} from '@/api/user'
+
+const router = useRouter()
+
+// ==================== 业务常量（与后端 CertConstants / TaskTypeEnum 对齐） ====================
+
+/** 认证状态：已认证（用户类型标签与操作按钮均以此为判定依据）。 */
+const CERT_STATUS_CERTIFIED = 2
+
+/** 认证状态 → 标签文案/颜色映射 */
+const CERT_STATUS_META_MAP = {
+    0: { label: '未认证', tag: 'info' },
+    1: { label: '认证中', tag: 'warning' },
+    2: { label: '已认证', tag: 'success' },
+    3: { label: '认证失败', tag: 'danger' }
+}
+
+/** 任务/服务类型编码 → 中文名（与后端 TaskTypeEnum 对齐） */
+const SERVICE_TYPE_MAP = {
+    1: '植保',
+    2: '吊运',
+    3: '航拍',
+    4: '巡检',
+    5: '清洗',
+    6: '表演',
+    7: '测绘'
+}
+
+/** CAAC 执照类型编码 → 中文名（与后端 CertConstants 对齐） */
+const LICENSE_TYPE_MAP = {
+    1: 'AOPA',
+    2: 'UTC',
+    3: 'ASFC',
+    4: 'CAAC'
+}
+
+/** 积分变动方向：1收入（手动新增） 2支出（手动扣减），与后端 PointsConstants 对齐 */
+const CHANGE_TYPE_GAIN = 1
+const CHANGE_TYPE_SPEND = 2
+
+/** 单次手动增减积分数量边界（与后端校验区间一致） */
+const ADJUST_POINTS_MIN = 1
+const ADJUST_POINTS_MAX = 99999
+
+// ==================== 列表状态 ====================
+
+const loading = ref(false)
+const list = ref([])
+const total = ref(0)
+const query = reactive({
+    keyword: '',
+    page: 1,
+    pageSize: 10
+})
+
+/**
+ * 拉取用户分页列表
+ */
+async function fetchList() {
+    loading.value = true
+    try {
+        const res = await pageUser({
+            keyword: query.keyword || undefined,
+            pageNo: query.page - 1,
+            pageSize: query.pageSize
+        })
+        list.value = res.data.list || []
+        total.value = Number(res.data.totalElements || 0)
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        loading.value = false
+    }
+}
+
+/** 查询：重置到第 1 页再拉取 */
+function handleSearch() {
+    query.page = 1
+    fetchList()
+}
+
+/** 重置筛选条件 */
+function handleReset() {
+    query.keyword = ''
+    query.page = 1
+    fetchList()
+}
+
+/** 页大小变化：回到第 1 页 */
+function handleSizeChange() {
+    query.page = 1
+    fetchList()
+}
+
+// ==================== 列表展示辅助 ====================
+
+/** 是否已认证（用户类型标签与操作按钮的判定依据） */
+function isCertified(certStatus) {
+    return certStatus === CERT_STATUS_CERTIFIED
+}
+
+/** 认证状态标签元信息 */
+function certStatusMeta(certStatus) {
+    return CERT_STATUS_META_MAP[certStatus] || { label: '未知', tag: 'info' }
+}
+
+/** 服务类型编码 → 中文名 */
+function serviceTypeName(code) {
+    return SERVICE_TYPE_MAP[code] || '其他'
+}
+
+/** 执照类型编码 → 中文名 */
+function licenseTypeName(code) {
+    return LICENSE_TYPE_MAP[code] || '其他'
+}
+
+/** 时间格式化：ISO 字串 → yyyy-MM-dd HH:mm */
+function formatDateTime(dateTime) {
+    if (!dateTime) {
+        return '-'
+    }
+    const str = String(dateTime).replace('T', ' ')
+    return str.length > 16 ? str.slice(0, 16) : str
+}
+
+/** 报酬格式化：1388 → "1,388.00" */
+function formatPrice(price) {
+    if (price === null || price === undefined || price === '') {
+        return '-'
+    }
+    return Number(price).toLocaleString('zh-CN', {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+    })
+}
+
+/** 跳转到任务管理页并自动打开对应任务的详情弹窗 */
+function openTaskDetail(taskId) {
+    router.push({ path: '/task', query: { id: taskId } })
+}
+
+// ==================== 商家信息弹窗 ====================
+
+const merchantVisible = ref(false)
+const merchantLoading = ref(false)
+const merchant = ref(null)
+const merchantUserId = ref(null)
+const merchantNickname = ref(null)
+
+/** 商家资质照片列表（用于 el-image 联动预览） */
+const merchantImageList = computed(() => {
+    if (!merchant.value?.cert) {
+        return []
+    }
+    const urls = []
+    if (merchant.value.cert.doorImageUrl) {
+        urls.push(merchant.value.cert.doorImageUrl)
+    }
+    if (merchant.value.cert.licenseImageUrl) {
+        urls.push(merchant.value.cert.licenseImageUrl)
+    }
+    return urls
+})
+
+/**
+ * 打开商家信息弹窗，拉取该用户的商家认证资料 + 最近发布的任务
+ */
+async function openMerchant(row) {
+    merchantUserId.value = row.id
+    merchantNickname.value = row.nickname
+    merchantVisible.value = true
+    merchantLoading.value = true
+    merchant.value = null
+    try {
+        const res = await getUserMerchantDetail(row.id)
+        merchant.value = res.data
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        merchantLoading.value = false
+    }
+}
+
+// ==================== 飞手信息弹窗 ====================
+
+const pilotVisible = ref(false)
+const pilotLoading = ref(false)
+const pilot = ref(null)
+const pilotUserId = ref(null)
+const pilotNickname = ref(null)
+
+// ==================== 积分明细弹窗 ====================
+
+const pointsVisible = ref(false)
+const pointsLoading = ref(false)
+const pointsList = ref([])
+const pointsTotal = ref(0)
+const pointsCurrent = ref(0)
+const pointsNickname = ref(null)
+const pointsUserId = ref(null)
+const pointsQuery = reactive({ pageNo: 0, pageSize: 10 })
+
+async function openPoints(row) {
+    pointsUserId.value = row.id
+    pointsNickname.value = row.nickname
+    pointsCurrent.value = row.points ?? 0
+    pointsQuery.pageNo = 0
+    pointsQuery.pageSize = 10
+    pointsVisible.value = true
+    await fetchPoints()
+}
+
+async function fetchPoints() {
+    if (!pointsUserId.value) return
+    pointsLoading.value = true
+    try {
+        const res = await getUserPointsDetail(pointsUserId.value, {
+            pageNo: pointsQuery.pageNo,
+            pageSize: pointsQuery.pageSize
+        })
+        pointsList.value = res.data.list
+        pointsTotal.value = res.data.totalElements
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        pointsLoading.value = false
+    }
+}
+
+// ==================== 手动增减积分 ====================
+
+const adjustVisible = ref(false)
+const adjustSaving = ref(false)
+const adjustFormRef = ref()
+const adjustForm = reactive({
+    changeType: CHANGE_TYPE_GAIN,
+    points: ADJUST_POINTS_MIN,
+    remark: ''
+})
+const adjustRules = {
+    changeType: [{ required: true, message: '请选择变动类型', trigger: 'change' }],
+    points: [{ required: true, message: '请填写积分数量', trigger: 'change' }],
+    remark: [
+        { required: true, message: '请填写调整原因', trigger: 'blur' },
+        { max: 100, message: '调整原因最长 100 字', trigger: 'blur' }
+    ]
+}
+
+/** 当前是否选择"扣减积分"，用于超额红色预警 */
+const isAdjustDeduct = computed(() => adjustForm.changeType === CHANGE_TYPE_SPEND)
+
+/**
+ * 打开手动调整弹窗：每次重置为"增加 1 积分"的初始状态，避免残留上次输入
+ */
+function openAdjust() {
+    adjustForm.changeType = CHANGE_TYPE_GAIN
+    adjustForm.points = ADJUST_POINTS_MIN
+    adjustForm.remark = ''
+    adjustVisible.value = true
+    nextTick(() => adjustFormRef.value?.clearValidate())
+}
+
+/**
+ * 提交手动调整：表单校验 → 二次确认（防误操作）→ 写库 → 刷新余额/流水/用户列表
+ */
+async function submitAdjust() {
+    if (!pointsUserId.value) {
+        return
+    }
+    const valid = await adjustFormRef.value.validate().catch(() => false)
+    if (!valid) {
+        return
+    }
+
+    const isDeduct = adjustForm.changeType === CHANGE_TYPE_SPEND
+    const actionText = isDeduct ? '扣减' : '增加'
+    const nickname = pointsNickname.value || '该用户'
+    const current = pointsCurrent.value ?? 0
+    const nextBalance = isDeduct ? current - adjustForm.points : current + adjustForm.points
+    const remark = adjustForm.remark.trim()
+
+    try {
+        await ElMessageBox.confirm(
+            `确认为用户「${nickname}」${actionText} ${adjustForm.points} 积分？${actionText}后余额为 ${nextBalance} 积分。`,
+            `${actionText}积分确认`,
+            {
+                confirmButtonText: '确认调整',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }
+        )
+    } catch {
+        return // 用户取消
+    }
+
+    adjustSaving.value = true
+    try {
+        const res = await adjustUserPoints(pointsUserId.value, {
+            changeType: adjustForm.changeType,
+            points: adjustForm.points,
+            remark
+        })
+        ElMessage.success(`已${actionText} ${adjustForm.points} 积分`)
+        adjustVisible.value = false
+        // 以服务端返回的最新余额为准，同步弹窗标题余额
+        pointsCurrent.value = res.data
+        // 新流水排在最前，回到第 1 页；同时刷新列表积分列
+        pointsQuery.pageNo = 0
+        await Promise.all([fetchPoints(), fetchList()])
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        adjustSaving.value = false
+    }
+}
+
+/** 飞手执照照片 URL 列表（用于 el-image 联动预览，仅含有效照片） */
+const pilotLicenseImageList = computed(() => {
+    if (!pilot.value?.cert?.licenses) {
+        return []
+    }
+    return pilot.value.cert.licenses
+        .map(l => l.licenseImageUrl)
+        .filter(url => !!url)
+})
+
+/**
+ * 计算某张执照照片在预览列表中的下标（用于 el-image initial-index）
+ */
+function pilotLicenseImageIndex(url) {
+    const idx = pilotLicenseImageList.value.indexOf(url)
+    return idx >= 0 ? idx : 0
+}
+
+/**
+ * 打开飞手信息弹窗，拉取该用户的飞手认证资料 + 最近接单的任务
+ */
+async function openPilot(row) {
+    pilotUserId.value = row.id
+    pilotNickname.value = row.nickname
+    pilotVisible.value = true
+    pilotLoading.value = true
+    pilot.value = null
+    try {
+        const res = await getUserPilotDetail(row.id)
+        pilot.value = res.data
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        pilotLoading.value = false
+    }
+}
+
+// ==================== 取消认证 ====================
+
+/**
+ * 强制取消商家认证：二次确认（红色警告）→ 调用 revoke 接口 → 关闭弹窗 + 刷新列表
+ *
+ * <p><b>后端联动：</b>取消商家认证会同时将该商家发布的所有任务置为"已取消"并软删除，
+ * 因为商家身份撤销后任务已失去交易主体。</p>
+ */
+async function handleRevokeMerchant() {
+    const userId = merchantUserId.value
+    const nickname = merchantNickname.value || '该用户'
+    if (!userId) return
+
+    try {
+        await ElMessageBox.confirm(
+            `<div style="line-height: 1.8;">
+                <p style="margin: 0 0 12px; color: #f56c6c; font-weight: 600;">
+                    ⚠ 此操作不可恢复，请谨慎操作
+                </p>
+                <p>即将取消用户「${nickname}」的<strong style="color: #f56c6c;">商家认证身份</strong>，</p>
+                <p>该商家发布的<strong style="color: #f56c6c;">全部任务将被强制取消</strong>，</p>
+                <p>认证资料将被软删除，所有数据<strong style="color: #f56c6c;">无法恢复</strong>。</p>
+            </div>`,
+            '取消商家认证',
+            {
+                confirmButtonText: '确认取消',
+                cancelButtonText: '再想想',
+                type: 'error',
+                dangerouslyUseHTMLString: true,
+                confirmButtonClass: 'el-button--danger',
+                customClass: 'revoke-confirm-box'
+            }
+        )
+    } catch {
+        return // 用户点了"再想想"
+    }
+
+    try {
+        await revokeMerchantCert(userId)
+        ElMessage.success('商家认证已取消，相关任务已一并处理')
+        merchantVisible.value = false
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+/**
+ * 强制取消飞手认证：二次确认（红色警告）→ 调用 revoke 接口 → 关闭弹窗 + 刷新列表
+ */
+async function handleRevokePilot() {
+    const userId = pilotUserId.value
+    const nickname = pilotNickname.value || '该用户'
+    if (!userId) return
+
+    try {
+        await ElMessageBox.confirm(
+            `<div style="line-height: 1.8;">
+                <p style="margin: 0 0 12px; color: #f56c6c; font-weight: 600;">
+                    ⚠ 此操作不可恢复，请谨慎操作
+                </p>
+                <p>即将取消用户「${nickname}」的<strong style="color: #f56c6c;">飞手认证身份</strong>，</p>
+                <p>认证资料将被软删除，所有数据<strong style="color: #f56c6c;">无法恢复</strong>。</p>
+            </div>`,
+            '取消飞手认证',
+            {
+                confirmButtonText: '确认取消',
+                cancelButtonText: '再想想',
+                type: 'error',
+                dangerouslyUseHTMLString: true,
+                confirmButtonClass: 'el-button--danger',
+                customClass: 'revoke-confirm-box'
+            }
+        )
+    } catch {
+        return
+    }
+
+    try {
+        await revokePilotCert(userId)
+        ElMessage.success('飞手认证已取消')
+        pilotVisible.value = false
+        fetchList()
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    }
+}
+
+// 初始拉取列表
+fetchList()
+</script>
+
+<style lang="scss" scoped>
+.user-page {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+// ==================== 筛选栏 ====================
+
+.filter-card {
+    :deep(.el-card__body) {
+        padding: 16px 20px;
+    }
+}
+
+.filter-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .filter-input {
+        width: 240px;
+    }
+}
+
+// ==================== 列表 ====================
+
+.nickname-cell {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+
+    .avatar {
+        flex-shrink: 0;
+        background-color: #5e46f6;
+    }
+
+    .avatar-placeholder {
+        color: #fff;
+        font-size: 14px;
+        font-weight: 600;
+    }
+
+    .nickname-text {
+        font-weight: 500;
+        color: #303133;
+    }
+}
+
+.type-tag-group {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.dialog-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+
+    .dialog-footer-right {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+}
+
+.text-muted {
+    color: #c0c4cc;
+    font-size: 13px;
+}
+
+.points-badge {
+    display: inline-block;
+    padding: 2px 10px;
+    border-radius: 12px;
+    font-size: 13px;
+    font-weight: 600;
+    color: #5E46F6;
+    background: rgba(94, 70, 246, 0.1);
+}
+
+.points-change {
+    display: inline-block;
+    font-size: 15px;
+    font-weight: 600;
+    font-variant-numeric: tabular-nums;
+}
+
+.points-income {
+    color: #67c23a;
+}
+
+.points-expense {
+    color: #f56c6c;
+}
+
+.points-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
+
+// ==================== 手动增减积分弹窗 ====================
+
+.adjust-target {
+    margin-bottom: 18px;
+    padding: 10px 14px;
+    font-size: 13px;
+    color: #606266;
+    background-color: #f5f7fa;
+    border-radius: 8px;
+
+    .adjust-target-name {
+        font-weight: 600;
+        color: #1d2129;
+    }
+
+    .adjust-target-balance {
+        font-weight: 600;
+        color: #5e46f6;
+    }
+}
+
+.adjust-form {
+    :deep(.el-form-item__label) {
+        padding-bottom: 6px;
+        font-size: 13px;
+        font-weight: 600;
+        color: #303133;
+    }
+}
+
+.adjust-points-input {
+    width: 200px;
+}
+
+.adjust-balance-warn {
+    margin-top: 6px;
+    font-size: 12px;
+    line-height: 1.5;
+    color: #f56c6c;
+}
+
+.adjust-radio-gain {
+    font-weight: 600;
+    color: #67c23a;
+}
+
+.adjust-radio-spend {
+    font-weight: 600;
+    color: #f56c6c;
+}
+
+.pagination-bar {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
+
+// ==================== 详情弹窗 ====================
+
+:deep(.el-dialog) {
+    border-radius: 14px;
+    box-shadow: 0 12px 40px rgba(30, 27, 75, 0.16);
+}
+
+:deep(.el-dialog__header) {
+    padding: 20px 24px 16px;
+    margin-right: 0;
+    border-bottom: 1px solid #f0f1f5;
+}
+
+:deep(.el-dialog__body) {
+    padding: 8px 24px 4px;
+    max-height: calc(88vh - 160px);
+    overflow-y: auto;
+}
+
+:deep(.el-dialog__footer) {
+    padding: 14px 24px;
+    border-top: 1px solid #f0f1f5;
+    background-color: #fafbfd;
+    border-radius: 0 0 14px 14px;
+}
+
+.dialog-title {
+    display: flex;
+    align-items: center;
+    font-size: 17px;
+    font-weight: 600;
+    color: #1d2129;
+
+    &::before {
+        content: '';
+        width: 4px;
+        height: 18px;
+        border-radius: 2px;
+        background: linear-gradient(180deg, #7c6af8, #5e46f6);
+        margin-right: 10px;
+    }
+
+    .dialog-subtitle {
+        margin-left: 12px;
+        font-size: 12px;
+        font-weight: 400;
+        color: #a2a6ad;
+    }
+}
+
+// 分组标题：与弹窗标题同源的视觉语言
+.form-section {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    font-weight: 600;
+    color: #303133;
+    padding-bottom: 10px;
+    margin: 8px 0 16px;
+    border-bottom: 1px dashed #e4e7ed;
+
+    &::before {
+        content: '';
+        width: 3px;
+        height: 13px;
+        border-radius: 2px;
+        background: linear-gradient(180deg, #7c6af8, #5e46f6);
+        margin-right: 8px;
+    }
+
+    &:not(:first-of-type) {
+        margin-top: 28px;
+    }
+
+    .section-count {
+        margin-left: auto;
+        font-size: 12px;
+        font-weight: 400;
+        color: #a2a6ad;
+    }
+}
+
+.detail-body {
+    min-height: 200px;
+}
+
+.detail-text-bold {
+    font-weight: 600;
+    color: #1d2129;
+}
+
+.scene-empty {
+    padding: 12px 0;
+}
+
+// ==================== 商家资质照片 ====================
+
+.cert-image-wrap {
+    display: flex;
+    align-items: flex-start;
+    gap: 32px;
+
+    .cert-image-item {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 8px;
+    }
+
+    .cert-image-label {
+        font-size: 13px;
+        color: #606266;
+        white-space: nowrap;
+    }
+
+    .cert-image {
+        width: 200px;
+        height: 130px;
+        border-radius: 6px;
+        cursor: pointer;
+        border: 1px solid #e4e7ed;
+        flex-shrink: 0;
+    }
+
+    .cert-image-error,
+    .cert-image-empty {
+        width: 200px;
+        height: 130px;
+        border-radius: 6px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+        color: #c0c4cc;
+        background-color: #f5f7fa;
+        border: 1px solid #e4e7ed;
+    }
+}
+
+// ==================== 飞手执照 ====================
+
+.tag-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+
+.service-tag {
+    margin: 0;
+}
+
+.license-list {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.license-card {
+    display: flex;
+    align-items: stretch;
+    gap: 20px;
+    padding: 16px;
+    border: 1px solid #e4e7ed;
+    border-radius: 8px;
+    background-color: #fafbfd;
+
+    .license-info {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        min-width: 0;
+    }
+
+    .license-header {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+    }
+
+    .license-date {
+        font-size: 13px;
+        color: #606266;
+        white-space: nowrap;
+    }
+
+    .license-no-row {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+    }
+
+    .license-no-label {
+        font-size: 13px;
+        color: #606266;
+        white-space: nowrap;
+    }
+
+    .license-no {
+        font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+        font-size: 14px;
+        color: #1d2129;
+        font-weight: 600;
+        word-break: break-all;
+    }
+
+    .license-photo {
+        width: 160px;
+        height: 100px;
+        border-radius: 6px;
+        cursor: pointer;
+        border: 1px solid #e4e7ed;
+        flex-shrink: 0;
+    }
+
+    .license-photo-error,
+    .license-photo-empty {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+        color: #c0c4cc;
+        background-color: #f5f7fa;
+    }
+}
+
+// 备注文本框（商家简介）
+.remark-box {
+    display: inline-block;
+    padding: 10px 14px;
+    background-color: #f5f7fa;
+    border-radius: 6px;
+    font-size: 14px;
+    line-height: 1.7;
+    color: #303133;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+// descriptions 样式微调
+:deep(.el-descriptions__label) {
+    width: 100px;
+    font-weight: 500;
+    color: #606266;
+}
+
+:deep(.el-descriptions__content) {
+    color: #303133;
+}
+
+// ==================== 任务列表（弹窗内） ====================
+
+.task-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.task-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 14px 18px;
+    border: 1px solid #e4e7ed;
+    border-radius: 10px;
+    background-color: #fafbfd;
+    cursor: pointer;
+    transition: all 0.2s ease;
+
+    &:hover {
+        border-color: #7c6af8;
+        background-color: #f4f2fc;
+        box-shadow: 0 2px 8px rgba(94, 70, 246, 0.1);
+
+        .task-row-arrow {
+            color: #5e46f6;
+            transform: translateX(2px);
+        }
+    }
+
+    .task-row-info {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+    }
+
+    .task-row-title {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+
+        .task-name {
+            font-size: 15px;
+            font-weight: 600;
+            color: #1d2129;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-width: 380px;
+        }
+
+        .premium-tag {
+            flex-shrink: 0;
+        }
+    }
+
+    .task-row-meta {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        flex-wrap: wrap;
+
+        .task-type-tag {
+            font-size: 12px;
+            color: #606266;
+            padding: 2px 8px;
+            background-color: #f0f1f5;
+            border-radius: 4px;
+        }
+
+        .task-region {
+            display: inline-flex;
+            align-items: center;
+            gap: 2px;
+            font-size: 12px;
+            color: #86909c;
+
+            .el-icon {
+                font-size: 13px;
+            }
+        }
+    }
+
+    .task-row-right {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        flex-shrink: 0;
+
+        .task-reward {
+            font-size: 18px;
+            font-weight: 700;
+            color: #f5a623;
+            letter-spacing: 0.5px;
+        }
+
+        .task-row-arrow {
+            font-size: 16px;
+            color: #c0c4cc;
+            transition: all 0.2s ease;
+        }
+    }
+}
+</style>
+
+<!-- ElMessageBox customClass 是非 scoped 的，需单独写全局样式 -->
+<style lang="scss">
+.revoke-confirm-box {
+    .el-message-box__status.el-icon--error {
+        color: #f56c6c;
+    }
+
+    .el-message-box__message p {
+        font-size: 14px;
+        margin: 0;
+    }
+
+    .el-button--danger {
+        background-color: #f56c6c;
+        border-color: #f56c6c;
+
+        &:hover {
+            background-color: #f78989;
+            border-color: #f78989;
+        }
+    }
+}
+</style>
diff --git a/src/views/wxMessage/index.vue b/src/views/wxMessage/index.vue
new file mode 100644
index 0000000..13fe72c
--- /dev/null
+++ b/src/views/wxMessage/index.vue
@@ -0,0 +1,350 @@
+<template>
+    <div class="wx-message-page">
+        <!-- 筛选栏 -->
+        <el-card shadow="never" class="filter-card">
+            <div class="filter-bar">
+                <el-input
+                    v-model="query.userId"
+                    placeholder="接收人用户 ID"
+                    clearable
+                    class="filter-input"
+                    @keyup.enter="handleSearch"
+                    @clear="handleSearch"
+                />
+                <el-select
+                    v-model="query.bizType"
+                    placeholder="业务类型"
+                    clearable
+                    class="filter-select"
+                    @change="handleSearch"
+                >
+                    <el-option
+                        v-for="item in BIZ_TYPE_OPTIONS"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    />
+                </el-select>
+                <el-select
+                    v-model="query.sendStatus"
+                    placeholder="发送状态"
+                    clearable
+                    class="filter-select"
+                    @change="handleSearch"
+                >
+                    <el-option
+                        v-for="item in SEND_STATUS_OPTIONS"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    />
+                </el-select>
+                <el-input
+                    v-model="query.openId"
+                    placeholder="接收人 openid"
+                    clearable
+                    class="filter-input filter-input-openid"
+                    @keyup.enter="handleSearch"
+                    @clear="handleSearch"
+                />
+                <el-button type="primary" :icon="Search" @click="handleSearch">查询</el-button>
+                <el-button :icon="Refresh" @click="handleReset">重置</el-button>
+            </div>
+        </el-card>
+
+        <!-- 列表 -->
+        <el-card shadow="never" class="table-card">
+            <el-table v-loading="loading" :data="list" row-key="id" stripe>
+                <el-table-column type="expand">
+                    <template #default="{ row }">
+                        <div class="expand-body">
+                            <div class="expand-item">
+                                <span class="expand-label">模板 ID：</span>
+                                <span>{{ row.templateId }}</span>
+                            </div>
+                            <div v-if="row.skipReason" class="expand-item">
+                                <span class="expand-label">跳过原因：</span>
+                                <span>{{ row.skipReason }}</span>
+                            </div>
+                            <div v-if="row.errCode || row.errMsg" class="expand-item">
+                                <span class="expand-label">错误信息：</span>
+                                <span>{{ row.errCode || '-' }} {{ row.errMsg || '' }}</span>
+                            </div>
+                            <div v-if="row.resultStatus" class="expand-item">
+                                <span class="expand-label">微信送达结果：</span>
+                                <span>{{ row.resultStatus }}</span>
+                            </div>
+                            <div class="expand-item">
+                                <span class="expand-label">模板参数：</span>
+                                <pre class="expand-content">{{ formatContent(row.content) }}</pre>
+                            </div>
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column label="ID" prop="id" width="80" />
+                <el-table-column label="接收用户" prop="userId" width="100" align="center" />
+                <el-table-column label="业务类型" width="120" align="center">
+                    <template #default="{ row }">
+                        <el-tag effect="plain" size="small">{{ row.bizTypeName }}</el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="业务单据" prop="bizId" width="100" align="center" />
+                <el-table-column label="发送状态" width="100" align="center">
+                    <template #default="{ row }">
+                        <el-tag :type="sendStatusMeta(row.sendStatus).tag" effect="light" size="small">
+                            {{ row.sendStatusName }}
+                        </el-tag>
+                    </template>
+                </el-table-column>
+                <el-table-column label="接收 openid" prop="openId" min-width="220" show-overflow-tooltip>
+                    <template #default="{ row }">
+                        {{ row.openId || '-' }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="微信 MsgID" prop="msgId" width="160" show-overflow-tooltip>
+                    <template #default="{ row }">
+                        {{ row.msgId ?? '-' }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="提交时间" width="170">
+                    <template #default="{ row }">
+                        {{ formatDateTime(row.sendTime) }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="送达回调时间" width="170">
+                    <template #default="{ row }">
+                        {{ formatDateTime(row.resultTime) }}
+                    </template>
+                </el-table-column>
+                <el-table-column label="入库时间" prop="createdAt" width="170">
+                    <template #default="{ row }">
+                        {{ formatDateTime(row.createdAt) }}
+                    </template>
+                </el-table-column>
+            </el-table>
+
+            <!-- 分页 -->
+            <div class="pagination-bar">
+                <el-pagination
+                    v-model:current-page="query.page"
+                    v-model:page-size="query.pageSize"
+                    :total="total"
+                    :page-sizes="[10, 20, 50]"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    @size-change="handleSizeChange"
+                    @current-change="fetchList"
+                />
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import { Search, Refresh } from '@element-plus/icons-vue'
+import { pageWxMessageLog } from '@/api/wxMessage'
+
+// ==================== 业务常量（与后端 WxMessageConstants 对齐） ====================
+
+/** 发送状态编码 */
+const SEND_STATUS = {
+    SKIPPED: 0,
+    SUBMITTED: 1,
+    DELIVERED: 2,
+    FAILED: 3
+}
+
+/** 业务类型选项 */
+const BIZ_TYPE_OPTIONS = [
+    { value: 1, label: '任务申请通知' }
+]
+
+/** 发送状态选项 */
+const SEND_STATUS_OPTIONS = [
+    { value: SEND_STATUS.SKIPPED, label: '已跳过' },
+    { value: SEND_STATUS.SUBMITTED, label: '已提交' },
+    { value: SEND_STATUS.DELIVERED, label: '送达成功' },
+    { value: SEND_STATUS.FAILED, label: '送达失败' }
+]
+
+/** 发送状态 → 标签映射（成功绿 / 失败红 / 等待蓝 / 跳过灰） */
+const SEND_STATUS_META_MAP = {
+    [SEND_STATUS.SKIPPED]: { label: '已跳过', tag: 'info' },
+    [SEND_STATUS.SUBMITTED]: { label: '已提交', tag: 'primary' },
+    [SEND_STATUS.DELIVERED]: { label: '送达成功', tag: 'success' },
+    [SEND_STATUS.FAILED]: { label: '送达失败', tag: 'danger' }
+}
+
+// ==================== 列表状态 ====================
+
+const loading = ref(false)
+const list = ref([])
+const total = ref(0)
+const query = reactive({
+    userId: '',
+    bizType: null,
+    sendStatus: null,
+    openId: '',
+    page: 1,
+    pageSize: 10
+})
+
+/**
+ * 拉取消息日志分页列表
+ */
+async function fetchList() {
+    loading.value = true
+    try {
+        const res = await pageWxMessageLog({
+            userId: query.userId || undefined,
+            bizType: query.bizType ?? undefined,
+            sendStatus: query.sendStatus ?? undefined,
+            openId: query.openId || undefined,
+            pageNo: query.page - 1,
+            pageSize: query.pageSize
+        })
+        list.value = res.data.list || []
+        total.value = Number(res.data.totalElements || 0)
+    } catch {
+        // 失败提示已由 axios 拦截器统一处理
+    } finally {
+        loading.value = false
+    }
+}
+
+/** 查询：重置到第 1 页再拉取 */
+function handleSearch() {
+    query.page = 1
+    fetchList()
+}
+
+/** 重置筛选条件 */
+function handleReset() {
+    query.userId = ''
+    query.bizType = null
+    query.sendStatus = null
+    query.openId = ''
+    query.page = 1
+    fetchList()
+}
+
+/** 页大小变化：回到第 1 页 */
+function handleSizeChange() {
+    query.page = 1
+    fetchList()
+}
+
+// ==================== 展示辅助 ====================
+
+/**
+ * 发送状态标签元信息
+ */
+function sendStatusMeta(sendStatus) {
+    return SEND_STATUS_META_MAP[sendStatus] || { label: '未知', tag: 'info' }
+}
+
+/**
+ * 时间格式化：ISO 字串 → yyyy-MM-dd HH:mm
+ */
+function formatDateTime(dateTime) {
+    if (!dateTime) {
+        return '-'
+    }
+    const str = String(dateTime).replace('T', ' ')
+    return str.length > 16 ? str.slice(0, 16) : str
+}
+
+/**
+ * 模板参数 JSON 美化输出，非法 JSON 原样返回
+ */
+function formatContent(content) {
+    if (!content) {
+        return '-'
+    }
+    try {
+        return JSON.stringify(JSON.parse(content), null, 2)
+    } catch {
+        return content
+    }
+}
+
+// 初始拉取列表
+onMounted(() => {
+    fetchList()
+})
+</script>
+
+<style lang="scss" scoped>
+.wx-message-page {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+// ==================== 筛选栏 ====================
+
+.filter-card {
+    :deep(.el-card__body) {
+        padding: 16px 20px;
+    }
+}
+
+.filter-bar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    .filter-input {
+        width: 170px;
+    }
+
+    .filter-input-openid {
+        width: 240px;
+    }
+
+    .filter-select {
+        width: 130px;
+    }
+}
+
+// ==================== 列表 ====================
+
+.pagination-bar {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 16px;
+}
+
+// ==================== 行展开详情 ====================
+
+.expand-body {
+    padding: 4px 16px 12px 56px;
+}
+
+.expand-item {
+    display: flex;
+    align-items: flex-start;
+    margin-bottom: 8px;
+    font-size: 13px;
+    color: #303133;
+    line-height: 1.6;
+}
+
+.expand-label {
+    flex-shrink: 0;
+    color: #909399;
+}
+
+.expand-content {
+    margin: 0;
+    padding: 10px 14px;
+    background-color: #f5f7fa;
+    border-radius: 6px;
+    font-family: Menlo, Consolas, monospace;
+    font-size: 12px;
+    line-height: 1.7;
+    color: #303133;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+</style>
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..a85a145
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,39 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'node:path'
+
+// Vite 构建配置
+// docs: https://vitejs.dev/config/
+export default defineConfig({
+    plugins: [vue()],
+    resolve: {
+        // 路径别名 @ -> src
+        alias: {
+            '@': path.resolve(__dirname, 'src')
+        }
+    },
+    server: {
+        port: 5173,
+        // 开发代理：前端请求转发到后端 Spring Boot（port 8081, context-path /laop）
+        proxy: {
+            // 后端静态资源（图片、文件）：前端浏览器直接访问 /static/xxx，代理到后端 /laop/static/xxx
+            '/static': {
+                target: 'http://localhost:8081',
+                changeOrigin: true,
+                rewrite: (path) => path.replace(/^\/static/, '/laop/static')
+            },
+            // 文件上传接口：保留 /api 前缀不变（后端实际是 /api/file/upload）
+            '/api/file': {
+                target: 'http://localhost:8081',
+                changeOrigin: true,
+                rewrite: (path) => path.replace(/^\/api/, '/laop/api')
+            },
+            // Web 管理端其余接口：/api/* → /laop/*
+            '/api': {
+                target: 'http://localhost:8081',
+                changeOrigin: true,
+                rewrite: (path) => path.replace(/^\/api/, '/laop')
+            }
+        }
+    }
+})