质量模块: - 11 张工艺执行书表:封面、试产、选剥茧(含混茧明细)、试缫与大样、煮茧(含分车间配温、副煮车间)、自动缫(含大样)、后缫 - 10 张样茧试缫表:原料小样/综合样主表 + 选茧、解舒、茧幅、切剖、清洁洁净、茧丝百回纤度 - 服务与接口、主控指针回写(列表 √ 标记)、封面编号自增、报表数据包 - 前端 8 张报表打印版式、7 类工艺单据与 6 类调查录入弹窗、字段驱动表单/表格组件 - 菜单种子新增「质量」目录,样茧子表增加 YjssType 判别列,避免原料小样与综合样自增 Id 重号串数据 报表中心: - 报表模板管理、锐浪 grhtml5 加载与预览、全屏设计面板、数据源 Provider(落丝记录、职工花名册) 其他:同步工作进度 1-11 文档、开发数据库快照、.gitignore 忽略运行日志目录
4.0 KiB
4.0 KiB
工作进度-10:设计面板改为弹窗、移除模板源码、模板入口去重
时间:2026-10-21(承接工作进度-9) 触发:用户反馈三点
- 「模板源码」这个功能不需要
- 点「设计页」不要跳到单独页面,直接打开设计页
- 左边(列表行)的上传/下载模板和右边(编辑器)的上传/下载 .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 自动化),建议人工过一遍:管理页→设计→改列宽→保存→关闭→刷新预览 |
四、遗留
- 设计面板是弹窗形态,
Esc也能关闭;关闭时若有未保存修改只弹一次确认(点 × 无确认,因为隐藏了关闭按钮,实际只能点「关闭」)。 - 编辑器工具栏去掉下载 .grf 后,取模板文件需进设计面板;若觉得不便可再加回。
- 工作进度-8 描述的「模板源码在线编辑」UI 已废弃,但后端
PUT /sys/report/{id}/template/content仍在使用(设计面板保存走它)。