Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
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
<ion-header>
<ion-navbar>
<ion-title text-center>处室人员报备情况</ion-title>
<ion-buttons end>
<button ion-button (click)="search()" class="color-fff margin-right-10">
<ion-icon ios="ios-search" md="md-search"></ion-icon>
</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content class="content">
<div class="activity-title">
{{title}}
</div>
<div class="content-box">
<div class="content-box-item {{type == 1?'bgc-34b4fc':''}}" (click)="change(1)">
<span class="item-title">未报备</span>
<span class="item-count">{{itemsOfNotReport.length}}人</span>
</div>
<div class="content-box-item {{type == 2?'bgc-34b4fc':''}}" (click)="change(2)">
<span class="item-title">离沪</span>
<span class="item-count">{{itemsOfLeave.length}}人</span>
</div>
<div class="content-box-item {{type == 3?'bgc-34b4fc':''}}" (click)="change(3)">
<span class="item-title">不离沪</span>
<span class="item-count">{{itemsOfNotLeave.length}}人</span>
</div>
</div>
<ion-list>
<ion-item *ngFor="let item of items">
<div class="group" style="position: relative">
<div class="inner-group">
<ng-container *ngIf="item?.picUrl && item?.picUrl != ''">
<img src="{{picture+item.picUrl}}" class="contact-img">
</ng-container>
<ng-container *ngIf="!item?.picUrl || item?.picUrl == ''">
<img src="./assets/imgs/man.png" class="contact-img" *ngIf="item.gender =='1'||item.gender==null">
<img src="./assets/imgs/woman.png" class="contact-img" *ngIf="item.gender =='0'">
</ng-container>
<div class="item-box">
<p class="person-name">{{item.name}}
<ion-icon class="person-sex-male" *ngIf="item.gender === 1" name="male"></ion-icon>
<ion-icon class="person-sex-female" *ngIf="item.gender === 0" name="female"></ion-icon>
</p>
<p *ngIf="type == 2" class="person-batch">离沪时间：{{item.leaveDate}}-{{item.backDate}}</p>
<p *ngIf="type == 2" class="person-batch">离沪地点：{{item.address}}</p>
</div>
</div>
<div>
<p text-right>
<button disabled ion-button round class="btn color1" *ngIf="type == 1">未报备</button>
<ng-container *ngIf="type == 2">
<button (click)="editReport(item)" ion-button round class=" cancelBtn">修改报备</button><br><br>
</ng-container>
<button disabled ion-button round class="btn color2" *ngIf="type == 2">离沪</button>
<ng-container *ngIf="type == 3">
<button (click)="editReport(item)" ion-button round class=" cancelBtn" >修改报备</button><br><br>
</ng-container>
<button disabled ion-button round class="btn color3" *ngIf="type == 3">不离沪</button>
</p>
<p *ngIf="type == 1" (click)="goReport(item)" style="color:#24bafc;margin-top: 6px">协助报备</p>
</div>
</div>
</ion-item>
</ion-list>
</ion-content>