| 123456789101112131415161718192021222324252627282930313233343536373839 |
- <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>
|
