examSystem-Anxin/src/app/examiner/create-test-score/addPlanTwo.html

<div class="box">
    <div *ngIf="planType">
        <div class="title">
            添加预案
        </div>
        <div class="tablebox">
            <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
                <!-- Checkbox Column -->
                <ng-container matColumnDef="select">
                    <th mat-header-cell *matHeaderCellDef>
                    <!-- <mat-checkbox (change)="$event ? masterToggle() : null"
                                    [checked]="selection.hasValue() && isAllSelected()"
                                    [indeterminate]="selection.hasValue() && !isAllSelected()">
                    </mat-checkbox> -->
                    选择
                    </th>
                    <td mat-cell *matCellDef="let row">
                    <mat-checkbox color="primary" (click)="$event.stopPropagation()"
                                    (change)="$event ? selection.toggle(row) : null"
                                    [checked]="selection.isSelected(row)">
                    </mat-checkbox>
                    </td>
                </ng-container>
                
                <!-- name Column -->
                <ng-container matColumnDef="name">
                    <th mat-header-cell *matHeaderCellDef> 预案名称 </th>
                    <td mat-cell *matCellDef="let element"> {{element.name}} </td>
                </ng-container>
                
                <!-- people Column -->
                <ng-container matColumnDef="people">
                    <th mat-header-cell *matHeaderCellDef> 添加人 </th>
                    <td mat-cell *matCellDef="let element"> {{element.people}} </td>
                </ng-container>
                
                <!-- time Column -->
                <ng-container matColumnDef="time">
                    <th mat-header-cell *matHeaderCellDef> 添加时间 </th>
                    <td mat-cell *matCellDef="let element"> {{element.time}} </td>
                </ng-container>
                
                <!-- level Column -->
                <ng-container matColumnDef="level">
                    <th mat-header-cell *matHeaderCellDef> 编制级别 </th>
                    <td mat-cell *matCellDef="let element"> {{element.level}} </td>
                </ng-container>
                
                <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
                <tr mat-row *matRowDef="let row; columns: displayedColumns;"
                    (click)="selection.toggle(row)">
                </tr>
            </table>
        </div>
    </div>
    <div *ngIf="!planType">
        <div class="title">
            创建自定义预案
        </div>
        <div class="customPlanName">
            <p style="font-size: 14px;margin: 5px 0;">
                预案名称
            </p>
            <div class="input">
                <input type="text" placeholder="请输入自定义名称">
            </div>
        </div>
    </div>
    <div class="btnbox">
        <div class="btn" (click)="confirm()">
            确定
        </div>
        <div class="btn" (click)="close()">
            取消
        </div>
    </div>
</div>