From e60832e11faa59ca19a39901d8435003d619db47 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 10 Sep 2026 16:40:57 +0800
Subject: [PATCH] feat: related resource

---
 .../business/related-resources-drawer/index.vue        | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/business/related-resources-drawer/index.vue b/ui/src/components/business/related-resources-drawer/index.vue
index d72bda86798..6915f792b56 100644
--- a/ui/src/components/business/related-resources-drawer/index.vue
+++ b/ui/src/components/business/related-resources-drawer/index.vue
@@ -136,10 +136,10 @@ defineExpose({ open, close })
 </script>
 
 <template>
-  <MkDrawer v-model="visible" title="关联资源" size="60%" @closed="handleClosed">
+  <MkDrawer v-model="visible" title="查看关联资源" size="60%" @closed="handleClosed">
     <template v-if="targetResource">
-      <div class="flex items-center gap-2 mb-4">
-        <span>{{ resourceLabels[resourceType] }}</span>
+      <div class="flex items-center mb-4">
+        <span class="mr-4 mk-N600!">{{ resourceLabels[resourceType] }}</span>
 
         <ResourceIcon
           :resource-type="resourceType"
@@ -148,9 +148,11 @@ defineExpose({ open, close })
           :provider="targetResource.provider"
           :providers="providers"
         />
-        <span>{{ targetResource.name }}</span>
+        <span class="ml-2">{{ targetResource.name }}</span>
       </div>
 
+      <h4 class="mk-title-decoration mb-4">关联资源</h4>
+
       <div class="flex-between gap-3">
         <el-radio-group v-model="relationDirection" @change="changeDirection">
           <el-radio-button v-for="tab in relationTabs" :key="tab.value" :value="tab.value">{{ tab.label }}</el-radio-button>