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

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-12-14 16:30:31
 * @LastEditors: sueRimn
 * @LastEditTime: 2020-12-25 08:59:47
-->
<div class="content">
    <div class="header">
        <div class="queryBox">
            <div class="queryField">
                <label style="margin-right: 10px;font-size: 18px;">试卷名称：</label>
                <input type="text" placeholder="请输入试卷名称"  style="font-size: 16px;" [(ngModel)]="markName"/>
            </div>
            <div class="queryField">
                <label style="margin-right: 10px;font-size: 18px;">考试日期：</label>
                <input type="date" placeholder="请输入考试日期"  style="font-size: 16px;" [(ngModel)]="markDate"/>
            </div>
            <div class="queryField">
                <button   style="background-color: #07CDCF;" >查询</button>
                <button   style="margin-left: 10px; background-color: #FF8678;" (click)="resert()">重置</button>
            </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: 20%;">操作</th>
            </thead>
            <tbody>
                <tr *ngFor="let item of dataSource">
                    <td>{{item.title}}</td>
                    <td>广西总队</td>
                    <td>{{item.startTime|date:'yyyy-MM-dd HH:mm'}}</td>
                    <td>{{item.endTime|date:'yyyy-MM-dd HH:mm'}}</td>
                    <td >
                        <span id={{item.name}} style="color: #07CDCF;cursor: pointer;" (click)="markTwo(item.title,item.id)">阅卷</span>
                    </td>
                </tr>
            </tbody>
            
        </table>
        <mat-paginator [length]="length"
                [pageSize]="pageSize"
                [pageSizeOptions]="pageSizeOptions"
                (page)="chagePage($event)">
            </mat-paginator>
    </div>
    
</div>