refactor(setting): 优化系统设置组件的数据处理逻辑
- 将 updateSetting 替换为 updateSettingByKey 方法调用 - 统一设置表单中的 settingKey 字段值 - 重构 watch 数据监听逻辑,增强数据类型检查 - 改进表单初始化和数据回显流程 - 添加对 content 字段的 JSON 解析错误处理 - 标准化各设置组件的表单数据结构 - 优化数组和对象数据的查找匹配逻辑
This commit is contained in:
@@ -114,16 +114,47 @@
|
||||
watch(
|
||||
() => props.data,
|
||||
(data) => {
|
||||
console.log(data, 'propss');
|
||||
if (data?.settingKey) {
|
||||
isUpdate.value = true;
|
||||
// 表单赋值
|
||||
assignFields(data);
|
||||
} else {
|
||||
// 新增
|
||||
const settingKey = 'privacy';
|
||||
const activeMatch = props.value === settingKey;
|
||||
if (!data || typeof data !== 'object') {
|
||||
if (!activeMatch) return;
|
||||
isUpdate.value = false;
|
||||
resetFields();
|
||||
form.settingId = undefined;
|
||||
form.settingKey = settingKey;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
const normalized: any = Array.isArray(data)
|
||||
? data.find((d) => d?.settingKey === settingKey) ?? data[0]
|
||||
: (data as any).data && typeof (data as any).data === 'object'
|
||||
? (data as any).data
|
||||
: data;
|
||||
|
||||
let parsedContent: any | undefined;
|
||||
const rawContent = (normalized as any).content;
|
||||
if (rawContent) {
|
||||
if (typeof rawContent === 'string') {
|
||||
try {
|
||||
parsedContent = JSON.parse(rawContent);
|
||||
} catch {
|
||||
parsedContent = undefined;
|
||||
}
|
||||
} else if (typeof rawContent === 'object') {
|
||||
parsedContent = rawContent;
|
||||
}
|
||||
}
|
||||
|
||||
const contentOrRow = parsedContent ?? normalized;
|
||||
const incomingKey =
|
||||
(contentOrRow as any).settingKey ?? (normalized as any).settingKey;
|
||||
if (!activeMatch && incomingKey !== settingKey) return;
|
||||
|
||||
isUpdate.value = true;
|
||||
assignFields(contentOrRow);
|
||||
form.settingId = (normalized as any).settingId;
|
||||
form.settingKey = settingKey;
|
||||
},
|
||||
{ immediate: true }
|
||||
);
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user