add.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('新增版本')" />
  5. </head>
  6. <body class="white-bg">
  7. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  8. <form class="form-horizontal m" id="form-notice-add">
  9. <div class="form-group">
  10. <label class="col-sm-2 control-label">系统:</label>
  11. <div class="col-sm-10">
  12. <select name="os" id="os" class="form-control m-b" th:with="type=${@dict.getType('os_type')}">
  13. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
  14. </select>
  15. </div>
  16. </div>
  17. <div class="form-group" >
  18. <label class="col-sm-2 control-label">平台:</label>
  19. <div class="col-sm-10">
  20. <input id="platform" name="platform" class="form-control" type="text" value="appstore" readonly='true'/>
  21. </div>
  22. </div>
  23. <div class="form-group" >
  24. <label class="col-sm-2 control-label">appid:</label>
  25. <div class="col-sm-10">
  26. <input id="appid" name="appid" class="form-control" type="text" placeholder=""/>
  27. </div>
  28. </div>
  29. <div class="form-group" >
  30. <label class="col-sm-2 control-label">版本:</label>
  31. <div class="col-sm-10">
  32. <input id="version" name="version" class="form-control" type="text" required/>
  33. </div>
  34. </div>
  35. <div class="form-group" >
  36. <label class="col-sm-2 control-label">状态:</label>
  37. <div class="col-sm-10">
  38. <select name="status" id="status" class="form-control m-b" th:with="type=${@dict.getType('version_status')}">
  39. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
  40. </select>
  41. </div>
  42. </div>
  43. <div class="form-group" >
  44. <label class="col-sm-2 control-label">版本描述:</label>
  45. <div class="col-sm-10">
  46. <textarea name="versionDesc" id="versionDesc" class="form-control" rows="3" placeholder="请输入描述."></textarea>
  47. </div>
  48. </div>
  49. <div class="form-group select-time" >
  50. <label class="col-sm-2 control-label">发布时间:</label>
  51. <div class="col-sm-10">
  52. <input id="time" name="publishTime" class="form-control time-input" type="text" required/>
  53. </div>
  54. </div>
  55. <div class="form-group" >
  56. <label class="col-sm-2 control-label">上传包:</label>
  57. <div class="col-sm-10">
  58. <input type="file" id="picUploadFile" name="uploadFile" accept="apk">
  59. <button name="picUploadBtn" class="btn btn-success" type="button" id="picUploadBtn">上传</button>
  60. <input type="hidden" id="downloadUrl" name="downloadUrl" class="form-control validate[required]"/>
  61. </div>
  62. </div>
  63. </form>
  64. </div>
  65. <th:block th:include="include :: footer" />
  66. <th:block th:include="include :: summernote-js" />
  67. <script type="text/javascript">
  68. var prefix = ctx + "system/version";
  69. $("#form-notice-add").validate({
  70. focusCleanup: true
  71. });
  72. /**
  73. * 文件上传
  74. */
  75. $('#picUploadBtn').on('click',function () {
  76. if($('#picUploadFile').get(0).files[0]==undefined){
  77. $.modal.alertError("请选择要上传的文件!");
  78. return;
  79. }
  80. var formData = new FormData();
  81. formData.append("file", $('#picUploadFile').get(0).files[0]);
  82. $.ajax({
  83. url: ctx + "file/upload",
  84. data: formData,
  85. type: "post",
  86. processData: false,
  87. contentType: false,
  88. success: function(result) {
  89. $("input[name='downloadUrl']").val(result.data);
  90. $('#picUploadBtn').html('成功,重新上传?');
  91. }
  92. })
  93. });
  94. function submitHandler() {
  95. if ($.validate.form()) {
  96. $.operate.save(prefix + "/add", $('#form-notice-add').serialize());
  97. }
  98. }
  99. </script>
  100. </body>
  101. </html>