<!DOCTYPE html>
<html style="height: 100%">
<head>
  <title>运营数据</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.min.css">
  <style type="text/css">
    table{
    border-collapse: collapse;
    border: 1px solid #e3e3e3;
    }

    </style>
  <script src="/js/vue/jquery.min.js"></script>
  <script src="/js/bootstrap/js/popper.min.js"></script>
  <script src="/js/bootstrap/js/bootstrap.min.js"></script>
	<script src="/js/vue/axios.min.js"></script>
	<script src="/js/echarts/echarts.min.js"></script>
	<script src="/js/echarts/china.js"></script>

</head>
<body style="height:100%;margin:0">
  <div style="margin:5% 5%;text-align:center">
    <h4 >友金云贷h5访问排行榜</h4>
    <table style="font-size: 0.6rem;margin:5%;height:100%;width:90%;text-align:center" id="visitTop10" cellspacing="0" border="1">
     <tr>
      <th align="left">排名</th>
      <th align="right">头像</th>
      <th align="right">昵称</th>
      <th align="right">访问人数</th>
     </tr>
    </table>
  </div>
</body>
<script type="text/javascript">
	 $(function(){
    axios.get("applet/shopApplet/getYjsRankList?tj_code=yjsh5djl&top_num=10").then(function(d){
      console.log(d);
      if(d && d.status==200 && d.data && d.data.code==1){
        for(var i=0;i<d.data.data.length;i++){
           var tmp="<tr>";
           var data = d.data.data[i];
           var pm = i+1;
           tmp+="<td>"+pm+"</td>";
           tmp+="<td><img width=\"40px\" height=\"40px\" src='"+data.rank.head_url+"' /></td>";
           tmp+="<td>"+data.rank.name+"</td>";
           tmp+="<td>"+data.rank.pv_count+"</td>";
           tmp+="</tr>";
           $("#visitTop10").append(tmp);
        }
      }
    })

	 })
</script>
</html>
