<div class="report-count">被舉報(bào)次數(shù)：${count}次</div>
  <ul class="report-btn nav nav-tabs" id="myTab" >
    <li class="pending active"><a href="#padding" onclick="freashTable(0)" data-toggle="tab">待處理：${stateCountList[0]}次</a><i class=""></i></li>
    <li class="success-report"><a href="#success-report" onclick="freashTable(1)" data-toggle="tab">舉報(bào)成立：${stateCountList[1]}次</a></li>
    <li class="fail-report"><a href="#fail-report" onclick="freashTable(2)" data-toggle="tab">舉報(bào)不成立：${stateCountList[2]}次</a></li>
  </ul>

<div class="table-view tab-content">
      <div class=" tab-pane fade in active" id="padding">
       <div class="table-header clear">
        <c:forEach items="${complainCount1}" varStatus="i" var="c" >
         <div>${c.complain_reason}：${c.count}次</div>
        </c:forEach>
       </div>
       <div class="line addStyle"></div>
       <div>
        <table class="table"></table>
       </div>
      </div>
      <div class="tab-pane fade" id="success-report">
       <div class="table-header clear">
        <c:forEach items="${complainCount2}" varStatus="i" var="c" >
         <div>${c.complain_reason}：${c.count}次</div>
        </c:forEach>
       </div>
       <div class="line addStyle"></div>
       <div>
        <table class="table"></table>
       </div>
      </div>
      <div class="tab-pane fade" id="fail-report">
       <div class="table-header clear">
        <c:forEach items="${complainCount3}" varStatus="i" var="c" >
         <div>${c.complain_reason}：${c.count}次</div>
        </c:forEach>
       </div>
       <div class="line addStyle"></div>
       <div>
        <table class="table"></table>
       </div>
      </div>
     </div> 

var $table=$('.table')
function initTable(index){
  $table.bootstrapTable({
  url: '${basePath}/interacts/complain/getComplainList?pkid='+$("#pkid").val()+'&state='+index, //請(qǐng)求數(shù)據(jù)地址url
  height: getHeight(), //獲取行高
  striped: true, //設(shè)置為 true 會(huì)有隔行變色效果
  search: true, //為true會(huì)有搜索框
  showRefresh: true, //為true有刷新按鈕
  showColumns: true, //是否顯示 內(nèi)容列下拉框
  minimumCountColumns: 2,//當(dāng)列數(shù)小于此值時(shí)，將隱藏內(nèi)容列下拉框
  clickToSelect: true, //點(diǎn)擊行是checkbox或者rediobox選中
  detailView: true, //設(shè)置為 true 可以顯示詳細(xì)頁(yè)面模式。table第一行會(huì)有+號(hào)，點(diǎn)擊會(huì)出現(xiàn)更詳細(xì)的該行信息
  detailFormatter: 'detailFormatter', //格式化詳細(xì)頁(yè)面模式的視圖。
  pagination: true, //展示有分頁(yè)
  paginationLoop: false, //循環(huán)分頁(yè)
  sidePagination: 'server', //設(shè)置在哪里進(jìn)行分頁(yè)，可選值為 'client' 或者 'server'。設(shè)置 'server'時(shí)，必須設(shè)置 服務(wù)器數(shù)據(jù)地址（url）或者重寫ajax方法
  silentSort: false, //設(shè)置為 false 將在點(diǎn)擊分頁(yè)按鈕時(shí)，自動(dòng)記住排序項(xiàng)。僅在 sidePagination設(shè)置為 server時(shí)生效19   escape: true, //轉(zhuǎn)義HTML字符串，替換 &, <, >, ", `, 和 ' 字符.
  searchOnEnterKey: true, //設(shè)置為 true時(shí)，按回車觸發(fā)搜索方法，否則自動(dòng)觸發(fā)搜索方法
  idField: 'systemId', //指定主鍵
  maintainSelected: true, //設(shè)置為 true 在點(diǎn)擊分頁(yè)按鈕或搜索按鈕時(shí)，將記住checkbox的選擇項(xiàng)
  toolbar: '#toolbar', //一個(gè)jQuery 選擇器，指明自定義的toolbar 
  columns: [
    {field: 'complain_reason', title: '舉報(bào)類型',align: 'center'},
    {field: 'nick_name', title: '舉報(bào)人',align: 'center'},
    {field: 'create_time', title: '舉報(bào)時(shí)間',formatter:'timeFormat' },
    {field: 'complain_state', title: '舉報(bào)狀態(tài)',formatter:'stateFormat'}
    {field: 'action', title: '操作', align: 'center', formatter: 'actionFormatter', events: 'actionEvents', clickToSelect: false}
   ]
  });
}

function timeFormat(value,row,index){
  value = row.modifyTime==null?value:row.modifyTime;
 return new Date(parseInt(value)).toLocaleString().replace(/:\d{1,2}$/,' ');
 }

function actionFormatter(value, row, index) {
 return [
  '<a class="update" href="javascript:;" onclick="editdateAction(\'' + row.systemId + '\')" data-toggle="tooltip" title="Edit"><i class="glyphicon glyphicon-edit"></i></a>　',
  '<a class="delete" href="javascript:;" onclick="deleteRowAction(\''+row.systemId+'\')" data-toggle="tooltip" title="Remove"><i class="glyphicon glyphicon-remove"></i></a>'
 ].join('');
}

function goPage(){
  var page=$('#pageNum').val();
  $table.bootstrapTable('selectPage',page)
 }