apply_edit.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  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. .industry_name_show {
  25. display: block;
  26. }
  27. .industry_name_hide {
  28. display: none;
  29. }
  30. </style>
  31. </head>
  32. <body layout:fragment="content">
  33. <article class="page-container">
  34. <form class="form form-horizontal" id="form-projectFilling-edit">
  35. <input type="hidden" th:name="id" th:id="id" th:value="${projectApply.id}"/>
  36. <input type="hidden" th:name="apply_no" th:id="apply_no" th:value="${projectApply.apply_no}"/>
  37. <input type="hidden" th:name="apply_date" th:id="apply_date" th:value="${projectApply.apply_date}"/>
  38. <input type="hidden" th:name="declaration_id" th:id="declaration_id" th:value="${projectApply.declaration_id}"/>
  39. <input type="hidden" th:name="companyInfo.company_id" th:id="companyId" th:value="${projectApply.company_id}"/>
  40. <input type="hidden" th:name="isDraft" th:id="isDraft" th:value="0"/>
  41. <input type="hidden" th:name="fistTime" th:id="fistTime" th:value="0"/>
  42. <div class="line">企业基本情况</div>
  43. <div id="companyInfo">
  44. <div class="row cl">
  45. <label class="form-label col-xs-4 col-sm-2"> 企业名称:</label>
  46. <div class="formControls col-xs-8 col-sm-4">
  47. <input type="text" class="input-text" th:value="${companyInfo.company_name}" th:name="companyInfo.company_name" />
  48. <input type="hidden" th:value="${companyInfo.id}" th:name="companyInfo.id" />
  49. </div>
  50. <label class="form-label col-xs-4 col-sm-2"> 统一社会信用代码:</label>
  51. <div class="formControls col-xs-8 col-sm-4">
  52. <input type="text" class="input-text" th:name="companyInfo.uscc" th:value="${companyInfo.uscc}" hidden/>
  53. <span>[[${companyInfo.uscc}]]</span>
  54. </div>
  55. </div>
  56. <div class="row cl">
  57. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>所属行业:</label>
  58. <div class="formControls col-xs-8 col-sm-4">
  59. <span class="select-box">
  60. <select class="select" th:name="companyInfo.industry_code" id="industryTypeList">
  61. <option value="">--请选择--</option>
  62. <option value="" th:each="item : ${industryTypeList}" th:value="${item.value}"
  63. th:selected="${companyInfo.industry_code==item.value}"
  64. th:text="${item.name}">
  65. </option>
  66. </select>
  67. </span>
  68. </div>
  69. <label class="form-label col-xs-4 col-sm-2"> 组织机构代码:</label>
  70. <div class="formControls col-xs-8 col-sm-4">
  71. <input type="hidden" th:name="companyInfo.organization_code" th:value="${companyInfo.organization_code}" />
  72. <span th:value="${companyInfo.organization_code}" >[[${companyInfo.organization_code}]]</span>
  73. </div>
  74. </div>
  75. <div class="row cl" id="industry"
  76. th:class="${companyInfo.industry_name!=null&&companyInfo.industry_name!=''&&companyInfo.industry_code=='Empty'}?'industry_name_show row cl':'industry_name_hide row cl'">
  77. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>其它行业:</label>
  78. <div class="formControls col-xs-8 col-sm-3">
  79. <input type="text" class="input-text" value="" th:id="industry_name" th:name="companyInfo.industry_name"
  80. th:value="${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:value="${companyInfo.contact}" th:name="companyInfo.contact"/>
  112. </div>
  113. </div>
  114. <div class="row cl">
  115. <label class="form-label col-xs-4 col-sm-2"> 法人代表职务:</label>
  116. <div class="formControls col-xs-8 col-sm-4">
  117. <input type="text" class="input-text" th:value="${companyInfo.lr_position}" th:name="companyInfo.lr_position" />
  118. </div>
  119. <label class="form-label col-xs-4 col-sm-2"> 联系人职务:</label>
  120. <div class="formControls col-xs-8 col-sm-4">
  121. <input type="text" class="input-text" th:value="${companyInfo.contact_position}" th:name="companyInfo.contact_position" />
  122. </div>
  123. </div>
  124. <div class="row cl">
  125. <label class="form-label col-xs-4 col-sm-2"> 法人代表手机:</label>
  126. <div class="formControls col-xs-8 col-sm-4">
  127. <input type="text" class="input-text" th:value="${companyInfo.lr_phone}" th:name="companyInfo.lr_phone" />
  128. </div>
  129. <label class="form-label col-xs-4 col-sm-2"> 联系人手机:</label>
  130. <div class="formControls col-xs-8 col-sm-4">
  131. <input type="text" class="input-text" th:value="${companyInfo.contact_phone}" th:name="companyInfo.contact_phone" />
  132. </div>
  133. </div>
  134. <div class="row cl">
  135. <label class="form-label col-xs-4 col-sm-2"> 总资产:</label>
  136. <div class="formControls col-xs-4 col-sm-1" >
  137. <!--<input type="hidden" class="input-text" th:value="${companyInfo.total_assets_currency_unit}" name="companyInfo.total_assets_currency_unit" id="total_assets_currency_unit"/>-->
  138. <span class="select-box">
  139. <select class="select" th:name="total_assets_currency_unit" >
  140. <!-- <option value="">--请选择货币单位--</option> -->
  141. <option th:selected="${companyInfo.total_assets_currency_unit==item.id}" th:each="item : ${currencyList}"
  142. th:value="${item.id}" th:text="${item.name}"/>
  143. </select>
  144. </span>
  145. </div>
  146. <div class="formControls col-xs-6 col-sm-2" >
  147. <input type="text" class="input-text" th:id="total_assets" th:value="${companyInfo.total_assets}" th:name="companyInfo.total_assets" />
  148. </div>
  149. <div class="col-xs-4 col-sm-1">(万元)</div>
  150. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>固定资产净值:</label>
  151. <div class="formControls col-xs-4 col-sm-1" >
  152. <span class="select-box">
  153. <select class="select" th:name="companyInfo.fixed_assets_currency_unit" >
  154. <!-- <option value="">--请选择货币单位--</option> -->
  155. <option th:selected="${companyInfo.fixed_assets_currency_unit==item.id}" th:each="item : ${currencyList}" th:value="${item.id}" th:text="${item.name}"/>
  156. </select>
  157. </span>
  158. </div>
  159. <div class="formControls col-xs-6 col-sm-2" >
  160. <input type="text" class="input-text" th:id="fixed_assets" th:value="${companyInfo.fixed_assets}" th:name="companyInfo.fixed_assets" />
  161. </div>
  162. <div class="col-xs-4 col-sm-1">(万元)</div>
  163. </div>
  164. </div>
  165. <!--<div class="line">项目申报种类</div>
  166. <div class="row cl">
  167. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目大类:</label>
  168. <div class="formControls col-xs-8 col-sm-4">
  169. <input type="hidden" th:name="super_type_name" th:id="super_type_name" th:value="${projectApply.super_type_name}"/>
  170. [[${projectApply.super_type_name}]]
  171. </div>
  172. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>服务事项:</label>
  173. <div class="formControls col-xs-8 col-sm-4">
  174. <input type="hidden" th:name="service_type_name" th:id="service_type_name" th:value="${projectApply.service_type_name}"/>
  175. [[${projectApply.service_type_name}]]
  176. </div>
  177. </div>-->
  178. <div class="line">申报材料</div>
  179. <div class="row cl" id="applyMaterials">
  180. <label class="form-label col-xs-4 col-sm-2">上传材料:</label>
  181. <div class="formControls col-xs-8 col-sm-9">
  182. <div class="uploader-thum-container">
  183. <div id="fileListPre" class="uploader-list">
  184. <!--<input th:type="hidden" th:value="${projectApply.fileDown.file_id}" name="fileId">-->
  185. <!--<input th:type="hidden" th:value="${projectApply.fileDown.file_name}" name="fileName">-->
  186. <th:block th:unless="${projectApply.fileDown.file_url} == null">
  187. <a th:href="${fileUrl} + ${projectApply.fileDown.file_url}" id="fileName" target="_blank">[[${projectApply.fileDown.file_name}]]</a>
  188. </th:block>
  189. </div>
  190. <div id="filePicker">选择文件</div>
  191. </div>
  192. </div>
  193. </div>
  194. <!--<div class="line">流程信息</div>
  195. <div class="row cl">
  196. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  197. <table class="table table-border table-bordered table-bg table-hover processTb">
  198. <thead>
  199. <tr class="text-c">
  200. <th>时间</th>
  201. &lt;!&ndash; <th>审核状态</th> &ndash;&gt;
  202. <th>单位</th>
  203. <th>操作人</th>
  204. <th>操作</th>
  205. <th>审核意见</th>
  206. </tr>
  207. </thead>
  208. <tbody>
  209. <tr class="text-c" th:each="model,iterStat:${approvalList}" th:object="${model}">
  210. <td th:text="*{create_time}"></td>
  211. &lt;!&ndash; <td th:text="*{before_approvalstatus_str}"></td> &ndash;&gt;
  212. <td th:text="*{department}"></td>
  213. <td th:text="*{create_name}"></td>
  214. <td th:text="*{oper_type}"></td>
  215. <td th:text="*{approval_comment}"></td>
  216. </tr>
  217. </tbody>
  218. </table>
  219. </div>
  220. </div>-->
  221. <div class="row cl">
  222. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  223. <a class="btn btn-primary radius" onclick="saveDraft(1);" >&nbsp;&nbsp;保存草稿&nbsp;&nbsp;</a>
  224. <a class="btn btn-primary radius" onclick="saveDraft(0)" >&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
  225. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  226. </div>
  227. </div>
  228. </form>
  229. </article>
  230. <script type="text/javascript" th:src="@{/js/company/project_filling/apply_edit.js}"></script>
  231. <script th:inline="javascript">
  232. /**
  233. * 初始化上传控件
  234. */
  235. var options = {
  236. uploadBtnId: '#filePicker',
  237. picturePreId: 'fileListPre',
  238. hiddenPictureUrl: 'img',
  239. hiddenPictureName: 'imgName',
  240. // accept : {
  241. // title : 'Images',
  242. // extensions : 'gif,jpg,jpeg,bmp,png',
  243. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  244. // },
  245. width: 81,
  246. height: 81,
  247. fileSizeLimit: 100 * 1024 * 1024,
  248. fileSingleSizeLimit: 100 * 1024 * 1024,
  249. // fileNumLimit: 1,
  250. append : false
  251. };
  252. var webUploadDoc = new $WebUploadDoc(options);
  253. webUploadDoc.init();
  254. var fileUrl = [[${fileUrl}]];
  255. $(function(){
  256. });
  257. $("#industryTypeList").change(function () {
  258. if ($('#industryTypeList option:selected').val() == "Empty") {
  259. $("#industry").show()
  260. } else {
  261. $("#industry").hide()
  262. }
  263. });
  264. function saveDraft(isDraft){
  265. $("#isDraft").val(isDraft);
  266. submit();
  267. }
  268. /**
  269. * 取消
  270. */
  271. function removeIframe(){
  272. var index = parent.layer.getFrameIndex(window.name);
  273. parent.layer.close(index);
  274. }
  275. //判断是否是第一次进入编辑页面且没有上传文件
  276. $("#filePicker").onclick=function () {
  277. $("#fistTime").val(1);
  278. console.log($("#fistTime").val());
  279. }
  280. </script>
  281. </body>
  282. </html>