examSystem-Anxin/src/app/examiner/mark-papers-two/mark-papers-two.component.html

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-12-14 17:21:02
 * @LastEditors: sueRimn
 * @LastEditTime: 2020-12-25 11:26:01
-->
<div class="content">
    <div class="header">
        <div class="queryBox">
            <div class="queryField">
                <label style="margin-right: 10px;font-size: 20px;">{{headtext}}</label>
                
            </div>
            
            
        </div>
    </div>
    <div class="centertable">
        <table >
            <thead>
                <th style="width: 15%;">考试人</th>
                <th style="width: 15%;">考核中队</th>
                <th style="width: 15%;">交卷时间</th>
                <th style="width: 15%;">是否已阅</th>
                <th style="width: 15%;">分数</th>
                <th style="width: 20%;">操作</th>
            </thead>
            <tbody>
                <tr *ngFor="let item of dataSource">
                    <td>{{item.name}}</td>
                    <td>广西总队</td>
                    <td>{{item.endTime|date:'yyyy-MM-dd HH:mm'}}</td>
                    <td [ngClass]="{'green': item.isMarked == true,'red':item.isMarked == false}">{{item.isMarked== true?"已阅卷":"未阅卷"}}</td>
                    <td>90</td>
                    <td >
                        <span style="color: #01CFD5;">阅卷</span>
                    </td>
                </tr>
            </tbody>
            
        </table>
        <mat-paginator [length]="length"
                [pageSize]="pageSize"
                [pageSizeOptions]="pageSizeOptions"
                (page)="chagePage($event)">
            </mat-paginator>
    </div>
    
</div>