新余市12345政府服务热线_Web

index.html 36KB

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