From 050292b7cd8eef7bf0053826d06013d1bf40b523 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 24 Jul 2025 14:51:42 +0800
Subject: [PATCH 1/7] =?UTF-8?q?feat:=20=E5=8C=BA=E5=88=86=E5=AA=92?=
 =?UTF-8?q?=E4=BD=93=E8=B4=A6=E5=8F=B7/=E6=8A=95=E6=94=BE=E8=B4=A6?=
 =?UTF-8?q?=E6=88=B7=E7=9A=84=E7=8A=B6=E6=80=81=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/board-table/index.vue          |  2 +-
 .../components/filter-block/index.vue         |  2 +-
 .../components/plan-table/index.vue           |  2 +-
 .../components/account-table/index.vue        |  2 +-
 .../components/filter-block/index.vue         |  2 +-
 .../components/status-box/index.vue           |  2 +-
 .../components/status-select/constants.ts     | 60 +++++++++++++++++++
 .../components/status-select/index.vue        | 60 +++++++++++++++++++
 8 files changed, 126 insertions(+), 6 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/components/status-select/constants.ts
 create mode 100644 src/views/property-marketing/put-account/components/status-select/index.vue

diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index 5b7eeb0..b60414d 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -135,7 +135,7 @@
 
 <script setup>
 import { ref, computed } from 'vue';
-import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
diff --git a/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
index f20c08f..be083c7 100644
--- a/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
@@ -81,7 +81,7 @@ import {
 import GroupSelect from '../group-select';
 
 import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
-import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
+import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
 import AccountSelect from '@/views/property-marketing/put-account/components/account-select';
 
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
index 91e509b..4ae434e 100644
--- a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
@@ -133,7 +133,7 @@
 
 <script setup>
 import { ref, computed } from 'vue';
-import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
index 4b3ad2c..a2e75c0 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
@@ -77,7 +77,7 @@
 <script setup>
 import { defineProps, ref, computed } from 'vue';
 import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
-import { EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { EnumStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import { formatNumberShow, exactFormatTime } from '@/utils/tools';
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
index 3d71058..3b90852 100644
--- a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
@@ -67,7 +67,7 @@
 import { defineEmits, defineProps } from 'vue';
 import { getPlacementAccountOperators } from '@/api/all/propertyMarketing';
 import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
-import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
+import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
 import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
 
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
index df9d526..bc5362f 100644
--- a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -13,7 +13,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
 import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
diff --git a/src/views/property-marketing/put-account/components/status-select/constants.ts b/src/views/property-marketing/put-account/components/status-select/constants.ts
new file mode 100644
index 0000000..7049295
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/status-select/constants.ts
@@ -0,0 +1,60 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-04 11:18:11
+ */
+export enum EnumStatus {
+  UNAUTHORIZED = 0,
+  NORMAL = 1,
+  ABNORMAL = 3,
+  PAUSE = 2,
+  ABNORMAL_LOGIN = 4,
+  ABNORMAL_REQUEST = 5,
+  ABNORMAL_FREEZE = 6,
+  ABNORMAL_MISSING = 7,
+}
+
+export const STATUS_LIST = [
+  {
+    text: '正常',
+    label: '正常',
+    value: EnumStatus.NORMAL,
+  },
+  {
+    text: '暂停同步',
+    label: '暂停同步',
+    value: EnumStatus.PAUSE,
+  },
+  {
+    text: '未授权',
+    label: '未授权',
+    value: EnumStatus.UNAUTHORIZED,
+  },
+  {
+    text: '异常',
+    label: '异常',
+    value: EnumStatus.ABNORMAL,
+  },
+  {
+    text: '数据缺失',
+    label: '数据缺失',
+    value: EnumStatus.ABNORMAL_MISSING,
+  },
+  {
+    text: '异常-登录状态失效',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_LOGIN,
+    tooltip: '登录状态失效，需重新扫码授权',
+  },
+  {
+    text: '异常-请求过于频繁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_REQUEST,
+    tooltip: '请求过于频繁，需等待24小时后重试',
+  },
+  {
+    text: '异常-账号被冻结/封禁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_FREEZE,
+    tooltip: '账号被冻结/封禁',
+  },
+];
diff --git a/src/views/property-marketing/put-account/components/status-select/index.vue b/src/views/property-marketing/put-account/components/status-select/index.vue
new file mode 100644
index 0000000..b327655
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/status-select/index.vue
@@ -0,0 +1,60 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedStatus"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">
+      {{ item.text }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedStatus = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedStatus.value = newVal;
+  },
+  { immediate: true },
+);
+// 监听内部值变化，向外部发送更新
+watch(selectedStatus, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedStatus.value = value;
+  emits('change', value);
+};
+</script>

From 458b4c0d600a013cab1913fe304bd79a45a9c41c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 24 Jul 2025 18:30:33 +0800
Subject: [PATCH 2/7] =?UTF-8?q?feat:=20=E6=96=B0=E5=AA=92=E4=BD=93?=
 =?UTF-8?q?=E8=B4=A6=E5=8F=B7=E7=8A=B6=E6=80=81=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../img/media-account/icon-schedule.png       | Bin 0 -> 701 bytes
 .../components/account-info/index.vue         |   8 +-
 .../components/account-table/footer-btn.tsx   | 166 ++++++++++++++++++
 .../components/account-table/index.vue        |  95 ++--------
 .../components/add-account-modal/index.vue    |   4 +-
 .../components/status-box/index.vue           |  97 ----------
 .../media-account/account-manage/index.vue    |   9 +-
 .../components/status-select/constants.ts     |  62 ++++---
 .../components/status-select/index.vue        |   2 +-
 .../components/status-select/status-box.tsx   | 147 ++++++++++++++++
 .../components/status-box/index.vue           |   4 +-
 11 files changed, 379 insertions(+), 215 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-schedule.png
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
 delete mode 100644 src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
 create mode 100644 src/views/property-marketing/media-account/components/status-select/status-box.tsx

diff --git a/src/assets/img/media-account/icon-schedule.png b/src/assets/img/media-account/icon-schedule.png
new file mode 100644
index 0000000000000000000000000000000000000000..3dade8ce4242a41ba0e3e2a9965c843703e609dc
GIT binary patch
literal 701
zcmV;u0z&<XP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0#ZptK~#7F-Bn9+
z8bJ(|nwS*e1-Zfa1exGXcCnWRs+gQ0aDtc<fKOn20=PkN1#ot@*QtWe2{Jc`7Xeay
zT9Fz<hMD0LcFC*i=^1rPPpy_T0RK90+ah^xb~sgKMevTlT;A<07Qkm!Z2)eMd;Qiy
z1jCC{4-%${1X<V)-w<AHB2sa}Q6YDY%6ziM5gyp(Djv~Ex;sD_hUg6vRm3<CM<F%G
z`CJY5Ie}~>q&guyv5~8ES2th_Mg{kh5NnH*Vk6z{S2q&;%;(DDjTk3G=f^#*gX_a$
zt}b(?)32}Vxh^Wa7ZTQcpSjcR<=R?^*tk8Wcpf(XEU(E3%Vn?V*gXoHk{l5N@t!A#
zhrcT<aS$C2#{<7+$DDZ)0;Qm|^d1fb0p8k~=qy6OQdgz~fQAEsb7NzV2(P0Ai|{})
zCiY=W3hswEdFqSygSNs1JHhE|!#4wLZ6XOHNZ`w3?77aS&6$p_2S^$dPS4=_#9Mv)
zQ36C88k#B(wje-~ohiItBbX>lKm^~S1O$)IFD2LkA(2**?hMX@@?{+<pjDx*D)|Q&
zM{<VWZOI#~rtkWHRSUn0rymU&(cwB8oJ3CWs;!^62r3IH)xz=J25A*@Fm>y3sE*dM
zDDzpj4dM+*d=c+Q7r9H=!}C=i;=4)pbSt<X`#%^KU5+s>dyeh*Nl55q@2gFOvG>-Q
zPbZ#Q+}D}NxP{+vPl`CS@rN_cyJcy^5Ga~BNauYqr^?Gf2i=QcjYz2y0XZCoKY1=`
jP3AFm1TB>N`)~0Zz@iYKz>;EF00000NkvXXu0mjf_p&S^

literal 0
HcmV?d00001

diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
index 06f1b32..6b7f3f2 100644
--- a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
@@ -53,11 +53,7 @@
             </div>
             <p class="cts">
               <template v-if="field.type === 'status'">
-                <div class="status-tag" :class="`status-tag-${detailData.status}`">
-                  <span class="cts status-tag-text">{{
-                    STATUS_LIST.find((item) => item.value === detailData.status)?.label
-                  }}</span>
-                </div>
+                <StatusBox :item="detailData" class="w-fit" />
               </template>
               <template v-else-if="field.dataIndex === 'tags'">
                 <div v-if="detailData.tags?.length" class="flex items-center">
@@ -138,8 +134,8 @@ import { useRoute } from 'vue-router';
 
 import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
 import { getAccountInfoFields } from '../../constants';
-import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
 import { getPropPrefix } from '@/views/property-marketing/media-account/account-dashboard/constants';
+import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
 
 import { getAccountBoardDetail } from '@/api/all/propertyMarketing';
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx b/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
new file mode 100644
index 0000000..66eeea9
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
@@ -0,0 +1,166 @@
+import {
+  EnumStatus,
+  EnumErrorStatus,
+  getStatusInfo,
+} from '@/views/property-marketing/media-account/components/status-select/status-box';
+import { Dropdown, Doption, Button, Tooltip } from '@arco-design/web-vue';
+export default defineComponent({
+  name: 'FooterBtn',
+  props: {
+    item: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  emits: ['syncData', 'handleReauthorize', 'handlePause', 'openDelete', 'openEdit'],
+  setup(props, { emit }) {
+    const statusInfo = computed(() => {
+      const { status, error_status, to_be_expire_for_cookie } = props.item;
+      return getStatusInfo(status, error_status, to_be_expire_for_cookie) ?? {};
+    });
+
+    const renderEditDoption = () => {
+      return (
+        <Doption class="color-#211F24" onClick={() => emit('openEdit', props.item)}>
+          编辑
+        </Doption>
+      );
+    };
+    const renderReauthorizeDoption = (text = '重新授权') => {
+      return (
+        <Doption class="color-#211F24" onClick={() => emit('handleReauthorize', props.item)}>
+          {text}
+        </Doption>
+      );
+    };
+    const renderPauseDoption = () => {
+      return (
+        <Doption class="color-#211F24" onClick={() => emit('handlePause', props.item)}>
+          暂停同步
+        </Doption>
+      );
+    };
+    const renderSyncBtn = () => {
+      return (
+        <Button type="outline" size="mini" onClick={() => emit('syncData', props.item)}>
+          更新数据
+        </Button>
+      );
+    };
+    const renderDeleteDoption = () => {
+      return (
+        <Doption class="color-#F64B31" onClick={() => emit('openDelete', props.item)}>
+          删除
+        </Doption>
+      );
+    };
+    const renderNormal = () => {
+      return (
+        <>
+          <Dropdown
+            trigger="hover"
+            v-slots={{
+              default: () => (
+                <Button type="outline" class="mr-8px" size="mini">
+                  更多
+                </Button>
+              ),
+              content: () => (
+                <>
+                  {renderEditDoption()}
+                  {renderReauthorizeDoption()}
+                  {renderPauseDoption()}
+                  {renderDeleteDoption()}
+                </>
+              ),
+            }}
+          ></Dropdown>
+          {renderSyncBtn()}
+        </>
+      );
+    };
+    const renderPause = () => {
+      return (
+        <>
+          <Dropdown
+            trigger="hover"
+            v-slots={{
+              default: () => (
+                <Button type="outline" class="mr-8px" size="mini">
+                  更多
+                </Button>
+              ),
+              content: () => (
+                <>
+                  {renderEditDoption()}
+                  {renderDeleteDoption()}
+                </>
+              ),
+            }}
+          ></Dropdown>
+          <Button type="outline" size="mini" onClick={() => emit('handleReauthorize', props.item)}>
+            开启同步
+          </Button>
+        </>
+      );
+    };
+    const renderAbnormal = () => {
+      const { error_status } = props.item;
+      const isMissing = error_status === EnumErrorStatus.MISSING;
+      const isUnauthorized = error_status === EnumErrorStatus.UNAUTHORIZED;
+      const renderSyncBtn = () => {
+        if (isMissing) {
+          renderSyncBtn();
+        } else if ([EnumErrorStatus.REQUEST, EnumErrorStatus.FREEZE].includes(error_status)) {
+          return (
+            <Tooltip content={statusInfo.value.disabledBtnTooltip}>
+              <Button type="outline" size="mini" disabled>
+                重新授权
+              </Button>
+            </Tooltip>
+          );
+        } else {
+          return (
+            <Button type="outline" size="mini" onClick={() => emit('handleReauthorize', props.item)}>
+              {isUnauthorized ? '去授权' : '重新授权'}
+            </Button>
+          );
+        }
+      };
+      return (
+        <>
+          <Dropdown
+            trigger="hover"
+            v-slots={{
+              default: () => (
+                <Button type="outline" class="mr-8px" size="mini">
+                  更多
+                </Button>
+              ),
+              content: () => (
+                <>
+                  {renderEditDoption()}
+                  {isMissing && renderReauthorizeDoption()}
+                  {renderPauseDoption()}
+                  {renderDeleteDoption()}
+                </>
+              ),
+            }}
+          ></Dropdown>
+          {renderSyncBtn()}
+        </>
+      );
+    };
+    const renderContent = () => {
+      const { status } = props.item;
+      if (status === EnumStatus.NORMAL) {
+        return renderNormal();
+      } else if (status === EnumStatus.PAUSE) {
+        return renderPause();
+      } else {
+        return renderAbnormal();
+      }
+    };
+    return () => renderContent();
+  },
+});
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 cb64294..0bab22e 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
@@ -24,7 +24,7 @@
         </a-tooltip>
         <div class="field-row">
           <span class="label">状态</span>
-          <StatusBox :status="item.status" />
+          <StatusBox :item="item" />
         </div>
         <div class="field-row">
           <span class="label">数据更新时间</span>
@@ -75,24 +75,14 @@
           </div>
         </div>
         <div class="operate-row">
-          <a-dropdown trigger="hover">
-            <a-button class="w-52px search-btn mr-8px" size="mini">
-              <template #default>更多</template>
-            </a-button>
-            <template #content>
-              <a-doption class="color-#211F24" @click="openEdit(item)">编辑</a-doption>
-              <a-doption v-if="item.status === EnumStatus.NORMAL" class="color-#211F24" @click="handleReauthorize(item)"
-                >重新授权</a-doption
-              >
-              <a-doption v-if="showPauseButton(item.status)" class="color-#211F24" @click="handlePause(item)"
-                >暂停同步</a-doption
-              >
-              <a-doption class="color-#F64B31" @click="openDelete(item)">删除</a-doption>
-            </template>
-            <a-button class="search-btn" size="mini" @click="onBtnClick(item)">
-              <template #default>{{ getBtnText(item) }}</template>
-            </a-button>
-          </a-dropdown>
+          <FooterBtn
+            :item="item"
+            @handleReauthorize="handleReauthorize"
+            @syncData="syncData"
+            @openEdit="openEdit"
+            @openDelete="openDelete"
+            @handlePause="handlePause"
+          />
         </div>
       </div>
       <div v-if="isSyncFailed(item)" class="mask">
@@ -115,14 +105,15 @@
 <script setup>
 import { defineProps, ref, computed, inject } from 'vue';
 import { useRouter } from 'vue-router';
-import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { EnumErrorStatus } from '@/views/property-marketing/media-account/components/status-select/status-box';
 import { deleteSyncStatus } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';
 
 import PauseAccountPatchModal from './pause-account-patch';
-import StatusBox from '../status-box';
+import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
 import ReauthorizeAccountModal from '../reauthorize-account-modal';
 import AuthorizedAccountModal from '../authorized-account-modal';
+import FooterBtn from './footer-btn';
 
 import icon1 from '@/assets/img/media-account/icon-dy.png';
 import icon2 from '@/assets/img/media-account/icon-xhs.png';
@@ -186,8 +177,8 @@ const openDelete = (item) => {
 };
 
 const handleReauthorize = (item) => {
-  const { id, platform, status } = item;
-  const isUnauthorized = isUnauthorizedStatus(status);
+  const { id, platform, error_status } = item;
+  const isUnauthorized = isUnauthorizedStatus(error_status);
   if (isUnauthorized) {
     authorizedAccountModalRef.value?.open(id, platform);
   } else {
@@ -199,66 +190,12 @@ const handlePause = (item) => {
   pauseAccountPatchModalRef.value?.open(item);
 };
 
-const showPauseButton = (status) => {
-  return ![EnumStatus.PAUSE, EnumStatus.UNAUTHORIZED].includes(status);
+const isUnauthorizedStatus = (error_status) => {
+  return [EnumErrorStatus.UNAUTHORIZED].includes(error_status);
 };
-const showSyncDataButton = (status) => {
-  return [EnumStatus.NORMAL, EnumStatus.ABNORMAL_MISSING].includes(status);
-};
-const isUnauthorizedStatus = (status) => {
-  return [EnumStatus.UNAUTHORIZED].includes(status);
-};
-
-// 三种异常情况
-const isAbnormalStatus = (status) => {
-  return [
-    EnumStatus.ABNORMAL,
-    EnumStatus.ABNORMAL_LOGIN,
-    EnumStatus.ABNORMAL_REQUEST,
-    EnumStatus.ABNORMAL_FREEZE,
-  ].includes(status);
-};
-
-// const getTooltipText = (status) => {
-//   return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
-// };
 
 const syncData = inject('handleSyncData');
 
-const onBtnClick = (item) => {
-  if (showSyncDataButton(item.status)) {
-    syncData(item);
-    return;
-  }
-  if (isUnauthorizedStatus(item.status)) {
-    handleReauthorize(item);
-    return;
-  }
-
-  if ([EnumStatus.PAUSE].includes(item.status) || isAbnormalStatus(item.status)) {
-    handleReauthorize(item);
-    return;
-  }
-
-  handlePause(item);
-};
-
-const getBtnText = (item) => {
-  if (showSyncDataButton(item.status)) {
-    return '更新数据';
-  }
-
-  if (isUnauthorizedStatus(item.status)) {
-    return '去授权';
-  }
-
-  if ([EnumStatus.PAUSE].includes(item.status) || isAbnormalStatus(item.status)) {
-    return '重新授权';
-  }
-
-  return '暂停同步';
-};
-
 const goDetail = (item) => {
   router.push(`/media-account/detail/${item.id}`);
 };
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 9fbcf7c..5ecefa7 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -23,7 +23,7 @@ import TagSelect from '@/views/property-marketing/media-account/components/tag-s
 import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
-import StatusBox from '../status-box';
+import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
 import SyncDataModal from '../sync-data-modal';
 
 // import { downloadByUrl } from '@/utils/tools';
@@ -341,7 +341,7 @@ export default {
                     <Input v-model={form.value.account_id} placeholder="请输入..." size="large" disabled />
                   </FormItem>
                   <FormItem label="状态" field="status">
-                    <StatusBox status={form.value.status} />
+                    <StatusBox item={form.value} />
                   </FormItem>
                 </>
               )}
diff --git a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
deleted file mode 100644
index 174bd1f..0000000
--- a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-25 15:31:15
--->
-<template>
-  <div class="status-box" :class="`status-box-${status}`">
-    <span class="text">{{ statusText }}</span>
-    <a-tooltip v-if="showTooltip" :content="tooltipText">
-      <img v-if="showIcon" :src="iconSrc" width="12" height="12" class="ml-4px" />
-    </a-tooltip>
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue';
-import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
-
-import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
-import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
-
-const props = defineProps({
-  status: {
-    type: Number,
-    required: true,
-  },
-});
-
-const statusText = computed(() => {
-  return STATUS_LIST.find((v) => v.value === props.status)?.label ?? '-';
-});
-
-const showTooltip = computed(() => {
-  return isDisabledReauthorize(props.status);
-});
-
-const tooltipText = computed(() => {
-  return STATUS_LIST.find((v) => v.value === props.status)?.tooltip ?? '-';
-});
-
-const showIcon = computed(() => {
-  return ![EnumStatus.NORMAL, EnumStatus.UNAUTHORIZED].includes(props.status);
-});
-
-const iconSrc = computed(() => {
-  return props.status === EnumStatus.PAUSE ? iconWarn1 : iconWarn2;
-});
-
-// 判断是否为禁用重新授权的状态
-const isDisabledReauthorize = (status) => {
-  return [EnumStatus.ABNORMAL_LOGIN, EnumStatus.ABNORMAL_REQUEST, EnumStatus.ABNORMAL_FREEZE].includes(status);
-};
-</script>
-
-<style scoped lang="scss">
-.status-box {
-  display: flex;
-  padding: 0px 8px;
-  align-items: center;
-  border-radius: 2px;
-  background: #f2f3f5;
-
-  .text {
-    color: var(--BG-700, #737478);
-    font-family: $font-family-medium;
-    font-size: 12px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px; /* 166.667% */
-  }
-
-  &-1 {
-    background: #ebf7f2;
-    .text {
-      color: #25c883;
-    }
-  }
-
-  &-2,
-  &-4,
-  &-5,
-  &-6,
-  &-7 {
-    background: #ffe7e4;
-    .text {
-      color: #f64b31;
-    }
-  }
-
-  &-3 {
-    background: #fff7e5;
-    color: #ffae00;
-    .text {
-      color: #ffae00;
-    }
-  }
-}
-</style>
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 8f6dea4..06ca037 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -132,8 +132,8 @@ import BatchGroupModal from './components/batch-group-modal';
 
 import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { showImportResultNotification } from '@/utils/arcoD';
-import { EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
 import { getTaskStatus } from '@/api/all/common';
+import { EnumStatus } from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
 import {
   getMediaAccounts,
   getMediaAccountsHealth,
@@ -168,7 +168,7 @@ const healthData = ref({});
 const syncMediaAccounts = ref([]);
 const isLoadingTaskStatus = ref(false); // 正在查询状态中
 
-const isAbNormalStatus = computed(() => healthData.value?.total_abnormal_number > 0);
+const isAbNormalStatus = computed(() => healthData.value?.abnormal_number > 0);
 const isDisabledBatchSyncData = computed(() => selectedItems.value.some((item) => item.status !== EnumStatus.NORMAL));
 
 const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
@@ -182,12 +182,11 @@ const tipLabel = computed(() => {
   }
 
   const {
-    total_abnormal_number = 0,
+    abnormal_number = 0,
     login_invalid_number = 0,
     too_many_requests_number = 0,
     account_frozen_number = 0,
     miss_data_number = 0,
-    abnormal_number = 0,
   } = healthData.value;
 
   // 定义异常类型映射
@@ -202,7 +201,7 @@ const tipLabel = computed(() => {
   // 过滤出有异常的项并格式化
   const abnormalLabels = abnormalTypes.filter(({ count }) => count > 0).map(({ count, label }) => `${count}个${label}`);
 
-  return `共有 ${total_abnormal_number} 个账号存在授权异常，其中：${abnormalLabels.join('，')}。`;
+  return `共有 ${abnormal_number} 个账号存在授权异常，其中：${abnormalLabels.join('，')}。`;
 });
 
 const getData = () => {
diff --git a/src/views/property-marketing/media-account/components/status-select/constants.ts b/src/views/property-marketing/media-account/components/status-select/constants.ts
index 7049295..81901d0 100644
--- a/src/views/property-marketing/media-account/components/status-select/constants.ts
+++ b/src/views/property-marketing/media-account/components/status-select/constants.ts
@@ -3,58 +3,74 @@
  * @Date: 2025-07-04 11:18:11
  */
 export enum EnumStatus {
-  UNAUTHORIZED = 0,
-  NORMAL = 1,
-  ABNORMAL = 3,
-  PAUSE = 2,
-  ABNORMAL_LOGIN = 4,
-  ABNORMAL_REQUEST = 5,
-  ABNORMAL_FREEZE = 6,
-  ABNORMAL_MISSING = 7,
+  UNAUTHORIZED = 0, // 未授权
+  NORMAL = 1, // 正常
+  PAUSE = 2, // 暂停同步
+  ABNORMAL = 3, // 全部异常
+  ABNORMAL_LOGIN = 4, // 异常（登录状态失效）
+  ABNORMAL_REQUEST = 5, // 异常（请求频繁）
+  ABNORMAL_FREEZE = 6, // 异常（账号被封）
+  ABNORMAL_MISSING = 7, // 异常（数据缺失）
+  ABNORMAL_EXPIRED = 8, // 即将过期
 }
 
+
 export const STATUS_LIST = [
   {
     text: '正常',
     label: '正常',
     value: EnumStatus.NORMAL,
   },
+  {
+    text: '即将过期',
+    label: '即将过期',
+    value: EnumStatus.ABNORMAL_EXPIRED,
+  },
   {
     text: '暂停同步',
     label: '暂停同步',
     value: EnumStatus.PAUSE,
   },
   {
-    text: '未授权',
-    label: '未授权',
-    value: EnumStatus.UNAUTHORIZED,
-  },
-  {
-    text: '异常',
+    text: '全部异常',
     label: '异常',
     value: EnumStatus.ABNORMAL,
   },
   {
-    text: '数据缺失',
-    label: '数据缺失',
-    value: EnumStatus.ABNORMAL_MISSING,
+    text: '异常（未授权）',
+    label: '异常',
+    value: EnumStatus.UNAUTHORIZED,
+    tooltip: '未授权',
+    class: '!pl-24px',
   },
   {
-    text: '异常-登录状态失效',
+    text: '异常（数据缺失）',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_MISSING,
+    tooltip: '数据缺失',
+    class: '!pl-24px',
+  },
+  {
+    text: '异常（登录状态失效）',
     label: '异常',
     value: EnumStatus.ABNORMAL_LOGIN,
-    tooltip: '登录状态失效，需重新扫码授权',
+    tooltip: '登录状态失效',
+    class: '!pl-24px',
   },
   {
-    text: '异常-请求过于频繁',
+    text: '异常（请求频繁）',
     label: '异常',
     value: EnumStatus.ABNORMAL_REQUEST,
-    tooltip: '请求过于频繁，需等待24小时后重试',
+    tooltip: '请求频繁，等待24小时后重试',
+    class: '!pl-24px',
   },
   {
-    text: '异常-账号被冻结/封禁',
+    text: '异常（账号被封）',
     label: '异常',
     value: EnumStatus.ABNORMAL_FREEZE,
-    tooltip: '账号被冻结/封禁',
+    tooltip: '账号被封',
+    class: '!pl-24px',
   },
 ];
+
+
diff --git a/src/views/property-marketing/media-account/components/status-select/index.vue b/src/views/property-marketing/media-account/components/status-select/index.vue
index b327655..e616e60 100644
--- a/src/views/property-marketing/media-account/components/status-select/index.vue
+++ b/src/views/property-marketing/media-account/components/status-select/index.vue
@@ -11,7 +11,7 @@
     allow-clear
     @change="handleChange"
   >
-    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">
+    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text" :class="item.class">
       {{ item.text }}
     </a-option>
   </a-select>
diff --git a/src/views/property-marketing/media-account/components/status-select/status-box.tsx b/src/views/property-marketing/media-account/components/status-select/status-box.tsx
new file mode 100644
index 0000000..652cdcd
--- /dev/null
+++ b/src/views/property-marketing/media-account/components/status-select/status-box.tsx
@@ -0,0 +1,147 @@
+import { defineComponent, computed } from 'vue';
+import { Tooltip } from '@arco-design/web-vue';
+// import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
+import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
+import icon1 from '@/assets/img/media-account/icon-schedule.png';
+
+export enum EnumErrorStatus {
+  NORMAL = 0, // 正常
+  UNAUTHORIZED = 1, // 未授权
+  LOGIN = 2, // 登录状态失效
+  REQUEST = 3, // 请求过于频繁
+  FREEZE = 4, // 账号被冻结/封禁
+  MISSING = 5, // 数据缺失
+  UNKNOWN = 6, // 未知异常
+}
+
+export enum EnumStatus {
+  ABNORMAL = 0, // 异常
+  NORMAL = 1, // 正常
+  PAUSE = 2, // 暂停同步
+}
+
+export enum EnumExpireForCookie {
+  NORMAL = 0, // 正常
+  EXPIRE = 1, // 即将过期
+}
+
+const normalStyle = {
+  color: '#25c883',
+  background: '#ebf7f2',
+};
+
+const abnormalStyle = {
+  color: '#f64b31',
+  background: '#ffe7e4',
+};
+
+const pauseStyle = {
+  color: '#ffae00',
+  background: '#fff7e5',
+};
+
+const tooltipMap = new Map([
+  [1, { tooltip: '未授权' }],
+  [2, { tooltip: '登录状态失效' }],
+  [3, { tooltip: '请求频繁，等待24小时后重试', btnTooltip: '请求频繁，等待24小时后重试' }],
+  [4, { tooltip: '账号被冻结', btnTooltip: '账号被封，解封后才能操作' }],
+  [5, { tooltip: '数据缺失' }],
+  [6, { tooltip: '未知错误' }],
+]);
+
+/**
+ *
+ * @param status 状态 0-异常，1-正常，2-暂停同步
+ * @param error_status 异常状态 0-无异常，1-未授权，2-登录状态失效，3-请求过于频繁，4-账号被冻结/封禁，5-数据缺失，6-未知错误
+ * @param to_be_expire_for_cookie cookie是否即将过期 0-否，1-是
+ * @returns
+ */
+
+export const getStatusInfo = (status: EnumStatus, error_status: EnumErrorStatus, to_be_expire_for_cookie: EnumExpireForCookie) => {
+  const statusInfo = { color: '', background: '', label: '', tooltip: '', disabledBtnTooltip: '' };
+  if (status === EnumStatus.ABNORMAL) {
+    statusInfo.color = abnormalStyle.color;
+    statusInfo.background = abnormalStyle.background;
+    statusInfo.label = '异常';
+
+    const target = tooltipMap.get(error_status);
+    statusInfo.tooltip = target?.tooltip ?? '';
+    statusInfo.disabledBtnTooltip = target?.btnTooltip ?? '';
+  }
+
+  if (status === EnumStatus.NORMAL) {
+    if (to_be_expire_for_cookie === EnumExpireForCookie.NORMAL) {
+      statusInfo.color = normalStyle.color;
+      statusInfo.background = normalStyle.background;
+      statusInfo.label = '正常';
+    } else {
+      statusInfo.color = abnormalStyle.color;
+      statusInfo.background = abnormalStyle.background;
+      statusInfo.label = '即将过期';
+    }
+  }
+
+  if (status === EnumStatus.PAUSE) {
+    statusInfo.color = pauseStyle.color;
+    statusInfo.background = pauseStyle.background;
+    statusInfo.label = '暂停同步';
+    statusInfo.tooltip = '暂停同步';
+  }
+
+  return statusInfo;
+};
+
+export default defineComponent({
+  name: 'StatusBox',
+  props: {
+    item: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  setup(props) {
+    const statusInfo = computed(() => {
+      const { status, error_status, to_be_expire_for_cookie } = props.item;
+      return getStatusInfo(status, error_status, to_be_expire_for_cookie) ?? {};
+    });
+
+    const renderContent = () => {
+      const { to_be_expire_for_cookie, status } = props.item;
+      const { background, color, label } = statusInfo.value;
+      if (status === EnumStatus.NORMAL) {
+        return (
+          <div class="flex items-center">
+            {to_be_expire_for_cookie === EnumExpireForCookie.EXPIRE && (
+              <div class="flex items-center rounded-2px px-8px mr-8px" style={{ background, color }}>
+                <img src={icon1} width="12" height="12" class="mr-4px" />
+                <span class="text-12px lh-20px font-400">{label}</span>
+              </div>
+            )}
+            <div
+              class="flex items-center rounded-2px px-8px"
+              style={{ background: normalStyle.background, color: normalStyle.color }}
+            >
+              <span class="text-12px lh-20px font-400">正常</span>
+            </div>
+          </div>
+        );
+      }
+
+      return (
+        <div class="flex items-center rounded-2px px-8px" style={{ background, color }}>
+          <span class="text-12px lh-20px font-400">{label}</span>
+          {status === EnumStatus.PAUSE ? (
+            <img src={iconWarn1} width="12" height="12" class="ml-4px" />
+          ) : (
+            <Tooltip content={statusInfo.value.tooltip}>
+              <img src={iconWarn2} width="12" height="12" class="ml-4px" />
+            </Tooltip>
+          )}
+        </div>
+      );
+    };
+
+    return () => renderContent();
+  },
+});
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
index bc5362f..8b508a9 100644
--- a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -75,7 +75,7 @@ const isDisabledReauthorize = (status) => {
     }
   }
 
-  &-2,
+  &-3,
   &-4,
   &-5,
   &-6 {
@@ -85,7 +85,7 @@ const isDisabledReauthorize = (status) => {
     }
   }
 
-  &-3 {
+  &-2{
     background: #fff7e5;
     color: #ffae00;
     .text {

From a50234543bff4b70730e6cee8e12854ddd9621ea Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 10:26:53 +0800
Subject: [PATCH 3/7] =?UTF-8?q?refactor:=20=E6=96=B0=E5=AA=92=E4=BD=93?=
 =?UTF-8?q?=E8=B4=A6=E5=8F=B7=E7=8A=B6=E6=80=81=E9=87=8D=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/account-table/index.vue        |  8 +-
 .../components/account-table/style.scss       | 41 ++--------
 .../components/account-table/index.vue        | 77 ++++++++++++++-----
 .../media-account/account-manage/index.vue    |  4 +-
 .../components/status-select/constants.ts     | 20 ++---
 .../components/status-select/status-box.tsx   | 32 ++++----
 .../components/account-table/index.vue        |  4 +-
 .../components/status-box/index.vue           |  8 +-
 .../components/status-select/constants.ts     | 18 ++---
 .../components/status-select/index.vue        |  2 +-
 10 files changed, 109 insertions(+), 105 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
index 6c51cd1..1b743a5 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
@@ -77,11 +77,7 @@
           {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
         </template>
         <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
-          <div class="status-tag" :class="`status-tag-${record.status}`">
-            <span class="cts status-tag-text">{{
-              STATUS_LIST.find((item) => item.value === record.status)?.label
-            }}</span>
-          </div>
+          <StatusBox :item="record" class="w-fit h-28px" />
         </template>
         <template v-else-if="column.dataIndex === 'ai_evaluate'" #cell="{ record }">
           <div class="ai-evaluation-row flex">
@@ -167,7 +163,7 @@ import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { getCustomColumns } from '@/api/all/common';
-import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
 import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
 import { getDefaultColumns, getPropPrefix } from '@/views/property-marketing/media-account/account-dashboard/constants';
 import CustomTableColumnModal from '../custom-column-modal';
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss b/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
index a395192..1184e99 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
@@ -15,42 +15,11 @@
     font-weight: 400;
     line-height: 22px;
   }
-  .status-tag {
-    width: fit-content;
-    display: flex;
-    height: 28px;
-    padding: 0px 8px;
-    align-items: center;
-    border-radius: 2px;
-    background: #f2f3f5;
-
-    .status-tag-text {
-      color: var(--BG-700, #737478);
-    }
-    &-1 {
-      background: #ebf7f2;
-      .status-tag-text {
-        color: #25c883;
-      }
-    }
-  
-    &-2,
-    &-4,
-    &-5,
-    &-6,
-    &-7 {
-      background: #ffe7e4;
-      .status-tag-text {
-        color: #f64b31;
-      }
-    }
-  
-    &-3 {
-      background: #fff7e5;
-      color: #ffae00;
-      .status-tag-text {
-        color: #ffae00;
-      }
+  :deep(.status-box) {
+    .label {
+      font-family: $font-family-medium;
+      font-size: 14px;
+      line-height: 22px;
     }
   }
   .ai-evaluation-row {
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 0bab22e..5627e39 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
@@ -88,11 +88,13 @@
       <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>
+          <span class="name !mb-0">{{ getErrorStatusText(item) }}</span>
         </div>
         <div class="flex items-center">
-          <a-button class="search-btn mr-8px" size="mini" @click="onDeleteSyncStatus(item)">取消</a-button>
-          <a-button class="search-btn" size="mini" @click="syncData(item)">重新更新</a-button>
+          <a-button type="outline" class="mr-8px" size="mini" @click="handleCancel(item)">取消</a-button>
+          <a-button type="outline" size="mini" @click="handleConfirm(item)" v-if="showConfirmBtn(item)">{{
+            getConfirmBtnText(item)
+          }}</a-button>
         </div>
       </div>
     </a-spin>
@@ -105,9 +107,13 @@
 <script setup>
 import { defineProps, ref, computed, inject } from 'vue';
 import { useRouter } from 'vue-router';
-import { EnumErrorStatus } from '@/views/property-marketing/media-account/components/status-select/status-box';
 import { deleteSyncStatus } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';
+import {
+  EnumErrorStatus,
+  errorStatusMap,
+  EnumStatus,
+} from '@/views/property-marketing/media-account/components/status-select/status-box';
 
 import PauseAccountPatchModal from './pause-account-patch';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@@ -118,7 +124,6 @@ import FooterBtn from './footer-btn';
 import icon1 from '@/assets/img/media-account/icon-dy.png';
 import icon2 from '@/assets/img/media-account/icon-xhs.png';
 import icon3 from '@/assets/img/media-account/icon-warn.png';
-// import icon3 from '@/assets/img/media-account/icon-delete.png';
 
 const props = defineProps({
   dataSource: {
@@ -140,6 +145,7 @@ const props = defineProps({
 });
 
 const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete', 'updateSyncStatus']);
+const syncData = inject('handleSyncData');
 
 const router = useRouter();
 
@@ -161,12 +167,6 @@ const toggleSelect = (item) => {
   }
   emits('selectionChange', newSelected);
 };
-const isSyncing = (item) => {
-  if (!props.syncMediaAccounts.length) return false;
-
-  const target = props.syncMediaAccounts.find((v) => v.id === item.id);
-  return target?.status === 0;
-};
 
 const openEdit = (item) => {
   emits('openEdit', item);
@@ -194,21 +194,22 @@ const isUnauthorizedStatus = (error_status) => {
   return [EnumErrorStatus.UNAUTHORIZED].includes(error_status);
 };
 
-const syncData = inject('handleSyncData');
-
 const goDetail = (item) => {
   router.push(`/media-account/detail/${item.id}`);
 };
-
-const onDeleteSyncStatus = async (item) => {
-  await deleteSyncStatus(item.id);
-  emits('updateSyncStatus', item);
-};
 const formatTime = (time) => {
   return exactFormatTime(time, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
 };
+
+const getSyncMediaAccount = (item) => {
+  return props.syncMediaAccounts.find((v) => v.id === item.id);
+};
+const isSyncing = (item) => {
+  if (!props.syncMediaAccounts.length) return false;
+  return getSyncMediaAccount(item)?.status === 0;
+};
 const getLastSyncedAt = (item) => {
-  const target = props.syncMediaAccounts.find((v) => v.id === item.id);
+  const target = getSyncMediaAccount(item);
   if (props.isLoadingTaskStatus && target) {
     if (target?.status !== 0) {
       return formatTime(target.last_synced_at);
@@ -217,8 +218,42 @@ 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;
+  return getSyncMediaAccount(item)?.status === 2;
+};
+const getErrorStatusText = (item) => {
+  const error_status = getSyncMediaAccount(item)?.error_status;
+  return `异常（${errorStatusMap.get(error_status)?.text ?? ''}）`;
+};
+const handleCancel = async (item) => {
+  const error_status = getSyncMediaAccount(item)?.error_status;
+  await deleteSyncStatus(item.id);
+
+  item.status = EnumStatus.ABNORMAL;
+  item.error_status = error_status;
+
+  emits('updateSyncStatus', item);
+};
+const showConfirmBtn = (item) => {
+  const error_status = getSyncMediaAccount(item)?.error_status;
+  return [EnumErrorStatus.MISSING, EnumErrorStatus.LOGIN].includes(error_status);
+};
+const handleConfirm = (item) => {
+  const error_status = getSyncMediaAccount(item)?.error_status;
+  if (error_status === EnumErrorStatus.MISSING) {
+    syncData(item);
+  }
+  if (error_status === EnumErrorStatus.LOGIN) {
+    handleReauthorize(item);
+  }
+};
+const getConfirmBtnText = (item) => {
+  const error_status = getSyncMediaAccount(item)?.error_status;
+  if (error_status === EnumErrorStatus.MISSING) {
+    return '重新更新';
+  }
+  if (error_status === EnumErrorStatus.LOGIN) {
+    return '重新授权';
+  }
 };
 </script>
 
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 06ca037..ce65c1e 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -297,11 +297,11 @@ const getAsyncStatus = async () => {
     }
   }
 };
+
 const handleUpdateSyncStatus = (item) => {
   const target = syncMediaAccounts.value.find((v) => v.id === item.id);
-  // 点击取消，设置状态为成功
   if (target) {
-    target.status = 1;
+    target.status = EnumStatus.NORMAL;
   }
 };
 
diff --git a/src/views/property-marketing/media-account/components/status-select/constants.ts b/src/views/property-marketing/media-account/components/status-select/constants.ts
index 81901d0..2e81c6b 100644
--- a/src/views/property-marketing/media-account/components/status-select/constants.ts
+++ b/src/views/property-marketing/media-account/components/status-select/constants.ts
@@ -2,7 +2,7 @@
  * @Author: RenXiaoDong
  * @Date: 2025-07-04 11:18:11
  */
-export enum EnumStatus {
+export enum EnumAccountStatus {
   UNAUTHORIZED = 0, // 未授权
   NORMAL = 1, // 正常
   PAUSE = 2, // 暂停同步
@@ -19,55 +19,55 @@ export const STATUS_LIST = [
   {
     text: '正常',
     label: '正常',
-    value: EnumStatus.NORMAL,
+    value: EnumAccountStatus.NORMAL,
   },
   {
     text: '即将过期',
     label: '即将过期',
-    value: EnumStatus.ABNORMAL_EXPIRED,
+    value: EnumAccountStatus.ABNORMAL_EXPIRED,
   },
   {
     text: '暂停同步',
     label: '暂停同步',
-    value: EnumStatus.PAUSE,
+    value: EnumAccountStatus.PAUSE,
   },
   {
     text: '全部异常',
     label: '异常',
-    value: EnumStatus.ABNORMAL,
+    value: EnumAccountStatus.ABNORMAL,
   },
   {
     text: '异常（未授权）',
     label: '异常',
-    value: EnumStatus.UNAUTHORIZED,
+    value: EnumAccountStatus.UNAUTHORIZED,
     tooltip: '未授权',
     class: '!pl-24px',
   },
   {
     text: '异常（数据缺失）',
     label: '异常',
-    value: EnumStatus.ABNORMAL_MISSING,
+    value: EnumAccountStatus.ABNORMAL_MISSING,
     tooltip: '数据缺失',
     class: '!pl-24px',
   },
   {
     text: '异常（登录状态失效）',
     label: '异常',
-    value: EnumStatus.ABNORMAL_LOGIN,
+    value: EnumAccountStatus.ABNORMAL_LOGIN,
     tooltip: '登录状态失效',
     class: '!pl-24px',
   },
   {
     text: '异常（请求频繁）',
     label: '异常',
-    value: EnumStatus.ABNORMAL_REQUEST,
+    value: EnumAccountStatus.ABNORMAL_REQUEST,
     tooltip: '请求频繁，等待24小时后重试',
     class: '!pl-24px',
   },
   {
     text: '异常（账号被封）',
     label: '异常',
-    value: EnumStatus.ABNORMAL_FREEZE,
+    value: EnumAccountStatus.ABNORMAL_FREEZE,
     tooltip: '账号被封',
     class: '!pl-24px',
   },
diff --git a/src/views/property-marketing/media-account/components/status-select/status-box.tsx b/src/views/property-marketing/media-account/components/status-select/status-box.tsx
index 652cdcd..9e1c6b6 100644
--- a/src/views/property-marketing/media-account/components/status-select/status-box.tsx
+++ b/src/views/property-marketing/media-account/components/status-select/status-box.tsx
@@ -1,6 +1,6 @@
 import { defineComponent, computed } from 'vue';
 import { Tooltip } from '@arco-design/web-vue';
-// import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
 import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
 import icon1 from '@/assets/img/media-account/icon-schedule.png';
@@ -41,13 +41,13 @@ const pauseStyle = {
   background: '#fff7e5',
 };
 
-const tooltipMap = new Map([
-  [1, { tooltip: '未授权' }],
-  [2, { tooltip: '登录状态失效' }],
-  [3, { tooltip: '请求频繁，等待24小时后重试', btnTooltip: '请求频繁，等待24小时后重试' }],
-  [4, { tooltip: '账号被冻结', btnTooltip: '账号被封，解封后才能操作' }],
-  [5, { tooltip: '数据缺失' }],
-  [6, { tooltip: '未知错误' }],
+export const errorStatusMap = new Map([
+  [1, { tooltip: '未授权', text: '未授权' }],
+  [2, { tooltip: '登录状态失效', text: '登录状态失效' }],
+  [3, { tooltip: '请求频繁，等待24小时后重试', btnTooltip: '请求频繁，等待24小时后重试', text: '请求过于频繁' }],
+  [4, { tooltip: '账号被冻结', btnTooltip: '账号被封，解封后才能操作', text: '账号被冻结' }],
+  [5, { tooltip: '数据缺失', text: '数据缺失' }],
+  [6, { tooltip: '未知错误', text: '未知错误' }],
 ]);
 
 /**
@@ -58,14 +58,18 @@ const tooltipMap = new Map([
  * @returns
  */
 
-export const getStatusInfo = (status: EnumStatus, error_status: EnumErrorStatus, to_be_expire_for_cookie: EnumExpireForCookie) => {
+export const getStatusInfo = (
+  status: EnumStatus,
+  error_status: EnumErrorStatus,
+  to_be_expire_for_cookie: EnumExpireForCookie,
+) => {
   const statusInfo = { color: '', background: '', label: '', tooltip: '', disabledBtnTooltip: '' };
   if (status === EnumStatus.ABNORMAL) {
     statusInfo.color = abnormalStyle.color;
     statusInfo.background = abnormalStyle.background;
     statusInfo.label = '异常';
 
-    const target = tooltipMap.get(error_status);
+    const target = errorStatusMap.get(error_status);
     statusInfo.tooltip = target?.tooltip ?? '';
     statusInfo.disabledBtnTooltip = target?.btnTooltip ?? '';
   }
@@ -111,11 +115,11 @@ export default defineComponent({
       const { background, color, label } = statusInfo.value;
       if (status === EnumStatus.NORMAL) {
         return (
-          <div class="flex items-center">
+          <div class="flex items-center status-box">
             {to_be_expire_for_cookie === EnumExpireForCookie.EXPIRE && (
               <div class="flex items-center rounded-2px px-8px mr-8px" style={{ background, color }}>
                 <img src={icon1} width="12" height="12" class="mr-4px" />
-                <span class="text-12px lh-20px font-400">{label}</span>
+                <span class="text-12px lh-20px font-400 label">{label}</span>
               </div>
             )}
             <div
@@ -129,8 +133,8 @@ export default defineComponent({
       }
 
       return (
-        <div class="flex items-center rounded-2px px-8px" style={{ background, color }}>
-          <span class="text-12px lh-20px font-400">{label}</span>
+        <div class="flex items-center rounded-2px px-8px status-box" style={{ background, color }}>
+          <span class="text-12px lh-20px font-400 label">{label}</span>
           {status === EnumStatus.PAUSE ? (
             <img src={iconWarn1} width="12" height="12" class="ml-4px" />
           ) : (
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
index a2e75c0..318c315 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
@@ -77,7 +77,7 @@
 <script setup>
 import { defineProps, ref, computed } from 'vue';
 import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
-import { EnumStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
+import { EnumPutAccountStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import { formatNumberShow, exactFormatTime } from '@/utils/tools';
 
@@ -135,7 +135,7 @@ const handlePause = (item) => {
 };
 
 const showPauseButton = (status) => {
-  return status === EnumStatus.NORMAL;
+  return status === EnumPutAccountStatus.NORMAL;
 };
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
index 8b508a9..6599f0f 100644
--- a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -13,7 +13,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
+import { STATUS_LIST, EnumPutAccountStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
 import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
@@ -38,16 +38,16 @@ const tooltipText = computed(() => {
 });
 
 const showIcon = computed(() => {
-  return ![EnumStatus.NORMAL, EnumStatus.UNAUTHORIZED].includes(props.status);
+  return ![EnumPutAccountStatus.NORMAL, EnumPutAccountStatus.UNAUTHORIZED].includes(props.status);
 });
 
 const iconSrc = computed(() => {
-  return props.status === EnumStatus.PAUSE ? iconWarn1 : iconWarn2;
+  return props.status === EnumPutAccountStatus.PAUSE ? iconWarn1 : iconWarn2;
 });
 
 // 判断是否为禁用重新授权的状态
 const isDisabledReauthorize = (status) => {
-  return [EnumStatus.ABNORMAL_LOGIN, EnumStatus.ABNORMAL_REQUEST, EnumStatus.ABNORMAL_FREEZE].includes(status);
+  return [EnumPutAccountStatus.ABNORMAL_LOGIN, EnumPutAccountStatus.ABNORMAL_REQUEST, EnumPutAccountStatus.ABNORMAL_FREEZE].includes(status);
 };
 </script>
 
diff --git a/src/views/property-marketing/put-account/components/status-select/constants.ts b/src/views/property-marketing/put-account/components/status-select/constants.ts
index 7049295..9f757ca 100644
--- a/src/views/property-marketing/put-account/components/status-select/constants.ts
+++ b/src/views/property-marketing/put-account/components/status-select/constants.ts
@@ -2,7 +2,7 @@
  * @Author: RenXiaoDong
  * @Date: 2025-07-04 11:18:11
  */
-export enum EnumStatus {
+export enum EnumPutAccountStatus {
   UNAUTHORIZED = 0,
   NORMAL = 1,
   ABNORMAL = 3,
@@ -17,44 +17,44 @@ export const STATUS_LIST = [
   {
     text: '正常',
     label: '正常',
-    value: EnumStatus.NORMAL,
+    value: EnumPutAccountStatus.NORMAL,
   },
   {
     text: '暂停同步',
     label: '暂停同步',
-    value: EnumStatus.PAUSE,
+    value: EnumPutAccountStatus.PAUSE,
   },
   {
     text: '未授权',
     label: '未授权',
-    value: EnumStatus.UNAUTHORIZED,
+    value: EnumPutAccountStatus.UNAUTHORIZED,
   },
   {
     text: '异常',
     label: '异常',
-    value: EnumStatus.ABNORMAL,
+    value: EnumPutAccountStatus.ABNORMAL,
   },
   {
     text: '数据缺失',
     label: '数据缺失',
-    value: EnumStatus.ABNORMAL_MISSING,
+    value: EnumPutAccountStatus.ABNORMAL_MISSING,
   },
   {
     text: '异常-登录状态失效',
     label: '异常',
-    value: EnumStatus.ABNORMAL_LOGIN,
+    value: EnumPutAccountStatus.ABNORMAL_LOGIN,
     tooltip: '登录状态失效，需重新扫码授权',
   },
   {
     text: '异常-请求过于频繁',
     label: '异常',
-    value: EnumStatus.ABNORMAL_REQUEST,
+    value: EnumPutAccountStatus.ABNORMAL_REQUEST,
     tooltip: '请求过于频繁，需等待24小时后重试',
   },
   {
     text: '异常-账号被冻结/封禁',
     label: '异常',
-    value: EnumStatus.ABNORMAL_FREEZE,
+    value: EnumPutAccountStatus.ABNORMAL_FREEZE,
     tooltip: '账号被冻结/封禁',
   },
 ];
diff --git a/src/views/property-marketing/put-account/components/status-select/index.vue b/src/views/property-marketing/put-account/components/status-select/index.vue
index b327655..cadf39a 100644
--- a/src/views/property-marketing/put-account/components/status-select/index.vue
+++ b/src/views/property-marketing/put-account/components/status-select/index.vue
@@ -19,7 +19,7 @@
 
 <script setup>
 import { ref, watch } from 'vue';
-import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 const props = defineProps({
   modelValue: {

From 6237c56510edcb4c4c582950bc2bf2d7d2b75a97 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 15:38:04 +0800
Subject: [PATCH 4/7] =?UTF-8?q?perf:=20navbar=E8=8F=9C=E5=8D=95active?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../navbar/components/navbar-menu/index.vue   | 24 +++++++++++++------
 .../components/task-center-modal/style.scss   |  2 +-
 .../select-sub-account-modal/style.scss       |  2 +-
 3 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/_base/navbar/components/navbar-menu/index.vue b/src/components/_base/navbar/components/navbar-menu/index.vue
index 7c33508..88953ff 100644
--- a/src/components/_base/navbar/components/navbar-menu/index.vue
+++ b/src/components/_base/navbar/components/navbar-menu/index.vue
@@ -9,7 +9,12 @@
               <icon-caret-down size="16" class="arco-icon-down !mr-0" />
             </a-button>
             <template #content>
-              <a-doption v-for="(child, ind) in item.children" :key="ind" @click="handleDropdownClick(child)">
+              <a-doption
+                v-for="(child, ind) in item.children"
+                :key="ind"
+                @click="handleDropdownClick(child)"
+                :class="{ active: child.includeRouteNames.includes(route.name) }"
+              >
                 <span class="menu-item-text"> {{ child.name }}</span>
               </a-doption>
             </template>
@@ -26,10 +31,12 @@
 </template>
 
 <script setup>
+import { useRoute } from 'vue-router';
 import { useSidebarStore } from '@/stores/modules/side-bar';
 import router from '@/router';
 
 const sidebarStore = useSidebarStore();
+const route = useRoute();
 
 const selectedKey = computed(() => {
   return [String(sidebarStore.activeMenuId)];
@@ -37,6 +44,7 @@ const selectedKey = computed(() => {
 const menuList = computed(() => {
   return sidebarStore.menuList;
 });
+
 const handleDropdownClick = (item) => {
   router.push({ name: item.routeName });
 };
@@ -59,11 +67,11 @@ const handleDropdownClick = (item) => {
         display: flex;
         height: 40px;
         width: 100%;
-        padding: 10px 24px;
+        padding: 10px 0;
         align-items: center;
         .menu-item-text {
           color: var(--Text-2, #3c4043);
-          font-family: 'PuHuiTi-Regular';
+          font-family: $font-family-regular;
           font-size: 16px;
           font-style: normal;
           font-weight: 400;
@@ -71,10 +79,12 @@ const handleDropdownClick = (item) => {
         }
       }
       &:not(.arco-dropdown-option-disabled):hover {
-        background-color: transparent;
-        .arco-dropdown-option-content {
-          border-radius: 8px;
-          background: var(--BG-200, #f2f3f5);
+        background: var(--BG-200, #f2f3f5);
+      }
+      &.active {
+        background: var(--Brand-Brand-1, #f0edff) !important;
+        .menu-item-text {
+          color: var(--Brand-Brand-6, #6d4cfe) !important;
         }
       }
     }
diff --git a/src/components/_base/navbar/components/task-center-modal/style.scss b/src/components/_base/navbar/components/task-center-modal/style.scss
index 0485941..25c5e3b 100644
--- a/src/components/_base/navbar/components/task-center-modal/style.scss
+++ b/src/components/_base/navbar/components/task-center-modal/style.scss
@@ -23,7 +23,7 @@
         .label {
           margin-right: 12px;
           color: #211f24;
-          font-family: 'PuHuiTi-Regular';
+          font-family: $font-family-regular;
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
index 25d027e..d8c0813 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
@@ -22,7 +22,7 @@
         .label {
           margin-right: 12px;
           color: #211f24;
-          font-family: 'PuHuiTi-Regular';
+          font-family: $font-family-regular;
           font-size: 14px;
           font-style: normal;
           font-weight: 400;

From 7de872c57a779b41e5923029ec6f0c7cb9cc73d0 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 15:44:31 +0800
Subject: [PATCH 5/7] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/status-select/constants.ts     | 23 ++++++++++++-------
 .../components/status-select/index.vue        |  8 ++++++-
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/views/property-marketing/media-account/components/status-select/constants.ts b/src/views/property-marketing/media-account/components/status-select/constants.ts
index 2e81c6b..fdfd154 100644
--- a/src/views/property-marketing/media-account/components/status-select/constants.ts
+++ b/src/views/property-marketing/media-account/components/status-select/constants.ts
@@ -14,7 +14,6 @@ export enum EnumAccountStatus {
   ABNORMAL_EXPIRED = 8, // 即将过期
 }
 
-
 export const STATUS_LIST = [
   {
     text: '正常',
@@ -41,36 +40,44 @@ export const STATUS_LIST = [
     label: '异常',
     value: EnumAccountStatus.UNAUTHORIZED,
     tooltip: '未授权',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
   {
     text: '异常（数据缺失）',
     label: '异常',
     value: EnumAccountStatus.ABNORMAL_MISSING,
     tooltip: '数据缺失',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
   {
     text: '异常（登录状态失效）',
     label: '异常',
     value: EnumAccountStatus.ABNORMAL_LOGIN,
     tooltip: '登录状态失效',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
   {
     text: '异常（请求频繁）',
     label: '异常',
     value: EnumAccountStatus.ABNORMAL_REQUEST,
     tooltip: '请求频繁，等待24小时后重试',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
   {
     text: '异常（账号被封）',
     label: '异常',
     value: EnumAccountStatus.ABNORMAL_FREEZE,
     tooltip: '账号被封',
-    class: '!pl-24px',
+    style: {
+      'padding-left': '24px',
+    },
   },
 ];
-
-
diff --git a/src/views/property-marketing/media-account/components/status-select/index.vue b/src/views/property-marketing/media-account/components/status-select/index.vue
index e616e60..811e3e0 100644
--- a/src/views/property-marketing/media-account/components/status-select/index.vue
+++ b/src/views/property-marketing/media-account/components/status-select/index.vue
@@ -11,7 +11,13 @@
     allow-clear
     @change="handleChange"
   >
-    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text" :class="item.class">
+    <a-option
+      v-for="(item, index) in STATUS_LIST"
+      :key="index"
+      :value="item.value"
+      :label="item.text"
+      :style="item.style"
+    >
       {{ item.text }}
     </a-option>
   </a-select>

From db523230b93fea23e3a79989d69fb48f3707c95c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 17:53:51 +0800
Subject: [PATCH 6/7] =?UTF-8?q?perf:=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../property-marketing/media-account/account-manage/index.vue   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 acbf386..5085017 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -346,7 +346,7 @@ const onBatchSuccess = () => {
   getData();
 };
 const handleOpenAbnormalAccount = () => {
-  query.value.status = 2;
+  query.value.status = 3;
   reload();
 };
 

From 533d453afde023974296321f4c8335dbb5c61450 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 28 Jul 2025 09:52:07 +0800
Subject: [PATCH 7/7] =?UTF-8?q?fix:=20=E5=87=BD=E6=95=B0=E5=90=8D=E9=87=8D?=
 =?UTF-8?q?=E5=A4=8D=E5=AF=BC=E8=87=B4=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/account-table/footer-btn.tsx               | 8 +++++---
 .../media-account/account-manage/index.vue                | 2 +-
 .../media-account/components/status-select/status-box.tsx | 8 ++------
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx b/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
index 66eeea9..3cdb6ef 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx
@@ -40,7 +40,7 @@ export default defineComponent({
         </Doption>
       );
     };
-    const renderSyncBtn = () => {
+    const renderUpdateBtn = () => {
       return (
         <Button type="outline" size="mini" onClick={() => emit('syncData', props.item)}>
           更新数据
@@ -75,7 +75,7 @@ export default defineComponent({
               ),
             }}
           ></Dropdown>
-          {renderSyncBtn()}
+          {renderUpdateBtn()}
         </>
       );
     };
@@ -104,13 +104,15 @@ export default defineComponent({
         </>
       );
     };
+    // 异常情况
     const renderAbnormal = () => {
       const { error_status } = props.item;
       const isMissing = error_status === EnumErrorStatus.MISSING;
       const isUnauthorized = error_status === EnumErrorStatus.UNAUTHORIZED;
+
       const renderSyncBtn = () => {
         if (isMissing) {
-          renderSyncBtn();
+          return renderUpdateBtn();
         } else if ([EnumErrorStatus.REQUEST, EnumErrorStatus.FREEZE].includes(error_status)) {
           return (
             <Tooltip content={statusInfo.value.disabledBtnTooltip}>
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 5085017..0f45c81 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -195,7 +195,7 @@ const tipLabel = computed(() => {
     { count: too_many_requests_number, label: '请求频繁' },
     { count: account_frozen_number, label: '账号被封' },
     { count: miss_data_number, label: '数据缺失' },
-    { count: abnormal_number, label: '其他异常' },
+    // { count: abnormal_number, label: '其他异常' },
   ];
 
   // 过滤出有异常的项并格式化
diff --git a/src/views/property-marketing/media-account/components/status-select/status-box.tsx b/src/views/property-marketing/media-account/components/status-select/status-box.tsx
index 9e1c6b6..3b6c5e8 100644
--- a/src/views/property-marketing/media-account/components/status-select/status-box.tsx
+++ b/src/views/property-marketing/media-account/components/status-select/status-box.tsx
@@ -72,9 +72,7 @@ export const getStatusInfo = (
     const target = errorStatusMap.get(error_status);
     statusInfo.tooltip = target?.tooltip ?? '';
     statusInfo.disabledBtnTooltip = target?.btnTooltip ?? '';
-  }
-
-  if (status === EnumStatus.NORMAL) {
+  } else if (status === EnumStatus.NORMAL) {
     if (to_be_expire_for_cookie === EnumExpireForCookie.NORMAL) {
       statusInfo.color = normalStyle.color;
       statusInfo.background = normalStyle.background;
@@ -84,9 +82,7 @@ export const getStatusInfo = (
       statusInfo.background = abnormalStyle.background;
       statusInfo.label = '即将过期';
     }
-  }
-
-  if (status === EnumStatus.PAUSE) {
+  } else if (status === EnumStatus.PAUSE) {
     statusInfo.color = pauseStyle.color;
     statusInfo.background = pauseStyle.background;
     statusInfo.label = '暂停同步';