previewContent_copy.vue PDF模板页

一、约定

标题	内容
路由地址	http://ip:port/pdf
路由页面	\src\components\Preview\previewContent_copy.vue
操作权限	无限制（此页面供pdf生成插件调用）
API调用约定	当前组件进行API调用集中管理、内置组件仅做展现层控制

二、属性（Attributes）

组件props传入参数

无

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	show	ref(Boolean)	控制组件显示状态	false	true,false
2	projectData	ref(Object)	项目数据对象	{}	--
3	schoolData	ref(Object)	学校基本信息	{}	--
4	dependentData	ref(Object)	依托专业（群）基本信息	{}	--
5	projectTeamData	ref(Object)	项目团队基本信息	{}	--
6	projectBasicData	ref(Object)	项目基础建设	{}	--
7	declareData	ref(Object)	项目申报信息	{}	--
8	effectData	ref(Object)	项目预期成效	{}	--
9	investmentAndGuarantee	ref(Object)	项目投入和保障	{}	--
10	schoolPromise	ref(Object)	学校承诺	{}	--

三、组件管理

（一）组件事件

（二）子组件

四、事件方法

1. getData() 获取项目数据

检查本地存储中是否有缓存的项目数据

如果有缓存，直接从本地存储中获取数据

如果没有缓存，使用默认数据或从API获取数据

设置 show 为 true，显示组件

2. getSerialNumber(data, field) 获取序列号

根据字段的存在情况，动态分配序号

用于处理项目申报信息中的序号显示

3. formatRichText(htmlContent) 格式化富文本内容

处理HTML内容，确保正确显示在PDF中

返回格式化后的HTML内容

4. formatTime(time, type) 格式化时间

使用dayjs库格式化时间显示

如果时间不存在，返回默认文本

5. watch(projectData) 监听项目数据变化

当项目数据变化时，更新各个子数据对象

包括学校信息、专业信息、团队信息等

设置immediate和deep为true，确保初始化和深层监听

previewContent_copy.vue PDF模板页

一、约定#

二、属性（Attributes）#

组件props传入参数#

内部data参数#

三、组件管理#

（一）组件事件#

（二）子组件#

四、事件方法#

1. getData() 获取项目数据#

2. getSerialNumber(data, field) 获取序列号#

3. formatRichText(htmlContent) 格式化富文本内容#

4. formatTime(time, type) 格式化时间#

5. watch(projectData) 监听项目数据变化#