duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874
							<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>安阳12345政府服务热线</title>
	<script src="Script/Common/huayi.load.js"></script>
	<script src="Script/Common/huayi.config.js"></script>
	<script src="js/util.js"></script>
	<link rel="stylesheet" href="./css/bootstrap-table.css">
	<link rel="stylesheet" type="text/css" href="css/bmaps.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	<link rel="stylesheet" href="./css/table1.css">
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/workProcedure.css">
	<link rel="stylesheet" href="./css/map.css">
	<link rel="stylesheet" href="./css/laydate/need/laydate.css">
</head>

<body>
	<div style="overflow: hidden;">
		<div class="body">
			<div class="container-header">
				<h3>安阳市12345热线大数据分析系统</h3>
			</div>
			<!-- 首页左侧 -->
			<div class="count-resource">
				<!-- 话务数据统计 -->
				<div class="call_situation">
					<div class="title_img">
						<h2>话务数据统计</h2>
					</div>
					<div class="dataT act">

					</div>
					<div class="btn_time">
						<span class="timeTraffic" data-state='0'>切换</span>
						<span class="daySeat" data-state='1'>切换</span>
						<img src="./image/switch.png" alt="">
					</div>
					<div id="traffic" style="width: 100%;height:240px;"></div>
					<div id="timeTraffic" style="width: 100%;height:240px;"></div>
				</div>
				<!-- 热线整合受理情况 -->
				<div class="accept_statistics">
					<div class="title_img">
						<h2 class="title">热线整合受理情况</h2>
					</div>
					<div class="dataT">
						当月数据
					</div>
					<div class="lineB">
					</div>
					<ul class="hotline" id="hotline3">
					</ul>
					<!-- <div id="hotline" style="width: 100%;height:240px;"></div> -->
				</div>
				<!-- 重大事件预警 -->
				<div class="accept_channel">
					<div class="title_img">
						<h2>重大事件预警</h2>
					</div>
					<div class="dataT">
						当月数据
					</div>
					<div id="hotThings" style="width: 100%;height:250px;"></div>
				</div>
			</div>
			<!-- 首页中间 -->
			<div class="count-base">
				<!-- 时间 -->
				<div class="dataTime"></div>
				<!-- 地图 -->
				<div class="map">
					<div id="map" style="width: 723px;height: 630px;"></div>
				</div>
				<!-- 受理情况 -->
				<div class="midWrap">
					<div class="hotlineAccept">
						<h3>当日工单受理情况</h3>
						<ul class="data_info">
							<li><label>受理总数：</label><span class="num_roll" id="slw_num">0</span><span class="num_roll"
									id="slq_num">0</span><span class="num_roll" id="slb_num">0</span><span
									class="num_roll" id="sls_num">0</span><span class="num_roll" id="slg_num">0</span>
							</li>
							<li><label>短&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信：</label><span class="num_roll"
									id="dxw_num">0</span><span class="num_roll" id="dxq_num">0</span><span
									class="num_roll" id="dxb_num">0</span><span class="num_roll"
									id="dxs_num">0</span><span class="num_roll" id="dxg_num">0</span></li>
							<li><label>市民来电：</label><span class="num_roll" id="szw_num">0</span><span class="num_roll"
									id="szq_num">0</span><span class="num_roll" id="szb_num">0</span><span
									class="num_roll" id="szs_num">0</span><span class="num_roll" id="szg_num">0</span>
							</li>
							<li><label>市长信箱：</label><span class="num_roll" id="xxw_num">0</span><span class="num_roll"
									id="xxq_num">0</span><span class="num_roll" id="xxb_num">0</span><span
									class="num_roll" id="xxs_num">0</span><span class="num_roll" id="xxg_num">0</span>
							</li>
							<li><label>微信微博：</label><span class="num_roll" id="wxw_num">0</span><span class="num_roll"
									id="wxq_num">0</span><span class="num_roll" id="wxb_num">0</span><span
									class="num_roll" id="wxs_num">0</span><span class="num_roll" id="wxg_num">0</span>
							</li>
							<li><label>&nbsp;&nbsp;&nbsp;人民网：</label><span class="num_roll" id="zww_num">0</span><span class="num_roll"
									id="zwq_num">0</span><span class="num_roll" id="zwb_num">0</span><span
									class="num_roll" id="zws_num">0</span><span class="num_roll" id="zwg_num">0</span>
							</li>
						</ul>
					</div>
					<div class="hotlineReturn">
						<h3>当日热线回访情况</h3>
						<ul class="data_info">
							<li><label>回访总数：</label><span class="num_roll" id="zsw_num">0</span><span class="num_roll"
									id="zsq_num">0</span><span class="num_roll" id="zsb_num">0</span><span
									class="num_roll" id="zss_num">0</span><span class="num_roll" id="zsg_num">0</span>
							</li>
							<li><label>电话回访：</label><span class="num_roll" id="hfw_num">0</span><span class="num_roll"
									id="hfq_num">0</span><span class="num_roll" id="hfb_num">0</span><span
									class="num_roll" id="hfs_num">0</span><span class="num_roll" id="hfg_num">0</span>
							</li>
							<li><label>短信回访：</label><span class="num_roll" id="dhw_num">0</span><span class="num_roll"
									id="dhq_num">0</span><span class="num_roll" id="dhb_num">0</span><span
									class="num_roll" id="dhs_num">0</span><span class="num_roll" id="dhg_num">0</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 首页右侧 -->
			<div class="count-resource">
				<!--热搜词  -->
				<div class="key_word">
					<div class="title_img">
						<h2>高频事项</h2>
					</div>
					<div class="dataT">
						当日数据
					</div>
					<div id="keyword" style="width: 100%;height:290px;">
					</div>
					<div class="keyWrap">
						<div class="bar"></div>
						<ul class="keyInfo">
						</ul>
					</div>
				</div>
				<!-- 工单类型 -->
				<div class="time_statistics">
					<div class="title_img">
						<h2>工单类型</h2>
					</div>
					<div class="dataT">
						当月数据
					</div>
					<div id="workOrder" style="width: 800px;height:250px;"></div>
				</div>
				<!-- 平均办理时长 -->
				<div class="test_rank">
					<nav class="title_img">
						<h2>绩效考核排名</h2>
					</nav>
					<div class="btn_rank">
						<span class="rank" data-state='0'>切换</span>
						<span class="timeLength" data-state='1'>切换</span>
						<span class="responseLength" data-state='3'>切换</span>
						<img src="./image/switch.png" alt="">
					</div>
					<div class="dataT">
						当月数据
					</div>
					<div class="count-share">
						<div class="com-screen-content">
							<div class="topRec_List">
								<dl>
									<dd>排名</dd>
									<dd>单位名称</dd>
									<dd>最长时间</dd>
									<dd>最短时间</dd>
									<dd class="qh">平均办理时长</dd>
								</dl>
								<div>
									<div class="maquee" id="aaab">
										<ul></ul>
									</div>
								</div>
							</div>
							<div class="topRank_List">
								<dl>
									<dd>排名</dd>
									<dd>单位名称</dd>
									<dd>考核分数</dd>
								</dl>
								<div>
									<div class="maquee" id="aaab">
										<ul></ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 二级大屏 -->
		<div class="bulletFrame">
			<!-- 地图可视化 -->
			<ul class="secondLevel_map">
				<img src="./image/second/X.png" alt="" class="closeMap_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3></h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div class="key_content">
					<div class="count-share">
						<div class="table_title">
							<span class="region"></span>
							<span class="time"></span>
						</div>
						<div class="table_btn">
							<span class="type" pos=0>诉求类别</span>
							<span class="classify" pos=1>问题分类（前十）</span>
						</div>
						<div style="width: 100%;padding: 10px;height: 600px;">
							<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams"
								data-pagination="true">
								<thead>
									<tr>
										<th data-field="type" data-align="center" data-formatter="getTypeWorkOrder">类别</th>
										<th data-field="count" data-align="center">数量</th>
										<th data-field="bili" data-align="center">百分比</th>
									</tr>
								</thead>
								<tbody class="list">
								</tbody>
							</table>
							<table id="orderKeylist" data-row-style="rowStyle" data-query-params="queryParams"
								data-pagination="true">
								<thead>
									<tr>
										<th data-field="name" data-align="center" data-formatter="getProblomWorkOrder">类别</th>
										<th data-field="total" data-align="center">数量</th>
										<th data-field="rate" data-align="center">百分比</th>
									</tr>
								</thead>
								<tbody class="list">
								</tbody>
							</table>
						</div>
					</div>
					<div class="regionMap">
						<div id="regionMap" style="width:1100px;height:800px;"></div>
					</div>
				</div>
			</ul>
			<!-- 关键词 -->
			<ul class="secondLevel_keyWord">
				<!-- 关闭按钮 -->
				<img src="./image/second/back.png" alt="" class="backKey_icon" style="display: none;">
				<img src="./image/second/X.png" alt="" class="closeKey_icon">
				<!-- 标题 -->
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3 class="head_title"></h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div style="position: relative;width: 280px;">
					<img src="./image/date.png" alt="" class="date_icon">
					<input type="text" id="keyDate" placeholder="请选择时间范围">
				</div>
				<div class="key_content">
					<!-- 关键字左侧 -->
					<div class="count-share">
						<div style="width: 100%;padding: 10px;height: 800px;">
							<table id="keyWordlist" data-row-style="rowStyle" data-query-params="queryParams"
								data-pagination="true">
								<thead>
									<tr>
										<th data-formatter="Code" data-align="center">序号</th>
										<th data-field="KeyName" data-align="center" data-formatter="getKeyName">名称</th>
										<th data-field="Count" data-align="center" data-formatter="getKeyNum">数量</th>
										<th data-field="Rate" data-align="center" data-formatter="getKeyBili">百分比</th>
									</tr>
								</thead>
								<tbody class="list">
								</tbody>
							</table>
						</div>
					</div>
					<!-- 关键字右侧 -->
					<div class="regionMap">
						<div class="head_name">
							<img src="./image/titleRight.png" class="title_left">
							<h3 class="keyWordTitle">问题分类统计</h3>
							<img src="./image/titleLeft.png" class="title_right">
						</div>
						<div class="time">
							<p style="text-align: right;margin-left: 30px;" class="statisticsTime"></p>
							<p>
								总计：<span class="total">10238</span> 件
								<span>&nbsp;4&nbsp;</span> 级
								<span class="classTotal">&nbsp;10&nbsp;</span> 类
								<span class="prot">&nbsp;1566&nbsp;</span> 项问题分类
							</p>
						</div>
						<div id="keywordPie" style="width:1100px;height:750px;"></div>
					</div>
				</div>
			</ul>
			<!-- 办理时长 -->
			<div class="timeSta_wrap">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>安阳市12345热线平台单位办理效率统计</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<ul class="nowTime">
					<li>
						<span class="data_time"></span>
						&nbsp;&nbsp;&nbsp;平均办理时长
						<lable style='color: #ffe000;'>5</lable>个工作日
					</li>
					<li class="dataTT"></li>
				</ul>
				<div style="width: 100%;padding: 10px;height: 750px;">
					<table id="timeSecList" data-row-style="rowStyle" data-query-params="queryParams"
						data-pagination="true">
						<thead>
							<tr>
								<th data-formatter="Code" data-align="center">序号</th>
								<th data-field="deptname" data-align="center" data-formatter="getCompanyName">单位</th>
								<th data-field="timeday" data-align="center">平均办理时长</th>
								<th data-field="maxtime" data-align="center">最长时间</th>
								<th data-field="mintime" data-align="center">最短时间</th>
								<th data-field="trend" data-align="center" data-formatter="trend">趋势</th>
							</tr>
						</thead>
						<tbody class="list">
						</tbody>
					</table>
				</div>
			</div>
			<!-- 响应时长 -->
			<div class="timeSta1_wrap">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>安阳市12345热线平台单位响应时长统计</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<ul class="nowTime">
					<li>
						<span class="data_time"></span>
						&nbsp;&nbsp;&nbsp;平均响应时长
						<lable style='color: #ffe000;'>5</lable>个工作日
					</li>
					<li class="dataTT"></li>
				</ul>
				<div style="width: 100%;padding: 10px;height: 750px;">
					<table id="timeSecList1" data-row-style="rowStyle" data-query-params="queryParams"
						data-pagination="true">
						<thead>
							<tr>
								<th data-formatter="Code" data-align="center">序号</th>
								<th data-field="deptname" data-align="center" data-formatter="getCompanyName">单位</th>
								<th data-field="timeday" data-align="center">平均响应时长</th>
								<th data-field="maxtime" data-align="center">最长时间</th>
								<th data-field="mintime" data-align="center">最短时间</th>
								<th data-field="trend" data-align="center" data-formatter="trend">趋势</th>
							</tr>
						</thead>
						<tbody class="list">
						</tbody>
					</table>
				</div>
			</div>
			<!-- 绩效考核 -->
			<div class="rank_wrap">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>安阳市12345热线平台承办单位智能考核分析</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div style="position: relative;">
					<img src="./image/date.png" alt="" class="date_icon">
					<input type="text" id="rankDate" placeholder="请选择时间范围">
				</div>
				<div style="width: 100%;padding: 10px;margin-bottom: 30px;">
					<h4>一、县（市、区）联动单位</h4>
					<table id="orderlist2" data-row-style="rowStyle" data-query-params="queryParams"
						data-pagination="true">
						<thead>
							<tr>
								<th data-formatter="Code" data-align="center">序号</th>
								<th data-field="deptname" data-align="center">单位</th>
								<th data-field="workordrcount" data-align="center" data-formatter="getWorkOrders">工单数量</th>
								<th data-field="dissatisfied" data-align="center"  data-formatter="getDissatisfied">不满意数量</th>
								<th data-field="overcount" data-align="center" data-formatter="getOverdue">超期数量</th>
								<th data-field="back" data-align="center"  data-formatter="getBackWorkOrders">退回数量</th>
								<th data-field="backover" data-align="center" data-formatter="getBacCkWorkOrders">退回超期数量</th>
								<th data-field="total" data-align="center">总分</th>
								<th data-align="center" data-formatter="getRank">排名</th>
							</tr>
						</thead>
						<tbody class="list">
						</tbody>
					</table>
				</div>
				<div style="width: 100%;padding: 10px;margin-bottom: 30px;">
					<h4>二、市直机关联动单位一组</h4>
					<table id="orderlist4" data-row-style="rowStyle" data-query-params="queryParams"
						data-pagination="true">
						<thead>
							<tr>
								<th data-formatter="Code" data-align="center">序号</th>
								<th data-field="deptname" data-align="center">单位</th>
								<th data-field="workordrcount" data-align="center" data-formatter="getWorkOrders">工单数量</th>
								<th data-field="dissatisfied" data-align="center"  data-formatter="getDissatisfied">不满意数量</th>
								<th data-field="overcount" data-align="center" data-formatter="getOverdue">超期数量</th>
								<th data-field="back" data-align="center"  data-formatter="getBackWorkOrders">退回数量</th>
								<th data-field="backover" data-align="center" data-formatter="getBacCkWorkOrders">退回超期数量</th>
								<th data-field="total" data-align="center">总分</th>
								<th data-align="center" data-formatter="getRank">排名</th>
							</tr>
						</thead>
						<tbody class="list">
						</tbody>
					</table>
				</div>
				<div style="width: 100%;padding: 10px;margin-bottom: 30px;">
					<h4>三、市直机关联动单位二组</h4>
					<table id="orderlist5" data-row-style="rowStyle" data-query-params="queryParams"
						data-pagination="true">
						<thead>
							<tr>
								<th data-formatter="Code" data-align="center">序号</th>
								<th data-field="deptname" data-align="center">单位</th>
								<th data-field="workordrcount" data-align="center" data-formatter="getWorkOrders">工单数量</th>
								<th data-field="dissatisfied" data-align="center"  data-formatter="getDissatisfied">不满意数量</th>
								<th data-field="overcount" data-align="center" data-formatter="getOverdue">超期数量</th>
								<th data-field="back" data-align="center"  data-formatter="getBackWorkOrders">退回数量</th>
								<th data-field="backover" data-align="center" data-formatter="getBacCkWorkOrders">退回超期数量</th>
								<th data-field="total" data-align="center">总分</th>
								<th data-align="center" data-formatter="getRank">排名</th>
							</tr>
						</thead>
						<tbody class="list">
						</tbody>
					</table>
				</div>
				<div style="width: 100%;padding: 10px;margin-bottom: 30px;">
					<h4>四、公益型企业联动单位</h4>
					<table id="orderlist6" data-row-style="rowStyle" data-query-params="queryParams"
						data-pagination="true">
						<thead>
							<tr>
								<th data-formatter="Code" data-align="center">序号</th>
								<th data-field="deptname" data-align="center">单位</th>
								<th data-field="workordrcount" data-align="center" data-formatter="getWorkOrders">工单数量</th>
								<th data-field="dissatisfied" data-align="center"  data-formatter="getDissatisfied">不满意数量</th>
								<th data-field="overcount" data-align="center" data-formatter="getOverdue">超期数量</th>
								<th data-field="back" data-align="center"  data-formatter="getBackWorkOrders">退回数量</th>
								<th data-field="backover" data-align="center" data-formatter="getBacCkWorkOrders">退回超期数量</th>
								<th data-field="total" data-align="center">总分</th>
								<th data-align="center" data-formatter="getRank">排名</th>
							</tr>
						</thead>
						<tbody class="list">
						</tbody>
					</table>
				</div>
			</div>
			<!-- 热线整合 -->
			<div class="hotline_wrap">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>热线整合受理情况</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div style="position: relative;">
					<img src="./image/date.png" alt="" class="date_icon">
					<input type="text" id="date" placeholder="请选择时间范围">
				</div>
				<div id="hotline2" style="height:700px;width: 1530px;"></div>
			</div>
			<!-- 重大事件 -->
			<div class="events_wrap">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>重大事件预警</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div style="position: relative;">
					<img src="./image/date.png" alt="" class="date_icon">
					<input type="text" id="date2" placeholder="请选择时间范围">
				</div>
				<div id="events" style="height:700px;width: 1530px;"></div>
			</div>
			<!-- 受理工单类型 -->
			<div class="acceptanceType_wrap">
				<!-- 关闭按钮 -->
				<img src="./image/second/X.png" alt="" class="close_icon">
				<!-- 标题 -->
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>受理类型</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div class="key_content">
					<!-- 关键字左侧 -->
					<div class="count-share">
						<div style="width: 100%;padding: 10px;height: 600px;">
							<table id="acceptancelist" data-row-style="rowStyle" data-query-params="queryParams"
								data-pagination="true">
								<thead>
									<tr>
										<th data-formatter="Code" data-align="center">序号</th>
										<th data-field="type" data-align="center" data-formatter="getAcceptanceName">名称
										</th>
										<th data-field="count" data-align="center">数量</th>
										<th data-field="bili" data-align="center">百分比</th>
									</tr>
								</thead>
								<tbody class="list">
								</tbody>
							</table>
						</div>
					</div>
					<!-- 关键字右侧 -->
					<div class="regionMap">
						<div class="time" style="margin-top: 0;">
							<p style="text-align: right;margin-left: 60px;" class="statisticsTime"></p>
							<p>
								总计：<span class="total"></span> 件
							</p>
						</div>
						<div id="acceptancePie"
							style="width:1100px;height:750px;position: absolute;left: -58px;top: 15px;top: 4px;"></div>
					</div>
				</div>
			</div>
			<!-- 时段话务 -->
			<div class="traffic_wrap">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>当月话务量数据</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div id="traffic2" style="height:750px;width: 1570px;"></div>
			</div>
			<div class="traffic2_wrap">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>当日话务量数据</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<ul class="traffic">
					<li class="rexian" id='rexian' style="height:700px;width: 1100px;">1</li>
					<li class="heji" id="heji"  style="height:700px;width: 400px;">2</li>
				</ul>
				<!-- <div id="traffic3" style="height:750px;width: 1570px;"></div> -->
			</div>
			<!-- 受理渠道 -->
			<div class="channel_wrap">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>受理渠道分析</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div style="position: relative;">
					<img src="./image/date.png" alt="" class="date_icon">
					<input type="text" id="date3" placeholder="请选择时间范围">
				</div>
				<div id="channel" style="height:700px;width: 1530px;"></div>
			</div>
			<!-- 坐席监控 -->
			<div class="seatMonitor">
				<img src="./image/second/X.png" alt="" class="close_zxicon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>坐席监控大屏</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div class="zx_cont">
					<div class="zx_state">
						<span><i class="hc"></i>通话中</span>
						<span><i class="ml"></i>置忙</span>
						<span><i class="kx"></i>空闲</span>
						<span><i class="zl"></i>振铃</span>
						<span><i class="lx"></i>离线</span>
						<span><i class="hh"></i>话后处理</span>
					</div>
					<div class="zx_btn">
						<button class="star_btn">开始监测</button>
						<button class="stop_btn">取消检测</button>
					</div>
					<h3 class="zx_bz">话务坐席</h3>
					<ul class="zx_people">
						<li class="people_list ">
							<div>
								<div style="margin-right: 3px;">
									<span class="g-num">8000</span>
								</div>
								<div>
									<div class="bg_person"></div>
									<p><span class="g-name">罗雪琪（供暖）</span> </p>
									<i class="lx" zx_item="0" xl_item="0"></i>
								</div>
							</div>
						</li>
					</ul>
					<!-- <h3 class="zx_hw">话务坐席</h3> -->
				</div>
				<div class="zx_charts">
					<div class="callSeatState">
						<div class="head_name">
							<img src="./image/titleRight.png" class="title_left">
							<h3>呼叫中心坐席状态实时统计</h3>
							<img src="./image/titleLeft.png" class="title_right">
						</div>
						<div id="callSeatState" style="width: 514px;height: 162px;"></div>
					</div>
					<div class="realTimeTraffi">
						<div class="head_name">
							<img src="./image/titleRight.png" class="title_left">
							<h3>实时话务情况统计</h3>
							<img src="./image/titleLeft.png" class="title_right">
						</div>
						<div id="realTimeTraffi" style="width: 514px;height: 162px;position: absolute;"></div>
					</div>
					<div class="callTraffic">
						<div class="head_name">
							<img src="./image/titleRight.png" class="title_left">
							<h3>呼叫中心话务数据统计表</h3>
							<img src="./image/titleLeft.png" class="title_right">
						</div>
						<!-- <div id="callTraffic" style="width: 473px;height: 300px;"> -->
						<ul class="data_info" style="width: 514px;height: 300px;">
							<li><label>登陆坐席数量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>呼叫排队数量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>呼入接通数量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>呼出接通数量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>呼入通话时长</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>平均呼入通识</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>呼出通话时长</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>平均呼出通识</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>放弃呼叫量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>短信受理量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>微信受理量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>微博受理量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>APP受理量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>日呼损量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>市长信箱受理量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
							<li><label>时段呼损量</label><span class="num_roll" id="">0</span><span class="num_roll"
									id="">0</span><span class="num_roll" id="">0</span><span
									class="num_roll" id="">0</span><span class="num_roll" id="">0</span>
							</li>
						</ul>
						<!-- </div> -->
					</div>
				</div>
			</div>
		</div>
		<!-- 三级大屏（工单列表） -->
		<div class="bulletFrameT">
			<!-- 工单列表 -->
			<div class="workList">
				<img src="./image/second/back.png" alt="" class="back_icon keyIcon">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h2>安阳市12345热线工单列表</h2>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div style="width: 100%;padding: 10px;height: 750px;">
					<table id="workList" data-row-style="rowStyle" data-query-params="queryParams"
						data-pagination="true">
						<thead>
							<tr>
								<th data-field="F_WorkOrderId" data-align="center" data-formatter="getformatter">工单编号
								</th>
								<th data-field="F_ComTitle" data-align="center"  data-formatter="getformatterTitle">工单标题</th>
								<th data-field="DeptName" data-align="center">承办单位</th>
								<th data-field="F_ComContent" data-align="center" data-width="150"
									data-formatter="getDeptnameC">工单内容</th>
								<th data-field="UserName" data-align="center">受理人</th>
								<th data-field="F_CusPhone" data-align="center">联系方式</th>
								<th data-field="F_AssignTime" data-align="center">转办时间</th>
								<th data-field="KeyName" data-align="center" data-formatter="getProblem">问题分类</th>
							</tr>
						</thead>
						<tbody class="list">
						</tbody>
					</table>
				</div>
			</div>
			<!-- 退回工单 -->
			<div class="backWorkList">
				<img src="./image/second/back.png" alt="" class="back_icon keyIcon">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h2>安阳市12345热线退回工单列表</h2>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div style="width: 100%;padding: 10px;height: 750px;">
					<table id="backWorkList" data-row-style="rowStyle" data-query-params="queryParams"
						data-pagination="true">
						<thead>
							<tr>
								<th data-field="F_WorkOrderId" data-align="center" data-formatter="getformatter">工单编号</th>
								<th data-field="F_ComTitle" data-align="center"  data-formatter="getformatterTitle">工单标题</th>
								<th data-field="DeptName" data-align="center">承办单位</th>
								<th data-field="F_ComContent" data-align="center" data-width="150"
									data-formatter="getDeptnameC">工单内容</th>
								<th data-field="UserName" data-align="center">受理人</th>
								<th data-field="F_CusPhone" data-align="center">联系方式</th>
								<th data-field="F_AssignTime" data-align="center">转办时间</th>
								<th data-field="KeyName" data-align="center" data-formatter="getProblem">问题分类</th>
							</tr>
						</thead>
						<tbody class="list">
						</tbody>
					</table>
				</div>
			</div>
			<!-- 工单详情 -->
			<div class="workDetails">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>安阳12345热线工单详情展示</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div class="btns">
					<button type="button" class="btn_left" onclick="getClick()">查看流程</button>
					<button type="button" class="btn_right"><span class="left_R"></span>返回列表</button>
				</div>
				<div class="tablebox">
					<table id="tableId" border="0" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td class="infoName">工单编号</td>
								<td class="contN workNo"></td>
								<td class="infoName">工单状态</td>
								<td class="contN workState"></td>
								<td class="infoName">受理员工号</td>
								<td class="contN acceptNumber"></td>
								<td class="infoName">受理员姓名</td>
								<td class="contN acceptName"></td>
							</tr>
							<tr>
								<td class="infoName">联系人</td>
								<td class="contN contacts"></td>
								<td class="infoName">来电号码</td>
								<td class="contN phone"></td>
								<td class="infoName">是否保密</td>
								<td class="contN isSecrecy"></td>
								<td class="infoName">反映区域</td>
								<td class="contN AreaName"></td>
							</tr>
							<tr>
								<td class="infoName">问题分类</td>
								<td class="contB KeyName" colspan="3"></td>
								
								<td class="infoName">详细地址</td>
								<td class="contN contactAddress"  colspan="3"></td> 
							</tr>
							<tr>
								<td class="infoName">工单标题</td>
								<td class="contB F_ComTitle" colspan="7" style="text-align: left;"></td>
							</tr>
							<tr>
								<td class="infoName">问题描述</td>
								<td class="contB F_ComContent" colspan="7" style="text-align: left;"></td>
							</tr>
							<tr>
								<td class="infoName">主办单位</td>
								<td class="contB deptname" colspan="7" style="text-align: left;"></td>
							</tr>
							<tr>
								<td class="infoName">办理情况</td>
								<td class="contB F_Result" colspan="7" style="text-align: left;"></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<!-- 工单流程 -->
			<div class="workProcedure">
				<img src="./image/second/back.png" alt="" class="backProcedure">
				<img src="./image/second/X.png" alt="" class="close_icon">
				<div class="head_name">
					<img src="./image/second/title_right.png" class="title_left">
					<h3>安阳市12345热线工单轨迹流程</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<ul id='timeline'>
				</ul>
			</div>
		</div>
	</div>
</body>
<script src="js/echarts.min.js"></script>
<!-- <script src="./js/echarts-liquidfill.min.js"></script> -->
<script src="js/jq/jquery.min.js"></script>
<script src="js/bootstrap/bootstrap-table.js"></script>
<script src="js/bootstrap/bootstrap-table-zh-CN.js"></script>
<script src="js/scrallNum/jquery.countUp.min.js"></script>
<script src="js/scrallNum/jquery.waypoints.min.js"></script>
<script src="./js/laydate/laydate.js"></script>
<!-- 首页js -->
<script src="js/index.js"></script>
<script src="js/main.js"></script>
<!-- 首页地图js -->
<script src="js/map/anyangMap.js"></script>
<!-- 二级地图js -->
<script src="js/map/anyangMap2.js"></script>
<!-- 二级页面js -->
<script src="js/second_index.js"></script>
<!-- 三级（工单列表）js -->
<script src="js/workOrder.js"></script>

</html>