# 工作进度-10：设计面板改为弹窗、移除模板源码、模板入口去重

> 时间：2026-10-21（承接工作进度-9）
> 触发：用户反馈三点
> 1. 「模板源码」这个功能不需要
> 2. 点「设计页」不要跳到单独页面，直接打开设计页
> 3. 左边（列表行）的上传/下载模板和右边（编辑器）的上传/下载 .grf 是否重复

---

## 一、改动一览

| 问题 | 处理 |
|---|---|
| 模板源码功能多余 | **整体删除**：去掉「模板源码」页签、可编辑 textarea、格式化/撤销/放大编辑、`PUT /template/content` 的前端入口（后端接口保留，供设计面板使用） |
| 设计页要跳路由 | 设计 UI 抽成组件 `ReportDesign.vue`，在报表编辑器里用**全屏弹窗**打开，不跳页、不改 URL；独立路由 `/report/design/:id` 与对应 view 已删除 |
| 上传/下载重复 | 列表行只留「设计 / 删除」；上传/下载 .grf 统一放在**设计面板**里，编辑器工具栏不再重复放（编辑器「未配置模板」空状态仍保留一个上传按钮做兜底） |

---

## 二、文件变化

| 文件 | 变化 |
|---|---|
| `web/src/components/report/ReportDesign.vue` | 新增（由原 `views/report/design/index.vue` 改造） |
| `web/src/views/report/design/index.vue` | 删除 |
| `web/src/router/index.js` | 删除 `report/design/:id` 静态路由 |
| `web/src/components/report/ReportEditor.vue` | 删源码视图与相关状态/函数；新增设计弹窗；顶栏按钮精简 |
| `web/src/views/report/manage/index.vue` | 删列表行的上传/下载模板、隐藏 file input 及相关函数；「设计」改为在右侧弹窗打开 |

### 2.1 `ReportDesign.vue`（组件化）

- 入参 `reportId`，事件 `close` / `saved`
- 顶栏左侧由「← 返回管理」改为「关闭」（`emit('close')`），有未保存修改时二次确认
- 保存模板成功后 `emit('saved')`，报表编辑器收到后：重载模板文本 → 反解明细列 → 重置预览 → 通知管理页刷新列表
- `_WR7_` 提示里的「去模板源码页」入口已删除，改为「真实预览 / 用锐浪 7 设计器修改 / 上传 .grf」

### 2.2 `ReportEditor.vue`

- 删除：`activeView`、`templateSaved`、`templateSourceDirty`、`wrUnlocked`、`sourceMaximized`、`saveTemplateSource`、`formatTemplateSource`、`revertTemplateSource`、模板源码视图与放大编辑弹窗、保存前「模板未保存」确认
- 保留：`loadTemplateSource()`（只用于反解明细列/报表参数与预览）
- 新增：`designVisible`、`openDesignPage()`、`onDesignSaved()`、`<el-dialog fullscreen destroy-on-close>` 包 `<ReportDesign>`
- 顶栏：`删除 / 生成模板 / 设计 / 刷新预览 / 保存`
- `props.openSource` → `props.openDesign`（管理页点「设计」直接弹窗）

### 2.3 `manage/index.vue`

- 列表行：`设计 / 删除`
- 删除 `pickUpload`、`onFilePicked`、`downloadTemplate`、隐藏 `<input type=file>`、`getAccessToken` 引用
- `designOnOpen` + `designerKey++`：选中报表并让右侧编辑器重新挂载后自动弹出设计面板（同一行重复点击也能重开）

---

## 三、验证

| 项 | 结果 |
|---|---|
| Vite 编译 `ReportDesign.vue` / `ReportEditor.vue` / `manage/index.vue` / `router/index.js` | ✅ 全部 HTTP 200 |
| IDE 诊断 | ✅ 0 |
| 后端 | 未改动，无需重启 |
| 浏览器点击 | ⚠ 未自动化验证（环境无 node/browser 自动化），建议人工过一遍：管理页→设计→改列宽→保存→关闭→刷新预览 |

---

## 四、遗留

1. 设计面板是弹窗形态，`Esc` 也能关闭；关闭时若有未保存修改只弹一次确认（点 × 无确认，因为隐藏了关闭按钮，实际只能点「关闭」）。
2. 编辑器工具栏去掉下载 .grf 后，取模板文件需进设计面板；若觉得不便可再加回。
3. 工作进度-8 描述的「模板源码在线编辑」UI 已废弃，但后端 `PUT /sys/report/{id}/template/content` 仍在使用（设计面板保存走它）。