<template>
  <div style="width: 300px;">
    <TaskTree :treeList="treeList" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeList: [
        {
          "id": "annotation",
          "type": "annotation",
          "name": "标注",
          "collapsed": false,
          "visible": true,
          "opacity": 1,
          "items": [
            {
              "id": "0ad9ef2f988cc443145e28a09527b6ab",
              "name": "点注记",
              "color": "#F02DB8",
              "type": "point",
              "visible": true,
              "opacity": 1,
              "group": "annotation",
              "height": 78.2545
            },
            {
              "id": "1bd66c49e65af3c7ad7da556de453b1c",
              "name": "面注记 2",
              "color": "#2DF0D7",
              "type": "polygon",
              "distance2d": 77.0539,
              "area2d": 372.306,
              "visible": true,
              "opacity": 1,
              "group": "annotation",
              "distance3d": 77.1121,
              "area3d": 372.725
            },
            {
              "id": "bada19f77da2c97515690912a93b10f2",
              "name": "点注记 7",
              "color": "#F02DB8",
              "type": "point",
              "visible": true,
              "opacity": 1,
              "group": "annotation",
              "height": 75.6123
            }
          ]
        },
        {
          "id": "output",
          "type": "output",
          "name": "成果图层",
          "collapsed": false,
          "visible": true,
          "opacity": 1,
          "items": [
            {
              "id": "29ca4a9c-5492-4d20-9e5a-e5757f7310f1",
              "type": "dom",
              "name": "正射影像（DOM）",
              "visible": true,
              "opacity": 1,
              "group": "output",
              "task_id": "cac58b96-396d-4cb6-9a97-5f6f47fc9c36"
            },
            {
              "id": "278d3425-697f-4788-b2f3-776f4713a2e2",
              "type": "dsm",
              "name": "数字表面模型（DSM）",
              "visible": false,
              "opacity": 0.5,
              "group": "output",
              "task_id": "cac58b96-396d-4cb6-9a97-5f6f47fc9c36"
            },
            {
              "id": "efe003e8-ca85-47d7-898a-0e65246cae28",
              "type": "mesh3d",
              "name": "三维模型",
              "visible": true,
              "opacity": 1,
              "group": "output",
              "task_id": "cac58b96-396d-4cb6-9a97-5f6f47fc9c36"
            }
          ]
        },
        {
          "id": "dataset",
          "type": "dataset",
          "name": "数据集",
          "collapsed": false,
          "visible": true,
          "opacity": 1,
          "items": [
            {
              "id": "d39d7d2d-d78c-4468-bfde-9f4442287837",
              "type": "photos",
              "name": "照片",
              "visible": false,
              "opacity": 1,
              "group": "dataset",
              "task_id": "cac58b96-396d-4cb6-9a97-5f6f47fc9c36"
            }
          ]
        },
        {
          "id": "overlay",
          "type": "overlay",
          "name": "覆盖物",
          "collapsed": false,
          "visible": true,
          "opacity": 1,
          "items": [
            {
              "id": "0ad9ef2f988cc443145e28a09527b6ab",
              "name": "施工设计图",
              "type": "geojson",
              "visible": true,
              "opacity": 1,
              "group": "overlay",
              "height": 78.2545
            }
          ]
        }
      ]
    }
  }
}
</script>