feat(frontend): webconsole支持redis主从 TencentBlueKing#7764

# Reviewed, transaction id: 22966
JustaCattt · Nov 6, 2024 · 74181c6 · 74181c6
1 parent 2256000
commit 74181c6
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 8 deletions.
diff --git a/dbm-ui/frontend/src/views/db-manage/common/webconsole/components/ClusterTabs.vue b/dbm-ui/frontend/src/views/db-manage/common/webconsole/components/ClusterTabs.vue
@@ -70,11 +70,11 @@
 
   import { queryAllTypeCluster } from '@services/source/dbbase';
 
-  import { DBTypes } from '@common/const';
+  import { DBTypes, queryClusterTypes } from '@common/const';
 
   import { messageWarn } from '@utils';
 
-  import type { ClusterItem } from '../Index.vue';
+  type ClusterItem = ServiceReturnType<typeof queryAllTypeCluster>[number];
 
   interface Props {
     dbType: DBTypes;
@@ -104,11 +104,6 @@
   const routeClusterId = route.query.clusterId;
   let clustersRaw: ClusterItem[] = [];
   let tippyIns: Instance | undefined;
-  const queryClusterTypesMap = {
-    [DBTypes.MYSQL]: 'tendbha,tendbsingle',
-    [DBTypes.TENDBCLUSTER]: 'tendbcluster',
-    [DBTypes.REDIS]: 'TwemproxyRedisInstance,PredixyTendisplusCluster,TwemproxyTendisSSDInstance,PredixyRedisCluster',
-  };
 
   const clutersRef = ref();
   const addTabRef = ref();
@@ -131,7 +126,7 @@
     defaultParams: [
       {
         bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
-        cluster_types: queryClusterTypesMap[props.dbType as keyof typeof queryClusterTypesMap],
+        cluster_types: queryClusterTypes[props.dbType].join(','),
         phase: 'online',
       },
     ],

diff --git a/dbm-ui/frontend/src/views/db-manage/redis/list-ha/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/list-ha/components/list/Index.vue
@@ -788,6 +788,17 @@
       render: ({ data }: { data: RedisModel }) => {
         const getOperations = (theme = 'primary') => {
           const baseOperations = [
+            <auth-button
+              action-id="redis_webconsole"
+              resource={data.id}
+              permission={data.permission.redis_webconsole}
+              disabled={data.isOffline}
+              text
+              theme="primary"
+              class="mr-8"
+              onClick={() => handleGoWebconsole(data.id)}>
+              Webconsole
+            </auth-button>,
             <OperationBtnStatusTips
               v-db-console="redis.haClusterManage.backup"
               data={data}
@@ -1164,6 +1175,15 @@
     deleteKeyState.data = _.cloneDeep(data);
   };
 
+  const handleGoWebconsole = (clusterId: number) => {
+    router.push({
+      name: 'RedisWebconsole',
+      query: {
+        clusterId
+      }
+    });
+  }
+
   const handleShowBackup = (data: RedisModel[] = []) => {
     if (
       data.some(item => item.operations.length > 0