Newer
Older
<ion-header>
<ion-navbar>
<ion-title>值班签到</ion-title>
</ion-navbar>
</ion-header>
<!--<ion-content class="text-center">-->
<!--<p *ngIf="signState == 0">未签到</p>-->
<!--<p *ngIf="signState == 1">已签到</p>-->
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!--</ion-content>-->
<ion-content class="bgc-e7e8ed">
<!--没有值班-->
<ng-container *ngIf="signState == 0">
<div text-center class="bgc-fff" style="padding: 5rem;">
<img style="width: 20%;" src="./assets/imgs/no-info.png">
<p text-center class="color-666">
没有需要签到的值班
</p>
</div>
<div class="check-info">
<p class="margin-10-0">值班签到说明：</p>
<div>
<div class="info-content">
<div class="info-left">白班：</div>
<div class="info-right">
<p>值班当天 <span class="color-24bafc margin-0-5">8:00~9:00</span>开启签到</p>
<p>值班当天 <span class="color-24bafc margin-0-5">18:00~19:00</span>开启签退</p>
</div>
</div>
<div class="info-content">
<div class="info-left">夜班：</div>
<div class="info-right">
<p>值班当天 <span class="color-24bafc margin-0-5">18:00~19:00</span>开启签到</p>
<p>值班第二天 <span class="color-24bafc margin-0-5">8:00~9:00</span>开启签退</p>
</div>
</div>
</div>
</div>
</ng-container>
<ng-container *ngIf="signState == 1">
<div class="padding-10-20 bgc-fff detail-title">
<div class="title-left">
<span>{{nowDay | date:'yyyy-MM-dd'}}</span>
</div>
<div class="title-right">
<ng-container *ngIf="signStatus == 'success'">
<img style="width: 15%;vertical-align: bottom" src="./assets/imgs/sign-success.png" alt="">
<span style="vertical-align: super;color: #43af28;">签到成功</span>
</ng-container>
<ng-container *ngIf="signStatus == 'fail'">
<img style="width: 15%;vertical-align: bottom" src="./assets/imgs/sign-fail.png" alt="">
<span style="vertical-align: super;color: #dc7173">签到失败，距离过远</span>
</ng-container>
</div>
</div>
<div class="detail-item">
<p class="detail-title1"><span class="color-666">签到：</span>规定签到时间10：00之前</p>
<ng-container>
<p>尚未签到</p>
</ng-container>
<!--<ng-container>-->
<!--<p>签到时间</p>-->
<!--<p>签到地点：上海市委组织部</p>-->
<!--</ng-container>-->
</div>
<button class="submit-btn submit" (click)="signIn()">定位签到</button>
<div class="detail-item">
<p class="detail-title2"> <span class="color-666">签退：</span>规定签到时间10：00之前</p>
<ng-container>
<p>尚未签退</p>
</ng-container>
<!--<ng-container>-->
<!--<p>签退时间</p>-->
<!--<p>签退地点：上海市委组织部</p>-->
<!--</ng-container>-->
</div>
<button class="submit-btn submit" (click)="signBack()">定位签退</button>
</ng-container>
</ion-content>