项目初始化

web-vue/packages/core/layouts/views/desktop/analysis/components/HostInfo.vue

@@ -7,9 +7,19 @@
           <el-icon class="card-title__tips"><QuestionFilled /></el-icon>
         </el-tooltip>
       </div>
+      <el-tooltip content="刷新" placement="top" :show-after="200">
+        <el-button
+          class="card-title__refresh"
+          link
+          type="primary"
+          :icon="RefreshRight"
+          :loading="loading"
+          @click="getList"
+        />
+      </el-tooltip>
     </div>
     <div class="card-content">
-      <div v-loading="loading" class="host-overview">
+      <div class="host-overview">
         <div class="host-gauge-panel">
           <div ref="chartRef" class="gauge-chart"></div>
         </div>
@@ -28,7 +38,7 @@
 <script setup lang="ts">
   import { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';
   import * as echarts from 'echarts';
-  import { QuestionFilled } from '@element-plus/icons-vue';
+  import { QuestionFilled, RefreshRight } from '@element-plus/icons-vue';
   import { ChartInfo, HostInfoData } from '@jeesite/biz/api/biz/myAnalysis';
 
   const hostCardRef = ref<HTMLElement>();
@@ -302,6 +312,11 @@
       &__tips:hover {
         color: rgb(59 130 246);
       }
+
+      &__refresh {
+        padding: 0;
+        font-size: 16px;
+      }
     }
 
     .card-content {
@@ -405,6 +420,10 @@
       &__tips:hover {
         color: rgb(147 197 253);
       }
+
+      &__refresh:deep(.el-icon) {
+        color: rgb(147 197 253);
+      }
     }
 
     .host-gauge-panel,