atsShiftRuleSetting.jsp 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <%--
  2. time:2015-05-21 09:06:10
  3. desc:edit the 轮班规则
  4. --%>
  5. <%@page language="java" pageEncoding="UTF-8"%>
  6. <%@include file="/commons/include/html_doctype.html"%>
  7. <html>
  8. <head>
  9. <title>编辑 轮班规则</title>
  10. <%@include file="/commons/include/form.jsp" %>
  11. <script type="text/javascript" src="${ctx}/js/hotent/CustomValid.js"></script>
  12. <script type="text/javascript" src="${ctx}/js/hotent/platform/ats/AtsDialog.js"></script>
  13. <script type="text/javascript">
  14. /*KILLDIALOG*/
  15. var dialog= frameElement.dialog; //调用页面的dialog对象(ligerui对象)
  16. $(function() {
  17. var params = dialog.get("params"),
  18. startDate = params.startTime;
  19. endDate = params.endTime;
  20. $("a.save").click(function() {
  21. $.ajax({
  22. type : "POST",
  23. url : __ctx+"/platform/ats/atsTurnShift/calculate.ht",
  24. data : {
  25. ruleId:$('#ruleId').val(),
  26. startNum:$('#startNum').val(),
  27. startDate:startDate,
  28. endDate:endDate,
  29. startTime:$('#startTime').val(),
  30. endTime:$('#endTime').val(),
  31. holidayHandle:$('#holidayHandle').val(),
  32. attencePolicy:params.attencePolicy
  33. },
  34. success : function(data) {
  35. var rtn = $.parseJSON(data);
  36. dialog.get('sucCall')(rtn.data,rtn.beginCol);
  37. dialog.close();
  38. }
  39. });
  40. });
  41. $('#startTime').val(startDate);
  42. $('#endTime').val(endDate);
  43. });
  44. function selectShiftRule(obj){
  45. AtsShiftRuleDialog({callback:function(rtn){
  46. $.ajax({
  47. type : "POST",
  48. url : __ctx+"/platform/ats/atsShiftRule/detail.ht?id="+rtn.id,
  49. data : {},
  50. success : function(data) {
  51. $("#ruleId").val(rtn.id);
  52. $("#shiftRule").val(rtn.name);
  53. $('#detailList').val(data);
  54. var detailLists = $.parseJSON(data);
  55. var tr = $($("#templ .table-detail tr")[0]).clone(true, true);
  56. for (var i = 0, c; c = detailLists[i++];) {
  57. $("[var='sn']", tr).html(c.sn);
  58. var dateName = (c.dateType ==1?'工作日':(c.dateType ==2?'休息日':'法定假日'));
  59. $("[var='dateType']", tr).html(dateName);
  60. $("[var='shiftCode']", tr).html(c.shiftCode);
  61. $("[var='shiftName']", tr).html(c.shiftName);
  62. $("[var='shiftTime']", tr).html(c.shiftTime);
  63. var tr1 = tr.clone(true, true);
  64. $("#trContainer").append(tr1);
  65. }
  66. }
  67. });
  68. }});
  69. }
  70. </script>
  71. </head>
  72. <body>
  73. <div class="panel">
  74. <div class="panel-top">
  75. <div class="tbar-title">
  76. <c:choose>
  77. <c:when test="${atsShiftRule.id !=null}">
  78. <span class="tbar-label"><span></span>编辑轮班规则</span>
  79. </c:when>
  80. <c:otherwise>
  81. <span class="tbar-label"><span></span>添加轮班规则</span>
  82. </c:otherwise>
  83. </c:choose>
  84. </div>
  85. <div class="panel-toolbar">
  86. <div class="toolBar">
  87. <div class="group"><a class="link save" id="dataFormSave" href="javaScript:void(0);"><span></span>确定</a></div>
  88. <div class="l-bar-separator"></div>
  89. <div class="group"><a class="link close" href="javaScript:dialog.close();"><span></span>关闭</a></div>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="panel-body">
  94. <table class="table-detail" cellpadding="0" cellspacing="0" border="0" type="main">
  95. <tr>
  96. <th width="20%">轮班规则: </th>
  97. <td>
  98. <input type="hidden" id="ruleId" />
  99. <input type="text" id="shiftRule" class="inputText" readonly="readonly" />
  100. <a href="javascript:;" onclick="selectShiftRule()" class="button"><span>选 择...</span></a>
  101. </td>
  102. <th width="20%">轮班开始于: </th>
  103. <td><input type="text" id="startNum" value="1" /></td>
  104. </tr>
  105. <tr>
  106. <th width="20%">开始时间: </th>
  107. <td>
  108. <input type="text" id="startTime" class="inputText date" readonly="readonly"/>
  109. </td>
  110. <th width="20%">结束时间: </th>
  111. <td><input type="text" id="endTime" class="inputText date" readonly="readonly"/>
  112. </td>
  113. </tr>
  114. <tr>
  115. <th width="20%">节假日处理</th>
  116. <td>
  117. <select id="holidayHandle">
  118. <option value="1" >替换</option>
  119. <option value="2" >不替换</option>
  120. <option value="3" >顺延</option>
  121. </select>
  122. </td>
  123. </tr>
  124. </table>
  125. <textarea style="display: none" id="detailList" name="detailList"></textarea>
  126. <div class="panel-detail">
  127. <div class="panel-toolbar">
  128. <span class="tbar-label"><span></span>排班信息</span>
  129. </div>
  130. <table cellpadding="1" cellspacing="1" class="table-grid">
  131. <tr>
  132. <th align="center" width="50px">序号</th>
  133. <th align="center">日期类型</th>
  134. <th align="center">班次编码</th>
  135. <th align="center">班次名称</th>
  136. <th align="center">上下班时间</th>
  137. </tr>
  138. <tbody id="trContainer">
  139. </tbody>
  140. </table>
  141. </div>
  142. <div id="templ" style="display: none;">
  143. <table cellpadding="1" cellspacing="1" class="table-detail">
  144. <tbody>
  145. <tr var="templTr">
  146. <td var="sn"></td>
  147. <td var="dateType" ></td>
  148. <td var="shiftCode"></td>
  149. <td var="shiftName"></td>
  150. <td var="shiftTime"></td>
  151. </tr>
  152. </tbody>
  153. </table>
  154. </div>
  155. </div>
  156. </div>
  157. </body>
  158. </html>