添加按钮

src/app/pages/service-register-config/service-register-config.component.html

@@ -2,16 +2,14 @@
   <app-sticky-header
     [title]="title"
     [hintText]="hintText"
-    [buttonText]="'注册'"
-    [buttonIcon]="'add'"
-    [buttonColor]="'primary'"
+    [buttons]="headerButtons"
     [showDebugInfo]="true"
     [autoDetect]="true"
     [scrollContainer]="'.content-area'"
     [scrollThreshold]="20"
     [compactThreshold]="80"
     [widthTarget]="'#tabulator-table'"
-    (buttonClick)="onRegister()"
+    (buttonAction)="onHeaderButtonAction($event)"
   ></app-sticky-header>
   <!-- Tabulator 容器 -->
   <div id="tabulator-table" #matCard class="flex-1" ></div>

src/app/pages/service-register-config/service-register-config.component.ts

@@ -3,7 +3,7 @@ import { Component, AfterViewInit, inject } from '@angular/core';
 import { ConfigMetaService } from '../../services/config-meta.service';
 import { AuthService } from '../../services/auth.service';
 import { TabulatorMapper } from '../../utils/tabulator-mapper.util';
-import { ConfigService, StickyHeaderComponent } from 'base-core';
+import { ConfigService, StickyHeaderComponent, StickyHeaderButton } from 'base-core';
 import { CommonModule } from '@angular/common';
 
 // 声明全局类型
@@ -23,9 +23,13 @@ export class ServiceRegisterConfigComponent implements AfterViewInit {
   private config = inject(ConfigService);
   private authService = inject(AuthService);
   
-  title = '注册服务配置';
-  hintText = '点击"注册"按钮将同步所有配置元信息到数据库，并显示配置列表。';
-  registering = false;
+   title = '注册服务配置';
+   hintText = '点击"注册"按钮将同步所有配置元信息到数据库，并显示配置列表。';
+   headerButtons: StickyHeaderButton[] = [
+     { title: '注册', name: 'register', icon: 'add', color: 'primary' },
+     { title: '刷新', name: 'refresh', icon: 'refresh', color: 'accent' }
+   ];
+   registering = false;
 
   ngAfterViewInit(): void {
     console.log('ServiceRegisterConfigComponent ngAfterViewInit');
@@ -207,40 +211,65 @@ export class ServiceRegisterConfigComponent implements AfterViewInit {
   }
   
 
-  onRegister() {
-     console.log('注册按钮被点击');
-     this.registering = true;
-     
-     this.configMetaService.initConfigMeta().subscribe({
-       next: (result: any) => {
-         this.registering = false;
-         //this.errorMessage = null;
-         if (result.success) {
-           console.log('注册完成:', result.data);
-           
-           // 注册后切换到真实API数据
-           //this.debugInfo.useMockData = false;
-           //this.updateDataConfig();
-           
-           // 重新加载数据
-           //this.loadData(1);
-           
-           console.log('注册成功，数据已重新加载');
-         } else {
-           console.error('注册失败:', result);
-         }
-       },
+   onRegister() {
+      console.log('注册按钮被点击');
+      this.registering = true;
+      this.headerButtons[0].loading = true;
       
-     });
-   }
-  /**
-   * 刷新表格 - 重新加载数据
-   */
-  refresh(): void {
-    if (this.tabulator) {
-      this.tabulator.replaceData();
+      this.configMetaService.initConfigMeta().subscribe({
+        next: (result: any) => {
+          this.registering = false;
+          this.headerButtons[0].loading = false;
+          //this.errorMessage = null;
+          if (result.success) {
+            console.log('注册完成:', result.data);
+            
+            // 注册后切换到真实API数据
+            //this.debugInfo.useMockData = false;
+            //this.updateDataConfig();
+            
+            // 重新加载数据
+            //this.loadData(1);
+            
+            console.log('注册成功，数据已重新加载');
+          } else {
+            console.error('注册失败:', result);
+          }
+        },
+        error: (error) => {
+          this.registering = false;
+          this.headerButtons[0].loading = false;
+          console.error('注册请求失败:', error);
+        }
+      });
     }
-  }
+    
+    onHeaderButtonAction(name: string) {
+      console.log(`头部按钮点击: ${name}`);
+      switch (name) {
+        case 'register':
+          this.onRegister();
+          break;
+        case 'refresh':
+          this.refresh();
+          break;
+        default:
+          console.warn(`未知按钮操作: ${name}`);
+      }
+    }
+   /**
+    * 刷新表格 - 重新加载数据
+    */
+   refresh(): void {
+     if (this.tabulator) {
+       this.headerButtons[1].loading = true;
+       this.tabulator.replaceData();
+       // 简单延迟后清除loading状态
+       setTimeout(() => {
+         this.headerButtons[1].loading = false;
+       }, 500);
+     }
+   }
   
   /**
    * 重置筛选和排序