editUser.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="../Js/layui/css/layui.css" />
  5. <meta charset="utf-8" />
  6. <title>新增用户</title>
  7. <style>
  8. body {
  9. font-family: 'Microsoft YaHei';
  10. }
  11. .hidden {
  12. display: none;
  13. }
  14. .middle-align {
  15. vertical-align: middle;
  16. text-align: center;
  17. }
  18. .layui-form-label {
  19. text-align: left !important;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <script src="../Js/layui/layui.all.js"></script>
  25. <script src="../Js/Common.js"></script>
  26. <script type="text/html" id="roleChoose">
  27. <select name="role" id="role" lay-filter="aihao">
  28. {{# if(d.role==0){}}
  29. <option value="0" selected="selected">{{# }else{ }}
  30. <option value="0">
  31. {{# } }}{{ window.top.layui.translater('User')}}
  32. </option>
  33. {{# if(d.role==1){}}
  34. <option value="1" selected="selected">{{# }else{ }}
  35. <option value="1">
  36. {{# } }}{{ window.top.layui.translater('Seller')}}
  37. </option>
  38. {{# if(d.role==2){}}
  39. <option value="2" selected="selected">{{# }else{ }}
  40. <option value="2">
  41. {{# } }}{{ window.top.layui.translater('Admin')}}
  42. </option>
  43. </select>
  44. </script>
  45. <form class="layui-form middle-align" style="padding: 30px;" onkeydown="if(event.keyCode==13)return false;">
  46. <div class="layui-form-item layui-layout-admin middle-align">
  47. <label class="layui-form-label" id="userNameLabel">User name</label>
  48. <div class="layui-input-block" style="margin-top:5px;">
  49. <label name="userName" id="userName" class="layui-form-label" style="width:170px"></label>
  50. </div>
  51. </div>
  52. <div class="layui-form-item layui-layout-admin middle-align">
  53. <label class="layui-form-label" id="roleLabel">Role</label>
  54. <div class="layui-input-block" id="roleDiv" lay-filter="roleDiv">
  55. </div>
  56. </div>
  57. <div class="layui-form-item layui-layout-admin">
  58. <div class="layui-input-block">
  59. <div class="layui-footer" style="left: 0;vertical-align:middle;text-align:center;">
  60. <a id="confirmBtn" class="layui-btn layui-btn-normal" lay-submit lay-filter="component-form-submit">confirm</a>
  61. <a id="back" class="layui-btn layui-btn-primary">cancel</a>
  62. </div>
  63. </div>
  64. </div>
  65. </form>
  66. <script>
  67. var params = layui.getParams();
  68. var jsonStr = decodeURIComponent(params.json);
  69. var jsonData = JSON.parse(jsonStr);
  70. var adminId = jsonData.id
  71. var isBusy = false;
  72. var form = layui.form;
  73. layui.$("#roleLabel").text(layui.translater("Role"));
  74. layui.$("#userNameLabel").text(layui.translater("UserName"));
  75. layui.$("#back").text(layui.translater("Cancel"));
  76. layui.$("#confirmBtn").text(layui.translater("Confirm"));
  77. layui.$("#userName").html(jsonData.name);
  78. layui.showTPLbyScript("#roleDiv", layui.$("#roleChoose")[0].innerHTML, { role : jsonData.role });
  79. layui.formOnSubmit('component-form-submit', function (data) {
  80. if (!isBusy) {
  81. isBusy = true;
  82. var param;
  83. if (layui.$("#contentType").val() == "multipart/form-data") {
  84. param = new FormData(data.form);
  85. } else {
  86. param = {
  87. id: adminId,
  88. userName: jsonData.name,
  89. role: layui.$("#role").val()
  90. };
  91. }
  92. layui.doPost("/CloudDisk/User/editUser"
  93. , param
  94. , function (res) {
  95. if (res.success) {
  96. layui.$("#back").click();
  97. isBusy = false;
  98. } else {
  99. if (res.msg) {
  100. layui.layer.alert(res.msg);
  101. }
  102. else {
  103. layui.layer.alert(layui.translater("OperateFailed"));
  104. }
  105. isBusy = false;
  106. }
  107. }, function (xhr, ts) {
  108. isBusy = false;
  109. }, function (xhr, err, errthrowd) {
  110. isBusy = false;
  111. layui.layer.alert(err);
  112. }, layui.$("#contentType").val());
  113. }
  114. });
  115. layui.elementOn("#back", "click", function () {
  116. if (parent.loadPage) {
  117. parent.loadPage();
  118. }
  119. var index = parent.layer.getFrameIndex(window.name);
  120. parent.layer.close(index);
  121. });
  122. form.render();
  123. </script>
  124. </body>
  125. </html>