index.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <ion-view view-title="考勤" hide-back-button="true">
  2. <ion-nav-buttons side="left">
  3. <button class="button ion-chevron-left button-clear button-dark" ng-click="goBack()">&nbsp;返回</button>
  4. </ion-nav-buttons>
  5. <ion-nav-buttons side="right">
  6. <a href="#/workatd-setting">
  7. <button class="button button-clear" ng-if="roleid==1">管理&nbsp;&nbsp;</button>
  8. </a>
  9. <a ng-href="#/workatd-dailyreport">
  10. <button class="button button-clear">统计</button>
  11. </a>
  12. </ion-nav-buttons>
  13. <ion-content>
  14. <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
  15. <div class="workatd-checkin-title positive-bg">
  16. <div>
  17. <h1 class="title">{{todayweek}}</h1>
  18. </div>
  19. <div ng-if="time">当前考勤时间&nbsp;:&nbsp;<span>{{time | date:'yyyy年MM月dd日 HH:mm'}}</span></div>
  20. </div>
  21. <div ng-if="loading" class="center init-load action-sheet-backdrop">
  22. <ion-spinner icon="android"></ion-spinner>
  23. </div>
  24. <h3 ng-if="!loading && withoutornone" class="center stable action-sheet-backdrop init-load">你还没有考勤</h3>
  25. <h3 ng-if="usersetting && !usersetting.isAtdDay" class="center stable action-sheet-backdrop init-load">今天是休息日</h3>
  26. <div ng-if="!loading">
  27. <ul class="list">
  28. <li ng-repeat="item in usersetting.items"
  29. ng-class="{true:'item item-icon-left item-button-right',false:'item item-icon-left'}[item.state == 1]">
  30. <i class="icon" ng-class="itme.checktype == 1 ? 'ion-ios-partlysunny-outline' : (item.checktype == 4 ? 'ion-ios-moon-outline' : 'ion-ios-sunny-outline')"></i>{{item.title}} [{{item.time | strtimeformat:item.time}}]
  31. <span class="item-note" ng-if="item.state == 3">未开始</span>
  32. <span class="item-note" ng-if="item.state == 2">已过期</span>
  33. <span class="item-note" ng-if="item.state == 0">{{item.checktime}}&nbsp;签到</span>
  34. <i class="calm ion-ios-compose-outline right-ion" ng-if="item.checktype == 1 && item.autocheck" ng-click="showModalChkReason(item.checktype)"></i>
  35. <button class="button button-balanced" ng-if="!item.checktime&&item.state == 1"
  36. ng-click="checkin(item.checktype, usersetting.id, item.isoutoftime)">{{item.type}}
  37. </button>
  38. </li>
  39. </ul>
  40. </div>
  41. <div class="row" style="position: absolute; bottom: 5%;" ng-if="!(loading && withoutornone)&&usersetting.isAtdDay">
  42. <div class="col col-50 col-offset-25">
  43. <button class="button button-outline button-positive action-sheet-backdrop" ng-click="showModalAutoChk()" ng-bind="autocheck.isautocheck?'已开启自动签到':'未开启自动签到'"></button>
  44. </div>
  45. </div>
  46. </ion-content>
  47. </ion-view>