diff --git a/src/components/DesignForm/assembly/index.ts b/src/components/DesignForm/assembly/index.ts index 30f0412d7..0d6cd008a 100644 --- a/src/components/DesignForm/assembly/index.ts +++ b/src/components/DesignForm/assembly/index.ts @@ -21,15 +21,14 @@ const selectOption: any = [ title: '基础字段', children: [ { - type: 'input', - label: '单行文本', - icon: 'input', - iconFont: 'fa-text-width', + type: 'title', + label: '标题', + icon: 'title', + iconFont: 'fa-header', control: { - // 组件所有属性 - modelValue: '' + modelValue: '标题' }, - config: {}, // 其他配置信息 + config: {}, styles:{ divStyle:{}, labelStyle:{}, @@ -60,6 +59,23 @@ const selectOption: any = [ inputStyle:{} } }, + { + type: 'input', + label: '单行文本', + icon: 'input', + iconFont: 'fa-text-width', + control: { + // 组件所有属性 + modelValue: '' + }, + config: {}, // 其他配置信息 + styles:{ + divStyle:{}, + labelStyle:{}, + inputStyle:{} + } + }, + { type: 'textarea', label: '多行文本', @@ -127,79 +143,6 @@ const selectOption: any = [ 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: "", - glxxszSwitch:[ - { - conditionField:'', - openValue:"", - showFields:[] - }, - { - conditionField:'', - offValue:"", - showFields:[] - }, - ] - }, - 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: '级联选择器', @@ -217,12 +160,13 @@ const selectOption: any = [ } }, { - type: 'rate', - label: '评分', - icon: 'rate', - iconFont: 'fa-star-o', + type: 'datePicker', + label: '日期选择器', + icon: 'todo', + iconFont: 'fa-calendar', control: { - modelValue: 0 + modelValue: '', + type: 'date' }, config: {}, styles:{ @@ -232,12 +176,12 @@ const selectOption: any = [ } }, { - type: 'slider', - label: '滑块', - icon: 'slider', - iconFont: 'fa-sliders', + type: 'timePicker', + label: '时间选择器', + icon: 'time', + iconFont: 'fa-clock-o', control: { - modelValue: 0 + modelValue: '' }, config: {}, styles:{ @@ -247,31 +191,26 @@ const selectOption: any = [ } }, { - type: 'treeSelect', - label: '树形控件', - icon: 'tree2', - iconFont: '', + type: 'txt', + label: '文字描述', + icon: 'text', + iconFont: 'fa-file-word-o', control: { - modelValue: '', - data: [], - renderAfterExpand: false - }, - config: { - optionsType: 0 + modelValue: '' }, - styles:{ + config: {}, + styles:{ divStyle:{}, labelStyle:{}, inputStyle:{} } }, { - type: 'txt', - label: '文字', - icon: 'text', - iconFont: 'fa-file-word-o', + type: 'organization', + label: '联系地址', + icon: 'marker', + iconFont: 'fa-map-marker', control: { - modelValue: '' }, config: {}, styles:{ @@ -281,12 +220,24 @@ const selectOption: any = [ } }, { - type: 'title', - label: '标题', - icon: 'title', - iconFont: 'fa-header', + type: 'switch', + label: '开关', + icon: 'switch', + iconFont: 'fa-toggle-on', control: { - modelValue: '标题' + modelValue: "", + glxxszSwitch:[ + { + conditionField:'', + openValue:"", + showFields:[] + }, + { + conditionField:'', + offValue:"", + showFields:[] + }, + ] }, config: {}, styles:{ @@ -311,27 +262,12 @@ const selectOption: any = [ } }, { - type: 'serialNumber', - label: '编码', + type: 'inputNumber', + label: '计数器', icon: 'number', - iconFont: 'fa-list-ol', - control: { - }, - config: { - automatic:false - }, - styles:{ - divStyle:{}, - labelStyle:{}, - inputStyle:{} - } - }, - { - type: 'urllink', - label: '链接', - icon: 'link', - iconFont: 'fa-link', + iconFont: 'fa-sort-numeric-asc', control: { + modelValue: 0 }, config: {}, styles:{ @@ -340,26 +276,195 @@ const selectOption: any = [ 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: '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: 'div', + label: '容器', + icon: 'div', + iconFont: '', + control: {}, + config: {}, + list: [], + styles:{ + divStyle:{}, + labelStyle:{}, + inputStyle:{} + } + }, + { + type: 'tabs', + label: '标签页', + icon: 'tabs', + iconFont: 'fa-folder-o', + columns: [ + { + label: 'Tab1', + list: [] + } + ], + control: {}, + config: {}, + styles:{ + divStyle:{}, + labelStyle:{}, + inputStyle:{} + } + }, + + { + type: 'divider', + label: '分割线', + icon: 'divider', + iconFont: '', + control: {}, + config: {}, + styles:{ + divStyle:{}, + labelStyle:{}, + inputStyle:{} + } + }, + + ] + }, + + { + title: '高级控件', + children: [ { - type: 'organization', - label: '联系地址', - icon: 'marker', - iconFont: 'fa-map-marker', + type: 'lowcodeImage', + label: '图片', + icon: '', + iconFont: 'fa-photo', control: { + modelValue: '', + uploadFlag:false, + imgId:'', + imgUrl: '', + link: '', + fit:1, + radius:false, + radiusNum:5, + boderAndShadow:false, + showMode:'自定义像素值', + pxWidth:448, + pxHeight:252, + widthPercent:90, + heightPercent:90, + mt:0, + mb:0, + ml:0, + mr:0, + pt:0, + pb:0, + pl:0, + pr:0, + floatFlag:false, + floatValue:'left', }, - config: {}, - styles:{ - divStyle:{}, - labelStyle:{}, - inputStyle:{} - } + config: {} }, { - type: 'baidumap', - label: '地图', - icon: 'map', - iconFont: 'fa-map-o', + 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:{ @@ -370,12 +475,12 @@ const selectOption: any = [ }, { - type: 'colorPicker', - label: '取色器', - icon: 'color', - iconFont: '', + type: 'upload', + label: '文件', + icon: 'image', + iconFont: 'fa-file-image-o', control: { - modelValue: '' + modelValue: '' // 也可以是[{name:'',url:''}]形式 }, config: {}, styles:{ @@ -383,12 +488,13 @@ const selectOption: any = [ labelStyle:{}, inputStyle:{} } + }, { - type: 'orgCentent', - label: '行政组织', - icon: 'sliders', - iconFont: 'fa-sliders', + type: 'urllink', + label: '链接', + icon: 'link', + iconFont: 'fa-link', control: { }, config: {}, @@ -398,25 +504,6 @@ const selectOption: any = [ inputStyle:{} } }, - { - type: 'signaturemap', - label: '签名板', - icon: 'faedit', - iconFont: 'fa-edit', - control: { - }, - config: {}, - styles:{ - divStyle:{}, - labelStyle:{}, - inputStyle:{} - } - } - ] - }, - { - title: '高级字段', - children: [ { type: 'table', label: '子表', @@ -437,12 +524,11 @@ const selectOption: any = [ } }, { - type: 'component', - label: '自定义组件', - icon: 'component', - iconFont: 'fa-cubes', + type: 'baidumap', + label: '地图', + icon: 'map', + iconFont: 'fa-map-o', control: { - modelValue: '' }, config: {}, styles:{ @@ -450,17 +536,14 @@ const selectOption: any = [ labelStyle:{}, inputStyle:{} } - /*template: '', // 组件模板名称 - component: '' // 根据template注入的组件*/ }, { - - type: 'upload', - label: '图片/文件', - icon: 'image', - iconFont: 'fa-file-image-o', + type: 'slider', + label: '滑块', + icon: 'slider', + iconFont: 'fa-sliders', control: { - modelValue: '' // 也可以是[{name:'',url:''}]形式 + modelValue: 0 }, config: {}, styles:{ @@ -468,15 +551,14 @@ const selectOption: any = [ labelStyle:{}, inputStyle:{} } - }, { - type: 'tinymce', - label: '富文本', - icon: 'tinymce', - iconFont: '', + type: 'rate', + label: '评分', + icon: 'rate', + iconFont: 'fa-star-o', control: { - modelValue: '' + modelValue: 0 }, config: {}, styles:{ @@ -486,32 +568,12 @@ const selectOption: any = [ } }, { - type: 'videoUpAndPlay', - label: '视频', - icon: '', - iconFont: 'fa-play-circle', + type: 'tinymce', + label: '富文本', + icon: 'tinymce',// + iconFont: 'fa-list-alt', 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 - }] + modelValue: '' }, config: {}, styles:{ @@ -548,6 +610,21 @@ const selectOption: any = [ inputStyle:{} } }, + + { + type: 'signaturemap', + label: '签名板', + icon: 'faedit', + iconFont: 'fa-edit', + control: { + }, + config: {}, + styles:{ + divStyle:{}, + labelStyle:{}, + inputStyle:{} + } + }, { type: 'lowcodeTransfer', label: '穿梭框', @@ -576,135 +653,103 @@ const selectOption: any = [ } }, { - type: 'lowcodeImage', - label: '图片', - icon: '', - iconFont: 'fa-photo', - control: { - modelValue: '', - uploadFlag:false, - imgId:'', - imgUrl: '', - link: '', - fit:1, - radius:false, - radiusNum:5, - boderAndShadow:false, - showMode:'自定义像素值', - pxWidth:448, - pxHeight:252, - widthPercent:90, - heightPercent:90, - mt:0, - mb:0, - ml:0, - mr:0, - pt:0, - pb:0, - pl:0, - pr:0, - floatFlag:false, - floatValue:'left', - }, - config: {} - }, - { - type: 'associatedForms', - label: '关联表单', - icon: '', - iconFont: 'fa-wpforms', - control: { - modelValue: '', - hideConditionHtml:'', - hideConditionHtmlCopy:'', - formid: '', - dataRangeConditionHtml:'', - dataRangeConditionHtmlCopy:'', - saveFlag: false, - fillRoles: [ - { - leftValue:'', - rightValue:'', - id:'', - } - ], - }, - config: {} + + type: 'colorPicker', + label: '取色器', + icon: 'color', + iconFont: '', + control: { + modelValue: '' + }, + config: {}, + styles:{ + divStyle:{}, + labelStyle:{}, + inputStyle:{} + } + }, + { + type: 'treeSelect', + label: '树形控件', + icon: 'tree2', + iconFont: '', + control: { + modelValue: '', + data: [], + renderAfterExpand: false + }, + config: { + optionsType: 0 + }, + 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: [ + type: 'associatedForms', + label: '关联表单', + icon: '', + iconFont: 'fa-wpforms', + control: { + modelValue: '', + hideConditionHtml:'', + hideConditionHtmlCopy:'', + formid: '', + dataRangeConditionHtml:'', + dataRangeConditionHtmlCopy:'', + saveFlag: false, + fillRoles: [ { - label: 'Tab1', - list: [] + leftValue:'', + rightValue:'', + id:'', } ], - control: {}, - config: {}, - styles:{ - divStyle:{}, - labelStyle:{}, - inputStyle:{} - } }, + config: {} + }, { - type: 'card', - label: '卡片布局', - icon: 'card', - iconFont: 'fa-credit-card', - list: [], - control: {}, + type: 'component', + label: '自定义组件', + icon: 'component', + iconFont: 'fa-cubes', + control: { + modelValue: '' + }, config: {}, - item: {}, // label标题相关 styles:{ divStyle:{}, labelStyle:{}, inputStyle:{} } + /*template: '', // 组件模板名称 + component: '' // 根据template注入的组件*/ }, + + + + + + + + + ] + }, + + { + title: '系统控件',//扩展组件 + children: [ { - type: 'flex', - label: '弹性布局', - icon: 'flex', - iconFont: 'fa-file-text-o', - list: [], - tableData: [], // 值集合 - control: {}, + type: 'serialNumber', + label: '编码', + icon: 'number', + iconFont: 'fa-list-ol', + control: { + }, config: { - addBtnText: '添加一行' + automatic:false }, styles:{ divStyle:{}, @@ -712,38 +757,6 @@ const selectOption: any = [ 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: '选择用户', @@ -762,7 +775,7 @@ const selectOption: any = [ }, { type: 'orgCentent', - label: '行政组织', + label: '选择组织', icon: 'sliders', iconFont: 'fa-sliders', control: { @@ -775,6 +788,10 @@ const selectOption: any = [ } } ] + }, + { + title: '扩展组件',// + chileren:[] } ] \ No newline at end of file