addUpdate 组件（项目管理 - 新增 / 编辑项目页面）

一、约定

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

二、属性（Attributes）

组件props传入参数

无

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	useProjectId	String	项目ID（编辑时使用）	''	-
2	emptyProjectId	String	新项目临时ID	''	-
3	isExpert	Boolean	是否为评审页面	false	true
4	isInfoPage	Computed	是否为详情页面	-	-
5	NoDataPreviewRef	Ref	查看申报表组件引用	-	-
6	projectFormRef	Ref	项目表单引用	-	-
7	setReviewExpertsRef	Ref	设置评审专家组件引用	-	-
8	scoringTableRef	Ref	评分表组件引用	-	-
9	expertShowHeid	Boolean	项目评审专家展开/收起状态	false	true
10	scoreShowHeid	Boolean	项目评分表展开/收起状态	false	true
11	projectData	Object	项目数据	见代码中初始化	-
12	declareTime	Ref	申报时间范围	''	-
13	reviewTime	Ref	评审时间范围	''	-
14	publicityTime	Ref	公示时间范围	''	-
15	executeTime	Ref	执行时间范围	''	-
16	projectRules	Ref	项目表单验证规则	见代码中定义	-

三、组件管理

（一）组件事件

组件自身提供的功能

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

1、isExpert 判断是否为评审

通过路由判断当前是否为评审，若路由为 /expertProjectReview/projectInfo，则 isExpert 为 true，否则为 false。

2、获取项目数据

若 useProjectId 或 emptyProjectId 存在，则执行 getProjectData 方法获取项目数据。

3、保存项目

点击保存按钮时，执行 saveProjectFn 方法，先验证时间合法性，再根据是否有 useProjectId 决定执行 addProjectFn 或 updateProjectFn。

4、暂存项目

点击暂存按钮时，执行 preSaveOneFn 方法，将项目数据暂存。

5、返回列表

点击取消按钮时，执行 backList 方法，返回项目管理列表页面。

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

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

1. formTitle组件（表单标题）

实现表单标题内容显示

父→子组件传参

title：标题内容

子→父事件上报

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

2. SetReviewExperts组件（设置评审专家）

实现设置评审专家功能

父→子组件传参

isDisabled：是否禁用

projectId：项目ID

子→父事件上报

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

3. ScoringTable组件（评分表）

实现评分表设置功能

父→子组件传参

isDisabled：是否禁用

projectId：项目ID

子→父事件上报

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

4. NoDataPreview组件（查看申报表）

实现查看申报表功能

父→子组件传参

无

子→父事件上报

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

四、事件方法

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

1. judgeIsExpert() 判断是否为评审

通过路由判断当前是否为评审，更新 isExpert 的值。

2. initProjectData() 初始化项目数据

将 projectData 初始化为默认值。

3. getProjectData(id) 获取项目数据

执行 getProjectById(/project/loadOne)加载项目对象数据 API，根据项目ID获取项目数据，并更新 projectData、declareTime、reviewTime、publicityTime 和 executeTime。

4. backList() 返回列表

跳转到项目管理页面。

5. addProjectFn() 添加项目

设置项目时间，验证表单，若验证通过则执行 addProject(/project/saveOne)新建项目保存 API 添加项目，成功后提示保存成功并返回列表。

6. updateProjectFn() 编辑项目

设置项目时间，验证表单，若验证通过则执行 addProject(/project/saveOne)新建项目保存 API 更新项目，成功后提示编辑成功并返回列表。

7. preSaveOneFn() 暂存项目

设置项目时间，执行 preSaveOne (/project/preSaveOne)新建项目暂存API 暂存项目，成功后提示暂存成功并重新获取项目数据。

8. saveProjectFn() 保存项目

验证时间合法性，检查是否设置了评分表，根据是否有 useProjectId 决定执行 addProjectFn 或 updateProjectFn。

9. verifyTimeIsLegal() 验证时间合法性

检查申报、评审、公示、执行时间和结题时间的先后顺序，若不合法则提示错误信息并返回 false，否则返回 true。

10. setProjectDataTimeFn() 设置项目时间

将 declareTime、reviewTime、publicityTime 和 executeTime 的值赋给 projectData 中的对应字段。

11. declareTimeDisabledDate(time) 申报时间禁用规则

若评审时间已设置，则禁用评审开始时间及之后的日期。

12. reviewTimeDisabledDate(time) 评审时间禁用规则

若申报时间已设置，则禁用申报开始时间之前的日期。

13. publicityTimeDisabledDate(time) 公示时间禁用规则

若评审时间已设置，则禁用评审开始时间之前的日期。

14. executeTimeDisabledDate(time) 执行时间禁用规则

若公示时间已设置，则禁用公示开始时间之前的日期。

15. projectEndTimeDisabledDate(time) 结题时间禁用规则

若执行时间已设置，则禁用执行开始时间之前的日期。

addUpdate 组件 （项目管理 - 新增 / 编辑项目页面）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

1、isExpert 判断是否为评审#

2、获取项目数据#

3、保存项目#

4、暂存项目#

5、返回列表#

（二）子组件#

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

2. SetReviewExperts组件（设置评审专家）#

3. ScoringTable组件（评分表）#

4. NoDataPreview组件（查看申报表）#

四、事件方法#

1. judgeIsExpert() 判断是否为评审#

2. initProjectData() 初始化项目数据#

3. getProjectData(id) 获取项目数据#

4. backList() 返回列表#

5. addProjectFn() 添加项目#

6. updateProjectFn() 编辑项目#

7. preSaveOneFn() 暂存项目#

8. saveProjectFn() 保存项目#

9. verifyTimeIsLegal() 验证时间合法性#

10. setProjectDataTimeFn() 设置项目时间#

11. declareTimeDisabledDate(time) 申报时间禁用规则#

12. reviewTimeDisabledDate(time) 评审时间禁用规则#

13. publicityTimeDisabledDate(time) 公示时间禁用规则#

14. executeTimeDisabledDate(time) 执行时间禁用规则#

15. projectEndTimeDisabledDate(time) 结题时间禁用规则#

addUpdate 组件（项目管理 - 新增 / 编辑项目页面）

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

1、isExpert 判断是否为评审

2、获取项目数据

3、保存项目

4、暂存项目

5、返回列表

（二）子组件

1. formTitle组件（表单标题）

2. SetReviewExperts组件（设置评审专家）

3. ScoringTable组件（评分表）

4. NoDataPreview组件（查看申报表）

四、事件方法

1. judgeIsExpert() 判断是否为评审

2. initProjectData() 初始化项目数据

3. getProjectData(id) 获取项目数据

4. backList() 返回列表

5. addProjectFn() 添加项目

6. updateProjectFn() 编辑项目

7. preSaveOneFn() 暂存项目

8. saveProjectFn() 保存项目

9. verifyTimeIsLegal() 验证时间合法性

10. setProjectDataTimeFn() 设置项目时间

11. declareTimeDisabledDate(time) 申报时间禁用规则

12. reviewTimeDisabledDate(time) 评审时间禁用规则

13. publicityTimeDisabledDate(time) 公示时间禁用规则

14. executeTimeDisabledDate(time) 执行时间禁用规则

15. projectEndTimeDisabledDate(time) 结题时间禁用规则