基于 Vue 3 + Element Plus 的徒步社区管理后台前端。

• 框架: Vue 3 + TypeScript
• UI: Element Plus
• 构建: Vite 5
• 状态管理: Pinia

• Node.js >= 18
• 后端服务已启动（参见 ../pig/README-HIKING.md）

npm install

npm run dev

访问 http://localhost:8888

• 用户名: admin
• 密码: 123456

开发环境通过 Vite 代理转发到 Gateway（.env.development）：

VITE_ADMIN_PROXY_PATH = http://127.0.0.1:9999

前端路径	代理到	说明
/auth/**	localhost:9999/auth/**	认证服务
/admin/**	localhost:9999/admin/**	UPMS 服务
/hiking/**	localhost:9999/hiking/**	徒步业务服务

pig-ui/
├── src/
│   ├── api/
│   │   ├── admin/          # 系统 API（user/role/menu/dict/log/file/token）
│   │   ├── hiking/         # 徒步业务 API（invite）
│   │   └── login/          # 登录 API
│   ├── views/
│   │   ├── admin/          # 系统管理页面（user/role/menu/dict/log/file/token）
│   │   ├── hiking/         # 徒步业务页面（user/leader）
│   │   ├── home/           # 首页仪表盘
│   │   ├── login/          # 登录页
│   │   └── error/          # 401/404 页面
│   ├── components/         # 公共组件
│   ├── layout/             # 布局组件
│   ├── stores/             # Pinia 状态管理
│   └── utils/              # 工具函数
├── .env.development        # 开发环境配置
├── vite.config.ts          # Vite 配置
└── package.json

菜单由后端 sys_menu 表动态控制，前端通过 /admin/menu 接口加载。

当前菜单结构：

• 首页
• 用户中心（徒步业务）
  • 用户管理（施工中）
  • 领队认证（施工中）
  • 角色管理
• 权限管理（系统）
  • 用户管理
  • 菜单管理
  • 角色管理
• 系统管理
  • 日志管理 > 操作日志
  • 字典管理
  • 文件管理

• pig: ../pig/ - 后端微服务（Spring Boot + Spring Cloud）