apply_edit.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
  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-projectMatters-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. <span th:value="${companyInfo.uscc}" th:name="companyInfo.uscc" >[[${companyInfo.uscc}]]</span>
  53. </div>
  54. </div>
  55. <div class="row cl">
  56. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>所属行业:</label>
  57. <div class="formControls col-xs-8 col-sm-4">
  58. <span class="select-box">
  59. <select class="select" th:name="companyInfo.industry_code" id="industryTypeList">
  60. <option value="">--请选择--</option>
  61. <option value="" th:each="item : ${industryTypeList}" th:value="${item.value}"
  62. th:selected="${companyInfo.industry_code==item.value}"
  63. th:text="${item.name}">
  64. </option>
  65. </select>
  66. </span>
  67. </div>
  68. <label class="form-label col-xs-4 col-sm-2"> 组织机构代码:</label>
  69. <div class="formControls col-xs-8 col-sm-4">
  70. <input type="hidden" th:name="companyInfo.organization_code" th:value="${companyInfo.organization_code}" />
  71. <span th:value="${companyInfo.organization_code}" >[[${companyInfo.organization_code}]]</span>
  72. </div>
  73. </div>
  74. <div class="row cl" id="industry"
  75. th:class="${companyInfo.industry_name!=null&&companyInfo.industry_name!=''&&companyInfo.industry_code=='Empty'}?'industry_name_show row cl':'industry_name_hide row cl'">
  76. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>其它行业:</label>
  77. <div class="formControls col-xs-8 col-sm-3">
  78. <input type="text" class="input-text" value="" th:id="industry_name" th:name="companyInfo.industry_name"
  79. th:value="${companyInfo.industry_name}"
  80. placeholder="请输入所属行业"/>
  81. </div>
  82. </div>
  83. <div class="row cl">
  84. <label class="form-label col-xs-4 col-sm-2"> 注册地点:</label>
  85. <div class="formControls col-xs-8 col-sm-4">
  86. <input type="text" class="input-text"th:value="${companyInfo.registration_address}" th:name="companyInfo.registration_address" />
  87. </div>
  88. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>注册资金:</label>
  89. <div class="formControls col-xs-4 col-sm-1">
  90. <span class="select-box">
  91. <select class="select" th:name="companyInfo.currency_unit" id="currency_unit" >
  92. <!-- <option value="">--请选择货币单位--</option> -->
  93. <option th:selected="${companyInfo.currency_unit==item.id}" th:each="item : ${currencyList}"
  94. th:value="${item.id}" th:text="${item.name}"/>
  95. </select>
  96. </span>
  97. </div>
  98. <div class="formControls col-xs-6 col-sm-2" >
  99. <input type="text" class="input-text" th:id="registration_capital" th:name="companyInfo.registration_capital" th:value="${companyInfo.registration_capital}"/>
  100. </div>
  101. <div class="col-xs-4 col-sm-1">(万元)</div>
  102. </div>
  103. <div class="row cl">
  104. <label class="form-label col-xs-4 col-sm-2"> 法人代表姓名:</label>
  105. <div class="formControls col-xs-8 col-sm-4">
  106. <input type="text" class="input-text" th:value="${companyInfo.legal_representative}" th:name="companyInfo.legal_representative" />
  107. </div>
  108. <label class="form-label col-xs-4 col-sm-2"> 联系人姓名:</label>
  109. <div class="formControls col-xs-8 col-sm-4">
  110. <input type="text" class="input-text" th:value="${companyInfo.contact}" th:name="companyInfo.contact"/>
  111. </div>
  112. </div>
  113. <div class="row cl">
  114. <label class="form-label col-xs-4 col-sm-2"> 法人代表职务:</label>
  115. <div class="formControls col-xs-8 col-sm-4">
  116. <input type="text" class="input-text" th:value="${companyInfo.lr_position}" th:name="companyInfo.lr_position" />
  117. </div>
  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" th:value="${companyInfo.contact_position}" th:name="companyInfo.contact_position" />
  121. </div>
  122. </div>
  123. <div class="row cl">
  124. <label class="form-label col-xs-4 col-sm-2"> 法人代表手机:</label>
  125. <div class="formControls col-xs-8 col-sm-4">
  126. <input type="text" class="input-text" th:value="${companyInfo.lr_phone}" th:name="companyInfo.lr_phone" />
  127. </div>
  128. <label class="form-label col-xs-4 col-sm-2"> 联系人手机:</label>
  129. <div class="formControls col-xs-8 col-sm-4">
  130. <input type="text" class="input-text" th:value="${companyInfo.contact_phone}" th:name="companyInfo.contact_phone" />
  131. </div>
  132. </div>
  133. <div class="row cl">
  134. <label class="form-label col-xs-4 col-sm-2"> 总资产:</label>
  135. <div class="formControls col-xs-4 col-sm-1" >
  136. <!--<input type="hidden" class="input-text" th:value="${companyInfo.total_assets_currency_unit}" name="companyInfo.total_assets_currency_unit" id="total_assets_currency_unit"/>-->
  137. <span class="select-box">
  138. <select class="select" th:name="total_assets_currency_unit" >
  139. <!-- <option value="">--请选择货币单位--</option> -->
  140. <option th:selected="${companyInfo.total_assets_currency_unit==item.id}" th:each="item : ${currencyList}"
  141. th:value="${item.id}" th:text="${item.name}"/>
  142. </select>
  143. </span>
  144. </div>
  145. <div class="formControls col-xs-6 col-sm-2" >
  146. <input type="text" class="input-text" th:id="total_assets" th:value="${companyInfo.total_assets}" th:name="companyInfo.total_assets" />
  147. </div>
  148. <div class="col-xs-4 col-sm-1">(万元)</div>
  149. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>固定资产净值:</label>
  150. <div class="formControls col-xs-4 col-sm-1" >
  151. <span class="select-box">
  152. <select class="select" th:name="companyInfo.fixed_assets_currency_unit" >
  153. <!-- <option value="">--请选择货币单位--</option> -->
  154. <option th:selected="${companyInfo.fixed_assets_currency_unit==item.id}" th:each="item : ${currencyList}" th:value="${item.id}" th:text="${item.name}"/>
  155. </select>
  156. </span>
  157. </div>
  158. <div class="formControls col-xs-6 col-sm-2" >
  159. <input type="text" class="input-text" th:id="fixed_assets" th:value="${companyInfo.fixed_assets}" th:name="companyInfo.fixed_assets" />
  160. </div>
  161. <div class="col-xs-4 col-sm-1">(万元)</div>
  162. </div>
  163. </div>
  164. <div class="line" id="project_provinces" style="display: none;">服务事项种类</div>
  165. <div class="row cl" id="project_type" style="display: none;">
  166. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目类别:</label>
  167. <div class="formControls col-xs-8 col-sm-4">
  168. <span class="select-box">
  169. <select class="select" th:name="category_id" id="category_id" onChange="changeType(this)">
  170. <option th:each="item : ${superTypeList}" th:value="${item.id}"
  171. th:text="${item.project_type_name}" th:selected="${projectApply.category_id}==${item.id}">
  172. </option>
  173. </select>
  174. </span>
  175. </div>
  176. <label class="form-label col-xs-4 col-sm-2"><span class="c-red"></span>项目名称:</label>
  177. <div class="formControls col-xs-8 col-sm-4">
  178. <span class="select-box">
  179. <input type="hidden" th:id="project_type_name" th:name="project_type_name" th:value="${projectApply.project_type_name}"/>
  180. <select class="select" th:name="project_id" th:id="project_id">
  181. <option th:each="item : ${projectNameList}" th:value="${item.id}"
  182. th:text="${item.project_type_name}" th:selected = "${projectApply.project_type_name}==${item.project_type_name}">
  183. </option>
  184. </select>
  185. </span>
  186. </div>
  187. </div>
  188. <div class="line">申报材料</div>
  189. <div class="row cl" id="applyMaterials">
  190. <label class="form-label col-xs-4 col-sm-2">上传材料:</label>
  191. <div class="formControls col-xs-8 col-sm-9">
  192. <div class="uploader-thum-container">
  193. <div id="fileListPre" class="uploader-list">
  194. <th:block th:unless="${projectApply.fileDown.file_url} == null">
  195. <a th:href="${fileUrl} + ${projectApply.fileDown.file_url}" id="fileName" target="_blank">[[${projectApply.fileDown.file_name}]]</a>
  196. </th:block>
  197. </div>
  198. <div id="filePicker">选择文件</div>
  199. </div>
  200. </div>
  201. </div>
  202. <!--<div class="line">流程信息</div>
  203. <div class="row cl">
  204. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  205. <table class="table table-border table-bordered table-bg table-hover processTb">
  206. <thead>
  207. <tr class="text-c">
  208. <th>时间</th>
  209. &lt;!&ndash; <th>审核状态</th> &ndash;&gt;
  210. <th>单位</th>
  211. <th>操作人</th>
  212. <th>操作</th>
  213. <th>审核意见</th>
  214. </tr>
  215. </thead>
  216. <tbody>
  217. <tr class="text-c" th:each="model,iterStat:${approvalList}" th:object="${model}">
  218. <td th:text="*{create_time}"></td>
  219. &lt;!&ndash; <td th:text="*{before_approvalstatus_str}"></td> &ndash;&gt;
  220. <td th:text="*{department}"></td>
  221. <td th:text="*{create_name}"></td>
  222. <td th:text="*{oper_type}"></td>
  223. <td th:text="*{approval_comment}"></td>
  224. </tr>
  225. </tbody>
  226. </table>
  227. </div>
  228. </div>-->
  229. <div class="row cl">
  230. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  231. <a class="btn btn-primary radius" onclick="saveDraft(1);" >&nbsp;&nbsp;保存草稿&nbsp;&nbsp;</a>
  232. <a class="btn btn-primary radius" onclick="saveDraft(0)" >&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
  233. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  234. </div>
  235. </div>
  236. </form>
  237. </article>
  238. <script type="text/javascript" th:src="@{/js/company/project_matters/apply_edit.js}"></script>
  239. <script th:inline="javascript">
  240. /**
  241. * 初始化上传控件
  242. */
  243. var options = {
  244. uploadBtnId: '#filePicker',
  245. picturePreId: 'fileListPre',
  246. hiddenPictureUrl: 'img',
  247. hiddenPictureName: 'imgName',
  248. // accept : {
  249. // title : 'Images',
  250. // extensions : 'gif,jpg,jpeg,bmp,png',
  251. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  252. // },
  253. width: 81,
  254. height: 81,
  255. fileSizeLimit: 100 * 1024 * 1024,
  256. fileSingleSizeLimit: 100 * 1024 * 1024,
  257. // fileNumLimit: 1,
  258. append : false
  259. };
  260. var webUploadDoc = new $WebUploadDoc(options);
  261. webUploadDoc.init();
  262. var fileUrl = [[${fileUrl}]];
  263. var project =[[${projectApply}]];
  264. $(function(){
  265. if (project.is_comprehensive){
  266. $("#project_provinces").show();
  267. $("#project_type").show();
  268. }
  269. });
  270. $("#industryTypeList").change(function () {
  271. if ($('#industryTypeList option:selected').val() == "Empty") {
  272. $("#industry").show()
  273. } else {
  274. $("#industry").hide()
  275. }
  276. });
  277. function saveDraft(isDraft){
  278. $("#isDraft").val(isDraft);
  279. submit();
  280. }
  281. function changeType(obj){
  282. $.ajax({
  283. url :pagePath+"/projectProvinces/getProjectByType",
  284. type : "get",
  285. data : {
  286. 'serviceId': $("#category_id").val()
  287. },
  288. dataType : "json",
  289. success: function (result) {
  290. if (result.success) {
  291. var projects = result.obj;
  292. // if(projects.length>0){
  293. $("#project_id").find("option").remove();
  294. var options = '';
  295. for(var i=0;i< projects.length;i++){
  296. options += '<option value="'+projects[i].id+'">'+projects[i].project_type_name+'</option>';
  297. }
  298. $("#project_id").append(options);
  299. // }
  300. } else {
  301. errorMessage(result.message);
  302. }
  303. },
  304. error: function () {
  305. errorMessage('系统错误!');
  306. }
  307. });
  308. }
  309. /**
  310. * 取消
  311. */
  312. function removeIframe(){
  313. var index = parent.layer.getFrameIndex(window.name);
  314. parent.layer.close(index);
  315. }
  316. //判断是否是第一次进入编辑页面且没有上传文件
  317. $("#filePicker").onclick=function () {
  318. $("#fistTime").val(1);
  319. console.log($("#fistTime").val());
  320. }
  321. </script>
  322. </body>
  323. </html>