<!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 bg-f" style="padding: 20px 30px; margin-bottom: 2px;">
<div class="input-group">
<input type="text" placeholder="板块名称" name="search" class="form-control input-lg">
<div class="input-group-btn">
<button class="btn btn-lg btn-primary" type="submit">
搜索
</button>
</div>
</div>
</div>
</div>-->
<div class="row">
<div class="col-lg-12 bg-f">
<div class="panel blank-panel">
<div class="panel-heading">
<div class="panel-options">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab-1" data-toggle="tab" aria-expanded="true">地域</a>
</li>
<li class=""><a href="#tab-2" data-toggle="tab" aria-expanded="false">行业</a>
</li>
<li class=""><a href="#tab-3" data-toggle="tab" aria-expanded="false">概念</a>
</li>
</ul>
</div>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane active" id="tab-1">
</div>
<div class="tab-pane" id="tab-2">
</div>
<div class="tab-pane" id="tab-3">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5 id="cate_name">个股列表</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>
</tr>
</thead>
<tbody id="gegu_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 () {
queryZongZhiList();
getBanKuaiFromCate(1);
getBanKuaiFromCate(2);
getBanKuaiFromCate(3);
/*
var bkCode = $.urlGet()['bkCode'];
if (bkCode) {
var bkName = $.urlGet()['bkName'];
getGeGuFromBkCode(bkCode, decodeURI(bkName));
// getBanKuaiZhangFu(bkCode);
}*/
});
/**
* 查询当前总市值前50的个股
* @param code
*/
function queryZongZhiList() {
$.ajax({
type: "post",
url: "/queryGeGuZongZhiList",
dataType: "json",
success: function (data) {
// console.log(data)
if (data.code == 1) {
refreshGeGuList(data.data);
} else {
alert(data.msg);
}
},
error: function (e) {
console.log(e);
},
beforeSend: function () {
layer.load()
},
complete: function () {
layer.closeAll()
}
});
}
/**
* 根据分类查询板块列表
*/
function getBanKuaiFromCate(cate) {
$.ajax({
type: "post",
url: "/queryBanKuaiFromCate",
dataType: "json",
data: {"cate": cate},
success: function (data) {
// console.log(data)
if (data.code == 1) {
refreshCateHtml(cate, data.data);
} else {
alert(data.msg);
}
},
error: function (e) {
console.log(e);
},
beforeSend: function () {
layer.load()
},
complete: function () {
layer.closeAll()
}
});
}
/**
* 刷新板块列表的html
* @param data
*/
function refreshCateHtml(cate, data) {
var tableHtml = "";
tableHtml += '<ul class="tag-list" style="padding: 0">';
for (var i = 0; i < data.length; i++) {
tableHtml += "<li>";
tableHtml += '<a href="javascript:open(\'' + data[i].code + '\', \'' + data[i].name + '\');">';
tableHtml += '<i class="fa "></i>' + data[i].name + '</a>';
tableHtml += "</li>";
}
tableHtml += '</ul>';
if (cate == 1) {
$("#tab-1").html(tableHtml);
} else if (cate == 2) {
$("#tab-2").html(tableHtml);
} else if (cate == 3) {
$("#tab-3").html(tableHtml);
}
}
/**
* 根据板块查个股
* @param code
*/
function open(bkCode, bkName) {
$("#cate_name").html(bkName + "(" + bkCode + ")")
$.ajax({
type: "post",
url: "/queryGeGuFromBkCode",
dataType: "json",
data: {"bkCode": bkCode},
success: function (data) {
// console.log(data)
if (data.code == 1) {
refreshGeGuList(data.data);
} else {
alert(data.msg);
}
},
error: function (e) {
console.log(e);
},
beforeSend: function () {
layer.load()
},
complete: function () {
layer.closeAll()
}
});
}
/**
* 个股列表
* @param data
*/
function refreshGeGuList(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>";
tableHtml += "<td>";
tableHtml += "<a href='javascript:open(\""+zijin.bkCode+"\", \""+zijin.bkName+"\")'>";
tableHtml += zijin.bkName;
tableHtml += "</a></td>";
tableHtml += "<td>";
tableHtml += formatWan(zijin.liuZhi.toString());
tableHtml += "</td>";
tableHtml += "<td>";
tableHtml += formatWan(zijin.zongZhi.toString());
tableHtml += "</td>";
tableHtml += "</tr>";
}
$("#gegu_list").html(tableHtml);
}
</script>
</body>
</html>
