apply_add.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  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" id="project_provinces" style="display: none;" th:if="${declaration.is_comprehensive=='1'}">服务事项种类</div>
  167. <div class="row cl" id="project_type" style="display: none;" th:if="${declaration.is_comprehensive=='1'}">
  168. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目类别:</label>
  169. <div class="formControls col-xs-8 col-sm-4">
  170. <span class="select-box">
  171. <select class="select" th:name="category_id" id="category_id" onChange="changeType(this)">
  172. <option value="" >-- 请选择申报项目种类 --</option>
  173. <option th:each="item : ${superTypeList}" th:value="${item.id}" th:text="${item.project_type_name}">
  174. </option>
  175. </select>
  176. </span>
  177. </div>
  178. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目名称:</label>
  179. <div class="formControls col-xs-8 col-sm-4">
  180. <span class="select-box">
  181. <!--<input type="hidden" th:id="project_name" th:name="project_type_name" />-->
  182. <select class="select" th:name="project_id" th:id="project_id" >
  183. <option th:each="item : ${projectNameList}" th:value="${item.id}" th:text="${item.name}">
  184. </option>
  185. </select>
  186. </span>
  187. </div>
  188. </div>
  189. <div class="line">申报材料</div>
  190. <div class="row cl" id="applyMaterials">
  191. <label class="form-label col-xs-4 col-sm-2">上传材料:</label>
  192. <div class="formControls col-xs-8 col-sm-9">
  193. <div class="uploader-thum-container">
  194. <div id="fileListPre" class="uploader-list">
  195. </div>
  196. <div id="filePicker">选择文件</div>
  197. </div>
  198. </div>
  199. </div>
  200. <div class="row cl">
  201. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  202. <a class="btn btn-primary radius" onclick="saveDraft(1);" >&nbsp;&nbsp;保存草稿&nbsp;&nbsp;</a>
  203. <a class="btn btn-primary radius" onclick="saveDraft(0);" >&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
  204. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  205. </div>
  206. </div>
  207. </form>
  208. </article>
  209. <script type="text/javascript" th:src="@{/js/company/project_matters/apply_add.js}"></script>
  210. <script th:inline="javascript">
  211. /**
  212. * 初始化上传控件
  213. */
  214. var options = {
  215. uploadBtnId: '#filePicker',
  216. picturePreId: 'fileListPre',
  217. hiddenPictureUrl: 'img',
  218. hiddenPictureName: 'imgName',
  219. // accept : {
  220. // title : 'Images',
  221. // extensions : 'gif,jpg,jpeg,bmp,png',
  222. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  223. // },
  224. width: 81,
  225. height: 81,
  226. fileSizeLimit: 100 * 1024 * 1024,
  227. fileSingleSizeLimit: 100 * 1024 * 1024,
  228. // fileNumLimit: 1,
  229. append : false
  230. };
  231. var webUploadDoc = new $WebUploadDoc(options);
  232. webUploadDoc.init();
  233. var fileUrl = [[${fileUrl}]];
  234. var project =[[${declaration}]];
  235. $(function(){
  236. $("#operationsInfoTb").find(".number").each(function(i,item){
  237. $(this).rules('add', {
  238. required:true,
  239. min : 0,
  240. max : 999999999.999999,
  241. isFloat : true,
  242. isFloat6Fn : true
  243. });
  244. });
  245. if (project.is_comprehensive){
  246. $("#project_provinces").show();
  247. $("#project_type").show();
  248. }
  249. });
  250. $("#industryTypeList").change(function () {
  251. if ($('#industryTypeList option:selected').val() == "Empty") {
  252. $("#industry").show()
  253. } else {
  254. $("#industry").hide()
  255. }
  256. });
  257. function saveDraft(isDraft){
  258. $("#isDraft").val(isDraft);
  259. submit();
  260. }
  261. /**
  262. * 取消
  263. */
  264. function removeIframe(){
  265. var index = parent.layer.getFrameIndex(window.name);
  266. if(index){
  267. parent.layer.close(index);
  268. }else{
  269. //返回门户申报页面
  270. window.location.href = pagePath+"/home/informList/78";
  271. //history.back(-2);
  272. }
  273. }
  274. function changeType(obj){
  275. $.ajax({
  276. url :pagePath+"/projectProvinces/getProjectByType",
  277. type : "get",
  278. data : {
  279. 'serviceId': $("#category_id").val()
  280. },
  281. dataType : "json",
  282. success: function (result) {
  283. if (result.success) {
  284. var projects = result.obj;
  285. if(projects.length>0){
  286. $("#project_id").find("option").remove();
  287. var options = '';
  288. for(var i=0;i< projects.length;i++){
  289. options += '<option value="'+projects[i].id+'" project_name="'+projects[i].project_type_name+'" >'+projects[i].project_type_name+'</option>';
  290. }
  291. $("#project_id").append(options);
  292. $("#project_name").val(projects[0].project_type_name);
  293. }else{
  294. $("#project_id").find("option").remove();
  295. $("#project_name").val("");
  296. }
  297. } else {
  298. errorMessage(result.message);
  299. }
  300. },
  301. error: function () {
  302. errorMessage('系统错误!');
  303. }
  304. });
  305. }
  306. </script>
  307. </body>
  308. </html>