样式优化

src/views/ems/dzjk/home/index.vue

@@ -79,7 +79,7 @@ import intervalUpdate from "@/mixins/ems/intervalUpdate";
 export default {
   name: "DzjkSbjkHome",
   components: { WeekChart, ActiveChart, AlarmTable, ClInfo },
-  mixins: [getQuerySiteId,intervalUpdate],
+  mixins: [getQuerySiteId, intervalUpdate],
   data() {
     return {
       loading: false,
@@ -110,6 +110,14 @@ export default {
           title: "今日放电量（kWh）",
           attr: "dayDisChargedCap",
         },
+        {
+          title: "总充电量（kWh）",
+          attr: "totalChargedCap",
+        },
+        {
+          title: "总放电量（kWh）",
+          attr: "totalDischargedCap",
+        },
         {
           title: "总收入",
           attr: "todo",
@@ -118,15 +126,6 @@ export default {
           title: "当日实时收入",
           attr: "todo",
         },
-        {
-          title: "总充电量（MWh）",
-          attr: "totalChargedCap",
-        },
-        {
-          title: "总放电量（MWh）",
-          attr: "totalDischargedCap",
-        },
-
       ],
       info: {}, //基本信息
       runningInfo: {}, //总累计运行数据+报警表格
@@ -164,7 +163,7 @@ export default {
         this.loading = false;
       });
       // 一分钟循环一次总累计运行数据
-      this.updateInterval(this.getRunningInfo)
+      this.updateInterval(this.getRunningInfo);
     },
   },
 };
@@ -181,7 +180,9 @@ export default {
 .sjgl-data {
   text-align: center;
   &:nth-child(1),
-  &:nth-child(2) {
+  &:nth-child(2),
+  &:nth-child(3),
+  &:nth-child(4) {
     margin-bottom: 25px;
   }
   .sjgl-title {