admin_holidayGroup.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <!-- include 'header' -->
  2. <body>
  3. <div class="mainLayout">
  4. <div class="mainMenu">
  5. <div class="menuItem">
  6. <a href="#" class="mLogo">CLD</a>
  7. <ul>
  8. <!-- include 'menu' -->
  9. </ul>
  10. </div>
  11. </div>
  12. <div class="warpContent">
  13. <div class="subMenu fL">
  14. <div class="menuItem">
  15. <ul>
  16. <!-- include 'admin_menu' -->
  17. </ul>
  18. </div>
  19. </div>
  20. <div class="adminContent autoHeight">
  21. <div class="subNav">
  22. <ul class="navTabs">
  23. <li class="active"><a href="/holidaygroup">审批组</a></li>
  24. <li><a href="/hcsgroup">抄送人</a></li>
  25. </ul>
  26. </div>
  27. <legend>添加审批组</legend>
  28. <form method="post" action="/addholidayapprover" name="group" onsubmit="return checkgroup();">
  29. <div class="control-group">
  30. <label class="control-label">组描述</label>
  31. <div class="controls">
  32. <input type="text" name="title">
  33. </div>
  34. </div>
  35. <div class="control-group">
  36. <label class="control-label">成员</label>
  37. <div class="controls">
  38. <style>
  39. .controls > .checkbox{margin-left: 10px}
  40. </style>
  41. <!-- loop staffList -->
  42. <label class="checkbox inline">
  43. <input type="checkbox" name="staff[]" id="holiday_{{staffList' value.sid}}" data='{{staffList' value.username}}' value="{{staffList' value.sid}}:{{staffList' value.username}}:{{staffList' value.wxid}}">{{staffList' value.username}}
  44. </label>
  45. <!-- endloop -->
  46. </div>
  47. </div>
  48. <div class="control-group">
  49. <label class="control-label">已选审批人</label>
  50. <div class="controls colRed" id="approverlist"></div>
  51. </div>
  52. <div class="control-group">
  53. <div class="controls">
  54. <button class="button" type="submit">添加新审查组</button>
  55. </div>
  56. </div>
  57. </form>
  58. <table class="table table-striped">
  59. <thead>
  60. <tr>
  61. <th>组描述</th>
  62. <th>成员</th>
  63. <th>审批组操作</th>
  64. </tr>
  65. </thead>
  66. <tbody>
  67. <!-- if isset({{acmanlist}}) && !empty({{acmanlist}}) -->
  68. <!-- loop acmanlist -->
  69. <tr>
  70. <td>{{acmanlist' value.typename}}</td>
  71. <td>{{acmanlist' value.name}}</td>
  72. <td><a href="#del" data-toggle="modal" onclick='delapprovalid("{{acmanlist' value.id}}")'>删除审批组</a></td>
  73. </tr>
  74. <!-- endloop -->
  75. <!-- endif -->
  76. </tbody>
  77. </table>
  78. </div>
  79. </div>
  80. </div>
  81. <!--弹出(删除组)-->
  82. <div class="modal hide fade" id="del">
  83. <div class="modal-dialog">
  84. <div class="modal-content">
  85. <div class="modal-header">
  86. <h3>确认删除</h3>
  87. </div>
  88. <div class="modal-body">
  89. <p>删除后,正在使用该审批组的费用审批将不受影响,可继续审批。</p>
  90. </div>
  91. <form method="post" action="/delholidaygroup">
  92. <input type="hidden" id="delapporval" name="approvalid" value="">
  93. <div class="modal-footer">
  94. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  95. <button class="button" type="submit">确定</button>
  96. </div>
  97. </form>
  98. </div>
  99. </div>
  100. </div>
  101. <!--弹出-->
  102. <script type="text/javascript">autoFlashHeight();</script>
  103. <script>
  104. function checkgroup(){
  105. if($('input[name="title"]').val() == ''){
  106. alert('请输入组名');
  107. return false;
  108. }
  109. if(!$('input[name="staff[]"]').is(":checked")){
  110. alert('请选择成员');
  111. return false;
  112. }
  113. }
  114. function delapprovalid(id){
  115. $('#delapporval').val(id);
  116. }
  117. $(function(){
  118. $('.controls label').live('click',function(e){
  119. if($(e.target).is('label')){
  120. return;
  121. }
  122. if($(this).children('input[name="staff[]"]').is(":checked")){
  123. if($('#approverlist').text() != ''){
  124. $('#approverlist').append(' > '+$(this).children('input[name="staff[]"]').attr('data'));
  125. }else{
  126. $('#approverlist').append($(this).children('input[name="staff[]"]').attr('data'));
  127. }
  128. }else{
  129. var arr = $('#approverlist').text().split(' > ');
  130. for(var i = 0; i<arr.length; i++){
  131. if(arr[i] == $(this).children('input[name="staff[]"]').attr('data')) {
  132. arr.splice(i, 1);
  133. break;
  134. }
  135. }
  136. $('#approverlist').text(arr.join(' > '));
  137. }
  138. })
  139. })
  140. </script>
  141. </body>