43 changed files with 449 additions and 538 deletions
@ -0,0 +1 @@
|
||||
<p>examiner-index works!</p> |
||||
@ -1,20 +1,20 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||
|
||||
import { LoginComponent } from './login.component'; |
||||
import { ExaminerIndexComponent } from './examiner-index.component'; |
||||
|
||||
describe('LoginComponent', () => { |
||||
let component: LoginComponent; |
||||
let fixture: ComponentFixture<LoginComponent>; |
||||
describe('ExaminerIndexComponent', () => { |
||||
let component: ExaminerIndexComponent; |
||||
let fixture: ComponentFixture<ExaminerIndexComponent>; |
||||
|
||||
beforeEach(async(() => { |
||||
TestBed.configureTestingModule({ |
||||
declarations: [ LoginComponent ] |
||||
declarations: [ ExaminerIndexComponent ] |
||||
}) |
||||
.compileComponents(); |
||||
})); |
||||
|
||||
beforeEach(() => { |
||||
fixture = TestBed.createComponent(LoginComponent); |
||||
fixture = TestBed.createComponent(ExaminerIndexComponent); |
||||
component = fixture.componentInstance; |
||||
fixture.detectChanges(); |
||||
}); |
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
|
||||
@Component({ |
||||
selector: 'app-examiner-index', |
||||
templateUrl: './examiner-index.component.html', |
||||
styleUrls: ['./examiner-index.component.scss'] |
||||
}) |
||||
export class ExaminerIndexComponent implements OnInit { |
||||
|
||||
constructor() { } |
||||
|
||||
ngOnInit(): void { |
||||
} |
||||
|
||||
} |
||||
@ -1,33 +1,31 @@
|
||||
<div class="content"> |
||||
<div class="login"> |
||||
<div class="loginBox"> |
||||
<h1 class="header">灭火救援指挥培训系统 (管理员)</h1> |
||||
|
||||
<div class="center"> |
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
<div> |
||||
<div class="card"> |
||||
|
||||
<span class="cardheader">考核系统管理员登录页面</span> |
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
|
||||
<div class="input"> |
||||
<mat-icon class="icon">account_box</mat-icon> |
||||
<input id="name" name="name" required ngModel placeholder="请输入用户名" maxlength="18"> |
||||
<input id="name" name="name" required ngModel placeholder="请输入用户名" maxlength="20"> |
||||
</div> |
||||
|
||||
<div class="input"> |
||||
<mat-icon class="icon2">lock</mat-icon> |
||||
<input id="password" name="password" type='password' required ngModel placeholder="请输入登录密码" maxlength="18"> |
||||
<input id="password" name="password" type='password' required ngModel placeholder="请输入登录密码" maxlength="20"> |
||||
</div> |
||||
|
||||
<div class="forget"><label (click)='forget()'>忘记密码?</label></div> |
||||
<div *ngIf="errmsg" class="alert-danger">{{errmsg}}</div> |
||||
<button type="submit" [disabled]="!form.form.valid" class="loginBtn" mat-raised-button>登录</button> |
||||
<label class="toAdmin" (click)='toAdminLogin()'>返回</label> |
||||
|
||||
<div class="forget"> |
||||
<label (click)='forget()'>忘记密码?</label> |
||||
</div> |
||||
|
||||
<div *ngIf="errmsg" class="alert-danger"> |
||||
{{errmsg}} |
||||
</div> |
||||
|
||||
<button type="submit" [disabled]="!form.form.valid" class="loginBtn" mat-raised-button color="primary">登录</button> |
||||
</form> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
<p class="toLogin" title="教员学员登录" (click)='toAdminLogin()'><mat-icon>arrow_drop_down_circle</mat-icon></p> |
||||
<p class="footer">Copyright <mat-icon style="vertical-align: top; font-size: 20px;">copyright</mat-icon> 2019 北京安信科创软件有限公司出品</p> |
||||
</div> |
||||
@ -1,30 +1,34 @@
|
||||
<mat-toolbar style="background-color: #3b8cff;"> |
||||
<!-- |
||||
* @Descripttion: |
||||
* @version: |
||||
* @Author: sueRimn |
||||
* @Date: 2020-12-10 10:21:40 |
||||
* @LastEditors: sueRimn |
||||
* @LastEditTime: 2020-12-11 10:01:47 |
||||
--> |
||||
<mat-toolbar style="background-color:#FFFFFF;height: 60px;"> |
||||
|
||||
<!-- <mat-toolbar> --> |
||||
<p style="color: white;border-bottom: 3px solid #fff;border-radius: 3px; font-size: 16px;padding: 0 4px;">考核系统</p> |
||||
<p>欢迎登录消防救援考核系统</p> |
||||
|
||||
<!-- 未登录状态 --> |
||||
<!-- <button mat-icon-button class="login" *ngIf="!isLogin.isLogin" (click)='login()'> |
||||
<mat-icon>account_circle</mat-icon> |
||||
</button> --> |
||||
|
||||
<span style="position: absolute;right:100px;color: white;font-size: 16px;">欢迎您，{{realName}}</span> |
||||
|
||||
<!-- 已登录状态 --> |
||||
<button mat-icon-button [matMenuTriggerFor]="appMenu" class="login"> |
||||
<button mat-icon-button class="login"> |
||||
<mat-icon>account_circle</mat-icon> |
||||
</button> |
||||
<span style="position: absolute;right:80px;color: #1E2323;font-size: 16px;">用户名：{{realName}}<mat-icon [matMenuTriggerFor]="appMenu" style="color: #1E2323;position: relative;top: 8px;cursor: pointer;">keyboard_arrow_down</mat-icon></span> |
||||
<mat-menu #appMenu="matMenu"> |
||||
<!-- <button mat-menu-item (click)='changeUserData()'> |
||||
<mat-icon>perm_identity</mat-icon> |
||||
<span>修改资料</span> |
||||
</button> --> |
||||
<button mat-menu-item (click)='changPassword()'> |
||||
<mat-icon>verified_user</mat-icon> |
||||
<span>修改密码</span> |
||||
<button mat-menu-item > |
||||
<img style="width: 16px;height: 18px;position: relative;top: 2px;" src="../../assets/images/uppsd.png"> |
||||
<span style="margin-left: 5px;">修改密码</span> |
||||
</button> |
||||
<button mat-menu-item (click)='signOut()'> |
||||
<mat-icon>power_settings_new</mat-icon> |
||||
<span>退出系统</span> |
||||
<img style="width: 16px;height: 18px;position: relative;top: 2px;" src="../../assets/images/sign.png"> |
||||
<span style="margin-left: 5px;">安全退出</span> |
||||
</button> |
||||
</mat-menu> |
||||
|
||||
|
||||
@ -1,68 +1,77 @@
|
||||
<div class="header"> |
||||
<form #form="ngForm"> |
||||
<div class="queryBox"> |
||||
|
||||
<div class="queryField"style="margin-right: 90px;"> |
||||
<button type="button" mat-raised-button color="primary" (click)='open()'>创建用户</button> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">姓名:</label> |
||||
<input type="text" [(ngModel)]="name" name="name" autocomplete="off"> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">身份证号:</label> |
||||
<input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off"> |
||||
</div> |
||||
<div class="btnbox" style="margin-left: 90px;"> |
||||
<button mat-raised-button color="primary" (click)='initData()'>查询</button> |
||||
<button mat-raised-button style="margin-left: 10px;" type="button" (click)='empty()'>重置</button> |
||||
<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)]="name" name="name" autocomplete="off" placeholder="请输入用户姓名"> |
||||
</div> |
||||
<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)]="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> |
||||
</div> |
||||
|
||||
</form> |
||||
</div> |
||||
|
||||
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> |
||||
</form> |
||||
</div> |
||||
|
||||
<table mat-table [dataSource]="dataSource"> |
||||
|
||||
<ng-container matColumnDef="name"> |
||||
<th mat-header-cell *matHeaderCellDef>姓名</th> |
||||
<th mat-header-cell *matHeaderCellDef>用户姓名</th> |
||||
<td mat-cell *matCellDef="let element">{{element.realName}}</td> |
||||
</ng-container> |
||||
|
||||
|
||||
<ng-container matColumnDef="identitycard"> |
||||
<th mat-header-cell *matHeaderCellDef>身份证号</th> |
||||
<td mat-cell *matCellDef="let element">{{element.name}}</td> |
||||
</ng-container> |
||||
|
||||
|
||||
<ng-container matColumnDef="post"> |
||||
<th mat-header-cell *matHeaderCellDef>职务</th> |
||||
<td mat-cell *matCellDef="let element"> |
||||
<span *ngFor="let item of element.posts"> |
||||
{{item.name}} |
||||
</span> |
||||
</td> |
||||
<th mat-header-cell *matHeaderCellDef>消防救援站</th> |
||||
<td mat-cell *matCellDef="let element">上海总队</td> |
||||
</ng-container> |
||||
|
||||
<ng-container matColumnDef="tel"> |
||||
<th mat-header-cell *matHeaderCellDef>手机号</th> |
||||
<td mat-cell *matCellDef="let element">13562321997</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"><mat-icon class="icon">assessment</mat-icon><span class="spanbtn blue" (click)="openRecord(element)">查看学习记录</span></span> |
||||
<span class="operationSpan"><mat-icon class="icon">cached</mat-icon><span class="spanbtn blue" (click)="reset(element)">重置密码</span></span> |
||||
<span class="operationSpan"><mat-icon class="icon">edit</mat-icon><span class="spanbtn blue" (click)="edit(element)">修改</span></span> |
||||
<span *ngIf="element.enabled" class="operationSpan"><mat-icon class="icon" style="color: rgb(245, 34, 45);">remove_circle</mat-icon><span class="spanbtn blue" (click)="noEnabled(element)">禁用</span></span> |
||||
<span *ngIf="!element.enabled" class="operationSpan"><mat-icon class="icon" style="color: gray;">remove_circle</mat-icon><span class="spanbtn gray" (click)="enabled(element)">禁用</span></span> |
||||
<span class="operationSpan"><mat-icon class="icon">delete</mat-icon><span class="spanbtn red" (click)="delete(element)">删除</span></span> |
||||
<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> |
||||
</table> |
||||
<mat-paginator [length]="length" |
||||
[pageSize]="pageSize" |
||||
[pageSizeOptions]="pageSizeOptions" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
|
||||
</div> |
||||
|
||||
@ -1,29 +0,0 @@
|
||||
<div> |
||||
<div class="header"><img src="../../../assets/images/login.gif"></div> |
||||
|
||||
<div class="content"> |
||||
<form (ngSubmit)="onSubmit(form.value)" #form="ngForm" class="example-container"> |
||||
|
||||
<div class="input"> |
||||
<mat-icon class="icon">account_box</mat-icon> |
||||
<mat-form-field> |
||||
<input matInput id="name" name="name" required ngModel placeholder="请输入账号"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div class="input"> |
||||
<mat-icon class="icon2">lock</mat-icon> |
||||
<mat-form-field> |
||||
<input matInput id="password" name="password" type='password' required ngModel placeholder="请输入密码"> |
||||
</mat-form-field> |
||||
</div> |
||||
|
||||
<div *ngIf="errmsg" class="alert-danger"> |
||||
{{errmsg}} |
||||
</div> |
||||
|
||||
<button type="submit" [disabled]="!form.form.valid" class="loginBtn" mat-raised-button color="primary">登录</button> |
||||
</form> |
||||
</div> |
||||
|
||||
</div> |
||||
@ -1,45 +0,0 @@
|
||||
.header { |
||||
margin: 0 auto; |
||||
width: 50px; |
||||
height: 50px; |
||||
border-radius: 50%; |
||||
img { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
|
||||
.content { |
||||
margin: 20px 0; |
||||
text-align: center; |
||||
.alert-danger { |
||||
text-align: left; |
||||
font-size: 14px; |
||||
color: red; |
||||
} |
||||
.loginBtn { |
||||
width: 90%; |
||||
border-radius: 5px; |
||||
margin-top: 10px; |
||||
} |
||||
} |
||||
.input { |
||||
margin-left: 22px; |
||||
position: relative; |
||||
} |
||||
.icon { |
||||
width: 24px; |
||||
color: #666; |
||||
font-size: 24px; |
||||
position: absolute; |
||||
top: 17px; |
||||
left: -24px; |
||||
} |
||||
.icon2 { |
||||
width: 24px; |
||||
color: #666; |
||||
font-size: 24px; |
||||
position: absolute; |
||||
top: 17px; |
||||
left: -24px; |
||||
} |
||||
@ -1,42 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core'; |
||||
import { HttpClient } from '@angular/common/http'; |
||||
import { IsLoginService } from '../../is-login.service' |
||||
import { CacheTokenService } from '../../http-interceptors/cache-token.service' |
||||
import { MatDialogRef } from '@angular/material/dialog'; |
||||
import { MatSnackBarConfig, MatSnackBar } from '@angular/material/snack-bar'; |
||||
|
||||
@Component({ |
||||
selector: 'app-login', |
||||
templateUrl: './login.component.html', |
||||
styleUrls: ['./login.component.scss'] |
||||
}) |
||||
export class LoginComponent implements OnInit { |
||||
|
||||
constructor(private http:HttpClient,private isLogin:IsLoginService,private token:CacheTokenService,public dialogRef: MatDialogRef<any>,public snackBar: MatSnackBar) { } |
||||
|
||||
ngOnInit(): void { |
||||
|
||||
} |
||||
|
||||
errmsg:any; //err信息
|
||||
|
||||
//登录
|
||||
onSubmit (e) { |
||||
let loginMsg = { |
||||
name: e.name, |
||||
password: e.password |
||||
} |
||||
this.http.post('/api/Account/SignIn',loginMsg).subscribe((data:any)=>{ |
||||
sessionStorage.setItem("token",data.token); |
||||
sessionStorage.setItem("refreshToken",data.refreshToken); |
||||
this.token.startUp(); //登陆成功启动定时器刷新token
|
||||
const config = new MatSnackBarConfig(); |
||||
config.verticalPosition = 'top'; |
||||
config.duration = 3000 |
||||
this.snackBar.open('登陆成功','确定',config); |
||||
this.dialogRef.close(data); |
||||
},(err) => {this.errmsg = err}) |
||||
|
||||
} |
||||
|
||||
} |
||||
@ -1,68 +1,72 @@
|
||||
<div class="header"> |
||||
<form #form="ngForm"> |
||||
<div class="queryBox"> |
||||
|
||||
<div class="queryField"style="margin-right: 90px;"> |
||||
<button type="button" mat-raised-button color="primary" (click)='open()'>创建教员</button> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">姓名:</label> |
||||
<input type="text" [(ngModel)]="name" name="name" autocomplete="off"> |
||||
</div> |
||||
|
||||
<div class="queryField"> |
||||
<label style="margin-right: 10px;">帐号:</label> |
||||
<input type="text" [(ngModel)]="identityCard" name="identityCard" autocomplete="off"> |
||||
</div> |
||||
<div class="btnbox" style="margin-left: 90px;"> |
||||
<button mat-raised-button color="primary" (click)='initData()'>查询</button> |
||||
<button mat-raised-button style="margin-left: 10px;" type="button" (click)='empty()'>重置</button> |
||||
<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> |
||||
</div> |
||||
|
||||
</form> |
||||
</div> |
||||
|
||||
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> |
||||
|
||||
<ng-container matColumnDef="name"> |
||||
<th mat-header-cell *matHeaderCellDef>姓名</th> |
||||
<td mat-cell *matCellDef="let element">{{element.realName}}</td> |
||||
</ng-container> |
||||
|
||||
</form> |
||||
</div> |
||||
|
||||
<table mat-table [dataSource]="dataSource"> |
||||
|
||||
<ng-container matColumnDef="identitycard"> |
||||
<th mat-header-cell *matHeaderCellDef>帐号</th> |
||||
<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"> |
||||
<span *ngFor="let item of element.posts"> |
||||
{{item.name}} |
||||
</span> |
||||
</td> |
||||
<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"><mat-icon class="icon">assessment</mat-icon><span class="spanbtn blue">查看学习记录</span></span> --> |
||||
<span class="operationSpan"><mat-icon class="icon">cached</mat-icon><span class="spanbtn blue" (click)="reset(element)">重置密码</span></span> |
||||
<span class="operationSpan"><mat-icon class="icon">edit</mat-icon><span class="spanbtn blue" (click)="edit(element)">修改</span></span> |
||||
<span *ngIf="element.enabled" class="operationSpan"><mat-icon class="icon" style="color: rgb(245, 34, 45);">remove_circle</mat-icon><span class="spanbtn blue" (click)="noEnabled(element)">禁用</span></span> |
||||
<span *ngIf="!element.enabled" class="operationSpan"><mat-icon class="icon" style="color: gray;">remove_circle</mat-icon><span class="spanbtn gray" (click)="enabled(element)">禁用</span></span> |
||||
<span class="operationSpan"><mat-icon class="icon">delete</mat-icon><span class="spanbtn red" (click)="delete(element)">删除</span></span> |
||||
<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> |
||||
</table> |
||||
<mat-paginator [length]="length" |
||||
[pageSize]="pageSize" |
||||
[pageSizeOptions]="pageSizeOptions" |
||||
(page)="chagePage($event)"> |
||||
</mat-paginator> |
||||
|
||||
</div> |
||||
|
||||
|
After Width: | Height: | Size: 409 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 357 B |
|
Before Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 447 KiB |
|
Before Width: | Height: | Size: 120 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 418 B |
|
After Width: | Height: | Size: 633 B |
|
After Width: | Height: | Size: 400 B |
Loading…
Reference in new issue