@extends('layouts.crm')
@section('title')用户组管理@endsection
@section('header')
    <style>
        .my-logo{
            width: 112px;
            height: 142px;
        }

    </style>
@endsection
@section('navbread')
    {{-- */ $navbread = [
        ['name' => '系统设置', 'href' =>  ''],
        ['name' => '用户组管理', 'href' =>  ''],

        ] /* --}}
@endsection
@section('body')
    <div style='margin:20px 0;' class='nav-box-2 clearfix'>
        <div style='width:340px;text-align: left;' class='p-l'>
        </div>
        <div class='p-r'>
            {{--<button style='margin-left:10px;' class='layui-btn layui-btn-normal add-user-group'>添加用户组</button>
            <button style='margin-left:10px;' class='layui-btn layui-btn-info edit-group'>修改</button>
            <button style='margin-left:10px;' class='layui-btn layui-btn-delete del-group'>删除</button>--}}
        </div>

    </div>

    <div class='c-table system-user-table'>
        <table class="layui-table">
            <colgroup>
                <col width="10%">
                <col width="15%">
                <col width="15%">
                <col width="15%">
                <col width="20%">
            </colgroup>
            <thead>
            <tr>
                <th>
                    <input type="checkbox" name="check-all">
                </th>
                <th>用户组</th>
                <th>说明</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            @if(count($info))
                @foreach($info as $k=>$v)
                    <tr>
                        <td>
                            @if($v['is_enable_del'] == 1)
                                <input type="checkbox"  name="check"  value="{{ $v['rs_id'] }}" data-name="{{ $v['rs_name'] }}" data-desc="{{ $v['rs_remark'] }}">
                            @endif
                        </td>
                        <td>{{ $v['rs_name'] }}</td>
                        <td>{{ !empty($v['rs_remark']) ? $v['rs_remark'] : '空' }}</td>
                        <td>
                            @if($v['rs_id'] != 1)
                                <a href="javascript:void(0);"  class='permission-config-btn' data-id="{{ $v['rs_id'] }}">权限配置</a>
                            @endif
                        </td>
                    </tr>
                @endforeach
            @endif
            </tbody>
        </table>
    </div>
    <script type='text' id='add_user_group'>
    <div id="form">
        <div class='add-user-group c-layer-padding'>
            <div class="ipt-box" style='margin:20px 0;'>
                <label style='display:inline-block;width:90px;text-align:right;color:#666;' for="">用户组名称：</label>
                <input style='display:inline-block;width:320px;' type="text" name="name" required  lay-verify="required" placeholder="请输入用户组名称" autocomplete="off" class="layui-input">
            </div>
            <div class="ipt-box" style='margin:20px 0;'>
                <label style='display:inline-block;width:90px;text-align:right;color:#666;' for="">用户组说明：</label>
                <textarea placeholder='请输入内容' style='box-sizing:border-box;padding:10px;display:inline-block;width:320px;height:145px;resize:none;vertical-align:text-top;' name="desc" id="" ></textarea>
            </div>
        </div>
    </div>
</script>
    <script type='text' id='edit_user_group'>
    <div id="form1">
        <div class='add-user-group c-layer-padding'>
            <div class="ipt-box" style='margin:20px 0;'>
                <label style='display:inline-block;width:90px;text-align:right;color:#666;' for="">用户组名称：</label>
                <input style='display:inline-block;width:320px;' value="$$name" type="text" name="name" required  lay-verify="required" placeholder="请输入用户组名称" autocomplete="off" class="layui-input">
            </div>
            <div class="ipt-box" style='margin:20px 0;'>
                <label style='display:inline-block;width:90px;text-align:right;color:#666;' for="">用户组说明：</label>
                <textarea placeholder='请输入内容' style='box-sizing:border-box;padding:10px;display:inline-block;width:320px;height:145px;resize:none;vertical-align:text-top;' name="desc" id="" >$$desc</textarea>
            </div>
        </div>
    </div>
</script>
@section('footer')
@endsection
<script src="{{ asset('/crm/js/layui/layui.all.js') }}"></script>
<script src="{{ asset('/crm/js/jquery-3.2.1.min.js') }}"></script>
<script src="{{ asset('/crm/js/jq_extend.js') }}"></script>
<script src="{{ asset('/crm/js/main.js') }}"></script>
<script>
    $(".permission-config-btn").on("click",function(){
        var id = $(this).attr('data-id');
        $.layer_open({
            title: "权限配置",
            type:2,
            content:'/system/authDept?id='+id,
            btn_arr:["取消","保存"],
            area:['840px', '625px'],
            btn1:function(){

            },
            btn2:function(index, layero){
                var body = layer.getChildFrame('body', index);//通过该对象可以获取iframe中的dom元素
                var t = body.find('[type=checkbox]:checked');
                if((t.length > 0)){
                    var menu_id = ',';
                    $.each(t, function (index, item) {
                        menu_id+=$(this).val()+',';
                    })
                    $.ajax({
                        url:'/system/authDept',
                        type:'post',
                        data:{id:id,menu_id:menu_id,_token:"{{ csrf_token() }}"},
                        success:function (re) {
                            if(re.code == 1){
                                layer.msg('保存成功',{icon:1,time:1000},function () {
                                    window.location.reload();
                                })
                            }
                        }
                    })
                }else{
                    layer.msg('请勾选权限');
                }
            }
        })
    })

    $(".add-user-group").on("click",function(){
        $.layer_open({
            title: "添加用户组",
            type:"1",
            html:$("#add_user_group").html(),
            btn_arr:["取消","保存"],
            area:['500px', 'auto'],
            btn1:function(){

            },
            btn2:function(){

                var name = $('#form').find('[name=name]').val();
                var desc = $('#form').find('[name=desc]').val();
                if(!name){
                    layer.msg('请输入用户名称');
                    return false;
                }

                if(!desc){
                    layer.msg('请输入内容');
                    return false;
                }

                $.ajax({
                    url:'/system/optionGroup?type=1',
                    type:'post',
                    data:{name:name,desc:desc,_token:"{{ csrf_token() }}"},
                    success:function (re) {
                        if(re.code == 1){
                            layer.msg('添加成功',{icon:1,time:1000},function () {
                                window.location.reload();
                            })
                        }else{
                            layer.msg('添加失败');
                        }
                    }
                })


            }
        })
    })

    //编辑
    $(".edit-group").on("click",function(){

        var check = $('tr').find('[name=check]:checked');
        if(check.length > 1 || check.length == 0){
            layer.msg('请选择一个要编辑的对象');
            return false;
        }
        var id = $('[name=check]:checked').val();
        var name = $('[name=check]:checked').attr('data-name');
        var desc = $('[name=check]:checked').attr('data-desc');
        var html = $("#edit_user_group").html();
        html = html.replace(/\$\$name/g, name).replace(/\$\$desc/g, desc);
        $.layer_open({
            title: "添加用户组",
            type:"1",
            html:html,
            btn_arr:["取消","保存"],
            area:['500px', 'auto'],
            btn1:function(){

            },
            btn2:function(){

                var name = $('#form1').find('[name=name]').val();
                var desc = $('#form1').find('[name=desc]').val();
                if(!name){
                    layer.msg('请输入用户名称');
                    return false;
                }

                if(!desc){
                    layer.msg('请输入内容');
                    return false;
                }

                $.ajax({
                    url:'/system/optionGroup?type=2',
                    type:'post',
                    data:{name:name,desc:desc,id:id,_token:"{{ csrf_token() }}"},
                    success:function (re) {
                        if(re.code == 1){
                            layer.msg('编辑成功',{icon:1,time:1000},function () {
                                window.location.reload();
                            })
                        }else{
                            layer.msg('编辑失败');
                        }
                    }
                })


            }
        })
    })

    $(document).on('click','[name=check-all]',function(){
        if($(this).is(":checked")){
            $('[name=check]').prop('checked', true);
        }else{
            $('[name=check]').prop('checked', false);
        }
    });

    $(document).on('click','.del-group',function(){
        var check = $('tr').find('[name=check]:checked');
        if(check.length < 1){
            layer.msg('请选择删除对象');
            return false;
        }

        var id = ',';
            $.each(check,function(index, item){
                id+=$(this).val()+',';
            })

        layer.confirm('确定删除吗？', {
            btn: ['确定','取消'] //按钮
        }, function(){

            $.get('/system/delGroup?id='+id,function (re) {
                if(re.code == 1){
                    layer.msg('删除成功', {icon:1,time:1000},function () {
                        window.location.reload();
                    })
                }else{
                    layer.msg(re.errMsg);
                }
            })
        });

    })
</script>
@endsection