atsAttenceCalculateSetEdit.jsp 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <%--
  2. time:2015-06-03 14:46:20
  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/jquery/plugins/jquery.fix.clone.js"></script>
  13. <script type="text/javascript">
  14. /*KILLDIALOG*/
  15. var dialog = frameElement.dialog; //调用页面的dialog对象(ligerui对象)
  16. $(function() {
  17. $("a.save").click(function() {
  18. $("#atsAttenceCalculateSetForm").attr("action","save.ht");
  19. submitForm();
  20. });
  21. initDetail();
  22. });
  23. //提交表单
  24. function submitForm(){
  25. var options={};
  26. if(showResponse){
  27. options.success=showResponse;
  28. }
  29. var frm=$('#atsAttenceCalculateSetForm').form();
  30. frm.ajaxForm(options);
  31. if(frm.valid()){
  32. $('#detail').val(getDetail());
  33. frm.submit();
  34. }
  35. }
  36. function showResponse(responseText) {
  37. var obj = new com.hotent.form.ResultMessage(responseText);
  38. if (obj.isSuccess()) {
  39. $.ligerDialog.alert("保存成功!","提示信息", function(rtn) {
  40. dialog.get('sucCall')(true);
  41. dialog.close();
  42. });
  43. } else {
  44. $.ligerDialog.err("提示信息","考勤计算失败!",obj.getMessage());
  45. }
  46. }
  47. function addRow(){
  48. var tr = $($("#templ .table-detail tr")[0]).clone(true, true);
  49. $("#trContainer").append(tr);
  50. }
  51. function initDetail() {
  52. var detail = $('#detail').val();
  53. if ($.isEmpty(detail))
  54. return;
  55. var tr = $($("#templ .table-detail tr")[0]).clone(true, true);
  56. var details = $.parseJSON(detail);
  57. for (var i = 0, c; c = details[i++];) {
  58. $("select[var='name']", tr).val(c.name);
  59. var tr1 = tr.clone(true, true);
  60. $("#trContainer").append(tr1);
  61. }
  62. }
  63. function getDetail(){
  64. var json = [];
  65. $("#trContainer tr[var='templTr']").each(function(){
  66. var me = $(this),obj={};
  67. obj.name =$("[var='name']",me).val();
  68. obj.lable =$("[var='name']",me).find("option:selected").text(); ;
  69. json.push(obj);
  70. });
  71. return JSON2.stringify(json)
  72. }
  73. function delTr(obj) {
  74. $(obj).closest("tr").remove();
  75. }
  76. //绑定上下移动
  77. function move(me){
  78. var obj=$(me);
  79. var direct=obj.hasClass("moveup");
  80. var objFieldset=obj.closest('[var="templTr"]');
  81. if(direct){
  82. var prevObj=objFieldset.prev();
  83. if(prevObj.length>0){
  84. objFieldset.insertBefore(prevObj);
  85. }
  86. }
  87. else{
  88. var nextObj=objFieldset.next();
  89. if(nextObj.length>0){
  90. objFieldset.insertAfter(nextObj);
  91. }
  92. }
  93. };
  94. </script>
  95. </head>
  96. <body>
  97. <div class="panel">
  98. <div class="panel-top">
  99. <div class="tbar-title">
  100. <c:choose>
  101. <c:when test="${atsAttenceCalculateSet.id !=null}">
  102. <span class="tbar-label"><span></span>编辑考勤计算设置</span>
  103. </c:when>
  104. <c:otherwise>
  105. <span class="tbar-label"><span></span>添加考勤计算设置</span>
  106. </c:otherwise>
  107. </c:choose>
  108. </div>
  109. <div class="panel-toolbar">
  110. <div class="toolBar">
  111. <div class="group"><a class="link save" id="dataFormSave" href="javaScript:void(0)"><span></span>保存</a></div>
  112. <div class="l-bar-separator"></div>
  113. <div class="group"><a class="link add" id="dataFormAdd" href="javaScript:addRow()"><span></span>添加</a></div>
  114. <div class="l-bar-separator"></div>
  115. <div class="group"><a class="link close" href="javaScript:dialog.close();"><span></span>关闭</a></div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="panel-body">
  120. <form id="atsAttenceCalculateSetForm" method="post" action="save.ht">
  121. <textarea style="display: none" id="detail" name="detail">${fn:escapeXml(atsAttenceCalculateSet.detail)}</textarea>
  122. <input type="hidden" name="type" value="${type}"/>
  123. </form>
  124. <div class="panel-body">
  125. <table cellpadding="1" cellspacing="1" class="table-grid">
  126. <tr>
  127. <th align="center" width="50%">项目名称</th>
  128. <th align="center">操作</th>
  129. </tr>
  130. <tbody id="trContainer">
  131. </tbody>
  132. </table>
  133. </div>
  134. <div id="templ" style="display: none;">
  135. <table cellpadding="1" cellspacing="1" class="table-detail">
  136. <tbody>
  137. <tr var="templTr">
  138. <td>
  139. <select var="name" class="inputText">
  140. <option value=""></option>
  141. <option value="S11">应出勤时数</option>
  142. <option value="S12">实际出勤时数</option>
  143. <option value="S21">旷工次数</option>
  144. <option value="S22">旷工时数</option>
  145. <option value="S31">迟到次数</option>
  146. <option value="S32">迟到分钟</option>
  147. <option value="S41">早退次数</option>
  148. <option value="S42">早退分钟</option>
  149. </select>
  150. </td>
  151. <td>
  152. <a class="link moveup" href="javascript:;" title="上移" onclick="move(this)"></a>
  153. <a class="link movedown" href="javascript:;" title="下移" onclick="move(this)"></a>
  154. <a class="link del" href="javascript:;" title="删除" onclick="delTr(this)"></a>
  155. </td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. </div>
  160. </div>
  161. </div>
  162. </body>
  163. </html>