IM12345_Web demo - 代码源于 商丘市12345项目

index.html 52KB

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