admin
2020-04-01 cd5052611c032c75e866e959247c9eb4715b3bed
新版超级会员+订单详情
1个文件已修改
1 文件已重命名
59个文件已添加
1 文件已复制
2241 ■■■■■ 已修改文件
AppInside/app20200114.js 13 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/convertLink/index.html 5 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/.DS_Store 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/css/style.css 270 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/img/vip_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/img/vip_senior.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/img/vip_super.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/img/绠ご.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/index.html 251 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/js/app20200227.js 21 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/orderDetail/js/script.js 11 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/.DS_Store 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/css/page.css 197 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/css/stylesheet.css 465 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/cut.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_actived.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_butie.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_close.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_fanli.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_fanli_.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_hongbao.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_horn.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_jiangjin.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_miandan.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_noActive.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_question.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_tearcher.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_tearcher_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_vip.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_vipPre1.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_vipPre2.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_vip_invalid.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/icon_vip_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/logo.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_all.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_becommentor_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_becommentor_select.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_fanlicoupon_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_fanlicoupon_select.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_insidy.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_invitefriend.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_jinbi_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_jinbi_select.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_jinbichange.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_mfcoupon.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_miandan_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_miandan_select.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_newmiandan.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_sharebonus.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_teamaward_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_teamaward_select.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_teambonus.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_teamsubsidy_normol.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_teamsubsidy_select.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_tixian.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_train.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_tutor.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_yongjin.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/qy_zhichi.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/test.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/img/top.png 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/vipNew/supvip.html 1008 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
AppInside/app20200114.js
File was renamed from AppInside/app20191220.js
@@ -319,6 +319,19 @@
        }, function() {
            yesApp.postApi('savePicture', url);
        });
    },
    //分享文本
    shareText: function(type, text) {
        var params = {
            type: type,
            text: text
        };
        yesApp.api(function() {
            yestv.shareText(type, text);
        }, function() {
            params.type = type;
            yesApp.postApi('shareText', params);
        });
    }
AppInside/convertLink/index.html
@@ -78,7 +78,7 @@
            .btn-help {
                width: 2.27rem;
                height: 0.76rem;
                display: none;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #FFFFFF;
@@ -206,8 +206,7 @@
                        不会转换?
                    </div>
<!--margin-left: 0.2rem; -->
                    <div class="btn-red" style="" @click="convert">
                    <div class="btn-red" style="margin-left: 0.2rem;" @click="convert">
                        转换成我的链接/口令
                    </div>
                </div>
AppInside/orderDetail/.DS_Store
Binary files differ
AppInside/orderDetail/css/style.css
New file
@@ -0,0 +1,270 @@
* {
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input {
    -webkit-user-select: auto;
}
a {
    text-decoration: none;
}
ul {
    list-style: none;
}
body {
    background-color: #F3F3F3;
}
.divBody {
    margin-top: 0.25rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    background-color: #FFFFFF;
    border-radius: 0.2rem;
}
.lsit li {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.3rem;
    display: flex;
}
.lsit img {
    width: auto;
    height: 1.8rem;
}
.lsit div {
    background-color: #F6F6F6;
}
.divTitle {
    width: 100%;
}
.title {
    color: #AAAAAA;
    font-size: 0.24rem;
    padding-top: 0.05rem;
    padding-left: 0.2rem;
    padding-right: 0.30rem;
    line-height: 0.3rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    height: 0.58rem;
}
.divRightContent1 {
    margin-top: 0.18rem;
    width: 100%;
    height: 0.22rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.actual_payment_desc {
    padding-left: 0.2rem;
    padding-top: 0;
    font-size: 0.22rem;
    color: #666666;
}
.actual_payment {
    font-size: 0.24rem;
    color: #E5005C;
    padding-right: 0.15rem;
}
.divRightContent2 {
    margin-top: 0.09rem;
    width: 100%;
    height: 0.22rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.rebate_ratio_desc {
    padding-left: 0.2rem;
    padding-top: 0;
    font-size: 0.22rem;
    color: #666666;
}
.rebate_ratio {
    font-size: 0.24rem;
    color: #E5005C;
    padding-right: 0.15rem;
}
.divRightContent3 {
    margin-top: 0.1rem;
    width: 100%;
    height: 0.23rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.divRightContent3_left {}
.estimated_rebate_desc {
    padding-left: 0.2rem;
    padding-top: 0;
    font-size: 0.22rem;
    color: #666666;
}
.divRightContent3_right {
    display: flex;
    display: -webkit-flex;
    flex-direction: row-reverse;
    align-items: center;
}
.estimated_rebate {
    font-size: 0.24rem;
    color: #E5005C;
    padding-right: 0.15rem;
}
.pSubsidy {
    color: #666666;
    font-size: 0.24rem;
    margin-right: 0.06rem;
    text-decoration: line-through;
}
.divTotalEstimatedMarginz {
    margin-top: 0.3rem;
    height: 0.28rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.divTotalEstimatedMarginz>p {
    color: #888888;
    font-size: 0.26rem;
    padding-left: 0.29rem;
}
.divTotalEstimatedMarginz>b {
    color: #E5005C;
    font-size: 0.36rem;
    padding-right: 0.36rem;
}
#divUpgradeNow {
    width: 100%;
    background-color: #FFF5F9;
    margin-top: 0.3rem;
    height: 0.6rem;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-tap-highlight-color: transparent;
}
.divGradeLeft {
    width: 50%;
    height: 0.6rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
}
.divGradeLeft>p {
    padding-left: 0.2rem;
    color: #E5005C;
    font-size: 0.24rem;
}
#imgVip {
    width: 1.44rem;
    height: 0.34rem;
    margin-left: 0.13rem;
}
.divGradeRight {
    width: 50%;
    height: 0.6rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: row-reverse;
    align-items: center;
}
.divGradeRight>img {
    width: 0.14rem;
    height: 0.24rem;
    margin-right: 0.18rem;
}
.divGradeRight>p {
    color: #E5005C;
    font-size: 0.24rem;
    margin-right: 0.09rem;
}
.divFooterBg {
    margin-top: 0.28rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    background-color: white;
    height: 3.08rem;
    border-radius: 0.2rem;
}
.divFooterBg>p {
    color: #333333;
    font-size: 0.24rem;
    margin-top: 0.37rem;
    margin-left: 0.26rem;
    line-height: 0.39rem;
    white-space: pre;
    display: inline-block;
}
#spanCustomerService {
    color: #0068DC;
    font-size: 0.24rem;
    /**取消点击背景色**/
    -webkit-tap-highlight-color: transparent;
    display: inline;
    margin-left: -1.4rem;
}
.divFooterTitle {
    height: 0.86rem;
    padding-left: 0.29rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    border-bottom: 0.01rem solid #e0e0e0;
}
.divFooterTitle>p {
    color: #333333;
    font-size: 0.34rem;
}
AppInside/orderDetail/img/vip_normol.png
AppInside/orderDetail/img/vip_senior.png
AppInside/orderDetail/img/vip_super.png
AppInside/orderDetail/img/箭头.png
AppInside/orderDetail/index.html
New file
@@ -0,0 +1,251 @@
<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/style.css" />
        <script type="text/javascript" src="js/script.js">
        </script>
    </head>
    <body>
        <div class="container">
            <tbody>
                <div class="divBody">
                    <div class="lsit">
                        <ul class="ulList">
                            <li>
                                <img class="imgHeader">
                                <div class="divRight">
                                    <div class="divTitle">
                                        <p class="title"></p>
                                    </div>
                                    <div class="divRightContent1">
                                        <p class="actual_payment_desc">实付款:</p>
                                        <p class="actual_payment">¥0.00</p>
                                    </div>
                                    <div class="divRightContent2">
                                        <p class="rebate_ratio_desc">返利比:</p>
                                        <p class="rebate_ratio">X0%</p>
                                    </div>
                                    <div class="divRightContent3">
                                        <div class="divRightContent3_left">
                                            <p class="estimated_rebate_desc">预估返利:</p>
                                        </div>
                                        <div class="divRightContent3_right">
                                            <p class="estimated_rebate">¥0.00<p>
                                                    <p class="pSubsidy">¥0.00</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="divTotalEstimatedMarginz">
                        <p>本订单总计预估返利</p>
                        <b id="bTotalFanLi">¥0.00</b>
                    </div>
                    <div id="divUpgradeNow">
                        <div class="divGradeLeft">
                            <p>立即升级</p>
                            <img id="imgVip" src="img/vip_normol.png">
                        </div>
                        <div class="divGradeRight">
                            <img src="img/箭头.png">
                            <p id="pUpperFanLi">¥0.00</p>
                        </div>
                    </div>
                    <div id="divPlaceholder" style="visibility: hidden; height: 0.2rem;">
                        placeholder
                    </div>
                </div>
            </tbody>
            <tfoot>
                <div class="divFooterBg">
                    <div class="divFooterTitle">
                        <p>温馨提示</p>
                    </div>
                    <p id="pPageDescribe">
                    </p>
                    <span id="spanCustomerService">人工客服</span>
                </div>
            </tfoot>
        </div>
    </body>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://img.flqapp.com/resource/js/app20200227.js"></script>
    <script>
        <!--人工客服-->
        $("#spanCustomerService").click(function() {
            yesApp.jumpWeb("http://apph5.banliapp.com/AppInside/kefu/index.html", null);
            listorder()
        });
    </script>
    <script>
        var host = "http://api.flqapp.com";
        $(function() {
            // 跳转链接
            var jumpLink = null;
            // 列表数据
            var listGoods = null;
            /*
            当前等级:daRen("快省达人"), normalVIP("普通会员"),
            highVIP( "高级会员"), superVIP("超级会员")
            */
            var userLevel = null;
            var uid = yesApp.getUid();
            var orderNo = getQueryString("orderNo");
            var sourceType = getQueryString("sourceType");
            // 立即升级
            var divUpgradeNow = $("#divUpgradeNow");
            var imgVip = $("#imgVip");
            var divPlaceholder = $("#divPlaceholder");
            if (orderNo == null || orderNo.length <= 0) {
                yesApp.toast("订单号为空");
                $('body').children('div').css("opacity","0");
                return;
            }
            if (sourceType == null || sourceType.length <= 0) {
                yesApp.toast("订单来源为空");
                $('body').children('div').css("opacity","0");
                return;
            }
            // 请求数据
            function fetchReBateInfo() {
                // yesApp.showLoading();
                var params = {s
                    uid: uid,
                    orderNo: orderNo,
                    sourceType: sourceType
                };
                params = yesApp.getRequestBaseParams(params);
                $.ajax({
                    type: "GET",
                    data: JSON.parse(params),
                    url: host + "/fanli/api/v2/user/order/getReBateInfo",
                    dataType: "jsonp",
                    async: true,
                    success: function(result) {
                        if (result.code == 0) {
                            userLevel = result.data.result.userLevel;
                            jumpLink = result.data.result.jumpLink;
                            listGoods = result.data.result.listGoods;
                            //var html = "<li>" + $(".lsit").eq(0).find("ul").eq(0).find("li").eq(0).html() + "</li>";
                            //$(".lsit").eq(0).find("ul").eq(0).empty();
                            //取到li层级保存
                            var html = "<li>" + $(".ulList").children("li").eq(0).html() + "</li>";
                            //清空li层级
                            $(".ulList").eq(0).empty();
                            for (var i = 0; i < listGoods.length; i++) {
                                //$(".lsit").eq(0).find("ul").append(html);
                                //追加元素
                                $(".ulList").append(html);
                                //var latest = $(".lsit").eq(0).find("ul").find("li").eq($(".lsit").eq(0).find("ul").find("li").length - 1);
                                var latest = $(".ulList").children("li").eq($(".ulList").children("li").length - 1);
                                var listGood = listGoods[i];
                                latest.find(".imgHeader").attr("src", listGood.picture);
                                latest.find(".title").text(listGood.title);
                                latest.find(".actual_payment").text(listGood.actualPay);
                                if (userLevel == 'daRen') {
                                    latest.find(".rebate_ratio").text(listGood.fanliRate);
                                    latest.find(".estimated_rebate").text(listGood.fanliExpect);
                                    latest.find(".pSubsidy").css({
                                        "opacity": "0"
                                    });
                                    latest.find(".estimated_rebate").css({
                                        "fontWeight": "bold"
                                    });
                                } else if (userLevel == 'normalVIP') {
                                    latest.find(".rebate_ratio_desc").text("佣金:");
                                    latest.find(".estimated_rebate_desc").text("平台补贴:");
                                    latest.find(".rebate_ratio").text(listGood.commision);
                                    latest.find(".estimated_rebate").text(listGood.subsidy);
                                    latest.find(".pSubsidy").text(listGood.actualPay);
                                    imgVip.attr("src", "img/vip_senior.png");
                                } else if (userLevel == 'highVIP') {
                                    latest.find(".rebate_ratio_desc").text("佣金:");
                                    latest.find(".estimated_rebate_desc").text("平台补贴:");
                                    latest.find(".rebate_ratio").text(listGood.commision);
                                    latest.find(".estimated_rebate").text(listGood.subsidy);
                                    latest.find(".pSubsidy").text(listGood.actualPay);
                                    imgVip.attr("src", "img/vip_super");
                                } else if (userLevel == 'superVIP') {
                                    latest.find(".rebate_ratio_desc").text("佣金:");
                                    latest.find(".estimated_rebate_desc").text("平台补贴:");
                                    latest.find(".rebate_ratio").text(listGood.commision);
                                    latest.find(".estimated_rebate").text(listGood.subsidy);
                                    latest.find(".pSubsidy").text(listGood.actualPay);
                                    divUpgradeNow.css({
                                        "opacity": "0",
                                        "height": "0"
                                    });
                                    divPlaceholder.css("height", "0");
                                }
                            }
                            setResult(result.data.result.totalFanLi, result.data.result.upperFanLi);
                            setState(userLevel);
                        } else {
                            yesApp.toast(result.msg);
                        }
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                        if (textStatus === 'timeout') {
                            alert('請求超時');
                            setTimeout(function() {
                                alert('重新请求');
                            }, 2000);
                        }
                    }
                });
            }
            fetchReBateInfo();
            function setResult(totalFanLi, upperFanLi) {
                $("#bTotalFanLi").text(totalFanLi);
                $("#pUpperFanLi").text(upperFanLi);
            };
            function setState(userLevel) {
                var pPageDescribe = $("#pPageDescribe");
                var spanCustomerService = $("#spanCustomerService");
                if (userLevel == 'daRen') {
                    pPageDescribe.text(
                        "1.每个商品的返利比和商品详情页所展示的一致;\n2.快省达人在满足条件后系统将会自动升级为普通会员;\n3.普通会员的返利比要高于快省达人;\n4.如果你对预估返利或奖金仍有异议,请联系"
                    );
                    spanCustomerService.css("marginLeft", "-1.4rem");
                } else {
                    pPageDescribe.text(
                        "1.普通会员在满足条件后系统将会自动升级为高级会员;\n2.高级会员的返利比要高于快省达人;\n3.高级会员在满足条件后需要手动申请为超级会员并人工审核;\n4.如果你对预估返利或奖金仍有异议,请联系"
                    );
                    spanCustomerService.css("marginLeft", "-2.1rem");
                }
            };
            $("#divUpgradeNow").on('click', function() {
                if (jumpLink == null || jumpLink.length <= 0) {
                    yesApp.toast('未设置链接');
                    return;
                }
                yesApp.jumpWeb(jumpLink, null);
            });
        });
    </script>
</html>
AppInside/orderDetail/js/app20200227.js
copy from AppInside/app20191220.js copy to AppInside/orderDetail/js/app20200227.js
File was copied from AppInside/app20191220.js
@@ -319,6 +319,27 @@
        }, function() {
            yesApp.postApi('savePicture', url);
        });
    },
    //分享文本
    shareText: function(type, text) {
        var params = {
            type: type,
            text: text
        };
        yesApp.api(function() {
            yestv.shareText(type, text);
        }, function() {
            params.type = type;
            yesApp.postApi('shareText', params);
        });
    },
    //清除粘贴板
    clearClipboard: function() {
        yesApp.api(function() {
            yestv.clearClipboard();
        }, function() {
            yesApp.postApi('clearClipboard', null);
        });
    }
AppInside/orderDetail/js/script.js
New file
@@ -0,0 +1,11 @@
window.onresize = function() {
    document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
};
window.onresize();
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}
AppInside/vipNew/.DS_Store
Binary files differ
AppInside/vipNew/css/page.css
New file
@@ -0,0 +1,197 @@
body {
    padding: 0;
    margin: 0;
    font-family: Microsoft YaHei;
    background: #F4E2D0;
    /* 不允许复制 */
    -moz-user-select: none;
    /* Firefox私有属性 */
    -webkit-user-select: none;
    /* WebKit内核私有属性 */
    -ms-user-select: none;
    /* IE私有属性(IE10及以后) */
    -khtml-user-select: none;
    /* KHTML内核私有属性 */
    -o-user-select: none;
    /* Opera私有属性 */
    user-select: none;
    /* CSS3属性 */
    /* IOS点击阴影 */
    -webkit-tap-highlight-color: transparent;
}
.btn {
    background: #E5005C;
    border-radius: 0.78rem;
    height: 0.78rem;
    font-size: 0.3rem;
    line-height: 0.78rem;
    border: none;
    color: #FFFFFF;
    text-align: center;
    width: 6rem;
}
.quanyi-title {
    color: #F4E2D0;
    font-size: 0.3rem;
}
.quanyi {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 2.5rem;
    margin-top: 0.2rem;
}
.quanyi .title {
    color: #F4E2D0;
    font-size: 0.3rem;
    margin-top: 0.1rem;
}
.quanyi .subtitle {
    color: #F4E2D0;
    font-size: 0.24rem;
    margin-top: 1px;
}
.money-statistic {
    color: #4e2e00;
    font-size: 0.24rem;
    background: #F2CE91;
    border-radius: 0.2rem;
    padding: 0.1rem;
    margin: 0.2rem 0.4rem;
    font-weight: 400;
}
.money-statistic .money {
    font-size: 0.34rem;
    margin-top: 0.05rem;
}
.tab {
    background: #FFFFFF;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}
.tab .title {
    font-size: 0.34rem;
    font-weight: bold;
    text-align: center;
    height: 1rem;
    line-height: 1rem;
}
.tab .content {
    padding: 0.2rem;
    color: #000000;
    font-size: 0.24rem;
}
.tab .content .odd {
    background: #FFF8F1;
}
.tab .content .item {
    padding: 0.2rem;
    color: #666666;
    font-size: 0.3rem;
}
.tab .cut {
    width: 100%;
    background: #E0E0E0;
    height: 1px;
}
.hongBao-detail {
    display: flex;
    /* margin-bottom: 1px; */
    padding: 0.14rem;
    height: 1.41rem;
    box-sizing: border-box;
    align-items: center;
    position: relative;
    font-size: 0;
    background: #FFFFFF;
}
.hongBao-detail img {
    width: 1.14rem;
    height: 1.14rem;
    box-sizing: border-box;
    border-radius: 0.2rem;
}
.hongBao-detail .content {
    color: #666666;
    font-size: 0.24rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 0.2rem;
    height: 100%;
    width: auto;
    padding: 0.4rem 0.2rem;
}
.hongBao-detail .btn-container {
    position: absolute;
    top: 0;
    right: 0.1rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.33rem;
}
.hongBao-detail .btn {
    color: #E5005C;
    font-size: 0.26rem;
    border: 1px solid #E5005C;
    height: 0.6rem;
    /* line-height: 0.6rem; */
    background: #FFFFFF;
    font-weight: bold;
    width: 1.33rem !important;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.process {
    width: 1rem;
    height: 100%;
    background: rgba(255, 255, 13, 1);
    box-shadow: inset 0px -0.06rem 0.07rem 0 rgba(240, 81, 10, 0.75);
    border-radius: 0.2rem;
    -webkit-box-shadow: inset 0px -0.06rem 0.07rem 0 rgba(240, 81, 10, 0.75);
    font-size: 0.2rem;
    line-height: 0.28rem;
}
.process_bg {
    width: 6.5rem;
    height: 0.25rem;
    background: rgba(212, 0, 85, 1);
    box-shadow: inset 0 0.09rem 0.16rem 0 rgba(200, 8, 23, 1);
    border-radius: 0.5rem;
    padding: 0.02rem;
    margin: 0 auto;
    margin-bottom: 0.35rem;
    margin-top: 0.1rem;
    position: relative;
    font-size: 0.2rem;
}
AppInside/vipNew/css/stylesheet.css
New file
@@ -0,0 +1,465 @@
* {
    margin: 0;
    top: 0;
/* 不允许复制 */
    -moz-user-select: none;
    /* Firefox私有属性 */
    -webkit-user-select: none;
    /* WebKit内核私有属性 */
    -ms-user-select: none;
    /* IE私有属性(IE10及以后) */
    -khtml-user-select: none;
    /* KHTML内核私有属性 */
    -o-user-select: none;
    /* Opera私有属性 */
    user-select: none;
    /* CSS3属性 */
    /* IOS点击阴影 */
    -webkit-tap-highlight-color: transparent;
}
body {
    background-color: #F4E2D0;
}
.div_topbg {
    background-image: url(../img/top.png);
    background-size: 100% 100%;
    width: 100%;
    height: 3.8rem;
}
.div_rule {
    position: absolute;
    right: 0.34rem;
    top: 0.37rem;
    border: 0.01rem solid;
    border-radius: 0.17rem;
    border-color: 0x573A0F;
    font-size: 0.18rem;
    color: 0x333333;
    width: 1.08rem;
    height: 0.34rem;
    /*设置为flex布局*/
    display: flex;
    /*水平居中*/
    justify-content: center;
    /*垂直居中*/
    align-items: center;
}
.div_img_header {
    position: absolute;
    left: 0.63rem;
    top: 0.74rem;
    width: 1.24rem;
    height: 1.24rem;
    padding: 0.02rem
}
.div_name {
    width: 5.2rem;
    font-size: 0.3rem;
    color: #4E2E00;
    position: absolute;
    left: 2.19rem;
    top: 0.75rem
}
.div_img_provinceearn {
    width: 100%;
    margin-top: -0.6rem;
}
.div_img_provinceearn img {
    width: 100%;
    height: 0.8rem;
    margin: 0
}
.div_provinceearn {
    background-color: #151313;
    width: 100%;
    height: 2.4rem;
    margin-top: -0.26rem;
    display: flex;
    flex-direction: column;
    align-items: center
}
.div_provinceearn_yellowbg {
    background-color: #F2CE91;
    width: 6.7rem;
    height: 1.46rem;
    margin-top: 0.2rem;
    border-radius: 0.2rem
}
.div_provinceearn_title {
    /* background-color:  red; */
    color: #4e2e00;
    font-size: 0.24rem;
    height: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.div_provinceearn_botom {
    height: 1.06rem;
    /*设置为flex布局*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.div_provinceearn_savemoney {
    width: 49.5%;
    height: 100%;
}
.div_provinceearn_line {
    background-color: #4E2E00;
    width: 0.4%;
    height: 0.4rem;
    border-radius: 0.2rem;
}
.div_provinceearn_makemoney {
    width: 49.5%;
    height: 100%;
}
.div_upgradeprogress {
    background-color: #151313;
    width: 100%;
    height: 8.1rem;
}
.div_upgradeprogress_whitebg {
    background-color: #FFFFFF;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 7.6rem;
    border-radius: 0.2rem;
}
.div_upgradeprogress_top {
    height: 0.92rem;
    border-bottom: 0.01rem solid #e0e0e0;
    display: flex;
    flex-direction: column;
    align-items: center
}
.div_upgradeprogress_set {
    margin-top: 0.39rem;
    color: #333333;
    font-size: 0.24rem;
}
.div_upgradeprogress_small {
    height: 0.25rem;
    background-color: #FFE764;
    border-radius: 0.13rem
}
.div_quanyi_title {
    /* background-color:  red; */
}
.div_quanyi_actived {
    color: #F4E2D0;
    font-size: 0.26rem;
    width: 1.875rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
    padding-top: 0.13rem;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}
.div_quanyi_vipPre1 {
    color: #F4E2D0;
    font-size: 0.26rem;
    width: 1.875rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
    padding-top: 0.13rem;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}
.div_quanyi_vipPre2 {
    color: #F4E2D0;
    font-size: 0.26rem;
    width: 1.875rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
    padding-top: 0.13rem;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}
.div_quanyi_vip {
    color: #F4E2D0;
    font-size: 0.26rem;
    width: 1.875rem;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
    padding-top: 0.13rem;
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
}
.div_quanyi {
    /* margin-top: -0.01rem; */
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    background-color: #333333;
}
.div_items {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.46rem;
    width: 2.5rem;
}
.title {
    color: #F4E2D0;
    font-size: 0.3rem;
}
.subtitle {
    color: #F4E2D0;
    font-size: 0.24rem;
}
.div_invite_friend {
    margin-top: 0.35rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 6rem;
    border-radius: 0.2rem;
    background-color: #FFFFFF;
}
.div_invite_share {
    color: #E5005C;
    font-size: 0.26rem;
    width: 1.33rem;
    height: 0.6rem;
    margin-top: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.02rem solid #E5005C;
    border-radius: 0.3rem;
}
.div_makesave_contrast {
    margin-top: 0.2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 5.2rem;
    border-radius: 0.2rem;
    background-color: #FFFFFF;
}
.makesave_contrast_title {
    color: #333333;
    font-size: 0.26rem;
    margin-left: 0.05rem;
}
.makesave_contrast_desc {
    width: 35%;
    height: 0.9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.makesave_contrast_desc1 {
    color: #333333;
    font-size: 0.26rem;
    padding-top: 0.1rem;
}
.makesave_contrast_desc2 {
    color: #333333;
    font-size: 0.2rem;
    margin-top: -0.05rem;
}
.div_common_problem {
    margin-top: 0.22rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    background-color: #FFFFFF;
    height: 14.4rem;
    border-radius: 0.2rem;
}
.div_common_problem_selct {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.3rem;
    background-color: #FFF8F1;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    display: flex;
    align-items: center;
    color: #666666;
}
.div_common_problem_normol {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.3rem;
    background-color: #FFFFFF;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    display: flex;
    align-items: center;
    color: #666666;
}
.div_common_problem_normol_1 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.7rem;
    background-color: #FFFFFF;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    display: flex;
    align-items: center;
    color: #666666;
}
.div_common_problem_normol_2 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.7rem;
    background-color: #FFF8F1;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    display: flex;
    align-items: center;
    color: #666666;
}
.div_common_problem_normol_3 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    height: 1.8rem;
    background-color: #FFF8F1;
    font-size: 0.3rem;
    padding-left: 0.15rem;
    color: #666666;
}
.dialogmask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(1, 1, 1, 0.5);
    top: 0;
    left: 0;
    z-index: 1001;
}
.dialog {
    width: 5.60rem;
    min-height: 1rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    padding: 0.2rem;
    z-index: 1000;
    display: block;
    height: auto;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 4.3rem;
}
.dialog .title {
    font-size: 0.32rem;
    color: #010101;
    text-align: center;
    margin-top: 0.3rem;
    font-weight: bold;
}
.dialog .content {
    margin-top: 0.2rem;
    color: #333333;
    font-size: 0.3rem;
    margin-left: 0.25rem;
    margin-right: 0.15rem;
}
.dialog .div_NoviceStrategy {
    background-color: #E5005C;
    width: 2.3rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    font-size: 0.32rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    margin-left: 0.2rem;
}
.dialogbutton {
    display: flex;
    justify-content: space-between;
}
.dialog .div_NoviceStrategy {
    background-color: #E5005C;
    width: 2.4rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    font-size: 0.32rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    margin-left: 0.25rem;
}
.dialog .div_TutorWeChat {
    background-color: #E5005C;
    width: 2.4rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    font-size: 0.32rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    margin-right: 0.25rem;
}
AppInside/vipNew/img/cut.png
AppInside/vipNew/img/icon_actived.png
AppInside/vipNew/img/icon_butie.png
AppInside/vipNew/img/icon_close.png
AppInside/vipNew/img/icon_fanli.png
AppInside/vipNew/img/icon_fanli_.png
AppInside/vipNew/img/icon_hongbao.png
AppInside/vipNew/img/icon_horn.png
AppInside/vipNew/img/icon_jiangjin.png
AppInside/vipNew/img/icon_miandan.png
AppInside/vipNew/img/icon_noActive.png
AppInside/vipNew/img/icon_question.png
AppInside/vipNew/img/icon_tearcher.png
AppInside/vipNew/img/icon_tearcher_normol.png
AppInside/vipNew/img/icon_vip.png
AppInside/vipNew/img/icon_vipPre1.png
AppInside/vipNew/img/icon_vipPre2.png
AppInside/vipNew/img/icon_vip_invalid.png
AppInside/vipNew/img/icon_vip_normol.png
AppInside/vipNew/img/logo.png
AppInside/vipNew/img/qy_all.png
AppInside/vipNew/img/qy_becommentor_normol.png
AppInside/vipNew/img/qy_becommentor_select.png
AppInside/vipNew/img/qy_fanlicoupon_normol.png
AppInside/vipNew/img/qy_fanlicoupon_select.png
AppInside/vipNew/img/qy_insidy.png
AppInside/vipNew/img/qy_invitefriend.png
AppInside/vipNew/img/qy_jinbi_normol.png
AppInside/vipNew/img/qy_jinbi_select.png
AppInside/vipNew/img/qy_jinbichange.png
AppInside/vipNew/img/qy_mfcoupon.png
AppInside/vipNew/img/qy_miandan_normol.png
AppInside/vipNew/img/qy_miandan_select.png
AppInside/vipNew/img/qy_newmiandan.png
AppInside/vipNew/img/qy_sharebonus.png
AppInside/vipNew/img/qy_teamaward_normol.png
AppInside/vipNew/img/qy_teamaward_select.png
AppInside/vipNew/img/qy_teambonus.png
AppInside/vipNew/img/qy_teamsubsidy_normol.png
AppInside/vipNew/img/qy_teamsubsidy_select.png
AppInside/vipNew/img/qy_tixian.png
AppInside/vipNew/img/qy_train.png
AppInside/vipNew/img/qy_tutor.png
AppInside/vipNew/img/qy_yongjin.png
AppInside/vipNew/img/qy_zhichi.png
AppInside/vipNew/img/test.png
AppInside/vipNew/img/top.png
AppInside/vipNew/supvip.html
New file
@@ -0,0 +1,1008 @@
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>升级会员</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link rel="stylesheet" type="text/css" href="./css/stylesheet.css" />
        <script>
            window.onresize = function() {
                document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
            };
            window.onresize();
        </script>
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
    </head>
    <body>
        <div id="root" style="display: none;">
            <div class="div_topbg">
                <div @click="touchRuleLink" class="div_rule">升级规则</div>
                <div class="div_img_header">
                    <img :src="user.portrait" style="width:1.22rem;height: 1.22rem;border-radius: 1rem;">
                </div>
                <div class="div_name"> {{user.nickName}}</div>
                <div id="" style="scr width: 1.44rem; height: 0.34rem; display: flex;align-items: center;position: absolute; left: 2.19rem; top: 1.1rem;">
                    <img :src="user.viplogos" style="width: 1.44rem; height: 0.34rem; margin-top: 0.3rem;">
                </div>
                <div style="width: 100%; height: 0.78rem; position: absolute; top: 2.31rem; display: flex;justify-content: space-between;">
                    <div @click="contactmentor" style="background-color: #E5005B; font-size: 0.3rem;
                    width: 2.62rem; height: 0.78rem; display: flex; justify-content: center; align-items: center;border-radius: 0.39rem;
                    color: white; margin-left: 0.5rem;">
                        联系导师
                    </div>
                    <div @click="upgrademember" style="background-color: #E5005B; font-size: 0.3rem;
                    width: 3.7rem; height: 0.78rem; display: flex; justify-content: center; align-items: center;border-radius: 0.39rem;
                    color: white; margin-right: 0.46rem;">
                        {{user.nextlevel}}
                    </div>
                </div>
            </div>
            <!-- 错过省赚 -->
            <div class="div_img_provinceearn">
                <img src="img/cut.png">
            </div>
            <div class="div_provinceearn">
                <div style=" height: 0.3rem;margin-top: -0.05rem;">
                    <p v-if="vip==false" style="color: #F4E2D0; font-size: 0.3rem; margin-top: -0.05rem;">错过省赚</p>
                    <p v-else style="color: #F4E2D0; font-size: 0.3rem; margin-top: -0.05rem;">赚省统计</p>
                </div>
                <div class="div_provinceearn_yellowbg">
                    <div v-if="vip==false" class="div_provinceearn_title">未升级超级会员</div>
                    <div v-else class="div_provinceearn_title">您已经是超级会员</div>
                    <div class="div_provinceearn_botom">
                        <div class="div_provinceearn_savemoney">
                            <div v-if="vip==false" style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
                                少省钱
                            </div>
                            <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
                                共省钱
                            </div>
                            <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;">
                                {{user.saveMoney}}
                            </div>
                        </div>
                        <div class="div_provinceearn_line">
                        </div>
                        <div class="div_provinceearn_makemoney">
                            <div v-if="vip==false" style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
                                少赚钱
                            </div>
                            <div v-else style="color: #4E2E00; font-size: 0.24rem; margin-top:0.1rem;display: flex;justify-content: center;">
                                共赚钱
                            </div>
                            <div style="color: #4E2E00; font-size: 0.34rem; display: flex;justify-content: center;">
                                {{user.earnMoney}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 升级进度 -->
            <div class="div_upgradeprogress" v-if="show">
                <div class="div_upgradeprogress_whitebg">
                    <div class="div_upgradeprogress_top">
                        <div style="color: #333333;font-size: 0.34rem; margin-top: 0.12rem">
                            升级进度
                        </div>
                        <div style="color: #999999;font-size: 0.18rem; margin-top: -0.05rem;">
                            免费升级 阶梯成长 权益倍增
                        </div>
                    </div>
                    <div>
                        <div class="" style="display: flex; justify-content: space-between;">
                            <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
                                返利订单:
                            </div>
                            <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
                                {{progress.finishFanliOrder}}/{{progress.totalFanliOrder}}笔
                            </div>
                        </div>
                        <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
                            <div class="div_upgradeprogress_small" :style="{'width':finishFanliOrderProgress}">
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="" style="display: flex; justify-content: space-between;">
                            <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
                                分享订单:
                            </div>
                            <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
                                {{progress.finishShareOrder}}/{{progress.totalShareOrder}}笔
                            </div>
                        </div>
                        <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
                            <div class="div_upgradeprogress_small" :style="{'width':finishShareOrderProgress}">
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="" style="display: flex; justify-content: space-between;">
                            <div class="div_upgradeprogress_set" style="margin-left: 0.62rem;">
                                直接+间接粉丝:
                            </div>
                            <div class="div_upgradeprogress_set" style="margin-right: 0.62rem;">
                                {{progress.finishDirectFans}}+{{progress.finishInDirectFans}}/{{progress.totalDirectFans}}+{{progress.totalInDirectFans}}人
                            </div>
                        </div>
                        <div style="background-color: #E5005C; margin-left: 0.63rem; margin-top: 0.08rem; margin-right: 0.63rem; height: 0.31rem; border-radius: 0.15rem; padding-left: 0.04rem;display: flex; align-items: center;">
                            <div class="div_upgradeprogress_small" :style="{'width':finishFansProgress}">
                            </div>
                        </div>
                    </div>
                    <div style="display: flex; align-items: center; height: 0.28rem; margin-top: 0.55rem;margin-left: 0.69rem;">
                        <div style=" display: flex; align-items: center;">
                            <img src="./img/icon_horn.png" style="width: 0.32rem;height: 0.28rem;">
                        </div>
                        <div style="color: #E5005B; font-size: 0.2rem;margin-left: 0.13rem;">
                            以上三种条件在任意一种满足即可自动升级为【{{progress.nextLevelProgress}}】
                        </div>
                    </div>
                    <div style="color: #666666;font-size: 0.24rem; margin-left: 0.43rem;margin-top: 0.31rem;margin-right: 0.39rem;">
                        1.返利/分享订单、直接/间接粉丝都是从注册板栗快省日起开始统计;<br>
                        2.实付款≥1元的订单为有效可被统计订单;<br>
                        3.至少产生过1笔分享或返利订单的粉丝为有效可被统计粉丝(退款为失效);
                    </div>
                </div>
            </div>
            <!-- 会员权益 -->
            <div class="div_quanyi_headerbg">
                <div style="background-color: #151313; display: flex; flex-direction: column;align-items: center;">
                    <div style="color: #F4E2D0; font-size: 0.3rem;">
                        会员阶段权益
                    </div>
                    <div style="color: #F4E2D0; font-size: 0.18rem; margin-top: -0.06rem;">
                        升级成超级会员 赚省权益享不停
                    </div>
                </div>
                <div class="div_quanyi_title" style="background-color: #151313;height: 0.86rem;display: flex;justify-content: space-between;">
                    <div class="div_quanyi_actived" @click="clickactived" :style="bgColor.styleactived">
                        快省达人
                    </div>
                    <div class="div_quanyi_vipPre1" @click="clickvipPre1" :style="bgColor.stylevipPre1">
                        普通会员
                    </div>
                    <div class="div_quanyi_vipPre2" @click="clickvipPre2" :style="bgColor.stylevipPre2">
                        高级会员
                    </div>
                    <div class="div_quanyi_vip" @click="clickvip" :style="bgColor.stylevip">
                        超级会员
                    </div>
                </div>
            </div>
            <div class="div_quanyi">
                <div class="div_items" v-for="(item, index) in quanYiList">
                    <img v-bind:src="item.img" style="width:1.3rem;height: 1.29rem;">
                    <div class="title">
                        {{item.title}}
                    </div>
                    <div class="subtitle" v-html="item.subTitle">
                        {{item.subTitle}}
                    </div>
                </div>
            </div>
            <div style="height: 0.46rem; background-color: #333333;"></div>
            <!-- 邀请好友 -->
            <div class="div_invite_friend">
                <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
                    <div style="color: #333333; font-size: 0.34rem;">
                        邀请好友
                    </div>
                </div>
                <div>
                    <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
                        <img src="img/icon_miandan.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
                        <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
                            <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
                                赠送免单券
                            </div>
                            <div style="color: #999999; font-size: 0.24rem;">
                                让好友可以免单
                            </div>
                        </div>
                        <div @click="invite(0)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
                <div>
                    <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
                        <img src="img/icon_fanli_.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
                        <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
                            <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
                                返利奖励券
                            </div>
                            <div style="color: #999999; font-size: 0.24rem;">
                                让好友返利订单,返利再返30%以上
                            </div>
                        </div>
                        <div @click="invite(1)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
                <div>
                    <div style="height: 1.4rem; display: flex; padding-top: 0.2rem;">
                        <img src="img/icon_hongbao.png" style="width: 1.14rem;height: 1.14rem; margin-top: 0.13rem; margin-left: 0.35rem;">
                        <div style="width: 3.65rem; height: 1.4rem; margin-left: 0.24rem;">
                            <div style="color: #666666; font-size: 0.24rem; padding-top: 0.16rem;">
                                红包
                            </div>
                            <div style="color: #999999; font-size: 0.24rem;">
                                让好友获得红包,可提现客购物
                            </div>
                        </div>
                        <div @click="invite(2)" class="div_invite_share">
                            去邀请
                        </div>
                    </div>
                </div>
            </div>
            <!-- 赚省对比 -->
            <div class="div_makesave_contrast">
                <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
                    <div style="color: #333333; font-size: 0.34rem;">
                        赚省对比
                    </div>
                </div>
                <div style="background-color: #FFF8F1;height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;justify-content: space-between;align-items:  center;">
                    <p style="color: #666666;font-size: 0.24rem; padding-left: 0.46rem;">赚省权益</p>
                    <p style="color: #666666;font-size: 0.24rem;">快省达人</p>
                    <p style="color: #666666;font-size: 0.24rem; padding-right: 0.52rem;">超级会员</p>
                </div>
                <div style="height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items:  center;">
                    <div style=" display: flex; align-items: center; width: 35%;">
                        <img src="img/icon_fanli.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
                        <div class="makesave_contrast_title">
                            自购返利
                        </div>
                    </div>
                    <div class="makesave_contrast_desc">
                        <div class="makesave_contrast_desc1">
                            ¥100+¥52.5
                        </div>
                        <div class="makesave_contrast_desc2">
                            佣金+平台补贴
                        </div>
                    </div>
                    <div class="makesave_contrast_desc">
                        <div class="makesave_contrast_desc1">
                            ¥100+¥115
                        </div>
                        <div class="makesave_contrast_desc2">
                            佣金+平台补贴
                        </div>
                    </div>
                </div>
                <div style="background-color: #FFF8F1; height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items: center;">
                    <div style=" display: flex; align-items: center; width: 35%;">
                        <img src="img/icon_jiangjin.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
                        <div class="makesave_contrast_title">
                            分享奖金
                        </div>
                    </div>
                    <div class="makesave_contrast_desc">
                        <div class="makesave_contrast_desc1">
                            ¥100+¥52.5
                        </div>
                        <div class="makesave_contrast_desc2">
                            佣金+平台补贴
                        </div>
                    </div>
                    <div class="makesave_contrast_desc">
                        <div class="makesave_contrast_desc1">
                            ¥100+¥115
                        </div>
                        <div class="makesave_contrast_desc2">
                            佣金+平台补贴
                        </div>
                    </div>
                </div>
                <div style="height: 0.9rem;margin-top: 0.14rem;margin-left: 0.2rem;margin-right: 0.2rem; display: flex;align-items:  center;">
                    <div style=" display: flex; align-items: center; width: 35%;">
                        <img src="img/icon_butie.png" style="width: 0.5rem;height: 0.5rem; padding-left: 0.13rem;">
                        <div class="makesave_contrast_title">
                            团队补贴
                        </div>
                    </div>
                    <div style="color: #333333;font-size:0.26rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;">
                        ---
                    </div>
                    <div style="color: #333333;font-size:0.2rem ; width: 35%;height: 0.9rem;display: flex;align-items: center;justify-content: center;">
                        直接粉丝+¥22.5<br />
                        间接粉丝+¥7.5
                    </div>
                </div>
            </div>
            <!-- 常见问题 -->
            <div class="div_common_problem">
                <div style="height: 0.92rem;border-bottom: 0.01rem solid #e0e0e0; display: flex; align-items: center;justify-content: center;">
                    <div style="color: #333333; font-size: 0.34rem;">
                        常见问题
                    </div>
                </div>
                <div style="height: 0.08rem;"></div>
                <div class="div_common_problem_selct">
                    Q:返利真的高?<br />
                    A:全网稍微对比研究一下就知道咯~
                </div>
                <div class="div_common_problem_normol">
                    Q:30张奖励券怎么用?<br />
                    A:奖励券是邀请利器哦,助力你邀请好友
                </div>
                <div class="div_common_problem_selct">
                    Q:团队补贴只有进入超级会员V1阶段后才有?<br />
                    A:是的!
                </div>
                <div class="div_common_problem_normol">
                    Q:成为超级会员三个条件都要满足吗?<br />
                    A:不是,仅需满足其中一个条件即可。
                </div>
                <div class="div_common_problem_selct">
                    Q:达到超级会员V1阶段会自动升级权益吗?<br />
                    A:会,满足V1、V2系统自动升级到对应权益。
                </div>
                <div class="div_common_problem_normol_1">
                    Q:达到超级会员V3阶段会自动升级权益吗?<br />
                    A:不会,需要手动申请审核通过后成为超级会员。
                </div>
                <div class="div_common_problem_normol_2">
                    Q:只有自己成为超级会员后才可以培养超级会员
                    吗?<br />
                    A:是的。
                </div>
                <div class="div_common_problem_normol">
                    Q:我不会培养超级会员怎么办?<br />
                    A:不用担心,在我的-导师微信与其取得联系。
                </div>
                <div class="div_common_problem_normol_3">
                    <div style="height: 1.0E-5rem;">
                    </div>
                    <div style="margin-top: 0.22rem;">
                        Q:还有超级会员相关问题?<br />
                        A:请查看本页顶部超级会员相关规则,或<a href="javascript:void()" style="text-decoration: none;" @click="kefu">人工<br>客服</a>
                    </div>
                </div>
            </div>
            <!--弹框 -->
            <div class="dialogmask">
                <div class="dialog">
                    <img src="img/icon_close.png" style="height:0.5rem;right: 0.2rem;top:0.2rem;position: absolute;" @click="hiddenDialog()">
                    <div class="title">hi,{{user.nickName}}</div>
                    <div class="content">{{tearcherTip}}</div>
                    <div class="dialogbutton">
                        <div class="div_NoviceStrategy" @click="noviceStrategy">
                            新手攻略
                        </div>
                        <div class="div_TutorWeChat" @click="tutorWeChat">
                            复制导师微信
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <tfoot>
        <div style="margin-top: 0.43rem;margin-bottom: 0.8rem;display:flex; justify-content: center;">
            <img src="img/logo.png" style="width: 0.46rem;height: 0.45rem;">
            <div style="color: #D43002; font-size: 0.3rem; margin-left: 0.12rem;">
                板栗快省官方福利
            </div>
        </div>
    </tfoot>
    <script type="text/javascript">
        $(function() {
            var host = "http://api.flqapp.com";
            var app = new Vue({
                el: "#root",
                data: {
                    show: true,
                    vip: false,
                    ruleLink: '',
                    level: '',
                    tearcherTip: '',
                    tearcherWX: '',
                    newerGongLue: '',
                    user: {
                        nickName: '',
                        savemoneytitle: '',
                        makemoneytitle: '',
                        saveMoney: '¥0',
                        earnMoney: '¥0',
                        viplogos: '',
                        nextlevel: ''
                    },
                    progress: {
                        finishFanliOrder: '',
                        totalFanliOrder: '',
                        finishShareOrder: '',
                        totalShareOrder: '',
                        finishDirectFans: '',
                        finishInDirectFans: '',
                        totalDirectFans: '',
                        totalInDirectFans: '',
                        nextLevelProgress: ''
                    },
                    master: {
                        platformSubsidy: '',
                        school: '',
                        teamSubsidy: '',
                        teamReward: ''
                    },
                    vip1: {
                        platformSubsidy: '',
                        school: '',
                        teamSubsidy: '',
                        teamReward: ''
                    },
                    vip2: {
                        platformSubsidy: '',
                        school: '',
                        teamSubsidy: '',
                        teamReward: ''
                    },
                    vip3: {
                        platformSubsidy: '',
                        school: '',
                        teamSubsidy: '',
                        teamReward: ''
                    },
                    quanYiList: [{
                        img: 'img/qy_mfcoupon.png',
                        title: '免费领券',
                        subTitle: '独家隐藏优惠券',
                    }, {
                        img: 'img/qy_yongjin.png',
                        title: '商品佣金',
                        subTitle: '购物下单立即返佣',
                    }, {
                        img: 'img/qy_insidy.png',
                        title: '平台补贴',
                        subTitle: '补贴返佣115%',
                    }, {
                        img: 'img/qy_sharebonus.png',
                        title: '分享奖金',
                        subTitle: '好友领券官方奖金',
                    }, {
                        img: 'img/qy_teambonus.png',
                        title: '团队奖金',
                        subTitle: '好友下单官方奖金',
                    }, {
                        img: 'img/qy_tixian.png',
                        title: '提现无忧',
                        subTitle: '无门槛准时达',
                    }, {
                        img: 'img/qy_newmiandan.png',
                        title: '新人免单',
                        subTitle: '0元购买还有返利',
                    }, {
                        img: 'img/qy_invitefriend.png',
                        title: '邀请好友',
                        subTitle: '赚40元现金红包',
                    }, {
                        img: 'img/qy_tutor.png',
                        title: '专属导师',
                        subTitle: '跟着大牛学赚省',
                    }, {
                        img: 'img/qy_jinbichange.png',
                        title: '金币兑换',
                        subTitle: '惊喜不停海量奖品',
                    }, {
                        img: 'img/qy_train.png',
                        title: '赚省培训',
                        subTitle: '板栗学院[超级班]',
                    }, {
                        img: 'img/qy_zhichi.png',
                        title: '物料支持',
                        subTitle: '推广文案运营物料',
                    }, {
                        img: 'img/qy_teamsubsidy_normol.png',
                        title: '团队补贴',
                        subTitle: '会员专属最高22.5%',
                    }, {
                        img: 'img/qy_jinbi_normol.png',
                        title: '赠送金币',
                        subTitle: '系统赠送3000枚',
                    }, {
                        img: 'img/qy_fanlicoupon_normol.png',
                        title: '返利奖励券',
                        subTitle: '系统赠送30张',
                    }, {
                        img: 'img/qy_teamaward_normol.png',
                        title: '团队奖励',
                        subTitle: '最高40%',
                    }, {
                        img: 'img/qy_miandan_normol.png',
                        title: '赠送免单券',
                        subTitle: '系统赠送5张',
                    }, {
                        img: 'img/qy_becommentor_normol.png',
                        title: '成为导师',
                        subTitle: '获导师内邀名额',
                    }],
                    bgColor: {
                        styleactived: {
                            backgroundColor: ''
                        },
                        stylevipPre1: {
                            backgroundColor: ''
                        },
                        stylevipPre2: {
                            backgroundColor: ''
                        },
                        stylevip: {
                            backgroundColor: ''
                        }
                    }
                },
                watch: {
                    user: function(val) {
                        $("#root").css("display", "block");
                        yesApp.hideLoading();
                    }
                },
                methods: {
                    contactmentor: function() {
                        this.showDialog();
                    },
                    upgrademember: function() {
                        if (this.level == 'actived') {
                            yesApp.toast('暂未满足升级条件')
                        } else if (this.level == 'vipPre1') {
                            yesApp.toast('暂未满足升级条件')
                        } else if (this.level == 'vipPre2') {
                            applyVip()
                        } else if (this.level == 'vipApply') {
                        } else if (this.level == 'vip') {
                        } else if (this.level == 'tearcherApply') {
                        } else if (this.level == 'tearcher') {
                        } else {
                        }
                    },
                    kefu: function() {
                        yesApp.jumpWeb("http://apph5.banliapp.com/AppInside/kefu/index.html", null);
                    },
                    touchRuleLink: function() {
                        if (this.ruleLink.length == 0 || this.ruleLink.length == null) {
                            yesApp.toast('未设置链接');
                            return;
                        }
                        yesApp.jumpWeb(this.ruleLink, null);
                    },
                    invite: function(type) {
                        if (type == 0 || type == 1) {
                            app.jumpFuLiCenter();
                        } else {
                            app.jumpHongBaoBalance();
                        }
                    },
                    jumpFuLiCenter: function() { //福利中心
                        yesApp.jumpPage({
                            activity: 'com.yeshi.ec.rebate.myapplication.ui.mine.WelfareCenterActivity',
                            controller: 'WelfareCenterController'
                        }, {});
                    },
                    jumpHongBaoBalance: function() { //红包余额
                        yesApp.jumpPage({
                            activity: 'com.yeshi.ec.rebate.myapplication.ui.mine.PromotionRedenvelopeActivity',
                            controller: 'RedEnvelopeController'
                        }, {});
                    },
                    showDialog: function() {
                        $('.dialogmask').css('display', 'block')
                    },
                    hiddenDialog: function() {
                        $('.dialogmask').css('display', 'none')
                    },
                    noviceStrategy: function() {
                        yesApp.jumpWeb(this.newerGongLue,null)
                    },
                    tutorWeChat: function() {
                        yesApp.copyText(app.tearcherWX + '')
                        yesApp.toast('复制成功')
                        this.hiddenDialog();
                    },
                    clickactived: function() {
                        var bgColor = this.bgColor;
                        var qylist = this.quanYiList;
                        bgColor.styleactived.backgroundColor = '#333333';
                        bgColor.stylevipPre1.backgroundColor = '#151313';
                        bgColor.stylevipPre2.backgroundColor = '#151313';
                        bgColor.stylevip.backgroundColor = '#151313';
                        qylist[12].img = 'img/qy_teamsubsidy_normol.png';
                        qylist[13].img = 'img/qy_jinbi_normol.png';
                        qylist[14].img = 'img/qy_fanlicoupon_normol.png';
                        qylist[15].img = 'img/qy_teamaward_normol.png';
                        qylist[16].img = 'img/qy_miandan_normol.png';
                        qylist[17].img = 'img/qy_becommentor_normol.png';
                        qylist[2].subTitle = this.master.platformSubsidy;
                        qylist[10].subTitle = this.master.school;
                        qylist[12].subTitle = this.master.teamSubsidy;
                        qylist[15].subTitle = this.master.teamReward;
                        app.bgColor = bgColor;
                        app.quanYiList = qylist
                    },
                    clickvipPre1: function() {
                        var bgColor = app.bgColor;
                        var qylist = app.quanYiList;
                        bgColor.styleactived.backgroundColor = '#151313';
                        bgColor.stylevipPre1.backgroundColor = '#333333';
                        bgColor.stylevipPre2.backgroundColor = '#151313';
                        bgColor.stylevip.backgroundColor = '#151313';
                        qylist[12].img = 'img/qy_teamsubsidy_select.png';
                        qylist[13].img = 'img/qy_jinbi_select.png';
                        qylist[14].img = 'img/qy_fanlicoupon_normol.png';
                        qylist[15].img = 'img/qy_teamaward_normol.png';
                        qylist[16].img = 'img/qy_miandan_normol.png';
                        qylist[17].img = 'img/qy_becommentor_normol.png';
                        qylist[2].subTitle = this.vip1.platformSubsidy;
                        qylist[10].subTitle = this.vip1.school;
                        qylist[12].subTitle = this.vip1.teamSubsidy;
                        qylist[15].subTitle = this.vip1.teamReward;
                        app.bgColor = bgColor;
                        app.quanYiList = qylist
                    },
                    clickvipPre2: function() {
                        var bgColor = app.bgColor;
                        var qylist = app.quanYiList;
                        bgColor.styleactived.backgroundColor = '#151313';
                        bgColor.stylevipPre1.backgroundColor = '#151313';
                        bgColor.stylevipPre2.backgroundColor = '#333333';
                        bgColor.stylevip.backgroundColor = '#151313';
                        qylist[12].img = 'img/qy_teamsubsidy_select.png';
                        qylist[13].img = 'img/qy_jinbi_select.png';
                        qylist[14].img = 'img/qy_fanlicoupon_select.png';
                        qylist[15].img = 'img/qy_teamaward_normol.png';
                        qylist[16].img = 'img/qy_miandan_normol.png';
                        qylist[17].img = 'img/qy_becommentor_normol.png';
                        qylist[2].subTitle = this.vip2.platformSubsidy;
                        qylist[10].subTitle = this.vip2.school;
                        qylist[12].subTitle = this.vip2.teamSubsidy;
                        qylist[15].subTitle = this.vip2.teamReward;
                        app.bgColor = bgColor;
                        app.quanYiList = qylist
                    },
                    clickvip: function() {
                        var bgColor = app.bgColor;
                        var qylist = app.quanYiList;
                        bgColor.styleactived.backgroundColor = '#151313';
                        bgColor.stylevipPre1.backgroundColor = '#151313';
                        bgColor.stylevipPre2.backgroundColor = '#151313';
                        bgColor.stylevip.backgroundColor = '#333333';
                        qylist[12].img = 'img/qy_teamsubsidy_select.png';
                        qylist[13].img = 'img/qy_jinbi_select.png';
                        qylist[14].img = 'img/qy_fanlicoupon_select.png';
                        qylist[15].img = 'img/qy_teamaward_select.png';
                        qylist[16].img = 'img/qy_miandan_select.png';
                        qylist[17].img = 'img/qy_becommentor_select.png';
                        qylist[2].subTitle = this.vip3.platformSubsidy;
                        qylist[10].subTitle = this.vip3.school;
                        qylist[12].subTitle = this.vip3.teamSubsidy;
                        qylist[15].subTitle = this.vip3.teamReward;
                        app.bgColor = bgColor;
                        app.quanYiList = qylist
                    },
                },
                computed: {
                    finishFanliOrderProgress: function() {
                        var tempFinishFanliOrder = null;
                        if (parseInt(this.progress.finishFanliOrder) > parseInt(this.progress.totalFanliOrder)) {
                            tempFinishFanliOrder = this.progress.totalFanliOrder;
                        } else {
                            tempFinishFanliOrder = this.progress.finishFanliOrder;
                        }
                        return (576 / this.progress.totalFanliOrder) * tempFinishFanliOrder * 0.01 + 'rem'
                    },
                    finishShareOrderProgress: function() {
                        var tempFinishShareOrder = null;
                        if (parseInt(this.progress.finishShareOrder) > parseInt(this.progress.totalShareOrder)) {
                            tempFinishShareOrder = this.progress.totalShareOrder;
                        } else {
                            tempFinishShareOrder = this.progress.finishShareOrder;
                        }
                        return (576 / this.progress.totalShareOrder) * tempFinishShareOrder * 0.01 + 'rem'
                    },
                    finishFansProgress: function() {
                        var tempFinishDirectFans = null;
                        var tempFinishInDirectFans = null;
                        if (parseInt(this.progress.finishDirectFans) > parseInt(this.progress.totalDirectFans)) {
                            tempFinishDirectFans = this.progress.totalDirectFans;
                        } else {
                            tempFinishDirectFans = this.progress.finishDirectFans;
                        }
                        if (parseInt(this.progress.finishInDirectFans) > parseInt(this.progress.totalInDirectFans)) {
                            tempFinishInDirectFans = this.progress.totalInDirectFans;
                        } else {
                            tempFinishInDirectFans = this.progress.finishInDirectFans;
                        }
                        return ((576 / 2 / this.progress.totalDirectFans * tempFinishDirectFans) + (576 / 2 / this.progress.totalInDirectFans *
                            tempFinishInDirectFans)) * 0.01 + 'rem'
                    }
                }
            });
            function fetchData() {
                yesApp.showLoading();
                var params = yesApp.getRequestBaseParams({
                    uid: yesApp.getUid()
                });
                // 会员等级
                var level = null;
                var viplogos = null;
                var nextlevel = null;
                var nextLevelProgress = null;
                var supVip = false;
                var platformSubsidy = null;
                var school = null;
                var teamSubsidy = null;
                var teamReward = null;
                var master = null;
                var vip1 = null;
                var vip2 = null;
                var vip3 = null;
                try {
                    $.ajax({
                        type: "GET",
                        data: JSON.parse(params),
                        url: host + '/fanli/api/v2/user/getVIPInfoV2', //getHttp()  'http://192.168.1.122:8080/fanli'
                        dataType: "jsonp",
                        async: false,
                        success: function(result) {
                            if (result.code == 0) {
                                level = result.data.level;
                                var qylist = app.quanYiList;
                                if (level === 'actived') {
                                    viplogos = 'img/icon_actived.png';
                                    nextlevel = '升级普通会员';
                                    nextLevelProgress = '普通会员';
                                    supVip = false;
                                    app.bgColor.styleactived.backgroundColor = '#333333';
                                    platformSubsidy = result.data.master.platformSubsidy;
                                    school = result.data.master.school;
                                    teamSubsidy = result.data.master.teamSubsidy;
                                    teamReward = result.data.master.teamReward;
                                } else if (level === 'vipPre1') {
                                    viplogos = 'img/icon_vipPre1.png';
                                    nextlevel = '升级高级会员';
                                    nextLevelProgress = '高级会员';
                                    supVip = false;
                                    app.bgColor.stylevipPre1.backgroundColor = '#333333';
                                    platformSubsidy = result.data.vip1.platformSubsidy;
                                    school = result.data.vip1.school;
                                    teamSubsidy = result.data.vip1.teamSubsidy;
                                    teamReward = result.data.vip1.teamReward;
                                    qylist[12].img = 'img/qy_teamsubsidy_select.png';
                                    qylist[13].img = 'img/qy_jinbi_select.png';
                                } else if (level === 'vipPre2') {
                                    viplogos = 'img/icon_vipPre2.png';
                                    nextlevel = '升级超级会员';
                                    nextLevelProgress = '超级会员';
                                    supVip = false;
                                    app.bgColor.stylevipPre2.backgroundColor = '#333333';
                                    platformSubsidy = result.data.vip2.platformSubsidy;
                                    school = result.data.vip2.school;
                                    teamSubsidy = result.data.vip2.teamSubsidy;
                                    teamReward = result.data.vip2.teamReward;
                                    qylist[12].img = 'img/qy_teamsubsidy_select.png';
                                    qylist[13].img = 'img/qy_jinbi_select.png';
                                    qylist[14].img = 'img/qy_fanlicoupon_select.png';
                                } else if (level === 'vipApply') {
                                    viplogos = 'img/icon_vip_invalid.png';
                                    nextlevel = '审核将在48小时内完成';
                                    nextLevelProgress = '超级会员';
                                    supVip = false;
                                    app.bgColor.stylevipPre2.backgroundColor = '#333333';
                                    platformSubsidy = result.data.vip2.platformSubsidy;
                                    school = result.data.vip2.school;
                                    teamSubsidy = result.data.vip2.teamSubsidy;
                                    teamReward = result.data.vip2.teamReward;
                                    qylist[12].img = 'img/qy_teamsubsidy_select.png';
                                    qylist[13].img = 'img/qy_jinbi_select.png';
                                    qylist[14].img = 'img/qy_fanlicoupon_select.png';
                                } else if (level === 'vip' || level === 'tearcherApply' || level === 'tearcher') {
                                    nextlevel = '我想当导师';
                                    nextLevelProgress = '导师';
                                    if (level === 'vip') {
                                        viplogos = 'img/icon_vip.png';
                                    } else if (level === 'tearcherApply') {
                                        viplogos = 'img/icon_tearcher_normol.png';
                                    } else if (level === 'tearcher') {
                                        viplogos = 'img/icon_tearcher.png';
                                    }
                                    supVip = true;
                                    app.show = false;
                                    app.bgColor.stylevip.backgroundColor = '#333333';
                                    platformSubsidy = result.data.vip3.platformSubsidy;
                                    school = result.data.vip3.school;
                                    teamSubsidy = result.data.vip3.teamSubsidy;
                                    teamReward = result.data.vip3.teamReward;
                                    qylist[12].img = 'img/qy_teamsubsidy_select.png';
                                    qylist[13].img = 'img/qy_jinbi_select.png';
                                    qylist[14].img = 'img/qy_fanlicoupon_select.png';
                                    qylist[15].img = 'img/qy_teamaward_select.png';
                                    qylist[16].img = 'img/qy_miandan_select.png';
                                    qylist[17].img = 'img/qy_becommentor_select.png';
                                }
                                app.vip = supVip;
                                qylist[2].subTitle = platformSubsidy;
                                qylist[10].subTitle = school;
                                qylist[12].subTitle = teamSubsidy;
                                qylist[15].subTitle = teamReward;
                                var user = {
                                    nickName: result.data.nickName,
                                    portrait: result.data.portrait,
                                    saveMoney: '¥' + result.data.saveMoney,
                                    earnMoney: '¥' + result.data.earnMoney,
                                    viplogos: viplogos,
                                    nextlevel: nextlevel
                                };
                                app.user = user;
                                var progress = {
                                    finishFanliOrder: parseInt(result.data.doneZiGou),
                                    totalFanliOrder: parseInt(result.data.limitZiGou),
                                    finishShareOrder: parseInt(result.data.doneShare),
                                    totalShareOrder: parseInt(result.data.limitShare),
                                    finishDirectFans: parseInt(result.data.doneFirst),
                                    finishInDirectFans: parseInt(result.data.doneSecond),
                                    totalDirectFans: parseInt(result.data.limitFirst),
                                    totalInDirectFans: parseInt(result.data.limitSecond),
                                    nextLevelProgress: nextLevelProgress
                                };
                                app.progress = progress;
                                app.quanYiList = qylist;
                                app.ruleLink = result.data.ruleLink;
                                app.level = level;
                                app.tearcherTip = result.data.tearcherTip;
                                app.tearcherWX = result.data.tearcherTip;
                                app.newerGongLue = result.data.newerGongLue;
                                master = app.master;
                                master.platformSubsidy = result.data.master.platformSubsidy;
                                master.school = result.data.master.school;
                                master.teamSubsidy = result.data.master.teamSubsidy;
                                master.teamReward = result.data.master.teamReward;
                                app.master = master;
                                vip1 = app.vip1;
                                vip1.platformSubsidy = result.data.vip1.platformSubsidy;
                                vip1.school = result.data.vip1.school;
                                vip1.teamSubsidy = result.data.vip1.teamSubsidy;
                                vip1.teamReward = result.data.vip1.teamReward;
                                app.vip1 = vip1;
                                vip2 = app.vip2;
                                vip2.platformSubsidy = result.data.vip2.platformSubsidy;
                                vip2.school = result.data.vip2.school;
                                vip2.teamSubsidy = result.data.vip2.teamSubsidy;
                                vip2.teamReward = result.data.vip2.teamReward;
                                app.vip2 = vip2;
                                vip3 = app.vip3;
                                vip3.platformSubsidy = result.data.vip3.platformSubsidy;
                                vip3.school = result.data.vip3.school;
                                vip3.teamSubsidy = result.data.vip3.teamSubsidy;
                                vip3.teamReward = result.data.vip3.teamReward;
                                app.vip3 = vip3;
                            } else {
                                yesApp.toast(result.msg);
                            }
                        },
                        fail: function(e) {
                            yesApp.hideLoading();
                        }
                    });
                } catch (e) {}
            }
            fetchData();
            function applyVip() {
                yesApp.showLoading();
                var params = yesApp.getRequestBaseParams({
                    uid: yesApp.getUid()
                });
                try {
                    $.ajax({
                        type: "GET",
                        data: JSON.parse(params),
                        url: host + '/fanli/api/v2/user/applyVip', //getHttp()  'http://192.168.1.122:8080/fanli'
                        dataType: "jsonp",
                        async: false,
                        success: function(result) {
                            yesApp.hideLoading();
                            if (result.code == 0) {
                                yesApp.toast('审核将在48小时内完成');
                                app.user.nextlevel = '审核将在48小时内完成';
                            } else {
                                yesApp.toast(result.msg);
                            }
                        },
                        fail: function(e) {
                            yesApp.hideLoading();
                        }
                    });
                } catch (e) {}
            }
        });
    </script>
</html>