CINXE.COM
数据-领导留言板-人民网
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="content-type" content="text/html;charset=GB2312"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" /> <link rel="shortcut icon" href="http://liuyan.people.com.cn/favicon.ico"> <title>数据-领导留言板-人民网</title> <meta content="all" name="robots" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="filetype" content="1" /> <meta name="publishedtype" content="1" /> <meta name="pagetype" content="2" /> <meta name="catalogs" content="412371" /> <script src="http://tools.people.com.cn/libs/jquery/1.11.1/jquery-1.11.1.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/img/MAIN/2021/09/121112/static/css/default.css"> <!-- <link href="/img/MAIN/2021/10/121176/static/css/default.css" rel="stylesheet"> --> <script src="/img/MAIN/2021/10/121176/static/libs/vue.min.js"></script> <script src="/img/MAIN/2021/10/121176/static/libs/axios.min.js"></script> <script src="/img/MAIN/2021/10/121176/static/libs/echarts.min.js"></script> <!-- 引入样式 --> <link rel="stylesheet" href="/img/MAIN/2021/10/121176/index.css"> <!-- 引入组件库 --> <script src="/img/MAIN/2021/10/121176/index.js"></script> <style type="text/css"> body{background:#F4F5F7} .nav01,nav{background:#fff} .fl{float:left;} .fr{float:right;} .clearfix:after, .clearfix:before { content:" "; display:table } .clearfix:after { clear:both } .nav01 .headerLeft span.wxh,.nav01 .headerLeft span.xcx{ position: relative; } .nav01 .headerLeft span.wxh i,.nav01 .headerLeft span.xcx i{ display: none; position: absolute; top: 17px; left: 50%; margin-left: -50px; z-index:99 } .nav01 .headerLeft span.wxh i img,.nav01 .headerLeft span.xcx i img{ width: 100px; height: 100px; } .nav01 .headerLeft span.wxh:hover i,.nav01 .headerLeft span.xcx:hover i{ display: block; } .nav01 a { padding: 0 10px; } nav img{ top:20px; } footer .footerMain .footMainHelp ul li a{color:#fff} .hot .messageLogin .messageBox,.hot .messageLogin .messageBox:nth-child(2){width:370px;height:64px;line-height:64px} /*=== 新样式 ====*/ .dataMain { position:relative; width:1170px; margin:8px auto; } .dataMain .dataInfo { background:#fff; border-radius:8px; padding:24px; padding-bottom:40px; margin-top:16px } .dataMain .homeHead { line-height:36px } .dataMain .homeHead h2 { font-size:20px; color:#191919 } .dataMain .homeHead p { font-size:12px; color:#8c8c8c } .dataMain .homeHead p span { font-size:12px; display:inline-block; width:28px; height:28px; border-radius:14px; line-height:28px; text-align:center; border:1px solid #e3e3e3; margin-left:8px } .dataMain .homeHead p span i { color:#6d7278; font-size:14px } .dataMain .dataReport { margin-top:24px; margin-bottom:60px } .dataMain .dataReport .dataReportImg { width:275px } .dataMain .dataReport .dataReportMain { width:806px; margin-left:20px } .dataMain .dataReport .dataReportMain h3 { font-size:20px; margin-bottom:16px } .dataMain .dataReport .dataReportMain p { line-height:28px; font-size:16px } .dataMain .dataReport .dataReportMain p span { font-size:16px; color:#eb3b2f; cursor:pointer } .dataMain .replyChart { height:348px; background:#f7f8fa; border-radius:8px; margin-top:30px } .dataMain .dataListMain { width:48% } .dataMain .dataListMain .el-tabs__item { width:178px; text-align:center; font-size:16px } .dataMain .cityRank { width:95%; height:54px; background:#f7f8fa; border:1px solid #eff0f2; border-radius:4px; margin-top:60px; line-height:54px; padding:0 16px; margin-bottom:20px } .dataMain .cityRank h3 { font-size:20px } .dataMain .cityRank p { color:#666 } .dataMain .rankList ul { width:100% } .el-tabs__item { padding:0 20px; height:40px; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:40px; display:inline-block; list-style:none; font-size:14px; font-weight:500; color:#303133; position:relative } .el-tabs__item:focus, .el-tabs__item:focus:active { outline:0 } .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow:0 0 2px 2px #eb3b2f inset; box-shadow:inset 0 0 2px 2px #eb3b2f; border-radius:3px } .el-tabs__item.is-active { color:#eb3b2f } .el-tabs__item:hover { color:#eb3b2f; cursor:pointer } .el-tabs__item.is-disabled { color:#c0c4cc; cursor:default } .dataMain .rankList ul li { height:44px; line-height:44px; border-bottom:1px solid #e8e8e8; font-size:14px; } .dataMain .rankList ul li div { float:left; width:240px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size:14px; line-height: 44px; } .el-tabs__active-bar { position:absolute; bottom:0; left:0; height:2px; background-color:#eb3b2f; z-index:1; -webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition:transform .3s cubic-bezier(.645,.045,.355,1); transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); list-style:none } .dataMain .rankList ul li .rankArea { float:left; width:170px; margin-left:40px } .dataMain .rankList ul li .rankArea span { margin-left:14px } .dataMain .rankList ul li .rankNum { float:left; width:80px } .dataMain .rankList .noData { width:100% } .dataMain .leavNum { width:47%; border:1px solid #e8e8e8; border-radius:8px; padding:20px 10px 10px; margin-top:40px } .dataMain .leavNum .initLeavNum { margin-top:10px } .dataMain .leavNum .homeHead .el-input__inner { width:300px } .denglupc{ display:inline-block; } .denglumobile{ display:none; } header .headerRight a{ color:#eb3b2f } @media (min-device-width:320px) and (max-width:689px), (max-device-width:480px) { html,body{ width:100%; overflow-x:hidden; } .huifuBox{ width:94%; overflow-x: scroll; } .fl{ float:none; } .fr{ float:none; } .hot{ width:95%; margin:10px auto; } .hot .messageLogin{ float:none; } .dataMain .dataReport .dataReportMain h3{ padding-top:15px; } .dataMain .replyChart{ width:1170px; } .dataMain .homeHead{ width:95%; } .dataMain .dataInfo{ width:100%; padding:24px 0; margin:0 auto; } .dataMain div.clearfix{ width:100%; } .dataMain .dataInfo{ padding-top:0px; } .dataMain .dataReport .dataReportImg{ width:100%; } .dataMain .dataReport .dataReportImg img{ width:100%; } .dataMain .dataReport{ margin:0; } .dataMain .dataReport .dataReportImg img{ border-radius:8px 8px 0 0; } .dataMain .dataListMain{ width:100%; margin: 0 auto; float:none; } .dataMain{ float:none; width: 100%; margin:0 auto; } .leadReplyInfo{ float:none; width: 100%; padding:0px; } .dataMain .dataReport .dataReportMain { width: 90%; margin: 0 auto; float:none; } .dataMain .homeHead h2.fl{ float:left; width: 60%; display:none; } .dataMain .homeHead p.fr{ float:right; } .dataMain div.cityRank{ width:90%; padding:0 10px; } .dataMain .cityRank h3{ width:65%; font-size: 14px; float:left; } .dataMain .cityRank p{ float:left; margin-left:10px; } .dataMain .rankList ul li .rankArea{ margin-left:20px; width:80px; padding-left:30px; } .dataMain .rankList ul li div{ width:160px; text-align:center; } .dataMain .leavNum{ width:90%; padding:10px; } .dataMain .rankList ul li .rankArea span{ margin-left:5px; } .dataMain .rankList ul li .rankNum{ width:60px; padding-left:20px; } nav .navContent .navSearch input { position: relative; z-index: 10001; width:17px; height: 17px; background: url(http://www.people.com.cn/img/MAIN/2021/09/121112/static/images/system-serchb.png) no-repeat; } nav .navContent .navSearch{ } header{ display:block; } header .headerLeft{ display:none; } header .headerRight{ text-align:right; position:absolute; top:10px; z-index: 1000 } header .headerRight span{ margin:0; } nav .navContent .navSearch{ right:30%; width:30%; } .denglumobile{ display:inline-block; } .dataMain .dataReport .dataReportMain h3{ line-height:160%; } .dataMain .homeHead{ display:none; } .huifuBox{ display:none; } .dataMain .cityRank{ margin-top:0px; background:none; border:none; height:40px; margin-bottom:15px; } .dataMain .cityRank h3{ font-size:1.1rem; width:80% } .dataMain .dataListMain .el-tabs__item{ width:110px; } .el-tabs__nav{ float:none; margin:0 auto; width:80%; } div.box_list{ border-top:10px solid #f7f8fa; } .dataMain .dataListMain{ border-top:10px solid #f7f8fa; } .dataMain .dataListMain1{ border-top:0px solid #f7f8fa; } .dataMain .homeHeadshow{ display:block; } .dataMain .homeHeadshow h2.fl{ display:block; } .dataMain .homeHead h2{ font-size:1.1rem; } .line{ border-top:10px solid #f7f8fa; } .dataMain .leavNum{ border:none; margin-top:10px; } .dataMain .homeHeadshow1{ margin-bottom:-20px; position:relative; z-index:1000 } .dataMain .leavNum .initLeavNum{ padding-bottom:15px; } } .el-date-table td span{ text-align:center; } .el-date-table td.end-date span, .el-date-table td.start-date span { background-color: #eb3b2f; } .el-date-table td.available:hover { color: #eb3b2f; } .el-date-table td.today span { color: #eb3b2f; } .el-range-editor.is-active, .el-range-editor.is-active:hover { border-color: #dcdfe5; } .el-loading-spinner .path{ stroke: #eb3b2f; } </style> <style> nav img{position:static} nav .navSearch{position:static;float:right;height:auto;} nav,nav .navContent{height:auto} .footer { width: 100%; margin-top: 36px; background: #2f4359; } .footer .footerMain { height: 200px; width: 1170px; margin: 0 auto; padding-top: 40px; color: #fff; } .footer .footerMain .footImg1 { width: 340px; } .footer .footerMain .footImg1 h2 { font-weight: 400; font-size: 18px; } .footer .footerMain .footImg1 h2 img { width: 37px; height: 37px; margin-right: 10px; } .footer .footerMain .footImg1 .qr-code-box { width:130px; float: left; text-align: center; padding-top: 20px; } .footer .footerMain .footImg1 .qr-code-left { margin-left: 48px; margin-right: 12px; } .footer .footerMain .footImg1 img { width: 90px; height: 90px; margin-bottom:3px; } .footer .footerMain .footImg1 .qr-code-box p { font-size: 12px; text-align: center; line-height: 140%; color: #d0d5dc; -webkit-transform: scale(.7); transform: scale(.7); } .footer .footerMain .footMainHelp { color: #d0d5dc; width: 420px; margin-left: 30px; } .footer .footerMain .footMainHelp h2 { font-size: 18px; line-height: 36px; color: #fff; } .footer .footerMain .footMainHelp ul { margin: 5px 0 0; } .footer .footerMain .footMainHelp ul li { width: 140px; float: left; margin-bottom: 8px; cursor: pointer; line-height: 200%; } .footer .footerMain .footMainHelp .ml-2 { margin-left: 2em; width: 110px; } .footer .footerMain .footMain1 { width: 340px; color: #d0d5dc; } .fl{float:left} .fr{float:right} .footer .footerMain .footMain1 dl { overflow: hidden; border-top: 1px solid #4c596b; line-height: 20px; padding: 8px 0; font-size: 14px; } .footer .footerMain .footMain1 dl dt { width: 60px; float: left; text-align: center; font-size: 14px; } .footer .footerBottom { width: 100%; height: 44px; background: #243344; line-height: 44px; text-align: center; font-family: PingFangSC-Regular; font-size: 12px; color: #fff; } .footer .footerMain .footMain1 dl dd { width: 268px; float: right; font-size: 14px; margin: 0; } .footer .footerMain .footMainHelp ul li a{color:#d0d5dc} nav .navSearch .search-text { width: 270px; height: 34px; border-radius: 20px; border: 1px solid #FF0000; text-align: center; background: url(/img/MAIN/2021/09/121112/static/images/system-serchb.png) no-repeat 10px center #FFF; } nav .navSearch .search-text{ text-align:left;padding-left:56px;box-sizing:border-box} .navSearch .btn { font-size: 12px; color: #d6303f; position: absolute; right: 15px; top: 26px; cursor: pointer; } </style> </head> <body> <!--通用头部--> <div style="background:#fff"> <header class="nav01"> <div class="headerLeft"> <a href="http://www.people.com.cn/" target="_blank">人民网</a> <span class="wxh"><img src="http://www.people.com.cn/img/MAIN/2016/12/117070/images/icon02.png" width="18" height="18" /><a href="#" >微信号：dfldlyb</a><i><img src="http://www.people.com.cn/img/MAIN/2016/12/117070/images/wx_public.png" alt="微信号" /></i></span> <a href="http://www.people.cn/app/download.html" target="_blank"><img src="/NMediaFile/2023/0214/MAIN202302141422069485792639409.png" width="108" height="18" /></a> <strong> <span class="xcx"><img src="http://www.people.com.cn/img/MAIN/2016/12/117070/images/icon32.png" width="18" height="18" /><a href="#">小程序：领导留言板</a><i><img src="http://www.people.com.cn/img/MAIN/2016/12/117070/images/wx_lite.png" alt="小程序" /></i></span> <span><a target="_blank" href="http://liuyan.people.com.cn/helpC">帮助中心</a></span> </strong> </div> <div class="headerRight headerpc"> <a href="http://liuyan.people.com.cn/login" target="_blank" style="cursor: pointer" class="denglupc">登录</a><span class="line"></span><a href="http://liuyan.people.com.cn/signUp" target="_self">注册</a> </div> <div class="headerRight headermobile"> <style type='text/css'> @media (min-device-width: 320px) and (max-width: 689px), (max-device-width: 480px){ .tipFloat { bottom: 10px; } } </style><a href="http://liuyan.people.com.cn/pages/login/login" target="_blank" style="cursor: pointer" class="denglupc">登录</a><span class="line"></span><a href="http://liuyan.people.com.cn/pages/register/register" target="_self">注册</a> </div> </header> </div> <!--通用导航--> <nav> <div class="navContent"> <img src="/img/MAIN/2021/09/121112/static/images/pdlogo.png" alt=""> <span class="searchMobile"><a href="http://liuyan.people.com.cn/messageSearch" target="_blank"></a></span> <div class="navSearch"> <input type="text" class="search-text" id="keywords" placeholder="请输入关键字回车一下" autocomplete="off"><i class="btn">搜索</i> <input type="text" placeholder autocomplete="new-password" style="height:0;width:0;"> <div id="searchList"> </div> </div> </div> <div class="navBox"> <div class="navBoxMobile"><span><a href="http://leaders.people.com.cn/GB/178291/index.html">首页</a></span> <span><a href="http://liuyan.people.com.cn/home" target="_blank" class="headerpc"><img style="width:85px;height:auto;" src="/NMediaFile/2024/0719/MAIN1721373589895RK2FMOYVOU.png" alt=""></a><a href="http://liuyan.people.com.cn/threads/mobilelist" class="headermobile" target="_blank"><img style="width:85px;height:auto;" src="/NMediaFile/2024/0719/MAIN1721373589895RK2FMOYVOU.png" alt=""></a></span> <span id="ipload"><a href="http://js.people.com.cn/GB/401100/index.html" target="_blank">留言</a></span> <span><a href="http://leaders.people.com.cn/GB/178291/218130/441383/index.html" target="_blank"><img style="width:85px" height='auto' src="/NMediaFile/2023/0317/MAIN202303171629346986339054422.png" alt=""></a></span> <span><a href="http://leaders.people.com.cn/GB/178291/409148/409188/index.html" target="_blank">话题</a></span> <span class="active"><a href="http://leaders.people.com.cn/GB/178291/409148/412371/index.html" target="_blank">数据</a></span> <span><a href="http://unn.people.com.cn/difang/GB/387639/406015/index.html" target="_blank">报道</a></span> <span><a href="http://leaders.people.com.cn/GB/178291/409148/421788/index.html" target="_blank">人民日报读者来信</a></span> <span><a href="http://leaders.people.com.cn/GB/178291/218130/434146/index.html" target="_blank">政企直通车</a></span> <span><a href="http://leaders.people.com.cn/GB/178291/458378/index.html" target="_blank">社会治理</a></span> <span><a href="http://liuyan.people.com.cn/caseBase" target="_blank">案例库</a></span> <span><a href="http://leaders.people.com.cn/GB/178291/429112/index.html" target="_blank">理论</a></span> <style> nav .navBox span{margin:0 19px;} @media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){ nav .navBox span{margin:0 12px;} nav .navBoxMobile{width:730px;} nav .navBoxMobile span:nth-child(11){display:inline-block;} } </style></div> </div> </nav> <style type="text/css"> nav .navSearch{ position:relative; top:0px; } .navSearch .btn{ top:5px; } #searchList{ position: absolute; top:40px; left:0px; width:95%; z-index: 1000; margin-left:2.5%; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); border-radius: 4px; border: 1px solid #e4e7ed; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; overflow-y:scroll; max-height: 200px; display: none; } #searchList ul{ margin:0px; } #searchList ul li{ padding:5px; font-size: 12px; } #searchList ul li a{ display: inline-block; width: 100%; height:100%; color: #333; } #searchList ul li:hover{ background:#f7d0d7 } </style> <script type="text/javascript"> $(document).ready(function(){ //检索 $('.btn').on('click',function(){ let key = $('#keywords').val(); if(key == ''){ window.open('http://liuyan.people.com.cn/messageSearch','_blank') return false } window.open('http://liuyan.people.com.cn/messageSearch?keywords='+encodeURIComponent(key),'_blank') }) $('#keywords').bind('keydown',function(event){ if(event.keyCode == "13") { let key = $('#keywords').val(); if(key == ''){ window.open('http://liuyan.people.com.cn/messageSearch','_blank') return false } window.open('http://liuyan.people.com.cn/messageSearch?keywords='+encodeURIComponent(key),'_blank') } }); let inputEle = document.querySelector('#keywords'); inputEle.oninput = function(){ search() } function search(){ let key = $('#keywords').val(); $('#searchList').html(''); console.log('检索关键词:',key) $.ajax({ type: 'GET', url: "http://liuyan.people.com.cn/cms/simpleThreadsSuggest?keywords="+key, dataType: 'jsonp', scriptCharset:'utf-8', jsonpCallback:"aaaaa", success: function(res) { console.log('检索数据:',res) if(res.length > 0){ $('#searchList').show(); }else{ $('#searchList').hide(); } let htmlBox = "<ul>" for (let index = 0; index < res.length; index++) { htmlBox += "<li><a href='http://liuyan.people.com.cn/threads/content?tid="+res[index].tid+"' target='_blank'>"+res[index].subject+"</a></li>" } $('#searchList').html(htmlBox) } }) } }) </script> <!--今日热点--> <div class="dataMain clearfix" id="app"> <div class="dataInfo"> <div class="homeHead clearfix"> <h2 class="fl">数据报告</h2> </div> <div class="dataReport clearfix"> <div class="dataReportImg fl"><img src="/NMediaFile/2024/1105/MAIN1730797075386CH7P7D3A6E.jpg" alt=""></div> <div class="dataReportMain fl"><h3><a href="http://leaders.people.com.cn/n1/2024/1105/c58278-40354566.html" target="_blank">“领导留言板”月度数据报告：10月，各级领导干部共回复群众留言3.6万件</a></h3> <p><a href="http://leaders.people.com.cn/n1/2024/1105/c58278-40354566.html" target="_blank">2024年10月，来自广大群众和经营主体的3.6万件留言通过平台得到各地区各部门回复办理。<span style="color:#ff0000;">[查看全文]</span></a></div> </div> <div class="homeHead"> <h2>30天回复率排行榜</h2> </div> <div class="huifuBox"> <div class="replyChart" id="replyChart"></div> </div> <div class="clearfix box_list"> <div class="dataListMain dataListMain1 fl"> <div class="cityRank clearfix"> <h3 class="fl">排行榜 <strong style="font-weight:normal;">副省、地市级</strong><span class="tipAdd"></span></h3> <p class="fr time"></p> </div> <div class="tipText"> 留言排行：按留言总数由多到少排序<br> 回复排行：按留言中已被回复的留言数量，由多到少排序<br> 回复率排行：按回复率由高到低排序，回复率相同时回复量高优先<br> 回复率 =（已回复的留言数量 / 留言总量 ）X 100%<br><br> 注：<br> 1.统计时间均指留言审核通过时间<br> 2.所有留言仅统计“咨询”“建言”“投诉”“求助”四类<br> </div> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="留言排行" name="1"></el-tab-pane> <el-tab-pane label="回复排行" name="2"></el-tab-pane> <el-tab-pane label="回复率排行" name="3"></el-tab-pane> </el-tabs> <div class="rankList clearfix"> <ul class="fl rankListMain"> <li class="clearfix" v-for="(item,index) in leadRank.slice(0,20)" :key="index"> <p class="rankArea">{{index+1}} <span>{{item.parentName}}</span></p> <div>{{item.name}}</div> <p class="rankNum">{{item.threadsNum}}{{item.answersNum}}<span v-if="activeName!=3">{{item.answersRate}}</span><span v-if="activeName==3">{{item.answersRate}}%</span></p> </li> </ul> </div> <p class="noData" v-if="leadRank.length==0">暂无数据</p> </div> <div class="dataListMain fr"> <div class="cityRank clearfix"> <h3 class="fl">排行榜 <strong style="font-weight:normal;">区县级</strong><span class="tipAdd1"></span></h3> <p class="fr time"></p> </div> <div class="tipText1"> 留言排行：按留言总数由多到少排序<br> 回复排行：按留言中已被回复的留言数量，由多到少排序<br> 回复率排行：按回复率由高到低排序，回复率相同时回复量高优先<br> 回复率 =（已回复的留言数量 / 留言总量 ）X 100%<br><br> 注：<br> 1.统计时间均指留言审核通过时间<br> 2.所有留言仅统计“咨询”“建言”“投诉”“求助”四类<br> </div> <el-tabs v-model="activeName1" @tab-click="handleClick1"> <el-tab-pane label="留言排行" name="1"></el-tab-pane> <el-tab-pane label="回复排行" name="2"></el-tab-pane> <el-tab-pane label="回复率排行" name="3"></el-tab-pane> </el-tabs> <div class="rankList clearfix"> <ul class="fl rankListMain"> <li class="clearfix" v-for="(item,index) in leadRank1.slice(0,20)" :key="index"> <p class="rankArea">{{index+1}} <span>{{item.parentName}}</span></p> <div>{{item.name}}</div> <p class="rankNum">{{item.threadsNum}}{{item.answersNum}}<span v-if="activeName1!=3">{{item.answersRate}}</span><span v-if="activeName1==3">{{item.answersRate}}%</span></p> </li> </ul> </div> <p class="noData" v-if="leadRank1.length==0">暂无数据</p> </div> </div> <div class="clearfix box_list"> <div class="leavNum fl"> <div class="homeHead clearfix homeHeadshow homeHeadshow1"> <h2 class="fl">今年留言</h2> <div class="fr"> </div> </div> <div id="initLeavNum" class="initLeavNum" style="width:100%;height:400px"></div> </div> <div class="line"></div> <div class="leavNum fr"> <div class="homeHead clearfix homeHeadshow"> <h2 class="fl">今年领域TOP10</h2> <div class="fr"> </div> </div> <div id="initDomain" class="initLeavNum" style="width:100%;height:400px"></div> </div> </div> </div> </div> <section class="appLink"><a href="https://app.people.cn/h5/mini_app/l/6444edb0858ae60001cdb682"><img src="/NMediaFile/2023/0721/MAIN1689917540431TYF3A1D3GF.jpg" alt=""></a></section> <!--通用版权--> <style type="text/css"> .footer .footerMain .footImg1 .qr-code-box{width:120px;float:left;text-align:center;padding-top:10px;} .footer .footerMain .footImg1 .qr-code-left{margin-left:19px;margin-right:12px;} .footer .footerMain .footImg1 img{width:110px;height:110px;margin-bottom:3px;} .footer .footerMain .footImg1 .qr-code-box p{font-size:12px;text-align:center;line-height:140%;color:#d0d5dc;width:130px;margin-left:-5px;-webkit-transform:scale(.9);transform:scale(.9);} .footer .footerMain .footMainHelp ul li{font-size:14px;} </style><div class="footer"><div class="footerMain"><div class="fl footImg1 clearfix"><h2><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADQSURBVFiF7dhBCoMwEEDRn9DTFATrBRpPVm/W3KCCeJ2mmxZKaeKgE5JF/nZEHyJD0LDROriJwG3rOq0MeFsT6FMUVQoEEVRJEPxBlQbBD6oGEHyhagHBG1UTCMCkhkvvXDd7r/nApXfOGu4JkD/FhuvgJhO4AqooSW0lSGsrQVqVK8HWBgKwtYEgcXQpWUNJayhpDSWtoaQ1lDSzXlxQuxn488OPsfnW+RzgGRjV3pQWqJt9+gdHCRAofFPaoMOoHKBDqFyg3aicoF2o3CCAF8+0iLlMO2SqAAAAAElFTkSuQmCC" alt="">倾听人民呼声 汇聚人民智慧</h2><div class="qr-code-box qr-code-left"><img src="/NMediaFile/2023/0720/MAIN1689836876287SFMAAGJHU9.png" alt=" "><p>下载“人民网+”客户端<br>给领导留言</p></div><div class="qr-code-box"><img src="/NMediaFile/2022/0621/MAIN202206211809395354851708898.jpg" alt=""><p style='text-align:justify;text-align-last: justify;'>扫码关注公众号</p></div></div><div class="footMainHelp fl"><h2>帮助中心</h2><ul class="clearfix"><li><a href="http://liuyan.people.com.cn/helpC?key=1" target="_blank">用户协议</a></li><li><a href="http://liuyan.people.com.cn/helpC?key=2" target="_blank">留言基础操作</a></li><li><a href="http://liuyan.people.com.cn/helpC?key=3" target="_blank">如何删除留言</a></li><li><a href="http://liuyan.people.com.cn/helpC?key=4" target="_blank">法人用户</a></li><li><a href="http://liuyan.people.com.cn/helpC?key=5" target="_blank">常见问题</a></li><li><a href="http://liuyan.people.com.cn/helpC?key=6" target="_blank">留言如何迅速得到办理</a></li><li><a href="http://liuyan.people.com.cn/helpC?key=7" target="_blank">联系我们</a></li><li><a href="https://liuyan.people.com.cn/lyb_privacy.html" target="_blank">隐私政策</a></li><li><a href="http://leaders.people.com.cn/GB/178291/218130/396788/index.html" target="_blank">各地如何开通办理权限</a></li></ul></div><div class="footMain1 fr"><div class="imgBox"><p>“领导留言板”客服邮箱：leader@people.cn<br></p><dl><dt>人民网</dt><dd> 服务邮箱：kf@people.cn<br> 违法和不良信息举报电话：010-65363636<br> 举报邮箱：rmwjubao@people.cn </dd></dl><dl><dt>人民日报</dt><dd> 违法和不良信息举报电话：010-65363263<br> 举报邮箱：jubao@people.cn </dd></dl></div></div></div><div class="footerBottom">人 民 网 股 份 有 限 公 司 版 权 所 有 ，未 经 书 面 授 权 禁 止 使 用</div></div> <script> function initHomeBar (id, chartData) { var getname = chartData.xAxisData var getvalue = chartData.seriesData var option = { title: { subtext: '回复率： 留言中被回复的数量占留言数的百分比', subtextStyle: { color: '#888888', fontSize: 14 }, itemGap: 20, right: '1%', top: 'top' }, grid: { top: '20%', right: '5%', left: '5%', bottom: '10%' }, tooltip: { trigger: 'axis', axisPointer: { type: 'none' }, extraCssText: 'background:#ffffff;color:#666666' }, xAxis: [{ data: getname.reverse(), axisLabel: { interval: 0, margin: 10, color: 'rgba(0,0,0,0.45)', textStyle: { fontSize: 14, color: '#8C8C8C' } }, axisLine: { lineStyle: { color: '#EFF0F2' } }, axisTick: { show: false } }], yAxis: [{ name: '', max:100, nameTextStyle: { color: 'rgba(0,0,0,0.45)', fontSize: 13, padding: [20, 20, 0, 0] }, axisLabel: { color: 'rgba(0,0,0,0.45)', textStyle: { fontSize: 12, color: '#8C8C8C' } }, axisLine: { show: false, lineStyle: { color: '#EFF0F2' } }, axisTick: { show: false }, splitLine: { lineStyle: { color: '#EFF0F2' // opacity: 0.2 } } }], animation: false, series: [{ name: '', type: 'bar', data: getvalue.reverse(), barWidth: '12px', itemStyle: { normal: { color: '#EB3B2F', barBorderRadius: [100, 100, 100, 100], label:{ formatter: '{c}%', show:true, position:"top", textStyle:{ fontSize:12 } } } } }], tooltip:{ formatter: '{b} : {c}%' } } var myCharts = echarts.init(document.getElementById(id)) // 1、清除画布 myCharts.clear() myCharts.setOption(option) return myCharts } /** * 工作台首页-留言回复速度 */ function initGHomePolarBar (id, chartData) { const myCharts = echarts.init(document.getElementById(id)) const option = { title: { text: chartData + '%', textStyle: { color: '#333', fontSize: 24 }, itemGap: 20, left: 'center', top: 'center' }, polar: { radius: 100, center: ['50%', '50%'] }, angleAxis: { boundaryGap: false, max: 100, splitLine: 'none', axisLine: 'none', axisLabel: 'none' }, radiusAxis: { type: 'category', data: ['1-15天'], axisLine: 'none', axisLabel: 'none', axisTick: 'none' }, series: [{ type: 'bar', coordinateSystem: 'polar', showBackground: true, backgroundStyle: { color: '#F0F0FA' }, barWidth: 14, data: [chartData], roundCap: true, itemStyle: { color: '#19A589' } }] } // 1、清除画布 myCharts.clear() myCharts.setOption(option) } /** * 留言量 */ function initLeavNumBar (id, chartData) { // const dataList = [10, 20, 30, 15, 22, 30] var total = chartData.seriesData[0] const option = { backgroundColor: '#fff', tooltip: { trigger: 'axis', formatter: function (params) { if (params[0].value === total) { return params[0].name + '：' + params[0].value } else { return params[0].name + '占比：' + ((params[0].value / total) * 100).toFixed(1) + '%' } } }, yAxis: { type: 'value', axisLabel: 'none', axisTick: 'none', axisLine: 'none', splitNumber: 4 }, xAxis: { type: 'category', data: chartData.xAxisData, axisTick: 'none', axisLabel: { // rotate: 30, interval: 0, textStyle: { color: '#8C8C8C', fontSize: 16, padding: 10 } }, axisLine: { lineStyle: { color: '#EFF0F2' } }, splitLine: { lineStyle: { color: '#EFF0F2' } } }, grid: { left: 0, right: 0, bottom: 10, top: 30, containLabel: true }, series: [ { name: 'bar', type: 'bar', barWidth: 14, showBackground: true, backgroundStyle: { color: '#F5F5FC', borderRadius: 50 }, itemStyle: { color: '#EB3B2F', borderRadius: 50 }, label: { normal: { show: true, position: 'top', fontSize: 20, color: '#191919', offset: [0, -2] } }, data: chartData.seriesData } ] } var myCharts = echarts.init(document.getElementById(id)) // 1、清除画布 myCharts.clear() myCharts.setOption(option) return myCharts } /** * 领域统计 */ function initDomainBar1 (id, chartData) { const dataList = chartData.seriesData const option = { backgroundColor: '#fff', tooltip: { trigger: 'axis', formatter: function (params) { return params[0].name + '：' + params[0].value } }, yAxis: { type: 'category', data: chartData.xAxisData, boundaryGap: false, axisTick: 'none', axisLabel: { textStyle: { color: '#8C8C8C', fontSize: 14, padding: 10 } }, axisLine: { lineStyle: { color: '#EFF0F2' } }, splitLine: { lineStyle: { color: '#EFF0F2' } } }, xAxis: { type: 'value', axisLabel: 'none', axisTick: 'none', axisLine: 'none', splitNumber: 4 }, grid: { left: 20, right: 20, bottom: 20, top: 20, containLabel: true }, series: [ { name: 'bar', type: 'bar', barWidth: '16', showBackground: true, backgroundStyle: { color: '#F5F5FC', borderRadius: 50 }, itemStyle: { color: '#EB3B2F', borderRadius: 50 }, label: { normal: { show: false, position: 'top', fontSize: 20, color: '#191919', offset: [0, -12] } }, data: dataList } ] } var myCharts = echarts.init(document.getElementById(id)) // 1、清除画布 myCharts.clear() myCharts.setOption(option) return myCharts } function initDomainBar (id, chartData) { const dataList = chartData.seriesData const option = { backgroundColor: '#fff', tooltip: { trigger: 'axis', formatter: function (params) { return params[0].name + '：' + params[0].value } }, yAxis: { type: 'value', axisLabel: 'none', axisTick: 'none', axisLine: 'none', splitNumber: 4 }, xAxis: { type: 'category', data: chartData.xAxisData, axisTick: 'none', axisLabel: { textStyle: { color: '#8C8C8C', fontSize: 16, padding: 10 } }, axisLine: { lineStyle: { color: '#EFF0F2' } }, splitLine: { lineStyle: { color: '#EFF0F2' } } }, grid: { left: 0, right: 0, bottom: 10, top: 0, containLabel: true }, series: [ { name: 'bar', type: 'bar', barWidth: 14, showBackground: true, backgroundStyle: { color: '#F5F5FC', borderRadius: 50 }, itemStyle: { color: '#EB3B2F', borderRadius: 50 }, label: { normal: { show: false, position: 'top', fontSize: 20, color: '#191919', offset: [0, -12] } }, data: dataList } ] } var myCharts = echarts.init(document.getElementById(id)) // 1、清除画布 myCharts.clear() myCharts.setOption(option) return myCharts } /** * 评价情况 */ function initEvaluateChart (id, chartData) { // const dataList = [10, 20, 30, 15, 22, 30, 50, 60, 40] const dataList = chartData.seriesData // const colors = ['#008CFF', '#FFC502', '#FF6B5D'] const colors = ['#FFC502', '#FF6B5D'] const option = { backgroundColor: '#fff', grid: { left: -30, right: 0, bottom: 0, top: 30, containLabel: true }, xAxis: { max: chartData.content, splitLine: { show: false }, axisLabel: { show: false } }, yAxis: [ { inverse: true, axisLine: 'none', axisTick: 'none', axisLabel: { margin: 80, textStyle: { fontSize: 16, color: '#666', align: 'left' } }, data: ['满意', '不满意'] }, { type: 'category', inverse: true, axisTick: 'none', axisLine: 'none', show: true, axisLabel: { textStyle: { fontSize: 24, color: '#222222' } }, data: dataList } ], series: [ { type: 'bar', color: ['red', 'green'], barWidth: 14, inverse: true, zlevel: 99, showBackground: true, backgroundStyle: { color: '#F5F5FC', borderRadius: 50 }, data: dataList.map((data, i) => { return { value: data, itemStyle: { color: colors[i], borderRadius: 50 }, label: { normal: { backgroundColor: colors[i], formatter: (params) => { const count = dataList.reduce((a, b) => a + b) const per = ((params.value / count) * 100).toFixed(1) return `${per} % ` } } } } }), label: { normal: { show: true, position: 'right', offset: [-20, -50], padding: [4, 9], lineHeight: 24, color: '#fff', fontSize: 18, borderRadius: 5 } } }, { type: 'pictorialBar', zlevel: 100, symbol: 'circle', symbolSize: '16', symbolOffset: [50, 0], symbolPosition: 'end', data: dataList.map((data, i) => { return { value: data, itemStyle: { color: '#fff', borderColor: colors[i], borderWidth: 100 } } }) } ] } var myCharts = echarts.init(document.getElementById(id)) // 1、清除画布 myCharts.clear() myCharts.setOption(option) return myCharts } $(document).ready(function(e) { $(".tipAdd").mouseover(function() { $(".tipText").show(); }).mouseout(function() { $(".tipText").hide(); }); $(".tipText").mouseover(function(){ $(".tipText").show(); }).mouseout(function() { $(".tipText").hide(); }); $(".tipAdd1").mouseover(function() { $(".tipText1").show(); }).mouseout(function() { $(".tipText1").hide(); }); $(".tipText1").mouseover(function(){ $(".tipText1").show(); }).mouseout(function() { $(".tipText1").hide(); }); //回复数据 $.ajax({ type: 'GET', url: "https://messageboard.people.cn/provinceAnswerRate.jsonp", dataType: 'jsonp', scriptCharset:'utf-8', jsonpCallback:"answerRate", success: function(res) { // console.log('地图数据1:',res) var chartData = { xAxisData: [], seriesData: [] } res.forEach(item => { let nums = item.num.split('%') chartData.seriesData.push(Math.ceil(nums[0])) chartData.xAxisData.push(item.name) }) initHomeBar('replyChart', chartData) } }) $.ajax({ type: 'GET', url: "https://messageboard.people.cn/newIndex_stat.jsonp", dataType: 'jsonp', scriptCharset:'utf-8', jsonpCallback:"IndexStat", success: function(res) { //console.log('留言数据:',res) var chartData = { xAxisData: [], seriesData: [] } chartData.seriesData.push(res.yearThreadsNum) chartData.seriesData.push(res.yearAnswersNum) chartData.seriesData.push(res.yearFeedbackNum) chartData.xAxisData.push('留言总量') chartData.xAxisData.push('已回复') chartData.xAxisData.push('已评价') initLeavNumBar('initLeavNum', chartData) } }) //领域数据 $.ajax({ type: 'GET', url: "https://messageboard.people.cn/domainCount.jsonp", dataType: 'jsonp', scriptCharset:'utf-8', jsonpCallback:"domainCount", success: function(res) { //console.log('领域数据:',res) var chartData = { xAxisData: [], seriesData: [] } var list = res; list = list.reverse() list.forEach(item => { //console.log(item) chartData.seriesData.push(item.num) chartData.xAxisData.push(item.domain_name) }) initDomainBar1('initDomain', chartData) } }) }); new Vue({ el: "#app", data() { return { examine: { tips: '', resule: '', state: '' }, dataForm: { messageType: '', plateList: '', domainList: '', endTime: '', startTime: '' }, popupShow: false, errorVisible: false, activeName: '1', activeName1: '1', time: [], time1: [], leadRank:"", leadRank1: [], data1:"", data2:"", data3:"", data4:"", data5:"", data6:"", dataMouth: '', dataYear: '', cityRankLoading:false, } }, components: { }, mounted() { //this.leavRank('ss') //this.leavRank('qx') // this.initReplyRank() let that = this; that.replyRank().then((res)=>{ that.data1 = res.data.liuyan1 that.data2 = res.data.huifu1 that.data3 = res.data.huifulv1 that.data4 = res.data.liuyan2 that.data5 = res.data.huifu2 that.data6 = res.data.huifulv2 that.leadRank = that.data1 that.leadRank1 = that.data4 $('.time').html(res.data.month) }) //this.initLeavNum() //this.initDomain() }, methods: { replyRank() { let that = this; return new Promise(function(resolve, reject){ $.ajax({ type: 'GET', url: "http://messageboard.people.cn/paihang.jsonp", dataType: 'jsonp', scriptCharset: 'GBK', jsonpCallback:"IndexPaihang", success: function(res) { console.log('排行数据:',res) resolve({ "data":res }) } }) }) }, satisfiedRank(type) { var dataForm = { type: type } axios.post('http://liuyanuat.peopletech.cn:8006/admin/msg/getLeaderFeedbackRank', dataForm).then(({ data: res }) => { if (res.code !== 0) { return this.$message.error(res.msg) } if (type === 'ss') { this.cityRankLoading = false; this.leadRank = res.data } else { this.cityRankLoading1 = false; this.leadRank1 = res.data } }) }, againSubmit() { this.$router.push({ name: 'resubmitE' }) }, hidepopup() { this.popupShow = false }, handleClick() { if (this.activeName === '1') { this.leadRank = this.data1 } else if (this.activeName === '2') { this.leadRank = this.data2 } else if (this.activeName === '3') { this.leadRank = this.data3 } }, handleClick1() { if (this.activeName1 === '1') { this.leadRank1 = this.data4 } else if (this.activeName1 === '2') { this.leadRank1 = this.data5 } else if (this.activeName1 === '3') { this.leadRank1 = this.data6 } }, initLeavNum() { var dataForm = { messageType: '', plateList: '', domainList: '', endTime: '', startTime: '' } if (this.time.length > 0) { dataForm.startTime = this.time[0] dataForm.endTime = this.time[1] } axios.post('http://liuyanuat.peopletech.cn:8006/admin/msg/getDataBoardMsgInfo', dataForm).then(({ data: res }) => { if (res.code !== 0) { return this.$message.error(res.msg) } var chartData = { xAxisData: [], seriesData: [] } res.data.forEach(item => { chartData.seriesData.push(item.value) chartData.xAxisData.push(item.name) }) initLeavNumBar('initLeavNum', chartData) }) }, initDomain() { var dataForm = { messageType: '', plateList: '', domainList: '', endTime: '', startTime: '' } if (this.time1 && this.time1.length > 0) { dataForm.startTime = this.time1[0] dataForm.endTime = this.time1[1] } axios.post('http://liuyanuat.peopletech.cn:8006/admin/commonHome/getDomainData', dataForm).then(({ data: res }) => { if (res.code !== 0) { return this.$message.error(res.msg) } var chartData = { xAxisData: [], seriesData: [] } res.data.firstFormat.sort(function (a, b) { return b.value - a.value }) var list = res.data; list = list.reverse() list.forEach(item => { chartData.seriesData.push(item.num) chartData.xAxisData.push(item.domain_name) }) initDomainBar1('initDomain', chartData) }) }, // 个人/企业用户去留言 leavPerMessage() { // if (!Cookies.get('token')) { // this.$store.commit('changeLoginState', true) // } else if (Cookies.get('userType') === '0') { // this.popupShow = true // } else if (Cookies.get('userType') === '4') { // this.getUserInfo() // } }, // 获取当前管理员信息 getUserInfo() { axios.get('http://liuyanuat.peopletech.cn:8006/admin/sys/user/info').then(({ data: res }) => { if (res.code !== 0) { return this.$message.error(res.msg) } if (res.data.checkState === '-1') { this.examine.result = '审核失败' this.examine.tips = res.data.checkMsg this.examine.state = res.data.checkState this.errorVisible = true } else if (res.data.checkState === '1') { this.examine.result = '待审核' this.examine.tips = res.data.checkMsg this.examine.state = res.data.checkState this.errorVisible = true } else if (res.data.checkState === '2') { this.popupShow = true } }).catch(() => { }) } } }) </script> <script src="http://tools.people.com.cn/css/2010tianrun/webdig_test.js" language="javascript" type="text/javascript" async></script> <!-- CMS 微信分享 --> </body> </html>