一、约定

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

二、属性（Attributes）

组件props传入参数

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

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	isEdit	Boolean	是否为管理端填写	--	--
2	formLabelAlign	object	单位信息数据	--	--
3	columnsData	array	单位信息	--
4	columnsDataB	array	单位地址	--	--

三、组件管理

（一）组件事件

组件自身提供的功能

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

1、初始化 formLabelAlign

将columnsData、columnsDataB值赋值给formLabelAlign

2、获取基本信息

执行getData（）

3、注册bus总线事件

注册暂存与保存事件

4、销毁bus总线事件

销毁暂存与保存事件

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

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

1. formTitle组件（表单标题）

实现表单标题内容显示

父→子组件传参

title：标题内容

子→父事件上报

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

2. formBox组件（申报表单）

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

父→子组件传参

rules：校验规则

columns：表单数据

子→父事件上报

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

四、事件方法

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

1. updateData() 更新表单数据

修改formLabelAlign值为方法传入的数据

2. save() 保存、暂存基本信息

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

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

执行（/expertOrg/saveOne）专家单位信息保存一个对象接口保存单位信息

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

3. getData() 获取基本信息

调用（/expertOrg/loadByUserId）根据UserId查询专家单位信息接口获取学校信息

修改formLabelAlign值为接口返回数据

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

4. updateColumns() 更新 columns 中的 value

遍历columns将columns中key与传入的接口数据中相同可以的数据赋值

unitInformation组件（单位信息）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

1、初始化 formLabelAlign#

2、获取基本信息#

3、注册bus总线事件#

4、销毁bus总线事件#

（二）子组件#

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

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

四、事件方法#

1. updateData() 更新表单数据#

2. save() 保存、暂存基本信息#

3. getData() 获取基本信息#

4. updateColumns() 更新 columns 中的 value#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

1、初始化 formLabelAlign

2、获取基本信息

3、注册bus总线事件

4、销毁bus总线事件

（二）子组件

1. formTitle组件（表单标题）

2. formBox组件（申报表单）

四、事件方法

1. updateData() 更新表单数据

2. save() 保存、暂存基本信息

3. getData() 获取基本信息

4. updateColumns() 更新 columns 中的 value