duhongyu
/
AnYang_UI


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091
							<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>安阳12345政府服务热线</title>
	<script src="js/jq/jquery.min.js"></script>
	<script src="js/jq/jquery.cookie.js"></script>
	<script src="Script/Common/huayi.load.js"></script>
	<script src="Script/Common/huayi.http.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">
	<link rel="stylesheet" href="./css/newSeats.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 hwsjtj" style="display: none;">
						<label class="dataAct" data-pos="1" indexTitle="话务数据统计1">
							今日<span class="day active"></span>
						</label><br>
						<label class="dataAct" data-pos="2" indexTitle="话务数据统计1">
							本月<span class="month"></span>
						</label>
					</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="">-->
						<select class="form-control" id="secondCut">
							<option value="">请选择</option>
							<option value="0">0秒</option>
							<option value="10">10秒</option>
							<option value="15">15秒</option>
						</select>
					</div>
					<div id="traffic" style="width: 100%;height:240px;"></div>
					<div style="width: 100%;height:240px; display: flex;" id="timeTraffic">
						<div id="timeTrafficLeft" style="width: 50%;height:240px;"></div> 
						<div id="timeTrafficRight" style="width: 50%;height:240px;"></div> 
					</div>
					
				</div>
				<!-- 热线整合受理情况 -->
				<div class="accept_statistics">
					<div class="title_img">
						<h2 class="title">热线整合受理情况</h2>
					</div>
					<div class="dataT act">
						<label class="dataAct" data-pos="1" indexTitle="热线整合受理情况">
							今日<span class="day active"></span>
						</label><br>
						<label class="dataAct" data-pos="2" indexTitle="热线整合受理情况">
							本月<span class="month"></span>
						</label>
					</div>
					<div class="lineB">
					</div>
					<ul class="hotline" id="hotline3" style="overflow: hidden;">
					</ul>
					<!-- <div id="hotline" style="width: 100%;height:240px;"></div> -->
				</div>
				<!-- 调度专题 -->
				<div class="accept_channel">
					<div class="title_img">
						<h2 class="cutDispatchHandle">月调度专题</h2>
					</div>
					<div class="btn_rank">
						<span data-state='0' id="themeRate"></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 act">
						<input hidden="hidden" id="themeClassType" value="0"/>
						<label  class="dataAct" data-pos="1" indexTitle="专题-按分类">

							分类<span class="day active"></span>

						</label><br>

						<label  class="dataAct" data-pos="2" indexTitle="专题-按单位">

							单位<span class="month"></span>

						</label>
					</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>省平台来电：</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 act">
						<label  class="dataAct" data-pos="1" indexTitle="高频事项">
							今日<span class="day active"></span>
						</label><br>
						<label  class="dataAct" data-pos="2" indexTitle="高频事项">
							本月<span class="month"></span>
						</label>
						<input type="hidden" id="gpsxDataAct" value="1"/>
					</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 act">
						<label  class="dataAct" data-pos="1" indexTitle="工单类型">
							今日<span class="day active"></span>
						</label><br>
						<label  class="dataAct" data-pos="2" indexTitle="工单类型">
							本月<span class="month"></span>
						</label>
					</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 act">
						<label  class="dataAct" data-pos="1" indexTitle="绩效考核排名">
							今日<span class="day active"></span>
						</label><br>
						<label  class="dataAct" data-pos="2" indexTitle="绩效考核排名">
							本月<span class="month"></span>
						</label>
					</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="theme_wrap">
				<!-- 关闭按钮 -->
				<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 onclick="getAllThemeOrders()">调度专题</h3>
					<input hidden="hidden" id="themeIdHidden"/>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div class="key_content">

					
					<div class="regionMap_theme">
						<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="themeByClass" style="width:100%px;height:600px;"></div>
					</div>
					<div class="regionMap_theme" style="margin-left: 3%;">
						<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="themeByDept" style="width:100%;height:600px"></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" width="50">序号</th>
										<th data-field="KeyName" data-align="center" data-formatter="getKeyName">名称</th>
										<th data-field="Count" data-align="center" width="100" 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" style="position: relative;">
					<li>
						<span class="data_time"></span>
						&nbsp;&nbsp;&nbsp;平均响应时长
						<lable style='color: #ffe000;'>5</lable>个工作日
					</li>
					<li style="position: absolute; right: 0px; di">
						<img src="./image/date.png" alt="" class="date_icon">
						<input type="text" id="rankDate2" placeholder="请选择时间范围">
					</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" style="height: 100%; overflow-y: auto;">
				<img src="./image/second/X.png" alt="" class="close_icon" style="right: 50px;">
				<!--<div style="width: 100%; height: 80px;"></div>-->
				<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-align="center" data-formatter="getRank">排名</th>
								<th data-field="total" data-align="center">总分</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="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="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="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="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="themeEvents" 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="th"></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>
						<span><i class="dg"></i>应到岗</span>
<!--						
						<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 class="group_btn">A组</div>
							<dl>
								<dt>
									<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>
								</dt>
							</dl>
						</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="position: relative;">
					<div class="dataT act" style="left: 20px;font-size: 15px;top: 0px;width: 100px;">
						<label class="dataAct" data-pos="1" indextitle="工单列表">
							网络转办<span class="day active"></span>
						</label><br>
						<label class="dataAct" data-pos="2" indextitle="工单列表">
							当即办结<span class="month"></span>
						</label>
						<input type="hidden" id="isresult" value="0">
					</div>
					<!--<img src="./image/date.png" alt="" class="date_icon">

					<input type="text" id="date3" placeholder="请选择时间范围" lay-key="100006">-->
					<input type="text" id="orderId" style="margin-left: 120px;" class="searchInput" onblur="initTable()" placeholder="请输入工单编号" />
					<input type="text" id="orderKey" class="searchInput" onblur="initTable()" placeholder="请输入关键词" />
					<input type="text" id="orderTel" class="searchInput" onblur="initTable()" placeholder="请输入联系电话" />
				</div>
				<div style="width: 100%;padding: 10px;height: 750px;">
					<table class="workListTable" 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="workListHandle 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 style="width: 100%;padding: 10px;height: 700px; display: flex;">
					<div style="width: 30%;height: 645px;">
						
						<div class="orderDetailTitle">
							<div class="detailText">工单列表</div>
						</div>
						<table class="workListTable" data-row-style="rowStyle" data-query-params="queryParams"
							data-pagination="true" style="table-layout: fixed;">
							<thead>
								<tr>
									<th data-field="F_WorkOrderId"  data-width="252" data-align="center" data-formatter="getformatterDetail">工单编号
									</th>
									<th data-field="F_ComTitle" data-align="center"  data-formatter="getformatterTitle">工单标题</th>
								</tr>
							</thead>
							<tbody class="list">
							</tbody>
						</table>
					</div>
					
					<div class="workDetailsHandle tablebox"  style="width: 70%; height: 100%; margin: 0px 10px;">
						<div class="orderDetailTitle" style="border-bottom: 1px solid #064996;">
							<div class="detailText">工单详情</div>
						</div>
						<div style=" height: calc(100% - 50px); overflow-y: auto; ">
						<table id="tableId" border="0" cellspacing="0" cellpadding="0">
							<tbody>
								<tr>
									<td class="infoName">工单编号</td>
									<td class="contF workNo"></td>
									<td class="infoName">工单状态</td>
									<td class="contS workState"></td>
									
									<td class="infoName">受理员工号</td>
									<td class="contS acceptNumber"></td>
									<td class="infoName">是否保密</td>
									<td class="contS isSecrecy"></td>
									
								</tr>
								<tr>
									<td class="infoName">来电号码</td>
									<td class="contF phone"></td>
									<td class="infoName">联系人</td>
									<td class="contFour contacts"></td>
									<td class="infoName">问题分类</td>
									<td class="contFour KeyName"></td>
									<td class="infoName">反映区域</td>
									<td class="contS AreaName"></td>
								</tr>
								<tr>
									<td class="infoName">工单标题</td>
									<td class="contB F_ComTitle" colspan="3" style="text-align: left;"></td>
									<td class="infoName">详细地址</td>
									<td class="contN contactAddress"  colspan="3"></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 F_Content" colspan="7" style="text-align: left;"></td>
								</tr>
								<tr>
									<td class="infoName">附件</td>
									<td class="contB" id="files" colspan="7" style="text-align: left;">
										<!--<image style="width: 60px;height: 60px;" />
										<image style="width: 60px;height: 60px;" />
										<image style="width: 60px;height: 60px;" />
										<a href="" style="color: #FFFFFF;">附件1.xlsx</a>-->
									</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="workDetailsHandleSecond tablebox"  style="width: 45%; height: 100%; margin: 0px 10px; display: none;">
						<div class="orderDetailTitle" style="border-bottom: 1px solid #064996;">
							<div class="detailText">工单详情</div>
						</div> 
						<div style=" height: calc(100% - 50px); overflow-y: auto; ">
							<table id="tableId" border="0" cellspacing="0" cellpadding="0">
								<tbody>
									<tr>
										<td class="infoName2">工单编号</td>
										<td class="workNo"></td>
										<td class="infoName2">工单状态</td>
										<td class="workState"></td>
										
									</tr>
									<tr>
										<td class="infoName2">受理员工号</td>
										<td class="acceptNumber"></td>
										<td class="infoName2">受理员姓名</td>
										<td class="acceptName"></td>
									</tr>
									<tr>
										<td class="infoName2">联系人</td>
										<td class="contacts"></td>
										<td class="infoName2">来电号码</td>
										<td class="phone"></td>
										
									</tr>
									<tr>
										<td class="infoName2">是否保密</td>
										<td class="isSecrecy"></td>
										<td class="infoName2">反映区域</td>
										<td class="AreaName"></td>
									</tr>
									<tr>
										<td class="infoName2">问题分类</td>
										<td class="KeyName" colspan="3"></td>
										
										
									</tr>
									<tr>
										<td class="infoName2">详细地址</td>
										<td class="contactAddress"  colspan="3"></td> 
									</tr>
									<tr>
										<td class="infoName2">工单标题</td>
										<td class="F_ComTitle" colspan="7" style="text-align: left;"></td>
									</tr>
									<tr>
										<td class="infoName2">来电内容</td>
										<td class="F_ComContent" colspan="7" style="text-align: left;"></td>
									</tr>
									<tr>
										<td class="infoName2">工单内容</td>
										<td class="F_Content" colspan="7" style="text-align: left;"></td>
									</tr>
									<tr>
										<td class="infoName2">附件</td>
										<td id="filesSecnod" colspan="7" style="text-align: left;">
											<!--<image style="width: 60px;height: 60px;" />
											<image style="width: 60px;height: 60px;" />
											<image style="width: 60px;height: 60px;" />
											<a href="" style="color: #FFFFFF;">附件1.xlsx</a>-->
										</td>
									</tr>
									<tr>
										<td class="infoName2">主办单位</td>
										<td class="deptname" colspan="7" style="text-align: left;"></td>
									</tr>
									<tr>
										<td class="infoName2">办理情况</td>
										<td class="F_Result" colspan="7" style="text-align: left;"></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<!-- 工单流程 -->
					<div class="workProcedure"  style="width: 25%;margin: 0px 10px; display: none;">
						<div class="orderDetailTitle">
							<div class="detailText">工单流程</div>
						</div>
						
						<ul id='timeline' style=" height: calc(100% - 50px);  overflow-y: auto; ">
						</ul>
					</div>
			</div>
		</div>
	</div>
</body>
<script src="js/echarts.min.js"></script>
<!-- <script src="./js/echarts-liquidfill.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>
<!--2023-08-23页面初始化后执行-->
<script src="js/documentDready.js"></script>
<!--2023-10-08页面点击切换事件-->
<script src=""></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  热线整合受理情况&重大事件新建了一个js--2024-07 -->
<script src="js/second_1.js"></script>
<!-- 三级（工单列表）js -->
<script src="js/workOrder.js"></script>
<!--当日话务数据统计修改-->
<script src="js/trafficData.js"></script>
<!--2023-06-01 切换年月日 以及点击事件-->
<script src="js/newAdd/operationEvent.js"></script>
<!-- 2023-06-06 坐席监控修改 -->
<script src="js/newSeats.js"></script>
<!-- 2024-07-17 调度专题月周切换 -->
<script src="js/dispatTopic.js"></script>
</html>