进度控件为高级控件,在数据填报中以图形可视化方式实现任务的进度、完成度等效果。

image.png

应用场景

进度控件可实现直观地展现出某一项数据的百分比值,例:

  • 填写项目进展记录表时,通过进度控件图形可视化表现项目进度;

  • 填写销售分析表时,可通过进度条展示不同产品的销售目标达成情况等。

效果图

Untitled.gif

控件配置

基础配置

配置项

描述说明

image.png

①显示标题:选择是否显示控件标题,支持自定义显示名称,作为数据填报的列名。

②控件类型:选中控件后可替换控件类型,下拉选项支持替换成其他基础高级控件类型

③表字段名:基于该数据填报创建的表里面的对应字段名称。

说明

字段名或表名必须以字母开头,支持字母、数字、下划线(_),最大长度为40个字符。

④描述信息:自定义控件的描述信息。

⑤描述信息位置:设置描述信息的位置。可选项包括控件底部标题右侧标题下方

⑥默认状态:设置控件的默认状态。可选项包括普通只读隐藏

⑦小数位数:自定义进度条内小数位的设置。

Untitled.gif

⑧默认值:设置进度条中默认显示值,默认为0

内容

image.png

描述说明

示例图

①起始值:设置进度条初始值,默认起始值为0,设置起始值时需要低于目标值

Untitled.gif

②目标值:设置进度条最终值,默认目标值为100,设置目标值时需要高于起始值

③步长:设置进度条在每次更新时的跳跃幅度,默认为1。

Untitled.gif

④进度条颜色:设置进度条颜色,可实现纯色和渐变两种展示效果。

Untitled.gif

⑤轨道颜色:支持设置轨道颜色设置。

Untitled.gif

⑥滑块颜色:支持设置进度条内滑动块颜色的自定义。

image.png

校验

配置项

描述说明

image.png

①必填:选择是否设置该配置项,勾选后该控件将设置为必填项

②输入数据无效时提示文字:有校验条件生效时,该配置项才可生效,比如:勾选必填后,若没有选项值填入,则提示已经自定义过的报错文案。

样式

配置项

描述说明

image.png

控件宽度:支持选择默认、整行两种宽度类型。

说明

填报页面同时支持手动拖拽控件边框调整宽度。