detail.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  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. </style>
  34. </head>
  35. <body layout:fragment="content">
  36. <article class="page-container">
  37. <form class="form form-horizontal" id="form-add">
  38. <input type="hidden" name = "id" th:value="${retreatOptimization.id}" readonly/>
  39. <div class="line">基本信息</div>
  40. <div class="row cl">
  41. <div class="col-xs-6 col-sm-6">
  42. <label class="form-label col-xs-3 col-sm-3">板块:</label>
  43. <div class="formControls col-xs-6 col-sm-6">
  44. <input type="test" class="input-text" name = "plateName" th:value="${retreatOptimization.plateName}" readonly/>
  45. </div>
  46. </div>
  47. <div class="col-xs-6 col-sm-6">
  48. <label class="form-label col-xs-3 col-sm-3">上传用户:</label>
  49. <div class="formControls col-xs-6 col-sm-6">
  50. <input type="test" class="input-text" name = "userNsme" th:value="${retreatOptimization.userName}" readonly/>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="row cl">
  55. <div class="col-xs-6 col-sm-6">
  56. <label class="form-label col-xs-3 col-sm-3">上传时间:</label>
  57. <div class="formControls col-xs-6 col-sm-6">
  58. <input type="test" class="input-text" name = "createTime" th:value="${retreatOptimization.commit_time}" readonly/>
  59. </div>
  60. </div>
  61. <div class="col-xs-6 col-sm-6">
  62. <label class="form-label col-xs-3 col-sm-3">状态:</label>
  63. <div class="formControls col-xs-6 col-sm-6">
  64. <input type="test" class="input-text" name = "statusStr" th:value="${retreatOptimization.statusStr}" readonly/>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="row cl">
  69. <div class="col-xs-6 col-sm-6">
  70. <label class="form-label col-xs-3 col-sm-3">类型:</label>
  71. <div class="formControls col-xs-6 col-sm-6">
  72. <input type="test" class="input-text" name = "typeStr" th:value="${retreatOptimization.typeStr}" readonly/>
  73. </div>
  74. </div>
  75. </div>
  76. <!--<div class="row cl">-->
  77. <!--<h2 class="childTit">文件资料</h2>-->
  78. <!--</div>-->
  79. <div class="line">文件资料</div>
  80. <!--<div class="row cl" id="template">-->
  81. <table class="table table-border table-bordered table-bg table-hover" style="margin-top: 15px">
  82. <thead>
  83. <tr class="text-c">
  84. <th>编号</th>
  85. <th>模版</th>
  86. <th>上传材料</th>
  87. </tr>
  88. </thead>
  89. <tbody>
  90. <tr class="text-c" th:each="model,iterStat:${materials}" th:object="${model}">
  91. <td th:text="${iterStat.index+1}"></td>
  92. <td>
  93. <div>
  94. <a th:href="${fileUrl} + *{url}" target="_blank" style="color: #5b98dd;">[[*{item_name}]]</a>
  95. </div>
  96. </td>
  97. <td class="td_material">
  98. <div th:if="*{fileDown}">
  99. <a th:href="${fileUrl} + *{fileDown.file_url}" target="_blank" style="color: #5b98dd;">[[*{fileDown.file_name}]]</a>
  100. </div>
  101. </td>
  102. </tr>
  103. </tbody>
  104. </table>
  105. <!--</div>-->
  106. <div th:if="${canView} == true">
  107. <div class="line">流程信息</div>
  108. <table class="table table-border table-bordered table-bg table-hover processTb" style="margin-top: 15px">
  109. <thead>
  110. <tr class="text-c">
  111. <th>单位</th>
  112. <th>用户</th>
  113. <th>时间</th>
  114. <th>操作</th>
  115. <th>意见与建议</th>
  116. </tr>
  117. </thead>
  118. <tbody>
  119. <tr class="text-c" th:each="model,iterStat:${approvals}" th:object="${model}">
  120. <td th:text="*{department}"></td>
  121. <td th:text="*{create_name}"></td>
  122. <td th:text="*{create_time}"></td>
  123. <td th:text="*{oper_type}"></td>
  124. <td class="viewComment" th:data="*{approval_comment}" th:text="*{approval_comment}"></td>
  125. </tr>
  126. </tbody>
  127. </table>
  128. </div>
  129. <div class="row cl">
  130. <div class="col-xs-12 col-sm-9 col-xs-offset-5 col-sm-offset-5">
  131. <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
  132. <!-- <a th:if="${userType}==4 and ${retreatOptimization.status}==1" class="btn btn-primary radius" onclick="retreat()">&nbsp;&nbsp;退回&nbsp;&nbsp;</a>
  133. <a th:if="${userType}==4 and ${retreatOptimization.status}==1" class="btn btn-primary radius" onclick="approve()">&nbsp;&nbsp;审核通过&nbsp;&nbsp;</a>
  134. <a th:if="${userType}==0 and ${retreatOptimization.status}==3" class="btn btn-primary radius" onclick="retreat()">&nbsp;&nbsp;退回&nbsp;&nbsp;</a>
  135. <a th:if="${userType}==0 and ${retreatOptimization.status}==3" class="btn btn-primary radius" onclick="approve()">&nbsp;&nbsp;确认已接收&nbsp;&nbsp;</a>
  136. -->
  137. </div>
  138. </div>
  139. </form>
  140. </article>
  141. <script type="text/javascript" th:src="@{/js/common/page.js}"></script>
  142. <script th:inline="javascript">
  143. var fileUrl = [[${fileUrl}]];
  144. var approvalComment = [[${lastApproval.approval_comment}]];
  145. $("#approvalComment").val(approvalComment)
  146. var status = [[${retreatOptimization.status}]];
  147. if (status == 2){
  148. $("#approvalComment").attr('readonly','readonly');
  149. }
  150. function retreat() {
  151. var id = [[${retreatOptimization.id}]];
  152. var approvalComment = $("#approvalComment").val();
  153. $.ajax({
  154. url :pagePath+"/retreatOpt/retreat/"+id,
  155. type : "post",
  156. data : {
  157. 'approvalComment': approvalComment
  158. },
  159. dataType : "json",
  160. success: function (result) {
  161. if (result.success) {
  162. succeedMessage(result.message);
  163. setTimeClose();
  164. }
  165. else {
  166. errorMessage(result.message);
  167. }
  168. },
  169. error: function () {
  170. errorMessage('系统错误!');
  171. }
  172. })
  173. }
  174. function approve() {
  175. var id = [[${retreatOptimization.id}]];
  176. var approvalComment = $("#approvalComment").val();
  177. $.ajax({
  178. url :pagePath+"/retreatOpt/approve/"+id,
  179. type : "post",
  180. data : {
  181. 'approvalComment': approvalComment
  182. },
  183. dataType : "json",
  184. success: function (result) {
  185. if (result.success) {
  186. succeedMessage(result.message);
  187. setTimeClose();
  188. }
  189. else {
  190. errorMessage(result.message);
  191. }
  192. },
  193. error: function () {
  194. errorMessage('系统错误!');
  195. }
  196. })
  197. }
  198. //查看完整意见
  199. $(".viewComment").on("click", function () {
  200. layer.alert(
  201. $(this).attr('data'),
  202. {area: ['800px', '500px']}
  203. )
  204. });
  205. /**
  206. * 取消
  207. */
  208. function removeIframe(){
  209. var index = parent.layer.getFrameIndex(window.name);
  210. parent.layer.close(index);
  211. }
  212. </script>
  213. </body>
  214. </html>