永城市12345 (县级市)- 来源于虞城县12345 - 所有县级统一API

index.html 32KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <!--<html xmlns:wb="http://open.weibo.com/wb">-->
  3. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>永城市12345政务服务热线</title>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="renderer" content="webkit">
  9. <link rel="stylesheet" href="css/bootstrap.min.css" />
  10. <link rel="stylesheet" href="css/indexs.css" />
  11. <link rel="stylesheet" href="css/pageSwitch.css" />
  12. <script src="js/jquery-1.8.js" type="text/javascript"></script>
  13. <script src="js/common/huayi.config.js"></script>
  14. <script src="js/common/huayi.http.js"></script>
  15. <script src="js/bootstrap.min.js"></script>
  16. <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
  17. <script src="https://img.hcharts.cn/highcharts/highcharts-3d.js"></script>
  18. <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
  19. <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>
  20. <script src="js/qrcode.min.js"></script>
  21. <script src="layer/layer.js"></script>
  22. <script src="js/pageSwitch.js"></script>
  23. <script src="js/jquery.SuperSlide.js"></script>
  24. <style>
  25. .LB {
  26. width: 100%;
  27. height: 274px;
  28. margin-right: 10px;
  29. border: 1px solid #ccc;
  30. padding: 5px;
  31. }
  32. .ban_title {
  33. width: 1200px;
  34. margin: 0 auto;
  35. }
  36. .ban_title img {
  37. width: 360px;
  38. margin: 30px 0;
  39. }
  40. .nav>li>a {
  41. padding: 5px 15px;
  42. }
  43. .Baner-pos p {
  44. line-height: 42px;
  45. }
  46. .ban_title1 {
  47. width: 1200px;
  48. margin: 0 auto;
  49. }
  50. .ban_title1 img {
  51. width: 100%;
  52. margin: 10px 0;
  53. }
  54. #jobTypePie{
  55. width: 435px;
  56. height: 284px;
  57. float: left;
  58. }
  59. #acceptanceBar{
  60. width: 435px;
  61. height: 284px;
  62. float: left;
  63. }
  64. .content_foot{
  65. overflow: hidden;
  66. }
  67. </style>
  68. </head>
  69. <body>
  70. <div>
  71. <div class="topbar">
  72. <div class="container">
  73. <ul class="fl">
  74. <li>
  75. <a href="#" target="_self">永城市12345政务服务热线</a>
  76. </li>
  77. </ul>
  78. <ul class="rl Right_f">
  79. <li>
  80. <a href="http://61.158.175.97:8888/login.html">管理登录</a>
  81. </li>
  82. <li>
  83. <span class="text-muted">|</span>
  84. </li>
  85. <li>
  86. <a href="javascript:;" class="topbarWx">
  87. <img src="img/wechat.png" alt="微信logo" /> 微信公众号
  88. <div class="topbarWx-box">
  89. <i class="topbarWx-code"></i>
  90. <span>微信扫码,关注我们</span>
  91. </div>
  92. </a>
  93. </li>
  94. <li>
  95. <span class="text-muted">|</span>
  96. </li>
  97. <li>
  98. <a href="javascript:;" class="topbarClient">
  99. <img src="img/phone.png" alt="移动客户端logo" /> 移动客户端
  100. <div class="topbarClient-box">
  101. <input id="elevator-app-url0" type="text" value="" style="display: none;" />
  102. <div id="elevator-app-qrcode0"></div>
  103. <span class="">扫码下载,使用客户端</span>
  104. </div>
  105. </a>
  106. </li>
  107. </ul>
  108. </div>
  109. </div>
  110. <section>
  111. <div class="ban_title">
  112. <img src="img/banner.png" alt="图片" />
  113. </div>
  114. </section>
  115. <!--导航-->
  116. <div class="navcon shadow">
  117. <div class="navcon_box clearfix">
  118. <ul class="nav ">
  119. <div class="fl ban-border"></div>
  120. <li class="actives ">
  121. <a href="index.html" target="_self" class="clearfix">
  122. <div class="fl ban-img">
  123. <img src="img/a1.png" alt="" />
  124. </div>
  125. <div class=" Baner-pos">
  126. <p>网站首页</p>
  127. </div>
  128. </a>
  129. </li>
  130. <div class="fl ban-border"></div>
  131. <li>
  132. <a href="zhengce.html" target="_self">
  133. <div class="fl ban-img">
  134. <img src="img/a2.png" alt="" />
  135. </div>
  136. <div class=" Baner-pos">
  137. <p>政策要闻</p>
  138. </div>
  139. </a>
  140. </li>
  141. <div class="fl ban-border"></div>
  142. <li>
  143. <a href="dongtai.html" target="_self">
  144. <div class="fl ban-img">
  145. <img src="img/a3.png" alt="" />
  146. </div>
  147. <div class=" Baner-pos">
  148. <p>工作动态</p>
  149. </div>
  150. </a>
  151. </li>
  152. <div class="fl ban-border"></div>
  153. <li>
  154. <a href="baoguang.html" target="_self">
  155. <div class="fl ban-img">
  156. <img src="img/a4.png" alt="" />
  157. </div>
  158. <div class=" Baner-pos">
  159. <p>便民信息</p>
  160. </div>
  161. </a>
  162. </li>
  163. <div class="fl ban-border"></div>
  164. <li>
  165. <a href="tousu.html" target="_self">
  166. <div class="fl ban-img">
  167. <img src="img/a5.png" alt="" />
  168. </div>
  169. <div class=" Baner-pos">
  170. <p>网上受理</p>
  171. </div>
  172. </a>
  173. </li>
  174. <div class="fl ban-border"></div>
  175. <li>
  176. <a href="shouli.html" target="_self">
  177. <div class="fl ban-img">
  178. <img src="img/a6.png" alt="" />
  179. </div>
  180. <div class=" Baner-pos">
  181. <p>网上查询</p>
  182. </div>
  183. </a>
  184. </li>
  185. <div class="fl ban-border"></div>
  186. </ul>
  187. </div>
  188. </div>
  189. <div class="ban_title1">
  190. <img src="img/banner01.png" alt="图片" />
  191. </div>
  192. <!--内容-->
  193. <div class="Content">
  194. <div class="navcon_box clearfix navCon">
  195. <!--1 小轮播、工作动态和通知通告-->
  196. <div class="navcon_1 clearfix">
  197. <div style="width:550px">
  198. <div class=" fl LB" id="slides">
  199. <div id="slideCarousel" class="carousel slide" data-ride="carousel">
  200. <!-- Indicators -->
  201. <ol class="carousel-indicators"></ol>
  202. <!-- Wrapper for slides -->
  203. <div class="carousel-inner" role="listbox"></div>
  204. </div>
  205. </div>
  206. </div>
  207. <div class="rl" style="width: 620px">
  208. <div class="Content_box Content_border fl" style="width: 99.7%; height: 284px; ">
  209. <div class="Con_box">
  210. <div class="Con_boxs">
  211. <div class="content_title clearfix">
  212. <div class="fl fltext">
  213. <div class="arrow"><img src="img/rightarrow.png" /></div>
  214. 通知公告
  215. </div>
  216. <div class="rl mores">
  217. <a href="gonggao.html">
  218. MORE
  219. <div class="add_icon">
  220. <img src="img/add.png" />
  221. </div>
  222. </a>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="content_foot ">
  227. <ul class="new_list TG"></ul>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. <!--2 实时统计、 -->
  234. <div class=" clearfix">
  235. <div class="Content_box fl" style="width: 24%; height: 349px;">
  236. <div class="Con_box">
  237. <div class="content_title clearfix ">
  238. <div class="fl flbackg">
  239. <div class="arrow"><img src="img/rightarrow.png" /></div>
  240. 信息来源
  241. </div>
  242. </div>
  243. <div class="content_foot">
  244. <div class="left-statistics">
  245. <p>
  246. <span>热线总受理:</span>
  247. <span id="totalCount">0件</span><br />
  248. <span style="display: inline;"></span>
  249. <span>今日受理:</span>
  250. <span id="jrtotalCount">0件</span>
  251. </p>
  252. <ul class="left-statistics-content statistics-content clearfix">
  253. <li>
  254. <i class="statistics-icon statistics-icon-1"></i>
  255. <span>电话受理</span>
  256. <span id="dhslCount">0</span>
  257. </li>
  258. <li>
  259. <i class="statistics-icon statistics-icon-2"></i>
  260. <span>12345信箱</span>
  261. <span id="szxxslCount">0</span>
  262. </li>
  263. <li>
  264. <i class="statistics-icon statistics-icon-5"></i>
  265. <span>微信受理</span>
  266. <span id="wxslCount">0</span>
  267. </li>
  268. <li>
  269. <i class="statistics-icon statistics-icon-6"></i>
  270. <span>APP受理</span>
  271. <span id="aslCount">0</span>
  272. </li>
  273. <li>
  274. <i class="statistics-icon statistics-icon-4"></i>
  275. <span>网站受理</span>
  276. <span id="wzslCount">0</span>
  277. </li>
  278. <li>
  279. <i class="statistics-icons statistics-icon-10"></i>
  280. <span>微博</span>
  281. <span id="yyslCount">0</span>
  282. </li>
  283. </ul>
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. <div class="Content_box rl" style="width: 895px;height: 349px; margin-bottom: 10px;">
  289. <div class="Con_box">
  290. <div class="Con_PG">
  291. <div class="content_title clearfix ">
  292. <div class="fl flbackg">
  293. <div class="arrow"><img src="img/rightarrow.png" /></div>
  294. 实时统计
  295. </div>
  296. </div>
  297. </div>
  298. <div class="content_foot">
  299. <!--左边统计图-->
  300. <div id="jobTypePie"></div>
  301. <div id="acceptanceBar"></div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. <div class="ban_title1">
  307. <img src="img/banner3.png" alt="图片" />
  308. </div>
  309. <!--第五部分-->
  310. <div class="navcon_1 clearfix">
  311. <div class="clearfix" id="Lunbo">
  312. <div class="ass">
  313. <ul class="clearfix new_img img-boundary">
  314. <!--<li><img width="100%" height="100%" src="img/list-1.png" alt="图片"></li>
  315. <li><img width="100%" height="100%" src="img/list-2.png" alt="图片"></li>
  316. <li><img width="100%" height="100%" src="img/list-3.png" alt="图片"></li>
  317. <li><img width="100%" height="100%" src="img/list-4.png" alt="图片"></li>
  318. <li><img width="100%" height="100%" src="img/list-4.png" alt="图片"></li>-->
  319. <li class="m-r">
  320. <div class="_imgbox clearfix">
  321. <img width="100%" height="100%" src="img/list-1.png" />
  322. </div>
  323. </li>
  324. <li class="m-r">
  325. <div class="_imgbox clearfix">
  326. <img width="100%" height="100%" src="img/list-2.png" />
  327. </div>
  328. </li>
  329. <li class="m-r">
  330. <div class="_imgbox clearfix">
  331. <img width="100%" height="100%" src="img/list-3.png" />
  332. </div>
  333. </li>
  334. <li class="m-r">
  335. <div class="_imgbox clearfix">
  336. <img width="100%" height="100%" src="img/list-4.png" />
  337. </div>
  338. </li>
  339. </ul>
  340. </div>
  341. </div>
  342. </div>
  343. <!--第六部分-->
  344. <div class="navcon_1 clearfix">
  345. <div class="fl Content_box" style="width: 25%; height: 349px;">
  346. <div class=" fl" style="width:100%">
  347. <div class="Con_box">
  348. <div class="content_title clearfix " style="background: #005e98;">
  349. <div class="fl fltext">
  350. <div class="arrow"><img src="img/rightarrow.png" /></div>
  351. 便民信息
  352. </div>
  353. <div class="rl mores">
  354. <a href="baoguang.html" style="color: #FFFFFF;">
  355. <div class="add_icon">
  356. <img src="img/add_glay.png" />
  357. </div>
  358. </a>
  359. </div>
  360. </div>
  361. <div class="content_foot">
  362. <ul class="new_list exposure">
  363. </ul>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368. <div class="Content_box Content_border fl" style="width: 50%;height: 349px; margin-left: 15px; margin-bottom: 10px;">
  369. <div class="Con_box">
  370. <div class="Con_PG">
  371. <div class="content_title clearfix ">
  372. <div class="fl fltext">
  373. <div class="arrow"><img src="img/rightarrow.png" /></div>
  374. 诉求公开
  375. </div>
  376. <div class="rl mores">
  377. <a href="PeopleNews.html">
  378. MORE
  379. <div class="add_icon">
  380. <img src="img/add.png" />
  381. </div>
  382. </a>
  383. </div>
  384. </div>
  385. </div>
  386. <div class="content_foot">
  387. <ul class="new_list MQ">
  388. </ul>
  389. </div>
  390. </div>
  391. </div>
  392. <!--政策法规-->
  393. <div class="Content_box rl" style="width: 22%; height: 349px; margin-top: 0px;">
  394. <div class="Con_box">
  395. <div class="content_title clearfix " style="background: #005e98;">
  396. <div class="fl fltext">
  397. <div class="arrow"><img src="img/rightarrow.png" /></div>
  398. 政策要闻
  399. </div>
  400. <div class="rl mores">
  401. <a href="zhengce.html" style="color: #FFFFFF;">
  402. <div class="add_icon">
  403. <img src="img/add_glay.png" />
  404. </div>
  405. </a>
  406. </div>
  407. </div>
  408. <div class="content_foot">
  409. <ul class="new_list policy">
  410. </ul>
  411. </div>
  412. </div>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. <!--底部开始-->
  418. <div class="footer">
  419. <div class="navcon_box footerbox ">
  420. <div>Copyright &copy;2017 永城市12345政务服务热线版权所有 All Rights Reserved.</div>
  421. <div>备案号:
  422. <a href="http://www.miitbeian.gov.cn/" target="_blank" rel="nofollow">豫ICP备19011339号</a>
  423. </div>
  424. </div>
  425. </div>
  426. <!--侧栏-->
  427. <div id="J_GotoTop" class="elevator">
  428. <span class="elevator-title">关注我们</span>
  429. <a href="javascript:;" class="elevator-weixin no-goto" id="js-elevator-weixin">
  430. <i class="icon-wxgzh"></i>
  431. <span class="">微信公众号</span>
  432. <div class="elevator-weixin-box">
  433. <i class="elevator-weixin-code"></i>
  434. <span class="">微信扫码,关注我们</span>
  435. </div>
  436. </a>
  437. <!--<a href="javascript:;" class="elevator-weixin no-goto" id="js-elevator-weixin">
  438. <i class="icon-xlwb"></i>
  439. <span class="">新浪微博</span>
  440. <div class="elevator-xlwb-box">
  441. <i class="elevator-xlwb-code"></i>
  442. <span class="">微信扫码,关注我们</span>
  443. </div>
  444. </a> -->
  445. <a href="javascript:;" target="_blank" class="elevator-app">
  446. <i class="icon-appdownload"></i>
  447. <span class="">下载客户端</span>
  448. <div class="elevator-app-box">
  449. <input id="elevator-app-url" type="text" value="" style="display: none;" />
  450. <div id="elevator-app-qrcode"></div>
  451. <span class="">扫码下载,使用客户端</span>
  452. </div>
  453. </a>
  454. <a href="javascript:;" target="" class="elevator-chat">
  455. <i class="icon-lineChat"></i>
  456. <span class="">在线客服</span>
  457. <!--<div class="elevator-app-box">
  458. <input id="elevator-app-url" type="text" value="" style="display: none;" />
  459. <div id="elevator-app-qrcode"></div>
  460. <span class="">扫码下载,使用客户端</span>
  461. </div>-->
  462. </a>
  463. <a href="javascript:;" class="elevator-top no-goto" style="display:none" id="backTop">
  464. <i class="icon-up2"></i>
  465. <span class="">返回顶部</span>
  466. </a>
  467. </div>
  468. </div>
  469. <script>
  470. $(document).ready(function() {
  471. Image(); //图片轮播
  472. Work(); //工作动态
  473. Announcemen(); //通知通告
  474. Exposure(); //曝光台
  475. statistics(); //实时统计
  476. IMG(); //走进永城市市图片
  477. Policy(); //政策要闻
  478. People(); //民情速递
  479. Foot(); //图片连接
  480. getClient(); //获取客户端地址并转成二维码
  481. //顶部hover
  482. $('.topbarWx').hover(function() {
  483. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  484. });
  485. $('.topbarClient').hover(function() {
  486. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  487. });
  488. jobTypePie(); //饼状图
  489. acceptanceBar(); //柱状图
  490. })
  491. //在线客服
  492. $('.elevator-chat').click(function() {
  493. layer.open({
  494. type: 2,
  495. content: "chatWith.html", //iframe的url,no代表不显示滚动条
  496. title: '在线客服聊天',
  497. area: ['40%', '520px'], //宽高
  498. });
  499. })
  500. //回到顶部
  501. $('.elevator-top').click(function() {
  502. $("html, body").animate({
  503. scrollTop: 0
  504. }, 'slow', 'swing');
  505. }),
  506. $(window).bind("scroll", backToTopFun);
  507. $(function() {
  508. backToTopFun();
  509. });
  510. function backToTopFun() {
  511. var st = $(document).scrollTop(),
  512. winh = $(window).height();
  513. (st > 285) ? $('#J_GotoTop .elevator-top').show(): $('#J_GotoTop .elevator-top').hide();
  514. //IE6下的定位
  515. if(!window.XMLHttpRequest) {
  516. $('#J_GotoTop').css("top", st + winh - 166);
  517. }
  518. };
  519. //图片轮播
  520. function Image() {
  521. $.ajax({
  522. type:"post",
  523. url:huayi.config.callcenter_url + "Web/GetTopImgNewsList",
  524. async:true,
  525. cache:false,
  526. dataType:'json',
  527. // crossDomain: true == !(document.all),
  528. success:function(result){
  529. // var result = JSON.parse(result);
  530. var content = result.data;
  531. var $ol = $('#slideCarousel').find('.carousel-indicators');
  532. var $listbox = $('#slideCarousel').find('.carousel-inner');
  533. for(var i = 0; i < content.length; i++) {
  534. $ol.append('<li data-target="#slideCarousel" data-slide-to="'+ i +'"></li>');
  535. $listbox.append('<div class="item">'+
  536. '<a href="dongtai-con.html?id=' + content[i].id + '" title="' + content[i].bt + '">'+
  537. '<img src="' + content[i].img + '" alt="图片'+ i +'">'+
  538. '</a>'+
  539. '<div class="carousel-caption">'+
  540. '<p>' + content[i].bt + '</p>'+
  541. '</div>'+
  542. '</div>');
  543. }
  544. $ol.find('li:first').addClass('active');
  545. $listbox.find('.item:first').addClass('active');
  546. $('.carousel').carousel({
  547. //interval: 2500
  548. });
  549. },error:function(a,b,c){
  550. alert('错误信息:'+c)
  551. }
  552. });
  553. }
  554. //通知通告
  555. function Announcemen() {
  556. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  557. type: 6,
  558. num: 7
  559. }, function(result) {
  560. result = JSON.parse(result);
  561. if(result.state.toLowerCase() == "success") {
  562. var content = result.data;
  563. //debugger;
  564. /*$('<div class="content_title clearfix">'+
  565. '<div class="fl">'+
  566. '通知通告'+
  567. '</div>'+
  568. '<div class="rl mores">'+
  569. '<a href="gonggao.html">'+
  570. '更多'+
  571. '</a>'+
  572. '</div>'+
  573. '</div>'+
  574. '<div class="content_moddile" style="padding-left: 15px;">' +
  575. '<span class="cont_modtitle">' + content[0].bt + '</span>' +
  576. '<div class="cont_wz s-14">' +
  577. '' + content[0].bt + '' +
  578. '<a href="gonggao-con.html?id=' + content[0].id + '" title=' + content[0].bt + '>[详情]</a>' +
  579. '</div>' +
  580. '<div class="fx"></div>' +
  581. '</div>').appendTo(".Con_boxs");*/
  582. for(var i = 0; i < content.length; i++) {
  583. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  584. $('<li>' +
  585. '<div class="dot"></div>' +
  586. '<div class="new_title clearfix">' +
  587. '<h1 class="fl s-14">' +
  588. '<a href="gonggao-con.html?id=' + content[i].id + '" title=' + content[i].bt + '>' + content[i].bt + '</a>' +
  589. '</h1>' +
  590. '<em class="rl s-14">[' + time + ']</em>' +
  591. '</div>' +
  592. '</li>').appendTo(".TG");
  593. }
  594. }
  595. })
  596. }
  597. //工作动态
  598. function Work() {
  599. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  600. type: 1,
  601. num: 7
  602. }, function(result) {
  603. result = JSON.parse(result);
  604. if(result.state.toLowerCase() == "success") {
  605. var content = result.data;
  606. for(var i = 0; i < content.length; i++) {
  607. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  608. $('<li>' +
  609. '<div class="new_title clearfix">' +
  610. '<h1 class="fl s-14">' +
  611. '<a href="dongtai-con.html?id=' + content[i].id + '" title=' + content[i].bt + '><strong style="margin-right: 5px;">·</strong>' + content[i].bt + '</a>' +
  612. '</h1>' +
  613. '<em class="rl s-14">' + time + '</em>' +
  614. '</div>' +
  615. '</li>').appendTo(".GZ");
  616. }
  617. }
  618. })
  619. }
  620. //走进永城市市图片
  621. function IMG() {
  622. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  623. type: 5,
  624. num: 8
  625. }, function(result) {
  626. result = JSON.parse(result);
  627. var content = result.data;
  628. //console.log(content);
  629. if(content.length >= 1) {
  630. // $(".new_img ").empty()
  631. for(var i = 0; i < content.length; i++) {
  632. var a_ = 'img/meilihebi.png';
  633. var a = content[i].img;
  634. if(a) {
  635. } else {
  636. a = a_;
  637. }
  638. //debugger;
  639. $('<li class="m-r">' +
  640. '<div class="_imgbox clearfix" >' +
  641. '<img width="100%" height="100%" src="' + a + '" />' +
  642. '</div>' +
  643. '</li>')
  644. .appendTo(".new_img ");
  645. $(".new_img li").find("img ").hover(function() {
  646. $(this).addClass("box-show");
  647. }, function() {
  648. $(this).removeClass("box-show");
  649. })
  650. }
  651. $("#Lunbo").slide({
  652. mainCell: ".ass ul",
  653. effect: "leftMarquee",
  654. vis: 4,
  655. interTime: 10,
  656. autoPlay: true
  657. });
  658. }
  659. })
  660. }
  661. //底部连接
  662. function Foot() {
  663. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  664. type: 7,
  665. num: 4
  666. }, function(result) {
  667. result = JSON.parse(result);
  668. var content = result.data;
  669. //console.log(content);
  670. if(content.length >= 4) {
  671. $(".FootImg").empty();
  672. for(var i = 0; i < content.length; i++) {
  673. var a_ = 'img/meilihebi.png';
  674. var a = content[i].img;
  675. if(a) {
  676. } else {
  677. a = a_;
  678. }
  679. //debugger;
  680. $('<li><a href="' + content[i].bt + '" target="_blank"><img style="width:290px;height: 118px;"width="100%" height="100%" src="' + a + '" alt="图片" /></a></li>')
  681. .appendTo(".FootImg");
  682. $(".new_img li").find("img ").hover(function() {
  683. $(this).addClass("box-show");
  684. }, function() {
  685. $(this).removeClass("box-show");
  686. })
  687. }
  688. }
  689. })
  690. }
  691. //政策要闻
  692. function Policy() {
  693. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  694. type: 4,
  695. num: 7
  696. }, function(result) {
  697. result = JSON.parse(result);
  698. if(result.state.toLowerCase() == "success") {
  699. var content = result.data;
  700. console.log(content);
  701. for(var i = 0; i < content.length; i++) {
  702. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  703. $('<li>' +
  704. '<div class="dot"></div>' +
  705. '<div class="new_title clearfix">' +
  706. '<h1 class="fl s-14">' +
  707. '<a href="zhengce-con.html?id=' + content[i].id + '" title=' + content[i].bt + '>' + content[i].bt + '</a>' +
  708. '</h1>' +
  709. '<em class="rl s-14">' + time + '</em>' +
  710. '</div>' +
  711. '</li>').appendTo(".policy");
  712. }
  713. }
  714. })
  715. }
  716. function People() {
  717. $.get(huayi.config.callcenter_url + "Web/GetTopReleaseList", {
  718. num: 7
  719. }, function(result) {
  720. result = JSON.parse(result);
  721. var content = result.data;
  722. for(var i = 0; i < content.length; i++) {
  723. var time = content[i].F_CreateTime.substring(0, content[i].F_CreateTime.indexOf(' '));
  724. $('<li>' +
  725. '<div class="dot"></div>' +
  726. '<div class="new_title clearfix">' +
  727. '<h1 class="fl s-14">' +
  728. '<a href="minqing-con.html?wid=' + content[i].F_WorkOrderId + '" title=' + content[i].F_ComTitle + '>' + content[i].F_ComTitle + '</a>' +
  729. '</h1>' +
  730. '<em class="rl s-14">' + time + '</em>' +
  731. '</div>' +
  732. '</li>').appendTo(".MQ");
  733. }
  734. })
  735. }
  736. //实时统计
  737. function statistics() {
  738. // var qtslCount = 0,
  739. // totalCount = 0,
  740. // jrqtslCount = 0,
  741. var totalCount = 0,
  742. jrtotalCount = 0;
  743. $.get(huayi.config.callcenter_url + "web/GetWebSourceCount", {
  744. }, function(result) {
  745. result = JSON.parse(result);
  746. var content = result.data;
  747. //政务服务热线共受理
  748. for(var i = 0; i < content.total.length; i++) {
  749. totalCount += content.total[i].Count;
  750. if(content.total[i].Source == '电话') {
  751. //电话受理
  752. var dhslCount = content.total[i].Count;
  753. $('#dhslCount').html(dhslCount);
  754. } else if(content.total[i].Source == '手机APP') {
  755. //App受理
  756. var aslCount = content.total[i].Count;
  757. $('#aslCount').html(aslCount);
  758. } else if(content.total[i].Source == '微信') {
  759. //微信受理
  760. var wxslCount = content.total[i].Count;
  761. $('#wxslCount').html(wxslCount);
  762. } else if(content.total[i].Source == '邮箱') {
  763. //市长信箱
  764. var szxxslCount = content.total[i].Count;
  765. $('#szxxslCount').html(szxxslCount);
  766. } else if(content.total[i].Source == '网站') {
  767. //网站受理
  768. var wzslCount = content.total[i].Count;
  769. $('#wzslCount').html(wzslCount);
  770. } else if(content.total[i].Source == '微博') {
  771. //语音留言
  772. var yyslCount = content.total[i].Count;
  773. $('#yyslCount').html(yyslCount);
  774. }
  775. // else{
  776. // //其他受理
  777. // qtslCount += content.total[i].Count;
  778. // $('#qtslCount').html(qtslCount);
  779. // }
  780. }
  781. //政务服务热线合计
  782. $('#totalCount').html(totalCount + '件');
  783. //今日共受理
  784. for(var i = 0; i < content.day.length; i++) {
  785. //debugger;
  786. jrtotalCount += content.day[i].Count;
  787. // if(content.day[i].Source == '电话'){
  788. // //电话受理
  789. // var jrdhslCount = content.day[i].Count;
  790. // $('#jrdhslCount').html(jrdhslCount);
  791. //
  792. // }
  793. // else if(content.day[i].Source == '手机APP'){
  794. // //App受理
  795. // var jraslCount = content.day[i].Count;
  796. // $('#jraslCount').html(jraslCount);
  797. //
  798. // }else if(content.day[i].Source == '微信'){
  799. // //微信受理
  800. // var jrwxslCount = content.day[i].Count;
  801. // $('#jrwxslCount').html(jrwxslCount);
  802. //
  803. // }
  804. // else{
  805. // //其他受理
  806. // jrqtslCount += content.day[i].Count;
  807. // $('#jrqtslCount').html(jrqtslCount);
  808. // }
  809. }
  810. //今日合计
  811. $('#jrtotalCount').html(jrtotalCount + '件');
  812. })
  813. }
  814. //曝光台
  815. function Exposure() {
  816. $.get(huayi.config.callcenter_url + "/Web/GetTopNewsList", {
  817. type: 3,
  818. num: 8
  819. }, function(result) {
  820. result = JSON.parse(result);
  821. //debugger;
  822. if(result.state.toLowerCase() == "success") {
  823. var content = result.data;
  824. if(content) {
  825. for(var i = 0; i < 7; i++) {
  826. if(content[i]) {
  827. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  828. // $('<div class="content_moddile" style="padding-left: 15px;">' +
  829. // '<span class="cont_modtitle">' + content[0].bt + '</span>' +
  830. // '<div class="cont_wz s-14">' +
  831. // '' + content[0].bt + '' +
  832. // '<a href="PG.html?id=' + content[0].id + '" title=' + content[0].bt + '>[详情]</a>' +
  833. // '</div>' +
  834. // '<div class="fx"></div>' +
  835. // '</div>').appendTo(".Con_PG");
  836. $('<li>' +
  837. '<div class="dot"></div>' +
  838. '<div class="new_title clearfix">' +
  839. '<h1 class="fl s-14">' +
  840. '<a href="PG.html?id=' + content[i].id + '" title=' + content[i].bt + '>' + content[i].bt + '</a>' +
  841. '</h1>' +
  842. '<em class="rl s-14">' + time + '</em>' +
  843. '</div>' +
  844. '</li>').appendTo(".exposure");
  845. }
  846. }
  847. }
  848. //console.log(content);
  849. }
  850. })
  851. }
  852. //饼图
  853. function jobTypePie() {
  854. $.ajax({
  855. type:"get",
  856. url:huayi.config.callcenter_url + 'Web/GetWebTypePercent',
  857. async:true,
  858. cache:false,
  859. dataType:'json',
  860. success:function(result){
  861. if(result.state.toLowerCase() == "success") {
  862. //饼图
  863. $('#jobTypePie').highcharts({
  864. chart: {
  865. type: 'pie',
  866. height: 250,
  867. marginTop: 50,
  868. marginRight: 10,
  869. options3d: {
  870. enabled: true,
  871. alpha: 65,
  872. beta: 0
  873. }
  874. },
  875. credits: {
  876. enabled: false // 禁用版权信息
  877. },
  878. legend: {
  879. layout: 'vertical',
  880. align: 'right',
  881. itemMarginTop: 5,
  882. y: -30,
  883. symbolHeight: 8,
  884. symbolWidth: 8,
  885. itemDistance: 100,
  886. labelFormatter: function() {
  887. return this.name + '' + this.percentage.toFixed(1) + '%'; //在名称后面追加百分比数据
  888. }
  889. },
  890. title: {
  891. text: '办件类型比例分析',
  892. style: {
  893. 'color': '#616161',
  894. 'font-weight': 'bold',
  895. 'font-size': '16px'
  896. }
  897. },
  898. tooltip: {
  899. pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
  900. },
  901. plotOptions: {
  902. pie: {
  903. allowPointSelect: true,
  904. cursor: 'pointer',
  905. depth: 35,
  906. dataLabels: {
  907. enabled: true,
  908. format: '{point.name}'
  909. }
  910. },
  911. series: {
  912. borderWidth: 0,
  913. dataLabels: {
  914. enabled: true,
  915. color: '#626262',
  916. format: '{point.name}: <b>{point.percentage:.2f}%</b>'
  917. }
  918. }
  919. },
  920. series: [{
  921. type: 'pie',
  922. name: '类工单占比',
  923. data: (function() {
  924. var seriesData = result.data;
  925. var arrs = [];
  926. for(var k = 0; k < seriesData.length; k++) {
  927. var objs = [];
  928. objs[0] = seriesData[k].typename;
  929. objs[1] = seriesData[k].percent;
  930. arrs.push(objs);
  931. }
  932. return arrs;
  933. })()
  934. }]
  935. });
  936. }
  937. }
  938. });
  939. }
  940. //柱状图
  941. function acceptanceBar() {
  942. $.ajax({
  943. type:"get",
  944. url:huayi.config.callcenter_url + 'Web/GetWebKeyCount',
  945. async:true,
  946. dataType:'json',
  947. cache:false,
  948. data:{
  949. isscqt: 1
  950. },
  951. success:function(result){
  952. if(result.state.toLowerCase() == "success") {
  953. //柱状图
  954. $('#acceptanceBar').highcharts({
  955. chart: {
  956. type: 'column',
  957. marginRight: 70,
  958. marginBottom: 70
  959. },
  960. credits: {
  961. enabled: false // 禁用版权信息
  962. },
  963. title: {
  964. text: '办件关键词分析',
  965. style: {
  966. 'color': '#616161',
  967. 'font-weight': 'bold',
  968. 'font-size': '16px'
  969. },
  970. },
  971. xAxis: {
  972. title: {
  973. text: '(关键词)',
  974. align: 'high',
  975. x: 60,
  976. y: -55
  977. },
  978. type: 'category',
  979. labels: {
  980. style: {
  981. 'color': '#626262',
  982. }
  983. }
  984. },
  985. yAxis: {
  986. lineWidth: 1,
  987. tickWidth: 1,
  988. title: {
  989. text: '单位:件',
  990. offset: 0,
  991. align: 'high',
  992. rotation: 0,
  993. y: -12
  994. },
  995. labels: {
  996. style: {
  997. 'color': '#626262',
  998. }
  999. }
  1000. },
  1001. legend: {
  1002. enabled: false
  1003. },
  1004. plotOptions: {
  1005. series: {
  1006. borderWidth: 0,
  1007. dataLabels: {
  1008. enabled: true,
  1009. format: '{point.y}'
  1010. }
  1011. }
  1012. },
  1013. tooltip: {
  1014. headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
  1015. pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}件</b><br/>'
  1016. },
  1017. series: [{
  1018. name: '办件关键词分析',
  1019. colorByPoint: true,
  1020. data: (function() {
  1021. var seriesData = result.data;
  1022. var arrs = [];
  1023. for(var k = 0; k < seriesData.length; k++) {
  1024. var objs = {};
  1025. objs.name = seriesData[k].keyname;
  1026. objs.y = seriesData[k].count;
  1027. arrs.push(objs);
  1028. }
  1029. return arrs;
  1030. })()
  1031. }]
  1032. });
  1033. }
  1034. }
  1035. });
  1036. }
  1037. //获取客户端地址并转成二维码
  1038. function getClient() {
  1039. var curentHost = window.location.protocol + '//' + window.location.host;
  1040. var clientURL = curentHost + '/download.html?n=' + Math.random();
  1041. if(clientURL) {
  1042. $('#elevator-app-url0').val(clientURL);
  1043. $('#elevator-app-url').val(clientURL);
  1044. getQrcode('elevator-app-qrcode0', 'elevator-app-url0');
  1045. getQrcode('elevator-app-qrcode', 'elevator-app-url');
  1046. function getQrcode(ele1, ele2) {
  1047. var qrcode = new QRCode(document.getElementById(ele1), {
  1048. width: 108,
  1049. height: 108
  1050. });
  1051. var elText = document.getElementById(ele2);
  1052. qrcode.makeCode(elText.value);
  1053. }
  1054. }
  1055. }
  1056. </script>
  1057. </body>
  1058. </html>