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>
                        选择
                        </th>
                        <td mat-cell *matCellDef="let row;">
                            <mat-radio-button color="primary" (change)="radioChange(row)"></mat-radio-button>
                        </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.creatorName}} </td>
                    </ng-container>

                    <!-- time Column -->
                    <ng-container matColumnDef="time">
                        <th mat-header-cell *matHeaderCellDef> 添加时间 </th>
                        <td mat-cell *matCellDef="let element"> {{element.creationTime | date:'yyyy-MM-dd'}} </td>
                    </ng-container>

                    <!-- level Column -->
                    <ng-container matColumnDef="level">
                        <th mat-header-cell *matHeaderCellDef> 编制级别 </th>
                        <td mat-cell *matCellDef="let element"> {{element.planLevel | planlevel}} </td>
                    </ng-container>

                    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
                    <tr mat-row *matRowDef="let row; columns: displayedColumns;"
                        >
                    </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="请输入自定义名称" [(ngModel)]="customPlanName">
            </div>
        </div>
    </div>
    <div class="btnbox">
        <div class="btn" (click)="confirm()">
            确定
        </div>
        <div class="btn" (click)="close()">
            取消
        </div>
    </div>
</div>