heyang 3 роки тому
батько
коміт
6e80bde2a4
1 змінених файлів з 47 додано та 20 видалено
  1. 47 20
      microserviceUserH5/vcloud/anniversaryCelebrate.html

+ 47 - 20
microserviceUserH5/vcloud/anniversaryCelebrate.html

@@ -89,7 +89,7 @@
 		<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="once-text">购买/续费星曜月卡,获得 1次 点亮资格</div>
 				<div class="ten-text">购买/续费星曜年卡,获得 10次 点亮资格</div>
 			</div>
 			<div class="btn-list">
@@ -149,11 +149,11 @@
 						<div class="page-row-wrap">
 							<img class="left-head" src="../static/img/anniversaryCelebrate/left-head.png" />
 							<div class="page-number">
-								<div class="page-number-text select-page-number" data-index="0" data-num="1">1</div>
+								<!-- <div class="page-number-text select-page-number" data-index="0" data-num="1">1</div>
 								<div class="page-number-text" data-index="1" data-num="2">2</div>
 								<div class="page-number-text" data-index="2" data-num="3">3</div>
 								<div class="page-number-text" data-index="3" data-num="4">4</div>
-								<div class="page-number-text" data-index="4" data-num="5">5</div>
+								<div class="page-number-text" data-index="4" data-num="5">5</div> -->
 							</div>
 							<img class="right-head right-head-show" src="../static/img/anniversaryCelebrate/right-head.png" />
 						</div>
@@ -433,6 +433,10 @@
 		//点击抽奖
 		$('.once-btn')[0].addEventListener('click',() => {
 			if(!animationFlag) return;
+			if(residueDegree < 1) {
+				getTimeHandle();
+				return
+			}
 			$('.continue-lighten')[0].src = '../static/img/anniversaryCelebrate/continue-lighten.png';
 			if(lighten.length == 9){
 				$('.point-wrap').eq(0).empty();
@@ -443,10 +447,14 @@
 				},800)
 			}
 			handleAward(1);
-			operate('sf_2022_h5_抽奖1次');
+			operate('znq_2022_h5_抽奖1次');
 		},false);
 		$('.five-btn')[0].addEventListener('click',() => {
 			if(!animationFlag) return;
+			if(residueDegree < 5) {
+				getTimeHandle();
+				return
+			}
 			$('.continue-lighten')[0].src = '../static/img/anniversaryCelebrate/five-click.png';
 			if(lighten.length + 5 >= 10){
 				$('.point-wrap').eq(0).empty();
@@ -462,7 +470,11 @@
 		//点击再抽
 		$('.continue-lighten')[0].addEventListener('click',() => {
 			if(!animationFlag) return;
-			let pams = `sf_2022_h5_抽奖${awardTimes}次`;
+			if(residueDegree < awardTimes) {
+				getTimeHandle();
+				return
+			}
+			let pams = `znq_2022_h5_抽奖${awardTimes}次`;
 			operate(pams);
 			handleAward(awardTimes,'report')
 		},false);
@@ -530,12 +542,12 @@
 													<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
 													<div class="card-text">星曜${list[2].awardDurations}天卡</div>
 												</div>`
-									}else if(list[i].awardDurations == 88){
+									}else if(list[i].awardType == 2){//外环
 										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 if(list[i].awardDurations == 188) {
+									} else if(list[i].awardType == 1) {//内环
 										str += `<div class="card-item many-two-card">
 													<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
 													<div class="card-text">星曜${list[1].awardDurations}天卡</div>
@@ -662,13 +674,13 @@
 							if(receive == 1 && parseInt(notReceive) > 0){
 								str = '<div class="no-award">暂无已分配云手机</div>'
 							}else{
-								str = `<div class="no-award">没有${receive === 1 ? '已使用' : '领取'}记录,我都替你着急</div>`
+								str = `<div class="no-award">没有奖励,我都替你着急</div>`
 							}
 						}else{
 							$('.title-row').eq(0).css('display', 'flex');
 						}
 						for (var i = 0; i < records.length; i++) {
-							str += `<div class="light-content-text">点亮一颗星获得星曜${records[i].awardDurations}天时长奖励</div>`
+							str += `<div class="light-content-text">${records[i].awardType == 1 ? '内环已点亮额外' : records[i].awardType == 2 ? '外环已点亮额外' : '点亮一颗星'}获得星曜${records[i].awardDurations}天时长奖励</div>`
 						}
 						$('.light-content-list').eq(0).append(str)
 					}else{
@@ -721,7 +733,8 @@
 			document.documentElement.style.overflow='auto';
 		},false);
 		//点击获取次数
-		$('.get-times')[0].addEventListener('click',() => {
+		$('.get-times')[0].addEventListener('click',getTimeHandle,false);
+		function getTimeHandle() {
 		    operate('znq_2022_h5_获取次数按钮');
 			stopManyClick(() =>{
 				if (isMiniprogram) { // 小程序
@@ -748,7 +761,7 @@
 					}
 				}
 			})
-		},false);
+		}
 		//抽奖记录数据下拉加载
 		$('.light-content-list')[0].addEventListener('scroll',function () {
 			let scrollTop = $('.light-content-list')[0].scrollTop;
@@ -765,9 +778,9 @@
 		// 活动获取用户云机列表,分页
 		function getLists(){
 			const sliderLen = Array.from($('.slider-item')).length;
-			if(sliderLen != 0 && sliderLen >= sliderNumber){
-				return
-			}
+			// if(sliderLen != 0 && sliderLen >= sliderNumber){
+			// 	return
+			// }
 			console.log('pageNums', pageNums)
 			$.ajax({
 				url: baseUrl + '/api/resources/v5/client/disk/info/anniversary/usercard',
@@ -846,6 +859,16 @@
 							}else{
 								return
 							}
+							let currPages = sliderNumber >= 5 ? 5 : sliderNumber, currStr = '';
+							for (var i = 0; i < currPages; i++) {
+								currStr += `<div class="page-number-text" data-index="${i}" data-num="${pageNums + i}">${pageNums + i}</div>`
+							}
+							$('.page-number').eq(0).append(currStr);
+							$('.page-number-text')[0].className = 'page-number-text select-page-number';
+							if(pageNums <= 5) {
+								$('.left-head')[0].className = 'left-head';
+								$('.right-head')[0].className = 'right-head';
+							}
 							$('.distribution-reward-btn').eq(0).css('display','block');
 							for (var i = 0; i < len; i++) {
 								$('.ipt')[i].oninput = function (e) {
@@ -952,8 +975,6 @@
 				distributionList.map(item => { // 这一次的总数据
 					currTotalTime += parseInt(item.duration);
 				})
-				console.log(currTotalTime)
-				console.log(totalTime)
 				if(currTotalTime <= totalTime){
 					number++;
 					$('.ipt').eq(index).val(number);
@@ -975,7 +996,6 @@
 			if(e.target.className === 'compute-icon cut'){
 				const id = e.target.dataset.id;
 			    let index = e.target.dataset.index;
-			        index = (pageNum)*4 + parseInt(index);
 				let number = $('.ipt').eq(index).val();
 				if(number > 0){
 					distributionList.map(item => {
@@ -999,7 +1019,6 @@
 		});
 		//点击页码
 		$('.page-number')[0].addEventListener('click',(e) => {
-			console.log(pageIndex)
 			if(e.target.className == 'page-number-text'){
 				$('.page-number-text')[pageIndex].className = 'page-number-text';
 				pageIndex = parseInt(e.target.dataset.index);
@@ -1007,10 +1026,12 @@
 				pageNums = parseInt(e.target.dataset.num);
 				getLists();
 			}
-			
 		});
 		//点击左边
 		$('.left-head')[0].addEventListener('click',(e) => {
+			if(pageNums <= 5) {
+				return
+			}
 			$('.right-head')[0].className = 'right-head right-head-show';
 			if(pageNums <= 1) {
 				$('.left-head')[0].className = 'left-head';
@@ -1035,6 +1056,9 @@
 		});
 		//点击右边
 		$('.right-head')[0].addEventListener('click',(e) => {
+			if(pageNums <= 5) {
+				return
+			}
 			$('.left-head')[0].className = 'left-head left-head-show';
 			if(pageNums + 5 >= sliderNumber) {
 				$('.right-head')[0].className = 'right-head';
@@ -1092,8 +1116,11 @@
 				cache: false,
 				success: function (res) {
 					if(res.status === 0){
-						operate('dt_双旦_h5_分配奖励_确定');
+						operate('znq_2022_h5_分配奖励_确定');
 						$('.sure-distribution-wrap').eq(0).css('display', 'none');
+						$('.slider-list').eq(0).text('');
+						$('.page-number').eq(0).text('');
+						init();
 						getLists();
 						distributionPageNum = 1;
 						$('.time-row-data').eq(0).text('');