uid-edit.html 6.8 KB

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