1. 概述
1.1 版本
报表服务器版本 | 功能变动 |
---|---|
11.0 | - |
1.2 应用场景
对于新用户,了解和掌握决策报表的一些设计技巧是非常必要的,往往可以达到事半功倍的效果。
本文将讲解设计决策报表时的一些基础操作和设计技巧,帮助用户避免一些耗时设计操作。
2. 组件操作
2.1 选中组件
决策报表添加组件到 body 直接通过拖拽的方式即可,这里不再赘述,那么如何选中组件呢?有两种方式:
1)直接鼠标左键单击组件即可选中。
2)在右侧组件设置列表中,当鼠标悬停在组件名称上时,左侧会悬浮显示对应组件的缩略图,鼠标左键单击组件名称,即可选中组件。
如下图所示:
注1:body「绝对布局」下,若组件重叠无法直接选中底层组件,那么在组件设置列表中选中组件后,组件会自动悬浮于上层,便于用户编辑。
注2:body 「自适应布局」下,不支持选择多个组件,因此不支持对组件进行批量操作,如批量剪切、批量删除。
组件在选中状态未在编辑状态时,可设置组件的整体属性、事件及移动端效果。
注:所有组件、控件以及插件类的「组件名称」均不支持为空或重复。
2.2 编辑组件
编辑组件的方式有三种:
1)直接鼠标左键双击组件。
2)鼠标左键双击组件设置列表的组件名称。
3)选中组件后,点击组件右上角的「编辑组件」按钮 。
如下图所示:
注:在画布区域直接点击其他组件,即可退出组件编辑状态。报表块不能直接退出编辑状态,需要点击左下角「表单」才可退出编辑状态。
2.3 剪切/复制/粘贴/删除
制作决策报表时,为了布局规范,设计者常常使用样式相同的组件,这时就要用到组件剪切、复制、粘贴等功能。
注:支持不同 frm 间的复制粘贴。
决策报表中有三个功能设置项均可以进行组件的剪切、复制、粘贴、删除。
选中组件后,单击鼠标右键,出现复制粘贴选项;右侧组件设置列表工具栏和设计界面顶部工具栏均可进行相同操作。如下图所示:
注:同时支持键盘快捷键,例如复制为 Ctrl+C 。
2.3.1 复制粘贴组件
1)复制粘贴的新组件名称自动在原组件名称加上后缀 _c,如被粘贴的组件名称为 chart0,粘贴后新组件命名为 chart0_c ,以此类推。如下图所示:
2)body 布局方式不同,粘贴后新组件的摆放逻辑也不同。
注:「自适应布局>固定布局」下,不支持组件剪切/复制/粘贴,仅支持删除组件。
「自适应布局>非固定布局」下,不带布局的空白模板支持从其他模板复制粘贴组件;
带布局的非空白模板,只能在有组件内容的占位块复制粘贴组件,粘贴时组件将等分被复制的组件高度,新组件在下。如下图所示:
若带布局的空白模板直接粘贴组件,或者选中组件高度再无法分割,分割后高度将小于组件最小高度限制,将无法进行粘贴。
弹出警告:此处无法粘贴,小于组件最小高度!
如下图所示:
「绝对布局」下粘贴组件时,通常新组件在所选中组件位置往下、往右各错开 20 像素处。
若不选中组件,直接选中 body ,则从 body 左上角横纵坐标 20 像素处粘贴。
若选中的组件位置位于布局的右下角,和布局右下边界线紧挨,粘贴时组件在原始位置向左错开粘贴。
如下图所示:
如果被粘贴的组件特别大,或被粘贴位置存在 Tab 块或绝对画布块,会导致在选定的位置处粘贴时剩余空间无法容纳;
会弹出警告:组件大小超出边界,无法粘贴!。这时只能先将组件尺寸调小,或选中除 Tab 块/绝对画布块外的其他组件,再进行粘贴。
2.3.2 删除组件
1)自适应布局>非固定布局
删除组件时,占位块随之删除,其余组件布局自动调整。如下图所示:
2)自适应布局>固定布局
删除组件时,占位块位置不变,整体布局不变。如下图所示:
3)绝对布局下删除组件对其他组件位置等无影响。
2.4 调整组件顺序
当决策报表为「绝对布局」时,组件可以重叠放置,在多层组件重叠放置的情况下,下层组件不容易直接通过鼠标点击选中进入编辑界面。这时可通过组件设置列表的顶部工具栏,修改组件的层级顺序。如下图所示: