mashangyoujiu/Application/Admin/View/Usergroup/addgroup.html

<!DOCTYPE html>
<html>
<!--[1.5.84]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css"/>
    <style>
        .layui-word-aux {
            margin-left: 110px;
        }

        .default_img {
            width: 150px;
            border: 1px solid #ddd;
            min-height: 100px;
        }

        .default_img_box {
            padding: 10px 0px;
        }

        .default_img_box {
            padding: 10px 0px;
            padding-left: 108px;
        }

    </style>
</head>
<body>
<div style="padding: 30px;">
    <form class="layui-form" action="">
        <input type="hidden" id="id" value="{$group.id}" name="id">
        <div class="layui-form-item">
            <label class="layui-form-label">等级名称</label>
            <div class="layui-input-inline">
                <input type="text" name="name" value="{$group.name}" id="groupname" 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">
                <input type="text" value="{$group.discount}" name="discount" id="discount" required
                       lay-verify="required" placeholder="请输入折扣" autocomplete="off" class="layui-input">
                (如:九折输入应为0.9)
            </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>
<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(['form', 'upload', 'layer', 'laydate'], function () {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#begin_time'
        });
        laydate.render({
            elem: '#end_time'
        });
        var form = layui.form;
        var upload = layui.upload;
        var layer = layui.layer;
        //执行实例
        $('#submit').click(function () {
            var groupname = $('#groupname').val();
            var discount = $('#discount').val();
            var id = $('#id').val();
            var reg=/^(0\.(0[1-9]|[1-9]{1,2}|[1-9]0)$)|^1$/;
            if (!groupname || !discount) {
                layer.msg('请先完善您的表单信息', {time: 2000})
                return false;
            } else if (discount > 1) {
                layer.msg('折扣设置错误', {time: 2000})
                return false;
            } else if(!reg.test(discount)){
                layer.msg('折扣设置错误', {time: 2000})
                return false;
            }else {
                $.ajax({
                    url: "{:U('addAgentgroup')}",
                    type: 'post',
                    data: {
                        id: id,
                        name: groupname,
                        discount: discount
                    },
                    success: function (res) {
                        if (res.status == 1) {
                            top.layer.msg(res.msg, {icon: 1, time: 1200}, function () {
                                top.layer.closeAll();
                            })
                        } else {
                            layer.msg(res.msg, {time: 1200})
                        }
                    },
                    error: function (error) {
                        console.log(error);
                    }
                })
            }
        })
        //三级联动的ajax

        $('#city').change(function () {
            $city = $('#city').val();//这变量是有数据的
            if (!$city) {
                $city = "{$cache.city}";
            }
            var check = "{$cache.area}";
            $.ajax({
                type: "post",
                url: "{:U('Area')}",
                data: 'city_id=' + $city + "&check=" + check,
                dataType: 'json',
                success: function (data) {
                    $('#area').html(data);
                }
            });
        });
        $('#pro').change(function () {
            $prov = $('#pro').val();//这变量是有数据的
            var check = "{$cache.city}";
            $.ajax({
                type: "post",
                url: "{:U('City')}",
                data: 'pro_id=' + $prov + "&check=" + check,
                dataType: 'json',
                success: function (data) {
                    $('#city').html(data);
                }
            });
        });
        $('#pro').change();
        $('#city').change();
    })
</script>
</body>
</html>