{extend name="layout/content"}
{block name="content"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>角色管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="input-group input-group-sm">
                                    <div class="input-group-btn">
                                        <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">角色名称</button>
                                    </div>
                                    <input type="text" class="form-control" id="roleName" placeholder="" />
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <button type="button" class="btn btn-sm btn-primary " onclick="Role.search()">
                                    <i class="fa fa-search"></i>搜索
                                </button>
                            </div>
                        </div>
                        <div class="hidden-xs" id="roleTableToolbar" role="group">
                            <if condition="chkCommission('/admin/role/add','/role/add')">                                
                                <button type="button" class="btn btn-sm btn-primary " onclick="Role.openAddRole()">
                                    <i class="fa fa-search"></i>添加
                                </button>
                            </if>
                            <if condition="chkCommission('/admin/role/edit','/role/edit')"> 
                                <button type="button" class="btn btn-sm btn-primary " onclick="Role.openChangeRole()">
                                    <i class="fa fa-search"></i>修改
                                </button>  
                            </if>
                            <if condition="chkCommission('/admin/role/remove','/role/remove')">   
                                <button type="button" class="btn btn-sm btn-primary " onclick="Role.delRole()">
                                    <i class="fa fa-search"></i>删除
                                </button>
                            </if>
                            <if condition="chkCommission('/admin/role/setAuthority','/role/setAuthority')">   
                                <button type="button" class="btn btn-sm btn-primary " onclick="Role.assign()">
                                    <i class="fa fa-search"></i>权限配置
                                </button>
                            </if>
                        </div>
                        <table id="roleTable" class="table-condensed" style="font-size: 10px;table-layout: fixed!important;" data-mobile-responsive="true" data-click-to-select="true">
                            <thead>
                                <tr>
                                    <th data-field="selectItem" data-checkbox="true"></th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/static/modular/system/role/role.js"></script>
{/block}