图片灯箱插件

编辑
  • 文档创建者:JerrySong
  • 浏览次数:540次
  • 编辑次数:2次
  • 最近更新:Kevin-s 于 2019-06-24
  • 1. 版本

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


    2. 描述

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


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


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


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

    3. 安装插件

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

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

    4. 操作步骤

    4.1 添加超链

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

    4.2 图片路径

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

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

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

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

    5. 前端效果预览

    5.1 预览

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


    5.2 具体使用

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


    6. 移动端

    移动端不支持


    附件列表


    主题: 二次开发
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]