写一段ElementUI TreeTable有三级的代码

以下是一个简单的ElementUI三级TreeTable的代码示例：

<template>
  <el-table-tree
    :data="tableData"
    :indent-size="20"
    :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
  >
    <el-table-column
      prop="name"
      label="名称"
      width="200"
    >
    </el-table-column>
    <el-table-column
      prop="type"
      label="类型"
      width="100"
    >
    </el-table-column>
    <el-table-column
      prop="size"
      label="大小"
      width="100"
    >
    </el-table-column>
    <el-table-column
      prop="date"
      label="修改日期"
      width="200"
    >
    </el-table-column>
  </el-table-tree>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '文件夹1',
          type: '文件夹',
          size: '',
          date: '2021-01-01',
          hasChildren: true,
          children: [
            {
              name: '文件夹1-1',
              type: '文件夹',
              size: '',
              date: '2021-01-02',
              hasChildren: true,
              children: [
                {
                  name: '文件1-1-1',
                  type: '文本文件',
                  size: '100KB',
                  date: '2021-01-03',
                  hasChildren: false,
                },
                {
                  name: '文件1-1-2',
                  type: '图像文件',
                  size: '200KB',
                  date: '2021-01-04',
                  hasChildren: false,
                },
              ],
            },
            {
              name: '文件夹1-2',
              type: '文件夹',
              size: '',
              date: '2021-01-05',
              hasChildren: true,
              children: [
                {
                  name: '文件1-2-1',
                  type: '文本文件',
                  size: '50KB',
                  date: '2021-01-06',
                  hasChildren: false,
                },
                {
                  name: '文件夹1-2-1',
                  type: '文件夹',
                  size: '',
                  date: '2021-01-07',
                  hasChildren: true,
                  children: [
                    {
                      name: '文件1-2-1-1',
                      type: '文本文件',
                      size: '20KB',
                      date: '2021-01-08',
                      hasChildren: false,
                    },
                  ],
                },
              ],
            },
          ],
        },
        {
          name: '文件夹2',
          type: '文件夹',
          size: '',
          date: '2021-01-09',
          hasChildren: false,
          children: [],
        },
      ],
    };
  },
};
</script>

在上面的代码中，我们使用了ElementUI的el-table-tree组件来呈现多级的树形结构的表格。与之前的示例不同的是，这里的数据包含了三个层级的节点，每个节点下面可能还包含了子节点。我们在el-table-tree组件中通过设置tree-props属性来指定数据中每个节点的子节点和是否有子节点的属性名称。同时，我们在每个节点的数据中添加了hasChildren属性，用来表示当前节点是否包含子节点。

在el-table-tree组件中，我们可以使用递归的方式来生成树形结构的表格。具体来说，我们在组件内部定义了一个名为"el-table-tree"的组件，这个组件会根据传入的数据来生成表格的每一行。如果一个节点有子节点，那么会在当前节点的下面再生成一个"el-table-tree"组件来渲染子节点。这个过程会一直递归下去，直到所有节点都被渲染完。