[发明专利]一种用于数据资产化基础平台进行可视化操作的树形控件

说明书

技术领域

本发明涉及可视化操作提示，具体涉及一种用于数据资产化基础平台进行可视化操作的树形控件。

背景技术

数据资产化基础平台是将集团企业财务共享管理模式与云计算、移动互联网、大数据等计算机技术有效融合，实现财务共享服务、财务管理、资金管理三中心合一，建立集中、统一的企业财务云中心，支持多终端接入模式，实现“核算、报账、资金、决策”在全集团内的协同应用。

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言。

HTML超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容(如：文字如何处理，画面如何安排，图片如何显示等)。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。

VUE前端JavaScript框架是一个以数据驱动，自动追踪依赖的模板表达式和计算属性，组件化、轻量、无依赖，快速精确有效的异步批量DOM更新的MVVM框架。

本申请就是利用JavaScript编程语言、HTML超文本标记语言、VUE前端JavaScript框架综合实现一个为数据资产化平台的数据可视化操作而设计的一个可重复使用的UI组件——树形控件。

发明内容

本发明所要解决的技术问题是：提出一种用于数据资产化基础平台进行可视化操作的树形控件，为数据资产化基础平台增添了数据可视化功能与高度操作性。

本发明解决其技术问题所采用的技术方案是：

一种用于数据资产化基础平台进行可视化操作的树形控件，展现形式为树根和至少一个子树，每一个子树下至少包括一个子节点；该控件包括：

大小调节模块，用于根据内容物的变化调节树形控件中的树形结构大小；

过滤模块，用于支持用户输入过滤条件，从而仅显示需要的节点内容；

自定义模块，用于提供用户对树形控件的节点内容的添加、删除、修改功能。

作为进一步优化，所述控件的树根上设置有展开和收起操作的按钮，用于对树根下的所有子树进行展开和收起操作。

作为进一步优化，当对树根下的子树展开时，子树节点位于树根的下方。

作为进一步优化，所述子树节点上设置有展开和收起操作的按钮，用于对子树下的所有子节点进行展开和收起操作。

作为进一步优化，所述子树下的子节点展开时，子节点位于子树的下方。

作为进一步优化，所述树形控件用于下拉菜单或者弹出页面。

本发明的有益效果是：

本发明为建立数据资产化基础平台的租户云单、票据工具、记账工具、管理中心等相关数据信息的可视化操作提示，而研发的树形控件可以在线使用，效果丰富、且可重复利用。

为数据资产化基础平台增添了数据可化功能与高度操作性。借助这些功能，可以更好地控制数据显示、数据聚合和数据修改，可显示任何具有树状结构的数据。

具体实施方式

本发明旨在提出一种用于数据资产化基础平台进行可视化操作的树形控件，为数据资产化基础平台增添了数据可视化功能与高度操作性。

在具体实现上，本发明中的树形控件展现形式为树根和至少一个子树，每一个子树下至少包括一个子节点；该控件包括：

大小调节模块，用于根据内容物的变化调节树形控件中的树形结构大小；

过滤模块，用于支持用户输入过滤条件，从而仅显示需要的节点内容；

自定义模块，用于提供用户对树形控件的节点内容的添加、删除、修改功能。

控件的树根上设置有展开和收起操作的按钮，用于对树根下的所有子树进行展开和收起操作；当对树根下的子树展开时，子树节点位于树根的下方。

在子树节点上也设置有展开和收起操作的按钮，用于对子树下的所有子节点进行展开和收起操作；

所述子树下的子节点展开时，子节点位于子树的下方。

需要说明的是，上述树形结构仅仅是一种优选实施方式，还可以采用其它多种等同方案替换，比如：子树节点在树根的右侧，子节点在子树节点的右侧；而子树下的子节点还根据功能设计需求分为一级子节点，一级子节点下的二级子节点，二级子节点下的三级子节点…..等。本发明中的树形控件理论上支持无限节点。

基于上述树形控件，其可以应用在下拉菜单或弹出页面中；控件中的各个节点的大小可根据内容物的变化而变化，用户可以通过点击展开或者收起操作的按钮实现对下属节点内容的展开或收起操作。用户还可以对各个节点进行增加、删除、节点内容修改等自定义操作，为了快速搜索节点内容，还可以以文本框的形式为用户提供节点搜索，在文本框中输入相应的过滤文字便可快速搜索目标节点。