yaclty/big-data-chart
1
0
Fork 0
mirror of https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi.git synced 2025-06-17 06:55:26 +08:00
Code Issues Releases Wiki Activity

智慧金融-银行企业信用风险实时监测

Browse Source
This commit is contained in:
郎大伟 2020-01-15 11:20:29 +08:00
parent 44c5ba93f1
commit 4cb202880c
21 changed files with 2635 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

561
智慧金融/银行企业信用风险实时监测/css/index.css Normal file
View File

@ -0,0 +1,561 @@
/*重置默认的外边距和内边距*/
*{
margin:0;
padding:0;
}
::-webkit-scrollbar
{
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track-piece
{
background-color: #CCCCCC;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical
{
height: 5px;
background-color: #999999;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal
{
width: 5px;
background-color: #CCCCCC;
-webkit-border-radius: 6px;
}
/*常用标签的样式重置*/
i{
font-style: normal;
}
a{
text-decoration: none;
}
input{
outline: none;
border:none;
}
li{
list-style: none;
}
/*设定html和body的宽度为100%*/
html,body{
width:100%;
font: 14px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
-webkit-font-smoothing: antialiased;
color: #666;
height: 100%;
}
body{
overflow: auto;
}
.wrap{
background:url(../img/bg.png) no-repeat;
height: 1080px;
background-size: cover;
width: 1920px;
}
.wid_1820{
width: 1820px;
height: 100%;
margin: 0 auto;
}
.header{
height: 55px;
padding-top: 15px;
font-size: 24px;
color: #fff;
display: flex;
align-items: center;
flex-direction: center;
}
.header p{
width: 33.33%;
display: block;
}
.header p:nth-child(1)>span{
background: rgba(255,255,255,0.1);
/* width:238px; */
/* height:52px;
line-height: 52px; */
padding: 15px 15px;
border-radius: 5px;
display: inline-block;
margin-top:10px;
}
.header p:nth-child(2){
text-align: center;
font-size: 34px;
}
.header p:nth-child(3){
text-align: right;
}
.header p:nth-child(3) span{
background:url(../img/user.png) left center no-repeat;
padding-left: 20px;
color: #487bff;
font-size: 16px;
}
.header p:nth-child(3) span a{
margin-left:23px;
cursor: pointer;
}
.wid_1820 .title{
margin-bottom: 25px;
}
.title{
text-indent:35px;
margin-top:20px;
color:#fff;
font-size: 24px;
height: 33px;
line-height: 33px;
margin-bottom: 80px;
}
.hefont{
cursor: pointer;
}
.title span{
font-size: 18px;
line-height: 35px;
text-indent:35px;
font-weight: 100;
display: inline-block;
}
.ttbg{
background:url(../img/btbg.png) left center no-repeat / 100% 100%;
position: absolute;
left:0;
top:61px;
width: 502px;
height: 64px;
line-height: 22px;
padding-top: 33px;
text-indent: 75px;
}
.ttbg span{
text-indent:75px;
}
.ctitle{
position: relative;
top:-38px;
left:35px;
font-weight: 500;
color: #fff;
font-size: 18px;
}
.content{
border:1px solid #081f5a;
min-height: 860px;
position: relative;
}
div.content1{
margin-top: 152px;
min-height: 810px;
}
div.content1 .guang{
left:-25px;
}
.guang{
position: absolute;
left:70px;
top:-13px;
width: 269px;
display: block;
}
.tb{
width: 880px;
height: 397px;
/* background:#0c0f2b url(../img/tb_bg.png) left center no-repeat;*/
background: linear-gradient(to left, #003BCF, #003BCF) left top no-repeat,
linear-gradient(to bottom, #003BCF, #003BCF) left top no-repeat,
linear-gradient(to left, #003BCF, #003BCF) right top no-repeat,
linear-gradient(to bottom, #003BCF, #003BCF) right top no-repeat,
linear-gradient(to left, #003BCF, #003BCF) left bottom no-repeat,
linear-gradient(to bottom, #003BCF, #003BCF) left bottom no-repeat,
linear-gradient(to left, #003BCF, #003BCF) right bottom no-repeat,
linear-gradient(to left, #003BCF, #003BCF) right bottom no-repeat;
background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px;
background-color: #0B0F2A;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 10px;
position: relative;
}
.tb_left{
float: left;
}
.tb_right{
float: right;
margin-right: 10px;
}
div.tb1{
width: 525px;
/*margin-right: 10px;*/
margin-top:50px;
background: none;
}
td{
/*text-align: left !important;*/
}
.heji{
text-align: right;
}
div.tb2{
width: 609px;
/*margin-right: 10px;*/
margin-top:50px;
background: none;
}
div.tb3{
width: 621px;
margin-top:50px;
background: none;
}
.tb1 table,.tb2 table,.tb3 table{
margin-top:20px;
/*background:#0c0f2b url(../img/tb_bg.png) left center no-repeat;*/
background: linear-gradient(to left, #003BCF, #003BCF) left top no-repeat,
linear-gradient(to bottom, #003BCF, #003BCF) left top no-repeat,
linear-gradient(to left, #003BCF, #003BCF) right top no-repeat,
linear-gradient(to bottom, #003BCF, #003BCF) right top no-repeat,
linear-gradient(to left, #003BCF, #003BCF) left bottom no-repeat,
linear-gradient(to bottom, #003BCF, #003BCF) left bottom no-repeat,
linear-gradient(to left, #003BCF, #003BCF) right bottom no-repeat,
linear-gradient(to left, #003BCF, #003BCF) right bottom no-repeat;
background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px;
background-color: #0B0F2A;
padding:12px;
}
.tb .h3title{
position: absolute;
top:-50px;
left:0px;
background-color: transparent;
}
.tb>h3{
background:url(../img/titleioc.png) left center no-repeat;
text-indent: 27px;
margin-left: 20px;
margin-top: 15px;
height: 33px;
line-height: 33px;
font-size: 24px;
width: 90%;
color: #fff;
font-weight: 100;
}
.tb>table{
width: 98%;
margin-left: 2%;
color: #fff;
text-align: center;
border:none;
border-spacing: 0
}
.tb>table td{
border:none;
height: 30px;
}
.tb>table tr:nth-child(odd){
background: #1f223c;
}
.tb_title{
background: #1f223c;
color: #487bff;
height: 35px;
line-height: 35px;
font-size: 16px;
}
.baner{
height: 30px;
position: absolute;
right: 0px;
top:110px;
width: 697px;
height: 56px;
}
.baner a{
float: left;
color: #596DA2;
display: block;
padding:0 15px;
height: 43px;
text-align: center;
margin-right: 55px;;
cursor: pointer;
line-height: 42px;
}
.baner a:hover,.baner .ahover{
color: #fff;
background:url(../img/bthover.png) left center no-repeat / 100% 100%;
}
.fxzt{
float: left;
width: 492px;
height: 220px;
background:#0c0f2b url(../img/border2.png) left center no-repeat / 100% 100%;
}
.fxzt>div{
width: 95%;
margin: 0 auto;
height: 90%;
margin-top:2%;
}
.fxzt>div>span{
margin-left: 295px;
display: inline-block;
color: #71DDF9;
font-size: 18px;
}
.div1{
float: left;
width: 675px;
height: 238px;
}
.cznl{
width: 100%;
clear: both;
}
.cznl>div{
display: none;
}
.echart_div{
width: 700px;
float: left;
height: 600px;
}
.czl{
width: 100%;
float: left;
min-height: 400px;
display: none;
margin-left: 10px;
}
.fxztul{
width: 380px;
margin-top: 15px;
}
.fxztul li{
float: left;
width: 170px;
color: #fff;
height: 57px;
margin-top: 15px;
}
.fxztul li span{
height: 15px;
width: 3px;
display: inline-block;
background: #00B7F0;
margin-right: 5px;
margin-left:15px;
}
.litime p{
line-height: 33px;
color: #72DDFF;
font-size: 24px;
text-indent: 22px;
}
.listate{
text-align: center;
}
.listate p{
color: #3AFF57;
line-height: 36px;
text-align: center;
}
.linumber p{
color: #FCB300;
font-weight: 800;
line-height: 36px;
text-indent: 22px;
font-size: 24px;
}
.tb_pos{
position: absolute;
right: 10px;
top: 15px;
width: 525px;
height: 290px;
}
div.tb_pos2{
top:321px;
}
.sheng{
display: inline-block;
margin-left: 5px;
color: red;
font-size: 18px;
font-weight: 800;
}
.jiang{
display: inline-block;
margin-left: 5px;
color: green;
font-weight: 800;
font-size: 18px;
}
.lins1{
float: left;
width: 815px;
height: 406px;
}
.lines1tb{
float: right;
width: 960px;
height: 406px;
}
.lines1tb .tb{
width: 97%;
}
.content1>div{
display: none;
}
.lins2,.lins3,.lins4{
width: 405px;
height: 260px;
float: left;
margin-left: 10px;
margin-top: 50px;
background:#0c0f2b url(../img/border2.png) left center no-repeat / 100% 100%;
}
.linsdiv{
width: 100%;
height: 218px;
margin-top:36px;
}
.lins_t{
width: 164px;
margin-right: 15px;
height: 32px;
margin-top: 8px;;
line-height: 32px;
float: right;
color: #fff;
clear: both;
text-align: right;
}
.lines4tb .tb{
width: 541px;
float: left;
height: 260px;
margin-top: 50px;
}
.baojing{
width: 64px;
height: 57px;
margin:0 auto;
background:url(../img/state1.png) center center no-repeat;
background-size: 100% 100%;
}
td.baojing{
background-size: 15px 15px;
}
td.baojing1{
background-size: 15px 15px;
}
li.yellowl{
background:#0c0f2b url(../img/state2.png) left center no-repeat / 100% 100%;
}
.baojing1{
background:url(../img/state.png) center center no-repeat;
background-size: 100% 100%;
width: 64px;
height: 57px;
margin:0 auto;
}
.baojing2{
background:#0c0f2b url(../img/state2.png) left center no-repeat;
background-size: 100% 100%;
width: 64px;
height: 57px;
margin:0 auto;
}
.pie2,.pie1{
width: 900px;
height:750px;
}
.piebt{
width:900px;
text-align: center;
color: #fff;
font-size: 24px;
top:30px;
}
.piebt1{
position: absolute;
left:0;
}
.piebt2{
position: absolute;
left:900px;
}
.gxlist{
float: right;
width: 822px;
height: 351px;
margin-right: 15px;
background: rgba(12,16,54,0.7);
position: static;
}
.gxlist ul{
margin-top:20px;
}
.gxlist ul li{
width: 739px;
height: 44px;
line-height: 44px;
color: #fff;
text-align: 3px;
border-bottom: 1px dashed #4B4F6C;
margin: 0 auto;
}
.gxlist ul li span{
float: right;
padding-right: 10px;
color: green;
}
.gxlist ul li .zx{
color: yellow;
}
.gxlist ul li .fm{
color: red;
}
.sanlianbt{
width: 120px;
height: 37px;
line-height: 37px;
text-align: center;
border-radius: 5px;
background: #009DD0;
color: #fff;
position: absolute;
left:300px;
bottom: 60px;
cursor: pointer;
}
.sanlianbt a{
color: #fff;
}
div.guanxi{
width:960px;
}

BIN
智慧金融/银行企业信用风险实时监测/img/bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 237 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/border2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/btbg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/bthover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/escioc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/state.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/state1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/state2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/tb_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/title.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/titleioc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
智慧金融/银行企业信用风险实时监测/img/user.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

85
智慧金融/银行企业信用风险实时监测/index.html Normal file
View File

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>大公</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<style>
.tb>table tr:hover{
background:#0B2A46;
}
</style>
</head>
<body>
<div class="wrap">
<div class="wid_1820">
<div class="header">
<p class="tmtext"><span>2017-12-08 &emsp;&emsp;<span>14:39</span></span></p>
<p><span class="hefont" onclick="toindex()">信用风险定位系统(银行版)</span></p>
<p><span>用户名<a>[退出]</a></span></p>
</div>
<h3 class="title">实时监测-企业名单</h3>
<div class="content"> <img class="guang" src="img/title.png"/>
<div class="tb tb_left">
<h3>AAA</h3>
<table class="table1">
<tr class="tb_title"><td>企业名称</td><td>盈利对利息覆盖能力</td><td>流动性还本付能力</td><td>清偿性还本付息能力</td></tr>
<tr><td>鲁泰纺织股份有限公司</td><td>5.61</td><td>5.76</td><td>1.87<td></tr>
<tr><td>浙江森马服饰股份有限公司</td><td>5.54</td><td>5.78</td><td>2.60<td></tr>
</table>
</div>
<div class="tb tb_right">
<h3>AA+</h3>
<table class="table1">
<tr class="tb_title"><td>企业名称</td><td>盈利对利息覆盖能力</td><td>流动性还本付能力</td><td>清偿性还本付息能力</td></tr>
<tr><td>安正时尚集团股份有限公司</td><td>5.58</td><td>5.63</td><td>1.56</td></tr>
<tr><td>广东柏堡龙股份有限公司</td><td>5.46</td><td>5.56</td><td>5.32</td></tr>
<tr><td>深圳富安娜家居用品股份有限公司</td><td>5.48</td><td>5.60</td><td>2.19<td></tr>
</table>
</div>
<div style="clear:both"></div>
<div class="tb tb_left">
<h3>AA</h3>
<table class="table1">
<tr class="tb_title"><td>企业名称</td><td>盈利对利息覆盖能力</td><td>流动性还本付能力</td><td>清偿性还本付息能力</td></tr>
<tr><td>比音勒芬服饰股份有限公司</td><td>5.37</td><td>5.54</td><td>6.29<td></tr>
<tr><td>罗莱生活科技股份有限公司</td><td>5.13</td><td>5.47</td><td>1.94<td></tr>
<tr><td>日播时尚集团股份有限公司</td><td>5.41</td><td>5.46</td><td>1.51<td></tr>
<tr><td>深圳汇洁集团股份有限公司</td><td>5.33</td><td>5.49</td><td>3.19<td></tr>
<tr><td>维格娜丝时装股份有限公司</td><td>5.27</td><td>5.49</td><td>5.01<td></tr>
<tr><td>山东齐悦科技有限公司</td><td>5.42</td><td>5.43</td><td>3.59<td></tr>
</table>
</div>
<div class="tb tb_right">
<h3>AA-及以下</h3>
<table class="table1">
<tr class="tb_title"><td>企业名称</td><td>盈利对利息覆盖能力</td><td>流动性还本付能力</td><td>清偿性还本付息能力</td></tr>
<tr><td>深圳歌力思服饰股份有限公司</td><td>5.43</td><td>5.25</td><td>1.69<td></tr>
<tr><td>苏州楚星时尚纺织集团股份有限公司</td><td>5.32</td><td>5.03</td><td>2.59<td></tr>
<tr><td>探路者控股集团股份有限公司</td><td>5.38</td><td>5.21</td><td>3.16<td></tr>
<tr><td>仙宜岱股份有限公司</td><td>5.29</td><td>5.17</td><td>1.99<td></tr>
<tr><td>浙江棒杰数码针织品股份有限公司</td><td>5.21</td><td>5.00</td><td>2.77<td></tr>
<tr><td>浙江红蜻蜓鞋业股份有限公司</td><td>5.29</td><td>5.16</td><td>2.14<td></tr>
<tr><td>广东天创时尚鞋业股份有限公司</td><td>5.38</td><td>5.36</td><td>3.82<td></tr>
<tr><td>杭州维欧艾丝绸股份有限公司</td><td>5.49</td><td>5.27</td><td>3.68<td></tr>
<tr><td>金发拉比妇婴童用品股份有限公司</td><td>5.41</td><td>5.39</td><td>5.49<td></tr>
<tr><td>九牧王股份有限公司</td><td>5.42</td><td>12</td><td>2.91<td></tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="libs/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script>
$(".tb>table tr").click(function(){
if($(this).find("td").eq(0).html() == "山东齐悦科技有限公司"){
window.location.href = "sanlian.html";
}
});
</script>

1163
智慧金融/银行企业信用风险实时监测/js/index.js Normal file
View File

File diff suppressed because it is too large Load Diff

433
智慧金融/银行企业信用风险实时监测/js/sanlian.js Normal file
View File

@ -0,0 +1,433 @@
//三链图
// 路径配置
require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'
}
});
var nodes = [];
var links = [];
var constMaxDepth = 2;
var constMaxChildren = 7;
var constMinChildren = 4;
var constMaxRadius = 10;
var constMinRadius = 2;
nodes = [//展示的节点
{
"name": "齐悦科技",//节点名称
"value": 43,
"depth": 0,
"id": 0,
"category": 3//与关系网类别索引对应，此处只有一个关系网所以这里写0
},
{
"name": "股权链",
"value": 20,
"category": 2,
"depth": 1,
"id": 1,
},
{
"name": "信用链",
"value": 20,
"category": 2,
"depth": 2,
"id": 2,
},
{
"name": "股东",
"value": 10,
"category": 1 ,
"depth": 1,
"id": 3
},{
"name": "愉悦投资66.67%",
"value": 3,
"category": 0 ,
"depth": 1,
"id": 4
},{
"name": "愉悦投资33.33%",
"value": 3,
"category": 0 ,
"depth": 1,
"id": 5
},{
"name": "供应链",
"value": 20,
"category": 2,
"depth": 3,
"id": 6,
},
{
"name": "控股公司",
"value": 10,
"category": 1 ,
"depth": 1,
"id": 7
},{
"name": "愉悦家纺100%",
"value": 3,
"category": 0 ,
"depth": 1,
"id": 8
},{
"name": "东力热电45%",
"value": 3,
"category": 0 ,
"depth": 1,
"id": 9
},{
"name": "愉悦物流60%",
"value": 3,
"category": 0 ,
"depth": 1,
"id": 10
},{
"name": "居家悦品90%",
"value": 3,
"category": 0 ,
"depth": 1,
"id": 11
},{
"name": "黄河三角洲19.29%",
"value": 3,
"category": 0 ,
"depth": 1,
"id": 12
},{
"name": "关联公司",
"value": 10,
"category": 1 ,
"depth": 2,
"id": 13
}
,{
"name": "银行借款",
"value": 10,
"category": 1 ,
"depth": 2,
"id": 14
},{
"name": "银行授信",
"value": 10,
"category": 1 ,
"depth": 2,
"id": 15
},{
"name": "存续债券",
"value": 10,
"category": 1 ,
"depth": 2,
"id": 16
},{
"name": "担保类系链",
"value": 10,
"category": 1 ,
"depth": 2,
"id": 17
},{
"name": "滨印集团28%",
"value": 3,
"category": 0 ,
"depth": 2,
"id": 18
},{
"name": "17齐悦0183%",
"value": 3,
"category": 0 ,
"depth": 2,
"id": 19
},{
"name": "上游",
"value": 10,
"category": 1 ,
"depth": 3,
"id": 20
},{
"name": "下游",
"value": 10,
"category": 1 ,
"depth": 3,
"id": 21
},{
"name": "铜陵华源麻业9.86%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 22
},{
"name": "邹平泰升纺织7.31%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 23
},{
"name": "荆州福瑞源纺织6.93%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 24
},{
"name": "山东祥瑞祥纺织6.55%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 25
},{
"name": "江苏明源纺织6.31%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 26
},{
"name": "IKEA Supply AG18.45%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 27
},{
"name": "威海海思5.74%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 28
},{
"name": "圣美伦5.62%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 29
},{
"name": "威海润凡4.16%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 30
},{
"name": "宜家分拨（上海）3.79%",
"value": 3,
"category": 0 ,
"depth": 3,
"id": 31
}
];
links = [//节点之间连接
{
"source": 0,//起始节点，0表示第一个节点
"target": 1,
"weight": 1
},
{
"source": 0,
"target": 2
},
{
"source": 0,//起始节点，0表示第一个节点
"target": 6,
"weight": 1
},{
"source": 1,
"target": 3
},{
"source": 1,
"target": 7
},{
"source": 3,
"target": 4
}
,{
"source": 3,
"target": 5
},{
"source": 7,
"target": 8
},{
"source": 7,
"target": 9
},
{
"source": 7,
"target": 10
},{
"source": 7,
"target": 11
},{
"source": 7,
"target": 12
},{
"source": 2,
"target": 13
},{
"source": 2,
"target": 14
},{
"source": 2,
"target": 15
},{
"source": 2,
"target": 16
},{
"source": 2,
"target": 17
},{
"source": 17,
"target": 18
},{
"source": 16,
"target": 19
},{
"source": 6,
"target": 20
},{
"source": 6,
"target": 21
},{
"source": 20,
"target": 22
},{
"source": 20,
"target": 23
},{
"source": 20,
"target": 24
},{
"source": 20,
"target": 25
},{
"source": 20,
"target": 26
},{
"source": 21,
"target": 27
},{
"source": 21,
"target": 28
},{
"source": 21,
"target": 29
},{
"source": 21,
"target": 30
},{
"source": 21,
"target": 31
},{
"source": 21,
"target": 32
}
]
for(var i=0; i<nodes.length; i++){
if(nodes[i].id == "0"){
nodes[i].itemStyle = {
normal: {
borderColor: '#000',
color:'blue',
label: {
show: true,
}
}
}
}
else if(nodes[i].id == "22"){
nodes[i].itemStyle = {
normal: {
label: {
show: true,
textStyle:{
color:'yellow'
}
},
}
}
}
//22
nodes[i]["symbolSize"] = nodes[i].value *1.2;
}
console.log(nodes);
require(
[
'echarts',
'echarts/chart/force' // 使用柱状图就加载bar模块，按需加载
],
function (ec) {
// 基于准备好的dom，初始化echarts图表
var guanxi = ec.init(document.getElementById('guanxi'));
option3 = {
title : {
x:'right',
y:'bottom'
},
tooltip : {
trigger: 'item',
formatter: '{b}'
},
toolbox: {
show : true,
feature : {
restore : {show: true},
magicType: {show: true, type: ['force', 'chord']},
saveAsImage : {show: true}
}
},
legend: {
x: 'left',
data:['四级','三级', '二级'],
orient: 'left',
x: 10,
y: 10,
textStyle: {
fontSize: '14',
color: '#fff'
},
},
series : [
{
type:'force',
name : "Force tree",
ribbonType: false,
categories : [
{
name: '四级'
},
{
name: '三级'
},
{
name: '二级'
}
],
itemStyle: {
normal: {
label: {
show: true,
textStyle:{
color:'#fff'
}
},
nodeStyle : {
brushType : 'both',
borderColor : 'rgba(255,215,0,0.6)',
borderWidth : 1
}
}
},
minRadius : constMinRadius,
maxRadius : constMaxRadius,
symbolSize: function (params) {
console.log(params)
},
coolDown: 0.995,
steps: 10,
nodes : nodes,
links : links,
steps: 1
}
]
};
console.log(option3)
guanxi.setOption(option3);
});

1
智慧金融/银行企业信用风险实时监测/libs/echarts.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

5
智慧金融/银行企业信用风险实时监测/libs/jquery-1.12.4.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

273
智慧金融/银行企业信用风险实时监测/sanlian.html Normal file
View File

@ -0,0 +1,273 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>大公</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="wrap">
<div class="wid_1820">
<div class="header">
<p class="tmtext"><span>2017-12-08 &emsp;&emsp;<span>14:39</span></span></p>
<p><span class="hefont" onclick="toindex()">信用风险定位系统(银行版)</span></p>
<p><span>用户名<a>[退出]</a></span></p>
</div>
<h3 class="title ttbg">山东齐悦科技有限公司</br><span>纺织业</span></h3>
<div class="baner">
<a class="jybt">经营动态</a>
<a class="czbt">偿债能力平衡</a>
<a class="kbbt">可变现资产结构</a>
<a class="wbgl">外部关联</a>
</div>
<div class="content content1"> <img class="guang" src="img/title.png"/>
<p class="ctitle">偿债能力平衡</p>
<div class="cznl">
<div class="czl">
<div class="tb tb_pos">
<h3>偿债来源</h3>
<table class="table1">
<tr class="tb_title"><td>类别</td><td>金额(亿元)</td><td>任务覆盖率</td></tr>
<tr><td>第一偿债来源</td><td>9.23<span class="sheng">↑</span></td><td>49.81%</td></tr>
<tr><td>第二偿债来源</td><td>5.46<span class="jiang">↓</span></td><td>29.47%</td></tr>
<tr><td>第三偿债来源</td><td>23.57</td><td>127.2%</td></tr>
<tr><td>第四偿债来源</td><td>10.45</td><td>56.4%</td></tr>
<tr><td>第五偿债来源 </td><td>0</td><td>0%</td></tr>
<tr><td>可用偿债来源</td><td>48.71</td><td>262.87%</td></tr>
</table>
</div>
<div class="tb tb_pos tb_pos2">
<h3>负债</h3>
<table class="table1">
<tr class="tb_title"><td>类别</td><td>金额(亿元)</td></tr>
<tr><td>偿付利息</td><td>0.95</td></tr>
<tr><td>偿付本金</td><td>17.58</td></tr>
<tr><td>代偿额度期望 </td><td>0</td></tr>
<tr><td>其他或有负债 </td><td>0</td></tr>
<tr><td>债务负担</td><td>18.53</td></tr>
</table>
</div>
<div class="fxzt">
<div>
<span>盈利对利息覆盖能力</span>
<ul class="fxztul">
<li class="litime"><span></span>时间<p>2017-12-08</p></li>
<li class="listate"><span></span>风险状态<p>安全</p></li>
<li class="linumber"><span></span>指数值<p>5.42</p></li>
<li><div class="baojing"></div></li>
</ul>
</div>
</div>
<div id="line1" class="div1 line1"></div>
<div style="clear: both;"></div>
<div class="fxzt">
<div>
<span>流动性还本付息能力</span>
<ul class="fxztul">
<li class="litime"><span></span>时间<p>2017-12-08</p></li>
<li class="listate"><span></span>风险状态<p>安全</p></li>
<li class="linumber"><span></span>指数值<p>5.43</p></li>
<li><div class="baojing"></div></li>
</ul>
</div>
</div>
<div id="line2" class="div1 line1"></div>
<div style="clear: both;"></div>
<div class="fxzt">
<div>
<span>清偿性还本付息能力</span>
<ul class="fxztul">
<li class="litime"><span></span>时间<p>2017-12-08</p></li>
<li class="listate"><span></span>风险状态<p style="color:yellow">一般</p></li>
<li class="linumber"><span></span>指数值<p>3.59</p></li>
<li><div class="baojing1"></div></li>
</ul>
</div>
</div>
<div id="line3" class="div1 line1"></div>
</div>
<div id="pie1" class="echart_div pie1"></div>
<div id="pie2" class="echart_div pie2"></div>
<div class="piebt piebt1">总资产(元)</div>
<div class="piebt piebt2">可变现资产(元)</div>
<div id="guanxi" class="echart_div guanxi"></div>
<div class="gxlist tb"><h3>舆论监控</h3>
<div class="sanlianbt"><a href="xiangqing.html">三链详情</a></div>
<ul>
<li>中泰证券主承销齐悦科技公司债券成功发行<span class="zm">正面</span></li>
<li>关于核准山东齐悦科技有限公司向合格投资者公开发行公司债券的批复<span class="zm">正面</span></li>
<li>关于为山东齐悦科技有限公司2017年非公开发行公司债券(第一期)债券提供转让服务有关事项的通知<span class="zx">中性</span></li>
<!--<li>中泰证券主承销齐悦科技公司债券成功发行<span class="fm">负面</span></li>
<li>中泰证券主承销齐悦科技公司债券成功发行<span class="fm">负面</span></li>-->
</ul>
</div>
<div class="jydt">
<div id = "lins1" class="lins1"></div>
<div class="lines1tb">
<div class="tb">
<h3>库存情况</h3>
<table class="table1">
<tr style="height:30px;" class="tb_title"><td></td><td></td><td>2017/11/1</td><td>2017/11/8</td><td>2017/11/15</td><td>2017/11/22</td><td>2017/11/29</td></tr>
<tr><td rowspan="4">原材料</td>
<td>坯布</td><td>7,879,781</td><td>78,989,914</td><td>73,629,442</td><td>69,270,637</td><td>67,861,664</td></tr>
<tr><td>棉纱</td><td>61,139,633</td><td>70,880,196</td><td>67,959,026</td><td>63,032,507</td><td>63,561,829</td></tr>
<tr><td>棉花</td><td>71,008,955</td><td>75,256,706</td><td>63,382,129</td><td>64,836,506</td><td>76,612,864</td></tr>
<tr><td>亚麻</td><td>61,199,931</td><td>64,724,184</td><td>62,696,472</td><td>79,510,928</td><td>79,315,724</td></tr>
<tr><td rowspan="6">制成品</td>
<td>家纺成品</td><td>80,883,063</td><td>87,892,687</td><td>82,954,627</td><td>75,825,942</td><td>80,094,867</td></tr>
<tr><td>坯布</td><td>88,254,186</td><td>79,616,338</td><td>63,914,752</td><td>8,4783,826</td><td>9,8170,970</td></tr>
<tr><td>印染布</td><td>69,631,541</td><td>93,435,263</td><td>80,879,546</td><td>72,900,346</td><td>95,863,826</td></tr>
<tr><td>面纱</td><td>92,783,922</td><td>75,013,325</td><td>72,443,447</td><td>68,968,409</td><td>99,197,853</td></tr>
<tr><td>原棉</td><td>74,006,136</td><td>64,657,032</td><td>95,932,747</td><td>67,671,029</td><td>75,813,436</td></tr>
<tr><td>其他</td><td>65,304,531</td><td>64,549,296</td><td>81,638,306</td><td>70,066,027</td><td>63,719,823</td></tr>
<tr><td>总计</td><td>金额(元)</td><td>743,009,579</td><td>755,0149,41</td><td>745,430,494</td><td>716,866,157</td><td>800,212,856</td></tr>
</table>
</div>
</div>
<div class="lins2"><span class="lins_t">产品或服务产能指数</span><div class="linsdiv" id="lins2"></div></div>
<div class="lins3"><span class="lins_t">产品或服务消费指数</span><div class="linsdiv" id="lins3"></div></div>
<div class="lins4"><span class="lins_t">盈利能力指数</span><div class="linsdiv" id="lins4"></div></div>
<div class="lines4tb">
<div class="tb">
<h3>指数</h3>
<table class="table1">
<tr style="height:30px;" class="tb_title"><td></td><td></td><td>2017/11/1</td><td>2017/11/8</td><td>2017/11/15</td><td>2017/11/22</td><td>2017/11/29</td></tr>
<tr><td colspan="2">产品或服务产能指数</td><td>5.18</td><td>5.26</td><td>5.05</td><td>5.14</td><td>5.27</td></tr>
<tr><td colspan="2">产品或服务销售指数</td><td>5.13</td><td>5.02</td><td>5.17</td><td>5.07</td><td>4.96</td></tr>
<tr><td colspan="2">盈利能力指数</td><td>5.18</td><td>5.26</td><td>4.92</td><td>5.28</td><td>5.22</td></tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="libs/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="libs/echarts.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="js/sanlian.js"></script>
<script>
$(function(){
var titme1="";
$(".baner a").click(function(){
//$(".baner a").css("background-color","rgba(255,255,255,0)");
$(".baner a").removeClass("ahover");
$(".cznl>div").css("display","none");
$(".cznl").css("display","block");
var chartid = $(this).attr("class");
if(chartid === "jybt"){
$(".jydt").css("display","block");
var lins1 = echarts.init(document.getElementById('lins1'));
var lins2 = echarts.init(document.getElementById('lins2'));
var lins3 = echarts.init(document.getElementById('lins3'));
var lins4 = echarts.init(document.getElementById('lins4'));
lins1.setOption(option1);
optionl2.series[0].data = [5.18, 5.26, 5.05, 5.14, 5.27];
lins2.setOption(optionl2);
optionl2.series[0].data = [5.13, 5.02, 5.17, 5.07, 4.96];
lins3.setOption(optionl2);
optionl2.series[0].data = [5.18, 5.26, 4.92, 5.28, 5.22];
lins4.setOption(optionl2);
$(".ctitle").html("经营动态");
}
else if(chartid === "czbt"){
$(".czl").css("display","block");
$(".ctitle").html("偿债能力平衡");
var myChart = echarts.init(document.getElementById('line1'));
var myChart01 = echarts.init(document.getElementById('line2'));
var myChart02 = echarts.init(document.getElementById('line3'));
window.clearInterval(titme1);
option.series[0].data = [5.53];
myChart.setOption(option);
myChart01.setOption(optioncenter);
myChart02.setOption(optionbtm);
var timei =0;
var linedata = [5.54,5.48,5.33,5.55,5.63,5.71,5.45,5.55,5.47,5.58,5.67];
var linedatacenter = [5.62, 5.58, 5.35, 5.43, 5.33, 5.51,5.56,5.53,5.44,5.45];
var linedatabtm = [3.79, 3.61, 3.6, 3.51,3.85, 3.73,3.53,3.65,3.57,3.79];
//折线图动态
titme1 = setInterval(function(){
/* if(option.series[0].data.length > 11){
option.series[0].data = []
}
*/
/* if(linedata[timei] > 18){
$(".fxztul li>div").attr("class","baojing2");
}
else if(linedata[timei]>10){
$(".fxztul li>div").attr("class","baojing1");
}
else{
$(".fxztul li>div").attr("class","baojing");
}*/
if(linedata.length >timei)
{
option.series[0].data.push(linedata[timei]);
optionbtm.series[0].data.push(linedatabtm[timei]);
optioncenter.series[0].data.push(linedatacenter[timei]);
timei++;
}else{
timei=0;
option.series[0].data = [5.53];
optionbtm.series[0].data = [3.78];
optioncenter.series[0].data = [5.69];
}
console.log(option);
myChart.setOption(option);
myChart01.setOption(optioncenter);
myChart02.setOption(optionbtm);
},1000)
}
else if(chartid === "kbbt"){
$(".ctitle").html("可变现资产结构");
$("#pie1,.piebt").css("display","block");
$("#pie2,.piebt").css("display","block");
var myChart2 = echarts.init(document.getElementById('pie1'));
var myChart3 = echarts.init(document.getElementById('pie2'));
myChart2.setOption(option2);
myChart3.setOption(option22);
}
else if(chartid === "wbgl"){
$(".ctitle").html("三链图");
/*var guanxi = echarts.init(document.getElementById('guanxi'));
guanxi.setOption(option3); */
$("#guanxi,.gxlist").css("display","block");
}
$(this).addClass("ahover");
})
var address = window.location.href;
if(address.split("?")[1] == "1"){
$(".wbgl").click();
//window.location.href = "index.html";
var url = window.location.href;
url = url.split('?')[0];
window.history.pushState({}, 0, url);
}
else{
$(".baner .jybt").click();
}
})
</script>

114
智慧金融/银行企业信用风险实时监测/xiangqing.html Normal file
View File

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>大公</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div class="wrap">
<div class="wid_1820">
<div class="header">
<p class="tmtext"><span>2017-12-08 &emsp;&emsp;<span>14:39</span></span></p>
<p><span class="hefont" onclick="toindex()" >信用风险定位系统(银行版)</span></p>
<p><span>用户名<a>[退出]</a></span></p>
</div>
<h3 onclick="tohref()" class="title hefont">实时监测-三链详情</h3>
<div class="content" style="overflow: auto;"> <img class="guang" src="img/title.png"/>
<div class="tb tb_left tb1">
<h3 class="h3title">股权链</h3>
<table class="table1">
<tr class="tb_title"><td>股东名称</td><td>注册资本（万元）</td><td>持股比例（%）</td><td>风险状态</td></tr>
<tr><td>滨州高新区愉悦投资管理中心有限合伙</td><td>12633</td><td>66.64</td><td class="baojing"></td></tr>
<tr><td>滨州高新区愉悦投资管理中心有限合伙</td><td>6667</td><td>33.33</td><td class="baojing"></td></tr>
<tr class="heji"><td></td><td></td><td colspan="2">共计2条</td><td></td></tr>
</table>
<table class="table1">
<tr class="tb_title"><td>参控股公司</td><td>盈利对利息覆盖能力</td><td>注册资本</td><td>持股比例（%）</td><td>风险状态</td></tr>
<tr><td>愉悦家纺有限公司</td><td>100</td><td>20000</td><td>12</td><td class="baojing"></td></tr>
<tr><td>滨州东力热电有限公司</td><td>45</td><td>4500</td><td>12</td><td class="baojing1"></td></tr>
<tr><td>滨州愉悦国际物流有限公司</td><td>60</td><td>3000</td><td>12</td><td class="baojing"></td></tr>
<tr><td>上海居家悦品科技发展有限公司</td><td>90</td><td>2700</td><td>12</td><td class="baojing"></td></tr>
<tr><td>山东黄河三角洲纺织科技研究院有限公司</td><td>19.29</td><td>239</td><td>12</td><td class="baojing"></td></tr>
<tr class="heji"><td></td><td></td><td colspan="3">共计5条</td><td></td></tr>
</table>
</div>
<div class="tb tb_left tb2">
<h3 class="h3title">供应链</h3>
<table class="table1">
<tr class="tb_title"><td>原料供应商名称</td><td>2017年9月累计金额（万元）</td><td>采购产品</td><td>备注</td><td>占比（%）</td><td>风险状态</td></tr>
<tr><td>铜陵华源麻业有限公司</td><td>20714.32</td><td>亚麻</td><td>国内采购</td><td>9.86</td><td class="baojing1"></td></tr>
<tr><td>山东邹平泰升纺织有限公司</td><td>15350.81</td><td>棉纱</td><td>国内采购</td><td>7.31</td><td class="baojing"></td></tr>
<tr><td>荆州福瑞源纺织有限公司</td><td>14569.37</td><td>坯布</td><td>国内采购</td></td><td>6.93</td><td class="baojing"></td></tr>
<tr><td>山东祥瑞祥纺织有限公司</td><td>13773.37</td><td>棉纱</td><td>国内采购</td><td>6.55</td><td class="baojing"></td></tr>
<tr><td>江苏明源纺织有限公司</td><td>13260.40</td><td>坯布</td><td>国内采购</td><td>6.31</td><td class="baojing"></td></tr>
<tr><td>恒成国际发展有限公司</td><td>12048.36</td><td>坯布</td><td>国内采购</td><td>5.73</td><td class="baojing"></td></tr>
<tr><td>江苏悦达家纺有限公司</td><td>11868.17</td><td>坯布</td><td>国内采购</td></td><td>5.65</td><td class="baojing"></td></tr>
<tr><td>新疆生产建设兵团棉麻公司</td><td>9482.93</td><td>棉花</td><td>国内采购</td><td>4.51</td><td class="baojing"></td></tr>
<tr><td>淄博汇银纺织有限公司</td><td>9216.00</td><td>坯布</td><td>国内采购</td><td>4.39</td><td class="baojing"></td></tr>
<tr class="heji"><td></td><td></td><td></td><td colspan="6">1&nbsp;2&nbsp;3&nbsp;4&nbsp;5...&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共计73条</td><td></td></tr>
</table>
<table class="table1">
<tr class="tb_title"><td>序号</td><td>客户名称</td><td>2017年9月累计金额 （万元）</td><td>占比（%）</td><td>风险状态</td></tr>
<tr><td>1</td><td>IKEA Supply AG</td><td>96698.77</td><td>18.45</td><td class="baojing"></td></tr>
<tr><td>2</td><td>威海海思纺织品销售有限公司</td><td>30067.56</td><td>5.74</td><td class="baojing"></td></tr>
<tr><td>3</td><td>博大</td><td>29452.84</td><td>5.62</td><td class="baojing"></td></tr>
<tr><td>4</td><td>山东省惠民县长明织业有限责任公司</td><td>24531.39</td><td>4.68</td><td class="baojing"></td></tr>
<tr><td>5</td><td>圣美伦集团有限公司</td><td>22871.52</td><td>4.36</td><td class="baojing"></td></tr>
<tr><td>6</td><td>圣美伦集团有限公司</td><td>32827.79</td><td>5.62</td><td class="baojing"></td></tr>
<tr><td>5</td><td>威海润凡纺织品有限公司</td><td>21823.97</td><td>4.16</td><td class="baojing"></td></tr>
<tr><td>6</td><td>宜家分拨（上海）有限公司</td><td>19876.82</td><td>3.79</td><td class="baojing"></td></tr>
<tr><td>5</td><td>滨州市华伟纺织有限公司</td><td>19625.55</td><td></td><td class="baojing"></td></tr>
<tr><td>6</td><td>金源澳门离岸商业服务有限公司</td><td>16877.19</td><td></td><td class="baojing"></td></tr>
<tr class="heji"><td></td><td></td><td colspan="3">1&nbsp;2&nbsp;3&nbsp;4&nbsp;5...&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;共计128条</td><td></td></tr>
</table>
</div>
<div class="tb tb_left tb3">
<h3 class="h3title">信用链</h3>
<table class="table1">
<tr class="tb_title"><td>融资方式</td><td>金额（万元）</td><td>占比</td><td>风险状态</td></tr>
<tr><td>银行借款 </td><td>18900</td><td>15</td><td class="baojing"></td></tr>
<tr><td>融资租赁</td><td>2282.36</td><td>2</td><td class="baojing"></td></tr>
<tr><td>发债</td><td>108000</td><td>83</td><td class="baojing"></td></tr>
<tr class="heji"><td></td><td></td><td colspan="2"></td></tr>
</table>
<table class="table1">
<tr class="tb_title"><td>机构</td><td>信用种类</td><td>发行金额</td><td>发行余额</td><td>起始日</td><td>到期日</td><td>担保单位</td><td>占比</td><td>风险状态</td></tr>
<tr><td>银行借款</td><td>短融</td><td>20000</td><td>20000</td><td>16.10.31</td><td>17.10.31</td><td>信用</td><td>18</td><td class="baojing"></td></tr>
<tr><td>融资租赁</td><td>私募</td><td>10000</td><td>10000</td><td>15.12.17</td><td>18.12.17</td><td>信用</td><td>9</td><td class="baojing"></td></tr>
<tr><td>发债</td><td>企业债</td><td>30000</td><td>1903.3</td><td>12.12.20</td><td>18.12.20</td><td>滨印集团担保</td><td>28</td><td class="baojing"></td></tr>
<tr><td></td><td>私募</td><td>15000</td><td>15000</td><td>17.07.04</td><td>18.07.04</td><td>信用</td><td>14</td><td class="baojing"></td></tr>
<tr><td></td><td>小公募</td><td>33000</td><td>33000</td><td>17.08.25</td><td>22.08.25</td><td>信用</td><td>31</td><td class="baojing"></td></tr>
<tr><td>合计</td><td></td><td>108000</td><td>79903.3</td><td></td><td></td><td></td><td></td><td class="baojing"></td></tr>
<tr class="heji"><td></td><td></td><td></td><td></td><td></td><td colspan="5"></td></tr>
</table>
<table class="table1">
<tr class="tb_title"><td>机构</td><td>种类</td><td>类 别</td><td>利 率</td><td>还款日期</td><td>人民币金额 （万元）</td><td>风险状态</td></tr>
<tr><td>平安租赁</td><td>融资租赁</td><td>直租</td><td>5.75%</td><td>2017.8.27-2022.5.27</td><td>351.48</td><td class="baojing"></td></tr>
<tr><td>平安租赁</td><td>融资租赁</td><td>直租</td><td>5.75%</td><td>2017.8.27-2022.5.27</td><td>349.28</td><td class="baojing"></td></tr>
<tr><td>平安租赁</td><td>融资租赁</td><td>直租</td><td>5.75%</td><td>2017.8.27-2022.5.27</td><td>349.28</td><td class="baojing"></td></tr>
<tr><td>平安租赁</td><td>融资租赁</td><td>直租</td><td>5.75%</td><td>2017.8.27-2022.5.27</td><td>752</td><td class="baojing"></td></tr>
<tr><td>平安租赁</td><td>融资租赁</td><td>直租</td><td>5.75%</td><td>2017.8.27-2022.5.27</td><td>316.8</td><td class="baojing"></td></tr>
<tr><td>平安租赁</td><td>融资租赁</td><td>直租</td><td>5.75%</td><td>2017.8.27-2022.5.27</td><td>394.4</td><td class="baojing"></td></tr>
<tr><td>合计</td><td></td><td></td><td></td><td></td><td>2282.36</td><td class="baojing"></td></tr>
<tr class="heji"><td></td><td></td><td></td><td></td><td></td><td colspan="2"></td></tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="libs/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>