refactor: 为新增按钮添加加载状态管理

统一三个页面的新增按钮加载状态处理,通过封装handleAdd函数统一控制loading状态,避免重复代码,提升交互体验
This commit is contained in:
zhangtao
2026-06-21 17:40:09 +08:00
parent 7d2367e34e
commit 3389781834
3 changed files with 38 additions and 5 deletions
@@ -49,7 +49,7 @@
<ElCard shadow="hover" class="fa-table-card" :style="{ 'margin-top': '0' }">
<FaTableHeader :loading="myLoading" @refresh="getMyData">
<template #left>
<FaTableHeaderLeft perm-create="tenant:admin" @add="openApplyDialog" />
<FaTableHeaderLeft perm-create="tenant:admin" :create-loading="createLoading" @add="handleAdd" />
</template>
</FaTableHeader>
@@ -382,6 +382,17 @@ const applyRules = {
title: [{ required: true, message: "请输入发票抬头", trigger: "blur" }],
};
const createLoading = ref(false);
async function handleAdd() {
createLoading.value = true;
try {
openApplyDialog();
} finally {
createLoading.value = false;
}
}
function openApplyDialog() {
Object.assign(applyFormData, {
order_id: null,