From b6c363cdc1ea55dbfc1dfdb6a7c27c8fc51fa0e2 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期五, 02 四月 2021 16:13:38 +0800
Subject: [PATCH] 右侧搜索栏统一修改标题。

---
 src/components/panel/RightSearchPanel.vue |  101 +++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 98 insertions(+), 3 deletions(-)

diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue
index cbce13b..dacfcbe 100644
--- a/src/components/panel/RightSearchPanel.vue
+++ b/src/components/panel/RightSearchPanel.vue
@@ -96,7 +96,8 @@
       console.log(done)
     },
     selected (val) {
-      console.log(val)
+      // console.log(val)
+      this.title = val.name + '锛堟绱級'
       this.topicList.forEach((itm) => {
         itm.checked = val.name === itm.name
       })
@@ -184,7 +185,9 @@
 .search-container {
     position: relative;
     width: 1.79167rem;
-    height: 3.4375rem;
+    /*height: 5.6475rem;*/
+    min-height: 80vh;
+    max-height: 90vh;
     overflow: hidden;
 }
 .module-wrap{
@@ -443,10 +446,68 @@
 
   .search-form .el-icon-search {
     display: grid;
-    line-height: 30px;
     font-size: 18px;
   }
+    /*input 鐐瑰嚮鎼滅储鏍峰紡*/
+    .rightButtonSearch{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .el-input{margin-right: 10px}
+        .el-icon-search{
+            width: 40px;
+            border:1px solid @color;
+            height: 26px;
+            line-height: 26px;
+            text-align: center;
+            color:#fff;
+            border-radius: 2px;
+            cursor:pointer;
+            background: rgba(0,16,30,.5);
+        }
+    }
+    /*鍗曢�夋寜閽牱寮�*/
+    .levelOfRisk{padding-left:20px}
+    .levelOfRisk .el-radio{padding-bottom:6px}
 
+    .levelOfRisk-type{
+        display: inline-block;
+        position: relative;
+        padding-right: 5px;
+        color:#f5f5f5;
+        i{
+            display: block;
+            width: 15px;
+            height: 10px;
+            position: absolute;
+            top:50%;
+            right: -15px;
+            margin-top: -5px;
+        }
+    }
+    .el-radio.is-checked .levelOfRisk-type{color:#409EFF}
+
+    .environmental-risk-list{
+        border:1px solid @color;
+        margin-right: 10px;
+        margin-bottom: 15px;
+        position: relative;
+        padding-left:50px;
+        padding-top:3px;
+        padding-bottom:3px;
+        color: #f5f5f5;
+        .state{
+            width: 30px;
+            height: 30px;
+            position: absolute;
+            top:50%;
+            left:10px;
+            margin-top: -15px;
+            border-radius: 50%;
+            box-shadow: 0 0 3px #000;
+            background: #0B3B6D;
+        }
+    }
   //.search-panel {
   //  border: #07325B;
   //  background-color: #07325B !important;
@@ -620,5 +681,39 @@
     transform: translateX(0px);
     transition: transform 0.5s linear;
   }
+    /******************浠ヤ笅鍏叡閮ㄥ垎**********/
+    .sewers-search{
+        position: relative;
+        overflow: hidden;
+        .search-panel{
+            background-color: transparent;
+            border: 1px solid @background-color-split;
+            padding: 10px 0;
+            // .el-input{width:calc(100% - 40px);position: relative}
+            /deep/ input {
+                border-radius: 0;
+                background-color: @background-color-split ;
+                border: solid 1px @color ;
+                color: @color-gray;
+                font-size: 0.01rem;
+                padding:0 15px;
+                .el-select .el-input.is-focus .el-input__inner{
+                    border-color: @color;
+                }
+            }
+            .el-input__inner{background: none;color:#fff;font-size: 14px;border-radius: 0; border-color: @color;background: rgba(0,16,30,.5);}
+        }
+        .search-btn{
+
+        }
+        //location-btn{
+        //
+        //}
+        .location-btn:hover,.el-input__icon:hover{
+            color: @color;
+            cursor: pointer;
+        }
+    }
 }
+
 </style>

--
Gitblit v1.8.0