audit.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437
  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. .childTit{
  9. font-size:14px;
  10. color:#333;
  11. padding:8px 5px;
  12. /*margin: 15px 0;*/
  13. border-left: 3px solid #409EFF;
  14. background: rgba(240,240,240,0.9);
  15. text-align: left;
  16. }
  17. .line {
  18. display: block;
  19. text-align: left;
  20. background-color: #fff;
  21. color: #333;
  22. border-bottom: 1px solid #0a6999;
  23. border-color: #fff;
  24. border-bottom: 1px solid #0a6999;
  25. margin-top: 10px;
  26. vertical-align: middle;
  27. padding: 4px 12px;
  28. height: 31px;
  29. line-height: 31px;
  30. font-size: 14px;
  31. font-weight: bold;
  32. }
  33. .audit_departments{
  34. margin-right: 20px;
  35. }
  36. </style>
  37. </head>
  38. <body layout:fragment="content">
  39. <article class="page-container">
  40. <form class="form form-horizontal" id="form-add">
  41. <div class="line">基本信息</div>
  42. <div class="row cl">
  43. <div class="col-xs-6 col-sm-6">
  44. <label class="form-label col-xs-3 col-sm-3">投资主体名称:</label>
  45. <div class="formControls col-xs-9 col-sm-9">
  46. <input type="text" class="input-text" name = "investment_subject" th:value="${industrialLand.investment_subject}" readonly/>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="row cl">
  51. <div class="col-xs-6 col-sm-6">
  52. <label class="form-label col-xs-3 col-sm-3">法定代表人姓名:</label>
  53. <div class="formControls col-xs-9 col-sm-9">
  54. <input type="text" class="input-text" name = "legal_representative" th:value="${industrialLand.legal_representative}" readonly/>
  55. </div>
  56. </div>
  57. <div class="col-xs-6 col-sm-6">
  58. <label class="form-label col-xs-3 col-sm-3">联系电话:</label>
  59. <div class="formControls col-xs-9 col-sm-9">
  60. <input type="text" class="input-text" name = "lr_phone" th:value="${industrialLand.lr_phone}" readonly/>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="row cl">
  65. <div class="col-xs-6 col-sm-6">
  66. <label class="form-label col-xs-3 col-sm-3">项目联系人姓名:</label>
  67. <div class="formControls col-xs-9 col-sm-9">
  68. <input type="text" class="input-text" name = "contact" th:value="${industrialLand.contact}" readonly/>
  69. </div>
  70. </div>
  71. <div class="col-xs-6 col-sm-6">
  72. <label class="form-label col-xs-3 col-sm-3">联系电话:</label>
  73. <div class="formControls col-xs-9 col-sm-9">
  74. <input type="text" class="input-text" name = "contact_phone" th:value="${industrialLand.contact_phone}" readonly/>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="row cl">
  79. <div class="col-xs-6 col-sm-6">
  80. <label class="form-label col-xs-3 col-sm-3">所属板块:</label>
  81. <div class="formControls col-xs-9 col-sm-9">
  82. <input type="test" class="input-text" name = "streetName" th:value="${industrialLand.streetName}" readonly/>
  83. </div>
  84. </div>
  85. <div class="col-xs-6 col-sm-6">
  86. <label class="form-label col-xs-3 col-sm-3">提交时间:</label>
  87. <div class="formControls col-xs-9 col-sm-9">
  88. <input type="test" class="input-text" th:value="${industrialLand.create_time}" readonly/>
  89. </div>
  90. </div>
  91. </div>
  92. <div id="template">
  93. <div class="line">基本资料(有多个资料时请打包上传)</div>
  94. <table class="table table-border table-bordered table-bg table-hover" style="margin-top: 15px">
  95. <thead>
  96. <tr class="text-c">
  97. <th>文件</th>
  98. <th>上传材料</th>
  99. </tr>
  100. </thead>
  101. <tbody>
  102. <tr class="text-c" >
  103. <td>项目用地申请报告</td>
  104. <td>
  105. <th:block th:if="${industrialLand.applyMaterial}">
  106. <a th:href="${fileUrl} + ${industrialLand.applyMaterial.file_url}" target="_blank" style="color: #5b98dd;">[[${industrialLand.applyMaterial.file_name}]]</a>
  107. </th:block>
  108. </td>
  109. </tr>
  110. <tr class="text-c" >
  111. <td>产业用地项目预审申请表</td>
  112. <td>
  113. <th:block th:if="${industrialLand.preAuditMaterial}">
  114. <a th:href="${fileUrl} + ${industrialLand.preAuditMaterial.file_url}" target="_blank" style="color: #5b98dd;">[[${industrialLand.preAuditMaterial.file_name}]]</a>
  115. </th:block>
  116. </td>
  117. </tr>
  118. </tbody>
  119. </table>
  120. </div>
  121. <div th:if="${industrialLand.status} == 7 or ${industrialLand.status} == 3">
  122. <div class="line">文件资料</div>
  123. <table class="table table-border table-bordered table-bg table-hover" style="margin-top: 15px">
  124. <thead>
  125. <tr class="text-c">
  126. <th>文件</th>
  127. <th>上传材料</th>
  128. </tr>
  129. </thead>
  130. <tbody>
  131. <tr class="text-c">
  132. <td>专家意见</td>
  133. <td>
  134. <th:block th:if="${industrialLand.proOpinionMaterial}">
  135. <a th:href="${fileUrl} + ${industrialLand.proOpinionMaterial.file_url}" target="_blank" style="color: #5b98dd;">[[${industrialLand.proOpinionMaterial.file_name}]]</a>
  136. </th:block>
  137. </td>
  138. </tr>
  139. <tr class="text-c">
  140. <td>预审意见表</td>
  141. <td>
  142. <th:block th:if="${industrialLand.pretrialMaterial}">
  143. <a th:href="${fileUrl} + ${industrialLand.pretrialMaterial.file_url}" target="_blank" style="color: #5b98dd;">[[${industrialLand.pretrialMaterial.file_name}]]</a>
  144. </th:block>
  145. </td>
  146. </tr>
  147. <tr class="text-c">
  148. <td>会议文件</td>
  149. <td>
  150. <th:block th:if="${industrialLand.meetingMaterial}">
  151. <a th:href="${fileUrl} + ${industrialLand.meetingMaterial.file_url}" target="_blank" style="color: #5b98dd;">[[${industrialLand.meetingMaterial.file_name}]]</a>
  152. </th:block>
  153. </td>
  154. </tr>
  155. </tbody>
  156. </table>
  157. </div>
  158. <div class="line">流程信息</div>
  159. <table class="table table-border table-bordered table-bg table-hover processTb" style="margin-top: 15px">
  160. <thead>
  161. <tr class="text-c">
  162. <th>单位</th>
  163. <th>用户</th>
  164. <th>时间</th>
  165. <th>操作</th>
  166. <th>其他材料</th>
  167. <th>意见与建议</th>
  168. </tr>
  169. </thead>
  170. <tbody>
  171. <tr class="text-c" th:each="model,iterStat:${approvals}" th:object="${model}">
  172. <td th:text="*{department}"></td>
  173. <td th:text="*{create_name}"></td>
  174. <td th:text="*{create_time}"></td>
  175. <td th:text="*{oper_type}"></td>
  176. <td>
  177. <th:block th:if="*{otherMaterial}">
  178. <a th:href="${fileUrl} + *{otherMaterial.file_url}" target="_blank" style="color: #5b98dd;">[[*{otherMaterial.file_name}]]</a>
  179. </th:block>
  180. </td>
  181. <td class="viewComment" th:data="*{approval_comment}" th:text="*{approval_comment}"></td>
  182. </tr>
  183. </tbody>
  184. </table>
  185. <div th:if="${industrialLand.status} == 7 or ${industrialLand.status} == 3">
  186. <div class="line">文件资料上传</div>
  187. <table class="table table-border table-bordered table-bg table-hover" style="margin-top: 15px">
  188. <thead>
  189. <tr class="text-c">
  190. <th>文件</th>
  191. <th>上传材料</th>
  192. </tr>
  193. </thead>
  194. <tbody>
  195. <tr class="text-c" th:if="${industrialLand.status} == 7">
  196. <td>专家意见</td>
  197. <td>
  198. <input class="uploadFileName input-text" name="uploadFileName" readonly="readonly" type="text" th:onclick="'javascript:addFile(\'添加文件\',\'/industrialLand/addFile/proOpinionMaterial\',\'800\',\'350\');'"/>
  199. <input class="uploadFileId" type="hidden" name="proOpinionMaterial.file_id" id="proOpinionMaterial"/>
  200. </td>
  201. </tr>
  202. <tr class="text-c" th:if="${industrialLand.status} == 3">
  203. <td>预审意见表</td>
  204. <td>
  205. <input class="uploadFileName input-text" name="uploadFileName" readonly="readonly" type="text" th:onclick="'javascript:addFile(\'添加文件\',\'/industrialLand/addFile/pretrialMaterial\',\'800\',\'350\');'"/>
  206. <input class="uploadFileId" type="hidden" name="pretrialMaterial.file_id" id="pretrialMaterial"/>
  207. </td>
  208. </tr>
  209. <tr class="text-c" th:if="${industrialLand.status} == 3">
  210. <td>会议文件</td>
  211. <td>
  212. <input class="uploadFileName input-text" name="uploadFileName" readonly="readonly" type="text" th:onclick="'javascript:addFile(\'添加文件\',\'/industrialLand/addFile/meetingMaterial\',\'800\',\'350\');'"/>
  213. <input class="uploadFileId" type="hidden" name="meetingMaterial.file_id" id="meetingMaterial"/>
  214. </td>
  215. </tr>
  216. </tbody>
  217. </table>
  218. </div>
  219. <div>
  220. <div class="line">意见与建议</div>
  221. <textarea id="approvalComment" name="approval_comment" style="height: 150px;width: 100%;" ></textarea>
  222. </div>
  223. <div class="line">其他材料(如有多个文件,请打包上传)</div>
  224. <div class="row cl">
  225. <label class="form-label col-xs-4 col-sm-2">上传材料:</label>
  226. <div class="formControls col-xs-8 col-sm-9">
  227. <div class="uploader-thum-container">
  228. <div id="fileListPre" class="uploader-list">
  229. </div>
  230. <div id="filePicker">选择文件</div>
  231. </div>
  232. </div>
  233. </div>
  234. <div th:if="${industrialLand.status}==7 or ${industrialLand.status}==3 " class="line">分发部门</div>
  235. <div th:if="${industrialLand.status}==7 or ${industrialLand.status}==3 " class="row cl">
  236. <label class="form-label col-xs-4 col-sm-2">分发部门:</label>
  237. <div class="formControls col-xs-8 col-sm-9">
  238. <label style="display:block" >
  239. <input type="checkbox" th:value="*{id}" id="allDepartment"
  240. th:text="全选" >
  241. </label>
  242. <label class="audit_departments" th:each="department,iterStat:${departmentList}" th:object="${department}">
  243. <input type="checkbox" th:value="*{id}" th:name="audit_departments"
  244. th:text="*{name}" >
  245. <!--<span class="c-red" th:if="*{isSent}">已分发</span>-->
  246. </label>
  247. </div>
  248. </div>
  249. <div class="row cl">
  250. <div class="col-xs-12 col-sm-9 col-xs-offset-5 col-sm-offset-5">
  251. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
  252. <!--材料申报-->
  253. <a th:if="${userType}==4 and ${industrialLand.status}==1" class="btn btn-primary radius" onclick="reject(1)">&nbsp;&nbsp;退回&nbsp;&nbsp;</a>
  254. <a th:if="${userType}==4 and ${industrialLand.status}==1" class="btn btn-primary radius" onclick="approve(2)">&nbsp;&nbsp;审核通过&nbsp;&nbsp;</a>
  255. <a th:if="${userType}==4 and ${industrialLand.status}==1" class="btn btn-primary radius" onclick="approve(3)">&nbsp;&nbsp;不通过&nbsp;&nbsp;</a>
  256. <!--待分发-->
  257. <a th:if="${userType}==0 and ${industrialLand.status}==7" class="btn btn-primary radius" onclick="approve(4)">&nbsp;&nbsp;分发&nbsp;&nbsp;</a>
  258. <a th:if="${userType}==0 and ${industrialLand.status}==7" class="btn btn-primary radius" onclick="reject(1)">&nbsp;&nbsp;退回&nbsp;&nbsp;</a>
  259. <!--项目评审-->
  260. <a th:if="${userType}==0 and ${industrialLand.status}==2" class="btn btn-primary radius" onclick="approve(5)">&nbsp;&nbsp;提交审核意见&nbsp;&nbsp;</a>
  261. <!--项目认定-->
  262. <a th:if="${userType}==0 and ${industrialLand.status}==3" class="btn btn-primary radius" onclick="approve(2)">&nbsp;&nbsp;审核通过&nbsp;&nbsp;</a>
  263. <a th:if="${userType}==0 and ${industrialLand.status}==3" class="btn btn-primary radius" onclick="approve(3)">&nbsp;&nbsp;不通过&nbsp;&nbsp;</a>
  264. <a th:if="${userType}==0 and ${industrialLand.status}==3" class="btn btn-primary radius" onclick="approve(4)">&nbsp;&nbsp;补发&nbsp;&nbsp;</a>
  265. </div>
  266. </div>
  267. </form>
  268. </article>
  269. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  270. <script th:inline="javascript">
  271. var fileUrl = [[${fileUrl}]];
  272. //添加文件
  273. function addFile(title, url, w, h) {
  274. layer_show(title, pagePath + url, w, h);
  275. }
  276. var approvalComment = [[${lastApproval.approval_comment}]];
  277. // $("#approvalComment").val(approvalComment);
  278. function reject(status) {
  279. var id = [[${industrialLand.id}]];
  280. var approvalComment = $.trim($("#approvalComment").val());
  281. if(approvalComment.length==0){
  282. errorMessage("请填写审核意见!");
  283. return;
  284. }
  285. $("#form-add").ajaxSubmit({
  286. url :pagePath+"/industrialLand/audit",
  287. type : "post",
  288. data : {
  289. // 'approval_comment': approvalComment,
  290. 'apply_id': id,
  291. 'status': status
  292. },
  293. dataType : "json",
  294. success: function (result) {
  295. if (result.success) {
  296. succeedMessage(result.message);
  297. setTimeClose();
  298. }
  299. else {
  300. errorMessage(result.message);
  301. }
  302. },
  303. error: function () {
  304. errorMessage('系统错误!');
  305. }
  306. });
  307. }
  308. function getAuditDepartments(){
  309. if($("input[name='audit_departments']").length>0){
  310. var audit_departments = "";
  311. $("input[name='audit_departments']").each(function(){
  312. if($(this).is(":checked")){
  313. audit_departments += this.value + ",";
  314. }
  315. });
  316. if(audit_departments.length>0){
  317. audit_departments = audit_departments.substring(0,audit_departments.length-1);
  318. }
  319. return audit_departments;
  320. }
  321. }
  322. function approve(status) {
  323. var id = [[${industrialLand.id}]];
  324. if (status == 3){
  325. var approvalComment = $.trim($("#approvalComment").val());
  326. if(approvalComment.length==0){
  327. errorMessage("请填写审核意见!");
  328. return;
  329. }
  330. }
  331. var audit_departments = null;
  332. if(status==4){
  333. audit_departments = getAuditDepartments();
  334. if(audit_departments.length==0){
  335. errorMessage("请选择分发部门!");
  336. return;
  337. }
  338. }
  339. $("#form-add").ajaxSubmit({
  340. url :pagePath+"/industrialLand/audit",
  341. type : "post",
  342. data : {
  343. // 'approval_comment': approvalComment,
  344. 'apply_id': id,
  345. 'status': status
  346. // 'audit_departments': audit_departments
  347. },
  348. dataType : "json",
  349. success: function (result) {
  350. if (result.success) {
  351. succeedMessage(result.message);
  352. setTimeClose();
  353. }
  354. else {
  355. errorMessage(result.message);
  356. }
  357. },
  358. error: function () {
  359. errorMessage('系统错误!');
  360. }
  361. })
  362. }
  363. //查看完整意见
  364. $(".viewComment").on("click", function () {
  365. layer.alert(
  366. $(this).attr('data'),
  367. {area: ['800px', '500px']}
  368. )
  369. });
  370. //部门全选按钮
  371. $("#allDepartment").on("click", function () {
  372. if($(this).is(":checked")){
  373. $("input[name='audit_departments']").each(function(){
  374. $(this).prop("checked", true);
  375. });
  376. }else{
  377. $("input[name='audit_departments']").each(function(){
  378. $(this).prop("checked", false);
  379. });
  380. }
  381. });
  382. /**
  383. * 初始化上传控件
  384. */
  385. var options = {
  386. uploadBtnId: '#filePicker',
  387. picturePreId: 'fileListPre',
  388. hiddenPictureUrl: 'img',
  389. hiddenPictureName: 'imgName',
  390. // accept : {
  391. // title : 'Images',
  392. // extensions : 'gif,jpg,jpeg,bmp,png',
  393. // mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
  394. // },
  395. width: 81,
  396. height: 81,
  397. fileSizeLimit: 100 * 1024 * 1024,
  398. fileSingleSizeLimit: 100 * 1024 * 1024,
  399. // fileNumLimit: 1,
  400. append : true
  401. };
  402. var webUploadDoc = new $WebUploadDoc(options);
  403. webUploadDoc.init();
  404. /**
  405. * 取消
  406. */
  407. function removeIframe(){
  408. var index = parent.layer.getFrameIndex(window.name);
  409. parent.layer.close(index);
  410. }
  411. </script>
  412. </body>
  413. </html>