hxgksystemapp/src/components/DesignForm/assembly/index.ts

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: {}, // 其他配置信息
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'digitpage',
			label: '数值',
			icon: 'money',
			iconFont: 'fa-money',
			control: {
			  // 组件所有属性
				modelValue: '',
				mathFormula:{
					formulaHtml:'',
					mathsString:'',
					mathsFormula:'',
					takingMethod:1,
					digit:2
				}
			},
			config: {}, // 其他配置信息
			selectvalue: "default",
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		  },
		{
			type: 'textarea',
			label: '多行文本',
			icon: 'textarea',
			iconFont: 'fa-text-height',
			control: {
				modelValue: ''
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'radio',
			label: '单选框组',
			icon: 'radio',
			iconFont: 'fa-dot-circle-o',
			control: {
				modelValue: ''
			},
			options: selectOption, // 下拉选项数据集合
			config: config,
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'checkbox',
			label: '多选框组',
			icon: 'checkbox',
			iconFont: 'fa-check-square-o',
			control: {
				modelValue: []
			},
			options: selectOption,
			config: config,
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'select',
			label: '下拉选择框',
			icon: 'select',
			iconFont: 'fa-toggle-down',
			control: {
				modelValue: '',
				appendToBody: true
			},
			options: selectOption,
			config: config,
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'datePicker',
			label: '日期选择器',
			icon: 'todo',
			iconFont: 'fa-calendar',
			control: {
				modelValue: '',
				type: 'date'
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'timePicker',
			label: '时间选择器',
			icon: 'time',
			iconFont: 'fa-clock-o',
			control: {
				modelValue: ''
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'switch',
			label: '开关',
			icon: 'switch',
			iconFont: 'fa-toggle-on',
			control: {
				modelValue: false
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'inputNumber',
			label: '计数器',
			icon: 'number',
			iconFont: 'fa-sort-numeric-asc',
			control: {
				modelValue: 0
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'cascader',
			label: '级联选择器',
			icon: 'cascader',
			iconFont: 'fa-sitemap',
			control: {
				modelValue: []
			},
			options: [],
			config: config,
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'rate',
			label: '评分',
			icon: 'rate',
			iconFont: 'fa-star-o',
			control: {
				modelValue: 0
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'slider',
			label: '滑块',
			icon: 'slider',
			iconFont: 'fa-sliders',
			control: {
				modelValue: 0
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'treeSelect',
			label: '树形控件',
			icon: 'tree2',
			iconFont: '',
			control: {
				modelValue: '',
				data: [],
				renderAfterExpand: false
			},
			config: {
				optionsType: 0
			},
		  	styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'txt',
			label: '文字',
			icon: 'text',
			iconFont: 'fa-file-word-o',
			control: {
				modelValue: ''
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'title',
			label: '标题',
			icon: 'title',
			iconFont: 'fa-header',
			control: {
				modelValue: '标题'
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'button',
			label: '按钮',
			icon: 'button',
			iconFont: 'fa-square-o',
			control: {
				label: '保存'
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'serialNumber',
			label: '编码',
			icon: 'number',
			iconFont: 'fa-list-ol',
			control: {
			},
			config: {
				automatic:false
			},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'urllink',
			label: '链接',
			icon: 'link',
			iconFont: 'fa-link',
			control: {
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'organization',
			label: '联系地址',
			icon: 'marker',
			iconFont: 'fa-map-marker',
			control: {
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'baidumap',
			label: '地图',
			icon: 'map',
			iconFont: 'fa-map-o',
			control: {
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{

		  	type: 'colorPicker',
			label: '取色器',
			icon: 'color',
			iconFont: '',
			control: {
				modelValue: ''
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'orgCentent',
			label: '行政组织',
			icon: 'sliders',
			iconFont: 'fa-sliders',
			control: {
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'signaturemap',
			label: '签名板',
			icon: 'faedit',
			iconFont: 'fa-edit',
			control: {
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		}
	  ]
	},
	{
	  title: '高级字段',
	  children: [
		{
			type: 'table',
			label: '子表',
			icon: 'table',
			iconFont: 'fa-table',
			list: [],
			tableData: [], // 子表表格列表数据集合
			control: {
			  border: true
			},
			config: {
			  addBtnText: '添加一行'
			},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'component',
			label: '自定义组件',
			icon: 'component',
			iconFont: 'fa-cubes',
			control: {
				modelValue: ''
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		  /*template: '', // 组件模板名称
				  component: '' // 根据template注入的组件*/
		},
		{
			type: 'upload',
			label: '图片/文件',
			icon: 'image',
			iconFont: 'fa-photo',
			control: {
				modelValue: '' // 也可以是[{name:'',url:''}]形式
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'tinymce',
			label: '富文本',
			icon: 'tinymce',
			iconFont: '',
			control: {
				modelValue: ''
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'videoUpAndPlay',
			label: '视频',
			icon: '',
			iconFont: 'fa-play-circle',
			control: {
				modelValue: '',
				videoMsg:[{
					CreatedAt: '',
					UpdatedAt: '',
					fileSize: "0n",
					id: "0n",
					key: '',
					name: '',
					physicspath: '',
					size: '',
					tag: '',
					type: 0,
					url: '',
					videoReady: false,
					videoHeight:400,
					videoWidth:700,
					videoAutoPlay: false,
					attrId: '',
					poster:'',
					loop: false
				}]
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'lowcodeCarsusel',
			label: '轮播图',
			icon: '',
			iconFont: 'fa-window-restore',
			control: {
				modelValue: '',
				carsuselConfigArr:[{
							uploadFlag:false,
							imgId:'',
							imgSort:1,
							imgUrl: '',
							link: ''
				}],
				config: {
					carsuselWidth:448,
					carsuselHeight:252,
					interval:2000,
				}
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		}
	]
	},
	{
	  title: '布局字段',
	  children: [
		{
		  type: 'grid',
		  label: '格栅布局',
		  icon: 'grid',
		  iconFont: 'fa-th-large',
		  columns: [
			// 格栅列数据
				{
				attr: { span: 12 },
				list: []
				},
				{
				attr: { span: 12 },
				list: []
				}
			],
			control: {},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'tabs',
			label: '标签页',
			icon: 'tabs',
			iconFont: 'fa-folder-o',
			columns: [
				{
				label: 'Tab1',
				list: []
				}
			],
			control: {},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'card',
			label: '卡片布局',
			icon: 'card',
			iconFont: 'fa-credit-card',
			list: [],
			control: {},
			config: {},
			item: {}, // label标题相关
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'flex',
			label: '弹性布局',
			icon: 'flex',
			iconFont: 'fa-file-text-o',
			list: [],
			tableData: [], // 值集合
			control: {},
			config: {
				addBtnText: '添加一行'
			},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'divider',
			label: '分割线',
			icon: 'divider',
			iconFont: '',
			control: {},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'div',
			label: '容器',
			icon: 'div',
			iconFont: '',
			control: {},
			config: {},
			list: [],
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		}
	  ]
	},
	{
	  title: '扩展组件',
	  children: [
		{
			type: 'expand-user',
			label: '选择用户',
			icon: 'user',
			iconFont: 'fa-user-o',
			control: {
				// 组件所有属性
				modelValue: ''
			},
			config: {}, // 其他配置信息
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		},
		{
			type: 'orgCentent',
			label: '行政组织',
			icon: 'sliders',
			iconFont: 'fa-sliders',
			control: {
			},
			config: {},
			styles:{
				divStyle:{},
				labelStyle:{},
				inputStyle:{}
			}
		}
	  ]
	}
  ]