@@ -532,26 +536,26 @@
资源概况
-
+
- 负荷功率
+ 储能容量
-
{{ storedUserPartAreaRatedS }}
-
kW
-
+
100
+
kW
+
数量
-
{{ storedUserPartAreaCount }}
-
台
-
+
1
+
台
+
@@ -1571,6 +1575,7 @@ const styleVar = computed(() => {
}
}
}
+
.content_left {
width: changeWidth(1146);
position: absolute;
@@ -1586,7 +1591,7 @@ const styleVar = computed(() => {
.sourceContent {
position: relative;
height: changeHeight(807.84);
-
+ border: 1px solid pink;
// 左 箭头收
.showPanel {
position: absolute;
@@ -1608,6 +1613,8 @@ const styleVar = computed(() => {
.source {
position: relative;
height: changeHeight(807.84);
+ height: changeHeight(933);
+
.icon_panel_left_on {
position: absolute;
background: url("@/assets/images/btnType/icon_panel_left.png") no-repeat;
@@ -1623,7 +1630,9 @@ const styleVar = computed(() => {
display: flex;
flex-direction: column;
width: 89%;
+ margin-top: 2%;
margin-left: changeWidth(59);
+
.name {
display: flex;
margin-bottom: changeHeight(20);
@@ -1658,11 +1667,15 @@ const styleVar = computed(() => {
}
.name_box {
display: flex;
-
+ height: changeHeight(300);
// align-items: center;
+
img {
+
+ margin-top: 5%;
width: changeWidth(228.25);
height: changeHeight(201.6);
+
}
.photovoltaic,
.new_energy {
@@ -1732,6 +1745,7 @@ const styleVar = computed(() => {
margin-left: 10%;
width: 80%;
height: changeHeight(263);
+
// background-color: pink;
display: flex;
justify-content: space-between;
@@ -1785,7 +1799,7 @@ const styleVar = computed(() => {
display: flex;
margin-bottom: changeHeight(80);
padding-left: changeWidth(120);
- // border: 1px solid red;
+ //
position: relative;
.title_load {
position: absolute;
@@ -1829,10 +1843,9 @@ const styleVar = computed(() => {
}
.load {
position: relative;
- margin-top: changeHeight(77.75);
-
- height: changeHeight(1014.74);
+ margin-top: changeHeight(57.75);
+ height: changeHeight(933);
.icon_panel_left_on {
position: absolute;
background: url("@/assets/images/btnType/icon_panel_left.png") no-repeat;
@@ -1854,10 +1867,10 @@ const styleVar = computed(() => {
position: absolute;
top: 50%;
- left: 35%;
+ left: 38%;
img {
- width: changeWidth(270.97);
- height: changeHeight(239.38);
+ width: changeWidth(227.77);
+ height: changeHeight(193.42);
}
}
.total_load {
@@ -1995,6 +2008,8 @@ const styleVar = computed(() => {
.network {
position: relative;
height: changeHeight(1010.86);
+ height: changeHeight(933);
+
.icon_panel_left_on {
position: absolute;
background: url("@/assets/images/btnType/icon_panel_right.png")
@@ -2090,8 +2105,8 @@ const styleVar = computed(() => {
}
.name_box {
display: flex;
-
- // align-items: center;
+ // border:1px solid #00c2ff;
+ align-items: center;
img {
width: changeWidth(227.77);
height: changeHeight(193.42);
@@ -2191,8 +2206,9 @@ const styleVar = computed(() => {
}
}
.storage {
- margin-top: changeHeight(77.4);
+ margin-top: changeHeight(57.4);
height: changeWidth(812.06);
+ height: changeHeight(933);
position: relative;
.icon_panel_left_on {
position: absolute;
@@ -2216,17 +2232,21 @@ const styleVar = computed(() => {
margin-left: changeWidth(60);
.rowlist {
width: 100%;
- height: changeHeight(400);
+ height: changeHeight(450);
display: flex;
// border: 1px solid red;
-
+
justify-content: space-between;
align-items: center;
img {
width: changeWidth(227.77);
- // height: changeHeight(130.17);
- margin-top: 8%;
+ height: changeHeight(130.17);
+ width: changeWidth(227.77);
+ height: changeHeight(193.42);
+ ////----
+
+ margin-top: 15%;
}
.rbox {
width: 65%;
@@ -2264,14 +2284,17 @@ const styleVar = computed(() => {
justify-content: space-around;
display: flex;
font-size: changeHeight(35);
+ align-items: center;
font-weight: 600;
// font-size: changeHeight(35);
width: changeHeight(640.16);
height: changeHeight(80.31);
-
- background: url("@/assets/images/homePage/bgdanwei.png") no-repeat;
- background-size: 100% 100%;
- .r_chu{
+ // height: changeHeight(80.31);
+
+ background: url("@/assets/images/homePage/bgdanwei.png")
+ no-repeat;
+ background-size: 100% 110%;
+ .r_chu {
display: flex;
}
.rnumber {
@@ -2385,7 +2408,7 @@ const styleVar = computed(() => {
// 运行检测
.runLisenPage_box {
- // border: 1px solid red;
+ //
// height: 100%;
// width: 100%;
}
@@ -2456,7 +2479,7 @@ const styleVar = computed(() => {
// 字体颜色
.el-select__placeholder {
color: #6ffbf7 !important;
- // border: 1px solid red;
+ //
font-size: changeHeight(35);
}
// 去除边框
@@ -2600,7 +2623,7 @@ const styleVar = computed(() => {
// 分页样式
:deep(.bottom) {
- // border: 1px solid red;
+ //
margin-right: changeHeight(27);
height: 8%;
display: flex;
@@ -2813,5 +2836,8 @@ const styleVar = computed(() => {
background-color: rgba(0, 0, 0, 0.6); /* 黑色透明度20% */
}
+ .content_top {
+ height: changeHeight(933);
+ }
}
@@ -79,12 +79,8 @@
/>
+ 