mall_profit.html 22.3 KB

原文件审查历史永久链接

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>学考无忧-商场盈利</title>
    <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/log.css" />
    <style type="text/css">
        .mui-poppicker-header,
        .mui-picker {
            background-color: white;
        }

        .mui-btn-blue,
        .mui-btn-primary,
        input[type=submit] {
            background-color: #FF7700;
            border: 0;
        }

        .mui-pciker-list li.highlight {
            color: #FF7700;
        }
        .mui-dtpicker-header,.mui-dtpicker-title h5{
            background-color: white;
        }
        .tx_mask_class {
            display: none;
            z-index: 3;
            width: 100%;
            height: 100%;
            position: fixed;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .tx_maskCon_class {
            width: 100%;
            height: 5.16rem;
            background: #fff;
            position: fixed;
            bottom: 0;
        }

        .three_model_class_name {
            height: 0.36rem;
            margin: 0.08rem;
            font-size: 0.24rem;
            font-weight: 400;
            color: #666666;
            opacity: 1;
            padding: 0.2rem 0;
            line-height: 0;
            border-left: none;
            border-right: none
        }
        .log_ten_shu_name{
            margin-top: 0.12rem;
            width: 3.2rem;
            font-size: 0.28rem;
            cursor: pointer;
            font-weight: 400;
            color: rgba(51, 51, 51, 1);
            opacity: 1;
        }
        body {
            background: #f7f7f7;
        }
        .log_top_co,
        .log_ten_list_contant,
        .log_three_tab,
        .log_ten_money_select_bottom,
        .express {
            background: #fff;
        }
        .sum_up {
            text-align: center;
        }
        .sum_title {
            font-size: 0.27rem;
            font-weight: 400;
            line-height: 0.36rem;
            color: rgba(51, 51, 51, 1);
            position: relative;
        }
        .sum_title::before {
            content: "";
            width: 2.48rem;
            height: 0.01rem;
            background: #e6e6e6;
            position: absolute;
            top: 8px;
            left: 20px;
        }
        .sum_title::after {
            content: "";
            width: 2.48rem;
            height: 0.01rem;
            background: #e6e6e6;
            position: absolute;
            top: 8px;
            right: 20px;
        }
        .sum_money {
            margin-top: 0.26rem;
            font-size: 0.54rem;
            font-weight: 400;
            line-height: 0.48rem;
            color: rgba(242, 0, 0, 1);
            margin-bottom: 0.44rem;
        }
        .express {
            display: -webkit-box;
            /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
            display: -moz-box;
            /* Firefox 17- */
            display: -webkit-flex;
            /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
            display: -moz-flex;
            /* Firefox 18+ */
            display: -ms-flexbox;
            /* IE 10 */
            display: flex;
            /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
            justify-content: space-between;
            align-items: center;
            padding: 0.3rem 1.28rem;
            box-sizing: border-box;
        }
        .express_contant {
            width: 1.68rem;
            height: 0.62rem;
            border: 0.02rem solid rgba(255, 119, 0, 1);
            border-radius: 0.12rem;
            font-size: 0.24rem;
            font-weight: 400;
            line-height: 0.62rem;
            color: rgba(255, 119, 0, 1);
            text-align: center;
        }
        .express_contants {
            width: 1.68rem;
            height: 0.62rem;
            background: linear-gradient( 180deg, rgba(255, 119, 0, 1) 0%, rgba(255, 157, 45, 1) 100%);
            border-radius: 0.12rem;
            font-size: 0.24rem;
            font-weight: 400;
            line-height: 0.62rem;
            color: rgba(255, 255, 255, 1);
            text-align: center;
        }
    </style>
</head>

<body>


<!--学校弹窗-->
<div class="tx_mask_school" onclick="$(this).hide()">
    <div class="tx_maskCon_school" onclick="zZFun(this)">
        <div class="three_model_school">
            <div class="three_model_school_title">
                选择学校
            </div>
            <div class="three_model_school_data there_university" style="display: block;">
                <volist name="school" id="vo">
                    <div class="three_model_school_name  <eq name='key' value='0'>there_unActive</eq>" onclick="click_school({$vo.id})">{$vo.school}</div>
                </volist>
            </div>
        </div>
    </div>
</div>
<!--班级弹窗-->
<div class="tx_mask_class" onclick="$(this).hide()">
    <div class="tx_maskCon_class" onclick="zZFun(this)">
        <div class="three_model_school">
            <div class="three_model_school_title">
                选择班级
            </div>
            <div class="three_model_school_data there_university banjiadd" style="display: block;">
                <!--<volist name="grade_class_show" id="vo">
                    <div class="three_model_school_name banji">{$vo}</div>
                </volist>-->
            </div>
        </div>
    </div>
</div>


<!--<div class="tx_mask_school">
    <div class="tx_maskCon_school">
        <div class="three_model_school">
            <div class="three_model_school_title">
                选择学校-班级
            </div>
            <div class="three_model_school_tab">
                <div class="three_model_school_left three_model_school_hover word_color">
                    学校
                </div>
                <div class="three_model_school_left">
                    班级
                </div>
            </div>
            <div>
                <div class="three_model_school_data there_university" style="display: block;">
                    <volist name="school" id="vo">
                        <div class="three_model_school_name  <eq name='key' value='0'>there_unActive</eq>" onclick="click_school({$vo.id})">{$vo.school}</div>
                    </volist>
                </div>
                <div class="three_model_school_data there_class banjiadd">
                    <volist name="grade_class_show" id="vo">
                        <div class="three_model_school_name banji">{$vo}</div>
                    </volist>
                </div>
            </div>
        </div>
    </div>
</div>-->
<div class="log_top_co">
    <!-- 顶部 -->
    <div class=" order_top log_top_co">
        <a href="javascript:history.back(-1)">
            <img src="__TMPL__/public/assets/images/left.png" alt="" />
        </a>
        <p>商城盈利</p>
    </div>
</div>
<!-- tab切换 -->
<div class="log_three_tab" style="margin-top: 0;">
    <div class="log_three_tab_one log_three_tab_two">商城盈利</div>
    <div class="log_three_tab_one">平台盈利</div>
</div>

<div class="log_eleven_hide log_ten_block">
    <!-- 列表 -->
    <div class="log_ten_list">
        <div class="log_ten_list_contant">
            <volist name="indent_goods" id="vo">
                <div class="log_ten_list_one">
                    <div class="log_ten_list_one_center">
                        <div class="log_ten_list_one_center_top txt-cut" style="-webkit-line-clamp: 1;">
                            {$vo.order_number}
                        </div>
                        <div class="log_ten_shu_name txt-cut" style="-webkit-line-clamp: 2;">
                            <volist name="vo.book_name" id="vol">
                                {$vol.book_name},
                            </volist>
                        </div>
                        <div class="log_ten_list_one_center_bottom">
                            <div class="log_ten_list_onb_icon">
                                <img src="__TMPL__/public/assets/images/52.png" alt="" />
                            </div>
                            <div class="log_ten_list_onb_title">
                            {$vo.pay_time|date="Y-m-d H:i:s",###}

                            </div>
                        </div>
                    </div>
                    <div class="log_ten_list_one_right" >
                        <div class="log_ten_list_one_right_top"><span>￥</span>{$vo.money}</div>
                    </div>
                </div>
            </volist>
        </div>
    </div>
    <!-- 价格盈利 -->
    <div class="log_ten_money_selcet">
        <!--<div class="log_ten_money_select_top"><span>总盈利：</span>￥{$total_money}</div>-->
        <div class="sum_up">
            <div class="sum_title">总盈利</div>
            <div class="sum_money">￥{$total_money}</div>
        </div>
        <!-- 配送方式 -->
        <div class="express">
            <div class="express_contant">统一配送</div>
            <div class="express_contant">快递配送</div>
        </div>
        <div class="log_ten_money_select_bottom">
            <div class="log_nine_list_one log_banjis  log_three_select_school2">
                <div class="log_nine_list_one_left">
                    <div class="log_ten_money_select_title ">
                        选择学校
                    </div>
                </div>
                <div class="log_xue school_grade_class select_school2 xeschool">请选择学校</div>
                <div class="log_nine_list_one_right">
                    <img src="__TMPL__/public/assets/images/29.png" alt="" />
                </div>
            </div>
            <div class="log_nine_list_one log_banjis log_three_select_class2">
                <div class="log_nine_list_one_left">
                    <div class="log_ten_money_select_title ">
                        选择班级
                    </div>
                </div>
                <div class="log_xue school_grade_class select_class2 xegread">请选择班级</div>
                <div class="log_nine_list_one_right">
                    <img src="__TMPL__/public/assets/images/29.png" alt="" />
                </div>
            </div>
           <!-- <div class="log_nine_list_one log_banjis log_three_select_tongyi">
                <div class="log_nine_list_one_left">
                    <div class="log_ten_money_select_title ">
                        选择配送方式
                    </div>
                </div>
                <div class="log_xue school_grade_class express_word xekuaidi">请选择配送方式</div>
                <div class="log_nine_list_one_right">
                    <img src="__TMPL__/public/assets/images/29.png" alt="" />
                </div>
            </div>-->
            <div class="log_nine_list_one log_nineKai">
                <div class="log_nine_list_one_left">
                    <div class="log_ten_money_select_title">
                        开始时间
                    </div>
                </div>
                <div class="log_ks start_time">请选择开始时间</div>
                <div class="log_nine_list_one_right">

                    <img src="__TMPL__/public/assets/images/29.png" alt="" />
                </div>
            </div>
            <div class="log_nine_list_one log_nineJie">
                <div class="log_nine_list_one_left">
                    <div class="log_ten_money_select_title">
                        结束时间
                    </div>
                </div>
                <div class="log_jsu end_time">请选择结束时间</div>
                <div class="log_nine_list_one_right">

                    <img src="__TMPL__/public/assets/images/29.png" alt="" />
                </div>
            </div>
        </div>
    </div>

    <!-- 底部按钮 -->
    <div class="log_three_list_fixed">
        <a href="{:url('Personalcenter/mall_profit')}">
            <div class="log_three_fixed_right log_ten_bottom_btn_left">
                重置
            </div>
        </a>
        <div class="log_three_fixed_right  log_ten_bottom_btn_right" onclick="my_query()">
            查询
        </div>
    </div>
</div>
<!-- 列表 -->
<div class="log_eleven_list log_eleven_hide">
    <volist name="platform_money" id="vo">
        <div class="log_eleven_list_contant">
            <div class="log_eleven_list_contant_left">
                <div class="log_eleven_title">
                    下级购买{$vo.book_name}
                </div>
                <div class="log_eleven_time">
                    <div class="log_eleven_time_icon">
                        <img src="__TMPL__/public/assets/images/52.png" alt="" />
                    </div>
                    <div class="log_eleven_time_num">
                        {$vo.create_time|date="Y-m-d H:i:s",###}
                    </div>
                </div>
            </div>
            <div class="log_eleven_list_contant_right">
                佣金+{$vo.money}
            </div>
        </div>
    </volist>
</div>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/mui.min.js"></script>
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
<script>
    var is_courier='';
    // 配送方式
    $(".express_contant").click(function(){
        $(this).addClass("express_contants").siblings().removeClass("express_contants");
        is_courier = $(this).text();
    })
    var expresspicker = new mui.PopPicker();


    var schoolpicker = new mui.PopPicker();
    var classpicker = new mui.PopPicker();
    var class_arr = '';
    zujian();
    function zujian(data_class_arr){
        (function($, doc) {
            $.init();
            school_arr = {$school};
            console.log(data_class_arr,'dfdfds');
            $.ready(function() {
                expresspicker.setData([{
                    value: '1',
                    text: '快递配送'
                }, {
                    value: '2',
                    text: '统一配送'
                }]);
                schoolpicker.setData(school_arr);
                classpicker.setData(data_class_arr);
            });
        })(mui, document);
    }
    var school_name;
    $(".log_three_select_school2").click(function() {
        schoolpicker.show(function(e) {
            school_name = e[0].value;
            $(".select_school2").text(e[0].text);
            $('.select_school2').css('color', '#333333');
            $.post("{:url('Personalcenter/get_grade_class')}",{id:school_name},function(data){
                if(data){
                    data = JSON.parse(data);
                    zujian(data);
                }

            });
        });

    })
    $(".log_three_select_class2").click(function() {
        if(school_name != undefined) {
            classpicker.show(function(e) {
                $(".select_class2").text(e[0].text);
                $('.select_class2').css('color', '#333333');
            });
        } else {
            alert("请先选择学校")
        }
    })
    var express_word
    $(".log_three_select_tongyi").click(function() {
        expresspicker.show(function(e) {
            console.log(e, '3333')
            console.log(e[0].value);
            console.log(e[0].text);
            school_name = e[0].value
            $(".express_word").text(e[0].text);
            $('.express_word').css('color', '#333333');
        });
    })
</script>
<script>
    /**
     * 当点击学校时
     */
    function click_school(id){
        $.post("{:url('Personalcenter/get_grade_class')}",{id:id},function(data){
            if(data){
                grade = JSON.parse(data);
                $('.banji').remove();
                for(i=0;i<grade.length;i++){
                    $('.banjiadd').append("<div class='three_model_class_name banji'>"+grade[i]+"</div>");
                }
            }else{
                $('.banji').remove();
            }

        });
    }

    /**
     *点击班级时
     */
  $(document).on('click','.banji',function(){
      grade = $(this).text();
      $('.school_grade_class').text($xuexiao+" "+grade);
  })

    /**
     * 点击查询
     *
     */
    function my_query(){
        xeschool = $('.xeschool').text();
        xegread = $('.xegread').text();
        start_time = $('.start_time').text();
        end_time = $('.end_time').text();
        console.log(is_courier);
                grade_class =  xeschool+' '+xegread;
                if(xeschool == '请选择学校'){
                    xeschool = '';
                }
                if(xegread == '请选择班级'){
                    xegread = '';
                }
                if(start_time == '请选择开始时间'){
                    start_time = '';
                }
                if(end_time == '请选择结束时间'){
                    end_time = '';
                }
                window.location.href = "{:url('Personalcenter/mall_profit')}?school="+xeschool+"&start_time="+start_time+"&end_time="+end_time+"&grade="+xegread+"&is_courier="+is_courier;
         }

</script>
<script>
    $(".log_three_tab>div").click(function() {
        $(this)
            .addClass("log_three_tab_two")
            .addClass("word_color")
            .siblings()
            .removeClass("log_three_tab_two")
            .removeClass("word_color");
        var index = $(this).index();
        console.log(index);
        $(".log_eleven_hide")
            .eq(index)
            .addClass("log_ten_block")
            .siblings()
            .removeClass("log_ten_block");
    });

//    var dtpicker = new mui.DtPicker({
//        type: "date", //设置日历初始视图模式
//        beginDate: new Date(2015, 04, 25), //设置开始日期
//        labels: ['年', '月', '日'], //设置默认标签区域提示语
//        customData: {
//            h: [{
//                value: 'AM',
//                text: 'AM'
//            },
//                {
//                    value: 'PM',
//                    text: 'PM'
//                }
//            ]
//        }
//    })
    var dtpicker = new mui.DtPicker({
        type: "datetime", //设置日历初始视图模式
        beginDate: new Date(2015, 04, 25), //设置开始日期
        labels: ['年', '月', '日','时','分','秒'], //设置默认标签区域提示语
    })
    //时间/日期别名
    $('.log_nineKai').click(function(){
        dtpicker.show(function(e) {
            console.log(e);
            $('.log_ks').text(e.text);
            $('.log_ks').css('color', '#333333');
        });
    })
    $('.log_nineJie').click(function(){
        dtpicker.show(function(e) {
            console.log(e);
            $('.log_jsu').text(e.text);
            $('.log_jsu').css('color', '#333333');
        });
    })
//    //学校/班级弹窗
//    $(".log_banjis").click(function() {
//        $(".tx_mask_school").css({
//            display: "block"
//        });
//    });
    //tab弹框
    $(".three_model_school_tab>div").click(function() {
        var tabindex = $(this).index();
        $(this).addClass("three_model_school_hover").addClass("word_color").siblings().removeClass("three_model_school_hover").removeClass("word_color");
        $('.three_model_school_data').eq(tabindex).css('display', 'block').siblings().css('display', 'none');
    });
    // tab 大学
//    var $xuexiao
//    $(".there_university div").click(function() {
//        var index = $(this).index();
//        $(this).addClass("there_unActive").siblings().removeClass("there_unActive");
//        if($(this).hasClass("there_unActive")) {
//            console.log($(this).text());
//            $xuexiao = $(this).text()
//            $(".there_university").hide();
//            $(".there_class").show();
//            $('.three_model_school_left').eq(0).removeClass('word_color').removeClass('three_model_school_hover');
//            $('.three_model_school_left').eq(1).addClass('word_color').addClass('three_model_school_hover');
//        }
//    });
//    $('.there_class div').click(function() {
//        console.log($xuexiao)
//        var index2 = $(this).index();
//        $(this).addClass("there_unActive").siblings().removeClass("there_unActive");
//        if($xuexiao == undefined) {
//            alert('请选择学校')
//        } else if($(this).hasClass("there_unActive")) {
//            var banji = $(this).text();
//            $('.log_xue').text($xuexiao + ' ' + "—" + ' ' + banji);
//            $(".log_xue").css("color","#333")
//            $(".tx_mask_school").hide();
//        }
//    })
    //选择学校
/*    $(".log_three_select_school2").click(function() {
        $(".tx_mask_school").css("display", "block")
    })
    $(".three_model_school_name").click(function() {
        var str = $(this).text();
        console.log(str);
        $(this).addClass("there_unActive").siblings().removeClass("there_unActive");
        $(".select_school2").text(str);
        $('.select_school2').css('color', '#333333');
        $(".tx_mask_school").css("display", "none")
    })
    //选择班级
    $(".log_three_select_class2").click(function() {
        $(".tx_mask_class").css("display", "block")
    })
    $("body .banjiadd").on('click', '.three_model_class_name', function () {
        var str = $(this).text();
        console.log(str)
        $(this).addClass("there_unActive").siblings().removeClass("there_unActive");
        $(".select_class2").text(str);
        $('.select_class2').css('color', '#333333');
        $(".tx_mask_class").css("display", "none")
        console.log($(".select_class2").text(str))
    })

    function zZFun(e) {
        window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
    }*/
    // 关闭弹窗
//    $(document).mouseup(function(e) {
//        var _con = $('.tx_maskCon_school');
//        if(!_con.is(e.target) && _con.has(e.target).length === 0) {
//            $('.tx_mask_school').hide()
//        }
//    })
</script>
</body>

</html>