加入审查详情页面转换

2025-04-11 15:29:18 +08:00
parent 71c70696a7
commit 26fa33dbfd
11 changed files with 2725 additions and 42 deletions
@@ -0,0 +1,48 @@
+/**
+ * 评查选项卡组件
+ * 提供三个选项卡：评查结果、AI智能分析、文件信息
+ */
+import { ReactNode } from 'react';
+
+interface ReviewTabsProps {
+  activeTab: string;
+  onTabChange: (tabKey: string) => void;
+  children: ReactNode;
+}
+
+export function ReviewTabs({ activeTab, onTabChange, children }: ReviewTabsProps) {
+  return (
+    <div className="tab-container">
+      <div className="tab-nav">
+        <button 
+          className={`tab-nav-item ${activeTab === 'preview' ? 'active' : ''}`}
+          onClick={() => onTabChange('preview')}
+          type="button"
+          aria-pressed={activeTab === 'preview'}
+        >
+          <i className="ri-file-text-line"></i> 评查结果
+        </button>
+        <button 
+          className={`tab-nav-item ${activeTab === 'analysis' ? 'active' : ''}`}
+          onClick={() => onTabChange('analysis')}
+          type="button"
+          aria-pressed={activeTab === 'analysis'}
+        >
+          <i className="ri-lightbulb-line"></i> AI智能分析
+        </button>
+        <button 
+          className={`tab-nav-item ${activeTab === 'fileinfo' ? 'active' : ''}`}
+          onClick={() => onTabChange('fileinfo')}
+          type="button"
+          aria-pressed={activeTab === 'fileinfo'}
+        >
+          <i className="ri-information-line"></i> 文件信息
+        </button>
+      </div>
+      
+      <div className="tab-content">
+        {children}
+      </div>
+    </div>
+  );
+}