Files
AUTO-MAS-test/frontend
MoeSnowyFox 1d91204842 feat(electron): 添加系统级对话框功能
- 在 ElectronAPI 中新增对话框相关方法:showQuestionDialog、dialogResponse、resizeDialogWindow
- 实现独立的对话框窗口 dialog.html,支持自定义标题、消息和选项- 添加对话框窗口的键盘导航和焦点管理功能
- 在主进程中实现对话框窗口的创建、显示和响应处理
- 更新 WebSocket 消息监听器组件,使用系统级对话框替代应用内弹窗- 优化进程清理逻辑,增加多种清理方法并行执行
- 重构日志工具类,改进 Electron API 调用方式
- 调整 Git 更新检查逻辑,避免直接访问 GitHub
- 移除冗余的类型定义文件,统一 Electron API 接口定义
2025-10-01 23:24:39 +08:00
..
2025-09-13 14:54:11 +08:00
2025-09-10 23:07:52 +08:00
2025-09-10 23:07:52 +08:00
2025-09-09 21:10:41 +08:00

AUTO-MAS Frontend

基于 Vue 3 + TypeScript + Ant Design Vue + Electron 的桌面应用程序。

功能特性

  • 🎨 使用 Ant Design Vue 组件库
  • 🌙 支持深色模式(跟随系统/深色/浅色)
  • 🎨 支持多种主题色切换
  • 📱 响应式侧边栏布局
  • 🔧 内置开发者工具
  • 基于 Vite 的快速开发体验

项目结构

src/
├── components/          # 组件
│   └── AppLayout.vue   # 主布局组件
├── views/              # 页面
│   ├── Home.vue        # 主页
│   ├── Scripts.vue     # 脚本管理
│   ├── Plans.vue       # 计划管理
│   ├── Queue.vue       # 调度队列
│   ├── Scheduler.vue   # 调度中心
│   ├── History.vue     # 历史记录
│   └── Settings.vue    # 设置页面
├── router/             # 路由配置
├── composables/        # 组合式函数
│   └── useTheme.ts     # 主题管理
└── main.ts            # 应用入口

开发

安装依赖

yarn install

开发模式

直接打开electron窗口

yarn dev

构建

yarn build   

技术栈

  • 前端框架: Vue 3 + TypeScript
  • UI 组件库: Ant Design Vue 4.x
  • 图标: @ant-design/icons-vue
  • 路由: Vue Router 4
  • 构建工具: Vite
  • 桌面端: Electron
  • 包管理: Yarn