[发明专利]一种基于能源系统对大量数据的表格处理方法

说明书

本发明属于软件管理技术和软件管理系统领域，具体公开了一种基于能源系统对大量数据的表格处理方法，包括如下具体步骤：S1：将序号、项目归属、项目名称单独做成一个表格A；S2：采用前端属性定位到页面最左边，让表格A叠在分类表格的上方；S3：将每个分类的表格的第一列数据的宽度设置成与表格A的整体宽度相同；S4：在请求表格A的数据时，将对应数据的id保存到list数组中，切换分类表格；前端会按照数据返回的形式展示数据。本发明针对能源系统开发的使用需求，提供了一种对大量数据的展示方法，避免将100多列的数据都放在一个表格展示，方便对某一类的数据进行计算或修改操作；能够及时响应数据请求，提高用户体验，方便数据查找。

技术领域

本发明涉及软件管理技术和软件管理系统领域，具体为一种基于能源系统对大量数据的表格处理方法。

背景技术

在能源系统开发过程中，会涉及到审批流程，在审批过程中会产生大量的项目，以及生成很多项目数据。产品在给需求时，将很多数据按照分类以excell的形式展示出来，分类多达十几个，比如项目基本信息、业主消纳电量、组件清洗次数、投产信息、融资出售情况等等。对应分类下存在的字段数目大约有十几个，并且要放到一个页面展示，做成所有项目信息的项目总览。前端表格的处理方式不适用于当前的情况，用一个表去展示100多列的数据。一般前端表格只有十几列，如果再按照传统的方式去处理，后端一次要返回大量数据，请求接口要花费很长时间，影响用户体验。并且无法对单个分类的表的数据进行处理。现有技术可以将所以分类的数据用一个表格展示出来，但是如果按照前端表格的方式来处理的话，将会把表格拉的很长，并且不易查找，而且分类的数据可以会存在修改的情况；用一个表格去处理是不合适的，并且如果涉及到某个分类的横向表格的计算会很麻烦。

发明内容

本发明的目的在于提供一种基于能源系统对大量数据的表格处理方法，以解决上述背景技术中提出的问题。

为实现上述目的，本发明提供如下技术方案：一种基于能源系统对大量数据的表格处理方法，包括如下具体步骤：

S1：将序号、项目归属、项目名称单独做成一个表格A；

S2：采用前端css的一个属性position:absolute,定位到页面最左边，并且将表格A的层级z-index设置成200，让表格A叠在分类表格的上方；

S3：将每个分类的表格的第一列数据的宽度设置成与表格A的整体宽度相同，从而固定三列表格，并可切换对应表格；

S4：在请求表格A的数据时，将对应数据的id保存到list数组中，切换分类表格；请求后端接口时将保存的数组也返回给后端，后端将对应那一行的数据返给前端，前端会按照数据返回的形式展示数据。

优选的，表格处理的前端采用Vue.js，后端采用Python,用到的前端框架为Element Ui。

优选的，步骤S3的具体操作为：

优选的，步骤S4中，注意每次切换时需要将list数组清空，避免导致数据错乱。

优选的，步骤S4的具体操作为：

与现有技术相比，本发明的有益效果是：

本发明针对能源系统开发的使用需求，提供了一种对大量数据的展示方法，避免将100多列的数据都放在一个表格展示，方便对某一类的数据进行计算或修改操作；能够及时响应数据请求，提高用户体验，方便数据查找。

附图说明

图1为本发明的界面展示图。

具体实施方式