pf 2 years ago
parent
commit
94a55705ab
1 changed files with 76 additions and 2 deletions
  1. 76 2
      src/App.vue

+ 76 - 2
src/App.vue

@@ -2,6 +2,10 @@
     <el-table
             :data="tableData"
             :cell-class-name="addClass"
+            row-key="id"
+            border
+            lazy
+            :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
             style="width: 100%;color:black">
         <el-table-column
                 label="序号"
@@ -210,6 +214,7 @@
         data() {
             return {
                 tableData: [{
+                    id:1,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '在线',
@@ -236,8 +241,10 @@
                     end_min_dew_point: '7.0',
                     end_max_temp: '29',
                     end_max_humidity: '87',
-                    end_max_dew_point: '9.0'
+                    end_max_dew_point: '9.0',
+
                 },{
+                    id:2,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '离线',
@@ -266,6 +273,7 @@
                     end_max_humidity: '87',
                     end_max_dew_point: '9.0'
                 },{
+                    id:3,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '在线',
@@ -292,8 +300,68 @@
                     end_min_dew_point: '7.0',
                     end_max_temp: '29',
                     end_max_humidity: '87',
-                    end_max_dew_point: '9.0'
+                    end_max_dew_point: '9.0',
+                    children: [{
+                        id:33,
+                        prj_name: '滨江公寓',
+                        box_name: '盒子',
+                        online_status: '在线',
+                        running_mode: '制冷',
+                        host_connect_status: '异常',
+                        host_fault: '有',
+                        host_su_temp: '20.0',
+                        host_re_temp: '22.0',
+                        host_temp_diff: '2.0',
+                        nt_connect_status: '正常',
+                        nt_fault: '有',
+                        nt_in_temp: '20.0',
+                        nt_in_humidity: '91.0',
+                        nt_dew_point: '12.0',
+                        hex_connect_status: '正常',
+                        hex_fault: '无',
+                        hex_su_temp: '20.0',
+                        hex_re_temp: '22.0',
+                        hex_temp_diff: '2.0',
+                        hex_pump_status: '运行',
+                        end_exception_num: '11',
+                        end_min_temp: '11.0',
+                        end_min_humidity: '56',
+                        end_min_dew_point: '7.0',
+                        end_max_temp: '29',
+                        end_max_humidity: '87',
+                        end_max_dew_point: '9.0',
+                    }, {
+                        id:34,
+                        prj_name: '滨江公寓',
+                        box_name: '盒子',
+                        online_status: '在线',
+                        running_mode: '制冷',
+                        host_connect_status: '异常',
+                        host_fault: '有',
+                        host_su_temp: '20.0',
+                        host_re_temp: '22.0',
+                        host_temp_diff: '2.0',
+                        nt_connect_status: '正常',
+                        nt_fault: '有',
+                        nt_in_temp: '20.0',
+                        nt_in_humidity: '91.0',
+                        nt_dew_point: '12.0',
+                        hex_connect_status: '正常',
+                        hex_fault: '无',
+                        hex_su_temp: '20.0',
+                        hex_re_temp: '22.0',
+                        hex_temp_diff: '2.0',
+                        hex_pump_status: '运行',
+                        end_exception_num: '11',
+                        end_min_temp: '11.0',
+                        end_min_humidity: '56',
+                        end_min_dew_point: '7.0',
+                        end_max_temp: '29',
+                        end_max_humidity: '87',
+                        end_max_dew_point: '9.0',
+                    }]
                 },{
+                    id:4,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '离线',
@@ -322,6 +390,7 @@
                     end_max_humidity: '87',
                     end_max_dew_point: '9.0'
                 },{
+                    id:5,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '在线',
@@ -350,6 +419,7 @@
                     end_max_humidity: '87',
                     end_max_dew_point: '9.0'
                 },{
+                    id:6,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '离线',
@@ -378,6 +448,7 @@
                     end_max_humidity: '87',
                     end_max_dew_point: '9.0'
                 },{
+                    id:7,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '在线',
@@ -406,6 +477,7 @@
                     end_max_humidity: '87',
                     end_max_dew_point: '9.0'
                 },{
+                    id:8,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '在线',
@@ -434,6 +506,7 @@
                     end_max_humidity: '87',
                     end_max_dew_point: '9.0'
                 },{
+                    id:9,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '离线',
@@ -462,6 +535,7 @@
                     end_max_humidity: '87',
                     end_max_dew_point: '9.0'
                 },{
+                    id:10,
                     prj_name: '滨江公寓',
                     box_name: '盒子',
                     online_status: '在线',