holiday-allList2.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  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.current {
  7. border-color: #8E0950;
  8. background-color: #8E0950;
  9. color: #fff;
  10. cursor: default;
  11. }
  12. nav a:hover{
  13. border-color:#8E0950;
  14. z-index: 1
  15. }
  16. </style>
  17. <body>
  18. <div class="mainLayout">
  19. <div class="mainMenu">
  20. <div class="menuItem">
  21. <a href="#" class="mLogo">CLD</a>
  22. <ul>
  23. <!-- include 'menu' -->
  24. </ul>
  25. </div>
  26. </div>
  27. <div class="warpContent">
  28. <div class="subMenu fL">
  29. <div class="menuItem">
  30. <ul>
  31. <!-- include 'holiday_menu' -->
  32. </ul>
  33. </div>
  34. </div>
  35. <div class="adminContent autoHeight" style="height: 821px;">
  36. <legend><div class="fL"></div>今日考勤记录</legend>
  37. <div class="demandCate">
  38. <ul class="cateList">
  39. <li>
  40. <div class="search">
  41. <div class="input-append">
  42. <input id="datepicker" name="day" class="datepicker-here span3" placeholder="按时间筛选" type="text" data-range="true"
  43. data-multiple-dates-separator="~"
  44. data-language="zh" value="{{today}}">
  45. <button class="btn btn-small" type="button" id="searchtoday">查询</button>
  46. </div>
  47. </div></li>
  48. <li>
  49. <select id="cateselect">
  50. <option value="0">所有办事处</option>
  51. <option value="1" <!-- if {{cate}} == 1 -->selected<!-- endif -->>总部</option>
  52. </select>
  53. </li>
  54. <input type="hidden" id="typeselect" value="{{type}}">
  55. <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>
  56. </ul>
  57. </div>
  58. <div class="saeaList">
  59. <div class="entry">
  60. <!-- if isset({{holidaylist}}) -->
  61. <table class="table table-bordered table-condensed">
  62. <tbody>
  63. <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>
  64. <!-- loop holidaylist -->
  65. <tr>
  66. <td>{{holidaylist' value.category}}</td>
  67. <td>{{holidaylist' value.username}}</td>
  68. <td>{{holidaylist' value.typename}}</td>
  69. <td>{{holidaylist' value.daymsg}}</td>
  70. <td>{{holidaylist' value.daynum}}</td>
  71. <td>{{holidaylist' value.approvetime}}</td>
  72. </tr>
  73. <!-- endloop -->
  74. </tbody>
  75. </table>
  76. <!-- else -->
  77. <blockquote><p class="colGray">检索条件没有记录 </p></blockquote>
  78. <!-- endif -->
  79. <nav class="pagination fR">
  80. {{pager}}
  81. </nav>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <script type="text/javascript">autoFlashHeight();</script>
  88. <script>
  89. $(function(){
  90. // $('#datepicker').datepicker({
  91. // setDate : new Date()
  92. // });
  93. // datepicker.date = new Date();
  94. $('#searchtoday').click(function(){
  95. if($('#datepicker').val() == ''){
  96. alert('请选择日期再查询');
  97. }else{
  98. var url = '';
  99. if($('#cateselect').val() != 0){
  100. url += '/cate/headquarters';
  101. }
  102. if($('#typeselect').val() != ''){
  103. url += '/type/'+$('#typeselect').val();
  104. }
  105. window.location.href = '/holidayattendance/day/'+$('#datepicker').val()+url;
  106. }
  107. });
  108. $('#cateselect').change(function(){
  109. var url = '';
  110. if($('#datepicker').val() != ''){
  111. url += '/day/'+$('#datepicker').val();
  112. }
  113. if($(this).val() != 0){
  114. url += '/cate/headquarters';
  115. }
  116. if($('#typeselect').val() != ''){
  117. url += '/type/'+$('#typeselect').val();
  118. }
  119. window.location.href = '/holidayattendance'+url;
  120. });
  121. })
  122. </script>
  123. </body>