General

封装了系统中常用的按钮组件。

EBtnAdd 新增

新增数据，一般用于表格右上角。

<e-btn-add to="/sys/sample/input"/>
<!-- 自定义按钮文字 -->
<e-btn-add to="/sys/sample/input">自定义文字</e-btn-add>

参数	必须	说明	类型	默认值
to	✔	打开页面的路由地址	String	undefined
tabName		标签页名称	String	新增
icon		图标	String	plus
params		参数	object	undefined
permissions		权限标识，如当前用户没有此权限，按钮不显示	object	undefined

EBtnRemoveBatch 删除

批量删除数据，一般用于表格右上角。

<e-btn-remove-batch :loading.sync="removeBathLoading" :ids="selectedRowKeys" :click-callback="remove"/>
<!-- 自定义按钮文字 -->
<e-btn-remove-batch :loading.sync="removeBathLoading" :ids="selectedRowKeys" :click-callback="remove"/>自定义文字</e-btn-remove-batch>

参数	必须	说明	类型	默认值
clickCallback	✔	删除回调	function	() => {}
ids		数据ids，如果ids为或者为空数组按钮不显示	array	undefined
icon		图标	String	delete
params		参数	object	undefined
permissions		权限标识，如当前用户没有此权限，按钮不显示	object	undefined
loading		设置按钮载入状态	boolean	false

WARNING

• remove 方法需要自行实现
• ids 为表格选中数据
• loading 建议设置按钮状态属性，防止等待时间过长用户重复点击。删除方法执行完或者调用出错时需将loading设置为false

EBtnAddSub 新增下级

新增下级，一般用于表格最后一列的操作列中。

<e-btn-add-sub to="/sys/sample/input" :params="{id: 'xxx'}"/>

参数	必须	说明	类型	默认值
to	✔	打开页面的路由地址	String	undefined
name		按钮提示	String	新增下级
tabName		标签页名称	String	新增下级
icon		图标	String	plus
params		参数	object	undefined
permissions		权限标识，如当前用户没有此权限，按钮不显示	object	undefined
divider		后面是否显示垂直分割线	boolean	true

EBtnEdit 修改

修改数据，一般用于表格最后一列的操作列中。

<e-btn-edit to="/sys/sample/input"/>

参数	必须	说明	类型	默认值
to	✔	打开页面的路由地址	String	undefined
id		数据id	String	undefined
name		按钮提示	String	修改
tabName		标签页名称	String	修改
icon		图标	String	edit
params		参数	object	undefined
permissions		权限标识，如当前用户没有此权限，按钮不显示	object	undefined
divider		后面是否显示垂直分割线	boolean	true

EBtnInfo 查看

查看数据详情，一般用于表格最后一列的操作列中。

<e-btn-info to="/sys/sample/info"/>

参数	必须	说明	类型	默认值
to	✔	打开页面的路由地址	String	undefined
id		数据id	String	undefined
name		按钮提示	String	详情
tabName		标签页名称	String	详情
icon		图标	String	search
params		参数	object	undefined
permissions		权限标识，如当前用户没有此权限，按钮不显示	object	undefined
divider		后面是否显示垂直分割线	boolean	true

EBtnRemove 删除

删除数据，一般用于表格最后一列的操作列中。

<e-btn-remove :click-callback="remove"/>

参数	必须	说明	类型	默认值
clickCallback	✔	删除回调	function	() => {}
id		数据id	String	undefined
name		按钮提示	String	删除
icon		图标	String	delete
params		参数	object	undefined
permissions		权限标识，如当前用户没有此权限，按钮不显示	object	undefined
divider		后面是否显示垂直分割线	boolean	true

WARNING

• remove 方法需要自行实现

EBtnSave 保存

保存数据，一般用于表单底部。

<e-btn-save :loading="saveLoading" :click-callback="save"/>
<!-- 自定义按钮文字 -->
<e-btn-save :loading="saveLoading" :click-callback="save"/>自定义文字</e-btn-save>

参数	必须	说明	类型	默认值
clickCallback	✔	保存回调	function	() => {}
icon		图标	String	save
permissions		权限标识，如当前用户没有此权限，按钮不显示	object	undefined
loading		设置按钮载入状态	boolean	false

WARNING

• save 方法需要自行实现
• loading 建议设置按钮状态属性，防止等待时间过长用户重复点击。保存方法执行完或者调用出错时需将loading设置为false

EBtnImport 导入

导入数据，一般用于表格右上角。

<e-btn-import import-code="sample:general"/>
<!-- 自定义按钮文字 -->
<e-btn-import import-code="sample:general">自定义文字</e-btn-import>

参数	必须	说明	类型	默认值
importCode	✔	导入模板标识	String	undefined
tabName		标签页名称	String	导入数据
icon		图标	String	upload
params		参数	object	undefined
permissions		权限标识，如当前用户没有此权限，按钮不显示	object	undefined

EBtnWorkFlowStart 发起流程

发起流程，一般用于表格最后一列的操作列中。

<e-btn-work-flow-start
    model-key="sample"
    business-key="xxx"
    business-title="工作名称"
    business-details-path="views/sample/work-flow/Info"/>

参数	必须	说明	类型	默认值
name		按钮提示	String	提交
icon		图标	String	check
modelKey	✔	模型标识	String	undefined
businessKey	✔	业务id	String	undefined
businessTitle	✔	工作名称	String	undefined
businessDetailsPath	✔	工作详情组件地址	String	undefined
divider		后面是否显示垂直分割线	boolean	true

WARNING

• 参数businessDetailsPath不是访问url，是文件路径。比如：views/sample/work-flow/Info

EBtnWorkFlowProgress 审核进度

查询审核进度，一般用于表格最后一列的操作列中。

<e-btn-work-flow-progress business-key="xxx"/>

参数	必须	说明	类型	默认值
name		按钮提示	String	查询进度
icon		图标	String	deployment-unit
executionId		执行实例ID	String	undefined
processInstanceId		流程实例ID	String	undefined
businessKey		业务id	String	undefined
divider		后面是否显示垂直分割线	boolean	true

WARNING

• 参数businessKey 和 executionId&processInstanceId必须有一组有值，业务中建议使用 businessKey

EBtnWorkFlowRevoke 撤销申请

撤销申请，一般用于表格最后一列的操作列中。

<e-btn-work-flow-revoke business-key="xxx"/>

参数	必须	说明	类型	默认值
name		按钮提示	String	撤销申请
icon		图标	String	rollback
processInstanceId		流程实例ID	String	undefined
businessKey		业务id	String	undefined
reason		是否需要填写原因	boolean	false
divider		后面是否显示垂直分割线	boolean	true

WARNING

• 参数businessKey 和 processInstanceId必须有一项有值，业务中建议使用 businessKey