Browse Source

首页站hi效果优化

wangb 7 months ago
parent
commit
0242dc31c0

+ 1 - 1
components.d.ts

@@ -166,7 +166,7 @@ declare module 'vue' {
     StrightLineChart: typeof import('./src/components/chart/line/stright-line-chart.vue')['default']
     SubmitBtn: typeof import('./src/components/generatingCapacityComponent/SubmitBtn.vue')['default']
     SvgDraw: typeof import('./src/components/coms/icon/svg-draw.vue')['default']
-    SvgIcon: typeof import('./src/components/coms/icon/svg-icon.vue')['default']
+    SvgIcon: typeof import('./src/components/powerPredictionComponent/svgIcon/index.vue')['default']
     SvgPageShow: typeof import('./src/components/powerPredictionComponent/powerControlSvg/svgPageShow.vue')['default']
     Tab: typeof import('./src/components/coms/tabs/tab.vue')['default']
     Table: typeof import('./src/components/generatingCapacityComponent/table.vue')['default']

+ 0 - 1
src/components/homeComponent/echartsGaugeComponent.vue

@@ -46,7 +46,6 @@ export default {
       default: false,
     },
   },
-
   mounted() {
     this.PowerLoad = this.data;
   },

File diff suppressed because it is too large
+ 561 - 560
src/views/home/component/data.json


+ 16 - 14
src/views/home/index.vue

@@ -109,10 +109,10 @@
                 >
               </div>
               <div class="info">
-                <span class="gz">故障</span>
+                <span class="xd">限电</span>
                 <span
                   :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
-                  >{{ ztmap.jxsum }}</span
+                  >{{ ztmap.xdsum }}</span
                 >
               </div>
             </div>
@@ -120,19 +120,20 @@
           <div class="item">
             <div class="b">
               <div class="info">
-                <span class="wh">维护</span>
+                <span class="gz">故障</span>
                 <span
                   :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
-                  >{{ ztmap.whsum }}</span
+                  >{{ ztmap.jxsum }}</span
                 >
               </div>
               <div class="info">
-                <span class="xd">限电</span>
+                <span class="wh">维护</span>
                 <span
                   :style="`color: #${$store.state.theme ? '000' : 'fff'}`"
-                  >{{ ztmap.xdsum }}</span
+                  >{{ ztmap.whsum }}</span
                 >
               </div>
+
               <div class="info">
                 <span
                   class="sl"
@@ -744,7 +745,7 @@
     >
       <el-table
         :data="jhdlTableData"
-        style="width: 100%"
+        style="width: 100%; height: 300px"
         :summary-method="sumJhdlMethod"
         show-summary
         border
@@ -825,6 +826,7 @@ export default {
   },
   data() {
     return {
+      rl: 0,
       swichTheme: null,
       fengji: fengji,
       quan: quan,
@@ -1291,7 +1293,7 @@ export default {
             {
               name: "日发电量",
               data: seriesRF,
-              barGap: "0",
+              barGap: "1",
               type: "bar",
             },
             {
@@ -1459,6 +1461,7 @@ export default {
       let that = this;
       const theme = sessionStorage.getItem("theme") === "true" ? true : false;
       if (res && res.data) {
+        this.rl = res.data.rl;
         if (res.data?.["dqtq"] && res.data?.["24tq"] && res.data?.["15tq"]) {
           //天气预报
           let weatherObj = {
@@ -1550,25 +1553,25 @@ export default {
             {
               title: "风速",
               value: it.pjfs,
-              max: 25,
+              max: res.data.rl,
               unit: "MW",
             },
             {
               title: "功率",
               value: it.sfgl,
-              max: it.sfgl * 1.08,
+              max: res.data.rl,
               unit: "MW",
             },
             {
               title: "应发功率",
               value: it.yfgl,
-              max: it.yfgl * 1.08,
+              max: res.data.rl,
               unit: "MW",
             },
             {
               title: "预测功率",
               value: it.bzgl,
-              max: it.bzgl * 1.08,
+              max: res.data.rl,
               unit: "MW",
             },
           ];
@@ -1958,7 +1961,7 @@ export default {
             {
               name: "日发电量",
               data: seriesRF,
-              barGap: "0",
+              barGap: "1",
               type: "bar",
             },
             {
@@ -2037,7 +2040,6 @@ export default {
         yAxis: [
           {
             type: "value",
-            splitNumber: 3.5,
             splitLine: {
               lineStyle: {
                 color: this.$store.state.theme ? "#000" : "#ccc",