<%@ 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>
<head>
    <title>用户列表</title>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        .btn {
            padding: 0px 5px;
            font-size: 12px;
        }

        .tr {
            text-align: center;
        }

        .td {
            height: 37px;
            line-height: 37px
        }

        body {
            max-height: 500px;
        }


        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,
        .table > tbody > tr > td, .table > tfoot > tr > td {
            padding: 7px 0;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }

        @media screen and (min-width: 1200px) and (max-width: 1400px) {
            .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,
            .table > tbody > tr > td, .table > tfoot > tr > td {
                padding: 4px;
                line-height: 1.42857143;
                vertical-align: top;
                border-top: 1px solid #ddd;
            }

            body {
                min-width: 1620px;
                max-height: 500px;
            }
        }

        @media screen and (min-width: 1600px) and (max-width: 1700px) and (max-height: 1100px) {

        }
    </style>
</head>
<body class="pd15 bg-white">
<form class="form-inline ml15 header">
    <label class="form-group">用户状态</label> <select
        id="userState" class="form-control">
    <option value="">全部</option>
    <option value="0">注销</option>
    <option value="1">正常</option>
    <option value="2">锁定</option>
    <option value="3">待审核</option>
    <option value="4">休眠</option>
    <option value="5">修改密码</option>
</select>
    <label class="form-group">用户类型</label> <select
        id="careUser" class="form-control">
    <option value="">全部</option>
    <option value="0">长期账户</option>
    <option value="1">临时账户</option>
</select>
    <button id="query" type="button" title="查询" class="btn themeBGColor ml10 height50">
        <i class="glyphicon glyphicon-search"></i>
    </button>
    <div class="form-group  mr10 fr mb3" style="margin-bottom: 3px" id="fliteData">
        <label>筛选数据：</label>
        <input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">

        <button type="button" id="addUser" style="margin-right: -7px;margin-top: 5px"
                class="btn themeBGColor fr  ml5">
            <i class="glyphicon glyphicon-plus"></i>新增用户
        </button>

        <button type="button" id="AppUser" style="margin-top: -4px"
                class="btn  btn-primary"><i class="glyphicon glyphicon-cog"></i>App用户
        </button>
    </div>
</form>
<table id="usertId" class="table table-striped table-bordered dataTable no-footer width100">
    <thead>
    <tr role="row">
        <th class="text-center">名称</th>
        <th class="text-center">登录名</th>
        <th class="text-center">角色</th>
        <th class="text-center">部门</th>
        <th class="text-center">电话</th>
        <th class="text-center">注册时间</th>
        <th class="text-center">登录时间</th>
        <th class="text-center">类型</th>
        <th class="text-center">状态</th>
        <th class="text-center">操作</th>
    </tr>
    </thead>
</table>
<input type="hidden" id="userIndex">
<%--当前会话的用户名--%>
<input type="hidden" id="username" value="${username}">
<input type="hidden" id="token" value="${token}">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.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/layui/layer.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/plugin/xss/aes.js"></script>
<script src="${ctx}/jspJS/sm2.js"></script>
<script src="${ctx}/jspJS/sm3.js"></script>
<script src="${ctx}/js/plugin/xss/security.js"></script>
<script src="${ctx}/jspJS/confirmIndentity.js"></script>
<script src="${ctx}/jspJS/settings/userManage.js"></script>
</body>
</html>
