From 61903a7e8e95405c23d627ad3c08618bd775715e Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期一, 12 四月 2021 11:42:19 +0800
Subject: [PATCH] 弹框样式修改&& 左侧联动关闭操作面板

---
 src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue |  166 +++++++++++++++++++++++++++----------------------------
 1 files changed, 82 insertions(+), 84 deletions(-)

diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
index 981b512..27356eb 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
@@ -298,94 +298,92 @@
 
 <style scoped lang="less">
 .grid-content{
-  font-size: 8px!important;
-  background-color:#2e4967;
-  text-align: center;
-  margin: 0 2px 4px 2px;
-  border-radius: 2px;
+    font-size: 8px;
+    background-color: #2e4967;
+    text-align: center;
+    border-radius: 2px;
+    margin-right: 10px;
+    padding:0 10px
 }
-.Infomation {
-  margin-left: 10px;
+.infomation {
+  padding: 5px 10px;
 }
 
 .form-echrts {
-  width: 100%;
-  border-top: 1px solid #396d83;
-  //margin: 10px 10px 10px 10px;
-  .from-search{
-    display: flex;
-      padding:5px;
-      >div{margin-left: 10px}
-    .pickerMon{
-      display: flex;
-        >div:first-child{
-            margin-right: 10px;
-        }
-      .pickerData{
-        flex: 1;
-        display: flex;
-          >span{line-height: 22px}
-        .pickerTable{
-          margin-left: 6px;
-            /deep/.el-input{
-              font-size: 0px;
-              .el-input__prefix{
-                width: 100%;
-              }
-            }
-          /deep/.el-input__icon {
-             //font-size: 0;
-              width: 100%;
-          }
-        }
-      }
-    }
-    /deep/.el-date-editor--datetime{
-      width: 100%;
-    }
-    /deep/.el-input__inner{
-      position: relative;
-      width: 0.9rem!important;
-      height: 0.125rem!important;
-      background-color: #2e4967;
-      color: #ffffff;
-      font-size: 12px;
-        height: 24px;
-      padding: 0;
-      //padding-left:20px ;
-      //padding: 0!important;
-    }
-    .echatsInput{
-      color: #00ffff;
-      background-color: #2e4967;
-      border: none;
-      border-radius: 6px;
-      width: 80px;
-        height: 22px;
-    }
-    input::-webkit-calendar-picker-indicator {
-      opacity: 100;
-    }
-    .detailbtn{
-      background-color:#2e4967;
-      text-align: center;
-      padding: 0 7px;
-      line-height: 20px;
-      border-radius: 4px;
-    }
-  }
-  .el-dialog-div {
-    //height: 50vh!important;
-    overflow: auto;
-    //overflow: hidden;
-  }
-
-  #echarts {
-    margin: 0;
-    padding: 0;
-    //height: 3rem;
-    //border: 1px solid #396d83;
+    width: 100%;
+    border-top: 1px solid #396d83;
     //margin: 10px 10px 10px 10px;
-  }
+    .from-search{
+        display: flex;
+        padding:5px;
+        >div{margin-left: 10px}
+        .pickerMon{
+            display: flex;
+            >div:first-child {
+                margin-right: 10px;
+            }
+            .pickerData{
+                flex: 1;
+                display: flex;
+                >span{line-height: 22px}
+                .pickerTable {
+                    margin-left: 3px;
+                }
+            }
+        }
+        /deep/.el-date-editor--datetime{
+            width: 100%;
+        }
+        /deep/.el-input__inner{
+            position: relative;
+            width:140px;
+            height:22px;
+            background-color: #2e4967;
+            color: #ffffff;
+            font-size: 12px;
+            height: 24px;
+            padding: 0;
+            //padding-left:20px ;
+            //padding: 0!important;
+        }
+        /deep/.el-input__icon{
+            display: block;
+            width: 140px;
+            height: 22px;
+            line-height: 22px;
+            cursor: pointer;
+            font-size: 0;
+        }
+        .echatsInput{
+            color: #00ffff;
+            background-color: #2e4967;
+            border: none;
+            border-radius: 6px;
+            width: 80px;
+            height: 22px;
+            text-align: center;
+        }
+        input::-webkit-calendar-picker-indicator {
+            opacity: 100;
+        }
+        .detailbtn{
+            background-color:#2e4967;
+            text-align: center;
+            padding: 0 7px;
+            line-height: 24px;
+            border-radius: 4px;
+            margin-right: 6px;
+        }
+    }
+    .el-dialog-div {
+        //height: 50vh!important;
+        overflow: auto;
+        //overflow: hidden;
+    }
+
+    #echarts {
+        margin: 0;
+        padding: 0;
+    }
 }
 </style>

--
Gitblit v1.8.0