|
@@ -6,7 +6,7 @@
|
|
|
<div class="homeLeaf">
|
|
|
<Row type="flex" class="plan" style="height:21%">
|
|
|
<Col :span="24">
|
|
|
- <com-panel title="发电量" sub-title="(单位:万kWh)" bodyPadd="50px"
|
|
|
+ <com-panel title="发电量" sub-title="单位:万kWh" bodyPadd="50px"
|
|
|
style="position: relative;height: 100%">
|
|
|
<div v-for="it in ForecastPower" :key="it" class="powerName">
|
|
|
<span :style="{top: it.top}">{{it.name}}</span>
|
|
@@ -20,7 +20,7 @@
|
|
|
</Row>
|
|
|
<Row type="flex" class="plan" style="height:79%">
|
|
|
<Col :span="24">
|
|
|
- <com-panel title="主要经济指标同期对比" sub-title="(电量单位:万kWh)" style="position: relative;height: 100%">
|
|
|
+ <com-panel title="主要经济指标同期对比" sub-title="单位:万kWh" style="position: relative;height: 100%">
|
|
|
<operationTable :data="zbtqdb" height="100%"></operationTable>
|
|
|
</com-panel>
|
|
|
</Col>
|
|
@@ -29,7 +29,9 @@
|
|
|
<div class="homeCenter">
|
|
|
<Row type="flex" style="height:23%;">
|
|
|
<Col :span="24" style="background: #142446 !important;">
|
|
|
- <power-plan :data="planData" :title="planBtnName" />
|
|
|
+ <com-panel title="发电量完成率" sub-title="单位:万kWh" style="position: relative;height: 100%">
|
|
|
+ <power-plan :data="planData" :title="planBtnName" />
|
|
|
+ </com-panel>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row type="flex" style="height:25%">
|
|
@@ -66,9 +68,9 @@
|
|
|
{{ item.text }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <Row type="flex" class="rightplan" v-for="it in rightTableData" :key="it.name" style="height:48.5%">
|
|
|
+ <Row type="flex" class="rightplan" v-for="it in rightTableData" :key="it.name" style="height:50%">
|
|
|
<Col :span="24">
|
|
|
- <com-panel :title="it.name" sub-title="(电量单位:万kWh)" style="position: relative;height: 100%">
|
|
|
+ <com-panel :title="it.name" style="position: relative;height: 100%">
|
|
|
<operationTable :data="it.data" height="100%"></operationTable>
|
|
|
</com-panel>
|
|
|
</Col>
|
|
@@ -124,8 +126,14 @@
|
|
|
id: "week",
|
|
|
text: "周",
|
|
|
}, ],
|
|
|
- rightTableData: [
|
|
|
-
|
|
|
+ rightTableData: [{
|
|
|
+ name: '风能利用率年排名',
|
|
|
+ data: []
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '设备可利用率年排名',
|
|
|
+ data: []
|
|
|
+ }
|
|
|
],
|
|
|
ForecastPower: [],
|
|
|
fnlyl: dataJson.data.fnlyl,
|
|
@@ -282,37 +290,7 @@
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
|
|
|
- .tabs {
|
|
|
- display: flex;
|
|
|
- color: #fff;
|
|
|
- margin-bottom: 1.111vh;
|
|
|
- font-size: 12px;
|
|
|
- display: flex;
|
|
|
- justify-content: end;
|
|
|
-
|
|
|
- .tab-item {
|
|
|
- padding: 0.37vh 1.852vh;
|
|
|
- cursor: pointer;
|
|
|
-
|
|
|
- &.active {
|
|
|
- color: #fff;
|
|
|
- position: relative;
|
|
|
- background-image: linear-gradient(to top, fade(#2169c3, 50%), fade(#2169c3, 0));
|
|
|
-
|
|
|
- &::after {
|
|
|
- content: "";
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- height: 0.463vh;
|
|
|
- border: 0.093vh solid #2169c3;
|
|
|
- border-top: 0;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
.homeMain {
|
|
|
width: 100%;
|
|
@@ -359,10 +337,46 @@
|
|
|
.homeRight {
|
|
|
width: 25%;
|
|
|
height: 100%;
|
|
|
+ position: relative;
|
|
|
|
|
|
.rightplan {
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
+
|
|
|
+ .tabs {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ z-index: 11111;
|
|
|
+ display: flex;
|
|
|
+ color: #fff;
|
|
|
+ margin-bottom: 1.111vh;
|
|
|
+ font-size: 12px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: end;
|
|
|
+
|
|
|
+ .tab-item {
|
|
|
+ padding: 0.37vh 1.852vh;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ color: #fff;
|
|
|
+ position: relative;
|
|
|
+ background-image: linear-gradient(to top, fade(#2169c3, 50%), fade(#2169c3, 0));
|
|
|
+
|
|
|
+ &::after {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 0.463vh;
|
|
|
+ border: 0.093vh solid #2169c3;
|
|
|
+ border-top: 0;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|