拥有一个先胜云系统管理员账号,拥有对 页面 组件的全部操作权限。
拥有一个先胜云管理员账号,由系统管理员授权拥有对 页面 组件的操作权限。
页面 组件没有强制依赖的组件,但是页面里的所有数据来源于电子表格、清单表、python、图表。所以,想要建立一个完整的页面数据需要同时注册 电子表格、Python、清单表、和 图表 组件。
新建页面实例步骤,参见 快速入门:快速创建一个页面。
登录先胜云,选择目标空间,点击进入目标应用,即进入 元素管理 界面,点击 + 新建,在 组件 类型中选择 页面,即进入页面的编辑界面。
在编辑界面,鼠标悬浮于名称下方的 模块 图标,出现 标准模块 和 筛选条件模块,可通过拖拽将所需模块添加到画布中。
按需配置页面,包括标准区域,筛选区域,页面属性,以及自定义 JS 等。
配置完成后点击 保存 按钮,输入编码等必填信息后,点击 确定,完成页面创建。
元素类型的标准区域的主要功能是在页面引用、展现、操作元素。
标准区域中的属性信息主要用来配置标准区域的名称,确认数据来源,及样式的配置修改。
选中标准区域后,右侧弹出 区域 属性框,包含 基础信息 和 样式。
.. csv-table:: 基础信息配置 :header: 配置属性, 属性选项, 拓展字段, 说明 :widths: auto
基本属性, , , 配置标准区域的基本属性,不同类型的属性有所区别 编码, , , 默认生成的唯一标识,新建时可编辑,保存后不可编辑 名称(多语言), , , 该标准区域的名称。区域显示的标题字段优先取名称,名称为空时取编码。 类型, 元素, , 引用已配置的元素,标准区域会显示引用的表格 元素, 电子表格,清单表,或 图表, , 点击选择应用中已配置的元素。类型 选择 元素 时,该属性才出现 路径, , , 显示所选元素所在的路径信息,选择元素后自动带出,不可编辑 图表选择, , , 下拉选择图表元素中的图表。只有当 元素 选择 图表 时,该属性才出现 类型, 自定义, , 类型 选择 自定义 后,下方出现 区域自定义js 按钮,点击输入自定义 JS 可基于引用的数据源用脚本生成图表 数据来源, 电子表格, 电子表格筛选, 点击选择已配置的电子表格元素。类型 选择 自定义 时,该属性才出现 , , 工作表选择, 下拉选择引用电子表格元素中的工作表,默认为 Sheet1 , 脚本, 脚本选择, 点击选择已配置的脚本元素 , 其他模块, 模块选择, 下拉选择已配置的其他标准区域模块 , , 工作表选择, 当选择的其他模块中引用的是电子表格时,该属性才会出现 , 无, , 没有数据源,直接通过自定义 JS 生成图表 筛选属性, , , 配置标准模块与筛选条件模块之间的关联逻辑 工作表选择, , , 下拉选择电子表格的工作表,默认为 Sheet1。只有 基本属性 中选择元素类型且关联电子表格元素时,该属性才出现 筛选条件, , , 显示 基本属性 中对应的清单表/电子表格/Python 脚本/图表中的筛选字段,不可编辑 映射全局的筛选条件, , , 下拉选择筛选区域中的字段,建立筛选区域与标准区域的关联关系 隐藏, , , 勾选后,使用视图中不显示该筛选字段
引用清单表的属性配置:
引用电子表格的属性配置:
引用 图表的属性配置:
当 类型 选择 自定义 时,下方出现 区域自定义js 按钮,配置数据来源后,基于数据源使用区域自定义 JS 的功能作图,生成想要的图表。数据来源如下:
脚本:将 python 的输出结果作为数据源。
电子表格:将电子表格中各单元格的数作为数据源。
其他模块:将其他模块的数据作为数据源。
无:无数据源,用户需完全用JS实现图表。
点击 区域自定义js 按钮后打开自定义 JS 界面,可以自由编写自定义 JS,以实现想要的图表。详见 全局自定义 JS 与局部自定义 JS。
点击标准区域,区域右上角出现 删除 与 复制 按钮。
点击复制按钮,复制出一个与原区域配置完全相同的区域。(该区域的编码 XXX 与名称 YYY 更改为:XXX_copy,YYY_copy,默认显示在区域框左上角)
点击 删除 则删除该区域,附带气泡再次确认。
点击区域框右上角 全屏 按钮后,单个区域模块自动适应整个屏幕显示,再次点击后,返回全屏前界面。
刷新 按钮用于刷新该区域,如该区域数据源或 POV 区域有更改,刷新出新数据。
进入数据源 按钮点击后打开新的 tab 页进入该区域绑定的数据源,便于修改数据信息。
POV 区域中的属性信息主要用来配置 POV 区域的名称,自动刷新的设置,及样式的配置修改。
POV 区域中的 POV 条件可由标准区域中的 POV 字段拖拽而来,且可设置 POV 区域与标准区域的关联逻辑。
POV 区域允许通过点击 添加 按钮添加一个空的 POV 字段,该 POV 字段的属性可以由用户自主配置。
允许同时存在多个 POV 区域。
标准区域的筛选条件可以关联 POV 区域中的 POV 字段,此时切换 POV 区域中的 POV 字段值会联动更新所有关联的标准区域。
选中筛选条件模块后,右侧弹出 筛选条件区域 属性框,包含 基础信息 和 样式。
筛选条件模块区域框拖动到区域内时,标题名称字段优先取名称,名称为空时取编码。
POV 区域的属性配置信息:
编码:默认生成的唯一标识,新建时可编辑,保存后比可编辑。
名称:该筛选区域的名称。
切换POV后自动刷新:勾选后,POV 区域属性中切换 POV 字段值后会实时更新查询内容。
选中 POV 字段后,右侧弹出 筛选条件 属性设置框。
POV 字段名称优先取名称,名称为空时取编码。
POV 字段来源:该 POV 字段对应来源的区域名称,该字段不可更改,且表示该字段与标准区域联动关联。查询时,会联动查询。
字段类型:对于从标准区域拖拽而来的 POV 字段,字段类型及对应的其他属性直接带来,也可切换为其他类型;对于新添加的 POV 字段,可按需设置字段类型。字段类型可选 文本,*数字,值列表,维度,日期时间,用户,自定义列表 等7种类型。
字段类型设置为维度时,可以对该维度配置角色方案,添加后会自动匹配上对应的维度,从而控制 POV 字段下拉框中的成员权限。
字段类型切换后或者添加的字段类型选择非标准区域 POV 字段的,不可配置与标准区域的联动查询。
同样,POV 字段也存在删除功能,删除时气泡确认提示。
点击 POV 区域,区域右上角出现 删除 按钮。
点击 删除 则删除该区域,附带气泡再次确认。
页面属性信息主要用来配置页面名称,各标准区域的加载顺序,启用变量及全局样式的配置修改。
选中设置按钮后,右侧弹出属性信息,包含 基础信息 和 样式信息。
基础信息 配置如下:
配置名称 |
配置类型 |
说明 |
---|---|---|
编码 |
输入框 |
页面元素的编码 |
名称(多语言) |
输入框 |
页面元素的多语言名称 |
优先加载 |
开关 |
打开后可以配置各个区域的加载顺序 |
启用变量 |
开关 |
打开后可以选中变量元素,并在默认值中选中 |
样式信息 中可以配置局部样式与全局样式,所对应影响的区域范围不同,配置中可以对标题、字体、界面、边距、阴影做出配置。
打开 优先加载 开关,添加优先加载队列,并在队列中添加各标准区域,以设置加载顺序。
打开 启用变量 开关,可以关联变量元素,并可以在 POV 区域中将 POV 字段的默认值设置为变量的值。
全局自定义 JS 可以实现各个区域之间的联动与配置。详见 全局自定义 JS 与局部自定义 JS。
回到顶部
咨询热线