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

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-12-11 09:06:03
 * @LastEditors: sueRimn
 * @LastEditTime: 2020-12-29 10:11:11
-->
<div class="content">
    <div class="header">
        <div class="queryBox">
            <div class="queryField ordiv">
                <label style="margin-right: 10px;font-size: 15px;">消防救援站:</label>
                <nz-tree-select [nzDropdownClassName]="'maxHeightTreeSelect'" style="width: 250px" [(ngModel)]="js"
                    [nzNodes]="nodes" nzPlaceHolder="请选择" [nzExpandedIcon]="multiExpandedIconTpl" [nzExpandedKeys]="expandedKeys">
                </nz-tree-select>
                <ng-template #multiExpandedIconTpl let-node let-origin="origin">
                    <ng-container *ngIf="node.children.length == 0; else elseTemplate">

                    </ng-container>
                    <ng-template #elseTemplate>
                        <ng-container *ngIf="node.isExpanded; else elseTemplate">
                            <mat-icon>expand_more</mat-icon>
                        </ng-container>
                        <ng-template #elseTemplate>
                            <mat-icon>chevron_right</mat-icon>
                        </ng-template>

                    </ng-template>
                </ng-template>
                <mat-checkbox color="primary" style="margin-left: 26px;" [(ngModel)]="jscheck" name="jscheck">包含下级
                </mat-checkbox>
            </div>
            <div class="queryField">
                <button style="background-color: #07CDCF;" (click)="findClick()">查询</button>
                <button style="margin-left: 10px; background-color: #FF8678;" (click)="Reset()">重置</button>
            </div>
            <div class="queryField">
                <button style="background-color: #07CDCF;" (click)="newExamination()"><img style="vertical-align: bottom;" src="../../../assets/images/add.png"> 新增考题</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: 15%;">考试状态</th>
                <th style="width: 20%;">操作</th>
            </thead>
            <tbody>
                <tr *ngFor="let item of tabledataSource">
                    <td>{{item.title}}</td>
                    <td>{{item.organizationsName}}</td>
                    <td>{{item.startTime|date:'yyyy-MM-dd HH:mm'}}</td>
                    <td>{{item.endTime|date:'yyyy-MM-dd HH:mm'}}</td>
                    <!-- <td [ngClass]="{'green': item.testState == '开考中','red':item.testState == '已结束'}">{{item.testState}}</td> -->
                    <td [ngClass]="{'green': item.status == '1','red':item.status == '2'}">
                        {{item.status == "2" ? "已结束" : item.status == "0" ? "未开考" : item.status == "-1" ? '未发布' :
                        "开考中"}}</td>
                    <td>
                        <span style="color: #07CDCF;margin-right: 10px;cursor: pointer;"
                            (click)="editPaper(item)">编辑</span>
                        <span style="color: #07CDCF;cursor: pointer;" (click)="lookPaper(item)">详情</span>
                        <span *ngIf="item.status=='0'" style="color: #FF8678;margin-left: 10px;cursor: pointer;"
                            (click)="deleteExam(item.id)">删除</span>
                    </td>
                </tr>
            </tbody>

        </table>
        <mat-paginator [length]="length" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions"
            (page)="chagePage($event)">
        </mat-paginator>
    </div>

</div>