Jinan_project/src/app/home/task/da-subordinate-audit/da-subordinate-audit.component.html

<!-- <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 *ngFor="let item of data" class="tabtitle" [ngClass]="{'selectedTab': selectedTab == item.id}"
                (click)="selectTab(item.id)">
                <div [ngClass]="{'blue': selectedTab == item.id}">
                    <span>{{item.name}}</span>
                    <span style="margin: 0 8px;"></span>
                    <span>已审批: {{item.finished}}/{{item.totalCount}}</span>
                </div>
            </div>
        </div>
        <div class="tabbody" *ngIf="selectedTab == 0">
            <div class="card greencard" [ngClass]="{'redcard': item.approvalStatus == 1}"
                *ngFor="let item of data[0].list">
                <div class="unitname">
                    <img src="../../../../assets/images/icon/unit.png" alt="">
                    <span>{{item.company.companyName}}</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>申请人: {{item.assitantOrganization.name}}</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 *ngIf="item.approvalStatus == 1" class="auditimg" src="../../../../assets/images/icon/reject.png"
                    alt="">
                <img *ngIf="item.approvalStatus == 0" class="auditimg" src="../../../../assets/images/icon/agree.png"
                    alt="">
            </div>
        </div>
        <div class="tabbody" *ngIf="selectedTab == 1">
            <div class="card greencard" [ngClass]="{'redcard': item.approvalStatus == 1}"
                *ngFor="let item of data[1].list">
                <div class="unitname">
                    <img src="../../../../assets/images/icon/unit.png" alt="">
                    <span>{{item.company.companyName}}</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>申请人: {{item.assitantOrganization.name}}</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 *ngIf="item.approvalStatus == 1" class="auditimg" src="../../../../assets/images/icon/reject.png"
                    alt="">
                <img *ngIf="item.approvalStatus == 0" class="auditimg" src="../../../../assets/images/icon/agree.png"
                    alt="">
            </div>
        </div>
    </div>
</div>