duhongyu
/
HJZXPB4.0


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<title></title>
		<script src="Script/Common/huayi.load.js"></script>
		<script src="Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/index.css" />
		<style>
			.jiedan{
					width: 1300px;
   			 margin: 0 auto;
			}
			.part3 {
				border: 1px solid #151924;
				margin-top: 20px;
			}
			.table1 thead tr td{
    		background: #16385e;
   			color: #aba5a5;
    	}
    	.table1 tbody tr td{
    		border: 1px solid #151924;
    		color: #aba5a5;
    	}
    	    	.tool_count {
		    cursor: pointer;
		    }
		    .tooltips{
		    	    width: 255px;
    right: 50%;
		    }
		    #dep{
		    	border: 1px solid #151924;
			    outline: none;
			    padding-left: 5px;
			    background: #2f4158;
			    height: 26px;
			    vertical-align: middle;
		    }
		</style>
	</head>

	<body>
		<div class="navcon ">
			<div class="navbox clearfix">
				<p><img src="img/sqLogo.png" class="logo" alt="" />商丘12345数据展示</p>
				<ul class="navl clearfix">
					<li>
						<a href="index.html">来源渠道情况</a>
					</li>
					<!--<li>
						<a class="active" href="jieDanBuMen.html">接单部门情况</a>
					</li>-->
					<li>
						<a href="touSuJuBao.html">调查反馈情况</a>
					</li>
					<li>
						<a href="huaWuLiang.html">话务数量统计</a>
					</li>
					<li>
						<a href="zhongXinDaShuJu.html">中心大数据</a>
					</li>
					<!--<li>
						<a href="fuWuZhiShi.html">服务知识</a>
					</li>-->
				</ul>
			</div>
		</div>

		<div class="jiedan">
			<div class="clearfix">
				<div class="jiedan-left" style="100%">
					<div class="biao-title">
						<div class="biao-title-l">
							工单状态
						</div>

					</div>
					<div id="jiedan1" style="width: 100%; height: 500px;"></div>

				</div>
				<div class="jiedan-right">
					<div class="biao-title">

						<div class="biao-title-l">
							工单处理时间分布情况
						</div>
						<div class="biao-title-r">
							<input type="text" id="time1" />
							<button class="btns part1Btn">搜索</button>
						</div>
					</div>
					<div id="timefb" style="width: 100%; height: 500px;"></div>
				</div>
			</div>
			<div class="part3">
				<div class="biao-title">
					<div class="biao-title-l">
						各部门受理工单情况
					</div>
					<div class="biao-title-r">
						部门： <select name="" id="dep"></select>
						<input type="text" id="time2" />至<input type="text" id="time3" />
						<button class="btns part3Btn">搜索</button>
					</div>
				</div>
				<!--<div class="bumen" id="bumen" style="width: 100%; height: 500px;">-->
				<!--</div>-->
				<div style="height: 400px;overflow-y: scroll;overflow-x: hidden;">
				<table class="table1 table">
					<thead>
						<tr>
							<!--<td>排名</td>-->
							<td>部门名称</td>
							<td>受理工单量</td>
						</tr>
					</thead>
					<tbody >
						
					</tbody>
				</table>
				<!--<ul class="list list_one clearfix"></ul>-->
				</div>
			</div>
		</div>

	</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/echarts.min.js"></script>
	<script src="js/highcharts.js"></script>
	<script src="js/gray.js"></script>
	<script src="js/radialIndicator.js"></script>
	<script src="js/coment.js"></script>
	<script src="js/jiedanbumen.js"></script>
</html>