tangdehang
/
android-cloud-H5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>周年庆活动</title>
	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
	<link rel="stylesheet" href="../static/css/anniversaryCelebrate.css">
	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
	<script src="../static/js/vender/toastr/toastr.min.js"></script>
	<script src="../static/js/vender/config.js"></script>
</head>

<body>
	<div class="container">
		<div class="rule-wrap">
			<img class="rule" src="../static/img/anniversaryCelebrate/rule.png" />
		</div>
		<div class="activity-text-wrap">
			<img class="activity-text" src="../static/img/anniversaryCelebrate/activity-text.png" />
		</div>
		<div class="activity-tips-wrap">
			<img class="activity-tips" src="../static/img/anniversaryCelebrate/activity-tips.png" />
		</div>
		<div class="star-wrap">
			<img class="star" src="../static/img/anniversaryCelebrate/star.png" />
			<img class="light-show" src="../static/img/anniversaryCelebrate/light-show.gif" />
			<img class="award-success" src="../static/img/anniversaryCelebrate/award-success.png" />
			<div class="point-wrap"></div>
		</div>
		<div class="station-wrap">
			<img class="station" src="../static/img/anniversaryCelebrate/station.png" />
			<div class="station-text-wrap">
				<div class="once-text">购买／续费星曜月卡，获得 1次 点亮资格</div>
				<div class="ten-text">购买/续费星曜年卡，获得 10次 点亮资格</div>
			</div>
			<div class="btn-list">
				<img class="once-btn btn" src="../static/img/anniversaryCelebrate/once.png" />
				<img class="five-btn btn" src="../static/img/anniversaryCelebrate/fifce.png" />
			</div>
		</div>
		<div class="award-get-wrap">
			<div class="number-wrap">
				<div class="rest-times">剩余次数<span class="rest-number"></span>次</div>
				<div class="process-wrap">
					<div class="small-star-wrap">
						<img class="small-star" src="../static/img/anniversaryCelebrate/small-star.png" />
					</div>
					<div class="line-wrap">
						<img class="icon icon1" src="../static/img/anniversaryCelebrate/icon1.png" />
						<img class="icon icon2" src="../static/img/anniversaryCelebrate/icon2.png" />
					</div>
				</div>
			</div>
			<img class="get-times" src="../static/img/anniversaryCelebrate/get-times.png" />
		</div>
		<div class="no-join-activity">激活码、优惠券、星币购买的订单不参与本次活动</div>
		<div class="light-record-wrap">
			<div class="record-title-wrap">
				<img class="record-title" src="../static/img/anniversaryCelebrate/record-title.png" />
			</div>
			<div class="record-main-wrap">
				<div class="change-wrap">
					<div class="get-award-wrap">
						<img class="award-img" src="../static/img/anniversaryCelebrate/left-bg.png" />
						<img class="get-award-img" src="../static/img/anniversaryCelebrate/get-award-show.png" />
						<div class="get-award-text">充值奖励</div>
					</div>
					<div class="get-award-wrap get-award-right-wrap">
						<img class="award-img right-bg" src="../static/img/anniversaryCelebrate/right-bg.png" />
						<img class="get-award-img" src="../static/img/anniversaryCelebrate/get-award-success-hidden.png" />
						<div class="get-award-text used-text">分配奖励</div>
						<div class="no-distribution-award">999+</div>
					</div>
				</div>
				<div class="light-content-container">
					<div class="light-content-list">
						<div class="light-content-text">点亮一颗星获得星曜7天时长奖励</div>
					</div>
					<div class="all-light">已全部点亮<text class="light-number"></text>次</div>
				</div>
			</div>
			<div class="activity-intrduction-wrap">
				<div>活动时间：2022年6月18日-2022年6月27日</div>
				<div>活动参与套餐：星曜套餐月卡年卡（自动续费除外）</div>
			</div>
			<div class="law-statement">请阅读相关《法律声明》文件</div>
		</div>
		<div class="reward-list">
			<img class="left-ear" src="../static/img/doubleChristmasActivity/left-ear.png" />
			<img class="right-ear" src="../static/img/doubleChristmasActivity/right-ear.png" />
			<div class="slider" id="slider">
				<div class="slider-list flex" id="slider-list"></div>
			</div>
			<div class="page-row">
				<div class="schedule-line">
					<div class="schedule-child-line"></div>
				</div>
				<div class="page">1/4页</div>
			</div>
			<div class="distribution-reward-btn">
				<img class="reward-btn-img" src="../static/img/doubleChristmasActivity/distribution-reward-btn.png" />
			</div>
		</div>
		<div class="award-result-mask">
			<div class="award-result-dialog-sure">
				<div class="have-times-wrap">
					<div class="award-result-tip"></div>
					<div class="line"></div>
					<div class="card-wrap award-result-wrap"></div>
					<div class="btn-row">
						<img class="award-btn continue-lighten" src="../static/img/anniversaryCelebrate/continue-lighten.png" />
						<img class="award-btn distribution-award" src="../static/img/anniversaryCelebrate/sure-btn.png" />
					</div>
					<div class="times-text">还剩次数：<span class="times-text-number"></span>次</div>
				</div>
				<img class="award-result-close" src="../static/img/anniversaryCelebrate/close.png" />
			</div>
		</div>
		<div class="rule-mask">
			<div class="rule-result-dialog">
				<div class="rule-content">
					<div class="rule-point">1、本次活动参与活动的套餐是星曜月卡、年卡套餐，其他套餐不参与活动，现金购买及续费皆可参与活动</div>
					<div class="rule-point">2、激活码、优惠券、星币购买的订单不参与本次活动</div>
					<div class="rule-point">3、本次活动购买限时折扣次数不限，获得赠送天数，可分配在购买套餐的云机账户上，单账号购买新增云机总数上限为200台</div>
					<div class="rule-point">4、本次活动赠送星曜机型，单次点亮赠送天数1~30天随机，外环全部点亮额外获得88天，内环全部点亮额外赠送188天，10次可全部点亮</div>
					<div class="rule-point">5、已点亮位置单次不会重复点亮，活动奖励即时领取，单次活动全部点亮后重置点亮进度，可再次进行点亮活动。</div>
					<div class="rule-point">6、运营平台有权对用户购买数据进行审核，如发现活动订单中存在异常情况（包括任何形式的用户作弊行为），有权取消优惠，退款处理。</div>
				</div>
				<img class="rule-close" src="../static/img/anniversaryCelebrate/close.png" />
			</div>
		</div>
		<div class="law-mask">
			<div class="law-result-dialog">
				<div class="rule-content law-content">
					<div class="rule-point">
						法律声明：
					</div>
					<div class="rule-point">
						1.同一用户是指使用同一帐号、同一手机号、同一设备或同一提现账户的用户。上述与用户身
						份相关的信息，其中任意一项或数项相同，或通过特定标记形成关联，或活动平台有合理理由认
						为存在关联的，都视为同一个用户。部分参与方式中，对用户帐号有限制，同一个设备最多可使
						用一个帐号参与活动，同一帐号最多可以使用一台设备参与活动；用户使用多个帐号在同一个设
						备上登录的，视为同一用户，仅有一个帐号可参与本活动。
					</div>
					<div class="rule-point">
						2.用户不得采取任何不正当或作弊的违规手段参与本活动，一经发现，活动平台有权限制或取
						消用户参与活动的资格，有权取消奖励、追讨用户已领取的奖励（或同等价值的现金）。活动平
						台有权对违规用户采取限制登录、封禁帐号、限制提现的措施，并保留追究用户其他法律责任的
						权利。违规手段包括但不仅限于：
					</div>
					<div class="rule-point">2.1通过不正当手段参与活动。例如使用模拟器、插件、软件外挂、物理外挂等违规工具参与活动，与其他用户串通采取不正当手段谋取活动奖励等；</div>
					<div class="rule-point">2.2扰乱本活动秩序。例如使用多个帐号参与活动，修改个人位置信息，篡改设备数据，买卖用户帐号，买卖活动权益，买卖领奖资格等；</div>
					<div class="rule-point">2.3干扰活动平台正常运营。例如批量注册用户帐号，违规使用用户帐号，采用技术手段对活动平台进行干扰、破坏、修改或施加其他影响；</div>
					<div class="rule-point">2.4利用本活动进行违法犯罪。例如利用本活动洗钱、套现、诈骗，或开展其他违反国家法律法规的活动；</div>
					<div class="rule-point">2.5其他违反法律法规，违背诚实信用原则，违反活动规则，或活动平台认为的不正当手段。</div>
					<div class="rule-point">
						3.如因以下原因导致活动不能正常举办、用户无法参与或参与失败、活动奖励发放错误等，活
						动平台/本活动有权暂停或取消活动，且不承担任何法律责任或不利后果：
					</div>
					<div class="rule-point">3.1不可抗力，包括但不仅限于自然灾害，有权机关的政策要求，政府机关指令，重大疫情影响等不能预见、不可避免、不能克服的情况；</div>
					<div class="rule-point">3.2活动平台发生技术故障，本活动受到不正当技术手段干扰、破坏、篡改或被施加其他影响，第三方平台限制活动平台或本活动，或其他导致本活动的正常秩序受到干扰的情况；</div>
					<div class="rule-point">3.3用户所在地区网络故障、支付平台故障、电信运营商故障等非活动平台所能控制的情况。</div>
					<div class="rule-point">
						4.活动平台不支持用户通过众包或类似方式参与活动。如用户因此遭受经济损失的，活动平台
						不承担任何赔偿或补偿责任。
					</div>
					<div class="rule-point">
						5.商品展示的划线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或品牌供应商提供
						的指导价、建议零售价或该商品在电商平台及/或其他渠道曾展示过的销售价，并非原价；由于
						地区等差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与电商平台展示的不一致，
						该价格仅供用户参考。
					</div>
					<div class="rule-point">
						6.若由于用户自身原因（包括但不限于参与方式不符合活动规则、未按活动规则要求提供收件
						地址、操作不当造成产品功能故障等）导致无法实际享有奖励的，视为用户自愿放弃奖励，活动
						平台将不会也无义务给予任何形式的补偿。
					</div>
					<div class="rule-point">
						7.任何第三方以活动平台名义从事欺诈行为造成用户损失的，活动平台无需为此承担法律责任。
					</div>
					<div class="rule-point">
						8.活动平台和电商平台的《用户协议》《隐私政策》（以手机客户端对应名称为准）及其他规
						范同样适用于本活动，本活动规则与活动平台和电商平台《用户协议》《隐私政策》及其他规范
						相冲突的，以本活动规则为准。本活动规则未约定的内容，以活动平台和电商平台的《用户协议》
						《隐私政策》及其他平台规范为准。
					</div>
					<div class="rule-point">
						9.在法律法规允许的范围内，活动平台有权对本活动规则进行变动或调整，相关变动或调整将
						公布在活动规则页面上，并于公布时即时生效，用户继续参与活动则视为同意并接受变动或者调
						整后的活动规则。如果用户拒绝活动规则的变更或者调整，请放弃参与变更后的活动。
					</div>
				</div>
				<img class="law-close" src="../static/img/anniversaryCelebrate/close.png" />
			</div>
		</div>
		<div class="no-start-mask">
			<div class="no-start-dialog"></div>
		</div>
	</div>
	<script>
		toastr.options.positionClass = 'toast-center-center';
		toastr.options.timeOut = '1500';
	</script>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
	<script type="text/javascript">
        var baseUrl = 'http://14.18.190.141:1280'
	    let timer,flag = true;
		var url = window.location.href;
		url = url.split('/')
		var loc = window.location.search,
		    n1 = loc.length,//地址的总长度 
		    n2 = loc.indexOf("="),//取得=号的位置
		    id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
			u = navigator.userAgent,
			ua = navigator.userAgent.toLowerCase(),
			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
			isMiniprogram = false,
			anniversarySwitch = 0,
			animationFlag = true,
			residueDegree = 0,
			awardTimes = 0,
			pageNum = 1,
			pages = 1,
			receive = 0,
			lighten = [],
			notReceive = true,
			phoneRemainQuantity = 0,
		    totalTime = 0,
		    currTotalTime = 0,
		    distributionList = [],
		    totalRecords = [],
		    pageNums = 0,
		    distributionFlag = true,
		    distributionPageNum = 0,
		    distributionPages = 0,
		    sliderNumber = 0,//滑块是数量，控制溢出不能滑动
			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
		// 初始化数据
		window.onload = function(){
			if (isAndroid && window.native) {
				window.native.enableSharePage(
					'您的好友送你一台免费云机',
					'您的好友送你一台免费云机',
					`${baseUrl}/h5/microserviceUserH5/vcloud/anniversaryCelebrate.html`,
					'https://test.androidscloud.com/file-center/fileOperate/getImage?id=215553'
				);
			}
		}
		init();
		function init() {
			$.ajax({
				url: baseUrl + '/api/activity/v1/anniversary/getAnniversary',
				type: 'get',
				headers: {
					'Authorization': id //id
				},
				contentType: "application/json",
				dataType: 'json',
				cache: false,
				success: function (res) {
					if(res.status === 0){
						residueDegree = res.data.residueDegree;
						anniversarySwitch = res.data.anniversarySwitch;
						result = res.data.lighten;
						lighten = result && result.split(',') || [], str = '';
						$('.rest-number').eq(0).text(residueDegree);
						$('.light-number').eq(0).text(res.data.allTotal);
						if(residueDegree == 0){
							$('.line-wrap')[0].className = 'line-wrap';
							$('.icon1')[0].src = '../static/img/anniversaryCelebrate/icon1.png';
							$('.icon2')[0].src = '../static/img/anniversaryCelebrate/icon2.png';
						}else if(residueDegree >=1 && residueDegree < 5){
							$('.line-wrap')[0].className = 'line-wrap line-wrap-one';
							$('.icon1')[0].src = '../static/img/anniversaryCelebrate/icon4.png';
							$('.icon2')[0].src = '../static/img/anniversaryCelebrate/icon2.png';
						} else if(residueDegree >= 5){
							$('.line-wrap')[0].className = 'line-wrap line-wrap-two';
							$('.icon1')[0].src = '../static/img/anniversaryCelebrate/icon4.png';
							$('.icon2')[0].src = '../static/img/anniversaryCelebrate/icon3.png';
						}
						if(anniversarySwitch !== 0){
							let awardText = anniversarySwitch == 1 ? '<div>活动暂未开启</div>请稍安勿躁' : '<div>活动已结束</div>期待下次的见面'
							$('.no-start-dialog').eq(0).append(awardText);
				            $('.no-start-dialog').animate({top: '50%'},"fast");
							$('.no-start-mask').show();
							document.documentElement.style.overflow='hidden';
						}
						if(result == '' || !lighten){
							return
						}
						//更新点亮星星
						$('.point-wrap').eq(0).empty();
						for (let i = 0; i < lighten.length; i++) {
							if([1, 3, 5, 7, 12].includes(lighten[i])){
								str += `<img class="in-point point${lighten[i]}" src="../static/img/anniversaryCelebrate/out-point.png" />`
							} else {
								str += `<img class="out-point point${lighten[i]}" src="../static/img/anniversaryCelebrate/out-point.png" />`
							}
						}
						$('.point-wrap').eq(0).append(str);
					}else{
						stopManyClick(() =>{
							toastr.error(res.msg)
						})
					}
					
				},
			})
		};
		// getAward();
		//点击抽奖
		$('.once-btn')[0].addEventListener('click',() => {
			if(!animationFlag) return;
			$('.continue-lighten')[0].src = '../static/img/anniversaryCelebrate/continue-lighten.png';
			if(lighten.length == 9){
				$('.point-wrap').eq(0).empty();
				$('.light-show').show();
				setTimeout(() => {
					$('.light-show').hide();
					$('.award-success').show();
				},800)
			}
			handleAward(1);
			operate('sf_2022_h5_抽奖1次');
		},false);
		$('.five-btn')[0].addEventListener('click',() => {
			if(!animationFlag) return;
			$('.continue-lighten')[0].src = '../static/img/anniversaryCelebrate/five-click.png';
			if(lighten.length + 5 >= 10){
				$('.point-wrap').eq(0).empty();
				$('.light-show').show();
				setTimeout(() => {
					$('.light-show').hide();
					$('.award-success').show();
				},800)
			}
			handleAward(5);
			operate('znq_2022_h5_抽奖5次');
		},false);
		//点击再抽
		$('.continue-lighten')[0].addEventListener('click',() => {
			if(!animationFlag) return;
			let pams = `sf_2022_h5_抽奖${awardTimes}次`;
			operate(pams);
			handleAward(awardTimes,'report')
		},false);
		function handleAward(times,type) {
			awardTimes = times;
			animationFlag = false;
			$.ajax({
				url: baseUrl + '/api/activity/v1/anniversary/luckDraw',
				type: 'post',
				headers: {
					'Authorization': id //id
				},
				data:JSON.stringify({
					frequency: times
				}),
				contentType: "application/json",
				dataType: 'json',
				cache: false,
				success: function (res) {
					if(res.status === 0){
						let imgNumber = 0,
							str = '',
							otherData = [],
							list = res.data.anniversaryAwards;
						// 188 88放在最后
						list.map(item => {
							if(item.awardType != 0){
								otherData.push(item)
							}
						});
						if(otherData.length > 0) {
							$('.line').show();
						} else {
							$('.line').hide();
						}
						let currData = list.filter(item => item.awardType == 0);
						list = [...currData, ...otherData];
						getAward();
						if(type !== 'report'){
							$('.award-result-dialog-sure').animate({top: '1.86rem'},"fast");
							$('.award-result-mask').show();
							document.documentElement.style.overflow='hidden';
						}
						if(lighten.length != 10){
							$('.award-success').hide();
						}
						$('.award-result-wrap').eq(0).text('');
						if(times === 1){
							$('.award-result-dialog-sure')[0].className = 'award-result-dialog-sure award-result-one-dialog';
							$('.award-result-tip').eq(0).text('换个姿势，再抽一次');
							$('.award-result-wrap')[0].className = 'card-wrap award-result-wrap one-result';
							for (let i = 0; i < list.length; i++) {
								if(list[i].awardType == 0){
									str += `<div class="card-item one-card-item">
												<img class="one-card" src="../static/img/anniversaryCelebrate/day-card.png" />
												<div class="card-text">星曜${list[0].awardDurations}天卡</div>
											</div>`
								} else {
									if(list[i].awardDurations == 88){
										str += `<div class="card-item many-one-card">
												<img class="many-card" src="../static/img/anniversaryCelebrate/first.png" />
												<div class="card-text">星曜${list[1].awardDurations}天卡</div>
											</div>`
									} else {
										str += `<div class="card-item many-two-card">
												<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
												<div class="card-text">星曜${list[2].awardDurations}天卡</div>
											</div>`
									}
								}
							}
							setTimeout(() => {
								animationFlag = true;
							},1000);
						} else {
							$('.award-result-dialog-sure')[0].className = 'award-result-dialog-sure award-result-dialog';
							$('.award-result-tip').eq(0).text('善良的人，好运气最终是会眷顾你');
							$('.award-result-wrap')[0].className = 'card-wrap award-result-wrap many-card-wrap'
							for (let i = 0; i < list.length; i++) {
								if(list[i].awardType == 0){
									str += `<div class="card-item many-card-item">
												<img class="many-card" src="../static/img/anniversaryCelebrate/day-card.png" />
												<div class="card-text">星曜${list[i].awardDurations}天卡</div>
											</div>`
								} else {
									if(list[i].awardDurations == 88){
										str += `<div class="card-item many-card-item">
												<img class="many-card" src="../static/img/anniversaryCelebrate/first.png" />
												<div class="card-text">星曜${list[i].awardDurations}天卡</div>
											</div>`
									} else {
										str += `<div class="card-item many-card-item">
												<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
												<div class="card-text">星曜${list[i].awardDurations}天卡</div>
											</div>`
									}
								}
							}
							var imgTimer2 = setInterval(() => {
									$('.many-card-item').eq(imgNumber).css('display', 'block');
									if(imgNumber >= 6){
										clearInterval(imgTimer2);
										animationFlag = true;
									}
									imgNumber++;
								},400)
						}
						$('.times-text-number').eq(0).text(residueDegree - times);
						$('.award-result-wrap').eq(0).append(str);
						init();
					}else{
						stopManyClick(() =>{
							toastr.error(res.msg)
						})
					}
				},
			})
		}
		//点击确定
		$('.distribution-award')[0].addEventListener('click',() => {
			animationFlag = true;
			$('.award-result-dialog').animate({top: '-10.96rem'},"fast");
			$('.award-result-mask').hide();
			document.documentElement.style.overflow='auto';
		},false);
		//点击抽奖关闭按钮
		$('.award-result-close')[0].addEventListener('click',() => {
			animationFlag = true;
			$('.award-result-dialog').animate({top: '-10.96rem'},"fast");
			$('.award-result-mask').hide();
			document.documentElement.style.overflow='auto';
		},false);
		// 点击领取tab切换
		$('.get-award-wrap')[0].addEventListener('click',(e) => {
			$('.light-content-list').eq(0).empty();
			pageNum = 1;
			pages = 0;
			receive = 0;
			recordFlag = true;
			getAward();
			$('.get-award-img')[0].src = '../static/img/anniversaryCelebrate/get-award-show.png';
			$('.get-award-img')[1].src = '../static/img/anniversaryCelebrate/get-award-success-hidden.png';
			$('.award-img').eq(1).css('display', 'none');
			$('.award-img').eq(0).css('display', 'block');
			$('.record-main-wrap')[0].className = 'record-main-wrap';
			$('.get-award-text')[1].className = 'get-award-text used-text';
			$('.get-award-text')[0].className = 'get-award-text';
		},false);
		$('.get-award-wrap')[1].addEventListener('click',(e) => {
			$('.light-content-list').eq(0).empty();
			pageNum = 1;
			pages = 0;
			receive = 1;
			recordFlag = true;
			getAward();
			$('.get-award-img')[0].src = '../static/img/anniversaryCelebrate/get-award-hidden.png';
			$('.get-award-img')[1].src = '../static/img/anniversaryCelebrate/get-award-success-show.png';
			$('.award-img').eq(0).css('display', 'none');
			$('.award-img').eq(1).css('display', 'block');
			$('.record-main-wrap')[0].className = 'record-main-wrap record-main-active-wrap';
			$('.get-award-text')[0].className = 'get-award-text used-text';
			$('.get-award-text')[1].className = 'get-award-text';
		},false);
		//获取抽奖记录
		function getAward(type){
			$.ajax({
				url: baseUrl + `/api/activity/v1/anniversary/rewardList?pageNum=${pageNum}&pageSize=10&receive=${receive}`,
				type: 'get',
				headers: {
					'Authorization': id //id
				},
				contentType: "application/json",
				dataType: 'json',
				cache: false,
				success: function (res) {
					if(res.status === 0){
						recordFlag = true;
						let str = '',
						    records = res.data.records;
							pages = res.data.pages;
						if(type != 'down'){
							$('.light-content-list').eq(0).empty();
						}
						if(records.length === 0){
							$('.title-row').eq(0).css('display', 'none');
							if(receive == 1 && parseInt(notReceive) > 0){
								str = '<div class="no-award">暂无已分配云手机</div>'
							}else{
								str = `<div class="no-award">没有${receive === 1 ? '已使用' : '领取'}记录，我都替你着急</div>`
							}
						}else{
							$('.title-row').eq(0).css('display', 'flex');
						}
						for (var i = 0; i < records.length; i++) {
							str += `<div class="light-content-wrap">
										<div class="light-content-text">获得星曜${records[i].awardDurations}天时长</div>
										<div class="light-content-time" >${records[i].createTime.substr(6)}</div>
										<div class="get-btn ${records[i].receive === 1 ? 'btn-active' : ''}" data-awardid=${records[i].id} data-day=${records[i].day}>领取</div>
									</div>`
						}
						$('.light-content-list').eq(0).append(str)
					}else{
						stopManyClick(() =>{
							toastr.error(res.msg)
						})
					}
					
				},
			})
		}
		//点击领取按钮
		$('.light-content-list')[0].addEventListener('click',(e) => {
			if (e.target.className === 'get-btn ') {
				let awardId = parseInt(e.target.dataset.awardid);
				let day = parseInt(e.target.dataset.day);
				if (isMiniprogram) { // 小程序
					wx.miniProgram.navigateTo({
						url: `/packageA/activityCloudPhone/index?id=${awardId.toString()}&day=${day}`
					})
				} else if (isAndroid) { // 安卓
					window.native.activatePhone(3, awardId, day);
				} else if (isiOS) {
					window.webkit.messageHandlers.activatePhone.postMessage({ type: 3, awardId: awardId, day: day });
				}
			}
		},false);
		//点击规则
		$('.rule-wrap')[0].addEventListener('click',(e) => {
			$('.rule-result-dialog').animate({top: '1.86rem'},"fast");
			$('.rule-mask').show();
			document.documentElement.style.overflow='hidden';
		},false);
		//关闭规则
		$('.rule-close')[0].addEventListener('click',() => {
			$('.rule-result-dialog').animate({top: '-10.96rem'},"fast");
			$('.rule-mask').hide();
			document.documentElement.style.overflow='auto';
		},false);
		//点击法律声明
		$('.law-statement')[0].addEventListener('click',(e) => {
			$('.law-result-dialog').animate({top: '1.86rem'},"fast");
			$('.law-mask').show();
			document.documentElement.style.overflow='hidden';
		},false);
		//关闭法律声明
		$('.law-close')[0].addEventListener('click',() => {
			$('.law-result-dialog').animate({top: '-10.96rem'},"fast");
			$('.law-mask').hide();
			document.documentElement.style.overflow='auto';
		},false);
		//点击获取次数
		$('.get-times')[0].addEventListener('click',() => {
		    operate('znq_2022_h5_获取次数按钮');
			stopManyClick(() =>{
				if (isMiniprogram) { // 小程序
					if(phoneRemainQuantity > 0){
						wx.miniProgram.navigateTo({
							url: '/packageA/order/buy/index?type=activity'
						})
					} else {
						wx.miniProgram.navigateTo({
							url: '/packageA/order/renew/index?type=activity'
						})
					}
				} else if (isAndroid) { // 安卓
					if(phoneRemainQuantity > 0){
						window.native.startPurchase('SVIP', 365);
					} else {
						window.native.startRenew();
					}
				} else if (isiOS) {
					if(phoneRemainQuantity > 0){
						window.webkit.messageHandlers.startPurchase.postMessage({ type: 1, day: 365 });
					} else {
						window.webkit.messageHandlers.startRenew.postMessage({ type: 1, day: 365 });
					}
				}
			})
		},false);
		//抽奖记录数据下拉加载
		$('.light-content-list')[0].addEventListener('scroll',function () {
			let scrollTop = $('.light-content-list')[0].scrollTop;
			let clientHeight = $('.light-content-list')[0].clientHeight;
			let scrollHeight = $('.light-content-list')[0].scrollHeight;
			if(scrollTop + clientHeight + 100 > scrollHeight){
				if(recordFlag && pageNum < pages && pages > 1){
					recordFlag = false;
					pageNum++;
				    getAward('down');
				}
			}
		});
		// 活动获取用户云机列表，分页
		getLists();
		function getLists(){
			const sliderLen = Array.from($('.slider-item')).length;
			// if(sliderLen != 0 && sliderLen >= sliderNumber){
			// 	return
			// }
			// $.ajax({
			// 	url: baseUrl + '/api/user/v1/activity/getUserCardPage',
			// 	type: 'get',
			// 	data: {
			// 		pageNum: pageNum + 1,
			// 		pageSize: 4,
			// 		phoneType: 'SVIP'
			// 	},
			// 	headers: {
			// 		'Authorization': id //id
			// 	},
			// 	contentType: "application/json",
			// 	dataType: 'json',
			// 	cache: false,
			// 	success: function (res) {
			// 		if (res.status === 0) {
				let res = {
					data: {
						userCardPage: {
							records: [{id: 1, exceptTime: '2022-11-11 12:21:22',diskName: 'fdf',}]
						},
						pages: 1
					},
					now: '2022-11-11 12:21:22'
				}
						let records = res.data.userCardPage.records;
						totalRecords = [...totalRecords, ...records];
						if(records.length === 0){
							$('.page-row').eq(0).css('display','none');
							let sliderItemDom = `<div class="slider-item no-slider">暂无可分配的云手机</div>`;
							$('#slider-list').append(sliderItemDom);
							return
						}
						if(res.data && records.length > 0){
							sliderNumber = res.data.userCardPage.pages;
						    let sliderItemText = $('.slider-item').eq(pageNums).text();
							var str = '',
								len = records.length;
							for (var i = 0; i < len; i++) {
					            // 解决ios时间显示为NaN
								// var now = res.data.now.replace(/T/g, ' ');
					                // now = now.replace(/\-/g, '/');
								var exceptTime = records[i].exceptTime.replace(/T/g, ' ');
								    exceptTime = exceptTime.replace(/\-/g, '/');
								var diskName = records[i].diskName,
									// currTime = parseInt(Date.parse(now)),
									closeTime = parseInt(Date.parse(exceptTime)),
									// resultTime = closeTime - currTime,
									// day = parseInt(resultTime / 1000 / 60 / 60 / 24),
									// hour = parseInt(resultTime / 1000 / 60 / 60 % 24),
									time = 1 + "天" + 1 + "时",
								    recordsId = records[i].id;
									// if(day == 0 && hour <= 0){
									// 	time = '已过期';
									// }
									if(sliderItemText){
										$('.reward-diskName').eq(pageNums*4 + i).text(diskName);
										$('.reward-time-content').eq(pageNums*4 + i).text(time);
									}
								str += `<div class="reward-row">
										<img class="reward-row-bg" src="../static/img/doubleChristmasActivity/reward-row-bg.png" />
										<div class="reward-row-content">
											<img class="icon_xingyao" src="../static/img/doubleChristmasActivity/home_list_icon_xingyao.png" />
											<div class="reward-day-text">
												<div class="reward-day reward-diskName">${diskName}</div>
												<div class="total-day time-row">
													<img class="time-icon" src="../static/img/doubleChristmasActivity/time-icon.png" />
													<span class="reward-time-content ${time === '已过期'?'time-overdue':''}">${time}</span>
												</div>
											</div>
											<div class="compute-block">
												<img class="compute-icon cut" data-id=${recordsId} data-index=${i} src="../static/img/doubleChristmasActivity/cut.png" />
												<input class="ipt" data-id=${recordsId} data-index=${(pageNums)*4 + i} type="number" onkeyup="this.value=this.value.replace(/-/g,'')" value="0" />
												<img class="compute-icon add" data-id=${recordsId} data-index=${i} src="../static/img/doubleChristmasActivity/add.png" />
											</div>
										</div>
									</div>`

							}
							let sliderItemDom = `<div class="slider-item">${str}</div>`;
							$('#slider-list').append(sliderItemDom);
							// if(!sliderItemText){
							//     $('#slider-list').append(sliderItemDom);
							// }else{
							// 	return
							// }
							$('.left-ear').eq(0).css('display','block');
							$('.right-ear').eq(0).css('display','block');
							$('.distribution-reward-btn').eq(0).css('display','block');
							$('.schedule-child-line').eq(0).css('width',`${36/sliderNumber}px`);
						    $('.page').eq(0).text(`${pageNums + 1}/${sliderNumber}页`);
							if(sliderNumber === 1){
							   $('.left-ear').eq(0).css('display','none');
							   $('.right-ear').eq(0).css('display','none');
							   $('.page-row').eq(0).css('display','none');
							   $('.distribution-reward-btn').eq(0).css('margin-top','20px');
							}
							for (var i = 0; i < len; i++) {
								iptIndex = (pageNums) * 4 + parseInt(i);
								// $('.ipt')[iptIndex].oninput = function (e) {
								// 	const id = e.target.dataset.id;
								// 	let oldDuration = 0;
								// 	let preTotalTime = 0;
								// 	let index = e.target.dataset.index;
								// 	let value = $('.ipt').eq(index).val();
								// 	if(value.length >= 5){
								// 		value = value.substr(0, 5);
								// 	}
								// 	console.log('value',value)
								// 	var position = String(value).indexOf(".");//获取小数点的位置
								// 	if(position != -1){
								// 		value = value.substr(0, position);
								// 	}
								// 	distributionList.map(item => { // 上一次的总数据
								// 		preTotalTime += parseInt(item.duration);
								// 	})
								// 	//这一次操作
								// 	if(value == 0){
								// 		if(!distributionList.find((item) => item.cardId == id)){
								// 			distributionList.push({
								// 				cardId: id,
								// 				duration: +value
								// 			});
								// 		}else{
								// 		    distributionList = distributionList.filter(item => item.cardId != id);
								// 		}
								// 		distributionList = distributionList.filter(item => item.duration != 0);
								// 	}else{
								// 		if(!distributionList.find((item) => item.cardId == id)){
								// 			distributionList.push({
								// 				cardId: id,
								// 				duration: Math.abs(value)
								// 			});
								// 		}else{
								// 			distributionList.map(item => {
								// 				if (item.cardId == id) {
								// 					oldDuration = item.duration;
								// 					item.duration = +value;
								// 				}
								// 			})
								// 		}
								// 	}
								// 	currTotalTime = 0;
								// 	distributionList.map(item => { // 这一次的总数据
								// 		currTotalTime += parseInt(item.duration);
								// 	})
								// 	if(currTotalTime > totalTime){ // 当前已分配大于总分配时长
								// 		let val = totalTime - preTotalTime + oldDuration;
								// 		distributionList.map(item => {
								// 			if (item.cardId == id) {
								// 				item.duration = val;
								// 			}
								// 		})
								// 		$('.ipt').eq(index).val(val);
								// 		stopManyClick(() => {
								// 			toastr.error('分配时长不能大于未分配总时长');
								// 		})
								// 		return
								// 	}
								// 	console.log(distributionList)
								// 	if(value.length > 5) value=value.slice(0, 5);
								// 	$('.ipt').eq(index).val(value);
								// }
							}
						}
				// 	} else {
				// 		stopManyClick(() => {
				// 			toastr.error(res.msg);
				// 		})
				// 	}
				// }
			// })
		}
		//获取云机数量
		getPhoneNumber();
		function getPhoneNumber(){
			$.ajax({
				url: baseUrl + '/api/pay/v2/meal/info?phoneType=SVIP',
				type: 'get',
				headers: {
					'Authorization': id //id
				},
				contentType: "application/json",
				dataType: 'json',
				cache: false,
				success: function (res) {
					if(res.status === 0){
						phoneRemainQuantity = res.data.list[0].phoneRemainQuantity;
					}else{
						stopManyClick(() =>{
							toastr.error(res.msg)
						})
					}
					
				},
			})
		}
		//埋点
		function operate(pointName){
			$.ajax({
				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
				type: 'post',
				data:JSON.stringify({
					pointName: pointName
				}),
				contentType:"application/json",
				dataType: 'json',
				cache: false,
				success: function (res) {
					console.log(res)
				},
			})
		}
		//防止提示一秒内重复显示
		function stopManyClick(fn) {
			if (flag) {
				fn();
			}
			flag = false;
			if(timer){clearTimeout(timer);}
			timer = setTimeout(() => {flag = true}, 1500);
		}
	</script>
</body>

</html>