一、约定

标题	内容
路由地址	`/listPage/projectReview`
路由页面
操作权限	无限制
API调用约定	当前组件进行API调用集中管理、内置组件仅做展现层控制。

二、属性（Attributes）

组件props传入参数

该组件没有定义props传入参数。

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	`statisticsData`	Object	统计数据（申报总数、未提交、已提交等）	`{}`	--
2	`searchData`	Object	搜索表单数据	`{}`	--
3	`projectStatusList`	Array	项目状态列表	`[]`	--
4	`reviewTime`	Array	评审时间范围	`[]`	--
5	`moduleList`	Array	申报专业领域列表	`[]`	--
6	`loading`	Boolean	表格加载状态	`false`	`true`, `false`
7	`tableData`	Array	表格数据	`[]`	--
8	`total`	Number	数据总数	`0`	--
9	`pageSize`	Number	每页条数	`10`	--
10	`currentPage`	Number	当前页码	`1`	--
11	`multipleSelection`	Array	表格多选选中的数据	`[]`	--
12	`dialogVisible`	Boolean	评审意见弹窗可见性	`false`	`true`, `false`
13	`reviewForm`	Object	评审意见表单数据	`{}`	--
14	`rules`	Object	评审意见表单验证规则	`{}`	--
15	`PreviewRef`	Ref	预览组件引用	`null`	--
16	`dialogVisibleB`	Boolean	预览弹窗可见性	`false`	`true`, `false`
17	`showImgPreview`	Boolean	图片预览可见性	`false`	`true`, `false`
18	`imgPreviewList`	Array	图片预览列表	`[]`	--
19	`modelValue`	String	PDF预览数据	`''`	--
20	`loadingV`	Boolean	预览加载状态	`false`	`true`, `false`
21	`projectDataNew`	Object	预览申报数据	`{}`	--
22	`ConfirmDialogRef`	Ref	二次确认弹窗引用	`null`	--
23	`reviewExpertsDialog`	Boolean	设置评审专家弹窗可见性	`false`	`true`, `false`
24	`currentDeclareId`	String	当前申报ID	`''`	--
25	`setReviewExpertsRef`	Ref	设置评审专家组件引用	`null`	--
26	`reviewResultDialog`	Boolean	评审结果弹窗可见性	`false`	`true`, `false`
27	`reviewResultRef`	Ref	评审结果组件引用	`null`	--
28	`reviewRecordDialog`	Boolean	评审记录弹窗可见性	`false`	`true`, `false`
29	`reviewRecordRef`	Ref	评审记录组件引用	`null`	--
30	`pcaTextArr`	Array	省市县数据	`[]`	--
31	`currentStatus`	Array	当前选中的申报状态	`[]`	--
32	`numberGroupFocus`	Boolean	数字范围输入框焦点状态	`false`	`true`, `false`
33	`minScore`	Number	最小得分	`null`	--
34	`maxScore`	Number	最大得分	`null`	--
35	`projectReviewStatusList`	Array	项目评审状态列表	`[]`	--

三、组件管理

（一）组件事件

组件自身提供的功能

核心功能点，执行的事件关系

1、初始化数据

组件挂载后执行 getProjectDeclareList() 获取项目申报列表数据。

2、搜索功能

通过搜索表单筛选项目申报列表，执行 searchFn() 方法。

3、分页功能

通过分页组件切换页面或改变每页条数，执行 handleSizeChange() 和 handleCurrentChange() 方法，并重新调用 getProjectDeclareList()。

4、表格行选中

监听表格行选中事件，更新 multipleSelection 数据。

5、批量操作

通过批量操作按钮（如批量设置专家、批量导出），执行相应的处理方法。

6、单个项目操作

通过表格行的操作按钮（如查看、评审、设置专家、评审结果、评审记录），执行相应的处理方法。

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

子组件上报事件的接收处理

1. Preview组件（申报信息预览弹窗）

实现申报信息PDF预览弹窗。

父→子组件传参

ref: 设置为 PreviewRef。

v-model: 绑定 dialogVisibleB 可见性。

:modelValue: 绑定 modelValue PDF数据。

:loading: 绑定 loadingV 加载状态。

:projectDataNew: 绑定 projectDataNew 预览数据。

子→父事件上报

上报通知	用途	执行内部事件
`@close`	弹窗关闭	`dialogVisibleB = false`

2. el-image-viewer

实现图片预览功能。

父→子组件传参

v-if: 绑定 showImgPreview 可见性。

:url-list: 绑定 imgPreviewList 图片列表。

子→父事件上报

上报通知	用途	执行内部事件
`@close`	图片预览关闭	`closeImgPreview()`

3. ConfirmDialog组件（二次确认弹窗）

实现二次确认弹窗。

父→子组件传参

ref: 设置为 ConfirmDialogRef。

子→父事件上报

上报通知	用途	执行内部事件
`@confirm`	弹窗确认	执行需要二次确认的操作（如提交评审意见）

4. reviewResults组件（评审结果）

实现查看评审结果功能。

父→子组件传参

ref: 设置为 reviewResultRef.

v-model: 绑定 reviewResultDialog 可见性。

:declareId: 绑定当前申报ID。

子→父事件上报

上报通知	用途	执行内部事件
`@close`	弹窗关闭	`reviewResultDialog = false`

5. reviewRecord 组件（评审记录）

实现查看评审记录功能。

父→子组件传参

ref: 设置为 reviewRecordRef.

v-model: 绑定 reviewRecordDialog 可见性。

:declareId: 绑定当前申报ID。

子→父事件上报

上报通知	用途	执行内部事件
`@close`	弹窗关闭	`reviewRecordDialog = false`

四、事件方法

核心事件，含数据处理、API调用、事件管理管理等

1. `getProjectDeclareList()` 获取项目申报列表

调用获取项目申报列表 API。

更新 tableData, total, loading 状态。

2. `searchFn()` 搜索

重置当前页码为1。

调用 getProjectDeclareList() 执行搜索。

3. `resetSearchForm()` 重置搜索表单

重置 searchData 对象。

重置 currentStatus 数组。

重置 reviewTime 数组。

重置最小最大得分。

调用 searchFn() 执行搜索。

4. `handleSizeChange(val)` 处理每页条数变化

更新 pageSize。

调用 getProjectDeclareList()。

5. `handleCurrentChange(val)` 处理当前页码变化

更新 currentPage。

调用 getProjectDeclareList()。

6. `handleSelectionChange(val)` 处理表格多选变化

更新 multipleSelection 数组。

7. `handleReview(row)` 处理评审操作

打开评审意见弹窗。

初始化 reviewForm 数据。

8. `submitReview()` 提交评审意见

验证评审意见表单。

调用提交评审意见 API (API链接需要补充)。

提交成功后关闭弹窗并刷新列表。

9. `handleView(row)` 处理查看操作

调用 previewFn() 预览申报文件。

10. `handleSetExperts(row)` 处理设置专家操作

打开设置评审专家弹窗。

传递当前申报ID。

11. `handleReviewResult(row)` 处理查看评审结果操作

打开评审结果弹窗。

传递当前申报ID。

12. `handleReviewRecord(row)` 处理查看评审记录操作

打开评审记录弹窗。

传递当前申报ID。

13. `previewFn(url)` 预览文件

根据文件URL判断文件类型（pdf, jpg, png）。

如果是pdf，处理URL并打开PDF预览弹窗。

如果是图片，打开图片预览。

否则提示不支持预览。

14. `closeImgPreview()` 关闭图片预览

修改 showImgPreview 为 false。

清空 imgPreviewList。

15. `formatTime(time)` 格式化时间

使用dayjs格式化时间为"YYYY年MM月"。

16. `downloadAttachment(row)` 下载申报表

调用 previewProjectDeclare（用户申报预览） API 获取预览数据。

开启加载状态。

获取数据后，调用 htmlToPDF 中的 getPdf() 生成并下载PDF。

17. `save(val)` 提交申报（此处应为评审意见提交或其他操作，与模板中的save()用途不同，根据代码逻辑调整）

根据传入的val或状态判断是否执行提交二次确认。

打开二次确认弹窗。

projectReview申报用户下申报项目管理

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

1、初始化数据#

2、搜索功能#

3、分页功能#

4、表格行选中#

5、批量操作#

6、单个项目操作#

（二）子组件#

1. Preview组件（申报信息预览弹窗）#

2. el-image-viewer#

3. ConfirmDialog组件（二次确认弹窗）#

4. reviewResults组件（评审结果）#

5. reviewRecord 组件 （评审记录）#

四、事件方法#

1. getProjectDeclareList() 获取项目申报列表#

2. searchFn() 搜索#

3. resetSearchForm() 重置搜索表单#

4. handleSizeChange(val) 处理每页条数变化#

5. handleCurrentChange(val) 处理当前页码变化#

6. handleSelectionChange(val) 处理表格多选变化#

7. handleReview(row) 处理评审操作#

8. submitReview() 提交评审意见#

9. handleView(row) 处理查看操作#

10. handleSetExperts(row) 处理设置专家操作#

11. handleReviewResult(row) 处理查看评审结果操作#

12. handleReviewRecord(row) 处理查看评审记录操作#

13. previewFn(url) 预览文件#

14. closeImgPreview() 关闭图片预览#

15. formatTime(time) 格式化时间#

16. downloadAttachment(row) 下载申报表#

17. save(val) 提交申报（此处应为评审意见提交或其他操作，与模板中的save()用途不同，根据代码逻辑调整）#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

1、初始化数据

2、搜索功能

3、分页功能

4、表格行选中

5、批量操作

6、单个项目操作

（二）子组件

1. Preview组件（申报信息预览弹窗）

2. el-image-viewer

3. ConfirmDialog组件（二次确认弹窗）

4. reviewResults组件（评审结果）

5. reviewRecord 组件（评审记录）

四、事件方法

1. `getProjectDeclareList()` 获取项目申报列表

2. `searchFn()` 搜索

3. `resetSearchForm()` 重置搜索表单

4. `handleSizeChange(val)` 处理每页条数变化

5. `handleCurrentChange(val)` 处理当前页码变化

6. `handleSelectionChange(val)` 处理表格多选变化

7. `handleReview(row)` 处理评审操作

8. `submitReview()` 提交评审意见

9. `handleView(row)` 处理查看操作

10. `handleSetExperts(row)` 处理设置专家操作

11. `handleReviewResult(row)` 处理查看评审结果操作

12. `handleReviewRecord(row)` 处理查看评审记录操作

13. `previewFn(url)` 预览文件

14. `closeImgPreview()` 关闭图片预览

15. `formatTime(time)` 格式化时间

16. `downloadAttachment(row)` 下载申报表

17. `save(val)` 提交申报（此处应为评审意见提交或其他操作，与模板中的save()用途不同，根据代码逻辑调整）