<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>我的预约</title>
    <link rel="stylesheet" href="/static/css/common.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <style>
        .yuyueMenu li {
            width: 20%;
        }

        .yu_tan .yu_tan_box .tan_text {
            width: 100%;
        }

        .yuyueList {
            margin-bottom: 0.2666666667rem;
        }
    </style>
</head>
<body style="background-color: #f6f6f6">
<div class="box">
    <div class="yuyueTop">
        <div class="head_left">
            <img src="{$p_info.headimgurl}">
            <b class="uesr_name">{$p_info.user_nickname}</b>
        </div>
        <div class="study_right">
            <b class="study_num">{$yjxs}</b>
            <i>已教学学时</i>
        </div>
    </div>
    <div class="yuyueMenu">
        <ul>
            <li class="yuyue_cur">
                <b>全部</b>
            </li>
            <li><b>待学车</b></li>
            <li><b>进行中</b></li>
            <li><b>待点评</b></li>
            <li><b>已点评</b></li>
        </ul>
    </div>
    <div class="yuyue_box">
        <!--全部-->
        <div class="yuyue-content">
            <empty name="data">
                <div class="no_yuyue">
                    <img src="/static/image/no_yuyue.png">
                </div>
                <else/>
                <volist name="data" id="vo">

                    <div class="yuyueList">
                        <div class="yList_top">
                            <b>{$vo.status|yuyue_status_name}</b>
                            <i>{$vo.yuyue_day|date_to_date}</i>
                        </div>
                        <div class="yList_info">
                            <img src="{$vo.headimgurl}" class="yu_user_head"/>
                            <div class="yu_user_info">
                                <b class="user_name">{$vo.user_nickname}</b>
                                <i class="user_fun">{$vo.uid|id_gname}</i>
                            </div>
                            <div class="yu_date">
                                <b class="yu_week">{$vo.yuyue_week}</b>
                                <i class="yu_times">{$vo.yuyue_begin}:00 - {$vo.yuyue_end}:00</i>
                            </div>
                        </div>
                        <switch name="$vo.status">
                            <case value="1">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">开始学车</b>
                                    <b class="click_jindu"
                                       onclick=location.href="{:url('user/comment/jindu',array('id'=>$vo['uid'],'yuyue_id'=>$vo['id']))}">查看进度</b>
                                </div>
                            </case>
                            <case value="2">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/pingjia_by_coach',array('id'=>
                                    $vo['uid'],'yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">去评价</b>
                                </div>
                            </case>
                            <case value="3">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/show',array('id'=>
                                    $vo['uid'],'yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">查看评价</b>
                                </div>
                            </case>
                            <case value="4">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">学车完毕</b>
                                </div>
                            </case>
                            <default/>
                        </switch>
                    </div>
                </volist>
            </empty>
        </div>
        <!--待学车-->
        <div class="yuyue-content hide">
            <empty name="data1">
                <div class="no_yuyue">
                    <img src="/static/image/no_yuyue.png">
                </div>
                <else/>
                <volist name="data1" id="vo">

                    <div class="yuyueList">
                        <div class="yList_top">
                            <b>{$vo.status|yuyue_status_name}</b>
                            <i>{$vo.yuyue_day|date_to_date}</i>
                        </div>
                        <div class="yList_info">
                            <img src="{$vo.headimgurl}" class="yu_user_head"/>
                            <div class="yu_user_info">
                                <b class="user_name">{$vo.user_nickname}</b>
                                <i class="user_fun">{$vo.uid|id_gname}</i>
                            </div>
                            <div class="yu_date">
                                <b class="yu_week">{$vo.yuyue_week}</b>
                                <i class="yu_times">{$vo.yuyue_begin}:00 - {$vo.yuyue_end}:00</i>
                            </div>
                        </div>
                        <switch name="$vo.status">
                            <case value="1">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">开始学车</b>
                                    <b class="click_jindu"
                                       onclick=location.href="{:url('user/comment/jindu',array('id'=>$vo['uid'],'yuyue_id'=>$vo['id']))}">查看进度</b>
                                </div>
                            </case>
                            <case value="2">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/pingjia_by_coach',array('id'=>
                                    $vo['uid'],'yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">去评价</b>
                                </div>
                            </case>
                            <case value="3">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/show',array('id'=>
                                    $vo['uid'],'yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">查看评价</b>
                                </div>
                            </case>
                            <case value="4">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">学车完毕</b>
                                </div>
                            </case>
                            <default/>
                        </switch>
                    </div>
                </volist>
            </empty>
        </div>
        <!--学车中-->
        <div class="yuyue-content hide">
            <empty name="data2">
                <div class="no_yuyue">
                    <img src="/static/image/no_yuyue.png">
                </div>
                <else/>
                <volist name="data2" id="vo">

                    <div class="yuyueList">
                        <div class="yList_top">
                            <b>{$vo.status|yuyue_status_name}</b>
                            <i>{$vo.yuyue_day|date_to_date}</i>
                        </div>
                        <div class="yList_info">
                            <img src="{$vo.headimgurl}" class="yu_user_head"/>
                            <div class="yu_user_info">
                                <b class="user_name">{$vo.user_nickname}</b>
                                <i class="user_fun">{$vo.uid|id_gname}</i>
                            </div>
                            <div class="yu_date">
                                <b class="yu_week">{$vo.yuyue_week}</b>
                                <i class="yu_times">{$vo.yuyue_begin}:00 - {$vo.yuyue_end}:00</i>
                            </div>
                        </div>
                        <switch name="$vo.status">
                            <case value="1">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">开始学车</b>
                                    <b class="click_jindu"
                                       onclick=location.href="{:url('user/comment/jindu',array('id'=>$vo['uid'],'yuyue_id'=>$vo['id']))}">查看进度</b>
                                </div>
                            </case>
                            <case value="2">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/pingjia_by_coach',array('id'=>
                                    $vo['uid'],'yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">去评价</b>
                                </div>
                            </case>
                            <case value="3">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/show',array('id'=>
                                    $vo['uid'],'yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">查看评价</b>
                                </div>
                            </case>
                            <case value="4">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">学车完毕</b>
                                </div>
                            </case>
                            <default/>
                        </switch>
                    </div>
                </volist>
            </empty>
        </div>
        <!--待点评-->
        <div class="yuyue-content hide">
            <empty name="data3">
                <div class="no_yuyue">
                    <img src="/static/image/no_yuyue.png">
                </div>
                <else/>
                <volist name="data3" id="vo">

                    <div class="yuyueList">
                        <div class="yList_top">
                            <b>{$vo.status|yuyue_status_name}</b>
                            <i>{$vo.yuyue_day|date_to_date}</i>
                        </div>
                        <div class="yList_info">
                            <img src="{$vo.headimgurl}" class="yu_user_head"/>
                            <div class="yu_user_info">
                                <b class="user_name">{$vo.user_nickname}</b>
                                <i class="user_fun">{$vo.uid|id_gname}</i>
                            </div>
                            <div class="yu_date">
                                <b class="yu_week">{$vo.yuyue_week}</b>
                                <i class="yu_times">{$vo.yuyue_begin}:00 - {$vo.yuyue_end}:00</i>
                            </div>
                        </div>

                        <div class="yuyue_btn" onclick=location.href="{:url('user/comment/pingjia_by_coach',array('id'=>
                            $vo['uid'],'yuyue_id'=>$vo['id']))}">
                            <b class="click_yuyue">去评价</b>
                        </div>
                    </div>
                </volist>
            </empty>
        </div>
        <!--已点评-->
        <div class="yuyue-content hide">
            <empty name="data4">
                <div class="no_yuyue">
                    <img src="/static/image/no_yuyue.png">
                </div>
                <else/>
                <volist name="data4" id="vo">

                    <div class="yuyueList">
                        <div class="yList_top">
                            <b>{$vo.status|yuyue_status_name}</b>
                            <i>{$vo.yuyue_day|date_to_date}</i>
                        </div>
                        <div class="yList_info">
                            <img src="{$vo.headimgurl}" class="yu_user_head"/>
                            <div class="yu_user_info">
                                <b class="user_name">{$vo.user_nickname}</b>
                                <i class="user_fun">{$vo.uid|id_gname}</i>
                            </div>
                            <div class="yu_date">
                                <b class="yu_week">{$vo.yuyue_week}</b>
                                <i class="yu_times">{$vo.yuyue_begin}:00 - {$vo.yuyue_end}:00</i>
                            </div>
                        </div>
                        <switch name="$vo.status">
                            <case value="1">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">开始学车</b>
                                    <b class="click_jindu"
                                       onclick=location.href="{:url('user/comment/jindu',array('id'=>$vo['uid'],'yuyue_id'=>$vo['id']))}">查看进度</b>
                                </div>
                            </case>
                            <case value="2">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/pingjia_by_coach',array('id'=>
                                    $vo['uid'],'yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">去评价</b>
                                </div>
                            </case>
                            <case value="3">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/show',array('id'=>
                                    $vo['uid'],'yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">查看评价</b>
                                </div>
                            </case>
                            <case value="4">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">学车完毕</b>
                                </div>
                            </case>
                            <default/>
                        </switch>
                    </div>
                </volist>
            </empty>
        </div>
    </div>
    <div class="no_yuyue">
        <img src="/static/image/no_yuyue.png">
    </div>
    <div class="btn_yuyue">
        <img src="/static/image/btn_yuyue.png">
    </div>
</div>
<!--弹跳框-->
<div class="full_bg"></div>
<div class="yu_tan">
    <div class="yu_tan_box">
        <img src="/static/image/tan_car1.png" class="tan_car"/>
        <h1 class="tan_text">是否确认学员已开始学车?</h1>
        <h2 class="btn_qr">确认</h2>
    </div>
    <div class="cancel"></div>
</div>
<!--ceshi-->
<input type="hidden" value="60" class="yu_time"/>
<script type="text/javascript" src="/static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/js/study_car.js"></script>
<script>
    $(function () {
        var num = $('.yuyue-content').children();
        var id = null;
        console.log(num.length);
        if (num.length == 0) {
            $('.no_yuyue').show();
            $('.btn_yuyue').show();
        } else {
            $('.no_yuyue').hide();
            $('.btn_yuyue').hide();
        }
        $('.yList_top').each(function () {
            var colorHtml = $(this).children('b').html();
            if (colorHtml == "待学车") {
                $(this).children('b').css("color", "#53a6fa");
            }
        });
        $('.click_yuyue').click(function () {
            var con_text = $(this).html().trim();
            id = $(this).attr('data-id');
            if (con_text == "开始学车") {
                tankuang();
                $('.btn_qr').click(function () {
                    console.log(id);
                    get('{:url("kaishi_xue")}', {
                        id: id
                    }).then(function (res) {
                        console.log(res);
                        if(res.code == '1'){
                            history.go(0);
                        }
                    })
                    $("html").css("overflow", "auto");
                    $("body").css("overflow", "auto");
                    $(".full_bg").hide();
                    $(".yu_tan").hide();
                });
            } else if (con_text == "学车完毕") {
                $('.tan_text').html("是否确认学员该次已学车完毕?");
                tankuang();
                $('.btn_qr').click(function () {
                    get('{:url("wanbi_xue")}', {
                        id: id
                    }).then(function (res) {
                        console.log(res);
                        if(res.code == '1'){
                            history.go(0);
                        }
                    })
                    $("html").css("overflow", "auto");
                    $("body").css("overflow", "auto");
                    $(".full_bg").hide();
                    $(".yu_tan").hide();
                });
            }
        });

        function get(url/*后台的地址*/, obj/*后台需要的数据*/) {
            var promise = new Promise(function (resolve, reject) {
                $.ajax({
                    url: url,
                    data: obj,
                    success: function (res) {
                        resolve(res);
                    },
                    failure: function (err) {
                        reject(err);
                    }
                })
            });//等一下发嗯
            return promise;
        }

        var $div_li = $(".yuyueMenu ul li");
        $div_li.click(function () {
            $(this).addClass("yuyue_cur")
                .siblings().removeClass("yuyue_cur");
            var index = $div_li.index(this);
            $("div.yuyue_box > div").eq(index).show().siblings().hide();
        });
        /*$('.btn_qr').click(function () {
            get('{:url("wanbi_xue")}', {
                id: id
            }).then(function (res) {
                console.log(res);
                if(res.code == '1'){
                    history.go(0);
                }
            })
        });*/
    });
</script>
</body>
</html>