group-table添加header点击事件

src/components/coms/table/group-table.vue

@@ -1,7 +1,7 @@
 <template>
-  <el-table :class="customClass" stripe :data="data.data" :height="height" style="width: 100%" @cell-click="onClick">
+  <el-table :class="customClass" stripe :data="data.data" :height="height" style="width: 100%" @cell-click="onClick" @header-click="onHeaderClick">
     <template v-for="col in data.column" :key="col">
-      <el-table-column v-if="col.child && col.child.length > 0" :label="col.name">
+      <el-table-column v-if="col.child && col.child.length > 0" :label="col.name" :key="col">
         <el-table-column
           v-for="sub in col.child"
           :key="sub"
@@ -142,6 +142,9 @@ export default {
     onClick(row, column, cell, event) {
       if (column.rawColumnKey.click) column.rawColumnKey.click(event, row);
     },
+    onHeaderClick(column, event) {
+      if (column.rawColumnKey.headerClick) column.rawColumnKey.headerClick(event, column, this.data.data);
+    },
     handleCurrentChange(val) {
       this.currentPage = val;
       this.$emit("onPagging", {

src/views/NewPages/power-benchmarking.vue

@@ -90,22 +90,42 @@ export default {
             ],
           },
           {
-            name: "配送信息",
+            name: "基础指标",
+            headerClick: function(event, col, data) {
+              console.log(event);
+              console.log(col);
+              console.log(data);
+            },
             child: [
               {
                 name: "装机容量（MW）",
                 field: "v1",
                 width: 55,
+                headerClick: function(event, col, data) {
+                  console.log(event);
+                  console.log(col);
+                  console.log(data);
+                },
               },
               {
                 name: "在运台数 (台)",
                 field: "v1",
                 width: 55,
+                headerClick: function(event, col, data) {
+                  console.log(event);
+                  console.log(col);
+                  console.log(data);
+                },
               },
               {
                 name: "理论电量 (万kwh)",
                 field: "v1",
                 width: 55,
+                headerClick: function(event, col, data) {
+                  console.log(event);
+                  console.log(col);
+                  console.log(data);
+                },
               },
               {
                 name: "发电量 (万kwh)",
@@ -141,6 +161,11 @@ export default {
           },
           {
             name: "安全指标",
+            headerClick: function(event, col, data) {
+              console.log(event);
+              console.log(col);
+              console.log(data);
+            },
             child: [
               {
                 name: "人身设备事故 (次)",
@@ -156,6 +181,11 @@ export default {
           },
           {
             name: "经济指标",
+            headerClick: function(event, col, data) {
+              console.log(event);
+              console.log(col);
+              console.log(data);
+            },
             child: [
               {
                 name: "人身设备事故 (次)",
@@ -558,9 +588,9 @@ export default {
           display: flex;
           .selecttion {
             flex: 1 0 250px;
-            width:250px;
+            width: 250px;
             display: flex;
-            
+
             .item {
               flex: 0 0 44px;
               height: 28px;