+
+
+
+ {statistics.total}
+
+
总计
+
+
+
+
+ 通过
+
+
+
+
+ 警告
+
+
+
+
+ 错误
+
+
+
+
{reviewPoint.humanReviewNote}
+ {reviewPoint.humanReviewBy && reviewPoint.humanReviewTime && (
+
+ 审核人：{reviewPoint.humanReviewBy} | 时间：{reviewPoint.humanReviewTime}
+
+ )}
+
+
+
+ 当前值
+
+ {reviewPoint.status === 'error' ? '不符合规范' : '需优化'}
+
+
+
{reviewPoint.content || '（内容为空）'}
+
+ {reviewPoint.suggestion && (
+
+
+ 建议修改为
+
+ 符合规范
+
+
+
+
+
+
+
+
+
+ );
+ };
+
+ // 渲染无匹配结果提示
+ const renderEmptyState = () => {
+ return (
+
+
+
没有找到匹配的评查点
+
请尝试不同的搜索词或清除筛选条件
+ {(searchText || statusFilter) && (
+
+ )}
+
+ );
+ };
+
+ return (
+
+
+
+ 评查结果
+
+
+ {/* 评查统计 */}
+ {renderStatistics()}
+
+ {/* 搜索框 */}
+ {renderSearchBar()}
+
+ {/* 评查点列表 */}
+
+ {filteredReviewPoints.length > 0 ? (
+ filteredReviewPoints.map(reviewPoint => (
+
+ ))
+ ) : (
+ renderEmptyState()
+ )}
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/components/reviews/ReviewTabs.tsx b/app/components/reviews/ReviewTabs.tsx
new file mode 100644
index 0000000..08221e4
--- /dev/null
+++ b/app/components/reviews/ReviewTabs.tsx
@@ -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 (
+
+
+
+
+
+
+
+
+ {children}
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/components/reviews/index.ts b/app/components/reviews/index.ts
new file mode 100644
index 0000000..d6d23c8
--- /dev/null
+++ b/app/components/reviews/index.ts
@@ -0,0 +1,10 @@
+/**
+ * 评查详情组件导出文件
+ */
+
+export { FileInfo } from './FileInfo';
+export { ReviewTabs } from './ReviewTabs';
+export { FilePreview } from './FilePreview';
+export { ReviewPointsList } from './ReviewPointsList';
+export { AIAnalysis } from './AIAnalysis';
+export { FileDetails } from './FileDetails';
\ No newline at end of file
diff --git a/app/components/rules/new/ActionButtons.tsx b/app/components/rules/new/ActionButtons.tsx
new file mode 100644
index 0000000..f680f8c
--- /dev/null
+++ b/app/components/rules/new/ActionButtons.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface ActionButtonsProps {
+ onSave?: () => void;
+ onSaveDraft?: () => void;
+ isEditMode?: boolean;
+}
+
+export function ActionButtons({ onSave, onSaveDraft, isEditMode }: ActionButtonsProps) {
+ return (
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/components/rules/new/BasicInfo.tsx b/app/components/rules/new/BasicInfo.tsx
new file mode 100644
index 0000000..7fbba38
--- /dev/null
+++ b/app/components/rules/new/BasicInfo.tsx
@@ -0,0 +1,421 @@
+import React, { useState, useEffect } from 'react';
+import type { EvaluationPoint } from '~/models/evaluation_points';
+import type { EvaluationPointGroup } from '~/models/evaluation_point_groups';
+interface BasicInfoProps {
+ onChange?: (data: Record
) => void;
+ initialData?: EvaluationPoint;
+ evaluationPointGroups?: EvaluationPointGroup[];
+ riskOptions?: Array<{value: string, label: string}>;
+}
+
+// 评查点基本信息组件
+export function BasicInfo({ onChange, initialData, evaluationPointGroups = [], riskOptions = [] }: BasicInfoProps) {
+ const [formData, setFormData] = useState({
+ risk: 'medium', // 风险等级 默认中风险
+ is_enabled: true, // 是否启用 默认启用
+ references_laws: {
+ name: '',
+ articles: [],
+ content: ''
+ },
+ ...(initialData || {}) // 合并初始数据
+ });
+
+ // 找到当前评查点类型对应的code
+ const getCheckpointTypeCode = () => {
+ if (!formData.evaluation_point_groups_pid) return "";
+
+ const typeGroup = evaluationPointGroups.find(
+ group => group.id === formData.evaluation_point_groups_pid && group.pid === 0
+ );
+
+ return typeGroup?.code || "";
+ };
+
+ // 评查点描述与法律依据 展开状态
+ const [isDescExpanded, setIsDescExpanded] = useState(false);
+
+ // 条款号临时输入字符串（不会触发自动分割）
+ const [lawArticlesText, setLawArticlesText] = useState('');
+
+ // 根据选择的评查点类型筛选可用的规则组
+ const filteredRuleGroups = evaluationPointGroups.filter(group =>
+ formData.evaluation_point_groups_pid &&
+ group.pid === formData.evaluation_point_groups_pid &&
+ group.is_enabled
+ );
+
+ // 获取评查点类型选项（pid=0的数据）
+ const getCheckpointTypeOptions = () => {
+ if (!evaluationPointGroups || evaluationPointGroups.length === 0) {
+ return (
+ <>
+
+
+ );
+ }
+
+ const typeGroups = evaluationPointGroups.filter(group => group.pid === 0 && group.is_enabled);
+
+ return (
+ <>
+
+ {typeGroups.map(group => (
+
+ ))}
+
+ );
+ };
+
+ // 评查点描述与法律依据 展开状态
+ const handleToggleDescription = () => {
+ setIsDescExpanded(!isDescExpanded);
+ };
+
+ // 处理表单输入变化
+ const handleInputChange = (e: React.ChangeEvent) => {
+ const { id, value } = e.target;
+ const newData = { ...formData };
+ // 映射id到表单字段名
+ switch(id) {
+ case 'rule-name':
+ newData.name = value;
+ break;
+ case 'rule-code':
+ newData.code = value;
+ break;
+ case 'risk-level':
+ newData.risk = value;
+ break;
+ case 'is-enabled':
+ newData.is_enabled = value === 'true';
+ break;
+ case 'rule-description':
+ newData.description = value;
+ break;
+ case 'law-name':
+ newData.references_laws = {
+ ...formData.references_laws,
+ name: value
+ };
+ break;
+ case 'law-content':
+ newData.references_laws = {
+ ...formData.references_laws,
+ content: value
+ };
+ break;
+ case 'evaluation-point-group':
+ newData.evaluation_point_groups_id = value ? parseInt(value) : null;
+ break;
+ case 'checkpoint-type':
+ // 处理评查点类型选择
+ if (value) {
+ // 找到选中的类型组
+ const selectedType = evaluationPointGroups.find(group => group.code === value && group.pid === 0);
+ if (selectedType) {
+ newData.evaluation_point_groups_pid = selectedType.id;
+ }
+ } else {
+ newData.evaluation_point_groups_pid = null;
+ newData.evaluation_point_groups_id = null; // 清空规则组选择
+ }
+ break;
+ }
+
+ setFormData(newData);
+
+ if (onChange) {
+ onChange(newData);
+ }
+ };
+
+ // 处理条款号输入框变化
+ const handleLawArticlesChange = (e: React.ChangeEvent) => {
+ // 设置临时字符串状态，这样不会触发任何处理
+ setLawArticlesText(e.target.value);
+ };
+
+ // 处理条款号输入框失去焦点
+ const handleLawArticlesBlur = () => {
+ if (!lawArticlesText) return;
+
+ // 将输入的文本转换为数组
+ const articles = lawArticlesText
+ .split(',')
+ .map(article => article.trim())
+ .filter(article => article !== '');
+
+ // 创建一个新的引用法律对象，保留现有字段
+ const referencesLaws = {
+ ...(formData.references_laws || {}),
+ articles: articles.length > 0 ? articles : []
+ };
+
+ // 更新表单数据
+ const newData = {
+ ...formData,
+ references_laws: referencesLaws
+ };
+
+ setFormData(newData);
+
+ if (onChange) {
+ onChange(newData);
+ }
+ };
+
+ // 初始化条款号文本字段
+ useEffect(() => {
+ if (formData.references_laws?.articles && formData.references_laws.articles.length > 0) {
+ setLawArticlesText(formData.references_laws.articles.join(','));
+ }
+ }, [formData.references_laws?.articles]);
+
+ // 检查是否需要自动展开描述区域
+ useEffect(() => {
+ // 如果描述或法律依据相关字段有值，则自动展开
+ if (
+ formData.description ||
+ formData.references_laws?.name ||
+ (formData.references_laws?.articles && formData.references_laws.articles.length > 0) ||
+ formData.references_laws?.content
+ ) {
+ setIsDescExpanded(true);
+ }
+ }, [formData]);
+
+ useEffect(() => {
+ // 可以在这里通知父组件
+ if (onChange && filteredRuleGroups.length === 1) {
+ onChange({ evaluation_point_groups_id: filteredRuleGroups[0].id });
+ }
+ }, [filteredRuleGroups, onChange]);
+
+ return (
+
+
+
基本信息
+
+
+
+
+
+
+
请使用简洁明了的名称，不超过30个字符
+
+
+
+
+
用于系统标识的唯一编码
+
+
+
+
+
请定义评查点的风险等级
+
+
+
+
+
评查点类型用于分类管理，便于规则统一调用
+
+
+
+
+
+ {!formData.evaluation_point_groups_pid ? "请先选择评查点类型" :
+ filteredRuleGroups.length === 0 ? "该类型下暂无可用规则组" :
+ "选择评查点所属的规则组"}
+
+
+
+
+
+
创建后是否立即启用此评查点
+
+
+
+
+
{
+ if (e.key === 'Enter' || e.key === ' ') {
+ handleToggleDescription();
+ }
+ }}
+ tabIndex={0}
+ role="button"
+ >
+
+
+
+
+
+
+
+
详细描述有助于其他用户了解该评查点的用途
+
+
+ {/* 引用法典输入区域 */}
+
+
+
+
+
+
+
+
+
+
+
+
多个条款用逗号分隔，将自动转换为数组格式
+
+
+
+
+
+
+
+
+ 引用的法律条文将在评查结果中显示，帮助用户理解评查规则的法律依据
+
+
+ {/* 预览区域 */}
+
+
预览效果
+
+
+ {formData.references_laws?.name || '《中华人民共和国民法典》'}
+
+
+ {formData.references_laws?.articles && formData.references_laws.articles.length > 0 ?
+ formData.references_laws.articles.map((article, index) => (
+ {article}
+ )) : (
+ <>
+ 第五百八十五条
+ 第五百八十六条
+
+ )}
+
+
+ {formData.references_laws?.content || '当事人应当按照约定全面履行自己的义务。'}
+
+
+
+
+
+
+
+
+
+
+
{language === 'javascript' ? 'script.js' : 'script.py'}
+
+
+
+
+
+
+ {copySuccess && (
+
+ 代码已复制到剪贴板
+
+ )}
+
+
+
抽取设置
+
+
+
+
+
+
+
+
+
+
+
+ handleFieldInputChange(e, "llm")}
+ onKeyDown={(e) => handleKeyDown(e, "llm")}
+ autoComplete="off"
+ />
+
+
+
+ {fields.llm.map((field, index) => (
+
+ {field}
+ removeField("llm", index)}
+ onKeyDown={(e) => {
+ if (e.key === "Enter" || e.key === " ")
+ removeField("llm", index);
+ }}
+ role="button"
+ tabIndex={0}
+ aria-label={`删除字段 ${field}`}
+ >
+ ×
+
+
+ ))}
+
+
+ 支持一次输入多个字段，用逗号、空格或顿号分隔
+
+
+
+
+
+
+
+
+ {renderPromptTypeSelect(promptType.llm, "llm")}
+
+
+
+ 系统将根据评查点类型和抽取目标自动生成适合的提示词，您无需额外配置。
+
+
+
+
+
+
+
+
+
+
+
+
+ 支持的变量
+ （点击变量将其添加到提示词中）：
+
+
+ {[
+ "docType",
+ "fieldsList",
+ "companyName",
+ "documentId",
+ "date",
+ "industry",
+ "ocrText",
+ ].map((variable) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ handleFieldInputChange(e, "vlm")}
+ onKeyDown={(e) => handleKeyDown(e, "vlm")}
+ autoComplete="off"
+ />
+ {renderVlmFieldTypeSelect()}
+
+
+
+ {fields.vlm.map((field, index) => {
+ const { fieldName, fieldType, typeName, badgeClass } =
+ getFieldInfo(
+ typeof field === "string"
+ ? field
+ : `${field.name}_${field.type}`
+ );
+ return (
+
+ {fieldName}
+
+ {typeName}
+
+ removeField("vlm", index)}
+ onKeyDown={(e) => {
+ if (e.key === "Enter" || e.key === " ")
+ removeField("vlm", index);
+ }}
+ role="button"
+ tabIndex={0}
+ aria-label={`删除字段 ${fieldName}`}
+ >
+ ×
+
+
+ );
+ })}
+
+
+ 请为每个字段选择适当的抽取类型，有助于提高识别准确率
+
+
+
+
+
+
+
+
+ {renderPromptTypeSelect(promptType.vlm, "vlm")}
+
+
+ 系统将根据评查点类型和抽取目标自动生成适合的提示词，支持图表、印章等图像内容抽取。
+
+
+
+
+
+
+
+
+
+
+
+
+ 支持的变量
+ （点击变量将其添加到提示词中）：
+
+
+ {[
+ "docType",
+ "fieldsList",
+ "companyName",
+ "documentId",
+ "date",
+ "industry",
+ "contentType",
+ "pageRange",
+ "colorMode",
+ "ocrText",
+ ].map((variable) => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {regexFields.map((field, index) => (
+
+
+
+
+ updateRegexField(
+ index,
+ "field",
+ e.target.value
+ )
+ }
+ onBlur={() =>
+ handleRegexFieldBlur(index, "field")
+ }
+ autoComplete="off"
+ />
+
+
+
+
+ updateRegexField(
+ index,
+ "pattern",
+ e.target.value
+ )
+ }
+ onBlur={() =>
+ handleRegexFieldBlur(index, "pattern")
+ }
+ autoComplete="off"
+ />
+ {statusMessage && statusMessage.id === `field-${index}` && (
+
+ {statusMessage.message}
+
+ )}
+ {!field.pattern && (
+
+ 未设置正则表达式，此字段将保留但不会执行抽取
+
+ )}
+
+
+
+
+
+ ))}
+
+
+
+
+
+ {[
+ {
+ label: "日期格式：yyyy-mm-dd",
+ regex:
+ "\\d{4}[-/年](0?[1-9]|1[0-2])[-/月](0?[1-9]|[12][0-9]|3[01])[日]?",
+ },
+ { label: "合同编号格式", regex: "[A-Z]{2,5}-\\d{4,10}" },
+ {
+ label: "金额格式",
+ regex:
+ "(人民币|RMB)?\\s?(\\d{1,3}(,\\d{3})*(\\.\\d{2})?)\\s?[万元]?",
+ },
+ {
+ label: "座机号码格式",
+ regex: "\\d{3}-\\d{8}|\\d{4}-\\d{7,8}",
+ },
+ { label: "手机号码格式", regex: "1[3-9]\\d{9}" },
+ ].map(({ label, regex }) => (
+
applyRegexTemplate(regex)}
+ role="button"
+ tabIndex={0}
+ onKeyDown={(e) => {
+ if (e.key === "Enter" || e.key === " ")
+ applyRegexTemplate(regex);
+ }}
+ >
+ {label}
+
+ ))}
+
+
+
+
+
+
+ {/* 在所有标签页外部添加统一的更新按钮和状态显示，这样在任何标签页都可见 */}
+
+
+ {hasPendingChanges && !updateStatus && (
+
+ 您有未更新的字段变更，请点击下方的“更新全部字段”按钮提交所有标签页的字段变更
+
+ )}
+ {!hasPendingChanges && !updateStatus && (
+
+ 提示：请在完成所有标签页的字段编辑后，点击此按钮更新所有字段
+
+ )}
+
+
+ {updateStatus && (
+
+ {updateStatus.message}
+
+ )}
+
+
+
+ {fieldsToRender.map((field, index) => {
+ // 使用includes方法检查选中状态
+ const isSelected = selectedFields.includes(field);
+
+ return (
+
{
+ // 切换选中状态
+ const newSelectedFields = isSelected
+ ? selectedFields.filter(f => f !== field)
+ : [...selectedFields, field];
+
+ // 更新规则配置
+ handleRuleConfigChange(ruleId, {
+ fields: newSelectedFields
+ });
+
+ // 直接触发配置更新
+ generateEvaluationConfig();
+ }}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ const newSelectedFields = isSelected
+ ? selectedFields.filter(f => f !== field)
+ : [...selectedFields, field];
+
+ handleRuleConfigChange(ruleId, {
+ fields: newSelectedFields
+ });
+
+ // 直接触发配置更新
+ generateEvaluationConfig();
+ }
+ }}
+ role="button"
+ tabIndex={0}
+ >
+ {field}
+
+ );
+ })}
+
+
+
+
+ {renderFieldTags(id, config)}
+
+
点击选择需要判断是否存在的字段，已选中的字段会高亮显示
+
+
+
+
+
+
+ {Array.isArray(config.pairs) && config.pairs.length > 0 ? (
+ config.pairs.map((pair, pairIndex) => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ))
+ ) : (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ {Array.isArray(config.conditions) && config.conditions.length > 0 ? (
+ config.conditions.map((condition, conditionIndex) => (
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ const currentConditions = Array.isArray(config.conditions) ? [...(config.conditions as Condition[])] : [];
+ currentConditions[conditionIndex] = { ...currentConditions[conditionIndex], value: e.target.value };
+ handleRuleConfigChange(id, { conditions: currentConditions });
+ // 触发配置更新
+ generateEvaluationConfig();
+ }}
+ />
+
+
+
+
+
+
+ ))
+ ) : (
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ // 获取field和operator的值
+ const field = (config.initialField as string) || '';
+ const operator = (config.initialOperator as string) || 'eq';
+ const value = e.target.value;
+
+ // 如果已经设置了字段，则创建条件
+ if (field) {
+ handleRuleConfigChange(id, {
+ initialValue: value,
+ conditions: [{ field, operator, value }]
+ });
+ } else {
+ // 否则只保存值
+ handleRuleConfigChange(id, { initialValue: value });
+ }
+ // 触发配置更新
+ generateEvaluationConfig();
+ }}
+ />
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{
+ handleRuleConfigChange(id, {
+ regexPattern: e.target.value,
+ pattern: e.target.value // 同步更新内部字段
+ });
+ // 直接触发配置更新
+ generateEvaluationConfig();
+ }}
+ />
+
+ 输入标准正则表达式，例如: "^[a-zA-Z0-9]+$" 表示仅允许字母和数字
+
+
+
+
+
+
+
+
+
+
+
+ {
+ const value = e.target.value;
+ const numberValue = value === '' ? 0.1 : parseFloat(value);
+ handleRuleConfigChange(id, { temperature: numberValue });
+ // 直接触发配置更新
+ generateEvaluationConfig();
+ }}
+ />
+
+
+
+
+
+
+ {availableFields.map((field, idx) => (
+
+ ))}
+
+
+
+
+
+
+
编写返回true或false的评查函数，可以使用字段变量进行判断
+
{
+ handleRuleConfigChange(id, { code: value });
+ generateEvaluationConfig();
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
{
+ handleRuleConfigChange(id, {
+ formatParams: e.target.value,
+ parameters: e.target.value
+ });
+ // 直接触发配置更新
+ generateEvaluationConfig();
+ }}
+ />
+
+ 根据格式类型传入特定参数，如日期格式可传入"YYYY-MM-DD"
+
+
+
+
已选择 {type} 类型规则，请继续配置。
+
+
+
+
评查设置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {showCustomLogic && (
+
+
+
+
+ 使用规则编号和逻辑运算符(AND、OR、NOT)组合
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
已添加 {rules.length} 条规则
+
+
+ {rules.length === 0 ? (
+
+
+
+
尚未添加任何规则
+
点击“添加规则”按钮开始创建评查规则
+
+
+ ) : (
+
+ {rules.map((rule) => (
+
+
+
+ 规则 #{rule.id}
+
+
+
+
+
+
+
+
选择评查类型后将显示对应的配置项
+
+
+
+ {renderRuleConfig(rule)}
+
+
+ ))}
+
+ )}
+
+
+
+
+
+
+
+
+
+ {/* 评查结果提示信息 */}
+
+
评查结果提示信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* 建议信息类别 */}
+
+
建议信息类别
+
+
handleSeverityChange('info')}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ handleSeverityChange('info');
+ }
+ }}
+ role="radio"
+ aria-checked={suggestion_message_type === 'info'}
+ tabIndex={0}
+ >
+
handleSeverityChange('info')}
+ />
+
+
+
提示 (Info)
+
建议性提示，不影响评查结果
+
+ {suggestion_message_type === 'info' && (
+
+
+
+ )}
+
+
+
handleSeverityChange('warning')}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ handleSeverityChange('warning');
+ }
+ }}
+ role="radio"
+ aria-checked={suggestion_message_type === 'warning'}
+ tabIndex={0}
+ >
+
handleSeverityChange('warning')}
+ />
+
+
+
警告 (Warning)
+
需引起注意的问题
+
+ {suggestion_message_type === 'warning' && (
+
+
+
+ )}
+
+
+
handleSeverityChange('error')}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ handleSeverityChange('error');
+ }
+ }}
+ role="radio"
+ aria-checked={suggestion_message_type === 'error'}
+ tabIndex={0}
+ >
+
handleSeverityChange('error')}
+ />
+
+
+
错误 (Error)
+
严重错误，必须修正
+
+ {suggestion_message_type === 'error' && (
+
+
+
+ )}
+
+
+
不同类别会影响问题的展示方式和处理流程
+
+
+ {/* 评查后动作 */}
+
+
+
+
+
+ {/* 分数设置 */}
+
+
+
+ handleScoreChange(e.target.value)}
+ onBlur={() => {
+ // 在失去焦点时，如果显示值为空，则设置为0
+ if (scoreDisplay.trim() === '') {
+ setScoreDisplay('0');
+ setScore(0);
+ if (onChange) {
+ onChange({ score: 0 });
+ }
+ } else {
+ // 否则更新为实际分数值的字符串表示
+ setScoreDisplay(String(score));
+ }
+ }}
+ />
+ 分
+
+
该评查点的分值，范围0-100
+
+
+ {/* 动作描述区域 */}
+ {post_action && post_action !== 'none' && (
+
+
+
+
+ )}
+
+
+
+
+
+
{language === 'javascript' ? 'script.js' : 'script.py'}
+
+
+
+
+
+
+
+
+ {copySuccess && (
+
+ 代码已复制到剪贴板
+
+ )}
+
+ {isLoading ? (
+
+ ) : reviewData && (
+ <>
+ {/* 文件信息和操作按钮 */}
+
+
+ {/* 选项卡 */}
+
+ {/* 评查结果选项卡内容 */}
+ {activeTab === 'preview' && (
+
+ {/* 左侧：文件预览 */}
+
+
+
+
+ {/* 右侧：评查结果 */}
+
+
+
+
+
+ )}
+
+ {/* 页面标题和右上角保存按钮 */}
+
+
+ {/* 加载状态显示 */}
+ {isLoading ? (
+
+ ) : (
+
+ {/* 使用key属性强制在模式切换时重新渲染所有组件 */}
+
+ {/* 评查点基本信息设置 */}
+
+
+
+
+ {/* 抽取设置 - 配置从文档中提取的字段 */}
+
+
+
+
+ {/* 评查设置 - 配置评查规则、消息等 */}
+
+
+
+
+ {/* 底部操作按钮区域 */}
+
+
+ )}
+
+ {/* 页面标题和右上角保存按钮 */}
+
+
+ {/* 加载状态显示 */}
+ {isLoading ? (
+
+ ) : (
+ <>
+ {/* 评查点基本信息设置 */}
+
+
+
+
+ {/* 抽取设置 - 配置从文档中提取的字段 */}
+
+
+
+
+
+
+ {/* 评查设置 - 配置评查规则、消息等 */}
+
+
+
+
+
+
+ {/* 底部操作按钮区域 */}
+
+
+ )}
+