czy-avue-form-design
Version:
Vue3.0版本，因Avue还存在一些bug，请慎重使用。
689 lines (688 loc) • 18 kB
JavaScript
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,
labelPosition: 'top',
children: {
align: 'center',
headerAlign: 'center',
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: 'ueditor',
component: 'avue-ueditor',
label: '富文本',
icon: 'icon-richtext',
span: 24,
display: true,
options: {
action: '',
oss: '',
props: {},
ali: {},
qiniu: {}
},
}]
},
{
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',
desc: 'desc'
}
}, {
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',
desc: 'desc'
}
}, {
type: 'select',
label: '下拉选择器',
icon: 'icon-select',
dicData: [
{ label: '选项一', value: '0' },
{ label: '选项二', value: '1' },
{ label: '选项三', value: '2' },
],
// 用于做级联配置
cascader: [],
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,
// 用于做级联配置
cascader: [],
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,
// 用于做级联配置
cascader: [],
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: 'icon',
label: '图标',
component: 'avue-input-icon',
icon: 'icon-icon',
span: 24,
display: true,
params: {
iconList: [{
label: '基本图标',
list: [
"el-icon-add-location",
"el-icon-aim",
"el-icon-alarm-clock",
"el-icon-apple",
"el-icon-arrow-down",
"el-icon-arrow-down-bold",
"el-icon-arrow-left",
"el-icon-arrow-left-bold",
"el-icon-arrow-right",
"el-icon-arrow-right-bold",
"el-icon-arrow-up",
"el-icon-arrow-up-bold",
"el-icon-avatar",
"el-icon-back",
"el-icon-baseball",
"el-icon-basketball",
"el-icon-bell",
"el-icon-bell-filled",
"el-icon-bicycle",
"el-icon-bottom",
"el-icon-bottom-left",
"el-icon-bottom-right",
"el-icon-bowl",
"el-icon-box",
"el-icon-briefcase",
"el-icon-brush",
"el-icon-brush-filled",
"el-icon-burger",
"el-icon-calendar",
"el-icon-camera",
"el-icon-camera-filled",
"el-icon-caret-bottom",
"el-icon-caret-left",
"el-icon-caret-right",
"el-icon-caret-top",
"el-icon-cellphone",
"el-icon-chat-dot-round",
"el-icon-chat-dot-square",
"el-icon-chat-line-round",
"el-icon-chat-line-square",
"el-icon-chat-round",
"el-icon-chat-square",
"el-icon-check",
"el-icon-checked",
"el-icon-cherry",
"el-icon-chicken",
"el-icon-chrome-filled",
"el-icon-circle-check",
"el-icon-circle-check-filled",
"el-icon-circle-close",
"el-icon-circle-close-filled",
"el-icon-circle-plus",
"el-icon-circle-plus-filled",
"el-icon-clock",
"el-icon-close",
"el-icon-close-bold",
"el-icon-cloudy",
"el-icon-coffee",
"el-icon-coffee-cup",
"el-icon-coin",
"el-icon-cold-drink",
"el-icon-collection",
"el-icon-collection-tag",
"el-icon-comment",
"el-icon-compass",
"el-icon-connection",
"el-icon-coordinate",
"el-icon-copy-document",
"el-icon-cpu",
"el-icon-credit-card",
"el-icon-crop",
"el-icon-d-arrow-left",
"el-icon-d-arrow-right",
"el-icon-d-caret",
"el-icon-data-analysis",
"el-icon-data-board",
"el-icon-data-line",
"el-icon-delete",
"el-icon-delete-filled",
"el-icon-delete-location",
"el-icon-dessert",
"el-icon-discount",
"el-icon-dish",
"el-icon-dish-dot",
"el-icon-document",
"el-icon-document-add",
"el-icon-document-checked",
"el-icon-document-copy",
"el-icon-document-delete",
"el-icon-document-remove",
"el-icon-download",
"el-icon-drizzling",
"el-icon-edit",
"el-icon-edit-pen",
"el-icon-eleme",
"el-icon-eleme-filled",
"el-icon-element-plus",
"el-icon-expand",
"el-icon-failed",
"el-icon-female",
"el-icon-files",
"el-icon-film",
"el-icon-filter",
"el-icon-finished",
"el-icon-first-aid-kit",
"el-icon-flag",
"el-icon-fold",
"el-icon-folder",
"el-icon-folder-add",
"el-icon-folder-checked",
"el-icon-folder-delete",
"el-icon-folder-opened",
"el-icon-folder-remove",
"el-icon-food",
"el-icon-football",
"el-icon-fork-spoon",
"el-icon-fries",
"el-icon-full-screen",
"el-icon-goblet",
"el-icon-goblet-full",
"el-icon-goblet-square",
"el-icon-goblet-square-full",
"el-icon-gold-medal",
"el-icon-goods",
"el-icon-goods-filled",
"el-icon-grape",
"el-icon-grid",
"el-icon-guide",
"el-icon-handbag",
"el-icon-headset",
"el-icon-help",
"el-icon-help-filled",
"el-icon-hide",
"el-icon-histogram",
"el-icon-home-filled",
"el-icon-hot-water",
"el-icon-house",
"el-icon-ice-cream",
"el-icon-ice-cream-round",
"el-icon-ice-cream-square",
"el-icon-ice-drink",
"el-icon-ice-tea",
"el-icon-info-filled",
"el-icon-iphone",
"el-icon-key",
"el-icon-knife-fork",
"el-icon-lightning",
"el-icon-link",
"el-icon-list",
"el-icon-loading",
"el-icon-location",
"el-icon-location-filled",
"el-icon-location-information",
"el-icon-lock",
"el-icon-lollipop",
"el-icon-magic-stick",
"el-icon-magnet",
"el-icon-male",
"el-icon-management",
"el-icon-map-location",
"el-icon-medal",
"el-icon-memo",
"el-icon-menu",
"el-icon-message",
"el-icon-message-box",
"el-icon-mic",
"el-icon-microphone",
"el-icon-milk-tea",
"el-icon-minus",
"el-icon-money",
"el-icon-monitor",
"el-icon-moon",
"el-icon-moon-night",
"el-icon-more",
"el-icon-more-filled",
"el-icon-mostly-cloudy",
"el-icon-mouse",
"el-icon-mug",
"el-icon-mute",
"el-icon-mute-notification",
"el-icon-no-smoking",
"el-icon-notebook",
"el-icon-notification",
"el-icon-odometer",
"el-icon-office-building",
"el-icon-open",
"el-icon-operation",
"el-icon-opportunity",
"el-icon-orange",
"el-icon-paperclip",
"el-icon-partly-cloudy",
"el-icon-pear",
"el-icon-phone",
"el-icon-phone-filled",
"el-icon-picture",
"el-icon-picture-filled",
"el-icon-picture-rounded",
"el-icon-pie-chart",
"el-icon-place",
"el-icon-platform",
"el-icon-plus",
"el-icon-pointer",
"el-icon-position",
"el-icon-postcard",
"el-icon-pouring",
"el-icon-present",
"el-icon-price-tag",
"el-icon-printer",
"el-icon-promotion",
"el-icon-quartz-watch",
"el-icon-question-filled",
"el-icon-rank",
"el-icon-reading",
"el-icon-reading-lamp",
"el-icon-refresh",
"el-icon-refresh-left",
"el-icon-refresh-right",
"el-icon-refrigerator",
"el-icon-remove",
"el-icon-remove-filled",
"el-icon-right",
"el-icon-scale-to-original",
"el-icon-school",
"el-icon-scissor",
"el-icon-search",
"el-icon-select",
"el-icon-sell",
"el-icon-semi-select",
"el-icon-service",
"el-icon-set-up",
"el-icon-setting",
"el-icon-share",
"el-icon-ship",
"el-icon-shop",
"el-icon-shopping-bag",
"el-icon-shopping-cart",
"el-icon-shopping-cart-full",
"el-icon-shopping-trolley",
"el-icon-smoking",
"el-icon-soccer",
"el-icon-sold-out",
"el-icon-sort",
"el-icon-sort-down",
"el-icon-sort-up",
"el-icon-stamp",
"el-icon-star",
"el-icon-star-filled",
"el-icon-stopwatch",
"el-icon-success-filled",
"el-icon-sugar",
"el-icon-suitcase",
"el-icon-suitcase-line",
"el-icon-sunny",
"el-icon-sunrise",
"el-icon-sunset",
"el-icon-switch",
"el-icon-switch-button",
"el-icon-switch-filled",
"el-icon-takeaway-box",
"el-icon-ticket",
"el-icon-tickets",
"el-icon-timer",
"el-icon-toilet-paper",
"el-icon-tools",
"el-icon-top",
"el-icon-top-left",
"el-icon-top-right",
"el-icon-trend-charts",
"el-icon-trophy",
"el-icon-trophy-base",
"el-icon-turn-off",
"el-icon-umbrella",
"el-icon-unlock",
"el-icon-upload",
"el-icon-upload-filled",
"el-icon-user",
"el-icon-user-filled",
"el-icon-van",
"el-icon-video-camera",
"el-icon-video-camera-filled",
"el-icon-video-pause",
"el-icon-video-play",
"el-icon-view",
"el-icon-wallet",
"el-icon-wallet-filled",
"el-icon-warn-triangle-filled",
"el-icon-warning",
"el-icon-warning-filled",
"el-icon-watch",
"el-icon-watermelon",
"el-icon-wind-power",
"el-icon-zoom-in",
"el-icon-zoom-out"
]
}]
}
}, {
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
}]
}
]