diff --git a/dbm-ui/frontend/src/components/cluster-selector/components/common/task-panel/Item.vue b/dbm-ui/frontend/src/components/cluster-selector/components/common/task-panel/Item.vue
index a2ddd2e50b..7b4f4dbbd6 100644
--- a/dbm-ui/frontend/src/components/cluster-selector/components/common/task-panel/Item.vue
+++ b/dbm-ui/frontend/src/components/cluster-selector/components/common/task-panel/Item.vue
@@ -63,8 +63,8 @@
   const handleClickRelatedTicket = (billId: number) => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: billId,
+      params: {
+        ticketId: billId,
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/components/system-search/components/search-result/render-result/Ticket.vue b/dbm-ui/frontend/src/components/system-search/components/search-result/render-result/Ticket.vue
index 7037fd283c..66f4ed326a 100644
--- a/dbm-ui/frontend/src/components/system-search/components/search-result/render-result/Ticket.vue
+++ b/dbm-ui/frontend/src/components/system-search/components/search-result/render-result/Ticket.vue
@@ -44,8 +44,8 @@
     location(
       {
         name: 'bizTicketManage',
-        query: {
-          id: data.id,
+        params: {
+          ticketId: data.id,
         },
       },
       data.bk_biz_id,
diff --git a/dbm-ui/frontend/src/hooks/useCreateTicket.tsx b/dbm-ui/frontend/src/hooks/useCreateTicket.tsx
index 6a108b4e74..7cb6c8f169 100644
--- a/dbm-ui/frontend/src/hooks/useCreateTicket.tsx
+++ b/dbm-ui/frontend/src/hooks/useCreateTicket.tsx
@@ -23,8 +23,8 @@ export const useCreateTicket = (params: Record<string, any>) => {
           content: () => {
             const route = router.resolve({
               name: 'bizTicketManage',
-              query: {
-                id,
+              params: {
+                ticketId: id,
               },
             });
 
diff --git a/dbm-ui/frontend/src/hooks/useTicketMessage.ts b/dbm-ui/frontend/src/hooks/useTicketMessage.ts
index 58e1295f67..44973cf5db 100644
--- a/dbm-ui/frontend/src/hooks/useTicketMessage.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketMessage.ts
@@ -21,8 +21,8 @@ export const useTicketMessage = () => {
   return (id: number | string) => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id,
+      params: {
+        ticketId: id,
       },
     });
 
diff --git a/dbm-ui/frontend/src/services/source/ticket.tsx b/dbm-ui/frontend/src/services/source/ticket.tsx
index 352fe9e68a..84f14dd156 100644
--- a/dbm-ui/frontend/src/services/source/ticket.tsx
+++ b/dbm-ui/frontend/src/services/source/ticket.tsx
@@ -70,8 +70,8 @@ export function createTicket(formData: Record<string, any>) {
 
         const route = router.resolve({
           name: 'bizTicketManage',
-          query: {
-            id,
+          params: {
+            ticketId: id,
           },
         });
         return new Promise<{ id: number }>((resolve, reject) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/common/OperationBtnStatusTips.vue b/dbm-ui/frontend/src/views/db-manage/common/OperationBtnStatusTips.vue
index 18eaca360e..d905470a09 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/OperationBtnStatusTips.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/OperationBtnStatusTips.vue
@@ -33,8 +33,8 @@
               target="_blank"
               :to="{
                 name: 'bizTicketManage',
-                query: {
-                  id: data.operationTicketId,
+                params: {
+                  ticketId: data.operationTicketId,
                 },
               }">
               {{ $t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/common/RenderOperationTag.vue b/dbm-ui/frontend/src/views/db-manage/common/RenderOperationTag.vue
index a8d3f129de..daebc653b6 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/RenderOperationTag.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/RenderOperationTag.vue
@@ -35,8 +35,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: data.ticketId,
+          params: {
+            ticketId: data.ticketId,
           },
         }">
         {{ $t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-event-change/EventChange.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-event-change/EventChange.vue
index 0248d4a5e8..2a24ac962e 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-event-change/EventChange.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-event-change/EventChange.vue
@@ -97,8 +97,8 @@
         <router-link
           to={{
             name: 'bizTicketManage',
-            query: {
-              id: data.ticket_id,
+            params: {
+              ticketId: data.ticket_id,
             },
           }}
           target="_blank">
diff --git a/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/detail/components/node-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/detail/components/node-list/Index.vue
index dfec1299b5..52416db2c7 100644
--- a/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/detail/components/node-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/detail/components/node-list/Index.vue
@@ -109,8 +109,8 @@
           target="_blank"
           :to="{
             name: 'bizTicketManage',
-            query: {
-              id: operationData?.operationTicketId,
+            params: {
+              ticketId: operationData?.operationTicketId,
             },
           }">
           {{ t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/detail/components/node-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/detail/components/node-list/Index.vue
index 50c7310cbe..9cb2b64e78 100644
--- a/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/detail/components/node-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/detail/components/node-list/Index.vue
@@ -104,8 +104,8 @@
           target="_blank"
           :to="{
             name: 'bizTicketManage',
-            query: {
-              id: operationData?.operationTicketId,
+            params: {
+              ticketId: operationData?.operationTicketId,
             },
           }">
           {{ t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/kafka/list/components/detail/components/node-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/kafka/list/components/detail/components/node-list/Index.vue
index 294895bc35..27f20bafe2 100644
--- a/dbm-ui/frontend/src/views/db-manage/kafka/list/components/detail/components/node-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/kafka/list/components/detail/components/node-list/Index.vue
@@ -108,8 +108,8 @@
           target="_blank"
           :to="{
             name: 'bizTicketManage',
-            query: {
-              id: operationData?.operationTicketId,
+            params: {
+              ticketId: operationData?.operationTicketId,
             },
           }">
           {{ t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/structure-instance/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/structure-instance/Index.vue
index 1a0b41db06..59527ed913 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/structure-instance/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/structure-instance/Index.vue
@@ -275,8 +275,8 @@
           target="_blank"
           to={{
             name: 'bizTicketManage',
-            query: {
-              id: data.ticket_id,
+            params: {
+              ticketId: data.ticket_id,
             },
           }}>
           {data.ticket_id}
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/checksum/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/checksum/pages/page2/Index.vue
index bc63368d7b..55007eb127 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/checksum/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/checksum/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ t('单据') }}
@@ -75,8 +75,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page2/Index.vue
index 7ed3b39b89..1559fc056e 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -71,8 +71,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-clear/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-clear/pages/page2/Index.vue
index ef9405fdba..ce4e3da1ab 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-clear/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-clear/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-rename/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-rename/pages/page2/Index.vue
index 887e4cc88e..139975c92d 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-rename/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-rename/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page2/Index.vue
index 0f68f139a1..9ad2261ada 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/Index.vue
index f4c0952658..9eefa1f93d 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/Index.vue
@@ -518,8 +518,8 @@
     }
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId,
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/OperationBtnTip.vue b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/OperationBtnTip.vue
index 55031b976d..5ab95ec393 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/OperationBtnTip.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/OperationBtnTip.vue
@@ -28,8 +28,8 @@
           target="_blank"
           :to="{
             name: 'bizTicketManage',
-            query: {
-              id: data.operationTicketId,
+            params: {
+              ticketId: data.operationTicketId,
             },
           }">
           {{ $t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/flashback/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/flashback/pages/page2/Index.vue
index 0578f9eecb..4650210d40 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/flashback/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/flashback/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -71,8 +71,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/master-failover/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/master-failover/pages/page2/Index.vue
index 28bf80f21a..87a5aafa9f 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/master-failover/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/master-failover/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-clone/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-clone/pages/page2/Index.vue
index adc2d3d9e8..2acfc58255 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-clone/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-clone/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page2/Index.vue
index 888f4cbfc7..82a1be8807 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/Index.vue
index 8406a1204c..4035db1742 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/Index.vue
@@ -232,8 +232,8 @@
               <router-link
                 to={{
                   name: 'bizTicketManage',
-                  query: {
-                    id: data.ticket_id,
+                  params: {
+                    ticketId: data.ticket_id,
                   },
                 }}
                 target="_blank">
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/components/ExecuteLog.vue b/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/components/ExecuteLog.vue
index 0ecdf35d19..0b5592a52b 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/components/ExecuteLog.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/components/ExecuteLog.vue
@@ -55,8 +55,8 @@
           target="_blank"
           to={{
             name: 'bizTicketManage',
-            query: {
-              id: data.ticket_id,
+            params: {
+              ticketId: data.ticket_id,
             },
           }}>
           {data.ticket_id}
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-client/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-client/pages/page2/Index.vue
index 6e3989c4ec..47ad4c5850 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-client/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-client/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-inst/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-inst/pages/page2/Index.vue
index a7e7fdd455..b45132735c 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-inst/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-inst/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/proxy-add/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/proxy-add/pages/page2/Index.vue
index aedb09d825..9e236fa6a6 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/proxy-add/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/proxy-add/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/proxy-replace/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/proxy-replace/pages/page2/Index.vue
index d2e3e17c62..7055ea320d 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/proxy-replace/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/proxy-replace/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/rollback/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/rollback/pages/page2/Index.vue
index 3df5bb5632..9e6195ecbd 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/rollback/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/rollback/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/slave-rebuild/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/slave-rebuild/pages/page2/Index.vue
index 69b88ce81a..085acdf8f3 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/slave-rebuild/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/slave-rebuild/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/sql-execute/steps/step3/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/sql-execute/steps/step3/Index.vue
index b5403d8960..988fc882e2 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/sql-execute/steps/step3/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/sql-execute/steps/step3/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -80,8 +80,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/version-upgrade/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/version-upgrade/pages/page2/Index.vue
index 1b454097e1..875d7d3479 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/version-upgrade/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/version-upgrade/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue
index 46566f5dcf..e813396d65 100644
--- a/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue
@@ -108,8 +108,8 @@
           target="_blank"
           :to="{
             name: 'bizTicketManage',
-            query: {
-              id: operationData?.operationTicketId,
+            params: {
+              ticketId: operationData?.operationTicketId,
             },
           }">
           {{ t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/capacity-change/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/capacity-change/pages/page2/Index.vue
index fa72940958..7edcb6737a 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/capacity-change/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/capacity-change/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/cluster-shard-update/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/cluster-shard-update/pages/page2/Index.vue
index 5ff69a24b1..97cfce4661 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/cluster-shard-update/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/cluster-shard-update/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/cluster-type-update/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/cluster-type-update/pages/page2/Index.vue
index a8ad25523e..015ef4e0ab 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/cluster-type-update/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/cluster-type-update/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: ticketId,
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/data-check-repair/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/data-check-repair/pages/page2/Index.vue
index 4a0d139cdd..5c6cb9518a 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/data-check-repair/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/data-check-repair/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/db-create-slave/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/db-create-slave/pages/page2/Index.vue
index 5c800d877f..2784da9f7f 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/db-create-slave/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/db-create-slave/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy-record/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy-record/pages/page1/Index.vue
index 9627b4460f..c3a6c4c29c 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy-record/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy-record/pages/page1/Index.vue
@@ -311,8 +311,8 @@
           target="_blank"
           to={{
             name: 'bizTicketManage',
-            query: {
-              id: data.bill_id,
+            params: {
+              ticketId: data.bill_id,
             },
           }}>
           {data.bill_id}
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy-record/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy-record/pages/page2/Index.vue
index da47001dc2..9fc8cab661 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy-record/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy-record/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy/pages/page2/Index.vue
index 461c4ab212..b4de7ef853 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/db-data-copy/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -88,8 +88,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/db-replace/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/db-replace/pages/page2/Index.vue
index 29fe34509d..59b8f841ba 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/db-replace/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/db-replace/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/db-structure/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/db-structure/pages/page2/Index.vue
index da47001dc2..9fc8cab661 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/db-structure/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/db-structure/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/install-module/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/install-module/pages/page2/Index.vue
index 49c3a83dca..8c2992103c 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/install-module/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/install-module/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/components/OperationStatusTips.vue b/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/components/OperationStatusTips.vue
index 22987cd76c..a0a5fe45ff 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/components/OperationStatusTips.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/components/OperationStatusTips.vue
@@ -27,8 +27,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: data.ticket_id,
+          params: {
+            ticketId: data.ticket_id,
           },
         }">
         {{ $t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/master-failover/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/master-failover/pages/page2/Index.vue
index 6b1d70015a..918a26046f 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/master-failover/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/master-failover/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/proxy-scale-down/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/proxy-scale-down/pages/page2/Index.vue
index 67ec6e847c..03d84d7736 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/proxy-scale-down/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/proxy-scale-down/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/proxy-scale-up/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/proxy-scale-up/pages/page2/Index.vue
index e9e6dc4760..4c88aa6228 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/proxy-scale-up/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/proxy-scale-up/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/recover-from-instance/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/recover-from-instance/pages/page2/Index.vue
index 6ceb754254..e7a0081fcc 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/recover-from-instance/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/recover-from-instance/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
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
index 5ebee1d1fd..5bd438f213 100644
--- 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
@@ -196,8 +196,8 @@
                 <router-link
                   to={{
                     name: 'bizTicketManage',
-                    query: {
-                      id: data.related_rollback_bill_id,
+                    params: {
+                      ticketId: data.related_rollback_bill_id,
                     },
                   }}
                   target="_blank">
@@ -311,8 +311,8 @@
           target="_blank"
           to={{
             name: 'bizTicketManage',
-            query: {
-              id: data.related_rollback_bill_id,
+            params: {
+              ticketId: data.related_rollback_bill_id,
             },
           }}>
           {data.related_rollback_bill_id}
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/structure-instance/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/structure-instance/pages/page2/Index.vue
index da47001dc2..9fc8cab661 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/structure-instance/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/structure-instance/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/version-upgrade/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/version-upgrade/pages/page2/Index.vue
index ad38216d21..ac71a7c124 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/version-upgrade/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/version-upgrade/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/riak/list/components/detail/components/EventChange.vue b/dbm-ui/frontend/src/views/db-manage/riak/list/components/detail/components/EventChange.vue
index 498eadbb4c..64f1b97337 100644
--- a/dbm-ui/frontend/src/views/db-manage/riak/list/components/detail/components/EventChange.vue
+++ b/dbm-ui/frontend/src/views/db-manage/riak/list/components/detail/components/EventChange.vue
@@ -154,7 +154,9 @@
   const handleToTicket = (id: number) => {
     const localtion = router.resolve({
       name: 'bizTicketManage',
-      query: { id },
+      params: {
+        ticketId: id,
+      },
     });
     window.open(localtion.href, '_blank');
   };
diff --git a/dbm-ui/frontend/src/views/db-manage/riak/list/components/detail/components/NodeList.vue b/dbm-ui/frontend/src/views/db-manage/riak/list/components/detail/components/NodeList.vue
index 001663a5f5..9f17e42fbb 100644
--- a/dbm-ui/frontend/src/views/db-manage/riak/list/components/detail/components/NodeList.vue
+++ b/dbm-ui/frontend/src/views/db-manage/riak/list/components/detail/components/NodeList.vue
@@ -89,8 +89,8 @@
           target="_blank"
           :to="{
             name: 'bizTicketManage',
-            query: {
-              id: operationData?.operationTicketId,
+            params: {
+              ticketId: operationData?.operationTicketId,
             },
           }">
           {{ t('单据') }}
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate-record/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate-record/Index.vue
index 35fd8542d1..a72abb8d7e 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate-record/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate-record/Index.vue
@@ -63,8 +63,8 @@
               target="_blank"
               :to="{
                 name: 'bizTicketManage',
-                query: {
-                  id: rowData.ticket_id,
+                params: {
+                  ticketId: rowData.ticket_id,
                 },
               }">
               {{ rowData.ticket_id }}
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page2/Index.vue
index 842d5ca2db..f5f16818f2 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page2/Index.vue
index b3e8c547af..eb9985cdaa 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/checksum/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/checksum/pages/page2/Index.vue
index 441b76e376..36c55a94a6 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/checksum/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/checksum/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -75,8 +75,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page2/Index.vue
index b82051b58a..03e88e9098 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -71,8 +71,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-clear/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-clear/pages/page2/Index.vue
index 9525c91dd0..b0ec180c29 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-clear/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-clear/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-rename/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-rename/pages/page2/Index.vue
index 0926a23ceb..6f4c1ebaad 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-rename/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-rename/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page2/Index.vue
index e4ac0de22b..8d16ac8ecb 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/flashback/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/flashback/pages/page2/Index.vue
index 0ad8fa19a5..5af92edeac 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/flashback/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/flashback/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -71,8 +71,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
index 95a9c6242f..b52171309f 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
@@ -1139,8 +1139,8 @@
   const handleClickRelatedTicket = (billId: number) => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: billId,
+      params: {
+        ticketId: billId,
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page2/Index.vue
index d023108a0f..d2232190d3 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page2/Index.vue
index 665d2ae15e..4c30d59b1b 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/Index.vue
index b58afdd438..9e005ffd9d 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/Index.vue
@@ -240,8 +240,8 @@
               <router-link
                 to={{
                   name: 'bizTicketManage',
-                  query: {
-                    id: data.ticket_id,
+                  params: {
+                    ticketId: data.ticket_id,
                   },
                 }}
                 target="_blank">
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/components/ExecuteLog.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/components/ExecuteLog.vue
index 0d7f64cca7..6cf46a8005 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/components/ExecuteLog.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/components/ExecuteLog.vue
@@ -55,8 +55,8 @@
           target="_blank"
           to={{
             name: 'bizTicketManage',
-            query: {
-              id: data.ticket_id,
+            params: {
+              ticketId: data.ticket_id,
             },
           }}>
           {data.ticket_id}
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-client/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-client/pages/page2/Index.vue
index 875ab3d30f..0f86fb3be2 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-client/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-client/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page2/Index.vue
index fee18f3c40..fb47b1f590 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page2/Index.vue
index 2a7d9825db..8060e0a5b8 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page2/Index.vue
index 56633c214b..abef42692c 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/components/cluster-selector-table/task-panel/TaskItem.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/components/cluster-selector-table/task-panel/TaskItem.vue
index 898915997d..95c5b6ac9d 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/components/cluster-selector-table/task-panel/TaskItem.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/components/cluster-selector-table/task-panel/TaskItem.vue
@@ -60,8 +60,8 @@
   const handleClickRelatedTicket = (billId: number) => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: billId,
+      params: {
+        ticketId: billId,
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page2/Index.vue
index 5d55421639..18f0321663 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ $t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback-record/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback-record/Index.vue
index c249776393..a508f932d4 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback-record/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback-record/Index.vue
@@ -129,8 +129,8 @@
         <router-link
           to={{
             name: 'bizTicketManage',
-            query: {
-              id: data.ticket_id,
+            params: {
+              ticketId: data.ticket_id,
             },
           }}
           target="_blank">
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page2/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page2/Index.vue
index 2af85dbb82..60f18a66d2 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page2/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page2/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -72,8 +72,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/sql-execute/steps/step3/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/sql-execute/steps/step3/Index.vue
index 0dd39d59be..f5c1539c9d 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/sql-execute/steps/step3/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/sql-execute/steps/step3/Index.vue
@@ -23,8 +23,8 @@
         target="_blank"
         :to="{
           name: 'bizTicketManage',
-          query: {
-            id: ticketId,
+          params: {
+            ticketId: Number(ticketId),
           },
         }">
         {{ t('单据') }}
@@ -80,8 +80,8 @@
   const handleGoTicket = () => {
     const route = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: ticketId,
+      params: {
+        ticketId: Number(ticketId),
       },
     });
     window.open(route.href);
diff --git a/dbm-ui/frontend/src/views/quick-search/components/Task.vue b/dbm-ui/frontend/src/views/quick-search/components/Task.vue
index b0bba58d4b..c6eb2b35cd 100644
--- a/dbm-ui/frontend/src/views/quick-search/components/Task.vue
+++ b/dbm-ui/frontend/src/views/quick-search/components/Task.vue
@@ -211,8 +211,8 @@
   const handleToTicket = (id: string) => {
     const url = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id,
+      params: {
+        ticketId: id,
       },
     });
     window.open(url.href, '_blank');
diff --git a/dbm-ui/frontend/src/views/quick-search/components/Ticket.vue b/dbm-ui/frontend/src/views/quick-search/components/Ticket.vue
index c6bb9e5f6d..fef0e47a48 100644
--- a/dbm-ui/frontend/src/views/quick-search/components/Ticket.vue
+++ b/dbm-ui/frontend/src/views/quick-search/components/Ticket.vue
@@ -153,8 +153,8 @@
   const handleToTicket = (data: Props['data'][number]) => {
     location({
       name: 'bizTicketManage',
-      query: {
-        id: data.id,
+      params: {
+        ticketId: data.id,
       },
     }, data.bk_biz_id);
   };
diff --git a/dbm-ui/frontend/src/views/resource-manage/dirty-machine/Index.vue b/dbm-ui/frontend/src/views/resource-manage/dirty-machine/Index.vue
index 94d10178c4..67ddd51690 100644
--- a/dbm-ui/frontend/src/views/resource-manage/dirty-machine/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/dirty-machine/Index.vue
@@ -495,8 +495,8 @@
   const handleGoTicketDetail = (data: DirtyMachinesModel) => {
     const { href } = router.resolve({
       name: 'bizTicketManage',
-      query: {
-        id: data.ticket_id,
+      params: {
+        ticketId: data.ticket_id,
       },
     });
     window.open(href.replace(/(\d)+/, `${data.bk_biz_id}`));
diff --git a/dbm-ui/frontend/src/views/resource-manage/record/Index.vue b/dbm-ui/frontend/src/views/resource-manage/record/Index.vue
index a7abd4e1db..bec0ac49ff 100644
--- a/dbm-ui/frontend/src/views/resource-manage/record/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/record/Index.vue
@@ -196,8 +196,8 @@
         ? <auth-router-link
             to={{
               name: 'bizTicketManage',
-              query: {
-                id: data.ticket_id,
+              params: {
+                ticketId: data.ticket_id,
               },
             }}
             action-id="ticket_view"
diff --git a/dbm-ui/frontend/src/views/task-history/pages/Details.vue b/dbm-ui/frontend/src/views/task-history/pages/Details.vue
index 902458261e..3873491389 100644
--- a/dbm-ui/frontend/src/views/task-history/pages/Details.vue
+++ b/dbm-ui/frontend/src/views/task-history/pages/Details.vue
@@ -599,8 +599,8 @@
               target="_blank"
               to={{
                 name: 'bizTicketManage',
-                query: {
-                  id: baseInfo.value.uid,
+                params: {
+                  ticketId: baseInfo.value.uid,
                 },
               }}>
               {baseInfo.value.uid}
diff --git a/dbm-ui/frontend/src/views/task-history/pages/index.vue b/dbm-ui/frontend/src/views/task-history/pages/index.vue
index 8c8c22d286..8fcf109fcb 100644
--- a/dbm-ui/frontend/src/views/task-history/pages/index.vue
+++ b/dbm-ui/frontend/src/views/task-history/pages/index.vue
@@ -210,8 +210,8 @@
           resource={data.uid}
           to={{
             name: 'bizTicketManage',
-            query: {
-              id: data.uid,
+            params: {
+              ticketId: data.uid,
             }
           }}
           target="_blank">
diff --git a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/BaseInfo.vue b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/BaseInfo.vue
index 2bce12c707..54752490ae 100644
--- a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/BaseInfo.vue
+++ b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/BaseInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <DbCard
-    :collapse="isBaseinfoCardCollapse"
+    v-model:collapse="isBaseinfoCardCollapse"
     mode="collapse"
     :title="t('基本信息')">
     <table class="ticket-base-info">
@@ -54,7 +54,17 @@
   const { t } = useI18n();
   const route = useRoute();
 
-  const isBaseinfoCardCollapse = route.name === 'ticketDetail';
+  const isBaseinfoCardCollapse = ref(false);
+
+  watch(
+    route,
+    () => {
+      isBaseinfoCardCollapse.value = route.name === 'ticketDetail';
+    },
+    {
+      immediate: true,
+    },
+  );
 </script>
 <style lang="less">
   .ticket-base-info {
diff --git a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/flow-info/Index.vue b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/flow-info/Index.vue
index f0029f34d8..333656c025 100644
--- a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/flow-info/Index.vue
+++ b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/flow-info/Index.vue
@@ -13,6 +13,7 @@
 
 <template>
   <DbCard
+    v-model:collapse="isCardCollapse"
     mode="collapse"
     :title="t('实施进度')">
     <BkLoading :loading="isLoading">
@@ -38,6 +39,7 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
+  import { useRoute } from 'vue-router';
 
   import TicketModel from '@services/model/ticket/ticket';
   import { getTicketFlows } from '@services/source/ticketFlow';
@@ -56,6 +58,7 @@
   });
 
   const { t } = useI18n();
+  const route = useRoute();
 
   const flowTypeModule = Object.values(
     import.meta.glob<{
@@ -73,6 +76,7 @@
     {},
   );
 
+  const isCardCollapse = ref(true);
   const isLoading = ref(true);
   const flowList = shallowRef<ServiceReturnType<typeof getTicketFlows>>([]);
 
@@ -102,4 +106,13 @@
       immediate: true,
     },
   );
+  watch(
+    route,
+    () => {
+      isCardCollapse.value = true;
+    },
+    {
+      immediate: true,
+    },
+  );
 </script>
diff --git a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/Index.vue b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/Index.vue
index a8993178e4..2a7ef2d300 100644
--- a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/Index.vue
+++ b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/Index.vue
@@ -29,11 +29,10 @@
 
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
+  import { useRoute } from 'vue-router';
 
   import TicketModel from '@services/model/ticket/ticket';
 
-  import { useStorage } from '@vueuse/core';
-
   import InfoList, { Item } from './com-factory/components/info-list/Index.vue';
   import ComFactory from './com-factory/Index.vue';
 
@@ -48,8 +47,19 @@
   });
 
   const { t } = useI18n();
-
-  const isTaskInfoCardCollapse = useStorage('ticketTaskInfo', false);
+  const route = useRoute();
+
+  const isTaskInfoCardCollapse = ref(true);
+
+  watch(
+    route,
+    () => {
+      isTaskInfoCardCollapse.value = true;
+    },
+    {
+      immediate: true,
+    },
+  );
 </script>
 
 <style lang="less">
diff --git a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/tendbCluster/FullBackup.vue b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/tendbCluster/FullBackup.vue
index 1a0697eabf..93b66e06f5 100644
--- a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/tendbCluster/FullBackup.vue
+++ b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/tendbCluster/FullBackup.vue
@@ -12,14 +12,6 @@
 -->
 
 <template>
-  <InfoList>
-    <InfoItem :label="t('备份类型:')">
-      {{ backupType }}
-    </InfoItem>
-    <InfoItem :label="t('备份保存时间:')">
-      {{ backupTime }}
-    </InfoItem>
-  </InfoList>
   <BkTable
     :data="ticketDetails.details.infos.clusters"
     show-overflow-tooltip>
@@ -34,6 +26,14 @@
       </template>
     </BkTableColumn>
   </BkTable>
+  <InfoList>
+    <InfoItem :label="t('备份类型:')">
+      {{ backupType }}
+    </InfoItem>
+    <InfoItem :label="t('备份保存时间:')">
+      {{ backupTime }}
+    </InfoItem>
+  </InfoList>
 </template>
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';