提交

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

@@ -90,10 +90,9 @@ export default {
       },
     },
   },
-  // 自定义事件
   emits: {
-    // 分页事件
     onPagging: null,
+    headerClick: null,
   },
   // 数据
   data() {
@@ -143,7 +142,7 @@ export default {
       if (column.rawColumnKey.click) column.rawColumnKey.click(event, row);
     },
     onHeaderClick(column, event) {
-      if (column.rawColumnKey.headerClick) column.rawColumnKey.headerClick(event, column, this.data.data);
+      this.$emit("headerClick", { event: event, col: column.rawColumnKey, data: this.data.data });
     },
     handleCurrentChange(val) {
       this.currentPage = val;

src/views/NewPages/power-benchmarking.vue

@@ -35,7 +35,7 @@
             <div class="right-btn" :class="{ active: btnIndex == 1 }" @click="rightBtnClick(1)">光伏</div>
           </div>
         </div>
-        <group-table :customClass="'table'" :data="eltableData" :height="'420px'" :pageSize="10"></group-table>
+        <group-table :customClass="'table'" :data="eltableData" :height="'420px'" :pageSize="10" @headerClick="headerClick"></group-table>
       </div>
       <div class="top-right">
         <div class="rank-title">
@@ -69,6 +69,7 @@ import groupTable from "../../components/coms/table/group-table.vue";
 export default {
   components: { groupTable, Panel, MultipleBarChart },
   data() {
+    let that = this;
     return {
       selecttionIndex: 0,
       btnIndex: 0,
@@ -91,41 +92,21 @@ export default {
           },
           {
             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)",
@@ -161,11 +142,6 @@ export default {
           },
           {
             name: "安全指标",
-            headerClick: function(event, col, data) {
-              console.log(event);
-              console.log(col);
-              console.log(data);
-            },
             child: [
               {
                 name: "人身设备事故 (次)",
@@ -181,11 +157,6 @@ export default {
           },
           {
             name: "经济指标",
-            headerClick: function(event, col, data) {
-              console.log(event);
-              console.log(col);
-              console.log(data);
-            },
             child: [
               {
                 name: "人身设备事故 (次)",
@@ -563,6 +534,9 @@ export default {
     selectionClick(index) {
       this.selecttionIndex = index;
     },
+    headerClick(param) {
+      console.log(param);
+    },
     rightBtnClick(index) {
       this.btnIndex = index;
     },