dfgApi.git - Gitblit

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,595 @@
			<!DOCTYPE html>
			<html>

			<head>
			<meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge">
			<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
			<meta content="yes" name="apple-mobile-web-app-capable"><meta content="yes" name="apple-touch-fullscreen">
			<meta content="telephone=no,email=no" name="format-detection">
			<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
			<script type="text/javascript" src="../js/vue.js"></script>
			<script type="text/javascript" src="https://public.ffquan.cn/lib/jquery-1.12.4.min.js"></script>
			<script type="text/javascript" src="https://public.ffquan.cn/lib/vue-lazyload.js"></script>
			<script type="text/javascript" src="https://public.ffquan.cn/lib/swiper/js/swiper.min.js"></script>
			<script type="text/javascript" src="https://public.ffquan.cn/lib/taobaoCode/taobaoCode.js?v=1.2.1"></script>
			<script type="text/javascript" src="https://public.ffquan.cn/lib/clipboard.min.js"></script>
			<script type="text/javascript" src="https://p1static.dataoke.com/web/js/layer/layer.js?t=202104191256"></script>
			<script type="text/javascript" src="https://img.ushopvip.com/js/uni-webview-js.js"></script>
			<title>éç²é¢ç°é</title>

			<style>
			.com_img{
			width:100%;
			}
			.act_po
			{
			position: relative;
			}
			.top_time
			{
			position: absolute;
			color: #91261E;
			width: 100%;
			height: 20px;
			font-size: 0.1rem;
			text-align: center;
			bottom: 0.1rem;
			}
			.mid_count
			{
			position: absolute;
			color: #91261E;
			width: 100%;
			height: 20px;
			font-size: 0.3rem;
			text-align: center;
			bottom: 0.8rem;
			font-weight: 600;
			}
			.top_txt{
			position: absolute;
			color: #91261E;
			width: 100%;
			height: 20px;
			font-size: 0.3rem;
			text-align: center;
			font-weight: 600;
			}
			.ph_cont
			{
			position: absolute;
			display: flex;
			flex-direction: column;
			width: 100%;
			top: 1.4rem;
			justify-content: center;
			font-size: 12px;
			align-items: center;
			}


			.tbl {
			height: 0.7rem;
			display: flex;
			}
			.cell {
			color: #4D2F08;
			font-weight: 700;
			width: 1%;
			height: 100%;
			flex-grow: 1;
			display: flex;
			/æ°´å¹³å±ä¸ãåç´å±ä¸/
			justify-content: center;
			align-items: center;
			/æ¢è¡/
			word-break: break-all;
			word-wrap: break-word;
			white-space: normal;
			}
			.tbl div:last-child {
			border-right: 0;
			}
			.gz_txt
			{
			position: absolute;
			font-size: 12px;
			top: 4.3rem;
			width: 73%;
			font-size: 0.2rem;
			font-weight: 500;
			}
			.shadow {
			position: fixed;
			top: 0;
			height: 100vh;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: rgba(0, 0, 255, 0.3)
			}
			.popup {
			margin: 0 auto;
			height: 6rem;
			width: 6rem;
			background: #FFFF;
			border-radius: .3rem;
			overflow: overlay;
			}

			.popupCongratulate {
			text-align: center;
			font-size: .30rem;
			font-weight: bold;
			}
			.popupSon {
			margin: 0 auto;
			font-size: .2rem;
			text-align: center;
			padding: 0.1rem;
			text-align: left;
			}
			.popclose
			{
			width: 5.7rem;
			text-align: right;
			font-size: 12px;
			padding-top: 0.1rem;
			font-size: 0.3rem;
			font-weight: 800;
			position: fixed;
			}
			.gzbtn
			{
			position: absolute;
			font-size: 0.25rem;
			border-radius: 0.2rem;
			top: 0.65rem;
			right: 0.4rem;
			width: 1.3rem;
			text-align: center;
			font-weight: 600;
			background: #664b4ba6;
			color: #fff;
			padding: 0.04rem;
			}
			.btngo
			{
			position: fixed;
			width: 100%;
			bottom: 1px;
			text-align: center;
			}
			.loading{
			display: flex;
			position: fixed;
			width: 100vw;
			height: 100vh;
			background: rgb(0 0 0 / 67%);
			top: 0;
			left: 0;
			z-index: 10;
			justify-content: center;
			align-items: center;
			font-size: .35rem;
			color: #fff;
			}
			.appback-img
			{
			position: absolute;
			top: 0.6rem;
			z-index: 999;
			width: 0.6rem;
			left: 0.3rem;
			}

			.box
			{
			position:absolute;
			width: 100%;
			height: 100%;
			background: url(https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5loading.gif) no-repeat fixed top;
			background-size: 70px 70px;
			}
			.list{
			position: relative;
			top: 0;
			width: 100%;
			}
			</style>
			</head>

			<body style="background: #f5f5f9; margin: 0px;font-size: 0;">
			<div class="box">
			<div class="list">
			<div id="inviteact">
			<div v-if="loading" class="loading">{{loadingTxt}}</div>
			<image v-on:click="topBack()" class="appback-img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5return_backIcon.png"></image>
			<div class="act_po">
			<div class="gzbtn" v-on:click="showgz()">æ´»å¨è§å</div>
			<image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_01.png"></image>
			<div class="top_time">
			2023å¹´8æ1æ¥9:00-2023å¹´8æ31æ¥23:59:59
			</div>
			</div>
			<div class="act_po">
			<div class="top_txt">å·²éè¯·çäººæ°{{joinInfo.membercount}}</div>
			<image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_02.png"></image>
			<div class="mid_count">
			å½åå·²è§£éççº¢åéé¢ï¼{{joinInfo.award}}
			</div>
			</div>
			<div class="act_po">
			<image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_03.png"></image>
			<!---æå-->
			<div class="ph_cont">
			<div style="width: 70%;width: 65%;background: #FDECE2;padding: 0.2rem;border-radius: 0.3rem;">
			<div class="tbl" style="border-bottom: 1px dashed #4D2F08;">
			<div class="cell" style="justify-content:left;">æå</div>
			<div class="cell" style="justify-content:left;">ç¨æ·id</div>
			<div class="cell">éè¯·äººæ°</div>
			</div>
			<div class="tbl" v-for="(item,index) in ranklist">
			<div class="cell" style="justify-content:left;">
			<image v-if="index==0" style="width: 38%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/actno1.png"></image>
			<image v-else-if="index==1" style="width: 38%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/actno2.png"></image>
			<image v-else-if="index==2" style="width: 38%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/actno3.png"></image>
			<span v-else>{{index+1}}</span>
			</div>
			<div class="cell" style="justify-content:left;">
			<image style="width: 24%; margin-right:0.1rem" :src="item.avatar"></image>

			{{"**"+((item.nickname&&item.nickname.length>0)?item.nickname.substr(item.nickname.length-1):'')}}
			</div>
			<div class="cell">{{item.recruit_count}}</div>
			</div>

			</div>

			</div>
			</div>
			<div class="act_po" style=" display: flex;justify-content: center;">
			<image class="com_img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/act_invite_230717_04.png"></image>

			<div class="gz_txt">
			<p>
			1ãæ¬æ¬¡æ´»å¨å°å¨æ¬¡æ1å·è¿è¡ç»è®¡ç»ç®ï¼ç»ç®éè¯·äººæ°çæ¶é´èå´ä¸ºåå æ´»å¨çæ¶é´è³æ´»å¨ç»ææ¶é´
			</p>
			<p>2ãæ´»å¨å¥å±ä¼å¨ç»ç®åç´æ¥åæ¾å°ç¨æ·ãæçã-ãä½é¢ãä¸</p>
			<p>3ãææç²ä¸å®ä¹ï¼ææ´»å¨æé´ï¼æ¥åè¯¥æ´»å¨åéè¯·æ³¨åå¹¶å¡«åæ¨éè¯·ç çç¨æ·</p>
			<!-- <p class="share" v-on:click="copyBtn('.share')">éè¯·å¥½å</p> -->
			</div>
			</div>

			<div v-if="showType" class="shadow">
			<div class="popup">
			<div class="popclose" v-on:click="closegz()">X</div>
			<div class="popupCongratulate"> æ´»å¨è§å </div>
			<div class="popupSon">
			<p>
			1ãæ¬æ¬¡æ´»å¨å°å¨æ¬¡æ1å·è¿è¡ç»è®¡ç»ç®ï¼ç»ç®éè¯·äººæ°çæ¶é´èå´ä¸ºåå æ´»å¨çæ¶é´è³æ´»å¨ç»ææ¶é´
			</p>
			<p>2ãæ´»å¨å¥å±ä¼å¨ç»ç®åç´æ¥åæ¾å°ç¨æ·ãæçã-ãä½é¢ãä¸</p>
			<p>3ãææç²ä¸å®ä¹ï¼ææ´»å¨æé´ï¼æ¥åè¯¥æ´»å¨åéè¯·æ³¨åå¹¶å¡«åæ¨éè¯·ç çç¨æ·</p>
			<p>4ãåä¸è®¾å¤å·ãåä¸ææºå·ãåä¸æ·å®ææå·çåè§ä¸ºåä¸ç¨æ·</p>
			<p>5ãæ´»å¨è®¾ç½®åä½å¼æºå¶ï¼å¡åå æ¬æ¬¡æ´»å¨ï¼å¿é¡»éµå®æ´»å¨çç¸å³è§åï¼ä¸å¾ä½¿ç¨ä»»ä½åæ¬ä½ä¸éäºèå¼ãæ°ä¹±ç³»ç»ãä¾µç¯ç¬¬ä¸æ¹åæ³æççææ®µä»¥è°æ±å¥å±ãä¸ç»è¯å®ç¨æ·å¨æ´»å¨ä¸ä½¿ç¨ä»»ä½ä¸æ£å½ä½å¼ææ®µæ¶æå·åå¥å±ï¼å¹³å°ææå é¤ç¨æ·æ´»å¨çç¸å³è®°å½ï¼åæ¶æ¨åå æ´»å¨çèµæ ¼ï¼å¹³å°å°ç´æ¥åæ¶æ¬æ¬¡æ´»å¨æææçãåæ¶ï¼å¹³å°ä¿çè¿½ç©¶å¶æ³å¾è´£ä»»çæå©ãå¹³å°ä¼å¨æ¬æ¬¡éç²ç»ç®åç»è®¡åææ°ç²ä¸è´¨éï¼å¦åºç°å¼å¸¸æ°æ®ï¼å¹³å°ä¼è¦æ±éè¯·èåºç¤ºçå®çéç²åè¯æäºä»¥ç»ç®ï¼å¼å¸¸åæ¬ä½ä¸éäºåºç°å¤§è§æ¨¡çéå¸¸è§æ¶é´æ³¨åç¨æ·ãåä¸æ¶é´æ¹éæ³¨åãè¿å·ææºå·ç æ³¨åãæ°ç²ä¸æ¬¡æ¥çåçæä½çæåµï¼ä¸ºä¿æ¤å¹¿å¤§éè¯·èçæçï¼è¯·åéè¯·ç¨æ·ä¿çä¸ä½äºæ´»å¨éç²æ°*30%ççå®çéç²åè¯ï¼è½è¯æçå®éç²çéç²è§é¢ãç§ççåå¯ï¼ä»¥é²å¹³å°è¿è¡åä½å¼çæ¥ã</p>
			<p>
			6ãæ¬æ¬¡æ´»å¨ä¸æç§°ä½å¼è¡ä¸ºï¼åæ¬ä½ä¸éäºï¼
			ï¼1ï¼ç¨æ·éè¿ç¬¬ä¸æ¹å¹³å°åå¸ç²ä¸æ³¨åä»»å¡ãä»»ä½å½¢å¼çä»è´¹ä¹°ç²ãæºå¨å·ç²ãéè¿å¼éå³èå°å·è¿è¡éç²ï¼
			ï¼2ï¼åä¸ç¨æ·æèIPå°åæ³¨åå¤ä¸ªè´¦å·ï¼å©ç¨ä¸ä¸è½¯ä»¶æèäººå·¥æ¹æ³è¿åæ´»å¨è§åä»¥è·åæ´å¤å¥å±çè¡ä¸ºï¼
			ï¼3ï¼åä¸ç¨æ·çç¨ãåç¨ä»äººå·²æè´¦å·åä¸æ´»å¨æèçç¨ãåç¨ä»äººä¿¡æ¯æ³¨åè´¦å·åä¸æ´»å¨ä»¥è·åæ´å¤å¥å±çè¡ä¸ºï¼
			ï¼4ï¼æ¶æå©ç¨æ´»å¨è§åæææ¯æ¼æ´å·å¥çè¡ä¸ºï¼
			ï¼5ï¼æ¹éæ³¨åç¨æ·ãç¨æºå¨æ³¨åè´¦æ·ãç¨æºå¨æ¨¡æå®¢å¹¿ç«¯çè¡ä¸ºï¼
			ï¼6ï¼å¹³å°æåççç±è®¤å®ç¨æ·å¨æ´»å¨ä¸çå¶ä»ä½å¼è¡ä¸ºï¼
			ï¼7ï¼æ°ç²ä¸ä½¿ç¨èæè¿è¥åå·ç ãä½¿ç¨åä¸è®¾å¤å·æ³¨åæåä¸æææ·å®å·ä¸åãå·åæä¸åååä¸ºèæååï¼åå¼ãä»£æãå·å¥½è¯ãçµåææ¡£ãå¬çææ¬¾ï¼æä¸åååéååº¦â¥30%ã
			</p>

			</div>

			</div>
			</div>
			<div v-if="isShowcj" class="btngo" v-on:click="joinAct()">
			<image style="width: 70%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/invite_btn.png"></image>
			</div>
			<div v-else class="btngo share" v-on:click="copyBtn('.share')">
			<image style="width: 70%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/invit_pic.png"></image>
			</div>
			</div>
			</div>
			</div>
			</body>

			</html>

			<script>

			(function () {
			var size1=document.body.clientWidth;
			var size2=document.documentElement.clientWidth;
			var size=size1<=0?size2:size1;
			size=size<=0?400:size;
			document.documentElement.style.fontSize = (size > 750 ? 750 : size) / 7.5 + 'px';
			})();

			Vue.use(VueLazyload, {
			preLoad: 1.3,//
			error: 'https://sr.ffquan.cn/cms_pic/20200622/bro7s7f6vrkd3jat4ujg0.png',
			loading: 'https://sr.ffquan.cn/cms_pic/20200612/brhjkf76vrkcrfpi79eg0.png',
			attempt: 1
			})
			var app= new Vue({
			el: '#inviteact',
			data:{
			//posturl:'http://dfg.shop.com',
			//posturl:'http://appapitest.ushopvip.com',
			//posturl:'http://dfgapp.ushopvip.com',
			activityid:'3432534sdsd',
			loadingTxt:'å è½½ä¸...',
			loading:true,
			showType:false,
			isShowcj:false,
			joinInfo:{},
			ranklist:[],
			inviteUrl:'',
			},
			methods:{
			topBack:function()
			{
			uni.postMessage({
			data: {
			action: 'back'
			}
			});
			},
			closegz:function()
			{
			this.showType=false;
			},
			showgz:function()
			{
			this.showType=true;
			},
			getActivity()
			{
			var _this = this;
			$.ajax({
			headers:{
			"token":_this.getUrlPar("token")
			},
			url:'/api/Activity/getActInfo',
			type:"post",
			dataType:"json",
			data:{
			actid:_this.activityid
			}
			}).done(function(res){
			if(res.data.actstatus==1)
			{//æ´»å¨æ£å¸¸
			_this.isShowcj=res.data.joinstatus==0;
			_this.loading=false;
			_this.getPaiHang();
			if(res.data.joinstatus==1)
			{//æ´»å¨åå çæ´»å¨ä¿¡æ¯
			_this.getActMember();
			}
			else{
			//æªåå è¿æ´»å¨
			_this.isShowcj=true;
			}
			}
			else{
			switch(res.data.actstatus)
			{
			case 0:
			_this.loadingTxt='æ´»å¨ä¸åå¨';
			break;
			case -1:
			case -3:
			_this.loadingTxt='æ´»å¨å·²ç»æ';
			break;
			case -2:
			_this.loadingTxt='æ´»å¨æªå¼å§';
			break;
			default:
			_this.loadingTxt='æ´»å¨å¼å¸¸';
			break;
			}
			}
			})
			},
			getActMember:function()
			{
			var _this = this;
			$.ajax({
			headers:{
			"token":_this.getUrlPar("token")
			},
			url:'/api/Activity/getActRecruitCount',
			type:"post",
			dataType:"json",
			data:{
			actid:_this.activityid
			}
			}).done(function(res){
			_this.joinInfo=res.data;
			})
			},
			getUrlPar:function(name)
			{
			var reg=new RegExp("(^\|&)" + name + "=([^&]*)(&\|$)");
			var r=window.location.search.substr(1).match(reg);
			if(r !=null)return unescape(r[2]);
			return null;
			},
			//åå æ´»å¨
			joinAct:function()
			{
			var _this = this;
			_this.loadingTxt="å è½½ä¸...";
			_this.loading=true;
			$.ajax({
			headers:{
			"token":_this.getUrlPar("token")
			},
			url:'/api/Activity/attendAct',
			type:"post",
			dataType:"json",
			data:{
			actid:_this.activityid
			}
			}).done(function(res){
			_this.loading=false;
			if(res.code==0)
			{
			_this.msgFun("æ´»å¨åå æåï¼");
			_this.isShowcj=false;
			_this.getActMember();
			}
			else
			{
			_this.msgFun("æ´»å¨åå å¤±è´¥ï¼è¯·èç³»å®¢æ");
			}
			})
			},
			getInviteCode()
			{//è·åéè¯·ç
			var _this = this;
			$.ajax({
			headers:{
			"token":_this.getUrlPar("token")
			},
			url:'/api/Activity/getInviteUrl',
			type:"post",
			dataType:"json",
			data:{

			}
			}).done(function(res){
			if(res.code==0)
			{
			_this.inviteUrl='http://dfgapp.ushopvip.com/index/user/register?code='+res.data;
			}

			})
			},
			getPaiHang:function()
			{//è·åæè¡
			var _this = this;
			$.ajax({
			headers:{
			"token":_this.getUrlPar("token")
			},
			url:'/api/Activity/getRankingList',
			type:"post",
			dataType:"json",
			data:{
			actid:_this.activityid
			}
			}).done(function(res){
			if(res.code==0)
			{
			_this.ranklist=res.data;
			}

			})
			},
			touch:function()
			{
			const box = document.querySelector('.box')
			const list = document.querySelector('.list');
			// æä¸å±å¹çä½ç½®
			let touchStartPosition = 0

			// touchstartäºä»¶
			box.addEventListener('touchstart', function (e) {
			let touch = e.touches[0]
			touchStartPosition = touch.pageY
			})
			// touchmoveäºä»¶
			box.addEventListener('touchmove', function (e) {

			let touch = e.touches[0]
			// åè¡¨çtopå¼çäºåè¡¨ç¸å¯¹äºboxçåç§»é+æ»å¨çè·ç¦»
			let pySize= list.offsetTop + touch.pageY - touchStartPosition;
			if(pySize>=110)
			{
			return;
			}
			if(pySize<0)
			{
			return;
			}
			var scroll = document.getElementsByClassName('contscore')
			var srollPos = $('.contscore').scrollTop(); //æ»å¨æ¡è·é¡¶é¨è·ç¦»(é¡µé¢è¶åºçªå£çé«åº¦)
			if(srollPos>0)
			{
			return;
			}
			list.style.top =pySize + 'px';
			// å®ç°å¹³æ»çæ»å¨
			touchStartPosition = touch.pageY
			})
			// touchendäºä»¶
			box.addEventListener('touchend', function (e) {
			let top = list.offsetTop
			if (top > 70) {
			// å¨æ¤å¤è°ç¨å·æ°åçåè°

			location.reload();
			}
			if(top<0)
			{
			list.style.top=0;
			}
			if (top > 0) {
			// éè¿å®æ¶å¨å¹³æ»çå°listçtop = 0
			let timer = setInterval(() => {
			top=top-5;
			list.style.top = top + 'px'
			if (top <= 0) {
			list.style.top=0;
			clearInterval(timer)
			}
			},1)
			}
			})
			},
			copyBtn: function(dom) { //å¤å¶å¬å±æ¹æ³
			var that = this;
			var clipboard = new ClipboardJS(dom, {
			text: function(target) {
			return that.inviteUrl;
			}
			});
			clipboard.on("success", function(e) {
			layer.closeAll();
			that.msgFun("éè¯·é¾æ¥å·²å¤å¶~å¿«å»åäº«ç»å¥½åå§ï¼");
			e.clearSelection();
			clipboard.destroy();
			});
			clipboard.on("error", function(e) {
			layer.msg("éè¯·é¾æ¥å¤å¶å¤±è´¥ï¼è¯·å°APPä¸ [æç]-[å®ç¨åè½]-[åäº«app] å¤å¶", {
			shade: 0.4,
			time: 1000,
			shadeClose: false
			}, function() {
			});

			});
			},
			msgFun: function(val) {
			layer.msg(val, {
			time: 2000,
			shade: 0.1,
			shadeClose: true
			});
			},
			},
			mounted:function(){
			this.getActivity();
			this.getInviteCode();
			this.touch();
			}
			})
			</script>