apply_add.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313
  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. .line {
  9. display: block;
  10. text-align: left;
  11. background-color: #fff;
  12. color: #333;
  13. border-bottom: 1px solid #0a6999;
  14. border-color: #fff;
  15. border-bottom: 1px solid #0a6999;
  16. margin-top: 10px;
  17. vertical-align: middle;
  18. padding: 4px 12px;
  19. height: 31px;
  20. line-height: 31px;
  21. font-size: 14px;
  22. font-weight: bold;
  23. }
  24. </style>
  25. </head>
  26. <body layout:fragment="content">
  27. <article class="page-container">
  28. <form class="form form-horizontal" id="form-projectApplication-add">
  29. <input type="hidden" th:name="companyInfo.company_id" th:id="companyId" th:value="${companyId}"/>
  30. <input type="hidden" th:name="declaration_id" th:id="declaration_id" th:value="${declaration_id}"/>
  31. <input type="hidden" th:name="isDraft" th:id="isDraft" th:value="0"/>
  32. <div class="line">企业基本情况</div>
  33. <div id="companyInfo">
  34. <div class="row cl">
  35. <label class="form-label col-xs-4 col-sm-2"> 企业名称:</label>
  36. <div class="formControls col-xs-8 col-sm-4">
  37. <input type="text" class="input-text" th:value="${companyInfo.company_name}" th:name="companyInfo.company_name" />
  38. </div>
  39. <label class="form-label col-xs-4 col-sm-2"> 统一社会信用代码:</label>
  40. <div class="formControls col-xs-8 col-sm-4">
  41. <input type="text" class="input-text" th:name="companyInfo.uscc" th:value="${companyInfo.uscc}" hidden/>
  42. <span>[[${companyInfo.uscc}]]</span>
  43. </div>
  44. </div>
  45. <div class="row cl">
  46. <!--<label class="form-label col-xs-4 col-sm-2"> 所属行业:</label>
  47. <div class="formControls col-xs-8 col-sm-4">
  48. <input type="text" class="input-text"th:value="${companyInfo.industry_code}" th:name="companyInfo.industry_code" />
  49. </div>-->
  50. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>所属行业:</label>
  51. <div class="formControls col-xs-8 col-sm-4">
  52. <span class="select-box">
  53. <select class="select" th:name="companyInfo.industry_code" id="industryTypeList">
  54. <option value="">--请选择--</option>
  55. <option value="" th:each="item : ${industryTypeList}" th:value="${item.value}"
  56. th:selected="${companyInfo.industry_code==item.value}"
  57. th:text="${item.name}">
  58. </option>
  59. </select>
  60. </span>
  61. </div>
  62. <label class="form-label col-xs-4 col-sm-2"> 组织机构代码:</label>
  63. <div class="formControls col-xs-8 col-sm-4">
  64. <input type="hidden" th:name="companyInfo.organization_code" th:value="${companyInfo.organization_code}" />
  65. <span th:value="${companyInfo.organization_code}" >[[${companyInfo.organization_code}]]</span>
  66. </div>
  67. </div>
  68. <div class="row cl" id="industry" hidden>
  69. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>其它行业:</label>
  70. <div class="formControls col-xs-8 col-sm-4">
  71. <input type="text" class="input-text" value="" th:id="industry_name" th:name="companyInfo.industry_name"
  72. placeholder="请输入所属行业"/>
  73. </div>
  74. </div>
  75. <div class="row cl">
  76. <label class="form-label col-xs-4 col-sm-2"> 注册地点:</label>
  77. <div class="formControls col-xs-8 col-sm-4">
  78. <input type="text" class="input-text"th:value="${companyInfo.registration_address}" th:name="companyInfo.registration_address" />
  79. </div>
  80. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>注册资金:</label>
  81. <div class="formControls col-xs-4 col-sm-1">
  82. <span class="select-box">
  83. <select class="select" th:name="companyInfo.currency_unit" id="currency_unit" >
  84. <!-- <option value="">--请选择货币单位--</option> -->
  85. <option th:selected="${companyInfo.currency_unit==item.id}" th:each="item : ${currencyList}"
  86. th:value="${item.id}" th:text="${item.name}"/>
  87. </select>
  88. </span>
  89. </div>
  90. <div class="formControls col-xs-6 col-sm-2" >
  91. <input type="text" class="input-text" th:id="registration_capital" th:name="companyInfo.registration_capital" th:value="${companyInfo.registration_capital}"/>
  92. </div>
  93. <div class="col-xs-4 col-sm-1">(万元)</div>
  94. </div>
  95. <div class="row cl">
  96. <label class="form-label col-xs-4 col-sm-2"> 法人代表姓名:</label>
  97. <div class="formControls col-xs-8 col-sm-4">
  98. <input type="text" class="input-text" th:value="${companyInfo.legal_representative}" th:name="companyInfo.legal_representative" />
  99. </div>
  100. <label class="form-label col-xs-4 col-sm-2"> 联系人姓名:</label>
  101. <div class="formControls col-xs-8 col-sm-4">
  102. <input type="text" class="input-text" th:if="${companyInfo.companyContacts}" th:value="${companyInfo.companyContacts[0].contact}" th:name="companyInfo.contact"/>
  103. <input type="text" class="input-text" th:unless="${companyInfo.companyContacts}" th:name="companyInfo.contact" />
  104. </div>
  105. </div>
  106. <div class="row cl">
  107. <label class="form-label col-xs-4 col-sm-2"> 法人代表职务:</label>
  108. <div class="formControls col-xs-8 col-sm-4">
  109. <input type="text" class="input-text" th:value="${companyInfo.lr_position}" th:name="companyInfo.lr_position" />
  110. </div>
  111. <label class="form-label col-xs-4 col-sm-2"> 联系人职务:</label>
  112. <div class="formControls col-xs-8 col-sm-4">
  113. <input type="text" class="input-text" th:if="${companyInfo.companyContacts}" th:value="${companyInfo.companyContacts[0].position}" th:name="companyInfo.contact_position" />
  114. <input type="text" class="input-text" th:unless="${companyInfo.companyContacts}" th:name="companyInfo.contact_position" />
  115. </div>
  116. </div>
  117. <div class="row cl">
  118. <label class="form-label col-xs-4 col-sm-2"> 法人代表手机:</label>
  119. <div class="formControls col-xs-8 col-sm-4">
  120. <input type="text" class="input-text" value="" th:name="companyInfo.lr_phone" />
  121. </div>
  122. <label class="form-label col-xs-4 col-sm-2"> 联系人手机:</label>
  123. <div class="formControls col-xs-8 col-sm-4">
  124. <input type="text" class="input-text" th:if="${companyInfo.companyContacts}" th:value="${companyInfo.companyContacts[0].phone}" th:name="companyInfo.contact_phone" />
  125. <input type="text" class="input-text" th:unless="${companyInfo.companyContacts}" th:name="companyInfo.contact_phone" />
  126. </div>
  127. </div>
  128. <div class="row cl">
  129. <label class="form-label col-xs-4 col-sm-2"> 总资产:</label>
  130. <div class="formControls col-xs-4 col-sm-1" >
  131. <span class="select-box">
  132. <select class="select" th:name="companyInfo.total_assets_currency_unit" >
  133. <!-- <option value="">--请选择货币单位--</option> -->
  134. <option th:each="item : ${currencyList}" th:value="${item.id}" th:text="${item.name}"/>
  135. </select>
  136. </span>
  137. </div>
  138. <div class="formControls col-xs-4 col-sm-2" >
  139. <input type="text" class="input-text" th:id="total_assets" th:name="companyInfo.total_assets" />
  140. </div>
  141. <div class="col-xs-4 col-sm-1">(万元)</div>
  142. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>固定资产净值:</label>
  143. <div class="formControls col-xs-4 col-sm-1" >
  144. <span class="select-box">
  145. <select class="select" th:name="companyInfo.fixed_assets_currency_unit" >
  146. <!-- <option value="">--货币单位--</option> -->
  147. <option th:each="item : ${currencyList}" th:value="${item.id}" th:text="${item.name}"/>
  148. </select>
  149. </span>
  150. </div>
  151. <div class="formControls col-xs-4 col-sm-2" >
  152. <input type="text" class="input-text" th:id="fixed_assets" th:name="companyInfo.fixed_assets" />
  153. </div>
  154. <div class="col-xs-4 col-sm-1">(万元)</div>
  155. </div>
  156. </div>
  157. <div class="line">项目申报种类</div>
  158. <div class="row cl">
  159. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目类别:</label>
  160. <div class="formControls col-xs-8 col-sm-4">
  161. <span class="select-box">
  162. <select class="select" th:name="category_id" id="category_id" onChange="changeType(this)">
  163. <option value="" >-- 请选择申报项目种类 --</option>
  164. <option th:each="item : ${superTypeList}" th:value="${item.id}"
  165. th:text="${item.project_type_name}" th:selected = "${applyType}==${item.id}">
  166. </option>
  167. </select>
  168. </span>
  169. </div>
  170. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目名称:</label>
  171. <div class="formControls col-xs-8 col-sm-4">
  172. <span class="select-box">
  173. <!--<input type="hidden" th:id="project_name" th:name="project_type_name" />-->
  174. <select class="select" th:name="project_id" th:id="project_id" >
  175. <option th:each="item : ${projectNameList}" th:value="${item.id}" th:text="${item.name}">
  176. </option>
  177. </select>
  178. </span>
  179. </div>
  180. </div>
  181. <div class="line">申报材料</div>
  182. <div class="row cl" id="applyMaterials">
  183. <label class="form-label col-xs-4 col-sm-2">上传材料:</label>
  184. <div class="formControls col-xs-8 col-sm-9">
  185. <div class="uploader-thum-container">
  186. <div id="fileListPre" class="uploader-list">
  187. </div>
  188. <div id="filePicker">选择文件</div>
  189. </div>
  190. </div>
  191. </div>
  192. <div class="row cl">
  193. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  194. <a class="btn btn-primary radius" onclick="saveDraft(1);" >&nbsp;&nbsp;保存草稿&nbsp;&nbsp;</a>
  195. <a class="btn btn-primary radius" onclick="saveDraft(0);" >&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
  196. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  197. </div>
  198. </div>
  199. </form>
  200. </article>
  201. <script type="text/javascript" th:src="@{/js/company/project_intelligent/apply_add.js}"></script>
  202. <script th:inline="javascript">
  203. /**
  204. * 初始化上传控件
  205. */
  206. var options = {
  207. uploadBtnId: '#filePicker',
  208. picturePreId: 'fileListPre',
  209. hiddenPictureUrl: 'img',
  210. hiddenPictureName: 'imgName',
  211. // accept : {
  212. // title : 'Images',
  213. // extensions : 'gif,jpg,jpeg,bmp,png',
  214. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  215. // },
  216. width: 81,
  217. height: 81,
  218. fileSizeLimit: 100 * 1024 * 1024,
  219. fileSingleSizeLimit: 100 * 1024 * 1024,
  220. // fileNumLimit: 1,
  221. append : false
  222. };
  223. var webUploadDoc = new $WebUploadDoc(options);
  224. webUploadDoc.init();
  225. var fileUrl = [[${fileUrl}]];
  226. $(function(){
  227. $("#operationsInfoTb").find(".number").each(function(i,item){
  228. $(this).rules('add', {
  229. required:true,
  230. min : 0,
  231. max : 999999999.999999,
  232. isFloat : true,
  233. isFloat6Fn : true
  234. });
  235. });
  236. });
  237. $("#industryTypeList").change(function () {
  238. if ($('#industryTypeList option:selected').val() == "Empty") {
  239. $("#industry").show()
  240. } else {
  241. $("#industry").hide()
  242. }
  243. });
  244. function saveDraft(isDraft){
  245. $("#isDraft").val(isDraft);
  246. submit();
  247. }
  248. /**
  249. * 取消
  250. */
  251. function removeIframe(){
  252. // var index = parent.layer.getFrameIndex(window.name);
  253. // if(index){
  254. // parent.layer.close(index);
  255. // }else{
  256. // //返回门户申报页面
  257. // window.location.href = pagePath+"/home/informList/69";
  258. // //history.back(-2);
  259. // }
  260. history.back(-1);
  261. }
  262. function changeType(obj){
  263. $.ajax({
  264. url :pagePath+"/projectProvinces/getProjectByType",
  265. type : "get",
  266. data : {
  267. 'serviceId': $("#category_id").val()
  268. },
  269. dataType : "json",
  270. success: function (result) {
  271. if (result.success) {
  272. var projects = result.obj;
  273. if(projects.length>0){
  274. $("#project_id").find("option").remove();
  275. var options = '';
  276. for(var i=0;i< projects.length;i++){
  277. options += '<option value="'+projects[i].id+'" project_name="'+projects[i].project_type_name+'" >'+projects[i].project_type_name+'</option>';
  278. }
  279. $("#project_id").append(options);
  280. $("#project_name").val(projects[0].project_type_name);
  281. }else{
  282. $("#project_id").find("option").remove();
  283. $("#project_name").val("");
  284. }
  285. } else {
  286. errorMessage(result.message);
  287. }
  288. },
  289. error: function () {
  290. errorMessage('系统错误!');
  291. }
  292. });
  293. }
  294. </script>
  295. </body>
  296. </html>