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

<!DOCTYPE html>
<html>
<!--[1.2.7]-->
<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"/>
    <!--编译器-->
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.all.js"></script>
    <style>
        .btn a {
            color: white;
        }

        .btn span {
            color: white;
        }

        .gA_inner01>input{
            margin-left: 0;
        }

        .layui-form .gA_inner01 > select {
            display: none;
        }

        .label_radio > input {
            width: 16px;
            height: 16px;
            opacity: 0;
            margin-right: 4px;
        }

        .label_radio > span {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px solid #ccc;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
            box-sizing: border-box;
        }

        .label_radio > input:checked + span:after {
            background-color: #009688 !important;
        }

        .label_radio > input:checked + span {
            border-color: #009688 !important;
        }

        .label_radio > span::after {
            position: absolute;
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #ddd;
            top: 4px;
            left: 4px;
            transition: .5s;
        }

        .gA_inner01 > span {
            display: inline-block;
            width: 120px;
            text-align: right;
            margin-right: 20px;
        }

        .gA_inner01 > input {
            width: 200px;
        }
    </style>
</head>
<body>
<div class="goodsBox">
    <div class="goods_table" style="margin-left: 1%;">
        <table class="layui-hide" id="test" lay-filter="demo"></table>
        <script type="text/html" id="switchTpl3">
            <input type="checkbox" name="s_status" id="s_status" <if condition="$authArr['groupState'] neq true"> disabled </if> value="{{d.s_status}}" data-plug="{{d.plug_id}}" data-id="{{d.id}}" lay-skin="switch" lay-text="开启|关闭" lay-filter="statusDemo" {{ d.s_status == 1 ? 'checked' : '' }}>

        </script>
    </div>
</div>
</body>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/UEditor/ueditor.all.js"></script>
<script src="__PUBLIC__/jquery/js/jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">

    // var resets = function () {
    //     document.getElementById("formEdit").reset()
    // }
    layui.use(['table', 'form', 'upload', 'laydate', 'element'], function () {
        var table = layui.table;
        var form = layui.form;
        var laydate = layui.laydate;
        var element = layui.element;
        //展示已知数据
        table.render({
            elem: '#test',
            url: "{:U('Retail/Plug/getStoreList')}",
            method:'post',
            cols: [
                [ //标题栏
                    {
                        field: 'index',
                        title: '序号',
                        align: 'center',
                        width: 60,
                    }, {
                        field: 'storetag',
                        title: '门店名称',
                        align: 'center',
                    }, {
                        field: 'detail_address',
                        title: '门店地址',
                        align: 'center',
                    }, {
                        field: 'shop_manager',
                        title: '店长',
                        align: 'center',
                    }, {
                        field: 'tel',
                        title: '门店联系方式',
                        align: 'center',
                    }, {
                        field: 'store_type',
                        title: '门店类型',
                        align: 'center',
                    }, {
                        title: '是否开启',
                        align: 'center',
                        templet: '#switchTpl3',
                        unresize: true
                    }
                ]
            ],
            page: {
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            } //是否开启分页
            , id: 'testReload'
        });
        // $('#back').click(function(){
        //     var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        //     parent.layer.close(index);  // 关闭layer
        // })
        //监听switch操作
        form.on('switch(statusDemo)', function (obj) {
            if(obj.elem.checked == true){
                var s_status = 1;
            }else if(obj.elem.checked == false){
                var s_status = 0;
            }
            var id = $(this).attr('data-id');
            var plug_id = $(this).attr('data-plug');
            $.ajax({
                url: "{:U('groupState')}",
                type: 'POST',
                data: {
                    id: id,
                    s_status: s_status,
                    plug_id:plug_id
                },
                success: function (res) {
                    if(res.status==1){
                        layer.msg(res.msg,{icon:1,time:2000});
                    }else{
                        layer.msg(res.msg,{icon:2,time:2000},function(){
                            table.reload('testReload');
                        })
                    }
                }
            })
        });
    })
</script>

</html>