<!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="__TMPL__/public/assets/themes/{:cmf_get_admin_style()}/bootstrap.min.css" rel="stylesheet"> <link href="__TMPL__/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: "__ROOT__/", WEB_ROOT: "__WEB_ROOT__/", JS_ROOT: "static/js/", APP: '{$Request.module}'/*当前应用名*/ }; </script> <script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script> <script src="__STATIC__/js/wind.js"></script> <script src="__TMPL__/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> <if condition="APP_DEBUG"> <style> #think_page_trace_open { z-index: 9999; } </style> </if> <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="{:url('tag')}"> 教练列表: <select class="form-control" id="teacher" name="type" style="width: 140px;"> <noempty name="pcdata"> <option value='{$pcdata.id}' checked>{$pcdata.user_nickname}</option> </noempty> <foreach name="cdata" id="vo"> <option value='{$vo.id}'>{$vo.user_nickname}</option> </foreach> </select> 时间 <select class="form-control" id="time" style="width: 140px;"> <option value="-1">请选择</option> <foreach name="day" id="vo"> <option value='{$vo}'>{$vo}</option> </foreach> </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 () { $(function () { var obj = { teach_id: $('#teacher').val(), day: $('#time').val(), }; function find_seting(obj) { if (obj) { $.ajax({ url: "{: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[0].length; i++) { if (time_list[0][i] == 'yes') { $('.time-box span')[i].setAttribute('class', 'acv'); $('.time-box span')[i].setAttribute('data-sec', time_list[1][i]); } else { $('.time-box span')[i].setAttribute('class', ''); $('.time-box span')[i].setAttribute('data-sec', time_list[1][i]); } } } } }); } 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 () { if($(this).attr("class") == "acv"){ $(this).attr("class", "acv bg-colo"); }else{ $(this).attr("class", "acv"); } }); $('.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 == 0) { alert('请选择时间段'); } else { var teacher_id = $('#teacher').val(); var time_id = $('#time').val().split('-').join(''); for(var q = 0;q<put_list.length;q++){ $.ajax({ url: "{: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[q].innerHTML.split("-")[0]), end: parseInt(put_list[q].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("__ROOT__/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 if ($(this).attr("data-sec") == "no") { layer.msg("学生预约不可操作"); } else { var _this = $(this); $.ajax({ url: "{: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("__ROOT__/index.php?g=portal&m=AdminArticle&a=move&old_term_id={$term.term_id|default=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>