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.
62 lines
2.9 KiB
62 lines
2.9 KiB
<!--设置高度,添加bootstrap样式类d-flex align-items-center 使表单垂直居中,justify-content-center水平居中-->
|
|
<div [style]="height" class="d-flex align-items-center justify-content-center">
|
|
<form [formGroup]="registerForm" class="col-6">
|
|
|
|
<!-- 管理员名-->
|
|
<div class="input-group mb-3 mx-auto col-7">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">{{ 'login.manager_name' | translate }}</span>
|
|
</div>
|
|
<input type="text" class="form-control text-center" [placeholder]="('tip.input' | translate)+('login.manager_name' | translate)" formControlName="managerName">
|
|
</div>
|
|
|
|
<!-- 管理员密码-->
|
|
<div class="input-group mb-3 mx-auto col-7">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">{{ 'login.password' | translate }}</span>
|
|
</div>
|
|
<input autocomplete="password" type="password" class="form-control text-center" [placeholder]="('tip.input' | translate)+('login.password' | translate)" formControlName="password">
|
|
</div>
|
|
|
|
|
|
<!-- 管理员确认密码-->
|
|
<div class="input-group mb-3 mx-auto col-7">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">{{ 'register.confirm_pwd' | translate }}</span>
|
|
</div>
|
|
<input autocomplete="confirmPassword" type="password" class="form-control text-center" [placeholder]="('tip.input' | translate)+('register.confirm_pwd' | translate)" formControlName="confirmPassword">
|
|
</div>
|
|
|
|
<!-- 手机号-->
|
|
<div class="input-group mb-3 mx-auto col-7">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">{{ 'register.mobile' | translate }}</span>
|
|
</div>
|
|
<input type="number" class="form-control text-center" [placeholder]="('tip.input' | translate)+('register.mobie' | translate)" formControlName="mobie">
|
|
</div>
|
|
|
|
<!-- 邮箱-->
|
|
<div class="input-group mb-3 mx-auto col-7">
|
|
<div class="input-group-prepend">
|
|
<span class="input-group-text">{{ 'register.email' | translate }}</span>
|
|
</div>
|
|
<input type="text" class="form-control text-center" [placeholder]="('tip.input' | translate)+('register.email' | translate)" formControlName="email">
|
|
</div>
|
|
|
|
<div class="col-7 mx-auto text-center mb-3">
|
|
<!-- 注册按钮-->
|
|
<button type="button" (click)="register()" class="btn btn-primary btn-lg">{{ 'button.register' | translate }}</button>
|
|
<!-- 返回登陆按钮-->
|
|
<button type="button" [routerLink]="['/login']"
|
|
class="btn btn-info btn-lg ml-3">{{ 'button.backLogin' | translate }}</button>
|
|
</div>
|
|
|
|
<div *ngIf="message!==null" [class]="'alert alert-'+messageStyle+' alert-dismissible fade show'" role="alert">
|
|
<div class="text-center">{{message}}</div>
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close" (click)="clearError()" >
|
|
<span aria-hidden="true" >×</span>
|
|
</button>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|