一种企业管理操作系统之UI交互组件化快速搭建表单功能的主界面设计方法与流程

一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法
技术领域
1.本发明涉及系统界面设计技术领域，具体为一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法。


背景技术：

2.企业管理交互操作系统是现代建筑作业行业重要的系统，但现有的企业管理交互操作系统主要侧重于简单且固定的表单内容使用，对于运维的智能化、实时性以及自定义化管理不够重视，如果不同工作人员有不同的表单需求而交互操作系统又没有一个自定义的设计功能，无法实现针对不同场景情况进行不同的管理，且现有企业管理交互操作系统不能拥有饱满的项目实地表单跟踪记录，且对其进行统计及实时更新。如何针对不同现场场景的工作指责进行企业管理交互操作系统的实时信息，实现对项目建筑的各类表单管理、财务表单、人事表单、统计管理，成为一个十分迫切的问题。为此，我们提出一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法。


技术实现要素：

3.本发明要解决的技术问题是克服现有的缺陷，提供一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，能够根据不同用户不同需求，可选择不同的组件来搭建表单信息内容，使信息统计和阅读一目了然，信息传达更加便利，安全又智能，可以有效解决背景技术中的问题。
4.为实现上述目的，本发明提供如下技术方案：一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，将操作界面
‑‑
功能信息架构划分为四大区域:组件选择模块、图表选择模块、组件展示模块和组件属性模块；其中，组件选择模块界面显示：基础组件、布局组件和高级组件；图表选择模块界面显示：数值卡、柱状图、气泡图、雷达图、饼图和折线图；组件展示模块界面显示：预览、字段回收站、多列变换、更新记录、字段修改记录、显示全部字段和组件拖拽显示；组件属性模块界面显示：字段属性和表单属性。
5.进一步的，组件选择模块界面，基础组件包含：单行文本、多行文本、时间日期、时间范围、数字、下拉框、级联选择、单选按钮组、复选框、附件、图片、地址、定位、是/否、号码、评分、滑块、计算式、组合文本和链接。
6.进一步的，布局组件包含：分组标题、一行两列、说明描述、子表单、分页卡、标签和步进器。
7.进一步的，高级组件包含：流水号、富文本、部门选择、成员选择、手写签名、关联组合、表单关联、数据查询、二维码、表单基础资料、人脸识别、文字识别和随机。
8.进一步的，图表选择模块界面还显示：散点图、漏斗图、对比图、条形图、环形图、区
域地图、散点地图、热力地图、玫瑰图、面积图、玉块图、旭日图和时间轴。
9.进一步的，初始状态界面，左侧区域为组件选择模块、中间区域为组件展示模块、右侧区域为组件属性模块。
10.进一步的，图表选择模块展示界面，左侧区域为图表选择区域，中间区域为图表组件的展示效果，右侧区域为图表组件属。
11.进一步的，组件属性模块界面，字段属性可以根据所选择的不同组件显示不同的可调节属性。
12.进一步的，组件属性模块界面，表单属性可以根据所选择的不同组件显示不同的可调节属性。
13.与现有技术相比，本发明的有益效果是：本企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，能够根据不同用户不同需求，可选择不同的组件来搭建表单信息内容，使信息统计和阅读一目了然，信息传达更加便利，安全又智能。能够根据不同现场场景的工作指责进行企业管理交互操作系统的实时信息，实现对项目建筑的各类表单管理、财务表单、人事表单、统计管理，且对其进行统计及实时更新。
附图说明
14.图1为本发明的初始状态界面示意图1-1；图2为本发明的初始状态界面示意图1-2；图3为本发明的初始状态界面示意图1-3；图4为本发明的图表选择模块展示界面示意图4-1；图5为本发明的图表选择模块展示界面示意图4-2；图6为本发明的图表选择模块展示界面示意图4-3；图7为本发明的组件选择模块-基础组件展示界面示意图7-1；图8为本发明的组件选择模块-基础组件展示界面示意图7-2；图9为本发明的组件选择模块-基础组件展示界面示意图7-3；图10为本发明的组件选择模块-布局组件展示界面示意图10-1；图11为本发明的组件选择模块-布局组件展示界面示意图10-2；图12为本发明的组件选择模块-布局组件展示界面示意图10-3；图13为本发明的组件选择模块-高级组件展示界面示意图13-1；图14为本发明的组件选择模块-高级组件展示界面示意图13-2；图15为本发明的组件选择模块-高级组件展示界面示意图13-3；图16为本发明的组件选择模块-预览界面示意图；图17为本发明的组件展示模块-字段回收站界面示意图；图18为本发明的组件展示模块-多列变换界面示意图18-1；图19为本发明的组件展示模块-多列变换界面示意图18-2；图20为本发明的组件展示模块-多列变换界面示意图18-3；图21为本发明的组件展示模块-更新记录界面示意图；图22为本发明的组件展示模块-字段修改记录界面示意图；图23为本发明的组件展示模块-显示全部字段界面示意图23-1；
图24为本发明的组件展示模块-显示全部字段界面示意图23-2；图25为本发明的组件展示模块-显示全部字段界面示意图23-3。
实施方式
15.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
16.请参阅图1-25，本实施例提供一种技术方案：一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，将操作界面
‑‑
功能信息架构划分为四大区域:组件选择模块、图表选择模块、组件展示模块和组件属性模块；其中，组件选择模块界面显示：基础组件、布局组件和高级组件；基础组件包含：单行文本、多行文本、时间日期、时间范围、数字、下拉框、级联选择、单选按钮组、复选框、附件、图片、地址、定位、是/否、号码、评分、滑块、计算式、组合文本和链接；布局组件包含：分组标题、一行两列、说明描述、子表单、分页卡、标签和步进器；高级组件包含：流水号、富文本、部门选择、成员选择、手写签名、关联组合、表单关联、数据查询、二维码、表单基础资料、人脸识别、文字识别和随机。
17.组件选择模块可以根据自己表单需要的内容来选择组件，其中：其基础组件里的单行文本组件可以用做信息需求填写；其基础组件里的多行文本组件可以用做大量信息需求填写；其基础组件里的时间日期组件可以用做时间日期的筛选；其基础组件里的时间范围组件可以用做限定某个时间段范围内；其基础组件里的数字组件可以用做信息需求数字号码收集等；其基础组件里的下拉框组件可以用做多项选择等；其基础组件里的级联选择组件可以用做各表单互相联接；其基础组件里的单选按钮组件可以用做信息项勾选；其基础组件里的复选框组件可以用对信息选项多选；其基础组件里的附件组件可以用做上传文件；其基础组件里的图片组件可以用做上传图片；其基础组件里的地址组件可以用做地址信息填写；其基础组件里的定位组件可以用做获取当前地理位置；其基础组件里的是/否组件可以用做信息是否确认；其基础组件里的号码组件可以用做填写电话号码等；其基础组件里的评分组件可以用做对信息评价打分；其基础组件里的滑块组件可以用做信息拖拽到指定数值；其基础组件里的计算式组件可以用做信息自动化计算；其基础组件里的组合文本组件可以用做组合多种文本方式；其基础组件里的链接组件可以用做跳转链接；其布局组件里的分组标题组件可以用做信息组标题；
其布局组件里的一行两列组件可以将单个组件为一行变成两行组件；其布局组件里的说明描述组件可以用做对某个信息的描述；其布局组件里的子表单组件可以将组件都放置在子表单并形成序号排列；其布局组件里的分页卡组件可以将多个主题内容组合在一起切换展示；其布局组件里的标签组件可以用做信息标签；其布局组件里的步进器组件可以用做每个组件的步骤流程；其高级组件里的流水号组件可以用做表单信息流水单号；其高级组件里的富文本组件可以用做更高级编辑的文本撰写等；其高级组件里的部门选择组件可以直接选择企业系统组织架构部门；其高级组件里的人员选择组件可以直接选择企业系统组织架构人员；其高级组件里的手写签名组件可以直接在手机或电脑上签名确认；其高级组件里的关联组合组件可以关联组合多个组件；其高级组件里的表单关联组件可以关联其他表单数据；其高级组件里的数据查询组件可以查询表单数据；其高级组件里的二维码组件可以填写表单信息然后生成二维码；其高级组件里的表单基础资料组件可以记录表单创建人、创建时间、创建人部门、修改时间信息；其高级组件里的人脸识别组件可以进行企业人员人脸识别收集；其高级组件里的文字识别组件可以识别证件、银行卡、企业资质等文字信息；其高级组件里的随机组件可以设置随机值。
18.图表选择模块界面显示：数值卡、柱状图、气泡图、雷达图、饼图、折线图、散点图、漏斗图、对比图、条形图、环形图、区域地图、散点地图、热力地图、玫瑰图、面积图、玉块图、旭日图和时间轴。
19.图表选择模块可以根据表单数据展示需要的方式来选择组件，其中：其数值卡通过纯数值的方式来展示数据可以关联表单；其柱状图通过多维度柱状的方式来展示数据可以关联表单；其气泡图通过圆图形的方式来展示数据可以关联表单；其雷达图通过六边形的方式来展示数据可以关联表单；其饼图通过圆形的方式来展示数据可以关联表单；其折线图通过线条横向曲折的方式来展示数据可以关联表单；其散点图通过多个大小不规则圆形的方式来展示数据可以关联表单；其漏斗图通过从上至下的方式来展示数据可以关联表单；其对比图通过双横向柱状图的方式来展示数据可以关联表单；其条形图通过线条横向的方式来展示数据可以关联表单；其圆环图通过镂空圆环的方式来展示数据可以关联表单；其区域地图通过省份地图的方式来展示数据可以关联表单；其散点地图通过散点分布在省份地图的方式来展示数据可以关联表单；其热力地图通过区域高亮的方式来展示数据可以关联表单；其玫瑰图通过数据比例大小的方式来展示数据可以关联表单；
其面积图通过纯色块图的方式来展示数据可以关联表单；其玉块图通过环条图形的方式来展示数据可以关联表单；其旭日图通过环条图形的方式来展示数据可以关联表单；其时间轴通过线条纵向横向的方式来展示数据可以关联表单。
20.组件展示模块界面显示：预览、字段回收站、多列变换、更新记录、字段修改记录、显示全部字段和组件拖拽显示；组件展示模块可以展示拖拽进来的组件样式预览、字段回收站、多列变换、更新记录、字段修改记录、显示全部字段。字段回收站包括序号、字段名称、包含数据条数、删除人和删除时间，多列变换可在显示一列、两列、三列和四列之间切换，更新记录显示更新人员和更新时间，字段修改记录显示修改人员、修改时间和修改内容，显示全部字段包括显示全部字段、不显示全部字段和仅显示参数字段。
21.组件属性模块界面显示：字段属性和表单属性，字段属性可以根据所选择的不同组件显示不同的可调节属性，表单属性可以根据所选择的不同组件显示不同的可调节属性；组件属性模块可以展示拖拽进来的组件属性配置设置，操作人员可以根据实际情况自由配置，灵活多变。
22.其中，初始状态界面，左侧区域为组件选择模块、中间区域为组件展示模块、右侧区域为组件属性模块。
23.图表选择模块展示界面，左侧区域为图表选择区域，中间区域为图表组件的展示效果，右侧区域为图表组件属。
24.以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其它相关的技术领域，均同理包括在本发明的专利保护范围内。

技术特征：
1.一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，将操作界面
‑‑
功能信息架构划分为四大区域:组件选择模块、图表选择模块、组件展示模块和组件属性模块；其中，组件选择模块界面显示：基础组件、布局组件和高级组件；图表选择模块界面显示：数值卡、柱状图、气泡图、雷达图、饼图和折线图；组件展示模块界面显示：预览、字段回收站、多列变换、更新记录、字段修改记录、显示全部字段和组件拖拽显示；组件属性模块界面显示：字段属性和表单属性。2.根据权利要求1所述的一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，组件选择模块界面，基础组件包含：单行文本、多行文本、时间日期、时间范围、数字、下拉框、级联选择、单选按钮组、复选框、附件、图片、地址、定位、是/否、号码、评分、滑块、计算式、组合文本和链接。3.根据权利要求2所述的一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，布局组件包含：分组标题、一行两列、说明描述、子表单、分页卡、标签和步进器。4.根据权利要求3所述的一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，高级组件包含：流水号、富文本、部门选择、成员选择、手写签名、关联组合、表单关联、数据查询、二维码、表单基础资料、人脸识别、文字识别和随机。5.根据权利要求1所述的一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，图表选择模块界面还显示：散点图、漏斗图、对比图、条形图、环形图、区域地图、散点地图、热力地图、玫瑰图、面积图、玉块图、旭日图和时间轴。6.根据权利要求1所述的一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，初始状态界面，左侧区域为组件选择模块、中间区域为组件展示模块、右侧区域为组件属性模块。7.根据权利要求1所述的一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，图表选择模块展示界面，左侧区域为图表选择区域，中间区域为图表组件的展示效果，右侧区域为图表组件属。8.根据权利要求1所述的一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，组件属性模块界面，字段属性可以根据所选择的不同组件显示不同的可调节属性。9.根据权利要求8所述的一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法，其特征在于，组件属性模块界面，表单属性可以根据所选择的不同组件显示不同的可调节属性。

技术总结
本发明公开了一种企业管理操作系统之UI交互组件化快速搭建表单功能的主界面设计方法，将操作界面


技术研发人员：李国熙 陶建伟 梁良 魏晓曼 钟楚君
受保护的技术使用者：广州三叠纪元智能科技有限公司
技术研发日：2023.02.28
技术公布日：2023/7/26