移动端仪表盘,支持更多组件

2024-05-26 00:04
文章标签 仪表盘 组件 支持 移动

本文主要是介绍移动端仪表盘,支持更多组件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

图片

05/22 主要更新模块概览

定位函数    快捷筛选    轨迹图表    时间组件

01 表单管理

1.1 【表单组件】- 表单关联新增支持自定义按钮样式

说明:

表单关联-关联数据按钮,原仅支持默认按钮样式,现增加关联数据按钮自定义功能,满足用户多样化展示需求。

原展示效果:

图片

配置:表单设计—表单关联——字段属性—按钮样式

用户可配置按钮文字,按钮样式,按钮颜色,自定义按钮图标。

图片

设置后展示效果:

图片

1.2 【表单组件】- 【公式编辑】新增获取定位函数

说明:

函数内新增LNG函数和LAT函数,可获取地址以及定位组件的经纬度

设置:表单设置-组件-默认值-公式编辑

获取地址经度:

图片

获取地址纬度:

图片

效果预览:

图片

02 用户中心

2.1 【登录模块】- 调整账号登录输入错误策略

说明:

用户在密码输入错误超出限制时策略调整,增加图像验证码功能,用户输入5次错误密码,增加图像验证码,输入超出错误限制后需进行手机验证码验证。

图片

图片

2.2【移动端】- 适配调整账号登录输入错误策略

说明:

移动端用户在密码输入错误超出限制时策略调整适配。

如图:

图片

输入次数超出限制状态:

图片

03 移动端

3.1 移动端仪表盘适配快捷筛选器

说明:

仪表盘新增快捷筛选器组件,添加后,点击按钮可以快速筛选仪表盘中的图标、组件结果,快捷筛选通常用于筛选场景相似,但是筛选条件不同的筛选组合。现移动端增加支持快捷筛选器组件,满足移动端需求。

演示:仪表盘-仪表盘设计-移动端布局设计-快捷筛选器

图片

3.2 移动端仪表盘适配支持轨迹图表

功能描述:

「轨迹图表」是可以通过「标记点图表」信息及录入数据中的「点位」记录信息构建出相应的「轨迹图表」和「分布图表」。现移动端适配支持轨迹图表功能,满足移动端需求。

适用场景:

如:不同施工场地的位置点位信息分布、汽车等复杂机械的结构分布、室内场景布局等等

演示:仪表盘-仪表盘设计-移动端布局设计-轨迹图表

图片

3.3 移动端仪表盘适配支持分组标题

说明:

用户可以为【仪表盘】配置「分组标题」组件,在仪表盘当中可通配置给仪表盘内容进行分类显示。如:一张数字化商品跟踪报表,可以使用分组标题 对「配送情况」和「入库情况」进行分类划分,现移动端仪表盘适配支持分组标题功能,满足移动端需求。

演示:仪表盘-仪表盘设计-移动端布局设计-分组标题

图片

我们本期的更新介绍就到这里,下期敬请期待,感谢您的观看。

这篇关于移动端仪表盘,支持更多组件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1002992

相关文章

SpringKafka消息发布之KafkaTemplate与事务支持功能

《SpringKafka消息发布之KafkaTemplate与事务支持功能》通过本文介绍的基本用法、序列化选项、事务支持、错误处理和性能优化技术,开发者可以构建高效可靠的Kafka消息发布系统,事务支... 目录引言一、KafkaTemplate基础二、消息序列化三、事务支持机制四、错误处理与重试五、性能优

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方

Spring组件初始化扩展点BeanPostProcessor的作用详解

《Spring组件初始化扩展点BeanPostProcessor的作用详解》本文通过实战案例和常见应用场景详细介绍了BeanPostProcessor的使用,并强调了其在Spring扩展中的重要性,感... 目录一、概述二、BeanPostProcessor的作用三、核心方法解析1、postProcessB

Qt把文件夹从A移动到B的实现示例

《Qt把文件夹从A移动到B的实现示例》本文主要介绍了Qt把文件夹从A移动到B的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录如何移动一个文件? 如何移动文件夹(包含里面的全部内容):如何删除文件夹:QT 文件复制,移动(

kotlin中的行为组件及高级用法

《kotlin中的行为组件及高级用法》Jetpack中的四大行为组件:WorkManager、DataBinding、Coroutines和Lifecycle,分别解决了后台任务调度、数据驱动UI、异... 目录WorkManager工作原理最佳实践Data Binding工作原理进阶技巧Coroutine

一文教你解决Python不支持中文路径的问题

《一文教你解决Python不支持中文路径的问题》Python是一种广泛使用的高级编程语言,然而在处理包含中文字符的文件路径时,Python有时会表现出一些不友好的行为,下面小编就来为大家介绍一下具体的... 目录问题背景解决方案1. 设置正确的文件编码2. 使用pathlib模块3. 转换路径为Unicod

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Python重命名文件并移动到对应文件夹

《Python重命名文件并移动到对应文件夹》在日常的文件管理和处理过程中,我们可能会遇到需要将文件整理到不同文件夹中的需求,下面我们就来看看如何使用Python实现重命名文件并移动到对应文件夹吧... 目录检查并删除空文件夹1. 基本需求2. 实现代码解析3. 代码解释4. 代码执行结果5. 总结方法补充在

Vue3中的动态组件详解

《Vue3中的动态组件详解》本文介绍了Vue3中的动态组件,通过`component:is=动态组件名或组件对象/component`来实现根据条件动态渲染不同的组件,此外,还提到了使用`markRa... 目录vue3动态组件动态组件的基本使用第一种写法第二种写法性能优化解决方法总结Vue3动态组件动态