任务分解系统 (Task Decomposition System)

项目简介

这是一个基于 Vue 3 开发的任务分解系统前端界面，使用了现代化的UI组件库和工具链。该系统主要用于作战任务的分解、分析和规划，提供直观的可视化界面和强大的分析工具。

界面预览

作战构想设计

作战构想的整体设计和规划界面

作战任务分解

任务分解的主要操作界面，支持详细的任务拆解和管理

作战任务分析

任务树生成

自动生成和可视化任务层级结构

依赖分析

任务间的依赖关系分析和展示

能力分析

作战能力评估和分析视图

甘特图

任务时间规划和进度追踪

技术栈

• Vue 3
• Vue Router
• Ant Design Vue 4.x
• Element Plus
• ECharts
• Axios

开发环境要求

• Node.js (推荐 v14 或更高版本)
• npm 或 yarn

安装步骤

1. 克隆项目到本地

   git clone [项目地址]
   cd task_decom_ui

2. 安装依赖

   npm install
   # 或
   yarn install

3. 启动开发服务器

   npm run serve
   # 或
   npm run dev

4. 构建生产版本

   npm run build

项目结构

task_decom_ui/
├── src/                # 源代码目录
├── public/            # 静态资源
├── test/             # 测试文件
└── ...配置文件

环境配置

项目包含以下环境配置文件：

• .env - 基础环境配置
• .env.development - 开发环境配置
• .env.production - 生产环境配置

开发指南

1. 代码规范

   • 项目使用 ESLint 进行代码检查
   • 使用 Prettier 进行代码格式化
   • 运行 npm run lint 检查代码规范

2. 开发模式

   • 运行 npm run serve 启动开发服务器
   • 默认访问地址：http://localhost:8080

构建部署

1. 构建生产版本

   npm run build

2. 构建产物将生成在 dist 目录中

贡献指南

1. Fork 本仓库
2. 创建您的特性分支 (git checkout -b feature/AmazingFeature)
3. 提交您的更改 (git commit -m 'Add some AmazingFeature')
4. 推送到分支 (git push origin feature/AmazingFeature)
5. 提交 Pull Request

许可证

[待补充]