上一篇我们讲了目前国标GB28181协议视频平台EasyGBS正在进行功能优化，除了我们讲过的视频调阅搜索功能的实现外，还有个需求是在设备分组处增加多级目录。
EasyGBS平台内设备分组设计之初只有一级，所以是以table表格构建，由于增加了多级目录的需求，因此要在原本基础上增加多级树状图结构，即增加tree-props属性，同时采用懒加载的方法，这样在数据量过大的情况下，页面也能正常加载。
参考代码如下：
<el-table
:data="devices"
stripe
border
:default-sort="{ prop: 'ID', order: 'ascending' }"
@sort-change="sortChange"
@selection-change="handleSelectionChange"
row-key="id"
default-expand-all
lazy
:load="load"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
>在本文多级目录和前文视频调阅搜索框的实现中，我们都采用了懒加载的方式，懒加载其实就是延时加载，即当对象需要用到的时候再去加载。懒加载的优点是不需要将对象的实例化全部写到viewDidLoad中，可以简化代码，增强代码的可读性，同时对系统的内存占用率也会减少。懒加载节省了系统响应时间，提升了系统性能，非常具有利用价值。
TSINGSEE青犀视频开发的国标GB28181协议平台EasyGBS支持接入鉴权，并且提供RTSP、RTMP、HTTP-FLV、HLS等多种协议流输出，能够轻松搭建安防视频监控平台，除此之外，EasyGBS对外提供服务器获取状态、信息，控制 HTTP API接口，可自由调用和二次开发。如果大家有兴趣，欢迎联系我们了解。
