workday.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  6. <meta http-equiv="x-ua-compatible" content="ie=7"/>
  7. <title>节假日管理</title>
  8. <link href="${ctx}/assets/lib/jquery-workday/images/all.css" rel="stylesheet" type="text/css"/>
  9. <link href="${ctx}/assets/lib/jquery-workday/images/skin.css" rel="stylesheet" type="text/css"/>
  10. <link href="${ctx}/assets/lib/jquery-workday/images/fontSize12.css" rel="stylesheet" type="text/css"/>
  11. <link href="${ctx}/assets/lib/jquery-workday/images/calendar.css" rel="stylesheet" type="text/css"/>
  12. <script type="text/javascript" src="${ctx}/assets/lib/jquery-workday/js/jquery.js"></script>
  13. <script type="text/javascript" src="${ctx}/assets/lib/jquery-workday/js/calendar.js"></script>
  14. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  15. <script type="text/javascript" src="${ctx}/assets/lib/jquery.form/jquery.form.min.js"></script>
  16. <SCRIPT language="JavaScript">
  17. sFtv=sFtv.concat(${SolarHoliday!''});
  18. function doSubmitHoliday(){
  19. if(hDays!='')
  20. {
  21. $('#SelectDay').val(hDays);
  22. $('#TType').val('节假日');
  23. $('#form1').attr('action','${ctx}/myconsole/complaint/workday/setWorkDay');
  24. $('#form1').ajaxSubmit(resultHolidayHandle);
  25. }
  26. else
  27. {
  28. alert('请先选择节假日数据!');
  29. }
  30. }
  31. function resultHolidayHandle(data){
  32. var res=eval('(' + data + ')');
  33. if(res.flag){
  34. hDays=[];
  35. alert('节假日数据提交成功!');
  36. }else{
  37. if(res.flag == false)
  38. {
  39. alert('节假日数据提交失败!');
  40. }
  41. }
  42. }
  43. function doSubmitWorkday(){
  44. if(hDays!='')
  45. {
  46. $('#SelectDay').val(hDays);
  47. $('#TType').val('工作日');
  48. $('#TInfo').val('调休工作日');
  49. $('#form1').attr('action','${ctx}/myconsole/complaint/workday/setWorkDay');
  50. $('#form1').ajaxSubmit(resultWorkdayHandle);
  51. }
  52. else
  53. {
  54. alert('请先选择工作日数据!');
  55. }
  56. }
  57. function resultWorkdayHandle(data){
  58. var res=eval('(' + data + ')');
  59. if(res.flag){
  60. hDays=[];
  61. alert('工作日数据提交成功!');
  62. }else{
  63. if(res.flag == false)
  64. {
  65. alert('工作日数据提交失败!');
  66. }
  67. }
  68. }
  69. //提交
  70. function h_submit(){
  71. alert(hDays);
  72. }
  73. //重置
  74. function rebuild(){
  75. hDays=[];
  76. }
  77. </SCRIPT>
  78. </head>
  79. <body style="height:98%;">
  80. <div class="main">
  81. <div class="pathBar" style="margin-bottom:2px;">
  82. <div class="pathBarPos">
  83. </div>
  84. </div>
  85. <div id="myrl" style="width:820px; margin-left:auto; margin-right:auto; height:840px; overflow:hidden;">
  86. <form id="form1" method="post" class="form-inline" role="form">
  87. <input type="hidden" id="SelectDay" name="SelectDay" value=""/>
  88. <input type="hidden" id="TType" name="TType" value=""/>
  89. <input type="hidden" id="TInfo" name="TInfo" value=""/>
  90. <TABLE class="biao" width="800px">
  91. <TBODY>
  92. <TR>
  93. <TD class="calTit" colSpan=7 style="height:30px;padding-top:3px;text-align:center;">
  94. <a href="#" title="上一年" id="nianjian" class="ymNaviBtn lsArrow"></a>
  95. <a href="#" title="上一月" id="yuejian" class="ymNaviBtn lArrow"></a>
  96. <div style="width:250px; float:left; padding-left:230px;">
  97. <span id="dateSelectionRili" class="dateSelectionRili"
  98. style="cursor:hand;color: white; border-bottom: 1px solid white;"
  99. onclick="dateSelection.show()">
  100. <span id="nian" class="topDateFont"></span><span
  101. class="topDateFont">年</span><span id="yue"
  102. class="topDateFont"></span><span
  103. class="topDateFont">月</span>
  104. <span class="dateSelectionBtn cal_next"
  105. onclick="dateSelection.show()">▼</span></span> &nbsp;&nbsp;<font id=GZ
  106. class="topDateFont"></font>
  107. </div>
  108. <!--新加导航功能-->
  109. <div style="left: 250px; display: none;" id="dateSelectionDiv">
  110. <div id="dateSelectionHeader"></div>
  111. <div id="dateSelectionBody">
  112. <div id="yearList">
  113. <div id="yearListPrev" onclick="dateSelection.prevYearPage()">&lt;</div>
  114. <div id="yearListContent"></div>
  115. <div id="yearListNext" onclick="dateSelection.nextYearPage()">&gt;</div>
  116. </div>
  117. <div id="dateSeparator"></div>
  118. <div id="monthList">
  119. <div id="monthListContent"><span id="SM0" class="month"
  120. onclick="dateSelection.setMonth(0)">1</span><span
  121. id="SM1" class="month" onclick="dateSelection.setMonth(1)">2</span><span
  122. id="SM2" class="month" onclick="dateSelection.setMonth(2)">3</span><span
  123. id="SM3" class="month" onclick="dateSelection.setMonth(3)">4</span><span
  124. id="SM4" class="month" onclick="dateSelection.setMonth(4)">5</span><span
  125. id="SM5" class="month" onclick="dateSelection.setMonth(5)">6</span><span
  126. id="SM6" class="month" onclick="dateSelection.setMonth(6)">7</span><span
  127. id="SM7" class="month" onclick="dateSelection.setMonth(7)">8</span><span
  128. id="SM8" class="month" onclick="dateSelection.setMonth(8)">9</span><span
  129. id="SM9" class="month" onclick="dateSelection.setMonth(9)">10</span><span
  130. id="SM10" class="month" onclick="dateSelection.setMonth(10)">11</span><span
  131. id="SM11" class="month curr" onclick="dateSelection.setMonth(11)">12</span>
  132. </div>
  133. <div style="clear: both;"></div>
  134. </div>
  135. <div id="dateSelectionBtn">
  136. <div id="dateSelectionTodayBtn" onclick="dateSelection.goToday()">今天</div>
  137. <div id="dateSelectionOkBtn" onclick="dateSelection.go()">确定</div>
  138. <div id="dateSelectionCancelBtn" onclick="dateSelection.hide()">取消</div>
  139. </div>
  140. </div>
  141. <div id="dateSelectionFooter"></div>
  142. </div>
  143. <a href="#" id="nianjia" title="下一年" class="ymNaviBtn rsArrow" style="float:right;"></a>
  144. <a href="#" id="yuejia" title="下一月" class="ymNaviBtn rArrow" style="float:right;"></a>
  145. <!-- <a id="jintian" href="#" title="今天" class="btn" style="float:right; margin-top:-2px; font-size:12px; text-align:center;">今天</a>-->
  146. </TD>
  147. </TR>
  148. <TR class="calWeekTit" style="font-size:12px; height:20px;text-align:center;">
  149. <TD width="100" class="red">星期日</TD>
  150. <TD width="100">星期一</TD>
  151. <TD width="100">星期二</TD>
  152. <TD width="100">星期三</TD>
  153. <TD width="100">星期四</TD>
  154. <TD width="100">星期五</TD>
  155. <TD width="100" class="red">星期六</TD>
  156. </TR>
  157. <SCRIPT language="JavaScript">
  158. var gNum;
  159. for (var i = 0; i < 6; i++) {
  160. document.write('<tr align=center height="50" id="tt">');
  161. for (var j = 0; j < 7; j++) {
  162. gNum = i * 7 + j ;
  163. <!--onMouseOver="mOvr(this,' + gNum + ');" onMouseOut="mOut(this);"-->
  164. document.write('<td id="GD' + gNum + '" on="0" ><font id="SD' + gNum + '" style="font-size:22px;" face="Arial"');
  165. if (j == 0) document.write('color=red');
  166. if (j == 6)
  167. if (i % 2 == 1) document.write('color=red');
  168. else document.write('color=red');
  169. document.write(' TITLE=""> </font><br><font id="LD' + gNum + '" size=2 style="white-space:nowrap;overflow:hidden;cursor:default;"> </font></td>');
  170. }
  171. document.write('</tr>');
  172. }
  173. </SCRIPT>
  174. </tbody>
  175. </TABLE>
  176. <table class="biao" width="800px">
  177. <tr>
  178. <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
  179. <tr align="center">
  180. <td><input type=button value="元旦节" class="button6" onclick=dateSelection.goHoliday(0)></td>
  181. <td><input type=button value='春 节' class="button6" onclick=dateSelection.goHoliday(1)></td>
  182. <td><input type=button value='清明节' class="button6" onclick=dateSelection.goHoliday(3)></td>
  183. <td><input type=button value='五一节' class="button6" onclick=dateSelection.goHoliday(4)></td>
  184. <td><input type=button value='端午节' class="button6" onclick=dateSelection.goHoliday(5)></td>
  185. <td><input type=button value='中秋节' class="button6" onclick=dateSelection.goHoliday(8)></td>
  186. <td><input type=button value="国庆节" class="button6" onclick=dateSelection.goHoliday(9)></td>
  187. </tr>
  188. </table></td>
  189. </tr>
  190. </table></td>
  191. <td width="100%" align="center"><table border="1" cellpadding="5" cellspacing="5">
  192. <tr align="center">
  193. <td><input type=button value='提交为节假日' class="button6" onclick=doSubmitHoliday()></td>
  194. <td><input type=button value='提交为工作日' class="button6" onclick=h_submit()></td>
  195. <td><input type=button value="重置" class="button6" onclick=rebuild()></td>
  196. <td width="25" height="25" bgcolor="#FBBB67">&nbsp;</td>
  197. <td>假 期&nbsp;&nbsp;</td>
  198. <td width="25" bgcolor="#FFFFFF">&nbsp;</td>
  199. <td>工作日&nbsp;&nbsp;</td>
  200. <td width="25" bgcolor="#CFDFF0">&nbsp;</td>
  201. <td>今 日</td>
  202. </tr>
  203. </table></td>
  204. </tr>
  205. </table>
  206. </form>
  207. </div>
  208. </div>
  209. <div id="details" style="margin-top:-1px;"></div>
  210. </body>
  211. </html>