反馈已提交

网络繁忙

填报页面优化技巧

  • 文档创建者:文档助手1
  • 编辑次数:27次
  • 最近更新:Leo.Tsai 于 2022-09-20
  • 1. 去除填报页面选中单元格时的黑色边框

    1.1 问题描述

    前端填报预览时,如果选中某个单元格,该单元格会出现如下图所示的黑色外框,比较影响整个页面的美观,那么该如何将这个边框去除掉呢?

    Snag_14fe7a07.png

    1.2 解决方案

    1)打开需要去边框的模板,点击模板>模板 Web 属性>填报页面设置,为填报模板添加一个加载结束事件,步骤如下图所示:

    1600152549379224.png

    JavaScript 代码如下:

    _g().curLGP.hideSelectFrame();

    2)加载结束事件添加完成后,保存模板,点击填报预览,此时可以看到选中单元格时,没有黑色边框,如下图所示:

    Snag_1518dcc9.png

    如果您想在数据分析页面实现该效果,可参见文档:去除数据分析页面选中单元格时的黑色边框

    2. 去除填报提示框

    2.1 问题描述

    填报提交和校验在成功或失败后,在填报页面的右侧会弹出如下图所示的提示框,如果想要去掉这个提示框,那么如何实现呢?

    2.2 解决方案

    以去除提交后的提示框为例,打开模板,点击模板>模板 Web 属性>填报页面设置,下拉选择为该模板单独设置,然后添加填报后事件,如下图所示:

    注:如果是去除校验后的提示框,需要改为添加校验后事件,不过代码是一样的。

    1600154797822735.png

    JavaScript 代码如下:

    return false;

    3. 填报成功后自动刷新页面

    3.1 问题描述

    在填报成功提交后,希望页面可以立即刷新,可以直接看到更新后的数据,效果如下图所示:

    4798FCEF-8291-42CA-AED0-4990CA7C46F3.GIF

    3.2 解决方案

    以单 sheet 填报为例,打开模板,点击模板>模板 Web 属性>填报页面设置,下拉选择为该模板单独设置,然后添加填报成功事件,如下图所示:

    1600159171686237.png

    JavaScript 代码如下:

    location.reload();

    3.3 注意事项

    对于多 sheet 填报表,若对 sheet2 进行填报,使用如上方案刷新后会跳到 sheet1,那么如何实现在哪个 sheet 填报成功就显示哪个 sheet 呢?

    只需要将上面方案的代码修改成如下代码即可: 

    this.refreshAllSheets();

    4. 填报成功后自动关闭窗口

    4.1 问题描述

    有时候希望填报完后可以自动关闭填报页面,效果如下图所示:

    9BA6B27C-11B0-4430-8AC0-73E2F6A004A6.GIF

    4.2 解决方案

    打开填报模板,点击模板>模板 Web 属性>填报页面设置,下拉选择为该模板单独设置,然后添加填报成功事件,如下图所示:

    1600162617758720.png

    JavaScript 代码如下:

    window.close();

    5. 填报提交后自动跳转

    5.1 问题描述

    • 如果是对一组报表进行填报,希望填报成功后可以自动跳转到下一个报表进行填报。

    • 填报提交后,如果填报失败,希望可以跳转到指定的失败页面。

    5.2 解决方案

    打开填报模板,点击模板>模板 Web 属性>填报页面设置,下拉选择为该模板单独设置,然后添加填报成功事件和填报失败事件,如下图所示:

    1600323033552267.png

    填报成功 JavaScript 代码如下:

    window.open("/webroot/decision/view/report?viewlet=doc%2FForm%2FFreeFrom%2FFreeForm.cpt&op=write");//示例模板链接,用户可自行更换

    填报失败 JavaScript 代码如下:

    window.open("/webroot/WEB-INF/resources/error.html");//示例页面链接,用户可自行更换

    6. 超链打开填报模板

    6.1 问题描述

    如何实现点击超链可以跳转到填报模板,可以直接进行填报呢?

    9C5603E5-0D6E-4F9F-AB2A-D8E7A2735A17.GIF

    6.2 解决方案

    如果链接的是填报模板,想要点击超链后模板以填报预览方式打开,此时需要在报表的路径后面加参数&op=write,如下图所示:

    1629359857368935.png

    7. 填报时自动计算

    7.1 问题描述

    前端填报时,希望根据用户录入的其他单元格数据,自动计算出另外一些单元格的值,从而简化用户的输入,同时避免人工计算可能导致的错误,如下图所示:

    7.2 解决方案

    在公式编辑界面,勾选填报/分析时,保留公式用于计算即可,如下图所示:

    image.png

    注:填报设置自动计算后,计算时会与服务器进行交互,计算过程是由后台服务器进行的,因此自动计算一定程度上影响了填报效率,若用户不需要自动计算,尽量不设置自动计算以提高填报效率。

    8. 填报视觉突出

    8.1 问题描述

    填报区域和浏览器整体背景都是白色时,视觉上很难区分,影响填报体验。

    想要对填报区域进行视觉突出,效果如下图所示:

    kk.png

    8.2 解决方案

    在设计器里面直接修改浏览器背景色,跟填报区域区分开形成视觉差,效果如下图所示:

    KK.png

    附件列表


    主题: 填报应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭