From 4a30fb7436785dc176b958e7a69e6c7e90277366 Mon Sep 17 00:00:00 2001
From: RubyLiu <liulubingjava@163.com>
Date: Tue, 6 Feb 2024 15:37:37 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=BC=BA=E9=99=B7=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E5=88=86=E4=BA=AB=E7=BC=BA=E9=99=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/bug-detail-drawer.vue          | 24 +++++++++++++++++--
 frontend/src/views/bug-management/edit.vue    |  5 ++--
 frontend/src/views/bug-management/index.vue   |  8 ++++++-
 .../src/views/bug-management/locale/zh-CN.ts  |  1 +
 4 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/bug-management/components/bug-detail-drawer.vue b/frontend/src/views/bug-management/components/bug-detail-drawer.vue
index 25d1cb9e4b..fbf88ca483 100644
--- a/frontend/src/views/bug-management/components/bug-detail-drawer.vue
+++ b/frontend/src/views/bug-management/components/bug-detail-drawer.vue
@@ -158,7 +158,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 { debounce } from 'lodash-es';
 
@@ -194,6 +194,7 @@
   import { RouteEnum } from '@/enums/routeEnum';
 
   const router = useRouter();
+  const route = useRoute();
   const detailDrawerRef = ref<InstanceType<typeof MsDetailDrawer>>();
   const wrapperRef = ref();
   const { isFullScreen, toggleFullScreen } = useFullScreen(wrapperRef);
@@ -290,7 +291,26 @@
   const shareLoading = ref<boolean>(false);
 
   function shareHandler() {
-    Message.info(t('bugManagement.detail.shareTip'));
+    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);
diff --git a/frontend/src/views/bug-management/edit.vue b/frontend/src/views/bug-management/edit.vue
index 98ee8ade52..dada41f5bd 100644
--- a/frontend/src/views/bug-management/edit.vue
+++ b/frontend/src/views/bug-management/edit.vue
@@ -527,7 +527,6 @@
                 });
               } else {
                 Message.success(t('common.createSuccess'));
-
                 if (isContinue) {
                   // 如果是保存并继续创建
                   const { templateId } = form.value;
@@ -550,10 +549,12 @@
                     });
                     return;
                   }
+                  debugger;
                   router.push({
                     name: BugManagementRouteEnum.BUG_MANAGEMENT_CREATE_SUCCESS,
                     query: {
-                      id: res.id,
+                      ...route.query,
+                      id: res.data.id,
                     },
                   });
                 }
diff --git a/frontend/src/views/bug-management/index.vue b/frontend/src/views/bug-management/index.vue
index f2bc31f75a..57f9f9d4b7 100644
--- a/frontend/src/views/bug-management/index.vue
+++ b/frontend/src/views/bug-management/index.vue
@@ -125,6 +125,7 @@
 </template>
 
 <script lang="ts" async setup>
+  import { useRoute } from 'vue-router';
   import { Message, TableData } from '@arco-design/web-vue';
 
   import { MsAdvanceFilter, timeSelectOptions } from '@/components/pure/ms-advance-filter';
@@ -185,6 +186,7 @@
   const licenseStore = useLicenseStore();
   const isXpack = computed(() => licenseStore.hasLicense());
   const { openDeleteModal } = useModal();
+  const route = useRoute();
   // 自定义字段
   const customFields = ref<BugEditCustomField[]>([]);
   // 当前选择的条数
@@ -579,8 +581,12 @@
 
   onMounted(() => {
     setLoadListParams({ projectId: projectId.value });
-    fetchData();
     setExportOptionData();
+    fetchData();
+    if (route.query.id) {
+      // 分享或成功进来的页面
+      handleShowDetail(route.query.id as string, 0);
+    }
   });
 </script>
 
diff --git a/frontend/src/views/bug-management/locale/zh-CN.ts b/frontend/src/views/bug-management/locale/zh-CN.ts
index 8b7ff18930..a177497bf2 100644
--- a/frontend/src/views/bug-management/locale/zh-CN.ts
+++ b/frontend/src/views/bug-management/locale/zh-CN.ts
@@ -68,6 +68,7 @@ export default {
       detail: '详情',
       case: '用例',
       comment: '评论',
+      shareTip: '分享链接已复制到剪贴板',
       deleteTitle: '确认删除 {name} 吗？',
       deleteContent: '删除后，MeterSphere 创建的缺陷进入回收站；第三方平台同步的缺陷将不做回收',
     },