<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <%@include file="../../../../../frame/assets/header-all.jsp"%> 
	<link rel="stylesheet" type="text/css" href="../../../resource/css/page.css"/>
	<link rel="stylesheet" type="text/css" href="../../../../../frame/bootstrap/jQueryPage/page.css" />
	<script src="../../../../../frame/bootstrap/jQueryPage/page2.js" type="text/javascript" ></script>
	<link rel="stylesheet" href="../../../resource/css/table.css" />
	<script src="camera-search.js" type="text/javascript" ></script>
	<style type="text/css">
	/**设置滚动条的默认样式start	**/
			::-webkit-scrollbar-button:vertical:increment {
			    background:none !important;
			    background-size:100% 100% !important;
			}
			::-webkit-scrollbar-button:vertical:decrement {
			   background:none !important;
			   background-size:100% 100% !important;
			}
			::-webkit-scrollbar-thumb {
				background: none !important;
			}
			::-webkit-scrollbar-track{
			 	background: none !important;
			}
	/**设置滚动条的默认样式end	**/
		#tbody tr:hover{
		    border: solid thin #ccc !important;
		    background-color: #F1F1F1 !important;
		    color: black;
		}
		.page .pageItemActive {
	        color: white;
		    border: solid thin #68b828 !important;
		    background-color: #68b828 !important;
		}
		.page li:hover,.page li.pageItem:hover{
	    	color: white;
		    border: solid thin #68b828 !important;
		    background-color: #68b828 !important;
		}
		.pageDatailsContent{
			background:none !important;
		}
		.font14 {
		    color: black !important;
		}
		.table>tbody>tr>td, .table>thead>tr>th{
		    border: 1px solid #000 !important;
		}
		.clearfix{
			background:none !important;
		}
	</style>
</head>
<body>
<!-- --------------------设备信息查询-start----------------------------- -->
	<div class="pageDatails"  id="arcgisVideoList" >
		<div class="pageDatailsContent font14" >
		<div style="width:100%;height:100%;padding: 8px;">
        	<form class="form-inline" id="formList">
			  <div class="form-group" >
				    <label for="roadNameSearch ">所属路段:</label>
				    <!-- <input type="text"  class="form-control "   id="roadNameSearch" placeholder="所属路段"> -->
				    <select style="height:26px" id="roadNameSearch">
				    	
				    </select>
				    <label for="tdmcSearch">设备名称:</label>
				    <input type="text" class="form-control" id="tdmcSearch" placeholder="设备名称">
				  	<button type="button" class="btn btn-default queryList"  style="margin-left: 15px;">查询</button>
			  </div>
		</form>
	 	<div class="play-main" style="height: 241px;padding-right: 4px;overflow: auto;">
    		<div role="tabpanel" class="tab-pane"  id="lbList" >	
            	<table id="list-show" class="table table-bordered table-hover">
                    <thead>
                        <th>序号</th>                       
                        <th>所属路段</th>  
                        <th>设备名称</th>                     
                        <!-- <th>设备编号</th> -->
                        <th>经度</th>
                        <th>维度</th>
                    </thead>
                    <tbody id="tbody">
                    </tbody>
                </table>
            </div>
            </div>
            <div class="clearfix">
                <ul class="page pull-right" maxshowpageitem="5" pagelistcount="10" id="page"></ul>
            </div>
        	</div>   
		</div>
		</div>
		<!-- --------------------设备信息查询-end----------------------------- -->
</body>
</html> 
