<!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/animate.css" rel="stylesheet" >
  <link rel="stylesheet" href="../css/work.css">
  <link rel="stylesheet" href="../css/style.css">
    <!--导航样式-->
  <link rel="stylesheet" href="../css/head.css" />
  <link rel="stylesheet" href="../css/footer.css">
  <style>

  </style>
</head>

<body>

  <div id="header"></div>

  <!-- part0 -->
  <div class="section topcontent">
    <img src="../images/banner-党建工作@2x.png" alt="">
    <div class="titleContent">
      <div class="title">党建工作</div>
      <div class="subtitle">PARTY BUILDING</div>
    </div>
  </div>
  <div class="container contentContainer">
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 leftcontent">

        <!-- <img src="../images/work-fig.png">
        <div class="details">
          <div class="toptitle">
            <h5><a href="detail.html" target="_blank">苏创投党委组织全系统深入学习贯彻党的二十大精神</a>
              <img src="../images/NEW.png" alt=""></h5><span>2022-09-22</span>
          </div>
          <p>10月16日,中国共产党第二十次全国代表大会在北京人民大会堂隆重开幕。苏创投迅速掀起了学习贯彻党的二十大精神热潮。习近平总书记的报告高屋建瓴、思想深邃,字字铿锵、催人奋进,是我们党团结带领全国各族人民在新时代新征程坚持和发展中国特色社会主义的政治宣言和行动纲领。
            党的二十大报告在公司党员干部、团员青年中引发热烈反响,公司上下广大党员干部采取多种形式认真聆听学习了习近平总书记所作的报告,深受鼓舞,倍感振奋,畅谈心得体会。</p>
          <div class="more">
            <a href="detail.html" target="_blank">了解更多</a>
            <img src="../images/arrow.png" alt="">
          </div>
        </div> -->

      </div>

      <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 rightcontent">
         <div class="itemcontainer news_wrap">

            <!-- <div class="items">
              <div class="left">
                <img src="../images/首页-第四页bg.jpg">
              </div>
              <div class="right">
                <a href="detail.html" target="_blank">江苏省财政厅相关领导莅临苏创投调研指导</a>
                <div class="time">2022-09-22</div>
                <p>10月21日下午,江苏省财政厅基金管理处处长熊洁、副处长张锐一行带队莅临苏创投调研指导。苏州市财政局金融和基金管理处处长程乾、</p>
              </div>
              <div class="zhiding">置顶</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" 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 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>
  <script src="../js/work.js"></script>

  <script type="text/javascript">

    var pageCurrent = 1;
    // 新闻列表-党建工作-推荐
    function rec_render(){
      $.ajax({
          type: 'post',
          url: 'https://suzhou.njrenzhou.cn/api.php/news/getArticle',
          data:{
            flag:'rec'
          },
          dataType: 'json',
  
          success: function (res) { 
               if(res.code==200){
                  var data = res.data;
                  var html = '';
                  $('.leftcontent').empty();
  
                    var title = data.title;
                    var subtitle = data.subtitle;
                    var time = data.publish_time_text.substr(0,11);
                    var thumb = data.thumb;
                    var id = data.id;
                            
                    html += "<img src='https://suzhou.njrenzhou.cn"+ thumb + "'>";
                    html += "<div class='details'><div class='toptitle'><h5><a href='detail.html?id=" + id + "' target='_blank'>"+ title + "</a>";
                    html += "<img src='../images/NEW.png'></h5><span>" + time + "</span></div>";
                    html += "<p>" + subtitle + "</p>";
                    html += "<div class='more'><a href='detail.html?id=" + id + "' target='_blank'>了解更多</a><img src='../images/arrow.png'>";
                    html += "</div>";

                  $('.leftcontent').append(html);
                    
               } 
           },
          error: function (err) { 
              console.log(err); 
          }
         
      });
      
    }

    rec_render();

    // 新闻列表-党建工作
    function work_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:37,
              page:pageCurrent,
              limit:4,
              order:'desc',
              sort:'flags',
              // flags:'desc'
            },
            dataType: 'json',
            // async:false,
    
            success: function (res) { 
                 if(res.code==200){
                    var item = res.data.data;
                    var html = '';
                    var page = '';
                    console.log(item);
                    newsNum = res.data.total;
                    pageNum = Math.ceil(newsNum/4);

                    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;
                        var flags = item[index].flags;
                        
                        if (flags) {
                        html += "<div class='items'>";
                        html += "<div class='left'><img src=https://suzhou.njrenzhou.cn" + thumb + "></div>";
                        html += "<div class='right'><a href='detail.html?id=" + id + "' target='_blank'>" + title + "</a><div class='time'>" + time + "</div><p>"+ subtitle + "</p></div>";
                        html += "<div class='zhiding'>置顶</div>";
                        html += "</div>";
                        } else {
                          html += "<div class='items'>";
                            html += "<div class='left'><img src=https://suzhou.njrenzhou.cn" + thumb + "></div>";
                            html += "<div class='right'><a href='detail.html?id=" + id + "' target='_blank'>" + title + "</a><div class='time'>" + time + "</div><p>"+ subtitle + "</p></div>";
                            html += "</div>";
                            
                          }  
                      })
                      $('.news_wrap').append(html);
      
                      // 页码渲染
                      page += "<li><a href='javascript:void(0)' onclick=work_render(" + pageCurrent + "-1)><</a></li>";
                      for (var index = 1; index <= pageNum; index++) {
                        if (index == pageCurrent) {
                          page += "<li class='active'><a href='javascript:void(0)' onclick=work_render(" + index + ")>" + index + "</a></li>";
                        }else{
                          page += "<li><a href='javascript:void(0)' onclick=work_render(" + index + ")>" + index + "</a></li>";
                        }
                      }
                      page += "<li><a href='javascript:void(0)' onclick=work_render(" + pageCurrent + "+1)>></a></li>";
                      $('.pageNum_wrap').append(page);
                    }
                      
                 } 
             },
            error: function (err) { 
                console.log(err); 
            }
           
        });
        
      }
      
    }

    work_render(pageCurrent);

  </script>

</body>
</html>