商丘12345 前端

index.html 51KB

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