admin-edit.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>欢迎页面</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
  10. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
  11. <link rel="stylesheet" href="./css/font.css">
  12. <link rel="stylesheet" href="./css/xadmin.css">
  13. <script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
  14. <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
  15. <script type="text/javascript" src="js/admin.js"></script>
  16. <script type="text/javascript" src="./js/jquery_cookie_min.js"></script>
  17. <script type="text/javascript" src="./js/jqhttpsdk.js"></script>
  18. <!-- 让IE8/9支持媒体查询,从而兼容栅格 -->
  19. <!--[if lt IE 9]>
  20. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  21. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  22. <![endif]-->
  23. </head>
  24. <body>
  25. <div class="x-body">
  26. <form class="layui-form">
  27. <div class="layui-form-item">
  28. <label for="username" class="layui-form-label">
  29. <span class="x-red">*</span>登录名
  30. </label>
  31. <div class="layui-input-inline">
  32. <input type="text" id="username" name="username" required="" lay-verify="required"
  33. autocomplete="off" value="admin" class="layui-input" disabled>
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label for="phone" class="layui-form-label">
  38. <span class="x-red">*</span>手机
  39. </label>
  40. <div class="layui-input-inline">
  41. <input type="text" value="18925139194" id="phone" name="phone" required="" lay-verify="phone"
  42. autocomplete="off" class="layui-input">
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label for="L_email" class="layui-form-label">
  47. <span class="x-red">*</span>邮箱
  48. </label>
  49. <div class="layui-input-inline">
  50. <input type="text" value="113664000@qq.com" id="L_email" name="email" required="" lay-verify="email"
  51. autocomplete="off" class="layui-input">
  52. </div>
  53. </div>
  54. <div class="layui-form-item">
  55. <label class="layui-form-label"><span class="x-red">*</span>角色</label>
  56. <div class="layui-input-block">
  57. <input type="radio" name="role" lay-skin="primary" title="超级管理员" value="0" checked="">
  58. <input type="radio" name="role" lay-skin="primary" title="生产管理员" value="1">
  59. </div>
  60. </div>
  61. <div class="layui-form-item">
  62. <label for="L_repass" class="layui-form-label">
  63. </label>
  64. <button class="layui-btn" lay-filter="add" lay-submit="">
  65. 修改
  66. </button>
  67. </div>
  68. </form>
  69. </div>
  70. <script>
  71. $(function () {
  72. $('#username').val(getQueryString('username'));
  73. var role = getQueryString('role')
  74. if(role == 0){
  75. $("input[title='超级管理员']").click();
  76. }else if(role == 1){
  77. $("input[title='生产管理员']").click();
  78. }
  79. });
  80. function getQueryString(name) {
  81. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  82. var r = window.location.search.substr(1).match(reg);
  83. if (r !== null)
  84. return unescape(r[2]);
  85. return null;
  86. }
  87. layui.use(['form', 'layer'], function () {
  88. var $ = jQuery = layui.$;
  89. var form = layui.form, layer = layui.layer;
  90. //自定义验证规则
  91. form.verify({
  92. nikename: function (value) {
  93. if (value.length < 5) {
  94. return '昵称至少得5个字符啊';
  95. }
  96. }
  97. , pass: [/(.+){6,12}$/, '密码必须6到12位']
  98. , repass: function (value) {
  99. if ($('#L_pass').val() != $('#L_repass').val()) {
  100. return '两次密码不一致';
  101. }
  102. }
  103. });
  104. //监听提交
  105. form.on('submit(add)', function (data) {
  106. console.log(data.field);
  107. var values = data.field;
  108. $.post(
  109. http_ip_port + '/user/adminUpdate',
  110. {
  111. username: values.username,
  112. password: values.password,
  113. phone: values.phone,
  114. role: values.role,
  115. token: $.cookie('access_token')
  116. },
  117. function (res) {
  118. console.log(res);
  119. //发异步,把数据提交
  120. layer.alert("修改成功", {icon: 6}, function () {
  121. // 获得frame索引
  122. var index = parent.layer.getFrameIndex(window.name);
  123. //关闭当前frame
  124. parent.layer.close(index);
  125. parent.location.reload();
  126. });
  127. }
  128. );
  129. return false;
  130. });
  131. });
  132. </script>
  133. </body>
  134. </html>