<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <meta charset="UTF-8">
    <title class="title">綁定用戶列表</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="lib/fsize.js"></script>
</head>
<body style="background: #0A0A0A;">
<div class="userList-bg">
  <ul class="user-list">
    <!-- <li class="user">
      <img class="user-avatar" src="images/avatar.png" alt="">
      <div class="user-info">
        <p class="user-line1">
          <span class="user-name">用户昵称</span>
          <span class="user-txt">綁定時間</span>
        </p>
        <div class="clearfix"></div>
        <p class="user-line2">
          <span class="user-uid">ID:12345645</span>
          <span class="user-time">2018-09-24</span>
        </p>
      </div>
    </li> -->
    <img class="no-record" src="images/no-record.png" alt="">
    <p class="no-txt">暫無綁定的好友</p>
  </ul>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script>
//    $ip = "http://ceshi.yabolive.tv/web";
    $ip = "https://webserver.yabolive.net";
    cdn = "https://zhibocdn.yabolive.net/comm"
    var bbb = location.href;
    var data = url_get_params(bbb)
    if(sessionStorage.bbb==undefined){
        sessionStorage.bbb = data.uid; //t
        sessionStorage.kkk = data.token;//k
    }

    function url_get_params(url_path) {
        var url = url_path;
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(url.indexOf("?") + 1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    
    $.ajax({
        url: $ip + '/user/getAgentBindingUser.html',
        type: 'POST',
        dataType: 'json',
        data: {
            uid: sessionStorage.bbb,
            token: sessionStorage.kkk,
            lang: '1',
            cid: 'h5_gw',
            os: 'h5',
            page: 1,
            pageSize: 99999
        },
        success: function (res) {
            console.log(res);
            var html = '';
            var list = res.result;
            if (list.length > 0) {
                for (var i = 0; i < list.length; i++) {
                html += '<li class="user">';
                html += '<img class="user-avatar" src="'+cdn+list[i].faceimg+'?x-oss-process=image/resize,w_100" alt="">';
                html += '<div class="user-info">';
                html += '<p class="user-line1">';
                html += '<span class="user-name">'+list[i].nickname+'</span>';
                html += '<span class="user-txt">綁定時間</span>';
                html += '</p>';
                html += '<div class="clearfix"></div>';
                html += '<p class="user-line2">';
                html += '<span class="user-uid">ID:'+list[i].uid+'</span>';
                html += '<span class="user-time">'+list[i].addtime+'</span>';
                html += '</p>';
                html += '</div>';
                html += '</li>';
                }
                $(".user-list").append(html);
                $(".title").html('綁定用戶列表(' + list.length + ')');
            }else {
                $(".no-record").css('display','block');
                $(".no-txt").css('display','block');
            }
        }
    })

</script>
</html>