| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188 |
- <!DOCTYPE html>
- <html xmlns:wb="http://open.weibo.com/wb">
- <head>
- <meta charset="UTF-8">
- <title>商丘12345 政务服务热线 - 首页</title>
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="renderer" content="webkit">
- <meta name="keywords" content="商丘12345,12345政务,政务服务热线,商丘12345政务服务热线,12345市长热线,市长热线,有事找政务,网上受理,政民互动,政务服务,群众沟通">
- <link rel="shortcut icon" href="img/32.ico" />
- <link rel="stylesheet" href="css/bootstrap.min.css" />
- <link rel="stylesheet" href="css/indexs.css" />
- <link rel="stylesheet" href="css/pageSwitch.css" />
- <link rel="stylesheet" href="js/slick/slick.css" />
- <link rel="stylesheet" href="layui/css/layui.css" />
- <script src="js/jquery-1.8.js" type="text/javascript"></script>
- <script src="js/qrcode.min.js"></script>
- <script src="js/common/huayi.load.js"></script>
- <script src="js/slick/slick.min.js"></script>
- <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
- <style>
- #jobTypePie {
- width: 100%;
- height: 184px;
- }
- #acceptanceBar {
- width: 100%;
- height: 284px;
- }
- .one-time {
- width: 80%;
- margin: 0 auto;
- }
- .slick-prev, .slick-next {
- height: 64px;
- width: 35px;
- }
- .slick-prev {
- background: url(img/goLft.png) no-repeat;
- }
- .slick-next {
- background: url(img/goright.png) no-repeat;
- }
- .slick-prev:before, .slick-next:before {
- display: block;
- height: 100%;
- width: 100%;
- content: "";
- }
- .slick-prev {
- left: -99px;
- }
- .slick-next {
- right: -99px;
- }
- .slick-slide a {
- display: block;
- width: 100%;
- height: 165px;
- }
- .slick-slide a img {
- width: 98%;
- height: 100%;
- }
- #piaoLogo img {
- display: block;
- widows: 100%;
- height: 100%;
-
- }
- #_ideConac a{
- display: block;
- }
- #_ideConac a img{
- display: block;
- margin: 0 auto;
- }
- .footerBot{
- width: 100%;
- background: #a22100;
- }
- </style>
- <!--[if lt IE 9]>
- <script src="js/oldie.js"></script>
- <![endif]-->
- </head>
- <body>
- <div>
- <div class="header">
- </div>
- <!--内容-->
- <div class="Content">
- <div>
- <div class="navcon_box clearfix navCon">
- <!--1 小轮播、工作动态和通知通告-->
- <div class="navcon_1 clearfix">
- <div class="fl" style="width: 38%; height: 310px; margin-right: 20px;" id="slides">
- <!--<div id="container">
- <div class="sections">
- </div>
- </div>-->
- <div id="slideCarousel" class="carousel slide" data-ride="carousel">
- <!-- Indicators -->
- <ol class="carousel-indicators"></ol>
- <!-- Wrapper for slides -->
- <div class="carousel-inner" role="listbox"></div>
- </div>
- </div>
- <div class="fl" style="width: 58%;height: 326px; position: relative;">
-
- <div class="Con_box">
- <!--<p class="dongTaiTitle" style="font-size: 26px; color: #f5821b;font-weight: 500;">吴祖明前往商丘市12345政务服务热线督导调研</p>
- <div class="new_listBox">
- 6月29日,商丘市委常委、常务副市长吴祖明带领市政务副秘书长任善礼,市编办主任孙维,市智慧办市编办主任孙维,市智慧办市编办主任孙维... </div>
- </div>
- <hr style="border-top: 1px dashed #242424;" />-->
- <div style="position: relative;">
- <ul class="new_list GZ"></ul>
- </div>
- <a href="dongtai.html" style="color: #d2905b; font-size: 17px;position: absolute;bottom: 0px;right: 0;">更多>></a>
- </div>
- <!--<div>
- <div>
- <div class="Con_box">
- <div class="Con_boxs">
- <div class="content_title clearfix">
- <div class="fl">
- 通知通告
- </div>
- <div class="rl mores">
- <a href="gonggao.html">更多</a>
- </div>
- </div>
- </div>-->
- </div>
- </div>
-
- </div>
- <!--2 实时统计、 民情速递和走进商丘-->
- <div class="navcon_2 clearfix">
- <div class="ss_Content_box fl" style="width: 36%; height: 100%;">
- <div class="Con_box">
- <div class="content_title clearfix ">
- <div style="color: #2e3374;font-size: 24px;font-family:'宋体';">
- 实时统计
- </div>
- <p class="CountBox ss_CountBox">
- <span class="Count_title">12345政务热线共受理:</span>
- <span id="totalCount">0件</span>
- </p>
- </div>
- <div class="">
- <div class="left-statistics">
-
- <p class="CountBox">
- <span class="Count_title">今日共受理:</span>
- <span id="jrtotalCount">0件</span>
- <span style="width: 80px;display: inline-block;"></span>
- <span class="Count_title">今日共交办:</span>
- <span id="jrtotalCountJ">0件</span>
- </p>
- <ul class="left-statistics-content statistics-content clearfix">
- <li>
- <i class="statistics-icon statistics-icon-1"></i>
- <span class="fspan">电话受理</span>
- <span class="tspan" id="dhslCount">0</span>
- </li>
- <li>
- <i class="statistics-icon statistics-icon-2"></i>
- <span class="fspan">12345信箱</span>
- <span class="tspan" id="szxxslCount">0</span>
- </li>
- <li>
- <i class="statistics-icon statistics-icon-4"></i>
- <span class="fspan">网站受理</span>
- <span class="tspan" id="wzslCount">0</span>
- </li>
- <li>
- <i class="statistics-icon statistics-icon-7"></i>
- <span class="fspan">政务服务网</span>
- <span class="tspan" id="zffwwCount">0</span>
- </li>
- <li>
- <i class="statistics-icon statistics-icon-6"></i>
- <span class="fspan">APP受理</span>
- <span class="tspan" id="aslCount">0</span>
- </li>
- <li>
- <i class="statistics-icon statistics-icon-3"></i>
- <span class="fspan">微博受理</span>
- <span class="tspan" id="weiboslCount">0</span>
- </li>
- <li>
- <i class="statistics-icon statistics-icon-5"></i>
- <span class="fspan">微信受理</span>
- <span class="tspan" id="wxslCount">0</span>
- </li>
- </ul>
- </div>
- <div id="jobTypePie"></div>
- <div id="acceptanceBar"></div>
- </div>
- </div>
- </div>
-
- <div class="rl" style="width: 60%; height: 340px;">
- <div class="Con_box">
-
- <div class="clearfix">
-
- <div class="fl" style="width: 55%;">
- <div class="Con_PG">
- <div class="content_title ms_content_title clearfix ">
- <div class="fl">
- 通知通告
- </div>
- <div class="rl mores" style="padding-top: 10px;">
- <a href="gonggao.html">更多>></a>
- </div>
- </div>
- </div>
- <div class="ms_new_listBox" style="border: 1px solid #db7351;border-top: 3px solid #cd1c1e;">
- <ul class="new_list TG"></ul>
- </div>
-
- </div>
- <div class="searchBox rl" style="width: 43%;">
- <div class="searchTitle">
- <i class="searchIcon"></i>
- 进度查询
- </div>
- <div class="searchCon">
- <p>
- <input type="text" class="form-control" id="slCode" value="" placeholder="请输入受理编号" />
- </p>
- <p>
- <input type="text" class="form-control" id="slpsw" value="" placeholder="请输入查询密码" />
- </p>
- <p>
- <button type="button" class="btn searchBtn">查询</button>
- </p>
-
-
- </div>
-
-
- </div>
- </div>
-
- </div>
-
-
-
- </div>
- <!--民情速递-->
- <div class="rl" style="width: 60%;height: 381px; margin-bottom: 10px;">
- <div class="Con_box">
- <div class="Con_PG">
- <div class="content_title ms_content_title clearfix ">
- <div class="fl">
- 民情速递
- </div>
- <div class="rl mores" style="padding-top: 10px;">
- <a href="PeopleNews.html">更多>></a>
- </div>
- </div>
- </div>
- <div class="content_foot ms_new_listBox">
- <ul class="new_list MQ"></ul>
- </div>
- </div>
- </div>
-
- </div>
- <div class="img-boundary">
- <img src="img/img-boundary.png" alt="图片" width="100%" height="100%" />
- </div>
- <!--3政策法规 曝光台-->
- <div class="navcon_2 clearfix">
- <div class="fl" style="width: 38%;margin-right: 15px;">
- <div class="otherTitle">
- 其他诉求方式
- </div>
- <div class="otherCon">
- <div>
- <p>
- <img src="img/phoneIcon.png" alt="" />
- 电话
- </p>
- <p>
- <img src="img/emailIcon.png" alt="" />
- 邮箱
- </p>
- <p>
- <img src="img/weiBoIcon.png" alt="" />
- 微博
- </p>
- </div>
- <div class="secondDiv">
- <p>
- <img src="img/wechartIcon.png" alt="" />
- 微信
- </p>
- <p>
- <img src="img/appIcon.png" alt="" />
- 客户端
- </p>
- </div>
-
- </div>
-
- </div>
-
- <div class="rl" style="width: 60%">
- <div class=" fl" style="width:100%">
- <!--政策法规-->
- <div class="Con_box">
- <div class="content_title ms_content_title clearfix ">
- <div class="fl">
- 政策法规
- </div>
- <div class="rl mores" style="padding-top: 10px;">
- <a href="zhengce.html">更多>></a>
- </div>
- </div>
- <div class="content_foot ms_new_listBox">
- <ul class="new_list policy"></ul>
- </div>
- </div>
- <!--曝光台-->
- <div class="Con_box">
- <div class="content_title ms_content_title clearfix ">
- <div class="fl">
- 曝光台
- </div>
- <div class="rl mores"style="padding-top: 10px;">
- <a href="baoguang.html">更多>></a>
- </div>
- </div>
- <div class="content_foot ms_new_listBox">
- <ul class="new_list exposure"></ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="navcon_2 ">
- <div class="carouselTitle">
- 工作剪影
- </div>
- <div class="carouselCon">
- <div class="slick one-time">
-
- </div>
- </div>
- </div>
- <div class="container img-boundary clearfix" style="width: 100%;">
- <ul style="margin-right: -1%;">
- <li><img width="100%" height="100%" src="img/img-boundary-small-1.jpg" alt="图片" /></li>
- <li><img width="100%" height="100%" src="img/img-boundary-small-2.jpg" alt="图片" /></li>
- <li><img width="100%" height="100%" src="img/img-boundary-small-3.jpg" alt="图片" /></li>
- <li><img width="100%" height="100%" src="img/img-boundary-small-4.jpg" alt="图片" /></li>
- <li><img width="100%" height="100%" src="img/img-boundary-small-5.jpg" alt="图片" /></li>
- </ul>
- </div>
- <!--introduction-->
- <div class="introduction clearfix">
- <div class="fl introduction-left clearfix">
- <span>商丘</span>
- <p>
- 商丘,简称“商”或“宋”,河南省地级市,位于豫鲁苏皖四省辐凑之地,素有"豫东门户"之称。 商丘自古一直是兵家必争之地和商贾云集中心,隋唐大运河横贯全境,陇海铁路与京九铁路的普铁高铁、连霍高速与济广高速均在此交会,是国务院规划建设的全国性综合交通枢纽。
- </p>
- <p>
- 商丘是国家历史文化名城,是华夏文明和中华民族的重要发祥地 、中国重要古都,2014年被文化部评为“最具文化底蕴历史文化名城”商丘自古为长寿之乡,是国家森林城市,有4处国家湿地公园 。商丘是全国重要的粮食生产基地,被誉为“豫东粮仓”。
- </p>
- </div>
- <div class="rl introduction-right">
- <ul>
- <li>
- <span>聚焦商丘</span><i class="statistics-icon"></i>
- <img src="img/introduction-img-1.png" alt="聚焦商丘图片" />
-
- </li>
- <li>
- <span>发展商丘</span><i class="statistics-icon"></i>
- <img src="img/introduction-img-2.png" alt="发展商丘图片" />
- </li>
- <li>
- <span>旅游商丘</span><i class="statistics-icon"></i>
- <img src="img/introduction-img-3.png" alt="旅游商丘图片" />
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- <hr />
- <!--底部开始-->
- <div class="footer"></div>
- <div class="footerBot">
- <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>
- </div>
-
- <!--侧栏-->
- <div id="J_GotoTop" class="elevator">
- <span class="elevator-title">关注我们</span>
- <a href="javascript:;" class="elevator-weixin no-goto" id="js-elevator-weixin">
- <i class="icon-wxgzh"></i>
- <span class="">微信公众号</span>
- <div class="elevator-weixin-box">
- <i class="elevator-weixin-code"></i>
- <span class="">微信扫码,关注我们</span>
- </div>
- </a>
- <a href="javascript:;" class="elevator-weixin no-goto" id="js-elevator-weixin">
- <i class="icon-xlwb"></i>
- <span class="">新浪微博</span>
- <div class="elevator-xlwb-box">
- <i class="elevator-xlwb-code"></i>
- <span class="">微信扫码,关注我们</span>
- </div>
- </a>
- <a href="javascript:;" target="_blank" class="elevator-app">
- <i class="icon-appdownload"></i>
- <span class="">下载客户端</span>
- <div class="elevator-app-box">
- <input id="elevator-app-url" type="text" value="" style="display: none;" />
- <div id="elevator-app-qrcode"></div>
- <span class="">扫码下载,使用客户端</span>
- </div>
- </a>
- <a href="javascript:;" target="" class="elevator-chat">
- <i class="icon-lineChat"></i>
- <span class="">在线客服</span>
- <!--<div class="elevator-app-box">
- <input id="elevator-app-url" type="text" value="" style="display: none;" />
- <div id="elevator-app-qrcode"></div>
- <span class="">扫码下载,使用客户端</span>
- </div>-->
- </a>
- <a href="javascript:;" class="elevator-top no-goto" style="display:none" id="backTop">
- <i class="icon-up2"></i>
- <span class="">返回顶部</span>
- </a>
- </div>
- <!--漂浮logo-->
- <div id="piaoLogo" style="position: absolute;width: 230px;height: 153px;z-index: 9999;" onmouseover="pLogostop()" onmouseout="nostop()">
- <img src="img/piaoLogo.gif" alt="" />
- </div>
-
- </div>
-
- <script src="js/bootstrap.min.js"></script>
- <!--<script src="https://img.hcharts.cn/highcharts/highcharts-3d.js"></script>-->
- <script src="js/highcharts/highcharts-3d.js"></script>
- <!--<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>-->
- <script src="js/highcharts/highcharts-zh_CN.js"></script>
- <!--<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"></script>-->
- <script src="js/jquery.xdomainrequest.min.js"></script>
- <script src="layer/layer.js"></script>
- <script src="layui/layui.js"></script>
- <script>
-
- $(document).ready(function () {
- $.support.cors = true;
- Image(); //图片轮播
- People(); //民情速递
- Work(); //工作动态
- Policy(); //政策法规
- Announcemen(); //通知通告
- Exposure(); //曝光台
- acceptanceBar();
- statistics(); //实时统计
- jobTypePie();
- IMGs(); //走进商丘图片
- getClient(); //获取客户端地址并转成二维码
- //顶部hover
- $('.topbarWx').hover(function () {
- $('.topbarWx .topbarWx-box').css('left', $(this).offset().left);
- });
- $('.topbarClient').hover(function () {
- $('.topbarClient .topbarClient-box').css('left', $(this).offset().left);
- });
- $('.one-time').slick({
- // dots: true,
-
- infinite: false,
-
- speed: 300,
-
- slidesToShow: 4,
-
- touchMove: false,
-
- slidesToScroll: 1
-
- });
- //漂浮logo
- pLogostart();
- $('.searchBtn').click(function(){
- if($('#slCode').val()!=="" &&$('#slpsw').val()!==""){
- window.location="shouli.html?codes="+$('#slCode').val()+"&psws="+$('#slpsw').val();
- $('#slCode').val('');
- $('#slpsw').val('');
- }else{
- layer.confirm('受理编号或密码不允许为空!', {
- btn: ['确定']
- });
- }
-
- })
- })
-
- //在线客服
- $('.elevator-chat').click(function () {
- layer.open({
- type: 2,
- content: "chatWith.html", //iframe的url,no代表不显示滚动条
- title: '在线客服聊天',
- area: ['800px', '520px'], //宽高
- });
- })
- //
- //回到顶部
- $('.elevator-top').click(function () {
- $("html, body").animate({
- scrollTop: 0
- }, 'slow', 'swing');
- }),
- $(window).bind("scroll", backToTopFun);
- $(function () {
- backToTopFun();
- });
- function backToTopFun() {
- var st = $(document).scrollTop(),
- winh = $(window).height();
- (st > 285) ? $('#J_GotoTop .elevator-top').show() : $('#J_GotoTop .elevator-top').hide();
- //IE6下的定位
- if (!window.XMLHttpRequest) {
- $('#J_GotoTop').css("top", st + winh - 166);
- }
- };
- //图片轮播
- function Image() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "Web/GetTopImgNewsList",
- async: true,
- cache: false,
- // dataType: 'json',
- //crossDomain: true == !(document.all),
- success: function (result) {
- var result = JSON.parse(result);
- var content =result.data;
- var $ol = $('#slideCarousel').find('.carousel-indicators');
- var $listbox = $('#slideCarousel').find('.carousel-inner');
- for (var i = 0; i < content.length; i++) {
- $ol.append('<li data-target="#slideCarousel" data-slide-to="' + i + '">'+ parseInt(i+1) +'</li>');
- $listbox.append('<div class="item">' +
- '<a href="dongtai-con.html?id=' + content[i].id + '" title="' + content[i].bt + '">' +
- '<img src="' + content[i].img + '" alt="图片' + i + '">' +
- '</a>' +
- '<div class="carousel-caption">' +
- '<p>' + content[i].bt + '</p>' +
- '</div>' +
- '</div>');
- }
- $ol.find('li:first').addClass('active');
- $listbox.find('.item:first').addClass('active');
- // $('.carousel').carousel({
- // //interval: 2500
- // });
- }, error: function (a, b, c) {
- alert('错误信息:' + c)
- }
- });
- }
- //通知通告
- function Announcemen() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "Web/GetTopNewsList",
- async: true,
- // dataType: 'json',
- cache: false,
- data: {
- type: 6,
- num: 8
- },
- success: function (result) {
- var result = JSON.parse(result);
- if (result.state.toLowerCase() == "success") {
- var content = result.data;
-
- /*$('<div class="content_title clearfix">'+
- '<div class="fl">'+
- '通知通告'+
- '</div>'+
- '<div class="rl mores">'+
- '<a href="gonggao.html">'+
- '更多'+
- '</a>'+
- '</div>'+
- '</div>'+
- '<div class="content_moddile" style="padding-left: 15px;">' +
- '<span class="cont_modtitle">' + content[0].bt + '</span>' +
- '<div class="cont_wz s-14">' +
- '' + content[0].bt + '' +
- '<a href="gonggao-con.html?id=' + content[0].id + '" title=' + content[0].bt + '>[详情]</a>' +
- '</div>' +
- '<div class="fx"></div>' +
- '</div>').appendTo(".Con_boxs");*/
- for (var i = 0; i < content.length; i++) {
- var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
- $('<li>' +
- '<div class="new_title clearfix">' +
- '<h1 class="fl s-14">' +
- '<a href="gonggao-con.html?id=' + content[i].id + '" title="' + content[i].bt + '"><strong>·</strong>' + content[i].bt + '</a>' +
- '</h1>' +
- '<em class="rl s-14">' + time + '</em>' +
- '</div>' +
- '</li>').appendTo(".TG");
- }
- }
- }
- });
- }
- //工作动态
- function Work() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "Web/GetTopNewsList",
- async: true,
- // dataType: 'json',
- cache: false,
- data: {
- type: 1,
- num: 8
- },
- success: function (result) {
- var result = JSON.parse(result);
- if (result.state.toLowerCase() == "success") {
- var content = result.data;
- for (var i = 0; i < 8; i++) {
- var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
- $('<li>' +
- '<div class="new_title clearfix">' +
- '<h1 class="fl s-14">' +
- '<a href="dongtai-con.html?id=' + content[i].id + '" title="' + content[i].bt + '"><span></span>' + content[i].bt + '</a>' +
- '</h1>' +
- '<em class="rl s-14">' + time + '</em>' +
- '</div>' +
- '</li>').appendTo(".GZ");
- }
- }
- }
- });
- }
- //走进商丘图片
- function IMGs() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "Web/GetTopNewsList",
- async: true,
- // dataType: 'json',
- cache: false,
- data: {
- type: 5,
- num: 8
- },
- success: function (result) {
- var result = JSON.parse(result);
- var content = result.data;
- for (var i = 0; i < content.length; i++) {
- var a_ = 'img/meilihebi.png';
- var a = content[i].img;
- if (a) {
- } else {
- a = a_;
- }
- $('<li class="m-r">' +
- '<div class="_imgbox clearfix">' +
- '<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
- '</div>' +
- '</li>')
- .appendTo(".new_img ");
- $('.one-time').slickAdd('<div >' +
- // '<div class="_imgbox clearfix">' +
- '<a href="ShowImg.html?id=' + content[i].id + '" title="' + content[i].bt + '"><img src="' + a + '" /></a>' +
- // '</div>' +
- '</div>')
- }
- }
- });
- }
- //政策法规
- function Policy() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "Web/GetTopNewsList",
- async: true,
- cache: false,
- // dataType: 'json',
- data: {
- type: 4,
- num: 8
- },
- success: function (result) {
- var result = JSON.parse(result);
- if (result.state.toLowerCase() == "success") {
- var content = result.data;
- for (var i = 0; i < 3; i++) {
- var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
- $('<li>' +
- '<div class="new_title clearfix">' +
- '<h1 class="fl s-14">' +
- '<a href="zhengce-con.html?id=' + content[i].id + '" title="' + content[i].bt + '"><strong>·</strong>' + content[i].bt + '</a>' +
- '</h1>' +
- '<em class="rl s-14">' + time + '</em>' +
- '</div>' +
- '</li>').appendTo(".policy");
- }
- }
- }
- });
- }
- //民情速递
- function People() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "Web/GetTopNewsList",
- async: true,
- cache: false,
- // dataType: 'json',
- data: {
- type: 2,
- num: 11
- },
- success: function (result) {
- var result = JSON.parse(result);
- var content = result.data;
-
- $.each(result.data,function(j,n){
- if(j<7){
- var strs="";
- var time = n.sj.substring(0, n.sj.indexOf(' '));
- if(j%2==0){
- strs+='<li class="active">'
- }else{
- strs+='<li>'
- }
- strs+= '<div class="new_title clearfix">' +
- '<h1 class="fl s-14">' +
- '<a href="minqing-con.html?id=' + n.id + '" title="' + n.bt + '"><strong>·</strong>' + n.bt + '</a>' +
- '</h1>' +
- '<em class="rl s-14">' + time + '</em>' +
- '</div>' +
- '</li>';
- $(".MQ").append(strs);
- }
-
- })
- // for (var i = 0; i < content.length; i++) {
- // var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
- // var strs="";
- // if(i%2==0){
- // strs+='<li class="active">'
- // }else{
- // strs+='<li>'
- // }
- // strs+= '<div class="new_title clearfix">' +
- // '<h1 class="fl s-14">' +
- // '<a href="minqing-con.html?id=' + content[i].id + '" title=' + content[i].id + '><strong>·</strong>' + content[i].bt + '</a>' +
- // '</h1>' +
- // '<em class="rl s-14">' + time + '</em>' +
- // '</div>' +
- // '</li>';
- // $(".MQ").append(strs);
- // }
- }
- });
- }
- //实时统计
- function statistics() {
- var totalCount = 0;
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "web/GetWebSourceCount",
- async: true,
- cache: false,
- success: function (result) {
- var res = JSON.parse(result);
- var content = res.data;
- //政务热线共受理
- for (var i = 0; i < content.total.length; i++) {
- totalCount += content.total[i].Count;
- if (content.total[i].Source == '电话') {
- //电话受理
- var dhslCount = content.total[i].Count;
- $('#dhslCount').html(dhslCount);
- } else if (content.total[i].Source == '手机APP') {
- //App受理
- var aslCount = content.total[i].Count;
- $('#aslCount').html(aslCount);
- } else if (content.total[i].Source == '微信') {
- //微信受理
- var wxslCount = content.total[i].Count;
- $('#wxslCount').html(wxslCount);
- } else if (content.total[i].Source == '12345信箱') {
- //12345信箱
- var szxxslCount = content.total[i].Count;
- $('#szxxslCount').html(szxxslCount);
- } else if (content.total[i].Source == '微博') {
- //微博受理
- var weiboslCount = content.total[i].Count;
- $('#weiboslCount').html(weiboslCount);
- } else if (content.total[i].Source == '网站') {
- //网站受理
- var wzslCount = content.total[i].Count;
- $('#wzslCount').html(wzslCount);
- } else if (content.total[i].Source == '政务服务网') {
- //微信受理
- var zffwwCount = content.total[i].Count;
- $('#zffwwCount').html(zffwwCount);
- }
- }
- //政务热线合计
- $('#totalCount').html(totalCount + '件');
- //今日共受理
- $('#jrtotalCount').html(content.dayaccept + '件');
- //$('#jrtotalCount').html(content.dayaccept + '件');
- //今日共交办
- $('#jrtotalCountJ').html(content.dayassign + '件');
- }
- });
- }
- //曝光台
- function Exposure() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + "/Web/GetTopNewsList",
- async: true,
- cache: false,
- // dataType: 'json',
- data: {
- type: 3,
- num: 8
- },
- success: function (result) {
- var result = JSON.parse(result);
- if (result.state.toLowerCase() == "success") {
- var content = result.data;
- if (content) {
- for (var i = 0; i < 4; i++) {
- if (content[i]) {
- var time = content[i].sj.substring(0, content[i].sj.indexOf(' '));
- // $('<div class="content_moddile" style="padding-left: 15px;">' +
- // '<span class="cont_modtitle">' + content[0].bt + '</span>' +
- // '<div class="cont_wz s-14">' +
- // '' + content[0].bt + '' +
- // '<a href="PG.html?id=' + content[0].id + '" title=' + content[0].bt + '>[详情]</a>' +
- // '</div>' +
- // '<div class="fx"></div>' +
- // '</div>').appendTo(".Con_PG");
- $('<li>' +
- '<div class="new_title clearfix">' +
- '<h1 class="fl s-14">' +
- '<a href="PG.html?id=' + content[i].id + '" title="' + content[i].bt + '"><strong>·</strong>' + content[i].bt + '</a>' +
- '</h1>' +
- '<em class="rl s-14">' + time + '</em>' +
- '</div>' +
- '</li>').appendTo(".exposure");
- }
- }
- }
- }
- }
- });
- }
- //饼图
- function jobTypePie() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + 'Web/GetWebTypePercent',
- async: true,
- cache: false,
- // dataType: 'json',
- success: function (result) {
- var result = JSON.parse(result);
- if (result.state.toLowerCase() == "success") {
- //饼图
- $('#jobTypePie').highcharts({
- chart: {
- type: 'pie',
- height: 200,
- marginTop: 0,
- options3d: {
- enabled: true,
- alpha: 70,
- beta: 0
- }
- },
- credits: {
- enabled: false // 禁用版权信息
- },
- title: {
- text: '办件类型比例分析',
- style: {
- 'color': '#616161',
- 'font-weight': 'bold',
- 'font-size': '16px'
- }
- },
- tooltip: {
- pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
- },
- plotOptions: {
- pie: {
- allowPointSelect: true,
- cursor: 'pointer',
- depth: 35,
- dataLabels: {
- enabled: true,
- format: '{point.name}'
- }
- },
- series: {
- borderWidth: 0,
- dataLabels: {
- enabled: true,
- color: '#626262',
- format: '{point.name}: <b>{point.percentage:.2f}%</b>'
- }
- }
- },
- series: [{
- type: 'pie',
- name: '类工单占比',
- data: (function () {
- var seriesData = result.data;
- var arrs = [];
- for (var k = 0; k < seriesData.length; k++) {
- var objs = [];
- objs[0] = seriesData[k].typename;
- objs[1] = seriesData[k].percent;
- arrs.push(objs);
- }
- return arrs;
- })()
- }]
- });
- }
- }
- });
- }
- //柱状图
- function acceptanceBar() {
- $.ajax({
- type: "get",
- url: huayi.config.callcenter_url + 'Web/GetWebKeyCount',
- async: true,
- // dataType: 'json',
- cache: false,
- data: {
- isscqt: 1
- },
- success: function (result) {
- var result = JSON.parse(result);
- if (result.state.toLowerCase() == "success") {
- //柱状图
- $('#acceptanceBar').highcharts({
- chart: {
- type: 'column',
- marginRight: 70,
- marginBottom: 70
- },
- credits: {
- enabled: false // 禁用版权信息
- },
- title: {
- text: '办件关键词分析',
- style: {
- 'color': '#616161',
- 'font-weight': 'bold',
- 'font-size': '16px'
- },
- },
- xAxis: {
- title: {
- text: '(关键词)',
- align: 'high',
- x: 60,
- y: -55
- },
- type: 'category',
- labels: {
- style: {
- 'color': '#626262',
- }
- }
- },
- yAxis: {
- lineWidth: 1,
- tickWidth: 1,
- title: {
- text: '单位:件',
- offset: 0,
- align: 'high',
- rotation: 0,
- y: -12
- },
- labels: {
- style: {
- 'color': '#626262',
- }
- }
- },
- legend: {
- enabled: false
- },
- plotOptions: {
- series: {
- borderWidth: 0,
- dataLabels: {
- enabled: true,
- format: '{point.y}'
- }
- }
- },
- tooltip: {
- headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
- pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}件</b><br/>'
- },
- series: [{
- name: '办件关键词分析',
- colorByPoint: true,
- data: (function () {
- var seriesData = result.data;
- var arrs = [];
- for (var k = 0; k < seriesData.length; k++) {
- var objs = {};
- objs.name = seriesData[k].keyname;
- objs.y = seriesData[k].count;
- arrs.push(objs);
- }
- return arrs;
- })()
- }]
- });
- }
- }
- });
- }
- //获取客户端地址并转成二维码
- function getClient() {
- var curentHost = window.location.protocol + '//' + window.location.host;
- var clientURL = curentHost + '/download.html?n=' + Math.random();
- if (clientURL) {
- $('#elevator-app-url0').val(clientURL);
- $('#elevator-app-url').val(clientURL);
- // getQrcode('elevator-app-qrcode0', 'elevator-app-url0');
- getQrcode('elevator-app-qrcode', 'elevator-app-url');
- function getQrcode(ele1, ele2) {
- var qrcode = new QRCode(document.getElementById(ele1), {
- width: 108,
- height: 108
- });
- var elText = document.getElementById(ele2);
- qrcode.makeCode(elText.value);
- }
- }
- }
- //漂浮图片
- var xPos = 20;
- var yPos = document.documentElement.clientHeight;
- var step = 2;
- var delay = 30;
- var height = 0;
- var Hoffset = 0;
- var Woffset = 0;
- var yon = 0;
- var xon = 0;
- var pause = false;
- var interval;
- piaoLogo.style.top = yPos;
- function changePos(){
- if(!pause){
- width = document.documentElement.clientWidth;
- height = document.documentElement.clientHeight;
- Hoffset = piaoLogo.offsetHeight;
- Woffset = piaoLogo.offsetWidth;
- piaoLogo.style.left = xPos + document.body.scrollLeft+"px";
- piaoLogo.style.top = yPos + document.body.scrollTop+"px";
- if (yon)
- {yPos = yPos + step;}
- else
- {yPos = yPos - step;}
- if (yPos < 0)
- {yon = 1;yPos = 0;}
- if (yPos >= (height - Hoffset))
- {yon = 0;yPos = (height - Hoffset);}
- if (xon)
- {xPos = xPos + step;}
- else
- {xPos = xPos - step;}
- if (xPos < 0)
- {xon = 1;xPos = 0;}
- if (xPos >= (width - Woffset))
- {xon = 0;xPos = (width - Woffset);}
- }
- }
- function pLogostart(){
- piaoLogo.visibility = "visible";
- interval = setInterval('changePos()', delay);
- }
- function pLogostop(){
- pause=true;
- }
- function nostop(){
- pause=false;
- }
-
- </script>
-
- </body>
- </html>
|