商丘12345 前端

index.html 34KB

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