New file |
| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <meta charset="utf-8"> |
| | | <title>升级会员</title> |
| | | <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> |
| | | <link rel="stylesheet" type="text/css" href="./css/stylesheet.css" /> |
| | | <script> |
| | | window.onresize = function() { |
| | | document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px'; |
| | | }; |
| | | window.onresize(); |
| | | </script> |
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> |
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> |
| | | <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script> |
| | | </head> |
| | | <body> |
| | | <div id="root" style="display: none;"> |
| | | <div class="div_topbg"> |
| | | <div @click="touchRuleLink" class="div_rule">升级规则</div> |
| | | |
| | | <div class="div_img_header"> |
| | | <img :src="user.portrait" style="width:1.22rem;height: 1.22rem;border-radius: 1rem;"> |
| | | </div> |
| | | |
| | | <div class="div_name"> {{user.nickName}}</div> |
| | | |
| | | <div id="" style="scr width: 1.44rem; height: 0.34rem; display: flex;align-items: center;position: absolute; left: 2.19rem; top: 1.1rem;"> |
| | | <img :src="user.viplogos" style="width: 1.44rem; height: 0.34rem; margin-top: 0.3rem;"> |
| | | </div> |
| | | |
| | | <div style="width: 100%; height: 0.78rem; position: absolute; top: 2.31rem; display: flex;justify-content: space-between;"> |
| | | <div @click="contactmentor" style="background-color: #E5005B; font-size: 0.3rem; |
| | | width: 2.62rem; height: 0.78rem; display: flex; justify-content: center; align-items: center;border-radius: 0.39rem; |
| | | color: white; margin-left: 0.5rem;"> |
| | | 联系导师 |
| | | </div> |
| | | <div @click="upgrademember" style="background-color: #E5005B; font-size: 0.3rem; |
| | | width: 3.7rem; height: 0.78rem; display: flex; justify-content: center; align-items: center;border-radius: 0.39rem; |
| | | color: white; margin-right: 0.46rem;"> |
| | | {{user.nextlevel}} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 错过省赚 --> |
| | | <div class="div_img_provinceearn"> |
| | | <img src="img/cut.png"> |
| | | </div> |
| | | <div class="div_provinceearn"> |
| | | <div style=" height: 0.3rem;margin-top: -0.05rem;"> |
| | | <p v-if="vip==false" style="color: #F4E2D0; font-size: 0.3rem; margin-top: -0.05rem;">错过省赚</p> |
| | | <p v-else style="color: #F4E2D0; font-size: 0.3rem; margin-top: -0.05rem;">赚省统计</p> |
| | | </div> |
| | | |
| | | <div class="div_provinceearn_yellowbg"> |
| | | <div v-if="vip==false" class="div_provinceearn_title">未升级超级会员</div> |
| | | <div v-else class="div_provinceearn_title">您已经是超级会员</div> |
| | | <div class="div_provinceearn_botom"> |
| | | <div class="div_provinceearn_savemoney"> |
| | | <div v-if="vip==false" style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;"> |
| | | 少省钱 |
| | | </div> |
| | | <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;"> |
| | | 共省钱 |
| | | </div> |
| | | |
| | | <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;"> |
| | | {{user.saveMoney}} |
| | | </div> |
| | | </div> |
| | | <div class="div_provinceearn_line"> |
| | | |
| | | </div> |
| | | <div class="div_provinceearn_makemoney"> |
| | | <div v-if="vip==false" style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;"> |
| | | 少赚钱 |
| | | </div> |
| | | <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;"> |
| | | 共赚钱 |
| | | </div> |
| | | |
| | | <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;"> |
| | | {{user.earnMoney}} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 升级进度 --> |
| | | <div class="div_upgradeprogress" v-if="show"> |
| | | <div class="div_upgradeprogress_whitebg"> |
| | | <div class="div_upgradeprogress_top"> |
| | | <div style="color: #333333;font-size: 0.34rem; margin-top: 0.12rem"> |
| | | 升级进度 |
| | | </div> |
| | | <div style="color: #999999;font-size: 0.18rem; margin-top: -0.05rem;"> |
| | | 免费升级 阶梯成长 权益倍增 |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div class="" style="display: flex; justify-content: space-between;"> |
| | | <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;"> |
| | | 返利订单: |
| | | </div> |
| | | <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;"> |
| | | {{progress.finishFanliOrder}}/{{progress.totalFanliOrder}}笔 |
| | | </div> |
| | | </div> |
| | | <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;"> |
| | | <div class="div_upgradeprogress_small" :style="{'width':finishFanliOrderProgress}"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div class="" style="display: flex; justify-content: space-between;"> |
| | | <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;"> |
| | | 分享订单: |
| | | </div> |
| | | <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;"> |
| | | {{progress.finishShareOrder}}/{{progress.totalShareOrder}}笔 |
| | | </div> |
| | | </div> |
| | | <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;"> |
| | | <div class="div_upgradeprogress_small" :style="{'width':finishShareOrderProgress}"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div class="" style="display: flex; justify-content: space-between;"> |
| | | <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;"> |
| | | 直接+间接粉丝: |
| | | </div> |
| | | <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;"> |
| | | {{progress.finishDirectFans}}+{{progress.finishInDirectFans}}/{{progress.totalDirectFans}}+{{progress.totalInDirectFans}}人 |
| | | </div> |
| | | </div> |
| | | <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;"> |
| | | <div class="div_upgradeprogress_small" :style="{'width':finishFansProgress}"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div style="display: flex; align-items: center; height: 0.28rem; margin-top: 0.55rem;margin-left: 0.69rem;"> |
| | | <div style=" display: flex; align-items: center;"> |
| | | <img src="./img/icon_horn.png" style="width: 0.32rem;height: 0.28rem;"> |
| | | </div> |
| | | <div style="color: #E5005B; font-size: 0.2rem;margin-left: 0.13rem;"> |
| | | 以上三种条件在任意一种满足即可自动升级为【{{progress.nextLevelProgress}}】 |
| | | </div> |
| | | </div> |
| | | <div style="color: #666666;font-size: 0.24rem; margin-left: 0.43rem;margin-top: 0.31rem;margin-right: 0.39rem;"> |
| | | 1.返利/分享订单、直接/间接粉丝都是从注册板栗快省日起开始统计;<br> |
| | | 2.实付款≥1元的订单为有效可被统计订单;<br> |
| | | 3.至少产生过1笔分享或返利订单的粉丝为有效可被统计粉丝(退款为失效); |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 会员权益 --> |
| | | <div class="div_quanyi_headerbg"> |
| | | <div style="background-color: #151313; display: flex; flex-direction: column;align-items: center;"> |
| | | <div style="color: #F4E2D0; font-size: 0.3rem;"> |
| | | 会员阶段权益 |
| | | </div> |
| | | <div style="color: #F4E2D0; font-size: 0.18rem; margin-top: -0.06rem;"> |
| | | 升级成超级会员 赚省权益享不停 |
| | | </div> |
| | | </div> |
| | | <div class="div_quanyi_title" style="background-color: #151313;height: 0.86rem;display: flex;justify-content: space-between;"> |
| | | <div class="div_quanyi_actived" @click="clickactived" :style="bgColor.styleactived"> |
| | | 快省达人 |
| | | </div> |
| | | <div class="div_quanyi_vipPre1" @click="clickvipPre1" :style="bgColor.stylevipPre1"> |
| | | 普通会员 |
| | | </div> |
| | | <div class="div_quanyi_vipPre2" @click="clickvipPre2" :style="bgColor.stylevipPre2"> |
| | | 高级会员 |
| | | </div> |
| | | <div class="div_quanyi_vip" @click="clickvip" :style="bgColor.stylevip"> |
| | | 超级会员 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="div_quanyi"> |
| | | <div class="div_items" v-for="(item, index) in quanYiList"> |
| | | <img v-bind:src="item.img" style="width:1.3rem;height: 1.29rem;"> |
| | | <div class="title"> |
| | | {{item.title}} |
| | | </div> |
| | | <div class="subtitle" v-html="item.subTitle"> |
| | | {{item.subTitle}} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div style="height: 0.46rem; background-color: #333333;"></div> |
| | | <!-- 邀请好友 --> |
| | | <div class="div_invite_friend"> |
| | | <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;"> |
| | | <div style="color: #333333; font-size: 0.34rem;"> |
| | | 邀请好友 |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;"> |
| | | <img src="img/icon_miandan.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;"> |
| | | <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;"> |
| | | <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;"> |
| | | 赠送免单券 |
| | | </div> |
| | | <div style="color: #999999; font-size: 0.24rem;"> |
| | | 让好友可以免单 |
| | | </div> |
| | | </div> |
| | | <div @click="invite(0)" class="div_invite_share"> |
| | | 去邀请 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;"> |
| | | <img src="img/icon_fanli_.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;"> |
| | | <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;"> |
| | | <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;"> |
| | | 返利奖励券 |
| | | </div> |
| | | <div style="color: #999999; font-size: 0.24rem;"> |
| | | 让好友返利订单,返利再返30%以上 |
| | | </div> |
| | | </div> |
| | | <div @click="invite(1)" class="div_invite_share"> |
| | | 去邀请 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;"> |
| | | <img src="img/icon_hongbao.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;"> |
| | | <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;"> |
| | | <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;"> |
| | | 红包 |
| | | </div> |
| | | <div style="color: #999999; font-size: 0.24rem;"> |
| | | 让好友获得红包,可提现客购物 |
| | | </div> |
| | | </div> |
| | | <div @click="invite(2)" class="div_invite_share"> |
| | | 去邀请 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 赚省对比 --> |
| | | <div class="div_makesave_contrast"> |
| | | <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;"> |
| | | <div style="color: #333333; font-size: 0.34rem;"> |
| | | 赚省对比 |
| | | </div> |
| | | </div> |
| | | <div style="background-color: #FFF8F1;height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;justify-content: space-between;align-items: center;"> |
| | | <p style="color: #666666;font-size: 0.24rem; padding-left: 0.46rem;">赚省权益</p> |
| | | <p style="color: #666666;font-size: 0.24rem;">快省达人</p> |
| | | <p style="color: #666666;font-size: 0.24rem; padding-right: 0.52rem;">超级会员</p> |
| | | </div> |
| | | <div style="height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items: center;"> |
| | | <div style=" display: flex; align-items: center; width: 35%;"> |
| | | <img src="img/icon_fanli.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;"> |
| | | <div class="makesave_contrast_title"> |
| | | 自购返利 |
| | | </div> |
| | | </div> |
| | | <div class="makesave_contrast_desc"> |
| | | <div class="makesave_contrast_desc1"> |
| | | ¥100+¥52.5 |
| | | </div> |
| | | <div class="makesave_contrast_desc2"> |
| | | 佣金+平台补贴 |
| | | </div> |
| | | </div> |
| | | <div class="makesave_contrast_desc"> |
| | | <div class="makesave_contrast_desc1"> |
| | | ¥100+¥115 |
| | | </div> |
| | | <div class="makesave_contrast_desc2"> |
| | | 佣金+平台补贴 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div style="background-color: #FFF8F1; height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items: center;"> |
| | | <div style=" display: flex; align-items: center; width: 35%;"> |
| | | <img src="img/icon_jiangjin.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;"> |
| | | <div class="makesave_contrast_title"> |
| | | 分享奖金 |
| | | </div> |
| | | </div> |
| | | <div class="makesave_contrast_desc"> |
| | | <div class="makesave_contrast_desc1"> |
| | | ¥100+¥52.5 |
| | | </div> |
| | | <div class="makesave_contrast_desc2"> |
| | | 佣金+平台补贴 |
| | | </div> |
| | | </div> |
| | | <div class="makesave_contrast_desc"> |
| | | <div class="makesave_contrast_desc1"> |
| | | ¥100+¥115 |
| | | </div> |
| | | <div class="makesave_contrast_desc2"> |
| | | 佣金+平台补贴 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div style="height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items: center;"> |
| | | <div style=" display: flex; align-items: center; width: 35%;"> |
| | | <img src="img/icon_butie.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;"> |
| | | <div class="makesave_contrast_title"> |
| | | 团队补贴 |
| | | </div> |
| | | </div> |
| | | <div style="color: #333333;font-size:0.26rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;"> |
| | | --- |
| | | </div> |
| | | <div style="color: #333333;font-size:0.2rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;"> |
| | | 直接粉丝+¥22.5<br /> |
| | | 间接粉丝+¥7.5 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 常见问题 --> |
| | | <div class="div_common_problem"> |
| | | <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;"> |
| | | <div style="color: #333333; font-size: 0.34rem;"> |
| | | 常见问题 |
| | | </div> |
| | | </div> |
| | | <div style="height: 0.08rem;"></div> |
| | | <div class="div_common_problem_selct"> |
| | | Q:返利真的高?<br /> |
| | | A:全网稍微对比研究一下就知道咯~ |
| | | </div> |
| | | <div class="div_common_problem_normol"> |
| | | Q:30张奖励券怎么用?<br /> |
| | | A:奖励券是邀请利器哦,助力你邀请好友 |
| | | </div> |
| | | <div class="div_common_problem_selct"> |
| | | Q:团队补贴只有进入超级会员V1阶段后才有?<br /> |
| | | A:是的! |
| | | </div> |
| | | <div class="div_common_problem_normol"> |
| | | Q:成为超级会员三个条件都要满足吗?<br /> |
| | | A:不是,仅需满足其中一个条件即可。 |
| | | </div> |
| | | <div class="div_common_problem_selct"> |
| | | Q:达到超级会员V1阶段会自动升级权益吗?<br /> |
| | | A:会,满足V1、V2系统自动升级到对应权益。 |
| | | </div> |
| | | <div class="div_common_problem_normol_1"> |
| | | Q:达到超级会员V3阶段会自动升级权益吗?<br /> |
| | | A:不会,需要手动申请审核通过后成为超级会员。 |
| | | </div> |
| | | <div class="div_common_problem_normol_2"> |
| | | Q:只有自己成为超级会员后才可以培养超级会员 |
| | | 吗?<br /> |
| | | A:是的。 |
| | | </div> |
| | | <div class="div_common_problem_normol"> |
| | | Q:我不会培养超级会员怎么办?<br /> |
| | | A:不用担心,在我的-导师微信与其取得联系。 |
| | | </div> |
| | | <div class="div_common_problem_normol_3"> |
| | | <div style="height: 1.0E-5rem;"> |
| | | </div> |
| | | <div style="margin-top: 0.22rem;"> |
| | | Q:还有超级会员相关问题?<br /> |
| | | A:请查看本页顶部超级会员相关规则,或<a href="javascript:void()" style="text-decoration: none;" @click="kefu">人工<br>客服</a> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!--弹框 --> |
| | | <div class="dialogmask"> |
| | | <div class="dialog"> |
| | | <img src="img/icon_close.png" style="height:0.5rem;right: 0.2rem;top:0.2rem;position: absolute;" @click="hiddenDialog()"> |
| | | <div class="title">hi,{{user.nickName}}</div> |
| | | <div class="content">{{tearcherTip}}</div> |
| | | <div class="dialogbutton"> |
| | | <div class="div_NoviceStrategy" @click="noviceStrategy"> |
| | | 新手攻略 |
| | | </div> |
| | | <div class="div_TutorWeChat" @click="tutorWeChat"> |
| | | 复制导师微信 |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </body> |
| | | <tfoot> |
| | | <div style="margin-top: 0.43rem;margin-bottom: 0.8rem;display:flex; justify-content: center;"> |
| | | <img src="img/logo.png" style="width: 0.46rem;height: 0.45rem;"> |
| | | <div style="color: #D43002; font-size: 0.3rem; margin-left: 0.12rem;"> |
| | | 板栗快省官方福利 |
| | | </div> |
| | | </div> |
| | | </tfoot> |
| | | |
| | | <script type="text/javascript"> |
| | | $(function() { |
| | | var host = "http://api.flqapp.com"; |
| | | var app = new Vue({ |
| | | el: "#root", |
| | | data: { |
| | | show: true, |
| | | vip: false, |
| | | ruleLink: '', |
| | | level: '', |
| | | tearcherTip: '', |
| | | tearcherWX: '', |
| | | newerGongLue: '', |
| | | user: { |
| | | nickName: '', |
| | | savemoneytitle: '', |
| | | makemoneytitle: '', |
| | | saveMoney: '¥0', |
| | | earnMoney: '¥0', |
| | | viplogos: '', |
| | | nextlevel: '' |
| | | }, |
| | | progress: { |
| | | finishFanliOrder: '', |
| | | totalFanliOrder: '', |
| | | finishShareOrder: '', |
| | | totalShareOrder: '', |
| | | finishDirectFans: '', |
| | | finishInDirectFans: '', |
| | | totalDirectFans: '', |
| | | totalInDirectFans: '', |
| | | nextLevelProgress: '' |
| | | }, |
| | | master: { |
| | | platformSubsidy: '', |
| | | school: '', |
| | | teamSubsidy: '', |
| | | teamReward: '' |
| | | }, |
| | | vip1: { |
| | | platformSubsidy: '', |
| | | school: '', |
| | | teamSubsidy: '', |
| | | teamReward: '' |
| | | }, |
| | | vip2: { |
| | | platformSubsidy: '', |
| | | school: '', |
| | | teamSubsidy: '', |
| | | teamReward: '' |
| | | }, |
| | | vip3: { |
| | | platformSubsidy: '', |
| | | school: '', |
| | | teamSubsidy: '', |
| | | teamReward: '' |
| | | }, |
| | | quanYiList: [{ |
| | | img: 'img/qy_mfcoupon.png', |
| | | title: '免费领券', |
| | | subTitle: '独家隐藏优惠券', |
| | | }, { |
| | | img: 'img/qy_yongjin.png', |
| | | title: '商品佣金', |
| | | subTitle: '购物下单立即返佣', |
| | | }, { |
| | | img: 'img/qy_insidy.png', |
| | | title: '平台补贴', |
| | | subTitle: '补贴返佣115%', |
| | | }, { |
| | | img: 'img/qy_sharebonus.png', |
| | | title: '分享奖金', |
| | | subTitle: '好友领券官方奖金', |
| | | }, { |
| | | img: 'img/qy_teambonus.png', |
| | | title: '团队奖金', |
| | | subTitle: '好友下单官方奖金', |
| | | }, { |
| | | img: 'img/qy_tixian.png', |
| | | title: '提现无忧', |
| | | subTitle: '无门槛准时达', |
| | | }, { |
| | | img: 'img/qy_newmiandan.png', |
| | | title: '新人免单', |
| | | subTitle: '0元购买还有返利', |
| | | }, { |
| | | img: 'img/qy_invitefriend.png', |
| | | title: '邀请好友', |
| | | subTitle: '赚40元现金红包', |
| | | }, { |
| | | img: 'img/qy_tutor.png', |
| | | title: '专属导师', |
| | | subTitle: '跟着大牛学赚省', |
| | | }, { |
| | | img: 'img/qy_jinbichange.png', |
| | | title: '金币兑换', |
| | | subTitle: '惊喜不停海量奖品', |
| | | }, { |
| | | img: 'img/qy_train.png', |
| | | title: '赚省培训', |
| | | subTitle: '板栗学院[超级班]', |
| | | }, { |
| | | img: 'img/qy_zhichi.png', |
| | | title: '物料支持', |
| | | subTitle: '推广文案运营物料', |
| | | }, { |
| | | img: 'img/qy_teamsubsidy_normol.png', |
| | | title: '团队补贴', |
| | | subTitle: '会员专属最高22.5%', |
| | | }, { |
| | | img: 'img/qy_jinbi_normol.png', |
| | | title: '赠送金币', |
| | | subTitle: '系统赠送3000枚', |
| | | }, { |
| | | img: 'img/qy_fanlicoupon_normol.png', |
| | | title: '返利奖励券', |
| | | subTitle: '系统赠送30张', |
| | | }, { |
| | | img: 'img/qy_teamaward_normol.png', |
| | | title: '团队奖励', |
| | | subTitle: '最高40%', |
| | | }, { |
| | | img: 'img/qy_miandan_normol.png', |
| | | title: '赠送免单券', |
| | | subTitle: '系统赠送5张', |
| | | }, { |
| | | img: 'img/qy_becommentor_normol.png', |
| | | title: '成为导师', |
| | | subTitle: '获导师内邀名额', |
| | | }], |
| | | |
| | | bgColor: { |
| | | styleactived: { |
| | | backgroundColor: '' |
| | | }, |
| | | stylevipPre1: { |
| | | backgroundColor: '' |
| | | }, |
| | | stylevipPre2: { |
| | | backgroundColor: '' |
| | | }, |
| | | stylevip: { |
| | | backgroundColor: '' |
| | | } |
| | | } |
| | | }, |
| | | watch: { |
| | | user: function(val) { |
| | | $("#root").css("display", "block"); |
| | | yesApp.hideLoading(); |
| | | } |
| | | }, |
| | | methods: { |
| | | contactmentor: function() { |
| | | this.showDialog(); |
| | | }, |
| | | upgrademember: function() { |
| | | if (this.level == 'actived') { |
| | | yesApp.toast('暂未满足升级条件') |
| | | |
| | | } else if (this.level == 'vipPre1') { |
| | | yesApp.toast('暂未满足升级条件') |
| | | |
| | | } else if (this.level == 'vipPre2') { |
| | | applyVip() |
| | | |
| | | } else if (this.level == 'vipApply') { |
| | | |
| | | } else if (this.level == 'vip') { |
| | | |
| | | } else if (this.level == 'tearcherApply') { |
| | | |
| | | } else if (this.level == 'tearcher') { |
| | | |
| | | } else { |
| | | |
| | | } |
| | | }, |
| | | kefu: function() { |
| | | yesApp.jumpWeb("http://apph5.banliapp.com/AppInside/kefu/index.html", null); |
| | | }, |
| | | touchRuleLink: function() { |
| | | if (this.ruleLink.length == 0 || this.ruleLink.length == null) { |
| | | yesApp.toast('未设置链接'); |
| | | return; |
| | | } |
| | | yesApp.jumpWeb(this.ruleLink, null); |
| | | }, |
| | | |
| | | invite: function(type) { |
| | | if (type == 0 || type == 1) { |
| | | app.jumpFuLiCenter(); |
| | | } else { |
| | | app.jumpHongBaoBalance(); |
| | | } |
| | | }, |
| | | |
| | | jumpFuLiCenter: function() { //福利中心 |
| | | yesApp.jumpPage({ |
| | | activity: 'com.yeshi.ec.rebate.myapplication.ui.mine.WelfareCenterActivity', |
| | | controller: 'WelfareCenterController' |
| | | }, {}); |
| | | }, |
| | | jumpHongBaoBalance: function() { //红包余额 |
| | | yesApp.jumpPage({ |
| | | activity: 'com.yeshi.ec.rebate.myapplication.ui.mine.PromotionRedenvelopeActivity', |
| | | controller: 'RedEnvelopeController' |
| | | }, {}); |
| | | }, |
| | | showDialog: function() { |
| | | $('.dialogmask').css('display', 'block') |
| | | }, |
| | | hiddenDialog: function() { |
| | | $('.dialogmask').css('display', 'none') |
| | | }, |
| | | |
| | | noviceStrategy: function() { |
| | | yesApp.jumpWeb(this.newerGongLue,null) |
| | | }, |
| | | |
| | | tutorWeChat: function() { |
| | | yesApp.copyText(app.tearcherWX + '') |
| | | yesApp.toast('复制成功') |
| | | this.hiddenDialog(); |
| | | }, |
| | | |
| | | clickactived: function() { |
| | | var bgColor = this.bgColor; |
| | | var qylist = this.quanYiList; |
| | | |
| | | bgColor.styleactived.backgroundColor = '#333333'; |
| | | bgColor.stylevipPre1.backgroundColor = '#151313'; |
| | | bgColor.stylevipPre2.backgroundColor = '#151313'; |
| | | bgColor.stylevip.backgroundColor = '#151313'; |
| | | |
| | | qylist[12].img = 'img/qy_teamsubsidy_normol.png'; |
| | | qylist[13].img = 'img/qy_jinbi_normol.png'; |
| | | qylist[14].img = 'img/qy_fanlicoupon_normol.png'; |
| | | qylist[15].img = 'img/qy_teamaward_normol.png'; |
| | | qylist[16].img = 'img/qy_miandan_normol.png'; |
| | | qylist[17].img = 'img/qy_becommentor_normol.png'; |
| | | |
| | | qylist[2].subTitle = this.master.platformSubsidy; |
| | | qylist[10].subTitle = this.master.school; |
| | | qylist[12].subTitle = this.master.teamSubsidy; |
| | | qylist[15].subTitle = this.master.teamReward; |
| | | |
| | | app.bgColor = bgColor; |
| | | app.quanYiList = qylist |
| | | }, |
| | | clickvipPre1: function() { |
| | | var bgColor = app.bgColor; |
| | | var qylist = app.quanYiList; |
| | | |
| | | bgColor.styleactived.backgroundColor = '#151313'; |
| | | bgColor.stylevipPre1.backgroundColor = '#333333'; |
| | | bgColor.stylevipPre2.backgroundColor = '#151313'; |
| | | bgColor.stylevip.backgroundColor = '#151313'; |
| | | |
| | | qylist[12].img = 'img/qy_teamsubsidy_select.png'; |
| | | qylist[13].img = 'img/qy_jinbi_select.png'; |
| | | qylist[14].img = 'img/qy_fanlicoupon_normol.png'; |
| | | qylist[15].img = 'img/qy_teamaward_normol.png'; |
| | | qylist[16].img = 'img/qy_miandan_normol.png'; |
| | | qylist[17].img = 'img/qy_becommentor_normol.png'; |
| | | |
| | | qylist[2].subTitle = this.vip1.platformSubsidy; |
| | | qylist[10].subTitle = this.vip1.school; |
| | | qylist[12].subTitle = this.vip1.teamSubsidy; |
| | | qylist[15].subTitle = this.vip1.teamReward; |
| | | |
| | | app.bgColor = bgColor; |
| | | app.quanYiList = qylist |
| | | }, |
| | | clickvipPre2: function() { |
| | | var bgColor = app.bgColor; |
| | | var qylist = app.quanYiList; |
| | | |
| | | bgColor.styleactived.backgroundColor = '#151313'; |
| | | bgColor.stylevipPre1.backgroundColor = '#151313'; |
| | | bgColor.stylevipPre2.backgroundColor = '#333333'; |
| | | bgColor.stylevip.backgroundColor = '#151313'; |
| | | |
| | | qylist[12].img = 'img/qy_teamsubsidy_select.png'; |
| | | qylist[13].img = 'img/qy_jinbi_select.png'; |
| | | qylist[14].img = 'img/qy_fanlicoupon_select.png'; |
| | | qylist[15].img = 'img/qy_teamaward_normol.png'; |
| | | qylist[16].img = 'img/qy_miandan_normol.png'; |
| | | qylist[17].img = 'img/qy_becommentor_normol.png'; |
| | | |
| | | qylist[2].subTitle = this.vip2.platformSubsidy; |
| | | qylist[10].subTitle = this.vip2.school; |
| | | qylist[12].subTitle = this.vip2.teamSubsidy; |
| | | qylist[15].subTitle = this.vip2.teamReward; |
| | | |
| | | app.bgColor = bgColor; |
| | | app.quanYiList = qylist |
| | | }, |
| | | clickvip: function() { |
| | | var bgColor = app.bgColor; |
| | | var qylist = app.quanYiList; |
| | | |
| | | bgColor.styleactived.backgroundColor = '#151313'; |
| | | bgColor.stylevipPre1.backgroundColor = '#151313'; |
| | | bgColor.stylevipPre2.backgroundColor = '#151313'; |
| | | bgColor.stylevip.backgroundColor = '#333333'; |
| | | |
| | | qylist[12].img = 'img/qy_teamsubsidy_select.png'; |
| | | qylist[13].img = 'img/qy_jinbi_select.png'; |
| | | qylist[14].img = 'img/qy_fanlicoupon_select.png'; |
| | | qylist[15].img = 'img/qy_teamaward_select.png'; |
| | | qylist[16].img = 'img/qy_miandan_select.png'; |
| | | qylist[17].img = 'img/qy_becommentor_select.png'; |
| | | |
| | | qylist[2].subTitle = this.vip3.platformSubsidy; |
| | | qylist[10].subTitle = this.vip3.school; |
| | | qylist[12].subTitle = this.vip3.teamSubsidy; |
| | | qylist[15].subTitle = this.vip3.teamReward; |
| | | |
| | | app.bgColor = bgColor; |
| | | app.quanYiList = qylist |
| | | }, |
| | | }, |
| | | computed: { |
| | | finishFanliOrderProgress: function() { |
| | | var tempFinishFanliOrder = null; |
| | | if (parseInt(this.progress.finishFanliOrder) > parseInt(this.progress.totalFanliOrder)) { |
| | | tempFinishFanliOrder = this.progress.totalFanliOrder; |
| | | |
| | | } else { |
| | | tempFinishFanliOrder = this.progress.finishFanliOrder; |
| | | } |
| | | return (576 / this.progress.totalFanliOrder) * tempFinishFanliOrder * 0.01 + 'rem' |
| | | }, |
| | | |
| | | finishShareOrderProgress: function() { |
| | | var tempFinishShareOrder = null; |
| | | if (parseInt(this.progress.finishShareOrder) > parseInt(this.progress.totalShareOrder)) { |
| | | tempFinishShareOrder = this.progress.totalShareOrder; |
| | | |
| | | } else { |
| | | tempFinishShareOrder = this.progress.finishShareOrder; |
| | | } |
| | | return (576 / this.progress.totalShareOrder) * tempFinishShareOrder * 0.01 + 'rem' |
| | | }, |
| | | |
| | | finishFansProgress: function() { |
| | | var tempFinishDirectFans = null; |
| | | var tempFinishInDirectFans = null; |
| | | |
| | | if (parseInt(this.progress.finishDirectFans) > parseInt(this.progress.totalDirectFans)) { |
| | | tempFinishDirectFans = this.progress.totalDirectFans; |
| | | |
| | | } else { |
| | | tempFinishDirectFans = this.progress.finishDirectFans; |
| | | } |
| | | if (parseInt(this.progress.finishInDirectFans) > parseInt(this.progress.totalInDirectFans)) { |
| | | tempFinishInDirectFans = this.progress.totalInDirectFans; |
| | | |
| | | } else { |
| | | tempFinishInDirectFans = this.progress.finishInDirectFans; |
| | | } |
| | | return ((576 / 2 / this.progress.totalDirectFans * tempFinishDirectFans) + (576 / 2 / this.progress.totalInDirectFans * |
| | | tempFinishInDirectFans)) * 0.01 + 'rem' |
| | | } |
| | | } |
| | | }); |
| | | |
| | | function fetchData() { |
| | | yesApp.showLoading(); |
| | | var params = yesApp.getRequestBaseParams({ |
| | | uid: yesApp.getUid() |
| | | }); |
| | | // 会员等级 |
| | | var level = null; |
| | | var viplogos = null; |
| | | var nextlevel = null; |
| | | var nextLevelProgress = null; |
| | | var supVip = false; |
| | | var platformSubsidy = null; |
| | | var school = null; |
| | | var teamSubsidy = null; |
| | | var teamReward = null; |
| | | var master = null; |
| | | var vip1 = null; |
| | | var vip2 = null; |
| | | var vip3 = null; |
| | | try { |
| | | $.ajax({ |
| | | type: "GET", |
| | | data: JSON.parse(params), |
| | | url: host + '/fanli/api/v2/user/getVIPInfoV2', //getHttp() 'http://192.168.1.122:8080/fanli' |
| | | dataType: "jsonp", |
| | | async: false, |
| | | success: function(result) { |
| | | if (result.code == 0) { |
| | | level = result.data.level; |
| | | |
| | | var qylist = app.quanYiList; |
| | | |
| | | if (level === 'actived') { |
| | | viplogos = 'img/icon_actived.png'; |
| | | nextlevel = '升级普通会员'; |
| | | nextLevelProgress = '普通会员'; |
| | | supVip = false; |
| | | |
| | | app.bgColor.styleactived.backgroundColor = '#333333'; |
| | | |
| | | platformSubsidy = result.data.master.platformSubsidy; |
| | | school = result.data.master.school; |
| | | teamSubsidy = result.data.master.teamSubsidy; |
| | | teamReward = result.data.master.teamReward; |
| | | |
| | | } else if (level === 'vipPre1') { |
| | | viplogos = 'img/icon_vipPre1.png'; |
| | | nextlevel = '升级高级会员'; |
| | | nextLevelProgress = '高级会员'; |
| | | supVip = false; |
| | | |
| | | app.bgColor.stylevipPre1.backgroundColor = '#333333'; |
| | | |
| | | platformSubsidy = result.data.vip1.platformSubsidy; |
| | | school = result.data.vip1.school; |
| | | teamSubsidy = result.data.vip1.teamSubsidy; |
| | | teamReward = result.data.vip1.teamReward; |
| | | |
| | | qylist[12].img = 'img/qy_teamsubsidy_select.png'; |
| | | qylist[13].img = 'img/qy_jinbi_select.png'; |
| | | |
| | | } else if (level === 'vipPre2') { |
| | | viplogos = 'img/icon_vipPre2.png'; |
| | | nextlevel = '升级超级会员'; |
| | | nextLevelProgress = '超级会员'; |
| | | supVip = false; |
| | | |
| | | app.bgColor.stylevipPre2.backgroundColor = '#333333'; |
| | | |
| | | platformSubsidy = result.data.vip2.platformSubsidy; |
| | | school = result.data.vip2.school; |
| | | teamSubsidy = result.data.vip2.teamSubsidy; |
| | | teamReward = result.data.vip2.teamReward; |
| | | |
| | | qylist[12].img = 'img/qy_teamsubsidy_select.png'; |
| | | qylist[13].img = 'img/qy_jinbi_select.png'; |
| | | qylist[14].img = 'img/qy_fanlicoupon_select.png'; |
| | | |
| | | } else if (level === 'vipApply') { |
| | | viplogos = 'img/icon_vip_invalid.png'; |
| | | nextlevel = '审核将在48小时内完成'; |
| | | nextLevelProgress = '超级会员'; |
| | | supVip = false; |
| | | |
| | | app.bgColor.stylevipPre2.backgroundColor = '#333333'; |
| | | |
| | | platformSubsidy = result.data.vip2.platformSubsidy; |
| | | school = result.data.vip2.school; |
| | | teamSubsidy = result.data.vip2.teamSubsidy; |
| | | teamReward = result.data.vip2.teamReward; |
| | | |
| | | qylist[12].img = 'img/qy_teamsubsidy_select.png'; |
| | | qylist[13].img = 'img/qy_jinbi_select.png'; |
| | | qylist[14].img = 'img/qy_fanlicoupon_select.png'; |
| | | |
| | | } else if (level === 'vip' || level === 'tearcherApply' || level === 'tearcher') { |
| | | |
| | | nextlevel = '我想当导师'; |
| | | nextLevelProgress = '导师'; |
| | | if (level === 'vip') { |
| | | viplogos = 'img/icon_vip.png'; |
| | | |
| | | } else if (level === 'tearcherApply') { |
| | | viplogos = 'img/icon_tearcher_normol.png'; |
| | | |
| | | } else if (level === 'tearcher') { |
| | | viplogos = 'img/icon_tearcher.png'; |
| | | } |
| | | |
| | | supVip = true; |
| | | app.show = false; |
| | | |
| | | app.bgColor.stylevip.backgroundColor = '#333333'; |
| | | |
| | | platformSubsidy = result.data.vip3.platformSubsidy; |
| | | school = result.data.vip3.school; |
| | | teamSubsidy = result.data.vip3.teamSubsidy; |
| | | teamReward = result.data.vip3.teamReward; |
| | | |
| | | qylist[12].img = 'img/qy_teamsubsidy_select.png'; |
| | | qylist[13].img = 'img/qy_jinbi_select.png'; |
| | | qylist[14].img = 'img/qy_fanlicoupon_select.png'; |
| | | qylist[15].img = 'img/qy_teamaward_select.png'; |
| | | qylist[16].img = 'img/qy_miandan_select.png'; |
| | | qylist[17].img = 'img/qy_becommentor_select.png'; |
| | | } |
| | | app.vip = supVip; |
| | | |
| | | qylist[2].subTitle = platformSubsidy; |
| | | qylist[10].subTitle = school; |
| | | qylist[12].subTitle = teamSubsidy; |
| | | qylist[15].subTitle = teamReward; |
| | | |
| | | var user = { |
| | | nickName: result.data.nickName, |
| | | portrait: result.data.portrait, |
| | | saveMoney: '¥' + result.data.saveMoney, |
| | | earnMoney: '¥' + result.data.earnMoney, |
| | | viplogos: viplogos, |
| | | nextlevel: nextlevel |
| | | }; |
| | | app.user = user; |
| | | |
| | | var progress = { |
| | | finishFanliOrder: parseInt(result.data.doneZiGou), |
| | | totalFanliOrder: parseInt(result.data.limitZiGou), |
| | | finishShareOrder: parseInt(result.data.doneShare), |
| | | totalShareOrder: parseInt(result.data.limitShare), |
| | | finishDirectFans: parseInt(result.data.doneFirst), |
| | | finishInDirectFans: parseInt(result.data.doneSecond), |
| | | totalDirectFans: parseInt(result.data.limitFirst), |
| | | totalInDirectFans: parseInt(result.data.limitSecond), |
| | | nextLevelProgress: nextLevelProgress |
| | | }; |
| | | app.progress = progress; |
| | | |
| | | app.quanYiList = qylist; |
| | | |
| | | app.ruleLink = result.data.ruleLink; |
| | | app.level = level; |
| | | app.tearcherTip = result.data.tearcherTip; |
| | | app.tearcherWX = result.data.tearcherTip; |
| | | app.newerGongLue = result.data.newerGongLue; |
| | | |
| | | master = app.master; |
| | | master.platformSubsidy = result.data.master.platformSubsidy; |
| | | master.school = result.data.master.school; |
| | | master.teamSubsidy = result.data.master.teamSubsidy; |
| | | master.teamReward = result.data.master.teamReward; |
| | | app.master = master; |
| | | |
| | | vip1 = app.vip1; |
| | | vip1.platformSubsidy = result.data.vip1.platformSubsidy; |
| | | vip1.school = result.data.vip1.school; |
| | | vip1.teamSubsidy = result.data.vip1.teamSubsidy; |
| | | vip1.teamReward = result.data.vip1.teamReward; |
| | | app.vip1 = vip1; |
| | | |
| | | vip2 = app.vip2; |
| | | vip2.platformSubsidy = result.data.vip2.platformSubsidy; |
| | | vip2.school = result.data.vip2.school; |
| | | vip2.teamSubsidy = result.data.vip2.teamSubsidy; |
| | | vip2.teamReward = result.data.vip2.teamReward; |
| | | app.vip2 = vip2; |
| | | |
| | | vip3 = app.vip3; |
| | | vip3.platformSubsidy = result.data.vip3.platformSubsidy; |
| | | vip3.school = result.data.vip3.school; |
| | | vip3.teamSubsidy = result.data.vip3.teamSubsidy; |
| | | vip3.teamReward = result.data.vip3.teamReward; |
| | | app.vip3 = vip3; |
| | | |
| | | } else { |
| | | yesApp.toast(result.msg); |
| | | } |
| | | }, |
| | | fail: function(e) { |
| | | yesApp.hideLoading(); |
| | | } |
| | | }); |
| | | } catch (e) {} |
| | | } |
| | | fetchData(); |
| | | |
| | | function applyVip() { |
| | | yesApp.showLoading(); |
| | | var params = yesApp.getRequestBaseParams({ |
| | | uid: yesApp.getUid() |
| | | }); |
| | | try { |
| | | $.ajax({ |
| | | type: "GET", |
| | | data: JSON.parse(params), |
| | | url: host + '/fanli/api/v2/user/applyVip', //getHttp() 'http://192.168.1.122:8080/fanli' |
| | | dataType: "jsonp", |
| | | async: false, |
| | | success: function(result) { |
| | | yesApp.hideLoading(); |
| | | if (result.code == 0) { |
| | | yesApp.toast('审核将在48小时内完成'); |
| | | app.user.nextlevel = '审核将在48小时内完成'; |
| | | |
| | | } else { |
| | | yesApp.toast(result.msg); |
| | | } |
| | | }, |
| | | fail: function(e) { |
| | | yesApp.hideLoading(); |
| | | } |
| | | }); |
| | | } catch (e) {} |
| | | } |
| | | }); |
| | | </script> |
| | | </html> |