射线委托工作台 (2) was duplicated from 射线委托工作台
Continue chatting to ask questions about or make changes to it.
在委托办理、委托查询后，同级增加探伤报告页签。
对委托查询页面进行修改：
1、 页面添加委托状态过滤：进行中，已完成
a) 当委托存在已提交的评片记录（拍片记录、评片记录），返工通知手工选择无返工，或返工通知手工生成并提交后，状态为已完成。其余状态均为进行中。
2、筛选框组加一个委托时间查询（时间段），并在搜索后加生成报告按钮。
3、 每一行都有勾选框，且可以一键全选，选中后可点击“生成报告”按钮，进入到探伤报告生成界面
4、委托查询操作按钮调整（委托详情、评片记录、撤销 3个按钮）
5、 操作按钮中
a) 点击委托详情 即可弹出发起委托页面的详细数据的弹窗进行数据查看。
b) 点击评片记录，则弹出窗口，显示评片记录页面（铺满页面，右上角可关闭界面）。
c) 点击撤销即弹出撤销确认框进行撤销确认，撤销后数据回到委托办理的数据中去。注意，当委托有对应评片记录时，则不再显示撤销按钮
6、拍片记录和评片记录的页面如txt文件所描述，其中绘图部分请仔细生成。拍片记录、评片记录、返工单样式如图所示。
Now I have a thorough understanding of the codebase. This is a complex, multi-step project. Let me set up a task list and start building.
Let me start with Task 1 - updating the types and the CommissionQuery component.
Now let me add inspector names and operation guide options to mock-data:
Now let me rewrite the CommissionQuery component with status filter, date range, checkboxes, and updated operation buttons:
Now let me build the Film Recording (拍片记录) component:
Now let me build the Circle Diagram Editor component (the key interactive SVG ring diagram with mark tools):
Now building the Film Review (评片记录) component:
Now building the Rework Notice (返工通知) component:
Now let me build the Film Review Records modal (full-screen overlay with tabs for the 3 sub-pages) and the Inspection Report tab, then wire everything in page.tsx:
Now create the Inspection Report tab component:
Now let me wire everything together in page.tsx:
所有功能已完成实现。以下是本次修改的主要内容：
- 新增"探伤报告"页签 -- 在"委托办理"和"委托查询"同级新增了第三个 Tab，用于展示选中委托的探伤检测报告预览。
- 委托查询页面改造 -- 添加了委托状态过滤（进行中/已完成）、委托时间范围筛选、每行勾选框与全选功能、"生成报告"按钮；操作列调整为"委托详情"、"评片记录"、"撤销"三个按钮，其中有评片记录时撤销按钮自动隐藏。
- 评片记录全屏弹窗 -- 点击"评片记录"后弹出全屏覆盖层，包含三个子页签：拍片记录（焊缝数字成像检测评片记录单，含全部表头字段、缺陷记录子表、布片图上传）、评片记录（小径管焊缝射线检测评片记录单，含圆环示意图编辑器、可批量增行、评定等级单选）、返工通知（自动从评片记录中提取超过验收级别的数据、支持无返工勾选）。每个子页签都实现了草稿/已保存/已提交三种状态及对应的保存、提交、修改、删除、收回按钮逻辑。
- 圆环示意图编辑器 -- 实现了 SVG 圆环图形组件，支持横线、竖线、斜线、点四种标记工具，点击圆环图即可弹出编辑器进行标注。