1

src/components/DesignForm/assembly/index.ts

@@ -17,6 +17,146 @@ const config: { optionsType: number } = {
 	optionsType: 0 // 0固定 1数据源 2 接口字典 3系统表单字段
 }
 export default [
+	{
+		title: '布局字段',
+		children: [
+			{
+				type: 'grid',
+				label: '格栅布局',
+				unitName: '格栅布局',
+				icon: 'grid',
+				iconFont: 'fa-th-large',
+				columns: [
+					// 格栅列数据
+					{
+						attr: { span: 12 },
+						list: []
+					},
+					{
+						attr: { span: 12 },
+						list: []
+					}
+				],
+				control: {},
+				config: {},
+				styles: {
+					divStyle: {
+						// marginBot: "15"
+					},
+					labelStyle: {
+						// paddingLeft: "7",
+					},
+					inputStyle: {}
+				}
+			},
+			{
+				type: 'card',
+				label: '卡片布局',
+				unitName: '卡片布局',
+				icon: 'card',
+				iconFont: 'fa-credit-card',
+				list: [],
+				control: {},
+				config: {},
+				item: {}, // label标题相关
+				styles: {
+					divStyle: {
+						// marginBot: "15"
+					},
+					labelStyle: {
+						// paddingLeft: "7",
+					},
+					inputStyle: {}
+				}
+			},
+			{
+				type: 'flex',
+				label: '弹性布局',
+				unitName: '弹性布局',
+				icon: 'flex',
+				iconFont: 'fa-file-text-o',
+				list: [],
+				tableData: [], // 值集合
+				control: {},
+				config: {
+					addBtnText: '添加一行'
+				},
+				styles: {
+					divStyle: {
+						// marginBot: "15"
+					},
+					labelStyle: {
+						// paddingLeft: "7",
+					},
+					inputStyle: {}
+				}
+			},
+			{
+				type: 'div',
+				label: '容器',
+				unitName: '容器',
+				icon: 'div',
+				iconFont: '',
+				control: {},
+				config: {},
+				list: [],
+				styles: {
+					divStyle: {
+						// marginBot: "15"
+					},
+					labelStyle: {
+						// paddingLeft: "7",
+					},
+					inputStyle: {}
+				}
+			},
+			{
+				type: 'tabs',
+				label: '标签页',
+				unitName: '标签页',
+				icon: 'tabs',
+				iconFont: 'fa-folder-o',
+				columns: [
+					{
+						label: 'Tab1',
+						unitName: '',
+						list: []
+					}
+				],
+				control: {},
+				config: {},
+				styles: {
+					divStyle: {
+						marginBot: "15"
+					},
+					labelStyle: {
+						paddingLeft: "7",
+					},
+					inputStyle: {}
+				}
+			},
+
+			{
+				type: 'divider',
+				label: '分割线',
+				unitName: '分割线',
+				icon: 'divider',
+				iconFont: '',
+				control: {},
+				config: {},
+				styles: {
+					divStyle: {
+						marginBot: "15"
+					},
+					labelStyle: {
+						paddingLeft: "7",
+					},
+					inputStyle: {}
+				}
+			},
+
+		]
+	},
 	{
 		title: '基础字段',
 		children: [
@@ -391,146 +531,7 @@ export default [
 
 		]
 	},
-	{
-		title: '布局字段',
-		children: [
-			{
-				type: 'grid',
-				label: '格栅布局',
-				unitName: '格栅布局',
-				icon: 'grid',
-				iconFont: 'fa-th-large',
-				columns: [
-					// 格栅列数据
-					{
-						attr: { span: 12 },
-						list: []
-					},
-					{
-						attr: { span: 12 },
-						list: []
-					}
-				],
-				control: {},
-				config: {},
-				styles: {
-					divStyle: {
-						marginBot: "15"
-					},
-					labelStyle: {
-						paddingLeft: "7",
-					},
-					inputStyle: {}
-				}
-			},
-			{
-				type: 'card',
-				label: '卡片布局',
-				unitName: '卡片布局',
-				icon: 'card',
-				iconFont: 'fa-credit-card',
-				list: [],
-				control: {},
-				config: {},
-				item: {}, // label标题相关
-				styles: {
-					divStyle: {
-						marginBot: "15"
-					},
-					labelStyle: {
-						paddingLeft: "7",
-					},
-					inputStyle: {}
-				}
-			},
-			{
-				type: 'flex',
-				label: '弹性布局',
-				unitName: '弹性布局',
-				icon: 'flex',
-				iconFont: 'fa-file-text-o',
-				list: [],
-				tableData: [], // 值集合
-				control: {},
-				config: {
-					addBtnText: '添加一行'
-				},
-				styles: {
-					divStyle: {
-						marginBot: "15"
-					},
-					labelStyle: {
-						paddingLeft: "7",
-					},
-					inputStyle: {}
-				}
-			},
-			{
-				type: 'div',
-				label: '容器',
-				unitName: '容器',
-				icon: 'div',
-				iconFont: '',
-				control: {},
-				config: {},
-				list: [],
-				styles: {
-					divStyle: {
-						marginBot: "15"
-					},
-					labelStyle: {
-						paddingLeft: "7",
-					},
-					inputStyle: {}
-				}
-			},
-			{
-				type: 'tabs',
-				label: '标签页',
-				unitName: '标签页',
-				icon: 'tabs',
-				iconFont: 'fa-folder-o',
-				columns: [
-					{
-						label: 'Tab1',
-						unitName: '',
-						list: []
-					}
-				],
-				control: {},
-				config: {},
-				styles: {
-					divStyle: {
-						marginBot: "15"
-					},
-					labelStyle: {
-						paddingLeft: "7",
-					},
-					inputStyle: {}
-				}
-			},
-
-			{
-				type: 'divider',
-				label: '分割线',
-				unitName: '分割线',
-				icon: 'divider',
-				iconFont: '',
-				control: {},
-				config: {},
-				styles: {
-					divStyle: {
-						marginBot: "15"
-					},
-					labelStyle: {
-						paddingLeft: "7",
-					},
-					inputStyle: {}
-				}
-			},
-
-		]
-	},
+	
 
 	{
 		title: '高级控件',

src/components/DesignForm/formControlPropertiNew.vue

@@ -3096,6 +3096,7 @@ function optionsTypeChanged(){
     @ 功能: 判断是否是组件
     */
     const cssIsShouw = (val:any) => {
+		console.log("判断是否是组件",val)
         if(val.length && val.length > 0){
             return true;
         }