user_role.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>系统管理</title>
  7. <!-- Tell the browser to be responsive to screen width -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <!-- Font Awesome -->
  10. <link rel="stylesheet" href="${contextPath}/dist/js/layui/css/layui.css">
  11. <link rel="stylesheet" href="${contextPath}/dist/css/admin.css" media="all">
  12. </head>
  13. <body class="layui-layout-body">
  14. <div class="layui-layout layui-layout-admin">
  15. <!-- Navbar -->
  16. <#include "../body/top.html">
  17. <!-- /.navbar -->
  18. <!-- Main Sidebar Container -->
  19. <#include "../body/left.html">
  20. <!-- Content Wrapper. Contains page content -->
  21. <div class="layui-body">
  22. <!-- 内容主体区域 -->
  23. <div class="layui-card">
  24. <form class="layui-form" action="${contextPath}/user/role" method="post">
  25. <div class="layui-form-item">
  26. <div class="layui-inline">
  27. <label class="layui-form-label">登录ID</label>
  28. <div class="layui-input-inline">
  29. <input type="text" name="login_id" value="${user.login_id}" readonly="readonly" class="layui-input">
  30. </div>
  31. </div>
  32. <div class="layui-inline">
  33. <label class="layui-form-label">用户名称</label>
  34. <div class="layui-input-inline">
  35. <input type="text" name="user_name" value="${user.user_name}" lay-verify="required" autocomplete="off" placeholder="请输入用户名称" class="layui-input">
  36. </div>
  37. </div>
  38. </div>
  39. <div class="layui-form-item">
  40. <label class="layui-form-label">权限</label>
  41. <div class="layui-input-block">
  42. <#list roleList as role>
  43. <input type="checkbox" name="roleIds" <#if role.isCount != 0>checked="true"</#if> title="${role.role_name}" value="${role.id}">
  44. </#list>
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <div class="layui-input-block">
  49. <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
  50. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  51. </div>
  52. </div>
  53. </form>
  54. </div>
  55. </div>
  56. <!-- /.content-wrapper -->
  57. <#include "../body/footer.html">
  58. </div>
  59. <!-- ./wrapper -->
  60. <script src="${contextPath}/dist/js/layui/layui.js"></script>
  61. <script>
  62. //JavaScript代码区域
  63. layui.use(['element', 'form', 'laydate','layer'], function(){
  64. var element = layui.element;
  65. var form = layui.form
  66. ,layer = layui.layer
  67. ,laydate = layui.laydate;
  68. //日期
  69. laydate.render({
  70. elem: '#date'
  71. });
  72. laydate.render({
  73. elem: '#date1'
  74. });
  75. //自定义验证规则
  76. form.verify({
  77. title: function(value){
  78. if(value.length < 5){
  79. return '标题至少得5个字符啊';
  80. }
  81. }
  82. ,pass: [/(.+){6,12}$/, '密码必须6到12位']
  83. ,content: function(value){
  84. layedit.sync(editIndex);
  85. }
  86. });
  87. //表单初始赋值
  88. form.val('example', {
  89. "gender": "0"
  90. })
  91. });
  92. </script>
  93. </body>
  94. </html>