<ion-header>

    <ion-navbar>
        <ion-title>测试管理</ion-title>
    </ion-navbar>

</ion-header>


<ion-content class="main" padding>
    <div class="main-main">
        <p class="main-title">{{test?.testTitle}}</p>
        <div class="main-content">
            <div class="content-card">
                <div class="flex-1">
                    <p>测试完成情况</p>
                    <p><span class="fontSize-2">{{test?.completeNumber}}/</span>{{test?.totalNumber}}</p>
                </div>
                <div class="flex-1" (click)="gotoRead()">
                    <p>待批阅数量</p>
                    <p><span class="fontSize-2">{{test?.markNumber}}/</span>{{test?.totalNumber}}</p>
                </div>
            </div>
            <div class="content-card">
                <div class="flex-1">
                    <p>优秀率</p>
                    <p class="fontSize-2">{{test?.excellentRate}}</p>
                </div>
                <div class="flex-1">
                    <p>及格率</p>
                    <p class="fontSize-2">{{test?.passRate}}</p>
                </div>
                <div class="flex-1">
                    <p>平均用时</p>
                    <p class="fontSize-2">{{test?.avgUseTime | formatTime}}</p>
                </div>
            </div>
            <div class="basic-info">
                <div class="basic-title">基本信息</div>
                <div class="basic-container">
                    <p>发布日期：<span class="color-666">{{test?.publishTime | date:'yyyy-MM-dd HH:mm:ss'}}</span></p>
                    <p>参与人员：<span class="color-666">{{test?.testObject}}</span></p>
                    <p>时间限制：<span class="color-666">{{test?.timeLimit | formatTime}}</span></p>
                    <div class="basic-question">
                        <div class="question-left">题数与分值：</div>
                        <div class="question-right color-666">
                            <ng-container *ngFor="let item of test?.configs">
                                <p>
                                    <span *ngIf="item.questionType == 1">单选题 </span>
                                    <span *ngIf="item.questionType == 2">多选题 </span>
                                    <span *ngIf="item.questionType == 3">填空题 </span>
                                    <span *ngIf="item.questionType == 4">判断题 </span>
                                    <span *ngIf="item.questionType == 5">问答题 </span>
                                    {{item.questionCount}} 每题 {{item.singleQuestionScore}}分</p>
                            </ng-container>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button class="submit-btn submit" (click)="goToRank()">排行榜</button>
</ion-content>
