From a66073e2a5c7c424d8bebc09066395d69621d5e2 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期三, 19 七月 2023 10:13:56 +0800
Subject: [PATCH] no message
---
public/html/activity/invite2308.html | 471 ++++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 437 insertions(+), 34 deletions(-)
diff --git a/public/html/activity/invite2308.html b/public/html/activity/invite2308.html
index 0c49a84..26d272c 100644
--- a/public/html/activity/invite2308.html
+++ b/public/html/activity/invite2308.html
@@ -7,6 +7,7 @@
<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>
@@ -27,7 +28,6 @@
.top_time
{
position: absolute;
- z-index: 99;
color: #91261E;
width: 100%;
height: 20px;
@@ -38,7 +38,6 @@
.mid_count
{
position: absolute;
- z-index: 99;
color: #91261E;
width: 100%;
height: 20px;
@@ -49,7 +48,6 @@
}
.top_txt{
position: absolute;
- z-index: 99;
color: #91261E;
width: 100%;
height: 20px;
@@ -92,22 +90,134 @@
.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">宸查個璇风殑浜烘暟</div>
+ <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">
- 褰撳墠宸茶В閿佺殑绾㈠寘閲戦锛�1000
+ 褰撳墠宸茶В閿佺殑绾㈠寘閲戦锛歿{joinInfo.award}}
</div>
</div>
<div class="act_po">
@@ -120,43 +230,77 @@
<div class="cell" style="justify-content:left;">鐢ㄦ埛id</div>
<div class="cell">閭�璇蜂汉鏁�</div>
</div>
- <div class="tbl">
- <div class="cell" style="justify-content:left;">1</div>
- <div class="cell" style="justify-content:left;">xxx</div>
- <div class="cell">500</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.substr(item.nickname.length-1)}}
+ </div>
+ <div class="cell">{{item.recruit_count}}</div>
</div>
- <div class="tbl">
- <div class="cell" style="justify-content:left;">1</div>
- <div class="cell" style="justify-content:left;">xxx</div>
- <div class="cell">500</div>
- </div>
- <div class="tbl">
- <div class="cell" style="justify-content:left;">1</div>
- <div class="cell" style="justify-content:left;">xxx</div>
- <div class="cell">500</div>
- </div>
- <div class="tbl">
- <div class="cell" style="justify-content:left;">1</div>
- <div class="cell" style="justify-content:left;">xxx</div>
- <div class="cell">500</div>
- </div>
- <div class="tbl">
- <div class="cell" style="justify-content:left;">1</div>
- <div class="cell" style="justify-content:left;">xxx</div>
- <div class="cell">500</div>
- </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锛夊悓涓�鐢ㄦ埛鎴栬�匢P鍦板潃娉ㄥ唽澶氫釜璐﹀彿锛屽埄鐢ㄤ笓涓氳蒋浠舵垨鑰呬汉宸ユ柟娉曡繚鍙嶆椿鍔ㄨ鍒欎互鑾峰彇鏇村濂栧姳鐨勮涓猴紱
+ 锛�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 type="text/javascript" src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
+
<script>
(function () {
@@ -179,13 +323,272 @@
//posturl:'http://dfg.shop.com',
posturl:'https://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:_this.posturl+'/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:_this.posturl+'/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:_this.posturl+'/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:_this.posturl+'/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:_this.posturl+'/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]
+ // 鍒楄〃鐨則op鍊肩瓑浜庡垪琛ㄧ浉瀵逛簬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) {
+ // 閫氳繃瀹氭椂鍣ㄥ钩婊戠殑灏唋ist鐨則op = 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>
\ No newline at end of file
--
Gitblit v1.9.3