{extend name="Public/base_new" /}
{block name="main"}

    <fieldset class="layui-elem-field">
        <legend>人事资料设定 - 事业部设定</legend>
        <div class="layui-field-box">


            <div class="layui-form-item layui-form">

                {if condition="$Think.session.grade_type lt 2"}
                <span class="layui-btn layui-btn-normal api-add"><i class="layui-icon">&#xe608;</i> 新增</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                {/if}


                事业部名称：
                <div class="layui-inline">
                    <div class="layui-input-inline" style="width: 150px;">
                        <input type="text" name="brandclass" id="brandclass" placeholder="  请输入关键词" class="layui-input" value="">
                    </div>
                </div>


                <div class="layui-inline">
                    <input type="submit" name="name"  id="search" data-type="reload"  value="查询" class="layui-btn"/>
                </div>


            </div>


            <div class="cus-table">

                <table id="demo" lay-filter="demo" lay-data="{id: 'idTest'}"></table>

                <div id="pager"></div>
            </div>
            <!--<table class="layui-table" id="list-admin" lay-even>-->
                <!--<thead>-->
                <!--<tr>-->
                    <!--<th>序号</th>-->
                    <!--<th>品牌名称</th>-->
                    <!--<th>简称</th>-->
                    <!--<th>微信公众号</th>-->
                    <!--<th>appid</th>-->
                    <!--<th>appsecret</th>-->
                    <!--<th>所属集团</th>-->
                    <!--<th>操作</th>-->
                <!--</tr>-->
                <!--</thead>-->
                <!--<tbody>-->
                <!--{volist name="brand" id="vo"}-->
                    <!--<tr>-->
                        <!--<td>{$vo['id']}</td>-->
                        <!--<td>{$vo['brandclass']}</td>-->
                        <!--<td>{$vo['nickname']}</td>-->
                        <!--<td>{$vo['wx_public']}</td>-->
                        <!--<td>{$vo['wx_appid']}</td>-->
                        <!--<td>{$vo['wx_secret']}</td>-->
                        <!--<td>{$vo['group_company_name']}</td>-->
                        <!--<td>-->
                            <!--<span data-url="{:U('editBrand', array('id' => $vo['id']))}" class="layui-btn edit layui-btn-normal">编辑</span>-->
                            <!--<span class="layui-btn layui-btn-danger del" data-id="{$vo['id']}" data-info="你确定删除当前品牌吗？" data-url="{:U('delBrand')}">删除</span>-->
                        <!--</td>-->
                    <!--</tr>-->
                <!--{/volist}-->
                <!--</tbody>-->
            <!--</table>-->

        </div>
    </fieldset>
{/block}
{block name="myScript"}

<script type="text/html" id="barDemo">
    <span style="margin-top: -4px;" lay-event="edit_brand" data-id="{{d.id}}" class="layui-btn edit layui-btn-normal">编辑</span>
    <span style="margin-top: -4px;" lay-event="del_brand" data-id="{{d.id}}" class="layui-btn layui-btn-danger del">删除</span>
</script>

    <script>

        var brandclass;
        layui.use(['layer', 'table','form'], function () {
            var table = layui.table, layer = layui.layer, form = layui.form;
            //第一个实例
            var tableIns=table.render({
                elem: '#demo'
                , url: '/admin/Personnel/brandClass' //数据接口
                ,id: 'testReload'
                //,even: true
                ,where: {brandclass:brandclass}
                , page: true //开启分页
                , cols: [[ //表头
                    {field:'id', title: 'ID', sort: true,templet: '#sexTpl',width:'5%'}
                    ,{field:'brandclass', title: '事业部名称', align: 'center',width:'15%'}
                    ,{field:'nickname', title: '昵称', align: 'center',width:'10%'}
                    ,{field:'wx_public', title: '微信公众号', align: 'center',width:'10%'}
                    ,{field:'wx_appid', title: 'appid', align: 'center',width:'10%'}
                    ,{field:'wx_secret', title: 'appsecret', align: 'center',width:'10%'}
                    ,{field:'group_company_name', title: '所属集团', align: 'center',width:'20%'}
                    ,{title: '操作', align: 'center',width:'20%', toolbar: '#barDemo'}
                ]],
                done: function(res, curr, count){
                    $(".mark-red").parents("tr").css({
                        "color":"#fff",
                        "background":"red"
                    });
                }
            });

            table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                var data = obj.data //获得当前行数据
                        , layEvent = obj.event; //获得 lay-event 对应的值
                var id   = $(this).attr("data-id");
                if(layEvent=='edit_brand'){

                    layer.open({
                        type: 2,
                        area: ['60%', '60%'],
                        maxmin: true,
                        content: 'editBrand?id='+id
                    });
                }else if(layEvent=='del_brand'){

                        layer.confirm('你确定删除当前事业部吗？', {
                            btn: ['确定','取消'] //按钮
                        }, function(index){
                            $.ajax({
                                type: "POST",
                                url: 'delBrand',
                                data: {id:id},
                                success: function(msg){
                                    if( msg.code == 1 ){
                                        table.reload('testReload', {
                                            where: {
                                                brandclass:brandclass
                                            }
                                        });
                                        layer.close(index);
                                    }else{
                                        layer.alert(msg.msg);
                                        layer.msg(msg.msg, {
                                            icon: 5,
                                            shade: [0.6, '#393D49'],
                                            time:1500
                                        });
                                    }
                                }
                            });
                        });
                }

            });
            $('.cus-model-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
                $(this).addClass("active").siblings(".cus-model-btn").removeClass("active");
                if (type == "allot") {
                    $("#allot-box").parent().css("overflow", "inherit");
                }
            });

            $('#search').on('click', function(){
                brandclass = $('#brandclass').val();
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
            $(document).keyup(function(event){
                if(event.keyCode ==13){
                    $("#search").trigger("click");
                }
            });

            //触发事件
            var active = {

                //刷新列表
                reload: function(data){

                    //执行重载
                    table.reload('testReload', {
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                        ,where: {
                            brandclass:brandclass
                        }
                    });
                }

            };
        });


        layui.use(['layer', 'form'], function() {
            var $ = layui.jquery, layer = layui.layer;

            $('.confirm').on('click', function () {
                var ownObj = $(this);
                layer.confirm(ownObj.attr('data-info'), {
                    btn: ['确定','取消'] //按钮
                }, function(){
                    $.ajax({
                        type: "POST",
                        url: ownObj.attr('data-url'),
                        data: {id:ownObj.attr('data-id')},
                        success: function(msg){
                            if( msg.code == 1 ){
                                location.reload();
                            }else{
                                layer.msg(msg.msg, {
                                    icon: 5,
                                    shade: [0.6, '#393D49'],
                                    time:1500
                                });
                            }
                        }
                    });
                });
            });

            $('.api-add').on('click', function () {
                layer.open({
                    type: 2,
                    area: ['60%', '60%'],
                    maxmin: true,
                    content: '{:U("addBrand")}'
                });
            });

            $('.edit').on('click', function () {
                var ownObj = $(this);
                layer.open({
                    type: 2,
                    area: ['60%', '60%'],
                    maxmin: true,
                    content: ownObj.attr('data-url')
                });
            });
            $('.del').on('click', function () {
                var ownObj = $(this);
                layer.confirm(ownObj.attr('data-info'), {
                    btn: ['确定','取消'] //按钮
                }, function(){
                    $.ajax({
                        type: "POST",
                        url: ownObj.attr('data-url'),
                        data: {id:ownObj.attr('data-id')},
                        success: function(msg){
                            if( msg.code == 1 ){
                                location.reload();
                            }else{
                                layer.alert(msg.msg);
//                                layer.msg(msg.msg, {
//                                    icon: 5,
//                                    shade: [0.6, '#393D49'],
//                                    time:1500
//                                });
                            }
                        }
                    });
                });
            });


        });


    </script>
{/block}