### **预览效果如下:** ![](https://img.kancloud.cn/09/09/090976478e420da69586d86e82ed8d9a_1093x722.gif) ![](https://img.kancloud.cn/d9/d8/d9d8ec2eafa6787fd826eec8e03bc318_805x22.png) ### **设计步骤如下:** ### **1\. 列表设计** * 在SQL数据集中填写报表SQL语句(或API数据集中添加API地址),进行解析,如图9.11 ![](https://img.kancloud.cn/4c/33/4c33615201967c408885edaa63f9b14c_1254x714.png) :-: 9.11 ![](https://img.kancloud.cn/27/0e/270eec69e86ef0bc76333f16389d1060_818x25.png) * 设计自己的页面样式,并配置数据,如图9.12 ![](https://img.kancloud.cn/bd/e5/bde56732aca82a4c16be0bf7afdffea7_864x556.png) :-: 9.12 ![](https://img.kancloud.cn/27/0e/270eec69e86ef0bc76333f16389d1060_818x25.png) ### **2.子报表设计** #### **子报表展示的是每个部门里成员信息** * 首先配置报表SQL,SQL语句需要配置跟主表有关联关系的参数,如:update\_by='${update\_by}'; ``` 注意: 1、子报表需要写参数,且目前只能填写一个(后期会优化),如图9.22; 2、SQL语句上填写的参数,有的时候,不会自动在报表参数栏显示,需要手动填写,如图9.22; 3、参数要写个默认值,预览的时候,图表会显示默认样式; ``` ![](https://img.kancloud.cn/3b/22/3b22b325ccb9160ec045de3760767f1f_1232x490.png) :-: 图9.21 ![](https://img.kancloud.cn/ee/a6/eea6ddba176b5bf64003c5b9a859a829_1179x122.png) :-: 图9.22 * 添加图表,并配置数据,如图9.23; ![](https://img.kancloud.cn/9d/18/9d18ac61146ce5cbed1bcd3fd52e4096_1056x406.png) :-: 图9.23 ### **3\. 设置联动效果** a)在列表上(或需要点击的版块)点击需要跳转的字段,然后选择“超链接设置”,点击“+”,选择“图表联动”,来增加联动效果,如图9.31 ![](https://img.kancloud.cn/d7/8b/d78b4a31b7ab54bf81372638d03288ee_295x226.png) :-: 图9.31 b) 填写相关信息 * 链接名称:给跳转的报表起个名字,方便区分;可随意设置; * 连接图表:选择需要管理的图表; * 参数设置:会把子表的参数带过来(子表就是上边选择的报表); ``` 备注: 1、需要先点击一下“保存”按钮,这样关联图表的时候,参数才可以显示出来; 2、参数不可以修改名称,只可修改默认值; 3、连接的图表是设计页面新建好的,只能选一个; ``` ![](https://img.kancloud.cn/90/e7/90e7619f17175ee728377d744aa51cd7_625x361.png) :-: 图9.32