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

3octaves · Nov 12, 2024 · c700b13 · c700b13
1 parent 37bee41
commit c700b13
Show file tree

Hide file tree

Showing 18 changed files with 119 additions and 43 deletions.
diff --git a/dbm-ui/frontend/src/services/model/es/es.ts b/dbm-ui/frontend/src/services/model/es/es.ts
@@ -14,7 +14,7 @@ import { uniq } from 'lodash';
 
 import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -233,6 +233,10 @@ export default class Es {
     }));
   }
 
+  get isNew() {
+    return isRecentDays(this.create_at, 24);
+  }
+
   initOperations(payload = [] as Es['operations']) {
     if (!Array.isArray(payload)) {
       return [];

diff --git a/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts b/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts
@@ -14,7 +14,7 @@ import { uniq } from 'lodash';
 
 import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -238,4 +238,8 @@ export default class Hdfs {
   get isStarting() {
     return Boolean(this.operations.find((item) => item.ticket_type === Hdfs.HDFS_ENABLE));
   }
+
+  get isNew() {
+    return isRecentDays(this.create_at, 24);
+  }
 }
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
@@ -14,7 +14,7 @@ import { uniq } from 'lodash';
 
 import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -232,4 +232,8 @@ export default class Tendbha {
       ticketId: item.ticket_id,
     }));
   }
+
+  get isNew() {
+    return isRecentDays(this.create_at, 24);
+  }
 }
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts b/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
@@ -14,7 +14,7 @@ import { uniq } from 'lodash';
 
 import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -210,4 +210,8 @@ export default class Tendbsingle {
       ticketId: item.ticket_id,
     }));
   }
+
+  get isNew() {
+    return isRecentDays(this.create_at, 24);
+  }
 }
diff --git a/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/list/Index.vue
@@ -366,8 +366,14 @@
                   )
                 }
                 {
-                  isRecentDays(data.create_at, 24 * 3)
-                  && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" />
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
                 }
                 {data.domain && (
                   <RenderCellCopy copyItems={

diff --git a/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/list/Index.vue
@@ -379,8 +379,14 @@
                     )
                   }
                   {
-                    isRecentDays(data.create_at, 24 * 3)
-                    && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" />
+                    data.isNew && (
+                      <bk-tag
+                        theme="success"
+                        size="small"
+                        class="ml-4">
+                        NEW
+                      </bk-tag>
+                    )
                   }
                   {data.domain && (
                     <RenderCellCopy copyItems={

diff --git a/dbm-ui/frontend/src/views/db-manage/influxdb/instance-list/components/render-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/influxdb/instance-list/components/render-list/Index.vue
@@ -346,7 +346,12 @@
                   }
                   {
                     data.isNew && (
-                      <span class="glob-new-tag cluster-tag" data-text="NEW" />
+                      <bk-tag
+                        theme="success"
+                        size="small"
+                        class="ml-4">
+                        NEW
+                      </bk-tag>
                     )
                   }
                   <db-icon

diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/list/Index.vue
@@ -136,7 +136,6 @@
 
   import RenderClusterStatus from '@components/cluster-status/Index.vue';
   import DbTable from '@components/db-table/index.vue';
-  import MiniTag from '@components/mini-tag/index.vue';
   import RenderTextEllipsisOneLine from '@components/text-ellipsis-one-line/index.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
@@ -425,11 +424,12 @@
               <>
                 {
                   data.isNew && (
-                    <MiniTag
-                      content='NEW'
-                      class="new-tag"
-                      theme='success'>
-                    </MiniTag>
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 {

diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/list/Index.vue
@@ -136,7 +136,6 @@
 
   import RenderClusterStatus from '@components/cluster-status/Index.vue';
   import DbTable from '@components/db-table/index.vue';
-  import MiniTag from '@components/mini-tag/index.vue';
   import RenderTextEllipsisOneLine from '@components/text-ellipsis-one-line/index.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
@@ -380,9 +379,12 @@
               <>
                 {
                   data.isNew && (
-                  <MiniTag
-                    content='NEW'
-                    theme='success' />
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 {

diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/ha-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/mysql/ha-cluster-list/components/List.vue
@@ -414,10 +414,13 @@
                   )
                 }
                 {
-                  isRecentDays(data.create_at, 24 * 3) && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW" />
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 <RenderCellCopy copyItems={

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
@@ -129,9 +129,12 @@
           <span>{data.id}</span>
           {
             data.isNew && (
-              <span
-                class="glob-new-tag cluster-tag ml-4"
-                data-text="NEW" />
+              <bk-tag
+                theme="success"
+                size="small"
+                class="ml-4">
+                NEW
+              </bk-tag>
             )
           }
           {

diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/single-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/mysql/single-cluster-list/components/List.vue
@@ -378,10 +378,13 @@
                   )
                 }
                 {
-                  isRecentDays(data.create_at, 24 * 3) && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW" />
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 <RenderCellCopy copyItems={

diff --git a/...frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue b/...frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue
@@ -374,7 +374,16 @@
       render: ({ data }: {data: PulsarNodeModel}) => (
         <>
           <span>{data.ip}</span>
-          { data.isNew && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" /> }
+          {
+            data.isNew && (
+              <bk-tag
+                theme="success"
+                size="small"
+                class="ml-4">
+                NEW
+              </bk-tag>
+            )
+          }
         </>
       ),
     },

diff --git a/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/list/Index.vue
@@ -295,7 +295,16 @@
                     </bk-tag>
                   )
                 }
-                { data.isNew && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" /> }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 {data.domain && (
                   <RenderCellCopy copyItems={
                     [

diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue
@@ -398,9 +398,12 @@
                 }/>
                 {
                   data.isNew && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW"/>
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 <span v-db-console="sqlserver.haClusterList.modifyEntryConfiguration">

diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue
@@ -384,9 +384,12 @@
                 } />
                 {
                   data.isNew && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW" />
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 <span v-db-console="sqlserver.singleClusterList.modifyEntryConfiguration">

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
@@ -436,8 +436,13 @@
                  )
                 }
                 {
-                  !data.isNew && (
-                    <span class="glob-new-tag cluster-tag" data-text="NEW" />
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 {data.master_domain && (

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
@@ -129,9 +129,12 @@
           <span>{data.id}</span>
           {
             data.isNew && (
-              <span
-                class="glob-new-tag cluster-tag ml-4"
-                data-text="NEW" />
+              <bk-tag
+                theme="success"
+                size="small"
+                class="ml-4">
+                NEW
+              </bk-tag>
             )
           }
           {