历史版本2 :图片灯箱插件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 版本编辑

  报表服务器版本   插件版本 
  9.0、10.0  1.0


2. 描述编辑

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


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


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


不过这种方式下图片超链所得的图片大小是固定的,无法随着自己的想法随意放大缩小,但这在精细制造等很多实际使用场景中是必须的,如果每次查看一下图片都需下载才可放大查看那就太麻烦了,但有了 图片灯箱 这款插件就能解决这样的问题,点击可打开“灯箱”显示图片的完整大小,并支持缩放等功能。

3. 安装插件编辑

设计器插件安装方法参照 设计器插件管理

服务器安装插件方法参照 服务器插件管理

4. 操作步骤编辑

4.1 添加超链

安装好插件后,打开需要添加灯箱效果展示图片的 cpt 文件,选中相应单元格(单元格内可为描述性或提示性文字,也可为所要展示的图片),点击超级链接—添加链接—图片 lightbox,然后填写图片路径。
222

4.2 图片路径

图片有两种路径,一种是本地路径,一种是网络路径。

1)本地路径:http://localhost:8075/webroot/XXXX.jpg

(其中"XXXX"为具体的图片文件名,".jpg"为图片格式,也可根据实际情况改为“.png”,图片文件需存放在 webroot 文件夹下);

2)网络路径:无需本地存储图片,填写有效的 URL 即可。

5. 前端效果预览编辑

5.1 预览

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

222

5.2 具体使用

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

222

6. 移动端编辑

移动端不支持