yanpeng200212
a8890c81e9
质量模块： - 11 张工艺执行书表：封面、试产、选剥茧（含混茧明细）、试缫与大样、煮茧（含分车间配温、副煮车间）、自动缫（含大样）、后缫 - 10 张样茧试缫表：原料小样/综合样主表 + 选茧、解舒、茧幅、切剖、清洁洁净、茧丝百回纤度 - 服务与接口、主控指针回写（列表 √ 标记）、封面编号自增、报表数据包 - 前端 8 张报表打印版式、7 类工艺单据与 6 类调查录入弹窗、字段驱动表单/表格组件 - 菜单种子新增「质量」目录，样茧子表增加 YjssType 判别列，避免原料小样与综合样自增 Id 重号串数据 报表中心： - 报表模板管理、锐浪 grhtml5 加载与预览、全屏设计面板、数据源 Provider（落丝记录、职工花名册） 其他：同步工作进度 1-11 文档、开发数据库快照、.gitignore 忽略运行日志目录
70 lines
4.0 KiB
Markdown
70 lines
4.0 KiB
Markdown
# 工作进度-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` 仍在使用（设计面板保存走它）。
|