by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: loading

Browse Source
This commit is contained in:
dap 2024-12-16 14:52:05 +08:00
parent c978d14ea2
commit 75b766eeba
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
apps/web-antd/src/views/workflow/components/approval-panel.vue
View File

@ -22,11 +22,22 @@ defineOptions({
const props = defineProps<{ task?: TaskInfo }>(); const props = defineProps<{ task?: TaskInfo }>();
const currentFlowInfo = ref<FlowInfoResponse>(); const currentFlowInfo = ref<FlowInfoResponse>();
/**
* card的loading状态
*/
const loading = ref(false);
async function handleLoadInfo(task: TaskInfo | undefined) { async function handleLoadInfo(task: TaskInfo | undefined) {
if (!task) return null; try {
const resp = await flowInfo(task.businessId); if (!task) return null;
currentFlowInfo.value = resp; loading.value = true;
const resp = await flowInfo(task.businessId);
currentFlowInfo.value = resp;
} catch (error) {
console.error(error);
} finally {
loading.value = false;
}
} }
watch(() => props.task, handleLoadInfo); watch(() => props.task, handleLoadInfo);
@ -38,6 +49,7 @@ onUnmounted(() => (currentFlowInfo.value = undefined));
<Card <Card
v-if="task" v-if="task"
:body-style="{ overflowY: 'auto', height: '100%' }" :body-style="{ overflowY: 'auto', height: '100%' }"
:loading="loading"
:title="`编号: ${task.id}`" :title="`编号: ${task.id}`"
class="thin-scrollbar flex-1 overflow-y-hidden" class="thin-scrollbar flex-1 overflow-y-hidden"
size="small" size="small"