expertsList组件（专家列表）

一、约定

标题	内容
路由地址	公共组件无单独路由
路由页面	src/components/SetReviewExperts/expertsList.vue
操作权限	无限制
API调用约定	当前组件进行API调用集中管理、内置组件仅做展现层控制。

二、属性（Attributes）

组件props传入参数

序号	参数名	类型	说明	默认值	可选值
1	excludeIds	Array	排除的专家ID列表	[]	-
2	projectId	String	项目ID	''	-
3	projectDeclareId	String	项目申报ID	''	-
4	projectModuleId	String	项目模块ID	''	-
5	mode	String	模式	'default'	-
6	isBatch	String	是否批量操作	'N'	'Y'

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	currentPage	Ref	当前页码	1	-
2	pageSize	Ref	每页显示数量	10	[]
3	total	Ref	数据总数	0	-
4	searchData	Ref	搜索表单数据	{}	-
5	selectedReviewExperts	Ref	表格中选中的行数据	[]	-
6	expertAllList	Ref	专家列表数据	[]	-
7	loading	Ref	表格加载状态	false	true
8	expertsProjectRef	Ref	专家项目组件引用	-	-

三、组件管理

（一）组件事件

组件自身提供的功能

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

getExpertAllList () 初始化数据

组件加载时，调用 getExpertAllList 方法获取专家列表数据。

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

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

expertsProject组件（专家项目）
实现专家项目信息显示功能

父→子组件传参

无

子→父事件上报

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

四、事件方法

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

getExpertAllList()：获取专家列表数据，根据 props 中的参数和搜索条件，调用不同的API获取数据，并更新 expertAllList 和 total 的值。

getReviewExpertsListPage (/projectExpert/loadPage)项目专家库表分页查询API

loadExpertAllDataPage loadExpertAllDataPage（专家列表信息分页查询） API

loadNotInProjectDeclareExpertList (/projectDeclareExpert/loadNotInProjectDeclareExpertList)加载在项目里不在申报里的专家列表API

searchFn() 搜索专家

搜索专家，重置页码为1，并调用 getExpertAllList 方法重新获取专家列表数据。

resetSearchForm() 重置搜索表单

重置搜索表单，重置搜索表单数据和页码为1，并调用 getExpertAllList() 方法重新获取专家列表数据。

handleSizeChange(val) 数量变化

每页显示数量变化时，更新 pageSize 的值，并调用 getExpertAllList() 方法重新获取专家列表数据。

handleCurrentChange(val) 页码变化

当前页码变化时，更新 currentPage 的值，并调用 getExpertAllList 方法重新获取专家列表数据。

setReviewExpertsSelected(val) 表格选中行数据变化

表格选中行数据变化时，更新 selectedReviewExperts 的值。

getSelectedReviewExpertsData() 获取选中的专家数据

获取选中的专家数据，若有选中的数据则返回，否则给出提示信息。

opneReviewItems(row) 查看评审项目：

查看评审项目，打开专家项目组件并显示该专家的评审项目信息。

expertsList组件（专家列表）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

（二）子组件#

四、事件方法#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

（二）子组件

四、事件方法