jjhc
/
reservation_admin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>放号设置编辑</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/public/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/public/font-awesome/css/font-awesome.min.css" media="all"/>
    <link rel="stylesheet" href="/static/admin/css/admin.css" media="all">
    <script src="/static/public/layui/layui.js"></script>
    <script src="/static/public/jquery/jquery.min.js"></script>
</head>
<style>
    .layui-upload-img {
        cursor: pointer;
        width: 150px;
        height: 150px;
        background: url('/static/public/images/uploadimg.jpg');
        background-size: contain;
        border-radius: 2px;
        border-width: 1px;
        border-style: solid;
        border-color: #e6e6e6;
    }
    .layui-form-label{
        width: 90px;
    }
</style>
<body style="padding:10px;">
<div class="tplay-body-div">


    <div class="layui-tab">
        <ul class="layui-tab-title">
            <li><a href="{:url('admin/appointment/index',['pid'=>$Request.param.pid])}" class="a_menu">列表</a></li>
            <li class="layui-this">新增</li>
        </ul>
    </div>


    <div style="margin-top: 20px;"></div>
    <form class="layui-form" id="publish" method="post" lay-filter="myform">

        <div class="layui-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">按工作日排号</li>
                <li>按时间跨度排号</li>
            </ul>
            <div class="layui-tab-content" style="padding: 0;padding-top: 10px;">
                <div class="layui-tab-item layui-show">
                    <div class="layui-form-item">
                        <label class="layui-form-label">工作日</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="weeks[1]" title="周一">
                            <input type="checkbox" name="weeks[2]" title="周二">
                            <input type="checkbox" name="weeks[3]" title="周三">
                            <input type="checkbox" name="weeks[4]" title="周四">
                            <input type="checkbox" name="weeks[5]" title="周五" checked>
                            <input type="checkbox" name="weeks[6]" title="周六">
                            <input type="checkbox" name="weeks[7]" title="周日">
                        </div>
                    </div>
                </div>
                <div class="layui-tab-item">
                    <!-- 时间 -->
                    <div class="layui-form-item">
                        <label class="layui-form-label">日期跨度</label>
                        <div class="layui-input-inline" style="width:600px;">
                            <input name="start_time" id="start_time" autocomplete="off" placeholder="开始日期 - 结束日期" class="layui-input"
                                   type="text">
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- 数字 -->
        <div class="layui-form-item">
            <label class="layui-form-label">上午放号个数</label>
            <div class="layui-input-inline" style="max-width:300px;">
                <input name="morning_num" autocomplete="off" placeholder="请输入" class="layui-input" type="number"
                       value="20">
            </div>
            <div class="layui-form-mid">时段</div>
            <div class="layui-input-inline" style="width:350px;">
                <input name="morning_start_time" id="morning_start_time" autocomplete="off" placeholder="开始时间 - 结束时间"
                       class="layui-input" type="text" >
            </div>
        </div>

        <!-- 数字 -->
        <div class="layui-form-item">
            <label class="layui-form-label">下午放号个数</label>
            <div class="layui-input-inline" style="max-width:300px;">
                <input name="afternoon_num" autocomplete="off" placeholder="请输入" class="layui-input" type="number"
                       value="20">
            </div>
            <div class="layui-form-mid">时段</div>
            <div class="layui-input-inline" style="width:350px;">
                <input name="afternoon_start_time" id="afternoon_start_time" autocomplete="off" placeholder="开始时间 - 结束时间"
                       class="layui-input" type="text" >
            </div>
        </div>
        <!-- 数字 -->
        <div class="layui-form-item">
            <label class="layui-form-label">晚上放号个数</label>
            <div class="layui-input-inline" style="max-width:300px;">
                <input name="night_num" autocomplete="off" placeholder="请输入" class="layui-input" type="number"
                       value="10">
            </div>
            <div class="layui-form-mid">时段</div>
            <div class="layui-input-inline" style="width:350px;">
                <input name="night_start_time" id="night_start_time" autocomplete="off" placeholder="开始时间 - 结束时间"
                       class="layui-input" type="text" >
            </div>
        </div>

        <!--<div class="layui-form-item">-->
            <!--<label class="layui-form-label">服务价格</label>-->
            <!--<div class="layui-input-inline" style="max-width:300px;">-->
                <!--<input name="price" lay-verify="required" autocomplete="off" placeholder="请输入" class="layui-input"-->
                <!--type="text" value="">-->
            <!--</div>-->
            <!--<div class="layui-form-mid layui-word-aux">必填</div>-->
        <!--</div>-->


        <input type="hidden" name="pid" value="{$Request.param.pid}">

        {notempty name="$data"}
        <input type="hidden" name="id" value="{$data.id}">
        {/notempty}

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="admin">立即提交</button>
            </div>
        </div>
    </form>

    <script>
        layui.use(['layer', 'form', 'laydate','element'], function () {
            var layer = layui.layer,
                $ = layui.jquery,
                form = layui.form;
            var laydate = layui.laydate;

            $(window).on('load', function () {
                form.on('submit(admin)', function (data) {

                    if($('#publish .layui-this').text() == '按时间跨度排号'){
                        //给表单赋值
                        form.val("myform", { //即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
                            "weeks[1]": false // "name": "value"
                            ,"weeks[2]": false
                            ,"weeks[3]": false
                            ,"weeks[4]": false
                            ,"weeks[5]": false
                            ,"weeks[6]": false
                            ,"weeks[7]": false
                        });
                    }else{
                        //获取表单区域所有值
                        var data = form.val("myform");
                        if (data['weeks[1]'] == null && data['weeks[2]'] == null && data['weeks[3]'] == null && data['weeks[4]'] == null && data['weeks[5]'] == null && data['weeks[6]'] == null && data['weeks[7]'] == null) {
                            layer.msg('请选择排号的工作日');
                            return false;
                        }
                    }


                    $.ajax({
                        url: "{:url('publish')}",
                        data: $('#publish').serialize(),
                        type: 'post',
                        dataType: 'json',
                        async: false,
                        success: function (res) {
                            if (res.code == 1) {
                                layer.alert(res.msg, function (index) {
                                    location.href = "{:url('admin/appointment/index')}?pid=" + res.data.pid;
                                })
                            } else {
                                layer.msg(res.msg);
                            }
                        }
                    })
                    return false;
                });


                //日期范围
                laydate.render({
                    elem: '#start_time',
                    range: true,
                    type: 'datetime',
                    theme: 'molv',
                    mark: {
                        '{:date("Y-m-d",time())}': '今天'
                    },
                    calendar: true,
                    format:'yyyy年MM月dd',
                    value:'{:date("Y年m月d",time())} - {:date("Y年m月d",strtotime("+ 8 days",time()))}'
                });
                laydate.render({
                    elem: '#morning_start_time', //指定元素
                    range: true,
                    type: 'time',
                    theme: 'molv',
                    value:'08:00:00 - 12:00:00'
                });
                laydate.render({
                    elem: '#afternoon_start_time', //指定元素
                    range: true,
                    type: 'time',
                    theme: 'molv',
                    value:'14:00:00 - 18:00:00'
                });
                laydate.render({
                    elem: '#night_start_time', //指定元素
                    range: true,
                    type: 'time',
                    theme: 'molv',
                    value:'20:00:00 - 23:59:59'
                });

            });
        });
    </script>
</div>
</body>
</html>