# 云报表详细教程 # 1.概述 # 概述 云报表产品是对莱信云报表开发能力的扩展，基于莱信云现有的平台架构，复用莱信云现有的平台能力（如数据管理、权限管理、任务管理等），实现清单报表、交叉报表、分组报表、分片报表、段落报表、卡片报表、折叠树报表、档案室报表、聚合报表等功能，并支持数据下钻、超链接、冻结窗口、参数过滤、同环比分析、导出Excel、打印等功能。 云报表采用类Excel的设计模式，纯B/S架构，完全基于WEB进行开发、浏览和分享。 ![](/uploads/projects/report/202605/18b0d40edb0cc5de.png) 图1 界面示例 # 1.1云报表与自助分析的区别 # 概述 1. 云报表属于报表工具，报表是企业信息化必不可少的统计分析工具，主要实现一些企业固定的月报、季报、关键数据的统计分析，旨在统计或者告诉决策者：过去发生了什么，什么正在发生。自助分析属于商业智能工具，侧重于数据分析，改变之前传统做表的方式，交互性更好，性能更加强大，旨在将企业中现有的数据转化为知识，帮助企业做出明智的业务分析决策。 2. 云报表支持灵活定制各种中国式复杂报表，自助分析主要提供自助式的OLAP多维数据分析模式。 3. 自助分析的使用主要面向业务人员，业务人员可以自己设计图表进行分析，从而得出结论，辅助企业业务决策；云报表则可以用来出固定格式的周报、月报，适合作为正式汇报材料。 4. 云报表和自助分析的使用对象和目的都不相同，报表系统更着重于短期的运作支持，而自助分析则关注长期的战略决策，甚至更着重于商业趋势和业务单元的联系而非具体的数据和精确度本身，云报表和自助分析没有替代关系。 ![](/uploads/projects/report/202605/18b0d40edda0a57a.png) 图1.1 云报表和自助分析的区别 # 2.报表功能 # 概述 （此页面暂无内容） # 2.1工具入口 # 概述 云报表在一个单独的浏览器标签页中使用，入口在工具商城下面。进入云报表有两种方式： 1）点击“云报表”卡片，打开云报表配置界面； ![](/uploads/projects/report/202605/18b0d40ee021d840.png) 图2.1.1 工具商城下云报表卡片打开配置界面 2）在左侧资源树选择对应的项目，打开应用目录，右键选择“新建分析” - “云报表”，打开配置界面。 ![](/uploads/projects/report/202605/18b0d40ee1144e9f.png) 图2.1.2 左侧资源树项目下新建云报表 上述两种方式的区别是：通过卡片链接打开后创建的云报表保存时可以保存在任意项目下，通过资源树上右键选择固定项目创建的云报表只能保存在当前项目下。 # 2.2工具栏 # 概述 工具栏综合了各种让用户使用起来更方便的功能，包含了基本功能、类Excel功能、以及云报表特性功能。 # 2.2.1基本功能 云报表的基本功能包括添加工作表、保存、前进后退、清空复制等常用功能，这些功能在自助分析和自由仪表板中也有，属于通用功能。 ![](/uploads/projects/report/202605/18b0d40ee1d3b0fe.png) 图2.2.1.1 工具栏通用功能 #### 2.2.1.1前进后退 前进后退主要用在报表配置过程中，可以撤销上一步的配置，或恢复上一步撤销的操作。点击一次后退则撤销一步配置，点击前进则取消上一步的撤销，在未操作后退的情况下，前进按钮会处于置灰不可操作状态。 #### 2.2.1.2添加工作表 新建一个空白的工作表，点击后会创建一个名为“工作表\_X”的工作表，当前所有的工作表保存为一个云报表工程，用户可以把有关联的报表创建在同一个工程下，方便管理。 #### 2.2.1.3添加数据源 报表是用表格、图表等格式来动态显示数据，即报表本身是依托于数据的，报表需要通过数据管理模块将数据从数据库中读取出来再做进一步的加工展示，添加数据源可将数据管理下的数据源引入到云报表中进行使用，或是直接通过Excel导入本地数据进行报表制作。 ![](/uploads/projects/report/202605/18b0d40ee286bff7.png) 图2.2.1.3.1 添加数据源 点击工具栏的“添加数据源”按钮会弹出添加数据源界面，首次打开云报表的时候也会自动弹出添加数据源界面。添加数据源分为两部分，选择数据源和导入Excel数据。选择数据源选择的是莱信云平台上各项目下数据管理模块已经接入或创建好的数据，导入Excel数据则是导入本地Excel文件中存放的数据。 ![](/uploads/projects/report/202605/18b0d40ee346d48a.png) 图2.2.1.3.2 选择数据源 - **选择数据源** 选择数据源可以选择的数据源包括：产品目录下申请到的数据，数据源下接入的数据库表，数据集下创建的SQL查询、可视化查询和自助数据集，以及数据立方。可以通过上方的搜索框输入数据源名称进行搜索，数据源支持通过复选框勾选后进行批量添加。 - **导入Excel数据** 导入Excel数据是将Excel中存放的数据先导入到数据库中，再从数据库中读取数据进行报表展示。因此需要先配置导入数据要存放的位置，此配置只能由超级管理员用户（root）在运维管理 - 系统管理下进行配置。 ![](/uploads/projects/report/202605/18b0d40ee43436bd.png) 图2.2.1.3.3 配置Excel数据源数据库 根据实际情况配置数据库连接信息，配置完成后点击“测试连接”按钮，如果出现“测试连接成功”字样，表明当前数据库正常可用，保存即可。如果测试连接不通过，页面会提示具体的原因，需确认配置信息是否填写正确。 ![](/uploads/projects/report/202605/18b0d40ee51e7997.png) 图2.2.1.3.4 root账号下配置Excel数据源数据库 Excel数据存放数据库配置好后就可以在云报表中进行导入，按照配置逐项填写即可。 表英文名：导入的Excel数据保存的英文名字，表英文名在库中不可以重复。 表中文名：导入的Excel数据保存的中文名字，便于理解即可，表中文名在当前云报表工程中不可以重复。 首行是否为列名：取决于实际的Excel数据首行是数据还是标题，Excel中全部都是数据，此处不勾选，在下面的配置中自行写字段别名，首行是标题的情况下可勾选此配置自动检测首行内容作为字段别名。 Sheet名称：输入要导入的excel sheet页的名称，每次只能导入一个sheet的数据。 Excel数据文件：点击选择按钮通过文件系统上传要导入的Excel文件。 ![](/uploads/projects/report/202605/18b0d40ee6305527.png) 图2.2.1.3.5 导入Excel数据 选择Excel数据文件后，会自动读取Excel中的数据，如果首行不是列名，需要自行在字段别名这里设置别名，否则会使用默认的列名，不利于用户区分每个字段的内容。字段类型默认都是字符串，用户可修改每个字段的类型。配置完成后点击确定，当前数据表被加入到左侧数据源列表。 ![](/uploads/projects/report/202605/18b0d40ee6f3a41c.png) 图2.2.1.3.6 导入Excel数据源被加入到数据源列表 导入Excel数据源只能应用于当前工程，其它工程如果需要使用，需要再次添加。 #### 2.2.1.4新建数据集 数据集包括可视化查询、SQL查询以及自助数据集，云报表中提供新建数据集的快捷入口，方便用户快速创建数据集并直接应用到云报表。 点击新建数据集按钮可以在下拉列表选择可视化查询、SQL查询或自助数据集。可视化查询通过鼠标托拉拽字段来实现业务查询，SQL查询通过编写SQL语句来实现业务查询，自助数据集则是通过节点配置的方式来实现业务查询。 ![](/uploads/projects/report/202605/18b0d40ee7bac6cd.png) 图2.2.1.4.1 新建数据集 选择可视化查询、SQL查询或自助数据集后会弹出选择数据源界面，需要选择从哪个数据库查询数据。选择数据源只需选择到库即可，数据集不能实现跨库查询，因此仅能选择一个库，选中了数据库之后确定按钮高亮，点击确定按钮可以进入下一步。 ![](/uploads/projects/report/202605/18b0d40ee8e8147b.png) 图2.2.1.4.2 新建数据集前先选择数据源 选择好数据源后需要输入数据集的名称、别名、所属业务对象以及描述，根据实际情况填写即可，别名若不填写会默认使用名称作为别名。 ![](/uploads/projects/report/202605/18b0d40ee9ba82f5.png) 图2.2.1.4.3 数据集属性设置 保存好数据集名称等属性后进入数据集配置界面，到这一步可视化查询、SQL查询和自助数据集会有区别，下面分别讲解用法。 ##### 2.2.1.4.1可视化查询 可视化查询是在图形界面通过鼠标拖拽来实现查询，把要查询的字段拖入字段框，要筛选的条件配置在条件框即可。 比如要查询东北地区的销售额，需要查询出区域和销售额两个字段，从左侧资源树上把要查询的字段通过鼠标拖拽到字段框，再在条件框拖入区域，配置条件等于东北即可。可视化查询用到跟数据库相关的字段都必须通过鼠标拖拽，不能手动输入。 ![](/uploads/projects/report/202605/18b0d40eeaa92cfa.png) 图2.2.1.4.1.1 可视化查询配置 完成配置后点击工具栏的预览数据按钮，会弹出预览数据界面，点击刷新即会显示查询出来的数据。 ![](/uploads/projects/report/202605/18b0d40eeb8169de.png) 图2.2.1.4.1.2 预览数据 确认查询结果没有问题后，点击保存，将可视化查询保存在指定的资源树目录下。 ![](/uploads/projects/report/202605/18b0d40eec617f97.png) 图2.2.1.4.1.3 保存可视化查询 保存成功后点击应用，即可将当前创建的可视化查询添加到云报表中进行下一步的报表制作。 ![](/uploads/projects/report/202605/18b0d40eed4a3649.png) 图2.2.1.4.1.4 将新建的可视化查询应用到当前云报表 ![](/uploads/projects/report/202605/18b0d40eee101349.png) 图2.2.1.4.1.5 可视化查询成功添加到数据源列表 ##### 2.2.1.4.2 SQL查询 SQL查询步骤和可视化查询类似，只是可视化查询通过拖拽字段实现业务查询，SQL查询则是编写SQL语句实现业务查询，需要使用人员有一定的SQL语言功底。 比如要实现查看东北地区的销售额，需要在查询界面输入SQL查询语句。 ![](/uploads/projects/report/202605/18b0d40eeed1e456.png) 图2.2.1.4.2.1 新建SQL查询配置界面 SQL语句写完后，点击预览数据并刷新可以看到预览结果，确认无误后保存SQL查询，应用到云报表。 ![](/uploads/projects/report/202605/18b0d40eefa3d0ba.png) 图2.2.1.4.2.2 SQL查询预览数据 ![](/uploads/projects/report/202605/18b0d40ef058ef0a.png) 图2.2.1.4.2.3 SQL查询应用到云报表 ##### 2.2.1.4.3自助数据集 输入名称并选择数据库后出现新建自助数据集的界面，和可视化查询及SQL查询都不一样，自助数据集是通过节点式的配置方式来实现查询。 ![](/uploads/projects/report/202605/18b0d40ef1127442.png) 图2.2.1.4.3.1 新建自助数据集界面 自助数据集默认会有一个初始表节点，此节点可以从选中的数据库中取一张表，在此表的基础上进行数据处理。 ![](/uploads/projects/report/202605/18b0d40ef1ef1251.png) 图2.2.1.4.3.2 自助数据集初始表 可直接通过搜索框查询想要使用的初始表，双击可选中初始表，该表中的所有字段会展示在字段列表中，通过复选框可选择要使用的字段，右侧的刷新按钮可以刷新最新输出结果。 自助数据集提供了字段设置、新建计算字段、过滤、排序、分组汇总、左右合并和上下合并几个节点来对数据进行处理。 ![](/uploads/projects/report/202605/18b0d40ef2b1588c.png) 图2.2.1.4.3.3 自助数据集支持节点 字段设置可对数据进行隐藏字段、修改字段名称、调整字段顺序、修改字段类型等处理。 新建计算字段则是利用原有字段生成一个新的字段。 过滤可以对数据进行条件过滤。 排序可以对数据进行排序。 分组汇总对数据进行按类别分组汇总计算。 左右合并对应数据库中左链接、右链接、内链接以及外链接。 上下合并将数据按照顺序进行拼接。 用户可通过实际业务需求选择节点对数据进行处理，最终得到实际可用的业务数据，自助数据集创建好后点击应用可将此自助数据集添加到云报表进行报表的制作。 #### 2.2.1.5新建计算字段 制作报表时，用户可能会用到无法直接从数据库获取的信息，需要通过创建计算字段来获取。计算字段是指使用已经存在的字段，通过四则运算或是函数等表达式形成的新字段。 点击新建计算字段按钮，会弹出计算字段配置界面。 ![](/uploads/projects/report/202605/18b0d40ef3908b31.png) 图2.2.1.5.1 计算字段配置界面 名称：计算字段的名称，一旦设定不可更改。 数据类型：计算字段的数据类型，有整型、浮点型、字符串、日期、时间、日期时间几种类型，使用时根据字段的实际情况选择。 描述：对当前计算字段添加备注信息，便于后期维护。 下方列表分别提供了表达式、维度分组、度量分组、获取时间、时间差和标准化6种方式来创建计算字段。 表达式：通过四则运算或函数创建计算字段，从左侧数据源列表拖拽字段即可，字段只能通过拖拽的方式配置，不能手工输入。 比如在订单情况表中有区域、省份、城市、订单数量、单价和折扣点6个字段，想要用到各城市的销售额，但是又没有这个字段，就可以通过新建一个计算字段来解决。销售额的表达式为“订单数量\*单价\*（1-折扣点）”，计算字段表达式的所有符号都必须是英文符号。 ![](/uploads/projects/report/202605/18b0d40ef466601e.png) 图2.2.1.5.2 销售额计算字段 维度分组：对维度字段的值进行分类。 比如对“产品包箱”进行维度分组，分别创建巨型、大型、中型、小型4个分组并将对应的值拖入成员所在的位置，未拖入的打包纸袋可以勾选分组到其它这个选项，最终生成的“箱子类型”这个字段就会按照设置的分组显示。 ![](/uploads/projects/report/202605/18b0d40ef531c5e7.png) 图2.2.1.5.3 维度分组 度量分组：对度量字段的值进行分组。 比如针对利润字段，根据实际值是否为正值判断是否盈利，对小于等于0的值分组为亏损，对于大于0的值分组为盈利。最终生成的计算字段会按照分组依据进行判断从而显示分组的值，度量分组可以分多段，针对每段分别配置分组名称和判断依据即可。 ![](/uploads/projects/report/202605/18b0d40ef65c4ee0.png) 图2.2.1.5.4 度量分组 获取时间：根据时间粒度提取时间相关类型字段的值。 获取时间字段字段只能针对时间相关类型的字段进行处理，比如日期类型、日期时间类型、时间类型。选择的字段类型不同，提取信息也会有所区别，日期类型可以提取年、月、日、年月，日期时间则可以提取年、月、日、年月、年月日、时、分、秒、时分秒，同理，时间类型可以提取时、分、秒。对提取出来的时间可以添加后缀信息。 ![](/uploads/projects/report/202605/18b0d40ef721de3d.png) 图2.2.1.5.5 获取时间 时间差：计算两个时间之间的差值。 选定一个粒度，用一个时间在当前粒度的值减去另一个时间在当前粒度的值。可使用的时间包括当前时间、某个固定时间以及字段列表中读取到的日期、日期时间等类型的字段。计算方式是对选择的时间按照粒度进行截取，再用截取出来的值做减法。时间差字段的数据类型可以是整型、浮点型和字符串，只有数据类型为字符串时可以添加后缀。 ![](/uploads/projects/report/202605/18b0d40ef805b2e7.png) 图2.2.1.5.6 时间差 标准化：通过Min-Max或Z-score方法对数据进行标准化处理。 针对数值型字段可以创建计算字段对数据进行标准化处理，选择字段和标准化方法即可。 ![](/uploads/projects/report/202605/18b0d40ef8f25abe.png) 图2.2.1.5.7 标准化 计算字段创建完成后，点击确定会在左侧数据源列表会生成一个新字段，如果新生成的计算字段是字符型、日期型、时间型或日期时间型则放在维度列表中，如果新生成的计算字段是整型或浮点型则放在度量列表中，计算字段前面的小图标会和其它字段有区别。 ![](/uploads/projects/report/202605/18b0d40eff2d332f.png) 图2.2.1.5.8 新建的计算字段被添加到数据源列表 已经创建的计算字段可在下拉列表中对其进行编辑和删除。 ![](/uploads/projects/report/202605/18b0d40f01f59426.png) 图2.2.1.5.9 计算字段下拉列表 #### 2.2.1.6保存 点击保存按钮可对内容进行保存，此保存按钮只保存当前工作表的内容，不处理其它打开的工作表。如图2.2.1.6.1，点击保存，只会保存“工作表\_1”的内容，不会保存“工作表\_2”。 ![](/uploads/projects/report/202605/18b0d40f02d2d4d4.png) 图2.2.1.6.1 保存当前工作表 修改配置后需要及时进行保存，未保存的情况下只有预览界面是按照新的配置生效，视图界面仍然是按照旧的配置生效。 #### 2.2.1.7全部保存 全部保存用于保存当前整个工程，工程下的所有工作表都会被保存更新，如图2.2.1.7.1，当前工程下的“工作表\_1”和“工作表\_2”都会被保存。 ![](/uploads/projects/report/202605/18b0d40f03aca919.png) 图2.2.1.7.1 全部保存 全部保存适用于当前工程下多个工作表被修改的情况，全部保存可以保证所有的修改都得到更新，但需要注意，如果关闭了其中部分工作表后又点击了全部保存，相当于删除这个工作表。比如图2.2.1.7.1，如果关闭了“工作表\_2”再点击全部保存，保存成功后，“工作表\_2”就不存在了。 #### 2.2.1.8复制工作表 复制工作表可以复制一个和当前工作表完全一样的工作表出来，默认命名为“XX\_复制”，XX为当前工作表名称。复制后的工作表是一张全新的工作表，和原工作表没有任何关系，只是配置上和原工作表完全一致。 ![](/uploads/projects/report/202605/18b0d40f048007ee.png) 图2.2.1.8.1 复制工作表 #### 2.2.1.9清除工作表 清除工作表可以清空当前工作表的所有内容，包括格式、内容、控件、过滤器等，清除后工作表状态恢复到初始化状态。 清除工作表是针对所有配置的清除，若只想清除部分单元格的配置，建议使用2.2.8清除下的清除功能。 # 2.2.2复制粘贴 云报表支持对单元格内容使用复制、粘贴、剪切和格式刷。 - 复制：可以跨工作表，但不能跨工程。不支持复制一次重复粘贴多次，如需再次粘贴，需重新复制。 - 剪切：使用限制和复制一致。 - 粘贴：在未操作复制或剪切的情况下，粘贴功能置灰不可操作。 - 格式刷：选中一个单元格后点击格式刷，再选择新的单元格，可以将原单元格的格式直接应用在新的单元格上。如果需要连续使用格式刷功能，可以选中一个单元格，双击格式刷，接下来选中的新的单元格都会被刷格式，直到再次点击格式刷按钮停止。 复制、剪切和粘贴支持Ctrl+C、Ctrl+X、Ctrl+V快捷键，格式刷只能从工具栏按钮上操作。 ![](/uploads/projects/report/202605/18b0d40f055a7c11.png) 图2.2.2.1 复制、粘贴、剪切、格式刷 # 2.2.3格式设置 格式设置包括字体、字号、加粗、边框、颜色等配置。 - 字体：默认为微软雅黑，可通过下拉框修改其它字体。 - 字号：默认为12号，支持10到80号字，可通过下拉框修改字号。 - 加粗：对选中单元格的文字做加粗显示，默认不加粗。 - 倾斜：对选中单元格的文字做倾斜显示，默认不倾斜。 - 下划线：对选中单元格的文字添加下划线显示，默认不显示下划线。 - 边框：对选中单元格添加边框，可以添加单侧框线、所有框线、无框线、外侧框线、粗匣框线或其他边框（其中其他框线可设置圆角，统一或单独配置四角角度，提升视觉体验），默认无边框。 - 填充颜色：设置选中单元格的填充颜色，可以从色板上选择颜色，也可以通过输入HEX色值配置，默认填充颜色为白色。 - 字体颜色：设置选中单元格的字体颜色，可以从色板上选择颜色，也可以通过输入HEX色值配置，默认字体颜色为黑色。 ![](/uploads/projects/report/202605/18b0d40f06857cf6.png) 图2.2.3.1 格式设置 # 2.2.4对齐设置 对齐设置主要用于配置单元格文字的对齐方式，支持顶端对齐、垂直居中、底端对齐、左对齐、水平居中、右对齐6种对齐方式。 ![](/uploads/projects/report/202605/18b0d40f07f0f36c.png) 图2.2.4.1 对齐设置 # 2.2.5缩进设置 缩进用于调整文本与单元格左侧的距离，包括增加缩进量和减少缩进量两个按钮，每次可以缩进2个像素。 ![](/uploads/projects/report/202605/18b0d40f09989c42.png) 图2.2.5.1 缩进 # 2.2.6合并单元格 云报表支持合并单元格，包括合并单元格、合并后居中以及取消合并单元格配置。如图2.2.6.1，合并A1：B3单元格并居中显示。 ![](/uploads/projects/report/202605/18b0d40f0ab009de.png) 图2.2.6.1 合并单元格 合并单元格后，单元格的标识以最左上的单元格为准，如图2.2.6.1中的合并单元格，单元格标识为A1，如果需要对此单元格做操作，需通过A1作为其标识实现。 # 2.2.7超链接 云报表通过超链接功能实现了数据的钻取，超链接丰富的配置可支持各种场景下的链接跳转。 ![](/uploads/projects/report/202605/18b0d40f0ba409d1.png) 图2.2.7.1 超链接配置 下面分别介绍各配置的作用以及适合的使用场景。 #### 2.2.7.1跳转条件 跳转条件支持根据条件进行判断，满足条件才可以跳转，并可针对满足条件的数据配置目标资源、打开方式以及跳转传参。 比如下面展示各省份利润情况的报表，若想实现有利润为负的情况下允许查看具体的利润情况，其它则不允许查看，就可以通过添加跳转条件实现。 ![](/uploads/projects/report/202605/18b0d40f0c7a6e92.png) 图2.2.7.1.1 各省份利润情况报表 点击跳转条件后面的“+”图标可以打开编辑数据权限界面，在条件中根据每个省份对应的利润和0做比较，小于0则满足条件，否则不满足。 因跳转是配置在省份字段，因此条件判断的目标数据来源是从同行的B列取值，若直接在利润字段配置跳转，此处数据来源可配置当前单元格。操作符中配置数据来源小于0，点击增加即可。 ![](/uploads/projects/report/202605/18b0d40f0d5a6a88.png) 图2.2.7.1.2 配置跳转条件 保存条件后，选择目标资源“各城市利润”，传递参数为A2单元格的省份，即实现某省份的利润小于0时查看该省份下各个城市的具体利润，否则不允许查看。 ![](/uploads/projects/report/202605/18b0d40f0e3d0343.png) 图2.2.7.1.3 超链接设置 实现效果如下，仅在点击“上海”、“黑龙江”等利润小于0的省份时可实现下钻，其它利润大于0的省份点击均不触发超链接。 ![](/uploads/projects/report/202605/18b0d40f0f0f19f8.png) 图2.2.7.1.4 超链接效果 上述例子是仅配置了一个条件控制一个资源，下面举例说明通过多个条件控制跳转到不同资源的效果。结合上面例子，可以再添加一个条件，判断利润大于0的情况下触发，目标资源为各省份历年利润情况。 目标资源通过自助分析制作一个各省历年利润情况的折线图： ![](/uploads/projects/report/202605/18b0d40f0fe8b561.png) 图2.2.7.1.5 自助分析制作各省历年利润情况 在图2.2.7.1.3的基础上，再添加一个条件，判断利润大于0的情况下触发： ![](/uploads/projects/report/202605/18b0d40f10e44997.png) 图2.2.7.1.6 条件2配置 条件2对应的资源为“各省历年利润情况”，参数同样是传递点击的省份： ![](/uploads/projects/report/202605/18b0d40f12875d6d.png) 图2.2.7.1.7 条件2对应的超链接配置 最终效果是，点击“黑龙江”，判断对应的利润小于0，满足条件1，弹窗打开条件1对应的资源“各城市利润”： ![](/uploads/projects/report/202605/18b0d40f13764892.png) 图2.2.7.1.8 条件1下钻后目标资源 点击“四川”，判断对应的利润大于等于0，满足条件2，弹框打开条件2对应的资源“各省历年利润情况”。 ![](/uploads/projects/report/202605/18b0d40f14bdbe52.png) 图2.2.7.1.9 条件2下钻后目标资源 跳转条件可以不做任何配置，即不添加任何条件。 跳转条件支持配置多个，可能会存在不同的条件之间有重叠部分，比如条件1判断分数大于90触发跳转，条件2判断分数大于80跳转，此时判断是按照条件添加顺序进行的，若分数为95，判断满足条件1，即触发条件1的跳转，不会再判断条件2，若分数为85，判断不满足条件1，转而判断是否满足条件2，依次进行。 #### 2.2.7.2资源类型 超链接支持的资源类型有内部资源和网页链接，内部资源指系统中的云报表、自助分析和自由仪表板资源，网页链接则支持跳转到第三方页面。内部资源是从资源树上选择要跳转的目标资源，网页链接自行输入目标页面的地址即可。 ![](/uploads/projects/report/202605/18b0d40f15a270e8.png) 图2.2.7.2.1 内部资源选择资源 ![](/uploads/projects/report/202605/18b0d40f166fb037.png) 图2.2.7.2.2 网页链接输入URL地址 #### 2.2.7.3打开方式 超链接的打开方式共支持6种，下钻、新页面、弹框、当前页面、父窗口和联动。下钻、新页面、弹框、当前页面和父窗口是通过配置的方式打开目标资源，联动则是自由仪表板内资源之间的联动效果，目标资源初始已经显示，下面详细介绍。 - **下钻** 下钻是点击超链接后在当前页面下钻显示目标页面的数据，同时提供返回上一页的操作。 如下示例：源页面是各省份销售情况的报表，通过超链接配置点击省份则下钻到图形显示当前省份下各个市的销售情况。 ![](/uploads/projects/report/202605/18b0d40f17369b01.png) 图2.2.7.3.1 源页面 超链接目标资源选择“各城市销售额”条形图，参数配置中配置传递原页面省份字段所在单元格的值，即实现点击哪个省份跳转就把哪个省份作为参数进行传递。 ![](/uploads/projects/report/202605/18b0d40f18c29a45.png) 图2.2.7.3.2 超链接配置 点击四川进行超链接跳转，下钻后显示四川省下各市的销售数据条形图，左上角显示“返回上一级”，点击后可返回到源页面。 ![](/uploads/projects/report/202605/18b0d40f19b1d7c0.png) 图2.2.7.3.3 下钻页面 - **新页面** 新页面是以打开一个浏览器新页面的方式展示目标资源数据。在上一部分的示例中，把图2.2.7.3.2中超链接配置的打开方式改为“新页面”。 点击四川进行跳转，目标资源在新打开的页面中展示。 ![](/uploads/projects/report/202605/18b0d40f1ac46c0f.png) 图2.2.7.3.4 新页面 - **弹框** 弹框是以弹出框的方式在当前页面展示目标资源数据，以上示例，把图2.2.7.3.2中超链接配置的打开方式改为“弹框”，弹框位置和背景色透明度等配置使用默认。 ![](/uploads/projects/report/202605/18b0d40f1b98ccb4.png) 图2.2.7.3.5 弹框超链接配置 点击四川进行超链接跳转，目标资源以弹出框的方式在当前页面展示，右上角的关闭按钮可关闭弹框。 ![](/uploads/projects/report/202605/18b0d40f1c72b3e6.png) 图2.2.7.3.6 超链接弹框页面 打开方式选择弹框时有一个是否全屏的选项，默认选择否，默认情况下弹框在当前窗口下打开，若选择是，则弹框在整个浏览器窗口下打开。 - **当前页面** 当前页面是在链接跳转时用目标页面覆盖掉源页面，还是这个例子，将打开方式改为当前页面。以预览的方式打开图2.2.7.3.1中的源页面，此时浏览器共打开了3个页面。 ![](/uploads/projects/report/202605/18b0d40f1d5ebd1c.png) 图2.2.7.3.7 打开方式改为当前页面后视图打开源页面 点击四川进行链接跳转，第三个浏览器页面从源页面的云报表切换成了目标页面的自助分析，此时源页面不再存在了。 ![](/uploads/projects/report/202605/18b0d40f1e40a9f0.png) 图2.2.7.3.8 打开方式为当前页面跳转链接效果 - **父窗口** 父窗口的打开方式会使得源页面的来源页面被跳转资源覆盖，简单来说，我们通过某种方式打开了源页面，比如通过编辑状态直接预览打开，或者在云研发中心以视图的方式打开，此时编辑页面和云研发中心页面就属于源页面的来源页面，下面还是以例子说明。 先打开云报表的编辑页面。 ![](/uploads/projects/report/202605/18b0d40f1f1a2d7c.png) 图2.2.7.3.9 云报表编辑页面 再点击预览，打开云报表视图界面，此页面就是我们超链接资源的源页面。 ![](/uploads/projects/report/202605/18b0d40f1fe9b164.png) 图2.2.7.3.10 超链接资源源页面 配置打开方式为父窗口的情况下，点击四川进行跳转，会使得源页面的来源页面，即编辑界面，被目标资源覆盖掉。 ![](/uploads/projects/report/202605/18b0d40f20cc26d1.png) 图2.2.7.3.11 打开方式为父窗口的跳转效果 - **联动** 联动不同于其它3种类型，其它3种类型实现的均是从源页面到目标页面的链接跳转，只是跳转方式不同，而联动实现的是在自由仪表板中的数据联动效果。 还是以图2.2.7.3.1作为源页面，各城市销售额作为目标资源，打开方式选择联动，联动不支持过滤配置，具体原因在过滤配置中说明。 ![](/uploads/projects/report/202605/18b0d40f21b12c77.png) 图2.2.7.3.12 联动超链接配置 因为联动是在自由仪表板中生效，因此需要把当前资源和目标资源共同添加到一个自由仪表板中。 ![](/uploads/projects/report/202605/18b0d40f228b849f.png) 图2.2.7.3.13 联动相关资源添加在自由仪表板中 联动的效果是，点击左侧的源资源，右侧的目标资源自动筛选出对应的数据，如下图，点击左侧的四川，右侧柱状图显示四川下各个城市的销售额数据。 ![](/uploads/projects/report/202605/18b0d40f2379f487.png) 图2.2.7.3.14 自由仪表板中联动效果 被联动的资源只能是自助分析或者云报表资源，自由仪表板不支持联动。 #### 2.2.7.4点击样式 点击样式支持配置背景颜色、边框颜色和文字颜色，目的在于方便用户区分是点击了哪个数据触发的跳转。 比如，配置弹框跳转，并给点击样式配置背景颜色、边框颜色和文字颜色。 ![](/uploads/projects/report/202605/18b0d40f24b93ab1.png) 图2.2.7.4.1 点击样式配置 点击四川进行弹框跳转时，源页面中的四川按照配置的点击样式进行突出显示。 ![](/uploads/projects/report/202605/18b0d40f25ba9171.png) 图2.2.7.4.2 点击样式效果 打开方式为新页面、弹框、父窗口和联动的情况下可以看到点击样式，下钻和当前页面的方式下因为源页面被覆盖掉，点击样式无法看到。 #### 2.2.7.5跳转参数 参数条件、参数配置和过滤配置均属于跳转参数的范畴，在这一小节里统一介绍。先说明一下参数配置和过滤配置的区别： 参数配置是从源头上先过滤数据，作用对象是目标资源的字段。比如：通过参数配置对目标资源的区域进行筛选，传参为“东北”。则目标资源是先进行过滤，过滤出东北的数据后，再使用东北的数据进行图表绘制，即目标资源不可能再出现其它区域的数据。 过滤配置是事后过滤数据，作用对象是目标资源的过滤器，即目标资源必须要有过滤器才能实现过滤配置。比如：通过过滤配置对目标资源的区域进行筛选，传参“东北”。目标资源是先使用全部数据进行图标绘制，然后把“东北”写入目标资源的区域过滤器，再通过过滤器实现查询东北的数据，这种情况下原始数据是有其它区域数据的，因此可以再通过修改过滤器的值查看到其它区域的数据。 - **参数条件** 参数条件有“AND”和“OR”两个选项，主要是用于判断有多个跳转配置时多个配置之间的生效方式。 举例说明：源页面依然使用各省份利润情况报表，超链接配置下钻到目标资源各城市利润柱状图。参数配置中配了2个条件，一个是传递A2单元格的内容到目标资源的省份字段，即点击哪个省份跳转，就把哪个省份作为参数传递；第2个条件是传固定字符串“广州”到城市字段，即不管点击哪个省份进行跳转，都需要使用“广州”对目标资源的城市字段进行参数过滤。 ![](/uploads/projects/report/202605/18b0d40f268e9240.png) 图2.2.7.5.1 超链接配置 参数条件配置AND的效果：点击除广东外的其它省份，目标资源均没有数据，因为广州市属于广东省，两个条件同时生效的情况下只在省份为广东时才有数据，而点击广东省时，第2个条件又限制了只会过滤出广东省广州市的数据。 ![](/uploads/projects/report/202605/18b0d40f2735fe7d.png) 图2.2.7.5.2 参数条件配置“AND” 参数条件配置OR的效果：点击“贵州”进行跳转，目标资源除了显示贵州省下各个市的数据，还会显示广州的数据，因为两个参数配置之间是“或”的关系。 ![](/uploads/projects/report/202605/18b0d40f27f2a394.png) 图2.2.7.5.3 参数条件配置“OR” - **参数配置** 参数配置包括3部分内容，类型、源和目标。类型包括字符串、数值、日期、单元格、过滤器、图形字段、回显字段7种，用于配置源页面参数的来源。源配置的是针对源页面参数具体要传递的内容。目标配置的是字段名，即目标资源需要被过滤的字段名称。参数配置可以添加很多条配置，也可以通过右侧的“×”删除已经添加的配置。 分别说明一下各种类型下的参数配置。 字符串：如图，类型为字符串，源配置“广州”，目标配置“省份”，则无论点击什么内容进行跳转，传参都是固定字符串“广州”，作用于目标资源的“省份”字段，即对目标资源的省份字段进行筛选，只筛选出广州的数据。 ![](/uploads/projects/report/202605/18b0d40f28ce1e15.png) 图2.2.7.5.4 字符串配置 数值：数值和字符串类型类似，只是字段类型不同，下图的配置意为无论点击哪个值进行跳转，都对目标资源中的“是否超时”字段进行值为“1”的筛选。虽然这里是数值，但是筛选也只能实现等于的筛选，无法对数值进行大于1或小于1这样的筛选。 ![](/uploads/projects/report/202605/18b0d40f29a14981.png) 图2.2.7.5.5 数值配置 日期：日期和数值字符串类型类似，意为对目标资源的字段进行选定日期的筛选，日期通过日期控件进行选择，不支持手动输入，同样，日期也只能进行等于筛选。 ![](/uploads/projects/report/202605/18b0d40f2a64b876.png) 图2.2.7.5.6 日期配置 单元格：单元格是用的比较多的一种类型，源需要配置取数的单元格，单元格中可以配置字段，字段可以进行扩展，此时点击扩展出来的字段进行跳转，会取到所点击的内容作为参数实现过滤，从而实现一种动态过滤。比如下图中的配置，取源页面A2单元格的省份对目标页面的省份字段进行筛选，则点击“贵州”，可筛选出目标资源中省份为“贵州”的数据，点击“广东”，可筛选出目标资源中省份为“广东”的数据。 ![](/uploads/projects/report/202605/18b0d40f2b2f9c9d.png) 图2.2.7.5.7 单元格配置 过滤器：过滤器也可以作为一种获取参数的类型，意为源页面的参数值从过滤器中取。选择过滤器类型时，源页面必须配置有过滤器，因为过滤器是通过下拉列表选择的，下拉列表会自动读取当前报表已经配置的过滤器。过滤器传参方式是，将当前过滤器选择的数据作为参数对目标资源进行筛选，如图XX，通过过滤器选择了省份为“安徽，北京，福建”的数据，此时点击“福建”进行跳转，传递的参数是“安徽，北京，福建”，即筛选目标资源省份为“安徽，北京，福建”的数据。 ![](/uploads/projects/report/202605/18b0d40f2c11073d.png) 图2.2.7.5.8 过滤器配置 ![](/uploads/projects/report/202605/18b0d40f2cd55624.png) 图2.2.7.5.9 过滤器传参说明 需要特别说明的是，过滤器也是做的参数配置过滤，即先从源头上过滤目标资源数据。参数配置和过滤配置的区别是从配置的位置区分的，而类型只是决定了数据的来源，和过滤方式并没有关系。 图形字段：实现了云报表中图形的超链接跳转，通过配置图形的分类轴、标签和度量名称进行传值跳转。点击图形时会获取对应的分类轴、标签或度量名称的值将其作为条件传递到目标资源对数据进行过滤。比如图2.2.7.5.10配置的图形，超链接设置中参数配置类型选择图形字段，源选择分类轴，目标填写省份，实现点击图形中条形图的柱子时获取到分类轴的值，将此值作为过滤条件过滤目标资源对应省份的数据。 ![](/uploads/projects/report/202605/18b0d40f2dbea32c.png) 图2.2.7.5.10 图形配置 ![](/uploads/projects/report/202605/18b0d40f2ec15fb0.png) 图2.2.7.5.11 超链接配置 最终效果为点击源资源中云报表条形图的四川，弹框显示目标资源各城市利润中四川省下各城市的利润。 ![](/uploads/projects/report/202605/18b0d40f2fad82cc.png) 图2.2.7.5.12 图形字段作为参数配置超链接效果 需要特别说明的是，标签有可能是数值字段，如果需要将数值作为条件进行传递，需要写成#标签#的方式才能正确传值。 回显字段：选择回显字段后，源自动获取查询配置表格中勾选的是否为回显字段的值。 选择表为关联过滤器表，表中字段和数据构成，如图2.2.7.5.13所示。 ![](/uploads/projects/report/202605/18b0d40f309acf79.png) 图2.2.7.5.13 跳转配置如图图2.2.7.5.14所示。 ![](/uploads/projects/report/202605/18b0d40f31a182ca.png) 图2.2.7.5.14 点击预览页面，查看查询配置效果，如图2.2.7.5.15所示。默认条数配置3条，则只展示三条数据。按照回显字段中字段顺序进行数据展示。 ![](/uploads/projects/report/202605/18b0d40f326b6942.png) 图2.2.7.5.15 点击下图2.2.7.5.16中框出范围。 ![](/uploads/projects/report/202605/18b0d40f333a44c4.png) 图2.2.7.5.16 查看跳转页面图图2.2.7.5.17，参数传值为回显字段的值。 ![](/uploads/projects/report/202605/18b0d40f340fbe82.png) 图2.2.7.5.17 【注意事项】 1.不做group by处理。需要使用的时候，把数据处理好，这里只做显示 2.边框默认宽度为1PX 3.查询界面的跳转和云报表工具栏中的跳转数据是同步的。 4.查询配置开启后，关联配置不生效 5.开启控件权限不可用后，查询下拉也不可点击 - **传递所有条件到目标资源** 传递所有条件到目标资源是参数配置下的一个勾选项，因此它对目标资源做的是参数配置过滤，即从源头上先过滤数据再出图表。 ![](/uploads/projects/report/202605/18b0d40f34e67821.png) 图2.2.7.5.18 传递所有条件到目标资源 传递所有条件到目标资源指的是将作用于当前资源的条件作为参数进行传递，作用于当前资源的条件主要分为以下几种： 1. 来自于自身过滤器：如下图，省份过滤器选择了“安徽，北京”，则作用于当前资源的条件就是“省份等于安徽或省份等于北京”，传递所有条件到目标资源，即使用此条件对目标资源进行过滤。 ![](/uploads/projects/report/202605/18b0d40f35c9a4f5.png) 图2.2.7.5.19 过滤器作用于云报表 1. 来自于自由仪表板公共过滤器：如下图，城市过滤器是自助分析各城市利润携带的过滤器，可将其用作公共过滤器对云报表各省份销售额生效，此时作用于云报表的条件就是“城市等于鞍山”，传递所有条件到目标资源即筛选目标资源中“城市”等于“鞍山”的数据。 ![](/uploads/projects/report/202605/18b0d40f3680e2ee.png) 图2.2.7.5.20 公共过滤器作用于云报表 1. 来自于自由仪表板筛选器：如下图，自助分析图形在自由仪表板中有用作筛选器功能，即把自身作为条件对其它图表进行筛选，图中是点击自助分析的“广州”，对应筛选出了云报表中城市为“广州”的数据。此时作用于云报表的条件就是“城市等于广州”，传递所有条件到目标资源即筛选目标资源中“城市”等于“广州”的数据。 ![](/uploads/projects/report/202605/18b0d40f37696ec9.png) 图2.2.7.5.21 自助分析图形用作筛选器作用于云报表 传递所有条件到目标资源只有一个勾选框，没有配置，因此要筛选的目标资源的字段名是从条件中获取到的，可能是过滤器的名称也可能是字段的名称，必须是在目标资源有这个字段的情况下才会生效。比如作用于当前资源的条件是过滤器“区域”等于“东北”，但是目标资源中并没有一个字段叫“区域”，目标资源中这个字段可能是叫“地区”，此时名称匹配不上，不会对目标资源做筛选。 - **过滤配置** 过滤配置是将源页面传递的参数写入到目标资源的过滤器中，类型有7种，字符串、数值、日期、单元格、过滤器、图形字段、回显字段，说明已经在参数配置中介绍过。 还是使用前面一直用到的各省份利润云报表，过滤配置下配置取A2单元格扩展出来的省份作用于目标资源的省份过滤器。 ![](/uploads/projects/report/202605/18b0d40f383319aa.png) 图2.2.7.5.22 超链接过滤配置 点击各省份利润云报表的“贵州”，下钻到目标资源各城市利润，过滤器省份的值默认选中“贵州”。 ![](/uploads/projects/report/202605/18b0d40f3911ffcb.png) 图2.2.7.5.23 过滤配置跳转后目标页面 可以通过修改省份的选项，查出全部数据或其它省份的数据。 ![](/uploads/projects/report/202605/18b0d40f3a196e79.png) 图2.2.7.5.24 过滤配置仅作用于目标资源过滤器 打开方式为联动时不支持过滤配置，联动是通过条件和参数实现图形之间的联动效果，不存在要作用于联动资源的过滤器的场景，因此联动方式下没有过滤配置。 - **被关联过滤器或有嵌套参数全选时不传递** 链接跳转的传参规则中有一种情况是：如果传参类型配置的是过滤器且过滤器选择的是全部，则不传递此条件。关联过滤器和嵌套参数属于一种特殊情况，被关联的过滤器虽然选择的是全部，但此时的全部是被关联过滤之后的全部，这种情况默认是会传递过滤器中的具体值的，因此加了一个选项，针对这种情况可以选择不传递值。 下面用例子说明此功能的用法： 源资源为各城市销售额，有区域、省份、城市3个过滤器，区域关联了省份和城市、省份关联了城市，即选择某个区域后，省份和城市的选项只能是该区域下的省份和城市。因为关联过滤器属于自由仪表板的特有功能，云报表无法配置，此处将云报表添加到自由仪表板中进行的关联过滤器配置。 ![](/uploads/projects/report/202605/18b0d40f3af5eb92.png) 图2.2.7.5.25 关联过滤器 超连接配置为用源资源的省份过滤器的选项去筛选目标资源中匹配的省份数据。 ![](/uploads/projects/report/202605/18b0d40f3c2340e4.png) 图2.2.7.5.26 超链接配置 下面先看一下不勾选“被关联过滤器或有嵌套参数全选时不传递”这个选项的效果。 区域过滤器选择东北后，省份过滤器的下拉选项也仅有东北下面的省份。 ![](/uploads/projects/report/202605/18b0d40f3ce84c4a.png) 图2.2.7.5.27 关联过滤器效果 此时点击区域跳转，目标资源中只有东北下面省份的数据，因为省份过滤器当前的值黑龙江、吉林和辽宁作为参数对目标资源进行了过滤。 ![](/uploads/projects/report/202605/18b0d40f408fc20c.png) 图2.2.7.5.28不勾选被关联过滤器或有嵌套参数全选时不传递效果 勾选上“被关联过滤器或有嵌套参数全选时不传递”后，区域选择东北，再点击区域进行跳转，查出来的是所有省份下的数据，因此此时判定省份为被关联过滤器且值选择了全部，超链接跳转时不传参，不做过滤。 ![](/uploads/projects/report/202605/18b0d40f4683576d.png) 图2.2.7.5.29 勾选被关联过滤器或有嵌套参数全选时不传递 嵌套参数效果和关联过滤器类似，此处就不再做特殊说明。 #### 2.2.7.6网页连接 网页链接大部分配置和内部资源都一致，区别在于内部资源选择的是资源，外部资源是通过URL地址进行跳转，目前可支持固定链接及动态链接，此处固定链接以跳转到百度首页做一下跳转说明。 固定链接：URL地址必须输入完整的地址，因为网页链接不存在作用于目标资源过滤器的情况，因此配置中没有过滤配置。网页链接跳转多了一个“是否传递token”的选项，勾选后跳转时会把当前登录token作为参数进行传递，多用于第三方集成。 ![](/uploads/projects/report/202605/18b0d40f47a1ede3.png) 图2.2.7.6.1 超链接网页链接配置 以上配置跳转到百度首页时会自动带上跳转参数和Token。 ![](/uploads/projects/report/202605/18b0d40f48747d72.png) 图2.2.7.6.2 网页链接新页面跳转效果 动态链接：URL地址可以从单元格中读取，若配置的单元格是扩展格，可以实现点不同单元格跳转到不同的URL链接中。 下面举例说明用法： 新建一个云报表，跳转字段和目标的URL地址均存在字段中，期望点击A2单元格的名称能跳转对应的B2单元格的URL地址。 ![](/uploads/projects/report/202605/18b0d40f496313ae.png) 在B2单元格设置超链接，配置网页链接，URL地址为动态链接，来自B2单元格。 ![](/uploads/projects/report/202605/18b0d40f4a3688a2.png) 配置完成的报表视图界面展示如下： ![](/uploads/projects/report/202605/18b0d40f4b3f5549.png) 点击不同的应用ID可以跳转到对应应用的URL地址。 # 2.2.8清除 清除功能是为了批量清除单元格配置内容、格式或者控件，和清除工作表的不同点在于，清除工作表是清除工作表的所有配置，清除只清除选中单元格的配置。 清除有全部、格式、内容、控件4个选项，清除全部是将选中单元格内的所有配置全部清空，清空到初始化状态；清除格式是将选中单元格的颜色、字体、框线等内容清空；清除内容是清除单元格设计下常规中插入元素的配置，比如插入的文本、字段、公式等内容；清除控件则是清除单元格配置的填报控件。 ![](/uploads/projects/report/202605/18b0d40f4c219cc5.png) 图2.2.8.1 云报表配置 以图2.2.8.1举例说明各类清除的效果。 清除全部：A1单元格恢复到初始化状态。 ![](/uploads/projects/report/202605/18b0d40f4cee8f79.png) 图2.2.8.2 清除全部 清除格式：A1单元格配置的背景色、框线和居中配置被清除。 ![](/uploads/projects/report/202605/18b0d40f4dae9e13.png) 图2.2.8.3 清除格式 清除内容：A1单元格配置的文本被清除。 ![](/uploads/projects/report/202605/18b0d40f4e68a2e9.png) 图2.2.8.4 清除内容 清除控件：A1单元格配置的控件被清除。 ![](/uploads/projects/report/202605/18b0d40f4f45d619.png) 图2.2.8.5 清除控件 # 2.2.9背景 背景配置是用于配置云报表的背景，可以配置颜色和背景色，默认是没有背景。 ![](/uploads/projects/report/202605/18b0d40f504e45d1.png) 图2.2.9.1 背景配置 背景配置颜色时可以通过HEX色值配置具体颜色，最终在视图中以背景显示。 ![](/uploads/projects/report/202605/18b0d40f51262cd5.png) 图2.2.9.2 报表无背景色 ![](/uploads/projects/report/202605/18b0d40f52069569.png) 图2.2.9.3 报表以固定颜色作为背景色 ![](/uploads/projects/report/202605/18b0d40f52e62f4d.png) 图2.2.9.4 报表以渐变色作为背景色 背景配置也可以上传图片实现以具体图片作为背景的需求。 ![](/uploads/projects/report/202605/18b0d40f53bc3076.png) 图2.2.9.5 设置图片作为背景 ![](/uploads/projects/report/202605/18b0d40f551af3b1.png) 图2.2.9.6 云报表以图片作为背景色 # 2.2.10分栏 数据横向扩展而行数较少或数据纵向扩展但列数较少的情况下，页面上都会显示出大片的空白以及滚动条，不美观且操作上不方便，此时可以使用报表分栏来对数据进行换行或换列显示。 分栏包括行分栏和列分栏，针对每种分栏方式又有两种不同的分栏算法。 ![](/uploads/projects/report/202605/18b0d40f55dd6d1e.png) 图2.2.10.1 报表分栏 - **行分栏** 行分栏适用于列数很少但是扩展出来很多行的报表，这类报表窄而长，右侧显示出大片的空白同时还会出现纵向滚动条，可以通过使用行分栏节省空间并增加美观性。 ![](/uploads/projects/report/202605/18b0d40f56c556d9.png) 图2.2.10.2 适用于行分栏的报表 配置行分栏需要有纵向扩展字段且只能有一棵树，行分栏支持超过某行进行分栏或直接分栏成某列的方式。 超过X行分栏：每栏最多X行数据，超过X行的进入到下一栏； 分栏成X列：每栏数据为总行数N/X列。 比如当前报表有100行，采用超过10行进行分栏，则最终会被分成10列，如果直接配置分成2列，则每列会有50行。 配置超过30行分栏，效果如下：每30行显示一栏，超过30行的部分另起一栏。 ![](/uploads/projects/report/202605/18b0d40f57b422ef.png) 图2.2.10.3 超过X行分栏 配置分成3列，效果如下：最终显示3列，直到所有数据显示完。 ![](/uploads/projects/report/202605/18b0d40f58adb93f.png) 图2.2.10.4 分栏成X列 需注意，如果分栏不能刚好把所有的数据都分完，尾部会出现空白区域，而且根据分栏方式的不同，空白区域可能出现在不同位置，这是分栏的特性导致的。 - **列分栏** 列分栏适用于横向扩展行数较少但是列数很多的情况，此时页面底部会显示大片空白且出现横向滚动。 列分栏需要有横向扩展字段，且整个数据区只能有一棵树。列分栏设置显示X列后进行换行显示，配置超过X列分栏或分栏成X行。 列分栏的算法和行分栏是类似的，区别只在于行分栏是针对纵向扩展进行分栏，而列分栏是对横向扩展进行分栏，各自需要满足各自的条件。 # 2.2.11重复与冻结 表格过大或分页时，需要标题或表头实现重复和冻结的效果。 ![](/uploads/projects/report/202605/18b0d40f59ab0962.png) 图2.2.11.1 重复与冻结配置 重复设置包括重复标题行和重复结尾行，默认不启用，勾选后可配置重复行数。冻结支持行和列，但是只能从第1行或第A列开始冻结。 #### 2.2.11.1重复 重复主要用于有分页的情况，表头和标题的内容可能需要重复在每页中都显示，这种情况下可以通过设置重复来处理。 未设置重复时，只有第一页会显示表头，后面的部分不会显示。 ![](/uploads/projects/report/202605/18b0d40f5a7256e6.png) 图2.2.11.1.1 不设置重复标题行 通过重复标题行将第一行设为重复，翻页后每一页都会重复显示第一行的内容。 ![](/uploads/projects/report/202605/18b0d40f5b29e8cc.png) 图2.2.11.1.2 设置重复标题行 重复结尾行和重复标题行类似，是将报表结尾的部分在每页中重复显示，比如针对图2.2.11.1.3配置中总计的部分做一个每页的小计，可以配置第3行作为结尾行重复显示。 ![](/uploads/projects/report/202605/18b0d40f5c19aca7.png) 图2.2.11.1.3 重复结尾行 视图界面每一页都会重复显示当前页的订单数量总计值。 ![](/uploads/projects/report/202605/18b0d40f5d02cf9e.png) 图2.2.11.1.4 翻页后结尾行重复显示 #### 2.2.11.2冻结 冻结可以冻结前N行或前N列，冻结只能勾选是否要冻结，冻结行的前提是行设置了重复，因此必须勾选了重复标题行才能勾选冻结，且冻结不需要配置冻结到第几行，会默认用重复的行数做冻结。 ![](/uploads/projects/report/202605/18b0d40f5dd84ae9.png) 图2.2.11.2.1 冻结配置 冻结后表格数据条数较多时往下滚动，表头的部分会固定不动，方便查看数据。 ![](/uploads/projects/report/202605/18b0d40f5ec58b0e.png) 图2.2.11.2.2 冻结行效果 冻结列是从A列开始冻结固定的列，数据较长时，横向拖动滚动条左侧的数据保持不动，方便查看数据。 ![](/uploads/projects/report/202605/18b0d40f5fe52b9a.png) 图2.2.11.2.3 冻结列效果 # 2.2.12模板 模板功能是为了提升报表开发效率，以云报表资源对象为模板，对整个资源的配置进行保存和替换，固化常用的报表资源模板，快速实现类似报表的开发。 模板支持Excel模板导入、保存模板、模板管理以及引用模板。 ![](/uploads/projects/report/202605/18b0d40f60c3e8a9.png) 图2.2.12 模板 #### 2.2.12.1 Excel模板导入 Excel模板导入功能适用于本地已有Excel模板，要按照本地的Excel模板样式制作一张报表，可快速将模板导入到配置界面，在此基础上再进一步对报表进行制作。 ![](/uploads/projects/report/202605/18b0d40f617d60a1.png) 图2.2.12.1.1 Excel模板导入 Excel模板导入仅支持导入2007及以上版本的Excel，即文件尾缀为.xlsx的文件，支持覆盖导入和清空导入两种方式。 覆盖导入是在原有内容的基础上将当前上传的Excel文件内容叠加上去，有重叠的部分采用新上传文件的内容，没有重叠的部分则继续使用原有内容。清空导入则是将之前配置全部清空，以新导入的内容为准。 Sheet名称默认使用第一个sheet，如果需要导入指定sheet页的内容，需要选择自定义指定并输入sheet名称。 ![](/uploads/projects/report/202605/18b0d40f65763773.png) 图2.2.12.1.2 自定义指定sheet 选择好导入方式和sheet名称后，点击“上传Excel”按钮，选择本地的Excel文件，点击确定，Excel中的内容就被上传到云报表配置界面。 比如图2.2.12.1.3中的Excel模板，如果想通过云报表收集这些信息，需要在云报表中制作一个填报报表，可通过Excel模板导入功能快速将表格导入到云报表中，再配置后续的填报规则等，使得开发更快速。 ![](/uploads/projects/report/202605/18b0d40f66b2111a.png) 图2.2.12.1.3 示例Excel模板 导入后效果： ![](/uploads/projects/report/202605/18b0d40f67a08bb2.png) 图2.2.12.1.4 Excel模板导入到云报表 #### 2.2.12.2保存模板 想将一个常用表格样式保存为模板方便后续使用时，可以使用保存模板功能。 ![](/uploads/projects/report/202605/18b0d40f6881290c.png) 图2.2.12.2.1 保存模板界面 模板支持新建和更新，可以对模板放置的位置进行分组管理，最后填写模板名称即可，模板默认会放在“未分组”下面，如果想放在指定分组下，可在模板管理中创建分组。 比如针对《个人信息统计》表，想将此表格保存为一个模板时，可以填写对应信息进行保存。 ![](/uploads/projects/report/202605/18b0d40f694956e8.png) 图2.2.12.2.2 保存模板 如果表格的样式或内容有了变化，想要更新已经保存的模板，可以点击保存模板，然后选择更新选项，此时选择对应的分组后，模板名称可以从下拉框中选择之前已经保存过的模板。 ![](/uploads/projects/report/202605/18b0d40f6a04a330.png) 图2.2.12.2.3 更新模板 模板仅保存配置相关的信息，字段内容无法被保存到模板中，引用模板的时候需重新拖入字段。 #### 2.2.12.3引用模板 想在空白工作表上使用之前保存的模板时，点击引用模板即可在下拉框中根据名称找到之前保存的模板。 ![](/uploads/projects/report/202605/18b0d40f6afd7031.png) 图2.2.12.3.1 引用模板 点击模板名称后会弹出提示信息，当前工作表已经有内容的情况下，引用模板会覆盖原有配置，相当于会清空工作表原本的内容，再把模板内容展示出来。 ![](/uploads/projects/report/202605/18b0d40f6bd2cf8c.png) 图2.2.12.3.2 引用模板确认提示 成功引用模板后，模板中的内容在当前工作表展示，用户可基于此进行下一步的报表开发工作。 ![](/uploads/projects/report/202605/18b0d40f6cafd8bb.png) 图2.2.12.3.3 模板引用成功 #### 2.2.12.4模板管理 模板管理用于管理当前已保存的模板和分组，可以快速查询、删除、预览以及引用模板。 ![](/uploads/projects/report/202605/18b0d40f6d89ddf1.png) 图2.2.12.4.1 模板管理 可以根据模板名称、创建人以及模板创建时间对模板进行查询。 分组下可以勾选指定分组查看保存在该分组下的模板，分组后放的“+”可以创建一个新的分组，点击分组名称会弹出修改界面，修改分组的名称。鼠标放在每个分组的后面会显示“X”，可以删除分组，删除分组后原本放在该分组下的模板会被置为未分组。 ![](/uploads/projects/report/202605/18b0d40f6e6821c0.png) 图2.2.12.4.2 修改分组名称 勾选模板后点击删除按钮可以删除模板。 ![](/uploads/projects/report/202605/18b0d40f6f629818.png) 图2.2.12.4.3 删除模板 勾选模板后点击修改分组，可以将选择的模板修改到指定分组下。 ![](/uploads/projects/report/202605/18b0d40f705dc1e0.png) 图2.2.12.4.4 修改模板所属分组 点击某个模板后方操作列的预览按钮，可以在浏览器打开的新页面中查看模板效果，比如预览“个人信息统计”，可在新页面中看到如下效果： ![](/uploads/projects/report/202605/18b0d40f711c1a77.png) 图2.2.12.4.5 预览模板 点击某模板后方操作列中的引用按钮，效果和点击引用模板按钮再选择具体模板效果一样。 ![](/uploads/projects/report/202605/18b0d40f723a20b4.png) 图2.2.12.4.6 引用模板 # 2.2.13样式 云报表的样式包括单元格样式、条件属性样式以及过滤器样式，模板的作用范围是整个工作表，而样式针对具体单元格。 #### 2.2.13.1单元格样式 针对图2.2.13.1.1中的报表，我们可以收藏A1单元格的样式，此单元格配置了文字加粗、居中、文字颜色、背景颜色、边框等，收藏此单元格样式后可以快速复用此样式。 ![](/uploads/projects/report/202605/18b0d40f732e09d4.png) 图2.2.13.1.1 样例报表 选中A1单元格，点击鼠标右键，在菜单中选择收藏单元格样式，会弹出单元格样式收藏配置界面，输入用于区分的样式名称，选择谁可以看即收藏成功。 ![](/uploads/projects/report/202605/18b0d40f740eaa46.png) 图2.2.13.1.2 右键打开收藏单元格样式入口 ![](/uploads/projects/report/202605/18b0d40f74c6721c.png) 图2.2.13.1.3 收藏单元格样式配置界面 谁可以看分为私有、公开和部分可见，私有表示仅收藏样式的用户自己可以使用，公开则系统所有用户都可以使用，部分可见则仅有部分人可以使用，选择部分可见会展示用户权限选择界面，可选择可以使用的系统用户。 ![](/uploads/projects/report/202605/18b0d40f75d9c9c9.png) 图2.2.13.1.4 部分可见 收藏成功后点击工具栏右上角的样式 - 单元格样式可以打开引用单元格样式界面，所有收藏的单元格样式都在此展现出来。我的收藏下展示的是私有样式和部分可见中当前登录用户有权限使用的样式，公共收藏下则展示公开收藏的样式。 ![](/uploads/projects/report/202605/18b0d40f76f20b8b.png) 图2.2.13.1.5 引用单元格样式 选中一个单元格，点击样式 - 引用单元格样式，选择一个样式，即可成功对选中的单元格使用选择的样式。收藏一些常用的单元格样式后就可以批量对单元格使用样式，不用再每一项单独配置。 ![](/uploads/projects/report/202605/18b0d40f785dec80.png) 图2.2.13.1.6 引用单元格样式前 ![](/uploads/projects/report/202605/18b0d40f791d7168.png) 图2.2.13.1.7 引用单元格样式后 #### 2.2.13.2条件属性样式 针对一些常见的条件属性配置，也可以进行样式收藏，方便后续使用。 比如配置了条件对利润小于0的数据进行红色突出显示，后续别的位置也可能使用到这个条件，就可以对这个条件进行收藏。 ![](/uploads/projects/report/202605/18b0d40f7a29e21a.png) 图2.2.13.2.1 条件属性配置 选中利润数据所在的C2单元格，点击鼠标右键，打开菜单，选择收藏条件属性，即弹出收藏条件属性配置界面，配置方式和收藏单元格样式类似。 ![](/uploads/projects/report/202605/18b0d40f7b1196fb.png) 图2.2.13.2.2 收藏条件属性样式入口 ![](/uploads/projects/report/202605/18b0d40f7bdb855b.png) 图2.2.13.2.3 收藏条件属性配置界面 收藏成功的样式可以在工具栏右上角样式 - 条件属性中看到，使用方式同单元格样式，选择一个或多个单元格，点击条件属性样式即可成功使用。 ![](/uploads/projects/report/202605/18b0d40f7cdf3166.png) 图2.2.13.2.4 引用条件属性样式页面 #### 2.2.13.3过滤器样式 对过滤器设置的样式也支持进行收藏再快速使用，过滤器设置样式及收藏样式的入口在过滤器下拉菜单中。 ![](/uploads/projects/report/202605/18b0d40f7dc0aa97.png) 图2.2.13.3.1 过滤器设置样式及收藏样式入口 比如针对顾客姓名过滤器设置激活颜色为红色（默认为蓝色），然后收藏此样式。 ![](/uploads/projects/report/202605/18b0d40f7f08aa3c.png) 图2.2.13.3.2 设置过滤器样式 在过滤器配置区点击右键，打开菜单，选择批量设置样式。 ![](/uploads/projects/report/202605/18b0d40f8038216e.png) 图2.2.13.3.3 批量设置样式 然后选中要应用过滤器样式的过滤器，比如运输方式，再点击工具栏右上角的样式，下拉菜单中就会出现过滤器样式，否则只会显示单元格样式和条件属性，必须选中过滤器，过滤器样式才会出现。 ![](/uploads/projects/report/202605/18b0d40f825bee84.png) 图2.2.13.3.4 过滤器样式引用入口 打开过滤器样式应用界面，选择想要使用的样式，点击右键，选择菜单中的应用，即可使用此样式。菜单中还提供了修改和删除选项，可以对样式进行更新以及删除。 ![](/uploads/projects/report/202605/18b0d40f838a0869.png) 图2.2.13.3.5 引用过滤器样式界面 应用成功后过滤器即按照选择的样式生效。 ![](/uploads/projects/report/202605/18b0d40f84c15511.png) 图2.2.13.3.6 过滤器引用样式效果 批量设置样式除了选择多个过滤器直接应用过滤器样式外，还可以选择一个以上的过滤器后点击右侧的设置按钮，打开过滤器配置页面，此时的配置对所有过滤器均生效。 ![](/uploads/projects/report/202605/18b0d40f85aadbc7.png) 图2.2.13.3.7 批量设置过滤器样式配置入口 # 2.2.14配置 配置是针对整张报表的一些设置，包括报表的名称、填报报表的配置以及报表属性设置等内容。 #### 2.2.14.1编辑标题 新建的云报表名称默认为“工作表\_X”，多数情况下需要修改工作表的名称以增强可读性，同时便于后期维护。 点击工具栏 - 配置下的“编辑标题”： ![](/uploads/projects/report/202605/18b0d40f86a1116d.png) 图2.2.14.1.1 编辑标题 在弹出的编辑工作表标题文本输入框中输入想要修改的工作表名称，点击确定，工作表名称修改成功。 ![](/uploads/projects/report/202605/18b0d40f87a69311.png) 图2.2.14.1.2 修改工作表标题 修改工作表名称后必须要保存整个云报表才能最终生效，且修改后左侧资源树上的名称会同步修改。 ![](/uploads/projects/report/202605/18b0d40f888e7713.png) 图2.2.14.1.3 修改工作表标题效果 #### 2.2.14.2填报属性 填报属性属于填报报表配置的一部分，具体使用教程参考3.3配置回写规则，填报属性主要是配置回写规则以及校验规则。 #### 2.2.14.3工作表设置 工作表设置包含几部分内容，按钮设置、通用配置、参数管理和脱敏规则。按钮设置主要用于配置报表页面要展示的功能按钮，通用配置则可以配置分页后每页显示条数、是否启用缓存、是否限制导出条数、表格是否自适应等内容，参数管理配置当前工作表相关的模板参数，脱敏规则控制了导出时的脱敏显示。 ##### 2.2.14.3.1按钮设置 按钮设置主要配置报表展示页面工具栏需要展示的功能按钮，未勾选的功能按钮不会显示出来，只有配置的功能按钮才能使用。 ![](/uploads/projects/report/202605/18b0d40f896e3833.png) 图2.2.14.3.1.1 按钮设置 - **提交按钮** 提交按钮用于提交填报数据，在配置中勾选提交按钮后，视图打开云报表时，工具栏会显示提交按钮。 ![](/uploads/projects/report/202605/18b0d40f8a254daf.png) 图2.2.14.3.1.2 提交按钮 点击提交按钮，进行数据提交，并给出相应提示信息。如果未配置复选框，则提交当前页面的所有数据，如果配置了复选框，提交当前页面勾选的数据。 ![](/uploads/projects/report/202605/18b0d40f8af09321.png) 图2.2.14.3.1.3 提交数据 - **数据校验** 数据校验是对当前填报的数据依据配置的校验规则进行校验，如果校验不通过则给出对应的提示信息，如果未配置数据校验按钮，直接点击提交按钮也会先对数据做校验。 数据校验包含在控件中校验模块下配置的校验规则，以及在填报属性的数据校验选项卡下配置的校验规则。 ![](/uploads/projects/report/202605/18b0d40f8bfa24b3.png) 图2.2.14.3.1.4 控件校验 ![](/uploads/projects/report/202605/18b0d40f8d0407be.png) 图2.2.14.3.1.5 填报属性下数据校验 数据校验效果如下，选择数据后点击工具栏的数据校验按钮，校验通过无提示，若校验不通过则给出校验中配置的错误提示。 ![](/uploads/projects/report/202605/18b0d40f8dd1afbb.png) 图2.2.14.3.1.6 姓名不能为空数据校验效果 ![](/uploads/projects/report/202605/18b0d40f8ea5e150.png) 图2.2.14.3.1.7 日期1不能大于日期2数据校验效果 - **分页按钮** 数据较多时在页面上全部显示出来会出现很长的滚动条，而且不利于查看数据，可以使用分页对数据进行处理，设置每页显示的数据条数，通过翻页查看后面的数据。 分页按钮默认是勾选状态，即默认开启分页。分页可以结合通用配置选项卡下面的每页显示条数一起使用，自定义每页显示的数据条数。 ![](/uploads/projects/report/202605/18b0d40f8f87e5c5.png) 图2.2.14.3.1.8 每页显示条数配置 勾选分页并配置每页显示条数后，打开云报表会默认分页并按照配置的每页显示条数进行分页。 ![](/uploads/projects/report/202605/18b0d40f9124862e.png) 图2.2.14.3.1.9 分页效果 在打开的视图页面上仍然可以在每页显示条数的位置手动输入数字修改每页显示条数，但此处的改动是临时的，关闭当前页面后此配置即失效。 ![](/uploads/projects/report/202605/18b0d40f94ae80cc.png) 图2.2.14.3.1.10 视图页面临时修改每页显示条数 - **打印按钮** 需要打印报表内容时可以添加打印按钮，连接打印机，对报表进行打印。 ![](/uploads/projects/report/202605/18b0d40f97105502.png) 图2.2.14.3.1.11 打印按钮 点击打印按钮，会弹出打印设置界面，用户可根据需要选择打印页面大小、横纵向布局、颜色、纸张尺寸等内容，目前打印仅支持PDF格式打印。 ![](/uploads/projects/report/202605/18b0d40f989fcbe2.png) 图2.2.14.3.1.12 打印设置 - **导出Excel（含样式）** 云报表支持将数据导出为Excel格式，导出到Excel中处理样式需要花一定的时间，因此提供了导出Excel（含样式）和导出Excel（无样式）两个按钮供用户自行选择是否需要导出样式。 以下图2.2.14.3.1.13中的清单报表为例，说明各类导出的效果。 ![](/uploads/projects/report/202605/18b0d40f9a472147.png) 图2.2.14.3.1.13 清单报表 导出Excel（含样式）效果： ![](/uploads/projects/report/202605/18b0d40f9b98d37b.png) 图2.2.14.3.1.14 导出Excel（含样式） - **导出Excel（无样式）** 导出Excel（无样式）适用于数据量较大的情况，为了节省时间可以选择不导出样式仅导出数据。 导出Excel（无样式）效果： ![](/uploads/projects/report/202605/18b0d40f9cb8756e.png) 图2.2.14.3.1.15 导出Excel（无样式） - **导出Word** 配置导出Word后视图打开云报表会显示导出Word按钮，以下为导出Word效果： ![](/uploads/projects/report/202605/18b0d40f9e1709df.png) 图2.2.14.3.1.16 导出Word - **导出TXT** TXT文件本身是没有样式的，所以导出为TXT也不带样式，仅能导出数据。 ![](/uploads/projects/report/202605/18b0d40f9efcf074.png) 图2.2.14.3.1.17 导出TXT - **导出PDF** 配置导出PDF，视图界面打开报表显示导出PDF选项，可将数据导出为PDF文件。 ![](/uploads/projects/report/202605/18b0d40fa2c7434e.png) 图2.2.14.3.1.18 导出PDF - **导出PNG** 数据也可以导出为PNG格式，配置导出PNG按钮即可。 ![](/uploads/projects/report/202605/18b0d40fa4e2f0d7.png) 图2.2.14.3.1.19 导出PNG - **覆盖导入** 导入按钮用于填报报表需要将本地Excel数据导入到页面上进行填报的情况。 比如下面这张填报报表，用户可以选择在页面上填写这些信息并提交，也可以考虑通过Excel导入的方式把数据从Excel中导入到页面上再做提交。 ![](/uploads/projects/report/202605/18b0d40fa5ae3a39.png) 图2.2.14.3.1.20 填报报表 导入前需要在本地的Excel中整理好和页面填报报表一样格式的数据： ![](/uploads/projects/report/202605/18b0d40fa6628dac.png) 图2.2.14.3.1.21 本地Excel数据 导入按钮包括覆盖导入、增量导入和自定义导入，覆盖导入是直接用Excel的数据覆盖当前页面上已有的数据。 比如页面上已经手动填报了一条数据： ![](/uploads/projects/report/202605/18b0d40fa7332235.png) 图2.2.14.3.1.22 填报报表页面上填报一条数据 再通过覆盖导入将Excel数据导入的效果：页面上之前填报的一条数据被覆盖掉，最终以Excel的数据为准。新建云报表类似于新建了一个模板，覆盖导入和增量导入都是往已有的模板中填充表格的数据。区别在于覆盖导入是覆盖模板的数据，填充新的数据；增量导入对模板已有的数据不做修改，未填写的空白格进行数据的填充。 ![](/uploads/projects/report/202605/18b0d40fa80f01d4.png) 图2.2.14.3.1.23 覆盖导入 - **增量导入** 增量导入是在不修改当前页面已有数据的情况下补充空白位置的数据，比如上一小节中的例子，页面上已经填报了一条姓名为“AAA”的数据，再通过增量导入将Excel数据导入，效果是：第一条数据仍然是之前从页面上填报的，剩下8条空白位置的数据则是从Excel文件中获取，导入不影响原来的数据。 ![](/uploads/projects/report/202605/18b0d40fa8f325bd.png) 图2.2.14.3.1.24 增量导入 - **多行导入** 多行导入可以自行选择导入方式、导入Sheet以及导入的数据范围，因此多行导入需要先在按钮设置中配置数据从第几列开始执行导入。 ![](/uploads/projects/report/202605/18b0d40faa227339.png) 图2.2.14.3.1.25 Excel多行导入设置从第X列开始设置数据 此设置的目的是给导入增加一个标识，标识出导入的时候从哪一列开始匹配Excel中的数据，此设置需要由报表开发人员来完成。 如下图2.2.14.3.1.26中的报表，A列为空白，B列为编号，导入的时候需要从B列开始和Excel中的数据对应，此处就需要将Excel导入-多行导入设置为从第B列开始设置数据。 ![](/uploads/projects/report/202605/18b0d40faad67b94.png) 图2.2.14.3.1.26 报表配置 配置完成后用户从页面点击Excel导入后弹框显示导入配置界面： ![](/uploads/projects/report/202605/18b0d40fabb963a1.png) 图2.2.14.3.1.27 Excel导入-自定义导入配置界面 导入方式：包括增量导入和清空导入，增量导入会把数据追加到当前已有数据的后面，清空导入则是将当前已有数据全部清空，再导入Excel中的数据。 Sheet名称：包括默认第一个和自定义指定，如果数据不在Excel中的第一个sheet，使用自定义指定，输入sheet名称即可。 数据范围：需要输入数据从第几行第几列开始读取，截止到第几行第几列。比如图2.2.14.3.1.21中的本地Excel数据，我们计划将A2：D10的数据导入到页面上，可以配置读取行2到10，读取列A到D，也可以只填写开始行和开始列，截止行列为空表示默认读取到空为止。 选择文件：配置规则后上传要导入的Excel文件，最终Excel文件中的数据会按照配置的规则进行导入。 多行导入的规则可以由用户在界面导入时配置，也可以在工作表设置界面Excel导入-多行导入后面的配置规则进行配置，如果在工作表设置中配置了，用户再导入时就不需要再配置规则，直接选择Excel文件就会按照这里配置的规则进行导入。 ![](/uploads/projects/report/202605/18b0d40fac956d6e.png) 图2.2.14.3.1.28 工作表设置界面配置多行导入规则 - **清空按钮** 清空按钮也用于填报报表，可以将当前页面填报的内容清除到初始打开的状态。 比如下面这张填报报表，初始打开的时候是没有填报任何内容的。 ![](/uploads/projects/report/202605/18b0d40fad5f4938.png) 图2.2.14.3.1.29 填报报表 通过Excel导入填写一定的数据，左上角的红色标识是针对填报当前做了修改做的标记，可以据此看出本次修改具体涉及到哪些单元格。 ![](/uploads/projects/report/202605/18b0d40fae26ce08.png) 图2.2.14.3.1.30 填报数据 点击清除后，填报报表恢复到初始化打开的状态。 ![](/uploads/projects/report/202605/18b0d40faef150aa.png) 图2.2.14.3.1.31 清空填报数据 - **添加行** 添加行用于填报报表，可以在填报报表的末尾增加一个空行用于填报数据。比如下图的填报报表，默认只给了一个空行，但用户可能需要填报两条数据，这种情况下就可以通过添加行按钮在当前行下面增加一个空行。 ![](/uploads/projects/report/202605/18b0d40fafccb905.png) 图2.2.14.3.1.32 填报报表 ![](/uploads/projects/report/202605/18b0d40fb09e58b9.png) 图2.2.14.3.1.33 点击添加行添加一个空行 - **删除行** 删除行用于填报报表，用于删除一行数据，和添加行有区别的地方在于，添加行是在末尾添加一个空行，但删除行需要指定要删除的行。因此，删除行需要配合复选框按钮使用。 比如下图的填报报表，当前库中已经有4条数据了，在填报的过程中如果需要删掉姓名为张三的数据，就需要用到删除行功能。 ![](/uploads/projects/report/202605/18b0d40fb17d0fc5.png) 图2.2.14.3.1.34 填报报表 勾选姓名为张三的数据，点击删除行，弹出确认删除提示，确认删除后返回提交成功提示信息，姓名为张三的数据被删除。 ![](/uploads/projects/report/202605/18b0d40fb24c3894.png) 图2.2.14.3.1.35 删除行 - **解密按钮** 解密按钮用于对数据进行解密，是结合2.4.6.2解密配置一起使用的，需要先在单元格设计 - 高级下配置好解密配置，再勾选显示解密按钮。页面打开云报表时，数据默认是加密的。 ![](/uploads/projects/report/202605/18b0d40fb331c0f6.png) 图2.2.14.3.1.36 加密数据 点击工具栏的解密后，数据被解密。 ![](/uploads/projects/report/202605/18b0d40fb3fa542f.png) 图2.2.14.3.1.37 通过解密按钮将数据解密 - **暂存按钮** 暂存用于暂时存储填报的数据，此数据被保存在一张中间表中，不会提交入库，只有点击了提交按钮后，数据才会被保存到回写规则所配置的数据库表中。暂存另一个特点是，在未提交入库之前，再次打开时会显示上一次暂存的数据，用户可在此基础上做修改。 比如下面的填报报表，初始打开时有4条数据。 ![](/uploads/projects/report/202605/18b0d40fb4b102cc.png) 图2.2.14.3.1.38 填报报表 增加一条数据，然后点击暂存按钮，页面提示保存成功。 ![](/uploads/projects/report/202605/18b0d40fb5715cd1.png) 图2.2.14.3.1.39 暂存填报数据 关闭当前报表，再次打开，暂存的数据被显示出来，用户可以在此基础上进行修改，直到最终版本，且当前数据在回写库中是没有的，仅在提交后数据才会更新到回写库。 ![](/uploads/projects/report/202605/18b0d40fb63fb948.png) 图2.2.14.3.1.40 再次打开时暂存数据被显示出来 ![](/uploads/projects/report/202605/18b0d40fb70097a8.png) 图2.2.14.3.1.41 暂存数据在回写库中不存在 - **上报按钮** 上报按钮主要用于流程任务中，在普通报表中配置了也无法显示，使用方法请参考[流程任务](流程文档2023年06.docx)文档。 - **提交成功，刷新界面** 提交成功刷新界面功能用于填报报表，在填报成功提交数据后自动刷新页面以展示最新数据，此功能需要结合提交按钮和不启用缓存共同使用。 勾选提交成功刷新界面后，点击提交按钮会进行数据提交，提交成功之后会自动刷新当前页面。 - **提交成功，关闭当前界面，刷新父界面** 此功能和“提交成功，刷新界面”有冲突，所以不能同时使用。“提交成功，刷新界面”关注的是刷新当前界面，而“提交成功，关闭当前界面，刷新父界面”一般适用于跳转弹出框/下钻方式，在跳转弹框中/下钻页面做的填报操作，提交成功后会关闭弹框/关闭当前下钻页面并刷新父页面，方便获取到最新数据。 下钻方式配置如下 **【使用说明】** 实际使用场景是，从展示报表点击超链接跳转到目标页面做填报，填报完希望实现提交成功，关闭当前页面，刷新父页面，从展示页面再看到最新数据。 新建一个云报表填报报表： ![](/uploads/projects/report/202605/18b0d40fb8e52770.png) 图2.2.14.3.1.42 针对此填报报表，勾选提交成功，关闭当前页面，刷新父界面。 ![](/uploads/projects/report/202605/18b0d40fba7d87e9.png) 图2.2.14.3.1.43 再新建一个展示报表，设置A2单元格（ID）为超链接，打开方式为下钻。 ![](/uploads/projects/report/202605/18b0d40fbbf4eba6.png) 图2.2.14.3.1.44 点击展示报表的id进行跳转： ![](/uploads/projects/report/202605/18b0d40fbd35ef8f.png) 图2.2.14.3.1.45 在下钻页面，新增一条数据，点击提交。 ![](/uploads/projects/report/202605/18b0d40fbe64c57c.png) 图2.2.14.3.1.46 提交成功后关闭当前下钻页面，返回到父页面并刷新父页面，父页面展示最新填报的数据。 ![](/uploads/projects/report/202605/18b0d40fbf798b38.png) 图2.2.14.3.1.47 - **点击提交时，跳过流程节点绑定校验** 此功能是为解决填报发布中的一种特殊情况：填报发布仪表板资源，仪表板中配两个云报表，其中一个云报表A配置到了流程 A 中的填报节点，另一个云报表B不作用任何流程操作。在未勾选该功能的情况下，因为是填报发的资源，所以点击云报表B的提交按钮仍会触发流程。但因为B未绑定任何流程所以页面会发生报错。报错信息如下图2.2.14.3.48所示。 ![](/uploads/projects/report/202605/18b0d40fc0dda403.png) 图2.2.14.3.1.48 报错信息 勾选该功能后，再次点击B资源的提交按钮，效果如图2.2.14.3.1.49所示。 ![](/uploads/projects/report/202605/18b0d40fc212be8c.png) 图2.2.14.3.1.49 提交成功 - **点击提交时，直接上报** 按钮列表中提供了单独的上报按钮，也可以通过勾选此处的“点击提交时，直接上报”实现提交的同时上报的效果，具体使用参考流程任务页面。 - **点击提交时，关闭任务界面** 此配置只有在填报规则里面有审核 标识的情况下才会执行，且生效效果在我的任务中展示。 按照下图2.2.14.3.1.50的配置，实现的效果是 F2 单元格在填报时选择的值为“同意”则触发流程任务中审核任务的“审核同意”操作，其它3个选项效果同理。 ![](/uploads/projects/report/202605/18b0d40fc420c8f2.png) 图2.2.14.3.1.50 审核节点配置 回写规则配置完成后在工作表设置界面，勾选“点击提交时，关闭任务界面”选项。如图2.2.14.3.1.51所示。 ![](/uploads/projects/report/202605/18b0d40fc653d704.png) 图2.2.14.3.1.51 勾选点击提交时，关闭任务界面 使用以上创建的云报表制作流程任务，此报表用于审核节点。如图2.2.14.3.1.52所示。 ![](/uploads/projects/report/202605/18b0d40fc7ba21cd.png) 图2.2.14.3.1.52 添加该报表至审核节点 流程任务发布后触发填报和审核，走到审核节点时，打开我的任务，选择审核任务，配置审核意见后直接点击提交。此功能优化前，提交成功，依旧停留在当前界面，即不勾选“点 击提交时，关闭任务界面”的效果，勾选此功能后，提交成功后会关闭当前审核任务界面并刷新我的任务界面。如图2.2.14.3.1.53所示。 ![](/uploads/projects/report/202605/18b0d40fc911f7e8.png) 图2.2.14.3.1.53点击图片中提交按钮 - **删除行时，刷新界面** 此功能支持在删除完后刷新界面，这样界面就会显示数据库中最新的数据。 勾选了“删除行时，刷新界面”，再勾选一条数据点击删除，页面提示删除数据将刷新界面，如果有未提交的数据，需要先提交，否则删除后刷新界面会把未提交的数据刷掉，因为此处刷新会重新读取数据库中最新的数据。 ![](/uploads/projects/report/202605/18b0d40fca0875f1.png) 图2.2.14.3.1.54 勾选删除行时刷新界面 若不勾选“删除行时，刷新界面”，勾选一条数据点击删除时，页面直接提示是否确定要删除，此时删除仍然会保留页面上未提交的填报数据。 ![](/uploads/projects/report/202605/18b0d40fcb00097e.png) 图2.2.14.3.1.55 不勾选删除行时刷新界面 - **添加行时，自定义行数** 勾选“添加行时，自定义行数”配置后，点击添加行，会弹出自定义添加行数配置界面， 输入行数后，按照输入的行数批量添加。效果如下图2.2.14.3.1.56所示。 ![](/uploads/projects/report/202605/18b0d40fcbfef657.png) 图2.2.14.3.1.56自定义行数 工具栏中的添加行、多按钮控件添加行、工具栏控件添加行均支持自定义添加行数，但按钮控件中的添加行不支持，按钮控件中的添加行默认是添加在当前行的下一行，且每次只添加一行。 ##### 2.2.14.3.2通用配置 通用配置下主要有以下几个配置项：是否启用缓存、是否启用分布式计算、每页显示条数、是否隐藏分页器的总页数、导出条数限制、是否允许导出附件、导出是否加水印、是否启动定时刷新、表格自适应、是否开启滚动、控件禁用背景颜色配置、是否关闭控件禁用鼠标样式以、单颗树时含过滤条件的汇总字段是否独立计算及设置控件校验错误样式。 ![](/uploads/projects/report/202605/18b0d40fcd031c0b.png) 图2.2.14.3.2.1 模板配置 - **启用缓存** 启用缓存功能默认是勾选的，即默认从缓存中获取后台数据，从而提高报表加载性能。在报表被打开过的情况下，缓存中是有报表数据的，再次打开报表时，如果勾选了启用缓存，就不会重新做计算，会直接取缓存中的数据。 在此期间如果数据有更新，将不会实时提现在报表上，因此对于实时性要求比较高的报表建议不勾选启用缓存。 启用缓存适用于报表数据量较大的情况，大数据量的计算会占用数据库资源，计算时间长也会导致报表长时间加载不出来，启用缓存后可以通过牺牲数据实时性提高打开性能。 - **启用分布式计算** 云报表分布式计算使用了敏捷挖掘模块的计算引擎，在表格计算阶段进行分布式计算，计算完成后再对结果进行整合，提升了整体的计算效率。 但分布式仅对画表格的部分进行了分布式计算，前期的数据库计算以及后续的前端页面展示均未使用分布式，因此汇总计算后的结果数据量决定了使用分布式的效果，建议汇总后的数据量大于5000且非单颗树的情况下可以使用分布式计算。 分布式计算默认不启用，仅由用户在合适的情况下手动开启分布式计算。 - **每页显示条数** 每页显示条数必须结合分页按钮使用，否则每页显示条数配置不生效。在配置了分页的情况下，可以按照配置的每页显示条数在视图打开的时候按照配置的每页显示条数进行分页。用户可在此基础上修改每页显示条数，但视图页面的修改在关闭页面后就不生效了，每次打开云报表的时候会按照配置的每页显示条数显示。 ![](/uploads/projects/report/202605/18b0d40fcdbc51c3.png) 图2.2.14.3.2.2 每页显示条数 - **隐藏分页器总页数** 分页器默认会显示每页X条/共X条，若在不允许用户在页面上自行修改每页显示条数以及数据总条数的情况下，可勾选隐藏分页器总页数。 不隐藏分页器总页数效果： ![](/uploads/projects/report/202605/18b0d40fce7d9c8f.png) 图2.2.14.3.2.3 不隐藏分页器总页数 隐藏分页器总页数效果： ![](/uploads/projects/report/202605/18b0d40fcf536767.png) 图2.2.14.3.2.4 隐藏分页器总页数 - **导出条数限制** 报表可以对导出的数据条数做限制以保护数据，避免数据外泄。导出条数默认是不做限制的，即默认允许导出全部数据，如果需要做限制，在数值框中输入要限制的导出条数即可。 ![](/uploads/projects/report/202605/18b0d40fd04e5fec.png) 图2.2.14.3.2.5 导出条数限制 导出条数限制目前仅针对Excel导出生效，配置后导出的Excel中仅有前10条数据。 ![](/uploads/projects/report/202605/18b0d40fd118f435.png) 图2.2.14.3.2.6 限制导出条数后仅能导出部分数据 - **允许导出附件** 文件控件可以上传附件并展示当前已有的附件，附件默认不做导出，但如果有导出需求，可以配置允许导出附件。 ![](/uploads/projects/report/202605/18b0d40fd1f6ace6.png) 图2.2.14.3.2.7 带附件的报表 附件导出是结合Excel导出使用的，配置允许导出附件需要先配置导出Excel（含样式）或导出Excel（无样式）。配置不允许导出附件时，导出为Excel文件，仅包含报表数据。配置允许导出附件时，导出为一个Zip压缩包，解压后文件夹内包含Excel文件数据以及附件。 ![](/uploads/projects/report/202605/18b0d40fd2fb793f.png) 图2.2.14.3.2.8 导出附件 - **导出加水印** 默认导出不加水印，若需要针对导出的Excel文件添加水印，可选择是。开启导出加水印设置的情况下，默认会以登录用户的用户名和用户别名作为水印内容。导出加水印功能目前仅支持针对Excel文件添加，其它类型的文件均不支持。 ![](/uploads/projects/report/202605/18b0d40fd3e5f284.png) 图2.2.14.3.2.9 导出加水印效果 - **启动定时刷新** 报表默认是不做刷新的，启动定时刷新后，报表会根据配置的间隔时间在达到一定时间后自动刷新数据。 此功能适用于数据会实时更新的情况，可以通过定时刷新获取到最新的数据，定时刷新功能不会从缓存中取数据，每次刷新都会从数据库中获取最新的数据。 比如配置每隔10秒自动刷新，第一次打开时报表显示当前数据： ![](/uploads/projects/report/202605/18b0d40fd4e51963.png) 图2.2.14.3.2.10 首次打开数据 然后在库中更新一下编号为4的数据，姓名改为“李四”，保存，10秒后数据自动刷新，编号为4的数据姓名更新为“王五”。 ![](/uploads/projects/report/202605/18b0d40fd5c18115.png) 图2.2.14.3.2.11 自动刷新后数据 - **表格自适应** 报表制作完成后是按照配置的行高列宽来显示的，即大小是确定的，在不同分辨率以及不同屏幕大小的电脑上看可能会出现空白或滚动条，为了让不同的人在不同的电脑上使用时都尽可能铺满整个屏幕，可以设置表格自适应。 ![](/uploads/projects/report/202605/18b0d40fd6a003e6.png) 图2.2.14.3.2.12 表格自适应 横向扩展/纵向扩展适应的表格，是按照云报表有效区域和表格显示区域的横向比/纵向比去绘制出云报表的。 云报表原来不自适应的时候假设表格区域是宽：400PX，高600PX（红色区域），拖到一个仪表板中，组件区域是800px的宽，那么他的横向比是1/2,所以这个时候再800PX中组件就是高也按照横向比1/2按照比例显示每行行高。 默认配置为不自适应，用户可自行选择横向自适应、纵向自适应以及双向自适应。 横向自适应：报表横向充满浏览器窗口宽度，高度按比例压缩，但压缩后高度不能小于原始行高\*0.3，否则会出滚动条。 纵向自适应：报表纵向充满浏览器窗口高度，宽度按比例压缩，但宽度不能小于原始列宽\*0.3，否则会出滚动条。 双向自适应：报表双向充满浏览器窗口大小，单元格较多时，行高和列宽均只能压缩到一定比例，否则出现滚动条。 比如图2.2.12.3.2.13中的报表，下方和右侧均有空白。 ![](/uploads/projects/report/202605/18b0d40fd7ed4f9a.png) 图2.2.14.3.2.13 样例报表 配置横向自适应后，横向充满了整个浏览器，纵向行高等比例放大，出现了滚动条。 ![](/uploads/projects/report/202605/18b0d40fd919d221.png) 图2.2.14.3.2.14 横向自适应 配置纵向自适应后，纵向充满了整个浏览器，行高等比例放大。 ![](/uploads/projects/report/202605/18b0d40fd9f23bdc.png) 图2.2.14.3.2.15 纵向自适应 配置双向自适应，双向充满整个浏览器，不显示空白。 ![](/uploads/projects/report/202605/18b0d40fdadd800a.png) 图2.2.14.3.2.16 双向自适应 - **开启滚动** 开启滚动可实现报表数据动态滚动展示的效果，勾选开启滚动后显示出滚动配置，包括滚动距离、间隔时间以及滚动方向。 ![](/uploads/projects/report/202605/18b0d40fdbcd483b.png) 图2.2.14.3.2.17 开启滚动 滚动距离：配置每次滚动的高度，值越大滚动越明显，默认为1个像素； 间隔时间：每次滚动之间的间隔时间，默认为100毫秒； 滚动方向：可选择纵向滚动或横向滚动，针对行比较多的报表，建议选择纵向滚动，针对列比较多的报表，建议选择横向滚动。 隐藏滚动条：资源将正常滚动且不显示滚动条 - **控件禁用背景颜色** 控件可以通过权限配置是否允许当前登录用户操作，默认情况下，被禁用的控件以灰色显示，但如果用户想自行定义此颜色，可在通用配置下修改。 ![](/uploads/projects/report/202605/18b0d40fdccaab9f.png) 图2.2.14.3.2.18 修改控件禁用背景颜色 如上图，若修改了被禁用控件的背景颜色，视图查看报表时，被禁用的控件按照修改后的颜色显示，因被禁用，鼠标放在控件上时会显示禁止标识。 ![](/uploads/projects/report/202605/18b0d40fde104c82.png) 图2.2.14.3.2.19 控件禁用背景颜色生效 - **关闭控件禁用鼠标样式** 如图2.2.14.3.2.19，控件被禁用时，鼠标放在当前控件，会显示一个禁用标识，但支持关闭此鼠标样式。勾选关闭控件禁用鼠标样式后，鼠标会显示为和没有被禁用一样的状态，但用户无法输入。 ![](/uploads/projects/report/202605/18b0d40fdf5433b1.png) 图2.2.14.3.2.20 关闭控件禁用鼠标样式 - **单棵树时，含过滤条件的汇总字段独立计算** 针对单颗树的情况，对每个汇总字段的过滤条件单独进行计算，不受其它树的影响。比如有一批数据，记录了物品销售情况，我们想要分性别看一下每类物品男女的购买情况。 ![](/uploads/projects/report/202605/18b0d40fe0311ef7.png) 图2.2.14.3.2.21 报表 为了分类显示，报表中会把订单数量显示两次，并通过过滤条件实现分别展示性别为男和女的数据。 ![](/uploads/projects/report/202605/18b0d40fe0ea98a5.png) 图2.2.14.3.2.22 添加条件过滤数据 但根据过滤条件的实现规则，条件会直接加在查询数据的时候，针对查出来的数据，需要同时满足性别等于男和性别等于女，就导致查询结果为空，无法得到想要的结果。 ![](/uploads/projects/report/202605/18b0d40fe1bbc0e3.png) 图2.2.14.3.2.23 查询结果为空 此时，勾选单棵树时含过滤条件的汇总字段独立计算，就会针对汇总字段独立做计算，可正常得到结果。 ![](/uploads/projects/report/202605/18b0d40fe28fee9e.png) 图2.2.14.3.2.24 得到查询结果 - **设置控件校验错误样式** 云报表填报可以对填写的数据做校验，目前有3个位置可以做校验，控件本身的校验、数据校验以及配置确认条件。控件本身的校验由前端完成，在点击提交按钮时会优先抛出，数据校验和确认条件都有后台完成，数据校验不通过不能提交，确认条件只是提示，即使不通过依然可以强制提交。 ![](/uploads/projects/report/202605/18b0d40fe3f2cb64.png) 图2.2.14.3.2.25 数据校验入口 基于上述情况，用户希望控件本身的校验做实时提醒，不要等到点击提交按钮时才提醒， 因此增加“设置控件校验错误样式”配置，在控件使用过程中实时校验并提醒。 控件校验错误样式支持配置加粗、倾斜、下划线、边框、背景色、字体颜色。如下图2.2.14.3.2.26所示。 ![](/uploads/projects/report/202605/18b0d40fe4bf7aac.png) 图2.2.14.3.2.26 设置控件校验错误样式 比如针对文本控件配置长度限制，只允许长度为 3，控件校验错误样式如上图2.2.14.3.2.26所示。 输入长度为1时，校验生效，按照配置的样式显示，继续输入，长度为 3 时，校验通过，样式不显示。效果如图2.2.14.3.2.27所示。 ![](/uploads/projects/report/202605/18b0d40fe58ced8b.png) 图2.2.14.3.2.27 控件校验错误样式 控件因无权限导致的禁用也有样式，若两者同时不符合，处理如下： 1. 填写的值导致数据权限校验和控件校验均不通过，优先显示控件校验错误样式，鼠 标移到控件上显示禁用标志。 2. 默认读取的值导致数据权限校验和控件校验均不通过，优先显示禁用状态。 3. 若填写的值导致数据权限校验不通过且控件校验也不通过，即第 1）种情况，仍然 可以提交，此种情况因使用场景较少暂不处理。 4. 默认读取的值数据权限校验不通过导致禁用（初始禁用），因更改关联单元格导致 此单元格控件校验不通过，错误样式不显示； 5. 默认读取的值数据权限校验通过（初始不禁用），因更改关联单元格导致此单元格控件校验不通过，错误样式可以正常显示。 ![](/uploads/projects/report/202605/18b0d40fe6e6f3d6.png) 图2.2.14.3.2.28错误样式和禁用背景 ##### 2.2.14.3.3模板参数 在工具栏 - 设置 - 工作表设置下可以创建模板参数，云报表中的参数分为数据集参数、公共参数和模板参数。数据集参数是使用SQL查询和可视化查询时由数据集引入的参数，公共参数则是当前登录用户资源树上公共设置下的所有参数，模板参数是在当前工作表下创建的，仅会在当前工作表下显示。 ![](/uploads/projects/report/202605/18b0d40fe7aa827d.png) 图2.2.14.3.3.1 参数管理 点击“新建配置参数”按钮可以打开新增模板参数配置界面。 ![](/uploads/projects/report/202605/18b0d40fe8857db8.png) 图2.2.14.3.3.2 新建模板参数 模板参数的配置和公共参数完全一致，支持字符型、数值型和日期型。配置完成的模板参数展示在参数列表中，点击参数名称可以对参数进行修改，点击操作列的删除按钮可以删除此参数。 ![](/uploads/projects/report/202605/18b0d40fe979dba3.png) 图2.2.14.3.3.3 参数列表 最终可以在数据源列表中参数 - 模板参数下找到当前工作表的模板参数。 ![](/uploads/projects/report/202605/18b0d40fea9ae4d8.png) 图2.2.14.3.3.4 模板参数 模板参数可以用于数据过滤或填报属性，数据过滤中可以配置匹配条件来源于模板参数，通过修改模板参数的值实现动态过滤；填报属性则是通过修改模板参数的值动态实现将不同值写入数据库，既限制了输入范围，又支持灵活选择。 ![](/uploads/projects/report/202605/18b0d40feba1cc16.png) 图2.2.14.3.3.5 过滤条件配置模板参数 ![](/uploads/projects/report/202605/18b0d40fec8510ba.png) 图2.2.14.3.3.6 回写规则中配置模板参数 ##### 2.2.14.3.4 脱敏规则 设置脱敏规则可以对导出数据进行脱敏处理，云报表可做到单元格级别的脱敏，脱敏规则可在工具栏 - 配置 - 工作表设置下的脱敏规则选项卡进行配置。 ![](/uploads/projects/report/202605/18b0d40fed5b8853.png) 图2.2.14.3.4.1 脱敏规则 比如下面的表格，用户可能希望导出的时候不要将订单数量数据导出来，可以通过脱敏规则实现。 ![](/uploads/projects/report/202605/18b0d40fee5bdb8a.png) 图2.2.14.3.4.2 示例表格 在脱敏规则中配置订单数量字段所在的C2单元格，导出时以“\*\*\*”显示。 ![](/uploads/projects/report/202605/18b0d40fef6ca2b0.png) 图2.2.14.3.4.3 脱敏规则配置 ![](/uploads/projects/report/202605/18b0d40ff031948f.png) 图2.2.14.3.4.4 配置脱敏规则后导出效果 可以同时对多个单元格配置脱敏，批量添加单元格用法同回写规则中的批量添加单元格。用户需要先新建多个多个空白规则，然后点击批量添加单元格按钮，弹出批量添加单元格界面，此时在工作表中点击单元格会更新蓝色标注的格子的内容，更新后自动移到下一个单元格。批量添加单元格适用于配置的脱敏规则较多的情况，可以帮助用户进行快速配置。 ![](/uploads/projects/report/202605/18b0d40ff114dde2.png) 图2.2.14.3.4.5 配置多个空白规则 ![](/uploads/projects/report/202605/18b0d40ff1fa1863.png) 图2.2.14.3.4.6 通过批量添加单元格快速设置 除直接对完整数据进行脱敏外，也可以配置根据正则表达式进行脱敏。若正则表达式一栏为空，表示对所有内容进行脱敏，否则按照正则表达式的匹配结果进行脱敏。比如希望讲订单数量的第一个值在导出时显示为\*，可配置正则表达式实现。 ![](/uploads/projects/report/202605/18b0d40ff2ba8840.png) 图2.2.14.3.2.7 配置正则表达式对订单数量的第一个数字进行脱敏 导出效果如下： ![](/uploads/projects/report/202605/18b0d40ff3c4fe23.png) 图2.2.14.3.2.8 订单数量第一个数字脱敏显示 # 2.2.15预览 预览用于查看当前配置效果，配置报表的过程中经常需要预览以确定当前配置在视图界面的显示效果，可通过预览按钮实现。 ![](/uploads/projects/report/202605/18b0d40ff5230126.png) 图2.2.15.1 预览 预览是在一个新页面展示报表视图效果，但预览界面只能看效果，如果配置了功能按钮，如：提交、数据校验、导出等，在预览界面是无法操作的，功能按钮在视图界面才会生效。 ![](/uploads/projects/report/202605/18b0d40ff61a56a2.png) 图2.2.15.2 预览界面 # 2.3数据操作区 # 概述 数据操作区显示当前工程中添加的数据源以及当前数据源的字段信息，数据操作区显示在云报表整个页面的左侧。 ![](/uploads/projects/report/202605/18b0d40ff7aef870.png) 图2.3.1 数据操作区 数据操作区包括数据源列表、维度字段列表、度量字段列表和参数列表4部分。 - **数据源列表** 数据源列表展示当前所有添加的数据源，包括数据库表、数据集、业务主题、数据立方等，蓝色小箭头会标识出当前工作表所使用的数据源。 ![](/uploads/projects/report/202605/18b0d40ff8d7a464.png) 图2.3.2 数据源列表 选中一个数据源点击右侧的下拉箭头会展示一个下拉菜单，可以对当前数据源进行删除、替换以及编辑（仅数据集支持）。 ![](/uploads/projects/report/202605/18b0d40ffa285a9d.png) 图2.3.3 数据源操作 删除数据源会将当前数据源从数据源列表中删除，且会影响到当前工程中所有使用到这个数据源的位置。如果不进行修改，视图打开报表会提示字段不存在，因为字段所在的数据源被删除了，因此删除数据源请谨慎使用。 编辑数据集可以直接打开当前数据集的配置界面对数据集进行修改，修改后点击数据集的保存，然后点击下方的“应用”按钮，左侧数据源列表的内容会更新成修改后的。 更换数据源适用于两个表字段名称一致的情况，使用此功能前需要先将要替换的数据源添加到数据源列表中，再通过更换数据源选择。替换时会根据字段名称进行匹配，将来源数据源替换为新数据源。 - **维度字段列表** 维度字段列表展示的是当前选择数据源下类型为字符型和日期型的字段，通过右侧的下拉菜单可以对其进行加入过滤器和新建计算字段的操作。 ![](/uploads/projects/report/202605/18b0d40ffb3ca080.png) 图2.3.4 维度字段列表 加入过滤器是把当前字段作为过滤器对报表内容进行筛选，新建计算字段则是默认把当前数据放到计算字段的表达式框中。 - **度量字段列表** 度量字段列表展示的是当前选中数据源下数值型的字段，右键菜单同样可对其进行加入过滤器和新建计算字段的操作。 ![](/uploads/projects/report/202605/18b0d40ffc05305a.png) 图2.3.5 度量字段列表 - **参数列表** 参数列表展示的是参数，包括数据集参数、公共参数和模板参数三部分。数据集参数是数据集中使用到的参数，公共参数则是云研发中心左侧资源树上公共设置 - 参数 - 公共参数下的全部参数，模板参数是在当前工作表内创建的参数。 ![](/uploads/projects/report/202605/18b0d40ffcbd3a64.png) 图2.3.6 参数列表 参数右侧的下拉菜单有加入过滤器按钮，参数可以作为过滤器进行使用，数据集参数直接通过修改参数值对数据集达到过滤目的，公共参数和模板参数则需要结合过滤条件使用才能达到动态筛选数据的目的。 - **批量添加字段** 使用Ctrl键选择多个字段后拖入到内容配置区的某个单元格中，单元格会显示插入方式，可选择插入名称或插入字段。 ![](/uploads/projects/report/202605/18b0d40ffd88ee1e.png) 图2.3.7 批量插入字段 插入名称和插入字段均可选择从左到右或从上到下，插入名称会读取所选择的多个字段的名称按顺序从当前单元格开始从左往又或从上往下依次填充单元格，直接选择从左到右或从上到下，则直接将字段按照顺序从当前单元格开始依次填充。 比如从左到右填充，可以快速使用字段绘制出一个想要的表格。 ![](/uploads/projects/report/202605/18b0d40ffe720137.png) 图2.3.8 从左到右填充 # 2.4单元格设计区 # 概述 单元格设计区集中了报表的大部分配置，包括定义每个单元格的内容、展示方式、是否填报等等。单元格设计下有六大块，分别定义了不同的内容，从选项卡的名称上可以明显区分出对应配置的内容。 # 2.4.1常规 常规下配置的是当前单元格的插入元素，单元格支持插入普通文本、字段、公式、斜线、富文本、图片、按钮、图形、迷你图形、参数值、报表单元格和子报表，这些元素可以实现丰富多样的报表。 #### 2.4.1.1普通文本 普通文本是在单元格中输入固定文字，比如图2.4.1.1.1中表头的部分，也就是A1~D1单元格。 ![](/uploads/projects/report/202605/18b0d40fff340514.png) 图2.4.1.1.1 普通文本 单元格默认插入元素是普通文本，可以在单元格中直接双击输入文本，也可以在右侧文本输入框中输入文本。 文本有自动换行配置，当文本内容比较长时，可配置自动换行显示也可在需要换行的位置使用{br}进行换行。（自动换行会增加前端渲染时间，云报表加载慢的时候慎用）如图2.4.1.1.2，计量单位和材料类别因为内容比较短，分配了比较少的宽度，但表头的部分显示不下，希望能够换行显示。 ![](/uploads/projects/report/202605/18b0d40ffff3b2e5.png) 图2.4.1.1.2 示例报表 此时对计量单位勾选自动换行，计量单位就显示成两行，而材料类别未配置，依然显示在一行中，有部分内容就超出了单元格宽度显示不出来。 ![](/uploads/projects/report/202605/18b0d41000d95fb0.png) 图2.4.1.1.3 文本配置自动换行 ![](/uploads/projects/report/202605/18b0d4100192ebf0.png) 图2.4.1.1.4 文本自动换行效果 勾选了自动换行后会出一个“自动生成滑动条”的配置，此配置适用于文本内容比较长的情况，可以让文本有一个最低显示高度，超出此高度的部分通过滑动条显示。 如图2.4.1.1.5，A7单元格中备注的部分文字内容比较多，配置了换行显示，但不希望其高度超出30，可勾选自动生成滑动条，最大高度为30，检测到换行后高度超出30就会出滚动条，否则不出滚动条，这里的30是30个像素的高度。 ![](/uploads/projects/report/202605/18b0d410025bf0ce.png) 图2.4.1.1.5 自动换行自动生成滑动条配置 ![](/uploads/projects/report/202605/18b0d4100355d0b1.png) 图2.4.1.1.6 换行后超出最大高度显示滑动条 文本还可以配置开启滚动，文本滚动同报表的滚动配置类似，只是报表滚动是针对整个报表，而文本的滚动是针对当前文本所在的单元格。 ![](/uploads/projects/report/202605/18b0d410043d3bc2.png) 图2.4.1.1.7 文本滚动 开启滚动后需要配置滚动距离、间隔时间以及滚动方向，图2.4.1.1.7中配置横向滚动后合并单元格A7中的内容从左向右每次滚动10像素，每100毫秒触发一次滚动。 通过{br}实现在文本中指定位置换行，插入元素选择文本或字段。 ![](/uploads/projects/report/202605/18b0d41005466d3a.png) 图2.4.1.1.8 通过{br}进行文本换行 **【使用说明】** 输入的文本或字段的内容中如果包含{br}符号，会被解析为换行，此功能可实现在指定位置对文本进行换行。 ![](/uploads/projects/report/202605/18b0d410062c835c.png) 图2.4.1.1.9 通过{br}进行文本换行效果 **【注意事项】** 1. 此功能和控件不兼容，使用{br}换行时若同时配置控件，则{br}换行不生效。 2. 一定要使用{br}，类似
这样是不能生效的。 #### 2.4.1.2字段 字段指插入内容来自于数据表或数据集等的字段，字段下可能包含很多内容，因此字段需要与扩展共同使用。 字段可以从左侧数据源列表直接拖入到内容区，也可以在右侧单元格设计将插入元素改为字段，并以此选择下面的各项配置。 ![](/uploads/projects/report/202605/18b0d41007072b35.png) 图2.4.1.2.1 插入元素配置字段 - **数据配置** 插入元素为字段时有一个数据配置选项，可配置数据以列表、分组或汇总的方式显示。 列表：数据以列表的方式展示，不做任何分组处理。 分组：子格会根据父格的数据进行过滤分组，合并相同项显示。 汇总：对单元格中的数据进行汇总计算，汇总支持配置汇总方式，实现不同方式下的数据汇总。 字符型字段的默认数据配置方式为分组，数值型字段的默认数据配置方式为汇总-求和，若不想使用默认配置，可手动修改。 通过一个例子说明列表、分组和汇总的效果。 ![](/uploads/projects/report/202605/18b0d41007d416e4.png) 图2.4.1.2.2 示例数据 将示例数据中的4个字段配置到报表中，将编号的数据配置改为列表（默认以分组显示），只需要修改编号的数据配置为列表即可，编号以列表显示时，后面跟的所有字段都会自动转为以列表显示，即使数据配置是分组。 ![](/uploads/projects/report/202605/18b0d41008ad472f.png) 图2.4.1.2.3 数据配置为列表 预览的结果是将6条数据显示出来，不做任何处理。 ![](/uploads/projects/report/202605/18b0d41009625d39.png) 图2.4.1.2.4 数据配置列表显示效果 将编号一列移到末尾，编号的数据配置改为分组，因为编号是6条不同的数据，如果将编号放在第一列会看不出来分组的效果。 ![](/uploads/projects/report/202605/18b0d4100a5f255a.png) 图2.4.1.2.5 数据配置为分组 结果数据中将相同值分为一组，并且父格对子格默认产生过滤效果。 ![](/uploads/projects/report/202605/18b0d4100b14b1c7.png) 图2.4.1.2.6 数据配置分组效果 数据配置为汇总时，可以选择汇总方式，支持求和、平均值、计数、最大值、最小值和唯一计数。汇总一般针对数值型字段，如果对字符型字段配置了汇总，则汇总方式只有计数和唯一计数两种。 ![](/uploads/projects/report/202605/18b0d4100c28511e.png) 图2.4.1.2.7 数据配置为汇总 下图显示了针对不同人员显示分数平均值的效果。 ![](/uploads/projects/report/202605/18b0d4100d4f94a7.png) 图2.4.1.2.8 汇总方式为平均值结果 下图是针对不同人员显示分数各科最大值的效果。 ![](/uploads/projects/report/202605/18b0d4100e2d6301.png) 图2.4.1.2.9 汇总方式为最大值结果 - **显示字段** 配置显示字段可以在展示数据的时候显示实际值对应的显示值，比如配置的时候拖入配置区的字段是编号，但显示的时候希望显示编号对应的姓名，就可以配置插入元素为字段编号，显示字段配置为姓名。 ![](/uploads/projects/report/202605/18b0d41012570752.png) 图2.4.1.2.10 配置显示字段 ![](/uploads/projects/report/202605/18b0d41014408ce1.png) 图2.4.1.2.11 显示字段效果 - **是否合并单元格** 数据配置为分组时默认会把相同的相同的项合并为一组显示，即图2.4.1.2.12中的效果。 ![](/uploads/projects/report/202605/18b0d41015383051.png) 图2.4.1.2.12 分组报表 如果用户不希望分组汇总后的数据合并为一组显示，可以不勾选“是否合并单元格”配置，此时数据依然会先做分组汇总，但最终展示时不会做合并，注意，数据依然是做了分组汇总处理的，只是最终展示时把分组到一起的单元格又拆开显示了。 ![](/uploads/projects/report/202605/18b0d41016210a24.png) 图2.4.1.2.13 分组数据不合并单元格 - **数据为空保留单元格** 扩展数据在某些情况下可能会被条件全部过滤掉，此时若云报表的配置较为复杂，可能会因为单元格整个被过滤掉出现错位的问题，这种情况下需要勾选数据为空保留单元格，即使没有数据也需要保留一个单元格占位参与计算。 举例说明其作用，有一个字段c\_name，包括两个值，“张三”和“李四”，此时添加一个过滤条件，过滤器c\_name等于“王五”的数据，很明显，过滤完之后没有数据，不勾选数据为空保留单元格，结果就是显示0条数据，勾选数据为空保留单元格，数据虽然被过滤掉了，但依然会保留一个单元格，表明此处是有配置的，只是数据被过滤完了。 ![](/uploads/projects/report/202605/18b0d41016ea31e5.png) 图2.4.1.2.14 数据为空不保留单元格 ![](/uploads/projects/report/202605/18b0d41017a6b7a1.png) 图2.4.1.2.15 数据为空保留单元格 - **排列顺序** 用于对结果集进行排序，默认按照数据库返回的顺序显示，可进行升序和降序配置，排序目前仅支持单个字段排序。 ![](/uploads/projects/report/202605/18b0d41019043da7.png) 图2.4.1.2.16 排序配置 ![](/uploads/projects/report/202605/18b0d41019ec8b2f.png) 图2.4.1.2.17 分数降序排序 此处的排列顺序和2.4.2.4扩展后排序有区别，常规下针对字段的排序是整个列表的排序，而扩展后排序是针对分组内部的排序。 - **过滤条件** 过滤条件用于从数据中获取到符合条件的数据，展示时仅展示符合条件的这部分数据。 比如学生成绩单，各科老师仅关注自己科目相关的成绩，可以在云报表中添加过滤条件仅过滤出当前科目的成绩。 ![](/uploads/projects/report/202605/18b0d4101abeb000.png) 图2.4.1.2.18 学生成绩单报表 选中A2单元格，点击过滤条件后面的编辑，选择c\_category字段，筛选出值为“语文”的数据。 ![](/uploads/projects/report/202605/18b0d4101c4b27f6.png) 图2.4.1.2.19 过滤条件筛选科目为语文的数据 保存后再预览数据，结果中仅显示科目为语文的数据。 ![](/uploads/projects/report/202605/18b0d4101d3b3b01.png) 图2.4.1.2.20 报表仅显示科目为语文的数据 由于单元格的计算顺序，如果是从数据层面过滤某部分值，需要把过滤条件添加在父格上，子格会自动继承父格的条件，从而达到父格的条件对所有子格生效的效果。如果把过滤条件添加在子格上，父格的数据不会被过滤。 比如，添加过滤条件筛选分数为100的数据，此条件加在A2单元格的姓名上和加在C2单元格的分数上效果是不一样的。 ![](/uploads/projects/report/202605/18b0d4101e605324.png) 图2.4.1.2.21 设置过滤条件过滤分数为100的数据 ![](/uploads/projects/report/202605/18b0d4101f2e42bf.png) 图2.4.1.2.22 过滤条件设置在父格A2上 ![](/uploads/projects/report/202605/18b0d410200b43c7.png) 图2.4.1.2.23 过滤条件设置在子格C2上 过滤条件中有可选字段、操作符、类型和生效方式几个配置，可选字段从当前字段所在的数据源中获取到，所有字段都可以使用。 ![](/uploads/projects/report/202605/18b0d410211af52b.png) 图2.4.1.2.24 设置过滤条件可选字段 操作符包含：等于、不等于、大于、大于或等于、小于、小于或等于、开头是、开头不是、结尾是、结尾不是、包含、不包含、包含于、不包含于共14种。前面10种从名称中可以理解如何使用，单独说明一下后面4种。包含、不包含、包含于、不包含于针对数组生效，比如想筛选出订单等级为高级和中级的数据，可以通过配置条件“订单等级”“包含于”“高级,中级”实现，数组之间用英文逗号隔开。 ![](/uploads/projects/report/202605/18b0d410221676e3.png) 图2.4.1.2.25 设置过滤条件操作符 类型包括字符串、数值、日期、字段、单元格、树根级、系统参数、公共参数和模板参数9种，字符串、数值和日期类型取决于要判断的可选字段的类型，需要在后面的内容框中输入具体的值。类型是字段时可以从下拉列表选择一个字段，判断同一条数据上两个字段的值是否符合匹配条件。单元格则是输入单元格编号，用左侧字段和从单元格中读到的值进行匹配。树根级用于配置树报表指定树的根级节点。系统参数包括发布ID、填报人ID和流程ID，主要用于根据这3个ID筛选出符合条件的数据。类型为公共参数和模板参数时，需要从弹出框和下拉框选择对应的参数作为判断条件。 ![](/uploads/projects/report/202605/18b0d41022f5a4ee.png) 图2.4.1.2.26 设置过滤条件类型 配置多个条件时，支持设置多个条件是以“与”的方式生效还是“或”的方式生效。“与”的方式需要多个条件同时满足，“或”的方式是满足其一即可。 #### 2.4.1.3公式 插入元素公式是通过公式对数据进行二次计算，完成一些不适合或不想放在数据集中完成的计算。公式支持数学函数、统计函数和文本函数三类，描述中会介绍公式的用法，用户在文本编辑框里直接输入表达式即可。 必须要算每个学生的平均分，可以使用AVERAGE（）函数，根据描述，此函数的用法是返回参数的平均值，而参数的来源是C2单元格的分数，因为要算每个学生的平均分，因此左父格要设置为A2单元格的姓名。 ![](/uploads/projects/report/202605/18b0d410242e14b5.png) 图2.4.1.3.1 公式配置 公式计算得到各个学生的平均分。 ![](/uploads/projects/report/202605/18b0d41024fed9ff.png) 图2.4.1.3.2 通过公式得到各个学生的平均分 公式支持配置多个，也支持嵌套使用，只要保证公式是按照描述中的用法即可。 #### 2.4.1.4斜线 斜线一种特殊用法，一般用在交叉表中，因为表格横纵向都有内容，需要通过斜线对横向和纵向的内容做一个说明。 ![](/uploads/projects/report/202605/18b0d4102616fc8f.png) 图2.4.1.4.1 斜线效果 将单元格的插入元素改为斜线，在输入框中输入斜线内容通过“|”分隔，可配置斜线是从左上到右下还是从左下到右上发散。 ![](/uploads/projects/report/202605/18b0d410273b84ec.png) 图2.4.1.4.2 斜线配置 #### 2.4.1.5富文本 富文本适用于在单元格中显示一大段内容的情况，在通过云报表制作Word报告时会较多用到富文本。 ![](/uploads/projects/report/202605/18b0d4102826a388.png) 图2.4.1.5.1 设置富文本内容 富文本可以在内容区输入多行内容，并对内容分别进行加粗、倾斜、下划线、字体、字号、颜色等处理，普通文本则是只能对整个单元格数据进行样式处理。 富文本中可以插入其它单元格的值或者过滤器的值，如果要插入单元格的值，直接在输入框中输入单元格编号即可，扩展单元格会插入扩展出来的第一个值。插入过滤器值的情况只能从当前已经显示的过滤器中选择，下拉列表会列出当前已经添加的过滤器，可以从中选择一个进行插入。 ![](/uploads/projects/report/202605/18b0d410290151de.png) 图2.4.1.5.2 插入单元格和过滤器值 #### 2.4.1.6图片 插入图片功能可以在云报表中插入一个图标或一张图片，插入成功后图片在给定的单元格宽高下显示，如果给定的区域比较大，可以通过平铺和拉伸对图片做处理。 ![](/uploads/projects/report/202605/18b0d4102a6975ae.png) 图2.4.1.6.1 插入图片配置 ![](/uploads/projects/report/202605/18b0d4102b828f02.png) 图2.4.1.6.2 插入的图片在视图界面显示效果 #### 2.4.1.7按钮 将单元格配置为按钮，点击时根据配置的点击事件更新对应单元格的值。 将插入元素配置为按钮时，可以填写按钮名称，按钮名称是最终显示在界面上的值。 ![](/uploads/projects/report/202605/18b0d4102c7810bb.png) 图2.4.1.7.1 按钮 点击事件的编辑，可以打开按钮设置界面，配置是否默认点击、点击效果以及点击事件。 ![](/uploads/projects/report/202605/18b0d4102d691bc5.png) 图2.4.1.7.2 设置按钮事件 默认点击：即打开报表时点击事件是否默认触发。 点击效果：可设置点击触发后的背景色以及文字颜色。 点击事件：即点击后要触发的目标单元格的值。 比如配置按钮1 的点击事件为B3等于“AAA”，按钮2的点击事件为B3等于“BBB”，点击按钮1，效果如图2.4.1.7.3，目标显示“AAA”，点击按钮2，效果如图2.4.1.7.4，目标显示“BBB”。 ![](/uploads/projects/report/202605/18b0d4102e32d572.png) 图2.4.1.7.3 点击按钮1效果 ![](/uploads/projects/report/202605/18b0d4102ef58134.png) 图2.4.1.7.4 点击按钮2效果 #### 2.4.1.8图形 云报表可以使用数据绘制条形图、堆积柱形图等12种图形，针对绘制出的图形可配置工作表格式以及图形样式。 ##### 2.4.1.8.1常规设置 常规设置配置了绘图的数据，图形的颜色、大小、标签、悬停提示等设置，支持条形图、堆积柱形图、并排柱形图、饼图、折线图、面积图、雷达图、漏斗图、树状图、箱线图、平行坐标系、词云、仪表、水滴图共14种图形。 先介绍所有图形的公共设置，再具体介绍每一种图形的用法。 ![](/uploads/projects/report/202605/18b0d4102ffb5f8e.png) 图2.4.1.8.1 图形配置 图形类型：通过下拉框选择支持的14种图形，必须选择一个。 图形标记：默认是自动，下拉可切换标记，不同的图形支持的标记不同，比如条形图支持的标记有条、线、圆、方、面积，但饼图支持的标记则是方、饼和漏斗。 标题名称：可配置标题的名称，默认未显示，需勾选后才会显示，标题显示在图形的左上角。 ![](/uploads/projects/report/202605/18b0d41030e1cdf4.png) 图2.4.1.8.2 图形标题 分类轴：配置分类数据的来源，可输入一个单元格（A1）、一行单元格（A1:K1）或一列单元格（A1:A10），输入一个单元格时该单元格可以是扩展格，实际取到的是扩展的全部数据，输入一行或一列单元格时数据中不能包含扩展格。 基础配置：配置数值数据的来源，输入方式同分类轴，不同图形的基础配置不同，在每个图形中具体介绍。 颜色：配置图形的颜色，可配置多个颜色。 标签：配置显示在图形中的标签，默认为无，可配置默认或自定义，选择默认时会使用基础配置中的数值作为标签显示，自定义需要用户自行输入一个值。 大小：配置图形的大小，默认为无，可以自定义配置，输入一个数据即可。 系列：部分图形可支持多个系列，比如并排柱形图和折线图等，支持多个系列的图形可以添加系列。 排序：默认不排序，可选择系列对数值进行升序和降序排序。 悬停提示：配置鼠标放在图形上时悬停显示的内容。 - **条形图** 条形图只能有一个系列，比如图2.4.1.8.1.3中的数据，A2单元格是区域，纵向扩展，B2单元格是销售额，纵向扩展，想针对区域和销售额做一个条形图。 这种情况需要把分类轴配置为A2，即区域所在的单元格，数据配置B2单元格，名称取值方式为固定，名称可改为“销售额”。名称取值方式为动态适用于交叉表，后面单独举例说明。 此条形图有6个值，最终是6个柱子，因此可以配置6个颜色，每个柱子显示一个颜色，如果柱子数大于颜色数，会循环使用配置的颜色。标签可配置默认，即使用销售额作为标签显示。排序只能选择销售额升序或降序，或不做任何排序。 ![](/uploads/projects/report/202605/18b0d41031f0ab5f.png) 图2.4.1.8.1.3 条形图配置 按照图2.4.1.8.1.3的配置，最终条形图绘制出来显示成图2.4.1.8.1.4的样子。 ![](/uploads/projects/report/202605/18b0d41033607f84.png) 图2.4.1.8.1.4 条形图 系列中的名称配置为动态来源时，适用于交叉表的情况，比如图2.4.1.8.1.5中的交叉表。 ![](/uploads/projects/report/202605/18b0d41034f61caf.png) 图2.4.1.8.1.5 交叉表 针对交叉表，名称来源可以配置为动态，动态名称的来源是B1单元格，即横向扩展的运输方式字段，数值依然来自于B2单元格的销售额。运输方式有3个分类，为条形图配置3个颜色。 ![](/uploads/projects/report/202605/18b0d41036d59b63.png) 图2.4.1.8.1.6 名称配置动态 最终展示时，动态名称的每个分类会对柱子进行分割，并使用配置的颜色做区分，如果未配置多个颜色则看不出来分割效果。 ![](/uploads/projects/report/202605/18b0d41037e680bd.png) 图2.4.1.8.1.7 动态名称条形图 - **堆积柱形图** 堆积柱形图是把不同系列的数据堆积显示，比如图2.4.1.8.1.8中，每个地区有上半年销售数据和下半年销售数据，希望以柱形图显示各地区当年的销售额并区分出上半年和下半年，就可以使用堆积柱形图。配置两个系列，一个系列为上半年销售额，数据来自于B2单元格，一个系列为下半年销售额，数据来自于C2单元格。 ![](/uploads/projects/report/202605/18b0d41038e2b0e0.png) 图2.4.1.8.1.8 堆积柱形图配置 最终展示各地区每年的销售数据，蓝色表示上半年数据，红色表示下半年数据。 ![](/uploads/projects/report/202605/18b0d41039c85c50.png) 图2.4.1.8.1.9 堆积柱形图 - **并排柱形图** 并排柱形图同一分类的柱子并排显示，和堆积柱形图的区别就在于一个堆积显示一个并排显示，因此并排柱形图也支持多系列，还是以图2.4.1.8.1.8中的数据来做并排柱形图。 ![](/uploads/projects/report/202605/18b0d4103ad16f98.png) 图2.4.1.8.1.10 并排柱形图配置 并排柱形图和堆积柱形图配置方式一致，只是数据显示方式不同。 ![](/uploads/projects/report/202605/18b0d4103bd21eb1.png) 图2.4.1.8.1.11 并排柱形图 - **饼图** 饼图需要一个分类字段一个数值字段，只支持一个系列，根据每个数值占据左右数值总和的比例来决定角度。比如各区域销售额制作饼图，分类轴配置A2单元格的区域，数值配置B2单元格的销售额，可配置多个颜色用于各个不同的分类。 ![](/uploads/projects/report/202605/18b0d4103cc644bd.png) 图2.4.1.8.1.12 饼图配置 ![](/uploads/projects/report/202605/18b0d4103dc43705.png) 图2.4.1.8.1.13 饼图 ![](/uploads/projects/report/202605/18b0d4103f4c7d20.png) **【使用说明】** 显示类型默认为“请选择”，不选择显示类型时，默认显示普通饼图。配置如下： ![](/uploads/projects/report/202605/18b0d41041042ee4.png) 效果： ![](/uploads/projects/report/202605/18b0d4104239141d.png) 显示类型选择环形效果： ![](/uploads/projects/report/202605/18b0d410436f05b4.png) 显示类型选择玫瑰： ![](/uploads/projects/report/202605/18b0d410447a0646.png) 显示类型选择玫瑰环形： ![](/uploads/projects/report/202605/18b0d41045b97bc8.png) 显示类型选择扇形： ![](/uploads/projects/report/202605/18b0d41046de5c89.png) **【注意事项】** 1. 显示类型仅支持饼图，图形标记选择“自动”和“饼图”时显示类型会生效，若选择“方”和“漏斗”则不生效。 ![](/uploads/projects/report/202605/18b0d41047bf6b70.png) - **折线图** 折线图以线的方式反应数据的发展趋势，可以有多个系列，每个系列展示不同数据，使用方法同并排条形图类似。 ![](/uploads/projects/report/202605/18b0d41048c1eb05.png) 图2.4.1.8.1.14 折线图配置 ![](/uploads/projects/report/202605/18b0d41049b3ec60.png) 图2.4.1.8.1.15 折线图 - **面积图** 面积图又称区域图，一般用来强调数量随时间变化的程度，也可用于引起人们对总值趋势的注意。面积图和折线图的用法基本一致，面积图也可以支持多个系列。 ![](/uploads/projects/report/202605/18b0d4104acf328f.png) 图2.4.1.8.1.16 面积图配置 ![](/uploads/projects/report/202605/18b0d4104ba4341c.png) 图2.4.1.8.1.17 面积图 - **雷达图** 雷达图是以同一点开始的轴上表示的多个定量变量的二维图表的形式显示多变量数据的图形方法，轴的相对位置和角度通常是无信息的。因此可以通过数据在各个轴上的位置判断数据的表现情况，雷达图也可以支持多系列。 ![](/uploads/projects/report/202605/18b0d4104cceab6f.png) 图2.4.1.8.1.18 雷达图配置 ![](/uploads/projects/report/202605/18b0d4104dccc30b.png) 图2.4.1.8.1.19 雷达图 - **漏斗图** 漏斗图以漏斗的形式从大到小展示数据，漏斗图只能有一个系列，可为每个分类配置一个颜色。 ![](/uploads/projects/report/202605/18b0d4104f362692.png) 图2.4.1.8.1.20 漏斗图配置 ![](/uploads/projects/report/202605/18b0d41050a3e75d.png) 图2.4.1.8.1.21 漏斗图 - **树状图** 树状图一般用于展示数据之间的层级和占比关系，矩形的面积代表数据大小。因此树状图也只能有一个系列，同饼图和漏斗图类似，树图也可以为每个分类配置颜色用以区分。 ![](/uploads/projects/report/202605/18b0d410517ea8e7.png) 图2.4.1.8.1.22 树状图配置 ![](/uploads/projects/report/202605/18b0d410524d4f23.png) 图2.4.1.8.1.23 树状图 - **箱线图** 箱线图用于显示一组数据的分散情况，因形状如箱子而得名。箱线图主要用于反映原始数据分布的特征，也可以进行多组数据分布分布特征的比较，因此配置箱线图的数据不建议做汇总，箱线图支持多系列。 比如图2.4.1.8.1.24中的区域销售额，对数据不做汇总可以把A2单元格的区域配置为列表，即使用原始数据。 ![](/uploads/projects/report/202605/18b0d4105349b9ce.png) 图2.4.1.8.1.24 箱线图配置 最终箱线图会展示每个分类下数据的最大值、最小值、上四分位数、下四分位数以及中位数。 ![](/uploads/projects/report/202605/18b0d410544c1e28.png) 图2.4.1.8.1.25 箱线图 - **平行坐标系** 平行坐标系是一种常用的可视化高维数据的图表，数据集的一行数据在平行坐标系中展示为一条折线，纵向是属性值，横向是属性类别，一般情况下会对对应多个类别，因此平行坐标系也支持多系列配置。 ![](/uploads/projects/report/202605/18b0d410551a250c.png) 图2.4.1.8.1.26 平行坐标系配置 ![](/uploads/projects/report/202605/18b0d41055fe4e68.png) 图2.4.1.8.1.27 平行坐标系 - **词云** 词云是文本数据的视觉表示，词云展示文本，可根据文本数据对应的频率或大小等对文字展示做出大小区分，使得重要的词更突出显示。 分类轴配置的内容就是词的内容，数值则用于提现词应该显示的大小，因此词语不能支持多系列。 ![](/uploads/projects/report/202605/18b0d41056d244b6.png) 图2.4.1.8.1.28 词云配置 最终展示时，分类对应的数值越大，显示越突出。 ![](/uploads/projects/report/202605/18b0d41057be7cc3.png) 图2.4.1.8.1.29 词云 - **仪表** ![](/uploads/projects/report/202605/18b0d41058a28421.png) 图2.4.1.8.1.30 仪表 【效果显示】 配置与显示效果如图图2.4.1.8.1.31和图2.4.1.8.1.32所示。 ![](/uploads/projects/report/202605/18b0d410597e49b6.png) 图2.4.1.8.1.31 仪表常规设置 ![](/uploads/projects/report/202605/18b0d4105ac40bdc.png) 图2.4.1.8.1.32 仪表配置显示 - **水滴图** ![](/uploads/projects/report/202605/18b0d4105c12c354.png) 图2.4.1.8.1.33 水滴图 **【使用说明】** 水滴图适于展示单个指标，比普通的文字展示方式更为丰富美观，此版本支持在云报表中配置水滴图。 水滴图会在数值的基础上加百分号，因此一般适用于展示百分比数值，此数值大部分其情况下是一个独立的数值，这种情况下分类轴和数值都配置为此数值所在的单元格即可，比如下图中，数值放在A1单元格，故分类轴和数值都配置A1。 ![](/uploads/projects/report/202605/18b0d4105d0ecea8.png) 图2.4.1.8.1.34 水滴图常规配置 上图配置下的水滴图效果： ![](/uploads/projects/report/202605/18b0d4105df92120.png) 图2.4.1.8.1.35 水滴图配置显示 水滴图也支持对多个系列进行展示，比如下图中的数据，A1、A2、A3分别对应了3个数据，则分类轴配置A1:A3，数值配置B1:B3，给3个颜色即可。 ![](/uploads/projects/report/202605/18b0d4105f0f44ba.png) 图2.4.1.8.1.36水滴图常规配置 当前配置下水滴图效果如下：会按照3个分类显示颜色即数值的位置，但水滴中心的数据只会显示最大的那个数据。 ![](/uploads/projects/report/202605/18b0d410605ab3d6.png) 图2.4.1.8.1.37水滴图常规配置显示 水滴图只能有一个系列且不能是动态系列，故系列的部分只有红色框出来的内容是可以修改的，其它内容修改均无效。 ![](/uploads/projects/report/202605/18b0d41061305ced.png) 图2.4.1.8.1.38水滴图配置 悬停提示可配置显示分类轴和数值的内容，按照如下配置即可，不过此处数值取的是原值。 ![](/uploads/projects/report/202605/18b0d410622a9dc9.png) 图2.4.1.8.1.39水滴图悬停配置 悬停提示效果： ![](/uploads/projects/report/202605/18b0d41063580220.png) 图2.4.1.8.1.40水滴图悬停显示 因水滴图的标签就是显示在水滴中间的数值，水滴图不支持标签配置，这里讲一下水滴图图形样式中内容的用法。 ![](/uploads/projects/report/202605/18b0d410643277b8.png) 图2.4.1.8.1.41水滴图图形样式用法 ![](/uploads/projects/report/202605/18b0d410667d59ff.png) 图2.4.1.8.1.42水滴图图形样式配置说明 ##### 2.4.1.8.2格式设置 格式设置主要用于配置图形区的工作表和标题样式，包括颜色、边框、字体等。 ![](/uploads/projects/report/202605/18b0d4106758e9ff.png) 图2.4.1.8.2.1 格式设置 首先看工作表的部分，背景色和背景色透明度可以调整，颜色可以从取色器上选择，也可以自己输入色值，透明度配置为0-1之间的数值。 ![](/uploads/projects/report/202605/18b0d4106870a534.png) 图2.4.1.8.2.2 背景色配置 ![](/uploads/projects/report/202605/18b0d410696b3b65.png) 图2.4.1.8.2.3 背景色效果 针对整个图表，还可以配置边框，可修改样式、边框宽度和颜色。样式可从下拉列表选择，默认是无样式，宽度默认为1，可自行修改，边框颜色也可以自己指定。 ![](/uploads/projects/report/202605/18b0d4106a525238.png) 图2.4.1.8.2.4 工作表边框设置 ![](/uploads/projects/report/202605/18b0d4106b7e11e7.png) 图2.4.1.8.2.5 工作表边框效果 针对标题，有背景色、边框和字体三项内容可以配置，背景色和边框的用法同工作表一致，单独说明一下字体的用法。 标题的字体可以配置字体、颜色、大小、对齐方式以及字间距，均有默认值设置，可自行修改为想要的效果。 ![](/uploads/projects/report/202605/18b0d4106c638a70.png) 图2.4.1.8.2.6 标题字体设置 ![](/uploads/projects/report/202605/18b0d4106d787833.png)图2.4.1.8.2.7 标题字体效果 ##### 2.4.1.8.3图形设置 图形设置包括标签样式、图形样式和自定义扩展，用法同自助分析中一致，参考自助分析。 ![](/uploads/projects/report/202605/18b0d4106e9d64f6.png) 图2.4.1.8.3.1 图形设置 #### 2.4.1.9迷你图形 有时我们需要展示单元格数据的变化以及对比，但没有太大的空间来用图形展示，可以使用迷你图形在单元格内使用较少的空间达到目的。 迷你图目前支持进度条、柱形图以及折线图，下面分别说明这3种图形的用法。 ##### 2.4.1.9.1进度条 进度条可以实现下图中的效果，通过横向显示的条显示数据的大小，轻松实现数据的对比或表现各个分类当前的进度。 ![](/uploads/projects/report/202605/18b0d410701bea10.png) 图2.4.1.9.1.1 进度条 进度条迷你图需要配置数值来源、最大值、最小值、图形颜色、标签、零参考线、外形以及边距。 ![](/uploads/projects/report/202605/18b0d410713a816b.png) 图2.4.1.9.1.2 进度条配置 数值：配置进度条的取值来自于同行的哪个单元格，输入列号即可，比如图2.4.1.9.1.1中的图形，数据来源于销售额，配置同行单元格B即可。 最大值：可选择固定值、固定单元格和同行单元格，最大值决定了进度条的目标值，数值占目标值的比例决定了进度条的长度。使用固定值输入一个值即可，选择固定单元格是从配置的单元格中取值作为最大值，同行单元格是取当前配置所在的同行单元格的值作为目标值。 最小值：同最大值类似，最大值从进度条尾端控制进度条的长度，最小值则从起始位置进行控制。 图形颜色：配置进度条的颜色，支持配置渐变色，负点可以控制负值的颜色。 标签：配置显示标签可以将数值显示在进度条上，包括设置字体的颜色、文字的大小、字体、标签的位置以及小数位数。 ![](/uploads/projects/report/202605/18b0d410729d35cc.png) 图2.4.1.9.1.3 标签配置 ![](/uploads/projects/report/202605/18b0d410738eca0b.png) 图2.4.1.9.1.4 标签效果 零参考线：突出显示零值所在的位置，可配置线性和宽度。 ![](/uploads/projects/report/202605/18b0d41074916ab7.png) 图2.4.1.9.1.5 零参考线配置 ![](/uploads/projects/report/202605/18b0d41075690cdb.png) 图2.4.1.9.1.6 零参考线效果 外形：配置进度条柱子的宽度，并可以设置柱子四个角的弧度。 ![](/uploads/projects/report/202605/18b0d41076599a26.png) 图2.4.1.9.1.7 图形样式 ![](/uploads/projects/report/202605/18b0d410771a9e6d.png) 图2.4.1.9.1.8 图形样式设置效果 边距：边距控制柱子在边框中和上下左右的距离。比如不设置柱宽同时把边距的上下左右均改为0，可以看到柱子是紧贴边框显示的。 ![](/uploads/projects/report/202605/18b0d41078037d53.png) 图2.4.1.9.1.9 边距设置 ![](/uploads/projects/report/202605/18b0d41078be1759.png) 图2.4.1.9.1.10 边距效果 ##### 2.4.1.9.2柱形图 进度条仅能显示单个数据相对目标数据的表现，柱形图可以显示一组数据的表现情况，更适合横向对比。比如图2.4.1.9.2.1，可对比各区域在各个订单等级下的销售额数据。 ![](/uploads/projects/report/202605/18b0d410799ed677.png) 图2.4.1.9.2.1 柱形图 柱形图和进度条的配置大部分是类似的，用法可参考进度条。 ![](/uploads/projects/report/202605/18b0d4107a636eb6.png) 图2.4.1.9.2.2 柱形图配置 数值：配置柱形图的数据来源，可以是一组数据，因此需配置取同行的X列-X列，但如果是扩展单元格，仅输入起始列号就可以。 图形颜色：柱形图除配置柱子颜色、渐变色以及负点的颜色外，还可以配置高点、低点、首点和尾点的颜色。 是否悬停显示数值：勾选后可以在柱子的悬停提示信息中显示数值，支持配置小数位数。 ![](/uploads/projects/report/202605/18b0d4107b6f7594.png) 图2.4.1.9.2.3 柱形图悬停提示 ##### 2.4.1.9.3折线图 折线图可显示随时间而变化的连续数据，方便用户查看在相等时间间隔下的数据的趋势，从而对数据的走势做出判断。 ![](/uploads/projects/report/202605/18b0d4107c52b474.png) 图2.4.1.9.3.1 折线图 折线图的配置参考柱形图，仅外形配置有区别。 ![](/uploads/projects/report/202605/18b0d4107db0506f.png) 图2.4.1.9.3.2 折线图配置 外形包括线图类型、线图宽度、标记类型和是否平滑。线图类型分为实线、虚线和电线，根据需要自行选择。线图宽度决定了折线图中线的宽度。标记类型可选择空心圆、实心圆、方形、圆角方形、三角形、菱形、气泡以及箭头，标记类型决定了折线中数值所在的那个点的显示方式。是否平滑决定了在折线拐点的位置是平滑走势还是有明显折线的走势。 图2.4.1.9.3.3中的折线图是配置实线、空心圆、平滑显示的折线图，折线图展示了各地区各年份下的销售额数据走势。 ![](/uploads/projects/report/202605/18b0d4107ec9c513.png) 图2.4.1.9.3.3 折线图 #### 2.4.1.10参数值 参数值是结合超链接使用的，在单元格设计下，仅仅是将单元格的元素类型定义为参数值，为其配置一个参数名。在超链接中将目标配置为参数名，点击超链接跳转时，可以把参数值显示在配置了参数值的单元格，参数值这个名称也是由此而来，用于显示参数值的。 比如图2.4.1.10.1中的各区域销售额报表，我们希望点击各区域进行跳转，跳转到目标资源后在标题中显示出这是哪个区域的具体销售额数据，同时目标页面的数据筛选为当前区域，就需要用到参数值功能来实现。 ![](/uploads/projects/report/202605/18b0d4107fe921a7.png) 图2.4.1.10.1 各区域销售额 ![](/uploads/projects/report/202605/18b0d41080e9aa77.png) 图2.4.1.10.2 点击东北弹框跳转 要实现上面的效果，首先需要制作一张各城市的销售额数据表格，并将D1单元格配置为参数值，参数名称为“区域参数”，此参数值是为了获取跳转点击的区域，实现参数值传递。实现标题中的地区跟随点击的地区更新，使用了富文本中的从单元格获取数据功能，富文本获取了D1单元格的值，间接获取到了点击的区域。实际使用时可以把D列隐藏，既达到了效果，又不用将参数值显示出来影响美观。 ![](/uploads/projects/report/202605/18b0d41081cba495.png) 图2.4.1.10.3 目标资源配置 跳转源是一个很简单的各地区销售额表，主要的配置在超链接中。超链接的参数配置需要配两个，一个是将A2单元格的地区作为参数传递到目标资源显示在标题中，此时需要获取的是参数值，因此目标资源配置图2.4.1.10.3中目标资源设置的D1单元格的区域参数，写参数名即可。另一个是用A2单元格的地区去过滤目标资源的数据，此时的目的是过滤数据，因此目标这里需要填写的是目标资源对应的字段名称。 ![](/uploads/projects/report/202605/18b0d41082bd7cde.png) 图2.4.1.10.4 超链接配置 按照上面的配置，就可以实现点击不同的区域，弹框中标题跟随点击的值更新，且数据也同步更新为所点击区域的数据。如图2.4.1.10.5，点击西南，标题显示“西南地区销售额”，同时显示西南的省市数据，图2.4.1.10.6，点击华北，标题显示“华北地区销售额”，同时显示华北的省市数据。 ![](/uploads/projects/report/202605/18b0d41083a73b00.png) 图2.4.1.10.5 点击西南结果 ![](/uploads/projects/report/202605/18b0d41084b6137b.png) 图2.4.1.10.6 点击华北结果 #### 2.4.1.11报表单元格 报表单元格可以在当前报表中引用其它报表单元格的数据，可以引用普通文本、字段和公式。 比如图2.4.1.11.1中的交叉表，希望在另外一张报表中直接使用其总计值，就可以通过引用报表单元格实现。 ![](/uploads/projects/report/202605/18b0d41085b2313b.png) 图2.4.1.11.1 交叉表 在新的工作表中将单元格属性设置为报表单元格，选择资源被配置要引用的单元格即可。 ![](/uploads/projects/report/202605/18b0d4108672a076.png) 图2.4.1.11.2 报表单元格配置 最终在配置了报表单元格的位置显示引用的单元格的值。 ![](/uploads/projects/report/202605/18b0d410876685a7.png) 图2.4.1.11.3 报表单元格效果 #### 2.4.1.12子报表 云报表支持在当前报表中引用其它报表，即展示子报表的内容。在子报表设置界面可以选择要嵌入的子报表资源，若子报表有过滤器，可以选择过滤器的处理方式，支持嵌入、隐藏、合并三种方式。 ![](/uploads/projects/report/202605/18b0d410887f2a54.png) 图2.4.1.12.1 子报表设置 过滤器选择嵌入即子报表的过滤器单独在子报表内部显示；隐藏则不显示子报表过滤器，若子报表过滤器设置了默认值，默认值可生效。 过滤器显示方式选择合并时可以勾选“按照过滤器名称继承主报表的过滤器值”，即将子报表的过滤器和主报表的过滤器按照名称进行匹配，匹配上的过滤器对子报表和主报表均生效，匹配不上的子过滤器自动移除，匹配不上的主报表过滤器仅对主报表生效。 过滤器也可以自定义合并方式，类型支持过滤器、字符串、数值、日期和单元格，在值的位置选择对应类型下的值即可。比如类型选择过滤器，可以拿子报表的过滤器A和主报表的过滤器B进行合并，类型选择字符串，在值的位置输入字符串，则子报表按照输入的字符串进行过滤器生效，其它类型类似。 若过滤配置勾选了按过滤器名称继承主报表的过滤器，同时也配置了自定义合并，最终以自定义合并的配置为主。 ![](/uploads/projects/report/202605/18b0d410895ff825.png) 图2.4.1.12.2 过滤器合并显示 子报表可以配置自适应方式，在子报表所在的单元格内进行自适应。 # 2.4.2扩展 扩展，顾名思义，就是由一变多，单元格扩展就是指查看模板效果的时候，原来模板设计中的单元格由一个变成了多个，这就是单元格扩展。 Excel的单元格只有2个方向，横向和纵向，而云报表是一款类Excel的报表工具，因此云报表中单元格的扩展是有方向的。 #### 2.4.2.1扩展方向 云报表提供了三种单元格扩展方向。 - 不扩展：单元格中字段的数据不扩展，所有数据在一个单元格中展示。 - 纵向扩展：单元格中字段的数据纵向扩展，依次从上至下，在不同单元格中展示。 - 横向扩展：单元格中字段的数据横向扩展，依次从左至右，在不同单元格中展示。 ![](/uploads/projects/report/202605/18b0d4108a3782b0.png) 图2.4.2.1.1 单元格不扩展效果 ![](/uploads/projects/report/202605/18b0d4108af915f8.png) 图2.4.2.1.2 单元格横向扩展和纵向扩展效果 如果单元格中插入元素是字段，则默认扩展方向纵向扩展，其它插入元素则默认是不扩展。 #### 2.4.2.2父格设置 父子格是跟单元格扩展息息相关的概念，单元格的扩展是针对具体的某一个单元格，当报表主体中绑定了多个单元格时，单元格间会天然存在某种关系，使单元格间存在数据过滤关系，并且跟随扩展，这就是父子格。前面的单元格称之为父格，后面的单元格称之为子格，也就是说子格的数据会跟随父格的数据进行过滤分组显示，并且还会跟随父格的扩展方向而扩展。 **父子格关系** 子格的扩展属性会随着父格的扩展属性变化，当单元格左侧或上方相邻的单元格具有扩展属性时，单元格默认其左侧相邻单元格为其左父格，默认上方相邻的单元格为其上父格。 父子格关系包括两种：过滤关系和跟随关系。 - 过滤关系：过滤关系是值子格会默认将父格的数据作为过滤条件进行过滤，使父子格之间的数据能对应的显示出来，但是这个默认的过滤关系只限于两个单元格中的字段来自于同一个数据集。如图2.4.2.2.1，两个单元格中的数据来自于同一数据集，故东北后面跟随东北的省份，西南后面跟随西南的省份。 ![](/uploads/projects/report/202605/18b0d4108c026d97.png) 图2.4.2.2.1 过滤关系 - 跟随关系：跟随关系就是指子格会默认跟随父格的扩展方向进行分组，即父格纵向扩展，子格跟随父格默认纵向扩展分组。如上图2.4.2.2.1，区域单元格A1纵向扩展，子格B1也纵向跟随扩展，父格横向扩展，子格会跟随父格横向扩展分组，同时保持自己的数据使用默认的纵向扩展，如下图2.4.2.2.2，A2的相邻单元格为A1，且A1在其上方，A1是A2的上父格，则A2中的省份会跟随父格A1中的地区横向扩展分组，同时保持自己的数据纵向扩展显示。 ![](/uploads/projects/report/202605/18b0d4108ce0b911.png) 图2.4.2.2.2 跟随关系 **父子格分类** 父子格包括左父格和上父格两种。 左父格：跟随父格单元格纵向扩展，大多数情况下左父格在单元格的左侧，单元格会默认以来自于同一数据源的相邻的左侧纵向扩展单元格为左父格。 ![](/uploads/projects/report/202605/18b0d4108dc55311.png) 图2.4.2.2.3 左父格 上父格：跟随父格单元格横向扩展，大多数情况下上父格在单元格的上方，单元格会默认以来自于同一数据源的上方的横向扩展单元格为上父格。 ![](/uploads/projects/report/202605/18b0d4108e88be10.png) 图2.4.2.2.4 上父格 **父子格设置** 父子格设置有3种，无、默认和自定义。 无：该单元格不设父格。 默认：使用默认父格设置，插入元素是字段时，该单元格会默认将其左侧来自于同一数据源的纵向扩展单元格作为左父格，将其上方来自于同一数据源的横向扩展单元格作为上父格，插入元素是其它类型时，默认没有父格。 自定义：由用户自行为单元格设置父格，输入单元格编号即可。 ![](/uploads/projects/report/202605/18b0d4108f4a05d1.png) 图2.4.2.2.5 父子格设置 #### 2.4.2.3横纵向可伸展 数据扩展时，可能扩展出很大面积，扩展格左侧或上方的单元格无法知道数据会扩展出多大，为了让报表整体美观，希望这些单元格中的内容会随着数据区的扩展而进行伸展。这时，可以使用单元格伸展来控制单元格的显示效果。 横向可伸展：数据从左到右横向扩展时，可以设置扩展格上方单元格的横向可伸展性。 纵向可伸展：数据从上到下纵向扩展时，可以设置扩展格左侧单元格的纵向可伸展性。 ![](/uploads/projects/report/202605/18b0d4109009a665.png) 图2.4.2.3.1 横向可伸展 配置是否可伸展通过勾选实现，默认横纵向均可伸展，若不需要伸展，不勾选即可。 ![](/uploads/projects/report/202605/18b0d41090d3afaa.png) 图2.4.2.3.2 横纵向可伸展配置 #### 2.4.2.4扩展后排序 扩展后排序是针对分组内部进行排序，比如想将每个学生各科的分数按照从高到低排列，可对分数字段做扩展后降序排序。 ![](/uploads/projects/report/202605/18b0d41091d5806c.png) 图2.4.2.4.1 扩展后排序 这种情况下分数的排序不是全局排的，而是在每个学生内部排，常规下的排序则是全局排，会打乱学生的顺序。 ![](/uploads/projects/report/202605/18b0d41092c5f27b.png) 图2.4.2.4.2 扩展后排序分数降序排列 常规下的排序和扩展后排序使用场景不同，如果数据以列表的方式展示，配置扩展后排序看不出来效果，因为每一条数据就是一个独立分组，扩展后排序仅有一个数据可以排。而如果数据是分组展示，对字段配置常规下的排序，为了不打乱当前的分组，会默认做扩展后排序。 # 2.4.3数字 数字主要是对数字、时间等数据设置显示格式，默认是常规，即使用当前默认返回的格式，不做任何修改。 ![](/uploads/projects/report/202605/18b0d4109393ac0c.png) 图2.4.3.1 数字格式设置 #### 2.4.3.1数字格式 数字格式是将数据以数字的格式显示，可配置小数位数以及是否使用千位分隔符。 ![](/uploads/projects/report/202605/18b0d4109463e255.png) 图2.4.3.1.1 数字格式配置 ![](/uploads/projects/report/202605/18b0d410954d8f14.png) 图2.4.3.1.2 数字格式设置效果 #### 2.4.3.2货币格式 货币格式是在数字格式的基础上可以配置在数值前面加“￥”、“$”或“€”，或在数值后面加货币单位，其它部分配置和数字格式一致。 ![](/uploads/projects/report/202605/18b0d4109660d653.png) 图2.4.3.2.1 货币格式配置 ![](/uploads/projects/report/202605/18b0d4109751d712.png) 图2.4.3.2.2 货币格式配置效果 #### 2.4.3.3百分比格式 百分比格式可以配置显示小数后多少位，默认在结尾添加百分比符号，也可以对数据进行百分比转换，即在数据的基础上乘以100后再添加百分号。 ![](/uploads/projects/report/202605/18b0d410982532b6.png) 图2.4.3.3.1 百分比格式配置 ![](/uploads/projects/report/202605/18b0d410991b56b6.png) 图2.4.3.3.2 百分比格式配置效果 #### 2.4.3.4科学计数格式 科学计数格式将数据以科学计数法的方式展示，支持配置小数位数。 ![](/uploads/projects/report/202605/18b0d41099ec56d6.png) 图2.4.3.4.1 科学计数格式配置 ![](/uploads/projects/report/202605/18b0d4109b027bb8.png) 图2.4.3.4.2 科学计数格式配置效果 #### 2.4.3.5日期型格式 日期型格式可以设置日期的显示样式，日期型默认是以“XXXX年XX月XX日”的格式显示，但部分情况下可能希望日期型数据以其它格式展示，这就需要通过数字格式的设置来实现。 ![](/uploads/projects/report/202605/18b0d4109e0c6423.png) 图2.4.3.5.1 日期型格式配置 ![](/uploads/projects/report/202605/18b0d4109f6b7cc4.png) 图2.4.3.5.2 日期型格式配置效果 补充说明：日期型、日期时间型和时间型三类属于特殊格式，在单元格设计 - 常规下有分组粒度，分组粒度默认是“年月日”。如果是日期型字段，刚好按照年月日显示，如果是日期时间型字段，则在默认分组粒度下时分秒的部分显示不出来，要想完整显示需要把分组粒度改为“年月日 小时分秒”，如果是时间型字段，在默认分组粒度下会默认补充年月日的部分（当天）并显示，时分秒的部分显示不出来，如果要正常显示，也需要把分组粒度改为“年月日 小时分秒”。 #### 2.4.3.6时间型格式 时间型字段是一种特殊的格式，在显示时会默认以当天补充年月日的部分完整显示成“XXXX年XX月XX日 XX时XX分XX秒”，如果需要只显示时分秒的部分，且按照想要的格式显示，可以通过时间型格式处理。 ![](/uploads/projects/report/202605/18b0d410a050c0a5.png) 图2.4.3.6.1 时间型格式配置 ![](/uploads/projects/report/202605/18b0d410a13f817f.png) 图2.4.3.6.2 时间型格式配置效果 # 2.4.4控件 控件是在填报报表中使用，通过控件实现页面的输入，具体介绍参考3.填报报表。 # 2.4.5条件 条件是通过配置条件，判断满足此条件时改变属性的值。云报表中有很多地方都可以用到条件，比如满足条件隐藏行列或通过条件修改显示样式等。 云报表可以给报表的8种属性设值，分别是：行高、边框、列宽、颜色、背景、缩进、新值和图标。 ![](/uploads/projects/report/202605/18b0d410a22f8d51.png) 图2.4.5.1 条件支持属性 在单元格设计下打开条件选项卡，点击添加条件，可以打开条件属性配置界面。在已有条件属性的情况下，点击编辑可以编辑打开当前选中的条件属性，删除是用于删除当前选中的条件属性，上移和下移按钮可用于调整条件属性的顺序，条件属性是按照顺序生效的，先配置的条件属性先生效，如果多个条件属性冲突，则顺序靠前的条件属性优先级更高。 ![](/uploads/projects/report/202605/18b0d410a2ec9afa.png) 图2.4.5.1 条件属性 下面先介绍条件的配置，再分别介绍各中属性的效果。 #### 2.4.5.1条件配置 条件配置包含几部分：条件数据来源、操作符、类型、条件值、条件生效关系等。 - **条件数据来源** 条件数据来源用于配置条件从哪里取值做判断，包括当前单元格、固定单元格和同行单元格。 ![](/uploads/projects/report/202605/18b0d410a3d93315.png) 图2.4.5.1.1 条件数据来源配置 条件是配置在单元格上面的，当前单元格即从配置条件的单元格取值，如果条件配置的单元格是扩展单元格，则每一个单元格都分别参与条件判断。 如下图，在A1单元格配置当前单元格等于西南时将列宽以200px显示。 ![](/uploads/projects/report/202605/18b0d410a4d1a469.png) 图2.4.5.1.2 数据来源为当前单元格 ![](/uploads/projects/report/202605/18b0d410a59d73d1.png) 图2.4.5.1.3 当前单元格条件效果 条件配置固定单元格时，需要输入所配置的固定单元格。此固定单元格针对的是配置界面的单元格位置，如果单元格是一个扩展字段，则只识别扩展出来的第一个值。 下面的例子中，判断固定单元格A1=东北，则D3单元格显示1，否则不显示；判断固定单元格A1=西南，则D4单元格显示1，否则不显示；判断固定单元格A2=demo，则D5单元格显示1，否则不显示。 ![](/uploads/projects/report/202605/18b0d410a68de591.png) 图2.4.5.1.4 固定单元格配置 预览发现A1单元格扩展出来6个值，但是条件配置固定单元格时只识别扩展出来的第一个值，因此A1=东北符合条件，A1=西南不符合条件。另外固定单元格配置针对的是配置界面的单元格，配置界面的A2单元格显示demo，符合条件，因此D3-D5单元格分别按照条件显示值。 ![](/uploads/projects/report/202605/18b0d410a77d7666.png) 图2.4.5.1.5 固定单元格条件效果 条件配置同行单元格时，会在配置条件单元格的同行某列取值做条件判断，即根据同一行其它单元格的值决定当前单元格的条件效果。 比如，针对下列配置，在B1单元格的销售额上配置判断同行对应的A列的值是否以“西”开头，符合条件的话就把销售额以红色显示。 ![](/uploads/projects/report/202605/18b0d410a8aca43c.png) 图2.4.5.1.6 同行单元格配置 针对每一个扩展出来的值回去判断同行的值是否符合条件，当前数据中有2条是符合条件的，因此条件属性生效，把符合条件的2条数据对应的销售额以红色显示。 ![](/uploads/projects/report/202605/18b0d410a9cb083d.png) 图2.4.5.1.7 同行单元格效果 - **操作符** 操作符支持的操作符包括：等于、不等于、大于、大于或等于、小于、小于或等于、开头是、开头不是、结尾是、结尾不是、包含、不包含、包含于和不包含于共14种。 - 等于 判断条件两边是否相等，相等则满足条件。比如配置：A1单元格等于东北，符合条件的数据以红色显示。 说明：后续例子都使用此配置说明条件效果，默认在当前单元格配置，条件效果为红色显示。 ![](/uploads/projects/report/202605/18b0d410ab84e41c.png) 图2.4.5.1.8 操作符配置 则区域=东北的数据以红色显示。 ![](/uploads/projects/report/202605/18b0d410acdfab57.png) 图2.4.5.1.9 条件属性区域等于东北红色显示 - 不等于 判断条件两边是否不相等，不相等则满足条件。配置区域不等于东北，效果如下：除东北外其它数据均标红。 ![](/uploads/projects/report/202605/18b0d410add76b6b.png) 图2.4.5.1.10 条件属性区域不等于东北红色显示 - 大于 判断条件左边是否大于条件右边，大于则满足条件。配置销售额大于100000，效果如下：华北和华南对应的销售额标红。 ![](/uploads/projects/report/202605/18b0d410aeb93a5a.png) 图2.4.5.1.11 条件属性销售额大于100000红色显示 - 大于或等于 判断条件左边是否大于等于条件右边，大于或等于则满足条件。配置销售额大于等于155187.391，效果如下：华南对应的销售额被标红。 ![](/uploads/projects/report/202605/18b0d410afbb7b1b.png) 图2.4.5.1.12 条件属性销售额大于等于155187.391红色显示 - 小于 判断条件左边是否小于条件右边，小于则满足条件。配置销售额小于10000，效果如下：西南对应的销售额被标红。 ![](/uploads/projects/report/202605/18b0d410b0f1c2f6.png) 图2.4.5.1.13 条件属性销售额小于10000红色显示 - 小于或等于 判断条件左边是否小于等于条件右边，小于或等于则满足条件。配置销售额小于或等于54286.721，效果如下：东北、西北和西南对应的销售额被标红。 ![](/uploads/projects/report/202605/18b0d410b1b68ad7.png) 图2.4.5.1.14 条件属性销售额小于或等于54286.721红色显示 - 开头是 判断条件左边开头是否能匹配上条件右边，匹配上则满足条件。配置区域开头是西，效果如下：西北和西南被标红。 ![](/uploads/projects/report/202605/18b0d410b2a92cc3.png) 图2.4.5.1.15 条件属性区域开头是西红色显示 - 开头不是 判断条件左边开头是否能匹配上条件右边，匹配不上则满足条件。配置区域开头不是西，效果如下：除西北和西南外均被标红。 ![](/uploads/projects/report/202605/18b0d410b34ea6a1.png) 图2.4.5.1.16 条件属性区域开头不是西红色显示 - 结尾是 判断条件左边结尾是否能匹配上条件右边，匹配上则满足条件。配置区域结尾是东，效果如下：华东被标红。 ![](/uploads/projects/report/202605/18b0d410b4139c50.png) 图2.4.5.1.17 条件属性区域结尾是东红色显示 - 结尾不是 判断条件左边结尾是否能匹配上条件右边，匹配不上则满足条件。配置区域结尾不是东，效果如下：除华东外其它区域均被标红。 ![](/uploads/projects/report/202605/18b0d410b4eec6e1.png) 图2.4.5.1.18 条件属性区域结尾不是东红色显示 - 包含 判断条件左边是否包含条件右边，包含则满足条件。配置区域包含东，效果如下：东北、华东被标红。 ![](/uploads/projects/report/202605/18b0d410b5c6d7fd.png) 图2.4.5.1.19 条件属性区域包含东红色显示 - 不包含 判断条件左边是否包含条件右边，不包含则满足条件。配置区域不包含东，效果如下：除东北和华东外的区域被标红。 ![](/uploads/projects/report/202605/18b0d410b6cfc8a3.png) 图2.4.5.1.20 条件属性区域不包含东红色显示 - 包含于 判断条件左边是否包含于条件右边，包含于则满足条件。条件右边是一个列表，多个值之间以英文逗号隔开。配置区域包含于“东北,西南”，效果如下：东北和西南被标红。 ![](/uploads/projects/report/202605/18b0d410b799b5fc.png) 图2.4.5.1.21 条件属性区域包含于“东北,西南”东红色显示 - 不包含于 判断条件左边是否包含于条件右边，不包含于则满足条件。配置区域不包含于“东北,西南”，效果如下：除东北和西南外的区域被标红。 ![](/uploads/projects/report/202605/18b0d410b88bd92d.png) 图2.4.5.1.22 条件属性区域包不含于“东北,西南”东红色显示 包含和不包含是针对具体值，包含于和不包含于针对的是一个字段列表，两者使用的场景有区别。 - **类型** 类型包括字符串、数值、日期、单元格4种，字符串和数值需要在值输入框中手动输入，日期是通过日期控件选择具体日期，根据条件数据来源的值决定要匹配的对象是字符串、数值还是日期。 ![](/uploads/projects/report/202605/18b0d410b961e543.png) 图2.4.5.1.23 类型配置 类型选择单元格时有当前单元格、固定单元格、同行单元格3个选项，用法同条件数据来源中的用法一致，固定单元格需要输入单元格编号，同行单元格则要输入列号。 ![](/uploads/projects/report/202605/18b0d410ba352865.png) 图2.4.5.1.24 类型为单元格配置 - **条件生效关系** 条件属性支持配置多个条件，多个条件之间可以and或or的方式生效，and要求多个条件同时满足后属性配置才生效，or则是只要满足其中一个，属性配置就生效。 比如针对区域，配置2个条件，一是包含东的时候当前格以红色显示，一是等于东北的时候当前单元格以红色显示。第一个条件匹配的结果有东北和华东，第二个条件匹配的结果是东北，两个条件以and方式生效，即两个条件需要同时满足，只有东北满足条件。 ![](/uploads/projects/report/202605/18b0d410bb26cf01.png) 图2.4.5.1.25 两个条件以and方式生效 结果中东北以红色显示。 ![](/uploads/projects/report/202605/18b0d410bc19311c.png) 图2.4.5.1.26 条件属性效果 将上述两个条件改为or，即条件一和条件二满足一个即可，东北满足2个条件，华东满足1个条件，因此结果中东北和华东都会以红色显示。 ![](/uploads/projects/report/202605/18b0d410bd28c8e0.png) 图2.4.5.1.27 两个条件以or的方式生效 ![](/uploads/projects/report/202605/18b0d410bde0ac91.png) 图2.4.5.1.28 条件属性效果 条件生效方式右侧有一排按钮，分别是：增加、编辑、删除、上移、下移、添加括号和删除括号。 ![](/uploads/projects/report/202605/18b0d410beb675bf.png) 图2.4.5.1.29 条件配置按钮 增加按钮用于增加一个新的条件。 编辑按钮用于修改条件，只有在选中条件的情况下编辑按钮才会高亮，选中条件时当前条件会以蓝色标识出来，同时当前条件的配置被读取出来。修改条件后必须再点击一次编辑按钮，修改的内容才会被同步到条件区。 ![](/uploads/projects/report/202605/18b0d410bfb88489.png) 图2.4.5.1.30 修改条件 删除按钮用于删除一个条件，必须选中后才能进行删除。 上移可以将选中的条件往上移动一位，用于至少有两个条件的情况。 下移可以将选中的条件往下移动一位，用于至少有两个条件的情况。 添加括号需要使用Ctrl选中至少2个条件才会高亮，表明把当前选中的多个条件做为一组，先在组内做条件判断，再参与组间的条件判断。比如下面的配置，共有4个条件，对条件1和条件2添加了括号，条件3和条件4添加了括号，每个括号内部以and的方式生效，两个括号之间以or的方式生效。解释一下这个配置的含义：条件1判断区域等于东北，符合条件的数据有东北；条件2判断区域包含东，符合条件的数据有东北和华东；条件1和条件2之间以and的方式生效，最终符合条件的数据是“东北”。条件3判断区域等于西北，符合条件的数据有西北；条件4判断区域包含西，符合条件的数据有西北和西南；条件3和条件4以and的方式生效，最终符合条件的数据是“西北”。括号1和括号2之间以or的方式生效，因此括号1的结果“东北”和括号2的结果“西北”都属于符合条件的数据，结果应该对东北和西北生成属性效果。 ![](/uploads/projects/report/202605/18b0d410c0d6adf6.png) 图2.4.5.1.31 条件括号用法 ![](/uploads/projects/report/202605/18b0d410c1ced16e.png) 图2.4.5.1.32 条件括号效果 删除括号可以将添加的括号删除。 #### 2.4.5.2属性效果 - **行高** 行高属性可以修改满足条件的值的行高，配置区域等于东北时当前行以100px的高度显示。 ![](/uploads/projects/report/202605/18b0d410c2f6b92c.png) 图2.4.5.2.1 条件属性配置行高 视图中东北所在行以100px的行高显示，其它行仍然使用默认行高。 ![](/uploads/projects/report/202605/18b0d410c3dfe5d7.png) 图2.4.5.2.2 条件属性设置行高效果 - **边框** 边框可以修改满足条件的值或该值所在行、所在列的边框宽度、边框颜色一级边框线类型。线型可以设置实线、虚线和无，宽度由用户手动输入值，单位为px（像素），颜色可以自定义选择，生效范围支持当前格子、当前行和当前列。 比如设置区域等于东北时当前格边框以实线显示，宽度为5px。 ![](/uploads/projects/report/202605/18b0d410c4d34050.png) 图2.4.5.2.3 条件属性设置边框 视图打开东北所在的格子边框线显示为5px的宽度，且以红色实线显示。 ![](/uploads/projects/report/202605/18b0d410c5ad8f9c.png) 图2.4.5.2.4 条件属性边框设置实线效果 边框线虚线效果： ![](/uploads/projects/report/202605/18b0d410c66f33cf.png) 图2.4.5.2.5 条件属性边框设置虚线效果 边框线针对当前行生效效果： ![](/uploads/projects/report/202605/18b0d410c78967a5.png) 图2.4.5.2.6 条件属性边框在当前行生效效果 边框线针对当前列生效效果： ![](/uploads/projects/report/202605/18b0d410c83e271d.png) 图2.4.5.2.7 条件属性边框在当前列生效效果 - **列宽** 列宽和行高类似，可以设置满足条件的值所在列的列宽。比如配置区域等于东北时所在列以200px的宽度显示： ![](/uploads/projects/report/202605/18b0d410c917ffcb.png) 图2.4.5.2.8 条件属性设置列宽 视图打开时东北所在的列宽度以200px显示，其它列均使用默认的宽度100px显示。 ![](/uploads/projects/report/202605/18b0d410c9e443ba.png) 图2.4.5.2.9 条件属性列宽设置效果 - **颜色** 颜色用于修改单元格内文字的颜色，可以设置当前单元格、当前单元格所在行或当前单元格所在列的颜色。比如配置区域等于东北时红色显示： ![](/uploads/projects/report/202605/18b0d410caa4a88a.png) 图2.4.5.2.10 条件属性设置颜色 配置对当前格子生效，视图打开时东北所在单元格以红色显示，其它单元格默认颜色显示。 ![](/uploads/projects/report/202605/18b0d410cb61d517.png) 图2.4.5.2.11 条件属性当前格子颜色效果 配置对当前行生效，视图打开时东北所在的整行都以红色显示，其它单元格默认颜色显示。 ![](/uploads/projects/report/202605/18b0d410cc2997c2.png) 图2.4.5.2.12 条件属性当前行颜色效果 配置对当前列生效，视图打开时，东北所在的列整列都以红色显示，其它单元格默认颜色显示。 ![](/uploads/projects/report/202605/18b0d410ccf22740.png) 图2.4.5.2.13 条件属性当前列颜色效果 - **背景** 背景用于修改单元格的背景色，和颜色用法类似，颜色修改的是文字的颜色，背景色修改的则是单元格的背景，背景同样可以针对当前单元格、当前单元格所在行和当前单元格所在列设置。比如配置区域等于东北，符合条件时修改背景色以蓝色显示： ![](/uploads/projects/report/202605/18b0d410cde1bdd7.png) 图2.4.5.2.14 条件属性背景设置 配置对当前格子生效时，视图打开报表，东北所在的单元格以蓝色背景显示，其它单元格均以默认的白色背景显示： ![](/uploads/projects/report/202605/18b0d410cebbc618.png) 图2.4.5.2.15 条件属性配置当前格子背景颜色效果 配置对当前行生效时，视图打开报表，东北所在的行以蓝色背景显示，其它行以默认的白色背景显示： ![](/uploads/projects/report/202605/18b0d410cfd1d8c9.png) 图2.4.5.2.16 条件属性配置当前行背景颜色效果 配置对当前列生效时，视图打开报表，东北所在的列以蓝色背景显示，其它列以默认白色背景显示： ![](/uploads/projects/report/202605/18b0d410d0c2025c.png) 图2.4.5.2.17 条件属性配置当前列背景颜色效果 - **缩进** 缩进配置的是符合条件的单元格文字内容缩进多少个像素，可以通过缩进来显示数据之间的层级关系。比如区域和省份，数据之间存在层级和过滤关系，可以通过缩进来更清晰的显示出这种关系。 在B1单元格配置区域，B2单元格配置省份，B2的左父格自定义为B1，这样区域对省份就有一个过滤效果。A1单元格配置文字“区域”，左父格自定义为B1，A2单元格配置文字“省份”，左父格自定义为B2单元格，这是为了给每一个扩展出来的字段打标记。 ![](/uploads/projects/report/202605/18b0d410d19d0ba0.png) 图2.4.5.2.18 报表配置 预览效果如下：B列每显示一个区域，会显示该区域下的省份，A列针对B列的每一条数据标记是区域还是省份。 ![](/uploads/projects/report/202605/18b0d410d2a40bda.png) 图2.4.5.2.19 报表初始视图效果 在B2单元格配置条件，添加属性缩进，符合条件的数据缩进20个像素。条件配置同行单元格等于“省份”，即标记了省份的内容均做20px的缩进。 ![](/uploads/projects/report/202605/18b0d410d3f1e197.png) 图2.4.5.2.20 条件属性配置缩进 视图打开云报表，所有的省份都缩进了20px，区域和省份之间的层级关系显示更鲜明。为了显示上好看，可以把A列打标记的字段隐藏。 ![](/uploads/projects/report/202605/18b0d410d4c99b23.png) 图2.4.5.2.21 条件属性缩进效果 - **新值** 新值是将符合条件的单元格通过配置的新值替代显示，以达到在不修改实际值的情况下让单元格按照用户想要的方式来显示数据。比如下面的交叉表，订单等级为低级且区域为西南时对应的数据为空，可能是数据中没有这一部分，如果想要将空值以0来显示，在不改动数据的情况下，我们就可以通过新值实现。 ![](/uploads/projects/report/202605/18b0d410d597f2ae.png) 图2.4.5.2.22 交叉表 在销售额所在的单元格配置属性新值为“0”，条件配置当前单元格等于空，在值的位置不输入任何内容即为空。 ![](/uploads/projects/report/202605/18b0d410d6a0a0bc.png) 图2.4.5.2.23 条件属性配置新值 视图打开此报表，订单等于为低级和区域为西南对应的数据以“0”显示。 ![](/uploads/projects/report/202605/18b0d410d76f48da.png) 图2.4.5.2.24 条件属性新值效果 - **图标** 图标是将满足条件的单元格显示成上传的图标，图标限制不能大于20k，因为是放在单元格中，图标太大会影响展示效果，也会影响报表本身的性能。 举例1：针对下图中的报表，在同比值的后面增加上升和下降的图标以突出显示同比数据。 ![](/uploads/projects/report/202605/18b0d410d8609b2e.png) 图2.4.5.2.25 报表 此处需要写2个条件，一个条件上传增长图标，判断同行D列也就是同比值大于0时符合条件。一个条件上传下降图标，判断同行D列同比值小于0时符合条件。 ![](/uploads/projects/report/202605/18b0d410d92e1053.png) 图2.4.5.2.26 条件属性图标配置 ![](/uploads/projects/report/202605/18b0d410da1100c8.png) 图2.4.5.2.27 条件属性图标配置 视图打开报表，在同比值的后面，根据条件将上传的图标显示出来，同比值大于0的显示增长图标，同比值小于0的显示下降图标。 ![](/uploads/projects/report/202605/18b0d410dae8f841.png) 图2.4.5.2.28 条件属性图标效果 以上的列子只列举了最简单的条件属性效果配置，方便理解属性效果，用户可以结合示例实现实际使用过程中更复杂的场景。 举例2：条件配置图标时，可配置“显示数据”和“图标位置” ![](/uploads/projects/report/202605/18b0d410dc6a8010.png) 图2.4.5.2.29 显示数据、图标位置配置 【功能说明】 默认不显示数据，若需要显示数据，勾选即可。如下图，绿色和红色勾选了现实数据，黄色没勾选。 ![](/uploads/projects/report/202605/18b0d410dd45c748.png) 图2.4.5.2.30 显示数据配置效果 图标位置默认时居左显示，可根据需要配置居左、居右、居上、居下。下图配置的是图标居上显示的效果。 ![](/uploads/projects/report/202605/18b0d410de48f747.png) 图2.4.5.2.31 图标位置配置效果 # 2.4.6高级 高级下面主要是配置悬停提示和数据解密，悬停提示是鼠标悬停在单元格上方时提示框显示的内容，数据解密则是默认显示加密的数据，点击解密后通过调用解密接口实现数据解密显示的过程。 ![](/uploads/projects/report/202605/18b0d410df250963.png) 图2.4.6.1 单元格设计高级配置 #### 2.4.6.1悬停提示 悬停提示目前支持单元格悬停配置及按钮在操作区悬停配置 1. 单元格悬停配置：悬停提示可勾选是否启用，默认是启用的。比如按照默认配置，启用悬停提示，悬停内容来自于单元格内容（单元格支持当前单元格、固定单元格及同行单元格），在视图页面打开报表时，鼠标放在“东北”上，会有一个悬浮的框显示“东北”，因为悬停内容来自于单元格，所以悬停提示和当前单元格/固定单元格/同行单元格的内容完全一致。不启用悬停提示则鼠标移到文字上不会显示悬浮框。 ![](/uploads/projects/report/202605/18b0d410e003fbf0.png) 图2.4.6.1.1 悬停提示内容来自于单元格内容 悬停提示也可以配置自定义提示，目前自定义提示是固定的文本内容，需要用户自行输入提示内容，且所有单元格均使用此内容作为提示。比如在悬停提示下选择“自定义提示”，提示内容手动输入“演示自定义悬停提示”。 ![](/uploads/projects/report/202605/18b0d410e0c2a641.png) 图2.4.6.1.2 悬停提示配置自定义提示 视图打开此报表，鼠标放在“区域”上时，悬停提示的内容是“演示自定义悬停提示”。悬停提示是针对每个单元格配置的，在当前配置中，只针对A1单元格的区域做了自定义悬停提示设置，其它单元格仍然使用的默认配置。 ![](/uploads/projects/report/202605/18b0d410e1ca1b6d.png) 图2.4.6.1.3 悬停提示来自于自定义提示 悬停提示内容除了来自于单元格内容和自定义提示，还可以配置来自于字典表。字典表的配置要比前面两种配置复杂一些，下面以一个例子来说明悬停提示配置字典表的用法。 ![](/uploads/projects/report/202605/18b0d410e28aa6f2.png) 图2.4.6.1.4 业务表 ![](/uploads/projects/report/202605/18b0d410e392f88c.png) 图2.4.6.1.5 字典表 上面两个图，业务表只有一个c\_code字段，用于配置云报表，字典表有一个c\_id和c\_name字段，用于通过c\_id和业务表的c\_code做匹配并把c\_name作为悬停提示的内容进行显示。 配置界面需要用户自行选择一个字典表，并配置要作为悬停提示显示的字段，以及通过何种过滤条件将业务表的值和字典表的值关联起来。 ![](/uploads/projects/report/202605/18b0d410e4934777.png) 图2.4.6.1.6 数据字典配置界面 想达到效果需要做如下的配置： ![](/uploads/projects/report/202605/18b0d410e5c24f5d.png) 图2.4.6.1.7 当前单元格配置 1. 在云报表中配置业务表字段用于展示，悬停提示配置字典表； 2. 字典表选择“字典表”，因要把c\_name作为悬停提示的内容显示，因此显示字段需要配置c\_name； 3. 过滤条件是用于关联业务表和字典表的，因此需要通过当前单元格读取业务表的c\_code字段，并通过字典表的c\_id字段做关联； 上面的例子是当前单元格的场景，再举例说明一下同行单元格和固定单元格的用法： 同行单元格适用于关联字段不在当前单元格的场景，比如想对B1单元格的字段做悬停提示修改，通过A1单元格的c\_code字段和字典表的c\_id字段做匹配后读到c\_name的值悬停在B1单元格上，就需要通过同行取值配置。 ![](/uploads/projects/report/202605/18b0d410e7b70d92.png) 图2.4.6.1.8 同行取值配置 固定单元格适用于不读取业务表字段值，直接通过固定值去字典表做配置，并把匹配到的结果作为悬停提示显示； ![](/uploads/projects/report/202605/18b0d410e9b17101.png) 图2.4.6.1.9 固定值配置 视图打开云报表，AAAA的悬停提示显示的是通过c\_code为1001找到的字典表中c\_id也为1001的c\_name的值。 ![](/uploads/projects/report/202605/18b0d410ea8f12cd.png) 图2.4.6.1.10 悬停提示字典表效果 样式设置用于配置悬停提示的样式，用户可自己定义悬停提示内容的背景色、圆角边框、固定宽度、文字颜色、文字大小以及字体。 ![](/uploads/projects/report/202605/18b0d410eb98273a.png) 图2.4.6.1.11 悬停提示样式设置 1. 按钮在操作区悬停配置 【操作步骤】 1. 新建云报表 2. 在云报表A1单元格设置按钮 ![](/uploads/projects/report/202605/18b0d410ec84703c.png) 1. 自定义按钮悬停 ![](/uploads/projects/report/202605/18b0d410ed7c456f.png) 1. 查看预览界面：鼠标放置在按钮区，会出现自定义悬停 ![](/uploads/projects/report/202605/18b0d410ee4ae3d2.png) 【注意事项】 1. 悬停提示若默认显示单元格内容，则无悬停显示 ![](/uploads/projects/report/202605/18b0d410ef33a3a5.png) 1. 样式设置生效 ![](/uploads/projects/report/202605/18b0d410eff710cc.png) ![](/uploads/projects/report/202605/18b0d410f104b22c.png) 1. 不建议多按钮和按钮一起出现在按钮区，因为多按钮在按钮区不显示悬停，风格会不统一。 #### 2.4.6.2解密配置 解密配置用于数据默认加密展示，需要通过解密按钮才能看到解密后数据的情况。在单元格设计高级选项卡下有解密配置，勾选“是否为加密数据”后，展示解密配置入口。 ![](/uploads/projects/report/202605/18b0d410f1e445e1.png) 图2.4.6.2.1 解密配置 点击设置可以打开接口配置界面，配置分为四部分：接口URL、接口公共参数、接口私有参数和数值名称，解密的前提是有对应的解密接口，下面以一个例子来说明如何配置。 { "bizindex": "ecpServiceImpl.decryptdata", "params": \[ \[ { "httpurl": "http://192.168.0.17:8462/testbody", "httpparams": { "bscode": 10000, "params": { "kvparams": \[ { "EXP\_EXTR\_LIST\_ID": "2019051652936425" } \], "tabname": "B\_EXP\_EXTR\_LIST" }, "tokenid": "1590552396113", "uuid": "1590552396113" } } \] \] } 以上是一个解密接口，针对此接口，各项配置如下。 接口URL：配置定义好的URL地址，如：[http://192.168.0.17:8462/testbody。](http://192.168.0.17:8462/testbody；) 接口公共参数：除params之外的部分都属于公共参数，配置时对应填写参数名和参数值即可，如下图中的公共参数和配置。 ![](/uploads/projects/report/202605/18b0d410f2ead006.png) 图2.4.6.2.2 接口公共参数 ![](/uploads/projects/report/202605/18b0d410f413cd96.png) 图2.4.6.2.3 接口公共参数配置 接口私有参数：params中的部分，如下图的示例，有两个私有参数，参数类型可以是固定值、当前单元格和同行取值，固定值是取固定的值，当前单元格是取配置所选中的单元格的值，同行取值取的是当前选中单元格同一行的某列的值。 ![](/uploads/projects/report/202605/18b0d410f4fc723f.png) 图2.4.6.2.4 接口私有参数 ![](/uploads/projects/report/202605/18b0d410f60a0c6d.png) 图2.4.6.2.5 接口私有参数配置 取值名称：配置定义好的取值名称。 最终整体配置如下： ![](/uploads/projects/report/202605/18b0d410f74107fa.png) 图2.4.6.2.6 解密配置 配置好后在工具栏 - 配置 - 模板设置中勾选上解密按钮。 ![](/uploads/projects/report/202605/18b0d410f82ad2c4.png) 图2.4.6.2.7 配置解密按钮 视图打开此云报表时，数据以加密状态显示。 ![](/uploads/projects/report/202605/18b0d410f90f8920.png) 图2.4.6.2.8 数据以加密状态显示 点击解密按钮后，数据被解密。 ![](/uploads/projects/report/202605/18b0d410f9cda1c4.png) 图2.4.6.2.9 数据被解密 # 2.5过滤器配置区 # 概述 在大多数情况下，我们并不需要报表把数据库中所有的数据都呈现出来，而是要根据一些条件来过滤出我们想要的数据，这就是过滤查询。云报表中使用过滤器来实现动态过滤数据，实现用户和数据的实时交互。 ![](/uploads/projects/report/202605/18b0d410fa9a55c6.png) 图2.5.1 通过过滤器实现动态过滤数据 # 2.5.1创建过滤器 从左侧数据源列表字段的下拉菜单选择“加入过滤器”即可生成一个过滤器并添加到过滤器面板中。 ![](/uploads/projects/report/202605/18b0d410fb67057f.png) 图2.5.1.1 添加过滤器 ![](/uploads/projects/report/202605/18b0d410fc61eab3.png) 图2.5.1.2 添加成功的过滤器显示在过滤器面板中 点击ctrl键，选择多个字段后点击鼠标右键后选中批量加入过滤器，操作如图2.5.1.3所示。可完成一次添加多个过滤器效果，如图2.5.1.4所示。 ![](/uploads/projects/report/202605/18b0d410fd851991.png) 图2.5.1.3 批量添加过滤器 ![](/uploads/projects/report/202605/18b0d410fea8fd0f.png) 图2.5.1.4 批量添加成功的过滤器显示在过滤器面板中 【注意事项】 1. 选择字段A、B、C中，B字段已存在过滤器，点击鼠标右键的批量加入过滤器A、C字段过滤器会添加至过滤器区域 2. 选择的字段A、B、C，若A、B、C都存在过滤器，则点击鼠标右键则不显示批量加入过滤器按钮 3. 新建计算字段不支持加入过滤器 4. 切换数据源后，建议过滤器重新添加 5. 只支持普通过滤器进行批量添加 # 2.5.2维度过滤器 不同类型的字段作为过滤器使用时，组件样式和过滤方式都会有一定的区别，维度过滤器是维度列表中除日期类型字段外的过滤器，即字段类型为字符型的过滤器。 #### 2.5.2.1显示标题 标题指的是过滤器左侧的过滤器名称，默认会显示标题，且标题和字段名称一致。 ![](/uploads/projects/report/202605/18b0d410ffa82064.png) 图2.5.2.1.1 显示标题 如果配置不显示标题，则标题为空，直接显示过滤器。 ![](/uploads/projects/report/202605/18b0d4110086481d.png) 图2.5.2.1.2 不显示标题 是否显示标题在所有过滤器中属于通用配置，度量过滤器和日期过滤器用法一致。 #### 2.5.2.2编辑标题 通过编辑标题可以修改过滤器名称、字体和间距等，此操作不会修改原始名称，仅修改显示名称。 ![](/uploads/projects/report/202605/18b0d411017fafbe.png) 图2.5.2.2.1 编辑标题 修改过滤器标题样式可通过双击过滤器名称打开该页面，如图2.5.2.2.2所示。也可以通过单机右侧菜单编辑标题实现，如图2.5.2.2.3所示。 ![](/uploads/projects/report/202605/18b0d4110241a5dd.png) 图2.5.2.2.2 双击过滤器标题打开编辑过滤器标题弹框 ![](/uploads/projects/report/202605/18b0d4110364235f.png) 图2.5.2.2.2 单击编辑标题打开编辑过滤器标题弹框 #### 2.5.2.3选项配置 选项配置用于配置过滤器的选项，针对不同类型的过滤器，选项配置的内容会有一定区别。 ##### （1）输入框 输入框类型的选项配置有字典表和自定义两个选项卡，输入框类型过滤器因为是在输入框中输入值进行查询，配置的选项主要是作为输入部分内容后的提示。 ![](/uploads/projects/report/202605/18b0d4110427be11.png) 图2.5.2.3.1 输入框选项效果 字典表配置包括排序、数据来源、字段、选项值是否支持多选、多个选项全部被模糊匹配和输入框提配置项。 ![](/uploads/projects/report/202605/18b0d4110534f748.png) 图2.5.2.3.2 输入框过滤器配置字典表 排序选择默认是不做排序，以数据库返回的数据顺序为准，升序和降序分别是按照数据库的升序和降序做排序，不去重适用于字典表中当前字段已经处理好了顺序，不需要再做任何排序，直接返回数据库内容的情况。按字段是根据某个字段进行排序。自定义则是由用户自行输入前N项的值来决定前N项的顺序，不在自定义范围的选项值则按照默认排序。 ![](/uploads/projects/report/202605/18b0d411060859cf.png) 图2.5.2.3.3 自定义排序 数据来源是从资源树上选择一个字典表，字段从当前字典表中选择选项的来源字段。 选项值是否支持多选决定了输入框是仅能对单个值进行查询还是可以对多个值进行查询。勾选了选项值支持多选后，可以从下拉列表中把查询出来的选项全部勾上进行查询。也可勾选多个选项全部模糊匹配即勾选的选项可全部进行模糊查询。 ![](/uploads/projects/report/202605/18b0d41106bb169d.png) 图2.5.2.3.4 输入框查询 ![](/uploads/projects/report/202605/18b0d4110778b914.png) 图2.5.2.3.5 选项值多选 设置字典表，勾选多个选项全部模糊匹配后，点击确认。配置页面如图 2.5.2.3.6 所示。 ![](/uploads/projects/report/202605/18b0d41108980c4b.png) 图2.5.2.3.6 多个选项全部模糊匹配 模糊匹配效果如图2.5.2.3.7 所示，输入‘东，西’后会自动匹配包含‘东’或‘西’的数据或‘东，西’数据。 ![](/uploads/projects/report/202605/18b0d4110aa20701.png) 图2.5.2.3.7 多个选项全部模糊匹配结果图 输入框提示则是在查询之前显示在输入框中的一段提示文字，仅有提示作用，鼠标选中输入框后可以正常输入值。 ![](/uploads/projects/report/202605/18b0d4110b5a0de7.png) 图2.5.2.3.8 输入框提示 自定义选项卡可以自定义选项列表，可通过导入选项的方式从本地Excel中将选项导入到选项列表中，也可以自行新增值，并选中改值通过上移、下移、移至开头、移至结尾等功能对顺序进行调整。 ![](/uploads/projects/report/202605/18b0d4110c16cd86.png) 图2.5.2.3.9 自定义选项 ##### （2）单值下拉 单值下拉过滤器有自动、字典表、自定义3个选项卡。 ![](/uploads/projects/report/202605/18b0d4110cd92ea5.png) 图2.5.2.3.8 单值下拉过滤器选项配置 选项类型为自动意为自动从当前字段中获取选项值，比如产品包箱过滤器，会取不重复的产品包箱值作为过滤器的选项。 单值下拉过滤器会自动带一个“全部”选项，用于查询当前字段的所有值，如果选择不需要“全部”选项，则下拉列表不显示“全部”，仅有具体的选项值。全部选项默认“全部”，可自行更改别名。 ![](/uploads/projects/report/202605/18b0d4110db48ec9.png) 图2.5.2.3.9 单值下拉过滤器“全部”选项 ![](/uploads/projects/report/202605/18b0d4110e76d147.png) 图2.5.2.3.10 “全部”选项更改别名 单值下拉过滤器配置字典表时，需配置排序方式、数据来源和字段，用法同输入框过滤器。 ![](/uploads/projects/report/202605/18b0d41112dbf403.png) 图2.5.2.3.11 单值下拉过滤器配置字典表 单值下拉过滤器配置自定义时，会默认将当前字段的选项添加在选项列表中，用户可基于此对选项进行调整。 ![](/uploads/projects/report/202605/18b0d41114fb02cc.png) 图2.5.2.3.12 单值下拉过滤器配置自定义选项 “是否获取新增类别”则是用于数据会实时增加的情况，自定义列表固定了当前已有的选项及顺序，新增类别（表中有而选项列表中没有的选项）则是作为一个整体参与到已有选项的排序。新增类别内部也可以进行升序、降序和自定义排序。 ![](/uploads/projects/report/202605/18b0d41115e7da38.png) 图2.5.2.3.13 新增类别排序 下拉单选/多选，树形单选/多选添加“全部”选项别名：设置全部选项别名后，将在选择全部后，回显别名名称。 ![](/uploads/projects/report/202605/18b0d41116dd2dc5.png) 图2.5.2.3.13 全部选项别名 下拉单选勾选全部后效果如图2.5.2.3.14所示。 ![](/uploads/projects/report/202605/18b0d41117ba16b8.png) 图2.5.2.3.14 全部选项别名预览图 ##### （3）多值下拉 多值下拉和单值下拉一样有自动、字典表、自定义三个选项类型，全部选项可配置复选图标及选项个数，选项类型、排序和全部选项别名配置使用方法可参考单值下拉。 ![](/uploads/projects/report/202605/18b0d41118ba36ed.png) 图2.5.2.3.13 多值下拉选项配置 多选时，仅显示选项个数：多选时，回显格式为第一个值+个数。且在组件样式中，添加显示多选格式提示框，可设置选项个数的样式。在组件样式中设置如图2.5.2.3.14所示。 ![](/uploads/projects/report/202605/18b0d41119d28c45.png) 图2.5.2.3.14 仅显示选项个数设置 显示效果如下图所示2.5.2.3.15仅显示选项个数样式。 ![](/uploads/projects/report/202605/18b0d4111aa7ffd6.png) 图2.5.2.3.15 仅显示选项个数样式 多选时，复选图标居右：复选框去掉，选中时在右侧回显对钩样式。显示如下图2.5.2.3.16所示。 ![](/uploads/projects/report/202605/18b0d4111b6b92f9.png) 图2.5.2.3.16 复选图标居右样式 ##### （4）单值（树形） 树形过滤器因为其树形结构，需要在选项配置中配置下级字段，故树形过滤器的选项类型没有自定义，只有自动和字典表。 ![](/uploads/projects/report/202605/18b0d4111c3317b8.png) 图2.5.2.3.17 单值（树形）选项配置 单值（树形）过滤器选项类型为自动时，下级字段选型也来源于当前字段所在表，默认使用当前字段作为第一级，配置的下级字段作为下级，下级字段可配置多个。 是否需要“全部”选项用法同单值下拉过滤器，配置在使用过滤器时选项中是否有“全部”。 “全部”选项别名用法同单值下拉过滤器。 配置字典表时，需要选择数据来源和第一级字段，下级字段来自于字典表内的其它字段，支持配置多个。 ![](/uploads/projects/report/202605/18b0d4111d1ed1e9.png) 图2.5.2.3.18 单值（树形）选项配置字典表 ##### （5）多值（树形） 多值（树形）选项配置和单值（树形）一致，只是没有“是否需要‘全部’选项”这一配置，且添加了多选时，复选图标居右，功能同多值下拉。 ![](/uploads/projects/report/202605/18b0d4111de25a6b.png) 图2.5.2.3.19 多值（树形）过滤器选项配置 ##### （6）日期范围 日期范围过滤器添加选项配置，选项配置中添加启用双日历选择日期勾选框。 ![](/uploads/projects/report/202605/18b0d411248a4067.png) 图2.5.2.3.20 日期范围过滤器选项配置 效果如下图所示： ![](/uploads/projects/report/202605/18b0d4112b6d2758.png) 图2.5.2.3.21 日期范围显示效果 【注意事项】 1. 日期过滤器如勾选了启用双日历选择日期，则组件不支持只修改后面一个日期 2. “全部”选项别名只适用于单选下拉、多选下拉、单选树形、多选树形过滤器 3. 多选时，仅显示选项个数功能只适用于下拉多选 #### 2.5.2.4设置默认值 可以设置报表在视图界面首次打开时过滤器以什么值对数据进行过滤，输入框字段过滤器默认值有全部、自定义和无三种方式可以配置。下拉和树形过滤器存在全部和自定义两种方式可以配置。 ![](/uploads/projects/report/202605/18b0d4112d2e3924.png) 图2.5.2.4.1 输入框过滤器默认值 ![](/uploads/projects/report/202605/18b0d4112e39932e.png) 图2.5.2.4.2 下拉和树形过滤器默认值 全部即打开的时候不做任何筛选，把所有数据全部查出来，选择全部后不需要配置任何内容。输入框、单值下拉、多值下拉、单值树形和多值树形均有此选项，且除了输入框过滤器外，其它四种类型默认均是使用全部进行查询。 ![](/uploads/projects/report/202605/18b0d4112f30aaf4.png) 图2.5.2.4.3 默认值设置全部 自定义可以自行选择过滤器默认查询的值，输入框、单值下拉、多值下拉、单值树形和多值树形均有此选项，且根据过滤器类型的不同，自定义的方式也有所区别。输入框过滤器自定义是一个输入框，由用户手动输入值作为默认查询的内容；单值下拉则是通过下拉列表的方式，用户仅能选择一个值作为默认查询的内容；多值下拉以下拉列表前面加复选框的方式，用户可以勾选多个值作为默认查询内容；单值树形以树的方式展示选项，用户仅能选择一个值且是最末尾层级的值作为默认查询内容；多值树形以树的方式展示选项，用户可以勾选多个值作为默认查询内容。 ![](/uploads/projects/report/202605/18b0d411300eabba.png) 图2.5.2.4.4 输入框设置自定义 ![](/uploads/projects/report/202605/18b0d41130d7dcdf.png) 图2.5.2.4.5 单选下拉设置自定义 ![](/uploads/projects/report/202605/18b0d41131b9ce7e.png) 图2.5.2.4.6 多选下拉设置自定义 ![](/uploads/projects/report/202605/18b0d411327bbed3.png) 图2.5.2.4.7 单选树形设置自定义 ![](/uploads/projects/report/202605/18b0d411335bc50b.png) 图2.5.2.4.8 多选树形设置自定义 无仅在输入框过滤器的默认值配置界面存在，即默认不查询任何内容，返回空，且输入框过滤器的初始默认值就为无。 ![](/uploads/projects/report/202605/18b0d411340fd79a.png) 图2.5.2.4.9 默认值设置无 #### **2.5.2.5批量导入条件** 批量导入条件适用于：输入框过滤器、单值下拉和多值下拉过滤器。勾选上批量导入条件后，如图2.5.2.5.1所示，预览和视图界面过滤器会显示导入按钮，如图2.5.2.5.2所示。 ![](/uploads/projects/report/202605/18b0d41134e6c190.png) 图2.5.2.5.1 勾选上批量导入条件 ![](/uploads/projects/report/202605/18b0d41135bd7912.png) 图2.5.2.5.2 批量导入条件效果图 点击导入按钮，将数据导入输入框中。导入excel数据如图2.5.2.5.3所示，导入的效果如图2.5.2.5.4所示。 ![](/uploads/projects/report/202605/18b0d411367eae1b.png) 图2.5.2.5.3 批量导入数据截图 ![](/uploads/projects/report/202605/18b0d411377494dd.png) 图2.5.2.5.4 批量导入数据效果图 #### 2.5.2.6单值下拉 单值下拉过滤器组件为下拉框样式，每次仅可以选择一个值，过滤器会使用选择的这个值对目标数据进行精确匹配。选择全部则不执行任何过滤，是否支持选择全部可以通过选项配置中通过配置项决定。 ![](/uploads/projects/report/202605/18b0d411384b89a1.png) 图2.5.2.6.1 单值下拉过滤器 单值下拉过滤器选择某具体值后的查询效果： ![](/uploads/projects/report/202605/18b0d411393bf598.png) 图2.5.2.6.2 单值下拉过滤器选择具体值 #### 2.5.2.7多值下拉 多值下拉过滤器和单值下拉很相似，只是所用组件不同，多值下拉支持通过复选框一次性选择多个值，单值下拉每次仅可以选择一个值。 多值下拉框没有是否支持选择“全部”的配置，默认支持。 ![](/uploads/projects/report/202605/18b0d4113a1c97ef.png) 图2.5.2.7.1 多值下拉框过滤器 #### 2.5.2.8输入框 输入框过滤器是一种较为特殊的过滤器，默认就是一个输入框，不查询任何值，所以查询结果也是空。 ![](/uploads/projects/report/202605/18b0d4113b4030f6.png) 图2.5.2.8.1 输入框过滤器 输入框适用于过滤器选项特别多，因为计算选项要耗费大量性能的情况。默认是空，不做任何查询，在输入具体值的时候才输入的值做精确匹配。 输入框过滤器也可以在选项配置中配置支持多值查询，根据输入的部分内容在选项中做查找，联想出能匹配上的选项，再通过复选框勾选多个值。 ![](/uploads/projects/report/202605/18b0d4113c0f22de.png) 图2.5.2.8.2 输入框多值查询 #### 2.5.2.9单值（树形） 树形过滤器是选项以树的结构展示，单值树形过滤器仅能选择最底层的值进行查询，也每次仅能选择一个值。 树形过滤器的第一级字段是当前显示过滤器的字段，下面几级内容需要在选项配置中进行配置。 ![](/uploads/projects/report/202605/18b0d4113d0729e2.png) 图2.5.2.9.1 单值（树形）过滤器 #### 2.5.2.10多值（树形） 多值树形过滤器树结构和单值树形一致，但每个选项前面有一个复选框，多值树形可以选择任意一级的值进行勾选。 比如，选择勾选“东北”，查询的时候只匹配区域等于东北的数据，不管省份和城市，因为勾选上级，下级默认是全选。勾选“黑龙江”，则是查询区域等于东北且省份等于黑龙江的数据，查询条件中不带城市。 ![](/uploads/projects/report/202605/18b0d4113de510ca.png) 图2.5.2.10.1 多值（树形）过滤器 #### 2.5.2.11设置样式 设置组件样式可以修改过滤器的边框颜色、文字颜色、边框高宽、文字大小等内容。 ![](/uploads/projects/report/202605/18b0d4113f3efe9d.png) 图2.5.2.11.1 过滤器设置组件样式 过滤器有默认样式，即没有选择值的情况的颜色配置，激活样式指的是选中某具体值后的边框颜色、背景颜色等。 过滤器选项的文字可以修改默认颜色和激活颜色，但字体大小只能从默认修改，激活后的文字大小和默认的文字大小一致，不允许修改。 显示多选个数提示框设置适用于过滤器选择多选下拉后，勾选上多选时，仅显示选项个数勾选框进行使用。具体效果可参照（3）多值下拉。 #### **2.5.2.12收藏样式** 设置过滤器样式（组件样式+过滤器标题样式），再点击过滤器下拉--收藏样式。 ![](/uploads/projects/report/202605/18b0d411400f5925.png) 图2.5.2.12.1 过滤器收藏样式 收藏过滤器页面如下图：（按要求填写，点击确认）。 ![](/uploads/projects/report/202605/18b0d411411a9a2c.png) 图2.5.2.12.2 收藏过滤器样式 - 样式名称：全租户内收藏样式的时候名称不能重复。（只针对与当前类型 进行校验）  - 谁可以看：私有（只有自己可以看）、公开（都有权限看）、部分可见（只 有创建人和设置的部分人可见） #### 2.5.2.13隐藏过滤器 隐藏过滤器后过滤器不显示，但是其效果会依然存在。比如通过设置默认值给过滤器产品包箱设置默认查询小型箱子并隐藏过滤器，视图查看的时候，过滤器未显示，但过滤效果存在，数据只会显示小型箱子相关的数据。 ![](/uploads/projects/report/202605/18b0d4114259e4a9.png) 图2.5.2.13.1 隐藏过滤器 ![](/uploads/projects/report/202605/18b0d41143349dc4.png) 图2.5.2.13.2 隐藏过滤器效果 #### 2.5.2.14移除过滤器 移除过滤器可以将过滤器从配置界面移除，用于取消过滤器配置。 【注意事项】 1. “全部”选项别名只适用于单选下拉、多选下拉、单选树形、多选树形过滤器 2. 多选时，仅显示选项个数功能只适用于下拉多选 # 2.5.3度量过滤器 度量过滤器是度量列表中的字段用作过滤器，通过数值范围对数据进行查询。过滤是对原始数据做的，即先对数据进行过滤，再展示过滤结果，下面两张图分别是销售额在100-200范围内区域以列表显示和区域以分组显示的数据。列表可以很明显看出来每一条数据的销售额都是在100-200范围内的，分组的情况下会对数据再做一次汇总。 ![](/uploads/projects/report/202605/18b0d411440f4366.png) 图2.5.3.1 列表展示情况下度量过滤器做筛选 ![](/uploads/projects/report/202605/18b0d41144f311b0.png) 图2.5.3.2 分组展示情况下度量过滤器做筛选 度量过滤器下拉列表菜单支持配置显示标题、编辑标题、设置样式、隐藏过滤器、设置默认值、移除过滤器几项，用法和维度过滤器一致。 ![](/uploads/projects/report/202605/18b0d41145d6cf58.png) 图2.5.3.3 度量过滤器操作菜单 # 2.5.4日期过滤器 日期类型、日期时间类型和时间类型的字段显示的过滤器均属于日期过滤器，这三种类型的字段显示时会显示在维度列表中，但因为过滤器的用法和其它两种有区别，因此单独作为一种类型处理。 #### 2.5.4.1日期型 日期型过滤器是根据日期对数据进行筛选，筛选可以是日期范围的筛选，也可以是单日期的筛选。单日期筛选使用完全匹配的方式，日期范围筛选的是介于所选择日期范围内的数据。 ![](/uploads/projects/report/202605/18b0d41146a1edff.png) 图2.5.4.1.1 日期范围筛选 ![](/uploads/projects/report/202605/18b0d41147678d10.png) 图2.5.4.1.2 单日期筛选 日期过滤器下拉菜单有日期型过滤器可支持的操作，其中显示标题、编辑标题、设置样式、隐藏过滤器、移除过滤器和维度过滤器以及度量过滤器的用法一致，此处不再单独说明。 ![](/uploads/projects/report/202605/18b0d4114837402a.png) 图2.5.4.1.3 日期过滤器下拉菜单 日期过滤器中有支持修改日期过滤器的查询方式，有单日期和日期范围以供选择。添加过滤器后默认选中的是日期范围，如果用户需要使用单日期做查询，可手动修改成单日期，二者必须选择一个且只能选择一个。 ![](/uploads/projects/report/202605/18b0d41148f77b55.png) 图2.5.4.1.4 日期过滤器查询方式支持单日期和日期范围 日期范围过滤器选项配置，选项配置中启用双日历选择日期勾选框 ![](/uploads/projects/report/202605/18b0d41149eb7b35.png) 图2.5.4.1.5 效果如下图所示： ![](/uploads/projects/report/202605/18b0d4114af29771.png) 图2.5.4.1.6 日期过滤器设置默认值时有全部和自定义两个选项，全部即不做过滤，查询全部数据，自定义下可选择固定日期和函数两种方式。 固定日期是通过日期控件选择一个固定值作为视图打开时初始的过滤条件，如果日期过滤器是单值的，此处仅需要选择一个固定日期即可，如果日期过滤器是范围的，此处需要选择起始值和结束值两个值。 ![](/uploads/projects/report/202605/18b0d4114bafe930.png) 图2.5.4.1.7 日期过滤器使用固定日期作为默认值 函数支持通过函数动态设置视图打开时初始的过滤条件，函数dateDev(NOW, 0,"day")默认取到的是当前的日期，比如要查询昨天到今天的数据，只需要将左侧起始值中的第二个数字参数改为“-1”即可。 ![](/uploads/projects/report/202605/18b0d4114c8ad5d3.png) 图2.5.4.1.8 日期过滤器使用函数作为默认值 日期过滤器有日期粒度以供选择，默认是按照年月日的粒度，可以根据实际数据对过滤器的粒度进行修改，支持年、年月、年月日3种粒度。 ![](/uploads/projects/report/202605/18b0d4114d6aac67.png) 图2.5.4.1.9 日期过滤器粒度选择 #### 2.5.4.2日期时间型 日期时间型和日期型过滤器类似，但日期过滤器是“xxxx年xx月xx日”的格式，而日期时间型则是“xxxx年xx月xx日 xx时xx分xx秒”的格式。视图界面日期时间型过滤器提供的查询控件支持选择到时分秒的部分，日期时间型过滤器则只支持选择到年月日。 ![](/uploads/projects/report/202605/18b0d4114e8b86d2.png) 图2.5.4.2.1 日期时间型过滤器 日期时间型过滤器下拉操作菜单和日期型类似，用法也一致，仅粒度中多了“年月日时分秒”，且日期时间型过滤器默认粒度为“年月日时分秒”。 ![](/uploads/projects/report/202605/18b0d4114f8cf010.png) 图2.5.4.2.2 日期时间型过滤器操作菜单 日期时间型过滤器粒度为年月日时分秒时，通过函数设置默认值，函数默认的偏移单位是“小时”。 ![](/uploads/projects/report/202605/18b0d411506b7140.png) 图2.5.4.2.3 日期时间型过滤器默认值通过函数设置 #### 2.5.4.3时间型 时间型过滤器通过时间范围对数据进行筛选，可以通过控件选择具体的时分秒数据。 ![](/uploads/projects/report/202605/18b0d4115184b3f9.png) 图2.5.4.3.1 时间型过滤器 时间型过滤器下拉菜单操作在日期型和日期时间型过滤器中都有，时间型过滤器没有粒度选择，默认就是时分秒。 ![](/uploads/projects/report/202605/18b0d411524bbfe5.png) 图2.5.4.3.2 时间型过滤器下拉菜单 【注意事项】 1. 日期过滤器如勾选了启用双日历选择日期，则组件不支持只修改后面一个日期 # 2.6操作区 # 概述 顶部操作区分为过滤器操作区和按钮操作区两个部分：上方是过滤器配置区，下方是按钮配置区。 ![](/uploads/projects/report/202605/18b0d411536da2a9.png) 图2.6.1 操作区分布效果 # 2.6.1过滤器排版配置 过滤器默认按照添加顺序排列显示，也可以通过排版配置自行定义。 ![](/uploads/projects/report/202605/18b0d411542bef63.png) 图2.6.1.1 过滤器默认显示 在过滤器显示区点击右键，可以打开配置菜单，菜单中有开启排版配置、批量设置样式和设置查询样式及显示重置按钮4个选项。 ![](/uploads/projects/report/202605/18b0d411552d04b9.png) 图2.6.1.2 过滤器显示区右键菜单 - 开启排版配置 点击开启排版配置即可打开配置界面，开启排版配置后鼠标变成十字箭头形状，鼠标放在过滤器上会显示阴影，点击可对其进行拖动，支持拖动到任意位置。 ![](/uploads/projects/report/202605/18b0d41155eec165.png) 图2.6.1.3 选中过滤器 也可以点击Ctrl键同时选中多个过滤器进行批量配置。 ![](/uploads/projects/report/202605/18b0d41156e0e13c.png) 图2.6.1.4 选中多个过滤器进行批量设置 - 批量设置样式 勾选批量设置样式后选中2个以上过滤器会出现配置按钮。 ![](/uploads/projects/report/202605/18b0d411579f5b08.png) 图2.6.1.5 批量设置样式 点击设置按钮，会出现菜单项，可批量设置过滤器样式和过滤器标题样式。如图2.6.1.6所示。 ![](/uploads/projects/report/202605/18b0d4115883fcbe.png) 图2.6.1.6 批量设置样式下拉菜单 - 批量设置过滤器样式 点击配置按钮，选择过滤器样式，弹出设置组件样式界面，如图2.6.1.7所示。在此界面可以对过滤器组件进行颜色、透明度、阴影等配置，如图2.6.1.8所示。 ![](/uploads/projects/report/202605/18b0d411593bff3a.png) 图2.6.1.7 批量设置样式--过滤器样式 ![](/uploads/projects/report/202605/18b0d4115a4c56ff.png) 图2.6.1.8 批量设置组件样式 - 批量设置过滤器标题样式 点击配置按钮，选择过滤器标题样式，弹出编辑过滤器标题界面，如图2.6.1.9所示。在此界面可以对过滤器标题进行字体、颜色、大小、字间距等配置，如图2.6.1.10所示，批量设置样式效果如图2.6.1.11所示。 ![](/uploads/projects/report/202605/18b0d4115b0948b9.png) 图2.6.1.9 批量设置样式--过滤器标题样式 ![](/uploads/projects/report/202605/18b0d4115c0ab9a5.png) 图2.6.1.10 编辑过滤器标题 ![](/uploads/projects/report/202605/18b0d4115d0ea252.png) 图2.6.1.11 批量设置过滤器标题样式效果图 - 设置查询样式 此配置控制的是查询按钮的样式配置，开启后可打开配置界面，支持设置查询按钮的颜色、高宽以及字体大小等内容。 ![](/uploads/projects/report/202605/18b0d4115dd27d77.png) 图2.6.1.12 设置查询按钮样式 - 显示重置按钮 ![](/uploads/projects/report/202605/18b0d4115fa2bb71.png) 图2.6.1.13 显示重置按钮 **【使用说明】** 重置按钮默认不显示，需要配置后才会显示，显示效果如下： ![](/uploads/projects/report/202605/18b0d411612b3a8f.png) 图2.6.1.14 配置重置按钮 显示重置按钮的状态下，可以配置隐藏或设置重置按钮样式。 ![](/uploads/projects/report/202605/18b0d411622945b5.png) 报表视图节目修改过滤器选中值后可以通过点击重置按钮恢复到初始打开到状态，效果同仪表板的重置按钮。 # 2.6.2按钮排版设置 在按钮配置区点击鼠标右键，可以打开配置菜单，菜单中有新增按钮、开启 排版配置、批量设置样式和按钮区设置4个选项。 ![](/uploads/projects/report/202605/18b0d41163146692.png) 图2.6.2.1 按钮排版右键菜单 - 新增按钮：操作区新增按钮入口 - 开启排版配置：点击开启排版配置后鼠标变成十字箭头形状，鼠标放在按钮 上会显示阴影，按住鼠标不放可对其进行拖动，支持拖动到任意位置。 ![](/uploads/projects/report/202605/18b0d41163d0cb97.png) 图2.6.2.2开启排版设置 - 也可以通过 Ctrl 键同时选中多个按钮进行批量配置 ![](/uploads/projects/report/202605/18b0d411651e8cd4.png) 图2.6.2.3批量设置位置 - 批量设置样式：勾选后选中两个以上按钮，右侧会显示设置按钮。 ![](/uploads/projects/report/202605/18b0d4116605bc30.png) 图2.6.2.4批量设置样式 - 点击配置按钮弹出设置按钮样式界面，支持对按钮进行字体、宽度、高度等 设置。 ![](/uploads/projects/report/202605/18b0d41166fa9cba.png) 图2.6.2.5按钮样式设置 - 按钮区配置：设置按钮的间距以及按钮的位置，区域置底即按钮显示在页面 最底部。 ![](/uploads/projects/report/202605/18b0d41167d8e13b.png) 图2.6.2.5按钮区设置 - 点击单个按钮的下拉框，可对当前按钮进行编辑、样式设置和移除按钮操作。 ![](/uploads/projects/report/202605/18b0d411688e7e68.png) 图2.6.2.5按钮下拉框 下文将详细说明使用方法及步骤： 1. 添加按钮前需要先展开操作区； ![](/uploads/projects/report/202605/18b0d41169b27087.png) 图2.6.2.6展开操作区 1. 选中按钮操作区，点击鼠标右键新增按钮 ![](/uploads/projects/report/202605/18b0d4116adaf06f.png) 图2.6.2.7新增按钮 1. 新增按钮页面和控件多按钮页面一致，可参考多按钮的使用。 ![](/uploads/projects/report/202605/18b0d4116bf7e4c3.png) 图2.6.2.8新增按钮02 1. 按钮新增成功后显示 ![](/uploads/projects/report/202605/18b0d4116d1baf23.png) 图2.6.2.9新增按钮成功 1. 若添加多个按钮后，尝试设置按钮样式，并设置按钮间隔和区域置底。 ![](/uploads/projects/report/202605/18b0d411740e7034.png) 图2.6.2.10设置按钮和间隔 1. 最终展示效果如下 ![](/uploads/projects/report/202605/18b0d4117d888c56.png) 图2.6.2.11效果展示 1. 除了以上的方式，还有一种方式，即先在单元格中配置好报表， 再勾选“在操作区显示”的方式 ![](/uploads/projects/report/202605/18b0d411879c15a9.png) 图2.6.2.12勾选在操作区显示 1. 通过这种方式添加的按钮，前面会有链接的图标。 ![](/uploads/projects/report/202605/18b0d4118ef0816d.png) 图2.6.2.13勾选在操作区显示后显示单元格 【注意事项】 1. 独立显示的提交按钮回写配置中提交条件只支持固定单元格； ![](/uploads/projects/report/202605/18b0d411989bd473.png) 图2.6.2.14提交条件只显示固定单元格 1. 独立显示的按钮中数据权限也只支持固定单元格 ![](/uploads/projects/report/202605/18b0d411a73429af.png) 图2.6.2.15数据权限条件只显示固定单元格 1. 若使用了控件 - 多按钮且设置了按钮间距，同时将此多按钮在操作区显 示，最终以操作区按钮间距生效。 ![](/uploads/projects/report/202605/18b0d411b135a61e.png) 图2.6.2.16同时设置多按钮间隔和按钮区间隔 ![](/uploads/projects/report/202605/18b0d411bc4fe345.png) 图2.6.2.17预览页面生效的为按钮间隔 1. 添加行、删除行按钮在操作区使用时，添加行在第一行下方进行添加， 删除也是删除第一行数据。 ![](/uploads/projects/report/202605/18b0d411c4ae2303.png) 图2.6.2.18按钮中添加行和删除行勾选在操作区显示 ![](/uploads/projects/report/202605/18b0d411c9bea726.png) 图2.6.2.19显示效果 # 2.7行列配置 # 概述 选中内容区的行和列右键可以对行列进行操作。 选中行右键可以对行进行插入删除操作，也可以设置行高，设置重复行，隐藏以及取消隐藏。 ![](/uploads/projects/report/202605/18b0d411d023aab1.png) 图2.6.1 行右键操作 选中行配置可以在视图页面配置行的选中效果，包括背景颜色、字体颜色和生效的列范围。 ![](/uploads/projects/report/202605/18b0d411d8998d70.png) 图2.6.2 行选中配置 ![](/uploads/projects/report/202605/18b0d411e1b1bbb3.png) 图2.6.3 行选中效果 选中列右键可以配置插入删除列、设置列宽、隐藏以及取消隐藏。 ![](/uploads/projects/report/202605/18b0d411e9667d9b.png) 图2.6.4 列右键菜单 添加行列，最多只支持添加20行/列，如下图所示。建议在设置表格重复|冻结功能前进行添加行/列操作。 ![](/uploads/projects/report/202605/18b0d411eae1b27e.png) 图2.6.5 行列限制 # 2.8工作表搜索和替换 # 概述 在云报表编辑页面工作表区域点击ctrl+F键，出现搜索框，如图2.7.1所示 ![](/uploads/projects/report/202605/18b0d411ed823f11.png) 图2.7.1 查找搜索框 下文将以具体实例介绍该功能。操作目的：将编辑界面所有利润替换成盈利额。 首先需要打开已存在的云报表资源，如图2.7.2所示。 ![](/uploads/projects/report/202605/18b0d411f253757f.png) 图2.7.2 打开目标云报表资源 在云报表编辑页面工作表区域点击ctrl+F键，出现搜索框。输入内容为：查找内容：利润，替换为：盈利额，点击查找全部按钮。页面显示单元格/值的表格，如图2.7.3所示。 ![](/uploads/projects/report/202605/18b0d411f4890fec.png) 图2.7.3 查找界面显示内容 字段解析： - 全部替换：可替换编辑界面文本和富文本内容 - 替换：若无选中单元格，则默认从搜索出的表格第一行进行替换，若选中表格行，则从选中行开始替换。若当前格子没有可替换的值，则往下寻找。找到可替换的值就进行替换，以当前选中格子为起点一次向下寻找。 - 查找全部：以表格形式显示所有匹配的值 - 查找上一个、查找下一个：在表格区域进行上下行选择 - 关闭：关闭弹框 若要指定数据进行替换，则只需在表格中选中预期行后，点击替换按钮进行替换即可。操作步骤如图2.7.4所示。 ![](/uploads/projects/report/202605/18b0d411f57cd3fa.png) 图2.7.4 指定格子进行替换 若要全部数据进行替换，则只需点击全部替换即可，如图2.7.5所示。 ![](/uploads/projects/report/202605/18b0d411f6469744.png) 图2.7.5 全部替换 【注意事项】 1. 只有文本和富文本可做替换 2. 建议存在富文本中若插入单元格或者过滤器不使用替换功能，因为识别后也会做替换。 3. 搜索和替换只支持当前工作表数据进行替换和搜索 # 3.填报报表 # 概述 填报是将数据写入数据库，包括数据的增加、修改和删除操作。制作一张填报报表包含以下几个步骤：1）设计报表样式；2）配置填报控件；3）配置回写规则；4）配置功能按钮；5）填报展示。 比如下面这张《公司春节假期返乡情况统计表》，就是按照以上5个步骤制作出来的。 ![](/uploads/projects/report/202605/18b0d411f6fe84b4.png) 图3.1 公司春节假期返乡情况统计表 # 3.1设计报表样式 # 概述 制作一张填报报表之前，我们需要了解这张报表的作用，要收集哪些信息，这些信息会以怎样的方式去收集，是否要对用户的填写做一定的限制等等。 确认好这些信息后，就可以着手把报表的样式先设计出来，《公司春节假期返乡情况统计表》在这一步需要做的就是：设计好标题、表头，标题表头是否需要配置颜色、是否需要加粗等等。 目前的内容不涉及到填报，操作方式和制作普通报表一样。 ![](/uploads/projects/report/202605/18b0d411f7b60a6a.png) 图3.1.1 设计报表样式 ![](/uploads/projects/report/202605/18b0d411f87b1b7b.png) 图3.2.2 报表样式视图效果 # 3.2配置填报控件 # 概述 普通报表仅做展示，不支持写入数据，要想把页面变成可修改的状态，需要给对应的单元格配置填报控件，填报控件是录入数据的载体，目前共有16种类型的控件。 | **控件名称** | **应用场景** | | --- | --- | | 文本 | 录入文本 | | 文本域 | 录入多行文本 | | 数字 | 录入数字 | | 单选框 | 每个按钮对应一个数据选项，只能选择并录入单个数据 | | 复选框 | 每个按钮对应一个数据选项，可以选择并录入多个数据 | | 下拉单选 | 下拉出现多个数据选项，只能选择并录入单个数据 | | 下拉复选 | 下拉出现多个数据选项，可以勾选并录入多个数据 | | 树形单选 | 以树形结构出现多个数据选项，只能选择并录入单个数据 | | 树形复选 | 以树形结构出现多个数据选项，可以勾选并录入多个数据 | | 日期 | 选择并录入日期 | | 按钮 | 通过不同类型按钮实现各类操作 | | 多按钮 | 在一个控件中配置多个按钮 | | 文件 | 上传文件 | | 分页 | 在指定位置显示分页 | | 工具栏 | 配置工具栏工作表设置中的按钮 | | 图片 | 上传图片 | # 3.2.1文本控件 填报报表中可以通过文本控件录入文本信息，比如《公司春节假期返乡情况统计表》中的姓名、工作地点、是否返乡、返乡地点、交通方式、备注这些都属于文本，可以通过文本控件进行录入。 ![](/uploads/projects/report/202605/18b0d411f9483521.png) 图3.2.1.1 文本控件 给姓名对应的单元格配置文本控件，控件有一些相关属性可以选择进行配置。分为基本、权限、高级和校验四个部分介绍。 1. 基本：控件名称、默认值、提示语和可用状态。 ![](/uploads/projects/report/202605/18b0d411fa074cb3.png) 图3.2.1.2 文本控件-基本 - 控件名称：可以给当前控件自定义一个名称，便于对控件进行区分。 - 默认值：打开报表时控件以配置的默认值显示。 - 提示语：文本输入框用于提示的内容。 - 可用：默认是勾选状态，即控件可用；如果不勾选，填报时控件默认置灰，不可编辑，且不显示权限配置。 ![](/uploads/projects/report/202605/18b0d411fabd5cd4.png) 图3.2.1.3 控件不可用效果 1. 权限：所有人可操作、选择即可操作、选择即不可操作、用户权限、数据权限、实时校验。 ![](/uploads/projects/report/202605/18b0d411fb7ad476.png) 图3.2.1.4 文本控件-权限 - 所有人可操作：勾选所有人可操作后，该控件不存在在权限设置，则隐藏后续设置。 ![](/uploads/projects/report/202605/18b0d411fc244bbe.png) 图3.2.1.5 所有人可操作 - 选择即可操作/选择即不可操作：和下面的用户权限和数据权限共同使用。选择即可操作/选择即不可操作的用户权限不勾选则都表示所有人都可操作。 - 用户权限：根据用户或角色判断是否可用。 针对用户权限，比如配置demo1001（当前用户）选择即不可操作： ![](/uploads/projects/report/202605/18b0d411fce9100b.png) 图3.2.1.6 用户权限配置 则demo1001用户视图打开时控件是置灰不可用状态，若配置为选择即可操作，则只有该用户可以填写姓名，其他用户登录均是置灰不可用状态。 ![](/uploads/projects/report/202605/18b0d411fde755b0.png) 图3.2.1.7 用户权限效果 - 数据权限：根据数据判断是否满足配置的条件从而进行满足即可操作或满足即不可操作的控制。数据权限多应用于有数据展示的情况下，仅配置控件没有数据做数据判断没有实际意义。但在有数据展示的填报报表中，比如修改数据的情况下，可以根据条件判断数据是否合理从而限制是否允许做修改或提交等操作点击数据权限编辑，进入编辑数据权限条件弹框。 ![](/uploads/projects/report/202605/18b0d411feb05184.png) 图3.2.1.8 数据权限配置 数据校验在之前的版本中只针对初始值做，打开报表的时候，数据校验不通过就禁用，通过就不禁用，后续修改值不会对此权限有影响。 现增加实时校验勾选框，修改单元格值时数据校验可以实时生效。 举例说明此功能用法：针对报表，在 C3 单元格设置数据校验，若同行单元格F的值为是，则 C3 单元格系统管理员可用，否则不能用。 ![](/uploads/projects/report/202605/18b0d411ffff100e.png) 图3.2.1.9数据权限实时校验 打开视图界面可以看到，F3单元格的值为空，对应的C3单元格置灰。 ![](/uploads/projects/report/202605/18b0d41200c8fe7e.png) 图3.2.1.10不满足数据校验灰置 接下来，更改上图中红色的 F3 单元格的值为是（将“是”勾选上），对应的 C3 单元格立即去掉了禁用状态，不再置灰。若不勾选实时校验，更改F3 单元格的值不会影响 C3 单元格的状态。 ![](/uploads/projects/report/202605/18b0d4120198e8aa.png) 图3.2.1.11满足数据校验不灰置 1. 高级：数据字典、关联单元格、关联配置、查询配置 - 数据字典：用法同单选框控件，可用于输入框输入内容的联想。 - 关联单元格：可对其它单元格内容进行关联过滤。 - 关联配置：关联配置实现了关联查询，在控件中输入内容后触发其它单元格的数据更新。比如用户可以手动输入编号，通过关联查询自动更新相关的人员名称、联系电话、住址等信息。 ![](/uploads/projects/report/202605/18b0d412026187f9.png) 图3.2.1.12 关联查询设置 关联查询需要选择字典表，配置过滤条件以及关联显示。数据库表决定了从哪个表里面查询数据来做关联查询，过滤条件配置的是数据库中的字段跟界面上哪个单元格的值做比较，因此左侧选择数据库表中的字段，右侧配置从同行取值、固定单元格取值或当前单元格取值。关联显示配置的是最终将查询结果显示在哪个位置，因此左侧选择固定单元格或同行单元格，右侧配置将要显示的值从哪个字段来。 举例说明，有下图的字典表，希望界面文本控件输入编号后自动查询到对应的省份信息。 ![](/uploads/projects/report/202605/18b0d4120354836f.png) 图3.2.1.13 字典表 根据上述公司假期春节返乡报表，C3配置文本控件，由用户输入姓名，B3编号不配置控件，希望输入姓名后自动查询出对应的职工编号。 数据库表选择图3.2.1.13中的字典表，过滤条件需要配置为：根据字典表的C\_NAME字段来和当前单元格匹配，查找对应的C\_ID，即职工编号。关联显示需配置为当前单元格同行的B列，将查找到的C\_ID值回显在B2单元格中。 ![](/uploads/projects/report/202605/18b0d41204b32717.png) 图3.2.1.14 关联查询配置 最终效果为，B2单元格中输入编号后，回车，C2单元格中自动填入了省份的值，不需要手动输入。若姓名输入不存在则弹出提示语。 ![](/uploads/projects/report/202605/18b0d41208aa623c.png) 图3.2.1.15 关联查询效果 ![](/uploads/projects/report/202605/18b0d4120b255ab2.png) 图3.2.1.16 关联查询无结果 - 查询配置： ![](/uploads/projects/report/202605/18b0d4120c27e03f.png) 图3.2.1.17 查询设置 - - 数据来源：选择查询所需的字典表  - 显示字段：显示字段下拉列表展示字典表中所有字段，且默认勾选第一个字段。勾选则字段会回显至下方的表格中。表格存在两列：显示字段和是否为回显字段。显示字段是选中的字段按照顺序显示在查询的下拉中，是否为回显字段是回显至文本控件中的值 ![](/uploads/projects/report/202605/18b0d4120ccdb9d6.png) 图3.2.1.18 显示字段 ![](/uploads/projects/report/202605/18b0d4120da5b5a1.png) 图3.2.1.19 显示字段效果 - - 排序字段：下拉列表回显显示字段表格中的字段。可选择一个排序字段，对查询列表中 的值进行升序降序展示。  - 样式：对查询列表进行样式设置。  - 默认条数：当总数据条数大于默认显示条数，下面出现显示更多，点击显示更多追加 10 条数据，剩余数据滚动到底显示；数据条数小于默认显示条数，不显示更多按钮，且表格高度以实际数据高度。  - 跳转：跳转同云报表编辑界面的跳转一样进行使用。跳转的参数配置中添加回显字段。 ![](/uploads/projects/report/202605/18b0d4120ed5b139.png) 图3.2.1.20 跳转配置 【跳转配置与效果】 云报表跳转的参数配置中类型添加回显字段。选择回显字段后，源自动获取查询配置表格中勾选的是否为回显字段的值。 选择表为关联过滤器表，表中字段和数据构成，如图3.2.1.21所示。 ![](/uploads/projects/report/202605/18b0d4120fb1a65e.png) 图3.2.1.21 查询配置页面如图3.2.1.22所示，跳转配置如图3.2.1.23所示。 ![](/uploads/projects/report/202605/18b0d41210ba3bbd.png) 图3.2.1.22 ![](/uploads/projects/report/202605/18b0d41212175038.png) 图3.2.1.23 点击预览页面，查看查询配置效果，如图3.2.1.24所示。默认条数配置3条，则只展示三条数据。按照回显字段中字段顺序进行数据展示。 ![](/uploads/projects/report/202605/18b0d41213789653.png) 图3.2.1.24 点击下图3.2.1.25中框出范围。 ![](/uploads/projects/report/202605/18b0d412144ed46a.png) 图3.2.1.25 查看跳转页面图3.2.1.26，参数传值为回显字段的值。 ![](/uploads/projects/report/202605/18b0d41215ec54b0.png) 图3.2.1.26 【注意事项】 1. 不做group by处理。需要使用的时候，把数据处理好，这里只做显示 2. 边框默认宽度为1PX 3. 查询界面的跳转和云报表工具栏中的跳转数据是同步的。 4. 查询配置开启后，关联配置不生效 5. 开启控件权限不可用后，查询下拉也不可点击 6. 校验： - 校验：提供一定情况下的简单校验，比如是否为空以及是否符合某规则等。 ![](/uploads/projects/report/202605/18b0d41216baaf1f.png) 图3.2.1.27 校验 控件默认是允许为空的，如果勾选了不允许为空，会显示错误提示信息，可自定义提示信息，如：姓名不允许为空！ ![](/uploads/projects/report/202605/18b0d41217792a9a.png) 图3.2.1.28 文本控件校验不允许为空 在配置了不允许为空的情况下，如果页面上此控件是空的，点击“数据校验”或“提交”按钮，会按照配置的错误提示给出弹框提示。 ![](/uploads/projects/report/202605/18b0d412185f61a4.png) 图3.2.1.29 控件不允许为空提示 填写规则中还提供了长度、邮件、身份证、邮编、电话、手机和自定义规则的校验，选择校验规则后提交时会根据规则对填写内容进行校验，不符合规则时会按照配置的错误提示给出弹框提示。 ![](/uploads/projects/report/202605/18b0d41219be0e9c.png) 图3.2.1.30 填写规则校验 # 3.2.2文本域控件 文本域控件用于需要录入多行数据的情况下，示例表格中的“备注”可以通过文本域控件进行录入。 ![](/uploads/projects/report/202605/18b0d4121ad68082.png) 图3.2.2.1 文本域控件 文本域控件的配置项在文本控件中均已介绍过，文本域控件的填写规则校验仅支持“无”和“长度”，此处举例说明一下长度校验的用法。 ![](/uploads/projects/report/202605/18b0d4121baad10b.png) 图3.2.2.2 文本域长度校验 比如配置备注的最小长度为10，即备注长度不能少于10个字符，否则提示“备注长度不能少于5个汉字”。需要注意的是，此处的长度是字符，2个字符为一个汉字，配置时需要做一下转换。 当输入4个文字时，提示“备注不能少于5个汉字”： ![](/uploads/projects/report/202605/18b0d4122534bffa.png) 图3.2.2.3 文本域长度校验不通过 当输入5个文字时，可以成功提交： ![](/uploads/projects/report/202605/18b0d4122f10cfcb.png) 图3.2.2.4文本域长度校验通过 # 3.2.3数字控件 数字控件用于需要输入数字的情况，示例表格中的“年龄”就需要通过数字控件来输入。 ![](/uploads/projects/report/202605/18b0d4123459d3e3.png) 图3.2.3.1 数字控件 数字控件校验部分除了空校验，还支持是否允许小数以及小数位数的校验，包括输入值范围的校验。 ![](/uploads/projects/report/202605/18b0d4123576dfbb.png) 图3.2.3.2 数字控件校验 不勾选允许小数时会自动隐藏小数位数校验，比如针对年龄，配置不允许输入小数。 ![](/uploads/projects/report/202605/18b0d412363c695e.png) 图3.2.3.3 数字控件不允许小数 填报内容如果是小数，会弹出提示信息“不允许小数”。 ![](/uploads/projects/report/202605/18b0d41236fecbde.png) 图3.2.3.4 数字控件不允许小数校验 数字控件还可以做最小值和最大值的校验，比如年龄，可配置输入值仅允许在0-150的范围内。 ![](/uploads/projects/report/202605/18b0d41237d2ff37.png) 图3.2.3.5 数字控件最大最小值校验 输入大于150的数值，提交会弹出“不能大于150”的提示： ![](/uploads/projects/report/202605/18b0d41238b57b56.png) 图3.2.3.6 数值控件最大值校验生效 输入小于0的数值，提交会弹出“不能小于0”的提示： ![](/uploads/projects/report/202605/18b0d41239985869.png) 图3.2.3.7 数字控件最小值校验生效 # 3.2.4单选框控件 单选框控件会把所有选项都展示出来且仅可以选择其一，示例报表中的是否返乡就很适合通过单选框控件来实现，因为只能有是和否两个选项，且必须选择一个。 ![](/uploads/projects/report/202605/18b0d4123a62e241.png) 图4.2.4.1 单选框控件 单选框控件除基本配置外，还需要在高级中做选项配置。 ![](/uploads/projects/report/202605/18b0d4123b7d1420.png) 图4.2.4.2 单选框控件配置 高级下的配置包括数据字典、显示方式以及关联单元格。 数据字典用于配置单选框控件的选项，支持自定义选项或从数据库表获取选项。 ![](/uploads/projects/report/202605/18b0d4123c451e49.png) 图4.2.4.3 单选框控件数据字典设置 选择自定义时，需要自行添加备选项，备选项包括真实值和显示值，真实值是用于最终填报到库中的值，而显示值是页面上显示的值。真实值和显示值可以相同也可以不同，上面截图中是相同的情况，不同的情况比如真实值为“1”，显示值为“是”，真实值为“0”，显示值为“否”，则用户从页面上选择了“是”，实际填写到数据库回写表中的是“1”。 备选项可以通过操作列的上移、下移、编辑和删除进行操作，因为所有备选项都需要手工输入，因此自定义备选项适用于选项有限的情况，如果选项特别多，不建议使用自定义的方式实现。 字典表则是通过另一个数据库表的字段来获取选项，选择了数据库表后，可通过选择按钮从资源树上选择一个表，并选择真实值字段和显示值字段。同样的，真实值和显示值可一致也可以不一致，根据实际情况决定即可。使用数据库表需要提前准备一张字典表把选项存放在对应的字段中，数据库表适用于选项多的情况，通过数据库表能更好管理选项，且如果选项能够被复用也比较适合用字典表来实现。 ![](/uploads/projects/report/202605/18b0d4123d3bde96.png) 图4.2.4.4 字典表通过数据库表设置 显示方式决定了控件的每个选项之间以横向或纵向的方式来显示，此配置根据实际排版情况选择合适的显示方式即可。 ![](/uploads/projects/report/202605/18b0d4123de3516a.png) 图4.2.4.5 单选框控件显示方式 关联单元格用于两个格之间存在过滤关系的情况，比如A单元格填报的是省份，B单元格填报的是城市，省份对城市存在地理位置的过滤关系。这种情况可以在B单元格配置关联A单元格，需要说明的是，关联单元格只能用于数据字典配置的是数据库表的情况，因为最终是根据表中的数据来做的过滤。 关联单元格要从目标往源头配，比如省份过滤城市，要在城市配置关联，关联单元格可以配置多个。 ![](/uploads/projects/report/202605/18b0d4123eb8640b.png) 图4.2.4.6 关联单元格 # 3.2.5复选框控件 复选框控件会把所有选项都展示出来，和单选框控件不同的是，复选框控件支持选择多个值，下面以示例中的交通方式来说明复选框控件的使用。 ![](/uploads/projects/report/202605/18b0d4123f9371f9.png) 图3.2.5.1 复选框控件 复选框控件的配置和单选框控件完全一致，只是控件显示方式有所区别，填报时可以通过复选框勾选多个值。 ![](/uploads/projects/report/202605/18b0d4124059cd27.png) 图3.2.5.2 复选框控件效果 # 3.2.6下拉单选控件 下拉单选框控件通过下拉框的形式将所有选项展示出来，且限制用户仅能选择其中一个选项进行填报，因此下拉框控件适用于需要限制用户填报的内容且限制内容可以枚举出来的情况，示例报表中的工作地点就比较适合通过下拉单选控件来实现。 下拉单选控件配置和单选框配置基本一致，使用方式可参考单选框控件，有区别的地方是，单选框控件适用于值比较少的情况，因为单选框控件的值会以横向或纵向的方式全部展示出来，而下拉单选值可以比单选框控件多一些，因此使用数据字典时来自于数据库表的情况可能更多。 ![](/uploads/projects/report/202605/18b0d412417d2566.png) 图3.2.7.1 下拉单选控件配置 下图中下拉单选控件列出了所有分公司位置，填报的用户仅能从当前选项中选择自己的工作地点，且只能选择一个地点。 ![](/uploads/projects/report/202605/18b0d41242513bf0.png) 图3.2.7.2 下拉单选控件使用 # 3.2.7下拉复选控件 下拉复选控件通过下拉框列出所有可供选择的项，可通过复选框勾选多个值进行提交。示例报表中的返乡地点可以通过下拉复选控件实现，下拉复选控件适用于选项个数有限且支持选择多个值的情况。 ![](/uploads/projects/report/202605/18b0d412436e8488.png) 图3.2.7.1 下拉复选控件配置 下拉列表会展示出数据字典中配置的所有选项，自定义选项或者是数据表中的字段值，用户填报时可以对多个值进行勾选。 ![](/uploads/projects/report/202605/18b0d4124428311f.png) 图3.2.7.2 下拉复选控件使用 # 3.2.8树形单选 树形控件适用于填报具有多层树状结构的数据，虽然最终填入控件的只是最下一层的数据，但选择数据的过程中，数据以树的结构进行了清楚的结构划分，更便于用户选择。比如选择工作岗位时，可以根据部门组织架构进行选择。 ![](/uploads/projects/report/202605/18b0d41245016a6d.png) 图3.2.8.1 树形单选控件 树形单选控件的基本配置和其它控件的用法一致。 ![](/uploads/projects/report/202605/18b0d41245ff0c3d.png) 图3.2.8.2 树形单选控件配置 需要特别说明的是数据字典中的配置，树形控件的数据字典配置和单选框以及下拉单选均有区别。树形控件的数据只能来源于数据库表，不能自定义。一组真实值和显示值对应一个层级，需要展示多少层级配置多少层级即可，如果仅配置一个层级，效果和下拉单选一致。 ![](/uploads/projects/report/202605/18b0d41246cbb054.png) 图3.2.8.3 树形控件数据字典设置 # 3.2.9树形多选 树形多选控件和树形单选控件用法一致，区别仅在于树形单选仅能选择一个值，树形多选控件可以选择多个值。 ![](/uploads/projects/report/202605/18b0d41247ae649d.png) 图3.2.9.1 树形多选控件配置 ![](/uploads/projects/report/202605/18b0d4124895052f.png) 图3.2.9.2 树形多选控件效果 # 3.2.10日期控件 日期控件用于填报日期值，通过控件填报可以规范用户的输入，避免出现不同的人填写的格式不同导致数据格式不一致后期不好处理的问题。 ![](/uploads/projects/report/202605/18b0d41249a6a488.png) 图3.2.10.1 日期控件配置 日期控件除通用控件功能外，还可以配置是否显示日历图标，以及在高级中设置日期格式并显示日期范围。日期格式支持日期型和日期时间型，配置时可根据实际填报是否需要精确到时分秒来配置控件具体使用什么格式。 ![](/uploads/projects/report/202605/18b0d4124a742185.png) 图3.2.10.2 日期格式配置 ![](/uploads/projects/report/202605/18b0d4124b485014.png) 图3.2.10.3 日期型格式 ![](/uploads/projects/report/202605/18b0d4124c5ad78f.png) 图3.2.10.4 日期时间型格式 日期型格式控件选择时仅精确到日期，日期时间型格式则可以在控件中选择时分秒。 日期高级配置中还可以对开始日期和结束日期做限制，支持无、自定义、今天、今年、本月。无是不设置开始结束日期，自定义可以从日期控件中任意选择一天，今天则是系统读取今天的日期，今年和本月是分别取今年的第一天和本月的第一天再通过相对值来做偏移。 ![](/uploads/projects/report/202605/18b0d4124d1f5261.png) 图3.2.10.5 开始日期和结束日期限制 开始日期和结束日期的配置并不是控制控件上不能选择此范围外的日期，仅是在提交时对日期做一个校验，如果选择了开始日期和结束日期范围外的日期，提交时会给出提示，提示不能小于开始日期或不能大于结束日期。 ![](/uploads/projects/report/202605/18b0d4124df6b265.png) 图3.2.10.6 开始日期和结束日期提交提示 # 3.2.11按钮控件 按钮控件下包含17个按钮，其中添加行、删除行、复选框、单选框、树节点按钮、关联查询属于云报表填报相关的功能按钮，提交、暂存、审核、回退、撤销、保存草稿、显示节点资源、关闭窗口、自定义、查看流程、和流程跟踪是流程任务相关的功能按钮，流程任务相关的功能按钮用法请参考流程任务。 #### 3.2.11.1添加行 添加行按钮可以在当前行的下面新增一行，功能效果和2.2.12.3.1按钮设置中添加行的效果类似，但工具栏中的添加行是在整个报表的末尾添加一行，添加行控件则是在当前行下添加一行。 添加行按钮选择按钮类型为添加行即可，需要配置按钮名字或上传按钮图标进行标识，否则无法看出效果。 ![](/uploads/projects/report/202605/18b0d4124efaa486.png) 图3.2.11.1.1 添加行配置 点击工具栏的添加行，新行添加在末尾。 ![](/uploads/projects/report/202605/18b0d412507c0a3c.png) 图3.2.11.1.2 工具栏添加行 点击控件添加行，新行添加在当前行的下方。 ![](/uploads/projects/report/202605/18b0d41251e5deb7.png) 图3.2.11.1.3 控件添加行 #### 3.2.11.2删除行 删除行控件用于删除当前行，作用和工具栏的删除行一致。 配置删除行，选择按钮控件，将按钮类型配置为删除行即可，同添加行一样，需要为控件配置名字或图标，否则控件没有标识无法操作。 ![](/uploads/projects/report/202605/18b0d41253292e9d.png) 图3.2.11.2.1 删除行配置 工具栏的删除行需要配合单选框或复选框使用，即必须选择至少一行，再点击删除行按钮，才能将当前数据删除。 ![](/uploads/projects/report/202605/18b0d41253e74ff9.png) 图3.2.11.2.2 工具栏删除行 控件删除行一次仅能删除一行，即控件所在的这一行。 ![](/uploads/projects/report/202605/18b0d41254da68fb.png) 图3.2.11.2.3 控件删除行 #### 3.2.11.3复选框 复选框控件可用于批量勾选数据提交或删除，复选框包括全选框和单独的复选框。 ![](/uploads/projects/report/202605/18b0d41255b97d60.png) 图3.2.11.3.1 复选框配置 复选框可以不配置按钮名字，因为复选框本身有小方框，不需要通过名字来做标识。 按钮取值自同行某列是流程任务中的功能，需要根据此配置做关联，如果仅是配置填报报表，此处可为空。 全选按钮勾选后表明此处是全选，不勾选则是普通的复选框，比如图3.2.11.3.2中第一个按钮就是全选按钮，勾选它则下面所有的复选框都被勾选，而图3.2.11.3.3中编号1、2、3对应的复选框就是普通复选框，勾选时仅选中自身。 ![](/uploads/projects/report/202605/18b0d41256c67a2f.png) 图3.2.11.3.2 全选按钮 ![](/uploads/projects/report/202605/18b0d4125767b4ea.png) 图3.2.11.3.3 复选框 备注说明：如果是填报的情况下复选框不支持合并，即如果B2是合并单元格，复选框的父格如果配置成B2，复选框会合并。合并后只有第一行能取到选择按钮的数据（是否勾选），其他的相当于没有配置选择按钮（一定会提交），就会导致表面上只勾选了一行数据，实际上提交了n条数据。 #### 3.2.11.4单选框 单选框每次仅能选择一条值，和复选框用法类似，但复选框用于批量提交，单选框则用于每次仅允许提交一条数据的情况。 ![](/uploads/projects/report/202605/18b0d4125855bf62.png) 图3.2.11.4.1 单选框配置 单选框可配置按钮名字以及按钮取值，按钮名字显示在单选框控件后面，可以不配置。按钮取值和复选框一样，用于流程任务，如果仅是用作普通填报报表，可不配置。 ![](/uploads/projects/report/202605/18b0d41259125868.png) 图3.2.11.4.2 单选框 #### 3.2.11.5树节点按钮 树报表是用于数据之间存在分支层次关系时，可以通过折叠或缩进的形式展现数据。 ![](/uploads/projects/report/202605/18b0d41259e07b37.png) 图3.2.11.5.1 树报表 树节点按钮用于配置树前方的展开和收起按钮，在此处一并说明树报表如何配置。 图3.2.11.5.1中的树报表是用图3.2.11.5.2中的数据表制作出来的，在此数据表中，分支层次关系通过部门ID和上级ID两个字段表示，组织的每个对象都由部门ID唯一标识，而每个对象的上层对象则是由上级ID来表示。 ![](/uploads/projects/report/202605/18b0d4125ac14310.png) 图3.2.11.5.2 数据表 通过分析数据可以看出，该数据的组织结构为3层，以树报表的形式展示数据就需要分3层来展示，因此需要把这3层数据分别提取出来。由于部门ID列可以唯一标识一个部门，且部门之间的层次关系也是通过部门ID列的值来表示，因此把表格设计如下： 1. A1、A2、A3三个单元格，每个单元格代表一个层次； 2. 单元格中均拖入部门ID字段，通过设置不同的过滤条件来实现树报表的层级效果。 ![](/uploads/projects/report/202605/18b0d4125b931c70.png) 图3.2.11.5.3 树报表配置 单元格A1代表第一层部门，比如“总部”，但是会默认扩展出来所有的部门，因此需要通过设置过滤条件来筛选出第一层级，通过上级ID来做筛选，总部对应的的上级ID是空，因此需要配置过滤条件“上级ID 等于 树根级 空”。类型树根级是为树报表而添加的，数据中“总部”对应的上级ID是空，此处值的位置就给空，如果数据中有具体值，此处填具体值即可。 ![](/uploads/projects/report/202605/18b0d4125c8f4ad0.png) 图3.2.11.5.4 树根级过滤数据 同样的，单元格A2代表第二层部门，但是默认会扩展出来所有部门，需要设置过滤条件来筛选出第二层的数据。针对A2单元格，需要将过滤条件配置为“上级ID 等于 单元格A1”，即通过上级ID过滤出部门ID为“1”的数据，过滤出第二层部门。 ![](/uploads/projects/report/202605/18b0d4125d8235d0.png) 图3.2.11.5.5 第二层级过滤数据 同理，配置A3单元格的过滤条件：“上级ID 等于 固定单元格 A2”，过滤出第三层部门的数据。 ![](/uploads/projects/report/202605/18b0d4125e851258.png) 图3.2.11.5.6 第三层级过滤数据 过滤条件设置完后，需要为A1、A2、A3单元格中的字段设置父格。需设置上父格，A2的上父格设置为A1，A3的上父格设置为A1。 ![](/uploads/projects/report/202605/18b0d4125f684e1e.png) 图3.2.11.5.7 父格配置 配置完成后为树节点增加展开收起按钮，使树报表的展示更为美观，此处使用的控件就是树节点按钮。 ![](/uploads/projects/report/202605/18b0d4126031c1fb.png) 图3.2.11.5.8 配置树节点按钮 上面树报表配置都是通过部门ID来配置的，展示的时候也会默认显示部门ID，为了使报表更具有可读性，可以将显示字段配置为部门名称，类似于真实值和显示值的关系。 ![](/uploads/projects/report/202605/18b0d412610ba0ac.png) 图3.2.11.5.9 配置显示字段 最后，为了让树报表展示更好看，可以通过条件属性配置单元格缩进，让树报表的层级关系更明显的体现出来。 比如针对A2单元格，配置内容不为空时缩进30像素，A3单元格不为空时缩进60像素。 ![](/uploads/projects/report/202605/18b0d41261dd6eb2.png) 图3.2.11.5.10 缩进配置 配置完成后预览报表，树报表展示如图3.2.11.5.11，按照层级显示组织部门，可以通过树节点按钮收起或展开数据。 ![](/uploads/projects/report/202605/18b0d41262ca4b63.png) 图3.2.11.5.11 树报表 树节点按钮有默认的展开和收起图标，也可以通过上传按钮自定义上传。 ![](/uploads/projects/report/202605/18b0d41263ce8f77.png) 图3.2.11.5.12 树节点按钮自定义上传展开收起图标 #### **3.2.11.6提交** 提交按钮用于提交填报数据，在配置中勾选提交按钮后，视图打开云报表时，单元格会显示提交按钮。区别于工具栏的提交按钮的位置在于，可编写回写配置，将不同数据配置至不同规则中，支持根据不同的提交条件配置不同的成功提示语。控件中的按钮提交和多按钮提交都存在回写配置，回写配置如图3.2.11.6.1所示。 ![](/uploads/projects/report/202605/18b0d41264d36835.png) 图3.2.11.6.1 回写配置 报表中流程任务中填报时，报表和流程是独立的，流程中的操作并不会影响报表中的数据。但在实际使用中出现了需要根据任务的流转情况更新报表中字段的需求，比如根据填报、审核以及撤回的状态对报表中的某字段打标识。填报和审核都可以绑定回写规则实现，但撤回不可以，因为撤回没有位置可以绑定回写规则。 因此，在提交按钮中增加了“执行任务撤回操作”用于在撤回操作上绑定回写规则。下面通过一个例子说明此功能的用法： 1. 新建一个填报报表。使用 lj 员工表，拖入字段编号和姓名进行展示和填报。设置2个填报规则，规则 1 用于正常填报数据，规则 2 用于撤回时将之前填报的数据删除。 ![](/uploads/projects/report/202605/18b0d41265c398a5.png) 图3.2.11.6.2 新建云报表数据 ![](/uploads/projects/report/202605/18b0d41266b4aa2b.png) 图3.2.11.6.3 插入规则 ![](/uploads/projects/report/202605/18b0d4126799b0f0.png) 图3.2.11.6.4 删除规则 1. 配置两个提交按钮，A1 按钮的作用为撤回，因此需要勾选上“执行任务撤回操作”， 绑定上一步的规则 2；B1 单元格的作用为提交，用于数据上报，因此不勾选“执行任务撤回 操作”，绑定上一步的规则 1。 ![](/uploads/projects/report/202605/18b0d4126cbf8110.png) 图3.2.11.6.5 撤回按钮配置 ![](/uploads/projects/report/202605/18b0d4126e589376.png) 图3.2.11.6.6 提交按钮配 1. 报表创建完成后，新建一个简单流程。 ![](/uploads/projects/report/202605/18b0d4126f21a8c3.png) 图3.2.11.6.7 流程 1. 以填报节点举例说明撤回的用法，因此填报节点选择上述的报表资源，勾选不允许 撤回。这里特别说明一下为什么要勾选上不允许撤回，因业务场景里面我们需要在 撤回的时候去执行规则删除填报的数据，如果流程里面允许撤回，用户从任务操作 列表中执行撤回操作就无法执行撤回绑定的回写规则，故此处不允许撤回，要求用 户一定要从报表内部 A1 单元格配置的提交按钮去做撤回操作。 ![](/uploads/projects/report/202605/18b0d4127063f7bb.png) 图3.2.11.6.8 填报节点不允许撤回数据 1. 发布流程，登陆填报人账号进入填报页面，按照下图数字序号填写数据，点击提交 进行数据上报。 ![](/uploads/projects/report/202605/18b0d41271265126.png) 图3.2.11.6.9 填报提交数据 1. 查看该填报节点流程跟踪，可以看到已经上报成功 ![](/uploads/projects/report/202605/18b0d41271f3f46b.png) 图3.2.11.6.10上报成功 1. 点击该条任务的查看按钮，进入填报查看页面 ![](/uploads/projects/report/202605/18b0d41272ac5235.png) 图3.2.11.6.11查看按钮 1. 在查看页面，按照下图数字序号勾选上报数据，点击撤回按钮 ![](/uploads/projects/report/202605/18b0d412738b0882.png) 图3.2.11.6.12撤回操作步骤 1. 再查看流程跟踪，显示已处于撤回状态，且查询数据库可以发现上报的编号为 1 单 数据已经被删除。 ![](/uploads/projects/report/202605/18b0d412749e3741.png) 图3.2.11.6.13撤回成功 【注意事项】 1. 若上报或审核操作也是通过提交按钮实现，撤回、上报、审核需要分别配置一个提交按钮来实现，不能通过一个按钮实现多个操作。 2. 若使用了云报表提交按钮中的撤回操作，建议流程任务中的撤回最好禁用，因为流程任务中的撤回无法执行回写规则。 3. 目前在不支持撤回的情况下前端都做了拦截，但如果前端没拦截住，后台执行撤回也会失败，但依然会执行绑定的回写规则，使用过程中如果遇到这种情况，请反馈给研发，由研发分析是否能加强判断。 4. 如果云报表单元格里面配置了提交，那发布成应用时必须配置流程任务，不能单独只发布成内部应用，否则在应用里面使用会报错。 ![529d20e592b13027ccb9d6979b7ec7de](/uploads/projects/report/202605/18b0d412758ac02c.png) 图3.2.11.6.14云报表按钮提交配置 ![](/uploads/projects/report/202605/18b0d4127654f547.png) 图3.2.11.6.15未配置流程报错展示 ![](/uploads/projects/report/202605/18b0d4127723e5ca.png) 其他设置-自定义配置现说明如下： **【使用说明】** 自定义配置包含以下5个配置项，此功能的目的是，针对这5个配置项，不同的提交按钮可以进行自定义配置，之前只能统一使用工作表设置下的配置。 ![](/uploads/projects/report/202605/18b0d41277f830d5.png) 图3.2.11.6.15 其他设置-自定义配置 此处默认是使用“工作表统一配置”，若使用自定义配置，针对下面的5个配置项可自由选择是否要使用，效果仅对当前按钮生效。 针对这5个配置，若不清楚其用法，可参考下面的文档。 ![](/uploads/projects/report/202605/18b0d41278b3acff.png) #### 3.2.11.7关联查询 关联查询按钮一般用于填报，用户手动填入某些信息后，点击关联查询，可以通过字典表查询到关联的其它数据，比如输入编号后，点击关联查询，通过字典表的关联关系，查询到编号对应的姓名或其它信息。 下面使用一个例子说明关联查询按钮的用法。 当前有一张字典表，记录了id和name之间的关联关系。 ![](/uploads/projects/report/202605/18b0d4127978984c.png) 图3.2.11.7.1 字典表 先配置一个填报报表，回写规则如下：编号B2单元格配置了文本控件，姓名C2单元格未配置控件，不允许用户填写，通过B2单元格输入的编号查询出姓名做提交。 ![](/uploads/projects/report/202605/18b0d4127a673505.png) 图3.2.11.7.2 填报报表配置 关联查询配置：选择对应的字典表。 过滤条件配置数据库的字段跟配置界面中的哪个单元格的值做比较，比如要根据数据库字典表的c\_id和编号匹配，就使用关联查询按钮同行取B列的值，也可以配置固定单元格取值。 关联显示配置的是查询结果显示在哪儿，显示哪个字段，按照我们的配置，要把查询出来的姓名显示在关联查询按钮的同行的C列，显示c\_name字段。 ![](/uploads/projects/report/202605/18b0d4127b3d60ee.png) 图3.2.11.7.3 关联查询配置 最终实现效果是：在填报报表中输入编号“1001”，点击查询按钮，查询出编号1001对应的姓名。 ![](/uploads/projects/report/202605/18b0d4127c13cbf1.png) 图3.2.11.7.4 输入编号 ![](/uploads/projects/report/202605/18b0d4127ccdf5b2.png) 图3.2.11.7.5 点击查询按钮查询出姓名 关联查询配置：自定义提示语 关联查询设置页面配置未查询到数据的选项。 ![](/uploads/projects/report/202605/18b0d4127dbcf7cc.png) 图3.2.11.7.6 未查询到数据选项 **【使用说明】** 关联查询配置可以通过字典表根据其它单元格的内容自动关联出数据。比如在B2单元格配置，根据当前单元格输入的值和c\_id做匹配，同时在同行的C列对应的单元格显示c\_name的值。 ![](/uploads/projects/report/202605/18b0d412837bcbec.png) 图3.2.11.7.7 未查询到数据选项 新增的未查询到数据配置支持在过滤条件查不到值的情况下配置是否提示，默认配置是弹框提示“没有查询到关联数据”，可修改提示信息，也可以配置不做提示。 ![](/uploads/projects/report/202605/18b0d4128b06e768.png) 图3.2.11.7.8 提示信息显示效果 #### 3.2.11.8关闭按钮 关闭按钮跳转配置弹窗后关闭弹框效果。配置A资源跳转B，跳转方式设置为弹框，如图3.2.11.8.1所示；B资源配置关闭窗口控件，如图3.2.11.8.2 配置B资源关闭按钮。在B资源中的点击关闭窗口等同于点击B弹窗上面的X，如图3.2.11.8.3显示效果。 ![](/uploads/projects/report/202605/18b0d4129357f84f.png) 图3.2.11.8.1 配置A资源跳转方式 ![](/uploads/projects/report/202605/18b0d412964b39ad.png) 图3.2.11.8.2 配置B资源关闭按钮 ![](/uploads/projects/report/202605/18b0d41297842603.png) 图3.2.11.8.3 显示效果 # 3.2.12文件控件 文件控件用于需要上传附件的情况，可以点击查看对文件进行下载查看，文件控件的配置都是控件通用配置。 ![](/uploads/projects/report/202605/18b0d412998979fa.png) 图3.2.12.1 文件控件配置 文件控件在视图页面显示“上传”按钮： ![](/uploads/projects/report/202605/18b0d4129a79e574.png) 图3.2.12.2 文件控件使用效果 点击上传按钮后弹出系统的文件选择界面，可以从本地选择文件进行上传。 ![](/uploads/projects/report/202605/18b0d4129b893856.png) 图3.2.12.3 文件控件上传文件 选择文件后点击打开，文件开始上传，进度条会显示上传的进度，上传完成后给出提示，此处支持使用Shift键同时选择多个文件。 ![](/uploads/projects/report/202605/18b0d4129c5dd6d9.png) 图3.2.12.4 文件上传成功 上传成功后对数据进行提交，数据被保存在数据库中，有附件的数据会显示查看按钮，并括号显示包含的附件数量，点击查看按钮，可打开附件列表，显示当前附件的具体内容。 ![](/uploads/projects/report/202605/18b0d4129df6cf3a.png) 图3.2.12.5 附件列表 在附件列表页面，可以继续上传文件，也可以删除或下载文件，这些操作都支持批量操作。 将数据导出为Excel时也支持导出文件，需配置允许导出附件，此功能在2.2.12.3.2模板配置中有介绍。 配置中可以自定义上传按钮和查看按钮的名称，支持配置固定值，也可以从同行单元格或固定单元格读取。 ![](/uploads/projects/report/202605/18b0d4129ede1ba4.png) 图3.2.12.6 上传按钮自定义名称 文件控件也有权限控制，用法同其它控件权限一致，只是其它控件限制的是整个控件的可用权限，文件控件控制的是上传的权限。 ![](/uploads/projects/report/202605/18b0d4129faf676b.png) 图3.2.12.7 上传权限 在文件控件的高级设置里，可以配置是否支持多文件上传、支持上传的文件类型以及单个文件的大小限制。文件控件默认是支持批量上传的，勾选“仅支持单文件上传”选项后每次仅可上传一个文件。也可勾选单文件直接下载，如用户上传文件单个，可直接下载，无需进入弹框下载。文件类型选项使用下拉框的方式，用户可自行勾选具体支持上传哪些类型的文件，单个文件的大小默认不超过20M，可根据实际使用情况修改此值。 ![](/uploads/projects/report/202605/18b0d412a0918595.png) 图3.2.12.8 文件控件高级设置 勾选“操作成功后执行提交”则上传文件后会直接调用提交操作。以下举例 说明： 新建一个云报表：A1、A2 为按钮-复选框，B2、C2、D2 为控件-文本，E2 为 控件-文件且勾选操作成功后执行提交。 ![](/uploads/projects/report/202605/18b0d412a1c674fd.png) 图3.2.12.9 新建云报表资源 在视图界面，先勾选需提交的数据，再点击上传按钮上传文件。文件上传成功后执行了提交操作，勾选的数据提交成功。 ![](/uploads/projects/report/202605/18b0d412a2fb7234.png) 图3.2.12.10 视图界面操作 点击下图3.2.12.11中上传/批量删除/操作列中的删除按钮，只要文件操作执行成功， 同样会调用提交操作。 ![](/uploads/projects/report/202605/18b0d412a44dcbef.png) 图3.2.12.11 上传/批量删除/操作列中的删除按钮 点击文件控件的查看按钮，进行下载文件，页面增加进度条展示。如图3.2.12.12所示。 ![](/uploads/projects/report/202605/18b0d412a53e7a86.png) 图3.2.12.12 下载添加进度条展示 **【注意事项】** 1. 存在单选或复选框的情况下，需要先勾选数据再操作文件，这样才能成 功进行文件上传后立即提交，因为立即提交只是调用了提交操作，如果 没有勾选，则会得到无可提交数据的提示。 2. 如果需要提交成功后关闭附件列表弹框，可勾选提交成功，刷新界面。 3. 下载按钮进度条作用于当前整个资源，在下载中状态，用户则不能操作当前资源 # 3.2.13分页控件 分页控件不一定用在填报中，主要是为了在想要的位置显示分页，分页默认显示在工具栏中，但用户可能会希望在页面底部显示，这种情况下就可以用分页控件解决此问题。 分页控件无配置，只需要将单元格配置上控件，选择分页控件即可。分页控件由于内容比较长，一般建议使用合并单元格，否则会有一部分内容无法完整显示出来。 ![](/uploads/projects/report/202605/18b0d412a626c24c.png) 图3.2.13.1 配置分页控件 配置分页控件后可以不勾选工作表设置下的分页按钮（默认勾选），仅使用分页控件进行分页，通用配置下的每页显示条数和隐藏分页器的总页数配置对分页控件同样生效。 ![](/uploads/projects/report/202605/18b0d412a71f28f2.png) 图3.2.13.2 分页控件 # 3.2.14图片控件 图片控件用于上传并展示图片，可在配置中自定义上传按钮的名称。图片控件的权限包括修改、删除和操作权限，其它使用同文件控件。 ![](/uploads/projects/report/202605/18b0d412a801273c.png) 图3.2.14.1 图片控件配置 图片控件的效果如下： ![](/uploads/projects/report/202605/18b0d412a91f4cd7.png) 图3.2.14.2 图片控件效果 # 3.2.15多按钮控件 多按钮控件可将多个按钮配在一个单元格中，更方便配置。 ![](/uploads/projects/report/202605/18b0d412a9e8bfd1.png) 图3.2.15.1 多按钮控件 点击编辑打开多按钮控件配置界面，多按钮包括按钮列表和按钮间距设置。每个按钮可从按钮类型中进行配置，针对每个单独的按钮，可以分别配置权限、按钮名字、图标以及样式。 ![](/uploads/projects/report/202605/18b0d412aaccdd83.png) 图3.2.15.2 多按钮设置界面 多按钮支持的按钮类型包括自定义、提交按钮、数据校验、分页按钮、打印按钮、导出Excel（含样式）、导出Excel（无样式）、导出Word、导出TXT、导出PDF、导出PNG、覆盖导入、增量导入、多行导入、清空按钮、添加行、删除行、解密按钮、暂存按钮、上报按钮和Excel数据导入。 除Excel数据导入按钮外，其它按钮在工具栏和按钮控件中均有介绍，此处不做单独说明。 Excel数据导入按钮主要用于关联一个已经创建好的Excel数据导入资源。 ![](/uploads/projects/report/202605/18b0d412ab9313c3.png) 图3.2.15.3 Excel数据导入按钮 Excel数据导入按钮的配置中需要从资源树上选择一个Excel数据导入资源，再配置是显示导入数据按钮还是下载模板按钮，即如果要引用一个完整的Excel数据导入资源，最好是配置两个按钮使用。 创建好 Excel 数据导入后，在云报表中配置多按钮，按钮类型选择 Excel 数据导入。在 选择资源界面，选择上方已经创建好的 Excel 数据导入资源。按钮功能只能单选，即添加一 次，只能选择是“导入数据”还是“下载模板”，若两个功能都需要，Excel 数据导入按钮需 要配置两次，可自行在按钮名字中配置名字进行区分。 如下图，通过多按钮配置了Excel数据导入的“导入”和“下载模板”按钮。 ![](/uploads/projects/report/202605/18b0d412ac77e94a.png) 图3.2.15.4 多按钮配置Excel数据导入 点击下载模板，会下载一个模板Excel文件，点击导入，会弹出数据导入界面以供上传Excel文件。 ![](/uploads/projects/report/202605/18b0d412ad4e837e.png) 图3.2.15.5 多按钮点击导入打开导入界面 # 3.2.16工具栏控件 工具栏控件用于在不想配置工具栏的情况下通过控件使用工具栏的功能。每个工具栏控件可选择一个类型的按钮进行配置，支持的按钮类型除自定义和Excel数据导入外，其它均和多按钮控件中的一致。因用法在其它位置都有介绍，此处不再赘述。 ![](/uploads/projects/report/202605/18b0d412ae21b0c8.png) 图3.2.16.1 工具栏控件 # 3.3配置回写规则 # 概述 配置填报控件是为了将需要录入的单元格变成可输入状态，配置回写规则是为了将单元格与数据库字段进行绑定，通过规则判断每个单元格录入的数据最终应该保存在哪里。 回写规则在工具栏的【配置】-【填报属性】下进行配置。 ![](/uploads/projects/report/202605/18b0d412aef6f92d.png) 图3.3.1 回写规则配置入口 # 3.3.1回写规则 回写规则支持配置多个，主要包括选择数据库表、规则配置和提交方式几部分需要配置。 ![](/uploads/projects/report/202605/18b0d412afcccd99.png) 图3.3.1.1 回写规则配置 #### （1）选择数据表 配置回写规则需要选择数据库表，数据库表从下拉列表分别选择库、模式和表。需要先在云研发中心的公共设置 - 数据源管理下配置了数据源，回写规则这里才能选到对应的数据库。 ![](/uploads/projects/report/202605/18b0d412b0abede1.png) 图3.3.1.2 数据源管理 数据源管理下成功配置数据源并测试连接通过后，在回写规则中数据库下拉列表会显示出来，选择自己要用的库即可。 ![](/uploads/projects/report/202605/18b0d412b250aa78.png) 图3.3.1.3 回写规则选择数据库 选择数据库后，模式会自动加载出来，同样从下拉列表选择，MySQL数据库默认模式为DEFAULT，仅有这一个模式可以选择，Oracle数据库和Postgre数据库选择表所在的模式即可。 选择模式后，表会自动加载下拉列表，从下拉列表中选择数据要保存的表，支持通过搜索快速找到表。 ![](/uploads/projects/report/202605/18b0d412b33f0b64.png) 图3.3.1.4 回写规则选择模式和表 #### （2）配置规则 选择表后，点击“批量添加字段”，会弹框显示当前表中所有可用的字段，可批量勾选全部添加，也可以仅添加需要用到的字段。 ![](/uploads/projects/report/202605/18b0d412b410d24c.png) 图3.3.1.5 批量添加字段 添加“批量添加单元格”，会关闭回写规则配置界面并弹出一个批量添加单元格的界面，通过点击界面上的单元格，可以快速完成单元格和字段的绑定。 ![](/uploads/projects/report/202605/18b0d412b4d2d225.png) 图3.3.1.6 批量添加单元格 批量添加单元格后效果如下： ![](/uploads/projects/report/202605/18b0d412b5c149f1.png) 图3.3.1.7 批量添加单元格效果 批量添加完成后，点击确定，会关闭批量添加单元格弹出框，重新打开回写规则配置界面，此时回写规则的字段和单元格是完成了绑定的。 ![](/uploads/projects/report/202605/18b0d412b69c35e8.png) 图3.3.1.8 回写规则字段和单元格绑定成功 移除字段可以移除已经添加的不需要使用的字段，勾选后点击移除字段即可。 ![](/uploads/projects/report/202605/18b0d412b796a3dd.png) 图3.3.1.9 移除字段 添加临时字段可创建一个临时字段，此字段不会写入数据库，仅临时生成，一般用于做校验等。 ![](/uploads/projects/report/202605/18b0d412b8719747.png) 图3.3.1.10 添加临时字段 回写规则需要为字段设置主键，主键用于更新和删除的情况，需要根据设置的主键对数据做更新或删除。回写规则中设置的主键和数据库的主键不是一个概念，回写规则设置的主键仅在提交做数据更新和删除时使用。回写规则的主键可以是一个字段或多个字段，在主键列勾选即可。 ![](/uploads/projects/report/202605/18b0d412b947f64e.png) 图3.3.1.11 设置主键 双击值的位置可以打开值编辑器配置界面，“批量添加单元格”是默认将字段和单元格绑定，但也支持字段绑定其它内容，比如：字符串、自增编号或参数。 ![](/uploads/projects/report/202605/18b0d412ba35aade.png) 图3.3.1.12 值编辑器 字段绑定字符串需要在输入框的位置输入文本内容，数据提交时，会将此处输入的文本内容绑定到对应的字段上。 ![](/uploads/projects/report/202605/18b0d412baef8964.png) 图3.3.1.13 字段绑定字符串 字段绑定单元格则是将页面上对应配置的单元格的内容进行提交。 ![](/uploads/projects/report/202605/18b0d412bbc0497e.png) 图3.3.1.14 字段绑定单元格 自增编号可以按照一定的规则自己生成有规律的编号，自增编号需要关联对应的单元格，比如针对编号做自增，关联单元格需要配置编号所在的位置即B3单元格，用于修改更新。 ![](/uploads/projects/report/202605/18b0d412bc8395e9.png) 图3.3.1.15 字段绑定自增编号 最小位数、连字符、编号前置规则和编号后置规则决定了自增编号以怎样的规则进行自增，比如想要生成“TEST-01、TEST-02 …… TEST-N”这样一串编号，可以按照下面的规则进行配置。 ![](/uploads/projects/report/202605/18b0d412bd47357c.png) 图3.3.1.16 自增编号配置 需要对编号加后缀时，在后置规则配置即可。前置规则和后置规则除支持固定值外，还支持获取当前年、当前年月和当前年月日。 ![](/uploads/projects/report/202605/18b0d412be24d4a7.png) 图3.3.1.17 自增编号规则支持配置 自增批次编号和自增编号相似，都是为了自动生成编号，自增编号是每条数据生成一个编号，而自增批次编号则是每次提交生成一批编号，这一批的编号是一样的。自增批次编号的配置方式和自增编号一致。 ![](/uploads/projects/report/202605/18b0d412bef11838.png) 图3.3.1.18 自增批次编号 值除了绑定字符串、单元格和自增编号外，还支持绑定参数。参数分为数据集参数、公共参数和模板参数，数据集参数是当前添加到左侧的数据源列表的数据集所带的参数，因此通过下拉列表选择即可。配置公共参数可通过资源树选择公共参数下的所有参数，配置模板参数则是当前工作表自己的模板参数，也是通过下拉列表选择。 字段绑定参数是将参数的值绑定到每一条回写入库的数据上，不修改参数时会提交默认值入库，修改后则按照修改的值提交入库。 ![](/uploads/projects/report/202605/18b0d412bfc333bb.png) 图3.3.1.19 字段绑定参数 结合云报表填报中的审核标识可实现直接在填报报表中进行该流程的审核。配置入口需点击配置规则页面的设置按钮，如下图3.3.1.20所示。 ![](/uploads/projects/report/202605/18b0d412c0a1c09e.png) 图3.3.1.20 选项配置 使用该标识需要先了解标识含义。下文将详细介绍标识含义 1. 标识无：适配以前的逻辑； 2. 标识审核：可以配置不同的值进行相关的流程审核操作，最多可以配置四个，操作不可重复；如下图3.3.1.21所示 ![](/uploads/projects/report/202605/18b0d412c192af11.png) 图3.3.1.21 审核标识操作 1. 下一节点操作人：当流程中审核节点指定下一节点操作人，并且审核节点绑定的报表配置了审核 标识，这时审核报表可以配置下一节点操作人标识一起使用 2. 前置ID：获取该流程的前置ID 字段标识审核和字段下一节点操作人用于审核节点，一般在填报中设置审核标识后建议勾选该节点的隐藏工具栏。下文将举例具体讲解功能和效果。 首先，需要构建一个流程，流程如下图3.3.1.22所示。其中审核1节点指定审核2节点操作人。 ![](/uploads/projects/report/202605/18b0d412c3599738.png) 图3.3.1.22 新建流程 新建审核1节点云报表资源，如图3.3.1.23所示。绑定的报表中字段 opinion1 为文本控件，绑定审核标识，字段 Nextuser2 为下拉复选控件（真实值需填写用户 id），绑定下一节点操作人标识，审核1节点的填报详情如图3.3.1.24所示。 ![](/uploads/projects/report/202605/18b0d412c5290d46.png) 图3.3.1.23 新建审核1节点报表资源 ![](/uploads/projects/report/202605/18b0d412c7c1bfdc.png) 图3.3.1.24 新建审核1节点填报属性 保存流程后，点击该流程的填报发布。触发流程后，当进行到审核1节点时，我们只需要在opinion1字段填写：“同意”且在 Nextuser2字段选择下一节点操作人，点击提交后即可进行到审核2节点，如图3.3.1.25所示。 ![](/uploads/projects/report/202605/18b0d412ca7af8be.png) 图3.3.1.25 审核1节点操作 在使用标识时需注意一下几点： - 填报节点绑定的报表不支持使用下一节点操作人标识； - 当流程中节点设置了指定下一节点操作人，那其绑定的报表必须配置下一节点操作人标识，且人员必 须为流程中指定的下一节点操作人，不然点击提交时会抛出提示：未找到指定操作人员；如图3.3.1.26所示 ![](/uploads/projects/report/202605/18b0d412cb69095e.png) 图3.3.1.26未指定人员抛错 - 当审核报表配置了审核标识，填报的值不对应任何操作时，点击提交时会抛出提示 ：未知流程操作，如图3.3.1.27所示。 ![](/uploads/projects/report/202605/18b0d412ccf0c71a.png) 图3.3.1.27未知流程抛错 需先说明一下前置ID 标识的使用场景，在下述流程中，填报人配置了 A、B、C、D 共 4 个用户，审核人是同一个用户，填报节点中任何一个用户填报都会触发审核任务，且需要4个填报人都填写。这种情况下审核人会收到 4 个审核任务，但内容是一样的（因审核节点没有对数据做区分）。为了方便用户操作，理想情况应该是只做一次审批就能将4个填报人上报数据进行审核。但是流程中只能做到用户在审核节点对其中 1 个审核任务处理后还剩余 3 个任务的状态是未处理，故审核人需要重复操作 4 遍才能完成该节点所有人员审批操作。因此增加了自动保存节点任务id 和前置任务 id功能，希望在某一个任务中实现批量审核，达到上述理想情况。 实现上述场景需要在填报节点绑定的报表回写规则中勾选上“自动保存节点任务 ID”， 这样填报任务在上报时会生成一个 auto\_fillmyptaskid字段存储当前任务的id。后续的审核节点绑定的报表在回写规则中需将auto\_fillmyptaskid的值设置为“前置任务 ID”，这样勾选数据审核的时候会根据前置任务 id 将对应的流程都往下进行处理。 详情请看下列步骤： 1. 新建填报报表，页面展示和填报都使用 lj 员工表，拖入字段编号和姓名进行展示和填报。因为后续审核节点需要批量审批，则必须在填报节点的填报属性页面勾选自动保存节 点 ID。新建报表页面和填报属性页面如下图3.3.1.28和3.3.1.29所示。 ![](/uploads/projects/report/202605/18b0d412ce5b5246.png) 图3.3.1.28新建填报报表 ![](/uploads/projects/report/202605/18b0d412cf5cd95f.png) 图3.3.1.29设置填报报表回写规则 1. 新建审核报表，将 lj 员工表中的编号、姓名、审核意见和 auto\_fillmyptaskid 字段拖 入工作表中，如下图所示。需注意，auto\_fillmyptaskid 是提交后才会生成的，首次使用可能 没有此字段，可自行创建或在视图页面提交一次生成此字段。审核报表填报页面如图3.3.1.30所示。 ![](/uploads/projects/report/202605/18b0d412d045220f.png) 图3.3.1.30新建审核报表 1. 在审核报表回写规则中分别配置审核标识和前置任务 id。此示例中将备注配置设为审核标识，详细讲解上文所示。设置页面如图3.3.1.31所示。 ![](/uploads/projects/report/202605/18b0d412d191e99c.png) 图3.3.1.31回写规则设置审核标识 1. 因 auto 类型的字段都无法添加到回写规则中，故派生一个临时字段用来获取 auto\_fillmyptaskid 的值，此示例中派生“节点 02”这个临时字段，从 E2 单元格取值，并将其设置为“前置任务 ID”。回写规则配置页面如图3.3.1.32所示。 ![](/uploads/projects/report/202605/18b0d412d29c73ed.png) 图3.3.1.32回写规则设置前置ID标识 1. 配置完报表后，新建一个流程，简单流程即可。如图3.3.1.33所示 ![](/uploads/projects/report/202605/18b0d412d36e1352.png) 图3.3.1.33新建流程 1. 按照前文所述的场景，填报节点需要配置至少两个操作人，且需要去掉默认勾选的“该节点所有人员完成后流转”勾选框。如图3.3.1.34所示。 ![](/uploads/projects/report/202605/18b0d412d4874ca0.png) 图3.3.1.34设置流程中填报节点 1. 审核节点默认配置即可，因为要批量审核，只配置一个操作人。如图3.3.1.35所示。 ![](/uploads/projects/report/202605/18b0d412d57b087e.png) 图3.3.1.35设置流程中审核节点 1. 保存流程后发布流程，填报节点配置的账号 lj1001 和鲁娟账号分别收到填报任务， 两个账号正常上报。 2. 登录审核节点的操作人 lj1001 账号，在其任务列表存在两条审核任务。如图3.3.1.36所示。 ![](/uploads/projects/report/202605/18b0d412d77ef41c.png) 图3.3.1.35登陆lj1001查看我的任务审核数据 1. 之前的操作是，需要对两个任务分别进行审核，即使两个审核任务的内容完全一样。增加前置任务 id 标识后，点击第1个审核任务，进入审核页面，勾选两个填报任务填报来的数据（可以看到其 auto\_fillmyptaskid 不一致，分别来自于两个填报节点），选择审核意见，点击提交。页面显示如图3.3.1.36所示。 ![](/uploads/projects/report/202605/18b0d412d864076f.png) 图3.3.1.36批量审核 1. 提交成功后，两个任务的状态均从未处理变为“审核通过”，实现了通过一个任务进行批量审核。如图3.3.1.37所示 ![](/uploads/projects/report/202605/18b0d412d96e6730.png) 图3.3.1.36批量审批成功 使用前置ID功能时需要注意以下几点: 1. 此功能仅限于独立型任务，联合型任务不支持，即需要去掉“所有人员完成后流转”； 2. 需要操作批量审核的节点，其上一节点使用的报表必须勾选自动保存节点任务 ID， 不能跨节点使用； 3. 当前节点如果使用了批量审核，其下一节点就不能再继续使用，至少要跨一个节点， 因为批量审核会导致任务无法取到原本属于自己的 auto\_fillmyptaskid。 #### （3）配合提交方式 字段绑定完后需要配置提交类型，目前支持4种提交类型：自动、删除、插入、更新。 ![](/uploads/projects/report/202605/18b0d412da3f62db.png) 图3.3.1.20 提交类型 自动是判断是否配置了主键，若存在则做更新提交，若不存在则做插入提交。 删除是根据配置的主键对要提交的数据进行删除处理。 插入是对要提交的数据做插入处理，如果主键存在，则页面会提示插入-主键已存在，如图3.3.1.21所示。如果主键不存在，则插入一条新的数据。 ![](/uploads/projects/report/202605/18b0d412db3ec2b4.png) 图3.3.1.21 插入-主键已存在 更新是判断主键是否存在，如果主键存在，则更新这条数据，如果主键不存在，则忽略这条数据。 自动保存操作用户和操作时间会在回写表中自动生成4个字段：auto\_filluser、auto\_fillalias、auto\_filltime、auto\_fillprocessid，分别存放填报的用户名、用户别名、填报时间和关联流程ID，用于追溯填报相关记录。不勾选自动保存操作用户和操作时间则不会生成这4个字段，即使已经生成过字段，不勾选也不会保存这些信息。 ![](/uploads/projects/report/202605/18b0d412dbf5e147.png) 图3.3.1.22 自动保存操作用户和操作时间 日期字段作为主键，填报的数据格式必须跟填报字段的类型一致，填报字段是datetime，填报的数据也该是datetime的格式；不然就用字符类型。 # 3.3.2数据校验 数据校验用于校验填报用户填报的内容是否符合一定的规则，简单的校验在每个控件独立的校验中可以完成，填报属性的数据校验选项卡可以通过函数配置更为复杂的校验。 点击数据校验右上角的“+”可以添加一条新的校验规则。 ![](/uploads/projects/report/202605/18b0d412dca1c642.png) 图3.3.2.1 添加校验规则 点击校验公式空白的位置可以打开公式配置界面，公式配置界面包括公式配置区、可选函数区、函数说明区和可选参数字段列表区。 ![](/uploads/projects/report/202605/18b0d412dd7f5dfc.png) 图3.3.2.2 公式配置 公式配置：可通过双击添加函数和变量完成整个公式配置，函数和变量都可以通过双击添加，不建议手动输入，因为函数和变量生成都有一定规则，手动输入缺失内容可能会导致公式无法正常生效。 可选函数：目前支持的所有函数均在列表中展示，可通过修改函数类型查看不同类型下的可用函数，目前包括比较函数、日期函数和数据源函数三种类型。 函数说明：描述当前选中函数的用法以及返回值。 变量：展示当前可用的参数和字段，参数要作为过滤器添加到报表中此处才会展示出来，字段列表读取的是回写规则中配置的回写表添加的字段，如果有多个回写规则，则区分回写规则分别展示每个回写规则下的字段。 配置完公式后点击确定可以关闭回写规则配置界面，然后在文本框中输入校验不通过时展示给用户的提示信息，也可配置回写字段，获取页面展示字段，使提示语更灵活。 操作区可设置此校验公式不适用哪个规则，默认是全部不勾选，即所有规则都需要参与校验。 ![](/uploads/projects/report/202605/18b0d412de51ef47.png) 图3.3.2.3 校验出错信息 ![](/uploads/projects/report/202605/18b0d412df49d26d.png) 图3.3.2.4 校验出错信息灵活配置位置 ![](/uploads/projects/report/202605/18b0d412e01fbcc9.png) 图3.3.2.5 校验出错信息配置填报回写字段 ![](/uploads/projects/report/202605/18b0d412e0c9b44c.png) 图3.3.2.6 校验出错信息配置不适用规则 下面几个例子可以说明校验规则的用法。 **示例一：指定2个字段比较大小** 使用“小于等于”函数，配置开始数值1小于等于数值2： $^F\_数值1$ <= $^F\_数值2$ ![](/uploads/projects/report/202605/18b0d412e18797c6.png) 图3.3.2.7 比较数值大小校验规则配置 效果如下： ![](/uploads/projects/report/202605/18b0d412e27f11ea.png) 图3.3.2.8 校验效果 **示例二：日期型字段比较大小** 使用“dateBefore”函数，配置dateBefore($^F\_开始日期$, $^F\_结束日期$) ![](/uploads/projects/report/202605/18b0d412e34c445a.png) 图3.3.2.9 比较日期大小校验规则配置 效果如下： ![](/uploads/projects/report/202605/18b0d412e415b6a0.png) 图3.3.2.10 校验效果 **示例三：指定两个字段判断逻辑，如没车不能填车牌号** 等价例子姓名是张三的人不能填备注，使用“等于”、“不等于”、“并”和“非”实现，配置姓名等于“张三”且备注不为空取反： !($^F\_c\_name$ == "张三" && $^F\_c\_bz$ != "") ![](/uploads/projects/report/202605/18b0d412e4e053b3.png) 图3.3.2.11 校验规则配置 效果如下： ![](/uploads/projects/report/202605/18b0d412e5c0d547.png) 图3.3.2.12 校验效果 **【不适用规则使用说明】** 用一个例子说明此功能的用法，新建一个填报报表。 ![](/uploads/projects/report/202605/18b0d412e689fb0f.png) 针对此报表，配置两个回写规则。 ![](/uploads/projects/report/202605/18b0d412e7bb69c9.png) 设置校验规则，不适用于规则为默认的情况，即所有规则都需要参与校验。 ![](/uploads/projects/report/202605/18b0d412e8e22b8f.png) 在视图界面，输入区域为空，点击提交，校验不通过，弹出错误提示。 ![](/uploads/projects/report/202605/18b0d412e9b29f75.png) 更改不适用规则，选择“填报”，即对“填报”这个规则不做此数据校验。 ![](/uploads/projects/report/202605/18b0d412ea7f3839.png) 再次回到视图界面，提交一样的数据，可以成功提交。 ![](/uploads/projects/report/202605/18b0d412eb675fec.png) **示例三：指定参数校验，如参数月份小于当前月份** 使用monthOfDatetime函数取月份值，stringToDate函数将字段转为日期型，TODAY函数获取当前日期，配置参数先转为日期格式，再取参数的月份，当前日期取月份，两个月份做比较。 monthOfDatetime(stringToDate($^P\_开始日期\_1127$,"yyyy-MM-dd")) <= monthOfDatetime(TODAY) ![](/uploads/projects/report/202605/18b0d412ec15a3cf.png) 图3.3.2.10 校验规则配置 效果如下： ![](/uploads/projects/report/202605/18b0d412ecbaa75d.png) 图3.3.2.11 校验效果 **示例四：判断当前填报内容在数据库中是否已存在，如已存在，不允许提交** 使用member函数和distinctGroup函数，数据源函数distinctGroup用于获取数据源中不重复的字段c\_name值，member函数用于判断填报的c\_name值在distinctGroup取到的数组中是否存在，因存在返回true，故需要取反实现校验。 !member($^F\_c\_name$, distinctGroup($^DSF\_v0521.c\_name$)) distinctGroup函数的字段需要从左侧数据源列表拖入，即使填报报表没有配置字段，也需要把要判断的库和表添加到数据源列表。 ![](/uploads/projects/report/202605/18b0d412eda4285c.png) 图3.3.2.12 校验规则配置 效果如下： ![](/uploads/projects/report/202605/18b0d412ee78e6c6.png) 图3.3.2.13 校验效果 # 3.3.3配置确认条件 确认条件也有数据校验的功能，但确认条件和数据校验不同，数据校验是不符合规则的数据不允许提交，确认条件则仅仅是一个提示，用户依然可以继续提交数据。 确认条件在填报属性内配置，回写规则共有两个选项卡，第一个选项卡配置回写规则，第二个选项卡配置确认条件 ![](/uploads/projects/report/202605/18b0d412ef2e2427.png) 图3.3.3.1 配置确认条件 点击新建确认条件按钮会打开确认条件配置界面，配置确认条件需输入标题、提示语以及确认规则。 ![](/uploads/projects/report/202605/18b0d412f005c983.png) 图3.3.3.2 确认条件配置界面 标题：配置当前确认条件的标题。 提示语：配置当前确认条件显示在页面上的提示语，可以使用参数和函数进行动态提示，点击编辑提示语时会弹出编辑界面，同时展示参数列表和函数列表。只有被作为过滤器添加到工作表的参数才会显示在参数列表中，使用时拖到右侧即可，最终提示时会用实际的参数值替换到参数所处的位置。 ![](/uploads/projects/report/202605/18b0d412f0d4d4b8.png) 图3.3.3.3 编辑提示语 匹配条件：配置匹配规则，可以选择字段或参数，字段展示的是配置在回写规则中的字段，参数展示的是作为过滤器显示出来的参数。字段和参数可以通过操作符和字符串、数值等内容做匹配，使用方式同条件过滤和条件样式一致。字段、参数均是取字段值和参数值来进行匹配，单独说明一下日期函数和旧值的用法。 ![](/uploads/projects/report/202605/18b0d412f18b9adb.png) 图3.3.3.4 匹配条件 日期函数只有一个，getParamDate(type,flag,format)。type值类型可以为year、month或day。flag代表时间偏移量，根据type的配置决定便宜的单位是年、月或天，flag可为正数或负数，正数表示向后推算，负数代表向前推算。Format表示返回的日期格式，“yyyy-MM-dd”返回年月日，“yyyy”返回年，“MM”返回月，“dd”返回日。getParamDate(‘day’,0,’yyyy-MM-dd’)是使用日期函数时的默认值，默认返回的是当天。 旧值则不需要配置任何内容，判断的是打开报表时的数据和提交报表时的数据是否一致，适用于用户误修改了数据提交的情况，由用户再确认一次是否要修改提交。 ![](/uploads/projects/report/202605/18b0d412f2af96f7.png) 图3.3.3.5 旧值 确认条件判断结果为真时，提示生效，判断结果为假，则不提示，因此判断数据被修改时给出确认提示，需要配置为不等于旧值。 保存的确认条件可以在配置确认条件主页面进行再次编辑和删除。 ![](/uploads/projects/report/202605/18b0d412f39170bf.png) 图3.3.3.6 确认条件编辑和删除入口 比如修改了编号（数据被修改左上角会用红色角标做标记）后提交，会弹出确认提示，此时关闭提示则不做提交，点击确定则继续提交。 ![](/uploads/projects/report/202605/18b0d412f457c8ec.png) 图3.3.3.7 确认提示 # 3.4配置功能按钮 # 概述 功能按钮在2.2.11.3.1按钮设置中均有介绍用法，填报报表至少需要配置提交按钮，否则数据无法填报入库。其他涉及到填报报表的按钮还包括：数据校验、导入按钮、清空按钮、添加行、删除行和暂存按钮，根据实际使用需求勾选即可。 ![](/uploads/projects/report/202605/18b0d412f5357745.png) 图3.4.1 填报功能按钮 配置好的功能按钮会在视图界面的工具栏上展示出来。 ![](/uploads/projects/report/202605/18b0d412f60ff1c1.png) 图3.4.2 功能按钮展示在工具栏 提交等按钮除了通过工具栏进行配置，也可以使用控件中的按钮、多按钮和工具栏进行配置，通过控件进行配置可不显示工具栏。 # 3.5填报展示 # 概述 填报报表配置完成后，最终在云研发中心下以视图的方式打开。 ![](/uploads/projects/report/202605/18b0d412f6df7a98.png) 图3.5.1 示例报表 按照实际情况分别填写各项内容，填写后进行提交，可通过填报报表完成对信息的收集。 ![](/uploads/projects/report/202605/18b0d412f7a319fd.png) 图3.5.2 填报 [TOC]