2019-04-30 11:11:25 +08:00
|
|
|
|
export default {
|
2019-11-07 10:41:14 +08:00
|
|
|
|
$schema: 'https://houtai.baidu.com/v2/schemas/page.json#',
|
|
|
|
|
|
title: '所有 Form 元素列举',
|
|
|
|
|
|
data: {
|
|
|
|
|
|
id: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
body: [
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'form',
|
|
|
|
|
|
api: '/api/mock2/saveForm?waitSeconds=2',
|
|
|
|
|
|
title: '表单项',
|
|
|
|
|
|
mode: 'horizontal',
|
|
|
|
|
|
// debug: true,
|
|
|
|
|
|
autoFocus: true,
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'html',
|
|
|
|
|
|
html: '<p>html 片段, 可以用来添加说明性文字</p>'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
name: 'var1',
|
|
|
|
|
|
label: '文本'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
name: 'withHelp',
|
|
|
|
|
|
label: '带提示信息',
|
|
|
|
|
|
desc: '这是一段描述文字'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'password',
|
|
|
|
|
|
name: 'password',
|
|
|
|
|
|
label: '密码',
|
|
|
|
|
|
inline: true
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'number',
|
|
|
|
|
|
name: 'number',
|
|
|
|
|
|
label: '数字',
|
|
|
|
|
|
placeholder: '',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
value: 5,
|
|
|
|
|
|
min: 1,
|
|
|
|
|
|
max: 10
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'tag',
|
|
|
|
|
|
name: 'tag',
|
|
|
|
|
|
label: '标签',
|
|
|
|
|
|
placeholder: '',
|
|
|
|
|
|
clearable: true,
|
2020-05-25 11:11:01 +08:00
|
|
|
|
// dropdown: false, 保留原来的展现方式。
|
|
|
|
|
|
// size: 'md',
|
|
|
|
|
|
// inline: true,
|
2020-05-15 16:47:08 +08:00
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '诸葛亮',
|
|
|
|
|
|
value: 'zhugeliang'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '曹操',
|
|
|
|
|
|
value: 'caocao'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '钟无艳',
|
|
|
|
|
|
value: 'zhongwuyan'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '野核',
|
|
|
|
|
|
children: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '李白',
|
|
|
|
|
|
value: 'libai'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '韩信',
|
|
|
|
|
|
value: 'hanxin'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '云中君',
|
|
|
|
|
|
value: 'yunzhongjun'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
2019-11-07 10:41:14 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
name: 'placeholder',
|
|
|
|
|
|
label: 'Placeholder',
|
|
|
|
|
|
placeholder: 'Placeholder'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
disabled: true,
|
|
|
|
|
|
name: 'disabled',
|
|
|
|
|
|
label: '禁用状态',
|
|
|
|
|
|
placeholder: '这里禁止输入内容'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
name: 'text-sug',
|
|
|
|
|
|
label: '文本提示',
|
|
|
|
|
|
options: ['lixiaolong', 'zhouxingxing', 'yipingpei', 'liyuanfang'],
|
|
|
|
|
|
addOn: {
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
label: '$'
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
|
{
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
name: 'text-sug-multiple',
|
|
|
|
|
|
label: '文本提示多选',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
options: ['lixiaolong', 'zhouxingxing', 'yipingpei', 'liyuanfang']
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'static',
|
|
|
|
|
|
name: 'static',
|
|
|
|
|
|
labelClassName: 'text-muted',
|
|
|
|
|
|
label: '静态展示',
|
|
|
|
|
|
value: '这是静态展示的值'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'static',
|
|
|
|
|
|
name: 'static2',
|
|
|
|
|
|
label: '静态展示',
|
|
|
|
|
|
value: '这是静态展示的值',
|
|
|
|
|
|
copyable: {
|
|
|
|
|
|
content: 'blabla'
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'checkboxes',
|
|
|
|
|
|
name: 'checkboxes',
|
|
|
|
|
|
label: '多选框',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项1',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项2',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项3',
|
|
|
|
|
|
disabled: true,
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'checkboxes',
|
|
|
|
|
|
name: 'checkboxesInline',
|
|
|
|
|
|
label: '多选内联',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 A',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 B',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 C',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'radios',
|
|
|
|
|
|
name: 'radios',
|
|
|
|
|
|
label: '单选',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项1',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项2',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项3',
|
|
|
|
|
|
disabled: true,
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'radios',
|
|
|
|
|
|
name: 'radiosInline',
|
|
|
|
|
|
label: '单选内联',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项1',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项2',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项3',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'button-group',
|
|
|
|
|
|
name: 'btn-group',
|
|
|
|
|
|
label: '按钮组',
|
|
|
|
|
|
description: '类似于单选效果',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 A',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 B',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 C',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'button-group',
|
|
|
|
|
|
name: 'btn-group2',
|
|
|
|
|
|
label: '按钮组',
|
|
|
|
|
|
clearable: true,
|
|
|
|
|
|
description: '可清除',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 A',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 B',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 C',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'button-group',
|
|
|
|
|
|
name: 'btn-group3',
|
|
|
|
|
|
label: '按钮组',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 A',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 B',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 C',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
],
|
|
|
|
|
|
desc: '可多选'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'list',
|
|
|
|
|
|
name: 'List',
|
|
|
|
|
|
label: 'List',
|
|
|
|
|
|
desc: '也差不多，只是展示方式不一样',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 A',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 B',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 C',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'list',
|
|
|
|
|
|
name: 'list2',
|
|
|
|
|
|
label: 'List',
|
|
|
|
|
|
desc: '可多选',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 A',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 B',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项 C',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
// {
|
|
|
|
|
|
// type: "divider"
|
|
|
|
|
|
// },
|
|
|
|
|
|
// {
|
|
|
|
|
|
// type: "list",
|
|
|
|
|
|
// name: "list3",
|
|
|
|
|
|
// label: "List",
|
|
|
|
|
|
// desc: "支持顶部显示提示信息",
|
|
|
|
|
|
// options: [
|
|
|
|
|
|
// {
|
|
|
|
|
|
// label: "选项 A",
|
|
|
|
|
|
// value: 1,
|
|
|
|
|
|
// tip: '提示 A'
|
|
|
|
|
|
// },
|
|
|
|
|
|
// {
|
|
|
|
|
|
// label: "选项 B",
|
|
|
|
|
|
// value: 2,
|
|
|
|
|
|
// tip: '提示 B'
|
|
|
|
|
|
// },
|
|
|
|
|
|
// {
|
|
|
|
|
|
// label: "选项 C",
|
|
|
|
|
|
// value: 3,
|
|
|
|
|
|
// tip: '提示 C'
|
|
|
|
|
|
// }
|
|
|
|
|
|
// ]
|
|
|
|
|
|
// },
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'list',
|
|
|
|
|
|
name: 'list4',
|
|
|
|
|
|
label: 'List',
|
|
|
|
|
|
imageClassName: 'thumb-lg',
|
|
|
|
|
|
desc: '支持放张图片',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
image:
|
|
|
|
|
|
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg',
|
|
|
|
|
|
value: 1,
|
|
|
|
|
|
label: '图片1'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
image:
|
|
|
|
|
|
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg',
|
|
|
|
|
|
value: 2,
|
|
|
|
|
|
label: '图片2'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
image:
|
|
|
|
|
|
'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg',
|
|
|
|
|
|
value: 3,
|
|
|
|
|
|
label: '图片3'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'list',
|
|
|
|
|
|
name: 'list5',
|
|
|
|
|
|
label: 'List',
|
|
|
|
|
|
desc: '支持文字排版',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
value: 1,
|
|
|
|
|
|
body: `<div class="m-l-sm m-r-sm m-b-sm m-t-xs">
|
2019-07-23 09:59:06 +08:00
|
|
|
|
<div class="text-md p-b-xs b-inherit b-b m-b-xs">套餐：C01</div>
|
2019-04-30 11:11:25 +08:00
|
|
|
|
<div class="text-sm">CPU：22核</div>
|
|
|
|
|
|
<div class="text-sm">内存：10GB</div>
|
|
|
|
|
|
<div class="text-sm">SSD盘：1024GB</div>
|
|
|
|
|
|
</div>`
|
2019-11-07 10:41:14 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
value: 2,
|
|
|
|
|
|
body: `<div class="m-l-sm m-r-sm m-b-sm m-t-xs">
|
2019-07-23 09:59:06 +08:00
|
|
|
|
<div class="text-md p-b-xs b-inherit b-b m-b-xs">套餐：C02</div>
|
2019-04-30 11:11:25 +08:00
|
|
|
|
<div class="text-sm">CPU：23核</div>
|
|
|
|
|
|
<div class="text-sm">内存：11GB</div>
|
|
|
|
|
|
<div class="text-sm">SSD盘：1025GB</div>
|
|
|
|
|
|
</div>`
|
2019-11-07 10:41:14 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
value: 3,
|
|
|
|
|
|
disabled: true,
|
|
|
|
|
|
body: `<div class="m-l-sm m-r-sm m-b-sm m-t-xs">
|
2019-07-23 09:59:06 +08:00
|
|
|
|
<div class="text-md p-b-xs b-inherit b-b m-b-xs">套餐：C03</div>
|
2019-04-30 11:11:25 +08:00
|
|
|
|
<div class="text-sm">CPU：24核</div>
|
|
|
|
|
|
<div class="text-sm">内存：12GB</div>
|
|
|
|
|
|
<div class="text-sm">SSD盘：1026GB</div>
|
|
|
|
|
|
</div>`
|
2019-11-07 10:41:14 +08:00
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'rating',
|
|
|
|
|
|
count: 5,
|
|
|
|
|
|
value: 3,
|
|
|
|
|
|
label: '评分',
|
|
|
|
|
|
name: 'rating',
|
|
|
|
|
|
readOnly: false,
|
|
|
|
|
|
half: false
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'switch',
|
|
|
|
|
|
name: 'switch',
|
|
|
|
|
|
label: '开关'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'checkbox',
|
|
|
|
|
|
name: 'checkbox',
|
|
|
|
|
|
label: '勾选框',
|
|
|
|
|
|
option: ''
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'select',
|
|
|
|
|
|
name: 'type',
|
|
|
|
|
|
label: '单选',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项1',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项2',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'select',
|
|
|
|
|
|
name: 'type2',
|
|
|
|
|
|
label: '多选',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项1',
|
|
|
|
|
|
value: 1
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '选项2',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'color',
|
|
|
|
|
|
name: 'color',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
label: 'Color'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'date',
|
|
|
|
|
|
name: 'date',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
label: '日期'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'datetime',
|
|
|
|
|
|
name: 'datetime',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
label: '日期+时间'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'time',
|
|
|
|
|
|
name: 'time',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
label: '时间'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'date-range',
|
|
|
|
|
|
name: 'daterangee',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
label: '时间范围'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
[
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'datetime',
|
|
|
|
|
|
name: 'starttime',
|
|
|
|
|
|
label: '开始时间',
|
|
|
|
|
|
maxDate: '${endtime}'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'datetime',
|
|
|
|
|
|
name: 'endtime',
|
|
|
|
|
|
label: '结束时间',
|
|
|
|
|
|
minDate: '${starttime}'
|
|
|
|
|
|
}
|
|
|
|
|
|
],
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'group',
|
|
|
|
|
|
label: '时间范围',
|
|
|
|
|
|
required: '',
|
|
|
|
|
|
gap: 'xs',
|
|
|
|
|
|
description: '选择自定义后，可以选择日期范围',
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'button-group',
|
|
|
|
|
|
name: 'range1',
|
|
|
|
|
|
value: 'today',
|
|
|
|
|
|
// btnActiveClassName: "btn-primary active",
|
|
|
|
|
|
btnActiveLevel: 'primary',
|
|
|
|
|
|
mode: 'inline',
|
|
|
|
|
|
options: [
|
2019-04-30 11:11:25 +08:00
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: '今天',
|
|
|
|
|
|
value: 'today'
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: '昨天',
|
|
|
|
|
|
value: 'yesterday'
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: '近三天',
|
|
|
|
|
|
value: '3days'
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: '近一周',
|
|
|
|
|
|
value: 'week'
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: '自定义',
|
|
|
|
|
|
value: 'custom'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'date',
|
|
|
|
|
|
name: 'starttime1',
|
|
|
|
|
|
maxDate: '${endtime1}',
|
|
|
|
|
|
visibleOn: "data.range1 == 'custom'",
|
|
|
|
|
|
mode: 'inline'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'date',
|
|
|
|
|
|
name: 'endtime1',
|
|
|
|
|
|
minDate: '${starttime1}',
|
|
|
|
|
|
visibleOn: "data.range1 == 'custom'",
|
|
|
|
|
|
mode: 'inline'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
|
{
|
|
|
|
|
|
type: 'input-group',
|
|
|
|
|
|
size: 'sm',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
label: 'Icon 组合',
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'icon',
|
|
|
|
|
|
addOnclassName: 'no-bg',
|
|
|
|
|
|
className: 'text-sm',
|
|
|
|
|
|
icon: 'search'
|
|
|
|
|
|
// "vendor": "iconfont"
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
placeholder: '搜索作业ID/名称',
|
|
|
|
|
|
inputClassName: 'b-l-none p-l-none',
|
|
|
|
|
|
name: 'jobName'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
2019-04-30 11:11:25 +08:00
|
|
|
|
|
2019-11-07 10:41:14 +08:00
|
|
|
|
{
|
|
|
|
|
|
type: 'input-group',
|
|
|
|
|
|
label: '各种组合',
|
|
|
|
|
|
inline: true,
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'select',
|
|
|
|
|
|
name: 'memoryUnits',
|
|
|
|
|
|
options: [
|
2019-04-30 11:11:25 +08:00
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'Gi',
|
|
|
|
|
|
value: 'Gi'
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'Mi',
|
|
|
|
|
|
value: 'Mi'
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'Ki',
|
|
|
|
|
|
value: 'Ki'
|
|
|
|
|
|
}
|
|
|
|
|
|
],
|
|
|
|
|
|
value: 'Gi'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
name: 'memory'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'select',
|
|
|
|
|
|
name: 'memoryUnits2',
|
|
|
|
|
|
options: [
|
2019-04-30 11:11:25 +08:00
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'Gi',
|
|
|
|
|
|
value: 'Gi'
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'Mi',
|
|
|
|
|
|
value: 'Mi'
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'Ki',
|
|
|
|
|
|
value: 'Ki'
|
|
|
|
|
|
}
|
|
|
|
|
|
],
|
|
|
|
|
|
value: 'Gi'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'button',
|
|
|
|
|
|
label: 'Go'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'image',
|
|
|
|
|
|
name: 'image',
|
|
|
|
|
|
label: '图片'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'image',
|
|
|
|
|
|
name: 'imageCrop',
|
|
|
|
|
|
label: '图片带裁剪',
|
|
|
|
|
|
crop: {
|
|
|
|
|
|
aspectRatio: 1.7777777777777777
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'image',
|
|
|
|
|
|
name: 'imageLimit',
|
|
|
|
|
|
label: '图片带限制',
|
|
|
|
|
|
limit: {
|
|
|
|
|
|
width: 200,
|
|
|
|
|
|
height: 200
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'textarea',
|
|
|
|
|
|
name: 'textarea',
|
|
|
|
|
|
label: '多行文本'
|
|
|
|
|
|
},
|
2020-05-14 15:39:43 +08:00
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
2020-05-14 11:33:47 +08:00
|
|
|
|
{
|
|
|
|
|
|
label: '穿梭器',
|
|
|
|
|
|
name: 'a',
|
|
|
|
|
|
type: 'transfer',
|
|
|
|
|
|
source: '/api/mock2/form/getOptions?waitSeconds=1',
|
|
|
|
|
|
searchable: true,
|
|
|
|
|
|
searchApi: '/api/mock2/options/autoComplete2?term=$term',
|
|
|
|
|
|
selectMode: 'list',
|
|
|
|
|
|
sortable: true,
|
|
|
|
|
|
inline: true
|
|
|
|
|
|
},
|
2019-11-07 10:41:14 +08:00
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'json-editor',
|
|
|
|
|
|
name: 'json',
|
|
|
|
|
|
value: `{
|
2019-04-30 11:11:25 +08:00
|
|
|
|
"a": 1,
|
|
|
|
|
|
"b": [
|
|
|
|
|
|
1,
|
|
|
|
|
|
2,
|
|
|
|
|
|
3
|
|
|
|
|
|
]
|
|
|
|
|
|
}`,
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'Json Editor'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'rich-text',
|
|
|
|
|
|
name: 'html',
|
|
|
|
|
|
label: 'Rich Text',
|
|
|
|
|
|
value: `<p>Just do <code>IT</code>!</p>`
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
2020-05-11 20:20:10 +08:00
|
|
|
|
label: '时间频率',
|
|
|
|
|
|
type: 'group',
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'repeatCount',
|
|
|
|
|
|
type: 'range',
|
|
|
|
|
|
label: false,
|
2020-05-11 20:27:33 +08:00
|
|
|
|
visibleOn: 'data.repeatUnit == "year"'
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'repeatCount',
|
|
|
|
|
|
type: 'range',
|
|
|
|
|
|
label: false,
|
|
|
|
|
|
max: 11,
|
|
|
|
|
|
min: 1,
|
|
|
|
|
|
visibleOn: 'data.repeatUnit == "month"'
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'repeatCount',
|
|
|
|
|
|
type: 'range',
|
|
|
|
|
|
label: false,
|
|
|
|
|
|
max: 29,
|
|
|
|
|
|
min: 1,
|
|
|
|
|
|
visibleOn: 'data.repeatUnit == "day"'
|
2020-05-11 20:20:10 +08:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'select',
|
|
|
|
|
|
name: 'repeatUnit',
|
|
|
|
|
|
label: false,
|
|
|
|
|
|
value: 'none',
|
2020-05-11 20:27:33 +08:00
|
|
|
|
// mode: 'inline',
|
2020-05-12 11:41:59 +08:00
|
|
|
|
columnClassName: 'v-middle w-ssm no-grow',
|
2020-05-11 20:20:10 +08:00
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '不重复',
|
|
|
|
|
|
value: 'none'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '年',
|
|
|
|
|
|
value: 'year'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '月',
|
|
|
|
|
|
value: 'month'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '日',
|
|
|
|
|
|
value: 'day'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
2019-11-07 10:41:14 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'tree',
|
|
|
|
|
|
name: 'tree',
|
|
|
|
|
|
label: '树',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'Folder A',
|
|
|
|
|
|
value: 1,
|
|
|
|
|
|
children: [
|
2019-04-30 11:11:25 +08:00
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'file A',
|
|
|
|
|
|
value: 2
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'file B',
|
|
|
|
|
|
value: 3
|
2019-04-30 11:11:25 +08:00
|
|
|
|
}
|
2019-11-07 10:41:14 +08:00
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file C',
|
|
|
|
|
|
value: 4
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file D',
|
|
|
|
|
|
value: 5
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'tree',
|
|
|
|
|
|
name: 'trees',
|
|
|
|
|
|
label: '树多选',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'Folder A',
|
|
|
|
|
|
value: 1,
|
|
|
|
|
|
children: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file A',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file B',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file C',
|
|
|
|
|
|
value: 4
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file D',
|
|
|
|
|
|
value: 5
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'tree-select',
|
|
|
|
|
|
name: 'selecttree',
|
|
|
|
|
|
label: '树选择器',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'Folder A',
|
|
|
|
|
|
value: 1,
|
|
|
|
|
|
children: [
|
2019-04-30 11:11:25 +08:00
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'file A',
|
|
|
|
|
|
value: 2
|
2019-04-30 11:11:25 +08:00
|
|
|
|
},
|
|
|
|
|
|
{
|
2019-11-07 10:41:14 +08:00
|
|
|
|
label: 'file B',
|
|
|
|
|
|
value: 3
|
2019-04-30 11:11:25 +08:00
|
|
|
|
}
|
2019-11-07 10:41:14 +08:00
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file C',
|
|
|
|
|
|
value: 4
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file D',
|
|
|
|
|
|
value: 5
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'tree-select',
|
|
|
|
|
|
name: 'selecttrees',
|
|
|
|
|
|
label: '树多选选择器',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'Folder A',
|
|
|
|
|
|
value: 1,
|
|
|
|
|
|
children: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file A',
|
|
|
|
|
|
value: 2
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file B',
|
|
|
|
|
|
value: 3
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file C',
|
|
|
|
|
|
value: 4
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'file D',
|
|
|
|
|
|
value: 5
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'nested-select',
|
|
|
|
|
|
name: 'nestedSelect',
|
|
|
|
|
|
label: '级联选择器',
|
|
|
|
|
|
size: 'sm',
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'A',
|
|
|
|
|
|
value: 'a'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'B',
|
|
|
|
|
|
value: 'b',
|
|
|
|
|
|
children: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'B-1',
|
|
|
|
|
|
value: 'b-1'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'B-2',
|
|
|
|
|
|
value: 'b-2'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'B-3',
|
|
|
|
|
|
value: 'b-3'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'C',
|
|
|
|
|
|
value: 'c'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'nested-select',
|
|
|
|
|
|
name: 'nestedSelectMul',
|
|
|
|
|
|
label: '级联选择器多选',
|
|
|
|
|
|
size: 'sm',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
options: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'A',
|
|
|
|
|
|
value: 'a'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'B',
|
|
|
|
|
|
value: 'b',
|
|
|
|
|
|
children: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'B-1',
|
|
|
|
|
|
value: 'b-1'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'B-2',
|
|
|
|
|
|
value: 'b-2'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'B-3',
|
|
|
|
|
|
value: 'b-3'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: 'C',
|
|
|
|
|
|
value: 'c'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'city',
|
|
|
|
|
|
name: 'city',
|
|
|
|
|
|
label: '城市选择器'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'matrix',
|
|
|
|
|
|
name: 'matrix',
|
|
|
|
|
|
label: '矩阵开关',
|
|
|
|
|
|
rowLabel: '行标题说明',
|
|
|
|
|
|
columns: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '列1'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '列2'
|
|
|
|
|
|
}
|
|
|
|
|
|
],
|
|
|
|
|
|
rows: [
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '行1'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
label: '行2'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'combo',
|
|
|
|
|
|
name: 'combo',
|
|
|
|
|
|
label: '组合单条',
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'a',
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
placeholder: 'A'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'b',
|
|
|
|
|
|
type: 'select',
|
|
|
|
|
|
options: ['a', 'b', 'c']
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'combo',
|
|
|
|
|
|
name: 'combo2',
|
|
|
|
|
|
label: '组合多条',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
value: [{}],
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'a',
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
placeholder: 'A'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'b',
|
|
|
|
|
|
type: 'select',
|
|
|
|
|
|
options: ['a', 'b', 'c']
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'form',
|
|
|
|
|
|
label: '子表单',
|
|
|
|
|
|
name: 'subForm',
|
|
|
|
|
|
btnLabel: '点击设置',
|
|
|
|
|
|
form: {
|
|
|
|
|
|
title: '子表单',
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'a',
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
label: 'Foo'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'b',
|
|
|
|
|
|
type: 'switch',
|
|
|
|
|
|
label: 'Boo'
|
|
|
|
|
|
}
|
2019-04-30 11:11:25 +08:00
|
|
|
|
]
|
2019-11-07 10:41:14 +08:00
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'form',
|
|
|
|
|
|
label: '子表单多条',
|
|
|
|
|
|
name: 'subForm2',
|
|
|
|
|
|
btnLabel: '点击设置',
|
|
|
|
|
|
labelField: 'a',
|
|
|
|
|
|
multiple: true,
|
|
|
|
|
|
form: {
|
|
|
|
|
|
title: '子表单',
|
|
|
|
|
|
controls: [
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'a',
|
|
|
|
|
|
type: 'text',
|
|
|
|
|
|
label: 'Foo'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
name: 'b',
|
|
|
|
|
|
type: 'switch',
|
|
|
|
|
|
label: 'Boo'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'file',
|
|
|
|
|
|
name: 'file',
|
|
|
|
|
|
label: '文件上传',
|
|
|
|
|
|
joinValues: false
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'range',
|
|
|
|
|
|
name: 'range',
|
|
|
|
|
|
label: '范围'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'divider'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'button-toolbar',
|
|
|
|
|
|
buttons: [
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'submit',
|
|
|
|
|
|
label: '登录'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'reset',
|
|
|
|
|
|
label: '重置'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'button',
|
|
|
|
|
|
label: '导出',
|
|
|
|
|
|
href: 'http://www.baidu.com',
|
|
|
|
|
|
level: 'success'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
2019-04-30 11:11:25 +08:00
|
|
|
|
}
|
2019-11-07 10:41:14 +08:00
|
|
|
|
],
|
|
|
|
|
|
actions: [
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'submit',
|
|
|
|
|
|
label: '登录'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'reset',
|
|
|
|
|
|
label: '重置'
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
type: 'button',
|
|
|
|
|
|
label: '导出',
|
|
|
|
|
|
href: 'http://www.baidu.com',
|
|
|
|
|
|
level: 'success'
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
|
|
|
|
|
}
|
|
|
|
|
|
]
|
2019-04-30 11:11:25 +08:00
|
|
|
|
};
|
