diff --git a/src/api/common/cssInfo.ts b/src/api/common/cssInfo.ts index 3c1c0ef..5497d46 100644 --- a/src/api/common/cssInfo.ts +++ b/src/api/common/cssInfo.ts @@ -110,7 +110,12 @@ export const AnalysisCss = (ele:any) =>{ if(ele['width']){ if(ele['width'] != ""){ - styleObject['width'] = ele['width'].toString()+"px"; + if(ele['width'].includes('%')){ + styleObject['width'] = ele['width'] + }else{ + styleObject['width'] = ele['width'].toString()+"px"; + } + } } if(ele['widthMax'] && ele['widthMax'] != ""){ @@ -312,7 +317,12 @@ export const AnalysisInputCss = (ele:any,sty:number) =>{ } if(ele['width']){ if(ele['width'] != ""){ - styleObject['width'] = ele['width'].toString()+"px"; + if(ele['width'].includes('%')){ + styleObject['width'] = ele['width'] + }else{ + styleObject['width'] = ele['width'].toString()+"px"; + } + } } if(ele['widthMax'] && ele['widthMax'] != ""){ @@ -481,7 +491,12 @@ export const AnalysisInputCss = (ele:any,sty:number) =>{ } if(ele['width']){ if(ele['width'] != ""){ - styleObject['width'] = ele['width'].toString()+"px"; + if(ele['width'].includes('%')){ + styleObject['width'] = ele['width'] + }else{ + styleObject['width'] = ele['width'].toString()+"px"; + } + } } if(ele['widthMax'] && ele['widthMax'] != ""){ diff --git a/src/assets/css/public.css b/src/assets/css/public.css index 5e0c0a1..12fcb28 100644 --- a/src/assets/css/public.css +++ b/src/assets/css/public.css @@ -41,4 +41,8 @@ body{ } .el-overlay .el-drawer__body{ padding: 0px; +} + +.drag { + display: flex; } \ No newline at end of file diff --git a/src/assets/icons/ditu.svg b/src/assets/icons/ditu.svg new file mode 100644 index 0000000..63d56e4 --- /dev/null +++ b/src/assets/icons/ditu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/gantetu.svg b/src/assets/icons/gantetu.svg new file mode 100644 index 0000000..dcd60f9 --- /dev/null +++ b/src/assets/icons/gantetu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/kapian.svg b/src/assets/icons/kapian.svg new file mode 100644 index 0000000..031182f --- /dev/null +++ b/src/assets/icons/kapian.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/liebiao.svg b/src/assets/icons/liebiao.svg new file mode 100644 index 0000000..95abd27 --- /dev/null +++ b/src/assets/icons/liebiao.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/rili.svg b/src/assets/icons/rili.svg new file mode 100644 index 0000000..ffff437 --- /dev/null +++ b/src/assets/icons/rili.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/shijianzhou.svg b/src/assets/icons/shijianzhou.svg new file mode 100644 index 0000000..32ce94e --- /dev/null +++ b/src/assets/icons/shijianzhou.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/formTable/formItemGroup - 副本.vue b/src/components/formTable/formItemGroup - 副本.vue new file mode 100644 index 0000000..6fcc2d3 --- /dev/null +++ b/src/components/formTable/formItemGroup - 副本.vue @@ -0,0 +1,221 @@ + + + + \ No newline at end of file diff --git a/src/components/formTable/formItemGroup.vue b/src/components/formTable/formItemGroup.vue index 18c2339..99cf3cb 100644 --- a/src/components/formTable/formItemGroup.vue +++ b/src/components/formTable/formItemGroup.vue @@ -61,9 +61,24 @@ onUnmounted(() => { store.setActiveKey('') store.setControlAttr({}) }) + +const getFormItemDivStyle = (ele: any) => { + // if(ele?.divStyle){ + // console.log("返回栅格宽度---div----》",ele?.divStyle) + // return AnalysisCss(ele?.divStyle) + // } + + + // console.log("返回栅格宽度---div----》",ele) + if(["div","button"].includes(ele.type) && ele.styles?.divStyle){ + // console.log("返回栅格宽度4",AnalysisCss(ele.styles?.divStyle)) + return AnalysisCss(ele.styles?.divStyle) + } +} + const getFormItemLableStyle = (ele: any) => { if(ele?.labelStyle){ - // console.log("返回栅格宽度3",AnalysisCss(ele)) + console.log("返回栅格宽度3",AnalysisCss(ele)) return AnalysisCss(ele?.labelStyle) } } @@ -81,24 +96,26 @@ const clickBtn = (control: any) => { }