# 四级调度系统 - 管理后台 基于 Vue2 + ElementUI 的四级调度系统管理前端。 ## 技术栈 - Vue 2.7.16 - Vue Router 3.6.5 - Vuex 3.6.2 - Element UI 2.15.14 - ECharts 5.4.3 - Axios 1.6.0 ## 功能模块 - 仪表盘 - 系统概览、任务趋势、实例状态 - 任务管理 - 任务列表、创建任务、任务状态跟踪 - 实例监控 - 实例列表、资源使用率、扩容管理 - Kafka监控 - Topic管理、消费者组、消息积压监控 - 统计报表 - 数据统计和报表(开发中) - 系统配置 - 系统参数配置(开发中) ## 项目结构 ``` schedule-admin/ ├── public/ │ └── index.html ├── src/ │ ├── api/ # API 接口 │ ├── assets/ # 静态资源 │ ├── layout/ # 布局组件 │ ├── router/ # 路由配置 │ ├── store/ # Vuex 状态管理 │ ├── utils/ # 工具函数 │ ├── views/ # 页面组件 │ ├── App.vue │ └── main.js ├── package.json ├── vue.config.js └── README.md ``` ## 后端接口对接 项目通过代理对接以下后端服务: - `schedule-manager` (8083) - 任务和实例管理 - `schedule-producer` (8081) - 任务发送 - `schedule-monitor` (8094) - Kafka监控 ## 快速开始 ### 安装依赖 ```bash npm install ``` ### 开发模式 ```bash npm run dev ``` 访问 http://localhost:8080 ### 生产构建 ```bash npm run build ```