组件文档

系统使用到的相关组件

基础框架组件

element-ui (opens new window)

vue-element-admin (opens new window)

树形选择组件

vue-treeselect (opens new window)

富文本编辑器

quill (opens new window)

表格分页组件

pagination (opens new window)

参数	类型	默认值	描述
total	Number	空	总条目数
page	Number	1	初始化加载页数
limit	Number	20	每页的记录行数
pageSizes	Array	[10, 20, 30, 50]	可供选择的每页的行数
pagerCount	Number	5	设置最大页码按钮数
layout	String	total, sizes, prev, pager, next, jumper	组件布局，子组件名用逗号分隔
background	Boolean	true	是否为分页按钮添加背景色
autoScroll	Boolean	true	自动滚动到顶部
hidden	Boolean	false	是否显示分页

富文本组件

editor (opens new window)

参数	类型	默认值	描述
value	String	空	编辑器的内容
height	Number	Null	编辑器的高度
minHeight	Number	Null	最小高度
readOnly	Boolean	false	是否只读
fileSize	Number	5	上传文件大小限制(MB)
type	String	url	图片保存类型（base64编码、url地址）

工具栏右侧组件

right-toolbar (opens new window)

参数	类型	默认值	描述
showSearch	Boolean	true	是否显示检索条件
columns	Array	空	显隐列信息
search	Boolean	true	是否显示检索图标
showColumnsType	String	checkbox	显隐列类型（transfer穿梭框、checkbox复选框）
gutter	Number	10	右外边距

图片上传组件

image-upload (opens new window)

参数	类型	默认值	描述
value	String, Array	空	图片上传的值
limit	Number	5	图片数量限制
fileSize	Number	5	大小限制(MB)
fileType	Array	["doc", "xls", "ppt", "txt", "pdf"]	文件类型, 例如['png', 'jpg', 'jpeg']
isShowTip	Boolean	true	是否显示提示信息

图片预览组件

image-preview (opens new window)

参数	类型	默认值	描述
src	String	空	预览地址
width	Number, String	空	预览宽度
height	Number, String	空	预览高度

文件上传组件

file-upload (opens new window)

参数	类型	默认值	描述
value	String, Array	空	文件上传的值
limit	Number	5	上传数量限制
fileSize	Number	5	大小限制(MB)
fileType	Array	["doc", "xls", "ppt", "txt", "pdf"]	文件类型, 例如['xls', 'doc', 'pdf']
isShowTip	Boolean	true	是否显示提示信息

表单设计组件

form-generator (opens new window)

数据字典组件

vue-data-dict (opens new window)

任务表达式组件

vue-crontab (opens new window)