1. 概述编辑
1.1 版本
| 报表服务器版本 |
|---|
| 11.0 |
1.2 应用场景
决策报表的布局是指决策报表 body 内所有组件的位置以及组件之间的间距所构成的布局排版，一个好的布局会让你的模板看起来主次分明、清晰美观。
在决策报表 body 的 属性>布局 设置项中，可选择布局方式为「自适应布局」或「绝对布局」，选择自适应布局时，在设计界面左下角可选择自适应下布局方式为「非固定布局」或「固定布局」。如下图所示：
接下来我们将详细介绍各布局方式的设置。
2. 自适应布局编辑
2.1 布局推荐
新建决策报表时，会弹出模板布局选择界面，内置了多种常用的布局效果。可选择不同数量的模块进行查看，且提供「简约视图」和「真实视图」两种演示效果。
此时可直接选择新建空白模板，也可选择带布局的模板。若选择带布局的模板，body 界面将会按照选择的布局展示「空白占位块+间距」。如下图所示：
注：「占位块」指自适应布局下放置一个组件的虚拟容器，详情请参见 2.2 节和 2.3 节介绍。
2.2 非固定布局
新建决策报表时，无论选择新建空白模板还是带布局的模板，模板默认布局方式为「自适应布局>非固定布局」。
例如新建了带布局的模板如下图所示，body 中的虚线框即「空白占位块」，空白占位块不支持做任何操作，仅用于指示组件的放置位置，且一个占位块只支持一个组件（绝对画布块/tab块/无绝对画布块或tab包裹的图表块和报表块）。
拖拽组件到 body 中时，仅支持拖入占位块，若拖拽至非占位块的位置，会提示「无法添加到该区域」。如下图所示：
当向占位块拖入组件时，组件双向铺满该占位块，右上角组件面板则显示拖入的组件名称。在非固定布局下，移动或删除组件时，布局会自动调整，原占位块跟随组件移动或删除。
如下图所示：
2.3 固定布局
例如新建了带布局的模板，将设计界面左下角处修改为「固定布局」，此时 body 的组件间隔和内边距置灰，不可编辑。如下图所示：
同非固定布局一样，拖拽组件时会双向铺满占位块，拖拽至非占位块的位置，会提示「无法添加到该区域」。但固定布局有以下几个特点：
将组件拖拽至已有组件占位块时，会覆盖掉原来的组件；
移动或删除组件，不影响占位块的布局；
两个占位块的组件可实现位置对换。
如下图所示：
3. 绝对布局编辑
3.1 布局切换
在决策报表 body 属性中切换布局方式为「绝对布局」，已经添加的组件位置不变，其他空白占位块消失；从绝对布局切换为「自适应布局」时，弹出警告：切换后所有组件的位置都会改变且无法恢复，确认切换吗？点击确认后，切换到「自适应布局>非固定布局」状态，此时相当于新建空白模板时的状态，组件自适应铺满 body ，且组件之间无间距。如下图所示：
3.2 绝对布局
绝对布局特点如下：
组件拖入到 body 中会保持组件本身大小，不会铺满 body；
组件可重叠，可随意放置位置；
组件支持多选，多选时可对组件进行排版对齐的设置，详情请参见文档：组件排版对齐 ；
组件可通过右侧属性面板调整其位置及大小。
注：自适应布局下不支持多选组件；且自适应布局下组件不支持调整位置，调整大小时其他组件也会受到影响。
如下图所示：
