一、约定

标题	内容
路由地址	公共组件无单独路由
路由页面	src\components\ConfirmDialog\index.vue
操作权限	无限制
API调用约定	组件仅做展现层控制。

二、属性（Attributes）

组件props传入参数

序号	参数名	类型	必填	说明	示例
1	width	String	是	弹窗宽度	‘480px’
2	top	String	是	弹窗距离顶部高度	"300px"
3	title	String	是	弹窗标题	"提示"
4	content	String	是	弹窗内容	--
5	cancelText	String	是	取消按钮文案	‘取消’
6	confirmText	String	是	确认按钮文案	‘确定’
7	showCancel	Boolean	是	是否显示取消按钮	true
8	iconColor	String	是	图标颜色	"rgba(255, 141, 26, 1)"
9	confirmShow	Boolean	是	是否显示确认按钮	true

内部data参数

序号	参数名	类型	说明	默认值	可选值
1	isDel	Boolean	是否为删除弹窗	false	--
2	confirmDialog	Boolean	弹窗开关	false	--
3	useTitle	String	弹窗标题	--	--
4	useContent	String	弹窗内容	--
5	useCancelText	String	取消按钮文案	--	--
6	useConfirmText	String	确定按钮文案	--	--
7	currentKey	String	当前Key 用于区分不同的弹框	--	--
8	currentData	string	当前数据传入什么返回 key（key => currentKey）和传入内容	--	--

三、组件管理

（一）组件事件

组件自身提供的功能

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

（二）子组件

使用 XX 子组件提供 MMM 功能

对子组件的传参赋值

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

1. el-dialog

实现弹窗效果

父→子组件传参

子→父事件上报

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

四、事件方法

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

1. openConfirmDialog() 打开弹框

修改confirmDialog值为true

2. closeConfirmDialog() 关闭弹框

修改confirmDialog值为false

3. initConfirmDialog() 初始化确认弹框

修改弹窗的配置项为方法传入的数据

执行openConfirmDialog（）

4. getReturnData() 获取返回数据

检查当前数据是否存在

如果当前数据存在，则将当前键和数据合并后赋值给data

如果当前数据不存在，则仅将当前键赋值给data

返回构造的数据对象

5. cancel() 取消事件

调用getReturnData（）获取格式化后的数据

执行父组件cancel方法

closeConfirmDialog（）

6. confirm() 确定事件

调用getReturnData（）获取格式化后的数据

执行父组件confirm方法

ConfirmDialog组件（二次确认弹窗）

一、约定#

二、属性（Attributes）#

三、组件管理#

（一）组件事件#

（二）子组件#

1. el-dialog#

四、事件方法#

1. openConfirmDialog() 打开弹框#

2. closeConfirmDialog() 关闭弹框#

3. initConfirmDialog() 初始化 确认弹框#

4. getReturnData() 获取返回数据#

5. cancel() 取消事件#

6. confirm() 确定事件#

一、约定

二、属性（Attributes）

三、组件管理

（一）组件事件

（二）子组件

1. el-dialog

四、事件方法

1. openConfirmDialog() 打开弹框

2. closeConfirmDialog() 关闭弹框

3. initConfirmDialog() 初始化确认弹框

4. getReturnData() 获取返回数据

5. cancel() 取消事件

6. confirm() 确定事件