style: 页面样式调整

src/views/monitor/monitor/index.vue

@@ -496,7 +496,7 @@ onMounted(() => {
         </a-card>
       </a-col>
     </a-row>
-    <a-row>
+    <a-row :gutter="16">
       <a-col :lg="12" :md="12" :xs="24">
         <a-card :bordered="false" :body-style="{ marginBottom: '24px' }">
           <!-- 插槽-卡片左侧侧 -->
@@ -554,7 +554,7 @@ onMounted(() => {
         </a-card>
       </a-col>
     </a-row>
-    <a-row>
+    <a-row :gutter="16">
       <a-col :lg="12" :md="12" :xs="24">
         <a-card :bordered="false" :body-style="{ marginBottom: '24px' }">
           <!-- 插槽-卡片左侧侧 -->

src/views/monitor/topology/index.vue

@@ -24,8 +24,9 @@ const graphG6Data = reactive<Record<string, any>>({
 
 /**查询全部网元数据列表 */
 function fnRanderData() {
-  if (!graphG6Dom.value) return;
+  if (!graphG6Dom.value) return false;
   graphG6.value = randerGroph(t, graphG6Dom.value, graphG6Data);
+  return true;
 }
 
 /**网元状态调度器 */
@@ -140,17 +141,21 @@ function fnGetList(refresh: boolean = false) {
       }
     })
     .then(hasNeList => {
-      if (!hasNeList) return;
+      if (!hasNeList) return false;
       if (refresh) {
         // graphG6.value.get('canvas').set('localRefresh', true);
         graphG6.value.destroy();
         // graphG6.value.clear();
       }
-      fnRanderData();
-      fnGetState();
-      interval10s.value = setInterval(() => {
-        fnGetState(); // 获取网元状态
-      }, 10_000);
+      return fnRanderData();
+    })
+    .then(randerGroph => {
+      if (!randerGroph) return;
+      fnGetState().finally(() => {
+        interval10s.value = setInterval(() => {
+          fnGetState(); // 获取网元状态
+        }, 10_000);
+      });
     });
 }
 

src/views/system/config/index.vue

@@ -98,6 +98,7 @@ let tableColumns: ColumnsType = [
     title: t('common.rowId'),
     dataIndex: 'configId',
     align: 'left',
+    width: 100,
   },
   {
     title: t('views.system.config.configName'),