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

index.html 32KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119
  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://120.194.203.92: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. huayi.config.callcenter_url
  492. })
  493. //在线客服
  494. $('.elevator-chat').click(function() {
  495. layer.open({
  496. type: 2,
  497. content: "chatWith.html", //iframe的url,no代表不显示滚动条
  498. title: '在线客服聊天',
  499. area: ['40%', '520px'], //宽高
  500. });
  501. })
  502. //回到顶部
  503. $('.elevator-top').click(function() {
  504. $("html, body").animate({
  505. scrollTop: 0
  506. }, 'slow', 'swing');
  507. }),
  508. $(window).bind("scroll", backToTopFun);
  509. $(function() {
  510. backToTopFun();
  511. });
  512. function backToTopFun() {
  513. var st = $(document).scrollTop(),
  514. winh = $(window).height();
  515. (st > 285) ? $('#J_GotoTop .elevator-top').show(): $('#J_GotoTop .elevator-top').hide();
  516. //IE6下的定位
  517. if (!window.XMLHttpRequest) {
  518. $('#J_GotoTop').css("top", st + winh - 166);
  519. }
  520. };
  521. //图片轮播
  522. function Image() {
  523. $.ajax({
  524. type: "post",
  525. url: huayi.config.callcenter_url + "Web/GetTopImgNewsList",
  526. async: true,
  527. cache: false,
  528. dataType: 'json',
  529. // crossDomain: true == !(document.all),
  530. success: function(result) {
  531. // var result = JSON.parse(result);
  532. var content = result.data;
  533. var $ol = $('#slideCarousel').find('.carousel-indicators');
  534. var $listbox = $('#slideCarousel').find('.carousel-inner');
  535. for (var i = 0; i < content.length; i++) {
  536. $ol.append('<li data-target="#slideCarousel" data-slide-to="' + i + '"></li>');
  537. $listbox.append('<div class="item">' +
  538. '<a href="dongtai-con.html?id=' + content[i].id + '" title="' + content[i].bt + '">' +
  539. '<img src="' + content[i].img + '" alt="图片' + i + '">' +
  540. '</a>' +
  541. '<div class="carousel-caption">' +
  542. '<p>' + content[i].bt + '</p>' +
  543. '</div>' +
  544. '</div>');
  545. }
  546. $ol.find('li:first').addClass('active');
  547. $listbox.find('.item:first').addClass('active');
  548. $('.carousel').carousel({
  549. //interval: 2500
  550. });
  551. },
  552. error: function(a, b, c) {
  553. alert('错误信息:' + c)
  554. }
  555. });
  556. }
  557. //通知通告
  558. function Announcemen() {
  559. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  560. type: 6,
  561. num: 7
  562. }, function(result) {
  563. result = JSON.parse(result);
  564. if (result.state.toLowerCase() == "success") {
  565. var content = result.data;
  566. //debugger;
  567. /*$('<div class="content_title clearfix">'+
  568. '<div class="fl">'+
  569. '通知通告'+
  570. '</div>'+
  571. '<div class="rl mores">'+
  572. '<a href="gonggao.html">'+
  573. '更多'+
  574. '</a>'+
  575. '</div>'+
  576. '</div>'+
  577. '<div class="content_moddile" style="padding-left: 15px;">' +
  578. '<span class="cont_modtitle">' + content[0].bt + '</span>' +
  579. '<div class="cont_wz s-14">' +
  580. '' + content[0].bt + '' +
  581. '<a href="gonggao-con.html?id=' + content[0].id + '" title=' + content[0].bt + '>[详情]</a>' +
  582. '</div>' +
  583. '<div class="fx"></div>' +
  584. '</div>').appendTo(".Con_boxs");*/
  585. for (var i = 0; i < content.length; i++) {
  586. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  587. $('<li>' +
  588. '<div class="dot"></div>' +
  589. '<div class="new_title clearfix">' +
  590. '<h1 class="fl s-14">' +
  591. '<a href="gonggao-con.html?id=' + content[i].id + '" title=' + content[i].bt + '>' + content[i].bt + '</a>' +
  592. '</h1>' +
  593. '<em class="rl s-14">[' + time + ']</em>' +
  594. '</div>' +
  595. '</li>').appendTo(".TG");
  596. }
  597. }
  598. })
  599. }
  600. //工作动态
  601. function Work() {
  602. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  603. type: 1,
  604. num: 7
  605. }, function(result) {
  606. result = JSON.parse(result);
  607. if (result.state.toLowerCase() == "success") {
  608. var content = result.data;
  609. for (var i = 0; i < content.length; i++) {
  610. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  611. $('<li>' +
  612. '<div class="new_title clearfix">' +
  613. '<h1 class="fl s-14">' +
  614. '<a href="dongtai-con.html?id=' + content[i].id + '" title=' + content[i].bt +
  615. '><strong style="margin-right: 5px;">·</strong>' + content[i].bt + '</a>' +
  616. '</h1>' +
  617. '<em class="rl s-14">' + time + '</em>' +
  618. '</div>' +
  619. '</li>').appendTo(".GZ");
  620. }
  621. }
  622. })
  623. }
  624. //走进永城市市图片
  625. function IMG() {
  626. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  627. type: 5,
  628. num: 8
  629. }, function(result) {
  630. result = JSON.parse(result);
  631. var content = result.data;
  632. //console.log(content);
  633. if (content.length >= 1) {
  634. // $(".new_img ").empty()
  635. for (var i = 0; i < content.length; i++) {
  636. var a_ = 'img/meilihebi.png';
  637. var a = content[i].img;
  638. if (a) {
  639. } else {
  640. a = a_;
  641. }
  642. //debugger;
  643. $('<li class="m-r">' +
  644. '<div class="_imgbox clearfix" >' +
  645. '<img width="100%" height="100%" src="' + a + '" />' +
  646. '</div>' +
  647. '</li>')
  648. .appendTo(".new_img ");
  649. $(".new_img li").find("img ").hover(function() {
  650. $(this).addClass("box-show");
  651. }, function() {
  652. $(this).removeClass("box-show");
  653. })
  654. }
  655. $("#Lunbo").slide({
  656. mainCell: ".ass ul",
  657. effect: "leftMarquee",
  658. vis: 4,
  659. interTime: 10,
  660. autoPlay: true
  661. });
  662. }
  663. })
  664. }
  665. //底部连接
  666. function Foot() {
  667. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  668. type: 7,
  669. num: 4
  670. }, function(result) {
  671. result = JSON.parse(result);
  672. var content = result.data;
  673. //console.log(content);
  674. if (content.length >= 4) {
  675. $(".FootImg").empty();
  676. for (var i = 0; i < content.length; i++) {
  677. var a_ = 'img/meilihebi.png';
  678. var a = content[i].img;
  679. if (a) {
  680. } else {
  681. a = a_;
  682. }
  683. //debugger;
  684. $('<li><a href="' + content[i].bt +
  685. '" target="_blank"><img style="width:290px;height: 118px;"width="100%" height="100%" src="' + a +
  686. '" alt="图片" /></a></li>')
  687. .appendTo(".FootImg");
  688. $(".new_img li").find("img ").hover(function() {
  689. $(this).addClass("box-show");
  690. }, function() {
  691. $(this).removeClass("box-show");
  692. })
  693. }
  694. }
  695. })
  696. }
  697. //政策要闻
  698. function Policy() {
  699. $.get(huayi.config.callcenter_url + "Web/GetTopNewsList", {
  700. type: 4,
  701. num: 7
  702. }, function(result) {
  703. result = JSON.parse(result);
  704. if (result.state.toLowerCase() == "success") {
  705. var content = result.data;
  706. console.log(content);
  707. for (var i = 0; i < content.length; i++) {
  708. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  709. $('<li>' +
  710. '<div class="dot"></div>' +
  711. '<div class="new_title clearfix">' +
  712. '<h1 class="fl s-14">' +
  713. '<a href="zhengce-con.html?id=' + content[i].id + '" title=' + content[i].bt + '>' + content[i].bt + '</a>' +
  714. '</h1>' +
  715. '<em class="rl s-14">' + time + '</em>' +
  716. '</div>' +
  717. '</li>').appendTo(".policy");
  718. }
  719. }
  720. })
  721. }
  722. function People() {
  723. $.get(huayi.config.callcenter_url + "Web/GetTopReleaseList", {
  724. num: 7
  725. }, function(result) {
  726. result = JSON.parse(result);
  727. var content = result.data;
  728. for (var i = 0; i < content.length; i++) {
  729. var time = content[i].F_CreateTime.substring(0, content[i].F_CreateTime.indexOf(' '));
  730. $('<li>' +
  731. '<div class="dot"></div>' +
  732. '<div class="new_title clearfix">' +
  733. '<h1 class="fl s-14">' +
  734. '<a href="minqing-con.html?wid=' + content[i].F_WorkOrderId + '" title=' + content[i].F_ComTitle + '>' +
  735. content[i].F_ComTitle + '</a>' +
  736. '</h1>' +
  737. '<em class="rl s-14">' + time + '</em>' +
  738. '</div>' +
  739. '</li>').appendTo(".MQ");
  740. }
  741. })
  742. }
  743. //实时统计
  744. function statistics() {
  745. // var qtslCount = 0,
  746. // totalCount = 0,
  747. // jrqtslCount = 0,
  748. var totalCount = 0,
  749. jrtotalCount = 0;
  750. $.get(huayi.config.callcenter_url + "web/GetWebSourceCount", {
  751. }, function(result) {
  752. result = JSON.parse(result);
  753. var content = result.data;
  754. //政务服务热线共受理
  755. for (var i = 0; i < content.total.length; i++) {
  756. totalCount += content.total[i].Count;
  757. if (content.total[i].Source == '电话') {
  758. //电话受理
  759. var dhslCount = content.total[i].Count;
  760. $('#dhslCount').html(dhslCount);
  761. } else if (content.total[i].Source == '手机APP') {
  762. //App受理
  763. var aslCount = content.total[i].Count;
  764. $('#aslCount').html(aslCount);
  765. } else if (content.total[i].Source == '微信') {
  766. //微信受理
  767. var wxslCount = content.total[i].Count;
  768. $('#wxslCount').html(wxslCount);
  769. } else if (content.total[i].Source == '邮箱') {
  770. //市长信箱
  771. var szxxslCount = content.total[i].Count;
  772. $('#szxxslCount').html(szxxslCount);
  773. } else if (content.total[i].Source == '网站') {
  774. //网站受理
  775. var wzslCount = content.total[i].Count;
  776. $('#wzslCount').html(wzslCount);
  777. } else if (content.total[i].Source == '微博') {
  778. //语音留言
  779. var yyslCount = content.total[i].Count;
  780. $('#yyslCount').html(yyslCount);
  781. }
  782. // else{
  783. // //其他受理
  784. // qtslCount += content.total[i].Count;
  785. // $('#qtslCount').html(qtslCount);
  786. // }
  787. }
  788. //政务服务热线合计
  789. $('#totalCount').html(totalCount + '件');
  790. //今日共受理
  791. for (var i = 0; i < content.day.length; i++) {
  792. //debugger;
  793. jrtotalCount += content.day[i].Count;
  794. // if(content.day[i].Source == '电话'){
  795. // //电话受理
  796. // var jrdhslCount = content.day[i].Count;
  797. // $('#jrdhslCount').html(jrdhslCount);
  798. //
  799. // }
  800. // else if(content.day[i].Source == '手机APP'){
  801. // //App受理
  802. // var jraslCount = content.day[i].Count;
  803. // $('#jraslCount').html(jraslCount);
  804. //
  805. // }else if(content.day[i].Source == '微信'){
  806. // //微信受理
  807. // var jrwxslCount = content.day[i].Count;
  808. // $('#jrwxslCount').html(jrwxslCount);
  809. //
  810. // }
  811. // else{
  812. // //其他受理
  813. // jrqtslCount += content.day[i].Count;
  814. // $('#jrqtslCount').html(jrqtslCount);
  815. // }
  816. }
  817. //今日合计
  818. $('#jrtotalCount').html(jrtotalCount + '件');
  819. })
  820. }
  821. //曝光台
  822. function Exposure() {
  823. $.get(huayi.config.callcenter_url + "/Web/GetTopNewsList", {
  824. type: 3,
  825. num: 8
  826. }, function(result) {
  827. result = JSON.parse(result);
  828. //debugger;
  829. if (result.state.toLowerCase() == "success") {
  830. var content = result.data;
  831. if (content) {
  832. for (var i = 0; i < 7; i++) {
  833. if (content[i]) {
  834. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  835. // $('<div class="content_moddile" style="padding-left: 15px;">' +
  836. // '<span class="cont_modtitle">' + content[0].bt + '</span>' +
  837. // '<div class="cont_wz s-14">' +
  838. // '' + content[0].bt + '' +
  839. // '<a href="PG.html?id=' + content[0].id + '" title=' + content[0].bt + '>[详情]</a>' +
  840. // '</div>' +
  841. // '<div class="fx"></div>' +
  842. // '</div>').appendTo(".Con_PG");
  843. $('<li>' +
  844. '<div class="dot"></div>' +
  845. '<div class="new_title clearfix">' +
  846. '<h1 class="fl s-14">' +
  847. '<a href="PG.html?id=' + content[i].id + '" title=' + content[i].bt + '>' + content[i].bt + '</a>' +
  848. '</h1>' +
  849. '<em class="rl s-14">' + time + '</em>' +
  850. '</div>' +
  851. '</li>').appendTo(".exposure");
  852. }
  853. }
  854. }
  855. //console.log(content);
  856. }
  857. })
  858. }
  859. //饼图
  860. function jobTypePie() {
  861. $.ajax({
  862. type: "get",
  863. url: huayi.config.callcenter_url + 'Web/GetWebTypePercent',
  864. async: true,
  865. cache: false,
  866. dataType: 'json',
  867. success: function(result) {
  868. if (result.state.toLowerCase() == "success") {
  869. //饼图
  870. $('#jobTypePie').highcharts({
  871. chart: {
  872. type: 'pie',
  873. height: 250,
  874. marginTop: 50,
  875. marginRight: 10,
  876. options3d: {
  877. enabled: true,
  878. alpha: 65,
  879. beta: 0
  880. }
  881. },
  882. credits: {
  883. enabled: false // 禁用版权信息
  884. },
  885. legend: {
  886. layout: 'vertical',
  887. align: 'right',
  888. itemMarginTop: 5,
  889. y: -30,
  890. symbolHeight: 8,
  891. symbolWidth: 8,
  892. itemDistance: 100,
  893. labelFormatter: function() {
  894. return this.name + '' + this.percentage.toFixed(1) + '%'; //在名称后面追加百分比数据
  895. }
  896. },
  897. title: {
  898. text: '办件类型比例分析',
  899. style: {
  900. 'color': '#616161',
  901. 'font-weight': 'bold',
  902. 'font-size': '16px'
  903. }
  904. },
  905. tooltip: {
  906. pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
  907. },
  908. plotOptions: {
  909. pie: {
  910. allowPointSelect: true,
  911. cursor: 'pointer',
  912. depth: 35,
  913. dataLabels: {
  914. enabled: true,
  915. format: '{point.name}'
  916. }
  917. },
  918. series: {
  919. borderWidth: 0,
  920. dataLabels: {
  921. enabled: true,
  922. color: '#626262',
  923. format: '{point.name}: <b>{point.percentage:.2f}%</b>'
  924. }
  925. }
  926. },
  927. series: [{
  928. type: 'pie',
  929. name: '类工单占比',
  930. data: (function() {
  931. var seriesData = result.data;
  932. var arrs = [];
  933. for (var k = 0; k < seriesData.length; k++) {
  934. var objs = [];
  935. objs[0] = seriesData[k].typename;
  936. objs[1] = seriesData[k].percent;
  937. arrs.push(objs);
  938. }
  939. return arrs;
  940. })()
  941. }]
  942. });
  943. }
  944. }
  945. });
  946. }
  947. //柱状图
  948. function acceptanceBar() {
  949. $.ajax({
  950. type: "get",
  951. url: huayi.config.callcenter_url + 'Web/GetWebKeyCount',
  952. async: true,
  953. dataType: 'json',
  954. cache: false,
  955. data: {
  956. isscqt: 1
  957. },
  958. success: function(result) {
  959. if (result.state.toLowerCase() == "success") {
  960. //柱状图
  961. $('#acceptanceBar').highcharts({
  962. chart: {
  963. type: 'column',
  964. marginRight: 70,
  965. marginBottom: 70
  966. },
  967. credits: {
  968. enabled: false // 禁用版权信息
  969. },
  970. title: {
  971. text: '办件关键词分析',
  972. style: {
  973. 'color': '#616161',
  974. 'font-weight': 'bold',
  975. 'font-size': '16px'
  976. },
  977. },
  978. xAxis: {
  979. title: {
  980. text: '(关键词)',
  981. align: 'high',
  982. x: 60,
  983. y: -55
  984. },
  985. type: 'category',
  986. labels: {
  987. style: {
  988. 'color': '#626262',
  989. }
  990. }
  991. },
  992. yAxis: {
  993. lineWidth: 1,
  994. tickWidth: 1,
  995. title: {
  996. text: '单位:件',
  997. offset: 0,
  998. align: 'high',
  999. rotation: 0,
  1000. y: -12
  1001. },
  1002. labels: {
  1003. style: {
  1004. 'color': '#626262',
  1005. }
  1006. }
  1007. },
  1008. legend: {
  1009. enabled: false
  1010. },
  1011. plotOptions: {
  1012. series: {
  1013. borderWidth: 0,
  1014. dataLabels: {
  1015. enabled: true,
  1016. format: '{point.y}'
  1017. }
  1018. }
  1019. },
  1020. tooltip: {
  1021. headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
  1022. pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}件</b><br/>'
  1023. },
  1024. series: [{
  1025. name: '办件关键词分析',
  1026. colorByPoint: true,
  1027. data: (function() {
  1028. var seriesData = result.data;
  1029. var arrs = [];
  1030. for (var k = 0; k < seriesData.length; k++) {
  1031. var objs = {};
  1032. objs.name = seriesData[k].keyname;
  1033. objs.y = seriesData[k].count;
  1034. arrs.push(objs);
  1035. }
  1036. return arrs;
  1037. })()
  1038. }]
  1039. });
  1040. }
  1041. }
  1042. });
  1043. }
  1044. //获取客户端地址并转成二维码
  1045. function getClient() {
  1046. var curentHost = window.location.protocol + '//' + window.location.host;
  1047. var clientURL = curentHost + '/download.html?n=' + Math.random();
  1048. if (clientURL) {
  1049. $('#elevator-app-url0').val(clientURL);
  1050. $('#elevator-app-url').val(clientURL);
  1051. getQrcode('elevator-app-qrcode0', 'elevator-app-url0');
  1052. getQrcode('elevator-app-qrcode', 'elevator-app-url');
  1053. function getQrcode(ele1, ele2) {
  1054. var qrcode = new QRCode(document.getElementById(ele1), {
  1055. width: 108,
  1056. height: 108
  1057. });
  1058. var elText = document.getElementById(ele2);
  1059. qrcode.makeCode(elText.value);
  1060. }
  1061. }
  1062. }
  1063. </script>
  1064. </body>
  1065. </html>