登录逻辑调整

src/app/routes/passport/login/login.component.html

@@ -11,14 +11,14 @@
     <nz-form-item>
       <nz-form-control [nzErrorTip]="'请输入用户名!' | i18n">
         <nz-input-group nzSize="large" nzPrefixIcon="user">
-          <input nz-input formControlName="userName" placeholder="请输入用户名" />
+          <input nz-input formControlName="userName" placeholder="请输入用户名" (focus)="clearError()"/>
         </nz-input-group>
       </nz-form-control>
     </nz-form-item>
     <nz-form-item>
       <nz-form-control [nzErrorTip]="'请输入密码' | i18n">
         <nz-input-group nzSize="large" nzPrefixIcon="lock" [nzSuffix]="suffixTemplate">
-          <input nz-input [type]="passwordVisible ? 'text' : 'password'" formControlName="password" placeholder="请输入密码" />
+          <input nz-input [type]="passwordVisible ? 'text' : 'password'" formControlName="password" placeholder="请输入密码" (focus)="clearError()"/>
         </nz-input-group>
         <ng-template #suffixTemplate>
           <span nz-icon *ngIf="passwordVisible" [nzType]="'eye-invisible'" (click)="passwordVisible = !passwordVisible"></span>
@@ -32,7 +32,7 @@
           <input nz-input type="text" formControlName="mobile" placeholder="手机号" [(ngModel)]="phone" [disabled]="true"/>
         </nz-input-group>
       </nz-form-control>
-      <button nz-button nzType="primary" type="button" [disabled]="btnContent >= 1" (click)="getCaptcha();$event.preventDefault()" nzSize="large">{{btnContent == 0?'获取验证码':btnContent}}</button>
+      <button nz-button nzType="primary" style="width: 112px" type="button" [disabled]="btnContent >= 1" (click)="getCaptcha();$event.preventDefault()" nzSize="large">{{btnContent == 0?'获取验证码':btnContent}}</button>
     </nz-form-item>
     <nz-form-item>
       <nz-form-control [nzErrorTip]="'请输入验证码!' | i18n">

src/app/routes/passport/login/login.component.ts

@@ -543,4 +543,7 @@ export class UserLoginComponent implements OnDestroy, OnInit {
       console.log(res);
     });
   }
+  clearError(): void {
+    this.error = '';
+  }
 }