projectFlowInfo.jsp 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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/css/yw/flow/bootstrap.css" rel="stylesheet" type="text/css" />
  16. <link href="/shares/css/yw/flow/flow.css" rel="stylesheet" type="text/css" />
  17. <script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
  18. <script src="${pageContext.request.contextPath }/liger/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
  19. <script type="text/javascript" src="/shares/js/constant.js"></script>
  20. <script type="text/javascript" src="/shares/js/common.js"></script>
  21. <script type="text/javascript" src="/shares/js/yw/pm/project/projectflow.js"></script>
  22. <script type="text/javascript">
  23. function setFrame() {
  24. var iformIns = document.getElementById("formIns");
  25. iformIns.height = "100px";
  26. iformIns.height = formIns.document.body.scrollHeight;
  27. }
  28. $(function() {
  29. //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
  30. $(window).scroll(function() {
  31. if ($(window).scrollTop() > 100) {
  32. $("#top1").fadeIn(100);
  33. } else {
  34. $("#top1").fadeOut(100);
  35. }
  36. });
  37. //当点击跳转链接后,回到页面顶部位置 keleyi.com
  38. $("#top1").click(function() {
  39. $('body,html').animate({
  40. scrollTop : 0
  41. }, 0);
  42. return false;
  43. });
  44. });
  45. </script>
  46. </head>
  47. <body style="background: none;">
  48. <div class="navbar">
  49. <div class="navbar-inner1">
  50. <button type="button" onClick="history.back(-1);" class="btn">
  51. <span>返回</span>
  52. </button>
  53. </div>
  54. <div class="navbar-inner2">
  55. <font style="color: black; font-family: 微软雅黑; font-size: 30px; ">${requestScope.flow.insName }</font>
  56. <!-- <font style="color: black; font-family: 微软雅黑; font-size: 20px; ">发起人:${requestScope.flow.creator.username }</font> -->
  57. </div>
  58. </div>
  59. <div id="word_temp" class="wp" style="position: relative;">
  60. <div id="print_body">
  61. <c:if test="${requestScope.flow.formInsId == '0' }">
  62. <fieldset id="icon-top2">
  63. <div class="wf_shadow">
  64. <span class="z corner_41"></span> <span class="y corner_12"></span>
  65. <c:if test="${requestScope.flow.formInsId == '0' }">
  66. <iframe width="100%" onload="setFrame();" id="formIns" name="formIns"
  67. frameborder="0" scrolling="no" style="width:100%;"
  68. src="${pageContext.request.contextPath}/pmProject.do?task=flowProjectInfo&insId=${requestScope.flow.insId}">
  69. </iframe>
  70. </c:if>
  71. <span class="z corner_34"></span> <span class="y corner_23"></span>
  72. </div>
  73. </fieldset>
  74. </c:if>
  75. <fieldset id="icon-top4" style="border: 1px solid #333333; width: 970px; ">
  76. <legend>
  77. <i></i> &nbsp;备注及意见
  78. </legend>
  79. <div class="forum-container">
  80. <table class="l-table-edit line" style="margin-left: 10px; width: 950px;" >
  81. <c:forEach items="${requestScope.tList }" var="tinstance">
  82. <c:if test="${tinstance.remark != null && fn:length(tinstance.remark) > 0 }">
  83. <tr>
  84. <td class="l-table-edit-text">${tinstance.user.username }</td>
  85. <td>${tinstance.remark }</td>
  86. </tr>
  87. </c:if>
  88. </c:forEach>
  89. </table>
  90. </div>
  91. </fieldset>
  92. <fieldset id="icon-top5" style="border: 1px solid #333333; width: 970px; ">
  93. <legend>
  94. <i></i> &nbsp;流转过程
  95. </legend>
  96. <div id="maingrid4" style="margin-left: 10px; width: 900px;">
  97. <table class="l-table-edit line" style="margin-left: 10px; width: 950px;" id="tableProcess">
  98. <tr>
  99. <td>环节名称</td>
  100. <td>操作人</td>
  101. <td>状态</td>
  102. <td>环节启动时间</td>
  103. <td>环节结束时间</td>
  104. </tr>
  105. <c:forEach items="${requestScope.tList }" var="tinstance">
  106. <tr>
  107. <td>${tinstance.tmodelId.tmodelName }</td>
  108. <td>${tinstance.user.username }</td>
  109. <td>${tinstance.state.dataName }</td>
  110. <td><fmt:formatDate value="${tinstance.createdate}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
  111. <td><fmt:formatDate value="${tinstance.finishdate}" pattern="yyyy-MM-dd hh:mm:ss"/></td>
  112. </tr>
  113. </c:forEach>
  114. </table>
  115. </div>
  116. </fieldset>
  117. </div>
  118. </div>
  119. <p class="back-to-top" id="top1" style="display: block;">
  120. <a href="#top"><span></span>返回顶部</a>
  121. </p>
  122. <c:if test="${requestScope.flow.formInsId == '0' }">
  123. <p class="back-to-top" id="top2" style="display: block;">
  124. <a href="#icon-top2"><span></span>查看表单</a>
  125. </p>
  126. </c:if>
  127. <p class="back-to-top" id="top3" style="display: block;">
  128. <a href="#icon-top4"><span></span>备注意见</a>
  129. </p>
  130. <p class="back-to-top" id="top4" style="display: block;">
  131. <a href="#icon-top5"><span></span>流转过程</a>
  132. </p>
  133. </body>
  134. </html>