苏州创新投资
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.
 
 
 
suzhou/service/service14.html

208 lines
7.0 KiB

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>苏州创新投资集团有限公司</title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="applicable-device"content="pc,mobile">
<link rel="icon" href="" type="image/x-icon">
<link href="../css/bootstrap.css" rel="stylesheet">
<link href="../css/bxslider.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
<link rel="stylesheet" href="../css/service03.css">
<link href="../css/animate.css" rel="stylesheet">
<link rel="stylesheet" href="../css/footer.css">
<!--导航样式-->
<link rel="stylesheet" href="../css/head.css" />
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/common.js"></script>
</head>
<body>
<div id="header"></div>
<!-- part0 -->
<div class="section section0 fp-auto-height fp-section">
<div style="position: relative;">
<img src="../images/service11/业务版图-banner@2x.png" class="bgimage" alt="">
<div class="titlecontent">
<p class="title1">产业地图</p>
<p class="subtitle">INDUSTRIAL MAP</p>
</div>
<div class="container navcontent">
<div class="row">
<a href="service01.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">基金集群</div>
<div class="navsubtitle">FUND CLUSTER</div>
</a>
<a href="service11.html" class="navaction col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">产业地图</div>
<div class="navsubtitle">INDUSTRIAL MAP</div>
</a>
<a href="service03.html" class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4 navitem">
<div class="navtitle">投贷联动</div>
<div class="navsubtitle">INVESTMENT AND LOAN LINKAGE</div>
</a>
</div>
</div>
</div>
<!-- 二级菜单 -->
<div id="navbar" class="service-next ">
<div class="row">
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
<ul>
<li><a href="service11.html" class="active">全 周 期</a>
</li>
<li>
<a href="service12.html">全产业链</a>
</li>
<li><a href="service13.html">投资体系</a>
</li>
<li><a href="service14.html">明星项目</a>
<div>
<img src="../images/bottom-to.png" alt="">
</div>
</li>
</ul>
</div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
</div>
</div>
</div>
</div>
<!-- part1 -->
<div class="part service_141">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 title">
<img src="../images/line.png">
<h2 class="wow fadeInDown">上市企业</h2>
<h2 class="wow fadeInDown">LISTED ENTERPRISES</h2>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 wrap project_wrap">
<!-- <div class='col-sm-4 col-md-4 list'>
<img src='../images/partner/1@2x.png'>
<div class='intro'>
<p>无锡蠡湖增压技术股份有限公司</p>
</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="page_box">
<div class="container">
<div class="row">
<nav class="col-xs-12 col-sm-12 col-md-12 col-md-offset-1 page-wrap">
<ul class="pagination pagination-lg justify-content-center pageNum_wrap">
<!-- <li><a href="">首页</a></li>
<li class="active"><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">尾页</a></li> -->
</ul>
</nav>
</div>
</div>
</div>
<div id="footer"></div>
<script type="text/javascript">
let pageCurrent = 1;
// 明星项目/上市企业
function news01_render(pageCurrent){
console.log(pageCurrent);
if (pageCurrent < 1) {
alert('第一页');
}else{
$.ajax({
type: 'post',
url: 'https://suzhou.njrenzhou.cn/api.php/busmap/starProject',
data:{
limit:9,
page:pageCurrent
},
dataType: 'json',
success: function (res) {
if(res.code==200){
let item = res.data.data;
let html = '';
let page = '';
console.log(item);
newsNum = res.data.total;
pageNum = Math.ceil(newsNum/9);
if(pageCurrent > pageNum){
alert('最后一页');
}else{
$('.project_wrap').empty();
$('.pageNum_wrap').empty();
$.each(item,function(index){
var title = item[index].title;
var thumb = item[index].thumb;
html += "<div class='list'>";
html += "<img src=https://suzhou.njrenzhou.cn" + thumb + ">";
html += "<div class='intro'><p>" + title + "</p></div></div>";
})
$('.project_wrap').append(html);
// 页码渲染
page += "<li><a href='javascript:void(0)' onclick=news01_render(" + pageCurrent + "-1)><</a></li>";
for (let index = 1; index <= pageNum; index++) {
if (index == pageCurrent) {
page += "<li class='active'><a href='javascript:void(0)' onclick=news01_render(" + index + ")>" + index + "</a></li>";
}else{
page += "<li><a href='javascript:void(0)' onclick=news01_render(" + index + ")>" + index + "</a></li>";
}
}
page += "<li><a href='javascript:void(0)' onclick=news01_render(" + pageCurrent + "+1)>></a></li>";
$('.pageNum_wrap').append(page);
}
}
},
error: function (err) {
console.log(err);
}
});
}
}
news01_render(pageCurrent);
</script>
</body>
</html>