feat: 客户端查询页面新增刷新客户端列表按钮

TencentBlueKing · Oct 18, 2024 · d92f9e3 · d92f9e3
1 parent 1b3a975
commit d92f9e3
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 12 deletions.
diff --git a/bcs-services/bcs-bscp/ui/src/views/space/client/search/components/batch-retry-btn.vue b/bcs-services/bcs-bscp/ui/src/views/space/client/search/components/batch-retry-btn.vue
@@ -30,8 +30,4 @@
 
   const isRetryOpen = ref(false);
 </script>
-<style lang="scss" scoped>
-  .bk-button {
-    margin-bottom: 16px;
-  }
-</style>
+
diff --git a/bcs-services/bcs-bscp/ui/src/views/space/client/search/index.vue b/bcs-services/bcs-bscp/ui/src/views/space/client/search/index.vue
@@ -4,12 +4,17 @@
       <ClientHeader :title="t('客户端查询')" @search="loadList" />
     </div>
     <div v-if="appId" class="content">
-      <BatchRetryBtn
-        :bk-biz-id="bkBizId"
-        :app-id="appId"
-        :selections="selectedClient"
-        :is-across-checked="isAcrossChecked"
-        @retried="handleRetryConfirm" />
+      <div class="operation-btns">
+        <bk-button class="refresh-btn" @click="loadList">
+          <right-turn-line class="icon" />
+        </bk-button>
+        <BatchRetryBtn
+          :bk-biz-id="bkBizId"
+          :app-id="appId"
+          :selections="selectedClient"
+          :is-across-checked="isAcrossChecked"
+          @retried="handleRetryConfirm" />
+      </div>
       <bk-loading style="min-height: 100px" :loading="listLoading">
         <bk-table
           ref="tableRef"
@@ -261,7 +266,7 @@
 <script lang="ts" setup>
   import { ref, watch, onBeforeMount, onBeforeUnmount, computed } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
-  import { Share, InfoLine, Spinner } from 'bkui-vue/lib/icon';
+  import { Share, InfoLine, Spinner, RightTurnLine } from 'bkui-vue/lib/icon';
   import { storeToRefs } from 'pinia';
   import { Tag } from 'bkui-vue';
   import { getClientQueryList } from '../../../../api/client';
@@ -839,6 +844,20 @@
       }
     }
   }
+
+  .operation-btns {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+    gap: 8px;
+    .refresh-btn {
+      width: 32px;
+      height: 32px;
+      .icon {
+        font-size: 16px;
+      }
+    }
+  }
 </style>
 
 <style lang="scss">