1. 工具简介
进度计划工具是一款纯前端网页工具，用于编制工程项目的进度计划，支持 横道图 和 双代号时标网络图 两种视图，可一键导出正式图纸版式 PNG。
- 无需安装：纯前端网页应用，无需下载安装任何客户端或插件，双击文件即可在浏览器中直接运行，断网环境下仍可正常使用。
- 自动计算：输入工作名称、工期、紧前关系后，自动计算最早/最晚开始结束时间、总时差、自由时差，自动标出关键线路
- 本地存储：数据自动保存在本机浏览器，关闭后不丢失
- 规范依据：绘图与计算依据《工程网络计划技术规程》JGJ/T 121，支持 FTS/STS/FTF 搭接关系
2. 界面布局
界面分为四个区域：
- 顶部工具栏：视图切换（横道图/时标网络图）、工期模式（相对工期/绝对日期）、功能按钮组
- 左侧工作列表：以表格形式管理所有工作，可自定义显示列
- 右侧图纸区：显示横道图或时标网络图，所见即所得
- 中间拖动条：鼠标按住左右拖动，可调整左右区域的显示比例
顶部按钮分组说明：
| 分组 | 按钮 | 功能 |
|---|
| 工程 | ＋ 新建工程 | 清空当前数据，开始一个新项目 |
| 编辑 | ✏️ 绘制、⚙ 项目设置 | 进入绘制模式；设置项目基本信息 |
| 视图 | ☰ 工作列表、−、＋、⛶ | 显示/隐藏左侧列表；缩小/放大/适应时间比例 |
| 右侧 | 清空、导出 PNG | 清空所有数据；导出正式图纸 |
3. 快速上手：5 分钟画出第一张计划图
- 点击 ＋ 新建工程，填写工程名称、开始日期
- 在左侧工作列表点击 ＋ 添加工作，逐行输入工作名称和工期（天）
- 在「紧前工作」列填写逻辑关系：填编号，多个用英文逗号分隔，如
1,3
- 右侧自动生成横道图，红色条块为关键工作
- 点击顶部 时标网络图 切换视图，查看双代号时标网络图
- 点击 导出 PNG 得到正式图纸
💡 搭接关系写法（依据 JGJ/T 121）：3S1 表示 3 号工作开始 1 天后本工作开始（STS）；4F2 表示 4 号工作完成 2 天后本工作完成（FTF）；2+1 表示 2 号工作完成 1 天后本工作开始（FTS 带时距）。工期填 0 即为里程碑。
4. 工作列表
4.1 基本操作
- 添加：点击表头「＋ 添加工作」
- 删除：点击每行右侧的 × 按钮（网络图上右键工作线也可删除）
- 排序：按住行首的 ⋮⋮ 拖动可调整顺序，编号、紧前关系、图纸同步更新
- 编辑：直接在表格里改名称、工期、紧前关系、工程量、备注；双击工作可打开信息框修改更多属性
4.2 自定义显示列
点击表头右侧的 ⚙ 列 按钮，可勾选要显示的列：编号、工作名称、工期、紧前工作、类型、工程量、备注、计划开始、计划完成。设置自动保存。
4.3 工作类型
| 类型 | 说明 |
|---|
| 实际工作 | 有实际工期的工作，正常参与计算 |
| 虚工作 | 只表示逻辑关系，工期自动为 0，图中用虚箭线表示 |
| 里程碑 | 工期为 0 的节点性工作，图中用菱形表示 |
| 辅助工作 | 辅助性工作，图中用灰色条块表示 |
| 挂起工作 | 起止时间固定的工作，图中用青色条块表示 |
| 工作间隙 | 时间间隔，图中用虚线框表示 |
5. 横道图操作
- 拖动条块：左右拖动可平移工作的开始时间（仅影响该工作与其紧后工作的搭接，逻辑关系不变）
- 拖右端：拖动条块右端可调整工期
- 双击：打开工作信息框，可改名称、工期、工程量、类型、紧前关系、备注
- 绘制模式：点击「✏️ 绘制」后，在工作条块上按住拖到另一工作可画逻辑关系线；在空白处拖画可新建工作
- 时间比例：工具栏 − / ＋ 缩放时间轴，⛶ 恢复适应宽度
- 底部工程标尺：图纸下方显示累计天数标尺
💡 工作名称太长时会自动换行（最多 2 行），行高自适应，条块保持垂直居中。
6. 时标网络图操作
- 绘制工作：绘制模式下，从节点（圆圈）按住拖到另一节点，松开即新建工作；拖到已存在节点上会自动连接，不产生多余节点
- 合并节点：普通模式下，拖动一个节点到另一节点上可合并
- 调整排版：上下拖动工作线可调整其垂直位置，只改变排版不改变时间，连接线自动跟随
- 双击工作：打开工作信息框
- 右键菜单：右键空白处可开关时间参数显示、恢复自动排版；右键点中工作线可删除该工作
- 波形线：表示自由时差；红色箭线为关键线路
- 节点编号：全图连续 1..n，箭线编号顺方向递增，符合双代号网络图规范
⚠️ 时标网络图中实箭线水平长度严格等于工期，这是规范要求，拖动排版不会改变时间。
7. 项目设置
点击工具栏 ⚙ 项目设置，可设置：
- 工程名称：显示在图纸标题和底部表格
- 开始日期 / 要求工期 / 竣工日期：三者联动——改工期自动算竣工日期，改竣工日期自动反推工期；不填要求工期时按实际总工期计算
- 图纸标题：正式图纸顶部大标题（默认=工程名称）
- 说明内容：显示在图纸底部左侧，可写编制说明、关键线路说明等
- 底部表格：自定义底部右侧信息表，每行格式为
标签：值（如 审核：），值空则留白供打印后手填；不填则用默认四项（项目名称/开工时间/总工期/结束时间）
- 横道图左侧显示列：勾选导出时横道图左侧要显示的信息列（编号/工作名称/持续时间/开始时间/结束时间/紧前工作/类型）
💡 底部表格支持双列布局，长文本自动换行，行高自适应，底线与外框合并，打印美观。
8. 导出 PNG 正式图纸
点击 导出 PNG，直接导出当前所见画面，版式包括：
- 顶部居中大标题（位于外框之外）
- 粗线外框
- 底部左侧「说明：」+ 自定义说明内容
- 底部右侧自定义信息表（双列）
- 横道图导出时，左侧自动带上项目设置中勾选的信息列
💡 预览时横道图左侧只显示工作名称（保持简洁），导出时才带上所选列。文件名默认为图纸标题。
9. 数据保存与管理
- 自动保存：所有修改实时保存在本机浏览器 localStorage，无需手动保存
- 新建工程：「＋ 新建工程」会清空当前数据开始新项目，请确认旧数据已导出备份
- 清空：删除所有工作数据，谨慎使用
- 多项目：如需管理多个项目，建议导出 PNG 存档；或使用浏览器的多用户配置分别存储
⚠️ 数据只存在本机浏览器中，清浏览器缓存会丢失数据，重要项目请及时导出 PNG 或记录工作清单备份。
10. 常见问题
Q：为什么我的关键线路和手算的不一样？
A：请检查紧前关系是否填对（多个用英文逗号分隔），搭接关系的时距是否正确，虚工作是否遗漏。工具严格按 CPM 计算，可对照时间参数复核。
Q：节点编号不连续怎么办？
A：删除工作后编号会自动重排保持连续；手动拖动排序后编号、紧前关系同步更新。
Q：导出的图很长看不清？
A：工具栏 − 按钮可压缩时间比例（最小约 1px/天），⛶ 恢复适应宽度。长工期项目建议分段出图。
Q：换电脑后数据没了？
A：数据存在原电脑浏览器本地，换电脑需重新录入。建议重要节点导出 PNG 存档。
Q：相对工期和绝对日期有什么区别？
A：相对工期以「第1天」起算，只显示天数；绝对日期需在项目设置中填写开始日期，图中显示具体年月日。
