润乾——如何修改页面模块宽度

最新推荐文章于 2022-04-18 16:19:16 发布
最新推荐文章于 2022-04-18 16:19:16 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 润乾 文章标签： 润乾 报表 开发 工具 免费 润乾
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012234486/article/details/107320914
本文详细介绍了如何修改润乾报表页面模块的宽度，以优化布局。通过调整centerIndex.jsp、header.jsp和tree.jsp中涉及layui-side、layui-layout-body等元素的宽度，可以有效地减少左侧结构树区域的空白，为报表展示区腾出更多空间。在修改文件时需要注意使用正确的用户权限，并在修改后重启服务。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

如图所示，页面左侧结构树区域的宽度是默认的，当节点名称都很短时，会有大面积空白，如果将此区域的宽度减小一点，可以给右侧报表展示区更多的空间
在这里插入图片描述

修改模块宽度

可以先用浏览器自带的开发者工具看下页面框架，大致定位到需要修改哪些文件

注意修改文件时使用的用户，应与原文件保持一致，若不一致，需要su username进行变更

1.centerIndex.jsp

路径：/data/app/report-v2018-20190704/report/web/webapps/demo/raqsoft/center/centerIndex.jsp
高亮区域为安装后的润乾报表文件夹
如图，修改layui-side宽度，这里将原300px改为250px
在这里插入图片描述

2.header.jsp

路径：/data/app/report-v2018-20190704/report/web/webapps/demo/raqsoft/center/header.jsp
如图，修改layui-side、leftF、props的宽度
在这里插入图片描述

3.tree.jsp

路径：/data/app/report-v2018-20190704/report/web/webapps/demo/raqsoft/center/header.jsp
如图，修改layui-layout-body的宽度
在这里插入图片描述

4.重启即可
手机网页示例1——通过CSS的宽度百分比设置达到页面自适应效果
musilin7的专栏
04-22 5176
手机网页与传统PC网页存在很大区别的一点在于页面展示。 PC网页在布局方面常常会在两边“留白”——比如把网页的主要内容居中，然后两边通常不做布置（只是显示背景）。这是因为PC屏幕大，屏幕能显示的内容多，网页设计者当然可以把需要展示的内容仅仅放到页面中间就基本足够了，而且这样还能够让页面显得美观、整洁。 而对于手机网页，手机屏幕的尺寸本来就比较小。所以通常手机网页的布局都不会在页面两边留白。设计
【鸿蒙基于API 13实战开发】—— ArkUI 页面布局(栅格布局 (GridRow/GridCol)）
最新发布
shangkangba的博客
11-29 829
栅格布局是一种通用的辅助定位工具，对移动设备的界面设计有较好的借鉴作用。主要优势包括：提供可循的规律：栅格布局可以为布局提供规律性的结构，解决多尺寸多设备的动态布局问题。通过将页面划分为等宽的列数和行数，可以方便地对页面元素进行定位和排版。统一的定位标注：栅格布局可以为系统提供一种统一的定位标注，保证不同设备上各个模块的布局一致性。这可以减少设计和开发的复杂度，提高工作效率。灵活的间距调整方法：栅格布局可以提供一种灵活的间距调整方法，满足特殊场景布局调整的需求。
润乾报表宽的设置
fayemei001的专栏
05-27 5992
润乾报表的分页方式分为三种，既为不分页，按纸分页和按行分页。这三种分页方式的意思从字面上就可以理解，但这并不能满足用户的需求，如用户需要横向不分页，但纵向分页，这个时候不管选择不分页或者按纸分页和按行分页都没有办法实现需求。选择不分页没有纵向分页，选择按纸分页或者是按行分页时若横向较长时，就会有横向分页，这个时候就需要修改jsp文件，在jsp中加入height="-1“这个属性就可以满足用户的需求
润乾报表学习：报表在页面的样式等的调整
qingo00o的博客
03-16 4356
步骤一：首先将报表和参数模板设计好在这里，后面在导出PDF与word的时候，因为我的字号设置的问题，最后一列总是打印在后面一张上，这里就记录一下设置打印的问题。在属性——报表属性，打开，显示如下界面：纸张类型选择A4，缩放模式选择与纸张等宽，页边距一般上下边距我不会去调，主要是左右边距，如果打印显示你的一张下面显示不出所有的列数，可以适当调一下左右边距。当然，你也可以将字号调小。当然还有参数模板的...
润乾集算报表呈现输出之变动行高列宽
raqreport的博客
04-11 2722
http://blog.runqian.com.cn/?p=1405   报表应用中，报表格式和显示效果要求往往比较严格，有时需要根据报表数据动态改变报表的行高或列宽，这就需要报表工具具备相应的能力。在润乾集算报表中，可以通过公式动态设置报表的行高列宽，下面通过一个实例说明如何实现。   目标报表要求根据用户输入地区参数动态改变统计图所在列宽度或行高度，如：   当参数为“东
即时报表Flex工具条使用之调整列宽
bireport的专栏
12-06 554
润乾即时报表不仅可以通过拖拽的方式轻松实现各种常见类型的web报表制作，而且在展现报表时还提供了灵活的Flex工具条，可以通过Flex工具条实现调整列宽、排序和过滤显示数据等功能。下面就先简单的介绍一下如何使用Flex工具条调整列宽。我们设计一个简单类型的报表，报表查看如下图在上图中我们可以看到，当雇员地址过长时就会显示不全，我们可以通过左右拖动Flex工具条来调整列宽从而使数据全部显
润乾报表如何使用Echarts
weixin_33950035的博客
11-22 474
 1.润乾报表中使用Echarts统计图的步骤 2.报表中添加echarts2统计图 选中需要设为统计图的单元格，点击 报表-第三方图形 菜单项，或者右键菜单-第三方图形，在图形编辑窗口中点击打开模版按钮，缺省会直接指向【安装根目录】/chart 目录，用户也可自行切换到模版的存放路径。 如果需要画的图形在已有模版中不存在， ...
润乾转html居中,[分享]润乾报表内置的jsp编辑器
weixin_33835459的博客
06-28 342
首先，点击 配置- JSP编辑器，打开JSP编辑器窗口，如下图打开要编辑的JSP文件，在JSP编辑器窗口中显示待编辑的JSP文件，如下图然后，点击JSP编辑器中的【插入标签库】按钮，插入标签库，如下图最后，点击JSP编辑器中的【插入】按钮，插入html标记，如下图选择插入HTML标签，设置如下图这里可以通过切换标签页来设置其他标签页中的属性，如打印标签页、保存标签页、显示标签页、参数标签页、填报标...
JSP论坛开发实例教程——用户登录模块分析
`width`、`border`、`align`、`cellpadding`、`cellspacing`和`bordercolor`属性分别用于控制表格的宽度、边框、对齐、内边距、间距和边框颜色。 - **输入字段**: `<input>`标签用于创建输入框，其中`type="text"`...
AngularJs bootstrap搭载前台框架——基础页面
10-21
例如，使用`container`和`row`类来建立页面的主要结构，然后在其中嵌入`col-xs-12`（表示在小屏幕设备上占满全部宽度）等类来实现不同大小的列宽布局。导航条（navbar）和页脚（footer）也被用作布局的一部分，以...
安卓Android源码——SlidingMenu左右宽度可调节菜单.zip
10-11
此压缩包"安卓Android源码——SlidingMenu左右宽度可调节菜单.zip"包含了一个名为"SlidingMenuTest.zip"的测试项目和一个"library.zip"的库文件，旨在帮助开发者理解并自定义SlidingMenu的宽度。 首先，我们来讨论...
润乾报表根据浏览器窗体自动缩放
xujiapei01的专栏
01-21 4980
润乾报表可以在发布报表的JSP中通过scale这个标签属性控制报表的缩放显示比例，其属性取值为实数，该方式只能通过指定的具体缩放的比例值进行缩放，不能满足根据浏览器的窗体大小进行缩放的需求。 实现思路 在页面初次加载报表和改变窗体大小时，通过JS获取浏览器窗体的大小设定为报表所在区域的宽度大小。 实现实例： 1.          制作一个测试报表，设计如下图所示： 页面未设
【润乾报表4】打印缩放说明
RQlyc的博客
09-11 1670
问题描述： 客户在使用润乾打印功能的时候，在打印预览页面选择“按高”或“按宽”缩放 当前报表行数比较少（如本例中是一行），当点击“按高缩放”的时候会出现下面的提示， 点击确定以后，打印内容会有所变化，有的客户比较费解。 现象说明： 打印缩放是根据当前内容进行宽高同比例缩放，当报表内容超过一页纸时，整个报表会按比例缩小到一张纸的范围；当报表内容不足一页纸时，报表会按比例填充到整张纸范围。...
如何使报表宽度自适应分辨率
chaochao52001的博客
12-09 2380
 一、问题描述 润乾报表为了保证精确显示，宽度给定的是一个绝对值，所以不管分辨率是多少，报表显示的宽度是固定的。但是，现在报表用户报表并不单纯作为一个报表工具使用，有时候也当作页面工具使用。这个时候为了页面显示的工整美观，报表用户就需要润乾报表能够自适应宽度，那就需要润乾报表的宽度不能是一个绝对值，而是一个相对值。 二、解决方法 报表解析为html后，其实就是一个table，所以如果能
web 报表工具如何自适应
chaochao52001的博客
02-26 532
现在的报表用户已经不再将报表作为一个单纯的报表工具看待了，有时候也会当作页面工具来使用，这时为了页面显示工整美观，就需要报表能够自适应宽度。下面我们就基于润乾报表来讲一下是如何做到自适应展现报表。 产品：润乾报表 V2018 方法 1：使用自带的 matchReport.jsp 访问报表，这个页面通过 reportMatchSize 这个自适应 js 函数实现自适应功能。 1、 新建报表（过...
如何动态改变报表的行高列宽
xiaohuihui_1992的博客
04-24 3164
报表应用中有时需要动态控制行高或列宽以满足特定需要。如分组报表中要求每个分组的总高度 / 宽度固定不变，这样一来就能实现每页纸打印相同数量的分组。 润乾报表可以在行高列宽属性中编写表达式，从而实现动态行高列宽，下面通过一个例子说明使用过程。 1、连接数据源 使用润乾报表设计器，连接自带数据源 DEMO 2、设置数据集 新建报表并设置数据集，使用 SQL 取数 数据集 ds1 如...
Nginx健康检查自定义检查路径（非根路径）
运维工程师
04-18 3824
Nginx官方提供的模块中，默认没有对负载均衡后端节点健康检查模块，必须使用第三方模块以打补丁形式安装使用，所以推荐使用Tengine ngx_http_upstream_check_module 该模块可以为Tengine提供主动式后端服务器健康检查的功能，1.40+以上默认开启 upstream report { server 10.96.6.65:8080 weight=1 ; server 10.96.6.66:8080 weight=1 ; ch
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值