<!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">
    <link rel="stylesheet" href="../../css/layer.css" />
    <link rel="stylesheet" href="css/base.css">
     <link rel="stylesheet" href="css/dew.css?v=202009231936">
    <link rel="stylesheet" href="css/dewmask.css?v=202009231936">
    <script src="lib/fsize.js"></script>
    <title></title>
</head>
	<body>
		<div class="main">
			<div class="mTop">
				<div class="mTopLeft"></div>
				<div class="mTopRight"></div>
			</div>
			<div class="mList"></div>
		</div>
		<div class="masking dewMasking1">
			<div class="maskingCon">
				<div class="maskingBox">
				</div>
				<div class="maskingBtn"><span></span><span></span></div>
			</div>
		</div>
		<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=202009231936"></script>
		<script type="text/javascript">
			var flag = true,flag1 = true;
			var interval = null;
			$('.main2').on('click',function(){
				close();
			})
			 $('.mTopRight').html('+'+langList[langType].dew16)
			 sessionStorage.uid = getRequest().uid;
			 sessionStorage.token = getRequest().token;
			  
			  $('.maskingBtn span').eq(0).text(langList[langType].dew24);
			$('.maskingBtn span').eq(1).text(langList[langType].dew25);
			$('.dewMaskingBtn span').eq(0).html(langList[langType].dew14);
			$('.dewMaskingBtn span').eq(1).html(langList[langType].dew15);
			
			$('.maskingBtn span:eq(0),.dewMaskingBtn span:eq(0)').on('click',function(){
				layer.closeAll();
			})
			 $.ajaxSetup({
					global: false,
					type: 'post',
					dataType:"JSON",
					data: {
						os: 'WEB',
						cid: 'web_gw',
						lang: sessionStorage.lang,
						uid:sessionStorage.uid,
						token:sessionStorage.token
					}
				})
			 
			 //輪訓賬戶信息
			 clearInterval(interval);
			interval = setInterval('userInfo()',1000)
			 
			 function userInfo(){
			 		$.ajax({
						url:$ip+'/user/getUserInfo.html',
						success:function(res){
							if(res.code == 1){
								
								if(Number(res.data.diamond)>Number(sessionStorage.gem)){
									getUserInfo();
									clearInterval(interval);
								 interval = setInterval('userInfo()',1000)
								}
								
								sessionStorage.gem = res.data.diamond;
							}
						}
					})
			 }
			 
			 //獲取賬戶信息
			 getUserInfo();
			 function getUserInfo(){
					$.ajax({
						url:$ip+'/user/getUserInfo.html',
						success:function(res){
							if(res.code == 1){
								var str = '';
								if(sessionStorage.lang == 1){
										str += '<p>'+langList[langType].dew4+' '+langList[langType].dewExchangeTitle3+'</p>';
										str += '<p>'+langList[langType].mdew1+':'+res.data.diamond+' '+langList[langType].dew18+'</p>';
								} else {
									str += '<p>'+langList[langType].dew4+langList[langType].dewExchangeTitle3+'</p>';
									str += '<p>'+langList[langType].mdew1+':'+res.data.diamond+langList[langType].dew18+'</p>';
									
								}
								$('.mTopLeft').html(str).attr('data-gem',res.data.diamond);
								getBuyChipData();
							} else {
								layer.msg(res.msg);
							}
						}
					})
			}
			 //获取买入露水兑换点
			 function getBuyChipData(){
				$.ajax({
					url:$ip+'/chip/exchangeBuyChipData.html',
					success:function(res){
						var str = '';
						var list = res.result;
						//全部買入
						$('.mTopRight').attr('data-pid',list[list.length-1].pid);
						var str = '';
						for(var i=0;i<list.length-1;i++){
							str += '<div class="mDetail" data-pid="'+list[i].pid+'" data-point="'+list[i].point+'" data-gem="'+list[i].expend+'">';
							str += '	<span class="mDetailNum"><img src="images/maskdew.png"/>'+list[i].point+'</span>';
							str += '	<span class="mDetailBtn"><font>'+list[i].expend+'</font>'+langList[langType].dew18+'</span>';
							str += '</div>';
						}
						$('.mList').html(str);
						
						//列表買入
						$('.mDetail').unbind('click').on('click',function(){
//							$(this).addClass('check').siblings().removeClass('check');
							if(!flag)return;
							flag = false;
							//可以買入
							if(Number($('.mTopLeft').attr('data-gem'))>=Number($(this).attr('data-gem'))){
								exchangeDewMasking1($(this).attr('data-point'),$(this).attr('data-gem'),$(this).attr('data-pid'));
							} else {
								goRecharge();
//								if(getNavigator()=='ios'){
//									close();
//								} else {
//									window.location.href="http://yazhai://_closeweb";
//								}
							}
						})
						
						
						//全部買入
						$('.mTopRight').unbind('click').on('click',function(){
							if(!flag)return;
							flag = false;
							//可以買入
							if($('.mTopLeft').attr('data-gem')>=res.rate*100*10){
								var num =$('.mTopLeft').attr('data-gem') + '';
            		var expend = Number(num.substring(0,num.length-1))*10; //需要的寶石
            		var value = expend*100; //獲得的露水
								exchangeDewMasking1(value,expend,$('.mTopRight').attr('data-pid'));
							} else {
								goRecharge();
//								if(getNavigator()=='ios'){
//									close();
//								} else {
//									window.location.href="http://yazhai://_closeweb";
//								}
							}
						})
					}
				})
			}
			 function exchangeDewMasking1(value,expend,pid){
					layer.open({
					  type: 1,
					  title:false,
					  shadeClose:true,
					  shade:.8,
					  area:['7.786rem',''],
					  closeBtn: 0, //不显示关闭按钮
					  content: $('.dewMasking1'),
					  end:function(){
					  	flag = true;
//					  	$('.mDetail').removeClass('check');
					  }
					});
					var str = '';
					str += '<p class="maskingDesc1">'+langList[langType].dew9+'<span>'+expend+'</span>'+langList[langType].dew18+'</p>';
					str += '<p class="maskingDesc2">'+langList[langType].dew4+'<span>'+value+'</span>'+langList[langType].dewExchangeTitle3+'?</p>';
					$('.dewMasking1 .maskingBox').html(str);

					$('.maskingBtn span').eq(1).unbind('click');
					$('.maskingBtn span').eq(1).on('click',function(){
						if(!flag1)return;
								flag1 = false;
								exchangeDewSubmit(pid);
							})
					}
			 
			 function exchangeDewSubmit(pid){
			 	$.ajax({
					url:$ip+'/chip/buy.html',
					data:{
						pid:pid
					},
					success:function(res){
						layer.closeAll();
						flag1 = true;
						if(res.code == 1){
							layer.msg(langList[langType].dew26);
							getUserInfo();			
						} else {
							layer.msg(res.msg);
						}
					}
				})
			 }
			 //去储值
			function goRecharge(){
				flag = true;
				var obj = {
					"cid":12,
					"reqCode": new Date().getTime(),
					"data":{
						"msg":"宝石储值",
						"jumptype":16,
					}
				}
				var obj2 = JSON.stringify(obj);
				appCollaboration(obj2);
				
			}
			function appCollaboration(msg){
				var sUserAgent = navigator.userAgent.toLowerCase();
			  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
			  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
			  var bIsMidp = sUserAgent.match(/midp/i) == "midp";
			  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
			  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
			  var bIsAndroid = sUserAgent.match(/android/i) == "android";
			  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
			  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
			  if (!(bIsIpad|| bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
			  }
			  else if(bIsAndroid){
			      window.yazhai.appCollaboration(msg);
			  }else if(bIsIphoneOs||bIsIpad){
			      window.webkit.messageHandlers.appCollaboration.postMessage(msg);
			  }
			}
			//客户端回调结果
			function appCallback(msg) {
			    console.log(msg);
			}
			function close(){
				var obj = {
						"cid":14,
						"reqCode": new Date().getTime(),
			      "data": {
			          "msg":'關閉半屏網頁', 
			      }
					}
				var obj2 = JSON.stringify(obj);
				appCollaboration(obj2);
			}
			
			//判断设备
		function getNavigator(){
				var sUserAgent = navigator.userAgent.toLowerCase();
			  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
			  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
			  var bIsMidp = sUserAgent.match(/midp/i) == "midp";
			  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
			  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
			  var bIsAndroid = sUserAgent.match(/android/i) == "android";
			  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
			  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
			  if (!(bIsIpad|| bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
			  } else if (bIsAndroid){
			      return 'android'
			  } else if (bIsIphoneOs||bIsIpad){
			      return 'ios';
			  }
			}
		</script>
	</body>
</html>