mySchedule.jsp 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
  2. <%@include file="/commons/include/html_doctype.html" %>
  3. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <c:set var="ctx" value="${pageContext.request.contextPath}" />
  5. <html>
  6. <head>
  7. <%@taglib prefix="f" uri="http://www.jee-soft.cn/functions"%>
  8. <%@include file="/commons/include/form.jsp" %>
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  10. <title>节假日管理</title>
  11. <f:link href="jiejiari/easyui.css" ></f:link>
  12. <script type="text/javascript">
  13. var contextPath="${ctx}";
  14. </script>
  15. <style>
  16. .posi_td{
  17. position:relative;
  18. }
  19. .posi_td i,.posi_td u{
  20. width: 50%;
  21. height: 15px;
  22. display: block;
  23. position: absolute;
  24. }
  25. .posi_td .shang1{
  26. left: 0px;
  27. top: 0px;
  28. background: #8ec165;
  29. }
  30. .posi_td .shang2{
  31. left: 0px;
  32. top: 0px;
  33. background: #fb6b5b;
  34. }
  35. .posi_td .xia1{
  36. right: 0px;
  37. top: 0px;
  38. background: #8ec165;
  39. }
  40. .posi_td .xia2{
  41. right: 0px;
  42. top: 0px;
  43. background: #fb6b5b;;
  44. }
  45. </style>
  46. <script type="text/javascript" src="${ctx}/js/mySchedule/jquery-1.8.3.min.js"></script>
  47. <script type="text/javascript" src="${ctx}/js/mySchedule/jquery.easyui.min.js"></script>
  48. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerDialog.js" ></script>
  49. <script type="text/javascript" src="${ctx}/js/lg/util/DialogUtil.js" ></script>
  50. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerResizable.js" ></script>
  51. <script type="text/javascript" src="${ctx}/js/lg/ligerui.min.js"></script>
  52. <script type="text/javascript" src="${ctx}/js/mySchedule/jquery.fullcalendar.js"></script>
  53. <script>
  54. </script>
  55. </head>
  56. <body class="easyui-layout" onload="execute()">
  57. <div id="ove" region="center">
  58. <div class="easyui-fullCalendar" fit="true"></div>
  59. </div>
  60. </body>
  61. <script>
  62. function execute(){
  63. var date=$(".calendar-today").attr('abbr');
  64. $.post('getMyScheduleList.ht',{f_date:date},function(res){
  65. var json =JSON.parse(res);
  66. var json_arr=eval(json.message);
  67. var html="";
  68. for(var i=0;i<json_arr.length;i++){
  69. if(i%2==0){
  70. html+='<div class="list-group-item" style="height:37px;"><a id="'+json_arr[i].id+'" onclick="getMySchedule('+json_arr[i].id+')" class="text-ellipsis" style="float: left; display: block; width: 94%;" title="'+json_arr[i].f_myschedulename+'"> <span class="badge bg-success" style="float:right;">'+json_arr[i].f_time.substr(0,json_arr[i].f_time.length-3)+'</span> '+json_arr[i].f_myschedulename.substr(0,15)+
  71. ' </a><a onclick="del('+json_arr[i].id+')" style="float: right; color: #fff; width: 18px; height: 18px; background: #f95b5b; border-radius: 50%; text-align: center; font-size: 10px; line-height: 18px;">X</a></div>';
  72. }else{
  73. html+='<div class="list-group-item" style="height:37px;"><a id="'+json_arr[i].id+'" onclick="getMySchedule('+json_arr[i].id+')" class="text-ellipsis" style="float: left; display: block; width: 94%;" title="'+json_arr[i].f_myschedulename+'"> <span class="badge bg-success" style="float:right;">'+json_arr[i].f_time.substr(0,json_arr[i].f_time.length-3)+'</span> '+json_arr[i].f_myschedulename.substr(0,15)+
  74. ' </a><a onclick="del('+json_arr[i].id+')" style="float: right; color: #fff; width: 18px; height: 18px; background: #f95b5b; border-radius: 50%; text-align: center; font-size: 10px; line-height: 18px;">X</a></div>';
  75. }
  76. }
  77. parent.clear();
  78. parent.addMySchedule(html);
  79. });
  80. }
  81. function IframeFun(id){
  82. var url="${ctx}/platform/console/getMySchedule.ht?id="+id;
  83. dialog=DialogUtil.open({
  84. height : 450,
  85. width : 560,
  86. title : '查看日程',
  87. url: url
  88. });
  89. }
  90. </script>
  91. </html>