<!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 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/service12.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="http://www.jeendo.com/script/wow/wow.min2.js"></script> -->
  <script src="../js/subpage.js"></script>
  <script src="../js/common.js"></script>
  <script src="../js/bootstrap.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/新闻中心-banner@2x.png" class="bgimage" alt="">
      <div class="titlecontent">
        <p class="title1">媒体聚焦</p>
        <p class="subtitle">FUND CLUSTER</p>
      </div>
      <div class="container navcontent">
          <div class="row">
              <a href="news01.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">GROUP NEWS</div>
              </a>
              <a href="news02.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">ENTERPRISE DYNAMICS</div>
              </a>
              <a href="news03.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">MEDIA FOCUS</div>
              </a>
          </div>
      </div>
    </div>
  </div>


  <!-- part1 -->
  <div class="news news_21">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 wrap">
          <div class="search">
            <input type="text" name="title" id="search" class="form-control right" placeholder="搜索关键词">
            <img src="../images/搜索.png" onclick="searchNews()">
          </div>
          <ul class="news_wrap">

            <!-- <li class="list"> 
              <img src="../images/首页-第四页bg.jpg">
              <div class="text">
                <a href="detail.html" target="_blank">苏创投旗下天使母基金首次以数字人民币对子基金项目出资</a><br>
                <p>2022-10-22</p> 
               </div>
            </li> -->

          </ul>
        </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" id="pagination">
            <!-- <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">

    var  pageCurrent = 1;
    var searchContent = '';

    function searchNews(){
      searchContent = $('#search').val();
      news03_render(pageCurrent);
    }

    // 新闻列表-媒体聚集35
    function news03_render(pageCurrent){
      console.log(pageCurrent);
      if (pageCurrent < 1) {
        alert('第一页');
      }else{
        $.ajax({
            type: 'post',
            url: 'https://suzhou.njrenzhou.cn/api.php/news/articleList',
            data:{
              category_id:35,
              page:pageCurrent,
              order:'desc',
              sort:'publish_time',
              search:searchContent
            },
            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/10);

                    if (pageNum==0) {
                      $('.news_wrap').empty();
                      $('.pageNum_wrap').empty();
                      html = "<p class='textNo'>无内容</p>";
                      $('.news_wrap').append(html);
                    }
                    else if (pageCurrent > pageNum) {
                      alert('最后一页');
                    } else {
                      // 内容渲染
                      $('.news_wrap').empty();
                      $('.pageNum_wrap').empty();
                      $.each(item,function(index){
                        var title = item[index].title;
                        var subtitle = item[index].subtitle;
                        var time = item[index].publish_time_text.substr(0,11);
                        var thumb = item[index].thumb;
                        var id = item[index].id;
                                
                        html += "<li class='list'>";
                        html += "<img src=https://suzhou.njrenzhou.cn" + thumb + ">";
                        html += "<div class='text'><a href='detail.html?id=" + id + "' target='_blank'>" + title + "</a><br><p>" + time + "</p>";
                        html += "</div></li>";
    
                      })
                      $('.news_wrap').append(html);
      
                      // 页码渲染
                      page += "<li><a href='javascript:void(0)' onclick=news03_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=news03_render(" + index + ")>" + index + "</a></li>";
                        }else{
                          page += "<li><a href='javascript:void(0)' onclick=news03_render(" + index + ")>" + index + "</a></li>";
                        }
                      }
                      page += "<li><a href='javascript:void(0)' onclick=news03_render(" + pageCurrent + "+1)>></a></li>";
                      $('.pageNum_wrap').append(page);
                    }
                      
                 } 
             },
            error: function (err) { 
                console.log(err); 
            }
           
        });

      }
      
    }

    news03_render(pageCurrent);

  </script>

</body>
</html>