feat: add template edit shell layout

This commit is contained in:
zwt13703
2026-07-01 20:34:24 +08:00
parent 217af9bc99
commit b4e128c227
9 changed files with 579 additions and 6 deletions
+13
View File
@@ -59,3 +59,16 @@
5. 新增 `POST /api/data-sources` 支持新增内存数据源并校验 code 唯一。
6. 执行语法检查和 FastAPI 路由注册检查。
- **执行结果**: 完成任务 030-033,模板详情、区域配置保存和数据源接口已可调用。
## 会话 ID: 20260701-template-edit-shell
- [2026-07-01 20:34:14]
- **执行原因**: 按任务清单继续完成前端四栏布局和基础 shell 组件 034-039。
- **执行过程**:
1. 新增 `TemplateEdit.vue`,使用 CSS Grid 搭建左侧菜单、顶部工具栏、配置面板、预览区、结构树布局。
2. 新增 `LeftMenu.vue`,实现左侧菜单 shell。
3. 新增 `TopToolbar.vue`,实现面包屑、模板元信息和操作按钮区域 shell。
4. 新增 `ConfigPanel.vue`,实现区域配置面板 shell。
5. 新增 `WordPreview.vue`,实现 A4 纸张预览 shell。
6. 新增 `StructureTree.vue`,实现结构树 shell。
7. 增加 `/templates/:id/edit` 路由,并执行前端构建和浏览器 DOM 检查。
- **执行结果**: 完成任务 034-039,编辑页基础四栏工作台已可访问。