一、约定

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

二、属性（Attributes）

组件props传入参数

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

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	isEdit	Boolean	是否为管理端填写	--	--
2	form	object	学术数据	--	--

三、组件管理

（一）组件事件

组件自身提供的功能

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

1、获取主要成果

执行initData（）

2、注册bus总线事件

注册暂存与保存事件

3、销毁bus总线事件

销毁暂存与保存事件

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

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

1. formTitle组件（表单标题）

实现表单标题内容显示

父→子组件传参

title：标题内容

子→父事件上报

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

2. TinymceEditor组件（富文本）

实现富文本填写与上传图片效果

父→子组件传参

disabled：是否禁用

height：富文本高度

placeholder：默认提示文案

子→父事件上报

上报通知	用途	执行内部事件
@blur	数据更新	handleSave()

四、事件方法

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

1. save() 保存、暂存主要成果

检验页面内容是否填写完整，如完整定义变量completionStatus为0否则为1

判断当前是否为保存，如是进行表单校验，提示未填写项

执行（expertFieldAchievement/saveOne）领域成果保存一个对象保存主要成果

如是保存模式则保存成功后调用bus总线事件

2. initData() 获取主要成果

调用（expertFieldAchievement/loadByUserId）根据UserId查询专家主要成果简述获取主要成果

修改form值为接口返回数据

mainAchievements组件（主要成果）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

1、获取主要成果#

2、注册bus总线事件#

3、销毁bus总线事件#

（二）子组件#

1. formTitle组件（表单标题）#

2. TinymceEditor组件（富文本）#

四、事件方法#

1. save() 保存、暂存主要成果#

2. initData() 获取主要成果#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

1、获取主要成果

2、注册bus总线事件

3、销毁bus总线事件

（二）子组件

1. formTitle组件（表单标题）

2. TinymceEditor组件（富文本）

四、事件方法

1. save() 保存、暂存主要成果

2. initData() 获取主要成果