apply_add.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381
  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"><span class="c-red"></span>申请企业:</label>
  36. <div class="formControls col-xs-8 col-sm-9">
  37. <input type="text" readonly="readonly" style="width:48%" required placeholder="点击查找按钮查找公司"
  38. maxlength="45" class="input-text readonly" id="company_name" th:name="company_name" th:value="${companyName}"/>
  39. <a class="btn btn-primary" style="margin-top:0px;" th:onclick="'javascript:open_dialog(\'查找公司\',\'/build/contract/selectCompany\',\'800\',\'500\');'">
  40. <i class="Hui-iconfont">&#xe665;</i>查找</a>
  41. </div>
  42. </div> -->
  43. <div class="row cl">
  44. <label class="form-label col-xs-4 col-sm-2"> 企业名称:</label>
  45. <div class="formControls col-xs-8 col-sm-4">
  46. <input type="text" class="input-text" th:value="${companyInfo.company_name}" th:name="companyInfo.company_name" />
  47. </div>
  48. <label class="form-label col-xs-4 col-sm-2"> 统一社会信用代码:</label>
  49. <div class="formControls col-xs-8 col-sm-4">
  50. <input type="text" class="input-text" th:name="companyInfo.uscc" th:value="${companyInfo.uscc}" hidden/>
  51. <span>[[${companyInfo.uscc}]]</span>
  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-4">
  57. <input type="text" class="input-text"th:value="${companyInfo.industry_code}" th:name="companyInfo.industry_code" />
  58. </div>-->
  59. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>所属行业:</label>
  60. <div class="formControls col-xs-8 col-sm-4">
  61. <span class="select-box">
  62. <select class="select" th:name="companyInfo.industry_code" id="industryTypeList">
  63. <option value="">--请选择--</option>
  64. <option value="" th:each="item : ${industryTypeList}" th:value="${item.value}"
  65. th:selected="${companyInfo.industry_code==item.value}"
  66. th:text="${item.name}">
  67. </option>
  68. </select>
  69. </span>
  70. </div>
  71. <label class="form-label col-xs-4 col-sm-2"> 组织机构代码:</label>
  72. <div class="formControls col-xs-8 col-sm-4">
  73. <input type="hidden" th:name="companyInfo.organization_code" th:value="${companyInfo.organization_code}" />
  74. <span th:value="${companyInfo.organization_code}" >[[${companyInfo.organization_code}]]</span>
  75. </div>
  76. </div>
  77. <div class="row cl" id="industry" hidden>
  78. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>其它行业:</label>
  79. <div class="formControls col-xs-8 col-sm-4">
  80. <input type="text" class="input-text" value="" th:id="industry_name" th:name="companyInfo.industry_name"
  81. placeholder="请输入所属行业"/>
  82. </div>
  83. </div>
  84. <div class="row cl">
  85. <label class="form-label col-xs-4 col-sm-2"> 注册地点:</label>
  86. <div class="formControls col-xs-8 col-sm-4">
  87. <input type="text" class="input-text"th:value="${companyInfo.registration_address}" th:name="companyInfo.registration_address" />
  88. </div>
  89. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>注册资金:</label>
  90. <div class="formControls col-xs-4 col-sm-1">
  91. <span class="select-box">
  92. <select class="select" th:name="companyInfo.currency_unit" id="currency_unit" >
  93. <!-- <option value="">--请选择货币单位--</option> -->
  94. <option th:selected="${companyInfo.currency_unit==item.id}" th:each="item : ${currencyList}"
  95. th:value="${item.id}" th:text="${item.name}"/>
  96. </select>
  97. </span>
  98. </div>
  99. <div class="formControls col-xs-6 col-sm-2" >
  100. <input type="text" class="input-text" th:id="registration_capital" th:name="companyInfo.registration_capital" th:value="${companyInfo.registration_capital}"/>
  101. </div>
  102. <div class="col-xs-4 col-sm-1">(万元)</div>
  103. </div>
  104. <div class="row cl">
  105. <label class="form-label col-xs-4 col-sm-2"> 法人代表姓名:</label>
  106. <div class="formControls col-xs-8 col-sm-4">
  107. <input type="text" class="input-text" th:value="${companyInfo.legal_representative}" th:name="companyInfo.legal_representative" />
  108. </div>
  109. <label class="form-label col-xs-4 col-sm-2"> 联系人姓名:</label>
  110. <div class="formControls col-xs-8 col-sm-4">
  111. <input type="text" class="input-text" th:if="${companyInfo.companyContacts}" th:value="${companyInfo.companyContacts[0].contact}" th:name="companyInfo.contact"/>
  112. <input type="text" class="input-text" th:unless="${companyInfo.companyContacts}" th:name="companyInfo.contact" />
  113. </div>
  114. </div>
  115. <div class="row cl">
  116. <label class="form-label col-xs-4 col-sm-2"> 法人代表职务:</label>
  117. <div class="formControls col-xs-8 col-sm-4">
  118. <input type="text" class="input-text" th:value="${companyInfo.lr_position}" th:name="companyInfo.lr_position" />
  119. </div>
  120. <label class="form-label col-xs-4 col-sm-2"> 联系人职务:</label>
  121. <div class="formControls col-xs-8 col-sm-4">
  122. <input type="text" class="input-text" th:if="${companyInfo.companyContacts}" th:value="${companyInfo.companyContacts[0].position}" th:name="companyInfo.contact_position" />
  123. <input type="text" class="input-text" th:unless="${companyInfo.companyContacts}" th:name="companyInfo.contact_position" />
  124. </div>
  125. </div>
  126. <div class="row cl">
  127. <label class="form-label col-xs-4 col-sm-2"> 法人代表手机:</label>
  128. <div class="formControls col-xs-8 col-sm-4">
  129. <input type="text" class="input-text" value="" th:name="companyInfo.lr_phone" />
  130. </div>
  131. <label class="form-label col-xs-4 col-sm-2"> 联系人手机:</label>
  132. <div class="formControls col-xs-8 col-sm-4">
  133. <input type="text" class="input-text" th:if="${companyInfo.companyContacts}" th:value="${companyInfo.companyContacts[0].phone}" th:name="companyInfo.contact_phone" />
  134. <input type="text" class="input-text" th:unless="${companyInfo.companyContacts}" th:name="companyInfo.contact_phone" />
  135. </div>
  136. </div>
  137. <div class="row cl">
  138. <label class="form-label col-xs-4 col-sm-2"> 总资产:</label>
  139. <div class="formControls col-xs-4 col-sm-1" >
  140. <span class="select-box">
  141. <select class="select" th:name="companyInfo.total_assets_currency_unit" >
  142. <!-- <option value="">--请选择货币单位--</option> -->
  143. <option th:each="item : ${currencyList}" th:value="${item.id}" th:text="${item.name}"/>
  144. </select>
  145. </span>
  146. </div>
  147. <div class="formControls col-xs-4 col-sm-2" >
  148. <input type="text" class="input-text" th:id="total_assets" th:name="companyInfo.total_assets" />
  149. </div>
  150. <div class="col-xs-4 col-sm-1">(万元)</div>
  151. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>固定资产净值:</label>
  152. <div class="formControls col-xs-4 col-sm-1" >
  153. <span class="select-box">
  154. <select class="select" th:name="companyInfo.fixed_assets_currency_unit" >
  155. <!-- <option value="">--货币单位--</option> -->
  156. <option th:each="item : ${currencyList}" th:value="${item.id}" th:text="${item.name}"/>
  157. </select>
  158. </span>
  159. </div>
  160. <div class="formControls col-xs-4 col-sm-2" >
  161. <input type="text" class="input-text" th:id="fixed_assets" th:name="companyInfo.fixed_assets" />
  162. </div>
  163. <div class="col-xs-4 col-sm-1">(万元)</div>
  164. </div>
  165. </div>
  166. <div class="line">企业经营情况</div>
  167. <table class="table table-border table-bordered table-bg table-hover" id="operationsInfoTb">
  168. <thead>
  169. <tr class="text-c">
  170. <th>年份</th>
  171. <th th:each="item,iterStat: ${operationsInfo}">
  172. [[${item.year}]] 年
  173. <input type="hidden" th:value="${item.year}" th:name="${'operationsInfo['+iterStat.index+'].year'}"/>
  174. </th>
  175. </tr>
  176. </thead>
  177. <tbody>
  178. <tr class="text-c" >
  179. <td>营业收入(万元)</td>
  180. <td th:each="item,iterStat: ${operationsInfo}">
  181. <input type="hidden" th:value="${item.cid}" th:name="${'operationsInfo['+iterStat.index+'].cid'}"/>
  182. <input required type="text" class="input-text number" th:value="${item.operation_income}" th:name="${'operationsInfo['+iterStat.index+'].operation_income'}"/>
  183. </td>
  184. </tr>
  185. <tr class="text-c" >
  186. <td>其中:产品销售收入(万元)</td>
  187. <td th:each="item,iterStat: ${operationsInfo}">
  188. <input required type="text" class="input-text number" th:value="${item.sales_income}" th:name="${'operationsInfo['+iterStat.index+'].sales_income'}"/>
  189. </td>
  190. </tr>
  191. <tr class="text-c" >
  192. <td>加工收入(万元)</td>
  193. <td th:each="item,iterStat: ${operationsInfo}"><input required type="text" class="input-text number" th:value="${item.processing_income}" th:name="${'operationsInfo['+iterStat.index+'].processing_income'}"/></td>
  194. </tr>
  195. <tr class="text-c" >
  196. <td>入库税金(万元)</td>
  197. <td th:each="item,iterStat: ${operationsInfo}"><input required type="text" class="input-text number" th:value="${item.storage_tax}" th:name="${'operationsInfo['+iterStat.index+'].storage_tax'}"/></td>
  198. </tr>
  199. <tr class="text-c" >
  200. <td>其中:增值税(万元)</td>
  201. <td th:each="item,iterStat: ${operationsInfo}"><input required type="text" class="input-text number" th:value="${item.added_value_tax}" th:name="${'operationsInfo['+iterStat.index+'].added_value_tax'}"/></td>
  202. </tr>
  203. <tr class="text-c" >
  204. <td>营业税(万元)</td>
  205. <td th:each="item,iterStat: ${operationsInfo}"><input required type="text" class="input-text number" th:value="${item.business_tax}" th:name="${'operationsInfo['+iterStat.index+'].business_tax'}"/></td>
  206. </tr>
  207. <tr class="text-c" >
  208. <td>企业所得税(万元)</td>
  209. <td th:each="item,iterStat: ${operationsInfo}"><input required type="text" class="input-text number" th:value="${item.corporate_income_tax}" th:name="${'operationsInfo['+iterStat.index+'].corporate_income_tax'}"/></td>
  210. </tr>
  211. </tbody>
  212. </table>
  213. <div class="row cl">
  214. <div class="formControls col-xs-8 col-sm-4">
  215. <input id="isStatement" name="is_statement" type="checkbox" /><strong style="color:red;" > 本企业声明:本企业保证以上信息真实无误!</strong>
  216. </div>
  217. </div>
  218. <div class="line" id="project_provinces" style="display: none;">项目申报种类</div>
  219. <div class="row cl" id="project_type" style="display: none;">
  220. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目类别:</label>
  221. <div class="formControls col-xs-8 col-sm-4">
  222. <span class="select-box">
  223. <select class="select" th:name="category_id" id="category_id" onChange="changeType(this)">
  224. <option value="" >-- 请选择申报项目种类 --</option>
  225. <option th:each="item : ${superTypeList}" th:value="${item.id}"
  226. th:text="${item.project_type_name}" th:selected = "${applyType}==${item.id}">
  227. </option>
  228. </select>
  229. </span>
  230. </div>
  231. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目名称:</label>
  232. <div class="formControls col-xs-8 col-sm-4">
  233. <span class="select-box">
  234. <!--<input type="hidden" th:id="project_name" th:name="project_type_name" />-->
  235. <select class="select" th:name="project_id" th:id="project_id" >
  236. <option th:each="item : ${projectNameList}" th:value="${item.id}" th:text="${item.name}">
  237. </option>
  238. </select>
  239. </span>
  240. </div>
  241. </div>
  242. <div class="line">申报材料</div>
  243. <div class="row cl" id="applyMaterials">
  244. <label class="form-label col-xs-4 col-sm-2">上传材料:</label>
  245. <div class="formControls col-xs-8 col-sm-9">
  246. <div class="uploader-thum-container">
  247. <div id="fileListPre" class="uploader-list">
  248. </div>
  249. <div id="filePicker">选择文件</div>
  250. </div>
  251. </div>
  252. </div>
  253. <div class="row cl">
  254. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  255. <a class="btn btn-primary radius" onclick="saveDraft(1);" >&nbsp;&nbsp;保存草稿&nbsp;&nbsp;</a>
  256. <a class="btn btn-primary radius" onclick="saveDraft(0);" >&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
  257. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  258. </div>
  259. </div>
  260. </form>
  261. </article>
  262. <script type="text/javascript" th:src="@{/js/company/project_provinces/apply_add.js}"></script>
  263. <script th:inline="javascript">
  264. /**
  265. * 初始化上传控件
  266. */
  267. var options = {
  268. uploadBtnId: '#filePicker',
  269. picturePreId: 'fileListPre',
  270. hiddenPictureUrl: 'img',
  271. hiddenPictureName: 'imgName',
  272. // accept : {
  273. // title : 'Images',
  274. // extensions : 'gif,jpg,jpeg,bmp,png',
  275. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  276. // },
  277. width: 81,
  278. height: 81,
  279. fileSizeLimit: 100 * 1024 * 1024,
  280. fileSingleSizeLimit: 100 * 1024 * 1024,
  281. // fileNumLimit: 1,
  282. append : false
  283. };
  284. var webUploadDoc = new $WebUploadDoc(options);
  285. webUploadDoc.init();
  286. var fileUrl = [[${fileUrl}]];
  287. var project =[[${projectApply}]];
  288. $(function(){
  289. $("#operationsInfoTb").find(".number").each(function(i,item){
  290. $(this).rules('add', {
  291. required:true,
  292. min : 0,
  293. max : 999999999.999999,
  294. isFloat : true,
  295. isFloat6Fn : true
  296. });
  297. });
  298. if (project.is_comprehensive){
  299. $("#project_provinces").show();
  300. $("#project_type").show();
  301. }
  302. });
  303. $("#industryTypeList").change(function () {
  304. if ($('#industryTypeList option:selected').val() == "Empty") {
  305. $("#industry").show()
  306. } else {
  307. $("#industry").hide()
  308. }
  309. });
  310. function saveDraft(isDraft){
  311. $("#isDraft").val(isDraft);
  312. submit();
  313. }
  314. /**
  315. * 取消
  316. */
  317. function removeIframe(){
  318. // var index = parent.layer.getFrameIndex(window.name);
  319. // if(index){
  320. // parent.layer.close(index);
  321. // }else{
  322. // //返回门户申报页面
  323. // window.location.href = pagePath+"/index/#/projectList";
  324. // //history.back(-2);
  325. // }
  326. history.back(-1);
  327. }
  328. function changeType(obj){
  329. $.ajax({
  330. url :pagePath+"/projectProvinces/getProjectByType",
  331. type : "get",
  332. data : {
  333. 'serviceId': $("#category_id").val()
  334. },
  335. dataType : "json",
  336. success: function (result) {
  337. if (result.success) {
  338. var projects = result.obj;
  339. if(projects.length>0){
  340. $("#project_id").find("option").remove();
  341. var options = '';
  342. for(var i=0;i< projects.length;i++){
  343. options += '<option value="'+projects[i].id+'" project_name="'+projects[i].project_type_name+'" >'+projects[i].project_type_name+'</option>';
  344. }
  345. $("#project_id").append(options);
  346. $("#project_name").val(projects[0].project_type_name);
  347. }else{
  348. $("#project_id").find("option").remove();
  349. $("#project_name").val("");
  350. }
  351. } else {
  352. errorMessage(result.message);
  353. }
  354. },
  355. error: function () {
  356. errorMessage('系统错误!');
  357. }
  358. });
  359. }
  360. </script>
  361. </body>
  362. </html>