add.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  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. <style>
  8. .childTit{
  9. font-size:14px;
  10. color:#333;
  11. padding:8px 5px;
  12. /*margin: 15px 0;*/
  13. border-left: 3px solid #409EFF;
  14. background: rgba(240,240,240,0.9);
  15. text-align: left;
  16. }
  17. .line {
  18. display: block;
  19. text-align: left;
  20. background-color: #fff;
  21. color: #333;
  22. border-bottom: 1px solid #0a6999;
  23. border-color: #fff;
  24. border-bottom: 1px solid #0a6999;
  25. margin-top: 10px;
  26. vertical-align: middle;
  27. padding: 4px 12px;
  28. height: 31px;
  29. line-height: 31px;
  30. font-size: 14px;
  31. font-weight: bold;
  32. }
  33. </style>
  34. </head>
  35. <body layout:fragment="content">
  36. <article class="page-container">
  37. <form class="form form-horizontal" id="form-add">
  38. <div class="line">基本信息</div>
  39. <div class="row cl">
  40. <div class="col-xs-6 col-sm-6">
  41. <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>投资主体名称:</label>
  42. <div class="formControls col-xs-9 col-sm-9">
  43. <input type="text" class="input-text" name = "investment_subject"/>
  44. </div>
  45. </div>
  46. </div>
  47. <div class="row cl">
  48. <div class="col-xs-6 col-sm-6">
  49. <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>法定代表人姓名:</label>
  50. <div class="formControls col-xs-9 col-sm-9">
  51. <input type="text" class="input-text" name = "legal_representative"/>
  52. </div>
  53. </div>
  54. <div class="col-xs-6 col-sm-6">
  55. <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>联系电话:</label>
  56. <div class="formControls col-xs-9 col-sm-9">
  57. <input type="text" class="input-text" name = "lr_phone" />
  58. </div>
  59. </div>
  60. </div>
  61. <div class="row cl">
  62. <div class="col-xs-6 col-sm-6">
  63. <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>项目联系人姓名:</label>
  64. <div class="formControls col-xs-9 col-sm-9">
  65. <input type="text" class="input-text" name = "contact"/>
  66. </div>
  67. </div>
  68. <div class="col-xs-6 col-sm-6">
  69. <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>联系电话:</label>
  70. <div class="formControls col-xs-9 col-sm-9">
  71. <input type="text" class="input-text" name = "contact_phone" />
  72. </div>
  73. </div>
  74. </div>
  75. <div class="row cl">
  76. <div class="col-xs-6 col-sm-6">
  77. <label class="form-label col-xs-3 col-sm-3">所属板块:</label>
  78. <div class="formControls col-xs-9 col-sm-9">
  79. <input type="test" class="input-text" name = "streetName" th:value="${streetName}" readonly/>
  80. </div>
  81. </div>
  82. <div class="col-xs-6 col-sm-6" th:if="${pageType} != apply">
  83. <label class="form-label col-xs-3 col-sm-3">提交时间:</label>
  84. <div class="formControls col-xs-9 col-sm-9">
  85. <input type="test" class="input-text" readonly/>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="line">基本资料(有多个资料时请打包上传)</div>
  90. <div class="row cl" id="template">
  91. <table class="table table-border table-bordered table-bg table-hover" style="margin-top: 15px">
  92. <thead>
  93. <tr class="text-c">
  94. <th>文件</th>
  95. <th>上传材料</th>
  96. </tr>
  97. </thead>
  98. <tbody>
  99. <tr class="text-c" >
  100. <td>项目用地申请报告</td>
  101. <td>
  102. <input class="uploadFileName input-text" name="uploadFileName" readonly="readonly" type="text" th:onclick="'javascript:addFile(\'添加文件\',\'/industrialLand/addFile/applyMaterial\',\'800\',\'350\');'"/>
  103. <input class="uploadFileId" type="hidden" name="applyMaterial.file_id" id="applyMaterial"/>
  104. </td>
  105. </tr>
  106. <tr class="text-c" >
  107. <td>产业用地项目预审申请表</td>
  108. <td>
  109. <input class="uploadFileName input-text" name="uploadFileName" readonly="readonly" type="text" th:onclick="'javascript:addFile(\'添加文件\',\'/industrialLand/addFile/preAuditMaterial\',\'800\',\'350\');'"/>
  110. <input class="uploadFileId" type="hidden" name="preAuditMaterial.file_id" id="preAuditMaterial"/>
  111. </td>
  112. </tr>
  113. </tbody>
  114. </table>
  115. </div>
  116. <div class="row cl">
  117. <div class="col-xs-12 col-sm-9 col-xs-offset-5 col-sm-offset-5">
  118. <a class="btn btn-primary radius" onclick="save()">&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
  119. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  120. </div>
  121. </div>
  122. </form>
  123. </article>
  124. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  125. <script th:inline="javascript">
  126. var fileUrl = [[${fileUrl}]];
  127. //添加文件
  128. function addFile(title, url, w, h) {
  129. layer_show(title, pagePath + url, w, h);
  130. }
  131. $("#form-add").validate({
  132. errorPlacement: function(error, element) {
  133. // Append error within linked label
  134. $( element )
  135. .closest( "form" )
  136. .find( "label[for='" + element.attr( "id" ) + "']" )
  137. .append( error );
  138. },
  139. errorElement: "span",
  140. rules: {
  141. investment_subject: {
  142. required: true,
  143. minlength: 1,
  144. maxlength: 64
  145. },
  146. legal_representative: {
  147. required: true,
  148. minlength: 1,
  149. maxlength: 64
  150. },
  151. lr_phone: {
  152. required: true,
  153. isMobile:true
  154. },
  155. contact: {
  156. required: true,
  157. minlength: 1,
  158. maxlength: 64
  159. },
  160. contact_phone: {
  161. required: true,
  162. isMobile:true
  163. }
  164. },
  165. onkeyup: false,
  166. focusCleanup: true,
  167. success: "valid",
  168. errorPlacement: function(error, element) {
  169. if(element.attr('id') == 'content'){
  170. error.addClass(' label_error')
  171. }
  172. error.appendTo(element.parent());
  173. }
  174. });
  175. function save(){
  176. if (!$("#form-add").valid()){
  177. return;
  178. }else{
  179. $("#form-add").ajaxSubmit({
  180. type: 'post',
  181. url: pagePath + "/industrialLand/save",
  182. dataType: "json",
  183. success: function (data) {
  184. if (data.success) {
  185. succeedMessage(data.message);
  186. setTimeClose();
  187. } else {
  188. errorMessage(data.message);
  189. }
  190. },
  191. error: function () {
  192. errorMessage('系统错误!');
  193. }
  194. });
  195. }
  196. }
  197. /**
  198. * 取消
  199. */
  200. function removeIframe(){
  201. var index = parent.layer.getFrameIndex(window.name);
  202. parent.layer.close(index);
  203. }
  204. </script>
  205. </body>
  206. </html>