<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <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="https://app.ixiulive.com/static/css/reset.css">
    <link rel="stylesheet" href="../../../layer-v3.1.0/layer/theme/default/layer.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/indexLi.css">
   <link rel="stylesheet" href="../../../css/background.css" />
    <script type="text/javascript" src="../../../lib/fsize.js"></script>
  <style>
    .layui-layer-setwin .layui-layer-close2{
      display: none !important;
    }
    .layui-layer-page .layui-layer-content{
     border-radius: 0.4rem !important;
    }
    .yourclass2{
      border-radius: 0.4rem !important;
    }
    .takeOut .item{
      margin-top: 0rem !important;
      margin-bottom: 0.24rem;
    }
    .icon{
      position: relative;
      right: 0.2rem;
    }
    .takeOut .title{
    	color:#333;
    }
    .takeOut .item{
    	background-color: #F5F5F5;
    	color: #666;
    }
    .w-icon{
    	width: 1.173rem;
    	height: 1.066rem;
    	top: 0;
    	right: 0;
    }
    .takeOut .icon{
    	top: .06rem;
    }
    .num{
    	font-size: 0.426rem;
    	font-weight: bold;
    	color:#333;
    }
    .takeOut .date, .takeOut .paypal, .takeOut .no{
    	text-indent: .55rem;
    }
    .takeOut-layer-btn{
    	color:#E62E74;
    }
  </style>
</head>
<body>
<img  class="w-icon" src="img/w_icon.png?v='202004071813'" alt="">
  <div style="height: 0.34rem;"></div>
  <div class="takeOut">
      <!--<div class="item">-->
        <!--<p class="title">-->
          <!--<span class="num">-->
            <!--<img class="icon" src="img/takeOut-icon.png" alt="">-->
            <!--<span class="">$590.00</span>-->
          <!--</span>-->
          <!--<span class="state color-ysq" >已申請</span>-->
        <!--</p>-->
        <!--<p class="date">2018-11-20</p>-->
        <!--<p class="paypal">382738@qq.com</p>-->
        <!--<p class="no">訂單號碼:5454556465565656</p>-->
    <!--<p class="no">提現螢火數:'+data.orders[i].bonds+'</p>-->
      <!--</div>-->

  </div>
  <div class="takeOut-layer">
    <h2></h2>
    <p class="takeOut-layer1"></p>
    <p class="takeOut-layer2"></p>
    <p class="takeOut-layer3"></p>
    <p class="takeOut-layer4"></p>
    <p class="takeOut-layer5"></p>
   <div class="takeOut-layer-btn"></div>
  </div>
</body>
<script src="../../../lib/jquery-3.1.1.min.js"></script>
<script src="../../../layer-v3.1.0/layer/layer.js"></script>
<script src="../../../lib/langchange.js?v=202004071813"></script>
<script>
	var unitObj = {
		1:'¥',
		2:'$',
	}
	var typeObj = {
		1:langList[langType].draw65,
		2:langList[langType].draw64,
		3:'paypal',
		4:langList[langType].draw22,
    5:'Payoneer'
	}
  $('title').text(langList[langType].takeRecord);
  $('.takeOut-layer h2').text(langList[langType].takeStatus);
  $('.takeOut-layer1').html(langList[langType].takeApplied)
  $('.takeOut-layer2').html(langList[langType].takeReviewed)
  $('.takeOut-layer3').html(langList[langType].takePaid)
  $('.takeOut-layer4').html(langList[langType].takeReturned)
  $('.takeOut-layer5').html(langList[langType].takeAbnormal)
  $('.takeOut-layer-btn').html(langList[langType].takeGot)
  var bbb = location.href;
  var data = url_get_params(bbb)
  if(sessionStorage.bbb==undefined || sessionStorage.bbb=="undefined"){
    sessionStorage.bbb = data.uid; //u
    sessionStorage.kkk=data.method;  //t
    sessionStorage.version=data.appversion
    sessionStorage.lang = data.lang;
    if(data.method==undefined){
      sessionStorage.kkk=data.token;
    }
  }

  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;
  }
  $(".w-icon").on("click", function () {
    if(langType == 0){
      $(".takeOut-layer").css("height","10rem")
      layer.open({
        type: 1,
        title: false,
        shadeClose: false,
        skin: 'yourclass2',
        area : ['7.2rem','10rem'],
        content:$(".takeOut-layer"),
      });
    }else{
    	$(".takeOut-layer").css("height","12.5rem")
      layer.open({
        type: 1,
        title: false,
        shadeClose: false,
        skin: 'yourclass2',
        area : ['7.2rem','12.5rem'],
        content:$(".takeOut-layer"),
      });
    }

  })

  $(".takeOut-layer-btn").on("click", function () {
    layer.closeAll()
  })


  $.ajax({
    url: $ip + '/withdraw/getrecord.html',
    type: "post",
    data: {
      os: "WEB",
      cid: "web_gw",
      lang: sessionStorage.lang,
      uid:  sessionStorage.bbb,
      token:  sessionStorage.kkk
    },
    success: function (msg) {
      var data = JSON.parse(msg);
      console.log(data);
      var html=[];
      if(data.orders.length==0){
        $(".takeOut").css("text-align","center");
        html+='<div style="height: 2.5rem;"></div>'
        html+='<img style="width:3.09rem;height:3.42rem;" src="img/no-pay.png" alt="">';
        html+='<p style="margin-top: 0.5rem;font-size: 0.45rem; color:#333;">'+langList[langType].takeno+'</p>'
        $(".takeOut").html(html);
        return
      }

      for(var i=0;i<data.orders.length;i++){
        html+='<div class="item">';
        html+='<p class="title">';

				html+='<span class="num"><img  class="icon" src="img/takeOut-icon.png" alt=""><span class="">'+unitObj[data.orders[i].currency]+data.orders[i].amount+'</span></span>';
				
        if(data.orders[i].state==-1){
          html+='<span class="state color-yzf" >'+langList[langType].takeObsolete+'</span>';
        }
        else if(data.orders[i].state==1){
          html+='<span class="state color-ysq" >'+langList[langType].takeAppliedTitle+'</span>';
        }
        else if(data.orders[i].state==2){
         html+='<span class="state color-ysh" >'+langList[langType].takeReconciled+'</span>';
        }
        else if(data.orders[i].state==3){
         html+='<span class="state color-ydk" >'+langList[langType].takePaidTitle+'</span>';
        }
        else if(data.orders[i].state==4){
           html+='<span class="state color-yfh" >'+langList[langType].takeReturnedTitle+'</span>';
        }
        else if(data.orders[i].state==5){
          html+='<span class="state color-ybh" >'+langList[langType].takeRejected+'</span>';
        }

        html+='</p>';
        html+='<p class="date">'+data.orders[i].addtime+'</p>';
        var htmls = '';
				var card = data.orders[i].cardaddr;
				var cardNum = data.orders[i].cardaddr;
				if(cardNum.length>7){
					//console.log(data.orders[i].plattype == 2)
					//银行卡
					if(data.orders[i].plattype == 2){
						console.log()
						for(var j=0;j<card.length-7;j++){
    					htmls+='*';
    				}
    				cardNum = card.substring(0,4)+htmls+card.substring(card.length-3);
					}
					//支付宝
					if(data.orders[i].plattype == 4){
						for(var j=0;j<card.length-7;j++){
    					htmls+='*';
    				}
    				cardNum = card.substring(0,3)+htmls+card.substring(card.length-4);
					}
				}
        
        html+='<p class="paypal">'+typeObj[data.orders[i].plattype]+': '+cardNum+'</p>';

        html+='<p class="no">'+langList[langType].takeOrderNum+':'+data.orders[i].wid+'</p>';
        html+='<p class="no">'+langList[langType].takeWithdrawal+':'+data.orders[i].bonds+'</p>';
        html+='</div>';
      }
      $(".takeOut").html(html);
    }
  })
</script>
</html>