|
|
|
|
<!-- <p>下级任务申请</p> -->
|
|
|
|
|
<div class="box">
|
|
|
|
|
<div class="timebox">
|
|
|
|
|
<nz-select ngModel="2022">
|
|
|
|
|
<nz-option nzValue="2021" nzLabel="2021年"></nz-option>
|
|
|
|
|
<nz-option nzValue="2022" nzLabel="2022年"></nz-option>
|
|
|
|
|
</nz-select>
|
|
|
|
|
<div *ngFor="let item of months" class="monthbtn" (click)="selectMonth(item)"
|
|
|
|
|
[ngClass]="{'selectedMonth': item.name == selectedMonth}">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="tabheader">
|
|
|
|
|
<div class="tabtitle" [ngClass]="{'selectedTab': selectedTab == 1}" (click)="selectTab(1)">
|
|
|
|
|
<div [ngClass]="{'blue': selectedTab == 1}">
|
|
|
|
|
<span>熟悉演练任务</span>
|
|
|
|
|
<span style="margin: 0 8px;"></span>
|
|
|
|
|
<span>已审批: 6/8</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tabtitle" [ngClass]="{'selectedTab': selectedTab == 2}" (click)="selectTab(2)">
|
|
|
|
|
<div [ngClass]="{'blue': selectedTab == 2}">
|
|
|
|
|
<span>联络指导任务</span>
|
|
|
|
|
<span style="margin: 0 8px;"></span>
|
|
|
|
|
<span>已审批: 6/8</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tabbody" *ngIf="selectedTab == 1">
|
|
|
|
|
<div class="card redcard">
|
|
|
|
|
<div class="unitname">
|
|
|
|
|
<img src="../../../../assets/images/icon/unit.png" alt="">
|
|
|
|
|
<span>上海雅特酒店管理有限公司济南泺文路分公司</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<span>
|
|
|
|
|
<img src="../../../../assets/images/icon/main.png" alt="">
|
|
|
|
|
未分配
|
|
|
|
|
</span>
|
|
|
|
|
<span>
|
|
|
|
|
<img src="../../../../assets/images/icon/assist.png" alt="">
|
|
|
|
|
未分配
|
|
|
|
|
</span>
|
|
|
|
|
<span class="blue">分配</span>
|
|
|
|
|
<span>|</span>
|
|
|
|
|
<span>申请人: 历下区A消防救援站</span>
|
|
|
|
|
<span class="blue">修改</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn">
|
|
|
|
|
<button nz-button style="background: #42B983;color: white;">同意</button>
|
|
|
|
|
<button nz-button style="background: #FF0000;color: white;margin-left: 20px;">驳回</button>
|
|
|
|
|
</div>
|
|
|
|
|
<img class="auditimg" src="../../../../assets/images/icon/reject.png" alt="">
|
|
|
|
|
<!-- <img class="auditimg" src="../../../../assets/images/icon/agree.png" alt=""> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tabbody" *ngIf="selectedTab == 2">
|
|
|
|
|
<div class="card greencard">
|
|
|
|
|
<div class="unitname">
|
|
|
|
|
<img src="../../../../assets/images/icon/unit.png" alt="">
|
|
|
|
|
<span>上海雅特酒店管理有限公司济南泺文路分公司</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info">
|
|
|
|
|
<span>
|
|
|
|
|
<img src="../../../../assets/images/icon/main.png" alt="">
|
|
|
|
|
未分配
|
|
|
|
|
</span>
|
|
|
|
|
<span>
|
|
|
|
|
<img src="../../../../assets/images/icon/assist.png" alt="">
|
|
|
|
|
未分配
|
|
|
|
|
</span>
|
|
|
|
|
<span class="blue">分配</span>
|
|
|
|
|
<span>|</span>
|
|
|
|
|
<span>申请人: 历下区A消防救援站</span>
|
|
|
|
|
<span class="blue">修改</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="btn">
|
|
|
|
|
<button nz-button style="background: #42B983;color: white;">同意</button>
|
|
|
|
|
<button nz-button style="background: #FF0000;color: white;margin-left: 20px;">驳回</button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <img class="auditimg" src="../../../../assets/images/icon/reject.png" alt=""> -->
|
|
|
|
|
<img class="auditimg" src="../../../../assets/images/icon/agree.png" alt="">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
