mat-回车下一个字段

web/src/app/app.component.html

     <div class="h-full overflow-hidden bg-white border-r border-gray-200 flex-shrink-0" [style.width.px]="sidebarWidth">
       <div class="p-4 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-indigo-50">
         <h2 class="text-lg font-semibold text-gray-800 flex items-center">
-          <mat-icon class="mr-2 text-blue-600">menu</mat-icon>
-          V-AGI
+          <mat-icon class="mr-2 text-blue-600">home</mat-icon>
+          ERP-AGI
         </h2>
       </div>
       <div class="h-[calc(100%-80px)] overflow-auto">

web/src/app/directives/enter-navigation.directive.ts

   standalone: true
 })
 export class EnterNavigationDirective {
+  private isComposing = false;
+
   constructor(private elementRef: ElementRef<HTMLElement>) {}
 
   @HostListener('keydown.enter', ['$event'])
   onEnter(event: KeyboardEvent): void {
+    // 跳过IME组合输入状态下的回车（让IME完成输入确认）
+    if (event.isComposing || this.isComposing) {
+      return;
+    }
+
     // 阻止默认的提交行为，保持现有表单提交逻辑
     event.preventDefault();
 
     }
   }
 
+  @HostListener('focus')
+  onFocus(): void {
+    const element = this.elementRef.nativeElement;
+    
+    // 只处理input元素（排除textarea、select等）
+    if (element.tagName !== 'INPUT') return;
+    
+    const inputElement = element as HTMLInputElement;
+    
+    // 排除只读字段和禁用字段
+    if (inputElement.readOnly || inputElement.disabled) return;
+    
+    // 使用setTimeout确保在Angular变更检测后执行
+    setTimeout(() => inputElement.select(), 0);
+  }
+
+  @HostListener('compositionstart')
+  onCompositionStart(): void {
+    this.isComposing = true;
+  }
+
+  @HostListener('compositionend')
+  onCompositionEnd(): void {
+    this.isComposing = false;
+  }
+
   private isTextArea(): boolean {
     return this.elementRef.nativeElement.tagName === 'TEXTAREA';
   }

web/src/app/pages/login/login.component.html

                 <div class="logo-icon">
                     <mat-icon class="icon">settings</mat-icon>
                 </div>
-                <mat-card-title class="title">配置管理</mat-card-title>
+                <mat-card-title class="title">ERP-AGI配置管理</mat-card-title>
             </div>
            
         </mat-card-header>
                 <mat-form-field appearance="outline" class="full-width">
                    <mat-icon matPrefix>person</mat-icon>
                     <mat-label>用户名</mat-label>
-                    <input matInput formControlName="username"   autofocus>
+                    <input matInput formControlName="username"  autocomplete="username" autofocus>
+      
                 </mat-form-field>
 
                 <mat-form-field appearance="outline" class="full-width">
                     <mat-label>密码</mat-label>
-                    <input matInput [type]="hidePassword ? 'password' : 'text'" formControlName="password" placeholder="请输入密码" >
+                    <input matInput [type]="hidePassword ? 'password' : 'text'" formControlName="password" placeholder="请输入密码" autocomplete="current-password">
                     <mat-icon matPrefix>lock</mat-icon>
                     <button type="button" mat-icon-button matSuffix (click)="hidePassword = !hidePassword" [attr.aria-label]="'隐藏密码'" [attr.aria-pressed]="hidePassword">
                         <mat-icon>{{hidePassword ? 'visibility_off' : 'visibility'}}</mat-icon>
                     </button>
-  
+      
                 </mat-form-field>
 
                 @if (errorMessage) {