夏邑12345_前端

index.html 34KB

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