目录树展示

目录树展示弹窗以树形结构展示当前节点的类型、名称、层级关系和生成状态。

区域介绍

• ① 标题区： 目录树标题，右侧为关闭按钮，点击后该展示区隐藏。

• ② 展示区： 按照树形结构节点，节点默认全部显示。

  • ： 表明该节点为非叶节点，其下含有子节点，点击按钮会将其下的所有子节点进行隐藏，同时按钮变为折叠状态，再次点击切换回展开状态。

  • ： 表明该节点为叶节点。

• ③ 节点展示： 每一个节点展示区标明该节点的三种信息：节点名称、节点类型和生成状态。

  • 节点名称： 图标后的文字部分即为节点名称，与画布区内的节点一一对应。

  • 节点类型： 三种不同的图标代表了三种不同的节点类型。

    • ： 空白节点。

    • ： 已有大屏节点。

    • ： 模板大屏节点。

  • 生成状态： 图标的不同颜色代表了该节点的生成状态。

    • 灰色： 未生成大屏。

    • 蓝色： 已生成大屏。

与其他区域的交互

• 窗口的隐藏与显示

  除在标题区点击关闭按钮隐藏目录树展示窗口外，点击 dock 栏的目录树按钮也可以切换该窗口的显示/隐藏。

  

• 节点的维护

  当画布区添加、删除节点或修改节点名称和类型时，目录树里可以实时反映出来。

  操作示例：

  1. 将根节点的未命名空白大屏替换为已发布大屏202，目录树里节点类型、节点名称和生成状态均发生变化。

  2. 修改202节点的名称为测试，目录树里节点名称发生变化。

  3. 在测试节点下添加一个新大屏节点201，目录树里新增了一个节点。

  4. 删除节点201，目录树里删除了一个节点。

  

• 节点的聚焦

  当点击目录树里的节点时，画布区对应的节点会被选中并移动到页面中央。

  操作示例：

  1. 目录树里点击要发布模板的大屏节点，画布区该节点被选中并聚焦到了页面中央。

  2. 目录树里点击电力能源产业链分析节点，画布区该节点被选中并聚焦到了页面中央。

  3. 目录树里点击1233节点，画布区该节点被选中并聚焦到了页面中央。