diary_view.jsp 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <%@ page language="java" contentType="text/html;charset=GBK"
  2. pageEncoding="GBK"%>
  3. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  4. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  6. <html>
  7. <head>
  8. <link rel="stylesheet" href="/shares/fullcalendar/jquery/themes/base/jquery.ui.all.css">
  9. <link rel="stylesheet" href="/shares/fullcalendar/fullcalendar/cupertino/theme.css">
  10. <link href="${ pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
  11. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  12. <link href="${pageContext.request.contextPath }/liger/lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
  13. <link href='/shares/fullcalendar/fullcalendar/fullcalendar.css' rel='stylesheet' />
  14. <link href='/shares/fullcalendar/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
  15. <script src='/shares/fullcalendar/jquery/jquery-1.8.0.min.js'></script>
  16. <script src='/shares/fullcalendar/jquery/jquery-ui-1.10.2.custom.min.js'></script>
  17. <script src='/shares/fullcalendar/fullcalendar/fullcalendar.min.js'></script>
  18. <script src='${pageContext.request.contextPath }/liger/lib/ligerUI/js/core/base.js'></script>
  19. <script src='${pageContext.request.contextPath }/liger/lib/ligerUI/js/plugins/ligerDialog.js'></script>
  20. <script type="text/javascript" src="/shares/js/common.js"></script>
  21. <script src="/shares/jquery.progressbar/js/jquery.progressbar.js" type="text/javascript"></script>
  22. <script type="text/javascript" src="/shares/js/yw/pm/task/pm_common.js"></script>
  23. <style type="text/css">
  24. .workDiaryTable{margin: 5px auto}
  25. .workDiaryTable tr{height: 25px; padding-bottom: 2px; margin: 10px auto}
  26. .workDiaryTable .left-text {width: 80px; font-weight: bold;}
  27. .workDiaryTable .short-input {width: 40px;height:18px; line-height: 18px;border: 1px solid #cccccc}
  28. .workdiary-file-style input[type='file'] {width:200px ;height:22px;}
  29. .workdiary-file-style{width: 250px; margin-bottom: 8px;}
  30. </style>
  31. <script type="text/javascript">
  32. var infoDialog = null;
  33. $(function (){
  34. $("#procFinishPer").progressBar(this.innerHTML,{width:100,increment:5,speed:1});
  35. loadCalendar();
  36. });
  37. var workdiaryDialog;
  38. var editworkdiaryDialog;
  39. function loadCalendar(){
  40. $(document).ready(function() {
  41. var calendar = $('#calendar').fullCalendar({
  42. header: {
  43. left: '',
  44. center: 'title prev today next ',
  45. right: ''
  46. },
  47. theme: true,
  48. aspectRatio:2,
  49. columnFormat:{//每种视图每列显示的时间格式
  50. month: 'ddd'
  51. },
  52. titleFormat:{//视图标题时间显示的格式
  53. month: 'yyyy-MM '
  54. },
  55. allDaySlot:true,
  56. allDayText:'今天的任务',
  57. monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
  58. monthNamesShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
  59. dayNames: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
  60. dayNamesShort: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
  61. today: ["今天"],
  62. firstDay: 1,
  63. buttonText: {
  64. today: '本月',
  65. month: '月',
  66. week: '周',
  67. day: '日',
  68. prev: '上一月',
  69. next: '下一月'
  70. },
  71. eventSources: [{
  72. url:'mtDiaryMgr.do?task=wd_fc&task_id=${map.universalid}'
  73. }],
  74. eventMouseover: function (calEvent, jsEvent, view) {
  75. $(this).attr('title', "描述:"+calEvent.remark );
  76. },
  77. eventClick: function (event, jsEvent, view ) {
  78. },
  79. selectable: true,
  80. selectHelper: true,
  81. select: function(start, end, allDay, jsEvent, view) {
  82. }
  83. });
  84. });
  85. }
  86. </script>
  87. </head>
  88. <body >
  89. <div id="wrap">
  90. <div class="container-layout">
  91. <div id="title" class="form-button" >
  92. <input type="button" onclick="history.back(-1);" class="l-button" value="返回" />
  93. </div>
  94. </div>
  95. <div class="forum-container-2">
  96. <div class="l-title-bar">任务基本信息</div>
  97. <div style="padding-left: 10px;">
  98. <table class="l-default-panel">
  99. <tr>
  100. <td class="l-table-head" colspan="4">任务名称:${map.task_name }
  101. </td>
  102. </tr>
  103. <tr>
  104. <td class="l-table-edit-text ">任务状态:</td>
  105. <td class="l-table-edit-content">
  106. <font color="#BCBCBC" style="font-size: 14px; font-weight: bold;">${map.task_state_name }</font>
  107. </td>
  108. <td class="l-table-edit-text ">任务进度:</td>
  109. <td class="l-table-edit-content"><label id="procFinishPer">${map.finish_percent==null?0:map.finish_percent}%</label></td>
  110. </tr>
  111. <tr>
  112. <td class="l-table-edit-text ">指派人:</td>
  113. <td class="l-table-edit-content">${map.prov_user_name }</td>
  114. <td class="l-table-edit-text ">接收任务时间:</td>
  115. <td class="l-table-edit-content">
  116. <fmt:formatDate value="${map.receive_task_date }" pattern="yyyy-MM-dd HH:mm:ss"/>
  117. </td>
  118. </tr>
  119. <tr>
  120. <td class="l-table-edit-text ">计划用时:</td>
  121. <td class="l-table-edit-content">${map.plan_hour }&nbsp;h</td>
  122. <td class="l-table-edit-text ">已用时:</td>
  123. <td class="">${map.prac_hour==null?0:map.prac_hour }&nbsp;h</td>
  124. </tr>
  125. <tr>
  126. <td class="l-table-edit-text ">计划开始时间:</td>
  127. <td class="l-table-edit-content">
  128. <fmt:formatDate value="${map.plan_start_date }" pattern="yyyy-MM-dd HH:mm:ss"/>
  129. </td>
  130. <td class="l-table-edit-text ">实际开始时间:</td>
  131. <td class="">
  132. <c:if test="${map.prac_start_date !=null }">
  133. <fmt:formatDate value="${map.prac_start_date }" pattern="yyyy-MM-dd"/>
  134. </c:if>
  135. </td>
  136. </tr>
  137. <tr>
  138. <td class="l-table-edit-text ">计划完成时间:</td>
  139. <td class="l-table-edit-content">
  140. <fmt:formatDate value="${map.plan_end_date}" pattern="yyyy-MM-dd HH:mm:ss"/>
  141. </td>
  142. <td class="l-table-edit-text ">实际完成时间:</td>
  143. <td class="">
  144. <c:if test="${map.prac_end_date !=null }">
  145. <fmt:formatDate value="${map.prac_end_date}" pattern="yyyy-MM-dd"/>
  146. </c:if>
  147. </td>
  148. </tr>
  149. </table>
  150. </div>
  151. <div class="l-title-bar">任务描述</div>
  152. <div class="l-default-panel" style="margin-top: 10px;margin-bottom: 20px;padding: 10px;">${map.task_descript }</div>
  153. <div class="l-title-bar">审核记录</div>
  154. <div class="l-default-panel" style="margin-top: 10px;margin-bottom: 20px;padding: 10px;">
  155. <c:forEach items="${list }" var="obj">
  156. [<font color="red">${obj.result }</font>]&nbsp;${obj.descript }<br/>
  157. &nbsp;&nbsp;&nbsp;&nbsp;审核人:${obj.check_user_name }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;审核日期:<fmt:formatDate value="${obj.create_date}" pattern="yyyy-MM-dd"/><br/>
  158. </c:forEach>
  159. </div>
  160. <div class="l-title-bar" id="diaryPanel" >
  161. <a name="workDiaryPos" id="workDiaryPos" href="#"></a>
  162. <div class="text_left">工作日志</div>
  163. </div>
  164. </div>
  165. <div style="margin-bottom: 10px;">
  166. </div>
  167. <div id='calendar'></div>
  168. </div>
  169. </body>
  170. </html>