feat(frontend): 集群列表支持批量禁用/启用、删除集群 #7753

TencentBlueKing · Nov 15, 2024 · 64ca2ca · 64ca2ca
1 parent b89268c
commit 64ca2ca
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 64 deletions.
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue b/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue
@@ -301,7 +301,7 @@
                   v-model="state.formdata.details.resource_spec.backend_group"
                   :biz-id="state.formdata.bk_biz_id"
                   :cloud-id="state.formdata.details.bk_cloud_id"
-                  :cluster-type="DBTypes.REDIS"
+                  :cluster-type="typeInfos.cluster_type"
                   :machine-type="specClusterMachineMap[typeInfos.cluster_type]" />
               </BkFormItem>
               <BkFormItem

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
@@ -813,36 +813,6 @@
               onClick={() => handleGoWebconsole(data.id)}>
               Webconsole
             </auth-button>,
-            <OperationBtnStatusTips
-              v-db-console="redis.haClusterManage.backup"
-              data={data}
-              disabled={!data.isOffline}>
-              <auth-button
-                action-id="redis_backup"
-                resource={data.id}
-                permission={data.permission.redis_backup}
-                disabled={data.isOffline}
-                text
-                theme={theme}
-                onClick={() => handleShowBackup([data])}>
-                { t('备份') }
-              </auth-button>
-            </OperationBtnStatusTips>,
-            <OperationBtnStatusTips
-              v-db-console="redis.haClusterManage.dbClear"
-              data={data}
-              disabled={!data.isOffline}>
-              <auth-button
-                action-id="redis_purge"
-                resource={data.id}
-                permission={data.permission.redis_purge}
-                disabled={data.isOffline}
-                text
-                theme={theme}
-                onClick={() => handleShowPurge([data])}>
-                { t('清档') }
-              </auth-button>
-            </OperationBtnStatusTips>,
           ];
           if (data.bk_cloud_id > 0) {
             return [
@@ -918,10 +888,42 @@
               class="ml-8">
               {{
                 default: () => <>
+                  <bk-dropdown-item v-db-console="redis.haClusterManage.backup">
+                    <OperationBtnStatusTips
+                      data={data}
+                      disabled={!data.isOffline}>
+                      <auth-button
+                        action-id="redis_backup"
+                        resource={data.id}
+                        permission={data.permission.redis_backup}
+                        disabled={data.isOffline}
+                        text
+                        style="width: 100%;height: 32px;"
+                        onClick={() => handleShowBackup([data])}>
+                        { t('备份') }
+                      </auth-button>
+                    </OperationBtnStatusTips>
+                  </bk-dropdown-item>
+                  <bk-dropdown-item v-db-console="redis.haClusterManage.dbClear">
+                    <OperationBtnStatusTips
+                      data={data}
+                      disabled={!data.isOffline}>
+                      <auth-button
+                        action-id="redis_purge"
+                        resource={data.id}
+                        permission={data.permission.redis_purge}
+                        disabled={data.isOffline}
+                        text
+                        style="width: 100%;height: 32px;"
+                        onClick={() => handleShowPurge([data])}>
+                        { t('清档') }
+                      </auth-button>
+                    </OperationBtnStatusTips>
+                  </bk-dropdown-item>
                   <bk-dropdown-item v-db-console="redis.haClusterManage.getAccess">
                     <OperationBtnStatusTips
-                    data={data}
-                    disabled={!data.isOffline}>
+                      data={data}
+                      disabled={!data.isOffline}>
                       <auth-button
                         action-id="redis_access_entry_view"
                         resource={data.id}

diff --git a/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/Index.vue
@@ -824,37 +824,7 @@
               class="mr-8"
               onClick={() => handleGoWebconsole(data.id)}>
               Webconsole
-            </auth-button>,
-            <OperationBtnStatusTips
-              v-db-console="redis.clusterManage.backup"
-              data={data}
-              disabled={!data.isOffline}>
-              <auth-button
-                action-id="redis_backup"
-                resource={data.id}
-                permission={data.permission.redis_backup}
-                disabled={data.isOffline}
-                text
-                theme={theme}
-                onClick={() => handleShowBackup([data])}>
-                { t('备份') }
-              </auth-button>
-            </OperationBtnStatusTips>,
-            <OperationBtnStatusTips
-              v-db-console="redis.clusterManage.dbClear"
-              data={data}
-              disabled={!data.isOffline}>
-              <auth-button
-                action-id="redis_purge"
-                resource={data.id}
-                permission={data.permission.redis_purge}
-                disabled={data.isOffline}
-                text
-                theme={theme}
-                onClick={() => handleShowPurge([data])}>
-                { t('清档') }
-              </auth-button>
-            </OperationBtnStatusTips>,
+            </auth-button>
           ];
           if (data.bk_cloud_id > 0) {
             return [
@@ -930,6 +900,38 @@
                 class="ml-8">
                 {{
                   default: () => <>
+                    <bk-dropdown-item v-db-console="redis.clusterManage.backup">
+                      <OperationBtnStatusTips
+                        data={data}
+                        disabled={!data.isOffline}>
+                        <auth-button
+                          action-id="redis_backup"
+                          resource={data.id}
+                          permission={data.permission.redis_backup}
+                          disabled={data.isOffline}
+                          text
+                          style="width: 100%;height: 32px;"
+                          onClick={() => handleShowBackup([data])}>
+                          { t('备份') }
+                        </auth-button>
+                      </OperationBtnStatusTips>
+                    </bk-dropdown-item>
+                    <bk-dropdown-item v-db-console="redis.clusterManage.dbClear">
+                      <OperationBtnStatusTips
+                        data={data}
+                        disabled={!data.isOffline}>
+                        <auth-button
+                          action-id="redis_purge"
+                          resource={data.id}
+                          permission={data.permission.redis_purge}
+                          disabled={data.isOffline}
+                          text
+                          style="width: 100%;height: 32px;"
+                          onClick={() => handleShowPurge([data])}>
+                          { t('清档') }
+                        </auth-button>
+                      </OperationBtnStatusTips>
+                    </bk-dropdown-item>
                     <bk-dropdown-item v-db-console="redis.clusterManage.getAccess">
                       <OperationBtnStatusTips
                         data={data}