feat: 创建完整的Vue + Element UI前端管理界面

- 创建Vue 3 + TypeScript + Element Plus项目结构 - 实现完整的SPA路由系统 - 创建主布局（侧边栏 + 头部导航） - 实现核心管理页面： - 仪表盘：服务状态监控和统计数据展示 - 企业微信Bot管理：Bot配置、添加、编辑、删除 - 消息记录：消息查询、筛选、详情查看 - OpenClaw配对管理：配对请求审批、状态管理 - 配对规则配置：自动配对规则管理 - 系统配置：基本配置、数据库配置、连接信息 - 操作日志：系统操作记录查询 - 添加响应式设计和现代化UI - 配置Vite构建工具和TypeScript支持
2026-03-09 14:03:05 +08:00
parent 577facf5c2
commit dd6dee45a1
15 changed files with 3713 additions and 41 deletions
--- a/docker/Dockerfile.frontend
+++ b/docker/Dockerfile.frontend
@@ -4,10 +4,8 @@ FROM nginx:alpine
 # 复制Nginx配置
 COPY docker/nginx.conf /etc/nginx/nginx.conf

-# 创建简单的静态页面
-RUN mkdir -p /usr/share/nginx/html
+# 复制静态HTML文件
 COPY frontend/index.html /usr/share/nginx/html/
-RUN echo '<!DOCTYPE html><html><head><meta charset="UTF-8"><title>WeCom Middleware</title><style>body{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px;}h1{color:#333;}.status{margin-top:20px;padding:15px;background:#f5f5f5;border-radius:5px;}.status-up{color:green;font-weight:bold;}</style></head><body><div class="app"><h1>WeCom Middleware 管理界面</h1><p>企业微信与OpenClaw双向通信中间件</p><div class="status"><p>后端状态: <span class="status-up">运行中</span> (端口: 18080)</p><p>数据库: <span class="status-up">已连接</span> (MySQL: 13306)</p><p>Redis: <span class="status-up">已连接</span> (端口: 16379)</p><p>Adminer: <a href="http://localhost:18081" target="_blank">数据库管理</a></p></div></div></body></html>' > /usr/share/nginx/html/index.html

 # 暴露端口
 EXPOSE 80