濮阳12345web

index.html 34KB

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