浏览代码

优化升压站矩阵hover效果,修改功率预测弹窗标题

baiyanting 1 年之前
父节点
当前提交
5dd8284a91

+ 7 - 14
src/views/economicsOperation/monthElectricAnalyse/index.vue

@@ -36,7 +36,11 @@
         >
       </div>
     </div>
-    <div class="parcel-content" v-loading="loading" element-loading-background="rgba(4, 12, 11, 0.8)">
+    <div
+      class="parcel-content"
+      v-loading="loading"
+      element-loading-background="rgba(4, 12, 11, 0.8)"
+    >
       <div class="line clearfix">
         <div class="leftContent">
           <span>{{ selectValue }}</span>
@@ -74,17 +78,9 @@
 </template>
 
 <script>
-// import Panel from "@/components/curveAnalyse/panel.vue";
-// import ChartColumnar from '@/components/curveAnalyse/multiple-bar-chart.vue'
 import BarCharts from "./components/barCharts.vue";
-// import { companys, fnlylList, gzsslList, whsslList, xdsslList, xnsslList, slsslList } from '@/api/curveAnalyse'
 import {
   companys,
-  gzsslList,
-  whsslList,
-  xdsslList,
-  xnsslList,
-  slsslList,
 } from "@/api/curveAnalyse";
 import { GetStationByCompany } from "@/api/factoryMonitor/index.js";
 import { getMonthElectricAnalyse } from "@/api/monthlyPerformanceAnalysis.js";
@@ -143,7 +139,6 @@ export default {
         if (res.data) {
           this.companyOptions = res.data;
           this.company = res.data[0].id;
-          //   this.search();
           this.getStation();
         }
       });
@@ -170,9 +165,9 @@ export default {
           //合计列
           let hj = [
             data.bnjhdlhj,
-            data.bnsjdlhj + "%",
+            data.bnsjdlhj,
             null,
-            data.bnsjdlhj + "%",
+            data.qnzbhj + "%",
             null,
             null,
           ];
@@ -227,8 +222,6 @@ export default {
       });
     },
   },
-  mounted() {},
-  beforeUnmount() {},
 };
 </script>
 

+ 9 - 6
src/views/stateMonitor/focus/syzDetails.vue

@@ -581,6 +581,14 @@ export default {
     margin-right: 15px;
     margin-bottom: 15px;
     position: relative;
+    &:hover {
+      .showAllSvgMsg_bot {
+        background: #1f5533;
+        span {
+          color: #fff;
+        }
+      }
+    }
     .cover {
       position: absolute;
       background: transparent;
@@ -597,12 +605,7 @@ export default {
       border-radius: 0 0 8px 8px;
       height: 40px;
       text-align: center;
-      &:hover {
-        background: #1f5533;
-        span {
-          color: #fff;
-        }
-      }
+
       span {
         position: relative;
         top: 10px;

+ 1 - 1
src/views/stateMonitor/powerPredictMatrix/index.vue

@@ -34,7 +34,7 @@
       <template #title>
         <div class="dialog-title">
           <img class="dialog-title-img" src="@assets/imgs/dialog-title.png" />
-          <div class="title">{{ showName }}未来十天功率预测</div>
+          <div class="title">{{ showName }}功率预测详情</div>
         </div>
       </template>
       <div class="dialog-body" style="height: 600px">