editFoldersAndFiles.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  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-footer {
  19. background-color: transparent !important;
  20. left: 0 !important;
  21. vertical-align: middle !important;
  22. text-align: center !important;
  23. padding: 10px !important;
  24. }
  25. .layui-form-label {
  26. text-align: left !important;
  27. width: 100px;
  28. padding: 9px 0px !important;
  29. }
  30. .layui-form {
  31. padding: 0px !important;
  32. }
  33. .layui-form-item {
  34. margin: 15px !important;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <script src="../Js/layui/layui.all.js"></script>
  40. <script src="../Js/Common.js"></script>
  41. <form class="layui-form middle-align" onkeydown="if(event.keyCode==13)return false;">
  42. <div class="layui-form-item layui-layout-admin middle-align">
  43. <label class="layui-form-label" id="folderNameLabel"></label>
  44. <div class="layui-input-block">
  45. <input type="text" lay-verify="name|inputMaxLen" name="folderName" id="folderName" autocomplete="off" placeholder="Input folder name" class="layui-input">
  46. </div>
  47. </div>
  48. <div class="layui-form-item layui-layout-admin middle-align">
  49. <label class="layui-form-label" id="passwordLabel"></label>
  50. <div class="layui-input-block">
  51. <input type="password" lay-verify="passOrEmpty" name="folderPassword" id="folderPassword" autocomplete="off" placeholder="Input password" class="layui-input">
  52. </div>
  53. </div>
  54. <div class="layui-form-item layui-layout-admin">
  55. <a id="confirmBtn" class="layui-btn layui-btn-normal" lay-submit lay-filter="component-form-submit">confirm</a>
  56. <a id="back" class="layui-btn layui-btn-primary"></a>
  57. </div>
  58. </form>
  59. <script>
  60. var param = layui.getParams();
  61. var id = parseInt(param.id);
  62. var currUser = param.currUser;
  63. var isBusy = false;
  64. layui.$("#folderName").attr("placeholder", layui.translater("InputHit"));
  65. layui.$("#folderPassword").attr("placeholder", layui.translater("IgnoreInputHit"));
  66. layui.$("#folderNameLabel").text(layui.translater("FolderName"));
  67. layui.$("#passwordLabel").text(layui.translater("Password"));
  68. layui.$("#back").text(layui.translater("Cancel"));
  69. layui.$("#confirmBtn").text(layui.translater("Confirm"));
  70. var fileUrl, type, fatherId, fileMd5;
  71. layui.doGet("/CloudDisk/FoldersAndFiles/GetFoldersAndFilesById", { id }, function (res) {
  72. layui.$("#folderName").val(res.name);
  73. layui.$("#folderPassword").val(res.password);
  74. fileUrl = res.fileUrl;
  75. type = res.type;
  76. fatherId = res.fatherId;
  77. fileMd5 = res.fileMd5;
  78. });
  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: id,
  88. name: layui.$("#folderName").val(),
  89. password: layui.$("#folderPassword").val(),
  90. fileUrl,
  91. fatherId,
  92. type,
  93. fileMd5,
  94. currUser
  95. };
  96. }
  97. layui.doPost("/CloudDisk/FoldersAndFiles/EditFoldersAndFiles"
  98. , param
  99. , function (res) {
  100. layui.$("#back").click();
  101. if (!res.success) {
  102. if (res.msg) {
  103. window.top.layui.layer.alert(res.msg, { title: ' ', btn: [layui.translater("Confirm")] });
  104. }
  105. else {
  106. window.top.layui.layer.alert(layui.translater("OperateFailed"), { title: ' ', btn: [layui.translater("Confirm")] });
  107. }
  108. }
  109. isBusy = false;
  110. }, function (xhr, ts) {
  111. }, function (xhr, err, errthrowd) {
  112. isBusy = false;
  113. window.top.layui.layer.alert(err);
  114. }, layui.$("#contentType").val());
  115. }
  116. });
  117. layui.elementOn("#back", "click", function () {
  118. if (parent.loadPage) {
  119. parent.loadPage();
  120. }
  121. var index = parent.layer.getFrameIndex(window.name);
  122. parent.layer.close(index);
  123. });
  124. </script>
  125. </body>
  126. </html>