addFolder.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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 currId = parseInt(param.currId);
  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. layui.formOnSubmit('component-form-submit', function (data) {
  71. if (!isBusy) {
  72. isBusy = true;
  73. var param;
  74. if (layui.$("#contentType").val() == "multipart/form-data") {
  75. param = new FormData(data.form);
  76. } else {
  77. param = {
  78. name: layui.$("#folderName").val(),
  79. password: layui.$("#folderPassword").val(),
  80. fileUrl: "",
  81. fatherId: currId,
  82. type: 1,
  83. currUser
  84. };
  85. }
  86. layui.doPost("/CloudDisk/FoldersAndFiles/AddFoldersAndFiles"
  87. , param
  88. , function (res) {
  89. layui.$("#back").click();
  90. if (!res.success) {
  91. if (res.msg) {
  92. window.top.layui.layer.alert(res.msg, { title: ' ', btn: [layui.translater("Confirm")] });
  93. }
  94. else {
  95. window.top.layui.layer.alert(layui.translater("OperateFailed"), { title: ' ', btn: [layui.translater("Confirm")] });
  96. }
  97. }
  98. isBusy = false;
  99. }, function (xhr, ts) {
  100. }, function (xhr, err, errthrowd) {
  101. isBusy = false;
  102. window.top.layui.layer.alert(err);
  103. }, layui.$("#contentType").val());
  104. }
  105. });
  106. layui.elementOn("#back", "click", function () {
  107. if (parent.loadPage) {
  108. parent.loadPage();
  109. }
  110. var index = parent.layer.getFrameIndex(window.name);
  111. parent.layer.close(index);
  112. });
  113. </script>
  114. </body>
  115. </html>