examSystem-Anxin/src/app/ui/teacherManagement/enterpriseuser.component.html

<div class="content">
  <div class="header">
    <form #form="ngForm">
      <div class="queryBox">
        <div class="queryField">
          <label style="margin-right: 10px;">用户账号:</label>
          <input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off" placeholder="请输入用户账号">
        </div>
        <div class="queryField">
          <label style="margin-right: 10px;">用户姓名:</label>
          <input type="text" [(ngModel)]="name" name="name" autocomplete="off" placeholder="请输入用户姓名">
        </div>
        <div class="queryField" style="position: relative;">
          <label style="margin-right: 10px;">消防救援站:</label>
          <nz-tree-select [nzDropdownClassName]="'maxHeightTreeSelect'" style="width: 180px" [nzNodes]="nodes"
            nzShowSearch nzPlaceHolder="请选择救援站" name="orTree" [(ngModel)]="organizationId" [nzAllowClear]="false">
          </nz-tree-select>
        </div>
        <div class="queryField">
          <button mat-raised-button (click)='getAllUsers()' style="background-color: #07CDCF;">查询</button>
          <button mat-raised-button (click)='empty()' style="margin-left: 10px; background-color: #FF8678;">重置</button>
        </div>
        <div class="queryField">
          <button mat-raised-button (click)='open()' style="background-color: #07CDCF;">新增考官</button>
        </div>
      </div>
    </form>
  </div>

  <table mat-table [dataSource]="dataSource">
    <ng-container matColumnDef="identitycard">
      <th mat-header-cell *matHeaderCellDef>用户帐号</th>
      <td mat-cell *matCellDef="let element">{{element.name}}</td>
    </ng-container>

    <ng-container matColumnDef="name">
      <th mat-header-cell *matHeaderCellDef>用户姓名</th>
      <td mat-cell *matCellDef="let element">{{element.realName}}</td>
    </ng-container>

    <ng-container matColumnDef="post">
      <th mat-header-cell *matHeaderCellDef>消防救援站</th>
      <td mat-cell *matCellDef="let element">{{element.organizationName}}</td>
    </ng-container>

    <ng-container matColumnDef="time">
      <th mat-header-cell *matHeaderCellDef>创建时间</th>
      <td mat-cell *matCellDef="let element">{{element.creationTime | date:'yyyy-MM-dd'}}</td>
    </ng-container>

    <ng-container matColumnDef="operation">
      <th mat-header-cell *matHeaderCellDef>操作</th>
      <td mat-cell *matCellDef="let element">
        <span class="operationSpan"><span class="spanbtn green" (click)="reset(element)">重置密码</span></span>
        <span class="operationSpan"><span class="spanbtn green" (click)="edit(element)">编辑</span></span>
        <span *ngIf="element.enabled" class="operationSpan"><span class="spanbtn red"
            (click)="noEnabled(element)">禁用</span></span>
        <span *ngIf="!element.enabled" class="operationSpan"><span class="spanbtn gray"
            (click)="enabled(element)">启用</span></span>
        <span class="operationSpan"><span class="spanbtn red" (click)="delete(element)">删除</span></span>
      </td>
    </ng-container>

    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  </table>
  <mat-paginator [length]="length" [pageSize]="pageSize" (page)="chagePage($event)">
  </mat-paginator>

</div>