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

index.html 33KB

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