一、约定

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

二、属性（Attributes）

组件props传入参数

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

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	isEdit	Boolean	是否为管理端填写	--	--
2	formList	array	工作经历景数据	--	--

三、组件管理

（一）组件事件

组件自身提供的功能

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

1、获取工作经历

执行getData（）

2、注册bus总线事件

注册暂存与保存事件

3、销毁bus总线事件

销毁暂存与保存事件

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

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

1. formTitle组件（表单标题）

实现表单标题内容显示

父→子组件传参

title：标题内容

子→父事件上报

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

2. formBox组件（申报表单）

实现表单填写以及表单校验效果

父→子组件传参

rules：校验规则

columns：表单数据

子→父事件上报

上报通知	用途	执行内部事件
@updateData	表单数据更新事件	updateData()

四、事件方法

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

1. add() 新增数据

向formList中push一条空数据

2. save() 保存、暂存工作经历

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

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

执行（/expertWork/saveList）专家的工作经历表保存一个对象接口保存工作经历

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

3. getData() 获取工作经历

调用（expertWork/loadByUserId）根据UserId查询专家教育背景信息接口获取工作经历

修改formLabelAlign值为接口返回数据

执行updateColumns（）修改表单基础数据

4. del() 删除数据

判断当前formList中数据数量，如只有一条则提示最少保留一条，不执行后续操作

开启删除二次确定

确定后通过splice方法删除指定数据

workExperience组件（工作经历）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

1、获取工作经历#

2、注册bus总线事件#

3、销毁bus总线事件#

（二）子组件#

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

2. formBox组件（申报表单）#

四、事件方法#

1. add() 新增数据#

2. save() 保存、暂存工作经历#

3. getData() 获取工作经历#

4. del() 删除数据#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

1、获取工作经历

2、注册bus总线事件

3、销毁bus总线事件

（二）子组件

1. formTitle组件（表单标题）

2. formBox组件（申报表单）

四、事件方法

1. add() 新增数据

2. save() 保存、暂存工作经历

3. getData() 获取工作经历

4. del() 删除数据