expertsProject组件（专家项目）

一、约定

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

二、属性（Attributes）

组件props传入参数

无

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	searchFormRef	Ref	搜索表单引用	-	-
2	currentPage	Ref	当前页码	1	-
3	pageSize	Ref	每页显示数量	10	[]
4	total	Ref	数据总数	0	-
5	searchData	Ref	搜索表单数据	{ projectName: '' }	-
6	expertUserId	Ref	专家用户ID	''	-
7	currentStatus	Ref	当前项目状态	''	-
8	projectTimeArr	Ref	立项时间范围	null	-
9	projectList	Ref	项目列表数据	[]	-
10	loading	Ref	表格加载状态	false	true
11	drawerData	Ref	抽屉数据	{ switch: false, title: '' }	-
12	projectStatusList	Ref	项目状态列表	[]	-

三、组件管理

（一）组件事件

组件自身提供的功能

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

getProjectStatusList()初始化数据

组件加载时，调用 getProjectStatusList() 方法获取项目状态列表。

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

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

BaseDrawer组件（抽屉）
实现抽屉功能

父→子组件传参

v-model:show：抽屉显示状态

title：抽屉标题

showFooter：是否显示抽屉底部

子→父事件上报

上报通知	用途	执行内部事件
cancelClick	点击取消按钮	handleDrawerCancel

四、事件方法

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

getProjectStatusList()获取项目状态列表

获取项目状态列表数据，调用 loadProjectStatus (/project/loadProjectStatus)加载项目状态 API，根据搜索条件和分页信息获取数据，并更新 projectStatusList 的值。

getStatusData() 处理当前选择的项目状态

处理当前选择的项目状态，将其转换为符合API要求的格式。

getTipsContent() 根据搜索条件生成提示信息

根据搜索条件生成提示信息，用于表格无数据时显示。

setProjectStatus(list) 设置项目的状态显示

设置项目的状态显示，根据项目的不同状态设置不同的标签颜色和文本。

getProjectList() 获取项目列表

获取项目列表数据，调用 getProjectListFoPage (/project/loadPage)项目表分页查询API，根据搜索条件和分页信息获取数据，并更新 projectList 和 total 的值。

searchFn() 搜索项目

搜索项目，重置页码为1，并调用 getProjectList() 方法重新获取项目列表数据。

resetSearchForm() 重置搜索表单

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

handleSizeChange(val) 每页显示数量变化

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

handleCurrentChange(val)页码变化

当前页码变化时，更新 currentPage 的值，并调用 getProjectList() 方法重新获取项目列表数据。

10.

openDrawerFn()打开抽屉

打开抽屉，设置抽屉标题为“评审项目”，并显示抽屉。

11.

openExpertsProject(data, key) 根据传入的专家用户ID获取项目列表

根据传入的专家用户ID获取项目列表数据，并打开抽屉显示项目信息。

12.

handleDrawerCancel() 取消操作，关闭抽屉

13.

goToProjectInfo(row) 跳转项目详情：

根据路由判断跳转到相应的项目信息页面。

expertsProject组件（专家项目）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

（二）子组件#

四、事件方法#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

（二）子组件

四、事件方法