1

src/views/statistics/performance.vue

@@ -2,10 +2,13 @@
   <div class="app-container">
     <el-row :gutter="24">
       <el-col :span="6">
-        qqq
+        <div>
+          1111
+        </div>
+        <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
       </el-col>
       <el-col :span="18">
-        qqweqqeqwe
+
       </el-col>
     </el-row>
   </div>
@@ -13,7 +16,40 @@
 
 <script>
 export default {
-  name: 'performance'
+  name: 'performance',
+  data() {
+    return {
+      data: [{
+        label: '一级 1',
+        children: [{
+          label: '二级 1-1'
+        }]
+      }, {
+        label: '一级 2',
+        children: [{
+          label: '二级 2-1'
+        }, {
+          label: '二级 2-2'
+        }]
+      }, {
+        label: '一级 3',
+        children: [{
+          label: '二级 3-1'
+        }, {
+          label: '二级 3-2'
+        }]
+      }],
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      }
+    };
+  },
+  methods: {
+    handleNodeClick(data) {
+      console.log(data);
+    }
+  }
 }
 </script>