update

@CONTROL/@MACRO/CONTROL/FORM_MEMBER_LAYOUT.tsx.ftl

 <#assign layout='TABLE_24COL'><#if formmenber.getPSLayoutPos()??><#if formmenber.getPSLayoutPos().getParentPSLayout()??><#assign layout='${formmenber.getPSLayoutPos().getParentPSLayout().getLayout()}'></#if></#if>
 <#assign LayoutPos = formmenber.getPSLayoutPos()>
 <#if layout == 'TABLE_24COL' && LayoutPos??>
-<i-col v-show={this.detailsModel.${formmenber.name}.visible} style='<#if (formmenber.getHeight?? && formmenber.getHeight() gt 0)>height: ${formmenber.getHeight()?c}px !important;</#if><#if (formmenber.getWidth?? && formmenber.getWidth() gt 0)>width: ${formmenber.getWidth()?c}px !important;</#if>' <#if LayoutPos.getColXS() != -1> sm={{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if> }}</#if><#if LayoutPos.getColSM() != -1> md={{ span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if> }}</#if><#if LayoutPos.getColMD() != -1> lg={{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if> }}</#if><#if LayoutPos.getColLG() != -1> xl={{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if> }}</#if>>
+<Col v-show={this.detailsModel.${formmenber.name}.visible} style='<#if (formmenber.getHeight?? && formmenber.getHeight() gt 0)>height: ${formmenber.getHeight()?c}px !important;</#if><#if (formmenber.getWidth?? && formmenber.getWidth() gt 0)>width: ${formmenber.getWidth()?c}px !important;</#if>' <#if LayoutPos.getColXS() != -1> sm={{ span: ${LayoutPos.getColXS()}, offset: <#if LayoutPos.getColXSOffset() != -1>${LayoutPos.getColXSOffset()}<#else>0</#if> }}</#if><#if LayoutPos.getColSM() != -1> md={{ span: ${LayoutPos.getColSM()}, offset: <#if LayoutPos.getColSMOffset() != -1>${LayoutPos.getColSMOffset()}<#else>0</#if> }}</#if><#if LayoutPos.getColMD() != -1> lg={{ span: ${LayoutPos.getColMD()}, offset: <#if LayoutPos.getColMDOffset() != -1>${LayoutPos.getColMDOffset()}<#else>0</#if> }}</#if><#if LayoutPos.getColLG() != -1> xl={{ span: ${LayoutPos.getColLG()}, offset: <#if LayoutPos.getColLGOffset() != -1>${LayoutPos.getColLGOffset()}<#else>0</#if> }}</#if>>
     ${P.getPartCode(formmenber).code}
-</i-col>
+</Col>
 <#elseif layout == 'FLEX'>
 <div  v-show={this.detailsModel.${formmenber.name}.visible} style="<#if LayoutPos.getGrow() != -1>flex-grow: ${LayoutPos.getGrow()?c};<#if !LayoutPos.getHeight()??>height: 0;</#if></#if><#if LayoutPos.getWidth()??>width: ${LayoutPos.getWidth()?c}px;</#if><#if LayoutPos.getHeight()??>height: ${LayoutPos.getHeight()?c}px;</#if>">
 ${P.getPartCode(formmenber).code}

@CONTROL/表单/CONTROL.tsx#DETAIL_GROUPPANEL.ftl

 <#ibizinclude>
 ../@MACRO/CONTROL/LANGBASE.tsx.ftl
 </#ibizinclude>
-<app-form-group layoutType="<#if item.getPSLayoutPos()??>${item.getPSLayoutPos().getLayout()}</#if>" class='<#if item.getPSSysCss?? && item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>' uiActionGroup={this.detailsModel.${item.name}.uiActionGroup} on-groupuiactionclick={($event:any) => this.groupUIActionClick($event)} caption={<#if langbase??>this.$t('${langbase}.details.${item.name}')<#else>'${item.getCaption()}'</#if>} isShowCaption={${item.isShowCaption()?c}} uiStyle={'${item.getDetailStyle()}'} titleBarCloseMode={${item.getTitleBarCloseMode()}} isInfoGroupMode={${item.isInfoGroupMode()?c}}>
 <#assign content>
     <#list item.getPSDEFormDetails() as formmenber>
     <#if !(formmenber.isHidden?? && formmenber.isHidden())>
@@ -11,14 +10,19 @@
     </#if>
     </#list>
 </#assign>
+<Collapse defaultActiveKey={['${item.getName()}']} class='<#if item.getPSSysCss?? && item.getPSSysCss()??> ${item.getPSSysCss().getCssName()}</#if>'>
+    <Panel header="${item.getCaption()}" key="${item.getName()}">
+<@ibizindent blank=8>
 <#if item.getPSLayout()?? &&  item.getPSLayout().getLayout() == "FLEX">
 <#assign pageLayout = item.getPSLayout()>
     <div style="height: 100%;display: flex;<#if pageLayout.getDir()!="">flex-direction: ${pageLayout.getDir()};</#if><#if pageLayout.getAlign()!="">justify-content: ${pageLayout.getAlign()};</#if><#if pageLayout.getVAlign()!="">align-items: ${pageLayout.getVAlign()};</#if>">
         ${content}
     </div>
 <#else>
-    <row>
+    <Row>
         ${content}
-    </row>
+    </Row>
 </#if>
-</app-form-group>
\ No newline at end of file
+</@ibizindent>
+    </Panel>
+</Collapse>
\ No newline at end of file

@CONTROL/表单/CONTROL.tsx#FORM.ftl

@@ -25,7 +25,10 @@
                                 </span>
                             } 
                             key="${formpage_index}">
+<@ibizindent blank=28>
                             ${P.getPartCode(formpage).code}
+</@ibizindent>
+
                         </TabPane>
 </#list>
                     </Tabs>

@CONTROL/表单/CONTROL.tsx.ftl

 import React, { PureComponent } from 'react';
-import { Form, Input, Row, Col, Tabs, Icon } from 'antd';
+import { Form, Input, Row, Col, Tabs, Icon, Collapse } from 'antd';
 import './${srffilepath2(ctrl.codeName)}.less';
 const { TabPane } = Tabs;
+const { Panel } = Collapse;
 
 /**
  * ${srfclassname(ctrl.codeName)}