my_yuyue.html 15.4 KB
<!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">
</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">{$yyxs}</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>
        </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>
                <div class="btn_yuyue" onclick=location.href="{:url('user/yuyue/index')}">
                    <img src="/static/image/btn_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">{$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="0">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">取消预约</b>
                                </div>
                            </case>
                            <case value="1">
                                <div class="yuyue_btn">
                                    <b class="click_yuyue" data-id="{$vo.id}">取消预约</b>
                                </div>
                            </case>
                            <case value="2">
                                <div class="yuyue_btn" onclick=location.href="{:url('user/comment/index',array('id'=>$vo['teach_id'],'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_stu',array('yuyue_id'=>$vo['id']))}">
                                    <b class="click_yuyue">查看评价</b>
                                </div>
                            </case>
                            <default />
                        </switch>


                    </div>
                </volist>

            </empty>
        </div>
        <!--待学车-->
        <div class="yuyue-content hide">
            <empty name="dxdata">
                <div class="no_yuyue">
                    <img src="/static/image/no_yuyue.png">
                </div>
                <div class="btn_yuyue" onclick=location.href="{:url('user/yuyue/index')}">
                    <img src="/static/image/btn_yuyue.png">
                </div>
                <else />
                <volist name="dxdata" id="vo">
                    <div class="yuyueList">
                        <div class="yList_top">
                            <b>{$vo.status|yuyue_status_name}</b>
                            <i>{$vo.create_time|date="Y-m-d",###}</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">{$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">
                            <b class="click_yuyue">取消预约</b>
                        </div>
                    </div>
                </volist>

            </empty>
        </div>
        <!--待点评-->
        <div class="yuyue-content hide">
            <empty name="dpdata">
                <div class="no_yuyue">
                    <img src="/static/image/no_yuyue.png">
                </div>
                <div class="btn_yuyue" onclick=location.href="{:url('user/yuyue/index')}">
                    <img src="/static/image/btn_yuyue.png">
                </div>
                <else />
                <volist name="dpdata" id="vo">
                    <div class="yuyueList">
                        <div class="yList_top">
                            <b>{$vo.status|yuyue_status_name}</b>
                            <i>{$vo.create_time|date="Y-m-d",###}</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">{$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/index',array('id'=>$vo['teach_id'],'yuyue_id'=>$vo['id']))}">
                            <b class="click_yuyue">去评价</b>
                        </div>
                    </div>
                </volist>

            </empty>
        </div>
        <!--已点评-->
        <div class="yuyue-content hide">
            <empty name="ypdata">
                <div class="no_yuyue">
                    <img src="/static/image/no_yuyue.png">
                </div>
                <div class="btn_yuyue" onclick=location.href="{:url('user/yuyue/index')}">
                    <img src="/static/image/btn_yuyue.png">
                </div>
                <else />
                <volist name="ypdata" id="vo">
                    <div class="yuyueList">
                        <div class="yList_top">
                            <b>{$vo.status|yuyue_status_name}</b>
                            <i>{$vo.create_time|date="Y-m-d",###}</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">{$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/show_stu',array('yuyue_id'=>$vo['id']))}">
                            <b class="click_yuyue">查看评价</b>
                        </div>
                    </div>
                </volist>

            </empty>
        </div>
    </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(){
        $('.yList_top').each(function(){
           var colorHtml=$(this).children('b').html();
           if(colorHtml=="待学车"){
               $(this).children('b').css("color","#53a6fa");
           }
        });
        $('.click_yuyue').click(function(){
            var id=$(this).attr("data-id");
            var cancel_fa=$(this).parent().parent();
            var con_text=$(this).html().trim();
            if(con_text=="取消预约"){
                var yu_day=$(this).parent().prev().prev().find('i').text();
                var yu_times=$(this).parent().prev().find('.yu_times').text().split('-')[0];
                var yuTime=new Date(yu_day+' '+yu_times).getTime();
                var two_hour = 12*3600*1000;
                var date=new Date().getTime();
                if(yuTime-date<=two_hour){
                    $('.tan_car').attr("src","/static/image/tan_car2.png");
                    $('.tan_car').css({"width":"4.97rem","height":"2.88rem"});
                    $('.tan_text').html("抱歉,已过取消预约时间无法取消");
                    tankuang();
                    $('.btn_qr').click(function() {
                        $("html").css("overflow", "auto");
                        $("body").css("overflow", "auto");
                        $(".full_bg").hide();
                        $(".yu_tan").hide();
                    });
                }else{
                    tankuang();
                    $('.btn_qr').click(function(){
                        $("html").css("overflow","auto");
                        $("body").css("overflow","auto");
                        $(".full_bg").hide();
                        $(".yu_tan").hide();
                        $.ajax({
                            url:"{:url('redo')}",
                            type:"post",
                            data:{
                                id:id
                            },success:function (res) {
                                if(res.code==1){
                                    cancel_fa.remove();
                                    window.history.go(0);
                                }
                            }
                        })
                    });
                }
            }
        });
    });
    $(function(){
        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();
            /*get('http://127.0.0.1:8000',{
                type:1,
                time:'2017-09-08'
            }).then(function (value) {
                console.log(value);
                var list = [
                    {time:'2018-06-21',teach_name:'张教练',car_type:'自动挡',date:'周四',range_time:'08:00 - 12:00'},
                    {time:'2018-06-21',teach_name:'张教练',car_type:'自动挡',date:'周四',range_time:'08:00 - 12:00'},
                    {time:'2018-06-21',teach_name:'张教练',car_type:'自动挡',date:'周四',range_time:'08:00 - 12:00'},
                    {time:'2018-06-21',teach_name:'张教练',car_type:'自动挡',date:'周四',range_time:'08:00 - 12:00'},
                    {time:'2018-06-21',teach_name:'张教练',car_type:'自动挡',date:'周四',range_time:'08:00 - 12:00'},
                ];
                var str = '';
                for(var i=0;i<list.length;i++){
                    str +=  '<div class="yuyueList">\n' +
                        '                <div class="yList_top">\n' +
                        '                    <b>待学车</b>\n' +
                        '                    <i>'+i.time+'</i>\n' +
                        '                </div>\n' +
                        '                <div class="yList_info">\n' +
                        '                    <img src="image/head.png" class="yu_user_head"/>\n' +
                        '                    <div class="yu_user_info">\n' +
                        '                        <b class="user_name">'+i.name+'</b>\n' +
                        '                        <i class="user_fun">'+i.car_type+'</i>\n' +
                        '                    </div>\n' +
                        '                    <div class="yu_date">\n' +
                        '                        <b class="yu_week">'+i.date+'</b>\n' +
                        '                        <i class="yu_times">'+i.range_time+'</i>\n' +
                        '                    </div>\n' +
                        '                </div>\n' +
                        '                <div class="yuyue_btn">\n' +
                        '                    <b class="click_yuyue">取消预约</b>\n' +
                        '                </div>\n' +
                        '            </div>\n'+
                        '</div>';
                }
                $('.yuyue_box').html(str);
            }).catch(function (err) {
                //这个是失败的回调
                console.log(err);
            });*/
        });
    });
</script>
</body>
</html>