approve_check.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375
  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-landApprove-info">
  29. <input type="hidden" th:id="apply_id" th:name="apply_id" th:value="${landApply.id}"/>
  30. <div class="line">基本信息</div>
  31. <div class="row cl">
  32. <label class="form-label col-xs-4 col-sm-2"> 企业名称:</label>
  33. <div class="formControls col-xs-8 col-sm-4">
  34. [[${companyInfo.company_name}]]
  35. </div>
  36. <label class="form-label col-xs-4 col-sm-2"> 统一社会信用代码:</label>
  37. <div class="formControls col-xs-8 col-sm-4">
  38. [[${companyInfo.uscc}]]
  39. </div>
  40. </div>
  41. <div class="row cl">
  42. <label class="form-label col-xs-4 col-sm-2"> 组织机构代码:</label>
  43. <div class="formControls col-xs-8 col-sm-4">
  44. [[${companyInfo.organization_code}]]
  45. </div>
  46. <label class="form-label col-xs-4 col-sm-2"> 所属行业:</label>
  47. <div class="formControls col-xs-8 col-sm-4">
  48. [[${companyInfo.industry_code}]]
  49. </div>
  50. </div>
  51. <div class="row cl">
  52. <label class="form-label col-xs-4 col-sm-2"> 地址:</label>
  53. <div class="formControls col-xs-8 col-sm-4">
  54. [[${companyInfo.registration_address}]]
  55. </div>
  56. <label class="form-label col-xs-4 col-sm-2"> 联系人:</label>
  57. <div class="formControls col-xs-8 col-sm-4">
  58. [[${companyInfo.contact}]]
  59. </div>
  60. </div>
  61. <div class="row cl">
  62. <label class="form-label col-xs-4 col-sm-2"> 联系人职位:</label>
  63. <div class="formControls col-xs-8 col-sm-4">
  64. [[${companyInfo.contact_position}]]
  65. </div>
  66. <label class="form-label col-xs-4 col-sm-2"> 联系人手机:</label>
  67. <div class="formControls col-xs-8 col-sm-4">
  68. [[${companyInfo.contact_phone}]]
  69. </div>
  70. </div>
  71. <div class="line">存量用地申请</div>
  72. <div class="row cl">
  73. <label class="form-label col-xs-4 col-sm-2"> 申请类别:</label>
  74. <div class="formControls col-xs-8 col-sm-9">
  75. [[${landApply.apply_type_str}]]
  76. </div>
  77. </div>
  78. <div class="row cl">
  79. <label class="form-label col-xs-4 col-sm-2">厂房所在属地:</label>
  80. <div class="formControls col-xs-8 col-sm-9">
  81. [[${landApply.building_street_name}]]
  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-9">
  87. [[${landApply.approve_status_str}]]
  88. </div>
  89. </div>
  90. <div th:if="${landApply.summary_procedure}" class="row cl">
  91. <label class="form-label col-xs-4 col-sm-2"> 简易程序类别:</label>
  92. <div class="formControls col-xs-8 col-sm-9">
  93. [[${landApply.summary_procedure_str}]]
  94. </div>
  95. </div>
  96. <div class="line">基准材料</div>
  97. <div class="row cl">
  98. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  99. <table class="table table-border table-bordered table-bg table-hover">
  100. <thead>
  101. <tr class="text-c">
  102. <th>编号</th>
  103. <th>内容</th>
  104. <th>下载材料</th>
  105. </tr>
  106. </thead>
  107. <tbody>
  108. <tr class="text-c" th:each="model,iterStat:${applyMaterials}" th:object="${model}">
  109. <td th:text="${iterStat.index+1}"></td>
  110. <td th:text="*{content}"></td>
  111. <td class="td_material">
  112. <div th:if="*{fileDown}">
  113. <!-- th:href="{fileDown.download_uri} + *{fileDown.file_url}" -->
  114. <a download th:href="${fileUrl} + *{fileDown.file_url}" target="_blank"
  115. style="color: #5b98dd;">[[*{fileDown.file_name}]]</a>
  116. </div>
  117. </td>
  118. </tr>
  119. </tbody>
  120. </table>
  121. </div>
  122. </div>
  123. <div th:if="${landApply.summary_procedure}" class="line">简易程序材料</div>
  124. <div th:if="${landApply.summary_procedure}" class="row cl" id="summaryMaterials">
  125. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  126. <table class="table table-border table-bordered table-bg table-hover ">
  127. <thead>
  128. <tr class="text-c">
  129. <th>编号</th>
  130. <th>下载材料</th>
  131. </tr>
  132. </thead>
  133. <tbody class="add_file_line">
  134. <tr class="text-c" th:each="model,iterStat:${summaryMaterials}" th:object="${model}">
  135. <td th:text="${iterStat.index+1}"></td>
  136. <td class="td_material">
  137. <div th:if="*{fileDown}">
  138. <!-- <a th:href="{fileDown.download_uri} + *{fileDown.file_url}" target="_blank" style="color: #5b98dd;">[[*{fileDown.file_name}]]</a> -->
  139. <a th:href="${fileUrl} + *{fileDown.file_url}" target="_blank" style="color: #5b98dd;">[[*{fileDown.file_name}]]</a>
  140. </div>
  141. </td>
  142. </tr>
  143. </tbody>
  144. </table>
  145. </div>
  146. </div>
  147. <div class="line">其他材料</div>
  148. <div class="row cl" id="otherMaterials">
  149. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  150. <table class="table table-border table-bordered table-bg table-hover ">
  151. <thead>
  152. <tr class="text-c">
  153. <th>编号</th>
  154. <th>下载材料</th>
  155. </tr>
  156. </thead>
  157. <tbody class="add_file_line">
  158. <tr class="text-c" th:each="model,iterStat:${otherMaterials}" th:object="${model}">
  159. <td th:text="${iterStat.index+1}"></td>
  160. <td class="td_material">
  161. <div th:if="*{fileDown}">
  162. <a th:href="${fileUrl} + *{fileDown.file_url}" target="_blank" style="color: #5b98dd;">[[*{fileDown.file_name}]]</a>
  163. </div>
  164. </td>
  165. </tr>
  166. </tbody>
  167. </table>
  168. </div>
  169. </div>
  170. <th:block th:if="${landApply.apply_type == '4'}">
  171. <div class="line">合同基本信息</div>
  172. <th:block th:if="${landApply.is_in_park == '1'}">
  173. <div class="row cl">
  174. <label class="form-label col-xs-4 col-sm-2">关联载体:</label>
  175. <div class="col-xs-8 col-sm-8">
  176. <table class="table table-border table-bordered table-bg table-hover ">
  177. <thead>
  178. <tr class="text-c">
  179. <th>所属园区</th>
  180. <th>楼栋</th>
  181. <th>楼层</th>
  182. <td>面积(㎡)</td>
  183. </tr>
  184. </thead>
  185. <tbody>
  186. <tr class="text-c" th:each="item : ${contract.floors}">
  187. <td th:text="${contract.park_name}"></td>
  188. <td th:text="${item.building_name}"></td>
  189. <td th:text="${item.floor}"></td>
  190. <td th:text="${item.area}"></td>
  191. </tr>
  192. </tbody>
  193. </table>
  194. </div>
  195. </div>
  196. <div class="row cl">
  197. <label class="form-label col-xs-4 col-sm-2">租住生效日期:</label>
  198. <div class="formControls col-xs-4 col-sm-2">
  199. [[${contract.contract_start}]]
  200. </div>
  201. <label class="form-label col-xs-4 col-sm-2">租住到期日期:</label>
  202. <div class="formControls col-xs-4 col-sm-2">
  203. [[${contract.contract_end}]]
  204. </div>
  205. </div>
  206. </th:block>
  207. <th:block th:if="${landApply.is_in_park == '0'}">
  208. <div class="row cl">
  209. <label class="form-label col-xs-4 col-sm-2">租赁地址:</label>
  210. <div class="formControls col-xs-8 col-sm-9">
  211. [[${stockLandOutPark.out_park_location}]]
  212. </div>
  213. </div>
  214. <div class="row cl">
  215. <label class="form-label col-xs-4 col-sm-2">租赁面积(㎡):</label>
  216. <div class="formControls col-xs-4 col-sm-2">
  217. [[${stockLandOutPark.out_park_contract_area}]]
  218. </div>
  219. </div>
  220. <div class="row cl">
  221. <label class="form-label col-xs-4 col-sm-2">租住生效日期:</label>
  222. <div class="formControls col-xs-4 col-sm-2">
  223. [[${stockLandOutPark.out_park_contract_start}]]
  224. </div>
  225. <label class="form-label col-xs-4 col-sm-2">租住到期日期:</label>
  226. <div class="formControls col-xs-4 col-sm-2">
  227. [[${stockLandOutPark.out_park_contract_end}]]
  228. </div>
  229. </div>
  230. </th:block>
  231. </th:block>
  232. <div class="line">流程信息</div>
  233. <div class="row cl">
  234. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  235. <table class="table table-border table-bordered table-bg table-hover processTb">
  236. <thead>
  237. <tr class="text-c">
  238. <th style="width:15%;">时间</th>
  239. <th style="width:15%;">审核状态</th>
  240. <th style="width:10%;">部门</th>
  241. <th style="width:10%;">操作人</th>
  242. <th style="width:10%;">操作</th>
  243. <th style="width:15%;">材料</th>
  244. <th style="width:25%;">审核意见</th>
  245. </tr>
  246. </thead>
  247. <tbody>
  248. <tr class="text-c" th:each="model,iterStat:${approvalList}" th:object="${model}">
  249. <td th:text="*{create_time}"></td>
  250. <td th:text="*{before_approvalstatus_str}"></td>
  251. <td th:text="*{department}"></td>
  252. <td th:text="*{create_name}"></td>
  253. <td th:text="*{oper_type}"></td>
  254. <td class="td_material">
  255. <div th:if="*{fileDowns}">
  256. <a th:each="filedown,iterStat:*{fileDowns}" th:object="${filedown}"
  257. th:href="${fileUrl} + *{file_url}" target="_blank" style="color: #5b98dd;">[[*{file_name}]]<br/></a>
  258. </div>
  259. </td>
  260. <td class="viewComment" th:data="*{approval_comment}" th:text="*{approval_comment}"></td>
  261. </tr>
  262. </tbody>
  263. </table>
  264. </div>
  265. </div>
  266. <!-- <div class="line">流程节点</div>
  267. <div class="row cl">
  268. <ul class="steps" id="phaseGraph">
  269. <li data-step="1" class="active">
  270. <span class="step">1</span>
  271. <span class="title">Validation states</span>
  272. </li>
  273. </ul>
  274. </div>-->
  275. <div th:if="${feedbackList}" class="line">进程反馈</div>
  276. <div th:if="${feedbackList}" class="row cl">
  277. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  278. <table class="table table-border table-bordered table-bg table-hover">
  279. <thead>
  280. <tr class="text-c">
  281. <th>日期</th>
  282. <th>线下办理状态</th>
  283. <th>文件</th>
  284. <th>操作</th>
  285. </tr>
  286. </thead>
  287. <tbody>
  288. <tr class="text-c" th:each="model,iterStat:${feedbackList}" th:object="${model}">
  289. <td th:text="*{create_time}"></td>
  290. <td th:text="*{process_status_str}"></td>
  291. <td class="td_material">
  292. <div th:if="*{fileDowns}">
  293. <a th:each="filedown,iterStat:*{fileDowns}" th:object="${filedown}"
  294. th:href="${fileUrl} + *{file_url}" target="_blank" style="color: #5b98dd;">[[*{file_name}]]<br/></a>
  295. </div>
  296. </td>
  297. <td class="td-manage">
  298. <a title="详情"
  299. th:onclick="'javascript:open_dialog(\'详情\',\'/stockLand/checkFeedback/'+*{id}+'\',\'800\',\'400\');'"
  300. class="ml-5" style="text-decoration:none">详情</a>
  301. <a title="编辑"
  302. th:onclick="'javascript:open_dialog(\'编辑\',\'/stockLand/editFeedback/'+*{id}+'\');'"
  303. class="ml-5" style="text-decoration:none">编辑</a>
  304. </td>
  305. </tr>
  306. </tbody>
  307. </table>
  308. </div>
  309. </div>
  310. <div class="row cl">
  311. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  312. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
  313. </div>
  314. </div>
  315. </form>
  316. </article>
  317. <script th:inline="javascript">
  318. $(function () {
  319. //initPhaseProgressGraph();
  320. //查看完整意见
  321. $(".viewComment").on("click", function () {
  322. layer.alert(
  323. $(this).attr('data'),
  324. {area: ['800px', '500px']}
  325. )
  326. });
  327. });
  328. function initPhaseProgressGraph() {
  329. var list = [[${processNodesList}]]
  330. var is_reject = false;
  331. var html = '';
  332. var index = 0;
  333. for (var i = 0; i < list.length; i++) {
  334. index += 1;
  335. html += '<li data-step="1" class="' + (list[i].is_reject ? 'red' : '') + '"><span class="step">' + index + '</span><span class="title">' + list[i].node_item.name + '</span></li>';
  336. }
  337. $("#phaseGraph").html(html);
  338. if ($(".steps li").length == 1) {
  339. $(".steps li").addClass("one");
  340. } else {
  341. $(".steps li").eq($(".steps li").length - 1).addClass("end");
  342. }
  343. }
  344. function open_dialog(title, url, w, h) {
  345. layer_show(title, pagePath + url, w, h);
  346. }
  347. /**
  348. * 取消
  349. */
  350. function removeIframe() {
  351. var index = parent.layer.getFrameIndex(window.name);
  352. parent.layer.close(index);
  353. }
  354. </script>
  355. </body>
  356. </html>