建筑用能底色优化

src/views/module_ems/energyAnalyse/components/commonSearch.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="table-page-search-wrapper">
+  <div class="table-page-search-wrapper search-compoments">
     <a-form :model="queryParams" ref="queryForm" layout="inline">
       <a-row :gutter="24">
         <a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -135,29 +135,33 @@ export default {
 
 <style lang="less" scoped>
 .search-compoments {
-  position: relative;
-  .search-icon {
-    position: absolute;
-    top: -10px;
-    right: -10px;
-    width: 20px;
-    height: 20px;
-    font-size: 20px;
-    color: #fff;
-    background-color: #1890ff;
-  }
-  .search-container {
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-    padding-top: 12px;
-    margin-bottom: 10px;
-    .a-form-item--small.a-form-item {
-      margin-bottom: 14px;
-    }
-  }
-  .item-echarts {
-    min-height: calc(100vh - 174px);
-    padding: 10px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-  }
+  background: #fff;
+  padding-top: 14px;
+  padding-left: 12px;
+  margin-bottom: 10px;
+  box-shadow: 0 2px 10px rgba(153, 153, 153, 0.1);
+  // .search-icon {
+  //   position: absolute;
+  //   top: -10px;
+  //   right: -10px;
+  //   width: 20px;
+  //   height: 20px;
+  //   font-size: 20px;
+  //   color: #fff;
+  //   background-color: #1890ff;
+  // }
+  // .search-container {
+  //   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  //   padding-top: 12px;
+  //   margin-bottom: 10px;
+  //   .a-form-item--small.a-form-item {
+  //     margin-bottom: 14px;
+  //   }
+  // }
+  // .item-echarts {
+  //   min-height: calc(100vh - 174px);
+  //   padding: 10px;
+  //   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  // }
 }
 </style>

src/views/module_ems/energyAnalyse/demandAnalysis/index.vue

@@ -248,7 +248,7 @@ export default {
 <style lang="less" scoped>
 .demand-analysis {
   min-height: calc(100vh - 84px);
-  padding: 10px;
+  padding: 0 10px;
   .search-container {
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     padding-top: 12px;
@@ -260,8 +260,8 @@ export default {
   .item-echarts {
     // min-height: calc(100vh - 174px);
     padding: 10px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-    background-color: white;
+    box-shadow: 0 2px 10px rgba(153, 153, 153, 0.1);
+    background-color: #fff;
   }
 }
 </style>

src/views/module_ems/energyAnalyse/energyDashboard/index.vue

@@ -680,7 +680,7 @@ export default {
 <style lang="less" scoped>
 .energy-overView {
   min-height: calc(100vh - 84px);
-  padding: 10px;
+  padding: 0 10px;
   .common-title {
     text-align: center;
     font-weight: bold;
@@ -688,8 +688,9 @@ export default {
     color: #1b2128;
   }
   .common-box {
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 10px rgba(153, 153, 153, 0.1);
     padding: 1.1vh 1.2vh;
+    background-color: #fff;
     // padding: 16px 20px;
   }
   .info-container {

src/views/module_ems/energyAnalyse/energyItem/index.vue

@@ -444,16 +444,17 @@
 <style lang="less" scoped>
 .item-zedEnergy{
   min-height: calc(100vh - 84px);
-  padding: 10px;
+  padding: 0 10px;
   // 上部3个统计模块
   .statistics-container{
     // 每一个模块
     .item-module{
       // height: 100px;
-      box-shadow: 0 2px 10px rgba(0,0,0,.1);
+      box-shadow: 0 2px 10px rgba(153,153,153,.1);
       flex: 1;
       margin-right: 10px;
       padding: 1.4vh 20px 0.8vh;
+      background: #fff;
       // padding: 16px 20px;
       .item-title{
         font-size: 18px;
@@ -491,7 +492,8 @@
     min-height: calc(100vh - 18vh - 5.8vh - 84px - 58px - 57px - 50px);
     padding: 10px;
     margin-top: 10px;
-    box-shadow: 0 2px 10px rgba(0,0,0,.1);
+    box-shadow: 0 2px 10px rgba(153,153,153,.1);
+    background: #fff;
   }
 }
 </style>

src/views/module_ems/energyAnalyse/energyRank/index.vue

@@ -186,16 +186,18 @@ export default {
 </style>
 <style lang="less" scoped>
 .ranking {
-  padding: 10px;
+  padding: 0 10px;
   .item-echarts {
     padding: 10px;
     min-height: calc(100vh - 464px);
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 10px rgba(153, 153, 153, 0.1);
+    background: #fff;
   }
   .ant-table-wrapper {
     // padding: 10px;
     margin-top: 10px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 10px rgba(153, 153, 153, 0.1);
+    background: #fff;
   }
 }
 </style>

src/views/module_ems/energyAnalyse/flowAnalysis/index.vue

@@ -134,11 +134,12 @@
 <style lang="less" scoped>
 .energyFlow-analysis{
   min-height: calc(100vh - 84px);
-  padding: 10px;
+  padding: 0 10px;
   .sankey-chart{
     // min-height: calc(100vh - 104px);
     padding: 10px;
     box-shadow: 0 2px 10px rgba(0,0,0,.1);
+    background: #fff;
   }
 }
 </style>

src/views/module_ems/energyAnalyse/savingAnalysis/index.vue

@@ -321,14 +321,15 @@ export default {
 <style lang="less" scoped>
 .saving-analysis {
   min-height: calc(100vh - 84px);
-  padding: 10px;
+  padding: 0 10px;
   .text-detail-container {
     .item {
       height: 100px;
-      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 2px 10px rgba(153, 153, 153, 0.1);
       flex: 1;
       margin-right: 10px;
       padding: 10px;
+      background: #fff;
       .name {
         font-size: 14px;
       }
@@ -350,7 +351,8 @@ export default {
     min-height: calc(100vh - 284px);
     padding: 10px;
     margin-top: 10px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 10px rgba(153, 153, 153, 0.1);
+    background: #fff;
   }
 }
 </style>