fix(frontend): redis数据构造记录删除补充实例展示 TencentBlueKing#8219

# Reviewed, transaction id: 25052
jinquantianxia · Dec 2, 2024 · 0565bff · 0565bff
1 parent 1d8b785
commit 0565bff
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 16 deletions.
diff --git a/dbm-ui/frontend/src/services/model/ticket/details/redis.ts b/dbm-ui/frontend/src/services/model/ticket/details/redis.ts
@@ -402,6 +402,9 @@ export interface RedisStructureDeleteDetails extends DetailBase {
     related_rollback_bill_id: number;
     prod_cluster: string;
     bk_cloud_id: number;
+    display_info: {
+      temp_cluster_proxy: string;
+    };
   }[];
 }
 

diff --git a/dbm-ui/frontend/src/types/auto-imports.d.ts b/dbm-ui/frontend/src/types/auto-imports.d.ts
@@ -71,6 +71,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/structure-instance/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/structure-instance/pages/page1/Index.vue
@@ -407,6 +407,9 @@
           related_rollback_bill_id,
           cluster_id: item.prod_cluster_id,
           bk_cloud_id,
+          display_info: {
+            temp_cluster_proxy: item.temp_cluster_proxy,
+          },
         };
         return obj;
       });
@@ -417,6 +420,9 @@
         related_rollback_bill_id: rowData.related_rollback_bill_id,
         cluster_id: rowData.prod_cluster_id,
         bk_cloud_id: rowData.bk_cloud_id,
+        display_info: {
+          temp_cluster_proxy: rowData.temp_cluster_proxy,
+        },
       },
     ];
   };

diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/redis/StructureDelete.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/redis/StructureDelete.vue
@@ -12,9 +12,21 @@
 -->
 
 <template>
-  <DbOriginalTable
-    :columns="columns"
-    :data="ticketDetails.details.infos" />
+  <BkTable
+    :data="ticketDetails.details.infos"
+    show-overflow-tooltip>
+    <BkTableColumn :label="t('构造产物访问入口')">
+      <template #default="{ row }">
+        {{ row.display_info.temp_cluster_proxy }}
+      </template>
+    </BkTableColumn>
+    <BkTableColumn
+      field="prod_cluster"
+      :label="t('源集群')" />
+    <BkTableColumn
+      field="related_rollback_bill_id"
+      :label="t('关联单据')" />
+  </BkTable>
 </template>
 
 <script setup lang="tsx">
@@ -30,16 +42,4 @@
   defineProps<Props>();
 
   const { t } = useI18n();
-
-  const columns = [
-    {
-      label: t('目标集群'),
-      field: 'prod_cluster',
-      showOverflowTooltip: true,
-    },
-    {
-      label: t('关联单据'),
-      field: 'related_rollback_bill_id',
-    },
-  ];
 </script>