商丘12345 前端

index.html 34KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165
  1. <!DOCTYPE html>
  2. <html xmlns:wb="http://open.weibo.com/wb">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>商丘市12345政务服务便民热线 - 首页</title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="renderer" content="webkit">
  8. <meta name="keywords" content="商丘12345,12345政务,政务服务热线,商丘市12345马上办便民服务热线 ,12345市长热线,市长热线,有事找政务,网上受理,政民互动,政务服务,群众沟通">
  9. <link rel="shortcut icon" href="img/32.ico" />
  10. <link rel="stylesheet" href="css/bootstrap.min.css" />
  11. <link rel="stylesheet" href="css/indexs.css" />
  12. <link rel="stylesheet" href="css/pageSwitch.css" />
  13. <link rel="stylesheet" href="js/slick/slick.css" />
  14. <link rel="stylesheet" href="layui/css/layui.css" />
  15. <script src="js/jquery-1.8.js" type="text/javascript"></script>
  16. <script src="js/qrcode.min.js"></script>
  17. <script src="js/common/huayi.load.js"></script>
  18. <script src="js/slick/slick.min.js"></script>
  19. <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
  20. <style>
  21. #jobTypePie {
  22. width: 100%;
  23. height: 184px;
  24. }
  25. #acceptanceBar {
  26. width: 100%;
  27. height: 284px;
  28. }
  29. .one-time {
  30. width: 80%;
  31. margin: 0 auto;
  32. }
  33. .slick-prev,
  34. .slick-next {
  35. height: 64px;
  36. width: 35px;
  37. }
  38. .slick-prev {
  39. background: url(img/goLft.png) no-repeat;
  40. }
  41. .slick-next {
  42. background: url(img/goright.png) no-repeat;
  43. }
  44. .slick-prev:before,
  45. .slick-next:before {
  46. display: block;
  47. height: 100%;
  48. width: 100%;
  49. content: "";
  50. }
  51. .slick-prev {
  52. left: -99px;
  53. }
  54. .slick-next {
  55. right: -99px;
  56. }
  57. .slick-slide a {
  58. display: block;
  59. width: 100%;
  60. height: 165px;
  61. }
  62. .slick-slide a img {
  63. width: 98%;
  64. height: 100%;
  65. }
  66. #piaoLogo img {
  67. display: block;
  68. widows: 100%;
  69. height: 100%;
  70. }
  71. </style>
  72. </head>
  73. <body>
  74. <div>
  75. <div class="header">
  76. </div>
  77. <!--内容-->
  78. <div class="Content">
  79. <div>
  80. <div class="navcon_box clearfix navCon">
  81. <!--1 小轮播、工作动态和通知通告-->
  82. <div class="navcon_1 clearfix">
  83. <div class="fl" style="width: 38%; height: 310px; margin-right: 20px;" id="slides">
  84. <div id="slideCarousel" class="carousel slide" data-ride="carousel">
  85. <!-- Indicators -->
  86. <ol class="carousel-indicators"></ol>
  87. <!-- Wrapper for slides -->
  88. <div class="carousel-inner" role="listbox"></div>
  89. </div>
  90. </div>
  91. <div class="fl" style="width: 58%;height: 326px; position: relative;">
  92. <div class="Con_box">
  93. <div style="position: relative;">
  94. <ul class="new_list GZ"></ul>
  95. </div>
  96. <a href="newsList.html?type=1" style="color: #d2905b; font-size: 17px;position: absolute;bottom: 0px;right: 0;">更多&gt;&gt;</a>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <!--2 实时统计、 民情速递和走进商丘-->
  102. <div class="navcon_2 clearfix">
  103. <div class="ss_Content_box fl" style="width: 36%; height: 100%;">
  104. <div class="Con_box">
  105. <div class="content_title clearfix ">
  106. <div style="color: #2e3374;font-size: 24px;font-family:'宋体';">
  107. 实时统计
  108. </div>
  109. <p class="CountBox ss_CountBox">
  110. <span class="Count_title">12345政务热线共受理:</span>
  111. <span id="totalCount">0件</span>
  112. </p>
  113. </div>
  114. <div class="">
  115. <div class="left-statistics">
  116. <p class="CountBox">
  117. <span class="Count_title">今日共受理:</span>
  118. <span id="jrtotalCount">0件</span>
  119. <span style="width: 80px;display: inline-block;"></span>
  120. <span class="Count_title">今日共交办:</span>
  121. <span id="jrtotalCountJ">0件</span>
  122. </p>
  123. <ul class="left-statistics-content statistics-content clearfix">
  124. <li>
  125. <i class="statistics-icon statistics-icon-1"></i>
  126. <span class="fspan">电话受理</span>
  127. <span class="tspan" id="dhslCount">0</span>
  128. </li>
  129. <li>
  130. <i class="statistics-icon statistics-icon-2"></i>
  131. <span class="fspan">12345信箱</span>
  132. <span class="tspan" id="szxxslCount">0</span>
  133. </li>
  134. <li>
  135. <i class="statistics-icon statistics-icon-4"></i>
  136. <span class="fspan">网站受理</span>
  137. <span class="tspan" id="wzslCount">0</span>
  138. </li>
  139. <li>
  140. <i class="statistics-icon statistics-icon-7"></i>
  141. <span class="fspan">政务服务网</span>
  142. <span class="tspan" id="zffwwCount">0</span>
  143. </li>
  144. <li>
  145. <i class="statistics-icon statistics-icon-6"></i>
  146. <span class="fspan">APP受理</span>
  147. <span class="tspan" id="aslCount">0</span>
  148. </li>
  149. <li>
  150. <i class="statistics-icon statistics-icon-3"></i>
  151. <span class="fspan">微博受理</span>
  152. <span class="tspan" id="weiboslCount">0</span>
  153. </li>
  154. <li>
  155. <i class="statistics-icon statistics-icon-5"></i>
  156. <span class="fspan">微信受理</span>
  157. <span class="tspan" id="wxslCount">0</span>
  158. </li>
  159. </ul>
  160. </div>
  161. <div id="jobTypePie"></div>
  162. <div id="acceptanceBar"></div>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="rl" style="width: 60%; height: 340px;">
  167. <div class="Con_box">
  168. <div class="clearfix">
  169. <div class="fl" style="width: 55%;">
  170. <div class="Con_PG">
  171. <div class="content_title ms_content_title clearfix ">
  172. <div class="fl">
  173. 通知通告
  174. </div>
  175. <div class="rl mores" style="padding-top: 10px;">
  176. <a href="newsList.html?type=6">更多&gt;&gt;</a>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="ms_new_listBox" style="border: 1px solid #db7351;border-top: 3px solid #cd1c1e;">
  181. <ul class="new_list TG"></ul>
  182. </div>
  183. </div>
  184. <div class="searchBox rl" style="width: 43%;">
  185. <div class="searchTitle">
  186. <i class="searchIcon"></i> 进度查询
  187. </div>
  188. <div class="searchCon">
  189. <p>
  190. <input type="text" class="form-control" id="slCode" value="" placeholder="请输入受理编号" />
  191. </p>
  192. <p>
  193. <input type="text" class="form-control" id="slpsw" value="" placeholder="请输入查询密码" />
  194. </p>
  195. <p>
  196. <button type="button" class="btn searchBtn">查询</button>
  197. </p>
  198. </div>
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. <!--民情速递-->
  204. <div class="rl" style="width: 60%;height: 381px; margin-bottom: 10px;">
  205. <div class="Con_box">
  206. <div class="Con_PG">
  207. <div class="content_title ms_content_title clearfix ">
  208. <div class="fl">
  209. 民情速递
  210. </div>
  211. <div class="rl mores" style="padding-top: 10px;">
  212. <a href="newsList.html?type=2">更多&gt;&gt;</a>
  213. </div>
  214. </div>
  215. </div>
  216. <div class="content_foot ms_new_listBox">
  217. <ul class="new_list MQ"></ul>
  218. </div>
  219. </div>
  220. <div class="Con_box">
  221. <div class="Con_PG">
  222. <div class="content_title ms_content_title clearfix ">
  223. <div class="fl">
  224. 政策解读
  225. </div>
  226. <div class="rl mores" style="padding-top: 10px;">
  227. <a href="newsList.html?type=7">更多&gt;&gt;</a>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="content_foot ms_new_listBox">
  232. <ul class="new_list ZC"></ul>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. <div class="img-boundary">
  238. <a href="http://sq.hnzwfw.gov.cn/?webid=16&areacode=411400000000" target="_blank">
  239. <img src="img/img-boundary.png" alt="图片" width="100%" height="100%" />
  240. </a>
  241. </div>
  242. <!--3政策法规 曝光台-->
  243. <div class="navcon_2 clearfix">
  244. <div class="fl" style="width: 38%;margin-right: 15px;">
  245. <div class="otherTitle">
  246. 其他诉求方式
  247. </div>
  248. <div class="otherCon">
  249. <div>
  250. <p>
  251. <img src="img/phoneIcon.png" alt="" /> 电话
  252. </p>
  253. <p>
  254. <img src="img/emailIcon.png" alt="" /> 邮箱
  255. </p>
  256. <p>
  257. <img src="img/weiBoIcon.png" alt="" /> 微博
  258. </p>
  259. </div>
  260. <div class="secondDiv">
  261. <p>
  262. <img src="img/wechartIcon.png" alt="" /> 微信
  263. </p>
  264. <p>
  265. <img src="img/appIcon.png" alt="" /> 客户端
  266. </p>
  267. </div>
  268. </div>
  269. </div>
  270. <div class="rl" style="width: 60%">
  271. <div class=" fl" style="width:100%">
  272. <!--政策法规-->
  273. <div class="Con_box">
  274. <div class="content_title ms_content_title clearfix ">
  275. <div class="fl">
  276. 政策法规
  277. </div>
  278. <div class="rl mores" style="padding-top: 10px;">
  279. <a href="newsList.html?type=4">更多&gt;&gt;</a>
  280. </div>
  281. </div>
  282. <div class="content_foot ms_new_listBox">
  283. <ul class="new_list policy"></ul>
  284. </div>
  285. </div>
  286. <!--曝光台-->
  287. <div class="Con_box">
  288. <div class="content_title ms_content_title clearfix ">
  289. <div class="fl">
  290. 曝光台
  291. </div>
  292. <div class="rl mores" style="padding-top: 10px;">
  293. <a href="baoguang.html">更多&gt;&gt;</a>
  294. </div>
  295. </div>
  296. <div class="content_foot ms_new_listBox">
  297. <ul class="new_list exposure"></ul>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="navcon_2 ">
  304. <div class="carouselTitle">
  305. 工作剪影
  306. </div>
  307. <div class="carouselCon">
  308. <div class="slick one-time">
  309. </div>
  310. </div>
  311. </div>
  312. <div class="container img-boundary clearfix" style="width: 100%;">
  313. <ul style="margin-right: -1%;">
  314. <li><img width="100%" height="100%" src="img/img-boundary-small-1.jpg" alt="图片" /></li>
  315. <li><img width="100%" height="100%" src="img/img-boundary-small-2.jpg" alt="图片" /></li>
  316. <li><img width="100%" height="100%" src="img/img-boundary-small-3.jpg" alt="图片" /></li>
  317. <li><img width="100%" height="100%" src="img/img-boundary-small-4.jpg" alt="图片" /></li>
  318. <li><img width="100%" height="100%" src="img/img-boundary-small-5.jpg" alt="图片" /></li>
  319. </ul>
  320. </div>
  321. <!--introduction-->
  322. <div class="introduction clearfix">
  323. <div class="fl introduction-left clearfix">
  324. <span>商丘</span>
  325. <p>
  326. 商丘,简称“商”或“宋”,河南省地级市,位于豫鲁苏皖四省辐凑之地,素有"豫东门户"之称。 商丘自古一直是兵家必争之地和商贾云集中心,隋唐大运河横贯全境,陇海铁路与京九铁路的普铁高铁、连霍高速与济广高速均在此交会,是国务院规划建设的全国性综合交通枢纽。
  327. </p>
  328. <p>
  329. 商丘是国家历史文化名城,是华夏文明和中华民族的重要发祥地 、中国重要古都,2014年被文化部评为“最具文化底蕴历史文化名城”商丘自古为长寿之乡,是国家森林城市,有4处国家湿地公园 。商丘是全国重要的粮食生产基地,被誉为“豫东粮仓”。
  330. </p>
  331. </div>
  332. <div class="rl introduction-right">
  333. <ul>
  334. <li>
  335. <span>聚焦商丘</span><i class="statistics-icon"></i>
  336. <img src="img/introduction-img-1.png" alt="聚焦商丘图片" />
  337. </li>
  338. <li>
  339. <span>发展商丘</span><i class="statistics-icon"></i>
  340. <img src="img/introduction-img-2.png" alt="发展商丘图片" />
  341. </li>
  342. <li>
  343. <span>旅游商丘</span><i class="statistics-icon"></i>
  344. <img src="img/introduction-img-3.png" alt="旅游商丘图片" />
  345. </li>
  346. </ul>
  347. </div>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. <hr />
  353. <!--底部开始-->
  354. <div class="footer"></div>
  355. <div class="footerBot">
  356. <script id="_jiucuo_" sitecode='4114000043' src='https://zfwzgl.www.gov.cn/exposure/jiucuo.js'></script>
  357. <script type="text/javascript">
  358. document.write(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='http://dcs.conac.cn/js/17/264/0000/60935396/CA172640000609353960002.js' type='text/javascript'%3E%3C/script%3E"));
  359. </script>
  360. </div>
  361. <!--侧栏-->
  362. <div id="J_GotoTop" class="elevator">
  363. <span class="elevator-title">关注我们</span>
  364. <a href="javascript:;" class="elevator-weixin no-goto" id="js-elevator-weixin">
  365. <i class="icon-wxgzh"></i>
  366. <span class="">微信公众号</span>
  367. <div class="elevator-weixin-box">
  368. <i class="elevator-weixin-code"></i>
  369. <span class="">微信扫码,关注我们</span>
  370. </div>
  371. </a>
  372. <a href="javascript:;" class="elevator-weixin no-goto" id="js-elevator-weixin">
  373. <i class="icon-xlwb"></i>
  374. <span class="">新浪微博</span>
  375. <div class="elevator-xlwb-box">
  376. <i class="elevator-xlwb-code"></i>
  377. <span class="">微信扫码,关注我们</span>
  378. </div>
  379. </a>
  380. <a href="javascript:;" target="_blank" class="elevator-app">
  381. <i class="icon-appdownload"></i>
  382. <span class="">下载客户端</span>
  383. <div class="elevator-app-box">
  384. <input id="elevator-app-url" type="text" value="" style="display: none;" />
  385. <div id="elevator-app-qrcode"></div>
  386. <span class="">扫码下载,使用客户端</span>
  387. </div>
  388. </a>
  389. <!--<a href="javascript:;" target="" class="elevator-chat">
  390. <i class="icon-lineChat"></i>
  391. <span class="">在线客服</span>
  392. <div class="elevator-app-box">
  393. <input id="elevator-app-url" type="text" value="" style="display: none;" />
  394. <div id="elevator-app-qrcode"></div>
  395. <span class="">扫码下载,使用客户端</span>
  396. </div>
  397. </a>-->
  398. <a href="javascript:;" class="elevator-top no-goto" style="display:none" id="backTop">
  399. <i class="icon-up2"></i>
  400. <span class="">返回顶部</span>
  401. </a>
  402. </div>
  403. <!--漂浮logo-->
  404. <div id="piaoLogo" style="position: absolute;width: 230px;height: 153px;z-index: 9999;" onmouseover="pLogostop()" onmouseout="nostop()">
  405. <img src="img/piaoLogo.gif" alt="" />
  406. </div>
  407. </div>
  408. <script src="js/bootstrap.min.js"></script>
  409. <!--<script src="https://img.hcharts.cn/highcharts/highcharts-3d.js"></script>-->
  410. <script src="js/highcharts/highcharts-3d.js"></script>
  411. <!--<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>-->
  412. <script src="js/highcharts/highcharts-zh_CN.js"></script>
  413. <!--<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>-->
  414. <script src="js/jquery.xdomainrequest.min.js"></script>
  415. <script src="layer/layer.js"></script>
  416. <script src="layui/layui.js"></script>
  417. <script>
  418. $(document).ready(function() {
  419. $.support.cors = true;
  420. Image(); //图片轮播
  421. People(); //民情速递
  422. ZhengCe(); //政策解读
  423. Work(); //工作动态
  424. Policy(); //政策法规
  425. Announcemen(); //通知通告
  426. Exposure(); //曝光台
  427. acceptanceBar();
  428. statistics(); //实时统计
  429. jobTypePie();
  430. IMGs(); //走进商丘图片
  431. getClient(); //获取客户端地址并转成二维码
  432. //顶部hover
  433. $('.topbarWx').hover(function() {
  434. $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
  435. });
  436. $('.topbarClient').hover(function() {
  437. $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
  438. });
  439. $('.one-time').slick({
  440. infinite: false,
  441. speed: 300,
  442. slidesToShow: 4,
  443. touchMove: false,
  444. slidesToScroll: 1
  445. });
  446. //漂浮logo
  447. pLogostart();
  448. $('.searchBtn').click(function() {
  449. if($('#slCode').val() !== "" && $('#slpsw').val() !== "") {
  450. window.location = "shouli.html?codes=" + $('#slCode').val() + "&psws=" + $('#slpsw').val();
  451. $('#slCode').val('');
  452. $('#slpsw').val('');
  453. } else {
  454. layer.confirm('受理编号或密码不允许为空!', {
  455. btn: ['确定']
  456. });
  457. }
  458. })
  459. })
  460. //在线客服
  461. $('.elevator-chat').click(function() {
  462. layer.open({
  463. type: 2,
  464. content: "chatWith.html", //iframe的url,no代表不显示滚动条
  465. title: '在线客服聊天',
  466. area: ['40%', '520px'], //宽高
  467. });
  468. })
  469. //
  470. //回到顶部
  471. $('.elevator-top').click(function() {
  472. $("html, body").animate({
  473. scrollTop: 0
  474. }, 'slow', 'swing');
  475. }),
  476. $(window).bind("scroll", backToTopFun);
  477. $(function() {
  478. backToTopFun();
  479. });
  480. function backToTopFun() {
  481. var st = $(document).scrollTop(),
  482. winh = $(window).height();
  483. (st > 285) ? $('#J_GotoTop .elevator-top').show(): $('#J_GotoTop .elevator-top').hide();
  484. //IE6下的定位
  485. if(!window.XMLHttpRequest) {
  486. $('#J_GotoTop').css("top", st + winh - 166);
  487. }
  488. };
  489. //图片轮播
  490. function Image() {
  491. $.ajax({
  492. type: "get",
  493. url: huayi.config.callcenter_url + "Web/GetTopImgNewsList",
  494. async: true,
  495. cache: false,
  496. // dataType: 'json',
  497. //crossDomain: true == !(document.all),
  498. success: function(result) {
  499. var result = JSON.parse(result);
  500. var content = result.data;
  501. var $ol = $('#slideCarousel').find('.carousel-indicators');
  502. var $listbox = $('#slideCarousel').find('.carousel-inner');
  503. for(var i = 0; i < content.length; i++) {
  504. $ol.append('<li data-target="#slideCarousel" data-slide-to="' + i + '">' + parseInt(i + 1) + '</li>');
  505. $listbox.append('<div class="item">' +
  506. '<a href="dongtai-con.html?id=' + content[i].id + '" title="' + content[i].bt + '">' +
  507. '<img src="' + content[i].img + '" alt="图片' + i + '">' +
  508. '</a>' +
  509. '<div class="carousel-caption">' +
  510. '<p>' + content[i].bt + '</p>' +
  511. '</div>' +
  512. '</div>');
  513. }
  514. $ol.find('li:first').addClass('active');
  515. $listbox.find('.item:first').addClass('active');
  516. // $('.carousel').carousel({
  517. // //interval: 2500
  518. // });
  519. },
  520. error: function(a, b, c) {
  521. alert('错误信息:' + c)
  522. }
  523. });
  524. }
  525. //通知通告
  526. function Announcemen() {
  527. $.ajax({
  528. type: "get",
  529. url: huayi.config.callcenter_url + "Web/GetTopNewsList",
  530. async: true,
  531. // dataType: 'json',
  532. cache: false,
  533. data: {
  534. type: 6,
  535. num: 8
  536. },
  537. success: function(result) {
  538. var result = JSON.parse(result);
  539. if(result.state.toLowerCase() == "success") {
  540. var content = result.data;
  541. for(var i = 0; i < content.length; i++) {
  542. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  543. $('<li>' +
  544. '<div class="new_title clearfix">' +
  545. '<h1 class="fl s-14">' +
  546. '<a href="gonggao-con.html?id=' + content[i].id + '" title="' + content[i].bt + '"><strong>·</strong>' + content[i].bt + '</a>' +
  547. '</h1>' +
  548. '<em class="rl s-14">' + time + '</em>' +
  549. '</div>' +
  550. '</li>').appendTo(".TG");
  551. }
  552. }
  553. }
  554. });
  555. }
  556. //工作动态
  557. function Work() {
  558. $.ajax({
  559. type: "get",
  560. url: huayi.config.callcenter_url + "Web/GetTopNewsList",
  561. async: true,
  562. // dataType: 'json',
  563. cache: false,
  564. data: {
  565. type: 1,
  566. num: 8
  567. },
  568. success: function(result) {
  569. var result = JSON.parse(result);
  570. if(result.state.toLowerCase() == "success") {
  571. var content = result.data;
  572. for(var i = 0; i < 8; i++) {
  573. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  574. $('<li>' +
  575. '<div class="new_title clearfix">' +
  576. '<h1 class="fl s-14">' +
  577. '<a href="dongtai-con.html?id=' + content[i].id + '" title="' + content[i].bt + '"><span></span>' + content[i].bt + '</a>' +
  578. '</h1>' +
  579. '<em class="rl s-14">' + time + '</em>' +
  580. '</div>' +
  581. '</li>').appendTo(".GZ");
  582. }
  583. }
  584. }
  585. });
  586. }
  587. //走进商丘图片
  588. function IMGs() {
  589. $.ajax({
  590. type: "get",
  591. url: huayi.config.callcenter_url + "Web/GetTopNewsList",
  592. async: true,
  593. // dataType: 'json',
  594. cache: false,
  595. data: {
  596. type: 5,
  597. num: 8
  598. },
  599. success: function(result) {
  600. var result = JSON.parse(result);
  601. var content = result.data;
  602. for(var i = 0; i < content.length; i++) {
  603. var a_ = 'img/meilihebi.png';
  604. var a = content[i].img;
  605. if(a) {
  606. } else {
  607. a = a_;
  608. }
  609. $('<li class="m-r">' +
  610. '<div class="_imgbox clearfix">' +
  611. '<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
  612. '</div>' +
  613. '</li>')
  614. .appendTo(".new_img ");
  615. $('.one-time').slickAdd('<div >' +
  616. // '<div class="_imgbox clearfix">' +
  617. '<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
  618. // '</div>' +
  619. '</div>')
  620. }
  621. }
  622. });
  623. }
  624. //政策法规
  625. function Policy() {
  626. $.ajax({
  627. type: "get",
  628. url: huayi.config.callcenter_url + "Web/GetTopNewsList",
  629. async: true,
  630. cache: false,
  631. // dataType: 'json',
  632. data: {
  633. type: 4,
  634. num: 8
  635. },
  636. success: function(result) {
  637. var result = JSON.parse(result);
  638. if(result.state.toLowerCase() == "success") {
  639. var content = result.data;
  640. for(var i = 0; i < 3; i++) {
  641. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  642. $('<li>' +
  643. '<div class="new_title clearfix">' +
  644. '<h1 class="fl s-14">' +
  645. '<a href="zhengce-con.html?id=' + content[i].id + '" title="' + content[i].bt + '"><strong>·</strong>' + content[i].bt + '</a>' +
  646. '</h1>' +
  647. '<em class="rl s-14">' + time + '</em>' +
  648. '</div>' +
  649. '</li>').appendTo(".policy");
  650. }
  651. }
  652. }
  653. });
  654. }
  655. //民情速递
  656. function People() {
  657. $.ajax({
  658. type: "get",
  659. url: huayi.config.callcenter_url + "Web/GetTopNewsList",
  660. async: true,
  661. cache: false,
  662. // dataType: 'json',
  663. data: {
  664. type: 2
  665. },
  666. success: function(result) {
  667. var result = JSON.parse(result);
  668. var content = result.data;
  669. $.each(result.data, function(j, n) {
  670. if(j < 3) {
  671. var strs = "";
  672. var time = n.sj.substring(0, n.sj.indexOf(' '));
  673. if(j % 2 == 0) {
  674. strs += '<li class="active">'
  675. } else {
  676. strs += '<li>'
  677. }
  678. strs += '<div class="new_title clearfix">' +
  679. '<h1 class="fl s-14">' +
  680. '<a href="minqing-con.html?id=' + n.id + '" title="' + n.bt + '"><strong>·</strong>' + n.bt + '</a>' +
  681. '</h1>' +
  682. '<em class="rl s-14">' + time + '</em>' +
  683. '</div>' +
  684. '</li>';
  685. $(".MQ").append(strs);
  686. }
  687. })
  688. }
  689. });
  690. }
  691. //政策解读
  692. function ZhengCe() {
  693. $.ajax({
  694. type: "get",
  695. url: huayi.config.callcenter_url + "Web/GetTopNewsList",
  696. async: true,
  697. cache: false,
  698. // dataType: 'json',
  699. data: {
  700. type: 7
  701. },
  702. success: function(result) {
  703. var result = JSON.parse(result);
  704. var content = result.data;
  705. $.each(result.data, function(j, n) {
  706. if(j < 3) {
  707. var strs = "";
  708. var time = n.sj.substring(0, n.sj.indexOf(' '));
  709. if(j % 2 == 0) {
  710. strs += '<li class="active">'
  711. } else {
  712. strs += '<li>'
  713. }
  714. strs += '<div class="new_title clearfix">' +
  715. '<h1 class="fl s-14">' +
  716. '<a href="minqing-con.html?id=' + n.id + '" title="' + n.bt + '"><strong>·</strong>' + n.bt + '</a>' +
  717. '</h1>' +
  718. '<em class="rl s-14">' + time + '</em>' +
  719. '</div>' +
  720. '</li>';
  721. $(".ZC").append(strs);
  722. }
  723. })
  724. }
  725. });
  726. }
  727. //实时统计
  728. function statistics() {
  729. var totalCount = 0;
  730. $.ajax({
  731. type: "get",
  732. url: huayi.config.callcenter_url + "web/GetWebSourceCount",
  733. async: true,
  734. cache: false,
  735. success: function(result) {
  736. var res = JSON.parse(result);
  737. var content = res.data;
  738. //政务热线共受理
  739. for(var i = 0; i < content.total.length; i++) {
  740. totalCount += content.total[i].Count;
  741. if(content.total[i].Source == '电话') {
  742. //电话受理
  743. var dhslCount = content.total[i].Count;
  744. $('#dhslCount').html(dhslCount);
  745. } else if(content.total[i].Source == '手机APP') {
  746. //App受理
  747. var aslCount = content.total[i].Count;
  748. $('#aslCount').html(aslCount);
  749. } else if(content.total[i].Source == '微信') {
  750. //微信受理
  751. var wxslCount = content.total[i].Count;
  752. $('#wxslCount').html(wxslCount);
  753. } else if(content.total[i].Source == '12345信箱') {
  754. //12345信箱
  755. var szxxslCount = content.total[i].Count;
  756. $('#szxxslCount').html(szxxslCount);
  757. } else if(content.total[i].Source == '微博') {
  758. //微博受理
  759. var weiboslCount = content.total[i].Count;
  760. $('#weiboslCount').html(weiboslCount);
  761. } else if(content.total[i].Source == '网站') {
  762. //网站受理
  763. var wzslCount = content.total[i].Count;
  764. $('#wzslCount').html(wzslCount);
  765. } else if(content.total[i].Source == '政务服务网') {
  766. //微信受理
  767. var zffwwCount = content.total[i].Count;
  768. $('#zffwwCount').html(zffwwCount);
  769. }
  770. }
  771. //政务热线合计
  772. $('#totalCount').html(totalCount + '件');
  773. //今日共受理
  774. $('#jrtotalCount').html(content.dayaccept + '件');
  775. //$('#jrtotalCount').html(content.dayaccept + '件');
  776. //今日共交办
  777. $('#jrtotalCountJ').html(content.dayassign + '件');
  778. }
  779. });
  780. }
  781. //曝光台
  782. function Exposure() {
  783. $.ajax({
  784. type: "get",
  785. url: huayi.config.callcenter_url + "/Web/GetTopNewsList",
  786. async: true,
  787. cache: false,
  788. // dataType: 'json',
  789. data: {
  790. type: 3,
  791. num: 8
  792. },
  793. success: function(result) {
  794. var result = JSON.parse(result);
  795. if(result.state.toLowerCase() == "success") {
  796. var content = result.data;
  797. if(content) {
  798. for(var i = 0; i < 4; i++) {
  799. if(content[i]) {
  800. var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
  801. // $('<div class="content_moddile" style="padding-left: 15px;">' +
  802. // '<span class="cont_modtitle">' + content[0].bt + '</span>' +
  803. // '<div class="cont_wz s-14">' +
  804. // '' + content[0].bt + '' +
  805. // '<a href="PG.html?id=' + content[0].id + '" title=' + content[0].bt + '>[详情]</a>' +
  806. // '</div>' +
  807. // '<div class="fx"></div>' +
  808. // '</div>').appendTo(".Con_PG");
  809. $('<li>' +
  810. '<div class="new_title clearfix">' +
  811. '<h1 class="fl s-14">' +
  812. '<a href="PG.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(".exposure");
  817. }
  818. }
  819. }
  820. }
  821. }
  822. });
  823. }
  824. //饼图
  825. function jobTypePie() {
  826. $.ajax({
  827. type: "get",
  828. url: huayi.config.callcenter_url + 'Web/GetWebTypePercent',
  829. async: true,
  830. cache: false,
  831. // dataType: 'json',
  832. success: function(result) {
  833. var result = JSON.parse(result);
  834. if(result.state.toLowerCase() == "success") {
  835. //饼图
  836. $('#jobTypePie').highcharts({
  837. chart: {
  838. type: 'pie',
  839. height: 200,
  840. marginTop: 0,
  841. options3d: {
  842. enabled: true,
  843. alpha: 70,
  844. beta: 0
  845. }
  846. },
  847. credits: {
  848. enabled: false // 禁用版权信息
  849. },
  850. title: {
  851. text: '办件类型比例分析',
  852. style: {
  853. 'color': '#616161',
  854. 'font-weight': 'bold',
  855. 'font-size': '16px'
  856. }
  857. },
  858. tooltip: {
  859. pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
  860. },
  861. plotOptions: {
  862. pie: {
  863. allowPointSelect: true,
  864. cursor: 'pointer',
  865. depth: 35,
  866. dataLabels: {
  867. enabled: true,
  868. format: '{point.name}'
  869. }
  870. },
  871. series: {
  872. borderWidth: 0,
  873. dataLabels: {
  874. enabled: true,
  875. color: '#626262',
  876. format: '{point.name}: <b>{point.percentage:.2f}%</b>'
  877. }
  878. }
  879. },
  880. series: [{
  881. type: 'pie',
  882. name: '类工单占比',
  883. data: (function() {
  884. var seriesData = result.data;
  885. var arrs = [];
  886. for(var k = 0; k < seriesData.length; k++) {
  887. var objs = [];
  888. objs[0] = seriesData[k].typename;
  889. objs[1] = seriesData[k].percent;
  890. arrs.push(objs);
  891. }
  892. return arrs;
  893. })()
  894. }]
  895. });
  896. }
  897. }
  898. });
  899. }
  900. //柱状图
  901. function acceptanceBar() {
  902. $.ajax({
  903. type: "get",
  904. url: huayi.config.callcenter_url + 'Web/GetWebKeyCount',
  905. async: true,
  906. // dataType: 'json',
  907. cache: false,
  908. data: {
  909. isscqt: 1
  910. },
  911. success: function(result) {
  912. var result = JSON.parse(result);
  913. if(result.state.toLowerCase() == "success") {
  914. //柱状图
  915. $('#acceptanceBar').highcharts({
  916. chart: {
  917. type: 'column',
  918. marginRight: 70,
  919. marginBottom: 70
  920. },
  921. credits: {
  922. enabled: false // 禁用版权信息
  923. },
  924. title: {
  925. text: '办件关键词分析',
  926. style: {
  927. 'color': '#616161',
  928. 'font-weight': 'bold',
  929. 'font-size': '16px'
  930. },
  931. },
  932. xAxis: {
  933. title: {
  934. text: '(关键词)',
  935. align: 'high',
  936. x: 60,
  937. y: -55
  938. },
  939. type: 'category',
  940. labels: {
  941. style: {
  942. 'color': '#626262',
  943. }
  944. }
  945. },
  946. yAxis: {
  947. lineWidth: 1,
  948. tickWidth: 1,
  949. title: {
  950. text: '单位:件',
  951. offset: 0,
  952. align: 'high',
  953. rotation: 0,
  954. y: -12
  955. },
  956. labels: {
  957. style: {
  958. 'color': '#626262',
  959. }
  960. }
  961. },
  962. legend: {
  963. enabled: false
  964. },
  965. plotOptions: {
  966. series: {
  967. borderWidth: 0,
  968. dataLabels: {
  969. enabled: true,
  970. format: '{point.y}'
  971. }
  972. }
  973. },
  974. tooltip: {
  975. headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
  976. pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}件</b><br/>'
  977. },
  978. series: [{
  979. name: '办件关键词分析',
  980. colorByPoint: true,
  981. data: (function() {
  982. var seriesData = result.data;
  983. var arrs = [];
  984. for(var k = 0; k < seriesData.length; k++) {
  985. var objs = {};
  986. objs.name = seriesData[k].keyname;
  987. objs.y = seriesData[k].count;
  988. arrs.push(objs);
  989. }
  990. return arrs;
  991. })()
  992. }]
  993. });
  994. }
  995. }
  996. });
  997. }
  998. //获取客户端地址并转成二维码
  999. function getClient() {
  1000. var curentHost = window.location.protocol + '//' + window.location.host;
  1001. var clientURL = curentHost + '/download.html?n=' + Math.random();
  1002. if(clientURL) {
  1003. $('#elevator-app-url0').val(clientURL);
  1004. $('#elevator-app-url').val(clientURL);
  1005. // getQrcode('elevator-app-qrcode0', 'elevator-app-url0');
  1006. getQrcode('elevator-app-qrcode', 'elevator-app-url');
  1007. function getQrcode(ele1, ele2) {
  1008. var qrcode = new QRCode(document.getElementById(ele1), {
  1009. width: 108,
  1010. height: 108
  1011. });
  1012. var elText = document.getElementById(ele2);
  1013. qrcode.makeCode(elText.value);
  1014. }
  1015. }
  1016. }
  1017. //漂浮图片
  1018. var xPos = 20;
  1019. var yPos = document.documentElement.clientHeight;
  1020. var step = 2;
  1021. var delay = 30;
  1022. var height = 0;
  1023. var Hoffset = 0;
  1024. var Woffset = 0;
  1025. var yon = 0;
  1026. var xon = 0;
  1027. var pause = false;
  1028. var interval;
  1029. piaoLogo.style.top = yPos;
  1030. function changePos() {
  1031. if(!pause) {
  1032. width = document.documentElement.clientWidth;
  1033. height = document.documentElement.clientHeight;
  1034. Hoffset = piaoLogo.offsetHeight;
  1035. Woffset = piaoLogo.offsetWidth;
  1036. piaoLogo.style.left = xPos + document.body.scrollLeft + "px";
  1037. piaoLogo.style.top = yPos + document.body.scrollTop + "px";
  1038. if(yon) {
  1039. yPos = yPos + step;
  1040. } else {
  1041. yPos = yPos - step;
  1042. }
  1043. if(yPos < 0) {
  1044. yon = 1;
  1045. yPos = 0;
  1046. }
  1047. if(yPos >= (height - Hoffset)) {
  1048. yon = 0;
  1049. yPos = (height - Hoffset);
  1050. }
  1051. if(xon) {
  1052. xPos = xPos + step;
  1053. } else {
  1054. xPos = xPos - step;
  1055. }
  1056. if(xPos < 0) {
  1057. xon = 1;
  1058. xPos = 0;
  1059. }
  1060. if(xPos >= (width - Woffset)) {
  1061. xon = 0;
  1062. xPos = (width - Woffset);
  1063. }
  1064. }
  1065. }
  1066. function pLogostart() {
  1067. piaoLogo.visibility = "visible";
  1068. interval = setInterval('changePos()', delay);
  1069. }
  1070. function pLogostop() {
  1071. pause = true;
  1072. }
  1073. function nostop() {
  1074. pause = false;
  1075. }
  1076. </script>
  1077. </body>
  1078. </html>