feat: 页面调整组件属性升级

src/views/monitor/topologyArchitecture/index.vue

@@ -6,7 +6,7 @@ import {
   RESULT_CODE_SUCCESS,
 } from '@/constants/result-constants';
 import { listAllNeInfo } from '@/api/ne/neInfo';
-import { message } from 'ant-design-vue/lib';
+import { message } from 'ant-design-vue/es';
 import { getGraphData } from '@/api/monitor/topology';
 import { parseDateToStr } from '@/utils/date-utils';
 import { Graph, GraphData, Menu, Tooltip } from '@antv/g6';
@@ -506,16 +506,20 @@ onBeforeUnmount(() => {
     >
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
-        <div class="button-container" style="margin-bottom: -12px">
+        <a-space :size="8" align="center">
           <span>
             {{ t('views.monitor.topologyBuild.graphGroup') }}：
             {{ graphState.group }}
           </span>
-        </div>
+        </a-space>
       </template>
       <!-- 插槽-卡片右侧 -->
       <template #extra>
-        <a-button type="default" @click.prevent="fnGraphDataLoad(true)">
+        <a-button
+          type="default"
+          size="small"
+          @click.prevent="fnGraphDataLoad(true)"
+        >
           <template #icon><ReloadOutlined /></template>
           {{ t('common.reloadText') }}
         </a-button>