<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html >
<html lang="zh-CN">
<head>
    <title>角色资源配置</title>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/dataTables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        .self-style {
            margin: 0px;
            position: absolute;
            left: 0px;
            right: 5px;
            top: 3px;
            bottom: 0;
            z-index: 1;
        }
    </style>
</head>
<body class="bg-white" style="font-size: 12px; overflow: hidden;">
<div class="self-style" id="right">
    <form class="form-inline ml15 header">
        <div class="form-group  mr10 fr" id="fliteData">
            <button type="button" id="addConfig" style="margin-right: -7px;margin-top: 5px"
                    class="btn themeBGColor fr  ml5">
                <i class="glyphicon glyphicon-edit"></i>新增配置
            </button>
            <div id="search" style="float: right;margin-top: 3px">
                <label style="font-size:6px;">筛选数据:</label>
                <input type="search" style="width: 200px;display: inline;" class="form-control input-sm"
                       placeholder="多条件筛选,空格分开" onkeyup="valueChange(this.value)"/>
            </div>
        </div>
    </form>
    <div>
        <table id="example"
               class="table table-striped table-bordered dataTable no-footer"
               cellspacing="0" width="100%" role="grid"
               aria-describedby="example_info">
            <thead>
            <tr role="row">
                <th aria-controls="example"
                    aria-label="Position: activate to sort column ascending">角色名称
                </th>
                <th aria-controls="example"
                    aria-label="Office: activate to sort column ascending">资源模板名称
                </th>
                <th aria-controls="example"
                    aria-label="Office: activate to sort column ascending">更新时间
                </th>
                <th aria-controls="example"
                    aria-label="Office: activate to sort column ascending">描述
                </th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>

<script src="${ctx}/js/plugin/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/jquery.dataTables.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/dataTables.bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/bootstrap-table.js"></script>
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/locales/bootstrap-table-zh-CN.js"></script>
<script src="${ctx}/js/plugin/bootstrap-table/bootstrap-table.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/audit/menuConfig.js"></script>
</body>
</html>