Guoxiaohuan il y a 5 ans
Parent
commit
16bb85ac29
1 fichiers modifiés avec 60 ajouts et 48 suppressions
  1. 60 48
      src/views/strategy/animationBox.vue

+ 60 - 48
src/views/strategy/animationBox.vue

@@ -33,7 +33,7 @@
           <i class="innerIcon"></i> 室内平均温度
           <i class="innerMax"></i> 室内最高温度
         </div>
-         <div id="leftLine" style="width:100%;height:350px;margin-right:;24px;"></div>
+        <div id="leftLine" style="width:100%;height:350px;margin-right:;24px;"></div>
       </div>
       <div class="rightL">
         <div class="rightLengend">
@@ -51,7 +51,12 @@
       </div>
     </div>
 
-    <bom-box v-if="Object.keys(chillerCommandQ).length>0" :class="['draw', {'open': showDraw}]" :data="chillerCommandQ" @close="showDraw = false"></bom-box>
+    <bom-box
+      v-if="Object.keys(chillerCommandQ).length>0"
+      :class="['draw', {'open': showDraw}]"
+      :data="chillerCommandQ"
+      @close="showDraw = false"
+    ></bom-box>
   </div>
 </template>
 
@@ -73,7 +78,7 @@ export default {
     };
   },
   components: { bomBox },
-  props: ["data", "chillerHourList",'chillerCommandQ'],
+  props: ["data", "chillerHourList", "chillerCommandQ"],
   methods: {
     getData() {
       this.chillerHourList.forEach(el => {
@@ -83,9 +88,17 @@ export default {
         this.dataY1.push(el.tout);
         this.dataY2.push(el.meanTindoor);
         this.dataY3.push(el.maxTindoor);
-        this.loadY1.push(el.nowPlantLoad?(el.nowPlantLoad=='-9999'?0:el.nowPlantLoad):0);
-        this.loadY2.push(el.predictedLoadUpLimit?el.predictedLoadUpLimit:0);
-        this.loadY3.push(el.redictedLoadDownLimit?el.redictedLoadDownLimit:0);
+        this.loadY1.push(
+          el.nowPlantLoad
+            ? el.nowPlantLoad == "-9999"
+              ? "-9999"
+              : el.nowPlantLoad
+            : 0
+        );
+        this.loadY2.push(el.predictedLoadUpLimit ? el.predictedLoadUpLimit : 0);
+        this.loadY3.push(
+          el.redictedLoadDownLimit ? el.redictedLoadDownLimit : 0
+        );
       });
     },
     drawLeft() {
@@ -94,12 +107,12 @@ export default {
         tooltip: {
           trigger: "axis"
         },
-        title:{
-          text:'室内外温度',
-          fontSize:'16px',
-          color:'#1F2429'
+        title: {
+          text: "室内外温度",
+          fontSize: "16px",
+          color: "#1F2429"
         },
-       
+
         grid: {
           left: "3%",
           right: "4%",
@@ -114,29 +127,29 @@ export default {
         },
         yAxis: {
           type: "value",
-          axisLabel:{formatter:'{value}  ℃'}
+          axisLabel: { formatter: "{value}  ℃" }
         },
         series: [
           {
             name: "室外温度",
             type: "line",
-           
+
             data: this.dataY1,
-            color:'#0091FF'
+            color: "#0091FF"
           },
           {
             name: "室内平均温度",
             type: "line",
-            
+
             data: this.dataY2,
-            color:'#00D6B9'
+            color: "#00D6B9"
           },
           {
             name: "室内最高温度",
             type: "line",
-           
+
             data: this.dataY3,
-            color:'#FFBA6B'
+            color: "#FFBA6B"
           }
         ]
       };
@@ -170,10 +183,10 @@ export default {
           bottom: "3%",
           containLabel: true
         },
-        title:{
-          text:'预测冷量',
-          fontSize:'16px',
-          color:'#1F2429'
+        title: {
+          text: "预测冷量",
+          fontSize: "16px",
+          color: "#1F2429"
         },
         xAxis: {
           type: "category",
@@ -184,7 +197,7 @@ export default {
           splitLine: {
             show: false
           },
-          axisLabel:{formatter:'{value}  KW'}
+          axisLabel: { formatter: "{value}  KW" }
         },
         series: [
           {
@@ -348,50 +361,49 @@ export default {
   .an-bottom {
     margin-top: 45px;
     display: flex;
-    .leftL{
-      flex:1;
-      .leftLengend{
+    .leftL {
+      flex: 1;
+      .leftLengend {
         text-align: center;
         margin-bottom: 10px;
-        i{
+        i {
           display: inline-block;
-          width:16px;
+          width: 16px;
           height: 6px;
-          border-radius:3px;
+          border-radius: 3px;
           vertical-align: middle;
         }
-        .innerIcon{
-          background:rgba(0,214,185,1);
+        .innerIcon {
+          background: rgba(0, 214, 185, 1);
           margin: 0 20px;
         }
-        .outIcon{
-          background:rgba(0,145,255,1);
+        .outIcon {
+          background: rgba(0, 145, 255, 1);
         }
-        .innerMax{
-          background:rgba(255,186,107,1);
+        .innerMax {
+          background: rgba(255, 186, 107, 1);
         }
       }
     }
-    .rightL{
-      flex:1;
-      .rightLengend{
+    .rightL {
+      flex: 1;
+      .rightLengend {
         text-align: center;
         margin-bottom: 10px;
-        i{
+        i {
           display: inline-block;
-          width:16px;
+          width: 16px;
           height: 6px;
-          border-radius:3px;
+          border-radius: 3px;
           vertical-align: middle;
         }
-        .reactCool{
-          background:rgba(0,214,185,1);
-         
+        .reactCool {
+          background: rgba(0, 214, 185, 1);
         }
-        .preCool{
-          background:rgba(0,145,255,1);
-          opacity:0.29;
-          margin-left:20px;
+        .preCool {
+          background: rgba(0, 145, 255, 1);
+          opacity: 0.29;
+          margin-left: 20px;
         }
       }
     }