最新历史版本 :决策报表组件操作 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本功能变动
11.0-

1.2 应用场景

对于新用户,了解和掌握决策报表的一些设计技巧是非常必要的,往往可以达到事半功倍的效果。

本文将讲解设计决策报表时的一些基础操作和设计技巧,帮助用户避免一些耗时设计操作。

2. 组件操作编辑

2.1 选中组件

决策报表添加组件到 body 直接通过拖拽的方式即可,这里不再赘述,那么如何选中组件呢?有两种方式:

1)直接鼠标左键单击组件即可选中。

2)在右侧组件设置列表中,当鼠标悬停在组件名称上时,左侧会悬浮显示对应组件的缩略图,鼠标左键单击组件名称,即可选中组件。

如下图所示:

注1:body「绝对布局」下,若组件重叠无法直接选中底层组件,那么在组件设置列表中选中组件后,组件会自动悬浮于上层,便于用户编辑。

注2:body 「自适应布局」下,不支持选择多个组件,因此不支持对组件进行批量操作,如批量剪切、批量删除。

5B99A281-2A71-48EE-9289-C75A6CAD7630.GIF

组件在选中状态未在编辑状态时,可设置组件的整体属性、事件及移动端效果。

注:所有组件、控件以及插件类的「组件名称」均不支持为空或重复。

Snag_7b8b5819.png

2.2 编辑组件

编辑组件的方式有三种:

1)直接鼠标左键双击组件。

2)鼠标左键双击组件设置列表的组件名称。

3)选中组件后,点击组件右上角的「编辑组件」按钮 Snag_7b8151ef.png 。

如下图所示:

注:在画布区域直接点击其他组件,即可退出组件编辑状态。报表块不能直接退出编辑状态,需要点击左下角「表单」才可退出编辑状态。

427422EE-C665-4E56-B482-0A060322ED5F.GIF

2.3 剪切/复制/粘贴/删除

制作决策报表时,为了布局规范,设计者常常使用样式相同的组件,这时就要用到组件剪切、复制、粘贴等功能。

注:支持不同 frm 间的复制粘贴。

决策报表中有三个功能设置项均可以进行组件的剪切、复制、粘贴、删除。

选中组件后,单击鼠标右键,出现复制粘贴选项;右侧组件设置列表工具栏和设计界面顶部工具栏均可进行相同操作。如下图所示:

注:同时支持键盘快捷键,例如复制为 Ctrl+C 。

Snag_7b9070c9.png

2.3.1 复制粘贴组件

1)复制粘贴的新组件名称自动在原组件名称加上后缀 _c,如被粘贴的组件名称为 chart0,粘贴后新组件命名为 chart0_c ,以此类推。如下图所示:

Snag_7b9bbc82.png

2)body 布局方式不同,粘贴后新组件的摆放逻辑也不同。

注:「自适应布局>固定布局」下,不支持组件剪切/复制/粘贴,仅支持删除组件。

  • 「自适应布局>非固定布局」下,不带布局的空白模板支持从其他模板复制粘贴组件;带布局的非空白模板,只能在有组件内容的占位块复制粘贴组件,粘贴时组件将等分被复制的组件高度,新组件在下。如下图所示:

05CA76BC-0989-4C7E-AC2D-8EE50192A1A7.GIF

  • 若带布局的空白模板直接粘贴组件,或者选中组件高度再无法分割,分割后高度将小于组件最小高度限制,将无法进行粘贴。弹出警告:此处无法粘贴,小于组件最小高度!

如下图所示:

  • 「绝对布局」下粘贴组件时,通常新组件在所选中组件位置往下、往右各错开 20 像素处。若不选中组件,直接选中 body ,则从 body 左上角横纵坐标 20 像素处粘贴。若选中的组件位置位于布局的右下角,和布局右下边界线紧挨,粘贴时组件在原始位置向左错开粘贴。

如下图所示:

364AC4D3-E167-44B8-9B2A-4FE3B1FE1649.GIF

  • 如果被粘贴的组件特别大,导致在选定的位置处粘贴时剩余空间无法容纳,则弹出警告:组件大小超出边界,无法粘贴!如下图所示:

这时只能先将组件尺寸调小,粘贴后再适当调大。

Snag_7bc12327.png

2.3.2 删除组件

1)自适应布局>非固定布局

删除组件时,占位块随之删除,其余组件布局自动调整。如下图所示:

4C92C70A-480C-4C5B-B2D9-5A54A4AD6254.GIF

2)自适应布局>固定布局

删除组件时,占位块位置不变,整体布局不变。如下图所示:

760D8DB5-386C-4E68-BB56-4B4AF19D1FDE.GIF

3)绝对布局下删除组件对其他组件位置等无影响。

2.4 调整组件顺序

当决策报表为「绝对布局」时,组件可以重叠放置,在多层组件重叠放置的情况下,下层组件不容易直接通过鼠标点击选中进入编辑界面。这时可通过组件设置列表的顶部工具栏,修改组件的层级顺序。如下图所示:

Snag_7bd52fd8.png