mengjie
/
ShangQiuSZCG_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
							<!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/laydate/need/laydate.css" />
		<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;
		}
		
	</style>

	<body class="gray-bg" style="background: #fefefe;">
		<div class="hu-total">
			<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="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="hut-top clearfix">
				<div class="topCon">
					选择日期：
				   <select name="" id="chooseTime">
					<!--<option value="0">请选择</option>-->
					<option value="2009">2009</option>
					<option value="2010">2010</option>
					<option value="2011">2011</option>
					<option value="2012">2012</option>
					<option value="2013">2013</option>
					<option value="2014">2014</option>
					<option value="2015">2015</option>
					<option value="2016">2016</option>
					<option value="2017" selected="selected">2017</option>
					<option value="2018">2018</option>
					<option value="2019">2019</option>
					<option value="2020">2020</option>
					<option value="2021">2021</option>
					<option value="2022">2022</option>
					<option value="2023">2023</option>
					<option value="2024">2024</option>
					<option value="2025">2025</option>
					<option value="2026">2026</option>
					<option value="2027">2027</option>
					<option value="2028">2028</option>
					<option value="2029">2029</option>
					<option value="2030">2030</option>
				</select>
					<button class="btns sear">搜索</button>
					<a class="btns export">导出</a>
				</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">
	          	<h2 style="text-align: center;">总呼叫量统计</h2>
	          	<table class="table table-bordered text-center table-hover huTable" style="width: 100%;">
	          		<thead>
	          			<tr>
	          			<td>月份</td>
	          			<td>日期</td>
	          			<td>总量</td>
	          		</tr>
	          		</thead>
	          		<tbody class="tbody">
	          			
	          		</tbody>
	          	<!--<tfoot>
	          		<tr>
	          			<td>2017年总计： </td>
	          			<td colspan="2">133 </td>
	          		</tr>
	          	</tfoot>-->
	          		
	          		
	          	</table>
	          </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="./css/layer/layer.js"></script>
		<script src="./css/laydate/laydate.js"></script>
		<script src="./js/echarts.common.min.js"></script>
		<script src="./js/huTotal.js"></script>

	</body>

</html>