From de4c709815137f8cfebf45ea8a92807e1b11628e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 14:46:37 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=90=8C=E6=AD=A5=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/account-table/index.vue              | 13 +++++++------
 .../media-account/account-manage/index.vue          |  8 ++++++++
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index 2c82938..cb64294 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -95,7 +95,7 @@
           </a-dropdown>
         </div>
       </div>
-      <div v-if="item.status === 2" class="mask">
+      <div v-if="isSyncFailed(item)" class="mask">
         <div class="flex items-center mb-16px box">
           <img :src="icon3" width="16" height="16" class="mr-8px" />
           <span class="name !mb-0">更新数据失败</span>
@@ -148,7 +148,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete']);
+const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete', 'updateSyncStatus']);
 
 const router = useRouter();
 
@@ -174,9 +174,6 @@ const isSyncing = (item) => {
   if (!props.syncMediaAccounts.length) return false;
 
   const target = props.syncMediaAccounts.find((v) => v.id === item.id);
-  if(target) {
-    return target?.status === 0;
-  }
   return target?.status === 0;
 };
 
@@ -268,7 +265,7 @@ const goDetail = (item) => {
 
 const onDeleteSyncStatus = async (item) => {
   await deleteSyncStatus(item.id);
-  item.status = 1;
+  emits('updateSyncStatus', item);
 };
 const formatTime = (time) => {
   return exactFormatTime(time, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
@@ -282,6 +279,10 @@ const getLastSyncedAt = (item) => {
   }
   return formatTime(item.last_synced_at);
 };
+const isSyncFailed = (item) => {
+  const target = props.syncMediaAccounts.find((v) => v.id === item.id);
+  return target?.status === 2;
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index a070d67..8f6dea4 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -87,6 +87,7 @@
         @delete="handleDelete"
         @openEdit="handleOpenEdit"
         @update="getData"
+        @updateSyncStatus="handleUpdateSyncStatus"
       />
       <NoData v-else />
 
@@ -297,6 +298,13 @@ const getAsyncStatus = async () => {
     }
   }
 };
+const handleUpdateSyncStatus = (item) => {
+  const target = syncMediaAccounts.value.find((v) => v.id === item.id);
+  // 点击取消，设置状态为成功
+  if (target) {
+    target.status = 1;
+  }
+};
 
 const startSyncDataPolling = () => {
   isLoadingTaskStatus.value = true;