const selectOption: any = [ /*{ label: '标签1', value: 'value1' }, { label: '标签2', value: 'value2' }, { label: '标签3', value: 'value3' }*/ ] const config: { optionsType: number } = { optionsType: 0 // 0固定 1数据源 2 接口字典 } export default [ { title: '基础字段', children: [ { type: 'input', label: '单行文本', icon: 'input', iconFont: 'fa-text-width', control: { // 组件所有属性 modelValue: '' }, config: {} // 其他配置信息 }, { type: 'digitpage', label: '数值', icon: 'money', iconFont: 'fa-money', control: { // 组件所有属性 modelValue: '', mathFormula:{ formulaHtml:'', mathsString:'', mathsFormula:'', takingMethod:1, digit:2 } }, config: {}, // 其他配置信息 selectvalue: "default" }, { type: 'textarea', label: '多行文本', icon: 'textarea', iconFont: 'fa-text-height', control: { modelValue: '' }, config: {} }, { type: 'radio', label: '单选框组', icon: 'radio', iconFont: 'fa-dot-circle-o', control: { modelValue: '' }, options: selectOption, // 下拉选项数据集合 config: config }, { type: 'checkbox', label: '多选框组', icon: 'checkbox', iconFont: 'fa-check-square-o', control: { modelValue: [] }, options: selectOption, config: config }, { type: 'select', label: '下拉选择框', icon: 'select', iconFont: 'fa-toggle-down', control: { modelValue: '', appendToBody: true }, options: selectOption, config: config }, { type: 'datePicker', label: '日期选择器', icon: 'todo', iconFont: 'fa-calendar', control: { modelValue: '', type: 'date' }, config: {} }, { type: 'timePicker', label: '时间选择器', icon: 'time', iconFont: 'fa-clock-o', control: { modelValue: '' }, config: {} }, { type: 'switch', label: '开关', icon: 'switch', iconFont: 'fa-toggle-on', control: { modelValue: false }, config: {} }, { type: 'inputNumber', label: '计数器', icon: 'number', iconFont: 'fa-sort-numeric-asc', control: { modelValue: 0 }, config: {} }, { type: 'cascader', label: '级联选择器', icon: 'cascader', iconFont: 'fa-sitemap', control: { modelValue: [] }, options: [], config: config }, { type: 'rate', label: '评分', icon: 'rate', iconFont: 'fa-star-o', control: { modelValue: 0 }, config: {} }, { type: 'slider', label: '滑块', icon: 'slider', iconFont: 'fa-sliders', control: { modelValue: 0 }, config: {} }, { type: 'treeSelect', label: '树形控件', icon: 'tree2', iconFont: '', control: { modelValue: '', data: [], renderAfterExpand: false }, config: { optionsType: 0 } }, { type: 'txt', label: '文字', icon: 'text', iconFont: 'fa-file-word-o', control: { modelValue: '' }, config: {} }, { type: 'title', label: '标题', icon: 'title', iconFont: 'fa-header', control: { modelValue: '标题' }, config: {} }, { type: 'button', label: '按钮', icon: 'button', iconFont: 'fa-square-o', control: { label: '保存' }, config: {} }, { type: 'serialNumber', label: '编码', icon: 'number', iconFont: 'fa-list-ol', control: { }, config: { automatic:false } }, { type: 'urllink', label: '链接', icon: 'link', iconFont: 'fa-link', control: { }, config: {} }, { type: 'organization', label: '联系地址', icon: 'marker', iconFont: 'fa-map-marker', control: { }, config: {} }, { type: 'baidumap', label: '地图', icon: 'map', iconFont: 'fa-map-o', control: { }, config: {} }, { type: 'orgCentent', label: '行政组织', icon: 'sliders', iconFont: 'fa-sliders', control: { }, config: {} }, { type: 'colorPicker', label: '取色器', icon: 'color', iconFont: '', control: { modelValue: '' }, config: {} } ] }, { title: '高级字段', children: [ { type: 'table', label: '子表', icon: 'table', iconFont: 'fa-table', list: [], tableData: [], // 子表表格列表数据集合 control: { border: true }, config: { addBtnText: '添加一行' } }, { type: 'component', label: '自定义组件', icon: 'component', iconFont: 'fa-cubes', control: { modelValue: '' }, config: {} /*template: '', // 组件模板名称 component: '' // 根据template注入的组件*/ }, { type: 'upload', label: '图片/文件', icon: 'image', iconFont: 'fa-photo', control: { modelValue: '' // 也可以是[{name:'',url:''}]形式 }, config: {} }, { type: 'tinymce', label: '富文本', icon: 'tinymce', iconFont: '', control: { modelValue: '' }, config: {} } ] }, { title: '布局字段', children: [ { type: 'grid', label: '格栅布局', icon: 'grid', iconFont: 'fa-th-large', columns: [ // 格栅列数据 { attr: { span: 12 }, list: [] }, { attr: { span: 12 }, list: [] } ], control: {}, config: {} }, { type: 'tabs', label: '标签页', icon: 'tabs', iconFont: 'fa-folder-o', columns: [ { label: 'Tab1', list: [] } ], control: {}, config: {} }, { type: 'card', label: '卡片布局', icon: 'card', iconFont: 'fa-credit-card', list: [], control: {}, config: {}, item: {} // label标题相关 }, { type: 'flex', label: '弹性布局', icon: 'flex', iconFont: 'fa-file-text-o', list: [], tableData: [], // 值集合 control: {}, config: { addBtnText: '添加一行' } }, { type: 'divider', label: '分割线', icon: 'divider', iconFont: '', control: {}, config: {} }, { type: 'div', label: '容器', icon: 'div', iconFont: '', control: {}, config: {}, list: [] } ] }, { title: '扩展组件', children: [ { type: 'expand-user', label: '选择用户', icon: 'user', iconFont: 'fa-user-o', control: { // 组件所有属性 modelValue: '' }, config: {} // 其他配置信息 } ] } ]