duhongyu
/
ShuangHui_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>外呼键盘</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="./css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<link  href="./css/bootstrap.min.css" />
		<link rel="stylesheet" href="./css/boot/bootstrap-table.css" />
		<link href="./css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
		<link href="./css/animate.min.css" rel="stylesheet">
		<link href="./css/style.min862f.css?v=4.1.0" rel="stylesheet">
		<link  href="./css/Table/table1.css" rel="stylesheet"/>
		<link href="./css/animate.css" rel="stylesheet">
		<link href="./css/wh.css" rel="stylesheet">	
		<script src="./js/jquery.min.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<script src="./js/bootstrap-table.js"></script>
	<script src="./js/bootstrap-table-zh-CN.js"></script>
	 <script src="./js/wh.js"></script>
	<style>
		
	</style>
	</head>
	<body>
	 <div class="WH animated zoomInDown">
			<!--top-->
		<div class=" clearflow Color">
			<div class="WH-top">
				<span>外呼信息</span>
			</div>
			<div class="Cotent_box clearflow">
				<!--左边键盘-->
				<div class="KeyWord col-sm-3"> 
					 <div class="WH_input  clearflow">
					 	<div class=" clearflow  WH_Itop">
					 		<input id="Result" type="text" class="fl" value=""/>
					 		<i class="img fl hidens"></i>
					 	</div>	
					 </div>
					 <div class="Num_box clearflow">
					 	<ul class="Num_ul">
					 		<li><div ><a >1</a></div></li>
					 		<li><div ><a >2</a></div></li>
					 		<li><div ><a >3</a></div></li>
					 		<li><div ><a >4</a></div></li>
					 		<li><div ><a >5</a></div></li>
					 		<li><div ><a >6</a></div></li>
					 		<li><div ><a >7</a></div></li>
					 		<li><div ><a >8</a></div></li>
					 		<li><div ><a >9</a></div></li>
					 		<li><div ><a >*</a></div></li>
					 		<li><div ><a >0</a></div></li>
					 		<li><div ><a >#</a></div></li>
					 		<li class="Last_phone"><div ><a class="CallOut"></a></div></li>
					 		
					 	</ul>
					 </div>
				</div>
				<!--右边图表-->
				<div class="col-sm-9 Rbg">
					<div class="bg bg_cotent">
						<ul class="bg_title clearflow">
							<li class="lactive">最近电话</li>
							<li>公司电话</li>
							<li>客户电话</li>
						</ul>
						<div class="bg_box">
							<div class="cx">
								<span>
									电话号码:
									<input type="text" />
								</span>
								<span>
									呼叫状态:
									<select name="">
										<option value=""></option>
									</select>
								</span>
								  <span class="ty">搜索</span>
								  <span class="ty">重置</span>
							</div>
							<div class="phone_bg"style="width: 100%;padding: 10px;">
								<table id="goods" data-row-style="rowStyle"  data-query-params="queryParams" data-pagination="true">			
									 <thead>
								            <tr>           	
								            	<th  data-field="Code"  data-halign="center" data-align="center" ></th>
								                <th  data-field="a"data-align="center" >电话号码</th>
								                <th  data-field="b" data-align="center">呼叫方向</th>
								                <th  data-field="c" data-align="center" >呼叫状态</th>
								                 <th  data-field="d" data-align="center">通话开始时间</th>
								                 <th  data-field="e" data-align="center">通话时长</th>
								            </tr>
						      	     </thead>
						      	     <tbody id="tbody">
						      	     	
						      	     </tbody>
		    					</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>	
	</div>

	</body>
</html>