You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
3.2 KiB
72 lines
3.2 KiB
<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"> |
|
<label style="margin-right: 10px;">消防救援站:</label> |
|
<input type="text" [(ngModel)]="fireTeam" name="fireTeam" autocomplete="off" placeholder="请选择消防救援站"> |
|
</div> |
|
<div class="queryField"> |
|
<button mat-raised-button (click)='initData()' 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">上海总队</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" |
|
[pageSizeOptions]="pageSizeOptions" |
|
(page)="chagePage($event)"> |
|
</mat-paginator> |
|
|
|
</div>
|
|
|