1.基本功能 1.基本功能
1.1.GROUP配置 1.1.GROUP配置
在界面布局的时候，希望可以通过面板将一些信息放在同一组，如下图的【维护界面一】和【维护界面二】两种效果，其中【维护界面一】在管理页有收缩效果，编辑页没收缩效果，编辑页若要收缩参考2.2.编辑页上的收缩分组配置，【维护界面二】在管理页和编辑页都没有收缩效果。
1.2. 编辑页上的收缩分组配置 1.2. 编辑页上的收缩分组配置
在新增编辑页面上的group实现可收缩效果，默认是展开的效果，点击可收缩。
![QJ_L$R5NUQ}2Z(LPC]}DQU7](/wp-content/uploads/2019/07/QJ_LR5NUQ2ZLPCDQU7.png)
1.3. 左侧分组样式配置1.3. 左侧分组样式配置
左侧显示分组标题，右侧展示文字。
2.配置方法 2.配置方法
2.1. GROUP配置 2.1.GROUP配置
配置
- 对象建模–业务对象–业务对象管理：编辑业务对象，点击【可视化布局】按钮进入到可视化界面。
- 在可视化布局中：从左侧拖拽一个GROUP的容器组件，选择容器组件。分组标题：自定义；分组控件：panel；显示分组：勾选。然后可以在GROUP中配置其他的内容。如果是【维护界面二】的效果图，则将分组控件类型选择：group-box即可。
- 补充：如果已配置了界面，则可以将配置的内容拖拽到GROUP分组中。
代码
在html文件中生成对应的panel样式。
<div class="panel panel-default " >
<div class="panel-heading"> <h3 class="panel-title">维护界面一</h3> </div> <div class="panel-body" > <div class="form-horizontal" >
2.2. 编辑页上的收缩分组配置 2.2.编辑页上的收缩分组配置
配置
1.配置方式参考2.1.GROUP配置，只需把GROUP改为FOLD_GROUP容器即可，且外层不需要配置PANEL_GROUP即可实现组收缩和折叠功能。
2.默认FOLD_GROUP容器是展开的，如果希望有的组是一加载页面是收缩的，可以在样式名称中配置样式属性fold样式名即可。
2.3. 左侧分组样式配置 2.3. 左侧分组样式配置
配置
1.对象建模–业务对象–业务对象管理：编辑业务对象，点击【可视化布局】按钮进入到可视化界面，拖一个GROUP到ROW中，选中这个容器，右边的配置字段中配置该容器的属性，样式名称填写panel-default panel-lr，分组标题填写要显示的文本，勾选显示分组选项。左边的这个分组标题的高度自动适应右边的表单。
