虞城12345_前端

index.html 32KB

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