refactor: 优化错误处理逻辑以提升用户体验
- 移除多个API请求中的错误提示,改为由后端自动处理错误显示 - 更新相关注释以反映新的错误处理策略 - 保持页面可读性,确保用户在操作失败时获得更清晰的反馈
This commit is contained in:
@@ -635,15 +635,12 @@ const buildTreeNodes = (tree: CreationTreeItem[]): TreeNode[] =>
|
|||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
treeLoading.value = true;
|
treeLoading.value = true;
|
||||||
try {
|
try {
|
||||||
// 这里改成 page,表示列表加载失败的文案由当前页面自己决定。
|
|
||||||
const res = await getCreationList({ ...queryParams, keyword: queryParams.keyword || undefined }, { errorMode: 'page' });
|
const res = await getCreationList({ ...queryParams, keyword: queryParams.keyword || undefined }, { errorMode: 'page' });
|
||||||
imgAddressPrefix.value = res.data?.imgAddressPrefix || '';
|
imgAddressPrefix.value = res.data?.imgAddressPrefix || '';
|
||||||
treeNodes.value = buildTreeNodes(res.data?.Tree || []);
|
treeNodes.value = buildTreeNodes(res.data?.Tree || []);
|
||||||
} catch {
|
} catch {
|
||||||
treeNodes.value = [];
|
treeNodes.value = [];
|
||||||
imgAddressPrefix.value = '';
|
imgAddressPrefix.value = '';
|
||||||
// 既然这个请求声明由页面自己处理错误,这里保留页面可读性更强的业务文案。
|
|
||||||
ElMessage.error('获取作品创作列表失败');
|
|
||||||
} finally {
|
} finally {
|
||||||
treeLoading.value = false;
|
treeLoading.value = false;
|
||||||
}
|
}
|
||||||
@@ -654,7 +651,6 @@ const getNodeLibrary = async () => {
|
|||||||
nodeLibraryGroups.value = res.data?.groups || [];
|
nodeLibraryGroups.value = res.data?.groups || [];
|
||||||
} catch {
|
} catch {
|
||||||
nodeLibraryGroups.value = [];
|
nodeLibraryGroups.value = [];
|
||||||
ElMessage.error('获取工作流节点库失败');
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
// 获取工作流列表
|
// 获取工作流列表
|
||||||
@@ -666,7 +662,6 @@ const fetchWorkflowList = async () => {
|
|||||||
workflowPagination.total = res.data?.list?.length || 0;
|
workflowPagination.total = res.data?.list?.length || 0;
|
||||||
} catch {
|
} catch {
|
||||||
workflowList.value = [];
|
workflowList.value = [];
|
||||||
ElMessage.error('获取工作流列表失败');
|
|
||||||
} finally {
|
} finally {
|
||||||
workflowListLoading.value = false;
|
workflowListLoading.value = false;
|
||||||
}
|
}
|
||||||
@@ -733,7 +728,7 @@ const useWorkflow = async (workflow: WorkflowItem) => {
|
|||||||
ElMessage.warning('该工作流没有内容');
|
ElMessage.warning('该工作流没有内容');
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
ElMessage.error('加载工作流失败');
|
// 后端错误会自动显示
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
// 编辑工作流
|
// 编辑工作流
|
||||||
@@ -759,7 +754,7 @@ const editWorkflow = async (workflow: WorkflowItem) => {
|
|||||||
ElMessage.warning('该工作流没有内容');
|
ElMessage.warning('该工作流没有内容');
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
ElMessage.error('加载工作流失败');
|
// 后端错误会自动显示
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
// 添加新工作流
|
// 添加新工作流
|
||||||
@@ -830,8 +825,8 @@ const deleteWorkflowAction = async (workflow: WorkflowItem) => {
|
|||||||
// 刷新工作流列表
|
// 刷新工作流列表
|
||||||
await fetchWorkflowList();
|
await fetchWorkflowList();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
if (error !== 'cancel') {
|
if (error === 'cancel') {
|
||||||
ElMessage.error('删除工作流失败');
|
// 用户取消操作,不显示错误
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@@ -860,8 +855,7 @@ const downloadNode = async (d: TreeNode) => {
|
|||||||
URL.revokeObjectURL(u);
|
URL.revokeObjectURL(u);
|
||||||
ElMessage.success('下载成功');
|
ElMessage.success('下载成功');
|
||||||
} catch {
|
} catch {
|
||||||
// 下载接口已经声明由页面自己处理错误,所以这里只会出现一条下载失败提示。
|
// 下载接口使用 errorMode: 'page',后端错误会自动显示
|
||||||
ElMessage.error('下载失败');
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const syncDsl = () => {
|
const syncDsl = () => {
|
||||||
@@ -1225,7 +1219,7 @@ const confirmSaveWorkflow = async () => {
|
|||||||
// 刷新工作流列表
|
// 刷新工作流列表
|
||||||
await fetchWorkflowList();
|
await fetchWorkflowList();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
ElMessage.error('保存工作流失败');
|
// 后端错误会自动显示
|
||||||
} finally {
|
} finally {
|
||||||
saving.value = false;
|
saving.value = false;
|
||||||
}
|
}
|
||||||
@@ -1396,7 +1390,7 @@ const loadWorkflowFromDsl = (dsl: any) => {
|
|||||||
syncDsl();
|
syncDsl();
|
||||||
ElMessage.success('工作流已加载');
|
ElMessage.success('工作流已加载');
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
ElMessage.error('加载工作流失败');
|
// 后端错误会自动显示
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user