You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
369 lines
15 KiB
369 lines
15 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta http-equiv="pragma" content="no-cache">
|
|
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
|
|
<meta http-equiv="expires" content="0">
|
|
<meta name="description" content="“一网共治”基层治理智慧平台">
|
|
<meta name="keywords" content="“一网共治”基层治理智慧平台">
|
|
<title>“一网共治”基层治理智慧平台——驾驶舱</title>
|
|
<!-- Bootstrap -->
|
|
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
|
|
<script src="js/bootstrap.min.js" type="text/javascript"></script>
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
|
<link href="css/css.css" rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href="css/swiper.min.css">
|
|
<script src="js/jquery.waypoints.min.js"></script>
|
|
<script src="js/jquery.countup.js"></script>
|
|
<script src="js/swiper.min.js"></script>
|
|
<script src="js/common.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var whei = $(window).width()
|
|
$("html").css({
|
|
fontSize: whei / 20
|
|
})
|
|
$(window).resize(function() {
|
|
var whei = $(window).width()
|
|
$("html").css({
|
|
fontSize: whei / 20
|
|
})
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body style="background: url(images/bg_jsc.jpg) no-repeat center top; background-size: 100% 100%;">
|
|
<div class="main">
|
|
<!-- 头部 -->
|
|
<div class="mainhead">
|
|
<div class="logobox fl"><img src="images/logo_t.png"><span id="main_city">北京市大兴区</span>
|
|
</div>
|
|
<div class="navbox">
|
|
<li>
|
|
<!-- <a class="islogin" href="/admin">登录</a> -->
|
|
</li>
|
|
<!-- <li><a href="/yiwanggongzhi/policy.html">政策资讯</a></li>
|
|
<li><a href="/yiwanggongzhi/activity.html">社区服务</a></li>
|
|
<li><a href="/yiwanggongzhi/govern.html">治理主体</a></li>
|
|
<li><a href="/yiwanggongzhi/need.html">供需服务</a></li>
|
|
<li><a href="/yiwanggongzhi/credit.html">信用百度</a></li>
|
|
<li><a href="/yiwanggongzhi/login.html">案例库</a></li>
|
|
<li class="last"><a href="#"><img src="images/icon_listen.png"></a></li> -->
|
|
</div>
|
|
</div>
|
|
<!-- 主要部分 -->
|
|
<div class="main-content">
|
|
<div class="con-left fl">
|
|
<!-- 组织类别 -->
|
|
<div class="left-top">
|
|
<div class="left-type boxstyle">
|
|
<div class="commontitle">组织类别</div>
|
|
<ul>
|
|
<li><a href="#">
|
|
<i class="iconimg"></i>
|
|
<div class="type-title">
|
|
<h2><span class="counter"></span><span>家</span></h2>
|
|
<p>养老服务</p>
|
|
</div>
|
|
</a></li>
|
|
<li><a href="#">
|
|
<i class="iconimg"></i>
|
|
<div class="type-title">
|
|
<h2> <span class="counter" data-num="47">47</span><span>家</span></h2>
|
|
<p>亲子家庭</p>
|
|
</div>
|
|
</a></li>
|
|
<li><a href="#">
|
|
<i class="iconimg"></i>
|
|
<div class="type-title">
|
|
<h2> <span class="counter" data-num="12">12</span><span>家</span></h2>
|
|
<p>物业服务</p>
|
|
</div>
|
|
</a></li>
|
|
<li><a href="#">
|
|
<i class="iconimg"></i>
|
|
<div class="type-title">
|
|
<h2> <span class="counter" data-num="56">56</span><span>家</span></h2>
|
|
<p>环境保护</p>
|
|
</div>
|
|
</a></li>
|
|
<li><a href="#">
|
|
<i class="iconimg"></i>
|
|
<div class="type-title">
|
|
<h2> <span class="counter" data-num="142">142</span><span>家</span></h2>
|
|
<p>其他</p>
|
|
</div>
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- 活动类别分析 -->
|
|
<div class="top-bottom boxstyle">
|
|
<div class="commontitle">活动类别分析</div>
|
|
<div id="echarts_1" class="charts"></div>
|
|
</div>
|
|
</div>
|
|
<!-- 企业排行 -->
|
|
<div class="left-bottom boxstyle">
|
|
<div class="commontitle">企业排行</div>
|
|
<div class="left_tab">
|
|
<span class="active">企业信用排行</span>
|
|
<span>企业积分排行</span>
|
|
<span>个人信用排行</span>
|
|
<span>个人积分排行</span>
|
|
</div>
|
|
<div class="plbox">
|
|
<!-- 企业信用排行 -->
|
|
<ul>
|
|
<li><a>大兴区治安综合治理促进会</a><span class="phnum counter" data-num="90">90</span></li>
|
|
<li><a>北京市大兴区户外广告行业协会</a><span class="phnum counter" data-num="87">87</span></li>
|
|
<li><a>北京市大兴区文化娱乐行业协会</a><span class="phnum counter" data-num="85">85</span></li>
|
|
<li><a>北京市大兴区老医药卫生工作者协会</a><span class="phnum counter" data-num="80">80</span></li>
|
|
<li><a>北京市大兴区医学会</a><span class="phnum counter" data-num="79">79</span></li>
|
|
</ul>
|
|
<!-- 企业积分排行 -->
|
|
<ul>
|
|
<li><a>大兴区治安综合治理促进会</a><span class="phnum counter" data-num="90">90</span></li>
|
|
<li><a>北京市大兴区户外广告行业协会</a><span class="phnum counter" data-num="87">87</span></li>
|
|
<li><a>北京市大兴区文化娱乐行业协会</a><span class="phnum counter" data-num="85">85</span></li>
|
|
</ul>
|
|
<!-- 个人信用排行 -->
|
|
<ul>
|
|
<li><a>大兴区治安综合治理促进会</a><span class="phnum counter" data-num="90">90</span></li>
|
|
<li><a>北京市大兴区户外广告行业协会</a><span class="phnum counter" data-num="87">87</span></li>
|
|
</ul>
|
|
<!-- 个人积分排行 -->
|
|
<ul>
|
|
<li><a>大兴区治安综合治理促进会</a><span class="phnum counter" data-num="90">90</span></li>
|
|
<li><a>北京市大兴区户外广告行业协会</a><span class="phnum counter" data-num="87">87</span></li>
|
|
<li><a>北京市大兴区文化娱乐行业协会</a><span class="phnum counter" data-num="85">85</span></li>
|
|
<li><a>北京市大兴区老医药卫生工作者协会</a><span class="phnum counter" data-num="80">80</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 中间区域 -->
|
|
<div class="con-center fl" >
|
|
<div class="center-top" >
|
|
<li>
|
|
<div class="imgbox"><img src="images/iconimg1.jpg"></div>
|
|
<div class="center-title">
|
|
<p class="counter counterp" data-num="100">100</p>
|
|
<span>社会组织</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="imgbox"><img src="images/iconimg2.jpg"></div>
|
|
<div class="center-title">
|
|
<p class="counter counterp" data-num="312">312</p>
|
|
<span>社区社会组织</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="imgbox"><img src="images/iconimg3.jpg"></div>
|
|
<div class="center-title">
|
|
<p class="counter counterp" data-num="51">51</p>
|
|
<span>社会企业</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="imgbox"><img src="images/iconimg4.jpg"></div>
|
|
<div class="center-title">
|
|
<p class="counter counterp" data-num="121">121</p>
|
|
<span>居民</span>
|
|
</div>
|
|
</li>
|
|
</div>
|
|
<!-- 地图 -->
|
|
<div class="center-map" id="map">
|
|
</div>
|
|
<!-- 近期需求公示 -->
|
|
<div class="center-bottom boxstyle" >
|
|
<div class="commontitle">近期需求公示</div>
|
|
<div class="swiper-container" id="aboutneed">
|
|
<div class="swiper-wrapper">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 右边区域 -->
|
|
<div class="con-right fr">
|
|
<div class="right-top">
|
|
<div class="top-list">
|
|
<li>
|
|
<p><b class="counter counterb" data-num="432">432</b>万元</p>
|
|
<span>成交金额</span>
|
|
</li>
|
|
<li>
|
|
<p><b class="counter counterb" data-num="142">142</b>笔</p>
|
|
<span>成交项目</span>
|
|
</li>
|
|
<li>
|
|
<p><b class="counter counterb" data-num="156">156</b>个</p>
|
|
<span>入驻供应商</span>
|
|
</li>
|
|
<li>
|
|
<p><b class="counter counterb" data-num="432">432</b>个</p>
|
|
<span>发布需求</span>
|
|
</li>
|
|
</div>
|
|
<!-- 采购公示 -->
|
|
<div class="cggsbox boxstyle">
|
|
<div class="commontitle">采购公示</div>
|
|
<ul>
|
|
<li><a href="#">2022年北京市大兴区高新园区运营管理服务采购</a><span>2022-01-10</span></li>
|
|
<li><a href="#">数据治理服务和系统软件维护及图像中心运行…</a><span>2022-01-10</span></li>
|
|
<li><a href="#">学院路街道2021年智慧社区基层治理数字化升…</a><span>2022-01-10</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- 需求类别分析 -->
|
|
<div class="right-center boxstyle">
|
|
<div class="commontitle">需求类别分析</div>
|
|
<div id="echarts_2" class="charts"></div>
|
|
</div>
|
|
<!-- 服务类别分析 -->
|
|
<div class="right-bottom boxstyle">
|
|
<div class="commontitle">服务类别分析</div>
|
|
<div id="echarts_3" class="charts"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="js/echarts_common.js"></script>
|
|
<!-- <script src="js/china.js"></script> -->
|
|
<script src="js/echarts.js"></script>
|
|
|
|
<script>
|
|
$(function() {
|
|
var counterList = [72, 98, 84, 143, 64, 55, 60, 77, 88, 76, 99, 234, 678]
|
|
var counters = $(".counter");
|
|
for (var i = 0; i < counters.length; i++) {
|
|
var nums = counterList[Math.floor(Math.random() * counterList.length)];
|
|
$(counters).eq(i).attr("data-num", nums);
|
|
$(counters).eq(i).text(nums);
|
|
|
|
}
|
|
$('.counter').countUp({
|
|
delay: 50,
|
|
time: 1500
|
|
});
|
|
getAdminUser();
|
|
getNeedList();
|
|
})
|
|
|
|
function getNeedList() {
|
|
var url = "/api/pc/need/need-index";
|
|
var params = {
|
|
item_type_id: "",
|
|
status_id: "",
|
|
need_type_id: "",
|
|
keyword: "",
|
|
date_type: "",
|
|
area_id: "",
|
|
page_size: 6,
|
|
page: 1
|
|
}
|
|
callApi(url, 'get', params, function(res) {
|
|
$("#aboutneed .swiper-wrapper").empty();
|
|
var data = res.data;
|
|
if (data.length > 0) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
var created_at = data[i].created_at.substring(0, 10);
|
|
var type_detail = data[i].item_type_detail ? data[i].item_type_detail.value : "";
|
|
$("#aboutneed .swiper-wrapper").append("<div class='swiper-slide currenbox'>" +
|
|
"<h2>[" + type_detail + "] <a class='lineone' href='/yiwanggongzhi/need-article.html?id=" + data[
|
|
i].id + "'>" + data[i].title + "</a></h2>" +
|
|
"<p>采购单位：" + data[i].purchase + "<br>" +
|
|
"发布时间：" + created_at + "</p>" +
|
|
"</div>")
|
|
}
|
|
|
|
var mySwiper = new Swiper('#aboutneed', {
|
|
direction: 'horizontal', // 垂直切换选项
|
|
loop: true, // 循环模式选项
|
|
speed: 6000,
|
|
autoplay: 3000,
|
|
autoplayDisableOnInteraction: false,
|
|
// 如果需要前进后退按钮
|
|
|
|
})
|
|
$("#aboutneed").mouseenter(function() {
|
|
mySwiper.stopAutoplay();
|
|
}).mouseleave(function() {
|
|
mySwiper.startAutoplay();
|
|
});
|
|
}
|
|
|
|
|
|
|
|
})
|
|
}
|
|
|
|
function getAdminUser() {
|
|
var token = getCookie("vue_yiwanggongzhi_token");
|
|
var baseurl = "http://yiwanggongzhi.demo.langye.net";
|
|
var url = "/api/admin/auth/me";
|
|
var ajaxurl = baseurl + url;
|
|
if (!token) {
|
|
$(".navbox li").append("<a href='/admin' class='islogin'>登录</a>")
|
|
return;
|
|
}
|
|
var params = {
|
|
token: token
|
|
}
|
|
$.ajax({
|
|
url: ajaxurl,
|
|
type: "post",
|
|
timeout: 15000,
|
|
contentType: 'application/x-www-form-urlencoded',
|
|
data: params,
|
|
dataType: 'json',
|
|
success: function(res) {
|
|
if (res) {
|
|
$(".navbox li").append("<a href='/admin/admin.html' class=''>" + res.name + "</a>")
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
function callApi(url, type, params, callback) {
|
|
var baseurl = "http://yiwanggongzhi.demo.langye.net";
|
|
var ajaxurl = baseurl + url
|
|
$.ajax({
|
|
url: ajaxurl,
|
|
type: type,
|
|
timeout: 15000,
|
|
contentType: 'application/x-www-form-urlencoded',
|
|
data: params,
|
|
dataType: 'json',
|
|
success: function(res) {
|
|
if (callback) callback(res)
|
|
}
|
|
})
|
|
}
|
|
|
|
function getCookie(name) {
|
|
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
|
|
|
|
if (arr = document.cookie.match(reg))
|
|
|
|
return (arr[2]);
|
|
else
|
|
return null;
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|