fix(frontend): 单据详情轮询时取消 loading 效果 #6877

# Reviewed, transaction id: 18182
TencentBlueKing · Sep 12, 2024 · 48c45a9 · 48c45a9
1 parent c7c0266
commit 48c45a9
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 21 deletions.
diff --git a/dbm-ui/frontend/src/components/instance-selector/components/sqlserver/table/Index.vue b/dbm-ui/frontend/src/components/instance-selector/components/sqlserver/table/Index.vue
@@ -305,7 +305,7 @@
   }, { immediate: true, deep: true });
 
   watch(() => props.clusterId, () => {
-        fetchResources();
+    fetchResources();
   });
 
   const triggerChange = () => {

diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/DemandInfo.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/components/DemandInfo.vue
@@ -55,7 +55,7 @@
   }
 
   interface Props {
-    data: TicketDetails<T>;
+    data: TicketDetails<any>;
     config: DemandInfoConfig[];
   }
 

diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/HaApply.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/HaApply.vue
@@ -147,20 +147,21 @@
       ),
     })
   }
-
-  config[2].list.splice(3, 0, {
+  if (nodes){
+    config[2].list.splice(3, 0, {
     label: t('集群设置'),
     isTable: true,
     render: () => (
-      <PreviewTable
-        data={tableData.value}
-        is-show-nodes={!isFromResourcePool}
-        is-single-type={isSingleType}
-        max-height={240}
-        min-height={0}
-        nodeList={nodes[ClusterTypes.SQLSERVER_HA]} />
-    ),
-  })
+        <PreviewTable
+          data={tableData.value}
+          is-show-nodes={!isFromResourcePool}
+          is-single-type={isSingleType}
+          max-height={240}
+          min-height={0}
+          nodeList={nodes[ClusterTypes.SQLSERVER_HA]} />
+      ),
+    })
+  }
 
   const cityName = ref('--');
 

diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/SingleApply.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/sqlserver/SingleApply.vue
@@ -129,6 +129,7 @@
     })
   }
 
+  if (nodes){
     config[2].list.splice(3, 0, {
       label: t('集群设置'),
       isTable: true,
@@ -142,6 +143,7 @@
           nodeList={nodes[ClusterTypes.SQLSERVER_SINGLE]} />
       ),
     })
+  }
 
   const cityName = ref('--');
 

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
@@ -28,9 +28,7 @@
                 :class="{ 'tickets-main-is-fullscreen': isFullscreen }"
                 mode="collapse"
                 :title="t('需求信息')">
-                <DemandInfo
-                  :data="ticketData"
-                  :is-loading="isLoading" />
+                <DemandInfo :data="ticketData" />
                 <div class="ticket-details-item">
                   <span class="ticket-details-item-label">{{ t('备注') }}：</span>
                   <span class="ticket-details-item-value">{{ ticketData.remark || '--' }}</span>
@@ -86,19 +84,17 @@
 
   const isFullscreen = ref<boolean>(Boolean(route.query.isFullscreen));
   const demandCollapse = ref(false);
+  const isLoading = ref(true);
   const flowInfoRef = ref<InstanceType<typeof FlowInfo>>();
 
-  const {
-    run: fetchTicketDetails,
-    data: ticketData,
-    loading: isLoading,
-  } = useRequest(
+  const { run: 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 +113,7 @@
     () => props.ticketId,
     () => {
       if (props.ticketId) {
+        isLoading.value = true;
         ticketData.value = undefined;
         fetchTicketDetails({
           id: props.ticketId,