新野县12345_前端

index.html 34KB

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