aeline
2020-04-02 68c0e7c8b69b258f62eaa68820ad1e7e31898bd6
test
2个文件已修改
2010 ■■■■ 已修改文件
AppInside/vipNew/css/stylesheet.css 19 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/supvip.html 1991 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/css/stylesheet.css
@@ -33,9 +33,9 @@
    position: absolute;
    right: 0.34rem;
    top: 0.37rem;
    border: 0.01rem solid;
    border: 0.5px solid;
    border-radius: 0.17rem;
    border-color: 0x573A0F;
    border-color: #573A0F;
    font-size: 0.18rem;
    color: 0x333333;
    width: 1.08rem;
@@ -278,17 +278,20 @@
    margin-left: 0.63rem;
    margin-top: 0.08rem;
    margin-right: 0.63rem;
    height: 0.31rem;
    border-radius: 0.15rem;
    height: 0.32rem;
    border-radius: 0.16rem;
    padding-left: 0.04rem;
    display: flex;
    align-items: center
    align-items: center;
    box-shadow: inset 0 0.09rem 0.16rem 0 rgba(200, 8, 23, 1);
}
.div_upgradeprogress_small {
    height: 0.25rem;
    height: 0.26rem;
    background-color: #FFE764;
    border-radius: 0.13rem
    border-radius: 0.13rem;
    box-shadow: inset 0px -0.06rem 0.07rem 0 rgba(240, 81, 10, 0.75);
    -webkit-box-shadow: inset 0px -0.06rem 0.07rem 0 rgba(240, 81, 10, 0.75)
}
.div_progress_condition {
@@ -296,7 +299,7 @@
    align-items: center;
    height: 0.28rem;
    margin-top: 0.55rem;
    margin-left: 0.69rem
    margin-left: 0.69rem
}
.div_horn {
AppInside/vipNew/supvip.html
@@ -1,988 +1,1005 @@
<!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" >
                </div>
                <div class="div_name" >{{user.nickName}}</div>
                <div class="div_viplogos" ><img :src="user.viplogos" ></div>
                <div class="div_contactmentor_upgrademember_bg" >
                    <div class="div_contactmentor" @click="contactmentor" >
                        联系导师
                    </div>
                    <div class="div_upgrademember" @click="upgrademember" >
                        {{user.nextlevel}}
                    </div>
                </div>
            </div>
            <!-- 错过省赚 -->
            <div class="div_img_provinceearn">
                <img src="img/cut.png">
            </div>
            <div class="div_provinceearn">
                <div class="div_sehnzhuan">
                    <p v-if="vip==false" >错过省赚</p>
                    <p v-else >赚省统计</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 class="provinceearn_savemoney_Title" v-if="vip==false" >
                                少省钱
                            </div>
                            <div class="provinceearn_savemoney_Title" v-else >
                                共省钱
                            </div>
                            <div class="provinceearn_savemoney_SubTitle" >
                                {{user.saveMoney}}
                            </div>
                        </div>
                        <div class="div_provinceearn_line">
                        </div>
                        <div class="div_provinceearn_makemoney">
                            <div class="provinceearn_makemoney_Title" v-if="vip==false" >
                                少赚钱
                            </div>
                            <div class="provinceearn_makemoney_Title" v-else >
                                共赚钱
                            </div>
                            <div class="provinceearn_makemoney_SubTitle" >
                                {{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 class="div_upgradeprogress_title" >
                            升级进度
                        </div>
                        <div class="div_upgradeprogress_desc" >
                            免费升级 阶梯成长 权益倍增
                        </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 class="div_upgradeprogress_small_bg" >
                            <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 class="div_upgradeprogress_small_bg" >
                            <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 class="div_upgradeprogress_small_bg" >
                            <div class="div_upgradeprogress_small" :style="{'width':finishFansProgress}">
                            </div>
                        </div>
                    </div>
                    <div class="div_progress_condition" >
                        <div class="div_horn" >
                            <img src="./img/icon_horn.png" >
                        </div>
                        <div class="progress_condition" >
                            以上三种条件在任意一种满足即可自动升级为【{{progress.nextLevelProgress}}】
                        </div>
                    </div>
                    <div class="progress_condition_desc" >
                        1.返利/分享订单、直接/间接粉丝都是从注册板栗快省日起开始统计;<br>
                        2.实付款≥1元的订单为有效可被统计订单;<br>
                        3.至少产生过1笔分享或返利订单的粉丝为有效可被统计粉丝(退款为失效);
                    </div>
                </div>
            </div>
            <!-- 会员权益 -->
            <div class="div_quanyi_headerbg">
                <div class="quanyi_headerbg_bg" >
                    <div class="quanyi_headerbg_title" >
                        会员阶段权益
                    </div>
                    <div class="quanyi_headerbg_desc" >
                        升级成超级会员 赚省权益享不停
                    </div>
                </div>
                <div class="div_quanyi_title" >
                    <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 class="invite_friend_title_bg" >
                    <div >邀请好友</div>
                </div>
                <div>
                    <div class="invite_content_bg" >
                        <img src="img/icon_miandan.png" >
                        <div class="invite_text_bg" >
                            <div class="invite_text_title" >
                                赠送免单券
                            </div>
                            <div class="invite_text_desc" >
                                让好友可以免单
                            </div>
                        </div>
                        <div @click="invite(0)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
                <div>
                    <div class="invite_content_bg" >
                        <img src="img/icon_fanli_.png" >
                        <div class="invite_text_bg" >
                            <div class="invite_text_title" >
                                返利奖励券
                            </div>
                            <div class="invite_text_desc" >
                                让好友返利订单,返利再返30%以上
                            </div>
                        </div>
                        <div @click="invite(1)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
                <div>
                    <div class="invite_content_bg" >
                        <img src="img/icon_hongbao.png" >
                        <div class="invite_text_bg" >
                            <div class="invite_text_title" >
                                红包
                            </div>
                            <div class="invite_text_desc" >
                                让好友获得红包,可提现客购物
                            </div>
                        </div>
                        <div @click="invite(2)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
            </div>
            <!-- 赚省对比 -->
            <div class="div_makesave_contrast">
                <div class="makesave_contrast_head_bg" >
                    <div >赚省对比</div>
                </div>
                <div class="makesave_contrast_headdesc_bg" >
                    <p >赚省权益</p>
                    <p >快省达人</p>
                    <p >超级会员</p>
                </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">
                            ¥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 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">
                            ¥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 class="makesave_contrast_body_bg" >
                    <div class="makesave_contrast_body_title" >
                        <img src="img/icon_butie.png" >
                        <div >团队补贴</div>
                    </div>
                    <div class="makesave_contrast_butie_desc1" >
                        ---
                    </div>
                    <div class="makesave_contrast_butie_desc2" >
                        直接粉丝+¥22.5<br />
                        间接粉丝+¥7.5
                    </div>
                </div>
            </div>
            <!-- 常见问题 -->
            <div class="div_common_problem">
                <div class="div_common_problem_header" >
                    <div >常见问题</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" @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 class="div_banlilogo" >
            <img src="img/logo.png" >
            <div >板栗快省官方福利</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>
<!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">
                </div>
                <div class="div_name">{{user.nickName}}</div>
                <div class="div_viplogos"><img :src="user.viplogos"></div>
                <div class="div_contactmentor_upgrademember_bg">
                    <div class="div_contactmentor" @click="contactmentor">
                        联系导师
                    </div>
                    <div class="div_upgrademember" @click="upgrademember">
                        {{user.nextlevel}}
                    </div>
                </div>
            </div>
            <!-- 错过省赚 -->
            <div class="div_img_provinceearn">
                <img src="img/cut.png">
            </div>
            <div class="div_provinceearn">
                <div class="div_sehnzhuan">
                    <p v-if="vip==false">错过省赚</p>
                    <p v-else>赚省统计</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 class="provinceearn_savemoney_Title" v-if="vip==false">
                                少省钱
                            </div>
                            <div class="provinceearn_savemoney_Title" v-else>
                                共省钱
                            </div>
                            <div class="provinceearn_savemoney_SubTitle">
                                {{user.saveMoney}}
                            </div>
                        </div>
                        <div class="div_provinceearn_line">
                        </div>
                        <div class="div_provinceearn_makemoney">
                            <div class="provinceearn_makemoney_Title" v-if="vip==false">
                                少赚钱
                            </div>
                            <div class="provinceearn_makemoney_Title" v-else>
                                共赚钱
                            </div>
                            <div class="provinceearn_makemoney_SubTitle">
                                {{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 class="div_upgradeprogress_title">
                            升级进度
                        </div>
                        <div class="div_upgradeprogress_desc">
                            免费升级 阶梯成长 权益倍增
                        </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 class="div_upgradeprogress_small_bg">
                            <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 class="div_upgradeprogress_small_bg">
                            <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 class="div_upgradeprogress_small_bg">
                            <div class="div_upgradeprogress_small" :style="{'width':finishFansProgress}">
                            </div>
                        </div>
                    </div>
                    <div class="div_progress_condition">
                        <div class="div_horn">
                            <img src="./img/icon_horn.png">
                        </div>
                        <div class="progress_condition">
                            以上三种条件在任意一种满足即可自动升级为【{{progress.nextLevelProgress}}】
                        </div>
                    </div>
                    <div class="progress_condition_desc">
                        1.返利/分享订单、直接/间接粉丝都是从注册板栗快省日起开始统计;<br>
                        2.实付款≥1元的订单为有效可被统计订单;<br>
                        3.至少产生过1笔分享或返利订单的粉丝为有效可被统计粉丝(退款为失效);
                    </div>
                </div>
            </div>
            <!-- 会员权益 -->
            <div class="div_quanyi_headerbg">
                <div class="quanyi_headerbg_bg">
                    <div class="quanyi_headerbg_title">
                        会员阶段权益
                    </div>
                    <div class="quanyi_headerbg_desc">
                        升级成超级会员 赚省权益享不停
                    </div>
                </div>
                <div class="div_quanyi_title">
                    <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 class="invite_friend_title_bg">
                    <div>邀请好友</div>
                </div>
                <div>
                    <div class="invite_content_bg">
                        <img src="img/icon_miandan.png">
                        <div class="invite_text_bg">
                            <div class="invite_text_title">
                                赠送免单券
                            </div>
                            <div class="invite_text_desc">
                                让好友可以免单
                            </div>
                        </div>
                        <div @click="invite(0)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
                <div>
                    <div class="invite_content_bg">
                        <img src="img/icon_fanli_.png">
                        <div class="invite_text_bg">
                            <div class="invite_text_title">
                                返利奖励券
                            </div>
                            <div class="invite_text_desc">
                                让好友返利订单,返利再返30%以上
                            </div>
                        </div>
                        <div @click="invite(1)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
                <div>
                    <div class="invite_content_bg">
                        <img src="img/icon_hongbao.png">
                        <div class="invite_text_bg">
                            <div class="invite_text_title">
                                红包
                            </div>
                            <div class="invite_text_desc">
                                让好友获得红包,可提现客购物
                            </div>
                        </div>
                        <div @click="invite(2)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
            </div>
            <!-- 赚省对比 -->
            <div class="div_makesave_contrast">
                <div class="makesave_contrast_head_bg">
                    <div>赚省对比</div>
                </div>
                <div class="makesave_contrast_headdesc_bg">
                    <p>赚省权益</p>
                    <p>快省达人</p>
                    <p>超级会员</p>
                </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">
                            ¥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 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">
                            ¥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 class="makesave_contrast_body_bg">
                    <div class="makesave_contrast_body_title">
                        <img src="img/icon_butie.png">
                        <div>团队补贴</div>
                    </div>
                    <div class="makesave_contrast_butie_desc1">
                        ---
                    </div>
                    <div class="makesave_contrast_butie_desc2">
                        直接粉丝+¥22.5<br />
                        间接粉丝+¥7.5
                    </div>
                </div>
            </div>
            <!-- 常见问题 -->
            <div class="div_common_problem">
                <div class="div_common_problem_header">
                    <div>常见问题</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" @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 class="div_banlilogo">
            <img src="img/logo.png">
            <div>板栗快省官方福利</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;
                        }
                        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() {
                        var tempFinishShareOrder = null;
                        if (parseInt(this.progress.finishShareOrder) > parseInt(this.progress.totalShareOrder)) {
                            tempFinishShareOrder = this.progress.totalShareOrder;
                        } 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() {
                        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;
                        }
                        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'
                        }
                    }
                }
            });
            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: '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) {
                            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>