风雨十年,感恩同行
查看: 436|回复: 0

[讨论] 帆软更好的形式展现图片——图片灯箱插件

[复制链接]

该用户从未签到

发表于 2019-6-18 00:44:10 | 显示全部楼层 |阅读模式

一般生产车间内对一台制造设备的误差率会有很多数值偏差的统计,根据这些数据生成一张该时间段内的误差散点图,来表征这台设备这段时间内的状态,操作人员只需根据这张图片就可以判断出设备是否需要调整、维修。


161246lbng7ynr2q2nm7ff.png



      其实不止生产车间,很多场景下图片已经和文字一样成为描述一个实例的必须属性了,图片包含的信息量、展现效果的直观性也要远胜于文字,所以图片有着文字不可替代的优势,但是也正是由于图片的这些属性决定了图片不方便像文字一样作为一列属性与其他文字属性放在同一表格中,强行放到一起会对整个页面展现数据的数量及美观程度造成很大影响。




所以往往我们需要采用超链的方式通过点击链接来重新打开图片显示,以保证表格展示页面的统一与美观。


      


这款插件就能解决这样的问题,点击可打开“灯箱”显示图片的完整大小,并支持缩放等功能


【功能介绍】
  • 支持显示完整的图片内容
  • 滚动放大缩小,双击全屏展示
  • 显示放大百分比


【下载方式】
  • 打开FineReport设计器,在“服务器——插件管理——应用商城”中搜索“图片灯箱”安装下载
  • 进入帆软市场安装下载,搜索“图片灯箱”安装下载




【使用说明】
1.安装

安装“图片灯箱”插件。


2.设置
      打开需要添加灯箱效果展示图片的cpt文件,选中相应单元格(单元格内可为描述性或提示性文字,也可为所要展示的图片)设置:超级链接—添加链接—图片lightbox—填写图片路径。

      

3.图片路径
   (1)本地路径:http://localhost:8075/webroot/XXXX.jpg
            (其中"XXXX"为具体的图片文件名,".jpg"为图片格式,也可根据实际情况改为“.png”,图片文件需存放在webroot文件夹下);
   (2)网络路径:无需本地存储,填写有效的URL即可。


4.预览

重复上述步骤设置好所有需要用lightbox效果展示图片的单元格以后即可预览。




5.效果

单击设置了超链的单元格即可展示完整的图片,双击为全屏展示,并且两种操作都可以通过滚动鼠标滚轮调整图片放大/缩小,右上角会显示当前图片的放大/缩小比率。






相关技术服务需求,请联系管理员和客服QQ:2753533861或QQ:619920289
您需要登录后才可以回帖 登录 | 用户注册

本版积分规则

帖子推荐:
客服咨询

QQ:2753533861

服务时间 9:00-22:00

金蝶用友易助管家婆深度服务
快速回复 返回顶部 返回列表