approve_check.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348
  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. <div class="row cl">
  173. <label class="form-label col-xs-4 col-sm-2">关联载体:</label>
  174. <div class="col-xs-8 col-sm-8">
  175. <table class="table table-border table-bordered table-bg table-hover ">
  176. <thead>
  177. <tr class="text-c">
  178. <th>所属园区</th>
  179. <th>楼栋</th>
  180. <th>楼层</th>
  181. <td>面积</td>
  182. </tr>
  183. </thead>
  184. <tbody>
  185. <tr class="text-c" th:each="item : ${contract.floors}">
  186. <td th:text="${contract.park_name}"></td>
  187. <td th:text="${item.building_name}"></td>
  188. <td th:text="${item.floor}"></td>
  189. <td th:text="${item.area}"></td>
  190. </tr>
  191. </tbody>
  192. </table>
  193. </div>
  194. </div>
  195. <div class="row cl">
  196. <label class="form-label col-xs-4 col-sm-2">租住生效日期:</label>
  197. <div class="formControls col-xs-8 col-sm-4">
  198. [[${contract.contract_start}]]
  199. </div>
  200. <label class="form-label col-xs-4 col-sm-2">租住到期日期:</label>
  201. <div class="formControls col-xs-8 col-sm-4">
  202. [[${contract.contract_end}]]
  203. </div>
  204. </div>
  205. </th:block>
  206. <div class="line">流程信息</div>
  207. <div class="row cl">
  208. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  209. <table class="table table-border table-bordered table-bg table-hover processTb">
  210. <thead>
  211. <tr class="text-c">
  212. <th style="width:15%;">时间</th>
  213. <th style="width:15%;">审核状态</th>
  214. <th style="width:10%;">部门</th>
  215. <th style="width:10%;">操作人</th>
  216. <th style="width:10%;">操作</th>
  217. <th style="width:15%;">材料</th>
  218. <th style="width:25%;">审核意见</th>
  219. </tr>
  220. </thead>
  221. <tbody>
  222. <tr class="text-c" th:each="model,iterStat:${approvalList}" th:object="${model}">
  223. <td th:text="*{create_time}"></td>
  224. <td th:text="*{before_approvalstatus_str}"></td>
  225. <td th:text="*{department}"></td>
  226. <td th:text="*{create_name}"></td>
  227. <td th:text="*{oper_type}"></td>
  228. <td class="td_material">
  229. <div th:if="*{fileDowns}">
  230. <a th:each="filedown,iterStat:*{fileDowns}" th:object="${filedown}"
  231. th:href="${fileUrl} + *{file_url}" target="_blank" style="color: #5b98dd;">[[*{file_name}]]<br/></a>
  232. </div>
  233. </td>
  234. <td class="viewComment" th:data="*{approval_comment}" th:text="*{approval_comment}"></td>
  235. </tr>
  236. </tbody>
  237. </table>
  238. </div>
  239. </div>
  240. <!-- <div class="line">流程节点</div>
  241. <div class="row cl">
  242. <ul class="steps" id="phaseGraph">
  243. <li data-step="1" class="active">
  244. <span class="step">1</span>
  245. <span class="title">Validation states</span>
  246. </li>
  247. </ul>
  248. </div>-->
  249. <div th:if="${feedbackList}" class="line">进程反馈</div>
  250. <div th:if="${feedbackList}" class="row cl">
  251. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  252. <table class="table table-border table-bordered table-bg table-hover">
  253. <thead>
  254. <tr class="text-c">
  255. <th>日期</th>
  256. <th>线下办理状态</th>
  257. <th>文件</th>
  258. <th>操作</th>
  259. </tr>
  260. </thead>
  261. <tbody>
  262. <tr class="text-c" th:each="model,iterStat:${feedbackList}" th:object="${model}">
  263. <td th:text="*{create_time}"></td>
  264. <td th:text="*{process_status_str}"></td>
  265. <td class="td_material">
  266. <div th:if="*{fileDowns}">
  267. <a th:each="filedown,iterStat:*{fileDowns}" th:object="${filedown}"
  268. th:href="${fileUrl} + *{file_url}" target="_blank" style="color: #5b98dd;">[[*{file_name}]]<br/></a>
  269. </div>
  270. </td>
  271. <td class="td-manage">
  272. <a title="详情"
  273. th:onclick="'javascript:open_dialog(\'详情\',\'/stockLand/checkFeedback/'+*{id}+'\',\'800\',\'400\');'"
  274. class="ml-5" style="text-decoration:none">详情</a>
  275. <a title="编辑"
  276. th:onclick="'javascript:open_dialog(\'编辑\',\'/stockLand/editFeedback/'+*{id}+'\');'"
  277. class="ml-5" style="text-decoration:none">编辑</a>
  278. </td>
  279. </tr>
  280. </tbody>
  281. </table>
  282. </div>
  283. </div>
  284. <div class="row cl">
  285. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  286. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
  287. </div>
  288. </div>
  289. </form>
  290. </article>
  291. <script th:inline="javascript">
  292. $(function () {
  293. //initPhaseProgressGraph();
  294. //查看完整意见
  295. $(".viewComment").on("click", function () {
  296. layer.alert(
  297. $(this).attr('data'),
  298. {area: ['800px', '500px']}
  299. )
  300. });
  301. });
  302. function initPhaseProgressGraph() {
  303. var list = [[${processNodesList}]]
  304. var is_reject = false;
  305. var html = '';
  306. var index = 0;
  307. for (var i = 0; i < list.length; i++) {
  308. index += 1;
  309. 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>';
  310. }
  311. $("#phaseGraph").html(html);
  312. if ($(".steps li").length == 1) {
  313. $(".steps li").addClass("one");
  314. } else {
  315. $(".steps li").eq($(".steps li").length - 1).addClass("end");
  316. }
  317. }
  318. function open_dialog(title, url, w, h) {
  319. layer_show(title, pagePath + url, w, h);
  320. }
  321. /**
  322. * 取消
  323. */
  324. function removeIframe() {
  325. var index = parent.layer.getFrameIndex(window.name);
  326. parent.layer.close(index);
  327. }
  328. </script>
  329. </body>
  330. </html>