一、约定

标题	内容
路由地址	http://ip:port/expertFile
路由页面	src\views\expertDeclaration\view\expertFile\index.vue
操作权限	无限制
API调用约定	当前组件进行API调用集中管理、内置组件仅做展现层控制。

二、属性（Attributes）

组件props传入参数

序号	参数名	类型	必填	说明	示例

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	expertPreviewRef	ref	预览组件ref	--	--
2	stepList	array	申报步骤	--	--
3	uploadUrl	string	文件上传地址	--	--
4	projectData	object	申报信息	--	--
5	ConfirmDialogRef	ref	二次确认弹窗ref	--	--

三、组件管理

（一）组件事件

组件自身提供的功能

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

1、获取申报信息

执行getData（）

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

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

1. Header组件（公共头部）

实现公共头部数据展示

父→子组件传参

子→父事件上报

上报通知	用途	执行内部事件

2. menuBox组件（专家申报卡片页左侧目录）

实现左侧目录展示以及点击切换页面操作

父→子组件传参

子→父事件上报

上报通知	用途	执行内部事件

4. footing组件（公共底部信息）

实现底部信息展示

父→子组件传参

子→父事件上报

上报通知	用途	执行内部事件

5. expertPreview组件（专家预览）

实现申报信息pdf预览

父→子组件传参

子→父事件上报

上报通知	用途	执行内部事件

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

实现二次确认的功能

父→子组件传参

子→父事件上报

上报通知	用途	执行内部事件
@confirm	弹窗确认事件	submit()

四、事件方法

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

1. getData() 获取申报数据

调用（/expertBasic/loadExpertRecord）加载专家档案接口获取申报数据

如果接口请求成功则修改projectData值为接口返回的数据

2. save() 提交申报

如果传入的val为0或者获取申报接口报错则不执行以下操作

开启提交二次确认弹窗

10. submit() 确定提交申报

执行（/expertBasic/previewExpert）预览专家信息接口获取用户预览数据

开启加载loading

修改projectDataNew值为接口返回数据

预览页面渲染完成后执行htmlToPDF中的getPdfBlob（）获取pdf的blob

执行uploadFileWithNoType(前端生成pdf文件，以流的形式上传pdf文件)接口上传申报信息pdf

执行(/expertBasic/saveOne)专家基础信息保存一个对象提交申报书

提交成功后执行getData（）

11. goEdit() 去填写

判断declareStatus是否大于1或者或者小于4或者获取申报信息接口是否报错，如是则不执行后续操作

跳转到申报信息填写页面

expertFile组件（专家申报卡片）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

1、获取申报信息#

（二）子组件#

1. Header组件（公共头部）#

2. menuBox组件（专家申报卡片页左侧目录）#

4. footing组件（公共底部信息）#

5. expertPreview组件（专家预览）#

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

四、事件方法#

1. getData() 获取申报数据#

2. save() 提交申报#

10. submit() 确定提交申报#

11. goEdit() 去填写#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

1、获取申报信息

（二）子组件

1. Header组件（公共头部）

2. menuBox组件（专家申报卡片页左侧目录）

4. footing组件（公共底部信息）

5. expertPreview组件（专家预览）

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

四、事件方法

1. getData() 获取申报数据

2. save() 提交申报

10. submit() 确定提交申报

11. goEdit() 去填写