mashangyoujiu/Application/Retail/View/Vip/set.html

<html>
<!--[1.0.45]-->
<head>
    <meta charset="UTF-8">
    <title>商家管理</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/goodsList.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
    <style>
        .goods_title_inner{
            height:auto;
        }
        .mybtn:hover{
            color:white;
            background-color: #3f4c73;
        }
    </style>
</head>

<body style="cursor: pointer;">
<div class="goodsBox">
    <div class="goods_title">
        <div class="goods_title_inner">
            会员折扣设置 <span style="color: orangered">(只有商家管理员能设置，所有分店通用)</span>
        </div>
    </div>
    <form action="#" class="layui-form" >
        <div class="layui-form-item" style="margin-left: 50px;">
            <div class="layui-input-block">
                <a class="layui-btn mybtn layui-btn-primary" id="setdiscount" type="button" >返回会员列表</a>
            </div>
        </div>
    </form>
</div>
<div class="goods_table">
    <table class="layui-hide" id="test" lay-filter="demo"></table>
</div>
<script type="text/html" id="barDemo">
    <button  class="layui-btn layui-btn-xs" lay-event="edit" >设置折扣</button>
</script>
<!--弹出框-->
<form class="layui-form myModal" action="" style="display: none;">
    <div class="layui-form-item" style="padding: 10px 20px;">
        <label class="layui-form-label" style="text-align: left;width:auto">折扣<span style="color:orangered">(数值在0到10之间)</span></label>
        <div class="layui-input-block">
            <input type="text" name="discount" id="discount" required  lay-verify="required" placeholder="请输入折扣" autocomplete="off" class="layui-input">
        </div>
    </div>
</form>
<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(['table','layer','form'], function() {
        var table = layui.table;
        var layer = layui.layer;
        //展示已知数据
        table.render({
            elem: '#test',
            width:1000,
            url:"{:U('vip/vipGrade')}",
            cols: [
                [ {
                    field: 'index',
                    title: '序号',
                    width:60
                }, {
                    field: 'grade',
                    title: '等级'
                },{
                    field: 'cardname',
                    title: '名称'
                }, {
                    field: 'min_integral',
                    title: '所需最小(等级)积分'
                }, {
                    field: 'discount',
                    title: '折扣'
                }, {
                    field: 'addtime',
                    title: '添加时间/修改时间'
                },{field: 'right',
                    title:'操作',
                    align:'center',
                    toolbar: '#barDemo'
                }]
            ],
            page: {
                layout: [ 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            }, //是否开启分页
            id: 'idTest'
        });
        table.on('tool(demo)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的DOM对象
            if(layEvent === 'detail'){ //查看

            } else if(layEvent === 'del'){ //删除

            } else if(layEvent === 'edit'){ //编辑
                layer.open({
                    type: 1,
                    content: $('.myModal'),
                    title: "设置折扣",
                    area: "400px",
                    btn: ['确定', '取消'],
                    btnAlign: 'c',
                    success:function () {
                        $('#discount').attr('placeholder','原折扣'+data.discount);
                    },
                    yes: function (index) {
                        top.layer.confirm('确定修改',function () {
                            var discount = $('#discount').val();
                            if(isNaN(parseInt(discount))){
                                top.layer.msg('折扣数据错误')
                                return false;
                            }
                            if(discount*1>10){
                                top.layer.msg('折扣不能大于10')
                                return false;
                            }
                            if(discount*1<=0){
                                top.layer.msg('折扣不能小于0')
                                return false;
                            }
                            $.ajax({
                                url:"{:U('retail/vip/savediscount')}",
                                type:'post',
                                data:{discount:discount,id:data.id},
                                success:function (res) {
                                    if(res.status==1){
                                        top.layer.msg(res.msg,{time:1000},function () {
                                            top.layer.closeAll();
                                            table.reload('idTest');
                                        });
                                        layer.close(index);
                                    }else{
                                        top.layer.msg(res.msg,{time:1000});
                                    }
                                }
                            })
                        })
                    }
                })

            }
        });


    });
    $('#setdiscount').click(function () {
        window.location.href="{:U('retail/vip/index')}"
    })
</script>
</body>
</html>