若依(ruoyi)前后端分离项目集成积木报表

若依(ruoyi)前后端分离项目集成积木报表

致敬：

1：致敬若依开源项目（本文使用的是前后端分离版本：3.8.9）

1. <template>
2.   
3.     <i-frame :src="reportUrl"></i-frame>
4.   
5. </template>若依官网：https://www.ruoyi.vip/

复制代码

2：致敬积木开源项目

1. <template>
2.   
3.     <i-frame :src="reportUrl"></i-frame>
4.   
5. </template>积木报表官网：https://www.jimureport.com/

复制代码

3：致敬CSDN大神的文章（我是根据他的原文一步步设置的，前端设置有一些改动，如有版权问题，可随时接洽本人删除）

1. <template>
2.   
3.     <i-frame :src="reportUrl"></i-frame>
4.   
5. </template>原文地址：https://blog.csdn.net/qq_55896432/article/details/145060090

复制代码

背景：

写在前面：

搭建这个项目是因为自己想记录日常使用的一些数据（练琴统计，钢琴课程数量，花费等等这些），然后找了一些BI发现都不是很得当，目前积木是最得当的（开源且集成程度高），所以记录了一下整体的操纵步骤。
目前整体使用感觉照旧可以的，数据源数据集设置都很方便，必要的控件也都够用。
项目运行的条件条件：

能正常运行若依前后端分离版本就OK.
结果（部分截图）

平凡报表管理菜单

平凡报表设计

数据源&数据集设置

大屏报表管理菜单

大屏设计

数据源&数据集设置

后端设置

ruoyi-common模块下pom.xml文件添加依赖

1. <template>
2.   
3.     <i-frame :src="reportUrl"></i-frame>
4.   
5. </template>
6. <template>
7.   
8.     <i-frame :src="reportUrl"></i-frame>
9.   
10. </template><dependency>
11. <template>
12.   
13.     <i-frame :src="reportUrl"></i-frame>
14.   
15. </template>    <groupId>org.jeecgframework.jimureport</groupId>
16. <template>
17.   
18.     <i-frame :src="reportUrl"></i-frame>
19.   
20. </template>    <artifactId>jimureport-spring-boot-starter</artifactId>
21. <template>
22.   
23.     <i-frame :src="reportUrl"></i-frame>
24.   
25. </template>    <version>1.9.2</version>
26. <template>
27.   
28.     <i-frame :src="reportUrl"></i-frame>
29.   
30. </template></dependency>
32. <template>
33.   
34.     <i-frame :src="reportUrl"></i-frame>
35.   
36. </template>
37. <template>
38.   
39.     <i-frame :src="reportUrl"></i-frame>
40.   
41. </template><dependency>
42. <template>
43.   
44.     <i-frame :src="reportUrl"></i-frame>
45.   
46. </template>    <groupId>org.jeecgframework.jimureport</groupId>
47. <template>
48.   
49.     <i-frame :src="reportUrl"></i-frame>
50.   
51. </template>    <artifactId>jimubi-spring-boot-starter</artifactId>
52. <template>
53.   
54.     <i-frame :src="reportUrl"></i-frame>
55.   
56. </template>    <version>1.9.1</version>
57. <template>
58.   
59.     <i-frame :src="reportUrl"></i-frame>
60.   
61. </template></dependency>

复制代码

添加完重新加载maven

ruoyi-admin模块修改application.yml文件，新增积木报表相关设置

1. jeecg :
2.   # 权限配置
3.   permission:
4.     # 报表权限配置
5.     report:
6.       # 查询权限符号，配置此权限代表只能查看报表
7.       query: jeecg:report:query
8.       # 修改权限符号，配置此权限代表拥有报表所有权限
9.       edit: jeecg:report:edit
10.     # 大屏权限配置
11.     drag:
12.       # 查询权限符号，配置此权限代表只能查看大屏
13.       query: jeecg:drag:query
14.       # 修改权限符号，配置此权限代表拥有大屏所有权限
15.       edit: jeecg:drag:edit
16.   jmreport:
17.     #自定义项目前缀
18.     # 现在是开发环境下的前端访问前缀，部署项目时，需要切换到生成环境访问前缀
19.     customPrePath: /dev-api

复制代码

1. 注意：
3. 1.目前报表和大屏分别设置两个类型的权限，其中query权限表示只能查看，edit权限表示用于一切权限。
5. 2.customPrePath是用来配置前端访问后端的接口的前缀，当前是开发环境配置为/dev-api没问题。
7. 3.项目发布时，一定将这个配置改为生产环境下访问前缀，如：/prod-api。

复制代码

允许匿名访问ruoyi-framework模块下修改SecurityConfig.java文件

增加积木报表和大屏匿名访问权限。

1. , "/jmreport/**", "/drag/**"

复制代码

新建积木报表相关设置类

在com.ruoyi.framework包下增加包report，在report包下新增config包，在cofig包下新增ReportConfig.java类，并在此类中添加以下代码。

1. package com.ruoyi.framework.report.config;
3. import org.springframework.beans.factory.annotation.Value;
4. import org.springframework.stereotype.Component;
6. @Component
7. public class ReportConfig {
9.     // 报表查询权限
10.     @Value("${jeecg.permission.report.query}")
11.     private String reportQueryPermission;
13.     // 报表修改权限
14.     @Value("${jeecg.permission.report.edit}")
15.     private String reportEditPermission;
17.     // 大屏查看权限
18.     @Value("${jeecg.permission.drag.query}")
19.     private String dragQueryPermission;
21.     //大屏修改权限
22.     @Value("${jeecg.permission.drag.edit}")
23.     private String dragEditPermission;
25.     public String getReportQueryPermission() {
26. <template>
27.   
28.     <i-frame :src="reportUrl"></i-frame>
29.   
30. </template>return reportQueryPermission;
31.     }
33.     public void setReportQueryPermission(String reportQueryPermission) {
34. <template>
35.   
36.     <i-frame :src="reportUrl"></i-frame>
37.   
38. </template>this.reportQueryPermission = reportQueryPermission;
39.     }
41.     public String getReportEditPermission() {
42. <template>
43.   
44.     <i-frame :src="reportUrl"></i-frame>
45.   
46. </template>return reportEditPermission;
47.     }
49.     public void setReportEditPermission(String reportEditPermission) {
50. <template>
51.   
52.     <i-frame :src="reportUrl"></i-frame>
53.   
54. </template>this.reportEditPermission = reportEditPermission;
55.     }
57.     public String getDragQueryPermission() {
58. <template>
59.   
60.     <i-frame :src="reportUrl"></i-frame>
61.   
62. </template>return dragQueryPermission;
63.     }
65.     public void setDragQueryPermission(String dragQueryPermission) {
66. <template>
67.   
68.     <i-frame :src="reportUrl"></i-frame>
69.   
70. </template>this.dragQueryPermission = dragQueryPermission;
71.     }
73.     public String getDragEditPermission() {
74. <template>
75.   
76.     <i-frame :src="reportUrl"></i-frame>
77.   
78. </template>return dragEditPermission;
79.     }
81.     public void setDragEditPermission(String dragEditPermission) {
82. <template>
83.   
84.     <i-frame :src="reportUrl"></i-frame>
85.   
86. </template>this.dragEditPermission = dragEditPermission;
87.     }
88. }

复制代码

重写若依框架getLoginUser()方法

打开web.service包下的TokenService.java文件，将自带的getLoginUser方法解释掉

新增代码

1.     /***************************积木报表修改，注释掉了原来的getLoginUser*******************************/
2.     // 修改
3.     public LoginUser getLoginUser(HttpServletRequest request) {
4. <template>
5.   
6.     <i-frame :src="reportUrl"></i-frame>
7.   
8. </template>// 获取请求携带的令牌
9. <template>
10.   
11.     <i-frame :src="reportUrl"></i-frame>
12.   
13. </template>String token = getToken(request);
14. <template>
15.   
16.     <i-frame :src="reportUrl"></i-frame>
17.   
18. </template>return getLoginUser(token);
20.     }
23.     public LoginUser getLoginUser(String token) {
24. <template>
25.   
26.     <i-frame :src="reportUrl"></i-frame>
27.   
28. </template>if (StringUtils.isNotEmpty(token)) {
29. <template>
30.   
31.     <i-frame :src="reportUrl"></i-frame>
32.   
33. </template>    try {
34. <template>
35.   
36.     <i-frame :src="reportUrl"></i-frame>
37.   
38. </template><template>
39.   
40.     <i-frame :src="reportUrl"></i-frame>
41.   
42. </template>Claims claims = parseToken(token);
43. <template>
44.   
45.     <i-frame :src="reportUrl"></i-frame>
46.   
47. </template><template>
48.   
49.     <i-frame :src="reportUrl"></i-frame>
50.   
51. </template>// 解析对应的权限以及用户信息
52. <template>
53.   
54.     <i-frame :src="reportUrl"></i-frame>
55.   
56. </template><template>
57.   
58.     <i-frame :src="reportUrl"></i-frame>
59.   
60. </template>String uuid = (String) claims.get(Constants.LOGIN_USER_KEY);
61. <template>
62.   
63.     <i-frame :src="reportUrl"></i-frame>
64.   
65. </template><template>
66.   
67.     <i-frame :src="reportUrl"></i-frame>
68.   
69. </template>String userKey = getTokenKey(uuid);
70. <template>
71.   
72.     <i-frame :src="reportUrl"></i-frame>
73.   
74. </template><template>
75.   
76.     <i-frame :src="reportUrl"></i-frame>
77.   
78. </template>LoginUser user = redisCache.getCacheObject(userKey);
79. <template>
80.   
81.     <i-frame :src="reportUrl"></i-frame>
82.   
83. </template><template>
84.   
85.     <i-frame :src="reportUrl"></i-frame>
86.   
87. </template>return user;
88. <template>
89.   
90.     <i-frame :src="reportUrl"></i-frame>
91.   
92. </template>    } catch (Exception e) {
93. <template>
94.   
95.     <i-frame :src="reportUrl"></i-frame>
96.   
97. </template><template>
98.   
99.     <i-frame :src="reportUrl"></i-frame>
100.   
101. </template>log.error("获取用户信息异常'{}'", e.getMessage());
102. <template>
103.   
104.     <i-frame :src="reportUrl"></i-frame>
105.   
106. </template>    }
107. <template>
108.   
109.     <i-frame :src="reportUrl"></i-frame>
110.   
111. </template>}
112. <template>
113.   
114.     <i-frame :src="reportUrl"></i-frame>
115.   
116. </template>return null;
118.     }
120.     /***************************积木报表修改，注释掉了原来的getLoginUser*******************************/

复制代码

在report包下新增service包下，在service包下新增ReportTokenService.java类，并且在此类中添加以下代码

1. package com.ruoyi.framework.report.service;
3. import com.ruoyi.common.constant.Constants;
4. import com.ruoyi.common.core.domain.entity.SysRole;
5. import com.ruoyi.common.core.domain.entity.SysUser;
6. import com.ruoyi.common.core.domain.model.LoginUser;
8. import com.ruoyi.common.utils.StringUtils;
9. import com.ruoyi.framework.report.config.ReportConfig;
10. import com.ruoyi.framework.web.service.TokenService;
11. import org.jeecg.modules.jmreport.api.JmReportTokenServiceI;
12. import org.springframework.beans.factory.annotation.Autowired;
14. import org.springframework.beans.factory.annotation.Value;
15. import org.springframework.http.HttpHeaders;
16. import org.springframework.stereotype.Component;
19. import javax.servlet.http.HttpServletRequest;
20. import java.util.HashMap;
21. import java.util.List;
22. import java.util.Map;
23. import java.util.Set;
26. @Component
27. public class ReportTokenService implements JmReportTokenServiceI {
29.     // 若依框架token
30.     @Value("${token.header}")
31.     private String ryHeader;
33.     // 积木报表token
34.     private String jmHeader = "X-Access-Token";
36.     @Autowired
37.     private ReportConfig reportConfig;
39.     @Autowired
40.     private TokenService tokenService;
43.     @Override
44.     public String getUsername(String s) {
45. <template>
46.   
47.     <i-frame :src="reportUrl"></i-frame>
48.   
49. </template>LoginUser loginUser = tokenService.getLoginUser(s);
50. <template>
51.   
52.     <i-frame :src="reportUrl"></i-frame>
53.   
54. </template>return loginUser.getUsername();
55.     }
57.     @Override
58.     public String[] getRoles(String s) {
59. <template>
60.   
61.     <i-frame :src="reportUrl"></i-frame>
62.   
63. </template>LoginUser loginUser = tokenService.getLoginUser(s);
64. <template>
65.   
66.     <i-frame :src="reportUrl"></i-frame>
67.   
68. </template>SysUser user = loginUser.getUser();
69. <template>
70.   
71.     <i-frame :src="reportUrl"></i-frame>
72.   
73. </template>List<SysRole> roles = user.getRoles();
74. <template>
75.   
76.     <i-frame :src="reportUrl"></i-frame>
77.   
78. </template>String[] roleNameArray = roles.stream().map(SysRole::getRoleName).toArray(String[]::new);
79. <template>
80.   
81.     <i-frame :src="reportUrl"></i-frame>
82.   
83. </template>return roleNameArray;
84.     }
86.     @Override
87.     public Boolean verifyToken(String s) {
88. <template>
89.   
90.     <i-frame :src="reportUrl"></i-frame>
91.   
92. </template>LoginUser loginUser = tokenService.getLoginUser(s);
93. <template>
94.   
95.     <i-frame :src="reportUrl"></i-frame>
96.   
97. </template>if (StringUtils.isNotNull(loginUser)){
98. <template>
99.   
100.     <i-frame :src="reportUrl"></i-frame>
101.   
102. </template>    tokenService.refreshToken(loginUser);
103. <template>
104.   
105.     <i-frame :src="reportUrl"></i-frame>
106.   
107. </template>    SysUser user = loginUser.getUser();
109. <template>
110.   
111.     <i-frame :src="reportUrl"></i-frame>
112.   
113. </template>    // 超级管理员放权
114. <template>
115.   
116.     <i-frame :src="reportUrl"></i-frame>
117.   
118. </template>    if (StringUtils.isNotNull(user) && user.isAdmin()) {
119. <template>
120.   
121.     <i-frame :src="reportUrl"></i-frame>
122.   
123. </template><template>
124.   
125.     <i-frame :src="reportUrl"></i-frame>
126.   
127. </template>return true;
128. <template>
129.   
130.     <i-frame :src="reportUrl"></i-frame>
131.   
132. </template>    } else {
133. <template>
134.   
135.     <i-frame :src="reportUrl"></i-frame>
136.   
137. </template><template>
138.   
139.     <i-frame :src="reportUrl"></i-frame>
140.   
141. </template>Set<String> permissions = loginUser.getPermissions();
142. <template>
143.   
144.     <i-frame :src="reportUrl"></i-frame>
145.   
146. </template><template>
147.   
148.     <i-frame :src="reportUrl"></i-frame>
149.   
150. </template>if (StringUtils.isNotNull(permissions) && (permissions.contains(reportConfig.getReportQueryPermission()) || permissions.contains(reportConfig.getReportEditPermission()) || permissions.contains(reportConfig.getDragQueryPermission()) || permissions.contains(reportConfig.getDragEditPermission()))) {
151. <template>
152.   
153.     <i-frame :src="reportUrl"></i-frame>
154.   
155. </template><template>
156.   
157.     <i-frame :src="reportUrl"></i-frame>
158.   
159. </template>    return true;
160. <template>
161.   
162.     <i-frame :src="reportUrl"></i-frame>
163.   
164. </template><template>
165.   
166.     <i-frame :src="reportUrl"></i-frame>
167.   
168. </template>}
169. <template>
170.   
171.     <i-frame :src="reportUrl"></i-frame>
172.   
173. </template>    }
174. <template>
175.   
176.     <i-frame :src="reportUrl"></i-frame>
177.   
178. </template>}
179. <template>
180.   
181.     <i-frame :src="reportUrl"></i-frame>
182.   
183. </template>return false;
184.     }
186.     @Override
187.     public String getToken(HttpServletRequest request) {
188. <template>
189.   
190.     <i-frame :src="reportUrl"></i-frame>
191.   
192. </template>String token = request.getParameter("token");
193. <template>
194.   
195.     <i-frame :src="reportUrl"></i-frame>
196.   
197. </template>if (StringUtils.isNull(token)) {
198. <template>
199.   
200.     <i-frame :src="reportUrl"></i-frame>
201.   
202. </template>    token = request.getHeader(jmHeader);
203. <template>
204.   
205.     <i-frame :src="reportUrl"></i-frame>
206.   
207. </template>}
208. <template>
209.   
210.     <i-frame :src="reportUrl"></i-frame>
211.   
212. </template>if (StringUtils.isNotEmpty(token) && token.startsWith(Constants.TOKEN_PREFIX))
213. <template>
214.   
215.     <i-frame :src="reportUrl"></i-frame>
216.   
217. </template>{
218. <template>
219.   
220.     <i-frame :src="reportUrl"></i-frame>
221.   
222. </template>    token = token.replace(Constants.TOKEN_PREFIX, "");
223. <template>
224.   
225.     <i-frame :src="reportUrl"></i-frame>
226.   
227. </template>}
228. <template>
229.   
230.     <i-frame :src="reportUrl"></i-frame>
231.   
232. </template>return token;
233.     }
235.     @Override
236.     public Map<String, Object> getUserInfo(String token) {
237. <template>
238.   
239.     <i-frame :src="reportUrl"></i-frame>
240.   
241. </template>token = token.replace(Constants.TOKEN_PREFIX, "");
242. <template>
243.   
244.     <i-frame :src="reportUrl"></i-frame>
245.   
246. </template>LoginUser loginUser = tokenService.getLoginUser(token);
247. <template>
248.   
249.     <i-frame :src="reportUrl"></i-frame>
250.   
251. </template>Map<String, Object> map = new HashMap<>();
252. <template>
253.   
254.     <i-frame :src="reportUrl"></i-frame>
255.   
256. </template>map.put(SYS_USER_CODE, loginUser.getUserId());
257. <template>
258.   
259.     <i-frame :src="reportUrl"></i-frame>
260.   
261. </template>map.put(SYS_ORG_CODE, loginUser.getDeptId());
262. <template>
263.   
264.     <i-frame :src="reportUrl"></i-frame>
265.   
266. </template>return map;
267.     }
269.     @Override
270.     public HttpHeaders customApiHeader() {
271. <template>
272.   
273.     <i-frame :src="reportUrl"></i-frame>
274.   
275. </template>HttpHeaders headers = new HttpHeaders();
276. <template>
277.   
278.     <i-frame :src="reportUrl"></i-frame>
279.   
280. </template>headers.add(ryHeader, Constants.TOKEN_PREFIX + getToken());
281. <template>
282.   
283.     <i-frame :src="reportUrl"></i-frame>
284.   
285. </template>headers.add(jmHeader, getToken());
286. <template>
287.   
288.     <i-frame :src="reportUrl"></i-frame>
289.   
290. </template>return headers;
291.     }
292. }

复制代码

贴一下原作者的注意事项：

设置拦截器

在report包下新增interceptor包，在interceptor包下新增ReportInterceptor.java类，并且在此类中添加以下代码

1. package com.ruoyi.framework.report.interceptor;
3. import com.alibaba.fastjson2.JSONObject;
4. import com.ruoyi.common.core.domain.AjaxResult;
5. import com.ruoyi.common.core.domain.entity.SysUser;
6. import com.ruoyi.common.core.domain.model.LoginUser;
7. import com.ruoyi.common.utils.ServletUtils;
8. import com.ruoyi.common.utils.StringUtils;
9. import com.ruoyi.framework.report.config.ReportConfig;
10. import com.ruoyi.framework.report.service.ReportTokenService;
11. import com.ruoyi.framework.web.service.TokenService;
12. import org.springframework.beans.factory.annotation.Autowired;
13. import org.springframework.stereotype.Component;
14. import org.springframework.web.servlet.HandlerInterceptor;
16. import javax.servlet.http.HttpServletRequest;
17. import javax.servlet.http.HttpServletResponse;
18. import java.util.ArrayList;
19. import java.util.HashSet;
20. import java.util.Set;
22. @Component
23. public class ReportInterceptor implements HandlerInterceptor {
25.     @Autowired
26.     private TokenService tokenService;
28.     @Autowired
29.     private ReportConfig reportConfig;
31.     @Autowired
32.     private ReportTokenService reportTokenService;
35.     @Override
36.     public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
38. <template>
39.   
40.     <i-frame :src="reportUrl"></i-frame>
41.   
42. </template>String token = reportTokenService.getToken(request);
43. <template>
44.   
45.     <i-frame :src="reportUrl"></i-frame>
46.   
47. </template>LoginUser loginUser = tokenService.getLoginUser(token);
48. //<template>
49.   
50.     <i-frame :src="reportUrl"></i-frame>
51.   
52. </template>String uri = request.getRequestURI();
53. //<template>
54.   
55.     <i-frame :src="reportUrl"></i-frame>
56.   
57. </template>System.out.println(uri);
59. <template>
60.   
61.     <i-frame :src="reportUrl"></i-frame>
62.   
63. </template>if (StringUtils.isNotNull(loginUser)) {
64. <template>
65.   
66.     <i-frame :src="reportUrl"></i-frame>
67.   
68. </template>    SysUser user = loginUser.getUser();
70. <template>
71.   
72.     <i-frame :src="reportUrl"></i-frame>
73.   
74. </template>    // 超级管理员放权
75. <template>
76.   
77.     <i-frame :src="reportUrl"></i-frame>
78.   
79. </template>    if (StringUtils.isNotNull(user) && user.isAdmin()) {
80. <template>
81.   
82.     <i-frame :src="reportUrl"></i-frame>
83.   
84. </template><template>
85.   
86.     <i-frame :src="reportUrl"></i-frame>
87.   
88. </template>return true;
89. <template>
90.   
91.     <i-frame :src="reportUrl"></i-frame>
92.   
93. </template>    } else {
94. <template>
95.   
96.     <i-frame :src="reportUrl"></i-frame>
97.   
98. </template><template>
99.   
100.     <i-frame :src="reportUrl"></i-frame>
101.   
102. </template>//获取权限集合
103. <template>
104.   
105.     <i-frame :src="reportUrl"></i-frame>
106.   
107. </template><template>
108.   
109.     <i-frame :src="reportUrl"></i-frame>
110.   
111. </template>Set<String> permissions = loginUser.getPermissions();
112. <template>
113.   
114.     <i-frame :src="reportUrl"></i-frame>
115.   
116. </template><template>
117.   
118.     <i-frame :src="reportUrl"></i-frame>
119.   
120. </template>//如果拥有设计器的权限，则无需view权限，也可以通过校验
121. <template>
122.   
123.     <i-frame :src="reportUrl"></i-frame>
124.   
125. </template><template>
126.   
127.     <i-frame :src="reportUrl"></i-frame>
128.   
129. </template>if (StringUtils.isNotNull(permissions)) {
130. <template>
131.   
132.     <i-frame :src="reportUrl"></i-frame>
133.   
134. </template><template>
135.   
136.     <i-frame :src="reportUrl"></i-frame>
137.   
138. </template>    String uri = request.getRequestURI();
140. <template>
141.   
142.     <i-frame :src="reportUrl"></i-frame>
143.   
144. </template><template>
145.   
146.     <i-frame :src="reportUrl"></i-frame>
147.   
148. </template>    // 如果访问报表
149. <template>
150.   
151.     <i-frame :src="reportUrl"></i-frame>
152.   
153. </template><template>
154.   
155.     <i-frame :src="reportUrl"></i-frame>
156.   
157. </template>    if (uri.contains("/jmreport/")) {
158. <template>
159.   
160.     <i-frame :src="reportUrl"></i-frame>
161.   
162. </template><template>
163.   
164.     <i-frame :src="reportUrl"></i-frame>
165.   
166. </template><template>
167.   
168.     <i-frame :src="reportUrl"></i-frame>
169.   
170. </template>// 如果有操作权限，直接放行
171. <template>
172.   
173.     <i-frame :src="reportUrl"></i-frame>
174.   
175. </template><template>
176.   
177.     <i-frame :src="reportUrl"></i-frame>
178.   
179. </template><template>
180.   
181.     <i-frame :src="reportUrl"></i-frame>
182.   
183. </template>if (permissions.contains(reportConfig.getReportEditPermission())) {
184. <template>
185.   
186.     <i-frame :src="reportUrl"></i-frame>
187.   
188. </template><template>
189.   
190.     <i-frame :src="reportUrl"></i-frame>
191.   
192. </template><template>
193.   
194.     <i-frame :src="reportUrl"></i-frame>
195.   
196. </template>    return true;
197. <template>
198.   
199.     <i-frame :src="reportUrl"></i-frame>
200.   
201. </template><template>
202.   
203.     <i-frame :src="reportUrl"></i-frame>
204.   
205. </template><template>
206.   
207.     <i-frame :src="reportUrl"></i-frame>
208.   
209. </template>} else {
210. <template>
211.   
212.     <i-frame :src="reportUrl"></i-frame>
213.   
214. </template><template>
215.   
216.     <i-frame :src="reportUrl"></i-frame>
217.   
218. </template><template>
219.   
220.     <i-frame :src="reportUrl"></i-frame>
221.   
222. </template>    // 设置查询报表的路径，没有带报表编码的路径
223. <template>
224.   
225.     <i-frame :src="reportUrl"></i-frame>
226.   
227. </template><template>
228.   
229.     <i-frame :src="reportUrl"></i-frame>
230.   
231. </template><template>
232.   
233.     <i-frame :src="reportUrl"></i-frame>
234.   
235. </template>    Set<String> queryReportSet = new HashSet<>();
236. <template>
237.   
238.     <i-frame :src="reportUrl"></i-frame>
239.   
240. </template><template>
241.   
242.     <i-frame :src="reportUrl"></i-frame>
243.   
244. </template><template>
245.   
246.     <i-frame :src="reportUrl"></i-frame>
247.   
248. </template>    queryReportSet.add("/jmreport/getQueryInfo");
249. <template>
250.   
251.     <i-frame :src="reportUrl"></i-frame>
252.   
253. </template><template>
254.   
255.     <i-frame :src="reportUrl"></i-frame>
256.   
257. </template><template>
258.   
259.     <i-frame :src="reportUrl"></i-frame>
260.   
261. </template>    queryReportSet.add("/jmreport/show");
263. <template>
264.   
265.     <i-frame :src="reportUrl"></i-frame>
266.   
267. </template><template>
268.   
269.     <i-frame :src="reportUrl"></i-frame>
270.   
271. </template><template>
272.   
273.     <i-frame :src="reportUrl"></i-frame>
274.   
275. </template>    // 设置查询报表的路径，带报表编码的路径
276. <template>
277.   
278.     <i-frame :src="reportUrl"></i-frame>
279.   
280. </template><template>
281.   
282.     <i-frame :src="reportUrl"></i-frame>
283.   
284. </template><template>
285.   
286.     <i-frame :src="reportUrl"></i-frame>
287.   
288. </template>    ArrayList<String> queryReportList = new ArrayList<>();
289. <template>
290.   
291.     <i-frame :src="reportUrl"></i-frame>
292.   
293. </template><template>
294.   
295.     <i-frame :src="reportUrl"></i-frame>
296.   
297. </template><template>
298.   
299.     <i-frame :src="reportUrl"></i-frame>
300.   
301. </template>    queryReportList.add("/jmreport/view/");
302. <template>
303.   
304.     <i-frame :src="reportUrl"></i-frame>
305.   
306. </template><template>
307.   
308.     <i-frame :src="reportUrl"></i-frame>
309.   
310. </template><template>
311.   
312.     <i-frame :src="reportUrl"></i-frame>
313.   
314. </template>    queryReportList.add("/jmreport/addViewCount/");
315. <template>
316.   
317.     <i-frame :src="reportUrl"></i-frame>
318.   
319. </template><template>
320.   
321.     <i-frame :src="reportUrl"></i-frame>
322.   
323. </template><template>
324.   
325.     <i-frame :src="reportUrl"></i-frame>
326.   
327. </template>    queryReportList.add("/jmreport/checkParam/");
329. <template>
330.   
331.     <i-frame :src="reportUrl"></i-frame>
332.   
333. </template><template>
334.   
335.     <i-frame :src="reportUrl"></i-frame>
336.   
337. </template><template>
338.   
339.     <i-frame :src="reportUrl"></i-frame>
340.   
341. </template>    // 如果有查询权限
342. <template>
343.   
344.     <i-frame :src="reportUrl"></i-frame>
345.   
346. </template><template>
347.   
348.     <i-frame :src="reportUrl"></i-frame>
349.   
350. </template><template>
351.   
352.     <i-frame :src="reportUrl"></i-frame>
353.   
354. </template>    if (permissions.contains(reportConfig.getReportQueryPermission())) {
356. <template>
357.   
358.     <i-frame :src="reportUrl"></i-frame>
359.   
360. </template><template>
361.   
362.     <i-frame :src="reportUrl"></i-frame>
363.   
364. </template><template>
365.   
366.     <i-frame :src="reportUrl"></i-frame>
367.   
368. </template><template>
369.   
370.     <i-frame :src="reportUrl"></i-frame>
371.   
372. </template>// 如果是没有报表编码的路径，放行
373. <template>
374.   
375.     <i-frame :src="reportUrl"></i-frame>
376.   
377. </template><template>
378.   
379.     <i-frame :src="reportUrl"></i-frame>
380.   
381. </template><template>
382.   
383.     <i-frame :src="reportUrl"></i-frame>
384.   
385. </template><template>
386.   
387.     <i-frame :src="reportUrl"></i-frame>
388.   
389. </template>if (queryReportSet.contains(uri)) {
390. <template>
391.   
392.     <i-frame :src="reportUrl"></i-frame>
393.   
394. </template><template>
395.   
396.     <i-frame :src="reportUrl"></i-frame>
397.   
398. </template><template>
399.   
400.     <i-frame :src="reportUrl"></i-frame>
401.   
402. </template><template>
403.   
404.     <i-frame :src="reportUrl"></i-frame>
405.   
406. </template>    return true;
407. <template>
408.   
409.     <i-frame :src="reportUrl"></i-frame>
410.   
411. </template><template>
412.   
413.     <i-frame :src="reportUrl"></i-frame>
414.   
415. </template><template>
416.   
417.     <i-frame :src="reportUrl"></i-frame>
418.   
419. </template><template>
420.   
421.     <i-frame :src="reportUrl"></i-frame>
422.   
423. </template>} else {
425. <template>
426.   
427.     <i-frame :src="reportUrl"></i-frame>
428.   
429. </template><template>
430.   
431.     <i-frame :src="reportUrl"></i-frame>
432.   
433. </template><template>
434.   
435.     <i-frame :src="reportUrl"></i-frame>
436.   
437. </template><template>
438.   
439.     <i-frame :src="reportUrl"></i-frame>
440.   
441. </template>    // 如果是带报表编码的路径，放行
442. <template>
443.   
444.     <i-frame :src="reportUrl"></i-frame>
445.   
446. </template><template>
447.   
448.     <i-frame :src="reportUrl"></i-frame>
449.   
450. </template><template>
451.   
452.     <i-frame :src="reportUrl"></i-frame>
453.   
454. </template><template>
455.   
456.     <i-frame :src="reportUrl"></i-frame>
457.   
458. </template>    for (int i = 0; i < queryReportList.size(); i++) {
459. <template>
460.   
461.     <i-frame :src="reportUrl"></i-frame>
462.   
463. </template><template>
464.   
465.     <i-frame :src="reportUrl"></i-frame>
466.   
467. </template><template>
468.   
469.     <i-frame :src="reportUrl"></i-frame>
470.   
471. </template><template>
472.   
473.     <i-frame :src="reportUrl"></i-frame>
474.   
475. </template><template>
476.   
477.     <i-frame :src="reportUrl"></i-frame>
478.   
479. </template>String s = queryReportList.get(i);
480. <template>
481.   
482.     <i-frame :src="reportUrl"></i-frame>
483.   
484. </template><template>
485.   
486.     <i-frame :src="reportUrl"></i-frame>
487.   
488. </template><template>
489.   
490.     <i-frame :src="reportUrl"></i-frame>
491.   
492. </template><template>
493.   
494.     <i-frame :src="reportUrl"></i-frame>
495.   
496. </template><template>
497.   
498.     <i-frame :src="reportUrl"></i-frame>
499.   
500. </template>if (uri.contains(s)) {
501. <template>
502.   
503.     <i-frame :src="reportUrl"></i-frame>
504.   
505. </template><template>
506.   
507.     <i-frame :src="reportUrl"></i-frame>
508.   
509. </template><template>
510.   
511.     <i-frame :src="reportUrl"></i-frame>
512.   
513. </template><template>
514.   
515.     <i-frame :src="reportUrl"></i-frame>
516.   
517. </template><template>
518.   
519.     <i-frame :src="reportUrl"></i-frame>
520.   
521. </template>    return true;
522. <template>
523.   
524.     <i-frame :src="reportUrl"></i-frame>
525.   
526. </template><template>
527.   
528.     <i-frame :src="reportUrl"></i-frame>
529.   
530. </template><template>
531.   
532.     <i-frame :src="reportUrl"></i-frame>
533.   
534. </template><template>
535.   
536.     <i-frame :src="reportUrl"></i-frame>
537.   
538. </template><template>
539.   
540.     <i-frame :src="reportUrl"></i-frame>
541.   
542. </template>}
543. <template>
544.   
545.     <i-frame :src="reportUrl"></i-frame>
546.   
547. </template><template>
548.   
549.     <i-frame :src="reportUrl"></i-frame>
550.   
551. </template><template>
552.   
553.     <i-frame :src="reportUrl"></i-frame>
554.   
555. </template><template>
556.   
557.     <i-frame :src="reportUrl"></i-frame>
558.   
559. </template>    }
561. <template>
562.   
563.     <i-frame :src="reportUrl"></i-frame>
564.   
565. </template><template>
566.   
567.     <i-frame :src="reportUrl"></i-frame>
568.   
569. </template><template>
570.   
571.     <i-frame :src="reportUrl"></i-frame>
572.   
573. </template><template>
574.   
575.     <i-frame :src="reportUrl"></i-frame>
576.   
577. </template>}
579. <template>
580.   
581.     <i-frame :src="reportUrl"></i-frame>
582.   
583. </template><template>
584.   
585.     <i-frame :src="reportUrl"></i-frame>
586.   
587. </template><template>
588.   
589.     <i-frame :src="reportUrl"></i-frame>
590.   
591. </template>    }
592. <template>
593.   
594.     <i-frame :src="reportUrl"></i-frame>
595.   
596. </template><template>
597.   
598.     <i-frame :src="reportUrl"></i-frame>
599.   
600. </template><template>
601.   
602.     <i-frame :src="reportUrl"></i-frame>
603.   
604. </template>}
606. <template>
607.   
608.     <i-frame :src="reportUrl"></i-frame>
609.   
610. </template><template>
611.   
612.     <i-frame :src="reportUrl"></i-frame>
613.   
614. </template><template>
615.   
616.     <i-frame :src="reportUrl"></i-frame>
617.   
618. </template>//如果访问大屏
619. <template>
620.   
621.     <i-frame :src="reportUrl"></i-frame>
622.   
623. </template><template>
624.   
625.     <i-frame :src="reportUrl"></i-frame>
626.   
627. </template>    } else if (uri.contains("/drag/")) {
629. <template>
630.   
631.     <i-frame :src="reportUrl"></i-frame>
632.   
633. </template><template>
634.   
635.     <i-frame :src="reportUrl"></i-frame>
636.   
637. </template><template>
638.   
639.     <i-frame :src="reportUrl"></i-frame>
640.   
641. </template>// 如果有操作权限，直接放行
642. <template>
643.   
644.     <i-frame :src="reportUrl"></i-frame>
645.   
646. </template><template>
647.   
648.     <i-frame :src="reportUrl"></i-frame>
649.   
650. </template><template>
651.   
652.     <i-frame :src="reportUrl"></i-frame>
653.   
654. </template>if (permissions.contains(reportConfig.getDragEditPermission())) {
655. <template>
656.   
657.     <i-frame :src="reportUrl"></i-frame>
658.   
659. </template><template>
660.   
661.     <i-frame :src="reportUrl"></i-frame>
662.   
663. </template><template>
664.   
665.     <i-frame :src="reportUrl"></i-frame>
666.   
667. </template>    return true;
668. <template>
669.   
670.     <i-frame :src="reportUrl"></i-frame>
671.   
672. </template><template>
673.   
674.     <i-frame :src="reportUrl"></i-frame>
675.   
676. </template><template>
677.   
678.     <i-frame :src="reportUrl"></i-frame>
679.   
680. </template>} else {
681. <template>
682.   
683.     <i-frame :src="reportUrl"></i-frame>
684.   
685. </template><template>
686.   
687.     <i-frame :src="reportUrl"></i-frame>
688.   
689. </template><template>
690.   
691.     <i-frame :src="reportUrl"></i-frame>
692.   
693. </template>    // 设置查询大屏的路径，完全路径
694. <template>
695.   
696.     <i-frame :src="reportUrl"></i-frame>
697.   
698. </template><template>
699.   
700.     <i-frame :src="reportUrl"></i-frame>
701.   
702. </template><template>
703.   
704.     <i-frame :src="reportUrl"></i-frame>
705.   
706. </template>    Set<String> queryDragSet = new HashSet<>();
707. <template>
708.   
709.     <i-frame :src="reportUrl"></i-frame>
710.   
711. </template><template>
712.   
713.     <i-frame :src="reportUrl"></i-frame>
714.   
715. </template><template>
716.   
717.     <i-frame :src="reportUrl"></i-frame>
718.   
719. </template>    queryDragSet.add("/drag/page/queryById");
720. <template>
721.   
722.     <i-frame :src="reportUrl"></i-frame>
723.   
724. </template><template>
725.   
726.     <i-frame :src="reportUrl"></i-frame>
727.   
728. </template><template>
729.   
730.     <i-frame :src="reportUrl"></i-frame>
731.   
732. </template>    queryDragSet.add("/drag/page/addVisitsNumber");
735. <template>
736.   
737.     <i-frame :src="reportUrl"></i-frame>
738.   
739. </template><template>
740.   
741.     <i-frame :src="reportUrl"></i-frame>
742.   
743. </template><template>
744.   
745.     <i-frame :src="reportUrl"></i-frame>
746.   
747. </template>    // 设置查询大屏的路径，带有包含部分路径
748. <template>
749.   
750.     <i-frame :src="reportUrl"></i-frame>
751.   
752. </template><template>
753.   
754.     <i-frame :src="reportUrl"></i-frame>
755.   
756. </template><template>
757.   
758.     <i-frame :src="reportUrl"></i-frame>
759.   
760. </template>    ArrayList<String> queryDragList = new ArrayList<>();
761. <template>
762.   
763.     <i-frame :src="reportUrl"></i-frame>
764.   
765. </template><template>
766.   
767.     <i-frame :src="reportUrl"></i-frame>
768.   
769. </template><template>
770.   
771.     <i-frame :src="reportUrl"></i-frame>
772.   
773. </template>    queryDragList.add("/drag/share/view/");
774. <template>
775.   
776.     <i-frame :src="reportUrl"></i-frame>
777.   
778. </template><template>
779.   
780.     <i-frame :src="reportUrl"></i-frame>
781.   
782. </template><template>
783.   
784.     <i-frame :src="reportUrl"></i-frame>
785.   
786. </template>    queryDragList.add("/drag/mock/json/");
788. <template>
789.   
790.     <i-frame :src="reportUrl"></i-frame>
791.   
792. </template><template>
793.   
794.     <i-frame :src="reportUrl"></i-frame>
795.   
796. </template><template>
797.   
798.     <i-frame :src="reportUrl"></i-frame>
799.   
800. </template>    // 如果有查询权限，并且访问的查询接口，放行
801. <template>
802.   
803.     <i-frame :src="reportUrl"></i-frame>
804.   
805. </template><template>
806.   
807.     <i-frame :src="reportUrl"></i-frame>
808.   
809. </template><template>
810.   
811.     <i-frame :src="reportUrl"></i-frame>
812.   
813. </template>    if (permissions.contains(reportConfig.getDragQueryPermission()) && queryDragSet.contains(uri)) {
814. <template>
815.   
816.     <i-frame :src="reportUrl"></i-frame>
817.   
818. </template><template>
819.   
820.     <i-frame :src="reportUrl"></i-frame>
821.   
822. </template><template>
823.   
824.     <i-frame :src="reportUrl"></i-frame>
825.   
826. </template><template>
827.   
828.     <i-frame :src="reportUrl"></i-frame>
829.   
830. </template>return true;
831. <template>
832.   
833.     <i-frame :src="reportUrl"></i-frame>
834.   
835. </template><template>
836.   
837.     <i-frame :src="reportUrl"></i-frame>
838.   
839. </template><template>
840.   
841.     <i-frame :src="reportUrl"></i-frame>
842.   
843. </template>    }
844. <template>
845.   
846.     <i-frame :src="reportUrl"></i-frame>
847.   
848. </template><template>
849.   
850.     <i-frame :src="reportUrl"></i-frame>
851.   
852. </template><template>
853.   
854.     <i-frame :src="reportUrl"></i-frame>
855.   
856. </template>}
857. <template>
858.   
859.     <i-frame :src="reportUrl"></i-frame>
860.   
861. </template><template>
862.   
863.     <i-frame :src="reportUrl"></i-frame>
864.   
865. </template><template>
866.   
867.     <i-frame :src="reportUrl"></i-frame>
868.   
869. </template>// 拦截非报表和大屏路径处理，正确配置，不会出现此情况。
870. <template>
871.   
872.     <i-frame :src="reportUrl"></i-frame>
873.   
874. </template><template>
875.   
876.     <i-frame :src="reportUrl"></i-frame>
877.   
878. </template>    } else {
879. <template>
880.   
881.     <i-frame :src="reportUrl"></i-frame>
882.   
883. </template><template>
884.   
885.     <i-frame :src="reportUrl"></i-frame>
886.   
887. </template><template>
888.   
889.     <i-frame :src="reportUrl"></i-frame>
890.   
891. </template>return true;
892. <template>
893.   
894.     <i-frame :src="reportUrl"></i-frame>
895.   
896. </template><template>
897.   
898.     <i-frame :src="reportUrl"></i-frame>
899.   
900. </template>    }
902. <template>
903.   
904.     <i-frame :src="reportUrl"></i-frame>
905.   
906. </template><template>
907.   
908.     <i-frame :src="reportUrl"></i-frame>
909.   
910. </template>}
911. <template>
912.   
913.     <i-frame :src="reportUrl"></i-frame>
914.   
915. </template>    }
916. <template>
917.   
918.     <i-frame :src="reportUrl"></i-frame>
919.   
920. </template>}
921. <template>
922.   
923.     <i-frame :src="reportUrl"></i-frame>
924.   
925. </template>AjaxResult ajaxResult = AjaxResult.error(403, "当前操作没有权限");
926. <template>
927.   
928.     <i-frame :src="reportUrl"></i-frame>
929.   
930. </template>ServletUtils.renderString(response, JSONObject.toJSONString(ajaxResult));
931. <template>
932.   
933.     <i-frame :src="reportUrl"></i-frame>
934.   
935. </template>return false;
936.     }
937. }

复制代码

原作者说的注意事项：

打开config包下的ResourcesConfig.java文件，注入ReportInterceptor拦截器，并且注册拦截器和设置拦截规则

修改addInterceptors()方法

1.   /**
2.      * 自定义拦截规则
3.      */
4.     @Override
5.     public void addInterceptors(InterceptorRegistry registry)
6.     {
7. <template>
8.   
9.     <i-frame :src="reportUrl"></i-frame>
10.   
11. </template>registry.addInterceptor(repeatSubmitInterceptor).addPathPatterns("/**")
12. <template>
13.   
14.     <i-frame :src="reportUrl"></i-frame>
15.   
16. </template><template>
17.   
18.     <i-frame :src="reportUrl"></i-frame>
19.   
20. </template>// 积木报表新增：不拦截静态资源
21. <template>
22.   
23.     <i-frame :src="reportUrl"></i-frame>
24.   
25. </template><template>
26.   
27.     <i-frame :src="reportUrl"></i-frame>
28.   
29. </template>.excludePathPatterns("/*.**, /**/*.html, /**/*.css, /**/*.js, /**/*.png, /**/*.jpg, /**/*.woff, /**/*.woff2, /**/*.ttf,  /**/*.svg, /**/*.ico, /**/*.map" )
30. <template>
31.   
32.     <i-frame :src="reportUrl"></i-frame>
33.   
34. </template>;
35.     }

复制代码

假如出现未设置的静态资源，必要自己进行设置。

实现数据格式转换器

在report包下新增adapter包，在adapter包下，新增ReportDataConvertAdapter.java文件，并且在此类中添加以下代码

1. package com.ruoyi.framework.report.adapter;
3. import com.alibaba.fastjson.JSONObject;
4. import org.jeecg.modules.jmreport.desreport.render.handler.convert.ApiDataConvertAdapter;
5. import org.springframework.stereotype.Component;
7. @Component("reportDataConvertAdapter")
8. public class ReportDataConvertAdapter implements ApiDataConvertAdapter {
9.     @Override
10.     public String getData(JSONObject jsonObject) {
12. <template>
13.   
14.     <i-frame :src="reportUrl"></i-frame>
15.   
16. </template>if(jsonObject.containsKey("data")){
17. <template>
18.   
19.     <i-frame :src="reportUrl"></i-frame>
20.   
21. </template>    String data = jsonObject.getString("data");
22. <template>
23.   
24.     <i-frame :src="reportUrl"></i-frame>
25.   
26. </template>    return data;
27. <template>
28.   
29.     <i-frame :src="reportUrl"></i-frame>
30.   
31. </template>}else if(jsonObject.containsKey("rows")){
32. <template>
33.   
34.     <i-frame :src="reportUrl"></i-frame>
35.   
36. </template>    return jsonObject.getString("rows");
37. <template>
38.   
39.     <i-frame :src="reportUrl"></i-frame>
40.   
41. </template>}else {
42. <template>
43.   
44.     <i-frame :src="reportUrl"></i-frame>
45.   
46. </template>    return jsonObject.toJSONString();
47. <template>
48.   
49.     <i-frame :src="reportUrl"></i-frame>
50.   
51. </template>}
52.     }
53. }

复制代码

去官网拿积木的数据结构，在数据库执行

官网地址：

1. https://github.com/jeecgboot/jimureport/blob/master/db/jimureport.mysql5.7.create.sql

复制代码

前端设置

新建jeecg文件夹，并且jeecg文件夹下，新增request.js文件，并且在此文件中添加以下代码

1. import axios from 'axios'
2. import { Notification, MessageBox, Message } from 'element-ui'
3. import store from '@/store'
4. import { getToken } from '@/utils/auth'
5. import errorCode from '@/utils/errorCode'
6. import { tansParams } from "@/utils/ruoyi";
7. import cache from '@/plugins/cache'
9. // 是否显示重新登录
10. export let isRelogin = { show: false };
12. axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
13. // 创建axios实例
14. const service = axios.create({
15.   // axios中请求配置有baseURL选项，表示请求URL公共部分
16.   baseURL: process.env.VUE_APP_BASE_API,
17.   // 超时
18.   timeout: 10000
19. })
21. // request拦截器
22. service.interceptors.request.use(config => {
23.   // 是否需要设置 token
24.   const isToken = (config.headers || {}).isToken === false
25.   // 是否需要防止数据重复提交
26.   const isRepeatSubmit = (config.headers || {}).repeatSubmit === false
27.   if (getToken() && !isToken) {
28.     config.headers['X-Access-Token'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
29.   }
30.   // get请求映射params参数
31.   if (config.method === 'get' && config.params) {
32.     let url = config.url + '?' + tansParams(config.params);
33.     url = url.slice(0, -1);
34.     config.params = {};
35.     config.url = url;
36.   }
37.   if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
38.     const requestObj = {
39.       url: config.url,
40.       data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
41.       time: new Date().getTime()
42.     }
43.     const sessionObj = cache.session.getJSON('sessionObj')
44.     if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
45.       cache.session.setJSON('sessionObj', requestObj)
46.     } else {
47.       const s_url = sessionObj.url;<template>
48.   
49.     <i-frame :src="reportUrl"></i-frame>
50.   
51. </template><template>
52.   
53.     <i-frame :src="reportUrl"></i-frame>
54.   
55. </template>  // 请求地址
56.       const s_data = sessionObj.data;<template>
57.   
58.     <i-frame :src="reportUrl"></i-frame>
59.   
60. </template><template>
61.   
62.     <i-frame :src="reportUrl"></i-frame>
63.   
64. </template>// 请求数据
65.       const s_time = sessionObj.time;<template>
66.   
67.     <i-frame :src="reportUrl"></i-frame>
68.   
69. </template><template>
70.   
71.     <i-frame :src="reportUrl"></i-frame>
72.   
73. </template>// 请求时间
74.       const interval = 1000;<template>
75.   
76.     <i-frame :src="reportUrl"></i-frame>
77.   
78. </template><template>
79.   
80.     <i-frame :src="reportUrl"></i-frame>
81.   
82. </template><template>
83.   
84.     <i-frame :src="reportUrl"></i-frame>
85.   
86. </template> // 间隔时间(ms)，小于此时间视为重复提交
87.       if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
88. <template>
89.   
90.     <i-frame :src="reportUrl"></i-frame>
91.   
92. </template>const message = '数据正在处理，请勿重复提交';
93. <template>
94.   
95.     <i-frame :src="reportUrl"></i-frame>
96.   
97. </template>console.warn(`[${s_url}]: ` + message)
98. <template>
99.   
100.     <i-frame :src="reportUrl"></i-frame>
101.   
102. </template>return Promise.reject(new Error(message))
103.       } else {
104. <template>
105.   
106.     <i-frame :src="reportUrl"></i-frame>
107.   
108. </template>cache.session.setJSON('sessionObj', requestObj)
109.       }
110.     }
111.   }
112.   return config
113. }, error => {
114.   console.log(error)
115.   Promise.reject(error)
116. })
118. // 响应拦截器
119. service.interceptors.response.use(res => {
120.     // 未设置状态码则默认成功状态
121.     const code = res.data.code || 200;
122.     // 获取错误信息
123.     const msg = errorCode[code] || res.data.msg || res.data.message || errorCode['default']
125.     // 二进制数据则直接返回
126.     if (res.request.responseType ===  'blob' || res.request.responseType ===  'arraybuffer') {
127.       return res
128.     }
129.     if (code === 401) {
130.       if (!isRelogin.show) {
131. <template>
132.   
133.     <i-frame :src="reportUrl"></i-frame>
134.   
135. </template>isRelogin.show = true;
136. <template>
137.   
138.     <i-frame :src="reportUrl"></i-frame>
139.   
140. </template>MessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning' }).then(() => {
141. <template>
142.   
143.     <i-frame :src="reportUrl"></i-frame>
144.   
145. </template>  isRelogin.show = false;
146. <template>
147.   
148.     <i-frame :src="reportUrl"></i-frame>
149.   
150. </template>  store.dispatch('LogOut').then(() => {
151. <template>
152.   
153.     <i-frame :src="reportUrl"></i-frame>
154.   
155. </template>    location.href = '/index';
156. <template>
157.   
158.     <i-frame :src="reportUrl"></i-frame>
159.   
160. </template>  })
161. <template>
162.   
163.     <i-frame :src="reportUrl"></i-frame>
164.   
165. </template>}).catch(() => {
166. <template>
167.   
168.     <i-frame :src="reportUrl"></i-frame>
169.   
170. </template>  isRelogin.show = false;
171. <template>
172.   
173.     <i-frame :src="reportUrl"></i-frame>
174.   
175. </template>});
176.       }
177.       return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
178.     } else if (code === 500) {
179.       Message({ message: msg, type: 'error' })
180.       return Promise.reject(new Error(msg))
181.     } else if (code === 601) {
182.       Message({ message: msg, type: 'warning' })
183.       return Promise.reject('error')
184.     } else if (code !== 200) {
185.       Notification.error({ title: msg })
186.       return Promise.reject('error')
187.     } else {
188.       return res.data
189.     }
190.   },
191.   error => {
192.     console.log('err' + error)
193.     let { message } = error;
194.     if (message == "Network Error") {
195.       message = "后端接口连接异常";
196.     } else if (message.includes("timeout")) {
197.       message = "系统接口请求超时";
198.     } else if (message.includes("Request failed with status code")) {
199.       message = "系统接口" + message.substr(message.length - 3) + "异常";
200.     }
201.     Message({ message: message, type: 'error', duration: 5 * 1000 })
202.     return Promise.reject(error)
203.   }
204. )
207. export default service

复制代码

在jeecg文件夹下，新增report.js文件，并且在此文件中添加以下代码

1. import request from "@/api/jeecg/request";
2. let jmreportUrl = "/jmreport";
3. import { getToken } from "@/utils/auth";
4. let paramObj = {
5.   token: "Bearer " + getToken()
6. }
7. // 获取填报报表
8. export function listReport(queryParams) {
9.   let params = {
10.     ...paramObj,
11.     ...queryParams
12.   }
13.   return request({
14.     url: jmreportUrl + "/excelQuery",
15.     method: 'get',
16.     params: params
17.   })
18. }
20. // 获取填报报表列表
21. export function listFillReport(queryParams) {
22.   paramObj["reportType"] = "1011126161407836160";
23.   let params = {
24.     ...paramObj,
25.     ...queryParams
26.   }
27.   return request({
28.     url: jmreportUrl + "/excelQuery",
29.     method: 'get',
30.     params: params
31.   })
32. }

复制代码

在src/view文件夹下新增jeecg文件夹，在jeecg文件夹下新增report文件夹，在report文件夹下新增index.vue文件，并且在此文件中添加以下代码

1. <template>
2.   
3.     <i-frame :src="reportUrl"></i-frame>
4.   
5. </template>

复制代码

在report文件夹下新增view文件夹，在view文件夹下新增index.vue文件，并且在此文件中添加以下代码。

1. <template>
2.   
3.     <i-frame :src="reportUrl"></i-frame>
4.   
5. </template>

复制代码

在jeecg文件夹下新增drag文件夹，在drag文件夹下新增index.vue文件，并且在此文件中添加以下代码

1. <template>
2.   
3.     <i-frame :src="reportUrl"></i-frame>
4.   
5. </template>

复制代码

在drag文件夹下新增view文件夹，在view文件夹下新增index.vue文件，并且在此文件中添加以下代码。

1. <template>
2.   
3.     <i-frame :src="reportUrl"></i-frame>
4.   
5. </template>

复制代码

执行创建菜单的SQL

1. -- 主目录
2. INSERT INTO `lucas`.`sys_menu` (`menu_id`, `menu_name`, `parent_id`, `order_num`, `path`, `component`, `query`, `route_name`, `is_frame`, `is_cache`, `menu_type`, `visible`, `status`, `perms`, `icon`, `create_by`, `create_time`, `update_by`, `update_time`, `remark`) VALUES (1083, '报表管理', 0, 7, 'jeecg', NULL, NULL, '', 1, 0, 'M', '0', '0', NULL, 'chart', 'admin', '2025-03-27 01:49:40', '', NULL, '');
5. -- 基础报表菜单
6. INSERT INTO `lucas`.`sys_menu` (`menu_id`, `menu_name`, `parent_id`, `order_num`, `path`, `component`, `query`, `route_name`, `is_frame`, `is_cache`, `menu_type`, `visible`, `status`, `perms`, `icon`, `create_by`, `create_time`, `update_by`, `update_time`, `remark`) VALUES (1084, '报表管理', 1083, 0, 'report', 'jeecg/report/index', NULL, '', 1, 0, 'C', '0', '0', 'jeecg:report:edit', 'druid', 'admin', '2025-03-27 01:51:44', 'admin', '2025-03-27 05:12:06', '');
9. -- 大屏报表菜单
10. INSERT INTO `lucas`.`sys_menu` (`menu_id`, `menu_name`, `parent_id`, `order_num`, `path`, `component`, `query`, `route_name`, `is_frame`, `is_cache`, `menu_type`, `visible`, `status`, `perms`, `icon`, `create_by`, `create_time`, `update_by`, `update_time`, `remark`) VALUES (1085, '大屏管理', 1083, 1, 'drag', 'jeecg/drag/index', NULL, '', 1, 0, 'C', '0', '0', 'jeecg:drag:edit', 'druid', 'admin', '2025-03-27 01:53:17', 'admin', '2025-03-27 05:12:13', '');
13. -- 基础报表查看菜单
14. INSERT INTO `lucas`.`sys_menu` (`menu_id`, `menu_name`, `parent_id`, `order_num`, `path`, `component`, `query`, `route_name`, `is_frame`, `is_cache`, `menu_type`, `visible`, `status`, `perms`, `icon`, `create_by`, `create_time`, `update_by`, `update_time`, `remark`) VALUES (1086, '报表查看', 1083, 2, 'report/view', 'jeecg/report/view/index', NULL, '', 1, 0, 'C', '1', '0', 'jeecg:report:query', 'eye-open', 'admin', '2025-03-27 01:54:41', 'admin', '2025-03-27 05:12:19', '');
17. -- 大屏报表查看菜单
18. INSERT INTO `lucas`.`sys_menu` (`menu_id`, `menu_name`, `parent_id`, `order_num`, `path`, `component`, `query`, `route_name`, `is_frame`, `is_cache`, `menu_type`, `visible`, `status`, `perms`, `icon`, `create_by`, `create_time`, `update_by`, `update_time`, `remark`) VALUES (1087, '大屏查看', 1083, 3, 'drag/view', 'jeecg/drag/view/index', NULL, '', 1, 0, 'C', '1', '0', 'jeecg:drag:query', 'eye-open', 'admin', '2025-03-27 01:55:46', 'admin', '2025-03-27 05:12:24', '');

复制代码

设置结束


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。