mashangyoujiu/Application/Agent/View/Merchant/renew.html

<!DOCTYPE html>
<html>
<!--[1.2.7]-->
<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;
        }
        select{
            border-color: #e6e6e6;
        }
    </style>
</head>
<body>
<div style="padding: 30px;">
    <form class="layui-form" action="">
        <input type="hidden" name="id" id="id" value="{$id}">
        <div class="layui-form-item">
            <label class="layui-form-label">选择套餐</label>
            <div class="layui-input-inline">
                <select name="meal" lay-verify="required" id="meal" lay-filter="meal">
                    <option value="">请选择</option>
                    <volist name="meal" id="up">
                        <option value="{$up['id']}"<if condition="$cache['mealid'] eq $up['id']">selected</if>> {$up['name']})</option>
                    </volist>
                </select>
            </div>
        </div>
        <div class="layui-form-item" id="meal_time_limit" style="display: none">
            <label class="layui-form-label">选择时限</label>
            <div class="layui-input-inline">
                <select name="time_limit" lay-verify="required" id="time_limit" lay-filter="time_limit">
                    <option value="">请选择</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item" id="meal_end_time" style="display: none">
            <label class="layui-form-label">过期时间</label>
            <div class="layui-input-inline">
                <input type="text"  name="end_time" id="end_time" required  lay-verify="required" placeholder="请输入结束时间" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">折扣:</label>
                <div class="layui-input-inline">
                    <input type="text" value="{$discount}" name="group"  id="group" required  lay-verify="required" disabled="disabled" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">扣除金额:</label>
                <div class="layui-input-inline">
                    <input type="text" value="" name="agentmoney"  id="agentmoney" required  lay-verify="required" disabled="disabled" autocomplete="off" class="layui-input">
                </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>
<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">
    function renderForm() {
        layui.use('form', function () {
            var form = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
            form.render();
        });
    }
    layui.use(['form','layer','laydate'], function() {
        var form = layui.form;
        var layer = layui.layer;
        var laydate = layui.laydate;
        laydate.render({
            elem: '#end_time',
            done:function(value){
                var meal_id = $('#meal').val();
                var time_limit = $("#time_limit").val();
                var date = value;
                var id = $("#id").val();
                $.ajax({
                    url:"{:U('meal')}",
                    type:"post",
                    data:{
                        time_limit:time_limit,
                        meal_id:meal_id,
                        date:value,
                        merchant_id:id,
                        type:1
                    },
                    success:function (res) {
                        if(res.status == 1) {
                            $('#agentmoney').val(res.agentmoney);
                        }else{
                            layer.msg(res.msg,{time:1000});
                        }
                    }
                })
            }
        });
        form.on('select(meal)', function(data){
            var id = data.value;
            $("#meal_end_time").hide();
            $('#agentmoney').val("");
            if(!id){
                $('#meal_time_limit').hide();
            }else{
                $('#meal_time_limit').show();
                $.ajax({
                    url:"{:U('timeLimit')}",
                    type:"post",
                    data:{id:id},
                    success:function (res) {
                        if(res.status == 1) {
                            $('#time_limit').html("<option value=''>请选择时限</option>");
                            for (var i = 0; i < res.data.length; i++) {
                                var child = `<option value="${res.data[i].time_limit}">${res.data[i].time_limit_name}&nbsp;&nbsp;${res.data[i].price}(元)</option>`;
                                $('#time_limit').append(child);
                            }
                            renderForm();
                        }else{
                            layer.msg(res.msg,{time:1500});
                        }
                    }
                })
            }
        });
        form.on('select(time_limit)', function(data){
            var time_limit = data.value;
            var id = $("#id").val();
            if(!time_limit){
                $('#agentmoney').val("");
                return;
            }
            if(time_limit == 7){
                $('#agentmoney').val("");
                $("#end_time").val("");
                $("#meal_end_time").show();
                return;
            }
            $("#meal_end_time").hide();
            var meal_id = $('#meal').val();
            if(time_limit){
                $.ajax({
                    url:"{:U('meal')}",
                    type:"post",
                    data:{
                        time_limit:time_limit,
                        meal_id:meal_id,
                        type:1,
                        merchant_id:id
                    },
                    success:function (res) {
                        if(res.status == 1) {
                            $('#agentmoney').val(res.agentmoney);
                        }else{
                           layer.msg(res.msg,{time:1500});
                        }
                    }
                })
            }
        });
        //提交
        $("#submit").click(function(){
             var id = $('#id').val();
             var meal_id = $("#meal").val();
             var time_limit = $("#time_limit").val();
             var end_time = $("#end_time").val();
             if(!id){
                 layer.msg("登录超时,请重新登录",{time:1000});
                 return;
             }
            if(!meal_id){
                layer.msg("请选择套餐",{time:1000});
                return;
            }
            if(!time_limit){
                layer.msg("请选择时限",{time:1000});
                return;
            }
            if(time_limit == 7){
                 if(!end_time){
                     layer.msg("请选择自定义时间",{time:1000});
                     return;
                 }
            }
            $.ajax({
                url:"{:U('renew_operation')}",
                type:"post",
                data:{id:id,meal_id:meal_id,time_limit:time_limit,end_time:end_time},
                success:function(res){
                    if(res.status==1){
                        layer.msg(res.msg,{icon:1,time:1200},function () {
                            parent.layer.closeAll();
                        })
                    }else{
                        layer.msg(res.msg,{time:1500});
                    }
                }
            })
        });
    })

</script>
</body>
</html>