反馈已提交

网络繁忙

数据门户样式

  • 文档创建者:Carly
  • 历史版本:16
  • 最近更新:Carly 于 2023-12-25
  • 1. 概述

    适用场景:安装了「数据门户」插件的用户,可参考本文了解数据门户的相关功能。

    1.1 版本

    报表服务器版本
    数据门户插件功能变更
    11.0.7V1.0
    -
    11.0.8V1.1-
    11.0.8V1.2

    1)新增门户样式设置,支持一键切换看板样式

    2)页面设置和组件样式支持跟随主题

    3)图片组件的组件背景支持选择内置图片

    11.0.8V1.4组件样式中,标题支持输入公式
    11.0.8V1.9

    支持移动端数据门户,并内置六套移动端门户主题

    1.2 功能简介

    本文将介绍编辑数据门户时,可对页面和组件进行的样式设置。

    2. 桌面端门户样式

    2.1 页面设置

    管理员登录数据决策系统,点击「管理系统>数据门户>门户管理」,点击「新建门户」,设置「门户名称」,选择「门户布局」后,点击「确定」。

    数据门户采用网格布局,组件按照网格细粒度调整宽高。

    在数据门户编辑界面,未选中任何组件的情况下,可在右侧设置「页面设置」,如下图所示:

    页面背景支持两种形式:

    样式设置
    背景
    跟随主题

    V1.2及之后版本,数据门户插件内置了四套门户样式

    选择「跟随主题」,则页面背景样式跟随门户样式

    详情请参见本文 2.3 节

    自定义

    支持两种背景样式

    颜色:支持自定义颜色

    图片:支持上传.jpg/.png/.gif/.bmp格式的图片文件,默认适应组件


    2.2 组件样式

    在数据门户编辑界面,选中一个组件,可在右侧设置「组件样式」。如下图所示:

    样式设置支持选择「跟随主题」和「自定义」

    • 跟随主题

    V1.2及之后版本,数据门户插件内置了四套门户样式。

    选择「跟随主题」,则组件样式跟随门户样式,详情请参见本文 2.3 节。

    注:文本组件和图片组件不支持跟随主题。

    • 自定义

    自定义组件样式包括组件标题、标题文本、标题背景、组件背景。

    组件样式支持的组件范围说明示例

    组件标题

    标题文本

    文本组件不支持

    图片组件不支持

    支持设置是否显示组件标题

    支持设置组件标题内容

    支持设置标题字体和字号

    支持设置标题文字样式:加粗、斜体、下划线、颜色、对齐位置

    V1.4及之后版本插件,组件标题支持输入公式,请参见下文。

    标题背景文本组件不支持

    图片组件不支持

    支持设置组件标题的背景颜色

    支持设置组件标题前的图标

    支持设置组件标题图标和文字的间距

    包括预定义和自定义样式

    1)预定义

    包括简约、商务、清新三种样式

    2)自定义

    支持设置标题的背景颜色和透明度

    组件背景全部支持

    支持设置组件的背景颜色和透明度

    支持设置组件的圆角尺寸

    支持设置组件的边框线条颜色和粗细

    组件图标仅支持报表动态组件V1.2及之后版本插件,内置了五种图标样式,可自行选择
    列表配色仅支持公告栏组件-全部公告V1.2及之后版本插件,当公告栏组件展示全部公告时,支持设置列表配色

    注1:标题背景、组件背景等颜色设置中,可拖动滚动条或手动输入数值,来调整透明度,如下图所示:

    注2:V1.2及之后版本插件,内置了四个标题图片以适配不同主题的门户样式。

    文本组件的组件背景,支持选择「内置图片」。如下图所示:

    2022-10-18_16-58-48.gif

    注3:V1.4及之后版本插件,组件标题中支持输入公式。支持的公式包括:

    分类支持的公式说明
    系统参数

    ${fine_username}

    ${fine_position}

    ${fine_role}

    ${GETUSERDEPARTMENTS()}

    ${GETUSERDEPARTMENTS(X)}

    ${GETUSERJOBTITLES()}

    1)注意事项:

    使用公式时,需要加${}

    2)使用示例:

    ${fine_username}

    日期函数DATE、DATEDELTA、DATEDIF、DATEINMONTH、DATEINQUARTER、DATEINWEEK、DATEINYEAR、DATESUBDATE、DATETONUMBER、DAY、DAYS360、DAYSOFMONTH、DAYSOFQUARTER、DAYSOFYEAR、DAYVALUE、ENDOFMONTH、HOUR、ISWORKDAY、LUNAR、MINUTE、MONTH、MONTHDELTA、NOW、SECOND、TIME、TODATE、TODAY、WEEK、WEEKDATE、WEEKDAY、YEAR、YEARDELTA

    1)注意事项:

    使用公式时,需要加${}

    2)使用示例:

    ${now()}

    2.3 门户主题

    V1.2及之后版本插件,支持一键切换数据门户看板主题。

    插件内置了四套样式,覆盖看板页面背景、组件标题样式、组件背景、组件图标、快捷入口图标、公告栏列表配色。

    若页面设置/组件样式选择「跟随主题」,如下图所示:

    那么即可点击「门户样式」按钮,一键切换看板主题样式。如下图所示:

    2022-10-18_16-44-18.gif

    3. 移动端门户主题

    注:V1.9及之后插件版本,支持移动端数据门户。

    3.1 页面设置

    管理员登录数据决策系统,点击「管理系统>数据门户>门户管理」,点击「新建门户」。

    在弹出的页面中输入「门户名称」,设置展示终端为「移动端」,选择「门户布局」后,点击「确定」,如下图所示:

    数据门户采用网格布局,组件按照网格细粒度调整宽高。

    在数据门户编辑界面,未选中任何组件的情况下,可在右侧设置「页面设置」,如下图所示:

    页面背景支持两种形式:


    样式设置
    设置项
    跟随主题

    数据门户插件内置了六套移动端门户样式

    选择「跟随主题」,则页面背景样式跟随门户样式

    详情请参见本文 3.3 节

    1)内边距

    支持设置页面的上、下、左、右边距

    2)组件

    • 圆角:支持设置组件圆角

    • 间隙:支持设置组件间的间隙

    3)顶部导航

    支持设置顶部导航栏的显隐

    隐藏后将不展示门户二级页面的顶部导航

    若为 h5 使用,建议隐藏导航

    自定义

    1)支持两种背景样式

    颜色:支持自定义颜色

    图片:支持上传.jpg/.png/.gif/.bmp格式的图片文件,默认适应组件

    2)内边距

    支持设置页面的上、下、左、右边距

    3)组件

    • 圆角:支持设置组件圆角

    • 间隙:支持设置组件间的间隙

    4)顶部导航

    支持设置顶部导航栏的显隐

    隐藏后将不展示门户二级页面的顶部导航

    若为 h5 使用,建议隐藏导航


    顶部导航设置效果如下图所示:


    3.2 组件样式

    数据门户插件内置了六套移动端门户样式。

    移动端组件样式完全跟随「门户主题」样式,详情请参见本文 3.3 节。

    3.3 门户主题

    注:已添加到数据门户内的横幅不支持一键切换跟随主题,新添加的横幅样式自动跟随当前主题。

    支持一键切换移动端数据门户看板主题。

    插件内置了六套样式,覆盖看板页面背景、组件背景、报表动态图标及按钮、公告栏配色。

    点击「门户样式」按钮,一键切换看板主题样式。如下图所示:

    附件列表


    主题: 数据决策系统
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

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

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

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持