基于公安智慧监管的反诈骗专业数据分析数据可视化大屏页面模板html
在线预览地址 http://yuanbaoshuju.com
由于信息诈骗黑色产业链十分完备、分工明确，而且跨地域合作，从短信、电话、传真、网络病毒木马等渠道多管齐下，反信息诈骗工作对于警方和企业均十分困难。针对犯罪分子“狡兔三窟”的作案模式，对各种数据平台发掘，包括对群众被举报和侦缉的银行帐号、电话号码、网址、诈骗案例和证据等。
建立反诈骗大数据分析大屏对数据进行挖掘分析，便能从中看到大量之前单靠个体和单个数据库难以发现的联系。如今，只要掌握骗子用过电话号码等信息，就能挖掘出骗子上过的网站、联系过的人以及使用过的银行卡，只需要将信息通过大数据重组，就能建立起比较完整的踪迹路线图。如此一来，公安可以马上组织精准侦查，银行或者电商网站马上可以阻止骗子注册开户，运营商等可以马上通知和阻止潜在受害用户转款。
在“大数据”分析的帮助下，警方利用数据获取时间大幅缩短的优势，对黑产业进行闪电打击，大幅提升侦破该类诈骗犯罪的破案能力。
在线预览地址 http://yuanbaoshuju.com
实例页面部分代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>山东公安反诈骗专业应用系统</title>
<!-- css样式 -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/bigScreen_aj.css" />
<!-- js脚本 -->
<script src="js/ui/jquery.min.js"></script>
<script src="js/ui/jquery.ba-resize.js"></script>
<script src="js/ui/jquery.mCustomScrollbar.js" ></script>
<script src="js/ui/jquery.mousewheel_new.js" ></script>
<script src="js/ui/bootstrap.js"></script>
<script src="js/ui/countUp.min.js"></script>
<script src="js/ui/num.js"></script>
<script src="js/ui/scrollReveal.js"></script>
<!--echarts-->
<script src="js/ui/echarts/echarts.min.js"></script>
<script type="text/javascript" src="js/data/shandong.js"></script>
<!-- 图表js脚本 -->
<script src="js/web/bigScreen_aj.js"></script>
</head>
<body>
<!--head-->
<div class="header clearBox">
<div class="floatL header-one samePadding" data-scroll-reveal="enter left and move 4vw over 1s">
<div class="header_one_top">
<div class="header_one_top_floatL">
<p>324<span>起</span></p>
<p>今日案件总数</p>
</div>
<div class="header_one_top_floatL">
<p>512<span>起</span></p>
<p>今日破案总数</p>
</div>
<div class="header_one_top_floatL">
<p>226<span>人</span></p>
<p>今日抓捕人数</p>
</div>
<div class="header_one_top_floatL">
<p>32434<span>起</span></p>
<p>今年案件总数</p>
</div>
<div class="header_one_top_floatL">
<p>51223<span>起</span></p>
<p>今年破案总数</p>
</div>
<div class="header_one_top_floatL">
<p>22632<span>人</span></p>
<p>今年抓捕人数</p>
</div>
</div>
<div class="header_one_bottom" id="echart_ajtj"></div>
<div class="header_one_bottom_title all_title_border2">今日受案：二十四个分类案件统计</div>
</div>
<div class="floatL header-two" data-scroll-reveal="enter top and move 4vh over 1s">
<div class="all-title">山东公安反诈骗专业应用系统</div>
<div class="subTitle clearBox">
<span class="floatL all_title_border4">2018年度涉嫌金额总计</span>
<span class="floatR">
<i>2018-02-20</i>
<i>12:35:23</i>
</span>
</div>
<div class="ts-stati clearBox">
<div id="moneyCount" class="floatL">
<span class="t_num1"></span>
</div>
<div class="floatL floatY">元</div>
</div>
<div class="map" id="map"></div>
<div class="money_two">
<div class="tsAllMoney_title">
<span class="all_title_border5">当天涉嫌金额（元）</span>
</div>
<div id="tsAllMoney" class="tsAllMoney">
<span class="t_num2"></span>
</div>
</div>
</div>
<div class="floatL header-three samePadding" data-scroll-reveal="enter bottom and move 4vh over 1s">
<div class="up_t">
<div class="floatL">
<div class="bottom-title all_title_border">警情数量</div>
<div class="thisChart phoneList thisChart2 phoneList2">
<div class="listRow clearBox">
<div>
<span>济南</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 6.5vw;"></span>
</span>
</div>
<div class="sameCount">
<span>213</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>济南</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 6.5vw;"></span>
</span>
</div>
<div class="sameCount">
<span>213</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>青岛</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 6vw;"></span>
</span>
</div>
<div class="sameCount">
<span>167</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>临沂</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 5vw;"></span>
</span>
</div>
<div class="sameCount">
<span>123</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>德州</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 4.5vw;"></span>
</span>
</div>
<div class="sameCount">
<span>111</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>聊城</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 4.3vw;"></span>
</span>
</div>
<div class="sameCount">
<span>76</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>日照</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 4vw;"></span>
</span>
</div>
<div class="sameCount">
<span>34</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>烟台</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 3vw;"></span>
</span>
</div>
<div class="sameCount">
<span>22</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>冬营</span>
</div>
<div>
<span class="sameLoad2">
<span class="loadBg" style="width: 2vw;"></span>
</span>
</div>
<div class="sameCount">
<span>9</span>
<span>起</span>
</div>
</div>
</div>
</div>
<div class="floatL">
<div class="bottom-title all_title_border">发案金额</div>
<div class="thisChart phoneList thisChart3 phoneList3">
<div class="listRow clearBox">
<div>
<span>济南</span>
</div>
<div>
<span class="sameLoad3">
<span class="loadBg" style="width: 6.5vw;"></span>
</span>
</div>
<div class="sameCount">
<span>233213</span>
<span>元</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>青岛</span>
</div>
<div>
<span class="sameLoad3">
<span class="loadBg" style="width: 6vw;"></span>
</span>
</div>
<div class="sameCount">
<span>167</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>临沂</span>
</div>
<div>
<span class="sameLoad3">
<span class="loadBg" style="width: 5vw;"></span>
</span>
</div>
<div class="sameCount">
<span>123</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>德州</span>
</div>
<div>
<span class="sameLoad3">
<span class="loadBg" style="width: 4.5vw;"></span>
</span>
</div>
<div class="sameCount">
<span>111</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>聊城</span>
</div>
<div>
<span class="sameLoad3">
<span class="loadBg" style="width: 4.3vw;"></span>
</span>
</div>
<div class="sameCount">
<span>76</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>日照</span>
</div>
<div>
<span class="sameLoad3">
<span class="loadBg" style="width: 4vw;"></span>
</span>
</div>
<div class="sameCount">
<span>34</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>烟台</span>
</div>
<div>
<span class="sameLoad3">
<span class="loadBg" style="width: 3vw;"></span>
</span>
</div>
<div class="sameCount">
<span>22</span>
<span>起</span>
</div>
</div>
<div class="listRow clearBox">
<div>
<span>冬营</span>
</div>
<div>
<span class="sameLoad3">
<span class="loadBg" style="width: 2vw;"></span>
</span>
</div>
<div class="sameCount">
<span>9</span>
<span>起</span>
</div>
</div>
</div>
</div>
</div>
<div class="echart_yys" id="echart_yys"></div>
</div>
</div>
<!--footer-->
<div class="footer clearBox">
<div class="floatL footer-one samePadding" data-scroll-reveal="enter left and move 1vw over 1s">
<div class="floatL">
<div class="up-title all_title_border3">全省各地市 受案/破案 情况</div>
<div id="echarts_tzy" class="echarts_tzy"></div>
</div>
<div class="floatL footer_leftpd">
<div class="up-title all_title_border3 tuli_left">全省近一周案件数量和涉案金额趋势图</div>
<div class="up-title"><span></span></div>
<div class="echart_zxyys" id="echart_zxyys"></div>
</div>
</div>
<div class="floatL footer-two samePadding" data-scroll-reveal="enter right and move 1vw over 1s">
<div class="up-title all_title_border3">全省各地市 发案/止付 金额</div>
<div id="echarts_fazf" class="echarts_fazf"></div>
</div>
</div>
</body>
</html>
扫一扫
1565
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
