# plan

**Repository Path**: www.Baidu..com/plan

## Basic Information

- **Project Name**: plan
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-11-08
- **Last Updated**: 2026-11-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 阶段行动预期效果系统

前端 Vue2 + Element-UI，后端 SpringBoot 2.7（Java 8 兼容，可运行于国产化环境），数据库默认 H2 文件库（可替换达梦/人大金仓）。

## 功能说明

- **主界面**：横向多阶段列（可左右滚动），每阶段顶部为"预期效果"卡片（决心图 + 描述），未创建时预留高度并显示"+"
- **阶段预期效果创建**：决心图上传、效果描述、对应阶段选择
- **分场景预期效果**：在预期效果弹窗中"添加分场景预期效果"，包含场景名称、场景颜色、效果名称；左侧生成彩色场景竖条，支持一键折叠
- **分场景效果编辑**：效果名称、描述、初始状态视图、预期效果图（上传本地地图图片）
- **行动树**：分场景区域右键创建行动；行动条右键新建下级行动/编辑/删除；自动编号（1.1、1.1.1）；点击行动条弹出概要（名称/编号/时间/使用兵力/打击目标/短预期效果）
- **时间轴**：行动条可整体拖动、两端拖动调整起止（D+n 相对时间），不超出阶段边界；同级无时间交集的行动并行一行展示；节点支持展开/折叠

## 目录结构

```
effect-planner/
├── backend/     SpringBoot 后端 (端口 8080)
└── frontend/    Vue2 + Element-UI 前端 (端口 8081)
```

## 启动方式

### 后端

```bash
cd backend
mvn spring-boot:run
# 或打包运行: mvn package && java -jar target/effect-planner-backend-1.0.0.jar
```

数据文件位于 `backend/data/`（H2 数据库与上传图片），首次启动自动建表。

### 前端

```bash
cd frontend
npm install --registry=https://registry.npmmirror.com
npm run serve      # 开发模式，访问 http://localhost:8081
npm run build      # 生产构建，输出 dist/
```

前端通过 vue.config.js 代理 `/api` 到后端 8080。

## 国产化适配说明

- 后端仅使用 Java 8 + SpringBoot 2.7 标准能力，可在麒麟/统信 + 飞腾/鲲鹏（OpenJDK）环境运行
- 数据库默认 H2，切换达梦/金仓：在 pom.xml 引入对应 JDBC 驱动，修改 `application.yml` 中 `spring.datasource.url/driver-class-name` 即可（JPA 自动适配）
- 前端 `npm run build` 产物为纯静态文件，可由 Nginx 托管，浏览器要求 Chrome 60+（兼容国产浏览器内核）

## 主要接口

| 方法 | 路径 | 说明 |
| --- | --- | --- |
| GET | /api/board | 看板全量数据（阶段/场景/场景效果/行动树含自动编号） |
| POST/PUT/DELETE | /api/phases | 阶段管理 |
| POST/DELETE | /api/phase-effects | 阶段预期效果 |
| POST/PUT/DELETE | /api/scenes | 分场景 |
| POST/DELETE | /api/scene-effects | 分场景预期效果 |
| POST/PUT/DELETE | /api/actions | 行动（删除级联下级） |
| POST | /api/files/upload | 图片上传 |