新增数据，编辑数据初步完善

app/components/rules/new/ReviewSettings.tsx

@@ -23,6 +23,17 @@ interface Condition {
 
 interface ReviewSettingsProps {
   onChange?: (data: Record<string, unknown>) => void;
+  initialData?: {
+    rules?: RuleType[];
+    combinationLogic?: string;
+    customLogic?: string;
+    pass_message?: string;
+    fail_message?: string;
+    suggestion_message?: string;
+    suggestion_message_type?: string;
+    post_action?: string;
+    action_config?: string;
+  };
 }
 
 // 创建全局上下文以便在不同组件间共享数据
@@ -37,7 +48,7 @@ export const RuleContext = createContext<RuleContextType>({
   updateFields: () => {}
 });
 
-export function ReviewSettings({ onChange }: ReviewSettingsProps) {
+export function ReviewSettings({ onChange, initialData }: ReviewSettingsProps) {
   const [rules, setRules] = useState<RuleType[]>([
     { id: '1', type: '', config: {} }
   ]);
@@ -62,20 +73,77 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
   // 保存最近一次可用的字段列表
   const [availableFields, setAvailableFields] = useState<string[]>(extractionFields || []);
 
+  // 加载初始数据
+  useEffect(() => {
+    if (initialData) {
+      // 设置规则
+      if (initialData.rules && initialData.rules.length > 0) {
+        setRules(initialData.rules);
+      }
+      
+      // 设置组合逻辑
+      if (initialData.combinationLogic) {
+        setCombinationLogic(initialData.combinationLogic);
+        if (initialData.combinationLogic === 'custom') {
+          setShowCustomLogic(true);
+        }
+      }
+      
+      // 设置自定义逻辑
+      if (initialData.customLogic) {
+        setCustomLogic(initialData.customLogic);
+      }
+      
+      // 设置通过/不通过消息
+      if (initialData.pass_message) {
+        setPassMessage(initialData.pass_message);
+      }
+      
+      if (initialData.fail_message) {
+        setFailMessage(initialData.fail_message);
+      }
+      
+      // 设置建议消息
+      if (initialData.suggestion_message) {
+        setSuggestMessage(initialData.suggestion_message);
+      }
+      
+      if (initialData.suggestion_message_type) {
+        setSuggestionMessageType(initialData.suggestion_message_type);
+      }
+      
+      // 设置后处理动作
+      if (initialData.post_action) {
+        setPostAction(initialData.post_action);
+      }
+      
+      if (initialData.action_config) {
+        setActionConfig(initialData.action_config);
+      }
+    }
+  }, [initialData]);
+
+  // 监听extractionFields的变化
+  useEffect(() => {
+    if (extractionFields && extractionFields.length > 0) {
+      const newFields = [...extractionFields];
+      // 只在字段列表实际发生变化时更新
+      if (JSON.stringify(newFields) !== JSON.stringify(availableFields)) {
+        setAvailableFields(newFields);
+      }
+    }
+  }, [extractionFields]);
+
   // 监听抽取设置中的字段变化
   useEffect(() => {
     // 当Context中的字段发生变化时，更新可用字段但保留已有配置
     if (extractionFields.length > 0) {
-      console.log('extractionFields updated in ReviewSettings:', extractionFields);
       // 检查是否有字段被删除
       const deletedFields = availableFields.filter(field => !extractionFields.includes(field));
       
       // 处理新增的字段
       const newFields = extractionFields.filter((field: string) => !availableFields.includes(field));
       
-      console.log('New fields:', newFields);
-      console.log('Deleted fields:', deletedFields);
-      
       if (newFields.length > 0 || deletedFields.length > 0) {
         // 设置最新的可用字段列表
         setAvailableFields(extractionFields);
@@ -94,28 +162,27 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
     const handleExtractionChange = (event: Event) => {
       if (event instanceof CustomEvent && event.detail && Array.isArray(event.detail.fields)) {
         const incomingFields = event.detail.fields;
-        console.log('Received extraction fields update:', incomingFields);
         
-        // 检查是否有字段被删除
-        const deletedFields = availableFields.filter(field => !incomingFields.includes(field));
-        
-        // 识别新增的字段
-        const newFields = incomingFields.filter((field: string) => !availableFields.includes(field));
-        
-        console.log('Deleted fields:', deletedFields);
-        console.log('New fields:', newFields);
-        
-        if (newFields.length > 0 || deletedFields.length > 0) {
-          // 设置最新的可用字段列表
-          setAvailableFields(incomingFields);
+        // 检查是否有实际变化
+        if (JSON.stringify(incomingFields) !== JSON.stringify(availableFields)) {
+          // 检查是否有字段被删除
+          const deletedFields = availableFields.filter(field => !incomingFields.includes(field));
           
-          // 处理规则中已删除的字段
-          if (deletedFields.length > 0) {
-            handleDeletedFields(deletedFields);
+          // 识别新增的字段
+          const newFields = incomingFields.filter((field: string) => !availableFields.includes(field));
+          
+          if (newFields.length > 0 || deletedFields.length > 0) {
+            // 设置最新的可用字段列表
+            setAvailableFields(incomingFields);
+            
+            // 处理规则中已删除的字段
+            if (deletedFields.length > 0) {
+              handleDeletedFields(deletedFields);
+            }
+            
+            // 使用最新的字段列表更新规则配置
+            updateRulesWithNewFields(incomingFields);
           }
-          
-          // 使用最新的字段列表更新规则配置
-          updateRulesWithNewFields(incomingFields);
         }
       }
     };
@@ -127,7 +194,7 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
     return () => {
       document.removeEventListener('extraction-fields-updated', handleExtractionChange);
     };
-  }, [extractionFields]);
+  }, [extractionFields, availableFields]);
 
   // 检查并更新字段（仍然保留此函数供需要时手动触发）
   // eslint-disable-next-line @typescript-eslint/no-unused-vars