824b73732e04ee5fafb924e3629284e8.php 13.7 KB
<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:50:"themes/admin_simpleboot3/admin/booking/seting.html";i:1534946277;}*/ ?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- HTML5 shim for IE8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <![endif]-->


    <link href="/themes/admin_simpleboot3/public/assets/themes/<?php echo cmf_get_admin_style(); ?>/bootstrap.min.css" rel="stylesheet">
    <link href="/themes/admin_simpleboot3/public/assets/simpleboot3/css/simplebootadmin.css" rel="stylesheet">
    <link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        form .input-order {
            margin-bottom: 0px;
            padding: 0 2px;
            width: 42px;
            font-size: 12px;
        }

        form .input-order:focus {
            outline: none;
        }

        .table-actions {
            margin-top: 5px;
            margin-bottom: 5px;
            padding: 0px;
        }

        .table-list {
            margin-bottom: 0px;
        }

        .form-required {
            color: red;
        }
    </style>
    <script type="text/javascript">
        //全局变量
        var GV = {
            ROOT: "/",
            WEB_ROOT: "/",
            JS_ROOT: "static/js/",
            APP: '<?php echo \think\Request::instance()->module(); ?>'/*当前应用名*/
        };
    </script>
    <script src="/themes/admin_simpleboot3/public/assets/js/jquery-1.10.2.min.js"></script>
    <script src="/static/js/wind.js"></script>
    <script src="/themes/admin_simpleboot3/public/assets/js/bootstrap.min.js"></script>
    <script>
        Wind.css('artDialog');
        Wind.css('layer');
        // $(function () {
        //     $("[data-toggle='tooltip']").tooltip({
        //         container:'body',
        //         html:true,
        //     });
        //     $("li.dropdown").hover(function () {
        //         $(this).addClass("open");
        //     }, function () {
        //         $(this).removeClass("open");
        //     });
        // });
    </script>
    <?php if(APP_DEBUG): ?>
        <style>
            #think_page_trace_open {
                z-index: 9999;
            }
        </style>
    <?php endif; ?>
    <link rel="stylesheet" href="/static/scr/zoomify/bootstrap-grid.min.css">
    <!--<link rel="stylesheet" href="/static/scr/zoomify/dist/zoomify.css">-->
    <style>
        .slecet-box {
            width: 50%;
        }

        .slecet-box select {
            width: 30%;
        }

        .time-box {
            width: 80%;
            margin: 10px auto 0 auto;
            overflow: hidden;
        }

        .time-box span {
            display: inline-block;
            width: 24%;
            height: 44px;
            line-height: 44px;
            text-align: center;
            border: 1px solid red;
            border-radius: 5px;
            color: red;
            float: left;
            margin-right: 1.2%;
            margin-top: 10px;
        }

        .time-box span:nth-child(4n) {
            margin-right: 0;
        }

        .time-box .acv {
            color: #6589de;
            border: 1px solid #6589de;
        }

        .save {
            display: block;
            width: 300px;
            text-align: center;
            height: 50px;
            line-height: 50px;
            color: #fff;
            background-color: #6589de;
            font-size: 18px;
            margin: 50px auto 0 auto;
            border-radius: 5px;
        }

        .save:hover {
            color: #fff;
            background-color: #3a4d7b;
            text-decoration: none;
        }

        .time-box .bg-colo {
            background-color: #6589de;
            color: #fff;
        }
    </style>
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li class="active"><a href="javascript:;">预约时间设置</a></li>
    </ul>
    <form class="well form-inline margin-top-20" method="post" action="<?php echo url('tag'); ?>">
        教练列表:
        <select class="form-control" id="teacher" name="type" style="width: 140px;">
            <noempty name="pcdata">
                <option value='<?php echo $pcdata['id']; ?>' checked><?php echo $pcdata['user_nickname']; ?></option>
            </noempty>
            <option value='-1'>全部</option>
            <?php if(is_array($cdata) || $cdata instanceof \think\Collection || $cdata instanceof \think\Paginator): if( count($cdata)==0 ) : echo "" ;else: foreach($cdata as $key=>$vo): ?>
                <option value='<?php echo $vo['id']; ?>'><?php echo $vo['user_nickname']; ?></option>
            <?php endforeach; endif; else: echo "" ;endif; ?>
        </select> &nbsp;&nbsp;

        时间
        <select class="form-control" id="time" style="width: 140px;">
            <option value="-1">请选择</option>
            <?php if(is_array($day) || $day instanceof \think\Collection || $day instanceof \think\Paginator): if( count($day)==0 ) : echo "" ;else: foreach($day as $key=>$vo): ?>
                <option value='<?php echo $vo; ?>'><?php echo $vo; ?></option>
            <?php endforeach; endif; else: echo "" ;endif; ?>
        </select>
    </form>
    请选择时间段,红色为不可预约时间
    <div class="time-box">
        <span data-id="0">06:00-07:00</span>
        <span data-id="0">07:00-08:00</span>
        <span data-id="1">08:00-09:00</span>
        <span data-id="2">09:00-10:00</span>
        <span data-id="3">10:00-11:00</span>
        <span data-id="4">11:00-12:00</span>
        <span data-id="5">12:00-13:00</span>
        <span data-id="6">13:00-14:00</span>
        <span data-id="7">14:00-15:00</span>
        <span data-id="8">15:00-16:00</span>
        <span data-id="9">16:00-17:00</span>
        <span data-id="10">17:00-18:00</span>
    </div>
    <a class="save">保存设置</a>
</div>
<script src="/static/layer/layer.js"></script>
<script src="/static/js/admin.js"></script>
<script>

    function reloadPage(win) {
        win.location.reload();
    }

    $(function () {
        var obj = {
            teach_id: $('#teacher').val(),
            day: $('#time').val(),
        };

        function find_seting(obj) {
            if (obj) {
                $.ajax({
                    url: "<?php echo url('find_seting'); ?>",
                    data: {
                        uid: obj.teach_id,
                        day: obj.day.replace(/(\d{4})(\d{2})(\d{2})/, "$1-$2-$3")
                    },
                    success: function (res) {
                        console.log(res);
                        if (res.code == '1') {
                            var time_list = JSON.parse(res.data);
                            for (var i = 0; i < time_list.length; i++) {
                                if (time_list[i] == 'yes') {
                                    $('.time-box span')[i].setAttribute('class', 'acv');
                                } else {
                                    $('.time-box span')[i].setAttribute('class', '');
                                }
                            }
                        }
                    }
                });
            } else {
                var list = $('.time-box span');
                for (var i = 0; i < list.length; i++) {
                    list[i].setAttribute('class', '');
                }
            }
        }

        find_seting();
        $('#teacher').change(function () {
            obj.teach_id = $(this).val();
            if (obj.day != -1) {
                find_seting(obj);
            } else {
                layer.msg('请选择时间');
            }
        });
        $('#time').change(function () {
            obj.day = $(this).val().split('-').join('');
            if (obj.teach_id != -1) {
                find_seting(obj);
            } else {
                layer.msg('请选择教练');
            }
        });
        $('.time-box').on('click', '.acv', function () {
            for (var i = 0; i < $(".time-box .acv").length; i++) {
                $(".time-box .acv")[i].setAttribute("class", "acv");
            }
            $(this).attr("class", "acv bg-colo");
//            if ($(this).attr('class') == 'acv bg-colo') {
//                $(this).attr('class', 'acv');
//            } else {
//                $(this).attr('class', 'acv bg-colo');
//            }
        });
        $('.save').click(function () {
            var list = $('.bg-colo');
            var put_list = [];
            for (var i = 0; i < list.length; i++) {
                put_list.push(list[i]);
            }
            if (put_list.length != 1) {
                alert('时间段不能多选');
            } else if (put_list.length == 0) {
                alert('请选择时间段');
            } else {
                var teacher_id = $('#teacher').val();
                var time_id = $('#time').val().split('-').join('');
                $.ajax({
                    url: "<?php echo url('seting_do'); ?>",
                    data: {
                        teach_id: teacher_id,
                        day: time_id.replace(/(\d{4})(\d{2})(\d{2})/, "$1-$2-$3"),
                        begin: parseInt(put_list[0].innerHTML.split("-")[0]),
                        end: parseInt(put_list[0].innerHTML.split("-")[1])
                    },
                    success: function (res) {
                        console.log(res);
                        if (res.code == "1") {
                            layer.msg(res.msg);
                            window.location.reload();
                        }
                    }
                });
            }
        });
        setCookie("refersh_time", 0);
        Wind.use('ajaxForm', 'artDialog', 'iframeTools', function () {
            //批量复制
            $('.js-articles-copy').click(function (e) {
                var ids = [];
                $("input[name='ids[]']").each(function () {
                    if ($(this).is(':checked')) {
                        ids.push($(this).val());
                    }
                });

                if (ids.length == 0) {
                    art.dialog.through({
                        id: 'error',
                        icon: 'error',
                        content: '您没有勾选信息,无法进行操作!',
                        cancelVal: '关闭',
                        cancel: true
                    });
                    return false;
                }

                ids = ids.join(',');
                art.dialog.open("/index.php?g=portal&m=AdminArticle&a=copy&ids=" + ids, {
                    title: "批量复制",
                    width: "300px"
                });
            });
            $('.time-box span').click(function () {
                if ($(this).attr("class") == "") {
                    var teacher_id = $('#teacher').val();
                    var time_id = $('#time').val().split('-').join('');
                    if (teacher_id == "") {
                        layer.msg("请选择教练")
                    } else if (time_id == 1) {
                        layer.msg("请选择日期")
                    } else {
                        var _this = $(this);
                        $.ajax({
                            url: "<?php echo url('seting_do'); ?>",
                            data: {
                                teach_id: teacher_id,
                                day: time_id.replace(/(\d{4})(\d{2})(\d{2})/, "$1-$2-$3"),
                                begin: parseInt($(this)[0].innerHTML.split("-")[0]),
                                end: parseInt($(this)[0].innerHTML.split("-")[1])
                            },
                            success: function (res) {
                                if (res.code == 1) {
                                    console.log($(this));
                                    _this.attr("class", "acv");
                                    layer.msg(res.msg);
                                }
                            }
                        });
                    }
                }
            });
            //批量移动
            // $('.js-articles-move').click(function (e) {
            //     var ids = [];
            //     $("input[name='ids[]']").each(function () {
            //         if ($(this).is(':checked')) {
            //             ids.push($(this).val());
            //         }
            //     });
            //
            //     if (ids.length == 0) {
            //         art.dialog.through({
            //             id: 'error',
            //             icon: 'error',
            //             content: '您没有勾选信息,无法进行操作!',
            //             cancelVal: '关闭',
            //             cancel: true
            //         });
            //         return false;
            //     }
            //
            //     ids = ids.join(',');
            //     art.dialog.open("/index.php?g=portal&m=AdminArticle&a=move&old_term_id=<?php echo (isset($term['term_id']) && ($term['term_id'] !== '')?$term['term_id']:0); ?>&ids=" + ids, {
            //         title: "批量移动",
            //         width: "300px"
            //     });
            // });
        });
    });
</script>
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script src="/static/src/zoomify/zoomify.js"></script>
<script type="text/javascript">
    // $('.example img').zoomify();
</script>
</body>
</html>