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

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

相关文章

定价129元!支持双频 Wi-Fi 5的华为AX1路由器发布

《定价129元!支持双频Wi-Fi5的华为AX1路由器发布》华为上周推出了其最新的入门级Wi-Fi5路由器——华为路由AX1,建议零售价129元,这款路由器配置如何?详细请看下文介... 华为 Wi-Fi 5 路由 AX1 已正式开售,新品支持双频 1200 兆、配有四个千兆网口、提供可视化智能诊断功能,建

四种Flutter子页面向父组件传递数据的方法介绍

《四种Flutter子页面向父组件传递数据的方法介绍》在Flutter中,如果父组件需要调用子组件的方法,可以通过常用的四种方式实现,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录方法 1:使用 GlobalKey 和 State 调用子组件方法方法 2:通过回调函数(Callb

Vue项目中Element UI组件未注册的问题原因及解决方法

《Vue项目中ElementUI组件未注册的问题原因及解决方法》在Vue项目中使用ElementUI组件库时,开发者可能会遇到一些常见问题,例如组件未正确注册导致的警告或错误,本文将详细探讨这些问题... 目录引言一、问题背景1.1 错误信息分析1.2 问题原因二、解决方法2.1 全局引入 Element

vue解决子组件样式覆盖问题scoped deep

《vue解决子组件样式覆盖问题scopeddeep》文章主要介绍了在Vue项目中处理全局样式和局部样式的方法,包括使用scoped属性和深度选择器(/deep/)来覆盖子组件的样式,作者建议所有组件... 目录前言scoped分析deep分析使用总结所有组件必须加scoped父组件覆盖子组件使用deep前言

基于Qt Qml实现时间轴组件

《基于QtQml实现时间轴组件》时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件,本文主要为大家详细介绍了如何使用Qml实现一个简单的时间轴组件,需要的可以参考下... 目录写在前面效果图组件概述实现细节1. 组件结构2. 属性定义3. 数据模型4. 事件项的添加和排序5. 事件项的渲染如何使用

JS常用组件收集

收集了一些平时遇到的前端比较优秀的组件,方便以后开发的时候查找!!! 函数工具: Lodash 页面固定: stickUp、jQuery.Pin 轮播: unslider、swiper 开关: switch 复选框: icheck 气泡: grumble 隐藏元素: Headroom

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

我在移动打工的日志

客户:给我搞一下录音 我:不会。不在服务范围。 客户:是不想吧 我:笑嘻嘻(气笑) 客户:小姑娘明明会,却欺负老人 我:笑嘻嘻 客户:那我交话费 我:手机号 客户:给我搞录音 我:不会。不懂。没搞过。 客户:那我交话费 我:手机号。这是电信的啊!!我这是中国移动!! 客户:我不管,我要充话费,充话费是你们的 我:可是这是移动!!中国移动!! 客户:我这是手机号 我:那又如何,这是移动!你是电信!!

vue2 组件通信

props + emits props:用于接收父组件传递给子组件的数据。可以定义期望从父组件接收的数据结构和类型。‘子组件不可更改该数据’emits:用于定义组件可以向父组件发出的事件。这允许父组件监听子组件的事件并作出响应。(比如数据更新) props检查属性 属性名类型描述默认值typeFunction指定 prop 应该是什么类型,如 String, Number, Boolean,

用Unity2D制作一个人物,实现移动、跳起、人物静止和动起来时的动画:中(人物移动、跳起、静止动作)

上回我们学到创建一个地形和一个人物,今天我们实现一下人物实现移动和跳起,依次点击,我们准备创建一个C#文件 创建好我们点击进去,就会跳转到我们的Vision Studio,然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类,继承自MonoBehaviour{private Rigidbo