fix(frontend): 单据详情 loading #6976

TencentBlueKing · Sep 18, 2024 · ffd5804 · ffd5804
1 parent d69720c
commit ffd5804
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/dbm-ui/frontend/src/views/tickets/my-tickets/components/details/Index.vue b/dbm-ui/frontend/src/views/tickets/my-tickets/components/details/Index.vue
@@ -87,14 +87,13 @@
   const isLoading = ref(true);
   const flowInfoRef = ref<InstanceType<typeof FlowInfo>>();
 
-  const { run: fetchTicketDetails, data: ticketData } = useRequest(
+  const { runAsync: fetchTicketDetails, data: ticketData } = useRequest(
     (params: ServiceParameters<typeof getTicketDetails>) =>
       getTicketDetails(params, {
         permission: 'catch',
       }),
     {
       onSuccess(_, params) {
-        isLoading.value = false;
         if (params[0].id !== props.ticketId) {
           return;
         }
@@ -117,6 +116,8 @@
         ticketData.value = undefined;
         fetchTicketDetails({
           id: props.ticketId,
+        }).finally(() => {
+          isLoading.value = false;
         });
       }
     },

diff --git a/dbm-ui/frontend/src/views/tickets/my-tickets/components/details/components/flow/Index.vue b/dbm-ui/frontend/src/views/tickets/my-tickets/components/details/components/flow/Index.vue
@@ -61,24 +61,26 @@
     return CommonFlows;
   });
 
-  const { run: fetchTicketFlows, cancel: cancelFetchTicketFlows } = useRequest(getTicketFlows, {
+  const { runAsync: fetchTicketFlows, cancel: cancelFetchTicketFlows } = useRequest(getTicketFlows, {
     manual: true,
     onSuccess(data, params) {
       if (params[0].id !== props.data.id) {
         return;
       }
-      isLoading.value = false;
       flowList.value = data;
     },
   });
 
   watch(
-    () => props.data,
+    () => props.data.id,
     () => {
       if (props.data.id) {
+        isLoading.value = true;
         cancelFetchTicketFlows();
         fetchTicketFlows({
           id: props.data.id,
+        }).finally(() => {
+          isLoading.value = false;
         });
       }
     },