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

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

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

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

数据加载-树菜单

功能更新

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

旧版本:

新版本:

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

关联表单设置

设置方式

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

数据源配置表信息

示例效果

注意:

  • 数据加载设置项,对应文本/数字字段。
  • 允许所有节点可以选择(可选项,默认只有最后一级节点可以选择)。
  • 根据【节点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. 优化了附件预览方式。

老版本:

新版本:

手写签名控件

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

老版本:

新版本:

成员控件

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

老版本:

新版本:

部门控件

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

老版本:

新版本:

其他页面优化

流程数据页面样式优化

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

老版本:

新版本:

相关推荐
乙己4073 小时前
计算机网络——网络层
运维·服务器·计算机网络
桂月二二4 小时前
探索前端开发中的 Web Vitals —— 提升用户体验的关键技术
前端·ux
hunter2062065 小时前
ubuntu向一个pc主机通过web发送数据,pc端通过工具直接查看收到的数据
linux·前端·ubuntu
qzhqbb5 小时前
web服务器 网站部署的架构
服务器·前端·架构
刻刻帝的海角5 小时前
CSS 颜色
前端·css
浪浪山小白兔7 小时前
HTML5 新表单属性详解
前端·html·html5
lee5767 小时前
npm run dev 时直接打开Chrome浏览器
前端·chrome·npm
2401_897579657 小时前
AI赋能Flutter开发:ScriptEcho助你高效构建跨端应用
前端·人工智能·flutter
果果开发ggdoc.cn7 小时前
WordPress免费证书插件
服务器·https·ssl
limit for me7 小时前
react上增加错误边界 当存在错误时 不会显示白屏
前端·react.js·前端框架