export default [
{
title: '布局字段',
list: [{
type: 'group',
label: '分组',
icon: 'icon-group',
display: true,
arrow: false,
collapse: true,
children: {
column: []
}
}, {
type: 'dynamic',
label: '子表单',
icon: 'icon-table',
span: 24,
display: true,
children: {
align: 'center',
headerAlign: 'center',
index: false,
addBtn: true,
delBtn: true,
column: []
}
}, {
type: 'title',
icon: 'icon-title',
span: 24,
display: true,
styles: {
fontSize: '18px',
color: '#000'
},
label: '标题',
labelWidth: '0px',
value: '标题',
}]
},
{
title: '输入字段',
list: [{
type: 'input',
label: '单行文本',
icon: 'icon-input',
span: 24,
display: true
}, {
type: 'password',
label: '密码',
icon: 'icon-password',
span: 24,
display: true
}, {
type: 'textarea',
label: '多行文本',
icon: 'icon-textarea',
span: 24,
display: true
}, {
type: 'number',
label: '计数器',
icon: 'icon-number',
controls: true,
span: 24,
display: true,
}, {
type: 'url',
label: '超链接',
icon: 'icon-url',
span: 24,
display: true
}, {
type: 'array',
label: '数组',
icon: 'icon-array',
span: 24,
display: true,
}, {
type: 'img',
label: '图片',
icon: 'icon-img',
span: 24,
display: true,
}, {
type: 'map',
component: 'avue-input-map',
label: '地图选择器',
icon: 'icon-map',
span: 24,
display: true
}]
},
{
title: '选择字段',
list: [{
type: 'radio',
label: '单选框组',
icon: 'icon-radio',
dicData: [
{ label: '选项一', value: '0' },
{ label: '选项二', value: '1' },
{ label: '选项三', value: '2' },
],
span: 24,
display: true,
dicOption: 'static',
props: {
label: 'label',
value: 'value'
}
}, {
type: 'checkbox',
label: '多选框组',
icon: 'icon-checkbox',
dicData: [
{ label: '选项一', value: '0' },
{ label: '选项二', value: '1' },
{ label: '选项三', value: '2' },
],
span: 24,
display: true,
dicOption: 'static',
props: {
label: 'label',
value: 'value'
}
}, {
type: 'select',
label: '下拉选择器',
icon: 'icon-select',
dicData: [
{ label: '选项一', value: '0' },
{ label: '选项二', value: '1' },
{ label: '选项三', value: '2' },
],
// 用于做级联配置
cascaderItem: [],
span: 24,
display: true,
dicOption: 'static',
props: {
label: 'label',
value: 'value',
desc: 'desc'
}
}, {
type: 'cascader',
label: '级联选择器',
icon: 'icon-link',
span: 24,
display: true,
dicData: [
{
label: '选项一',
value: 0,
children: [{
label: '选项1-1',
value: 11,
}, {
label: '选项1-2',
value: 12,
}]
},
{ label: '选项二', value: '1' },
{ label: '选项三', value: '2' },
],
cascaderIndex: 1,
// 用于做级联配置
cascaderItem: [],
showAllLevels: true,
dicOption: 'static',
separator: "/",
props: {
label: 'label',
value: 'value',
desc: 'desc'
}
}, {
type: 'tree',
label: '树形选择器',
icon: 'icon-tree',
span: 24,
display: true,
dicOption: 'static',
dicData: [
{
label: '选项一',
value: 0,
children: [{
label: '选项1-1',
value: '11',
}, {
label: '选项1-2',
value: '12',
}]
},
{ label: '选项二', value: '1' },
{ label: '选项三', value: '2' },
],
parent: true,
// 用于做级联配置
cascaderItem: [],
props: {
label: 'label',
value: 'value',
desc: 'desc'
}
}, {
type: 'table',
label: '表格选择器',
icon: 'icon-table',
display: true,
span: 24,
children: {
border: true,
searchMenuSpan: 6,
searchIcon: true,
column: [],
props: {
url: '',
method: 'get',
rowKey: 'id',
needPage: true,
currentPageKey: 'current',
pageSizeKey: 'size',
totalKey: 'total',
recordsKey: 'records',
resKey: 'data.data',
auto: true
}
},
formatter: (row) => {
return row.name
},
props: {
label: 'name',
value: 'id'
},
}]
},
{
title: '上传字段',
list: [{
type: 'upload',
label: '上传',
icon: 'icon-upload',
span: 24,
display: true,
showFileList: true,
multiple: true,
limit: 10,
// props: {},
propsHttp: {},
headersConfig: [],
dataConfig: []
}],
},
{
title: '日期时间字段',
list: [{
type: 'year',
label: '年',
icon: 'icon-year',
span: 24,
display: true,
format: 'yyyy',
valueFormat: 'yyyy'
}, {
type: 'month',
label: '月',
icon: 'icon-month',
span: 24,
display: true,
format: 'MM',
valueFormat: 'MM'
}, {
type: 'week',
label: '周',
icon: 'icon-week',
span: 24,
display: true,
format: 'yyyy 第 WW 周',
}, {
type: 'date',
label: '日期',
icon: 'icon-date',
span: 24,
display: true,
format: 'yyyy-MM-dd',
valueFormat: 'yyyy-MM-dd'
}, {
type: 'time',
label: '时间',
icon: 'icon-time',
span: 24,
display: true,
format: 'HH:mm:ss',
valueFormat: 'HH:mm:ss'
}, {
type: 'datetime',
label: '日期时间',
icon: 'icon-datetime',
span: 24,
display: true,
format: 'yyyy-MM-dd HH:mm:ss',
valueFormat: 'yyyy-MM-dd HH:mm:ss'
}, {
type: 'daterange',
label: '日期范围',
icon: 'icon-date-range',
span: 24,
display: true,
format: 'yyyy-MM-dd',
valueFormat: 'yyyy-MM-dd'
}, {
type: 'timerange',
label: '时间范围',
icon: 'icon-time-range',
span: 24,
display: true,
format: 'HH:mm:ss',
valueFormat: 'HH:mm:ss'
}, {
type: 'datetimerange',
label: '日期时间范围',
icon: 'icon-datetime-range',
span: 24,
display: true,
format: 'yyyy-MM-dd HH:mm:ss',
valueFormat: 'yyyy-MM-dd HH:mm:ss'
}],
},
{
title: '插件字段（需单独引入依赖）',
list: [{
type: 'ueditor',
component: 'avue-ueditor',
label: '富文本',
icon: 'icon-richtext',
span: 24,
display: true,
options: {
action: '',
oss: '',
props: {},
ali: {},
qiniu: {}
},
},],
},
{
title: '其他字段',
list: [{
type: 'icon',
label: '图标',
component: 'avue-input-icon',
icon: 'icon-icon',
span: 24,
display: true,
params: {
iconList: [{
label: '基本图标',
list: ['el-icon-info', 'el-icon-error', 'el-icon-error', 'el-icon-success', 'el-icon-warning', 'el-icon-question']
}, {
label: '方向图标',
list: ['el-icon-info', 'el-icon-back', 'el-icon-arrow-left', 'el-icon-arrow-down', 'el-icon-arrow-right', 'el-icon-arrow-up']
}, {
label: '符号图标',
list: ['el-icon-plus', 'el-icon-minus', 'el-icon-close', 'el-icon-check']
}]
}
}, {
type: 'switch',
label: '开关',
icon: 'icon-switch',
span: 24,
display: true,
value: '0',
dicData: [{ label: '', value: '0' }, { label: '', value: '1' }]
}, {
type: 'rate',
label: '评价',
icon: 'icon-star',
span: 24,
display: true,
max: 5,
value: 0,
texts: ['极差', '失望', '一般', '满意', '惊喜'],
colors: ['#99A9BF', '#F7BA2A', '#FF9900'],
}, {
type: 'slider',
label: '滑块',
icon: 'icon-slider',
span: 24,
display: true,
min: 0,
max: 10
}, {
type: 'color',
label: '颜色选择器',
icon: 'icon-color',
span: 24,
display: true
}]
}
]