<!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">
    <title>我的数据</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layer.css">
    <link rel="stylesheet" href="css/myData.css?v=20210616">
    <script src="lib/fsize.js"></script>
    <style>
        .layui-layer-ico {
            display: none !important;
        }
        .layui-layer{
            box-shadow: none !important;
        }
        .yourclass{
            background: rgba(0,0,0,0) !important;
            border-radius: 0.4rem !important;
        }
        .layui-layer-page .layui-layer-content{
            border-radius: 0.4rem !important;
        }
        .yourclass2{
            border-radius: 0rem !important;
            background: rgba(0,0,0,0) !important;
        }
        .yourclass2 .layui-layer-content{
            border-radius: 0rem !important;
        }
        .face-out{
          font-size: 0.3rem;
          position: absolute;
          right: 0.65rem;
          top: 0.4rem;
          z-index: 50;
        }
        .bottom-arrow{
          left: 8rem;
        }
    </style>
</head>
<body>
<div class="bg-top"></div>
<div class="bg">
  <span class="face-out">退出</span>
  <div class="face-box">
    <!-- <img class="face-img" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_80" alt="">
    <p class=face-p1>尼莫是条鱼</p>
    <p class=face-p2>果冻 ID:256123</p> -->
  </div>
  <div class="list-btn-box">
    <ul class="list-btn-ul">
      <li class="list-li-click">本周<div class="list-btn-dian"></div></li>
      <li>上周<div class="list-btn-dian"></div></li>
    </ul>
    <select>
      <option value ="1">按周</option>
      <option value ="2">按月</option>
    </select>
    <img class="bottom-arrow" src="images/bottom.png" alt="">
  </div>
  <div class="list-top-box clearfix">
    <!-- <div class="list-top-box1">
      <p>20小时+10小时</p>
      <p>直播总时长</p>
    </div>
    <div class="list-top-box2">
      <p>5天</p>
      <p>总有效天</p>
      <div class="rule-left"></div>
      <div class="rule-right"></div>
    </div>
    <div class="list-top-box3">
      <p>10000000果券</p>
      <p>直播总收益</p>
    </div> -->
  </div>
  <ul class="list-ul">
    <!-- <li>
      <span class="list-span1">
        <p class="list-span1-p1">2021.5.20</p>
        <p class="list-span1-p2">3.6小时+2小时</p>
        <p class="list-span1-p3">直播时长</p>
      </span>
      <span class="list-span2">
        <p class="list-span2-p1">1天</p>
        <p class="list-span2-p2">有效天</p>
      </span>
      <span class="list-span3">
        <p class="list-span3-p1">50000果券</p>
        <p class="list-span3-p2">直播收益</p>
      </span>
    </li> -->
  </ul>
  <div class="fml-go"><img src="images/fml-btn.png" alt=""></div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>
    // $ip = 'http://test.api.lvdou66.com/';
    $ip = 'https://zhibo.lvdou66.com/';
//$ip = 'https://zhibo.lvdou66.com/87server/'
    //    $ip = 'https://zhibo.lvdou66.com/';
    cdn = 'http://zhibocdn.ishuaji.cn/comm';
    var bbb = location.href;
    var data = url_get_params(bbb)
    var myM=1;
    var myW=1 
    // if (sessionStorage.token == undefined) {
    //     sessionStorage.token = data.token; //t
    //     sessionStorage.uid = data.uid; //u
    // }
    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;
    }
    if (bbb.indexOf("file:///D") > -1) {
      localStorage.uid = 21654968;
        localStorage.token = '0e5894ea137749038c5dd1660be201f3'
        sessionStorage.roomId=23864554
    
        // sessionStorage.pkg='qiezi'
    }
    //ajax设置默认参数
    $.ajaxSetup({
        global: false,
        type: 'get',
        data: {
            uid: localStorage.uid,
            token: localStorage.token
        },
        dataType: "JSON"
    })
    $(".face-out").on("click",function(){
        localStorage.uid='undefined'
        localStorage.token='undefined'
        window.location.href="login2.html"
    })
    $(".list-btn-ul li").eq(0).on("click",function(){
      myW=1
      $(".list-btn-ul li").eq(1).removeClass("list-li-click")
      $(".list-btn-ul li").eq(0).addClass("list-li-click")
  
      list(myM,myW)
    })
    $(".list-btn-ul li").eq(1).on("click",function(){
      myW=2
      $(".list-btn-ul li").eq(0).removeClass("list-li-click")
      $(".list-btn-ul li").eq(1).addClass("list-li-click")
      list(myM,myW)
    })
    $("select").on("change",function(){
      if($('select  option:selected').val()==1){
        myM=1
        $(".list-btn-ul li").eq(0).html('本周<div class="list-btn-dian"></div>')
        $(".list-btn-ul li").eq(1).html('上周<div class="list-btn-dian"></div>')
        list(myM,myW)
        
      }
      else if($('select  option:selected').val()==2){
        myM=2
        $(".list-btn-ul li").eq(0).html('本月<div class="list-btn-dian"></div>')
        $(".list-btn-ul li").eq(1).html('上月<div class="list-btn-dian"></div>')
        list(myM,myW)
    
      }
    })
    list(myM,myW)
    function list(m,w){
      $.ajax({
        url:'https://openapi.lvdou66.com/data/getMicLiveDetail',
        data:{
          querytype:m,
          timetype:w
        },
        success:function(data){
          console.log('主播直播明细',data)
          var html=[];
          html+='<img class="face-img" src="https://zhibocdn.lvdou66.com/comm'+data.result.avatar+'?x-oss-process=image/resize,w_80" alt="">';
          html+='<p class="face-p1">'+data.result.nickname+'</p>';
          html+='<p class="face-p2">果冻 ID:'+data.result.uid+'</p>';
          $(".face-box").html(html);
          var html=[];
          html+='<div class="list-top-box1">';
          if(data.result.data.totalEtime>0)html+='<p>'+Math.floor(data.result.data.totalTime/60*10)/10+'小时+'+Math.floor(data.result.data.totalEtime/60*10)+'小时</p>';
          else html+='<p>'+Math.floor(data.result.data.totalTime/60*10)/10+'小时</p>';
          html+='<p>直播总时长</p>';
          html+='</div>';
          html+='<div class="list-top-box2">';
          html+='<p>'+data.result.data.totalEfday+'天</p>';
          html+='<p>总有效天</p>';
          html+='<div class="rule-left"></div>';
          html+='<div class="rule-right"></div>';
          html+='</div>';
          html+='<div class="list-top-box3">';
          html+='<p>'+data.result.data.totalBonds+'果券</p>';
          html+='<p>直播总收益</p>';
          html+='</div>';
          $(".list-top-box").html(html);
          var html=[];
          if(data.result.data.detail==undefined){
            $(".list-ul").html('');
            return;
          }
          for(var i=0;i<data.result.data.detail.length;i++){
            var list=data.result.data.detail[i]
            html+='<li>';
            html+='<span class="list-span1">';
            html+='<p class="list-span1-p1">'+list.statdate+'</p>';
            if(list.etime>0)html+='<p class="list-span1-p2">'+Math.floor(list.time/60*10)/10+'小时+'+Math.floor(list.etime/60*10)/10+'小时</p>';
            else html+='<p class="list-span1-p2">'+Math.floor(list.time/60*10)/10+'小时</p>';
            html+='<p class="list-span1-p3">直播时长</p>';
            html+='</span>';
            html+='<span class="list-span2">';
            html+='<p class="list-span2-p1">'+list.efday+'天</p>';
            html+='<p class="list-span2-p2">有效天</p>';
            html+='</span>';
            html+='<span class="list-span3">';
            html+='<p class="list-span3-p1">'+list.livebonds+'果券</p>';
            html+='<p class="list-span3-p2">直播收益</p>';
            html+='</span>';
            html+='</li>';
            $(".list-ul").html(html);
          }
        }
        
      })
    }
    $.ajax({
        url:''+$ip+'weblive/webfamily/isdisplay.html',
        type: "get",
        data: {
            uid:localStorage.uid,
            token:localStorage.token,
            debug:'debug'
        },
        success:function(msg){
            var data=JSON.parse(msg)
            console.log("是否展示",data)
            if(data.code==1){
                if(data.state==1){
                    $(".withdraw-btn").css("margin-top","0.8rem")
                    $(".fml-go").show()
                }else{
                    
                }
            }
        }
    })
    $(".fml-go").on("click",function(){
        window.location.href="fml.html"
    })
    function appCollaboration(msg) {
        var ua = window.navigator.userAgent.toLowerCase();
        try{
            if (/iphone|ipad|ipod/.test(ua)) {
                window.webkit.messageHandlers.appCollaboration.postMessage(msg);
            }else if(/android/.test(ua)){
                window.yazhai.appCollaboration(msg);
            }
        }catch (e){}
    }

    $("option").eq(1).on("click",function(){
      console.log(22)
    })
    //客户端回调结果
    function appCallback(msg) {
        console.log(msg);
    }
</script>
</html>