feat(frontend): 工具箱支持资源池协议变更_mysql添加proxy TencentBlueKing#8076

dbm-ui/frontend/src/hooks/useCreateTicket.ts

@@ -0,0 +1,34 @@
+import { createTicket } from '@services/source/ticket';
+
+import type { TicketTypes } from '@common/const';
+
+export function useCreateTicket<T>(ticketType: TicketTypes) {
+  const loading = ref(false);
+  const router = useRouter();
+
+  const run = async (details: T, remark = '') => {
+    loading.value = true;
+    const { id } = await createTicket<T>({
+      ticket_type: ticketType,
+      bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+      details,
+      remark,
+      ignore_duplication: true,
+    });
+    loading.value = false;
+    router.push({
+      name: ticketType,
+      params: {
+        page: 'success',
+      },
+      query: {
+        ticketId: id,
+      },
+    });
+  };
+
+  return {
+    run,
+    loading,
+  };
+}

dbm-ui/frontend/src/hooks/useCreateTicket/index.ts

@@ -1,26 +1,16 @@
 import { createTicket } from '@services/source/ticket';
 
-import type * as Mongodb from './mongodb';
-import type * as Mysql from './mysql';
-import type * as Redis from './redis';
-import type * as Sqlserver from './sqlserver';
-import type * as Tendbcluster from './tendbcluster';
+import type { TicketTypes } from '@common/const';
 
 export type * from './common';
 
-type TicketCreateDetails = Mysql.TicketCreateDetails &
-  Tendbcluster.TicketCreateDetails &
-  Redis.TicketCreateDetails &
-  Sqlserver.TicketCreateDetails &
-  Mongodb.TicketCreateDetails;
-
-export function useCreateTicket(ticketType: keyof TicketCreateDetails) {
+export function useCreateTicket<T>(ticketType: TicketTypes) {
   const loading = ref(false);
   const router = useRouter();
 
-  const run = async (details: TicketCreateDetails[typeof ticketType], remark = '') => {
+  const run = async (details: T, remark = '') => {
     loading.value = true;
-    const { id } = await createTicket({
+    const { id } = await createTicket<T>({
       ticket_type: ticketType,
       bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
       details,