From a827dbadd7dcc86067cb71d36a62abbf3418a91f Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期三, 03 十一月 2021 17:38:26 +0800
Subject: [PATCH] hyj change shuohuang

---
 src/pages/shuohuangMonitorAnalyze/components/configManage.vue |  100 +++++++++++++++++++++++++++++++++++---------------
 1 files changed, 70 insertions(+), 30 deletions(-)

diff --git a/src/pages/shuohuangMonitorAnalyze/components/configManage.vue b/src/pages/shuohuangMonitorAnalyze/components/configManage.vue
index 382d0b0..7d603e9 100644
--- a/src/pages/shuohuangMonitorAnalyze/components/configManage.vue
+++ b/src/pages/shuohuangMonitorAnalyze/components/configManage.vue
@@ -8,8 +8,8 @@
               <label>鍘熷瑙嗛淇濆瓨鍒板瓨鍌ㄦ湇鍔″櫒</label>
               <el-switch
                 v-model="memoryServe"
-                active-color="#409eff"
-                inactive-color="#dcdfe6"
+                active-color="#4B72E2"
+                inactive-color="#B7BEC8"
                 :active-value="true"
                 :inactive-value="false"
                 size="small"
@@ -17,7 +17,11 @@
             </div>
             <div>
               <label>瀛樺偍鏃堕棿</label>
-              <el-select v-model="memoryTime" size="small">
+              <el-select
+                v-model="memoryTime"
+                size="small"
+                style="max-width: 190px"
+              >
                 <el-option value="week">涓�鍛�</el-option>
                 <el-option value="month">涓�涓湀</el-option>
               </el-select>
@@ -28,8 +32,8 @@
               <label>瑙嗛杞偍瀹屾垚鍚庢牸寮忓寲纭洏</label>
               <el-switch
                 v-model="format"
-                active-color="#409eff"
-                inactive-color="#dcdfe6"
+                active-color="#4B72E2"
+                inactive-color="#B7BEC8"
                 :active-value="true"
                 :inactive-value="false"
                 size="small"
@@ -41,8 +45,8 @@
               <label>瑙嗛鏂囦欢瓒呭嚭鏃堕棿鑷姩鍒犻櫎</label>
               <el-switch
                 v-model="autoRemove"
-                active-color="#409eff"
-                inactive-color="#dcdfe6"
+                active-color="#4B72E2"
+                inactive-color="#B7BEC8"
                 :active-value="true"
                 :inactive-value="false"
                 size="small"
@@ -50,7 +54,11 @@
             </div>
             <div>
               <label>鍒犻櫎鏃堕棿</label>
-              <el-select v-model="removeTime" size="small">
+              <el-select
+                v-model="removeTime"
+                size="small"
+                style="max-width: 190px"
+              >
                 <el-option value="week">涓�鍛�</el-option>
                 <el-option value="month">涓�涓湀</el-option>
               </el-select>
@@ -62,13 +70,14 @@
         <div class="analyze-setting">
           <div class="flex-box">
             <div>
-              <label>瑙嗛鍒嗘瀽鍛ㄦ湡:</label>
+              <label>瑙嗛鍒嗘瀽鍛ㄦ湡</label>
               <el-input-number
                 v-model="analyzePeriod"
                 controls-position="right"
                 :min="1"
                 :max="10"
-                size="small"
+                size="mini"
+                style="max-width: 90px"
               ></el-input-number>
             </div>
           </div>
@@ -84,56 +93,87 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
-      activeNames: ['1', '2'],
+      activeNames: ["1", "2"],
       memoryServe: false,
-      memoryTime: '',
+      memoryTime: "",
       format: false,
       autoRemove: true,
-      removeTime: '',
-      analyzePeriod: '',
-    }
+      removeTime: "",
+      analyzePeriod: "",
+    };
   },
   methods: {
-    handleChange () {
-
-    }
-  }
-}
+    handleChange() {},
+  },
+};
 </script>
 
 <style lang="scss">
 .config-manage {
-  padding: 20px;
+  padding: 28px 33px;
+  margin: 27px;
+  background: #fff;
+  height: 100%;
+  .el-collapse {
+    border-top: none;
+    border-bottom: none;
+  }
+  .el-collapse-item__content {
+    padding-top: 24px;
+  }
+  .el-collapse-item__wrap {
+    border-bottom: none;
+  }
+  .el-collapse-item__header {
+    font-weight: bold;
+    font-size: 14px;
+    color: #425277;
+    padding: 0 18px;
+    height: 40px;
+    background: #f4f6f9;
+    border: none;
+  }
+  .el-collapse-item__header.is-active {
+    border-bottom-color: transparent;
+    background-color: #2d52d7;
+    color: #fff;
+    height: 40px;
+    padding: 0 18px;
+  }
   .el-collapse-item__header {
     font-weight: bold;
     font-size: 15px;
   }
   .flex-box {
-    margin-bottom: 10px;
+    margin-right: 74px;
     & > div {
       display: flex;
       align-items: center;
-      margin-right: 10px;
       & + div {
-        margin-left: 40px;
+        margin-left: 35px;
       }
       label {
-        padding-right: 10px;
-        color: #666;
+        padding-right: 15px;
+        color: #425277;
       }
     }
   }
   .memory-setting {
-    padding-left: 60px;
+    padding-left: 23px;
+    display: flex;
   }
   .analyze-setting {
-    padding-left: 60px;
+    padding-left: 23px;
   }
   .btns {
-    text-align: right;
+    text-align: center;
     padding-top: 20px;
+    .el-button {
+      padding: 9px 42px;
+      font-size: 13px;
+    }
   }
 }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0