details.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396
  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-landApply-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="line">申请材料</div>
  85. <div class="row cl">
  86. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  87. <table class="table table-border table-bordered table-bg table-hover">
  88. <thead>
  89. <tr class="text-c">
  90. <th>编号</th>
  91. <th>内容</th>
  92. <th>上传材料</th>
  93. </tr>
  94. </thead>
  95. <tbody>
  96. <tr class="text-c" th:each="model,iterStat:${applyMaterials}" th:object="${model}">
  97. <td th:text="${iterStat.index+1}"></td>
  98. <td th:text="*{content}"></td>
  99. <td class="td_material">
  100. <div th:if="*{fileDown}">
  101. <a th:href="${fileUrl} + *{fileDown.file_url}" target="_blank" style="color: #5b98dd;">[[*{fileDown.file_name}]]</a>
  102. </div>
  103. </td>
  104. </tr>
  105. </tbody>
  106. </table>
  107. </div>
  108. </div>
  109. <div th:if="${landApply.summary_procedure}" class="line">简易程序材料</div>
  110. <div th:if="${landApply.summary_procedure}" class="row cl" id="summaryMaterials">
  111. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  112. <table class="table table-border table-bordered table-bg table-hover ">
  113. <thead>
  114. <tr class="text-c">
  115. <th>编号</th>
  116. <th>上传材料</th>
  117. </tr>
  118. </thead>
  119. <tbody class="add_file_line">
  120. <tr class="text-c" th:each="model,iterStat:${summaryMaterials}" th:object="${model}">
  121. <td th:text="${iterStat.index+1}"></td>
  122. <td class="td_material">
  123. <div th:if="*{fileDown}">
  124. <a th:href="${fileUrl} + *{fileDown.file_url}" target="_blank" style="color: #5b98dd;">[[*{fileDown.file_name}]]</a>
  125. </div>
  126. </td>
  127. </tr>
  128. </tbody>
  129. </table>
  130. </div>
  131. </div>
  132. <div class="line">其他材料</div>
  133. <div class="row cl" id="otherMaterials">
  134. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  135. <table class="table table-border table-bordered table-bg table-hover ">
  136. <thead>
  137. <tr class="text-c">
  138. <th>编号</th>
  139. <th>上传材料</th>
  140. </tr>
  141. </thead>
  142. <tbody class="add_file_line">
  143. <tr class="text-c" th:each="model,iterStat:${otherMaterials}" th:object="${model}">
  144. <td th:text="${iterStat.index+1}"></td>
  145. <td class="td_material">
  146. <div th:if="*{fileDown}">
  147. <a th:href="${fileUrl} + *{fileDown.file_url}" target="_blank" style="color: #5b98dd;">[[*{fileDown.file_name}]]</a>
  148. </div>
  149. </td>
  150. </tr>
  151. </tbody>
  152. </table>
  153. </div>
  154. </div>
  155. <div th:if="${landApply.is_zdxm}">
  156. <div class="line">重大项目审核意见</div>
  157. <div class="row cl">
  158. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  159. <textarea class="textarea" id="zdxm_comment" name="zdxm_comment" disabled="disabled">[[${landApply.zdxm_comment}]]</textarea>
  160. </div>
  161. </div>
  162. <div class="line">重大投资项目材料</div>
  163. <div class="row cl" id="mipMaterials">
  164. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  165. <table class="table table-border table-bordered table-bg table-hover ">
  166. <thead>
  167. <tr class="text-c">
  168. <th>编号</th>
  169. <th>上传材料</th>
  170. </tr>
  171. </thead>
  172. <tbody class="add_file_line">
  173. <tr class="text-c" th:each="model,iterStat:${mipMaterials}" th:object="${model}">
  174. <td th:text="${iterStat.index+1}"></td>
  175. <td class="td_material">
  176. <div th:if="*{fileDown}">
  177. <a th:href="${fileUrl} + *{fileDown.file_url}" target="_blank"
  178. style="color: #5b98dd;">[[*{fileDown.file_name}]]</a>
  179. </div>
  180. </td>
  181. </tr>
  182. </tbody>
  183. </table>
  184. </div>
  185. </div>
  186. </div>
  187. <th:block th:if="${landApply.apply_type == '4'}">
  188. <div class="line">合同基本信息</div>
  189. <th:block th:if="${landApply.is_in_park == '1'}">
  190. <div class="row cl">
  191. <label class="form-label col-xs-4 col-sm-2">关联载体:</label>
  192. <div class="col-xs-8 col-sm-8">
  193. <table class="table table-border table-bordered table-bg table-hover ">
  194. <thead>
  195. <tr class="text-c">
  196. <th>所属园区</th>
  197. <th>楼栋</th>
  198. <th>楼层</th>
  199. <td>面积</td>
  200. </tr>
  201. </thead>
  202. <tbody>
  203. <tr class="text-c" th:each="item : ${contract.floors}">
  204. <td th:text="${contract.park_name}"></td>
  205. <td th:text="${item.building_name}"></td>
  206. <td th:text="${item.floor}"></td>
  207. <td th:text="${item.area}"></td>
  208. </tr>
  209. </tbody>
  210. </table>
  211. </div>
  212. </div>
  213. <div class="row cl">
  214. <label class="form-label col-xs-4 col-sm-2">租住生效日期:</label>
  215. <div class="formControls col-xs-4 col-sm-2">
  216. [[${contract.contract_start}]]
  217. </div>
  218. <label class="form-label col-xs-4 col-sm-2">租住到期日期:</label>
  219. <div class="formControls col-xs-4 col-sm-2">
  220. [[${contract.contract_end}]]
  221. </div>
  222. </div>
  223. </th:block>
  224. <th:block th:if="${landApply.is_in_park == '0'}">
  225. <div class="row cl">
  226. <label class="form-label col-xs-4 col-sm-2">租赁地址:</label>
  227. <div class="formControls col-xs-8 col-sm-9">
  228. [[${stockLandOutPark.out_park_location}]]
  229. </div>
  230. </div>
  231. <div class="row cl">
  232. <label class="form-label col-xs-4 col-sm-2">租赁面积(㎡):</label>
  233. <div class="formControls col-xs-4 col-sm-2">
  234. [[${stockLandOutPark.out_park_contract_area}]]
  235. </div>
  236. </div>
  237. <div class="row cl">
  238. <label class="form-label col-xs-4 col-sm-2">租住生效日期:</label>
  239. <div class="formControls col-xs-4 col-sm-2">
  240. [[${stockLandOutPark.out_park_contract_start}]]
  241. </div>
  242. <label class="form-label col-xs-4 col-sm-2">租住到期日期:</label>
  243. <div class="formControls col-xs-4 col-sm-2">
  244. [[${stockLandOutPark.out_park_contract_end}]]
  245. </div>
  246. </div>
  247. </th:block>
  248. </th:block>
  249. <div class="line">流程信息</div>
  250. <div 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 processTb">
  253. <thead>
  254. <tr class="text-c">
  255. <th style="width:15%;">时间</th>
  256. <th style="width:15%;">审核状态</th>
  257. <th style="width:10%;">部门</th>
  258. <th style="width:10%;">操作人</th>
  259. <th style="width:10%;">操作</th>
  260. <th style="width:15%;">材料</th>
  261. <th style="width:25%;">审核意见</th>
  262. </tr>
  263. </thead>
  264. <tbody>
  265. <tr class="text-c" th:each="model,iterStat:${approvalList}" th:object="${model}">
  266. <td th:text="*{create_time}"></td>
  267. <td th:text="*{before_approvalstatus_str}"></td>
  268. <td th:text="*{department}"></td>
  269. <td th:text="*{create_name}"></td>
  270. <td th:text="*{oper_type}"></td>
  271. <td class="td_material">
  272. <div th:if="*{fileDowns}">
  273. <a th:each="filedown,iterStat:*{fileDowns}" th:object="${filedown}"
  274. th:href="${fileUrl} + *{file_url}" target="_blank" style="color: #5b98dd;">[[*{file_name}]]<br/></a>
  275. </div>
  276. </td>
  277. <td class="viewComment" th:data="*{approval_comment}" th:text="*{approval_comment}"></td>
  278. </tr>
  279. </tbody>
  280. </table>
  281. </div>
  282. </div>
  283. <div th:if="${feedbackList}" class="line">进程反馈</div>
  284. <div th:if="${feedbackList}" class="row cl">
  285. <div class="col-xs-8 col-sm-9 col-xs-offset-2 col-sm-offset-1">
  286. <table class="table table-border table-bordered table-bg table-hover">
  287. <thead>
  288. <tr class="text-c">
  289. <th>日期</th>
  290. <th>线下办理状态</th>
  291. <th>文件</th>
  292. <th>操作</th>
  293. </tr>
  294. </thead>
  295. <tbody>
  296. <tr class="text-c" th:each="model,iterStat:${feedbackList}" th:object="${model}">
  297. <td th:text="*{create_time}"></td>
  298. <td th:text="*{process_status_str}"></td>
  299. <td class="td_material">
  300. <div th:if="*{fileDowns}">
  301. <a th:each="filedown,iterStat:*{fileDowns}" th:object="${filedown}"
  302. th:href="${fileUrl} + *{file_url}" target="_blank" style="color: #5b98dd;">[[*{file_name}]]<br/></a>
  303. </div>
  304. </td>
  305. <td class="td-manage">
  306. <a title="详情"
  307. th:onclick="'javascript:open_dialog(\'详情\',\'/stockLand/checkFeedback/'+*{id}+'\',\'800\',\'400\');'"
  308. class="ml-5" style="text-decoration:none">详情</a>
  309. <!-- <a title="编辑"
  310. th:onclick="'javascript:open_dialog(\'编辑\',\'/stockLand/editFeedback/'+*{id}+'\');'"
  311. class="ml-5" style="text-decoration:none">编辑</a> -->
  312. </td>
  313. </tr>
  314. </tbody>
  315. </table>
  316. </div>
  317. </div>
  318. <!-- <div class="line">流程节点</div>
  319. <div class="row cl">
  320. <ul class="steps" id="phaseGraph">
  321. <li data-step="1" class="active">
  322. <span class="step">1</span>
  323. <span class="title">Validation states</span>
  324. </li>
  325. </ul>
  326. </div>-->
  327. <div class="row cl">
  328. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
  329. <a th:if="${isGroup=='1'}"
  330. th:onclick="'javascript:print(\'打印单据\',\'/areaManager/print/'+${landApply.id}+'\');'"
  331. class="btn btn-secondary radius" type="button">打印单据</a>
  332. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
  333. </div>
  334. </div>
  335. </form>
  336. </article>
  337. <script th:inline="javascript">
  338. /**
  339. * 取消
  340. */
  341. function removeIframe() {
  342. var index = parent.layer.getFrameIndex(window.name);
  343. parent.layer.close(index);
  344. }
  345. function print(title, url, w, h) {
  346. var index = layer_show(title, pagePath + url, w, h);
  347. layer.full(index);
  348. }
  349. $(function () {
  350. //initPhaseProgressGraph();
  351. //查看完整意见
  352. $(".viewComment").on("click", function () {
  353. layer.alert(
  354. $(this).attr('data'),
  355. {area: ['800px', '500px']}
  356. )
  357. });
  358. });
  359. function initPhaseProgressGraph() {
  360. var list = [[${processNodesList}]]
  361. var is_reject = false;
  362. var html = '';
  363. var index = 0;
  364. for (var i = 0; i < list.length; i++) {
  365. index += 1;
  366. 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>';
  367. }
  368. $("#phaseGraph").html(html);
  369. if ($(".steps li").length == 1) {
  370. $(".steps li").addClass("one");
  371. } else {
  372. $(".steps li").eq($(".steps li").length - 1).addClass("end");
  373. }
  374. }
  375. function open_dialog(title, url, w, h) {
  376. layer_show(title, pagePath + url, w, h);
  377. }
  378. </script>
  379. </body>
  380. </html>