评查点新增修改逻辑完善
This commit is contained in:
@@ -21,13 +21,13 @@ interface ReviewSettingsProps {
|
||||
// 创建全局上下文以便在不同组件间共享数据
|
||||
interface RuleContextType {
|
||||
extractionFields: string[];
|
||||
updateExtractionFields: (fields: string[]) => void;
|
||||
updateFields: (fields: string[]) => void;
|
||||
}
|
||||
|
||||
// 创建全局Context对象
|
||||
export const RuleContext = createContext<RuleContextType>({
|
||||
extractionFields: [],
|
||||
updateExtractionFields: () => {}
|
||||
updateFields: () => {}
|
||||
});
|
||||
|
||||
export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
@@ -38,19 +38,19 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
const [customLogic, setCustomLogic] = useState<string>('');
|
||||
const [showCustomLogic, setShowCustomLogic] = useState<boolean>(false);
|
||||
// 添加评查后动作相关状态
|
||||
const [actionType, setActionType] = useState<string>('none');
|
||||
const [actionDescription, setActionDescription] = useState<string>('');
|
||||
const [post_action, setPostAction] = useState<string>('none');
|
||||
const [action_config, setActionConfig] = useState<string>('');
|
||||
|
||||
// 获取抽取字段的上下文
|
||||
const { extractionFields } = useContext(RuleContext);
|
||||
|
||||
// 初始化评查通过/不通过/建议信息
|
||||
const [passMessage, setPassMessage] = useState('文档检查通过,符合规范要求。');
|
||||
const [failMessage, setFailMessage] = useState('文档存在以下问题,请修改后重新提交。');
|
||||
const [suggestMessage, setSuggestMessage] = useState('');
|
||||
const [pass_message, setPassMessage] = useState('文档检查通过,符合规范要求。');
|
||||
const [fail_message, setFailMessage] = useState('文档存在以下问题,请修改后重新提交。');
|
||||
const [suggestion_message, setSuggestMessage] = useState('');
|
||||
|
||||
// 错误严重程度
|
||||
const [errorSeverity, setErrorSeverity] = useState('error');
|
||||
// 提示类型
|
||||
const [suggestion_message_type, setSuggestionMessageType] = useState('warning');
|
||||
|
||||
// 保存最近一次可用的字段列表
|
||||
const [availableFields, setAvailableFields] = useState<string[]>(extractionFields || []);
|
||||
@@ -114,6 +114,12 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
};
|
||||
}, [extractionFields, availableFields]);
|
||||
|
||||
// 初始化评查配置
|
||||
useEffect(() => {
|
||||
// 生成并更新评查配置
|
||||
generateEvaluationConfig();
|
||||
}, []);
|
||||
|
||||
// 处理已删除字段的函数
|
||||
const handleDeletedFields = (deletedFields: string[]) => {
|
||||
setRules(prevRules => {
|
||||
@@ -141,7 +147,7 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
}
|
||||
break;
|
||||
|
||||
case 'format':
|
||||
case 'format':
|
||||
// 如果判断字段被删除,则清空字段
|
||||
if (updatedConfig.checkField && deletedFields.includes(updatedConfig.checkField as string)) {
|
||||
updatedConfig.checkField = '';
|
||||
@@ -220,30 +226,20 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
|
||||
const handleLogicChange = (logic: string) => {
|
||||
setCombinationLogic(logic);
|
||||
if (logic === 'custom') {
|
||||
setShowCustomLogic(true);
|
||||
} else {
|
||||
setShowCustomLogic(false);
|
||||
}
|
||||
setShowCustomLogic(logic === 'custom');
|
||||
|
||||
if (onChange) {
|
||||
onChange({ combinationLogic: logic, showCustomLogic: logic === 'custom', customLogic });
|
||||
const updatedData: Record<string, unknown> = { logicType: logic };
|
||||
onChange(updatedData);
|
||||
}
|
||||
};
|
||||
|
||||
const handleCustomLogicChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
|
||||
setCustomLogic(e.target.value);
|
||||
const value = e.target.value;
|
||||
setCustomLogic(value);
|
||||
|
||||
if (onChange) {
|
||||
onChange({ customLogic: e.target.value });
|
||||
}
|
||||
};
|
||||
|
||||
const handleActionTypeChange = (type: string) => {
|
||||
setActionType(type);
|
||||
|
||||
if (onChange) {
|
||||
onChange({ actionType: type });
|
||||
onChange({ customLogic: value });
|
||||
}
|
||||
};
|
||||
|
||||
@@ -279,42 +275,76 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
}
|
||||
};
|
||||
|
||||
// 处理规则类型变更
|
||||
const handleRuleTypeChange = (id: string, type: string) => {
|
||||
// 更新规则类型
|
||||
const updatedRules = rules.map(rule => {
|
||||
const newRules = rules.map(rule => {
|
||||
if (rule.id === id) {
|
||||
// 为新类型初始化配置
|
||||
let initialConfig: Record<string, unknown> = {};
|
||||
|
||||
// 根据类型设置初始配置
|
||||
switch(type) {
|
||||
case 'exists':
|
||||
case 'logic':
|
||||
case 'regex':
|
||||
initialConfig = {
|
||||
selectedFields: [],
|
||||
availableFields: availableFields // 使用当前最新的可用字段列表
|
||||
};
|
||||
break;
|
||||
case 'consistency':
|
||||
initialConfig = {
|
||||
pairs: [],
|
||||
availableFields: availableFields // 使用当前最新的可用字段列表
|
||||
};
|
||||
break;
|
||||
case 'format':
|
||||
initialConfig = {
|
||||
formatType: '',
|
||||
formatParams: '',
|
||||
availableFields: availableFields // 使用当前最新的可用字段列表
|
||||
};
|
||||
break;
|
||||
default:
|
||||
// 确保所有规则类型都包含availableFields
|
||||
initialConfig = {
|
||||
availableFields: availableFields
|
||||
};
|
||||
break;
|
||||
// 如果类型没变,保留原配置
|
||||
if (type === rule.type) {
|
||||
initialConfig = { ...rule.config };
|
||||
} else {
|
||||
// 根据类型设置初始配置
|
||||
switch(type) {
|
||||
case 'exists':
|
||||
initialConfig = {
|
||||
fields: [],
|
||||
logic: 'and',
|
||||
availableFields: availableFields
|
||||
};
|
||||
break;
|
||||
case 'consistency':
|
||||
initialConfig = {
|
||||
pairs: [],
|
||||
logic: 'and',
|
||||
availableFields: availableFields
|
||||
};
|
||||
break;
|
||||
case 'format':
|
||||
initialConfig = {
|
||||
field: '',
|
||||
formatType: '',
|
||||
parameters: '',
|
||||
availableFields: availableFields
|
||||
};
|
||||
break;
|
||||
case 'logic':
|
||||
initialConfig = {
|
||||
conditions: [],
|
||||
logic: 'and',
|
||||
availableFields: availableFields
|
||||
};
|
||||
break;
|
||||
case 'regex':
|
||||
initialConfig = {
|
||||
field: '',
|
||||
pattern: '',
|
||||
matchType: 'match',
|
||||
availableFields: availableFields
|
||||
};
|
||||
break;
|
||||
case 'ai':
|
||||
initialConfig = {
|
||||
model: 'qwen14b',
|
||||
temperature: 0.1,
|
||||
prompt: '',
|
||||
availableFields: availableFields
|
||||
};
|
||||
break;
|
||||
case 'code':
|
||||
initialConfig = {
|
||||
language: 'javascript',
|
||||
code: '',
|
||||
availableFields: availableFields
|
||||
};
|
||||
break;
|
||||
default:
|
||||
initialConfig = {
|
||||
availableFields: availableFields
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
@@ -326,37 +356,33 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
return rule;
|
||||
});
|
||||
|
||||
setRules(updatedRules);
|
||||
setRules(newRules);
|
||||
|
||||
if (onChange) {
|
||||
onChange({ rules: updatedRules });
|
||||
onChange({ rules: newRules });
|
||||
}
|
||||
|
||||
// 更新评查配置
|
||||
generateEvaluationConfig();
|
||||
};
|
||||
|
||||
|
||||
// 处理规则配置变更
|
||||
const handleRuleConfigChange = (id: string, configChanges: Record<string, unknown>) => {
|
||||
const updatedRules = rules.map(rule => {
|
||||
const newRules = rules.map(rule => {
|
||||
if (rule.id === id) {
|
||||
// 合并现有配置和变更
|
||||
const updatedConfig = { ...rule.config, ...configChanges };
|
||||
|
||||
// 确保availableFields字段存在
|
||||
if (!updatedConfig.availableFields) {
|
||||
updatedConfig.availableFields = availableFields;
|
||||
}
|
||||
|
||||
return {
|
||||
...rule,
|
||||
config: updatedConfig
|
||||
};
|
||||
return { ...rule, config: { ...rule.config, ...configChanges } };
|
||||
}
|
||||
return rule;
|
||||
});
|
||||
|
||||
setRules(updatedRules);
|
||||
setRules(newRules);
|
||||
|
||||
if (onChange) {
|
||||
onChange({ rules: updatedRules });
|
||||
onChange({ rules: newRules });
|
||||
}
|
||||
|
||||
// 更新评查配置
|
||||
generateEvaluationConfig();
|
||||
};
|
||||
|
||||
// 渲染字段标签,确保已选择的字段即使在新的字段列表中不存在也会显示
|
||||
@@ -1014,6 +1040,25 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
}
|
||||
};
|
||||
|
||||
// 生成完整的评查配置数据并在提交保存时使用
|
||||
const generateEvaluationConfig = () => {
|
||||
const config = {
|
||||
logicType: combinationLogic,
|
||||
customLogic: combinationLogic === 'custom' ? customLogic : '',
|
||||
rules: rules.map(rule => ({
|
||||
id: rule.id,
|
||||
type: rule.type,
|
||||
config: rule.config
|
||||
}))
|
||||
};
|
||||
|
||||
if (onChange) {
|
||||
onChange({ evaluation_config: config });
|
||||
}
|
||||
|
||||
return config;
|
||||
};
|
||||
|
||||
// 处理评查结果消息变更
|
||||
const handleMessageChange = (type: string, value: string) => {
|
||||
switch(type) {
|
||||
@@ -1029,16 +1074,16 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
}
|
||||
|
||||
if (onChange) {
|
||||
onChange({ [`${type}Message`]: value });
|
||||
onChange({ [`${type}_message`]: value });
|
||||
}
|
||||
};
|
||||
|
||||
// 处理严重程度变更
|
||||
const handleSeverityChange = (value: string) => {
|
||||
setErrorSeverity(value);
|
||||
setSuggestionMessageType(value);
|
||||
|
||||
if (onChange) {
|
||||
onChange({ errorSeverity: value });
|
||||
onChange({ suggestion_message_type: value });
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1112,7 +1157,6 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
<div id="rules-container">
|
||||
<div className="flex items-center justify-between mb-2">
|
||||
<div>已添加 <span className="text-blue-600 font-medium">{rules.length}</span> 条规则</div>
|
||||
|
||||
</div>
|
||||
|
||||
{rules.length === 0 ? (
|
||||
@@ -1198,7 +1242,7 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
className="form-textarea"
|
||||
style={{ height: '80px', minHeight: '60px' }}
|
||||
placeholder="请输入评查通过时的提示信息"
|
||||
value={passMessage}
|
||||
value={pass_message}
|
||||
onChange={(e) => handleMessageChange('pass', e.target.value)}
|
||||
></textarea>
|
||||
</div>
|
||||
@@ -1209,7 +1253,7 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
className="form-textarea"
|
||||
style={{ height: '80px', minHeight: '60px' }}
|
||||
placeholder="请输入评查不通过时的提示信息"
|
||||
value={failMessage}
|
||||
value={fail_message}
|
||||
onChange={(e) => handleMessageChange('fail', e.target.value)}
|
||||
></textarea>
|
||||
</div>
|
||||
@@ -1220,19 +1264,19 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
className="form-textarea"
|
||||
style={{ height: '80px', minHeight: '60px' }}
|
||||
placeholder="请输入对用户的建议信息"
|
||||
value={suggestMessage}
|
||||
value={suggestion_message}
|
||||
onChange={(e) => handleMessageChange('suggest', e.target.value)}
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* 不通过提示类别 */}
|
||||
{/* 建议信息类别 */}
|
||||
<div className="mb-4">
|
||||
<h4 className="form-label">建议信息类别</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4" role="radiogroup" aria-label="建议信息类别">
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-3 mt-2">
|
||||
<div
|
||||
className={`flex items-center cursor-pointer border-l-4 border-blue-500 ${errorSeverity === 'info'
|
||||
className={`flex items-center cursor-pointer border-l-4 border-blue-500 ${suggestion_message_type === 'info'
|
||||
? 'bg-blue-100 shadow-md ring-2 ring-blue-200'
|
||||
: 'bg-blue-50 hover:bg-blue-100'} p-3 rounded-r-md transition-all duration-200`}
|
||||
onClick={() => handleSeverityChange('info')}
|
||||
@@ -1242,24 +1286,24 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
}
|
||||
}}
|
||||
role="radio"
|
||||
aria-checked={errorSeverity === 'info'}
|
||||
aria-checked={suggestion_message_type === 'info'}
|
||||
tabIndex={0}
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
name="errorSeverity"
|
||||
name="suggestion_message_type"
|
||||
id="severity-info"
|
||||
className="severity-radio hidden"
|
||||
value="info"
|
||||
checked={errorSeverity === 'info'}
|
||||
checked={suggestion_message_type === 'info'}
|
||||
onChange={() => handleSeverityChange('info')}
|
||||
/>
|
||||
<i className={`ri-information-line text-blue-500 text-xl mr-3 ${errorSeverity === 'info' ? 'animate-pulse' : ''}`}></i>
|
||||
<i className={`ri-information-line text-blue-500 text-xl mr-3 ${suggestion_message_type === 'info' ? 'animate-pulse' : ''}`}></i>
|
||||
<div>
|
||||
<div className="font-medium">提示 (Info)</div>
|
||||
<div className="text-sm text-gray-500">提示性信息,不影响</div>
|
||||
<div className="text-sm text-gray-500">建议性提示,不影响评查结果</div>
|
||||
</div>
|
||||
{errorSeverity === 'info' && (
|
||||
{suggestion_message_type === 'info' && (
|
||||
<div className="ml-auto">
|
||||
<i className="ri-check-line text-blue-500 text-lg"></i>
|
||||
</div>
|
||||
@@ -1267,7 +1311,7 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
</div>
|
||||
|
||||
<div
|
||||
className={`flex items-center cursor-pointer border-l-4 border-yellow-500 ${errorSeverity === 'warning'
|
||||
className={`flex items-center cursor-pointer border-l-4 border-yellow-500 ${suggestion_message_type === 'warning'
|
||||
? 'bg-yellow-100 shadow-md ring-2 ring-yellow-200'
|
||||
: 'bg-yellow-50 hover:bg-yellow-100'} p-3 rounded-r-md transition-all duration-200`}
|
||||
onClick={() => handleSeverityChange('warning')}
|
||||
@@ -1277,24 +1321,24 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
}
|
||||
}}
|
||||
role="radio"
|
||||
aria-checked={errorSeverity === 'warning'}
|
||||
aria-checked={suggestion_message_type === 'warning'}
|
||||
tabIndex={0}
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
name="errorSeverity"
|
||||
name="suggestion_message_type"
|
||||
id="severity-warning"
|
||||
className="severity-radio hidden"
|
||||
value="warning"
|
||||
checked={errorSeverity === 'warning'}
|
||||
checked={suggestion_message_type === 'warning'}
|
||||
onChange={() => handleSeverityChange('warning')}
|
||||
/>
|
||||
<i className={`ri-alert-line text-yellow-500 text-xl mr-3 ${errorSeverity === 'warning' ? 'animate-pulse' : ''}`}></i>
|
||||
<i className={`ri-alert-line text-yellow-500 text-xl mr-3 ${suggestion_message_type === 'warning' ? 'animate-pulse' : ''}`}></i>
|
||||
<div>
|
||||
<div className="font-medium">警告 (Warning)</div>
|
||||
<div className="text-sm text-gray-500">警告信息,建议修改但不强制</div>
|
||||
<div className="text-sm text-gray-500">需引起注意的问题</div>
|
||||
</div>
|
||||
{errorSeverity === 'warning' && (
|
||||
{suggestion_message_type === 'warning' && (
|
||||
<div className="ml-auto">
|
||||
<i className="ri-check-line text-yellow-500 text-lg"></i>
|
||||
</div>
|
||||
@@ -1302,7 +1346,7 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
</div>
|
||||
|
||||
<div
|
||||
className={`flex items-center cursor-pointer border-l-4 border-red-500 ${errorSeverity === 'error'
|
||||
className={`flex items-center cursor-pointer border-l-4 border-red-500 ${suggestion_message_type === 'error'
|
||||
? 'bg-red-100 shadow-md ring-2 ring-red-200'
|
||||
: 'bg-red-50 hover:bg-red-100'} p-3 rounded-r-md transition-all duration-200`}
|
||||
onClick={() => handleSeverityChange('error')}
|
||||
@@ -1312,24 +1356,24 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
}
|
||||
}}
|
||||
role="radio"
|
||||
aria-checked={errorSeverity === 'error'}
|
||||
aria-checked={suggestion_message_type === 'error'}
|
||||
tabIndex={0}
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
name="errorSeverity"
|
||||
name="suggestion_message_type"
|
||||
id="severity-error"
|
||||
className="severity-radio hidden"
|
||||
value="error"
|
||||
checked={errorSeverity === 'error'}
|
||||
checked={suggestion_message_type === 'error'}
|
||||
onChange={() => handleSeverityChange('error')}
|
||||
/>
|
||||
<i className={`ri-error-warning-line text-red-500 text-xl mr-3 ${errorSeverity === 'error' ? 'animate-pulse' : ''}`}></i>
|
||||
<i className={`ri-error-warning-line text-red-500 text-xl mr-3 ${suggestion_message_type === 'error' ? 'animate-pulse' : ''}`}></i>
|
||||
<div>
|
||||
<div className="font-medium">错误 (Error)</div>
|
||||
<div className="text-sm text-gray-500">严重错误,必须修正</div>
|
||||
</div>
|
||||
{errorSeverity === 'error' && (
|
||||
{suggestion_message_type === 'error' && (
|
||||
<div className="ml-auto">
|
||||
<i className="ri-check-line text-red-500 text-lg"></i>
|
||||
</div>
|
||||
@@ -1341,17 +1385,17 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
|
||||
{/* 评查后动作 */}
|
||||
<div className="mb-4">
|
||||
<label className="form-label" htmlFor="action-type">
|
||||
<label className="form-label" htmlFor="post-action">
|
||||
评查后动作 <span className="required-mark">*</span>
|
||||
</label>
|
||||
<select
|
||||
className="form-select"
|
||||
id="action-type"
|
||||
value={actionType || 'none'}
|
||||
id="post-action"
|
||||
value={post_action || 'none'}
|
||||
onChange={(e) => {
|
||||
setActionType(e.target.value);
|
||||
setPostAction(e.target.value);
|
||||
if (onChange) {
|
||||
onChange({ actionType: e.target.value });
|
||||
onChange({ post_action: e.target.value });
|
||||
}
|
||||
}}
|
||||
>
|
||||
@@ -1362,18 +1406,18 @@ export function ReviewSettings({ onChange }: ReviewSettingsProps) {
|
||||
</div>
|
||||
|
||||
{/* 动作描述区域 */}
|
||||
{actionType && actionType !== 'none' && (
|
||||
<div className="mb-4" id="action-description-container">
|
||||
<label className="form-label" htmlFor="action-description">动作描述</label>
|
||||
{post_action && post_action !== 'none' && (
|
||||
<div className="mb-4" id="action-config-container">
|
||||
<label className="form-label" htmlFor="action-config">动作描述</label>
|
||||
<textarea
|
||||
className="form-textarea"
|
||||
id="action-description"
|
||||
id="action-config"
|
||||
placeholder="请输入动作描述,说明评查通过或未通过时的处理方式"
|
||||
value={actionDescription}
|
||||
value={action_config}
|
||||
onChange={(e) => {
|
||||
setActionDescription(e.target.value);
|
||||
setActionConfig(e.target.value);
|
||||
if (onChange) {
|
||||
onChange({ actionDescription: e.target.value });
|
||||
onChange({ action_config: e.target.value });
|
||||
}
|
||||
}}
|
||||
></textarea>
|
||||
|
||||
Reference in New Issue
Block a user