<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
    <meta name="renderer" content="webkit">
    <!--国产浏览器高速模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 作者 -->
    <meta name="author" content="silos"/>
    <meta name="revised" content="Silos-Admin-v-2.0.0"/>
    <!-- 定义页面的最新版本 -->
    <meta name="description" content="网站简介"/>
    <!-- 网站简介 -->
    <meta name="keywords" content="搜索关键字，以半角英文逗号隔开"/>
    <title>Index</title>
    <!-- 公共样式 开始 -->
    <link rel="shortcut icon" href="../../../static/assets/silos/img/favicon.png"
          th:href="@{/assets/silos/img/favicon.png}"/>
    <link rel="bookmark" href="../../../static/assets/silos/img/favicon.png"
          th:href="@{/assets/silos/img/favicon.png}"/>
    <link rel="stylesheet" href="../../../static/assets/library/layui/css/layui.css"
          th:href="@{/assets/library/layui/css/layui.css}"/>
    <link rel="stylesheet" href="../../../static/assets/library/fonts/fontawesome/css/all.css"
          th:href="@{/assets/library/fonts/fontawesome/css/all.css}"/>
    <link rel="stylesheet" href="../../../static/business/upms/user/css/list.css" th:href="@{/business/upms/user/css/list.css}"/>
</head>
<body>
<div class="container">
    <div class="dashboard-cards">
        <div class="card card-users">
            <div class="card-icon">
                <i class="fas fa-users"></i>
            </div>
            <div class="card-title">总用户数</div>
            <div class="card-value">1,254</div>
            <div class="card-trend trend-up">
                <i class="fas fa-arrow-up"></i> 5.2% 较上月
            </div>
        </div>
        <div class="card card-active">
            <div class="card-icon">
                <i class="fas fa-user-check"></i>
            </div>
            <div class="card-title">活跃用户</div>
            <div class="card-value">892</div>
            <div class="card-trend trend-up">
                <i class="fas fa-arrow-up"></i> 2.1% 较上月
            </div>
        </div>
        <div class="card card-locked">
            <div class="card-icon">
                <i class="fas fa-user-lock"></i>
            </div>
            <div class="card-title">锁定用户</div>
            <div class="card-value">34</div>
            <div class="card-trend trend-down">
                <i class="fas fa-arrow-down"></i> 1.5% 较上月
            </div>
        </div>
        <div class="card card-admin">
            <div class="card-icon">
                <i class="fas fa-user-shield"></i>
            </div>
            <div class="card-title">管理员</div>
            <div class="card-value">18</div>
            <div class="card-trend trend-up">
                <i class="fas fa-arrow-up"></i> 0.5% 较上月
            </div>
        </div>
        <div class="card card-admin">
            <div class="card-icon">
                <i class="fa-solid fa-person-circle-minus"></i>
            </div>
            <div class="card-title">注销用户</div>
            <div class="card-value">18</div>
            <div class="card-trend trend-up">
                <i class="fas fa-arrow-up"></i> 0.5% 较上月
            </div>
        </div>
        <div class="card card-admin">
            <div class="card-icon">
                <i class="fa-solid fa-person-circle-plus"></i>
            </div>
            <div class="card-title">新增用户</div>
            <div class="card-value">18</div>
            <div class="card-trend trend-up">
                <i class="fas fa-arrow-up"></i> 0.5% 较上月
            </div>
        </div>
    </div>
    <div class="search-section">
        <div class="search-row">
            <div class="form-group">
                <label for="loginName">登录账号</label>
                <input type="text" id="loginName" class="form-control" placeholder="输入登录账号">
            </div>
            <div class="form-group">
                <label for="userName">用户实名</label>
                <input type="text" id="userName" class="form-control" placeholder="输入用户实名">
            </div>
            <div class="form-group">
                <label for="userMobilePhone">手机号</label>
                <input type="text" id="userMobilePhone" class="form-control" placeholder="输入手机号">
            </div>
            <div class="form-group">
                <label for="userNickName">用户昵称</label>
                <input type="text" id="userNickName" class="form-control" placeholder="输入用户昵称">
            </div>
            <div class="form-group">
                <label for="userEmail">邮箱</label>
                <input type="text" id="userEmail" class="form-control" placeholder="输入邮箱">
            </div>
            <div class="form-group">
                <label for="userIdCard">身份证号</label>
                <input type="text" id="userIdCard" class="form-control" placeholder="输入身份证号">
            </div>
        </div>
        <div class="search-row">
            <div class="form-group">
                <label for="userType">用户类型</label>
                <select id="userType" class="form-control">
                    <option value="">全部</option>
                    <option value="0">系统默认用户</option>
                    <option value="1">普通管理员</option>
                    <option value="2">系统管理员</option>
                    <option value="9">超级管理员</option>
                </select>
            </div>
            <div class="form-group">
                <label for="userStatus">用户状态</label>
                <select id="userStatus" class="form-control">
                    <option value="">全部</option>
                    <option value="0">正常</option>
                    <option value="1">无效</option>
                    <option value="2">锁定</option>
                    <option value="3">暂停使用</option>
                </select>
            </div>
            <div class="form-group">
                <label for="userGender">性别</label>
                <select id="userGender" class="form-control">
                    <option value="">全部</option>
                    <option value="0">男</option>
                    <option value="1">女</option>
                    <option value="2">保密</option>
                </select>
            </div>
            <div class="form-group">
                <label for="dncnet">内外网</label>
                <select id="dncnet" class="form-control">
                    <option value="">全部</option>
                    <option value="0">内网</option>
                    <option value="1">外网</option>
                    <option value="2">专用</option>
                    <option value="9">通用</option>
                </select>
            </div>
            <div class="form-group">
                <label for="delFlag">是否刪除</label>
                <select id="delFlag" class="form-control">
                    <option value="">全部</option>
                    <option value="N">未删除</option>
                    <option value="Y">已删除</option>
                </select>
            </div>

        </div>
        <div class="search-actions">
            <div>
                <button class="btn btn-light">
                    <i class="fa-regular fa-hourglass"></i> 重置
                </button>
                <button class="btn btn-info refresh">
                    <i class="fas fa-redo"></i> 刷新
                </button>
                <button class="btn btn-success add_btn">
                    <i class="fa-solid fa-person-circle-plus"></i> 添加用户
                </button>
                <button class="btn btn-success allot_btn">
                    <i class="fa-solid fa-person-circle-plus"></i> 分配角色
                </button>
                <button class="btn btn-danger delAll_btn">
                    <i class="fa-regular fa-trash-can"></i> 批量删除
                </button>
            </div>
            <div>
                <button class="btn btn-primary search_btn">
                    <i class="fas fa-search"></i> 搜索
                </button>
            </div>
        </div>
    </div>
    <table id="list" lay-filter="list"></table>

    <!--操作-->
    <script type="text/html" id="listBar">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="usable">已启用</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
    </script>
</div>
<script src="../../../static/assets/library/jquery/jquery.js" th:src="@{/assets/library/jquery/jquery.js}"></script>
<script src="../../../static/assets/library/layui/layui.js" th:src="@{/assets/library/layui/layui.js}"></script>
<script src="../../../static/business/upms/user/js/list.js" th:src="@{/business/upms/user/js/list.js}"></script>
</body>
</html>