holiday-allList2.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <!-- include 'header' -->
  2. <link href="<?= WEB_SITE_GLOBAL ?>css/datepicker.min.css" rel="stylesheet" type="text/css">
  3. <script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.min.js"></script>
  4. <script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.zh.js"></script>
  5. <style>
  6. nav a{
  7. padding: 5px 10px;
  8. font-size: 12px;
  9. line-height: 1.5px;
  10. text-decoration:none;
  11. color: #8E0950;
  12. background-color: #ffffff;
  13. border: 1px solid #dddddd;
  14. margin-left: -1px;
  15. }
  16. nav a.current {
  17. background: #8E0950;
  18. color: #fff;
  19. cursor: default;
  20. }
  21. nav a:hover{
  22. border-color:#8E0950;
  23. z-index: 1
  24. }
  25. /*nav a.current {*/
  26. /*border-color: #8E0950;*/
  27. /*background-color: #8E0950;*/
  28. /*color: #fff;*/
  29. /*cursor: default;*/
  30. /*}*/
  31. /*nav a:hover{*/
  32. /*border-color:#8E0950;*/
  33. /*z-index: 1*/
  34. /*}*/
  35. </style>
  36. <body>
  37. <div class="mainLayout">
  38. <div class="mainMenu">
  39. <div class="menuItem">
  40. <a href="#" class="mLogo">CLD</a>
  41. <ul>
  42. <!-- include 'menu' -->
  43. </ul>
  44. </div>
  45. </div>
  46. <div class="warpContent">
  47. <div class="subMenu fL">
  48. <div class="menuItem">
  49. <ul>
  50. <!-- include 'holiday_menu' -->
  51. </ul>
  52. </div>
  53. </div>
  54. <div class="adminContent autoHeight" style="height: 821px;">
  55. <legend><div class="fL"></div>今日考勤记录</legend>
  56. <div class="demandCate">
  57. <ul class="cateList">
  58. <li>
  59. <div class="search">
  60. <div class="input-append">
  61. <input id="datepicker" name="day" class="datepicker-here span3" placeholder="按时间筛选" type="text" data-range="true"
  62. data-multiple-dates-separator="~"
  63. data-language="zh" value="{{today}}">
  64. <button class="btn btn-small" type="button" id="searchtoday">查询</button>
  65. </div>
  66. </div></li>
  67. <li>
  68. <select id="cateselect">
  69. <option value="0">所有办事处</option>
  70. <option value="1" <!-- if {{cate}} == 1 -->selected<!-- endif -->>总部</option>
  71. </select>
  72. </li>
  73. <input type="hidden" id="typeselect" value="{{type}}">
  74. <li><a href="/holidayattendance{{typeurl}}" <!-- if {{type}} == '' -->class="now"<!-- endif -->>所有</a><a href="/holidayattendance{{typeurl}}/type/1" <!-- if {{type}} == 1 -->class="now"<!-- endif -->>事假</a><a href="/holidayattendance{{typeurl}}/type/2" <!-- if {{type}} == 2 -->class="now"<!-- endif -->>病假</a><a href="/holidayattendance{{typeurl}}/type/10" <!-- if {{type}} == 10 -->class="now"<!-- endif -->>补休</a><a href="/holidayattendance{{typeurl}}/type/11" <!-- if {{type}} == 11 -->class="now"<!-- endif -->>调休</a><a href="/holidayattendance{{typeurl}}/type/12" <!-- if {{type}} == 12 -->class="now"<!-- endif -->>年假</a><a href="/holidayattendance{{typeurl}}/type/4" <!-- if {{type}} == 4 -->class="now"<!-- endif -->>加/值班</a><a href="/holidayattendance{{typeurl}}/type/6" <!-- if {{type}} == 6 -->class="now"<!-- endif -->>其他</a></li>
  75. </ul>
  76. </div>
  77. <div class="saeaList">
  78. <div class="entry">
  79. <!-- if isset({{holidaylist}}) -->
  80. <table class="table table-bordered table-condensed">
  81. <tbody>
  82. <tr><th class="taC">办事处</th><th class="taC">员工</th><th class="taC">类型</th><th class="taC">申请日期</th><th class="taC" width="90">合计天数</th><th class="taC">审批时间</th></tr>
  83. <!-- loop holidaylist -->
  84. <tr>
  85. <td>{{holidaylist' value.category}}</td>
  86. <td>{{holidaylist' value.username}}</td>
  87. <td>{{holidaylist' value.typename}}</td>
  88. <td>{{holidaylist' value.daymsg}}</td>
  89. <td>{{holidaylist' value.daynum}}</td>
  90. <td>{{holidaylist' value.approvetime}}</td>
  91. </tr>
  92. <!-- endloop -->
  93. </tbody>
  94. </table>
  95. <!-- else -->
  96. <blockquote><p class="colGray">检索条件没有记录 </p></blockquote>
  97. <!-- endif -->
  98. <nav class="pagination fR">
  99. {{pager}}
  100. </nav>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <script type="text/javascript">autoFlashHeight();</script>
  107. <script>
  108. $(function(){
  109. // $('#datepicker').datepicker({
  110. // setDate : new Date()
  111. // });
  112. // datepicker.date = new Date();
  113. $('#searchtoday').click(function(){
  114. if($('#datepicker').val() == ''){
  115. alert('请选择日期再查询');
  116. }else{
  117. var url = '';
  118. if($('#cateselect').val() != 0){
  119. url += '/cate/headquarters';
  120. }
  121. if($('#typeselect').val() != ''){
  122. url += '/type/'+$('#typeselect').val();
  123. }
  124. window.location.href = '/holidayattendance/day/'+$('#datepicker').val()+url;
  125. }
  126. });
  127. $('#cateselect').change(function(){
  128. var url = '';
  129. if($('#datepicker').val() != ''){
  130. url += '/day/'+$('#datepicker').val();
  131. }
  132. if($(this).val() != 0){
  133. url += '/cate/headquarters';
  134. }
  135. if($('#typeselect').val() != ''){
  136. url += '/type/'+$('#typeselect').val();
  137. }
  138. window.location.href = '/holidayattendance'+url;
  139. });
  140. })
  141. </script>
  142. </body>