<template>
  <el-table :data="tableData" border stripe :header-cell-style="headClass"   height="calc(100vh - 110px)" style="overflow-y: auto;">
    <el-table-column prop="a" label="支路名称" align="center" />
    <el-table-column  label="尖" align="center">
      <el-table-column prop="a" label="电量（kWh）" align="center" />
      <el-table-column prop="a" label="电费元h）" align="center" />
    </el-table-column>
    <el-table-column  label="峰" align="center">
      <el-table-column prop="a" label="电量（kWh）" align="center" />
      <el-table-column prop="a" label="电费元h）" align="center" />
    </el-table-column>
    <el-table-column  label="平" align="center">
      <el-table-column prop="a" label="电量（kWh）" align="center" />
      <el-table-column prop="a" label="电费元h）" align="center" />
    </el-table-column>
    <el-table-column  label="谷" align="center">
      <el-table-column prop="a" label="电量（kWh）" align="center" />
      <el-table-column prop="a" label="电费元h）" align="center" />
    </el-table-column>
    <el-table-column  label="总" align="center">
      <el-table-column prop="a" label="电量（kWh）" align="center" />
      <el-table-column prop="a" label="电费元h）" align="center" />
    </el-table-column>
    <el-table-column prop="a" label="谷电量占比" align="center" />
  </el-table>
</template>
<script setup>
import {  defineComponent, onMounted, ref, watch } from 'vue'
const props = defineProps({
  data: {
    type: Object,
    default: null,
  },
});
const tableData = ref(props.data)
</script>
<style lang="scss" scoped>

</style>