From 236e6b13a0959c69afe40ab8e503c0ed01899f30 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期四, 25 三月 2021 10:34:56 +0800
Subject: [PATCH] 图层控制

---
 src/components/LayerController/modules/LcServiceLayerFilter.vue |   51 +++++++++++++++++++++++++++------------------------
 1 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/components/LayerController/modules/LcServiceLayerFilter.vue b/src/components/LayerController/modules/LcServiceLayerFilter.vue
index d1fccfa..4b68c97 100644
--- a/src/components/LayerController/modules/LcServiceLayerFilter.vue
+++ b/src/components/LayerController/modules/LcServiceLayerFilter.vue
@@ -5,12 +5,14 @@
                 <div class="title"><input type="checkbox" :value="item.code" :checked="item.checked"
                                           @change="swAllSubFilter(item)">{{item.name}}
                 </div>
+              <el-scrollbar style="height:100%">
                 <div class="content">
                     <div v-for="filter in item.layers" :key="filter.code">
                         <input type="checkbox" :value="filter.code" :checked="filter.checked" @change="swSubFilter(item.url,filter)"><label
                             :title="filter.name">{{filter.name}}</label>
                     </div>
                 </div>
+              </el-scrollbar>
             </div>
         </div>
     </div>
@@ -73,14 +75,15 @@
 
 <style scoped lang="less">
     .inner-panel {
+        width: 500px;
         color: #90c8e0;
         font-size: 13px;
 
         position: absolute;
-        left: 250px;
-        bottom: 10px;
+        left: 260px;
         z-index: 1000;
         height: 220px;
+        top: 0;
 
         .filter-group {
             display: flex;
@@ -92,7 +95,7 @@
                 margin-right: 5px;
 
                 .title {
-                    height: '25px';
+                    height: 25px;
                     background-color: #091331;
                     border: 1px solid #10488c;
                 }
@@ -101,28 +104,28 @@
                     background-color: rgba(44, 62, 80, 0.6);
                     border: 1px solid #10488c;
                     max-height: 200px;
-                    overflow-y: auto;
+                    //overflow-y: hidden;
                 }
-
-                ::-webkit-scrollbar {
-                    width: 7px;
-                    height: 5px !important;
-                }
-
-                ::-webkit-scrollbar-thumb {
-                    /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/
-                    border-radius: 10px;
-                    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
-                    background: #0661AE;
-                    border: 1px solid transparent;
-                }
-
-                ::-webkit-scrollbar-track {
-                    /*婊氬姩鏉¢噷闈㈣建閬�*/
-                    // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
-                    border-radius: 0px;
-                    background: #0E3565;
-                }
+                //
+                //::-webkit-scrollbar {
+                //    width: 7px;
+                //    height: 5px !important;
+                //}
+                //
+                //::-webkit-scrollbar-thumb {
+                //    /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/
+                //    border-radius: 10px;
+                //    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+                //    background: #0661AE;
+                //    border: 1px solid transparent;
+                //}
+                //
+                //::-webkit-scrollbar-track {
+                //    /*婊氬姩鏉¢噷闈㈣建閬�*/
+                //    // box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
+                //    border-radius: 0px;
+                //    background: #0E3565;
+                //}
             }
         }
     }

--
Gitblit v1.8.0