examSystem-Anxin/src/app/ui/learning-record-details/learning-record-details.component.html

<div style="height: 100%; width: 100%;">
    <div class="topbox">
        <div class="backtop">
            <button type="button" mat-raised-button color="primary" (click)="backtop()"><mat-icon style="vertical-align: middle;font-size: 20px;">reply</mat-icon>返回</button>
        </div> 
        <div class="datasearch">
            <!-- <div class="starttime">
                <span>开始时间 :</span>
                    <input style="width: 220px; height:21px;line-height: 21px;font-size: 15px;" matInput [matDatepicker]="dp" readonly [formControl]="startdate">
                    <mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
                    <mat-datepicker #dp disabled="false"></mat-datepicker>
                
            </div>
            <div class="endtime">
                <span>结束时间 :</span>
                    <input style="width: 220px; height:21px;line-height: 21px;font-size: 15px;" matInput [matDatepicker]="dp2" readonly [formControl]="enddate">
                    <mat-datepicker-toggle matSuffix [for]="dp2"></mat-datepicker-toggle>
                    <mat-datepicker #dp2 disabled="false"></mat-datepicker>
            </div> -->
        </div>
        <div class="btnbox">
            <button type="button"  mat-raised-button color="primary" (click)="onSubmit()">查询</button>
            <button type="button"  mat-raised-button (click)="reset()">重置</button>
        </div>
    </div>
    <mat-divider></mat-divider>
    <div class="listbox" [hidden]="noRecord">
        <ul>
            <li *ngFor="let item of recordList;let key = index">
                <p class="timeTitle" *ngIf="key ==0 || item.time != recordList[key - 1].time">{{item.time}}</p>
                <span class="listitem">
                    <span style="margin-right: 5px;">{{item.time2}}</span>
                    {{item.operation}} : {{item.target | name3}}
                </span>
                
            </li>
        </ul>
        <mat-paginator 
            
            [length]="length"
            [pageSize]="pageSize"
            (page)="chagePage($event)">
        </mat-paginator>
    </div>
    <div class="nofiles" *ngIf="noRecord">
        <span style="font-size: 14px;cursor: default;">该时间段未查询到学习记录～</span>
    </div>
</div>