Merge branch 'master' of ssh://193.112.35.168:29418/flqFront

admin

2020-06-09 17b257280c946e517bc0b9130d4653160c8f5d74

Merge branch 'master' of ssh://193.112.35.168:29418/flqFront

# Conflicts:
#	AppInside/teamFans/fansSearchResult.html

 AppInside/activityDetailTempPage/css/layer.css

New file
@@ -0,0 +1 @@
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}

 AppInside/activityDetailTempPage/css/stylesheet.css

New file
@@ -0,0 +1,201 @@
* {

    margin: 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: #FFFFFF;

    font-family: Arial, "Microsoft YaHei";

}



.mainTitle {

    color: #333333;

    font-size: 0.3rem;

    margin-left: 0.3rem;

    margin-right: 0.3rem;

    margin-top: 0.25rem;



    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.subTitle {

    color: #666666;

    font-size: 0.24rem;

    margin-left: 0.3rem;

    margin-right: 0.3rem;

    margin-top: 0.52rem;

}



.contentTitle_BG {

    background-color: #F7F7F7;

    border-radius: 0.1rem;

    color: #000000;

    font-size: 0.32rem;





    margin-left: 0.75rem;

    margin-right: 0.75rem;

    margin-top: 0.5rem;

    padding-left: 0.1rem;

    padding-right: 0.1rem;

    padding-top: 0.05rem;



    line-height: 0.4rem;

    position: relative;



}



.copyRecommendTitle {

    background-color: #FFE1C4;

    border-radius: 0.21rem;

    height: 0.42rem;

    width: 1.9rem;

    position: absolute;

    bottom: 0.1rem;

    right: 0.12rem;

    display: -webkit-flex;

    align-items: center;



}



.copyRecommendTitle img {

    width: 0.23rem;

    height: 0.23rem;

    margin-left: 0.22rem;

}



.copyRecommendTitle div {

    color: #FF6E25;

    font-size: 0.24rem;

    display: -webkit-flex;

    align-items: center;

    height: 0.25rem;

    margin-left: 0.06rem;



}



.videoBG {

    position: relative;

}



.div_Link {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    margin-top: 0.1rem;

    display: -webkit-flex;

    background-color: #F7F7F7;

    border-radius: 0.1rem;
    height: 0.8rem;
    align-items: center;

}

.div_tag_bg {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    background-color: #F7F7F7;
    height: 0.76rem;
    border-radius: 0.1rem;
    display: -webkit-flex;
    justify-content: space-between;
}

.div_top_tag_bg {
    height: 0.26rem;
}


.div_commit {

    background-color: #FFFFFF;

    position: fixed;

    width: 7.5rem;

    height: 0.96rem;

    bottom: 0;

    z-index: 1000;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    border-top: #dddddd solid 1px;

}



.div_commit div {

    color: #FFFFFF;

    font-size: 0.34rem;

    background-color: #E5005B;

    width: 5.6rem;

    height: 0.76rem;

    border-radius: 0.38rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

}

.share {}



.share_title {

    color: #333333;

    font-size: 0.26rem;

    height: 0.26rem;

    display: -webkit-flex;

    align-items: center;

    text-align: center;

    margin-left: 3.18rem;

    margin-top: 0.2rem;

}



.share_content {

    display: -webkit-flex;

    margin-top: 0.2rem;



}



.share_content_content {

    width: 1.875rem;

}



.share_content_content_img {

    display: -webkit-flex;

    justify-content: center;

}



.share_content_content_img img {

    width: 0.98rem;

    height: 0.98rem;

}



.share_content_content_title {

    color: #666666;

    font-size: 0.26rem;

    height: 0.26rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    margin-top: 0.12rem;

}



.div_cancel {

    color: #333333;

    font-size: 0.3rem;

    height: 1rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

}

 AppInside/activityDetailTempPage/img/icon_arrowRight.png

 AppInside/activityDetailTempPage/img/icon_copy.png

 AppInside/activityDetailTempPage/img/icon_down.png

 AppInside/activityDetailTempPage/img/icon_eye.png

 AppInside/activityDetailTempPage/img/icon_link.png

 AppInside/activityDetailTempPage/img/icon_more.png

 AppInside/activityDetailTempPage/img/icon_play.png

 AppInside/activityDetailTempPage/img/icon_pyq.png

 AppInside/activityDetailTempPage/img/icon_pyqn.png

 AppInside/activityDetailTempPage/img/icon_qq.png

 AppInside/activityDetailTempPage/img/icon_wx.png

 AppInside/activityDetailTempPage/index.html

New file
@@ -0,0 +1,513 @@
<!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" />

        <link rel="stylesheet" type="text/css" href="css/layer.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="http://img.flqapp.com/resource/js/app20200609.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

        <script src="js/layer.js"></script>

    </head>

    <body>

        <div id="root" style="display: none;">

            <div class="mainTitle">

                {{dataInfo.title}}

            </div>

            <div style="display: -webkit-flex;justify-content: space-between; align-items: center;margin-top: 0.34rem;height: 0.26rem;margin-left: 0.3rem;">

                <div style="display: -webkit-flex;align-items: center;">

                    <div style="color: #000000; font-size: 0.24rem;display: -webkit-flex;align-items: center;height: 0.24rem;">

                        {{dataInfo.detailInfo.user.nickName}}

                    </div>

                    <div style="color: #999999; font-size: 0.24rem;display: -webkit-flex;align-items: center;height: 0.24rem;margin-left: 0.33rem;">

                        {{dataInfo.pushTime}}

                    </div>

                </div>

                <div style="display: -webkit-flex;align-items: center; flex-direction: row-reverse; ">

                    <div style="color: #A6A6A6; font-size: 0.24rem;display: -webkit-flex;align-items: center;height: 0.24rem;margin-left: 0.33rem;margin-right: 0.3rem;">

                        {{dataInfo.scanNum}}

                    </div>

                    <img src="img/icon_eye.png" style="width: 0.32rem;height: 0.26rem;margin-right: -0.25rem;">

                </div>

            </div>



            <div class="subTitle">

                {{dataInfo.content}}

            </div>



            <div class="contentTitle_BG">

                <div class="">

                    {{dataInfo.detailInfo.title}}

                </div>

                <div style="height: 0.68rem;">

                </div>

                <div class="copyRecommendTitle" @click="copyRecommend">

                    <img src="img/icon_copy.png">

                    <div>复制推荐语</div>

                </div>

            </div>



            <div class="imagesBG">

                <div class="bigImageBG">



                </div>

                <div class="smallImageBG" style="display: -webkit-flex;flex-wrap: wrap;margin-left: 0.63rem;">



                </div>

            </div>



            <div class="div_Link" v-if="dataInfo.jumpLink" @click="jumpLink">

                <img src="img/icon_link.png" style="width: 0.23rem;height: 0.22rem;margin-left: 0.32rem;">

                <div style="color: #3A70C2; font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-left: 0.08rem;">

                    查看详情

                </div>

                <img src="img/icon_arrowRight.png" style="width: 0.48rem;height: 0.48rem;margin-left: 3.78rem;">

            </div>



            <div class="div_item_bg"></div>



            <div style="height: 1.4rem;"></div>



            <div class="div_commit">

                <div class="commitInfo" @click="commitInfo">{{buttonName}}</div>

            </div>



            <div id="share" style="display: none;">

                <div class="share_title">分享图文到</div>

                <div class="share_content">



                    <div class="share_content_content" onclick="shareText(1)">

                        <div class="share_content_content_img">

                            <img src="img/icon_wx.png">

                        </div>

                        <div class="share_content_content_title">

                            微信好友

                        </div>

                    </div>



                    <div class="share_content_content" onclick="shareText(2)">

                        <div class="share_content_content_img">

                            <img id="imgPyq" src="img/icon_pyq.png">

                        </div>

                        <div class="share_content_content_title">

                            朋友圈

                        </div>

                    </div>



                    <div class="share_content_content" onclick="shareText(3)">

                        <div class="share_content_content_img">

                            <img src="img/icon_qq.png">

                        </div>

                        <div class="share_content_content_title">

                            QQ好友

                        </div>

                    </div>



                    <div class="share_content_content" onclick="shareText(4)">

                        <div class="share_content_content_img">

                            <img src="img/icon_down.png">

                        </div>

                        <div class="share_content_content_title">

                            批量存图

                        </div>

                    </div>



                    <div class="share_content_content" onclick="shareText(6)">

                        <div class="share_content_content_img">

                            <img src="img/icon_more.png">

                        </div>

                        <div class="share_content_content_title">

                            更多

                        </div>

                    </div>

                </div>



                <div style="height: 1px; background-color: #D0D0D0; margin-top: 0.37rem;"></div>



                <div class="div_cancel" onclick="cancelShare()">取消</div>

            </div>



        </div>

    </body>



    <script type="text/javascript">

        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;

        };

    </script>



    <script type="text/javascript">

        //var host = "http://api.flqapp.com";

        var host = "http://192.168.1.253:8080";



        var id = getQueryString('id');

        var type = getQueryString('type');



        var data = null;

        var imageLarge = [];

        var imageSmall = [];

        var arrayComments = [];

        var layerIndex = null;

        var app;



        $(function() {

            try {

                app = new Vue({

                    el: "#root",

                    data: {

                        dataInfo: {

                            detailInfo: {

                                user: {}

                            }

                        },

                        buttonName: '立即分享'

                    },



                    watch: {

                        dataInfo: function(val) {

                            $('#root').css('display', 'block');

                        }

                    },

                    methods: {

                        commitInfo: function() {

                            if (app.dataInfo.detailInfo.imgList.length > 1) {

                                $('#imgPyq').attr('src', 'img/icon_pyqn.png')



                            } else {

                                $('#imgPyq').attr('src', 'img/icon_pyq.png')

                            }



                            layerIndex = layer.open({

                                type: 1,

                                content: $("#share").html(),

                                anim: 'up',

                                style: 'position:fixed; bottom:0; left:0; width: 100%; height: 3.4rem; padding:0 0; border:none;background-color: white'

                            });

                        },



                        jumpLink: function() {

                            yesApp.jumpWeb(app.dataInfo.jumpLink, null)

                        },



                        copyRecommend: function() {

                            yesApp.copyText(app.dataInfo.detailInfo.title)

                        },



                        fetchPushDetail: function() {

                            yesApp.showLoading();

                            var uid = yesApp.getUid();

                            var params = {

                                uid: uid,

                                id: id

                            };

                            params = yesApp.getRequestBaseParams(params);



                            $.ajax({

                                type: "GET",

                                data: JSON.parse(params),

                                url: host + "/fanli/api/v1/push/getPushDetail",

                                dataType: "jsonp",

                                async: false,

                                success: function(result) {

                                    yesApp.hideLoading();

                                    if (result.code == 0) {

                                        app.dataInfo = result.data;

                                        arrayComments = app.dataInfo.detailInfo.comments;



                                        for (i = 0; i < result.data.detailInfo.imgList.length; i++) {

                                            if (result.data.detailInfo.imgList[i].large) {

                                                imageLarge.push(result.data.detailInfo.imgList[i]);



                                            } else {

                                                imageSmall.push(result.data.detailInfo.imgList[i]);

                                            }

                                        }

                                        app.setImageContent();



                                    } else {

                                        yesApp.toast(result.msg);

                                    }

                                },

                                error: function(XMLHttpRequest, textStatus, errorThrown) {

                                    yesApp.hideLoading();

                                    if (textStatus === 'timeout') {

                                        setTimeout(function() {}, 2000);

                                    }

                                }

                            });

                        },



                        setImageContent: function() {

                            var bigImageBG = $('.bigImageBG');

                            var smallImageBG = $('.smallImageBG');

                            var divitemBg = $('.div_item_bg');

                            var screenWidth = window.screen.width * 2;

                            var screenHeight = window.screen.height * 2;



                            // 设置大图

                            for (i = 0; i < imageLarge.length; i++) {

                                var width = null;

                                var height = null;



                                bigImageBG.append('<div class="div_largel" style="position: relative; "></div>');



                                bigImageBG.find('.div_largel').eq(i).append(

                                    "<img style='margin-left: 0.75rem;' class='imgShow'>");



                                bigImageBG.find('.div_largel').eq(i).append(

                                    '<img src="img/icon_play.png" style="position: absolute;left: 50%;top: 50%;margin-left: -0.4rem;margin-top: -0.4rem; width: 0.8rem;height: 0.8rem;" class="imagePlay"/>'

                                );



                                bigImageBG.find(".div_largel").eq(i).find('.imgShow').eq(0).attr("src", imageLarge[i].url);



                                var compare = parseFloat(imageLarge[i].h) / parseFloat(imageLarge[i].w);



                                if (compare > parseFloat(1)) { // 固定高

                                    height = (screenWidth - (75 * 2)) * 0.01;



                                    width = (parseFloat(imageLarge[i].w) / parseFloat(imageLarge[i].h)) * height;



                                } else {

                                    width = (screenWidth - (75 * 2)) * 0.01;

                                    height = parseFloat(imageLarge[i].h) / parseFloat(imageLarge[i].w) * width;

                                }



                                bigImageBG.find(".div_largel").eq(i).find('.imgShow').eq(0).css({

                                    'width': width + 'rem',

                                    'height': height + 'rem',

                                    'border-radius': '0.1rem'

                                });

                                bigImageBG.find(".div_largel").eq(i).find('.imagePlay').eq(0).css('display', 'none');



                                if (imageLarge[i].videoUrl != null && imageLarge[i].videoUrl != '') {

                                    bigImageBG.find(".div_largel").eq(i).find('.imagePlay').eq(0).css('display', 'block');

                                }

                            };

                            // 设置小图

                            if (parseInt(app.dataInfo.detailInfo.lineNum) == 2) {

                                smallImageBG.css('padding-right', '2.67rem');

                            }



                            for (k = 0; k < imageSmall.length; k++) {

                                smallImageBG.append(

                                    "<img style='margin-top: 0.12rem;margin-left: 0.12rem;width: 1.92rem;height: 1.92rem;border-radius: 0.1rem;background-color: #F3F3F3;' class='imgSmall'>"

                                );



                                smallImageBG.find('.imgSmall').eq(k).attr("src", imageSmall[k].url);

                            }



                            // yesApp.toast(JSON.stringify(arrayComments.length + ''))



                            // 设置尾部

                            for (var j = 0; j < arrayComments.length; j++) {



                                //标签

                                divitemBg.append(

                                    '<div class="div_top_tag" onclick="touchTag(arrayComments[j].tagUrl)" style="margin-left: 0.75rem;margin-right: 0.75rem;background-color: #F7F7F7;height: 0.8rem;margin-top: 0.1rem;border-radius: 0.1rem; display: -webkit-flex;justify-content: space-between;"></div>'

                                );





                                divitemBg.find('.div_top_tag').eq(j).on("click", function() {

                                    var url = arrayComments[j - 1].tagUrl;

                                    if (url.length == 0 || url == null) return;

                                    yesApp.jumpWeb(url, null);

                                });





                                divitemBg.find('.div_top_tag').eq(j).append('<div class="div_top_left"></div>');



                                divitemBg.find('.div_top_tag').eq(j).append(

                                    '<img class="jumpArrow" src="img/icon_arrowRight.png" style="width: 0.48rem;height: 0.48rem;margin-right: 0.15rem;margin-top: 0.14rem;"/>'

                                )



                                divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).append(

                                    '<div class="tagBg" style="height: 0.26rem;margin-top: 0.1rem;display: -webkit-flex;"></div>'

                                );



                                divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).append(

                                    '<div class="tagDesc" style="color:#999999;font-size: 0.24rem; height: 0.25rem;margin-top: 0.1rem;display: -webkit-flex;align-items: center;margin-left: 0.1rem;"></div>'

                                );



                                if (arrayComments[j].tagUrl == null || arrayComments[j].tagUrl.length == 0) {

                                    divitemBg.find('.div_top_tag').eq(j).find('.jumpArrow').eq(0).css('display', 'none');

                                }



                                var tagList = arrayComments[j].tagList;



                                if (tagList == null || tagList.length == 0) {

                                    divitemBg.find('.div_top_tag').eq(j).css('display', 'none');



                                } else {

                                    for (var l = 0; l < tagList.length; l++) {

                                        divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).find('.tagBg').eq(0).append(

                                            '<div class="tag" style="display: -webkit-flex;align-items: center;justify-content: center;height: 0.26rem;border-radius: 0.06rem;border: solid 1px;margin-left: 0.1rem;"></div>'

                                        );



                                        divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).find('.tagBg').eq(0).find('.tag').eq(l)

                                            .html(

                                                '&nbsp' + tagList[l].content + '&nbsp');



                                        divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).find('.tagBg').eq(0).find('.tag').eq(l)

                                            .css({

                                                'color': tagList[l].color + '',

                                                'font-size': '0.18rem',

                                                'border-color': tagList[l].color + ''

                                            });

                                    };



                                    divitemBg.find('.div_top_tag').eq(j).find('.div_top_left').eq(0).find('.tagDesc').text(

                                        arrayComments[j].tagDesc);



                                }



                                // 评论

                                divitemBg.append(

                                    '<div class="div_bottom_comment" style="margin-left: 0.75rem;margin-right: 0.75rem;background-color: #F7F7F7;margin-top: 0.1rem;border-radius: 0.1rem;"></div>'

                                );



                                divitemBg.find('.div_bottom_comment').eq(j).append(

                                    '<div class="commentContent" style="color: #000000;font-size: 0.28rem;display: -webkit-flex;align-items: center;margin-top: 0.1rem;margin-left: 0.1rem;"></div>'

                                );

                                divitemBg.find('.div_bottom_comment').eq(j).find('.commentContent').eq(0).text(arrayComments[j].content);



                                divitemBg.find('.div_bottom_comment').eq(j).append(

                                    '<div class="div_bottom_comment_bottom" style="display: -webkit-flex;justify-content: space-between;"></div>'

                                );



                                divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).append(

                                    '<div class="typeContent" style="display: -webkit-flex;align-items: center;background-color: #C9C9C9;border-radius: 0.04rem;color: #FFFFFF;font-size: 0.16rem;height: 0.22rem;margin-left: 0.1rem;margin-top: 0.31rem;"></div>'

                                );



                                divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.typeContent').eq(

                                    0).html(

                                    '&nbsp;&nbsp;' + arrayComments[j].type + '&nbsp;&nbsp;');



                                if (arrayComments[j].type == null || arrayComments[j].type.length == 0 || arrayComments[j].type == '') {

                                    divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.typeContent')

                                        .eq(0).html(arrayComments[j].type);

                                }



                                // 复制按钮

                                divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).append(

                                    '<div class="copyCommentBG" style="display: -webkit-flex;align-items: center;background-color: #FFE1C3;border-radius: 0.21rem;color: #FF6D25;font-size: 0.24rem;width: 1.64rem;margin-right: 0.12rem; height: 0.42rem;margin-top: 0.16rem;"></div>'

                                );





                                divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.copyCommentBG')

                                    .eq(0).append(

                                        "<img style='margin-left: 0.23rem; width: 0.23rem;height: 0.23rem;' src='img/icon_copy.png'>");



                                divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.copyCommentBG')

                                    .eq(0).append('<div class="div_bottom_comment_bottom_comment" style="margin-left: 0.06rem;">复制评论</div>')



                                divitemBg.find('.div_bottom_comment').eq(j).find('.div_bottom_comment_bottom').eq(0).find('.copyCommentBG')

                                    .eq(0).on("click", function() {



                                        copyCommentstContent();

                                    });



                                // 边距

                                divitemBg.find('.div_bottom_comment').eq(j).append('<div style="height: 0.1rem;"></div>');



                                //var html="";

                                //html+='<div class="div_top_left" ></div>';

                                //html+='<div class="div_top_right" style="display: -webkit-flex;align-items: center; background-color: red;width: 0.4rem;height: 0.4rem;">';

                                //html+='<img src='img/icon_arrowRight.png' style='width: 0.48rem;height: 0.48rem;background-color: yellow;'>';

                                //html+='</div>';

                                //divitemBg.find('.div_top_tag').eq(j).append(html);



                                //右边箭头

                                // divitemBg.find('.div_top_tag').eq(j).find('div_top_right').eq(0).append('<img src=img/icon_arrowRight.png" style="width: 0.48rem;height: 0.48rem;background-color: yellow;">');





                            }

                        }

                    }

                });

                app.fetchPushDetail();



                // function touchTag(url) {

                //     yesApp.toast(url);

                // }



                function copyCommentstContent() {

                    yesApp.showLoading();

                    var uid = yesApp.getUid();

                    var params = {

                        uid: uid,

                        id: app.dataInfo.detailInfo.id,

                        type: app.dataInfo.type

                    };

                    params = yesApp.getRequestBaseParams(params);



                    $.ajax({

                        type: "GET",

                        data: JSON.parse(params),

                        url: host + "/fanli/api/v2/dynamic/copyShareComment",

                        dataType: "jsonp",

                        async: false,

                        success: function(result) {

                            yesApp.hideLoading();

                            if (result.code == 0) {

                                yesApp.copyText(result.data.text);



                            } else {

                                yesApp.toast(result.msg);

                            }

                        },

                        error: function(XMLHttpRequest, textStatus, errorThrown) {

                            yesApp.hideLoading();

                            if (textStatus === 'timeout') {

                                setTimeout(function() {}, 2000);

                            }

                        }

                    });

                }



            } catch (e) {

                yesApp.toast(e)

            }

        });



        //关闭分享弹框

        function cancelShare() {

            layer.closeAll();

        };



        function shareText(type) {

            var imgPushList = [];

            var tempImgList = app.dataInfo.detailInfo.imgList;



            for (var i = 0; i < tempImgList.length; i++) {

                imgPushList.push(tempImgList[i].url);

            }



            var string = JSON.stringify(imgPushList);



            if (type == 4) {

                yesApp.savePictures(string);



            } else {

                if (app.dataInfo.detailInfo.imgList.length > 1 && type == 2) return;



                yesApp.shareImgs(type, string);

                yesApp.copyText(app.dataInfo.detailInfo.title);

                if (yesApp.getPlatform() == 1) {

                    yesApp.toast('复制成功')

                }

            }

            layer.closeAll();

        }

    </script>

</html>

 AppInside/activityDetailTempPage/js/layer.js

New file
@@ -0,0 +1,2 @@
/*! layer mobile-v2.0 弹层组件移动版 License LGPL http://layer.layui.com/mobile By 贤心 */
;!function(a){"use strict";var b=document,c="querySelectorAll",d="getElementsByClassName",e=function(a){return b[c](a)},f={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},g={extend:function(a){var b=JSON.parse(JSON.stringify(f));for(var c in a)b[c]=a[c];return b},timer:{},end:{}};g.touch=function(a,b){a.addEventListener("click",function(a){b.call(this,a)},!1)};var h=0,i=["layui-m-layer"],j=function(a){var b=this;b.config=g.extend(a),b.view()};j.prototype.view=function(){var a=this,c=a.config,f=b.createElement("div");a.id=f.id=i[0]+h,f.setAttribute("class",i[0]+" "+i[0]+(c.type||0)),f.setAttribute("index",h);var g=function(){var a="object"==typeof c.title;return c.title?'<h3 style="'+(a?c.title[1]:"")+'">'+(a?c.title[0]:c.title)+"</h3>":""}(),j=function(){"string"==typeof c.btn&&(c.btn=[c.btn]);var a,b=(c.btn||[]).length;return 0!==b&&c.btn?(a='<span yes type="1">'+c.btn[0]+"</span>",2===b&&(a='<span no type="0">'+c.btn[1]+"</span>"+a),'<div class="layui-m-layerbtn">'+a+"</div>"):""}();if(c.fixed||(c.top=c.hasOwnProperty("top")?c.top:100,c.style=c.style||"",c.style+=" top:"+(b.body.scrollTop+c.top)+"px"),2===c.type&&(c.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(c.content||"")+"</p>"),c.skin&&(c.anim="up"),"msg"===c.skin&&(c.shade=!1),f.innerHTML=(c.shade?"<div "+("string"==typeof c.shade?'style="'+c.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(c.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(c.skin?"layui-m-layer-"+c.skin+" ":"")+(c.className?c.className:"")+" "+(c.anim?"layui-m-anim-"+c.anim:"")+'" '+(c.style?'style="'+c.style+'"':"")+">"+g+'<div class="layui-m-layercont">'+c.content+"</div>"+j+"</div></div></div>",!c.type||2===c.type){var k=b[d](i[0]+c.type),l=k.length;l>=1&&layer.close(k[0].getAttribute("index"))}document.body.appendChild(f);var m=a.elem=e("#"+a.id)[0];c.success&&c.success(m),a.index=h++,a.action(c,m)},j.prototype.action=function(a,b){var c=this;a.time&&(g.timer[c.index]=setTimeout(function(){layer.close(c.index)},1e3*a.time));var e=function(){var b=this.getAttribute("type");0==b?(a.no&&a.no(),layer.close(c.index)):a.yes?a.yes(c.index):layer.close(c.index)};if(a.btn)for(var f=b[d]("layui-m-layerbtn")[0].children,h=f.length,i=0;h>i;i++)g.touch(f[i],e);if(a.shade&&a.shadeClose){var j=b[d]("layui-m-layershade")[0];g.touch(j,function(){layer.close(c.index,a.end)})}a.end&&(g.end[c.index]=a.end)},a.layer={v:"2.0",index:h,open:function(a){var b=new j(a||{});return b.index},close:function(a){var c=e("#"+i[0]+a)[0];c&&(c.innerHTML="",b.body.removeChild(c),clearTimeout(g.timer[a]),delete g.timer[a],"function"==typeof g.end[a]&&g.end[a](),delete g.end[a])},closeAll:function(){for(var a=b[d](i[0]),c=0,e=a.length;e>c;c++)layer.close(0|a[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var a=document.scripts,c=a[a.length-1],d=c.src,e=d.substring(0,d.lastIndexOf("/")+1);c.getAttribute("merge")||document.head.appendChild(function(){var a=b.createElement("link");return a.href=e+"need/layer.css?2.0",a.type="text/css",a.rel="styleSheet",a.id="layermcss",a}())}()}(window);

 AppInside/cloudPushOrder/cloudPushOrderManage.html

New file
@@ -0,0 +1,467 @@
<!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/base.css" />

        <link rel="stylesheet" type="text/css" href="css/cloudPushOrderManage.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="http://img.flqapp.com/resource/js/app2019112217.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    </head>

    <body>

        <div id="root">

            <div class="div_header">

                <div class="div_header_title">

                    <div class="div_header_1" @click="selectTab(1)">

                        <p>云发单管理</p>

                    </div>

                    <div class="div_header_mid">

                        <div></div>

                    </div>

                    <div class="div_header_2" @click="selectTab(2)">

                        <p>发单商品库</p>

                    </div>

                </div>

                <div class="div_header_line">

                    <div class="div_header_line_1"></div>

                    <div class="div_header_line_2"></div>

                </div>

            </div>



            <!-- 云发单管理 -->

            <div v-if="selectTabType==1" class="div_cloudPushOrderManage">

                <div class="div_top_header">

                    <div class="" style="display: -webkit-flex;">

                        <img :src="userInfo.portrait" class="headPortrait">

                        <div>

                            <div class="nickName">{{userInfo.nickName}}</div>

                            <div v-if="!openState" class="desc">开通云发单，自动分享轻松赚钱</div>



                            <div v-else class="desc">

                                开通时间：{{userInfo.openTime}} 剩余<span style="color: #E5005C;font-size: 0.36rem; font-weight: bold;">&nbsp;{{userInfo.countdown}}&nbsp;</span>天

                            </div>



                            <div v-if="!openState" class="openPushOrderManage" @click="openCloudPushOrder()">开通</div>

                            <div v-else class="openPushOrderManage">续费</div>

                        </div>

                    </div>

                </div>

                <!-- 云发单管理未登录 -->

                <div v-if="!isWxLogin" class="div_cloudPushOrderManage_notLogin">

                    <div class="div_cloudPushOrderManage_notLogin_content1">

                        <div class="login_wx" @click="loginWX()">

                            <p>登录微信</p>

                        </div>

                        <div class="content1_desc">

                            请先登录微信，微信在线才能发单哦~

                        </div>

                    </div>



                    <div class="div_cloudPushOrderManage_notLogin_content2">

                        <div style="display: -webkit-flex; padding-top: 0.45rem;align-items: center;">

                            <img src="img/icon_1.png" class="img1">

                            <img src="img/icon_arrow.png" class="icon_arrow">

                            <img src="img/icon_2.png" class="icon_img">

                            <img src="img/icon_arrow.png" class="icon_arrow">

                            <img src="img/icon_3.png" class="icon_img">

                            <img src="img/icon_arrow.png" class="icon_arrow">

                            <img src="img/icon_4.png" class="icon_img">

                            <img src="img/icon_arrow.png" class="icon_arrow">

                            <img src="img/icon_5.png" class="icon_img">

                        </div>

                        <div style="display: -webkit-flex;color: #666666;font-size: 0.24rem; margin-top: 0.17rem;">

                            <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">

                                登录微信

                            </div>

                            <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">

                                激活微信群

                            </div>

                            <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">

                                选品/采集

                            </div>

                            <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">

                                选群/朋友圈

                            </div>

                            <div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">

                                自动发单

                            </div>

                        </div>

                    </div>



                    <div class="div_cloudPushOrderManage_notLogin_content3">

                        <div style="height: 0.77rem; display: -webkit-flex; align-items: center;">

                            <div style="font-size: 0.26rem;font-weight: bold;color: #2BA245; margin-left: 0.25rem;">

                                云发单

                            </div>

                            <div style="background-color: #2BA245; width: 2px;height: 0.3rem;margin-left: 0.22rem;"></div>

                            <div style="font-size: 0.26rem;color: #000000; margin-left: 0.19rem;">

                                自动群发单/朋友圈发圈

                            </div>

                        </div>

                        <div class="div_image_fmt">

                            <img :src="userInfo.head" class="image_fmt">

                        </div>



                    </div>

                </div>

                <!-- 云发单管理已经登录 -->

                <div v-if="isWxLogin" class="div_cloudPushOrderManage_login">

                    <div class="div_cloudPushOrderManage_login_content1">

                        <div style="display: -webkit-flex; justify-content: space-between;">

                            <div>

                                <div style="color:#333333; display:-webkit-flex;font-size: 0.36rem;height: 0.36rem;align-items: center; margin-left: 0.28rem;margin-top: 0.34rem;">

                                    微信已登录

                                </div>

                                <div style="color:#666666; display:-webkit-flex;font-size: 0.3rem;height: 0.3rem;align-items: center; margin-left: 0.28rem;margin-top: 0.22rem;">

                                    {{userInfo.wxName}}

                                </div>

                            </div>

                            <div style="height: 1.54rem;display: -webkit-flex;align-items: center;">

                                <p style="color: #FFFFFF; font-size: 0.24rem; background-color: #2BA245; width: 2rem;height: 0.5rem;border-radius: 0.25rem;display:-webkit-flex;align-items: center;justify-content: center;margin-right: 0.26rem;">

                                    退出登录

                                </p>

                            </div>

                        </div>

                    </div>



                    <div class="div_cloudPushOrderManage_login_content2">

                        <div>

                            朋友圈发单

                        </div>

                        <img src="img/icon_off.png">

                    </div>



                    <div class="div_cloudPushOrderManage_login_content3">

                        <div class="div_cloudPushOrderManage_login_content3_header">

                            <div>

                                微信群发单

                            </div>

                            <img src="img/icon_refresh.png">

                        </div>

                        <div class="" style="margin-top: 0.2rem; background-color: #FFF3D3; display: -webkit-flex;align-items: center;justify-content: center;margin-left: 0.15rem;margin-right: 0.1rem;">

                            <p style="font-size: 0.24rem;color: #666666; padding-top: 0.25rem;padding-left: 0.25rem;padding-bottom: 0.25rem;padding-right: 0.05rem;">

                                请选择自己为群主的微信群，并把群保存到微信通讯录中，且向“微信群"发送“快省爆款推荐”激活云发单

                                <p>

                        </div>

                        <div class="div_list">

                            <div class="div_item" v-for="(item, index) in dataList">

                                <div style="height: 0.33rem;"></div>

                                <div class="div_item_content">

                                    <div>微信群名称微信群名称微信群名称</div>

                                    <img src="img/icon_off.png">

                                </div>

                            </div>

                        </div>

                        <div style="color: #999999; font-size: 0.22rem;height: 0.22rem;display: -webkit-flex;justify-content: center;align-items: center;margin-top: 0.51rem;">

                            发单建议频率不要过高，以免影响群友

                        </div>

                        <div style="height: 0.33rem;"></div>

                    </div>

                </div>



                <div style="height: 0.2rem;"></div>

            </div>



            <div v-if="selectTabType==2" class="div_goodsLibrary">

                <div class="div_goodsLibrary_content1">

                    <div>

                        <div style="color: #333333;font-size: 0.34rem;height: 0.34rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.23rem;">

                            自动采集官方推荐

                        </div>

                        <div style="color: #666666;font-size: 0.2rem;height: 0.22rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.14rem;">

                            官方精选1个小时内仅发送一个商品（9:00~21:00）

                        </div>

                    </div>

                    <img src="img/icon_off.png" style="width: 1.02rem;height: 0.62rem;margin-top: 0.27rem;margin-right: 0.2rem;">

                </div>



                <div class="div_goodsLibrary_content2">

                    <div>

                        <div style="color: #333333;font-size: 0.34rem;height: 0.34rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.23rem;">

                            优先发送自选商品

                        </div>

                        <div style="color: #666666;font-size: 0.2rem;height: 0.22rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.14rem;">

                            即选即发，注重质量不追求数量，避免骚扰群友

                        </div>

                    </div>

                    <img src="img/icon_off.png" style="width: 1.02rem;height: 0.62rem;margin-top: 0.27rem;margin-right: 0.2rem;">

                </div>



                <div class="div_goodsLibraryList">

                    <div class="div_item_goodsLibrary" v-for="(item, index) in goodsList">

                        <div>

                            <img v-bind:src="goodsList.img" class="goodsimg" />

                        </div>

                        <div class="div_item_rightBg">

                            <div class="div_goods_title_bg">

                                <img src="img/icon_tb.png">

                                <span class="goods_title">{{item.title}}</span>

                            </div>

                            <div class="div_goods_labels_bg">

                                <div class="div_goods_label1">&nbsp;公益宝贝&nbsp;</div>

                                <div class="div_goods_label2">&nbsp;夏季爆款&nbsp;</div>

                            </div>

                            <div class="div_store_bg">

                                <img src="img/icon_store.png">

                                <div>{{item.store}}</div>

                            </div>



                            <div class="div_coupon_bg">

                                <div v-if="item.type==1" style="color: white;font-size: 0.24rem;font-weight: bold;width: 0.41rem;height: 0.36rem;background-color: #E5005C;display: flex;align-items: center;justify-content: center;border-radius: 0.06rem 0 0 0.06rem;">

                                    券

                                </div>

                                <div v-else style="color: white;font-size: 0.24rem;background-color: #E5005C;border-radius: 0.06rem;">

                                    &nbsp;&nbsp;2.5折&nbsp;&nbsp;

                                </div>



                                <div v-if="item.type==1" class="coupon_money">&nbsp;￥15 &nbsp;</div>

                                <div class="fanli_title">&nbsp;&nbsp; 返￥9.9 &nbsp;&nbsp;</div>

                            </div>



                            <div class="div_payment_sales_bg">

                                <div>￥</div>

                                <div>0</div>

                                <div>￥78.9</div>

                                <div v-if="item.type==1">月销 8968</div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>



            <div class="dialogmask_notOpen">

                <div class="dialog">

                    <img src="img/icon_close.png" @click="hiddenDialog()">

                    <div class="dialog_title">未开通提醒</div>

                    <div class="dialog_content">云发单首先要登录微信，且需要购买云发单服务，完成设置后，才会自动发单/发圈。</div>

                    <div class="dialog_commit" @click="commitAddTxRecord">去开通</div>

                </div>

            </div>



            <div class="dialogmask_Tips">

                <div class="dialog">

                    <img src="img/icon_close.png" @click="hiddenDialog()">

                    <div class="dialog_title">官方采集</div>

                    <div class="dialog_content">开启后30分钟内将会进行第一次发单，之后每1个小时发一个商品，你可随时关闭。</div>

                    <div class="dialog_commit" @click="commitAddTxRecord">知道了</div>

                </div>

            </div>



            <div class="dialogmask_wx">

                <div class="dialog_wx">

                    <img src="img/icon_close.png" @click="hiddenDialog()">

                    <div class="dialog_title">请使用手机微信扫描登录</div>

                    <div class="">

                        <img :src="qrCodeUrl" style="width: 4.46rem;height: 4.46rem;margin-left: 0.57rem;margin-top: 0.46rem;">

                    </div>

                    <div style="color: #E5005C;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;justify-content: center;margin-top: 0.2rem;">

                        登录方法

                    </div>

                    <div style="color: #E5005C;font-size: 0.24rem;height: 0.24rem;margin-top: 0.1rem;margin-left: 0.65rem;margin-right: 0.6rem;">

                        方法一：将二维码截图后发送其他手机，再使用手机微信扫一扫登录。<br>

                        方法二：将二维码截图发送至电脑，再用手机扫描二维码登录。

                    </div>

                </div>

            </div>



        </div>

    </body>



    <script>

        // "http://api.flqapp.com";

        var host = "http://192.168.1.253:8080";

        var host1 = "http://192.168.1.114:8848";

        var check = null;

        var wId = null;

        $(function() {

            var app = new Vue({

                el: '#root',

                data: {

                    selectTabType: 1,

                    openState: false, // 是否了开通云发单权限

                    isWxLogin: false, // 是否登录了微信

                    circle: false, // 朋友圈-是否开启

                    qrCodeUrl: null,

                    userInfo: {},

                    dataList: [{}, {}],

                    goodsList: [{

                        title: '牛仔外套女ins潮春秋装韩版宽松百搭春季2019新款流行港...',

                        store: '三只松鼠官方旗舰店',

                        type: 1

                    }, {

                        title: '牛仔外套女ins潮春秋装韩版宽松百搭春季2019新款流行港...',

                        store: '三只松鼠官方旗舰店',

                        type: 2

                    }, ]

                },

                watch: {



                },

                methods: {

                    selectTab: function(type) {

                        if (app.selectTabType == type) return;

                        $('.div_header_line_' + type).css('opacity', '1')

                        $('.div_header_' + type).css('color', '#E5005C')



                        $('.div_header_line_' + app.selectTabType).css('opacity', '0')

                        $('.div_header_' + app.selectTabType).css('color', '#000000')



                        app.selectTabType = type

                        app.stopMacloginCheck();

                    },



                    hiddenDialog: function() {

                        $('.dialogmask_notOpen').css('display', 'none')

                        $('.dialogmask_Tips').css('display', 'none')

                        $('.dialogmask_wx').css('display', 'none')

                        app.stopMacloginCheck();

                    },



                    openCloudPushOrder: function() {

                        yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openCloudPushOrder.html', null);

                    },



                    loginWX: function() {

                        if (app.openState) {

                            app.fetchQrcodeMaclogin();



                        } else {

                            yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openCloudPushOrder.html', null);

                        }

                    },



                    commitAddTxRecord: function() {



                    },



                    fetchQrcodeMaclogin: function() {

                        yesApp.showLoading();

                        var uid = yesApp.getUid();

                        var params = {

                            uid: uid,

                        };

                        params = yesApp.getRequestBaseParams(params);

                        $.ajax({

                            type: "GET",

                            data: JSON.parse(params),

                            url: host + "/fanli/api/v2/user/cloud/getQrcodeMaclogin",

                            dataType: "jsonp",

                            async: false,

                            success: function(result) {

                                yesApp.hideLoading();

                                if (result.code == 0) {

                                    wid = result.data.wId;

                                    app.qrCodeUrl = result.data.qrCodeUrl;

                                    $('.dialogmask_wx').css('display', 'block');

                                    app.setMacloginCheck();



                                } else {

                                    yesApp.toast(result.msg);

                                }

                            },

                            error: function(XMLHttpRequest, textStatus, errorThrown) {

                                yesApp.hideLoading();

                                if (textStatus === 'timeout') {

                                    setTimeout(function() {}, 2000);

                                }

                            }

                        });

                    },



                    setMacloginCheck: function() {

                        var myVar = setInterval(function() {

                            app.fetchMacloginCheck();

                        }, 3000);

                        check = myVar;

                    },



                    fetchMacloginCheck: function() {

                        var uid = yesApp.getUid();

                        var params = {

                            uid: uid,

                            wId: wId

                        };

                        params = yesApp.getRequestBaseParams(params);

                        $.ajax({

                            type: "GET",

                            data: JSON.parse(params),

                            url: host + "/fanli/api/v2/user/cloud/macloginCheck",

                            dataType: "jsonp",

                            async: false,

                            success: function(result) {

                                if (result.code == 0) {

                                    if (result.data.state) {

                                        $('.dialogmask_wx').css('display', 'none');

                                        app.stopMacloginCheck();

                                        app.fetcCloudInfo();

                                    }



                                } else {

                                    yesApp.toast(result.msg);

                                }

                            },

                            error: function(XMLHttpRequest, textStatus, errorThrown) {

                                yesApp.hideLoading();

                                if (textStatus === 'timeout') {

                                    setTimeout(function() {}, 2000);

                                }

                            }

                        });

                    },



                    stopMacloginCheck: function() {

                        clearInterval(check);

                    },



                    fetcCloudInfo: function() {

                        yesApp.showLoading();

                        var uid = yesApp.getUid();

                        var params = {

                            uid: uid,

                        };

                        params = yesApp.getRequestBaseParams(params);

                        $.ajax({

                            type: "GET",

                            data: JSON.parse(params),

                            url: host + "/fanli/api/v2/user/cloud/getCloudInfo",

                            dataType: "jsonp",

                            async: false,

                            success: function(result) {

                                yesApp.hideLoading();

                                if (result.code == 0) {

                                    if (parseInt(result.data.openState) == 0) {

                                        app.openState = false;



                                    } else if (parseInt(result.data.openState) == 1) {

                                        app.openState = true;;

                                    }

                                    app.isWxLogin = result.data.loginState;

                                    app.circle = result.data.circle;

                                    app.userInfo = result.data;



                                } else {

                                    yesApp.toast(result.msg);

                                }

                            },

                            error: function(XMLHttpRequest, textStatus, errorThrown) {

                                yesApp.hideLoading();

                                if (textStatus === 'timeout') {

                                    setTimeout(function() {}, 2000);

                                }

                            }

                        });

                    }

                }

            });

            app.fetcCloudInfo();

        });

    </script>

</html>

 AppInside/cloudPushOrder/css/base.css

New file
@@ -0,0 +1,407 @@
* {

    margin: 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;

    /* 禁止长按图片保存 */

    -webkit-touch-callout: none;

}



body {

    background-color: #F3F3F3;

    font-family: Arial, "Microsoft YaHei";

}



.div_header {

    position: fixed;

    width: 100%;

    z-index: 100;

    top: 0

}



.div_header_title {

    display: -webkit-flex;

    background-color: white;

    font-size: 0.3rem;

}



.div_header_1 {

    color: #E5005B;

    height: 0.74rem;

    width: 49.5%;

    display: -webkit-flex;

}



.div_header_1 p {

    margin-left: 1.02rem;

    margin-top: 0.18rem;

}



.div_header_mid {

    width: 1%;

    display: -webkit-flex;

    justify-content: center;

}



.div_header_mid :nth-child(1) {

    background-color: #F3F3F3;

    height: 0.5rem;

    width: 1px;

    margin-top: 0.15rem;

}



.div_header_2 {

    color: #333333;

    height: 0.74rem;

    width: 49.5%;

    display: -webkit-flex;

}



.div_header_2 p {

    margin-left: 1.02rem;

    margin-top: 0.18rem;

}



.div_header_line {

    display: -webkit-flex;

    background-color: white;

}



.div_header_line_1 {

    width: 1.44rem;

    height: 0.04rem;

    border-radius: 0.02rem;

    background-color: #E5005B;

    margin-left: 1.07rem;

}



.div_header_line_2 {

    width: 1.44rem;

    height: 0.04rem;

    border-radius: 0.02rem;

    background-color: #E5005B;

    margin-left: 2.34rem;

    opacity: 0;

}



.div_cloudPushOrderManage {

    margin-top: 0.9rem;

}



.div_goodsLibrary_content1 {

    margin-top: 0.93rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 1.16rem;

    background-color: white;

    border-radius: 0.2rem;

    display: -webkit-flex;

    justify-content: space-between;

}



.div_goodsLibrary_content2 {

    margin-top: 0.16rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 1.16rem;

    background-color: white;

    border-radius: 0.2rem;

    display: -webkit-flex;

    justify-content: space-between;

}



.div_goodsLibraryList {

    margin-top: 0.05rem;



}



.div_item_goodsLibrary {

    background-color: white;

    margin-top: 0.2rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    height: 2.94rem;

    border-radius: 0.16rem;

    display: -webkit-flex;

}



.goodsimg {

    width: 2.6rem;

    height: 2.6rem;

    background-color: #F6F6F6;

    border-radius: 0.1rem;

    margin-top: 0.16rem;

    margin-left: 0.16rem;

}



.div_item_rightBg {

    margin-left: 0.2rem;

    position: relative;

}



.div_goods_title_bg {

    /* background-color: blue; */

    height: 0.7rem;

    margin-top: 0.16rem;

    width: 4rem;

}



.div_goods_title_bg img {

    width: 0.63rem;

    height: 0.31rem;

    /* float: left; */

    position: relative;

    top: -0.62rem;

}



.div_goods_title_bg span {

    text-indent: 2.7em;

    color: #333333;

    font-size: 0.26rem;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    word-wrap: break-word;

    word-break: break-all;

    line-height: 0.39rem;

    margin-top: -1.2rem;

}



.div_goods_labels_bg {

    display: -webkit-flex;

    align-items: center;

    font-size: 0.18rem;

    margin-top: 0.2rem;

}



.div_goods_label1 {

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    color: #FE0014;

    border: #FE0014 solid 0.01rem;

    height: 0.26rem;

    border-radius: 0.06rem;

}



.div_goods_label2 {

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    color: #FF9600;

    border: #FF9600 solid 0.01rem;

    height: 0.26rem;

    border-radius: 0.06rem;

    margin-left: 0.1rem;

}



.div_store_bg {

    margin-top: 0.1rem;

    display: -webkit-flex;

    align-items: center;

}



.div_store_bg img {

    width: 0.27rem;

    height: 0.24rem;

}



.div_store_bg div {

    color: #000000;

    font-size: 0.24rem;

    margin-left: 0.07rem;

    height: 0.24rem;

    display: -webkit-flex;

    align-items: center;

}



.div_coupon_bg {

    position: absolute;

    display: flex;

    bottom: 0.17rem;

}



.coupon_money {

    color: #E5005C;

    font-size: 0.24rem;

    border-right: 1px solid #E5005C;

    border-top: 1px solid #E5005C;

    border-bottom: 1px solid #E5005C;

    height: 0.32rem;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 0 0.06rem 0.06rem 0;

}



.fanli_title {

    color: #E5005C;

    font-size: 0.24rem;

    height: 0.36rem;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #FFE7F1;

    border-radius: 0.06rem;

    margin-left: 0.16rem;

}



.div_payment_sales_bg {

    position: absolute;

    display: flex;

    height: 0.35rem;

    bottom: 0.7rem;

}



.div_payment_sales_bg :nth-child(1) {

    color: #E5005C;

    font-size: 0.26rem;

}



.div_payment_sales_bg :nth-child(2) {

    margin-top: -0.08rem;

    color: #E5005C;

    font-size: 0.4rem;
    font-weight: bold;

}



.div_payment_sales_bg :nth-child(3) {

    color: #AAAAAA;

    font-size: 0.24rem;

    margin-left: 0.1rem;

    margin-top: 0.01rem;

}



.div_payment_sales_bg :nth-child(4) {

    color: #AAAAAA;

    font-size: 0.24rem;

    margin-left: 0.19rem;

}


.dialogmask_notOpen {

    display: none;

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(1, 1, 1, 0.5);

    top: 0;

    left: 0;

    z-index: 1001;

}

.dialogmask_Tips {

    display: none;

    position: fixed;

    width: 100%;

    height: 100%;

    background: rgba(1, 1, 1, 0.5);

    top: 0;

    left: 0;

    z-index: 1001;

}

.dialogmask_wx {

    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;

    z-index: 1000;

    display: block;

    height: auto;

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    max-height: 4.2rem;

}

.dialog_wx {

    width: 5.60rem;

    min-height: 1rem;

    background: #FFFFFF;

    border-radius: 0.1rem;

    z-index: 1000;

    display: block;

    height: auto;

    position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    max-height: 8.4rem;

}



.dialog>img {

    height: 0.5rem;

    right: 0.2rem;

    top: 0.2rem;

    position: absolute

}

.dialog_wx>img {

    height: 0.5rem;

    right: 0.2rem;

    top: 0.2rem;

    position: absolute

}



.dialog_title {

    color: #010101;

    font-size: 0.32rem;

    height: 0.32rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    margin-top: 0.49rem;

}

.dialog_content {
    color: #333333;
    font-size: 0.3rem;
    text-align: center;
    margin-top: 0.44rem;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.dialog_commit {
    color: #FFFFFF;
    font-size: 0.32rem;
    background-color: #E5005C;
    border-radius: 0.4rem;
    margin-top: 0.4rem;
    margin-left: 0.42rem;
    margin-right: 0.42rem;
    height: 0.8rem;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

 AppInside/cloudPushOrder/css/cloudPushOrderManage.css

New file
@@ -0,0 +1,235 @@
.div_cloudPushOrderManage {

    margin-top: 0.78rem;

}



.div_top_header {

    background-image: url(../img/icon_header.png);

    width: 100%;

    height: 2.67rem;

    background-repeat: no-repeat;

    /** 不重复*/

    background-size: contain;

}



.headPortrait {

    width: 1.2rem;

    height: 1.2rem;

    background-color: #F3F3F3;

    border-radius: 50%;

    margin-left: 0.52rem;

    margin-top: 0.44rem;

}



.nickName {

    color: white;

    font-size: 0.4rem;

    height: 0.4rem;

    display: -webkit-flex;

    align-items: center;

    margin-left: 0.22rem;

    margin-top: 0.47rem;

}



.desc {

    color: white;

    font-size: 0.24rem;

    height: 0.25rem;

    display: -webkit-flex;

    align-items: center;

    margin-left: 0.22rem;

    margin-top: 0.12rem;

}



.openPushOrderManage {

    color: white;

    font-size: 0.24rem;

    width: 2.2rem;

    height: 0.49rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    background-color: #E5005C;

    border-radius: 0.245rem;

    margin-left: 0.22rem;

    margin-top: 0.19rem;

}



.div_cloudPushOrderManage_notLogin {

    width: 100%;

    margin-top: -0.4rem;

}



.div_cloudPushOrderManage_notLogin_content1 {

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    height: 5.7rem;

    background-color: white;



}



.login_wx {

    padding-top: 2.47rem;

}



.login_wx p {

    color: white;

    font-size: 0.34rem;

    background-color: #2BA245;

    width: 4.48rem;

    height: 0.76rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    border-radius: 0.38rem;

    margin-left: 1.32rem;

}



.content1_desc {

    color: #666666;

    font-size: 0.24rem;

    margin-left: 1.6rem;

    margin-top: 0.25rem;

    height: 0.24rem;

    display: -webkit-flex;

    align-items: center;

}



.div_cloudPushOrderManage_notLogin_content2 {

    margin-top: 0.18rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    height: 2.2rem;

    background-color: white;

}



.img1 {

    width: 0.9rem;

    height: 0.9rem;

    margin-left: 0.22rem;

}



.icon_img {

    width: 0.9rem;

    height: 0.9rem;

    margin-left: 0.05rem;

}



.icon_arrow {

    width: 0.44rem;

    height: 0.07rem;

    margin-left: 0.05rem;

}



.div_cloudPushOrderManage_notLogin_content3 {

    margin-top: 0.18rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    height: 4rem;

    background-color: white;



}



.div_image_fmt {}



.image_fmt {

    margin-left: 0.17rem;

    width: 6.81rem;

    height: 2.98rem;

    background-color: #F3F3F3;

    border-radius: 0.1rem;

}



.div_cloudPushOrderManage_login {

    width: 100%;

    margin-top: -0.4rem;

}



.div_cloudPushOrderManage_login_content1 {

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    height: 1.54rem;

    background-color: white;

}



.div_cloudPushOrderManage_login_content2 {

    margin-top: 0.22rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    height: 1.16rem;

    background-color: white;



    display: -webkit-flex;

    align-items: center;

    justify-content: space-between;

}



.div_cloudPushOrderManage_login_content2 div {

    color: #333333;

    font-size: 0.34rem;

    margin-left: 0.28rem;

}



.div_cloudPushOrderManage_login_content2 img {

    width: 1.02rem;

    height: 0.62rem;

    margin-right: 0.27rem;

}



.div_cloudPushOrderManage_login_content3 {

    margin-top: 0.22rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    background-color: white;

}



.div_cloudPushOrderManage_login_content3_header {

    display: -webkit-flex;

    justify-content: space-between;

    align-items: center;

    height: 0.86rem;

    border-bottom: 1px solid #E0E0E0;

    color: #333333;

    font-size: 0.34rem;

}



.div_cloudPushOrderManage_login_content3_header div {

    margin-left: 0.28rem;

}



.div_cloudPushOrderManage_login_content3_header img {

    width: 0.5rem;

    height: 0.46rem;

    margin-right: 0.37rem;

}



.div_item_content {

    display: -webkit-flex;

    align-items: center;

    justify-content: space-between;

    height: 0.62rem;

}



.div_item_content {

    color: #666666;

    font-size: 0.3rem

}



.div_item_content div {

    margin-left: 16px;
    width: 3.2rem;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.div_item_content img {

    width: 1.02rem;

    height: 0.62rem;

    margin-right: 0.27rem;

}

 AppInside/cloudPushOrder/css/opeCloudPushOrder.css

New file
@@ -0,0 +1,183 @@
.div_cloudPushOrderManage {

    margin-top: 0.78rem;

}



.div_top_header {

    background-image: url(../img/icon_openHeader.png);

    width: 100%;

    height: 3.37rem;

    background-repeat: no-repeat;

    /** 不重复*/

    background-size: contain;

}



.headPortrait {

    width: 1.2rem;

    height: 1.2rem;

    background-color: #F3F3F3;

    border-radius: 50%;

    margin-left: 0.52rem;

    margin-top: 0.44rem;

}



.nickName {

    color: white;

    font-size: 0.4rem;

    height: 0.4rem;

    display: -webkit-flex;

    align-items: center;

    margin-left: 0.22rem;

    margin-top: 0.47rem;

}



.desc {

    color: white;

    font-size: 0.24rem;

    height: 0.25rem;

    display: -webkit-flex;

    align-items: center;

    margin-left: 0.22rem;

    margin-top: 0.12rem;

}



.div_contentBG1 {

    margin-top: -1.4rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    height: 2.72rem;

    background-color: white;

}



.divContent_tq1 {

    margin-top: 0.34rem;

    margin-left: 0.52rem;

}



.divContent_tq2 {

    margin-top: 0.34rem;

    margin-left: 1.15rem;

}



.divContent_tq3 {

    margin-top: 0.34rem;

    margin-left: 1.15rem;

}





.divContent_tq_img {

    height: 0.9rem;

    display: -webkit-flex;

    justify-content: center;

}



.divContent_tq_img img {

    width: 0.9rem;

    height: 0.9rem;

}



.div_contentBG2 {

    margin-top: 0.2rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    height: 5.12rem;

    background-color: white;

}



.div_money1 {

    background-image: url(../img/icon_money1.png);

    width: 3.1rem;

    height: 2.08rem;

    background-repeat: no-repeat;

    /** 不重复*/

    background-size: contain;

    margin-top: 0.31rem;

    margin-left: 0.31rem;

    position: relative;

}



.div_money_normol {

    background-image: url(../img/icon_money_normol.png);

    width: 3.1rem;

    height: 2.08rem;

    background-repeat: no-repeat;

    /** 不重复*/

    background-size: contain;

    margin-top: 0.31rem;

    margin-left: 0.29rem;



    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    color: #929292;

    font-size: 0.48rem;

    font-weight: bold;

}



.img_moneySelect {

    position: absolute;

    width: 0.78rem;

    height: 0.78rem;

    right: 0;

}



.moneyPrice {

    color: #191514;

    font-size: 0.6rem;

    font-weight: bold;

    text-align: center;

    margin-top: 0.45rem;

}



.openDate {

    color: #6F4935;

    font-size: 0.24rem;

    width: 1.36rem;

    height: 0.32rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    background-color: #FFFFFF;

    border-radius: 0.16rem;

    margin-left: 0.87rem;

    margin-top: 0.05rem;

}



.div_open {

    color: #FFFFFF;

    font-size: 0.34rem;

    width: 5.6rem;

    height: 0.76rem;

    background-color: #E5005B;

    margin-top: 0.51rem;

    margin-left: 0.76rem;

    border-radius: 0.38rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

}



.img_xy {

    width: 0.36rem;

    height: 0.36rem;

    margin-left: 1.27rem;

}



.div_contentBG3 {

    margin-top: 0.2rem;

    margin-left: 0.2rem;

    margin-right: 0.2rem;

    border-radius: 0.2rem;

    background-color: white;

}

.div_tips {
    color: #333333;
    font-size: 0.34rem;
    height: 0.86rem;
    display: -webkit-flex;
    align-items: center;
    padding-left: 0.27rem;
    border-bottom: #E0E0E0 solid 1px;
}

 AppInside/cloudPushOrder/css/openRecord.css

New file
@@ -0,0 +1,40 @@
.div_openRecord {

    background-image: url(../img/icon_openRecord.png);

    width: 100%;

    height: 1.14rem;

    background-repeat: no-repeat;

    /** 不重复*/

    background-size: contain;

    position: fixed;

    top: 0.78rem;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    color: #FFFFFF;

    font-size: 0.36rem;

}



.div_cloudPushOrderManage_other {

    margin-top: 1.92rem;

}



.div_item {

    display: -webkit-flex;

    justify-content: space-between;

    height: 1.4rem;

    background-color: white;

    position: relative;

}



.div_item_left {

    display: -webkit-flex;

}



.line {

    position: absolute;

    background-color: #e0e0e0;

    height: 1px;

    width: 7.1rem;

    bottom: 0;

    left: 0.2rem;

}

 AppInside/cloudPushOrder/img/icon_1.png

 AppInside/cloudPushOrder/img/icon_2.png

 AppInside/cloudPushOrder/img/icon_3.png

 AppInside/cloudPushOrder/img/icon_4.png

 AppInside/cloudPushOrder/img/icon_5.png

 AppInside/cloudPushOrder/img/icon_arrow.png

 AppInside/cloudPushOrder/img/icon_back.png

 AppInside/cloudPushOrder/img/icon_close.png

 AppInside/cloudPushOrder/img/icon_header.png

 AppInside/cloudPushOrder/img/icon_jd.png

 AppInside/cloudPushOrder/img/icon_money1.png

 AppInside/cloudPushOrder/img/icon_money_normol.png

 AppInside/cloudPushOrder/img/icon_money_select.png

 AppInside/cloudPushOrder/img/icon_normol.png

 AppInside/cloudPushOrder/img/icon_off.png

 AppInside/cloudPushOrder/img/icon_on.png

 AppInside/cloudPushOrder/img/icon_openHeader.png

 AppInside/cloudPushOrder/img/icon_openRecord.png

 AppInside/cloudPushOrder/img/icon_pdd.png

 AppInside/cloudPushOrder/img/icon_record.png

 AppInside/cloudPushOrder/img/icon_refresh.png

 AppInside/cloudPushOrder/img/icon_select.png

 AppInside/cloudPushOrder/img/icon_sn.png

 AppInside/cloudPushOrder/img/icon_store.png

 AppInside/cloudPushOrder/img/icon_tb.png

 AppInside/cloudPushOrder/img/icon_tm.png

 AppInside/cloudPushOrder/img/icon_tq1.png

 AppInside/cloudPushOrder/img/icon_tq2.png

 AppInside/cloudPushOrder/img/icon_tq3.png

 AppInside/cloudPushOrder/img/icon_wph.png

 AppInside/cloudPushOrder/openCloudPushOrder.html

New file
@@ -0,0 +1,175 @@
<!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/base.css" />

        <link rel="stylesheet" type="text/css" href="css/opeCloudPushOrder.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="http://img.flqapp.com/resource/js/app2019112217.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    </head>

    <body>

        <div id="root">

            <div class="div_header">

                <div class="div_header_title">

                    <div class="div_header_1" @click="selectTab(1)">

                        <p>云发单管理</p>

                    </div>

                    <div class="div_header_mid">

                        <div></div>

                    </div>

                    <div class="div_header_2" @click="selectTab(2)">

                        <p>发单商品库</p>

                    </div>

                </div>

                <div class="div_header_line">

                    <div class="div_header_line_1"></div>

                    <div class="div_header_line_2"></div>

                </div>

            </div>



            <!-- 云发单管理 -->

            <div class="div_cloudPushOrderManage">

                <div class="div_top_header">

                    <div class="" style="display: -webkit-flex;">

                        <img :src="userInfo.por" class="headPortrait">

                        <div>

                            <div class="nickName">杰拉斯</div>

                            <div class="desc">开通云发单，自动分享轻松赚钱</div>

                        </div>

                    </div>

                </div>



                <div class="div_contentBG1">

                    <div style="display: -webkit-flex;align-items: center; height: 0.32rem; padding-top: 0.33rem;">

                        <div style="width: 5px;height: 0.32rem; background-color: #C99663;margin-left: 0.23rem;"></div>

                        <div style="color: #000000;font-size: 0.26rem;margin-left: 0.14rem;">开启后专享特权</div>

                    </div>



                    <div style="display: -webkit-flex;">

                        <div class="divContent_tq1">

                            <div class="divContent_tq_img">

                                <img src="img/icon_tq1.png">

                            </div>

                            <div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;">

                                群自动发单

                            </div>

                        </div>



                        <div class="divContent_tq2">

                            <div class="divContent_tq_img">

                                <img src="img/icon_tq2.png">

                            </div>

                            <div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;">

                                圈自动发单

                            </div>

                        </div>



                        <div class="divContent_tq3">

                            <div class="divContent_tq_img">

                                <img src="img/icon_tq3.png">

                            </div>

                            <div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;">

                                发圈一键发单

                            </div>

                        </div>

                    </div>

                </div>



                <div class="div_contentBG2">

                    <div style="display: -webkit-flex;">

                        <div class="div_money1">

                            <div class="moneyPrice">

                                <span style="font-size: 0.32rem;">￥</span>20.00

                            </div>

                            <div class="openDate">

                                1个月

                            </div>

                            <img src="img/icon_money_select.png" class="img_moneySelect">

                        </div>

                        <div class="div_money_normol">

                            即将开放

                        </div>

                    </div>



                    <div class="div_open">

                        立即开通

                    </div>

                    <div style="display: -webkit-flex;align-items: center;margin-top: 0.2rem;">

                        <img src="img/icon_select.png" class="img_xy">

                        <div style="color: #666666;font-size: 0.22rem;margin-left: 0.16rem;">

                            同意《板栗快省云发单功能包月服务协议》

                        </div>

                    </div>



                    <div style="display: -webkit-flex;align-items: center; margin-top: 0.33rem;height: 0.25rem;" @click="openRecord()">

                        <div style="color: #BC9069;font-size: 0.26rem;margin-left: 0.16rem; margin-left: 2.95rem;">

                            开通记录

                        </div>

                        <img src="img/icon_back.png" style="width:0.1rem;height: 0.17rem;margin-left: 0.09rem;">

                    </div>

                </div>



                <div class="div_contentBG3">

                    <div class="div_tips">

                        开通须知

                    </div>

                    <div style="color: #333333; font-size: 0.24rem;margin-top: 0.37rem;padding-left: 0.25rem;padding-right: 0.15rem;">

                        1.需要通过你的微信号登录云端ipad协议才能正常使用。<br>

                        2.由于微信规则的问题，如出现个人微信号封号问题，无法事先预料和提醒，且不可逆。<br>

                        3.已经开通，无法退款，请谨慎选择。<br>

                        4.确认开通代表你同意并知晓以上问题。

                    </div>

                    <div style="height: 0.4rem;"></div>

                </div>

                <div style="height: 0.2rem;"></div>

            </div>

        </div>

    </body>



    <script>

        // "http://api.flqapp.com";

        var host = "http://api.flqapp.com";

        var host1 = "http://192.168.1.114:8848";

        $(function() {

            var app = new Vue({

                el: '#root',

                data: {

                    selectTabType: 1,

                    isOpenCloud: false, //是否了开通云发单权限

                    isWxLogin: false, //是否登录了微信

                    userInfo: {},

                    dataList: [{}, {}]

                },

                watch: {



                },

                methods: {

                    selectTab: function(type) {

                        if (app.selectTabType == type) return;

                        $('.div_header_line_' + type).css('opacity', '1')

                        $('.div_header_' + type).css('color', '#E5005C')



                        $('.div_header_line_' + app.selectTabType).css('opacity', '0')

                        $('.div_header_' + app.selectTabType).css('color', '#000000')



                        app.selectTabType = type

                    },



                    openRecord: function() {

                        yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openRecord.html', null);

                    }

                }

            });



        });

    </script>

</html>

 AppInside/cloudPushOrder/openRecord.html

New file
@@ -0,0 +1,100 @@
<!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/base.css" />

        <link rel="stylesheet" type="text/css" href="css/openRecord.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="http://img.flqapp.com/resource/js/app2019112217.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    </head>

    <body>

        <div id="root">

            <div class="div_header">

                <div class="div_header_title">

                    <div class="div_header_1" @click="selectTab(1)">

                        <p>云发单管理</p>

                    </div>

                    <div class="div_header_mid">

                        <div></div>

                    </div>

                    <div class="div_header_2" @click="selectTab(2)">

                        <p>发单商品库</p>

                    </div>

                </div>



                <div class="div_header_line">

                    <div class="div_header_line_1"></div>

                    <div class="div_header_line_2"></div>

                </div>

            </div>



            <div class="div_openRecord">开通记录</div>



            <!-- 云发单管理 -->

            <div class="div_cloudPushOrderManage_other">

                <div class="div_list">

                    <div class="div_item" v-for="(item, index) in dataList">

                        <div class="div_item_left">

                                <img src="img/icon_record.png" style="width: 0.7rem;height: 0.7rem;margin-left: 0.16rem;margin-top: 0.39rem;">
                                <div >
                                    <div style="color: #333333;font-size: 0.28rem;height: 0.28rem;display: -webkit-flex;align-items: center;margin-top: 0.3rem;margin-left: 0.24rem;">
                                        成功开通 1个月
                                    </div>
                                    <div style="color: #E5005C;font-size: 0.36rem;height: 0.28rem;font-weight: bold; display: -webkit-flex;align-items: center;margin-top: 0.28rem;margin-left: 0.22rem;">
                                        ￥20.00
                                    </div>
                                </div>

                        </div>

                        <div style="color: #666666;font-size: 0.24rem;height: 0.18rem;display: -webkit-flex;align-items: center;margin-top: 0.35rem;margin-right: 0.2rem;">

                            2020.02.02 20:00 
                        </div>
						
                        <div class="line"></div>

                    </div>

                </div>

            </div>

        </div>

    </body>

    <script>

        // "http://api.flqapp.com";

        var host = "http://api.flqapp.com";

        var host1 = "http://192.168.1.114:8848";

        $(function() {

            var app = new Vue({

                el: '#root',

                data: {

                    selectTabType: 1,

                    isOpenCloud: false, //是否了开通云发单权限

                    isWxLogin: false, //是否登录了微信

                    userInfo: {},

                    dataList: [{}, {}]

                },

                watch: {



                },

                methods: {

                    selectTab: function(type) {

                        if (app.selectTabType == type) return;

                        $('.div_header_line_' + type).css('opacity', '1')

                        $('.div_header_' + type).css('color', '#E5005C')



                        $('.div_header_line_' + app.selectTabType).css('opacity', '0')

                        $('.div_header_' + app.selectTabType).css('color', '#000000')



                        app.selectTabType = type

                    },

                }

            });



        });

    </script>

</html>

 AppInside/dataPreview/fund.html

@@ -122,17 +122,17 @@
            </div>

            <!-- 收货详情 -->

            <div class="div_receiveDetail">

                <div class="div_detail_title">收货详情</div>

                <div class="div_detail_title">到账详情</div>



                <div class="div_fundDetail_conte1">

                    <div class="div_fundDetail_content1_left">

                        <div id="div_thisMonth_tx" class="baleneceName">

                            本月已收货

                            待确认收货

                        </div>

                        <div class="div_input">

                            <div class="div_content">

                                <div>¥</div>

                                <input id="inpunt_monthSettleMoney" class="input_number" :value="moneyInfo.monthSettleMoney" type="number"

                                <input id="inpunt_notSettleMoney" class="input_number" :value="moneyInfo.notSettleMoney" type="number"

                                 onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"

                                 @blur="blur()">

                            </div>

@@ -141,12 +141,12 @@


                    <div class="div_fundDetail_content1_mid">

                        <div id="div_thisMonth_tx" class="baleneceName">

                            上月已收货

                            本月未到账

                        </div>

                        <div class="div_input">

                            <div class="div_content">

                                <div>¥</div>

                                <input id="inpunt_lastMonthSettleMoney" class="input_number" :value="moneyInfo.lastMonthSettleMoney" type="number"

                                <input id="inpunt_monthUnRecievedMoney" class="input_number" :value="moneyInfo.monthUnRecievedMoney" type="number"

                                 onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" @focus="focus()"

                                 @blur="blur()">

                            </div>

@@ -155,12 +155,12 @@


                    <div class="div_fundDetail_content1_right">

                        <div id="div_thisMonth_tx" class="baleneceName">

                            待确认收货

                            全部未到账

                        </div>

                        <div class="div_input">

                            <div class="div_content">

                                <div>¥</div>

                                <input id="inpunt_notSettleMoney" class="input_number" :value="moneyInfo.notSettleMoney" type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"

                                <input id="inpunt_totalUnRecievedMoney" class="input_number" :value="moneyInfo.totalUnRecievedMoney" type="number" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')"

                                 @focus="focus()" @blur="blur()">

                            </div>

                        </div>

@@ -449,12 +449,12 @@
                        var totalInviteMoney = $('#inpunt_totalInviteMoney').val();

                        totalInviteMoney = totalInviteMoney.replace('￥', '')



                        // 本月已收货

                        var monthSettleMoney = $('#inpunt_monthSettleMoney').val();

                        // 本月未到账

                        var monthSettleMoney = $('#inpunt_monthUnRecievedMoney').val();

                        monthSettleMoney = monthSettleMoney.replace('￥', '')



                        // 上月已收货

                        var lastMonthSettleMoney = $('#inpunt_lastMonthSettleMoney').val();

                        // 全部未到账

                        var lastMonthSettleMoney = $('#inpunt_totalUnRecievedMoney').val();

                        lastMonthSettleMoney = lastMonthSettleMoney.replace('￥', '')



                        // 待确认收货


 AppInside/teamBonus/img/icon_jd.png

 AppInside/teamBonus/img/icon_sn.png

 AppInside/teamBonus/img/icon_wph.png

 AppInside/teamBonus/teamBonusDetail.html

@@ -49,7 +49,12 @@
                <div class="items" v-for="(item, index) in dataList">

                    <div class="div_itemTopBG">

                        <div class="div_itemTopBG_left">

                            <img src="img/icon_tb.png">

                            <img v-if="item.sourceType==1" src="img/icon_tb.png">

                            <img v-else-if="item.sourceType==2" src="img/icon_jd.png">

                            <img v-else-if="item.sourceType==3" src="img/icon_pdd.png" style="width: 0.86rem;">
                            <img v-else-if="item.sourceType==4" src="img/icon_wph.png" style="width: 0.9rem;">
                            <img v-else-if="item.sourceType==5" src="img/icon_sn.png" style="width: 1.12rem;">
							
                            <div class="">

                                订单号：{{item.orderNo}}

                            </div>

@@ -120,10 +125,10 @@
                },

                methods: {

                    copy: function(orderNo) {

                        yesApp.copyText(orderNo);
                        var type = yesApp.getPlatform();
                        if (type == 1) {
                            yesApp.toast('复制成功');
                        yesApp.copyText(orderNo);

                        var type = yesApp.getPlatform();

                        if (type == 1) {

                            yesApp.toast('复制成功');

                        }

                    },




 AppInside/teamFans/css/fansSearchResult.css

@@ -313,7 +313,7 @@
.div_descContent5 {
    color: #888888;
    background-color: white;
    height: 1.35rem;
    height: 2rem;
    margin-top: 0.64rem;
    padding-left: 0.28rem;
    display: -webkit-flex;

 AppInside/teamFans/fansSearchResult.html

@@ -16,16 +16,19 @@
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    </head>

    <body>

        <div class="div_search">

            <div class="div_search_gary">

                <img src="img/icon_search.png">

                <input id="input_key" class="inputc" type="text" placeholder="手机号/邀请码/快省ID" />

            </div>

            <div class="div_search_button" onclick="touchSearch()">

                搜索

            </div>

        </div>

        <div id="root" style="display: none;">

            <div class="div_search">

                <div class="div_search_gary">

                    <img src="img/icon_search.png">

                    <form action="" v-on:submit.prevent style="height: 0.6rem; display: -webkit-flex;align-items: center;">

                        <input id="input_result" class="inputc" type="search" autofocus="autofocus" placeholder="手机号/邀请码/快省ID" />

                    </form>

                </div>

                <div class="div_search_button" @click="touchSearch">

                    搜索

                </div>

            </div>



            <!-- 头部卡片 -->

            <div class="div_cardBG">

                <div class="line"></div>

@@ -148,8 +151,7 @@
    <script>

        // "http://api.flqapp.com";

        var host = "http://api.flqapp.com";

        var key = getQueryString('key');

        $('#input_key').val(key);

        var requestResult = getQueryString('key');

        var app = null;



        $(function() {

@@ -167,6 +169,7 @@
                watch: {

                    userInfo: function(val) {

                        $('#root').css('display', 'block')

                        $('#input_result').val(requestResult);

                    }

                },

                methods: {

@@ -185,12 +188,18 @@
                        }

                    },



                    touchSearch: function() {

                        requestResult = $('#input_result').val();

                        app.fetchFansSearch();

                    },



                    fetchFansSearch: function() {

                        yesApp.showLoading();

                        var uid = yesApp.getUid();



                        var params = {

                            uid: uid,

                            key: key

                            key: requestResult

                        };

                        params = yesApp.getRequestBaseParams(params);

                        $.ajax({

@@ -223,6 +232,7 @@
                                }

                            },

                            error: function(XMLHttpRequest, textStatus, errorThrown) {



                                yesApp.hideLoading();

                                if (textStatus === 'timeout') {

                                    setTimeout(function() {}, 2000);

@@ -233,11 +243,18 @@
                }

            });

            app.fetchFansSearch();

        });



        function touchSearch() {

            key = $('#input_key').val();

            app.fetchFansSearch();

        }

            $("#input_result").keypress(function(e) {

                var keys = $.trim($(this).val());

                if (e.keyCode === 13) {

                    if (keys == null || keys.length == 0 || keys == '') {

                        return;

                    }

                    requestResult = keys;
                    document.activeElement.blur();

                    app.fetchFansSearch();

                }

            })

        });

    </script>

</html>

 AppInside/teamOrder/orderSearchResult.html

@@ -1,4 +1,3 @@
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

@@ -16,17 +15,22 @@
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

    </head>

    <body>



        <div class="div_search">

            <div class="div_search_gary">

                <img src="img/icon_search.png">

                <input id="input_key" class="inputc" type="text" placeholder="输入快省ID/订单号" />

                <form action="javascript:;" id="searchFrom" onsubmit="searchList">

                    <input id="input_key" class="inputc" type="search" placeholder="输入快省ID/订单号" />

                </form>

            </div>

            <div class="div_search_button" onclick="touchSearch()">

                搜索

            </div>

        </div>



        ˚

        <div id="root" style="display: none;">





            <div class="div_item_bg">

                <div class="items" v-for="(item, index) in dataList">

                    <div style="height: 0.2rem;background-color: #F3F3F3;"></div>

@@ -117,17 +121,16 @@
                data: {

                    buttonName: '提交预览',

                    orderList: null,

                    dataList: [],

                    dataList: null,

                },

                watch: {

                    orderList: function(val) {

                        $('#root').css('display', 'block');

                    }



                    }

                },

                methods: {

                    fetchFansSearch: function() {

                        // yesApp.toast('点击了')

                        yesApp.showLoading();

                        var uid = yesApp.getUid();

                        var params = {

@@ -152,6 +155,7 @@
                                    }

                                    app.dataList = result.data.list;





                                } else {

                                    yesApp.toast(result.msg);

                                }

@@ -167,11 +171,22 @@
                }

            });

            app.fetchFansSearch();

        });



        function touchSearch() {

            key = $('#input_key').val();

            app.fetchFansSearch();

        }

            $("#input_key").keypress(function(e) {

                var key = $.trim($(this).val());

                if (e.keyCode === 13) {

                    if (key == null || key.length == 0 || key == '') {

                        return;

                    }

                    document.activeElement.blur();

                    app.fetchFansSearch();

                }

            })

        });
		
        function touchSearch() {
            key = $('#input_key').val();
            app.fetchFansSearch();
        };

    </script>

</html>