mtInfoAmsFlow.jsp 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. <%@page import="com.yw.core.session.OASession"%>
  2. <%@ page language="java" contentType="text/html;charset=GBK" pageEncoding="GBK"%>
  3. <jsp:useBean id="oasession" class="com.yw.core.session.OASession" scope="session" />
  4. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  5. <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
  6. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  8. <html class=" width960">
  9. <head>
  10. <meta http-equiv="Content-Type" content="text/html;charset=GBK">
  11. <META http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
  12. <title>流程启动</title>
  13. <link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
  14. <%-- <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" /> --%>
  15. <link href="/shares/js/yw/master1/liger/skins/ynet/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  16. <%-- <link href="${pageContext.request.contextPath}/yw/bpm/style/bootstrap.css" rel="stylesheet" type="text/css" /> --%>
  17. <%-- <link href="${pageContext.request.contextPath}/yw/bpm/style/flow.css" rel="stylesheet" type="text/css" /> --%>
  18. <link href="/shares/css/yw/flow/bootstrap.css" rel="stylesheet" type="text/css" />
  19. <link href="/shares/css/yw/flow/flow.css" rel="stylesheet" type="text/css" />
  20. <link href="/shares/css/yw/master1/reset.css" rel="stylesheet" type="text/css" />
  21. <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  22. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  23. <script type="text/javascript" src="/shares/js/constant.js"></script>
  24. <script type="text/javascript" src="/shares/js/common.js"></script>
  25. <script type="text/javascript" src="/shares/js/yw/ams/flow/amsflow.js"></script>
  26. <script type="text/javascript" src="/shares/js/file.js"></script>
  27. <link rel="stylesheet" type="text/css" href="/shares/css/yw/master1/win/jquery.jscrollpane.codrops1.css" />
  28. <script type="text/javascript" src="/shares/js/yw/master1/common.js"></script>
  29. <script type="text/javascript" src="/shares/js/yw/master1/jquery.mousewheel.js"></script>
  30. <!-- the jScrollPane script -->
  31. <script type="text/javascript" src="/shares/js/yw/master1/jquery.jscrollpane.min.js"></script>
  32. <script type="text/javascript" src="/shares/js/yw/master1/scroll-startstop.events.jquery.js"></script>
  33. <script type="text/javascript" src="/shares/js/yw/master1/scroll.js"></script>
  34. <script type="text/javascript">
  35. function setFrame() {
  36. var iformIns = document.getElementById("formIns");
  37. iformIns.height = "100px";
  38. iformIns.height = formIns.document.body.scrollHeight;
  39. }
  40. $(function() {
  41. //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
  42. $(window).scroll(function() {
  43. if ($(window).scrollTop() > 100) {
  44. $("#top1").fadeIn(100);
  45. } else {
  46. $("#top1").fadeOut(100);
  47. }
  48. });
  49. //当点击跳转链接后,回到页面顶部位置 keleyi.com
  50. $("#top1").click(function() {
  51. $('body,html').animate({
  52. scrollTop : 0
  53. }, 0);
  54. return false;
  55. });
  56. });
  57. </script>
  58. <style type="text/css">
  59. .jp-container {
  60. height: 500px;
  61. position: relative;
  62. overflow: hidden;
  63. }
  64. span[id$="_filespan"] ul {
  65. list-style-type: none;
  66. float: left;
  67. }
  68. </style>
  69. </head>
  70. <body style="background: none; overflow: hidden;" ontouchmove="event.preventDefault();">
  71. <div class="s_title b10 f6">
  72. <img src="/shares/images/master1/gg_ico.png" width="27" height="26" /> 查看审批
  73. <div class="article_title">
  74. <input class="art_back" style="width: 50px;" title="返回" name="" onclick="history.back();" type="button" />
  75. </div>
  76. </div>
  77. <div id="jp-container" class="jp-container liuyan">
  78. <div class="navbar">
  79. <!-- <div class="navbar-inner1"> -->
  80. <%-- <button type="button" onClick="window.parent.frames['${param.tabid }'].closeODialog();" class="btn"> --%>
  81. <!-- <span>关闭</span> -->
  82. <!-- </button> -->
  83. <!-- </div> -->
  84. <div class="navbar-inner2" style="margin-top: 0px;">
  85. <font style="color: black; font-family: 微软雅黑; font-size: 30px;">${requestScope.flow.insName }</font> <font style="color: black; font-family: 微软雅黑; font-size: 20px;">发起人:${requestScope.flow.creator.username }</font>
  86. </div>
  87. </div>
  88. <div id="word_temp" class="wp" style="position: relative;">
  89. <div id="print_body">
  90. <c:if test="${requestScope.flow.formInsId == '0' }">
  91. <fieldset id="icon-top2">
  92. <div class="wf_shadow">
  93. <span class="z corner_41"></span>
  94. <span class="y corner_12"></span>
  95. <c:if test="${requestScope.flow.formInsId == '0' }">
  96. <iframe width="100%" onload="setFrame();" id="formIns" name="formIns" frameborder="0" scrolling="no" style="width: 100%;"
  97. src="${pageContext.request.contextPath}/amsFlowAction.do?task=toInfoDetail&insId=${requestScope.flow.insId}"> </iframe>
  98. </c:if>
  99. <span class="z corner_34"></span>
  100. <span class="y corner_23"></span>
  101. </div>
  102. </fieldset>
  103. </c:if>
  104. <fieldset id="icon-top3" style="border: 1px solid #333333; width: 970px;">
  105. <legend>
  106. <i></i> &nbsp;流程附件
  107. </legend>
  108. <div class="forum-container">
  109. <table class="l-table-edit line" style="margin-left: 10px; width: 950px;">
  110. <tr>
  111. <td class="l-table-edit-text">附件:</td>
  112. <td class="l-table-edit-td"><c:if test="${fn:length(requestScope.fileList) > 0 }">
  113. <table>
  114. <tr>
  115. <td width="20%">上传环节</td>
  116. <td width="20%">上传人</td>
  117. <td width="60%">附件</td>
  118. </tr>
  119. <c:forEach items="${requestScope.fileList }" var="file">
  120. <tr>
  121. <td>${file.file_model_name}</td>
  122. <td>${file.file_create_name}</td>
  123. <td><span class="l-file" len="15">${file.file_value}</span></td>
  124. </tr>
  125. </c:forEach>
  126. </table>
  127. </c:if></td>
  128. </tr>
  129. </table>
  130. </div>
  131. </fieldset>
  132. <fieldset id="icon-top4" style="border: 1px solid #333333; width: 970px;">
  133. <legend>
  134. <i></i> &nbsp;备注及意见
  135. </legend>
  136. <div class="forum-container">
  137. <table class="l-table-edit line" style="margin-left: 10px; width: 950px;">
  138. <c:forEach items="${requestScope.tList }" var="tinstance">
  139. <c:if test="${tinstance.remark != null && fn:length(tinstance.remark) > 0 }">
  140. <tr>
  141. <td class="l-table-edit-text">${tinstance.user.username }</td>
  142. <td>${tinstance.remark }</td>
  143. </tr>
  144. </c:if>
  145. </c:forEach>
  146. </table>
  147. </div>
  148. </fieldset>
  149. <fieldset id="icon-top5" style="border: 1px solid #333333; width: 970px;">
  150. <legend>
  151. <i></i> &nbsp;流转过程
  152. </legend>
  153. <div id="maingrid4" style="margin-left: 10px; width: 900px;">
  154. <table class="l-table-edit line" style="margin-left: 10px; width: 950px;" id="tableProcess">
  155. <tr>
  156. <td>环节名称</td>
  157. <td>操作人</td>
  158. <td>状态</td>
  159. <td>环节启动时间</td>
  160. <td>环节结束时间</td>
  161. </tr>
  162. <c:forEach items="${requestScope.tList }" var="tinstance">
  163. <tr>
  164. <td>${tinstance.tmodelId.tmodelName }</td>
  165. <td>${tinstance.user.username }</td>
  166. <td>${tinstance.state.dataName }</td>
  167. <td><fmt:formatDate value="${tinstance.createdate}" pattern="yyyy-MM-dd hh:mm:ss" /></td>
  168. <td><fmt:formatDate value="${tinstance.finishdate}" pattern="yyyy-MM-dd hh:mm:ss" /></td>
  169. </tr>
  170. </c:forEach>
  171. </table>
  172. </div>
  173. </fieldset>
  174. <!-- <fieldset id="icon-top6" style="border: 1px solid #333333; width: 970px; ">
  175. <legend>
  176. <i></i> &nbsp;流程图
  177. </legend>
  178. <div style="margin-left: 10px; width: 950px;">开发中......</div>
  179. </fieldset> -->
  180. <fieldset></fieldset>
  181. <br>
  182. </div>
  183. </div>
  184. <!-- end wrap-->
  185. <p class="back-to-top" id="top1" style="display: block;">
  186. <a href="#top"><span></span>返回顶部</a>
  187. </p>
  188. <c:if test="${requestScope.flow.formInsId == '0' }">
  189. <p class="back-to-top" id="top2" style="display: block;">
  190. <a href="#icon-top2"><span></span>查看表单</a>
  191. </p>
  192. </c:if>
  193. <p class="back-to-top" id="top3" style="display: block;">
  194. <a href="#icon-top3"><span></span>查看附件</a>
  195. </p>
  196. <p class="back-to-top" id="top4" style="display: block;">
  197. <a href="#icon-top4"><span></span>备注意见</a>
  198. </p>
  199. <p class="back-to-top" id="top5" style="display: block;">
  200. <a href="#icon-top5"><span></span>流转过程</a>
  201. </p>
  202. <!--<p class="back-to-top" id="top6" style="display: block;">
  203. <a href="#icon-top6"><span></span>流程图 </a>
  204. </p> -->
  205. <!-- end nav-->
  206. </div>
  207. </body>
  208. </html>