<!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/permission/css/list.css" th:href="@{/business/upms/permission/css/list.css}"/>
    <link rel="stylesheet" href="../../../static/assets/library/jplus/zTree/css/zTreeStyle/zTreeStyle.css"
          th:href="@{/assets/library/jplus/zTree/css/zTreeStyle/zTreeStyle.css}"/>

</head>
<body>
<div class="container">
    <div class="search-section">
        <div class="search-row">
            <div class="form-group">
                <label for="privilegeName">权限名称</label>
                <input type="text" id="privilegeName" class="form-control" placeholder="输入权限名称">
            </div>
            <div class="form-group">
                <label for="privilegeCode">权限标识符</label>
                <input type="text" id="privilegeCode" class="form-control" placeholder="输入权限标识符">
            </div>
            <div class="form-group">
                <label for="parentId">父级权限</label>
                <select id="parentId" class="form-control">
                    <option value="">全部</option>
                    <option value="0">普通角色</option>
                    <option value="1">普通管理员</option>
                    <option value="2">区域管理员</option>
                    <option value="3">平台管理员</option>
                    <option value="5">系统管理员</option>
                    <option value="9">超级管理员</option>
                </select>
            </div>
            <div class="form-group">
                <label for="privilegeType">权限类型</label>
                <select id="privilegeType" class="form-control">
                    <option value="">全部</option>
                    <option value="0">普通角色</option>
                    <option value="1">普通管理员</option>
                    <option value="2">区域管理员</option>
                    <option value="3">平台管理员</option>
                    <option value="5">系统管理员</option>
                    <option value="9">超级管理员</option>
                </select>
            </div>
            <div class="form-group">
                <label for="privilegeLevel">权限级别</label>
                <select id="privilegeLevel" class="form-control">
                    <option value="">全部</option>
                    <option value="1">启用</option>
                    <option value="0">禁用</option>
                </select>
            </div>
        </div>
        <div class="search-actions">
            <div>
                <button class="btn btn-light reset_btn">
                    <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-danger">
                    <i class="fa-regular fa-trash-can"></i> 批量删除
                </button>
            </div>
            <div>
                <button class="btn btn-success expandAll_btn">
                    <i class="fa-regular fa-square-plus"></i> 全部展开
                </button>
                <button class="btn btn-success foldAll_btn">
                    <i class="fa-regular fa-square-minus"></i> 全部折叠
                </button>
                <button class="btn btn-primary search_btn">
                    <i class="fas fa-search"></i> 搜索
                </button>
            </div>
        </div>
    </div>
    <div class="main-content">
        <!-- 权限树 -->
        <div class="section-card">
            <div class="section-header">
                <div class="section-title">
                    <i class="fas fa-sitemap"></i> 权限结构
                </div>
            </div>
            <div class="section-body">
                <div class="permission-tree">
                    <ul id="permissionTree" class="ztree"></ul>
                </div>
            </div>
        </div>

        <!-- 权限列表 -->
        <div class="section-card">
            <div class="section-header">
                <div class="section-title">
                    <i class="fas fa-list"></i> 权限列表
                </div>
            </div>
            <div class="section-body">
                <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>
        </div>
    </div>
</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/assets/library/jplus/zTree/js/jquery.ztree.all.js" th:src="@{/assets/library/jplus/zTree/js/jquery.ztree.all.js}"></script>
<script src="../../../static/business/upms/permission/js/list.js" th:src="@{/business/upms/permission/js/list.js}"></script>
</body>
</html>