<!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;
        }
    </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">
    <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;">
                            111
                        </div>
                        <div class="log_ten_shu_name txt-cut" style="-webkit-line-clamp: 2;">一大堆的民治都是的萨哈大大一大堆的民治都是的萨哈大大一大堆的民治都是的萨哈大大姐撒旦教哦和卡视角断开连接案件断开连接</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">

                                1111
                            </div>
                        </div>
                    </div>
                    <div class="log_ten_list_one_right" style="margin-top: 0.16rem;">
                        <div class="log_ten_list_one_right_top"><span>¥</span>20</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="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_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 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() {
                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("请先选择学校")
        }
    })
</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();

        if(xeschool == '请选择学校'){
            alert('请选择学校');
        }else{
            if(xegread == '请选择班级'){
                alert('请选择班级');
            }else{
                grade_class =  xeschool+' '+xegread;
                if(start_time == '请选择开始时间'){
                    start_time = '';
                }
                if(end_time == '请选择结束时间'){
                    end_time = '';
                }
                window.location.href = "{:url('Personalcenter/mall_profit')}?grade_class="+grade_class+"&start_time="+start_time+"&end_time="+end_time;
            }
        }
         }

</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>