herenshan112
/
hxgksystemapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

字段和组件分组排序调整

lwx_v9
liwenxuan 2 years ago
parent
316f488855
commit
665f4b093e
1 changed files with 378 additions and 361 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 739
      src/components/DesignForm/assembly/index.ts

739
src/components/DesignForm/assembly/index.ts
View File

@ -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:[]
}
]
Write Preview
Loading…
Cancel
Save