From 4be679524e529f514be23cc44e01dd1d697b1577 Mon Sep 17 00:00:00 2001
From: hLinx <327159425@qq.com>
Date: Thu, 9 Jan 2025 15:22:15 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E5=B9=B3=E5=8F=B0=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=8D=95=E6=8D=AE=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=80=BB=E8=BE=91=E5=86=B2=E7=AA=81=20#8998?=
 =?UTF-8?q?=20#=20Reviewed,=20transaction=20id:=2028907?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ticket-center/common/TableModeTable.vue   |  4 ++++
 .../components/list/components/TableMode.vue  | 22 +++----------------
 2 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/dbm-ui/frontend/src/views/ticket-center/common/TableModeTable.vue b/dbm-ui/frontend/src/views/ticket-center/common/TableModeTable.vue
index 5619164403..c9dfbffe93 100644
--- a/dbm-ui/frontend/src/views/ticket-center/common/TableModeTable.vue
+++ b/dbm-ui/frontend/src/views/ticket-center/common/TableModeTable.vue
@@ -8,6 +8,10 @@
         :max-height="tableMaxHeight"
         :pagination="pagination"
         :row-class="rowClass"
+        :row-config="{
+          useKey: true,
+          keyField: 'id',
+        }"
         :show-overflow="false"
         @filter-change="handleFilterChange"
         @page-limit-change="handlePageLimitChange"
diff --git a/dbm-ui/frontend/src/views/ticket-center/platform-manage/components/list/components/TableMode.vue b/dbm-ui/frontend/src/views/ticket-center/platform-manage/components/list/components/TableMode.vue
index f2951fe3fa..51e252d192 100644
--- a/dbm-ui/frontend/src/views/ticket-center/platform-manage/components/list/components/TableMode.vue
+++ b/dbm-ui/frontend/src/views/ticket-center/platform-manage/components/list/components/TableMode.vue
@@ -40,9 +40,9 @@
   </div>
 </template>
 <script setup lang="ts">
-  import { getCurrentInstance, onActivated, onDeactivated } from 'vue';
+  import { onActivated } from 'vue';
   import { useI18n } from 'vue-i18n';
-  import { useRoute, useRouter } from 'vue-router';
+  import { useRoute } from 'vue-router';
 
   import TicketModel from '@services/model/ticket/ticket';
   import { getTickets } from '@services/source/ticket';
@@ -57,12 +57,10 @@
 
   type IRowData = TicketModel;
 
-  const router = useRouter();
   const route = useRoute();
   const { t } = useI18n();
-  const currentInstance = getCurrentInstance();
 
-  const { getSearchParams, removeSearchParam } = useUrlSearch();
+  const { removeSearchParam } = useUrlSearch();
 
   const { value: datePickerValue, shortcutsRange } = useDatePicker();
 
@@ -81,20 +79,6 @@
     selectTicketId.value = Number(route.query.selectId);
     removeSearchParam('selectId');
   });
-
-  onDeactivated(() => {
-    setTimeout(() => {
-      if (currentInstance!.isUnmounted) {
-        return;
-      }
-      router.replace({
-        params: {
-          ticketId: selectTicketId.value,
-        },
-        query: getSearchParams(),
-      });
-    });
-  });
 </script>
 <style lang="less">
   .ticket-list-table-mode {