百数移动端重大更新:全面优化,用户体验再升级!

本次发布的优化更新的功能,主要是为了提升用户的移动端使用体验。此次改版不仅优化了控件样式,提升视觉与交互体验,还在子表单功能上实现了重大突破,如新增复制、插入行功能等。

同时,新增功能------数据加载-树菜单功能进一步增强了表单的交互性和数据准确性。这每一项改进都是围绕提升用户操作的便捷性、高效性和满意度展开的。

这些改变不仅让用户在移动端上浏览和填写表单时享受到更加流畅、美观的界面,还极大地减少了重复劳动,提高了工作效率。同时,树菜单功能的引入更是为用户提供了直观、灵活的数据展示方式,让复杂的数据关系变得一目了然,进一步增强了用户体验的智能化和个性化。

数据加载-树菜单

功能更新

数据加载现区分两种模式,现新增支持【树菜单】样式展示,原有的模式为【列表】。

旧版本:

新版本:

注:显示模式默认选中【列表】

关联表单设置

设置方式

进入表单设计界面,拉取【数据加载】字段,字段属性>>显示模式选择【树菜单】,点击关联表单设置>>【数据加载设置】配置数据源 选择节点信息设置填充规则。

数据源配置表信息

示例效果

注意:

  • 数据加载设置项,对应文本/数字字段。
  • 允许所有节点可以选择(可选项,默认只有最后一级节点可以选择)。
  • 根据【节点ID】和【父节点ID】形成树形结构,通过根节点ID拉取首批节点,展示项为标题。
  • 首次加载根据根节点ID,拉取父节点ID为根节点ID的所有数据,当没有下级节点的时候展示为选项,有下一级节点的时候展示为层级。
  • 节点id可能会出现重复问题的情况,取最早创建的一条数据展示。
  • 树菜单,暂时不支持筛选条件。
  • 子表单数据加载-树菜单节点支持全选。

过滤条件

设置过滤条件后,只可提取过滤后的数据。

填充规则-添加字段

点击【添加字段】可添加当前表需要填充数据的字段,并设置与数据源表的字段对应关系,对应关系可分为三种:子表单对应子表单字段、子表单对应主表字段、主表字段对应子表单字段。

数据源设置成功后,数据源表单设计页面字段标题的修改不会影响添加字段的标题,此处的标题是读取的显示字段的字段名称。

数据加载-列表

优化内容

数据加载及子表单数据加载,由原来弹窗展示方式改为表格展示。

老版本:

新版本:

搜索优化

选择数据的面板中,优化了搜索方式,支持模糊搜索及筛选条件搜索。

**注意:**输入框模糊搜索,支持搜索的字段和数据管理支持搜索的字段一致。

子表单优化

优化内容

  1. 子表单添加、数据加载、展开/收起按钮放在界面上操作更直观,之前在【...】里面。

老版本:

新版本:

  1. 子表单移动端显示样式【横向表格】添加记录页面样式及按钮调整。

旧版本:

新版本:

3.子表单移动端显示样式【纵向展开】,新建一行时,表单界面会自动定位到新建的行,并且把历史数据折叠起来。

  1. 子表单支持复制到下一行,复选到最后一行,向上插入行,向下插入行。
  1. 子表单数据加载同上数据加载-树菜单/列表搜索优化。

  2. 子表单行字段支持数据加载,单行加载的数据只会填充当前行。

  1. PC端子表单字段宽度,支持动态拖动调整。

表单控件优化

日期控件

选择时间控件优化。

老版本:

新版本:

下拉框/下拉复选框控件

下拉框/下拉复选框控件优化打开方式为底部弹窗,之前侧边弹出选择。

老版本:

新版本:

地址控件

  1. 选择地址控件优化。

老版本:

新版本:

  1. 地址字段经纬度定位可关闭,【开启经纬度定位】勾选后可以经纬度定位,不勾选则不支持经纬度定位;默认不勾选。

**设置入口:**表单设计-地址字段-【开启经纬度定位】。

未开启效果:

开启效果:

定位控件

  1. 优化了勾选【允许移动端微调】定位控件展示方式。

老版本:

新版本:

  1. 定位字段【允许移动端微调】勾选后可以调整设置范围内定位,不勾选则不支持微调定位;默认不勾选。

**设置入口:**表单设计-定位字段-【开启允许移动端微调】。

  1. 定位微调页默认当前定位搜索及按钮位置调整。

老版本:

新版本:

关联数据

1.关联数据控件优化,选择数据时,表格展示数据,之前版本为下拉列表展示数据。

老版本:

新版本:

  1. 选择数据的面板中,支持模糊搜索及筛选条件搜索。

**注意:**输入框模糊搜索,支持搜索的字段和数据管理支持搜索的字段一致。

图片/附件控件

  1. 图片/附件删除图标调整。

老版本:

新版本:

  1. 优化了图片预览方式 展示了图片张数。

老版本:

新版本:

  1. 优化了附件预览方式。

老版本:

新版本:

手写签名控件

手写签名保留页样式调整。

老版本:

新版本:

成员控件

成员控件页面样式及图标调整。

老版本:

新版本:

部门控件

部门控件页面样式及图标调整。

老版本:

新版本:

其他页面优化

流程数据页面样式优化

流程数据页面样式及图标调整。

老版本:

新版本:

相关推荐
cs_dn_Jie3 分钟前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic37 分钟前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
一只哒布刘43 分钟前
NFS服务器
运维·服务器
有梦想的刺儿1 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具1 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
qq_390161772 小时前
防抖函数--应用场景及示例
前端·javascript
lihuhelihu2 小时前
第3章 CentOS系统管理
linux·运维·服务器·计算机网络·ubuntu·centos·云计算
John.liu_Test2 小时前
js下载excel示例demo
前端·javascript·excel
Yaml43 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事3 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro