Jinan_project/src/app/home/task/da-oneself-plan/plan-adjustment/plan-adjustment.component.html

<div class="box">
    <div style="border: 1px solid #E4E7EC; padding: 20px; width:400px; margin: 0 20px;position: relative;">
        <div class="spin" *ngIf="spin1">
            <nz-spin nzSimple></nz-spin>
        </div>
        <div class="title"><span>未接任务</span></div>
        <div class="missed">
            <div *ngFor="let item of allTasks" class="item">
                <i [style]="'background:'+item.background">&nbsp;&nbsp;</i>
                <span>{{item.name}}</span>
                <div class="checked" *ngFor="let i of item.data">
                    <label [(ngModel)]="i.checked" [nzDisabled]=" i.approvalStatus=='已检查'" nz-checkbox
                        (ngModelChange)="push(i,item,$event)">{{i.company.companyName}}</label>
                </div>
            </div>
        </div>
    </div>
    <div style="border: 1px solid #E4E7EC; padding: 20px; width:400px; margin: 0 20px;position: relative;">
        <div class="spin" *ngIf="spin2">
            <nz-spin nzSimple></nz-spin>
        </div>
        <div class="title">已接任务</div>
        <div class="missed">
            <div *ngFor="let item of data.data" class="item">
                <div>
                    <i [style]="'background:'+item.background">&nbsp;&nbsp;</i>
                    <span>{{item.name}}</span>
                </div>
                <div *ngFor="let i of item.data">
                    <div class="received checked">
                        <div class="name">{{i.company.companyName}}</div>
                        <div><i nz-icon nzType="close" nzTheme="outline" style="cursor: pointer;"
                                (click)="cancel(i,item)"></i></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>