县级12345前端

index.html 34KB

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