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.
63 lines
2.3 KiB
63 lines
2.3 KiB
<div class="login" id="login"> |
|
<div class="card"> |
|
<h1 class="cardheader">欢迎登陆</h1> |
|
<h1 class="cardheader">中化石油智能安全管理系统</h1> |
|
|
|
<form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()"> |
|
<nz-form-item> |
|
<nz-form-control nzErrorTip="请输入账号!"> |
|
<nz-input-group nzPrefixIcon="user"> |
|
<input required nz-input type="text" formControlName="userName" placeholder="请输入账号" nzSize="large" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<nz-form-item> |
|
<nz-form-control nzErrorTip="请输入密码!"> |
|
<nz-input-group nzPrefixIcon="lock"> |
|
<input required nz-input type="password" formControlName="password" placeholder="请输入密码" |
|
[nzSize]="'small'" /> |
|
</nz-input-group> |
|
</nz-form-control> |
|
</nz-form-item> |
|
|
|
<div class="hint"> |
|
<nz-form-item style="margin-bottom: 0;"> |
|
<nz-form-control> |
|
<label nz-checkbox formControlName="remember" [(ngModel)]="remember">记住密码</label> |
|
</nz-form-control> |
|
</nz-form-item> |
|
<span class="forget" (click)="forget()">忘记密码?</span> |
|
</div> |
|
<nz-form-item style="margin-bottom: 0;"> |
|
<nz-form-control> |
|
<label class="autologin" formControlName="autologin" nz-checkbox [(ngModel)]="autologin">自动登陆</label> |
|
</nz-form-control> |
|
</nz-form-item> |
|
|
|
<button [nzLoading]="isLoading" nz-button class="login-form-button login-form-margin" |
|
[nzType]="'primary'">登录</button> |
|
</form> |
|
<!-- <p class="role"> |
|
<a nz-dropdown [nzDropdownMenu]="menu" [nzVisible]="true"> |
|
{{selectedRole ? selectedRole : '请选择登录角色'}} |
|
<i nz-icon nzType="down"></i> |
|
</a> |
|
<nz-dropdown-menu #menu="nzDropdownMenu"> |
|
<ul nz-menu nzSelectable> |
|
<li nz-menu-item (click)="selecteRole(item)" *ngFor="let item of roleList">{{item}}</li> |
|
</ul> |
|
</nz-dropdown-menu> |
|
</p> --> |
|
<p class="company">中化石油销售有限公司 版权所有</p> |
|
</div> |
|
|
|
|
|
<div class="name"> |
|
<img src="../../../assets/images/logo2.png" alt=""> |
|
<!-- <h1>中化石油</h1> |
|
<h1>智能安全管理系统</h1> --> |
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|