Browse Source

部分图表参数调整、首页72小时功率趋势图刷新BUG修复

Koishi 3 years ago
parent
commit
803d86a642
3 changed files with 65 additions and 40 deletions
  1. 1 1
      src/router/index.js
  2. 1 0
      src/views/Home/Home.vue
  3. 63 39
      src/views/WindSite/pages/Tower.vue

+ 1 - 1
src/router/index.js

@@ -393,7 +393,7 @@ const routes = [{
 		import( /* webpackChunkName: "health8" */ "../views/HealthControl/Health8.vue"),
 },
 {
-	path: "/monitor/sandtable",
+	path: "/monitor/sandtable", // 沙盘
 	name: "sandtable",
 	component: () =>
 		import( /* webpackChunkName: "sandtable" */ "../views/SandTable/SandTable.vue"),

+ 1 - 0
src/views/Home/Home.vue

@@ -1009,6 +1009,7 @@ export default {
       this.timmer = null;
       this.wpId = wpId;
       this.requestData(false);
+      this.getCharts();
       this.timmer = setInterval(() => {
         this.requestData(false);
       }, this.$store.state.websocketTimeSec);

+ 63 - 39
src/views/WindSite/pages/Tower.vue

@@ -1,35 +1,47 @@
 <template>
-    <div class="tower">
-        <Wave></Wave>
-        <Windmill class="windmill-1"></Windmill>
-        <Windmill class="windmill-2"></Windmill>
-        <Windmill class="windmill-3"></Windmill>
-        <Windmill class="windmill-4"></Windmill>
-        <Windmill class="windmill-5"></Windmill>
-        <WindTower :data="cftmap"></WindTower>
-        <dash-pie-chart class="pie-left" title="空气密度" :value="cftmap.KQMD || 0" height="9.722vh" width="9.722vh" />
-        <dash-pie-chart class="pie-right" title="压强" :value="cftmap.FCCFTYQ || 0" height="9.722vh" width="9.722vh" />
-        <Panel class="panel-top" title="日资源玫瑰图" :bgBlur="true">
-            <div class="direction-chart">
-                <DirectionRadarChart width="100%" height="23vh" :value="rmgtmap" />
-                <div class="legend">
-                    <span class="dot bg-purple"></span>
-                    <span>{{ rmgtTitle || "" }}</span>
-                </div>
-            </div>
-        </Panel>
-        <Panel class="panel-bottom" title="月资源玫瑰图" :bgBlur="true">
-            <div class="direction-chart">
-                <DirectionRadarChart width="100%" height="23vh" :value="ymgtmap" />
-                <div class="legend">
-                    <span class="dot bg-purple"></span>
-                    <span>{{ ymgtTitle || "" }}</span>
-                </div>
-            </div>
-        </Panel>
-      <toolbar-panel class="rose-chart" title="功率曲线">
-            <template v-slot:tools>
-                <!--<div class="tools">
+  <div class="tower">
+    <Wave></Wave>
+    <Windmill class="windmill-1"></Windmill>
+    <Windmill class="windmill-2"></Windmill>
+    <Windmill class="windmill-3"></Windmill>
+    <Windmill class="windmill-4"></Windmill>
+    <Windmill class="windmill-5"></Windmill>
+    <WindTower :data="cftmap"></WindTower>
+    <dash-pie-chart
+      class="pie-left"
+      title="空气密度"
+      :value="cftmap.KQMD || 0"
+      height="9.722vh"
+      width="9.722vh"
+    />
+    <dash-pie-chart
+      class="pie-right"
+      title="压强"
+      :value="cftmap.FCCFTYQ || 0"
+      height="9.722vh"
+      width="9.722vh"
+    />
+    <Panel class="panel-top" title="日资源玫瑰图" :bgBlur="true">
+      <div class="direction-chart">
+        <DirectionRadarChart width="100%" height="23vh" :value="rmgtmap" />
+        <div class="legend">
+          <span class="dot bg-purple"></span>
+          <span>{{ rmgtTitle || "" }}</span>
+        </div>
+      </div>
+    </Panel>
+    <Panel class="panel-bottom" title="月资源玫瑰图" :bgBlur="true">
+      <div class="direction-chart">
+        <DirectionRadarChart width="100%" height="23vh" :value="ymgtmap" />
+        <div class="legend">
+          <span class="dot bg-purple"></span>
+          <span>{{ ymgtTitle || "" }}</span>
+        </div>
+      </div>
+    </Panel>
+    <toolbar-panel class="rose-chart" title="功率曲线">
+      <template v-slot:tools>
+        <!--<div class="tools">
                     <div class="tool-block">
                         <div class="legend bg-green"></div>
                         <div class="legend-text">应发功率</div>
@@ -55,13 +67,18 @@
                         <div class="legend-text">风速</div>
                     </div>
                 </div>-->
-            </template> 
-            <template v-slot:default>
-                <!-- 日发电量 -->
-                <multiple-line-chart :list="Powertrend.value" :units="Powertrend.units" height="28vh" :showLegend="true" />
-            </template>
-        </toolbar-panel>
-    </div>
+      </template>
+      <template v-slot:default>
+        <!-- 日发电量 -->
+        <multiple-line-chart
+          :list="Powertrend.value"
+          :units="Powertrend.units"
+          height="28vh"
+          :showLegend="true"
+        />
+      </template>
+    </toolbar-panel>
+  </div>
 </template>
 
 <script>
@@ -181,7 +198,14 @@ export default {
           that.ymgtTitle = res.data.ymgtmap.jfpl;
 
           let units = ["(万kw)", "(米/s)"];
-          let keyArray = ["value1", "value2", "value3", "value4", "value5", "value6"];
+          let keyArray = [
+            "value1",
+            "value2",
+            "value3",
+            "value4",
+            "value5",
+            "value6",
+          ];
 
           let Powertrend = {
             units,