feat: 同步数据loading

src/views/property-marketing/media-account/account-manage/index.vue

@@ -79,6 +79,7 @@
     <div class="card-wrap">
       <AccountTable
         v-if="dataSource.length > 0"
+        :syncMediaAccounts="syncMediaAccounts"
         :dataSource="dataSource"
         :selectedItems="selectedItems"
         @selectionChange="handleSelectionChange"
@@ -159,6 +160,7 @@ const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const selectedItems = ref([]);
 const healthData = ref({});
+const syncMediaAccounts = ref([]);
 const startSyncData = ref(false);
 
 const isAbNormalStatus = computed(() => healthData.value?.total_abnormal_number > 0);
@@ -180,6 +182,7 @@ const tipLabel = computed(() => {
     too_many_requests_number = 0,
     account_frozen_number = 0,
     miss_data_number = 0,
+    abnormal_number = 0,
   } = healthData.value;
 
   // 定义异常类型映射
@@ -188,6 +191,7 @@ const tipLabel = computed(() => {
     { count: too_many_requests_number, label: '请求频繁' },
     { count: account_frozen_number, label: '账号被封' },
     { count: miss_data_number, label: '数据缺失' },
+    { count: abnormal_number, label: '其他异常' },
   ];
 
   // 过滤出有异常的项并格式化
@@ -281,6 +285,7 @@ const startSyncDataPolling = () => {
   syncDataTimer = setInterval(async () => {
     const { code, data } = await getMediaAccountSyncStatus();
     if (code === 200) {
+      syncMediaAccounts.value = data;
       // 所有任务都结束了，才停止轮询，刷新页面
       const isEnd = data.every((item) => item.status !== 0);
       if (isEnd) {