Files
yanpeng200212 a8890c81e9 新增质量模块(工艺执行书 / 样茧试缫)与报表中心
质量模块:
- 11 张工艺执行书表:封面、试产、选剥茧(含混茧明细)、试缫与大样、煮茧(含分车间配温、副煮车间)、自动缫(含大样)、后缫
- 10 张样茧试缫表:原料小样/综合样主表 + 选茧、解舒、茧幅、切剖、清洁洁净、茧丝百回纤度
- 服务与接口、主控指针回写(列表 √ 标记)、封面编号自增、报表数据包
- 前端 8 张报表打印版式、7 类工艺单据与 6 类调查录入弹窗、字段驱动表单/表格组件
- 菜单种子新增「质量」目录,样茧子表增加 YjssType 判别列,避免原料小样与综合样自增 Id 重号串数据

报表中心:
- 报表模板管理、锐浪 grhtml5 加载与预览、全屏设计面板、数据源 Provider(落丝记录、职工花名册)

其他:同步工作进度 1-11 文档、开发数据库快照、.gitignore 忽略运行日志目录
2026-10-22 10:30:37 +08:00

4.0 KiB

工作进度-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 仍在使用(设计面板保存走它)。