charge_stuff_schedule.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
  1. <!-- start -->
  2. <div class="container-fluid ">
  3. <div class="row">
  4. <div class="col-sm-12">
  5. <div id="calendar" class="calendar"></div>
  6. </div>
  7. </div>
  8. </div>
  9. <!-- end -->
  10. <!--对话框 开始-->
  11. <div class="modal fade" id="myModal">
  12. <div class="modal-dialog">
  13. <div class="modal-content">
  14. <div class="modal-header">
  15. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
  16. <h4 class="modal-title">添加排班</h4>
  17. </div>
  18. <div class="modal-body">
  19. <!-- 添加对话框 -->
  20. <div class="container-fluid ">
  21. <div class="form-horizontal">
  22. <div class="form-group">
  23. <label for="exampleInputAccount4" class="col-sm-offset-1 col-sm-2 class_type_3"></label>
  24. <div class="col-md-6 col-sm-8">
  25. <select id="night_term" type="text" class="form-control class_team_3" >
  26. <option value=''>请选择班组</option>
  27. </select>
  28. </div>
  29. </div>
  30. <div class="form-group">
  31. <label for="exampleInputAccount4" class="col-sm-offset-1 col-sm-2 class_type_1"></label>
  32. <div class="col-md-6 col-sm-8">
  33. <select id="mooring_term" type="text" class="form-control class_team_1" >
  34. <option value=''>请选择班组</option>
  35. </select>
  36. </div>
  37. </div>
  38. <div class="form-group">
  39. <label for="exampleInputAccount4" class="col-sm-offset-1 col-sm-2 class_type_2"></label>
  40. <div class="col-md-6 col-sm-8">
  41. <select id="middle_term" type="text" class="form-control class_team_2" >
  42. <option value=''>请选择班组</option>
  43. </select>
  44. </div>
  45. </div>
  46. <hr>
  47. <div class="form-group">
  48. <div class="col-sm-12">
  49. <button style="float:right;margin-right:10px;" class="btn btn close_btn">关闭</button>
  50. <button type="submit" style="float:right;margin-right:10px;" id="save_term_class" class="btn btn-info">生成今日排班</button>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <!--添加对话框结束-->
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <!--对话框 结束-->
  61. <div class="modal fade" id="add_fee_station" >
  62. <div class="modal-dialog modal-lg" style="width:1200px;" >
  63. <div class="modal-content">
  64. <div class="modal-header">
  65. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
  66. <h4 class="modal-title">收费站排班表</h4>
  67. </div>
  68. <div class="modal-body">
  69. <!-- 添加对话框 -->
  70. <div class="container-fluid" style="margin:0px;padding:0px;">
  71. <div class="row scrollbar" style="width:1180px;overflow:scroll;margin:0px;padding-bottom:10px;margin-bottom:10px;">
  72. <style>
  73. th{
  74. text-align: center;
  75. }
  76. </style>
  77. <table class="table" style="margin:0px;text-align:center;width:1750px;">
  78. <thead class="thread_charge" style="padding:3px;font-size:14px;background:#F8F8F8;">
  79. </thead>
  80. <tbody class="tbody">
  81. <tr class="tr-3">
  82. </tr>
  83. <tr class="tr-1">
  84. </tr>
  85. <tr class="tr-2">
  86. </tr>
  87. </tbody>
  88. </table>
  89. </div>
  90. <div class="form-group">
  91. <div class="col-sm-12">
  92. <button style="float:right;margin-right:10px;" class="btn btn close_btn">关闭</button>
  93. <button type="submit" style="float:right;margin-right:10px;" id="save_user_class" class="btn btn-info">生成今日排班</button>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <!--添加对话框结束-->
  99. </div>
  100. </div>
  101. </div>
  102. <div id="add_detail_info" style="width:700px;display:none;">
  103. <div id="lists">
  104. <div class="datatable" style="padding-left:20px;padding-top:10px;"></div>
  105. <div class="form-group">
  106. <div class="col-sm-12">
  107. <button style="float:right;margin-right:10px;margin-bottom:30px; " class="btn btn-info add-btn">增加</button>
  108. <button style="float:right;margin-right:10px;margin-bottom:30px; " class="btn btn-info save_class_info">确定</button>
  109. </div>
  110. </div>
  111. </div>
  112. <div id="add_update" style="display:none;" >
  113. <div class="form-horizontal" style="margin-top:30px;">
  114. <div class="form-group">
  115. <label for="exampleInputAccount4" class="col-sm-offset-1 col-sm-2">班组人员</label>
  116. <div class="col-md-6 col-sm-8">
  117. <select id="team_info_ti" type="text" class="form-control" >
  118. </select>
  119. </div>
  120. </div>
  121. <div class="form-group">
  122. <label for="exampleInputAccount4" class="col-sm-offset-1 col-sm-2">开始时间</label>
  123. <div class="col-md-6 col-sm-8">
  124. <input type="text" id="start_time" class="form-control form-date" placeholder="开始时间">
  125. </div>
  126. </div>
  127. <div class="form-group">
  128. <label for="exampleInputAccount4" class="col-sm-offset-1 col-sm-2">结束时间</label>
  129. <div class="col-md-6 col-sm-8">
  130. <input type="text" id="end_time" class="form-control form-date" placeholder="结束时间">
  131. </div>
  132. </div>
  133. <div class="form-group">
  134. <div class="col-sm-12">
  135. <button style="float:right;margin-right:10px;" class="btn return-btn">返回</button>
  136. <button style="float:right;margin-right:10px;" id="save_btn" class="btn btn-info">保存</button>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. <!--<link rel="stylesheet" type="text/css" href="/node_modules/zui/dist/lib/calendar/zui.calendar.css">
  144. <script src="/node_modules/zui/dist/lib/calendar/zui.calendar.js"></script>
  145. <script src="/js/teamClass/charge_team_schedule.js"></script>-->
  146. <style type="text/css" >
  147. span.time{
  148. display: none !important ;
  149. }
  150. div.day{
  151. text-align: center ;
  152. }
  153. .content .events div:first-child{
  154. background-color:chocolate !important ;
  155. }
  156. .select-self{
  157. display: inline !important ;
  158. width: 80% ;
  159. }
  160. .icon.icon-tags.i-self{
  161. width: 20% ;
  162. cursor: pointer;
  163. }
  164. /*.jedatebox{
  165. z-index: 99999999 !important;
  166. }*/
  167. </style>
  168. <script>
  169. $(document).ready(function() {
  170. initChargeTeamSchedule();
  171. /**
  172. * 变手 和添加排班
  173. */
  174. $(document).delegate(".cell-day.current-month","mouseenter",function(){
  175. $(this).css("cursor","pointer");
  176. $(this).attr("title","添加排班");
  177. })
  178. })
  179. </script>