商丘宁陵县12345_前端

index.html 32KB

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