<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>热门板块</title>
<link href="css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css?v=4.3.0" rel="stylesheet">
<link href="css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css?v=2.2.0" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<nav class="navbar-default navbar-static-side" role="navigation">
<div class="sidebar-collapse">
</div>
</nav>
<div id="page-wrapper" class="gray-bg dashbard-1">
<div class="row border-bottom">
<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
<div class="navbar-header">
<a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i>
</a>
</div>
</nav>
</div>
<div class="row wrapper border-bottom white-bg page-heading">
<div class="col-lg-10">
<h2>热门板块</h2>
<ol class="breadcrumb">
<li>
<a href="index.html">主页</a>
</li>
<li>
<a>热门板块</a>
</li>
</ol>
</div>
<div class="col-lg-2">
</div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
<div class="row">
<div class="col-lg-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>今日板块</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<div class="ibox-content">
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>代码</th>
<th>板块</th>
<th>涨幅</th>
<th>时间</th>
<th>领涨代码</th>
<th>领涨个股</th>
</tr>
</thead>
<tbody id="bankuai_list">
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5 id="bkName">板块个股</h5>
<div class="ibox-tools">
<a class="collapse-link">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<div class="bg-f col-lg-6">
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>代码</th>
<th>名称</th>
<th>涨幅</th>
<th>最新价</th>
<th>时间</th>
</tr>
</thead>
<tbody id="zijin_list">
</tbody>
</table>
</div>
<div class="bg-f col-lg-6">
<table class="table table-bordered">
<thead>
<tr>
<th>代码</th>
<th>名称</th>
<th>涨幅</th>
<th>主力</th>
<th>时间</th>
</tr>
</thead>
<tbody id="zhangfu_list">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="loadingModal" backdrop="static" keyboard="false">
<div style="width: 200px;height:100px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
<div class="progress progress-striped active"
style="margin-bottom: 0;height:50px; text-align:center;line-height: 50px;font-size:small;">
数据加载中,请稍候......
</div>
</div>
</div>
</div>
<!-- Mainly scripts -->
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js?v=3.4.0"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<!-- Peity -->
<script src="js/plugins/peity/jquery.peity.min.js"></script>
<!-- Custom and plugin javascript -->
<script src="js/hplus.js?v=2.2.0"></script>
<script src="js/plugins/pace/pace.min.js"></script>
<!-- iCheck -->
<script src="js/plugins/iCheck/icheck.min.js"></script>
<!-- Peity -->
<script src="js/demo/peity-demo.js"></script>
<!-- layer javascript -->
<script src="js/plugins/layer/layer.min.js"></script>
<script src="js/url.js"></script>
<script>
$(".sidebar-collapse").load("model/left_menu.html")
$(document).ready(function () {
getHotBanKuai();
var bkCode = $.urlGet()['bkCode'];
if (bkCode) {
var bkName = $.urlGet()['bkName'];
getGeGuFromBkCode(bkCode, decodeURI(bkName));
// getBanKuaiZhangFu(bkCode);
}
});
/**
* 获取热门板块列表
*/
function getHotBanKuai() {
$.ajax({
type: "post",
url: "/queryHotBanKuaiList",
dataType: "json",
success: function (data) {
// console.log(data)
if (data.code == 1) {
refreshHotListHtml(data.data);
} else {
alert(data.msg);
}
},
error: function (e) {
console.log(e);
},
beforeSend: function () {
layer.load()
},
complete: function () {
layer.closeAll()
}
});
}
/**
* 刷新板块列表的html
* @param data
*/
function refreshHotListHtml(data) {
var tableHtml = "";
for (var i = 0; i < data.length; i++) {
// console.log(data[i]);
tableHtml += "<tr>";
tableHtml += "<td>";
tableHtml += (i + 1);
tableHtml += "</td>";
tableHtml += "<td><a onclick=\"javascript:getGeGuFromBkCode('" + data[i].code + "', '" + data[i].name + "')\" >";
tableHtml += data[i].code;
tableHtml += "</a></td>";
tableHtml += "<td>";
tableHtml += data[i].name;
tableHtml += "</td>";
if (data[i].zhangfu > 0) {
tableHtml += "<td class='text-danger'>";
} else {
tableHtml += "<td class='text-info'>";
}
tableHtml += data[i].zhangfu;
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += data[i].shijian;
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += data[i].first_code;
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += data[i].first_name;
tableHtml += "</td>";
tableHtml += "</tr>";
}
$("#bankuai_list").html(tableHtml);
}
/**
* 根据板块查个股
* @param code
*/
function getGeGuFromBkCode(bkCode, bkName) {
$("#bkName").html(bkName + "(" + bkCode + ")")
$.ajax({
type: "post",
url: "/queryBanKuaiGeGuList",
dataType: "json",
data: {"bkCode": bkCode},
success: function (data) {
// console.log(data)
if (data.code == 1) {
refreshCodeDetail(data.data);
} else {
alert(data.msg);
}
},
error: function (e) {
console.log(e);
},
beforeSend: function () {
layer.load()
},
complete: function () {
layer.closeAll()
}
});
getBanKuaiZhangFu(bkCode);
}
/**
* 个股列表
* @param data
*/
function refreshCodeDetail(data) {
var tableHtml = "";
for (var i = 0; i < data.length; i++) {
var zijin = data[i]
tableHtml += "<tr>";
tableHtml += "<td>";
tableHtml += (i + 1);
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += "<a href='./code.html?code="+zijin.code+"' target='_blank'>";
tableHtml += zijin.code;
tableHtml += "</a>";
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += zijin.name;
tableHtml += "</td>";
if (zijin.percent > 0) {
tableHtml += "<td class='text-danger'>";
} else {
tableHtml += "<td class='text-info'>";
}
tableHtml += zijin.percent;
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += zijin.zuixinjia;
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += zijin.shijian;
tableHtml += "</td>";
tableHtml += "</tr>";
}
$("#zijin_list").html(tableHtml);
}
/**
* 根据板块查个股
* @param code
*/
function getBanKuaiZhangFu(bkCode) {
$.ajax({
type: "post",
url: "/queryBanKuaiZhangFu",
dataType: "json",
data: {"bkCode": bkCode},
success: function (data) {
console.log(data)
if (data.code == 1) {
refreshBanKuaiZhangFu(data.data);
} else {
alert(data.msg);
}
},
error: function (e) {
console.log(e);
},
beforeSend: function () {
layer.load()
},
complete: function () {
layer.closeAll()
}
});
}
/**
* 个股列表
* @param data
*/
function refreshBanKuaiZhangFu(data) {
var tableHtml = "";
for (var i = 0; i < data.length; i++) {
var zijin = data[i]
tableHtml += "<tr>";
tableHtml += "<td>";
tableHtml += zijin.code;
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += zijin.name;
tableHtml += "</td>";
if (zijin.zhangfu > 0) {
tableHtml += "<td class='text-danger'>";
} else {
tableHtml += "<td class='text-info'>";
}
tableHtml += zijin.zhangfu;
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += zijin.zhuli;
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += zijin.shijian;
tableHtml += "</td>";
tableHtml += "</tr>";
}
$("#zhangfu_list").html(tableHtml);
}
</script>
</body>
</html>
