CN116483355A - 一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法 - Google Patents

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

Info

Publication number
CN116483355A
CN116483355A CN202310178196.2A CN202310178196A CN116483355A CN 116483355 A CN116483355 A CN 116483355A CN 202310178196 A CN202310178196 A CN 202310178196A CN 116483355 A CN116483355 A CN 116483355A
Authority
CN
China
Prior art keywords
component
interface
module
operating system
charts
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202310178196.2A
Other languages
English (en)
Inventor
李国熙
陶建伟
梁良
魏晓曼
钟楚君
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Sandianjiyuan Intelligent Technology Co ltd
Original Assignee
Guangzhou Sandianjiyuan Intelligent Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangzhou Sandianjiyuan Intelligent Technology Co ltd filed Critical Guangzhou Sandianjiyuan Intelligent Technology Co ltd
Priority to CN202310178196.2A priority Critical patent/CN116483355A/zh
Publication of CN116483355A publication Critical patent/CN116483355A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/177Editing, e.g. inserting or deleting of tables; using ruled lines
    • G06F40/18Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/10Requirements analysis; Specification techniques
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/20Software design
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02PCLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/30Computing systems specially adapted for manufacturing

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种企业管理操作系统之UI交互组件化快速搭建表单功能的主界面设计方法,将操作界面‑‑功能信息架构划分为四大区域:组件选择模块、图表选择模块、组件展示模块和组件属性模块;其中,组件选择模块界面显示:基础组件、布局组件和高级组件;图表选择模块界面显示:数值卡、柱状图、气泡图、雷达图、饼图和折线图;组件展示模块界面显示:预览、字段回收站、多列变换、更新记录、字段修改记录、显示全部字段和组件拖拽显示;组件属性模块界面显示:字段属性和表单属性。该设计方法能够根据不同用户不同需求,可选择不同的组件来搭建表单信息内容,使信息统计和阅读一目了然,信息传达更加便利,安全又智能。

Description

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

Claims (9)

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交互组件化快速搭建表单功能的主界面设计方法,其特征在于,组件属性模块界面,表单属性可以根据所选择的不同组件显示不同的可调节属性。
CN202310178196.2A 2023-02-28 2023-02-28 一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法 Pending CN116483355A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310178196.2A CN116483355A (zh) 2023-02-28 2023-02-28 一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310178196.2A CN116483355A (zh) 2023-02-28 2023-02-28 一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法

Publications (1)

Publication Number Publication Date
CN116483355A true CN116483355A (zh) 2023-07-25

Family

ID=87210874

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310178196.2A Pending CN116483355A (zh) 2023-02-28 2023-02-28 一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法

Country Status (1)

Country Link
CN (1) CN116483355A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117519889A (zh) * 2024-01-05 2024-02-06 北京中盈安信技术服务股份有限公司 表单组件切换方法、装置、存储介质及电子设备

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117519889A (zh) * 2024-01-05 2024-02-06 北京中盈安信技术服务股份有限公司 表单组件切换方法、装置、存储介质及电子设备
CN117519889B (zh) * 2024-01-05 2024-03-29 北京中盈安信技术服务股份有限公司 表单组件切换方法、装置、存储介质及电子设备

Similar Documents

Publication Publication Date Title
US20210304113A1 (en) Digital processing systems and methods for auto-recognition and aggregation of similar columns in collaborative work systems
US11561996B2 (en) Continuously scrollable calendar user interface
US8886553B2 (en) Visual workflow process notation and layout
US7003737B2 (en) Method for interactive browsing and visualization of documents in real space and time
CN111190597A (zh) 一种数据ue可视化设计系统
US6995768B2 (en) Interactive business data visualization system
KR100886337B1 (ko) 이미지 내 선택 영역을 일괄 저장하는 장치 및 이미지정보의 문서화 장치
US20150262396A1 (en) Automatic data sharing between multiple graph elements
CN112926288B (zh) 一种商业智能数据可视化方法、系统、设备以及可读存储介质
JPH09106336A (ja) 複数の表示画像を情報処理装置の表示窓内に表示する方法
CN111708516A (zh) 一种网上web应用定制开发系统
CN102819982A (zh) Mes系统的电子地图及其使用方法
CN116483355A (zh) 一种企业管理操作系统之ui交互组件化快速搭建表单功能的主界面设计方法
CN102509510A (zh) 一种电子地图图例内容的交互式自动更新方法
US10467782B2 (en) Interactive hierarchical bar chart
CN108762748A (zh) 一种基于数据中心的数据展示方法及系统
CN100380300C (zh) 用于展示的信息处理系统和方法
CN115840567A (zh) 一种应用编辑方法及相关设备
CN111858723A (zh) 基于gis平台构建可视化一张图应用的系统及方法
US10809904B2 (en) Interactive time range selector
CN117555959A (zh) 一种基于多维地图复杂场景的可视化应用方法
CN114595295B (zh) 一种基于WebGIS管理维护农业“两区”划定成果的服务系统
CN113971176B (zh) 根据工业用户个性化需求生成可视看板的方法和存储介质
CN114116686A (zh) 用于实现数据大屏的数据可视化方法
JP2022540484A (ja) ブックベースのパーソナライズ化ソーシャルメディアサービス提供システム及び方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination