diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
index a17dbf4f4c..006906b642 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
@@ -225,7 +225,7 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
-  import { useRouter } from 'vue-router';
+  import { useRoute, useRouter } from 'vue-router';
   import { Message } from '@arco-design/web-vue';
   import dayjs from 'dayjs';
 
@@ -353,7 +353,7 @@
       console.log(error);
     }
   }
-
+  const route = useRoute();
   const detailInfo = ref<DetailCase>({ ...initDetail });
   const customFields = ref<CustomAttributes[]>([]);
   const caseLevels = ref<CaseLevel>('P0');
@@ -412,7 +412,28 @@
 
   const shareLoading = ref<boolean>(false);
 
-  function shareHandler() {}
+  function shareHandler() {
+    const { origin } = window.location;
+    const url = `${origin}/#${route.path}?id=${detailInfo.value.id}&projectId=${appStore.currentProjectId}&organizationId=${appStore.currentOrgId}`;
+    if (navigator.clipboard) {
+      navigator.clipboard.writeText(url).then(
+        () => {
+          Message.info(t('bugManagement.detail.shareTip'));
+        },
+        (e) => {
+          Message.error(e);
+        }
+      );
+    } else {
+      const input = document.createElement('input');
+      input.value = url;
+      document.body.appendChild(input);
+      input.select();
+      document.execCommand('copy');
+      document.body.removeChild(input);
+      Message.info(t('bugManagement.detail.shareTip'));
+    }
+  }
 
   const followLoading = ref<boolean>(false);
   // 关注