数据：树形控件 cloudcc-tree

用途

用清晰的层级结构展示信息，可展开或折叠。

属性简介

• 数据内容：date

[
  {
    "id": 1,
    "label": "一级 1",
    "children": [
      {
        "id": 4,
        "label": "二级 1-1",
        "children": [
          {
            "id": 9,
            "label": "三级 1-1-1"
          },
          {
            "id": 10,
            "label": "三级 1-1-2"
          }
        ]
      }
    ]
  }
]

• 空数据显示文字：empty-text,内容为空的时候展示的文本
• 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的：node-key
• 是否在第一次展开某个树节点才渲染子节点：render-after-expand,可选值true/flase
• 是否高亮当前选中节点：highlight-current
• 是否默认展开所有节点：default-expand-all
• 是否在点击节点的时候展开或者收缩节点：expand-on-click-node
• 展开子节点的时候是否自动展开父节点：auto-expand-parent
• 默认展开的节点的key的数组：default-expanded-keys
• 节点是否可被选择：show-checkbox
• 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法：check-strictly
• 默认勾选的节点的key的数组：default-checked-keys
• 当前选中的节点：current-node-key
• 是否每次只打开一个同级树节点展开：accordion
• 相邻级节点间的水平缩进，单位为像素：indent
• 自定义树节点的图标：icon-class
• 是否开启拖拽节点功能：draggable
• 关联组件ID，使用英文逗号分隔：
• 节点被点击时的回调：node-click，共三个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身。

function handleNodeClick(context,value,data,node,dom) {
    console.log(data);
}

• 接口地址：接口访问地址
• 请求体：请求参数，function方法

function test() {
  let requestParams = {
    "className": "TestUpdate",
    "methodName": "queryGao",
    "params": []
  }
  return requestParams
}

• 返回体：返回的数据，function方法

function test(res){
  let dataList = []
  if (res.data.status) {
    if (res.data.contactList.length > 0) {
       dataList = res.data.contactList
    }
  }
  return dataList
}