admin_holidayGroup.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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">删除审批组</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. <div class="modal-footer">
  92. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  93. <a href="#" class="button" data-dismiss="modal" aria-hidden="true">确定</a>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <!--弹出-->
  99. <script type="text/javascript">autoFlashHeight();</script>
  100. <script>
  101. function checkgroup(){
  102. if($('input[name="title"]').val() == ''){
  103. alert('请输入组名');
  104. return false;
  105. }
  106. if(!$('input[name="staff[]"]').is(":checked")){
  107. alert('请选择成员');
  108. return false;
  109. }
  110. }
  111. $(function(){
  112. $('.controls label').live('click',function(e){
  113. if($(e.target).is('label')){
  114. return;
  115. }
  116. if($(this).children('input[name="staff[]"]').is(":checked")){
  117. if($('#approverlist').text() != ''){
  118. $('#approverlist').append(' > '+$(this).children('input[name="staff[]"]').attr('data'));
  119. }else{
  120. $('#approverlist').append($(this).children('input[name="staff[]"]').attr('data'));
  121. }
  122. }else{
  123. var arr = $('#approverlist').text().split(' > ');
  124. for(var i = 0; i<arr.length; i++){
  125. if(arr[i] == $(this).children('input[name="staff[]"]').attr('data')) {
  126. arr.splice(i, 1);
  127. break;
  128. }
  129. }
  130. $('#approverlist').text(arr.join(' > '));
  131. }
  132. })
  133. })
  134. </script>
  135. </body>