| | |
| | | <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;"> |
| | | <img :src="user.portrait">
|
| | | </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 class="div_viplogos"><img :src="user.viplogos"></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 class="div_contactmentor_upgrademember_bg">
|
| | | <div class="div_contactmentor" @click="contactmentor">
|
| | | 联系导师 |
| | | </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;"> |
| | |
|
| | | <div class="div_upgrademember" @click="upgrademember">
|
| | | {{user.nextlevel}} |
| | | </div> |
| | | </div> |
| | |
| | | <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 class="div_sehnzhuan">
|
| | | <p v-if="vip==false">错过省赚</p>
|
| | | <p v-else>赚省统计</p>
|
| | | </div> |
| | | |
| | | <div class="div_provinceearn_yellowbg"> |
| | |
| | | <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 class="provinceearn_savemoney_Title" v-if="vip==false">
|
| | | 少省钱 |
| | | </div> |
| | | <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;"> |
| | | <div class="provinceearn_savemoney_Title" v-else>
|
| | | 共省钱 |
| | | </div> |
| | | |
| | | <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;"> |
| | | <div class="provinceearn_savemoney_SubTitle">
|
| | | {{user.saveMoney}} |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | </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 class="provinceearn_makemoney_Title" v-if="vip==false">
|
| | | 少赚钱 |
| | | </div> |
| | | <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;"> |
| | | <div class="provinceearn_makemoney_Title" v-else>
|
| | | 共赚钱 |
| | | </div> |
| | | |
| | | <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;"> |
| | | <div class="provinceearn_makemoney_SubTitle">
|
| | | {{user.earnMoney}} |
| | | </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 class="div_upgradeprogress_title">
|
| | | 升级进度 |
| | | </div> |
| | | <div style="color: #999999;font-size: 0.18rem; margin-top: -0.05rem;"> |
| | | <div class="div_upgradeprogress_desc">
|
| | | 免费升级 阶梯成长 权益倍增 |
| | | </div> |
| | | </div> |
| | |
| | | {{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_bg">
|
| | | <div class="div_upgradeprogress_small" :style="{'width':finishFanliOrderProgress}"> |
| | | </div> |
| | | </div> |
| | |
| | | {{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_bg">
|
| | | <div class="div_upgradeprogress_small" :style="{'width':finishShareOrderProgress}"> |
| | | </div> |
| | | </div> |
| | |
| | | {{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_bg">
|
| | | <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 class="div_progress_condition">
|
| | | <div class="div_horn">
|
| | | <img src="./img/icon_horn.png">
|
| | | </div> |
| | | <div style="color: #E5005B; font-size: 0.2rem;margin-left: 0.13rem;"> |
| | | <div class="progress_condition">
|
| | | 以上三种条件在任意一种满足即可自动升级为【{{progress.nextLevelProgress}}】 |
| | | </div> |
| | | </div> |
| | | <div style="color: #666666;font-size: 0.24rem; margin-left: 0.43rem;margin-top: 0.31rem;margin-right: 0.39rem;"> |
| | | <div class="progress_condition_desc">
|
| | | 1.返利/分享订单、直接/间接粉丝都是从注册板栗快省日起开始统计;<br> |
| | | 2.实付款≥1元的订单为有效可被统计订单;<br> |
| | | 3.至少产生过1笔分享或返利订单的粉丝为有效可被统计粉丝(退款为失效); |
| | |
| | | </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 class="quanyi_headerbg_bg">
|
| | | <div class="quanyi_headerbg_title">
|
| | | 会员阶段权益 |
| | | </div> |
| | | <div style="color: #F4E2D0; font-size: 0.18rem; margin-top: -0.06rem;"> |
| | | <div class="quanyi_headerbg_desc">
|
| | | 升级成超级会员 赚省权益享不停 |
| | | </div> |
| | | </div> |
| | | <div class="div_quanyi_title" style="background-color: #151313;height: 0.86rem;display: flex;justify-content: space-between;"> |
| | | <div class="div_quanyi_title">
|
| | | <div class="div_quanyi_actived" @click="clickactived" :style="bgColor.styleactived"> |
| | | 快省达人 |
| | | </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 class="invite_friend_title_bg">
|
| | | <div>邀请好友</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 class="invite_content_bg">
|
| | | <img src="img/icon_miandan.png">
|
| | | <div class="invite_text_bg">
|
| | | <div class="invite_text_title">
|
| | | 赠送免单券 |
| | | </div> |
| | | <div style="color: #999999; font-size: 0.24rem;"> |
| | | <div class="invite_text_desc">
|
| | | 让好友可以免单 |
| | | </div> |
| | | </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 class="invite_content_bg">
|
| | | <img src="img/icon_fanli_.png">
|
| | | <div class="invite_text_bg">
|
| | | <div class="invite_text_title">
|
| | | 返利奖励券 |
| | | </div> |
| | | <div style="color: #999999; font-size: 0.24rem;"> |
| | | <div class="invite_text_desc">
|
| | | 让好友返利订单,返利再返30%以上 |
| | | </div> |
| | | </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 class="invite_content_bg">
|
| | | <img src="img/icon_hongbao.png">
|
| | | <div class="invite_text_bg">
|
| | | <div class="invite_text_title">
|
| | | 红包 |
| | | </div> |
| | | <div style="color: #999999; font-size: 0.24rem;"> |
| | | <div class="invite_text_desc">
|
| | | 让好友获得红包,可提现客购物 |
| | | </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 class="makesave_contrast_head_bg">
|
| | | <div>赚省对比</div>
|
| | | </div> |
| | | <div class="makesave_contrast_headdesc_bg">
|
| | | <p>赚省权益</p>
|
| | | <p>快省达人</p>
|
| | | <p>超级会员</p>
|
| | | </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 class="makesave_contrast_body_bg">
|
| | | <div class="makesave_contrast_body_title">
|
| | | <img src="img/icon_fanli.png">
|
| | | <div>自购返利</div>
|
| | | </div> |
| | | <div class="makesave_contrast_desc"> |
| | | <div class="makesave_contrast_desc1"> |
| | |
| | | </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 class="makesave_contrast_body_bg">
|
| | | <div class="makesave_contrast_body_title">
|
| | | <img src="img/icon_jiangjin.png">
|
| | | <div>分享奖金</div>
|
| | | </div> |
| | | <div class="makesave_contrast_desc"> |
| | | <div class="makesave_contrast_desc1"> |
| | |
| | | </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 class="makesave_contrast_body_bg">
|
| | | <div class="makesave_contrast_body_title">
|
| | | <img src="img/icon_butie.png">
|
| | | <div>团队补贴</div>
|
| | | </div> |
| | | </div> |
| | | <div style="color: #333333;font-size:0.26rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;"> |
| | | <div class="makesave_contrast_butie_desc1">
|
| | | --- |
| | | </div> |
| | | <div style="color: #333333;font-size:0.2rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;"> |
| | | <div class="makesave_contrast_butie_desc2">
|
| | | 直接粉丝+¥22.5<br /> |
| | | 间接粉丝+¥7.5 |
| | | </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 class="div_common_problem_header">
|
| | | <div>常见问题</div>
|
| | | </div> |
| | | <div style="height: 0.08rem;"></div> |
| | | <div class="div_common_problem_selct"> |
| | |
| | | <!--弹框 --> |
| | | <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()"> |
| | | <img src="img/icon_close.png" @click="hiddenDialog()">
|
| | | <div class="title">hi,{{user.nickName}}</div> |
| | | <div class="content">{{tearcherTip}}</div> |
| | | <div class="dialogbutton"> |
| | |
| | | </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 class="div_banlilogo">
|
| | | <img src="img/logo.png">
|
| | | <div>板栗快省官方福利</div>
|
| | | </div> |
| | | </tfoot> |
| | | |
| | |
| | | } else { |
| | | tempFinishFanliOrder = this.progress.finishFanliOrder; |
| | | } |
| | | if (((576 / this.progress.totalFanliOrder) * tempFinishFanliOrder * 0.01) <= 0.24) {
|
| | | return '0.24rem'
|
| | |
|
| | | } else {
|
| | | return (576 / this.progress.totalFanliOrder) * tempFinishFanliOrder * 0.01 + 'rem' |
| | | }
|
| | | }, |
| | | |
| | | finishShareOrderProgress: function() { |
| | |
| | | } else { |
| | | tempFinishShareOrder = this.progress.finishShareOrder; |
| | | } |
| | | if (((576 / this.progress.totalShareOrder) * tempFinishShareOrder * 0.01) <= 0.24) {
|
| | | return '0.24rem'
|
| | |
|
| | | } else {
|
| | | return (576 / this.progress.totalShareOrder) * tempFinishShareOrder * 0.01 + 'rem' |
| | | }
|
| | | }, |
| | | |
| | | finishFansProgress: function() { |
| | |
| | | } else { |
| | | tempFinishInDirectFans = this.progress.finishInDirectFans; |
| | | } |
| | | if ((((576 / 2 / this.progress.totalDirectFans * tempFinishDirectFans) + (576 / 2 / this.progress.totalInDirectFans *
|
| | | tempFinishInDirectFans)) * 0.01) <= 0.24) {
|
| | | return '0.24rem'
|
| | |
|
| | | } else {
|
| | | return ((576 / 2 / this.progress.totalDirectFans * tempFinishDirectFans) + (576 / 2 / this.progress.totalInDirectFans * |
| | | tempFinishInDirectFans)) * 0.01 + 'rem' |
| | | }
|
| | | } |
| | | } |
| | | }); |
| | |
| | | $.ajax({ |
| | | type: "GET", |
| | | data: JSON.parse(params), |
| | | url: host + '/fanli/api/v2/user/getVIPInfoV2', //getHttp() 'http://192.168.1.122:8080/fanli' |
| | | url: 'http://192.168.1.253:8080' + '/fanli/api/v2/user/getVIPInfoV2', //getHttp() 'http://192.168.1.122:8080/fanli'
|
| | | dataType: "jsonp", |
| | | async: false, |
| | | success: function(result) { |
| | |
| | | |
| | | } else { |
| | | yesApp.toast(result.msg); |
| | |
|
| | | } |
| | | }, |
| | | fail: function(e) { |