|
|
@@ -40,25 +40,25 @@
|
|
|
:data="dataList"
|
|
|
v-loading="dataListLoading"
|
|
|
>
|
|
|
- <el-table-column :resizable="true" :sortable="true" label="序号" type="index" width="50" />
|
|
|
- <el-table-column :resizable="true" :sortable="true" prop="region" label="所属地区" />
|
|
|
- <el-table-column :resizable="true" :sortable="true" prop="substation" label="变电站名称">
|
|
|
+ <!-- <el-table-column align="center" :resizable="true" :sortable="true" label="序号" type="index" width="110" /> -->
|
|
|
+ <el-table-column align="center" :resizable="true" :sortable="true" prop="region" label="所属地区" />
|
|
|
+ <el-table-column align="center" :resizable="true" :sortable="true" prop="substation" label="变电站名称">
|
|
|
<template slot-scope="scope">
|
|
|
<div style="color: #0977fd; text-decoration: underline; cursor: pointer" @click="handleClick(scope.row)">
|
|
|
{{ scope.row.substation }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column :resizable="true" :sortable="true" prop="voltageLevel" label="电压等级" />
|
|
|
- <el-table-column :resizable="true" :sortable="true" prop="mainNum" label="主变台数" />
|
|
|
- <el-table-column :resizable="true" :sortable="true" width="180" prop="capacity" label="主变容量（MVA）" />
|
|
|
- <el-table-column :resizable="true" :sortable="true" v-for="key in columns" :key="key" :label="key">
|
|
|
- <el-table-column :prop="`${key}_peakLoad`" label="最大负荷">
|
|
|
+ <el-table-column align="center" :resizable="true" :sortable="true" prop="voltageLevel" label="电压等级" />
|
|
|
+ <el-table-column align="center" :resizable="true" :sortable="true" prop="mainNum" label="主变台数" />
|
|
|
+ <el-table-column align="center" :resizable="true" :sortable="true" width="180" prop="capacity" label="主变容量（MVA）" />
|
|
|
+ <el-table-column align="center" :resizable="true" :sortable="true" v-for="key in columns" :key="key" :label="key">
|
|
|
+ <el-table-column align="center" :prop="`${key}_peakLoad`" label="最大负荷">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row[`${key}_peakLoad`] ? scope.row[`${key}_peakLoad`] : '---' }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column :prop="`${key}_loadRate`" label="最大负荷率">
|
|
|
+ <el-table-column align="center" :prop="`${key}_loadRate`" label="最大负荷率">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row[`${key}_loadRate`] ? scope.row[`${key}_loadRate`] + '%' : '---' }}
|
|
|
</template>
|
|
|
@@ -191,4 +191,23 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@import '@/assets/css/page.scss';
|
|
|
+::v-deep {
|
|
|
+ .el-table__header-wrapper thead tr th {
|
|
|
+ border-color: #f0f0f0 !important;
|
|
|
+ border-width: 1px !important;
|
|
|
+ text-align: center !important;
|
|
|
+ }
|
|
|
+ .el-table__body-wrapper tbody tr td {
|
|
|
+ border-width: 1px !important;
|
|
|
+ }
|
|
|
+ .el-table .el-table__cell.is-center {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .el-table__body-wrapper tbody tr:hover td {
|
|
|
+ text-align: center !important;
|
|
|
+ }
|
|
|
+ .el-table__header-wrapper thead tr th .cell {
|
|
|
+ justify-content: center !important;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
