zhoufan
/
SQ12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../Script/Common/huayi.load.js"></script>
    	<script src="../Script/Common/huayi.config.js"></script>
   
		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
		<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 rel="stylesheet" href="../css/huTotal.css" />
		<link rel="stylesheet" href="../css/init.css" />
		<title>呼叫总数</title>
	</head>
	<style>
		@font-face {
			font-family: 'iconfont';
			src: url('fonts/iconfont.eot');
			/* IE9*/
			src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('fonts/iconfont.woff') format('woff'), /* chrome、firefox */
			url('fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
			url('fonts/iconfont.svg#iconfont') format('svg');
			/* iOS 4.1- */
		}
		
		.iconfont {
			font-family: "iconfont";
			font-style: normal;
		}
		ul,
		li,
		ol {
			list-style: none;
		}
		
		a {
			text-decoration: none
		}
		.clearfix:after {
	    content: "";
	    display: block;
	    clear: both;
		}
		.hut-top{
			background: #f3f3f4;
			/*height: 60px;*/
			padding: 10px 20px;
			
		}
		.hut-tcon{
			float: right;
		}
		.dhLeft a{
			color: #999;
		}
		.huTable thead td{
			background: #00a1cb!important;
   			color: #fff!important;
		}
			.time-box{
			display: inline-block;
			position: relative;
		}
		.toolRight input{
			    padding-right: 30px;
		}
			.tub{
		   position: absolute;
		    right: 8px;
		    top: 5px;
		    font-size: 18px;
		    color: #00a0ca;
		}
		
		
			#thead thead th{
			background: #00a0cd;
    		color: #fff;
		}
		table thead, tbody tr {
            display:table;
            width:100%;
            table-layout:fixed;
        }
        .table{
        	margin-bottom: 0;
        }
        
		
	</style>

	<body class="gray-bg" style="background: #fefefe;">
		<div class="hu-total wrapper wrapper-content animated fadeInRight">
			<div class="daoHang clearfix">
				<div class="dhLeft">
					<sapn><i class="syIcon"></i>位置：<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">报表管理</a>&gt;<a href="" class="nowPosition">总呼叫量</a></sapn>
				</div>
				<div class="dhRight"><a href="" title="刷新"><i class="fa fa-refresh"></i></a></div>
			</div>
			<div class="toolBar clearfix">
				<div class="toolRight" style="float: right;">
					时间：<span class="time-box"><i class="tub fa fa-calendar"></i><input type="text" id="chooseTime" /></span>
					<button class="btns sear">搜索</button>
					<a class="btns export">导出</a>
				</div>
			</div>
			
			<!--<div class="hut-top clearfix">
				<div class="topCon">
					
				</div>
			</div>-->
			<ul class="nav nav-tabs hu-tab">
			  <li role="presentation" class="active"><a href="javascript:;">图形</a></li>
			  <li role="presentation"><a href="javascript:;">表格</a></li>
			
			</ul>
		 <div class="hu-content">
		 	  <div class="hu-con-right">
	          	 	<h2 style="text-align: center;">数据折线图</h2>
	          	 	
	          	 		<div  id="huData" style="width:100%; height: 500px;">
	          	 			
	          	 		</div>
	          </div>		   	
	          <div class="hu-con-left" style="display:none;">
	          	<h2 style="text-align: center;">总呼叫量统计</h2>
	          			<div style="width: 100%;padding: 10px;">
	          				<div class="table-head">
							<table id="thead" class="table table-hover table-striped table-bordered table-condensed">
								 <colgroup>
					                <col style="width: 80px;"/>
					                <col/>
					            </colgroup>
								<thead>
									<tr>
										<th>月份月份</th>
										<th>日期</th>
										<th>总量</th>
									</tr>
								</thead>
							</table>
						</div>
						
						
						
							<div class="table-body">
							   <table class=" huTable table table-hover table-striped table-bordered table-condensed">
						            <colgroup>
						                <col style="width: 80px;"/>
						                <col/>
						            </colgroup>
						            <tbody>
						          
						            </tbody>
						        </table>
						</div>
		          	</div>
	          </div>
	        
		  </div>
		</div>	
		<script src="../js/jquery.min.js?v=2.1.4"></script>
		<script src="../js/bootstrap.min.js?v=3.3.6"></script>
		<script src="../js/jquery.cookie.js"></script>
	 	<script src="../js/laydate/laydate.js"></script>
		<script src="../js/echarts.common.min.js"></script>
		<script src="../js/huTotal.js"></script>
	</body>

</html>