mirror of
https://github.com/fastapiadmin/FastapiAdmin.git
synced 2026-09-27 06:41:12 +00:00
refactor: 为新增按钮添加加载状态管理
统一三个页面的新增按钮加载状态处理,通过封装handleAdd函数统一控制loading状态,避免重复代码,提升交互体验
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user