增加分布式光伏接口及大屏页面调整优化

src/views/digitalFloodDrainageDroughtRelief.vue

@@ -18,9 +18,17 @@
       <div class="two" style="height: 49%">
         <div class="cartitle">
           <div class="titleFont">
-            <img src="./../assets/indexN/btjt.png" alt="" />
+            <img
+              src="./../assets/indexN/btjt.png"
+              alt=""
+              style="margin-left: 10%"
+            />
             <span>排涝泵用电时长分析</span>
             <img src="./../assets/indexN/btjt1.png" alt="" />
+            <span
+              style="display: inline-block; float: right; padding-right: 25px"
+              >···</span
+            >
           </div>
         </div>
         <div class="content">
@@ -34,9 +42,17 @@
       <div class="two" style="height: 49%">
         <div class="cartitle">
           <div class="titleFont">
-            <img src="./../assets/indexN/btjt.png" alt="" />
+            <img
+              src="./../assets/indexN/btjt.png"
+              alt=""
+              style="margin-left: 10%"
+            />
             <span>建湖公司近两年汛情指数分析</span>
             <img src="./../assets/indexN/btjt1.png" alt="" />
+            <span
+              style="display: inline-block; float: right; padding-right: 25px"
+              >···</span
+            >
           </div>
         </div>
         <div class="content">
@@ -48,9 +64,17 @@
       <div class="two" style="height: 49%">
         <div class="cartitle">
           <div class="titleFont">
-            <img src="./../assets/indexN/btjt.png" alt="" />
+            <img
+              src="./../assets/indexN/btjt.png"
+              alt=""
+              style="margin-left: 10%"
+            />
             <span>用户电量详细分析</span>
             <img src="./../assets/indexN/btjt1.png" alt="" />
+            <span
+              style="display: inline-block; float: right; padding-right: 25px"
+              >···</span
+            >
           </div>
         </div>
         <div class="content">
@@ -210,7 +234,6 @@
         </div>
       </div>
     </div>
-
     <audio
       controls="controls"
       hidden

src/views/index.vue

@@ -387,7 +387,7 @@
                     <span>服务访问次数</span>
                   </div>
                   <span class="orange"
-                    >&nbsp;0&nbsp;<span style="color: #fff">次</span></span
+                    >0<span style="color: #fff">次</span></span
                   >
                 </div>
                 <div class="num" style="margin-top: 5%">
@@ -501,7 +501,12 @@
                   >2022年度总碳排放量</span
                 >
                 <span
-                  style="font-size: 40px; font-weight: 600; margin-left: 30px"
+                  style="
+                    font-size: 40px;
+                    font-weight: 600;
+                    margin-left: 30px;
+                    height: 80px;
+                  "
                   class="numText"
                   :text="CompanyInfo.ztpf"
                   id="yellow"
@@ -518,7 +523,12 @@
                   >2022年度总用电量</span
                 >
                 <span
-                  style="font-size: 40px; font-weight: 600; margin-left: 30px"
+                  style="
+                    font-size: 40px;
+                    font-weight: 600;
+                    margin-left: 30px;
+                    height: 80px;
+                  "
                   class="numText"
                   id="orange"
                   :text="CompanyInfo.zydl"
@@ -535,7 +545,12 @@
                   >2022年度客户总数</span
                 >
                 <span
-                  style="font-size: 40px; font-weight: 600; margin-left: 30px"
+                  style="
+                    font-size: 40px;
+                    font-weight: 600;
+                    margin-left: 30px;
+                    height: 80px;
+                  "
                   class="numText"
                   id="yellow"
                   :text="CompanyInfo.khzs"
@@ -1691,6 +1706,7 @@ export default {
           boundaryGap: false,
           axisLabel: {
             color: fontColor,
+            fontSize: 18, // 文字大小
           },
           axisLine: {
             show: true,
@@ -1742,6 +1758,7 @@ export default {
               formatter: "{value}",
               textStyle: {
                 color: "#2ad1d2",
+                fontSize: 18, // 文字大小
               },
             },
             axisLine: {
@@ -1790,6 +1807,7 @@ export default {
           boundaryGap: false,
           axisLabel: {
             color: fontColor,
+            fontSize: 18,
           },
           axisLine: {
             show: true,
@@ -1840,12 +1858,13 @@ export default {
             axisLabel: {
               formatter: "{value}",
               textStyle: {
-                color: "#2ad1d2",
+                color: fontColor,
+                fontSize: 18,
               },
             },
             axisLine: {
               lineStyle: {
-                color: "#27b4c2",
+                color: fontColor,
               },
             },
             axisTick: {
@@ -1997,6 +2016,7 @@ export default {
             type: "bar",
             stack: "zongliang",
             barWidth: "25%",
+            barMinHeight: 20,
             barGap: 15, // 柱图之间的间距
             itemStyle: {
               //自定义颜色
@@ -3450,7 +3470,7 @@ export default {
         //   width: 100%;
         //   height: calc(100% - 52px);
         width: 100%;
-        height: calc(100% - 200px);
+        height: calc(100% - 170px);
       }
 
       #horizontalChart {

src/views/ruralDomesticSewageTreatment.vue

@@ -410,7 +410,7 @@ export default {
     this.detailedTwo11();
     this.detailedTwo22();
     this.detailedTwo33();
-      window.parent.getLoc();
+    window.parent.getLoc();
   },
   methods: {
     //地图画线
@@ -453,6 +453,13 @@ export default {
           },
           data: ["电量KWh"],
         },
+        grid: {
+          left: "3%",
+          right: "5%",
+          bottom: "3%",
+          top: "15%",
+          containLabel: true,
+        },
         xAxis: [
           {
             type: "category",
@@ -469,7 +476,7 @@ export default {
             },
             axisLabel: {
               color: "#fff",
-              fontSize: "18",
+              fontSize: 20,
               interval: 0, //使x轴文字显示全
             },
           },
@@ -486,6 +493,10 @@ export default {
                 width: 1,
               },
             },
+            axisLabel: {
+              color: "#fff",
+              fontSize: 20,
+            },
           },
         ],
         series: [
@@ -1256,12 +1267,11 @@ export default {
       height: 25%;
       position: relative;
       top: 45%;
-      left: 40%;
+      left: 43%;
       .contents {
         // height: 90%;
         position: absolute;
         padding: 10px;
-        height: 100%;
         width: 32%;
         display: flex;
         flex-direction: row;

src/views/stationBuilding.vue

@@ -218,6 +218,7 @@
 <script>
 //引入echarts
 import * as echarts from "echarts";
+import { loadRateTop5 } from "./../api/stationBuilding.js";
 // 工单统计弹窗组件
 // import workOrder from "../component/workOrder.vue";
 // import ringMainUnit from "./HomePop/ringMainUnit.vue";
@@ -478,6 +479,7 @@ export default {
   },
   created() {},
   mounted() {
+    this.init();
     this.detailedTwo11();
     this.detailedTwo22();
     this.detailqe1();
@@ -486,6 +488,35 @@ export default {
     window.parent.getLoc();
   },
   methods: {
+    init() {
+      loadRateTop5({
+        area: "大丰区供电公司",
+        date: "2023-7-24",
+      })
+        .then((res) => {
+          console.log(res, "配变");
+          for (let i = 0; i < res.data.data.length; i++) {
+            if (res.data.data[i].gz_time_deal) {
+              let date = new Date(res.data.data[i].gz_time_deal);
+              res.data.data[i].gz_time_deal =
+                this.$moment(date).format("YYYY-MM-DD HH:mm");
+              // console.log(res.data.data[i].gz_time_deal,'转换后');
+            }
+            if (res.data.data[i].gz_time) {
+              let time = new Date(res.data.data[i].gz_time);
+              res.data.data[i].gz_time =
+                this.$moment(time).format("YYYY-MM-DD HH:mm");
+            }
+            this.tableData.push(res.data.data[i]);
+          }
+        })
+        .catch((error) => {
+          let id = this.$route.query.area;
+          let date = this.$route.query.area;
+          console.log(id, date);
+          console.log(error, "报错详情");
+        });
+    },
     //地图画线
     xianDuan() {
       var canvas = document.getElementById("myCanvas");

src/views/thirtyFiveKV.vue

@@ -720,7 +720,7 @@ export default {
           top: "middle",
           textStyle: {
             color: "white",
-            fontSize: 16,
+            fontSize: 18,
           },
           height: 250,
           //格式化图例文本
@@ -759,7 +759,7 @@ export default {
               normal: {
                 show: true,
                 textStyle: {
-                  fontSize: 18,
+                  fontSize: 20,
                 },
               },
               emphasis: {