add_admin.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE html>
  2. <html class="x-admin-sm">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>欢迎页面-X-admin2.2</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  9. <link rel="stylesheet" href="/static/layui/css/font.css">
  10. <link rel="stylesheet" href="/static/layui/css/xadmin.css">
  11. <script type="text/javascript" src="/static/layui/lib/layui/layui.js" charset="utf-8"></script>
  12. <script type="text/javascript" src="/static/layui/js/xadmin.js"></script>
  13. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  14. <!--[if lt IE 9]>
  15. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  16. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  17. <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
  18. <![endif]-->
  19. </head>
  20. <body>
  21. <div class="layui-fluid">
  22. <div class="layui-row">
  23. <form class="layui-form">
  24. <div class="layui-form-item">
  25. <label for="username" class="layui-form-label">
  26. <span class="x-red">*</span>登录名
  27. </label>
  28. <div class="layui-input-inline">
  29. <input type="text" id="username" name="username" required="" lay-verify="required"
  30. autocomplete="off" class="layui-input">
  31. </div>
  32. <div class="layui-form-mid layui-word-aux">
  33. <span class="x-red">*</span>将会成为您唯一的登入名
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label for="username" class="layui-form-label">
  38. <span class="x-red">*</span>管理员类型
  39. </label>
  40. <div class="layui-input-block">
  41. <input type="radio" name="user_type" value="0" title="超级管理员">
  42. <input type="radio" name="user_type" value="1" title="普通管理员">
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label"><span class="x-red">*</span>管理小组</label>
  47. <div class="layui-input-block">
  48. {foreach $adminGroup as $v}
  49. <input type="checkbox" name="authority[]" lay-skin="primary" title="{$v.name}" value="{$v.id}">
  50. {/foreach}
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label class="layui-form-label">绑定微信</label>
  55. <div class="layui-input-block">
  56. <select name="openid" lay-verify="required">
  57. <option value=""></option>
  58. {foreach $admin as $v}
  59. <option value="{$v.openid}">管理员:{$v.username} &nbsp;&nbsp;&nbsp; 昵称:{$v.nickname}</option>
  60. {/foreach}
  61. </select>
  62. </div>
  63. </div>
  64. <div class="layui-form-item">
  65. <label for="L_pass" class="layui-form-label">
  66. <span class="x-red">*</span>密码
  67. </label>
  68. <div class="layui-input-inline">
  69. <input type="password" id="L_pass" name="password" required="" lay-verify="pass"
  70. autocomplete="off" class="layui-input">
  71. </div>
  72. <div class="layui-form-mid layui-word-aux">
  73. 6到16个字符
  74. </div>
  75. </div>
  76. <div class="layui-form-item">
  77. <label for="L_repass" class="layui-form-label">
  78. <span class="x-red">*</span>确认密码
  79. </label>
  80. <div class="layui-input-inline">
  81. <input type="password" id="L_repass" name="repass" required="" lay-verify="repass"
  82. autocomplete="off" class="layui-input">
  83. </div>
  84. </div>
  85. <div class="layui-form-item">
  86. <label for="L_repass" class="layui-form-label">
  87. </label>
  88. <button class="layui-btn" lay-filter="add" lay-submit="">
  89. 增加
  90. </button>
  91. </div>
  92. </form>
  93. </div>
  94. </div>
  95. <script>layui.use(['form', 'layer'],
  96. function() {
  97. $ = layui.jquery;
  98. var form = layui.form,
  99. layer = layui.layer;
  100. //自定义验证规则
  101. form.verify({
  102. nikename: function(value) {
  103. if (value.length < 5) {
  104. return '昵称至少得5个字符啊';
  105. }
  106. },
  107. pass: [/(.+){6,12}$/, '密码必须6到12位'],
  108. repass: function(value) {
  109. if ($('#L_pass').val() != $('#L_repass').val()) {
  110. return '两次密码不一致';
  111. }
  112. }
  113. });
  114. //监听提交
  115. form.on('submit(add)', function(data){
  116. $.ajax({
  117. url:"/admin/authorty_manage/addAdmin",
  118. type:"post",
  119. data:data.field,
  120. dataType:"json",
  121. success:function (datas) {
  122. console.log(datas);
  123. if(datas.status){
  124. layer.alert(datas.message, {icon: 6},function () {
  125. // 获得frame索引
  126. parent.location.reload();
  127. var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
  128. parent.layer.close(index);
  129. });
  130. }else{
  131. alert(datas.message);
  132. }
  133. }
  134. });
  135. return false;
  136. });
  137. });</script>
  138. <script>var _hmt = _hmt || []; (function() {
  139. var hm = document.createElement("script");
  140. hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
  141. var s = document.getElementsByTagName("script")[0];
  142. s.parentNode.insertBefore(hm, s);
  143. })();</script>
  144. </body>
  145. </html>