duhongyu
/
AnYang_UI


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138
							<!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" />
	<style>
		.bootstrap-table td {
			padding: 17px 0px !important
		}
		.fixed-table-container td, .fixed-table-container th {
		    font-size: 17px;
		}
		.fixed-table-container thead th .th-inner {
			padding: 8px 0px;
		}
	</style>
</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="newdataAct" 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="dataT act">
						<input hidden="hidden" id="themeClassType" value="0"/>
						<label  class="newDataAct" data-pos="1" indexTitle="周专题">
							周专题<span class="day"></span>
						</label><br>
						<label  class="newDataAct" data-pos="2" indexTitle="月专题">
							月调度<span class="month active"></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="backThemeClass"  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="themeBarTit" 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="themeBar_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 class="themeBarTit">调度专题</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div id="themeBarEle" style="height:700px;width: 1530px;"></div>
			</div>
			<div class="themeBar_down">
				<!-- 关闭按钮 -->
				<img src="./image/second/back.png" alt="" class="backTheme">
				<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="themeBarTit">调度专题</h3>
					<img src="./image/second/title_left.png" class="title_right">
				</div>
				<div id="themeBarDownEle" 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" style="table-layout: fixed;">
						<thead>
							<tr>
								<th data-field="F_WorkOrderId" data-align="left"  data-width="145" data-formatter="getformatter">工单编号
								</th>
								<th data-field="F_ComTitle" data-align="left"  data-formatter="getformatterTitle" data-width="230">工单标题</th>
								<th data-field="DeptName" data-align="left"  data-formatter="getformatterD"  data-width="190">承办单位</th>
								<th data-field="F_ComContent" data-align="left" 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="left"  data-formatter="getformatterT" data-width="175">转办时间</th>
								<th data-field="ClassificationName" data-align="left" data-formatter="getformatterC" data-visible="false" data-width="80">主题分类</th>
								<th data-field="KeyName" data-align="left" data-formatter="getProblem" data-width="150">问题分类</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="145" data-align="left" data-formatter="getformatterDetail">工单编号
									</th>
									<th data-field="F_ComTitle"  data-align="left"  data-formatter="getformatterTitleDetail">工单标题</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 filesBoxs" colspan="7" style="text-align: left;"></td>
								</tr>
								<tr>
									<td class="infoName">办理结果附件</td>
									<td class="contB filesBox" 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; white-space: pre-line;"></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 class="filesBoxs" colspan="7" style="text-align: left;"></td>
									</tr>
									<tr>
										<td class="infoName2">办理结果附件</td>
										<td class="filesBox" colspan="7" style="text-align: left;"></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; white-space: pre-line;"></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/dispatTopic.js"></script>
<!-- 2024-07-23 调度专题增加双击事件 -->
<script src="js/dispatTopic/themeDoubleClick.js"></script>
</html>