<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head th:replace="common/common_header :: common_header"></head> <body> <div class="x-nav"> <span class="layui-breadcrumb"> <a> <cite>系统设置/菜单列表</cite> </a> </span> <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新"> <i class="layui-icon" style="line-height:30px">ဂ</i> </a> </div> <div class="x-body"> <div class="layui-row"> <form class="layui-form layui-col-md12 x-so" onsubmit="return false;" id="formId"> <input type="text" name="menuName" placeholder="请输入菜单名称" autocomplete="off" class="layui-input"> <div class="layui-input-inline"> <select name="menuPid"> <option value="">父级菜单</option> <option th:each="list:${pMenuList}" th:value="${list.menuId}" th:text="${list.menuName }"></option> </select> </div> <button class="layui-btn" onclick="to_page(0)"> <i class="layui-icon"></i> </button> </form> </div> <xblock> <button class="layui-btn layui-btn-danger" onclick="delById(0)"><i class="layui-icon"></i>批量删除 </button> <button class="layui-btn" onclick="addOrEdit(0)"><i class="layui-icon"></i>添加 </button> <!-- <span class="x-right" style="line-height:40px">共有数据:88 条</span> --> </xblock> <table class="layui-table"> <thead> <tr> <th> <div class="layui-unselect header layui-form-checkbox" lay-skin="primary" id="check_all"> <i class="layui-icon"></i> </div> </th> <th>菜单名称</th> <th>菜单路径</th> <th>菜单图标</th> <th>菜单等级</th> <th>菜单序号</th> <th>父级菜单</th> <th>操作</th> </thead> <tbody id="tbodyId"> </tbody> </table> <!-- 显示分页信息 --> <div id="laypage" style="text-align: center"></div> </div> <script type="text/javascript" th:src="@{/js/page.js}"></script> <script> function build_info_table(list) { //清空table表格 $("#tbodyId").empty(); for (var i = 0; i < list.length; i++) { var menuIcon = '无'; if (list[i].menuIcon != '' && list[i].menuIcon != null) { menuIcon = '<span class="iconfont">&#' + list[i].menuIcon + ';</span>'; } $("#tbodyId").append('<tr>' + '<td><div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id=' + list[i].menuId + '><i class="layui-icon"></i></div></td>' + '<td>' + list[i].menuName + '</td>' + '<td>' + list[i].menuUrl + '</td>' + '<td>' + menuIcon + '</td>' + '<td>' + list[i].menuLevel + '</td>' + '<td>' + list[i].menuOrder + '</td>' + '<td>' + list[i].menuNamep + '</td>' + '<td class="td-manage">' + '<a title="编辑" onclick="addOrEdit(' + list[i].menuId + ')">' + '<i class="layui-icon"></i>' + '</a>' + ' <a title="删除" onclick="delById(' + list[i].menuId + ')">' + '<i class="layui-icon"></i>' + '</a>' + '</td>' ); } } function addOrEdit(id) { var title = ''; if (id == 0) { title = '新增菜单'; } else { title = '编辑菜单'; } var w = ($(window).width() * 0.6); var h = ($(window).height() * 0.8); layerOpen(w, h, title, id); } </script> </body> </html>