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

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


        <form action="{:U('department')}" method="post" class="layui-form" id="form-admin-add">
            <div class="layui-form-item">
                {if condition="$Think.session.grade_type lt 4"}
                <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="department_name" placeholder="  请输入关键词" class="layui-input" value="{$info['department_name']}">
                    </div>
                </div>
                  所属品牌：
                <div class="layui-inline">
                     <div class="layui-input-inline" style="width: 150px;">
                         <input type="text" name="brandclass" placeholder="  请输入关键词" class="layui-input" value="{$info['brandclass']}">
                     </div>
                </div>
                所属店面：
                <div class="layui-inline">
                    <div class="layui-input-inline" style="width: 150px;">
                        <input type="text" name="shop_name" placeholder="  请输入关键词" class="layui-input" value="{$info['shop_name']}">
                    </div>
                </div>
                <div class="layui-inline">
                    <input type="submit" name="name" value="查询" class="layui-btn"/>
                </div>
            </div>
        </form>
        <table class="layui-table" id="list-admin" lay-even>
            <thead>
            <tr>
                <th>序号</th>
                <th>部门名称</th>
                <th>所属</th>
                <th>集团</th>
                <th>品牌</th>
                <th>店面</th>
                <th>管理渠道</th>
                <th>可收款店面码</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="data" id="vo"}
            <tr>
                <td>{$vo['id']}</td>
                <td>{$vo['department_name']}</td>
                <td>
                    {if condition="$vo['grade_type'] eq 1"} 集团
                        {elseif condition="$vo['grade_type'] eq 2"/}品牌
                        {elseif condition="$vo['grade_type'] eq 3"/}店面
                    {/if}
                </td>
                <td>{$vo['group_company_name']}</td>
                <td>{if condition="$vo['brandclass'] eq '0'"}{else/}{$vo['brandclass']}{/if}</td>
                <td>{if condition="$vo['shop_name'] eq '0'"}{else/}{$vo['shop_name']}{/if}</td>
                <td>{$vo['channel_list']}</td>
                <td>{$vo['receiv_shop_code']}</td>
                <td>
                    <span data-url="{:U('editDepartment', 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('delDepartment')}">删除</span>
                    <span data-url="{:U('batchSet', array('id' => $vo['id']))}" class="layui-btn batch layui-btn-normal">批量设置兼职岗位</span>
                </td>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
</fieldset>
{/block}
{block name="myScript"}
<script type="text/javascript" src="__PUBLIC__/layui/lay/modules/laydate.js"></script>
<script>
    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: ['50%', '70%'],
                maxmin: true,
                content: '{:U("addDepartment")}'
            });
        });

        $('.edit').on('click', function () {
            var ownObj = $(this);
            layer.open({
                type: 2,
                area: ['50%', '70%'],
                maxmin: true,
                content: ownObj.attr('data-url')
            });
        });

        $('.batch').on('click', function () {
            var ownObj = $(this);
            layer.open({
                type: 2,
                area: ['60%', '80%'],
                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}