uid-edit.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  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="uid" class="layui-form-label">
  29. <span class="x-red">*</span>UID
  30. </label>
  31. <div class="layui-input-inline">
  32. <input type="text" id="uid" name="uid" required="" lay-verify="required"
  33. autocomplete="off" value="" class="layui-input" disabled>
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label for="mac" class="layui-form-label">
  38. <span class="x-red">*</span>mac地址
  39. </label>
  40. <div class="layui-input-inline">
  41. <input type="text" value="" id="mac" name="mac" required="" lay-verify="required"
  42. autocomplete="off" class="layui-input">
  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. <input type="radio" name="status" lay-skin="primary" title="未暂用" value="0" checked="">
  49. <input type="radio" name="status" lay-skin="primary" title="待暂用" value="1">
  50. <input type="radio" name="status" lay-skin="primary" title="已暂用" value="1">
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label for="add_time" class="layui-form-label">
  55. <span class="x-red">*</span>添加时间
  56. </label>
  57. <div class="layui-input-inline">
  58. <input type="text" value="" id="add_time" name="add_time" required="" lay-verify="required"
  59. autocomplete="off" class="layui-input" disabled>
  60. </div>
  61. </div>
  62. <div class="layui-form-item">
  63. <label for="update_time" class="layui-form-label">
  64. <span class="x-red">*</span>修改时间
  65. </label>
  66. <div class="layui-input-inline">
  67. <input type="text" value="" id="update_time" name="update_time" required="" lay-verify="required"
  68. autocomplete="off" class="layui-input" disabled>
  69. </div>
  70. </div>
  71. <div class="layui-form-item">
  72. <label for="L_repass" class="layui-form-label">
  73. </label>
  74. <button class="layui-btn" lay-filter="add" lay-submit="">
  75. 修改
  76. </button>
  77. </div>
  78. </form>
  79. </div>
  80. <script>
  81. $(function () {
  82. $('#uid').val(getQueryString('uid'));
  83. var status = getQueryString('status');
  84. if(status == 0){
  85. $("input[title='未暂用']").click();
  86. }else if(status == 1){
  87. $("input[title='待暂用']").click();
  88. }else if(status == 2){
  89. $("input[title='已暂用']").click();
  90. }
  91. $('#mac').val(getQueryString('mac'));
  92. $('#add_time').val(formatDate(getQueryString('add_time') * 1000));
  93. $('#update_time').val(formatDate(getQueryString('update_time') * 1000));
  94. });
  95. function getQueryString(name) {
  96. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  97. var r = window.location.search.substr(1).match(reg);
  98. if (r !== null)
  99. return unescape(r[2]);
  100. return null;
  101. }
  102. layui.use(['form', 'layer'], function () {
  103. var $ = jQuery = layui.$;
  104. var form = layui.form, layer = layui.layer;
  105. //自定义验证规则
  106. form.verify({
  107. nikename: function (value) {
  108. if (value.length < 5) {
  109. return '昵称至少得5个字符啊';
  110. }
  111. }
  112. , pass: [/(.+){6,12}$/, '密码必须6到12位']
  113. , repass: function (value) {
  114. if ($('#L_pass').val() != $('#L_repass').val()) {
  115. return '两次密码不一致';
  116. }
  117. }
  118. });
  119. //监听提交
  120. form.on('submit(add)', function (data) {
  121. console.log(data.field);
  122. var values = data.field;
  123. var content = {
  124. mac: values.mac,
  125. status: values.status
  126. };
  127. $.post(
  128. http_ip_port + '/uid/adminUpdate',
  129. {
  130. uid: values.uid,
  131. content: JSON.stringify(content),
  132. token: $.cookie('access_token')
  133. },
  134. function (res) {
  135. console.log(res);
  136. //发异步,把数据提交
  137. layer.alert("修改成功", {icon: 6}, function () {
  138. // 获得frame索引
  139. var index = parent.layer.getFrameIndex(window.name);
  140. //关闭当前frame
  141. parent.layer.close(index);
  142. parent.location.reload();
  143. });
  144. }
  145. );
  146. return false;
  147. });
  148. });
  149. </script>
  150. </body>
  151. </html>