Nessuna descrizione

index.html 34KB

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