Signed-off-by: yrf123456 <463058651@qq.com>

游瑞烽
1 parent 5806aff7
Showing 2 changed files with 57 additions and 43 deletions
src/main/resources/static/pages/base/line/css/bmap_base.css
src/main/resources/static/pages/base/line/map.html
@@ -14,15 +14,24 @@ html,body{
 .caption {
     color: #B7B7B7;
-    font-size: 18px;
-  
+    font-size: 18px;  
     position: relative;
-    margin: 15px;
-   
+    margin: 15px;   
     font-family: 微软;
 }
-.cut-section{ position:absolute; right:40px; top:50px; background:#12527f; width:320px;max-height: 700px;min-height: 300px;} 
+.cut-section{ 
+	position:absolute;
+	right:40px;
+	top:50px;
+	background:#12527f;
+	width:320px;
+	max-height: 700px;
+	min-height: 300px;
+	border:0px solid;	
+	border-radius: 10px !important;
+    box-shadow: 10px 10px 5px #888888;	
+} 
 .rm3_image {
 	width: 120px;
@@ -44,3 +53,38 @@ html,body{
 	box-shadow: 0 12px 15px 0 rgba(204, 204, 204, 0.33),0 17px 50px 0 rgba(204, 204, 204, 0.33)!important;
 }
+
+.defeat-scroll {
+width: 98%;
+height:380px;
+/* overflow:auto; */
+overflow:hidden;
+}
+.defeat-scroll::-webkit-scrollbar {
+width:6px;
+height:6px;
+}
+.defeat-scroll::-webkit-scrollbar-button    {
+/* background-color:#FF7677; */
+background:rgba(255, 255, 255, 0);
+}
+.defeat-scroll::-webkit-scrollbar-track     {
+/* background:#FF66D5; */
+background:rgba(255, 255, 255, 0);
+}
+.defeat-scroll::-webkit-scrollbar-track-piece {
+/* background:#ff0000; */
+background:rgba(255, 255, 255, 0);
+}
+.defeat-scroll::-webkit-scrollbar-thumb{
+background:rgba(197, 196, 196, 0.81);
+border-radius:10px !important;
+}
+.defeat-scroll::-webkit-scrollbar-corner {
+/* background:#82AFFF; */
+background:rgba(255, 255, 255, 0);
+}
+.defeat-scroll::-webkit-scrollbar-resizer  {
+/* background:#FF0BEE; */
+background:rgba(255, 255, 255, 0);
+}
@@ -2,8 +2,8 @@
 <div class="portlet-body">
 	<!-- 地图 -->
 	<div  id="bmap_basic" class="bmaps"></div>	
-	
-	<div class="cut-section">
+	<!-- 右边显示栏 -->
+	<div class="cut-section" id="scrllmouseEvent_div">
 		<div class="portlet-title" >
 			<div class="caption" >
 				途径站点 
@@ -31,42 +31,6 @@
            	</div>	           	
 		</div>
 	</div>
-	
-	<div class="portlet box protlet-box" style="top:20px;border-radius: 6px !important;box-shadow: 10px 10px 5px #888888;">
-		左边标题栏
-		<div class="portlet-title" style="background-color:#12527f;">
-			<div class="caption">
-				途径站点 
-			</div>
-			<div class="tools">
-				<a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
-			</div>
-		</div>
-		左边栏
-		<div class="portlet-body" id="scrllmouseEvent"  style="border: 1px solid rgb(255, 255, 255); display: block;min-height: 300px">
-			<div class="row">
-	            <div class="portlet-body">
-	            	<div class="table-toolbar" style="text-align:center;">
-						<button class="btn btn-circle blue" id="uploadRoute" ><i class="fa fa-plus"></i> 生成路线 </button>
-						<button class="btn btn-circle blue hidden" id="cutSection"><i class="fa fa-level-up"></i> 提交路段</button>
-						<button class="btn btn-circle blue hidden" id="Undo"><i class="fa fa-remove"></i> 撤销切点</button>
-	            	</div>
-	            	<div class="portlet-body" >
-	            		<div class="defeat-scroll" style="height: auto;max-height: 400px;overflow-y:auto;">
-							<table class="table table-striped table-bordered table-hover table-checkable " id="section_table">
-								<thead>
-									<tr role="row" class="heading">
-										<th >已截取路段</th>
-									</tr>
-								</thead>
-								<tbody ></tbody>
-							</table>
-						</div>
-	            	</div>				
-				</div>
-			</div>
-		</div>	
-	</div>
 </div>
 <script type="text/html" id="section_list">
 	{{each list as obj i }}
@@ -199,6 +163,12 @@ $(function(){
 			layer.msg("没有截取路段，不可以删除！！！");
 		}
 	});	
+	// 滚动轴监听事件
+	$('#scrllmouseEvent_div').on('mousemove',function() {
+		$('.defeat-scroll').css('overflow','auto');
+	}).on('mouseleave',function() {
+		$('.defeat-scroll').css('overflow','hidden');
+	});	
 });
 </script>
 <!--编辑路线类 -->