mashangyoujiu/Application/Retail/View/Plug/gift_addcard.html

<!doctype html>
<html lang="en">
<!--[1.7.17]-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>添加</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
</head>
<style>
    .layui-form input {
        width: 400px;
    }

    .layui-textarea {
        width: 450px;
        height: 150px;
        resize: none;
    }
    .layui-input{
        width: 200px!important;
    }
</style>
<body>
<div style="padding: 30px;">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">礼品卡名</label>
            <div class="layui-input-inline">
                <input type="text" name="title" value="{$cache.name}" id="title" required lay-verify="required"
                       placeholder="请输入礼品卡名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">使用须知</label>
            <div class="layui-input-inline">
                <textarea type="text" name="notes" value="{$cache.name}" id="notes" required lay-verify="required"
                          placeholder="请输入使用须知" autocomplete="off" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="test1" placeholder="年-月-日" type="text" name="start_time">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">截止时间</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="test2" placeholder="年-月-日" type="text" name="end_time">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-block">
                <button class="layui-btn" type="button" id="submit">提交</button>
            </div>
        </div>
    </form>
</div>
</body>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
    layui.use(['upload','form','layedit', 'laydate'], function () {
        var upload = layui.upload;
        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;;
        laydate.render({
            elem: '#test1'
        });
        laydate.render({
            elem: '#test2'
        });
    });

    $("#submit").click(function () {
        var title = $("#title").val();
        var enable_time = $("#test1").val();
        var down_time = $("#test2").val();
        var notes = $('#notes').val();
        enable_time = new Date(Date.parse(enable_time.replace(/-/g, "/")));
        enable_time = enable_time.getTime();
        down_time = new Date(Date.parse(down_time.replace(/-/g, "/")));
        down_time = down_time.getTime();
        if (title == ''){
            top.layer.msg('请输入礼品卡名', {icon: 4, time: 1200});
            return false;
        }
        if (notes == ''){
            top.layer.msg('请输入使用须知', {icon: 4, time: 1200});
            return false;
        }
        if (enable_time == ''){
            top.layer.msg('请选择开启日期', {icon: 4, time: 1200});
            return false;
        }
        if (down_time == ''){
            top.layer.msg('请选择截止日期', {icon: 4, time: 1200});
            return false;
        }
        if (enable_time > down_time){
            top.layer.msg('开始日期不能再截止日期之后', {icon: 4, time: 1200});
            return false;
        }
        if (enable_time == down_time){
            top.layer.msg('开始日期不能同截止日期为同一天', {icon: 4, time: 1200});
            return false;
        }
        $.ajax({
            url: "{:U('gift_add')}",
            type: 'post',
            data: $("form").serialize(),
            success: function (res) {
                if (res.status == 1) {
                    top.layer.msg(res.msg, {icon: 1, time: 1200}, function () {
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index); //再执行关闭
                    })
                } else {
                    layer.msg(res.msg, {time: 1200});
                }
            },
            error: function () {

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