process_feedback.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>新增进程反馈</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <article class="page-container">
  10. <form class="form form-horizontal" id="form-land-feedback">
  11. <input type="hidden" th:id="apply_id" th:name="apply_id" th:value="${landApply.id}"/>
  12. <div class="row cl">
  13. <label class="form-label col-xs-4 col-sm-2"> 申请单编号:</label>
  14. <div class="formControls col-xs-8 col-sm-9">
  15. [[${landApply.apply_no}]]
  16. </div>
  17. </div>
  18. <div class="row cl">
  19. <label class="form-label col-xs-4 col-sm-2"> 申请类型:</label>
  20. <div class="formControls col-xs-8 col-sm-9">
  21. [[${landApply.apply_type_str}]]
  22. </div>
  23. </div>
  24. <div class="row cl">
  25. <label class="form-label col-xs-4 col-sm-2"> 企业名称:</label>
  26. <div class="formControls col-xs-8 col-sm-9">
  27. [[${landApply.company_name}]]
  28. </div>
  29. </div>
  30. <div class="row cl">
  31. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>线下办理状态:</label>
  32. <div class="formControls col-xs-8 col-sm-9">
  33. <span class="select-box">
  34. <select class="select" th:name="process_status" >
  35. <option th:each="item : ${processStatusList}" th:value="${item.value}"
  36. th:text="${item.name}">
  37. </option>
  38. </select>
  39. </span>
  40. </div>
  41. </div>
  42. <div class="row cl">
  43. <label class="form-label col-xs-4 col-sm-2"> 办理内容:</label>
  44. <div class="formControls col-xs-8 col-sm-9">
  45. <textarea class="textarea" id="process_content" th:name="process_content" placeholder="请输入办理内容"></textarea>
  46. </div>
  47. </div>
  48. <div class="row cl">
  49. <label class="form-label col-xs-4 col-sm-2"> 办理结果:</label>
  50. <div class="formControls col-xs-8 col-sm-9">
  51. <textarea class="textarea" id="process_result" th:name="process_result" placeholder="请输入办理结果"></textarea>
  52. </div>
  53. </div>
  54. <div class="row cl">
  55. <label class="form-label col-xs-4 col-sm-2">文件上传:</label>
  56. <div class="formControls col-xs-8 col-sm-9">
  57. <div class="uploader-thum-container">
  58. <div id="fileListPre" class="uploader-list">
  59. </div>
  60. <div id="filePicker">选择文件</div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="row cl">
  65. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  66. <button class="btn btn-primary radius" type="submit">&nbsp;&nbsp;上传&nbsp;&nbsp;</button>
  67. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
  68. </div>
  69. </div>
  70. </form>
  71. </article>
  72. <script th:inline="javascript">
  73. $(function () {
  74. $("#form-land-feedback").validate({
  75. rules: {
  76. },
  77. messages: {
  78. },
  79. onkeyup: false,
  80. focusCleanup: true,
  81. success: "valid",
  82. submitHandler: function (form) {
  83. // $(form).find(":submit").attr("disabled", true);
  84. setDocNames();
  85. $(form).ajaxSubmit({
  86. type: 'post',
  87. url: pagePath + "/stockLand/processFeedback",
  88. dataType: "json",
  89. success: function (data) {
  90. if (data.success) {
  91. succeedMessage(data.message);
  92. setTimeClose();
  93. } else {
  94. // $(form).find(":submit").attr("disabled", false);
  95. errorMessage(data.message);
  96. }
  97. },
  98. error: function () {
  99. errorMessage('系统错误!');
  100. }
  101. });
  102. return false; // 非常重要,如果是false,则表明是不跳转,在本页上处理,也就是ajax,如果是非false,则传统的form跳转。
  103. }
  104. });
  105. });
  106. //修改上传文件的name域,改成数组形式
  107. function setDocNames(){
  108. $("#fileListPre").find("input[id$='DocUrl']").each(function(i,item){
  109. $(this).attr("name","fileDowns["+i+"].file_id");
  110. });
  111. }
  112. /**
  113. * 初始化上传控件
  114. */
  115. var options = {
  116. uploadBtnId: '#filePicker',
  117. picturePreId: 'fileListPre',
  118. hiddenPictureUrl: 'img',
  119. hiddenPictureName: 'imgName',
  120. // accept : {
  121. // title : 'Images',
  122. // extensions : 'gif,jpg,jpeg,bmp,png',
  123. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  124. // },
  125. width: 81,
  126. height: 81,
  127. fileSizeLimit: 100 * 1024 * 1024,
  128. fileSingleSizeLimit: 100 * 1024 * 1024,
  129. // fileNumLimit: 1,
  130. append : true
  131. };
  132. var webUploadDoc = new $WebUploadDoc(options);
  133. webUploadDoc.init();
  134. /**
  135. * 取消
  136. */
  137. function removeIframe(){
  138. var index = parent.layer.getFrameIndex(window.name);
  139. parent.layer.close(index);
  140. }
  141. </script>
  142. </body>
  143. </html>