华为云用户手册

  • 样式配置 样式:设置雷达图样式,目前支持基础折雷达图和填充雷达图两种样式。 基础折线图:通常用于展示一个或多个变量随时间变化的趋势。 堆积折线图:通常用于比较不同组别之间的变化趋势。 图4 设置雷达图样式 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为20px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 基础配置 标题:该模块在页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附加的说明信息。 图例:指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 设置图例位置:可选择“上方”、“右侧”、“下方”和“左侧”。 图2 设置图例位置为下方 数据标签:用于描述数据的元数据。开启后将在数据点上显示。 图3 设置雷达图显示数据标签 Y轴:开启Y轴配置开关后,可设置Y轴标签是否显示。
  • 数据配置 数据配置完成后,需单击“更新数据”,进行数据刷新。刷新数据间隔时间至少为5秒,请勿频繁单击。 数据源:下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示,创建表单详情请参见如何创建一个表单。 分析维度:选择表单中数据分析的维度,例如商品类型。可自定义排序方式及重命名。 图11 设置折线图分析维度 数据汇总指标:指每个类别的数据值,通常表示为一个百分比或一个具体的数值。 单击“添加指标”可添加多个数据汇总指标,最多可添加三个指标。 选择字段:选择数据分析指标字段,例如已售出数量。 当分析维度选择字段为子表单字段时,数据汇总指标字段也只能从子表单中选择。 字段重命名:可对数据汇总指标进行重命名。 汇总方式:数据分析的汇总方式,支持求和、平均值、最大值、最小值、计数及去重计数。 非数字类型组件,例如,单行文本输入,多行文本输入,单选、复选框、日期选择器、备注等,仅支持计数和去重计数的汇总方式。 数学类组件,例如,数字输入框,支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。 排序方式:根据需求自定义排序方式,可选择默认、升序或降序。 图12 设置折线图数据汇总指标 数据筛选:设置过滤条件,筛选数据源符合条件数据信息。 图13 设置折线图数据筛选条件 是否展示辅助线:开启后可为柱图添加辅助线,有利于更好理解数据。 单击“添加辅助线”,设置辅助线属性。 辅助线名称:输入展示的辅助线名称。 辅助线类型:支持选择“最大值”、“最小值”、“平均值”和“固定值” 数据指标:下拉框中选择已添加的数据汇总指标。 显示内容:可勾选“名称”或“值”,作为辅助线的展示内容。 线条设置:支持选择“实线”、“虚线”和“点线”。 同时支持自定义线条颜色,默认为蓝色。 图14 设置折线图辅助线属性
  • 基础配置 标题:该模块在页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附加的说明信息。 图例:指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 设置图例位置:可选择“上方”、“右侧”、“下方”和“左侧”。 图2 设置图例位置为左侧 数据标签:用于描述数据的元数据。开启后将在数据点上显示。 图3 设置折线图显示数据标签 X轴:开启X轴配置开关后,可设置X轴标题、标签是否显示及单行标签字符数。 单行标签字符数默认为6个字符,超过的字符显示省略号。 一个中文按2个字符计算,一个英文按1个字符计算。 图4 设置折线图X轴 Y轴:开启Y轴配置开关后,可设置Y轴标题和标签是否显示。 Y轴标题:输入Y轴展示的名称。 显示标签:标签是否显示。 单行标签字符数:设置单行标签字符数,默认为6个字符,超过的字符显示省略号。 一个中文按2个字符计算,一个英文按1个字符计算。 最大值:默认根据数据大小自动调节,也可以自定义修改。 最小值:默认根据数据大小自动调节,也可以自定义修改。 图5 设置折线图Y轴
  • 样式配置 样式:设置折线图样式,目前支持基础折线图和堆积折线图两种样式。 基础折线图:通常用于展示一个或多个变量随时间变化的趋势。 堆积折线图:通常用于比较不同组别之间的变化趋势。 图6 设置折线图样式 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为20px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。 曲线:开启后,折线图数据点将以曲线展示。 注意:曲线设置可能会影响数据的准确性,因此在设置曲线时需要谨慎处理。 图7 曲线设置 填充:开启后,折线下方将以颜色填充,从而使数据区间更加明显。 图8 设置填充 展示数据点:关闭后,数据点将隐藏。 图9 数据点展示开启 图10 数据点展示关闭
  • 数据配置 数据配置完成后,需单击“更新数据”,进行数据刷新。刷新数据间隔时间至少为5秒,请勿频繁单击。 数据源:下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示,创建表单详情请参见如何创建一个表单。 分析维度:选择表单中数据分析的维度,例如商品类型。可自定义排序方式及重命名。 图7 设置柱图分析维度 数据汇总指标:指每个类别的数据值,通常表示为一个百分比或一个具体的数值。 单击“添加指标”可添加多个数据汇总指标,最多可添加三个指标。 选择字段:选择数据分析指标字段,例如已售出数量。 当分析维度选择字段为子表单字段时,数据汇总指标字段也只能从子表单中选择。 字段重命名:可对数据汇总指标进行重命名。 汇总方式:数据分析的汇总方式,支持求和、平均值、最大值、最小值、计数及去重计数。 非数字类型组件,例如,单行文本输入,多行文本输入,单选、复选框、日期选择器、备注等,仅支持计数和去重计数的汇总方式。 数学类组件,例如,数字输入框,支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。 排序方式:根据需求自定义排序方式,可选择默认、升序或降序。 图8 设置柱图数据汇总指标 数据筛选:设置过滤条件,筛选数据源符合条件数据信息。 图9 设置柱图数据筛选条件 是否展示辅助线:开启后可为柱图添加辅助线,有利于更好理解数据。 单击“添加辅助线”,设置辅助线属性。 辅助线名称:输入展示的辅助线名称。 辅助线类型:支持选择“最大值”、“最小值”、“平均值”和“固定值” 数据指标:下拉框中选择已添加的数据汇总指标。 显示内容:可勾选“名称”或“值”,作为辅助线的展示内容。 线条设置:支持选择“实线”、“虚线”和“点线”。 同时支持自定义线条颜色,默认为蓝色。 图10 设置辅助线属性
  • 样式配置 样式:设置柱图样式,目前支持分组柱状图、堆积柱状图和百分比堆积图三种样式。 分组柱状图:适用于展示多个类别之间的比较和关系。 堆积柱状图:适用于展示多个类别或多个时间段的数据对比。 百分比堆积:常用于比较不同类别的占比情况。 图6 设置柱图样式 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为20px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 基础配置 标题:该模块在页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附加的说明信息。 图例:指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 设置图例位置:可选择“上方”、“右侧”、“下方”和“左侧”。 图2 设置图例位置为右侧 数据标签:用于描述数据的元数据。开启后默认显示在柱图顶部,可自定义设置标签位置,支持“顶部”、“中间”和“底部”三种类型。 图3 显示数据标签 X轴:开启X轴配置开关后,可设置X轴标题、标签是否显示及单行标签字符数。 单行标签字符数默认为6个字符,超过的字符显示省略号。 一个中文按2个字符计算,一个英文按1个字符计算。 图4 设置X轴 Y轴:开启Y轴配置开关后,可设置Y轴标题和标签是否显示。 Y轴标题:输入Y轴展示的名称。 显示标签:标签是否显示。 单行标签字符数:设置单行标签字符数,默认为6个字符,超过的字符显示省略号。 一个中文按2个字符计算,一个英文按1个字符计算。 最大值:默认根据数据大小自动调节,也可以自定义修改。 最小值:默认根据数据大小自动调节,也可以自定义修改。 图5 设置Y轴
  • 样式配置 样式:设置饼图样式,目前支持基础饼图、环形图、玫瑰图和南丁格尔图四种样式。 基础饼图:最基础表现形式,即通过饼图的方式,将数据信息清晰的展示在可视化应用上。 环形图:为基础的统计图表,用于显示一个整体中各部分的比例关系。 玫瑰图:通常用于显示数据的频率或分布情况。玫瑰图的形状类似于一个花朵,其中每个扇形表示一个数据类别,扇形的大小表示该类别的频率或数量。 南丁格尔图:通常用于比较不同类别的数据或者展示某一类别的数据在不同类别中的占比情况。 图13 设置饼图样式 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为20px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 数据配置 数据配置完成后,需单击“更新数据”,进行数据刷新。刷新数据间隔时间至少为5秒,请勿频繁单击。 数据源:下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示,创建表单详情请参见如何创建一个表单。 分析维度:选择表单中数据分析的维度,例如商品类型。可自定义排序方式及重命名。 图14 设置分析维度 数据汇总指标:指每个类别的数据值,通常表示为一个百分比或一个具体的数值。 选择字段:选择数据分析指标字段,例如已售出数量。 当分析维度选择字段为子表单字段时,数据汇总指标字段也只能从子表单中选择。 字段重命名:可对数据汇总指标进行重命名。 汇总方式:数据分析的汇总方式,支持求和、平均值、最大值、最小值、计数及去重计数。 非数字类型组件,例如,单行文本输入,多行文本输入,单选、复选框、日期选择器、备注等,仅支持计数和去重计数的汇总方式。 数学类组件,例如,数字输入框,支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。 排序方式:根据需求自定义排序方式,可选择默认、升序或降序。 图15 设置数据汇总指标 数据筛选:设置过滤条件,筛选数据源符合条件数据信息。 图16 设置数据筛选条件
  • 基础配置 标题:该模块在页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附加的说明信息。 图例:指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 设置图例位置:可选择“上方”、“右侧”、“下方”和“左侧”。 图2 设置图例位置为上方 设置图例内容:设置图例展示内容。 图3 图例内容为分析维度 图4 图例内容为分析维度 百分比 图5 图例内容为分析维度 值 图6 图例内容为分析维度 值 百分比 数据标签:用于描述数据的元数据。 设置数据标签位置:可设置为“外部”或“内部”。 图7 外部数据标签 图8 内部数据标签 设置标签内容:设置标签展示内容。 图9 标签内容为分析维度 图10 标签内容为分析维度 百分比 图11 标签内容为分析维度 值 图12 标签内容为分析维度 值 百分比 百分比位数:设置百分比显示小数位的位数。默认不展示小数位,最大可设置为10位。
  • 基础配置 基本属性配置后需要保存页面重新加载后生效。 单元格高度:设置容器的单元格高度,保持整体的平衡。默认高度为20px。 容器背景:设置页面的背景颜色。 展示方式:根据页面设计需求,选择页面展示方式,支持“平铺”和“居中”两种类型。 最大宽度:当“展示方式”选择“居中”时显示此参数,可设置的取值范围为[769,1920]。 最大宽度的下限是769px,当设备的宽度小于769px时页面会自适应显示。
  • 全局组件样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景类型:设置组件样式的背景。 “背景类型”选择“颜色”时,选择背景展示的颜色。 “背景类型”选择“图片”时,上传图片作为背景,并设置图片的填充方式。 背景图片支持jpg、jpeg、png、gif格式,单张5MB以内。 图2 设置背景 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 了解自定义页面创建流程 创建应用后,可以为应用添加多个页面,组建成一个完整的业务管理系统。在AstroFlow中,通过创建空白页面、页面设计和页面发布三步,即可快速完成自定义页面的创建,具体流程如图1所示。 图1 创建页面流程 新建一个空白的页面 通过新增“自定义页面”,新建一个空白的页面。 页面设计 AstroFlow中的页面由一个或多个组件拼装而成。请选择合适的组件,拖拽到设计区,完成页面的设计。 页面发布 页面发布后,才可以在运行态登录浏览页面。
  • 初识自定义页面编辑器 自定义页面是由多个组件组成,您可以根据自己的特定需求来设计和优化页面,使其更加实用及个性化。 在AstroFlow自定义页面编辑器中,通过选择组件、设置组件属性和发布页面三步,即可快速搭建所需的页面。 图1 初识AstroFlow表单编辑器 表1 AstroFlow页面编辑器功能介绍 区域 说明 1 该区域分别提供如下功能: 单击,可设置自定义页面的名称,长度不能超过32个字符。 页面设计:根据自身业务需求,拖拽不同的组件,设计所需的页面。页面设计详细介绍,请参见页面设计。 页面发布:设置页面的成员访问权限、访问地址及发布时间等信息。页面发布详细介绍,请参见页面发布设置。 保存并预览:保存并在线预览页面。 2 该区域分别提供如下功能: :终端视图类型,当前仅支持在PC端开发页面。页面开发完成后,支持在移动端进行访问和使用。 说明: 移动端组件的排布规则:一行只展示一个组件。 :保存表单页面。 页面属性:设置页面布局及全局组件配置,例如:行/列间距,单元格高度、容器背景颜色等。全局组件配置仅对新增的组件生效。 3 表单组件库,各组件详细介绍,请参见自定义页面组件介绍。 :在表单设计区域,选中某个组件,单击该图标,可快速复制该组件。 :在表单设计区域,选中某个组件,单击该图标,可快速删除该组件。 4 页面设计区,将组件拖拽至设计区,进行自定义设计。 5 页面及组件属性设置。 父主题: 自定义页面管理
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为4px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景类型:设置组件样式的背景。 “背景类型”选择“颜色”时,选择背景展示的颜色。 “背景类型”选择“图片”时,上传图片作为背景,并设置图片的填充方式。 背景图片支持jpg、jpeg、png、gif格式,单张5MB以内。 图3 设置背景 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 基础配置 链接块操作:单击链接块时触发的操作,默认为“打开已发布表单”,可根据需求选择“打开已发布表单”、“打开已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。 打开方式:提供了“当前页面打开”、“新页面打开”和“弹窗打开”三种方式,您可根据需求选择。 按钮操作:设置单击触发的动作,默认为“打开已发布表单”,可根据需求选择“打开已发布表单”、“打开已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。 选择页面:下拉框中选择已发布表单,当“按钮操作”选择“打开已发布表单”、“打开已发布数据管理页”或“打开已发布自定义页面”时可配置。 请选择应用内已发布页面作为打开页面,页面停止发布将影响按钮事件 当“按钮操作”选择““打开外部链接”时,输入以http(s)开头链接地址。 单元格高度:设置容器的单元格高度,以容纳其中最高的内容同时考虑到行间距原则,保持整体的平衡。默认高度为20px。
  • 流水号 流水号是一个唯一的标识符,用于追踪和识别特定的操作或事件,能够帮助记录和监控每个流程的详细情况,确保数据的准确性和可追溯性。 1个表单最多支持1个流水号,不支持添加到子表单中。 图1 拖拽流水号组件至设计区并设置组件属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。 状态:设置字段的状态,如只读、隐藏。 只读:设置为只读后,页面上该字段只可读。 隐藏:设置为隐藏后,页面上该字段将不再显示。 自动编号规则:流水号由自动计数、固定字符(可选)、创建时间(可选)和表单字段(可选)组合而成,您可以单击添加规则最多20个组合规则,流水号默认包含1个自动计数规则,可以拖动规则进行排序,系统将默认按照您的排序拼接对应参数作为流水号。 流水号最多不超过1920个字符,超出将截断处理。建议您合理规划流程单号规则,避免出现截断后流水号异常。 自动计数:根据位数和重复周期自动生成递增计数,例如:0001。编辑方式可选择“自然数编号”和“限制位数编号”。 位数:当“编辑方式”选择“限制位数编号”时需配置。限制位数编号固定位数,默认4位,可配置范围为1位至16位。 勾选“编号超出位数后继续递增”时,超出位数自动增加1位;不勾选“编号超出位数后继续递增”时,超出位数从1开始重新编号。 编号开始值:默认为1,当“编辑方式”选择“限制位数编号”时,“编号开始值”不能超出“位数”。 周期重复:支持选择“不重置”、“每天重置”、“每周重置”、“每月重置”和“每年重置”。 固定字符:(可选)不可为空,且不超过32个字符。 创建时间:(可选)以表单提交的时间为准。提供“年”、“年月”、“年月日”和“月日”四种方式。 年,示例:2020。 年月,示例:202008。 年月日,示例:20200801。 月日,示例:0801。 表单字段:(可选)引用表单字段作为自动编号值,可选择设计区内的单行文本、数字、日期时间、单选、多选、下拉选框(单、多选)和成员。 图2 设置自动编号规则 父主题: 表单高级组件介绍
  • 操作步骤 参考如何登录AstroFlow中操作,登录AstroFlow界面。 在主菜单中,选择“我的应用”。 在全部应用中,单击页面右下方的“智能助手”,调出智能助手工具。 图1 单击智能助手 在智能助手中,输入待创建应用的场景描述信息后回车。 图2 输入应用场景描述 例如,输入应用描述场景“创建一个项目流程管理应用,包含采购合同评审、销售合同评审、费用报销表单”。输入上述信息后回车,智能助手会根据您输入的场景描述信息,解析并创建一个应用。应用解析完成后,单击“应用创建成功,立即前往使用”,即可进入应用,如图4所示。 图3 前往应用 图4 智能助手创建出来的应用
  • 公式计算 公式计算是一个只读组件,不允许手动改动,输入数据值后,根据配置好的计算公式,自动计算得到结果。 在表单设计页面,从“高级组件”中,拖拽“公式计算”组件至表单设计区域,如图1所示。 图1 拖拽公式计算组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。 状态:设置字段的状态,如只读、隐藏。 只读:设置为只读后,页面上该字段只可读。 隐藏:设置为隐藏后,页面上该字段将不再显示。 计算类型:当前支持数值和日期计算。 计算方式:在下拉框中选择所需的计算方法。 当“计算类型”选择“数值”时,支持求和、平均值、最大值、最小值和乘积。参与计算的字段当前仅支持“数字输入框”。 在下拉框中选择计算公式,再选择参与计算的字段,即可自动计算出结果。 当“计算类型”选择“日期”时,支持计算时长和距离此刻时长。 “计算方式”为“计算时长”时,选择开始时间和结束时间,即可自动计算出时长。 “计算方式”为“距离此刻时长”时,选择选择指定时间,即可计算其与当前时间的间隔时长,间隔计算方式可选“当前时间 减去 选择时间”或“选择时间 减去 当前时间”。 输出格式:当“计算类型”选择“日期”时,显示该字段,设置计算结果输出的格式。支持“年”、“月”、“日”、“时”、“分”和“秒”六种格式。 保留小数位:计算结果保留的小数位数。 舍入计算:设置小数的舍入规则,总的舍入规则如图2所示。假设,“数字输入框1”输入数值8.42,“数字输入框2”输入数值2.17,“计算公式”设置为求和,“保留小数位”为1位,则舍入结果如下。 向上舍入:结果为10.6 向下舍入:结果为10.5 四舍五入:结果为10.6 图2 舍入规则 单位:设置计算结果的单位,如前缀设置为“¥”或后缀设置为“元”“、%”等。 数据变更:表单中的公式发生变化时,已产生的历史数据需要通过单击“刷新历史数据”去更新。例如,表单X中最开始的计算公式为A+B,因业务变动现将计算公式修改为A*B,此时开发者在表单X设计页面通过单击“刷新历史数据”,可将已提交的历史数据中A+B的结果,更改为A*B。 父主题: 表单高级组件介绍
  • 步骤3:在Astro中,配置飞书集成认证信息 参考如何登录Astro低代码平台中操作,登录Astro低代码平台。 在左侧导航栏中,选择“组织管理”。 在“开发集成配置”页签中,单击第三方集成中的飞书图标。 图9 单击飞书图标 在弹出的确认对话框中,单击“确定”。 一旦确定,不支持修改,请谨慎选择。 图10 确认通讯录维护类型 设置飞书集成认证信息,单击“保存”。 对端鉴权ID、对端鉴权密钥请配置为8中,获取的Astro应用的App ID、App Secret。 图11 飞书集成认证 单击“同步信息”,同步组织机构和用户信息。 您也可以在组织层级页签中,单击“同步信息”,同步组织机构和用户信息。 同步成功后,单击“查看部门信息”。在“组织层级”中,可查看到同步的组织和用户信息。 参考如何进行服务授权中操作,对成员进行授权。 授权后,成员即可通过手机号或者邮箱访问AstroFlow中开发的应用(运行态应用),但不能登录AstroFlow界面进行应用、流程等开发操作。如果需要登录AstroFlow界面开发应用、流程等,需要先 注册华为账号 或子账号,并从管理员处获取图12中的授权码进行关联。关联后,参考赋予成员不同的角色权限中操作,为成员添加所需的权限。 图12 查看已授权的成员
  • 子表单 子表单是一种高级的容器组件,支持在创建后向内部加入多种组件。例如,在填写一份表单时,有时会录入多条相同类型的数据,这些数据的行数不固定,但都属于同一种业务规则数据,此时可以在表单中设计一个子表单来规范其录入。如在创建员工信息表中,添加多段工作经历,主表为员工信息表,子表单为员工多段工作经历。 在表单设计页面,从“高级组件”中,拖拽“子表单”组件至表单设计区域,如图1所示。 图1 拖拽子表单组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。 状态:设置字段的状态,如普通、禁用、只读和隐藏。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 只读:设置为只读后,页面上该字段只可读。 禁用:设置为禁用后,页面上该字段仍可显示,但不可进行配置。 隐藏:设置为隐藏后,页面上会隐藏该字段。 字段:单击“添加字段”,为子表单添加组件,并设置组件属性。 子表单中的组件数不能少于1个,最多为10个,即1≤“子表单中组件数”≤10。 默认值:设置子表中添加组件的默认值。 图2 设置添加组件的默认值 显示计数序号:是否显示计数序号。 图3 显示计数序号 冻结列数:设置子表单中冻结的列。例如,将“冻结列数”设置为“2列”。设置后预览表单时,子表单中的前两列将不会随进度条拖动而改变。 图4 冻结列效果 复制按钮:是否显示复制按钮,可设置按钮的显示名称。 图5 复制按钮设置 删除按钮:是否显示删除按钮,可设置按钮的显示名称。 图6 删除按钮设置 删除前进行确认:选中该配置后,在子表中执行删除操作后,会显示一个弹出框,让您再次确认。 允许新增:是否允许新增,并支持设置按钮名称。 图7 是否允许新增 允许导出:开启后,查看表单详情时可导出子表单数据到Excel。 图8 导出 批量导入:是否允许批量导入。 图9 批量导入 是否必填:字段是否必填。设置为必填时,字段前会带“*”。 父主题: 表单高级组件介绍
  • 页签 页签组件可用于将关联信息进行分组和归类,支持将已有组件拖入到指定的标签页中进行分组。 在表单设计页面,从“常用控件”中,拖拽“页签”组件至表单设计区域,如图1所示。 子表单、流水号和页签组件不支持嵌套到页签中。 图1 拖拽页签组件到设计区并设置属性 状态:设置字段的状态,如普通和隐藏。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 隐藏:设置为隐藏后,页面上会隐藏该字段。 样式:设置页签组件的样式。 图2 设置页签的样式 Tab选项:页签组件中,各Tab页面设置。支持设置页签标题,并拖入组件到对应的页签中,选中组件可配置对应页签下的组件属性。 图3 Tab选项 父主题: 表单样式布局组件介绍
  • 手写签名 手写签名组件用于用户手动输入签名。 在表单设计页面,从“高级组件”中,拖拽“手写签名”组件至表单设计区域,如图1所示。 图1 拖拽手写签名组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。 状态:设置字段的状态,如普通、禁用、只读和隐藏。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 只读:设置为只读后,页面上该字段只可读。 禁用:设置为禁用后,页面上该字段仍可显示,但不可进行配置。 隐藏:设置为隐藏后,页面上会隐藏该字段。 保留上一次签名:在运行态提交表单数据时,是否使用上一次签名。开启后,同一用户进入运行态提交表单数据时,会自动读取上一次提交的签名图片。 图2 使用上次签名 是否必填:字段是否必填。设置为必填时,字段前会带“*”。 父主题: 表单高级组件介绍
共100000条