|
@@ -246,44 +246,48 @@
|
|
|
</div>
|
|
|
<div class="problemsAI" style="color: #fff">
|
|
|
<div class="part-info-ai">
|
|
|
- <!-- v-if="partAInfos.length > 0" -->
|
|
|
- <div class="part-body-ai">
|
|
|
+ <!-- v-if="partAInfos.length > 0" -->
|
|
|
+ <div class="part-body-ai">
|
|
|
<div class="monitoring-item">
|
|
|
- <div class="point point-left bottom"></div>
|
|
|
- <div class="point point-right bottom"></div>
|
|
|
- 遥测值
|
|
|
+ <div class="point point-left bottom"></div>
|
|
|
+ <div class="point point-right bottom"></div>
|
|
|
+ 遥测值
|
|
|
</div>
|
|
|
<div class="part-item-ai">
|
|
|
- <div
|
|
|
+ <div
|
|
|
class="part-ai"
|
|
|
:class="{ active: index % 2 === 1 }"
|
|
|
v-for="(val, index) in partAInfos"
|
|
|
:key="index"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="table-item-ai"
|
|
|
+ v-for="(item, ind) in val"
|
|
|
+ :key="ind"
|
|
|
>
|
|
|
- <div class="table-item-ai" v-for="(item, ind) in val" :key="ind">
|
|
|
- <div>{{ item.name }}</div>
|
|
|
- <div class="table-value-ai">
|
|
|
+ <div>{{ item.name }}</div>
|
|
|
+ <div class="table-value-ai">
|
|
|
{{
|
|
|
- item.name.includes("状态")
|
|
|
+ item.name.includes("状态")
|
|
|
? item.value
|
|
|
: item.name == "总发电量"
|
|
|
? (item.value / 10000).toFixed(2)
|
|
|
: Number(item.value).toFixed(2)
|
|
|
}}
|
|
|
<div v-if="item.valueUnit != 'NULL'" class="unit-ai">
|
|
|
- {{ item.valueUnit }}
|
|
|
+ {{ item.valueUnit }}
|
|
|
</div>
|
|
|
<div v-else class="unit-ai"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="parts-di">
|
|
|
- <div class="part-info">
|
|
|
+ <div class="part-info">
|
|
|
<div class="part-body">
|
|
|
<div class="monitoring-item">
|
|
|
<div class="point point-left bottom"></div>
|
|
@@ -346,7 +350,7 @@
|
|
|
</div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<!-- <div class="problems" style="color: #fff">
|
|
|
<div class="problemTit">
|
|
|
<div class="point point-left bottom"></div>
|
|
@@ -432,7 +436,7 @@ import {
|
|
|
import svgIcon from "@/components/coms/icon/svg-icon.vue";
|
|
|
import alarmDialog from "@/components/alarm";
|
|
|
|
|
|
-import dataJson from "./dataJson.json"
|
|
|
+import dataJson from "./dataJson.json";
|
|
|
export default {
|
|
|
name: "windDetail",
|
|
|
data() {
|
|
@@ -629,7 +633,7 @@ export default {
|
|
|
// this.partAInfos = dataJson.data.partAInfos
|
|
|
// this.partDInfos = dataJson.data.partDInfos
|
|
|
// })
|
|
|
-
|
|
|
+
|
|
|
this.timer = setInterval(() => {
|
|
|
if (Object.keys(this.windInfo).length) {
|
|
|
this.getWtMonitorInfo(this.windInfo);
|
|
@@ -1040,8 +1044,8 @@ export default {
|
|
|
}
|
|
|
|
|
|
.bodys {
|
|
|
-// display: flex;
|
|
|
-// flex-direction: row;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: row;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
.edge {
|
|
@@ -1269,7 +1273,7 @@ export default {
|
|
|
// justify-content: space-between;
|
|
|
// position: relative;
|
|
|
.part-top {
|
|
|
- // flex: 1;
|
|
|
+ // flex: 1;
|
|
|
width: 60%;
|
|
|
height: 70vh;
|
|
|
}
|
|
@@ -1309,7 +1313,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.part-imgs {
|
|
|
- width: 80%;
|
|
|
+ width: 80%;
|
|
|
min-height: calc(100% - 30px);
|
|
|
position: relative;
|
|
|
}
|
|
@@ -1409,7 +1413,7 @@ export default {
|
|
|
margin-right: 20px;
|
|
|
display: flex;
|
|
|
.part-top {
|
|
|
- // flex: 1;
|
|
|
+ // flex: 1;
|
|
|
width: 60%;
|
|
|
height: 70vh;
|
|
|
}
|
|
@@ -1449,7 +1453,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.part-imgs {
|
|
|
- width: 80%;
|
|
|
+ width: 80%;
|
|
|
min-height: calc(100% - 30px);
|
|
|
position: relative;
|
|
|
}
|
|
@@ -1917,8 +1921,8 @@ export default {
|
|
|
.round {
|
|
|
width: 30px;
|
|
|
height: 18px;
|
|
|
- // color: rgba(0, 70, 199, 0.88);
|
|
|
- color: rgb(15, 120, 240);
|
|
|
+ // color: rgba(0, 70, 199, 0.88);
|
|
|
+ color: rgb(15, 120, 240);
|
|
|
margin-right: 90px;
|
|
|
}
|
|
|
|