评查点新增修改逻辑完善

This commit is contained in:
2025-04-02 10:06:09 +08:00
parent 29699df14a
commit cbf5c967ff
5 changed files with 470 additions and 205 deletions
+160 -116
View File
@@ -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>