商丘12345 前端

index.html 52KB

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