生产管理系统 - 提交审核开发

crop-x/src/app/(app)/central-config/tenant/enterprise-info/components/EnterpriseInfoHeader.tsx

@@ -6,6 +6,7 @@ import { Edit, Save, X } from 'lucide-react';
 
 interface EnterpriseInfoHeaderProps {
   isEditing: boolean;
+  loading?: boolean;
   onEdit: () => void;
   onCancel: () => void;
   onSave: () => void;
@@ -13,6 +14,7 @@ interface EnterpriseInfoHeaderProps {
 
 export function EnterpriseInfoHeader({
   isEditing,
+  loading = false,
   onEdit,
   onCancel,
   onSave
@@ -30,13 +32,13 @@ export function EnterpriseInfoHeader({
         </Button>
       ) : (
         <div className="flex gap-2">
-          <Button variant="outline" onClick={onCancel}>
+          <Button variant="outline" onClick={onCancel} disabled={loading}>
             <X className="w-4 h-4 mr-2" />
             取消
           </Button>
-          <Button onClick={onSave}>
+          <Button onClick={onSave} disabled={loading}>
             <Save className="w-4 h-4 mr-2" />
-            提交审核
+            {loading ? '保存中...' : '提交审核'}
           </Button>
         </div>
       )}