From 105a4d06479b93f65270578c16558a4827a897fa Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 10 Jul 2025 15:05:02 +0800
Subject: [PATCH 01/97] =?UTF-8?q?feat:=20=E5=88=9D=E5=A7=8B=E5=8C=96?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E4=B8=AD=E5=BF=83=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../download-center-modal/constants.ts        |  38 +++
 .../delete-task-modal.vue                     |  59 ++++
 .../download-center-modal/index.vue           | 213 +++++++++++++++
 .../download-center-modal/style.scss          |  49 ++++
 .../navbar/components/navbar-menu/index.vue   |  83 ++++++
 .../navbar/components/navbar-menu/style.scss  |  45 ++++
 .../navbar/components/right-side/index.vue    | 132 +++++++++
 src/components/_base/navbar/index.vue         | 251 +-----------------
 src/styles/components/checkbox.scss           |   1 +
 9 files changed, 634 insertions(+), 237 deletions(-)
 create mode 100644 src/components/_base/navbar/components/download-center-modal/constants.ts
 create mode 100644 src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue
 create mode 100644 src/components/_base/navbar/components/download-center-modal/index.vue
 create mode 100644 src/components/_base/navbar/components/download-center-modal/style.scss
 create mode 100644 src/components/_base/navbar/components/navbar-menu/index.vue
 create mode 100644 src/components/_base/navbar/components/navbar-menu/style.scss
 create mode 100644 src/components/_base/navbar/components/right-side/index.vue

diff --git a/src/components/_base/navbar/components/download-center-modal/constants.ts b/src/components/_base/navbar/components/download-center-modal/constants.ts
new file mode 100644
index 0000000..3fbe202
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/constants.ts
@@ -0,0 +1,38 @@
+export const INITIAL_FORM = {
+  search: '',
+  module: '',
+  column: undefined,
+  order: undefined,
+};
+export const INITIAL_PAGE_INFO = {
+  page: 1,
+  pageSize: 20,
+  total: 0,
+};
+
+export const TABLE_COLUMNS = [
+  {
+    title: '文件名称',
+    dataIndex: 'file_name',
+    width: 180,
+    fixed: 'left',
+  },
+  {
+    title: '所属模块',
+    dataIndex: 'module',
+    width: 180,
+  },
+  {
+    title: '下载时间',
+    dataIndex: 'time',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '操作人员',
+    dataIndex: 'name',
+    width: 180,
+  },
+];
diff --git a/src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue b/src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue
new file mode 100644
index 0000000..7a9aac2
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue
@@ -0,0 +1,59 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="isBatch ? '批量删除下载记录' : '删除下载记录'"
+    width="400px"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ accountName }} 这条记录吗？</span>
+    </div>
+    <template #footer>
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete">确定</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['update', 'close', 'batchUpdate']);
+
+const visible = ref(false);
+const accountId = ref(null);
+const accountName = ref('');
+
+const isBatch = computed(() => Array.isArray(accountId.value));
+
+function onClose() {
+  visible.value = false;
+  accountId.value = null;
+  accountName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  accountId.value = id;
+  accountName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const _fn = isBatch.value ? batchDeleteMediaAccounts : deleteMediaAccount;
+  const _params = isBatch.value ? { ids: accountId.value } : accountId.value;
+  const { code } = await _fn(_params);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    isBatch.value ? emits('batchUpdate') : emits('update');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/download-center-modal/index.vue
new file mode 100644
index 0000000..a361651
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/index.vue
@@ -0,0 +1,213 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="下载中心"
+    modal-class="download-center-modal"
+    width="780px"
+    :mask-closable="false"
+    :footer="false"
+    @close="onClose"
+  >
+    <div class="filter-row flex mb-16px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">操作人员</span>
+        <a-input
+          v-model="query.search"
+          class="w-240px"
+          placeholder="请搜索..."
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">所属模块</span>
+        <a-select v-model="query.module" size="medium" placeholder="全部" allow-clear @change="handleChange">
+          <a-option v-for="(item, index) in groups" :key="index" :value="item.id" :label="item.name">
+            {{ item.name }}
+          </a-option>
+        </a-select>
+      </div>
+    </div>
+    <a-table
+      ref="tableRef"
+      :data="dataSource"
+      column-resizable
+      :row-selection="{
+        type: 'checkbox',
+        showCheckedAll: true,
+        width: 48,
+      }"
+      :selected-keys="selectedItems"
+      :pagination="false"
+      :scroll="{ x: '100%' }"
+      class="file-table w-100% h-400px"
+      bordered
+      @sorter-change="handleSorterChange"
+      @select="handleSelect"
+      @select-all="handleSelectAll"
+    >
+      <template #empty>
+        <NoData />
+      </template>
+      <template #columns>
+        <a-table-column
+          v-for="column in TABLE_COLUMNS"
+          :key="column.dataIndex"
+          :data-index="column.dataIndex"
+          :fixed="column.fixed"
+          :width="column.width"
+          :min-width="column.minWidth"
+          :sortable="column.sortable"
+          :align="column.align"
+          ellipsis
+          tooltip
+        >
+          <template #title>
+            <div class="flex items-center">
+              <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
+              <span class="cts mr-4px">{{ column.title }}</span>
+              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+              </a-tooltip>
+            </div>
+          </template>
+
+          <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
+            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+          </template>
+          <template v-else-if="column.dataIndex === 'time'" #cell="{ record }">
+            {{ exactFormatTime(record.time) }}
+          </template>
+
+          <template v-else #cell="{ record }">
+            {{ formatTableField(column, record, true) }}
+          </template>
+        </a-table-column>
+        <a-table-column data-index="operation" fixed="right" width="100" title="操作">
+          <template #cell="{ record }">
+            <div class="flex items-center">
+              <img :src="icon1" width="14" height="14" class="mr-8px cursor-pointer" @click="openDelete(record)" />
+              <a-button type="outline" size="small" class="search-btn" @click="handleDownload(record)">下载</a-button>
+            </div>
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+    <div v-if="pageInfo.total > 0" class="flex justify-end">
+      <a-pagination
+        :total="pageInfo.total"
+        size="mini"
+        show-total
+        show-jumper
+        show-page-size
+        :current="pageInfo.page"
+        :page-size="pageInfo.pageSize"
+        @change="onPageChange"
+        @page-size-change="onPageSizeChange"
+      />
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import { fetchAccountGroups } from '@/api/all/propertyMarketing';
+import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
+import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+
+const visible = ref(false);
+const dataSource = ref([]);
+const query = ref(cloneDeep(INITIAL_FORM));
+const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
+const selectedItems = ref([]);
+const groups = ref([]);
+
+const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
+const indeterminate = computed(
+  () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
+);
+
+const open = () => {
+  getGroups();
+  getData();
+
+  visible.value = true;
+};
+const onClose = () => {
+  query.value = cloneDeep(INITIAL_FORM);
+  pageInfo.value = cloneDeep(INITIAL_FORM);
+
+  visible.value = false;
+};
+
+const getData = () => {
+  console.log('getData');
+  dataSource.value = [
+    {
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三',
+    },
+  ];
+};
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order === 'ascend' ? 'asc' : 'desc';
+  reload();
+};
+
+const handleSearch = () => {
+  console.log('handleSearch');
+};
+const openDelete = () => {
+  console.log('openDelete');
+};
+const getGroups = async () => {
+  const { code, data } = await fetchAccountGroups();
+  if (code === 200) {
+    groups.value = data;
+  }
+};
+const handleSelect = (selectedRowKeys) => {
+  selectedItems.value = selectedRowKeys;
+};
+
+const handleSelectAll = (checked) => {
+  if (checked) {
+    selectedItems.value = dataSource.map((item) => item.id);
+  } else {
+    selectedItems.value = [];
+  }
+};
+
+const handleDownload = () => {
+  console.log('handleDownload');
+};
+
+const onPageChange = (current) => {
+  pageInfo.value.page = current;
+  getData();
+};
+const onPageSizeChange = (pageSize) => {
+  pageInfo.value.pageSize = pageSize;
+  reload();
+};
+
+defineExpose({ open });
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/components/_base/navbar/components/download-center-modal/style.scss b/src/components/_base/navbar/components/download-center-modal/style.scss
new file mode 100644
index 0000000..72f458a
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/style.scss
@@ -0,0 +1,49 @@
+.download-center-modal {
+  .arco-input-wrapper,
+  .arco-select-view-single,
+  .arco-select-view-multiple {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+    &:focus-within,
+    &.arco-input-focus,
+    &.arco-textarea-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+  .arco-modal-body {
+    padding: 24px 20px 40px;
+    .filter-row {
+      .filter-row-item {
+        &:not(:last-child) {
+          margin-right: 24px;
+        }
+        .label {
+          margin-right: 12px;
+          color: #211f24;
+          font-family: 'PuHuiTi-Regular';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          flex-shrink: 0;
+          line-height: 22px; /* 157.143% */
+        }
+        :deep(.arco-space-item) {
+          width: 100%;
+        }
+      }
+    }
+    .file-table {
+      .cts {
+        color: var(--Text-1, #211f24);
+        font-family: 'PuHuiTi-Medium';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+      }
+    }
+  }
+}
diff --git a/src/components/_base/navbar/components/navbar-menu/index.vue b/src/components/_base/navbar/components/navbar-menu/index.vue
new file mode 100644
index 0000000..0be5ffa
--- /dev/null
+++ b/src/components/_base/navbar/components/navbar-menu/index.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="navbar-menu h-100%">
+    <a-menu mode="horizontal" :selected-keys="selectedKey">
+      <a-menu-item v-for="item in menuList" :key="String(item.id)">
+        <template v-if="item.children">
+          <a-dropdown :popup-max-height="false" class="layout-menu-item-dropdown">
+            <a-button>
+              <span class="menu-item-text mr-2px"> {{ item.name }}</span>
+              <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)">
+                <span class="menu-item-text"> {{ child.name }}</span>
+              </a-doption>
+            </template>
+          </a-dropdown>
+        </template>
+        <template v-else>
+          <a-menu-item :key="String(item.id)" @click="handleDropdownClick(item)">
+            <span class="menu-item-text"> {{ item.name }}</span>
+          </a-menu-item>
+        </template>
+      </a-menu-item>
+    </a-menu>
+  </div>
+</template>
+
+<script setup>
+import { useSidebarStore } from '@/stores/modules/side-bar';
+import router from '@/router';
+
+const sidebarStore = useSidebarStore();
+
+const selectedKey = computed(() => {
+  return [String(sidebarStore.activeMenuId)];
+});
+const menuList = computed(() => {
+  return sidebarStore.menuList;
+});
+const handleDropdownClick = (item) => {
+  router.push({ name: item.routeName });
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
+<style lang="scss">
+.layout-menu-item-dropdown {
+  .arco-dropdown {
+    border-radius: 8px;
+    border: 1px solid var(--BG-300, #e6e6e8);
+    background: var(--BG-white, #fff);
+    padding: 12px 0px;
+    .arco-dropdown-option {
+      padding: 0 12px;
+      margin-bottom: 4px;
+      &-content {
+        display: flex;
+        height: 40px;
+        width: 100%;
+        padding: 10px 24px;
+        align-items: center;
+        .menu-item-text {
+          color: var(--Text-2, #3c4043);
+          font-family: 'PuHuiTi-Regular';
+          font-size: 16px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 137.5% */
+        }
+      }
+      &:not(.arco-dropdown-option-disabled):hover {
+        background-color: transparent;
+        .arco-dropdown-option-content {
+          border-radius: 8px;
+          background: var(--BG-200, #f2f3f5);
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/_base/navbar/components/navbar-menu/style.scss b/src/components/_base/navbar/components/navbar-menu/style.scss
new file mode 100644
index 0000000..23b52b3
--- /dev/null
+++ b/src/components/_base/navbar/components/navbar-menu/style.scss
@@ -0,0 +1,45 @@
+.navbar-menu {
+  display: flex;
+  align-items: center;
+  margin-left: 40px;
+  .menu-item-text {
+    color: var(--Text-2, #3c4043);
+    font-family: 'PuHuiTi-Medium';
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  :deep(.arco-menu) {
+    height: 100%;
+    .arco-menu-inner {
+      padding: 0 20px;
+    }
+    .arco-menu-item {
+      padding: 0;
+      position: relative;
+      &.arco-menu-selected {
+        .menu-item-text,
+        .arco-menu-selected-label {
+          color: #6d4cfe;
+        }
+        .arco-menu-selected-label {
+          background: var(--Brand-Brand-6, #6d4cfe);
+          height: 4px;
+          border-radius: 4px;
+          width: 50%;
+          position: absolute;
+          bottom: -8px;
+          left: 50%;
+          transform: translateX(-50%);
+        }
+      }
+    }
+  }
+  .arco-icon-down {
+    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  .arco-dropdown-open .arco-icon-down {
+    transform: rotate(180deg);
+  }
+}
diff --git a/src/components/_base/navbar/components/right-side/index.vue b/src/components/_base/navbar/components/right-side/index.vue
new file mode 100644
index 0000000..8ccd249
--- /dev/null
+++ b/src/components/_base/navbar/components/right-side/index.vue
@@ -0,0 +1,132 @@
+<template>
+  <div class="right-wrap">
+    <!-- 下载中心 -->
+    <icon-download
+      size="16"
+      class="cursor-pointer color-#737478 hover:color-#6D4CFE mr-12px"
+      @click="openDownloadCenter"
+    />
+
+    <!-- 头像 -->
+    <a-dropdown trigger="click" class="layout-avatar-dropdown">
+      <a-avatar class="cursor-pointer" :size="32">
+        <img alt="avatar" src="@/assets/avatar.svg" />
+      </a-avatar>
+      <template #content>
+        <div>
+          <a-doption v-for="item in RIGHT_DROPDOWN_MENU" :key="item.label">
+            <a-space class="flex justify-between w-100%" @click="item.onClick">
+              <div class="flex items-center">
+                <img :src="item.icon" class="w-16px h-16px mr-8px" />
+                <span>{{ item.label }}</span>
+              </div>
+              <icon-right size="12" />
+            </a-space>
+          </a-doption>
+        </div>
+      </template>
+    </a-dropdown>
+
+    <ExitAccountModal ref="exitAccountModalRef" />
+    <DownloadCenterModal ref="downloadCenterModalRef" />
+  </div>
+</template>
+
+<script setup>
+import router from '@/router';
+
+import ExitAccountModal from '@/components/_base/exit-account-modal';
+import DownloadCenterModal from '../download-center-modal';
+
+import icon1 from '@/assets/option.svg';
+import icon2 from '@/assets/exit.svg';
+import icon3 from '@/assets/change.svg';
+
+const RIGHT_DROPDOWN_MENU = [
+  {
+    label: '管理中心',
+    icon: icon1,
+    onClick: () => {
+      router.push('/management/person');
+    },
+  },
+  // {
+  //   label: '切换企业账号',
+  //   icon: icon3,
+  //   onClick: () => {
+  //     console.log('切换企业账号');
+  //   },
+  // },
+  {
+    label: '退出登录',
+    icon: icon2,
+    onClick: () => {
+      exitAccountModalRef.value?.open();
+    },
+  },
+];
+
+const exitAccountModalRef = ref(null);
+const downloadCenterModalRef = ref(null);
+
+const openDownloadCenter = () => {
+  downloadCenterModalRef.value.open();
+};
+</script>
+
+<style scoped lang="scss">
+.right-wrap {
+  display: flex;
+  padding-right: 20px;
+  list-style: none;
+  align-items: center;
+}
+</style>
+<style lang="scss">
+.layout-avatar-dropdown {
+  .arco-dropdown {
+    border-radius: 8px;
+    border: 1px solid var(--BG-300, #e6e6e8);
+    background: var(--BG-white, #fff);
+    padding: 12px 0px;
+    .arco-dropdown-option {
+      padding: 0 12px;
+      margin-bottom: 4px;
+      &-content {
+        display: flex;
+        height: 40px;
+        width: 100%;
+        padding: 10px 24px;
+        align-items: center;
+        .menu-item-text {
+          color: var(--Text-2, #3c4043);
+          font-family: 'PuHuiTi-Regular';
+          font-size: 16px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 137.5% */
+        }
+      }
+      &:not(.arco-dropdown-option-disabled):hover {
+        background-color: transparent;
+        .arco-dropdown-option-content {
+          border-radius: 8px;
+          background: var(--BG-200, #f2f3f5);
+        }
+      }
+    }
+  }
+}
+.layout-avatar-dropdown {
+  width: 200px;
+  .arco-dropdown {
+    padding: 12px 4px;
+    .arco-dropdown-option {
+      padding: 0 !important;
+      &-content {
+        padding: 0 12px !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/_base/navbar/index.vue b/src/components/_base/navbar/index.vue
index 333167b..0db9bed 100644
--- a/src/components/_base/navbar/index.vue
+++ b/src/components/_base/navbar/index.vue
@@ -1,257 +1,34 @@
-<script setup>
-import { useAppStore } from '@/stores';
-import { useEnterpriseStore } from '@/stores/modules/enterprise';
-// import { IconExport, IconFile, IconCaretDown } from '@arco-design/web-vue/es/icon';
-// import { handleUserLogout } from '@/utils/user';
-// import { fetchLogOut } from '@/api/all/login';
-import { useSidebarStore } from '@/stores/modules/side-bar';
-import { MENU_GROUP_IDS } from '@/router/constants';
-import router from '@/router';
-// import { useRoute } from 'vue-router';
-import ExitAccountModal from '@/components/_base/exit-account-modal/index.vue';
-// import { appRoutes } from '@/router/routes';
-// import { MENU_LIST } from './constants';
-
-const sidebarStore = useSidebarStore();
-// const enterpriseStore = useEnterpriseStore();
-// const route = useRoute();
-const exitAccountModalRef = ref(null);
-// const selectedKey = ref([]);
-
-const selectedKey = computed(() => {
-  return [String(sidebarStore.activeMenuId)];
-});
-const menuList = computed(() => {
-  return sidebarStore.menuList;
-});
-
-const clickExit = async () => {
-  exitAccountModalRef.value?.open();
-};
-
-// const appStore = useAppStore();
-
-const setServerMenu = () => {
-  router.push('/management/person');
-};
-
-const handleDopdownClick = (item) => {
-  router.push({ name: item.routeName });
-};
-</script>
-
 <template>
-  <div class="navbar">
-    <div class="left-side">
+  <div class="navbar-wrap">
+    <div class="left-wrap">
       <a-space class="cursor-pointer" @click="router.push('/')">
         <img src="@/assets/logo.svg" alt="" />
       </a-space>
     </div>
-    <div class="center-side">
-      <div class="menu-demo h-100%">
-        <a-menu mode="horizontal" :selected-keys="selectedKey">
-          <a-menu-item v-for="item in menuList" :key="String(item.id)">
-            <template v-if="item.children">
-              <a-dropdown :popup-max-height="false" class="layout-menu-item-dropdown">
-                <a-button>
-                  <span class="menu-item-text mr-2px"> {{ item.name }}</span>
-                  <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="handleDopdownClick(child)">
-                    <span class="menu-item-text"> {{ child.name }}</span>
-                  </a-doption>
-                </template>
-              </a-dropdown>
-            </template>
-            <template v-else>
-              <a-menu-item :key="String(item.id)" @click="handleDopdownClick(item)">
-                <span class="menu-item-text"> {{ item.name }}</span>
-              </a-menu-item>
-            </template>
-          </a-menu-item>
-        </a-menu>
-      </div>
+    <div class="flex-1">
+      <NavbarMenu />
     </div>
-    <ul class="right-side">
-      <li>
-        <a-dropdown trigger="click" class="layout-avatar-dropdown">
-          <a-avatar class="cursor-pointer" :size="32">
-            <img alt="avatar" src="@/assets/avatar.svg" />
-          </a-avatar>
-          <template #content>
-            <div>
-              <a-doption>
-                <a-space class="flex justify-between w-100%" @click="setServerMenu">
-                  <div class="flex items-center">
-                    <img src="@/assets/option.svg" class="w-16px h-16px mr-8px" />
-                    <span>管理中心</span>
-                  </div>
-                  <icon-right size="12" />
-                </a-space>
-              </a-doption>
-              <!-- <a-doption>
-                <a-space class="flex justify-between w-100%">
-                  <div class="flex items-center">
-                    <img src="@/assets/change.svg" class="w-16px h-16px mr-8px" />
-                    <span>切换企业账号</span>
-                  </div>
-                  <icon-right size="12" />
-                </a-space>
-              </a-doption> -->
-              <a-doption>
-                <a-space class="flex justify-between w-100%" @click="clickExit">
-                  <div class="flex items-center">
-                    <img src="@/assets/exit.svg" class="w-16px h-16px mr-8px" />
-                    <span>退出登录</span>
-                  </div>
-                  <icon-right size="12" />
-                </a-space>
-              </a-doption>
-            </div>
-          </template>
-        </a-dropdown>
-      </li>
-    </ul>
-    <ExitAccountModal ref="exitAccountModalRef" />
+    <RightSide />
   </div>
 </template>
 
+<script setup>
+import NavbarMenu from './components/navbar-menu';
+import RightSide from './components/right-side';
+
+import router from '@/router';
+</script>
 <style scoped lang="scss">
-.navbar {
+.navbar-wrap {
   display: flex;
   justify-content: space-between;
   height: 100%;
   background-color: var(--color-bg-2);
   border-bottom: 1px solid var(--color-border);
-}
-.left-side {
-  display: flex;
-  align-items: center;
-  padding-left: 20px;
-}
-.center-side {
-  flex: 1;
-  display: flex;
-  align-items: center;
-
-  margin-left: 40px;
-  .menu-item-text {
-    color: var(--Text-2, #3c4043);
-    font-family: 'PuHuiTi-Medium';
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22px;
-  }
-  :deep(.arco-menu) {
-    height: 100%;
-    .arco-menu-inner {
-      padding: 0 20px;
-    }
-    .arco-menu-item {
-      padding: 0;
-      position: relative;
-      &.arco-menu-selected {
-        .menu-item-text,
-        .arco-menu-selected-label {
-          color: #6d4cfe;
-        }
-        .arco-menu-selected-label {
-          background: var(--Brand-Brand-6, #6d4cfe);
-          height: 4px;
-          border-radius: 4px;
-          width: 50%;
-          position: absolute;
-          bottom: -8px;
-          left: 50%;
-          transform: translateX(-50%);
-        }
-      }
-    }
-  }
-  .arco-icon-down {
-    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  }
-  .arco-dropdown-open .arco-icon-down {
-    transform: rotate(180deg);
-  }
-}
-.cneter-tip {
-  font-size: 16px;
-  font-weight: 400;
-  color: var(--color-text-1);
-}
-.menu-demo {
-  flex: 1;
-}
-.right-side {
-  display: flex;
-  padding-right: 20px;
-  list-style: none;
-  li {
+  .left-wrap {
     display: flex;
     align-items: center;
-    padding: 0 10px;
-  }
-  a {
-    color: var(--color-text-1);
-    text-decoration: none;
-  }
-  .nav-btn {
-    border-color: rgb(var(--gray-2));
-    color: rgb(var(--gray-8));
-    font-size: 16px;
-  }
-}
-</style>
-
-<style lang="scss">
-.layout-menu-item-dropdown,
-.layout-avatar-dropdown {
-  .arco-dropdown {
-    border-radius: 8px;
-    border: 1px solid var(--BG-300, #e6e6e8);
-    background: var(--BG-white, #fff);
-    padding: 12px 0px;
-    .arco-dropdown-option {
-      padding: 0 12px;
-      margin-bottom: 4px;
-      &-content {
-        display: flex;
-        height: 40px;
-        width: 100%;
-        padding: 10px 24px;
-        align-items: center;
-        .menu-item-text {
-          color: var(--Text-2, #3c4043);
-          font-family: 'PuHuiTi-Regular';
-          font-size: 16px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px; /* 137.5% */
-        }
-      }
-      &:not(.arco-dropdown-option-disabled):hover {
-        background-color: transparent;
-        .arco-dropdown-option-content {
-          border-radius: 8px;
-          background: var(--BG-200, #f2f3f5);
-        }
-      }
-    }
-  }
-}
-.layout-avatar-dropdown {
-  width: 200px;
-  .arco-dropdown {
-    padding: 12px 4px;
-    .arco-dropdown-option {
-      padding: 0 !important;
-      &-content {
-        padding: 0 12px !important;
-      }
-    }
+    padding-left: 20px;
   }
 }
 </style>
diff --git a/src/styles/components/checkbox.scss b/src/styles/components/checkbox.scss
index 2bc38b0..9b7302c 100644
--- a/src/styles/components/checkbox.scss
+++ b/src/styles/components/checkbox.scss
@@ -25,6 +25,7 @@
   &.arco-checkbox-indeterminate {
     .arco-checkbox-icon  {
      background-color: #6D4CFE !important; 
+     border: none;
     }
   }
 

From 789de0150e3076e12e037ea26226543edb5bb55a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 10 Jul 2025 17:04:34 +0800
Subject: [PATCH 02/97] =?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

---
 .../download-center-modal/constants.ts        |  2 +-
 .../delete-task-modal.vue                     |  4 ++-
 .../download-center-modal/index.vue           | 33 +++++++++++++++----
 3 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/src/components/_base/navbar/components/download-center-modal/constants.ts b/src/components/_base/navbar/components/download-center-modal/constants.ts
index 3fbe202..a27052a 100644
--- a/src/components/_base/navbar/components/download-center-modal/constants.ts
+++ b/src/components/_base/navbar/components/download-center-modal/constants.ts
@@ -15,7 +15,7 @@ export const TABLE_COLUMNS = [
     title: '文件名称',
     dataIndex: 'file_name',
     width: 180,
-    fixed: 'left',
+    // fixed: 'left',
   },
   {
     title: '所属模块',
diff --git a/src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue b/src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue
index 7a9aac2..9b3ed35 100644
--- a/src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue
+++ b/src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue
@@ -11,7 +11,9 @@
     </div>
     <template #footer>
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete">确定</a-button>
+      <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
+        >确定</a-button
+      >
     </template>
   </a-modal>
 </template>
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/download-center-modal/index.vue
index a361651..677ab00 100644
--- a/src/components/_base/navbar/components/download-center-modal/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/index.vue
@@ -37,6 +37,7 @@
       ref="tableRef"
       :data="dataSource"
       column-resizable
+      row-key="id"
       :row-selection="{
         type: 'checkbox',
         showCheckedAll: true,
@@ -111,6 +112,8 @@
         @page-size-change="onPageSizeChange"
       />
     </div>
+
+    <DeleteTaskModal ref="deleteTaskModalRef" @batchUpdate="onBatchSuccess" @update="getData" />
   </a-modal>
 </template>
 
@@ -118,6 +121,7 @@
 import { fetchAccountGroups } from '@/api/all/propertyMarketing';
 import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
 import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+import DeleteTaskModal from './delete-task-modal.vue';
 
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 
@@ -127,6 +131,7 @@ const query = ref(cloneDeep(INITIAL_FORM));
 const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 const selectedItems = ref([]);
 const groups = ref([]);
+const deleteTaskModalRef = ref(null);
 
 const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
 const indeterminate = computed(
@@ -147,13 +152,20 @@ const onClose = () => {
 };
 
 const getData = () => {
-  console.log('getData');
   dataSource.value = [
     {
+      id: 1,
       file_name: '投放指南20150701',
       module: '营销资产平台',
       time: 1752130053,
-      name: '张三三',
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 2,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
     },
   ];
 };
@@ -171,8 +183,12 @@ const handleSorterChange = (column, order) => {
 const handleSearch = () => {
   console.log('handleSearch');
 };
-const openDelete = () => {
-  console.log('openDelete');
+const openDelete = (record) => {
+  const { id, file_name } = record;
+  deleteTaskModalRef.value.open({
+    id,
+    name: `“${file_name || '-'}”`,
+  });
 };
 const getGroups = async () => {
   const { code, data } = await fetchAccountGroups();
@@ -180,13 +196,13 @@ const getGroups = async () => {
     groups.value = data;
   }
 };
-const handleSelect = (selectedRowKeys) => {
+const handleSelect = (selectedRowKeys, selectedRows) => {
   selectedItems.value = selectedRowKeys;
 };
 
 const handleSelectAll = (checked) => {
   if (checked) {
-    selectedItems.value = dataSource.map((item) => item.id);
+    selectedItems.value = dataSource.value.map((item) => item.id);
   } else {
     selectedItems.value = [];
   }
@@ -205,6 +221,11 @@ const onPageSizeChange = (pageSize) => {
   reload();
 };
 
+const onBatchSuccess = () => {
+  selectedItems.value = [];
+  getData();
+};
+
 defineExpose({ open });
 </script>
 

From c5d8568b82caf178f02597a6d10b909c1f61cd7d Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 14 Jul 2025 11:14:22 +0800
Subject: [PATCH 03/97] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../download-center-modal/constants.ts        |  6 +-
 .../download-center-modal/index.vue           | 54 +++++++++++++---
 .../download-center-modal/style.scss          | 61 ++++++++++++++++++-
 .../navbar/components/navbar-menu/style.scss  |  2 +-
 4 files changed, 111 insertions(+), 12 deletions(-)

diff --git a/src/components/_base/navbar/components/download-center-modal/constants.ts b/src/components/_base/navbar/components/download-center-modal/constants.ts
index a27052a..3b1fef8 100644
--- a/src/components/_base/navbar/components/download-center-modal/constants.ts
+++ b/src/components/_base/navbar/components/download-center-modal/constants.ts
@@ -20,12 +20,12 @@ export const TABLE_COLUMNS = [
   {
     title: '所属模块',
     dataIndex: 'module',
-    width: 180,
+    width: 120,
   },
   {
     title: '下载时间',
     dataIndex: 'time',
-    width: 180,
+    width: 120,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -33,6 +33,6 @@ export const TABLE_COLUMNS = [
   {
     title: '操作人员',
     dataIndex: 'name',
-    width: 180,
+    width: 120,
   },
 ];
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/download-center-modal/index.vue
index 677ab00..1b82ad6 100644
--- a/src/components/_base/navbar/components/download-center-modal/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/index.vue
@@ -3,7 +3,7 @@
     v-model:visible="visible"
     title="下载中心"
     modal-class="download-center-modal"
-    width="780px"
+    width="860px"
     :mask-closable="false"
     :footer="false"
     @close="onClose"
@@ -33,6 +33,34 @@
         </a-select>
       </div>
     </div>
+
+    <div
+      v-if="dataSource.length > 0 && selectedItems.length > 0"
+      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
+      :class="selectedItems.length > 0 ? 'selected' : ''"
+    >
+      <div class="flex items-center">
+        <div class="flex items-center">
+          <a-checkbox
+            :model-value="checkedAll"
+            :indeterminate="indeterminate"
+            class="mr-8px"
+            @change="handleSelectAll"
+          />
+          <span class="label mr-24px">
+            已选
+            <span class="color-#6D4CFE">{{ selectedItems.length }}</span>
+            个文件
+          </span>
+
+          <span class="operation-btn" @click="handleBatchDownload">批量下载</span>
+          <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
+        </div>
+      </div>
+
+      <icon-close size="16" class="cursor-pointer color-#737478" @click="handleCloseTip" />
+    </div>
+
     <a-table
       ref="tableRef"
       :data="dataSource"
@@ -46,7 +74,7 @@
       :selected-keys="selectedItems"
       :pagination="false"
       :scroll="{ x: '100%' }"
-      class="file-table w-100% h-400px"
+      class="file-table w-100% flex-1"
       bordered
       @sorter-change="handleSorterChange"
       @select="handleSelect"
@@ -89,11 +117,11 @@
             {{ formatTableField(column, record, true) }}
           </template>
         </a-table-column>
-        <a-table-column data-index="operation" fixed="right" width="100" title="操作">
+        <a-table-column data-index="operation" width="100" title="操作">
           <template #cell="{ record }">
             <div class="flex items-center">
-              <img :src="icon1" width="14" height="14" class="mr-8px cursor-pointer" @click="openDelete(record)" />
-              <a-button type="outline" size="small" class="search-btn" @click="handleDownload(record)">下载</a-button>
+              <img :src="icon1" width="14" height="14" class="mr-8px cursor-pointer" @click="handleDelete(record)" />
+              <a-button type="outline" size="mini" class="search-btn" @click="handleDownload(record)">下载</a-button>
             </div>
           </template>
         </a-table-column>
@@ -181,15 +209,20 @@ const handleSorterChange = (column, order) => {
 };
 
 const handleSearch = () => {
-  console.log('handleSearch');
+  reload();
 };
-const openDelete = (record) => {
+const handleDelete = (record) => {
   const { id, file_name } = record;
   deleteTaskModalRef.value.open({
     id,
     name: `“${file_name || '-'}”`,
   });
 };
+const handleBatchDelete = () => {
+  const ids = selectedItems.value.map((item) => item.id);
+  const names = selectedItems.value.map((item) => `"${item.name || '-'}"`).join('，');
+  deleteTaskModalRef.value?.open({ id: ids, name: names });
+};
 const getGroups = async () => {
   const { code, data } = await fetchAccountGroups();
   if (code === 200) {
@@ -208,9 +241,16 @@ const handleSelectAll = (checked) => {
   }
 };
 
+const handleCloseTip = () => {
+  selectedItems.value = [];
+};
+
 const handleDownload = () => {
   console.log('handleDownload');
 };
+const handleBatchDownload = () => {
+  console.log('handleBatchDownload');
+};
 
 const onPageChange = (current) => {
   pageInfo.value.page = current;
diff --git a/src/components/_base/navbar/components/download-center-modal/style.scss b/src/components/_base/navbar/components/download-center-modal/style.scss
index 72f458a..d2e5be6 100644
--- a/src/components/_base/navbar/components/download-center-modal/style.scss
+++ b/src/components/_base/navbar/components/download-center-modal/style.scss
@@ -13,7 +13,18 @@
       box-shadow: 0 0 0 0 var(--color-primary-light-2);
     }
   }
+  .arco-modal-header {
+    .arco-modal-title {
+      color: var(--Text-1, #211f24);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+      font-family: $font-family-medium;
+    }
+  }
   .arco-modal-body {
+    height: 536px;
     padding: 24px 20px 40px;
     .filter-row {
       .filter-row-item {
@@ -35,10 +46,58 @@
         }
       }
     }
+    .tip-row {
+      border-radius: 2px;
+      background: #f0edff;
+      .label {
+        font-family: $font-family-medium;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+      }
+      &.normal {
+        background: #ebf7f2;
+        .label {
+          color: #211f24;
+        }
+      }
+      &.abnormal {
+        background: #ffe7e4;
+        .label {
+          color: #211f24;
+        }
+      }
+      .err-btn {
+        background-color: #f64b31 !important;
+        color: var(--BG-white, #fff);
+        font-family: 'PingFang SC';
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px; /* 166.667% */
+      }
+      .operation-btn {
+        padding: 0;
+        cursor: pointer;
+        color: var(--Brand-Brand-6, #6d4cfe);
+        font-family: $font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+        &:not(:last-child) {
+          margin-right: 16px;
+        }
+        &.red {
+          color: #F64B31;
+        }
+      }
+    }
     .file-table {
       .cts {
         color: var(--Text-1, #211f24);
-        font-family: 'PuHuiTi-Medium';
+        font-family: $font-family-medium;
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
diff --git a/src/components/_base/navbar/components/navbar-menu/style.scss b/src/components/_base/navbar/components/navbar-menu/style.scss
index 23b52b3..5a15e33 100644
--- a/src/components/_base/navbar/components/navbar-menu/style.scss
+++ b/src/components/_base/navbar/components/navbar-menu/style.scss
@@ -4,7 +4,7 @@
   margin-left: 40px;
   .menu-item-text {
     color: var(--Text-2, #3c4043);
-    font-family: 'PuHuiTi-Medium';
+    font-family: $font-family-medium;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;

From ca31db446da7039e45fa63805db47ffc3a4ab308 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 14 Jul 2025 16:29:04 +0800
Subject: [PATCH 04/97] =?UTF-8?q?feat:=20=E5=90=8C=E6=AD=A5=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE/=E6=89=B9=E9=87=8F=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              | 17 +++-
 .../components/account-table/index.vue        | 22 ++++-
 .../components/add-account-modal/index.vue    | 24 +++++-
 .../authorized-account-modal/index.vue        | 13 +--
 .../reauthorize-account-modal/index.vue       |  7 +-
 .../components/sync-data-modal/index.vue      | 58 +++++++++++++
 .../components/sync-data-modal/style.scss     | 14 ++++
 .../media-account/account-manage/index.vue    | 82 +++++++++++++++++--
 .../media-account/account-manage/style.scss   |  6 +-
 9 files changed, 222 insertions(+), 21 deletions(-)
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 063d2ce..4c665be 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -294,7 +294,7 @@ export const getPlacementAccountProjectsTrend = (params = {}) => {
 export const getPlacementGuide = (params: {}) => {
   return Http.get(`/v1/placement-account-projects/getGuideList`, params);
 };
-//查询投放指南历史
+// 查询投放指南历史
 export const getPlacementGuideHistory = (params: {}) => {
   return Http.get(`/v1/placement-account-projects/getGuideListHistory`, params);
 };
@@ -312,7 +312,7 @@ export const getPlacementGuideDetail = (id: string) => {
   return Http.get(`/v1/placement-account-projects/historylog/${id}`);
 };
 
-//删除记录
+// 删除记录
 export const deleteHistorylog = (id: string) => {
   return Http.delete(`/v1/placement-account-projects/historylog/${id}`);
 };
@@ -332,4 +332,17 @@ export const postPlacementAccountsSync = (id: string) => {
   return Http.post(`/v1/placement-accounts/${id}/sync-data`);
 };
 
+// 媒体账号-同步数据
+export const postSyncMediaAccountData = (id: string) => {
+  return Http.post(`/v1/media-accounts/${id}/sync-data`);
+};
 
+// 媒体账号-批量同步数据
+export const postBatchSyncMediaAccountData = (params: {}) => {
+  return Http.post(`/v1/media-accounts/batch-sync-data`, params);
+};
+
+// 媒体账号-查询同步状态
+export const getMediaAccountSyncStatus = (params = {}) => {
+  return Http.get('/v1/media-accounts/sync-status', params);
+};
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 23eb39a..775e625 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
@@ -70,6 +70,9 @@
             </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
               >
@@ -113,7 +116,7 @@
 </template>
 
 <script setup>
-import { defineProps, ref, computed } from 'vue';
+import { defineProps, ref, computed, inject } from 'vue';
 import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
 
 import PauseAccountPatchModal from './pause-account-patch';
@@ -183,6 +186,9 @@ const handlePause = (item) => {
 const showPauseButton = (status) => {
   return ![EnumStatus.PAUSE, EnumStatus.UNAUTHORIZED].includes(status);
 };
+const showSyncDataButton = (status) => {
+  return [EnumStatus.NORMAL, EnumStatus.ABNORMAL_MISSING].includes(status);
+};
 const isUnauthorizedStatus = (status) => {
   return [EnumStatus.UNAUTHORIZED].includes(status);
 };
@@ -201,13 +207,19 @@ const getTooltipText = (status) => {
   return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
 };
 
+const handleSyncData = inject('handleSyncData');
+
 const onBtnClick = (item) => {
+  if (showSyncDataButton(item.status)) {
+    handleSyncData && handleSyncData(item);
+    return;
+  }
   if (isUnauthorizedStatus(item.status)) {
     handleReauthorize(item);
     return;
   }
 
-  if ([EnumStatus.PAUSE, EnumStatus.NORMAL].includes(item.status) || isAbnormalStatus(item.status)) {
+  if ([EnumStatus.PAUSE].includes(item.status) || isAbnormalStatus(item.status)) {
     handleReauthorize(item);
     return;
   }
@@ -216,11 +228,15 @@ const onBtnClick = (item) => {
 };
 
 const getBtnText = (item) => {
+  if (showSyncDataButton(item.status)) {
+    return '更新数据';
+  }
+
   if (isUnauthorizedStatus(item.status)) {
     return '去授权';
   }
 
-  if ([EnumStatus.PAUSE, EnumStatus.NORMAL].includes(item.status) || isAbnormalStatus(item.status)) {
+  if ([EnumStatus.PAUSE].includes(item.status) || isAbnormalStatus(item.status)) {
     return '重新授权';
   }
 
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 d4a0770..d3901c3 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
@@ -162,6 +162,8 @@
     <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
     <ImportPromptModal ref="importPromptModalRef" />
   </a-modal>
+
+  <SyncDataModal ref="syncDataModalRef" />
 </template>
 
 <script setup>
@@ -171,6 +173,7 @@ import GroupSelect from '@/views/property-marketing/media-account/components/gro
 import AuthorizedAccountModal from '../authorized-account-modal';
 import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
+import SyncDataModal from '../sync-data-modal';
 
 import {
   fetchAccountTags,
@@ -220,6 +223,7 @@ const importPromptModalRef = ref(null);
 const uploadRef = ref(null);
 const isCustomCookie = ref(false);
 const form = ref(cloneDeep(INITIAL_FORM));
+const syncDataModalRef = ref(null);
 
 const rules = {
   mobile: [
@@ -245,8 +249,13 @@ const rules = {
 
 const isBatchImport = computed(() => uploadType.value === 'batch');
 const confirmBtnText = computed(() => {
-  if (isBatchImport.value) return '确定导入';
-  return isEdit.value ? '确定' : '生成授权码';
+  if (isBatchImport.value) {
+    return '确定导入';
+  } else if (isEdit.value) {
+    return '确定';
+  } else {
+    return isCustomCookie.value ? '确认添加' : '生成授权码';
+  }
 });
 
 // 获取分组数据
@@ -354,7 +363,11 @@ const handleAddAccount = async () => {
     onClose();
 
     const { id, platform } = data;
-    !_isCustomCookie && startAuthorized(id, platform);
+    if (_isCustomCookie) {
+      syncDataModalRef.value.open(id);
+    } else {
+      startAuthorized(id, platform);
+    }
   }
 };
 
@@ -375,6 +388,11 @@ async function onSubmit() {
 
   formRef.value.validate(async (errors) => {
     if (!errors) {
+      if (isCustomCookie.value && !form.value.cookie) {
+        AMessage.warning('请填写Cookie值');
+        return;
+      }
+
       isEdit.value ? handleEditAccount() : handleAddAccount();
     }
   });
diff --git a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
index 266f28f..1641da0 100644
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
@@ -28,7 +28,7 @@
 
       <template v-else>
         <!-- 完成状态 -->
-        <template v-if="modalState === MODAL_STATE.SUCCESS || modalState === MODAL_STATE.FAILED">
+        <template v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)">
           <img :src="modalState === MODAL_STATE.SUCCESS ? icon2 : icon3" width="80" height="80" class="mb-16px" />
           <p class="s2">{{ `数据初始化${modalState === MODAL_STATE.SUCCESS ? '成功' : '失败'}。` }}</p>
           <p v-if="modalState === MODAL_STATE.FAILED" class="red-text">失败原因：{{ failReason || '-' }}</p>
@@ -61,10 +61,8 @@
                 ></div>
               </div>
             </template>
-
             <!-- 正常二维码 -->
             <a-image v-else :src="qrCodeUrl" width="160" height="160" />
-
             <!-- 二维码失效遮罩 -->
             <div v-if="modalState === MODAL_STATE.QR_EXPIRED" class="mask cursor-pointer" @click="handleRefreshQrCode">
               <icon-refresh size="24" class="mb-13px" />
@@ -82,7 +80,7 @@
         重新生成
       </a-button>
       <a-button
-        v-if="modalState === MODAL_STATE.SUCCESS || modalState === MODAL_STATE.FAILED"
+        v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)"
         size="large"
         class="cancel-btn"
         @click="close"
@@ -94,12 +92,15 @@
       </a-button>
     </template>
   </a-modal>
+
+  <SyncDataModal ref="syncDataModalRef" />
 </template>
 
 <script setup>
 import { defineExpose, ref, computed } from 'vue';
 import { Message as AMessage } from '@arco-design/web-vue';
 import { getAuthorizedImage, getMediaAccountsAuthorizedStatus } from '@/api/all/propertyMarketing';
+import SyncDataModal from '../sync-data-modal';
 
 import icon1 from '@/assets/img/media-account/icon-default-qrcode.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
@@ -127,6 +128,7 @@ const progress = ref(0);
 const id = ref('');
 const platform = ref('');
 const qrCodeUrl = ref('');
+const syncDataModalRef = ref(null);
 
 let progressTimer = null;
 let overdueTimer = null;
@@ -140,7 +142,7 @@ const confirmBtnText = computed(() => {
     [MODAL_STATE.QR_READY]: '完成扫码',
     [MODAL_STATE.QR_EXPIRED]: '重新生成',
     [MODAL_STATE.LOADING]: '处理中...',
-    [MODAL_STATE.SUCCESS]: '继续添加',
+    [MODAL_STATE.SUCCESS]: '确认添加',
     [MODAL_STATE.FAILED]: '重新扫码',
   };
   return btnTextMap[modalState.value] || '确定';
@@ -299,6 +301,7 @@ const handleOk = () => {
 
   // 授权成功，关闭弹窗
   if (modalState.value === MODAL_STATE.SUCCESS) {
+    syncDataModalRef.value.open(id.value);
     close();
     return;
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
index ced2bd0..74007e4 100644
--- a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
@@ -108,12 +108,15 @@
       </a-button>
     </template>
   </a-modal>
+
+  <SyncDataModal ref="syncDataModalRef" />
 </template>
 
 <script setup>
 import { defineExpose, ref, computed } from 'vue';
 import { Message as AMessage } from '@arco-design/web-vue';
 import { getMediaAccountsAuthorizedStatus, getAuthorizedImage } from '@/api/all/propertyMarketing';
+import SyncDataModal from '../sync-data-modal';
 
 import icon1 from '@/assets/img/media-account/icon-default-qrcode.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
@@ -142,6 +145,7 @@ const id = ref('');
 const platform = ref('');
 const qrCodeUrl = ref('');
 const isNicknameChanged = ref(false); // 昵称发生变化
+const syncDataModalRef = ref(null);
 
 let progressTimer = null;
 let overdueTimer = null;
@@ -155,7 +159,7 @@ const confirmBtnText = computed(() => {
     [MODAL_STATE.QR_READY]: '完成扫码',
     [MODAL_STATE.QR_EXPIRED]: '重新生成',
     [MODAL_STATE.LOADING]: '处理中...',
-    [MODAL_STATE.SUCCESS]: isNicknameChanged.value ? '确定覆盖' : '继续添加',
+    [MODAL_STATE.SUCCESS]: isNicknameChanged.value ? '确定覆盖' : '确认添加',
     [MODAL_STATE.FAILED]: '重新扫码',
   };
   return btnTextMap[modalState.value] || '确定';
@@ -318,6 +322,7 @@ const handleOk = () => {
       console.log('确定覆盖');
       // 这里可以添加覆盖逻辑
     } else {
+      syncDataModalRef.value.open(id.value);
       close();
     }
     return;
diff --git a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
new file mode 100644
index 0000000..edc9243
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
@@ -0,0 +1,58 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="480px"
+    title="更新数据"
+    modal-class="sync-data-modal"
+    :mask-closable="false"
+    @close="close"
+  >
+    <div class="flex flex-col items-center">
+      <div class="flex items-center">
+        <img :src="icon1" width="20" height="20" class="mr-12px" />
+        <div class="flex flex-col">
+          <p class="tip">为确保数据准确，建议立即同步账号数据。您也可以在账号管理列表中手动触发更新。</p>
+        </div>
+      </div>
+    </div>
+    <template #footer>
+      <a-button size="large" class="cancel-btn" @click="close">稍后再说</a-button>
+      <a-button type="primary" size="large" @click="handleOk"> 更新数据 </a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose } from 'vue';
+
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const handleSyncData = inject('handleSyncData');
+
+const id = ref('');
+
+const visible = ref(false);
+const open = (accountId) => {
+  id.value = accountId;
+  visible.value = true;
+};
+const close = () => {
+  id.value = '';
+  visible.value = false;
+};
+const handleOk = () => {
+  handleSyncData({ id: id.value });
+  close();
+};
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss
new file mode 100644
index 0000000..20c5586
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/style.scss
@@ -0,0 +1,14 @@
+@import "@/views/property-marketing/component.scss";
+.sync-data-modal {
+  border-radius: 8px;
+  .arco-modal-body {
+    .tip {
+      color: var(--Text-1, #211f24);
+      font-family: $font-family-regular;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+    }
+  }
+}
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 879c09d..96305ef 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -51,6 +51,9 @@
               个账号
             </span>
 
+            <span class="operation-btn" :class="{ disabled: isDisabledBatchSyncData }" @click="handleBatchSyncData"
+              >批量更新数据</span
+            >
             <span class="operation-btn" @click="handleBatchTag">批量标签</span>
             <span class="operation-btn" @click="handleBatchGroup">批量分组</span>
             <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
@@ -111,7 +114,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { ref, provide } from 'vue';
 
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
@@ -121,9 +124,17 @@ import AddAccountModal from './components/add-account-modal';
 import DeleteAccountModal from './components/account-table/delete-account';
 import BatchTagModal from './components/batch-tag-modal';
 import BatchGroupModal from './components/batch-group-modal';
+import { Notification } from '@arco-design/web-vue';
 
 import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
-import { getMediaAccounts, getMediaAccountsHealth } from '@/api/all/propertyMarketing';
+import { EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
+import {
+  getMediaAccounts,
+  getMediaAccountsHealth,
+  postSyncMediaAccountData,
+  postBatchSyncMediaAccountData,
+  getMediaAccountSyncStatus,
+} from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon2 from '@/assets/img/media-account/icon-group.png';
@@ -132,6 +143,8 @@ import icon4 from '@/assets/img/media-account/icon-success.png';
 import icon5 from '@/assets/img/media-account/icon-warn.png';
 import icon6 from '@/assets/img/media-account/icon-close.png';
 
+let syncDataTimer = null;
+
 const groupManageModalRef = ref(null);
 const tagsManageModalRef = ref(null);
 const addAccountModalRef = ref(null);
@@ -145,8 +158,10 @@ const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const selectedItems = ref([]);
 const healthData = ref({});
+const startSyncData = ref(false);
 
 const isAbNormalStatus = computed(() => healthData.value?.total_abnormal_number > 0);
+const isDisabledBatchSyncData = computed(() => selectedItems.value.some((item) => item.status !== EnumStatus.NORMAL));
 
 const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
 const indeterminate = computed(
@@ -180,10 +195,6 @@ const tipLabel = computed(() => {
   return `共有 ${total_abnormal_number} 个账号存在授权异常，其中：${abnormalLabels.join('，')}。`;
 });
 
-onMounted(() => {
-  getData();
-});
-
 const getData = () => {
   getHealthData();
   getAccountData();
@@ -262,10 +273,54 @@ const handleDelete = (item) => {
 const handleCloseTip = () => {
   selectedItems.value = [];
 };
+const startSyncDataPolling = () => {
+  startSyncData.value = true;
+  clearSyncDataTimer();
+
+  syncDataTimer = setInterval(async () => {
+    const { code, data } = await getMediaAccountSyncStatus();
+    if (code === 200) {
+      // 所有任务都结束了，才停止轮询，刷新页面
+      const isEnd = data.every((item) => item.status !== 0);
+      if (isEnd) {
+        clearSyncDataTimer();
+        startSyncData.value = false;
+
+        getData();
+      }
+    }
+  }, 5000);
+};
+
+const handleSyncData = async (item) => {
+  Notification.info({
+    title: '账号正在同步数据。',
+  });
+
+  const { code } = await postSyncMediaAccountData(item.id);
+  if (code === 200) {
+    if (!startSyncData.value) {
+      startSyncDataPolling();
+    }
+  }
+};
 
 const handleBatchTag = () => {
   batchTagModalRef.value?.open(selectedItems.value);
 };
+const handleBatchSyncData = async () => {
+  if (isDisabledBatchSyncData.value) {
+    return;
+  }
+
+  const ids = selectedItems.value.map((item) => item.id);
+  const { code } = await postBatchSyncMediaAccountData({ ids });
+  if (code === 200) {
+    if (!startSyncData.value) {
+      startSyncDataPolling();
+    }
+  }
+};
 const handleBatchGroup = () => {
   batchGroupModalRef.value?.open(selectedItems.value);
 };
@@ -277,6 +332,21 @@ const handleOpenAbnormalAccount = () => {
   query.value.status = 2;
   reload();
 };
+const clearSyncDataTimer = () => {
+  if (syncDataTimer) {
+    clearInterval(syncDataTimer);
+    syncDataTimer = null;
+  }
+};
+
+onMounted(() => {
+  getData();
+});
+onUnmounted(() => {
+  clearSyncDataTimer();
+});
+
+provide('handleSyncData', handleSyncData);
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
index 2f7a2f6..e064951 100644
--- a/src/views/property-marketing/media-account/account-manage/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -60,7 +60,7 @@
       padding: 0;
       cursor: pointer;
       color: var(--Brand-Brand-6, #6d4cfe);
-      font-family: $font-family-medium;
+      font-family: $font-family-regular;
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -71,6 +71,10 @@
       &.red {
         color: #F64B31;
       }
+      &.disabled {
+        color: #C5B7FF;
+        cursor: not-allowed;
+      }
     }
   }
   .card-wrap {

From ac7a8abfe362f7d24906bd40014e1b032bfa5fc4 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 14 Jul 2025 16:39:02 +0800
Subject: [PATCH 05/97] =?UTF-8?q?feat:=20=E4=BA=A7=E5=93=81=E8=B5=B0?=
 =?UTF-8?q?=E6=9F=A5=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-detail/components/note-table/index.vue           | 5 ++++-
 .../media-account/account-manage/constants.ts                | 2 +-
 .../media-account/account-manage/index.vue                   | 3 ++-
 .../property-marketing/put-account/account-manage/index.vue  | 5 +++--
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
index 85e88f2..97ac577 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
@@ -87,6 +87,9 @@
             <template v-if="column.dataIndex === 'published_at'">
               {{ exactFormatTime(record.published_at) }}
             </template>
+            <template v-else-if="column.dataIndex === 'exposure_number'">
+              {{ formatNumberShow({ value: record.view_number * 10, showExactValue: true }) }}
+            </template>
             <template v-else>
               {{ formatTableField(column, record, true) }}
             </template>
@@ -113,7 +116,7 @@
 <script setup>
 import { TABLE_COLUMNS, INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { useRoute } from 'vue-router';
-import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { formatTableField, exactFormatTime, formatNumberShow } from '@/utils/tools';
 import { getMediaAccountBoardWorks } from '@/api/all/propertyMarketing';
 
 const route = useRoute();
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
index a931f03..4cb7226 100644
--- a/src/views/property-marketing/media-account/account-manage/constants.ts
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -13,7 +13,7 @@ export const INITIAL_QUERY = {
 
 export const INITIAL_PAGE_INFO = {
   page: 1,
-  pageSize: 8,
+  pageSize: 20,
   total: 0,
 };
 
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 96305ef..1597af3 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -94,7 +94,8 @@
           size="mini"
           show-total
           show-jumper
-          :show-page-size="false"
+          show-page-size
+          :page-size-options="[8, 16, 20, 32, 64]"
           :current="pageInfo.page"
           :page-size="pageInfo.pageSize"
           @change="onPageChange"
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index d0b4a33..4c03708 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -77,7 +77,8 @@
           size="mini"
           show-total
           show-jumper
-          :show-page-size="false"
+          show-page-size
+          :page-size-options="[8, 16, 20, 32, 64]"
           :current="pageInfo.page"
           :page-size="pageInfo.pageSize"
           @change="onPageChange"
@@ -114,7 +115,7 @@ const deleteAccountRef = ref(null);
 
 const pageInfo = ref({
   page: 1,
-  pageSize: 8,
+  pageSize: 20,
   total: 0,
 });
 const query = ref(cloneDeep(INITIAL_QUERY));

From aa176fd2b405dea27dcc5ab1ba04a1e7451e9d92 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 14 Jul 2025 17:30:59 +0800
Subject: [PATCH 06/97] =?UTF-8?q?feat:=20=E5=90=8C=E6=AD=A5=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AEloading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/account-info/index.vue         |  3 +-
 .../media-account/account-detail/index.vue    |  2 +-
 .../components/account-table/index.vue        | 36 +++++++++++++++----
 .../components/sync-data-modal/index.vue      |  4 +--
 .../media-account/account-manage/index.vue    |  5 +++
 .../put-account/account-manage/index.vue      |  2 ++
 6 files changed, 42 insertions(+), 10 deletions(-)

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 5b3d2a6..457f04a 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
@@ -122,7 +122,8 @@ import icon4 from '@/assets/img/media-account/icon-success.png';
 
 const route = useRoute();
 const id = route.params.id;
-const dateType = route.query.type;
+const dateType = route.query.type ?? 'week';
+
 const detailData = ref({});
 const showMore = ref(false);
 
diff --git a/src/views/property-marketing/media-account/account-detail/index.vue b/src/views/property-marketing/media-account/account-detail/index.vue
index c627029..cdefb38 100644
--- a/src/views/property-marketing/media-account/account-detail/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/index.vue
@@ -21,7 +21,7 @@ import { useRouter } from 'vue-router';
 const router = useRouter();
 
 const handleBack = () => {
-  router.push('/media-account/dashboard');
+  router.go(-1);
 };
 </script>
 
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 775e625..9f13f9f 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
@@ -4,17 +4,24 @@
 -->
 <template>
   <div class="card-container">
-    <div
+    <!-- <a-spin class="w-100% h-100%"> -->
+
+    <a-spin
       v-for="(item, index) in dataSource"
       :key="index"
+      :loading="isSyncing(item)"
+      tip="更新数据中..."
       class="card-item"
       :class="{
         checked: isSelected(item),
       }"
     >
+      <template #icon>
+        <icon-sync size="24" />
+      </template>
       <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
       <div class="ml-8px flex-1">
-        <p class="name">{{ item.name || '-' }}</p>
+        <p class="name cursor-pointer" @click="goDetail(item)">{{ item.name || '-' }}</p>
         <div class="field-row">
           <span class="label">状态</span>
           <StatusBox :status="item.status" />
@@ -108,7 +115,8 @@
           </a-button> -->
         </div>
       </div>
-    </div>
+    </a-spin>
+    <!-- </div> -->
     <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @success="emits('update')" />
     <ReauthorizeAccountModal ref="reauthorizeAccountModalRef" @update="emits('update')" />
     <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
@@ -117,6 +125,7 @@
 
 <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 PauseAccountPatchModal from './pause-account-patch';
@@ -133,6 +142,10 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  syncMediaAccounts: {
+    type: Array,
+    default: () => [],
+  },
   selectedItems: {
     type: Array,
     default: () => [],
@@ -141,6 +154,8 @@ const props = defineProps({
 
 const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete']);
 
+const router = useRouter();
+
 const pauseAccountPatchModalRef = ref(null);
 const reauthorizeAccountModalRef = ref(null);
 const authorizedAccountModalRef = ref(null);
@@ -159,6 +174,12 @@ const toggleSelect = (item) => {
   }
   emits('selectionChange', newSelected);
 };
+const isSyncing = (item) => {
+  if (!props.selectedItems.length) return false;
+
+  const target = props.selectedItems.find((v) => v.id === item.id);
+  return target.status === 0;
+};
 
 const openEdit = (item) => {
   emits('openEdit', item);
@@ -169,7 +190,6 @@ const openDelete = (item) => {
 };
 
 const handleReauthorize = (item) => {
-  console.log({ item });
   const { id, platform, status } = item;
   const isUnauthorized = isUnauthorizedStatus(status);
   if (isUnauthorized) {
@@ -207,11 +227,11 @@ const getTooltipText = (status) => {
   return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
 };
 
-const handleSyncData = inject('handleSyncData');
+const syncData = inject('handleSyncData');
 
 const onBtnClick = (item) => {
   if (showSyncDataButton(item.status)) {
-    handleSyncData && handleSyncData(item);
+    syncData(item);
     return;
   }
   if (isUnauthorizedStatus(item.status)) {
@@ -242,6 +262,10 @@ const getBtnText = (item) => {
 
   return '暂停同步';
 };
+
+const goDetail = (item) => {
+  router.push(`/media-account/detail/${item.id}`);
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
index edc9243..f86ddaf 100644
--- a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
@@ -31,7 +31,7 @@ import { defineExpose } from 'vue';
 
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
-const handleSyncData = inject('handleSyncData');
+const syncData = inject('handleSyncData');
 
 const id = ref('');
 
@@ -45,7 +45,7 @@ const close = () => {
   visible.value = false;
 };
 const handleOk = () => {
-  handleSyncData({ id: id.value });
+  syncData({ id: id.value });
   close();
 };
 defineExpose({
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 1597af3..fa0c62d 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/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) {
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 4c03708..8554862 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -141,6 +141,7 @@ const tipLabel = computed(() => {
     too_many_requests_number = 0,
     account_frozen_number = 0,
     miss_data_number = 0,
+    abnormal_number = 0,
   } = healthData.value;
 
   // 定义异常类型映射
@@ -149,6 +150,7 @@ const tipLabel = computed(() => {
     { count: too_many_requests_number, label: '请求频繁' },
     { count: account_frozen_number, label: '账号被封' },
     { count: miss_data_number, label: '数据缺失' },
+    { count: abnormal_number, label: '其他异常' },
   ];
 
   // 过滤出有异常的项并格式化

From 02cea41a0b989340deaa72bb7ae686a530bd57ad Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 14 Jul 2025 17:39:06 +0800
Subject: [PATCH 07/97] =?UTF-8?q?feat:=20=E5=8D=A1=E7=89=87loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/account-table/index.vue               | 12 ++++++------
 .../media-account/account-manage/index.vue           | 10 +++++++---
 2 files changed, 13 insertions(+), 9 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 9f13f9f..70b4fe2 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
@@ -175,10 +175,10 @@ const toggleSelect = (item) => {
   emits('selectionChange', newSelected);
 };
 const isSyncing = (item) => {
-  if (!props.selectedItems.length) return false;
+  if (!props.syncMediaAccounts.length) return false;
 
-  const target = props.selectedItems.find((v) => v.id === item.id);
-  return target.status === 0;
+  const target = props.syncMediaAccounts.find((v) => v.id === item.id);
+  return target?.status === 0;
 };
 
 const openEdit = (item) => {
@@ -223,9 +223,9 @@ const isAbnormalStatus = (status) => {
   ].includes(status);
 };
 
-const getTooltipText = (status) => {
-  return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
-};
+// const getTooltipText = (status) => {
+//   return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
+// };
 
 const syncData = inject('handleSyncData');
 
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 fa0c62d..efb4ec5 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -282,20 +282,24 @@ const startSyncDataPolling = () => {
   startSyncData.value = true;
   clearSyncDataTimer();
 
-  syncDataTimer = setInterval(async () => {
+  // 先立即执行一次
+  const poll = async () => {
     const { code, data } = await getMediaAccountSyncStatus();
     if (code === 200) {
       syncMediaAccounts.value = data;
+
+      console.log('poll', syncMediaAccounts.value);
       // 所有任务都结束了，才停止轮询，刷新页面
       const isEnd = data.every((item) => item.status !== 0);
       if (isEnd) {
         clearSyncDataTimer();
         startSyncData.value = false;
-
         getData();
       }
     }
-  }, 5000);
+  };
+  poll();
+  syncDataTimer = setInterval(poll, 3000);
 };
 
 const handleSyncData = async (item) => {

From 82dd82ec70a5fa01dc59fcd8f6d9a600931e42e0 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 14 Jul 2025 17:39:43 +0800
Subject: [PATCH 08/97] =?UTF-8?q?style:=20=E5=8E=BB=E6=8E=89log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../property-marketing/media-account/account-manage/index.vue    | 1 -
 1 file changed, 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 efb4ec5..5708765 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -288,7 +288,6 @@ const startSyncDataPolling = () => {
     if (code === 200) {
       syncMediaAccounts.value = data;
 
-      console.log('poll', syncMediaAccounts.value);
       // 所有任务都结束了，才停止轮询，刷新页面
       const isEnd = data.every((item) => item.status !== 0);
       if (isEnd) {

From a5811cdda46ae1e40c41cba64be09fba305a7cce Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 14 Jul 2025 18:08:39 +0800
Subject: [PATCH 09/97] =?UTF-8?q?feat:=20=E7=A7=BB=E9=99=A4=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  5 +++
 .../components/account-table/index.vue        | 44 +++++++------------
 .../components/account-table/style.scss       | 22 +++++++++-
 .../media-account/account-manage/index.vue    | 35 ++++++++-------
 4 files changed, 60 insertions(+), 46 deletions(-)

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 4c665be..e0c1f51 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -346,3 +346,8 @@ export const postBatchSyncMediaAccountData = (params: {}) => {
 export const getMediaAccountSyncStatus = (params = {}) => {
   return Http.get('/v1/media-accounts/sync-status', params);
 };
+
+// 媒体账号-移除同步状态
+export const deleteSyncStatus = (id: string) => {
+  return Http.delete(`/v1/media-accounts/${id}/sync-status`);
+};
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 70b4fe2..532ff60 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
@@ -4,8 +4,6 @@
 -->
 <template>
   <div class="card-container">
-    <!-- <a-spin class="w-100% h-100%"> -->
-
     <a-spin
       v-for="(item, index) in dataSource"
       :key="index"
@@ -89,34 +87,19 @@
               <template #default>{{ getBtnText(item) }}</template>
             </a-button>
           </a-dropdown>
-
-          <!-- <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
-          <a-button
-            v-if="showPauseButton(item.status)"
-            class="w-64px search-btn mr-8px"
-            size="mini"
-            @click="handlePause(item)"
-          >
-            <template #default>暂停同步</template>
-          </a-button>
-          <a-tooltip v-if="isAbnormalStatus(item.status)" :content="getTooltipText(item.status)">
-            <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
-              <template #default>重新授权</template>
-            </a-button>
-          </a-tooltip>
-          <template v-else>
-            <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
-              <template #default>{{ isUnauthorizedStatus(item.status) ? '去授权' : '重新授权' }}</template>
-            </a-button>
-          </template>
-
-          <a-button class="w-40px search-btn" size="mini" @click="openEdit(item)">
-            <template #default>编辑</template>
-          </a-button> -->
+        </div>
+      </div>
+      <div v-if="item.status === 2" 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>
+        </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>
         </div>
       </div>
     </a-spin>
-    <!-- </div> -->
     <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @success="emits('update')" />
     <ReauthorizeAccountModal ref="reauthorizeAccountModalRef" @update="emits('update')" />
     <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
@@ -127,6 +110,7 @@
 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 { deleteSyncStatus } from '@/api/all/propertyMarketing';
 
 import PauseAccountPatchModal from './pause-account-patch';
 import StatusBox from '../status-box';
@@ -135,6 +119,7 @@ import AuthorizedAccountModal from '../authorized-account-modal';
 
 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({
@@ -266,6 +251,11 @@ const getBtnText = (item) => {
 const goDetail = (item) => {
   router.push(`/media-account/detail/${item.id}`);
 };
+
+const onDeleteSyncStatus = async (item) => {
+  await deleteSyncStatus(item.id);
+  item.status = 1;
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
index e27be09..f3b99bd 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -17,6 +17,7 @@
     padding: 12px 16px 16px;
     display: flex;
     align-items: flex-start;
+    position: relative;
     .name {
       color: var(--Text-1, #211f24);
       font-family: $font-family-medium;
@@ -78,6 +79,23 @@
         margin-bottom: 8px;
       }
     }
+    .mask {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      text-align: center;
+      background-color: rgba(255, 255, 255, 0.8);
+      transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      .name {
+        font-family: $font-family-regular;
+      }
+    }
 
     .operate-row {
       display: flex;
@@ -85,8 +103,8 @@
       justify-content: flex-end;
       padding-top: 8px;
     }
-    &.checked { 
-      border: 1px solid var(--Brand-6, #6D4CFE);
+    &.checked {
+      border: 1px solid var(--Brand-6, #6d4cfe);
     }
   }
 }
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 5708765..d9ab9fa 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -278,27 +278,28 @@ const handleDelete = (item) => {
 const handleCloseTip = () => {
   selectedItems.value = [];
 };
+// 先立即执行一次
+const getAsyncStatus = async () => {
+  const { code, data } = await getMediaAccountSyncStatus();
+  if (code === 200) {
+    syncMediaAccounts.value = data;
+
+    // 所有任务都结束了，才停止轮询，刷新页面
+    const isEnd = data.every((item) => item.status !== 0);
+    if (isEnd) {
+      clearSyncDataTimer();
+      startSyncData.value = false;
+      getData();
+    }
+  }
+};
+
 const startSyncDataPolling = () => {
   startSyncData.value = true;
   clearSyncDataTimer();
 
-  // 先立即执行一次
-  const poll = async () => {
-    const { code, data } = await getMediaAccountSyncStatus();
-    if (code === 200) {
-      syncMediaAccounts.value = data;
-
-      // 所有任务都结束了，才停止轮询，刷新页面
-      const isEnd = data.every((item) => item.status !== 0);
-      if (isEnd) {
-        clearSyncDataTimer();
-        startSyncData.value = false;
-        getData();
-      }
-    }
-  };
-  poll();
-  syncDataTimer = setInterval(poll, 3000);
+  getAsyncStatus();
+  syncDataTimer = setInterval(getAsyncStatus, 3000);
 };
 
 const handleSyncData = async (item) => {

From 97dd86cd45a9985939de93b4076a6badd7cf7d52 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 15 Jul 2025 11:03:44 +0800
Subject: [PATCH 10/97] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80input=E3=80=81s?=
 =?UTF-8?q?elect=E3=80=81picker=E7=AD=89=E7=BB=84=E4=BB=B6=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/components/date-picker.scss        |  15 ++
 src/styles/components/index.scss              |   5 +-
 src/styles/components/input.scss              |  16 +-
 src/styles/components/modal.scss              |   5 +
 src/styles/components/select.scss             |  15 ++
 src/styles/components/textarea.scss           |  15 ++
 src/views/property-marketing/component.scss   |  16 --
 .../components/filter-block/style.scss        |  13 --
 .../components/note-table/style.scss          |  14 --
 .../components/filter-block/style.scss        |  13 --
 .../components/filter-block/style.scss        |  14 --
 .../components/account-table/index.vue        |   6 +-
 .../account-table/pause-account-patch.vue     |   6 +-
 .../components/add-account-modal/index.vue    |   8 +-
 .../authorized-account-modal/index.vue        |  13 +-
 .../components/filter-block/style.scss        |  13 --
 .../select-sub-account-modal/constants.ts     |  20 ++
 .../select-sub-account-modal/index.vue        | 198 ++++++++++++++++++
 .../select-sub-account-modal/style.scss       |  35 ++++
 .../put-account/account-manage/index.vue      |   5 +-
 20 files changed, 344 insertions(+), 101 deletions(-)
 create mode 100644 src/styles/components/date-picker.scss
 create mode 100644 src/styles/components/select.scss
 create mode 100644 src/styles/components/textarea.scss
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/constants.ts
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss

diff --git a/src/styles/components/date-picker.scss b/src/styles/components/date-picker.scss
new file mode 100644
index 0000000..6120784
--- /dev/null
+++ b/src/styles/components/date-picker.scss
@@ -0,0 +1,15 @@
+.arco-picker {
+  border-radius: 4px !important;
+  border-color: #d7d7d9 !important;
+  background-color: #fff !important;
+  &:hover {
+    background-color: #fff !important;
+  }
+  &:focus-within,
+  &.arco-input-focus,
+  &.arco-textarea-focus {
+    background-color: var(--color-bg-2) !important;
+    border-color: rgb(var(--primary-6)) !important;
+    box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
+  }
+}
diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index 39ccb7a..00e6c0f 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -3,4 +3,7 @@
 @import './checkbox.scss';
 @import './pagination.scss';
 @import './tabs.scss';
-@import './modal.scss';
\ No newline at end of file
+@import './modal.scss';
+@import "./textarea.scss";
+@import "./select.scss";
+@import "./date-picker.scss"
\ No newline at end of file
diff --git a/src/styles/components/input.scss b/src/styles/components/input.scss
index a352fa3..896bb8b 100644
--- a/src/styles/components/input.scss
+++ b/src/styles/components/input.scss
@@ -1,5 +1,15 @@
 .arco-input-wrapper {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
+  border-radius: 4px !important;
+  border-color: #d7d7d9 !important;
+  background-color: #fff !important;
+  &:hover {
+    background-color: #fff !important;
+  }
+  &:focus-within,
+  &.arco-input-focus,
+  &.arco-textarea-focus {
+    background-color: var(--color-bg-2) !important;
+    border-color: rgb(var(--primary-6)) !important;
+    box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
+  }
 }
diff --git a/src/styles/components/modal.scss b/src/styles/components/modal.scss
index aee1303..c088215 100644
--- a/src/styles/components/modal.scss
+++ b/src/styles/components/modal.scss
@@ -4,6 +4,11 @@
     height: 56px;
     padding: 0 20px;
     .arco-modal-title {
+      font-family: $font-family-medium;
+      color: #211f24;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
       justify-content: flex-start;
     }
   }
diff --git a/src/styles/components/select.scss b/src/styles/components/select.scss
new file mode 100644
index 0000000..cf0b8aa
--- /dev/null
+++ b/src/styles/components/select.scss
@@ -0,0 +1,15 @@
+.arco-select {
+  border-radius: 4px !important;
+  border-color: #d7d7d9 !important;
+  background-color: #fff !important;
+  &:hover {
+    background-color: #fff !important;
+  }
+  &:focus-within,
+  &.arco-input-focus,
+  &.arco-textarea-focus {
+    background-color: var(--color-bg-2) !important;
+    border-color: rgb(var(--primary-6)) !important;
+    box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
+  }
+}
diff --git a/src/styles/components/textarea.scss b/src/styles/components/textarea.scss
new file mode 100644
index 0000000..f87db35
--- /dev/null
+++ b/src/styles/components/textarea.scss
@@ -0,0 +1,15 @@
+.arco-textarea-wrapper {
+  border-radius: 4px !important;
+  border-color: #d7d7d9 !important;
+  background-color: #fff !important;
+  &:hover {
+    background-color: #fff !important;
+  }
+  &:focus-within,
+  &.arco-input-focus,
+  &.arco-textarea-focus {
+    background-color: var(--color-bg-2) !important;
+    border-color: rgb(var(--primary-6)) !important;
+    box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
+  }
+}
diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index f952093..e90c356 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -1,19 +1,3 @@
-.arco-input-wrapper,
-.arco-select-view-single,
-.arco-textarea-wrapper,
-.arco-picker,
-.arco-select-view-multiple {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
-  &:focus-within,
-  &.arco-input-focus,
-  &.arco-textarea-focus {
-    background-color: var(--color-bg-2);
-    border-color: rgb(var(--primary-6));
-    box-shadow: 0 0 0 0 var(--color-primary-light-2);
-  }
-}
 .arco-modal {
   .cancel-btn {
     border-radius: 4px;
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
index 7814361..48e2115 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
@@ -1,17 +1,4 @@
 .container {
-  :deep(.arco-input-wrapper),
-  :deep(.arco-select-view-single),
-  :deep(.arco-select-view-multiple) {
-    border-radius: 4px;
-    border-color: #d7d7d9;
-    background-color: #fff;
-    &:focus-within,
-    &.arco-input-focus {
-      background-color: var(--color-bg-2);
-      border-color: rgb(var(--primary-6));
-      box-shadow: 0 0 0 0 var(--color-primary-light-2);
-    }
-  }
   .filter-row {
     .filter-row-item {
       &:not(:last-child) {
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss b/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
index 782fab8..e772b23 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
@@ -1,18 +1,4 @@
 .note-table-wrap {
-  :deep(.arco-input-wrapper),
-  :deep(.arco-select-view-single),
-  :deep(.arco-select-view-multiple),
-  :deep(.arco-picker) {
-    border-radius: 4px;
-    border-color: #d7d7d9;
-    background-color: #fff;
-    &:focus-within,
-    &.arco-input-focus {
-      background-color: var(--color-bg-2);
-      border-color: rgb(var(--primary-6));
-      box-shadow: 0 0 0 0 var(--color-primary-light-2);
-    }
-  }
   .filter-row {
     .filter-row-item {
       &:not(:last-child) {
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss b/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
index 7814361..48e2115 100644
--- a/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
@@ -1,17 +1,4 @@
 .container {
-  :deep(.arco-input-wrapper),
-  :deep(.arco-select-view-single),
-  :deep(.arco-select-view-multiple) {
-    border-radius: 4px;
-    border-color: #d7d7d9;
-    background-color: #fff;
-    &:focus-within,
-    &.arco-input-focus {
-      background-color: var(--color-bg-2);
-      border-color: rgb(var(--primary-6));
-      box-shadow: 0 0 0 0 var(--color-primary-light-2);
-    }
-  }
   .filter-row {
     .filter-row-item {
       &:not(:last-child) {
diff --git a/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss b/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
index 191ada1..48e2115 100644
--- a/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
@@ -1,18 +1,4 @@
 .container {
-  :deep(.arco-input-wrapper),
-  :deep(.arco-select-view-single),
-  :deep(.arco-select-view-multiple),
-  :deep(.arco-picker) {
-    border-radius: 4px;
-    border-color: #d7d7d9;
-    background-color: #fff;
-    &:focus-within,
-    &.arco-input-focus {
-      background-color: var(--color-bg-2);
-      border-color: rgb(var(--primary-6));
-      box-shadow: 0 0 0 0 var(--color-primary-light-2);
-    }
-  }
   .filter-row {
     .filter-row-item {
       &:not(:last-child) {
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 e778bfe..2548668 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
@@ -63,8 +63,8 @@
         </div>
       </div>
     </div>
-    <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @update="emits('update')" />
-    <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
+    <PauseAccountPatchModal ref="pauseAccountPatchModalRef" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" />
   </div>
 </template>
 
@@ -92,7 +92,7 @@ const props = defineProps({
   },
 });
 
-const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete']);
+const emits = defineEmits(['openEdit', 'selectionChange', 'delete']);
 
 const pauseAccountPatchModalRef = ref(null);
 const authorizedAccountModalRef = ref(null);
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
index 9649f20..7509a48 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
@@ -20,8 +20,8 @@ import { ref } from 'vue';
 import { pausePatchPlacementAccount } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
-const emits = defineEmits(['update', 'close']);
-
+const emits = defineEmits(['close']);
+const update = inject('update');
 const visible = ref(false);
 const accountId = ref(null);
 const accountName = ref('');
@@ -45,7 +45,7 @@ async function onConfirm() {
   const { code } = await pausePatchPlacementAccount(accountId.value);
   if (code === 200) {
     AMessage.success('暂停成功');
-    emits('update');
+    update();
     onClose();
   }
 }
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 021d701..01fc429 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -137,7 +137,7 @@
       </a-button>
     </template>
 
-    <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" />
     <!-- <ImportPromptModal ref="importPromptModalRef" /> -->
   </a-modal>
 </template>
@@ -161,7 +161,7 @@ import {
 import icon1 from '@/assets/img/media-account/icon-download.png';
 import icon2 from '@/assets/img/media-account/icon-delete.png';
 
-const emits = defineEmits(['update']);
+const update = inject('update');
 
 const UploadStatus = {
   DEFAULT: 'default',
@@ -278,7 +278,7 @@ const handleBatchImport = async () => {
     });
     if (code === 200) {
       AMessage.success('导入成功');
-      emits('update');
+      update();
       onClose();
     } else {
       uploadStatus.value = UploadStatus.ERROR;
@@ -303,7 +303,7 @@ async function onSubmit() {
       const { code, data } = await _fn(_params);
       if (code === 200) {
         isEdit.value && AMessage.success('修改成功');
-        emits('update');
+        update();
 
         if (isEdit.value) {
           onClose();
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 4f5bb36..7a632a0 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -59,6 +59,8 @@
       <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
     </template>
   </a-modal>
+
+  <SelectSubAccountModal ref="selectSubAccountModalRef" />
 </template>
 
 <script setup>
@@ -71,11 +73,13 @@ import {
   postPlacementAccountsSync,
 } from '@/api/all/propertyMarketing';
 
+import SelectSubAccountModal from '../select-sub-account-modal';
+
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 
-const emits = defineEmits(['update']);
+const update = inject('update');
 const INITIAL_SYNC_TYPE = 'sync';
 const visible = ref(false);
 const isLoading = ref(false);
@@ -86,6 +90,7 @@ const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
 
+const selectSubAccountModalRef = ref(null);
 const lastSyncedAt = ref(null); // 上次同步时间戳
 const showSyncTip = ref(false);
 const syncType = ref(INITIAL_SYNC_TYPE); // sync ｜ no_sync
@@ -242,6 +247,10 @@ const handleSyncData = () => {
 };
 
 const handleOk = () => {
+  close();
+  selectSubAccountModalRef.value.open();
+  return;
+  // n天未同步更新
   if (lastSyncedAt.value && lastSyncedAt.value < dayjs().startOf('day').valueOf()) {
     handleSyncData();
     return;
@@ -249,7 +258,7 @@ const handleOk = () => {
 
   if (isCompleted.value) {
     if (isSuccess.value) {
-      emits('update');
+      update();
       close();
     } else {
       startLoading();
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss b/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
index 7814361..48e2115 100644
--- a/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
@@ -1,17 +1,4 @@
 .container {
-  :deep(.arco-input-wrapper),
-  :deep(.arco-select-view-single),
-  :deep(.arco-select-view-multiple) {
-    border-radius: 4px;
-    border-color: #d7d7d9;
-    background-color: #fff;
-    &:focus-within,
-    &.arco-input-focus {
-      background-color: var(--color-bg-2);
-      border-color: rgb(var(--primary-6));
-      box-shadow: 0 0 0 0 var(--color-primary-light-2);
-    }
-  }
   .filter-row {
     .filter-row-item {
       &:not(:last-child) {
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/constants.ts b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/constants.ts
new file mode 100644
index 0000000..4a8db0e
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/constants.ts
@@ -0,0 +1,20 @@
+export const INITIAL_FORM = {
+  search: '',
+  id: '',
+};
+export const INITIAL_PAGE_INFO = {
+  page: 1,
+  pageSize: 20,
+  total: 0,
+};
+
+export const TABLE_COLUMNS = [
+  {
+    title: '账户名称',
+    dataIndex: 'name',
+  },
+  {
+    title: '账户ID',
+    dataIndex: 'id',
+  },
+];
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
new file mode 100644
index 0000000..fac2fe7
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
@@ -0,0 +1,198 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="选择子账户"
+    modal-class="select-sub-account-modal"
+    width="720px"
+    :mask-closable="false"
+    @close="onClose"
+  >
+    <div class="filter-row flex mb-16px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">账户名称</span>
+        <a-input
+          v-model="query.search"
+          class="w-240px"
+          placeholder="请搜索..."
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">账户ID</span>
+        <a-input
+          v-model="query.id"
+          class="w-240px"
+          placeholder="请搜索..."
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+      </div>
+    </div>
+
+    <a-table
+      ref="tableRef"
+      :data="dataSource"
+      column-resizable
+      row-key="id"
+      :row-selection="{
+        type: 'checkbox',
+        showCheckedAll: true,
+        width: 48,
+      }"
+      :selected-keys="selectedItems"
+      :pagination="false"
+      :scroll="{ x: '100%' }"
+      class="w-100% flex-1"
+      bordered
+      @select="handleSelect"
+      @select-all="handleSelectAll"
+    >
+      <template #empty>
+        <NoData />
+      </template>
+      <template #columns>
+        <a-table-column
+          v-for="column in TABLE_COLUMNS"
+          :key="column.dataIndex"
+          :data-index="column.dataIndex"
+          :fixed="column.fixed"
+          :width="column.width"
+          :min-width="column.minWidth"
+          :sortable="column.sortable"
+          :align="column.align"
+          ellipsis
+          tooltip
+        >
+          <template #title>
+            <div class="flex items-center">
+              <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
+              <span class="cts mr-4px">{{ column.title }}</span>
+              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+              </a-tooltip>
+            </div>
+          </template>
+
+          <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
+            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+          </template>
+          <template v-else-if="column.dataIndex === 'time'" #cell="{ record }">
+            {{ exactFormatTime(record.time) }}
+          </template>
+
+          <template v-else #cell="{ record }">
+            {{ formatTableField(column, record, true) }}
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+    <div v-if="pageInfo.total > 0" class="flex justify-end">
+      <a-pagination
+        :total="pageInfo.total"
+        size="mini"
+        show-total
+        show-jumper
+        show-page-size
+        :current="pageInfo.page"
+        :page-size="pageInfo.pageSize"
+        @change="onPageChange"
+        @page-size-change="onPageSizeChange"
+      />
+    </div>
+    <template #footer>
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete">添加已选账户</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
+import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+
+const update = inject('update');
+
+const visible = ref(false);
+const dataSource = ref([]);
+const query = ref(cloneDeep(INITIAL_FORM));
+const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
+const selectedItems = ref([]);
+const deleteTaskModalRef = ref(null);
+
+const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
+const indeterminate = computed(
+  () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
+);
+
+const open = () => {
+  getData();
+
+  visible.value = true;
+};
+const onClose = () => {
+  query.value = cloneDeep(INITIAL_FORM);
+  pageInfo.value = cloneDeep(INITIAL_FORM);
+
+  visible.value = false;
+};
+
+const getData = () => {
+  dataSource.value = [
+    {
+      id: 1832880547948105,
+      name: '美团-人设组YSCX-运管-OM运营三部-BT2阿里巴巴国际站-小题-3',
+    },
+    {
+      id: 1832880548441993,
+      name: 'YSCX-运管-OM运营三部-BT2阿里巴巴国际站-小题',
+    },
+  ];
+};
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+
+const handleSearch = () => {
+  reload();
+};
+const handleSelect = (selectedRowKeys, selectedRows) => {
+  selectedItems.value = selectedRowKeys;
+};
+
+const handleSelectAll = (checked) => {
+  if (checked) {
+    selectedItems.value = dataSource.value.map((item) => item.id);
+  } else {
+    selectedItems.value = [];
+  }
+};
+
+const onPageChange = (current) => {
+  pageInfo.value.page = current;
+  getData();
+};
+const onPageSizeChange = (pageSize) => {
+  pageInfo.value.pageSize = pageSize;
+  reload();
+};
+
+defineExpose({ open });
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
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
new file mode 100644
index 0000000..28af786
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
@@ -0,0 +1,35 @@
+.select-sub-account-modal {
+  .arco-modal-header {
+  }
+  .arco-modal-body {
+    height: 536px;
+    .filter-row {
+      .filter-row-item {
+        &:not(:last-child) {
+          margin-right: 24px;
+        }
+        .label {
+          margin-right: 12px;
+          color: #211f24;
+          font-family: 'PuHuiTi-Regular';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          flex-shrink: 0;
+          line-height: 22px; /* 157.143% */
+        }
+        :deep(.arco-space-item) {
+          width: 100%;
+        }
+      }
+    }
+    .cts {
+      color: var(--Text-1, #211f24);
+      font-family: $font-family-medium;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+  }
+}
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index d0b4a33..6099120 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -67,7 +67,6 @@
         @selectionChange="handleSelectionChange"
         @delete="handleDelete"
         @openEdit="handleOpenEdit"
-        @update="getData"
       />
       <NoData v-else />
 
@@ -86,7 +85,7 @@
       </div>
     </div>
 
-    <AddAccountModal ref="addAccountModalRef" @update="getData" />
+    <AddAccountModal ref="addAccountModalRef" />
     <DeleteAccountModal ref="deleteAccountRef" @update="onDeleteSuccess" />
   </div>
 </template>
@@ -254,6 +253,8 @@ const handleOpenAbnormalAccount = () => {
   query.value.status = 2;
   reload();
 };
+
+provide('update', getData);
 </script>
 
 <style scoped lang="scss">

From dfd71639a20306f97b392a2395332e226f3ff700 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 15 Jul 2025 11:50:09 +0800
Subject: [PATCH 11/97] =?UTF-8?q?perf:=20=E9=80=BB=E8=BE=91=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../authorized-account-modal/index.vue        | 26 +++++++++++++---
 .../select-sub-account-modal/index.vue        | 25 ++++++++++-----
 .../select-sub-account-modal/style.scss       | 31 ++++++++++++-------
 3 files changed, 58 insertions(+), 24 deletions(-)

diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 7a632a0..15fb645 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -60,7 +60,7 @@
     </template>
   </a-modal>
 
-  <SelectSubAccountModal ref="selectSubAccountModalRef" />
+  <SelectSubAccountModal ref="selectSubAccountModalRef" @confirm="onSelectSubAccounts" />
 </template>
 
 <script setup>
@@ -131,12 +131,14 @@ const getDaysDiffText = (lastSyncedAt) => {
 };
 
 const open = (accountId, last_synced_at = null) => {
+  reset();
+
   id.value = accountId;
   lastSyncedAt.value = last_synced_at;
   visible.value = true;
 };
 
-const close = () => {
+const reset = () => {
   formRef.value?.resetFields();
   formRef.value?.clearValidate();
 
@@ -152,6 +154,9 @@ const close = () => {
   showSyncTip.value = false;
   clearFakeProgressTimer();
   clearStatusPollingTimer();
+};
+
+const close = () => {
   visible.value = false;
 };
 
@@ -246,10 +251,21 @@ const handleSyncData = () => {
   }
 };
 
+const onSelectSubAccounts = (selectedItems) => {
+  console.log({ selectedItems });
+
+  visible.value = true;
+  isLoading.value = true;
+  isCompleted.value = false;
+  progress.value = 0;
+  startFakeProgressPolling();
+  startStatusPolling();
+};
+
 const handleOk = () => {
-  close();
-  selectSubAccountModalRef.value.open();
-  return;
+  // visible.value = false;
+  // selectSubAccountModalRef.value.open();
+  // return;
   // n天未同步更新
   if (lastSyncedAt.value && lastSyncedAt.value < dayjs().startOf('day').valueOf()) {
     handleSyncData();
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
index fac2fe7..3f7da86 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
@@ -97,7 +97,7 @@
         </a-table-column>
       </template>
     </a-table>
-    <div v-if="pageInfo.total > 0" class="flex justify-end">
+    <div v-if="pageInfo.total > 0" class="flex justify-end mt-16px">
       <a-pagination
         :total="pageInfo.total"
         size="mini"
@@ -111,8 +111,13 @@
       />
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete">添加已选账户</a-button>
+      <span class="cts color-#3C4043 s1"
+        >已选<span class="color-#6D4CFE num mx-3px">{{ selectedItems.length }}个</span>账户</span
+      >
+      <div class="flex items-center">
+        <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+        <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onConfirm">添加已选账户</a-button>
+      </div>
     </template>
   </a-modal>
 </template>
@@ -121,8 +126,7 @@
 import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
 import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
 
-import icon1 from '@/assets/img/media-account/icon-delete.png';
-
+const emits = defineEmits('confirm');
 const update = inject('update');
 
 const visible = ref(false);
@@ -130,7 +134,6 @@ const dataSource = ref([]);
 const query = ref(cloneDeep(INITIAL_FORM));
 const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 const selectedItems = ref([]);
-const deleteTaskModalRef = ref(null);
 
 const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
 const indeterminate = computed(
@@ -149,17 +152,23 @@ const onClose = () => {
   visible.value = false;
 };
 
+const onConfirm = () => {
+  onClose();
+  emits('confirm', selectedItems);
+};
+
 const getData = () => {
   dataSource.value = [
     {
-      id: 1832880547948105,
+      id: '1832880547948105',
       name: '美团-人设组YSCX-运管-OM运营三部-BT2阿里巴巴国际站-小题-3',
     },
     {
-      id: 1832880548441993,
+      id: '1832880548441993',
       name: 'YSCX-运管-OM运营三部-BT2阿里巴巴国际站-小题',
     },
   ];
+  pageInfo.value.total = 2;
 };
 const reload = () => {
   pageInfo.value.page = 1;
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 28af786..0d5711b 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
@@ -1,8 +1,18 @@
 .select-sub-account-modal {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: $font-family-medium;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
   .arco-modal-header {
   }
   .arco-modal-body {
     height: 536px;
+    display: flex;
+    flex-direction: column;
     .filter-row {
       .filter-row-item {
         &:not(:last-child) {
@@ -16,20 +26,19 @@
           font-style: normal;
           font-weight: 400;
           flex-shrink: 0;
-          line-height: 22px; /* 157.143% */
-        }
-        :deep(.arco-space-item) {
-          width: 100%;
+          line-height: 22px; 
         }
       }
     }
-    .cts {
-      color: var(--Text-1, #211f24);
-      font-family: $font-family-medium;
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 22px;
+    
+  }
+  .arco-modal-footer {
+    justify-content: space-between;
+    .s1 {
+      font-family: $font-family-regular;
+      .num {
+        font-family: $font-family-medium;
+      }
     }
   }
 }

From 2cf39f05520cd06642dd2f55a0028262593de65a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 15 Jul 2025 11:58:58 +0800
Subject: [PATCH 12/97] =?UTF-8?q?perf:=20=E8=AE=BE=E7=BD=AE=E6=9C=80?=
 =?UTF-8?q?=E5=A4=9A=E6=98=BE=E7=A4=BA=E7=9A=84=E6=A0=87=E7=AD=BE=E6=95=B0?=
 =?UTF-8?q?=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../media-account/components/group-select/index.vue              | 1 +
 .../media-account/components/tag-select/index.vue                | 1 +
 .../put-account/account-data/components/group-select/index.vue   | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/views/property-marketing/media-account/components/group-select/index.vue b/src/views/property-marketing/media-account/components/group-select/index.vue
index a441bfb..f72d0e3 100644
--- a/src/views/property-marketing/media-account/components/group-select/index.vue
+++ b/src/views/property-marketing/media-account/components/group-select/index.vue
@@ -9,6 +9,7 @@
     size="medium"
     :placeholder="placeholder"
     allow-clear
+    :max-tag-count="3"
     @change="handleChange"
   >
     <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
diff --git a/src/views/property-marketing/media-account/components/tag-select/index.vue b/src/views/property-marketing/media-account/components/tag-select/index.vue
index 189e336..0ae6988 100644
--- a/src/views/property-marketing/media-account/components/tag-select/index.vue
+++ b/src/views/property-marketing/media-account/components/tag-select/index.vue
@@ -9,6 +9,7 @@
     size="medium"
     :placeholder="placeholder"
     allow-clear
+    :max-tag-count="3"
     @change="handleChange"
   >
     <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
diff --git a/src/views/property-marketing/put-account/account-data/components/group-select/index.vue b/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
index a736c92..f8e6556 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
@@ -9,6 +9,7 @@
     size="medium"
     :placeholder="placeholder"
     allow-clear
+    :max-tag-count="3"
     @change="handleChange"
   >
     <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">

From 143a92df66b4d5ebf917f77c3f2f824460045e83 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 15 Jul 2025 16:51:41 +0800
Subject: [PATCH 13/97] =?UTF-8?q?feat:=20=E5=B7=A8=E9=87=8F/b=E7=AB=99?=
 =?UTF-8?q?=E5=B9=B3=E5=8F=B0=E6=B7=BB=E5=8A=A0=E5=AD=90=E8=B4=A6=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  12 +-
 .../components/account-table/index.vue        |   2 +-
 .../components/add-account-modal/index.vue    |  42 +++---
 .../authorized-account-modal/index.vue        |  45 +++---
 .../select-sub-account-modal/constants.ts     |  13 +-
 .../select-sub-account-modal/index.vue        | 135 +++++++++++-------
 .../select-sub-account-modal/style.scss       |   1 +
 .../put-account/common_constants.ts           |   6 +
 8 files changed, 159 insertions(+), 97 deletions(-)

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 063d2ce..67d610e 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -294,7 +294,7 @@ export const getPlacementAccountProjectsTrend = (params = {}) => {
 export const getPlacementGuide = (params: {}) => {
   return Http.get(`/v1/placement-account-projects/getGuideList`, params);
 };
-//查询投放指南历史
+// 查询投放指南历史
 export const getPlacementGuideHistory = (params: {}) => {
   return Http.get(`/v1/placement-account-projects/getGuideListHistory`, params);
 };
@@ -312,7 +312,7 @@ export const getPlacementGuideDetail = (id: string) => {
   return Http.get(`/v1/placement-account-projects/historylog/${id}`);
 };
 
-//删除记录
+// 删除记录
 export const deleteHistorylog = (id: string) => {
   return Http.delete(`/v1/placement-account-projects/historylog/${id}`);
 };
@@ -332,4 +332,12 @@ export const postPlacementAccountsSync = (id: string) => {
   return Http.post(`/v1/placement-accounts/${id}/sync-data`);
 };
 
+// 投放账号-子账号分页
+export const postSubAccount = (params = {}) => {
+  return Http.post('/v1/placement-accounts/get-subaccount', params);
+};
 
+// 投放账号-添加子账号
+export const postAddSubAccount = (params = {}) => {
+  return Http.post('/v1/placement-accounts/subaccount', params);
+};
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 2548668..1fcce8a 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
@@ -121,7 +121,7 @@ const openDelete = (item) => {
 };
 
 const handleReauthorize = (item) => {
-  authorizedAccountModalRef.value?.open(item.id, item.last_synced_at);
+  authorizedAccountModalRef.value?.open({ accountId: item.id, last_synced_at: item.last_synced_at });
 };
 
 const handlePause = (item) => {
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 01fc429..ed5de94 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -148,7 +148,7 @@ import { ref, defineEmits } from 'vue';
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
-import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+import { PLATFORM_LIST, ENUM_PLATFORM } from '@/views/property-marketing/put-account/common_constants';
 
 import {
   postPlacementAccounts,
@@ -290,6 +290,27 @@ const handleBatchImport = async () => {
   // importPromptModalRef.value.open();
 };
 
+const handleAdd = async () => {
+  // 聚光无子账号
+  if (form.value.platform === ENUM_PLATFORM.jg) {
+    const { code, data } = await postPlacementAccounts(form.value);
+    if (code === 200) {
+      update();
+      authorizedAccountModalRef.value.open({ accountId: data?.id });
+    }
+  } else {
+    authorizedAccountModalRef.value.open({ form: form.value });
+  }
+};
+const handleEdit = async () => {
+  const { code } = await putPlacementAccounts({ id: id.value, ...form.value });
+  if (code === 200) {
+    isEdit.value && AMessage.success('修改成功');
+    update();
+    onClose();
+  }
+};
+
 async function onSubmit() {
   if (isBatchImport.value) {
     handleBatchImport();
@@ -298,27 +319,11 @@ async function onSubmit() {
 
   formRef.value.validate(async (errors) => {
     if (!errors) {
-      const _fn = id.value ? putPlacementAccounts : postPlacementAccounts;
-      const _params = id.value ? { id: id.value, ...form.value } : form.value;
-      const { code, data } = await _fn(_params);
-      if (code === 200) {
-        isEdit.value && AMessage.success('修改成功');
-        update();
-
-        if (isEdit.value) {
-          onClose();
-        } else {
-          handleSuccess(data?.id);
-        }
-      }
+      isEdit.value ? handleEdit() : handleAdd();
     }
   });
 }
 
-const handleSuccess = (id) => {
-  authorizedAccountModalRef.value.open(id);
-};
-
 const handleDownloadTemplate = async () => {
   const { code, data } = await getPlacementAccountsTemplateUrl();
   if (code === 200) {
@@ -326,6 +331,7 @@ const handleDownloadTemplate = async () => {
   }
 };
 
+provide('closeAddAccountModal', onClose);
 // 对外暴露打开弹窗方法
 defineExpose({ open });
 </script>
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 15fb645..572636b 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -60,13 +60,14 @@
     </template>
   </a-modal>
 
-  <SelectSubAccountModal ref="selectSubAccountModalRef" @confirm="onSelectSubAccounts" />
+  <SelectSubAccountModal ref="selectSubAccountModalRef" />
 </template>
 
 <script setup>
 import dayjs from 'dayjs';
 import { defineExpose, ref, computed, defineEmits } from 'vue';
 import { exactFormatTime } from '@/utils/tools';
+import { ENUM_PLATFORM } from '@/views/property-marketing/put-account/common_constants';
 import {
   putPlacementAccountsAuthorized,
   getPlacementAccountsAuthorizedStatus,
@@ -94,6 +95,7 @@ const selectSubAccountModalRef = ref(null);
 const lastSyncedAt = ref(null); // 上次同步时间戳
 const showSyncTip = ref(false);
 const syncType = ref(INITIAL_SYNC_TYPE); // sync ｜ no_sync
+const addAccountFormData = ref(null); // 添加账户表单数据
 
 const INITIAL_FORM = {
   account: '',
@@ -130,11 +132,12 @@ const getDaysDiffText = (lastSyncedAt) => {
   return `${daysDiff}天`;
 };
 
-const open = (accountId, last_synced_at = null) => {
+const open = ({ accountId, last_synced_at = null, form = null }) => {
   reset();
 
   id.value = accountId;
   lastSyncedAt.value = last_synced_at;
+  addAccountFormData.value = form;
   visible.value = true;
 };
 
@@ -152,6 +155,7 @@ const reset = () => {
   lastSyncedAt.value = null;
   syncType.value = INITIAL_SYNC_TYPE;
   showSyncTip.value = false;
+  addAccountFormData.value = null;
   clearFakeProgressTimer();
   clearStatusPollingTimer();
 };
@@ -251,27 +255,14 @@ const handleSyncData = () => {
   }
 };
 
-const onSelectSubAccounts = (selectedItems) => {
-  console.log({ selectedItems });
-
-  visible.value = true;
-  isLoading.value = true;
-  isCompleted.value = false;
-  progress.value = 0;
-  startFakeProgressPolling();
-  startStatusPolling();
-};
-
 const handleOk = () => {
-  // visible.value = false;
-  // selectSubAccountModalRef.value.open();
-  // return;
   // n天未同步更新
   if (lastSyncedAt.value && lastSyncedAt.value < dayjs().startOf('day').valueOf()) {
     handleSyncData();
     return;
   }
 
+  // 已完成
   if (isCompleted.value) {
     if (isSuccess.value) {
       update();
@@ -279,15 +270,25 @@ const handleOk = () => {
     } else {
       startLoading();
     }
-  } else {
-    formRef.value.validate(async (errors) => {
-      if (!errors) {
-        startLoading();
-      }
-    });
+    return;
   }
+
+  // 未完成，校验表单
+  formRef.value.validate(async (errors) => {
+    if (errors) return;
+    if (form.value.platform === ENUM_PLATFORM.jg) {
+      startLoading();
+    } else {
+      visible.value = false;
+      selectSubAccountModalRef.value.open({
+        ...addAccountFormData.value,
+        ...form.value,
+      });
+    }
+  });
 };
 
+provide('closeAuthorizeAccountModal', close);
 defineExpose({
   open,
 });
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/constants.ts b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/constants.ts
index 4a8db0e..52e05fd 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/constants.ts
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/constants.ts
@@ -1,20 +1,23 @@
 export const INITIAL_FORM = {
-  search: '',
-  id: '',
+  platform: '',
+  account: '',
+  password: '',
+  account_name: '',
+  account_id: '',
 };
 export const INITIAL_PAGE_INFO = {
   page: 1,
-  pageSize: 20,
+  page_size: 20,
   total: 0,
 };
 
 export const TABLE_COLUMNS = [
   {
     title: '账户名称',
-    dataIndex: 'name',
+    dataIndex: 'account_name',
   },
   {
     title: '账户ID',
-    dataIndex: 'id',
+    dataIndex: 'account_id',
   },
 ];
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
index 3f7da86..56de81b 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
@@ -11,12 +11,12 @@
       <div class="filter-row-item flex items-center">
         <span class="label">账户名称</span>
         <a-input
-          v-model="query.search"
+          v-model="query.account_name"
           class="w-240px"
           placeholder="请搜索..."
           size="medium"
           allow-clear
-          @change="handleSearch"
+          @change="reload"
         >
           <template #prefix>
             <icon-search />
@@ -26,12 +26,12 @@
       <div class="filter-row-item flex items-center">
         <span class="label">账户ID</span>
         <a-input
-          v-model="query.id"
+          v-model="query.account_id"
           class="w-240px"
           placeholder="请搜索..."
           size="medium"
           allow-clear
-          @change="handleSearch"
+          @change="reload"
         >
           <template #prefix>
             <icon-search />
@@ -44,16 +44,16 @@
       ref="tableRef"
       :data="dataSource"
       column-resizable
-      row-key="id"
       :row-selection="{
         type: 'checkbox',
         showCheckedAll: true,
         width: 48,
       }"
-      :selected-keys="selectedItems"
+      row-key="account_id"
+      :selected-keys="selectedRowKeys"
       :pagination="false"
-      :scroll="{ x: '100%' }"
-      class="w-100% flex-1"
+      :scroll="{ x: '100%', y: '100%' }"
+      class="w-100% flex-1 overflow-hidden"
       bordered
       @select="handleSelect"
       @select-all="handleSelectAll"
@@ -76,7 +76,6 @@
         >
           <template #title>
             <div class="flex items-center">
-              <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
               <span class="cts mr-4px">{{ column.title }}</span>
               <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
                 <icon-question-circle class="tooltip-icon color-#737478" size="16" />
@@ -84,14 +83,7 @@
             </div>
           </template>
 
-          <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
-            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
-          </template>
-          <template v-else-if="column.dataIndex === 'time'" #cell="{ record }">
-            {{ exactFormatTime(record.time) }}
-          </template>
-
-          <template v-else #cell="{ record }">
+          <template #cell="{ record }">
             {{ formatTableField(column, record, true) }}
           </template>
         </a-table-column>
@@ -112,11 +104,19 @@
     </div>
     <template #footer>
       <span class="cts color-#3C4043 s1"
-        >已选<span class="color-#6D4CFE num mx-3px">{{ selectedItems.length }}个</span>账户</span
+        >已选<span class="color-#6D4CFE num mx-3px">{{ selectedAccounts.length }}个</span>账户</span
       >
       <div class="flex items-center">
         <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
-        <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onConfirm">添加已选账户</a-button>
+        <a-button
+          type="primary"
+          class="ml-16px"
+          status="danger"
+          size="large"
+          :disabled="!selectedAccounts.length"
+          @click="onConfirm"
+          >添加已选账户</a-button
+        >
       </div>
     </template>
   </a-modal>
@@ -124,69 +124,106 @@
 
 <script setup>
 import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
-import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+import { formatTableField } from '@/utils/tools';
+import { postSubAccount, postAddSubAccount } from '@/api/all/propertyMarketing';
 
 const emits = defineEmits('confirm');
 const update = inject('update');
+const closeAddAccountModal = inject('closeAddAccountModal');
+const closeAuthorizeAccountModal = inject('closeAuthorizeAccountModal');
 
 const visible = ref(false);
 const dataSource = ref([]);
 const query = ref(cloneDeep(INITIAL_FORM));
 const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
-const selectedItems = ref([]);
+const form = ref(null);
 
-const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
-const indeterminate = computed(
-  () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
-);
+const selectedAccounts = ref([]);
+const selectedRowKeys = ref([]);
+
+const open = (formData) => {
+  const { platform, account, password } = formData;
+  form.value = formData;
+  query.value = {
+    ...query.value,
+    platform,
+    account,
+    password,
+  };
 
-const open = () => {
   getData();
 
   visible.value = true;
 };
 const onClose = () => {
+  form.value = null;
+  selectedAccounts.value = [];
+  selectedRowKeys.value = [];
   query.value = cloneDeep(INITIAL_FORM);
   pageInfo.value = cloneDeep(INITIAL_FORM);
 
   visible.value = false;
 };
 
-const onConfirm = () => {
-  onClose();
-  emits('confirm', selectedItems);
+const onConfirm = async () => {
+  const { code } = await postAddSubAccount({ ...form.value, subaccounts: selectedAccounts.value });
+  if (code === 200) {
+    visible.value = false;
+    update();
+    closeAuthorizeAccountModal();
+    closeAddAccountModal();
+  }
 };
 
-const getData = () => {
-  dataSource.value = [
-    {
-      id: '1832880547948105',
-      name: '美团-人设组YSCX-运管-OM运营三部-BT2阿里巴巴国际站-小题-3',
-    },
-    {
-      id: '1832880548441993',
-      name: 'YSCX-运管-OM运营三部-BT2阿里巴巴国际站-小题',
-    },
-  ];
-  pageInfo.value.total = 2;
+const getData = async () => {
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await postSubAccount({
+    ...query.value,
+    page,
+    page_size,
+    // platform: 0,
+    // account: '543366265@qq.com',
+    // password: 'Xiaoti2025@',
+    // // page: 1,
+    // // page_size: 10,
+    // account_id: '',
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
 };
+
 const reload = () => {
   pageInfo.value.page = 1;
   getData();
 };
 
-const handleSearch = () => {
-  reload();
-};
-const handleSelect = (selectedRowKeys, selectedRows) => {
-  selectedItems.value = selectedRowKeys;
+const handleSelect = (selectedKeys, rowKey, record) => {
+  const select = selectedKeys.includes(rowKey);
+  selectedRowKeys.value = selectedKeys;
+
+  if (select) {
+    selectedAccounts.value.push(record);
+  } else {
+    selectedAccounts.value = selectedAccounts.value.filter((v) => v.account_id !== record.account_id);
+  }
 };
 
 const handleSelectAll = (checked) => {
+  const currentPageAccounts = dataSource.value;
+  const currentPageKeys = currentPageAccounts.map((v) => v.account_id);
+
   if (checked) {
-    selectedItems.value = dataSource.value.map((item) => item.id);
+    selectedRowKeys.value = Array.from(new Set([...selectedRowKeys.value, ...currentPageKeys]));
+
+    const allAccounts = [...selectedAccounts.value, ...currentPageAccounts];
+    const map = new Map();
+    allAccounts.forEach((acc) => map.set(acc.account_id, acc));
+    selectedAccounts.value = Array.from(map.values());
   } else {
-    selectedItems.value = [];
+    selectedRowKeys.value = selectedRowKeys.value.filter((key) => !currentPageKeys.includes(key));
+    selectedAccounts.value = selectedAccounts.value.filter((acc) => !currentPageKeys.includes(acc.account_id));
   }
 };
 
@@ -195,7 +232,7 @@ const onPageChange = (current) => {
   getData();
 };
 const onPageSizeChange = (pageSize) => {
-  pageInfo.value.pageSize = pageSize;
+  pageInfo.value.page_size = pageSize;
   reload();
 };
 
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 0d5711b..25d027e 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
@@ -11,6 +11,7 @@
   }
   .arco-modal-body {
     height: 536px;
+    overflow: hidden;
     display: flex;
     flex-direction: column;
     .filter-row {
diff --git a/src/views/property-marketing/put-account/common_constants.ts b/src/views/property-marketing/put-account/common_constants.ts
index 4986d1f..da6ab9f 100644
--- a/src/views/property-marketing/put-account/common_constants.ts
+++ b/src/views/property-marketing/put-account/common_constants.ts
@@ -2,6 +2,12 @@ import icon1 from '@/assets/img/media-account/icon-jl.png';
 import icon2 from '@/assets/img/media-account/icon-jg.png';
 import icon3 from '@/assets/img/media-account/icon-bili.png';
 
+export const ENUM_PLATFORM = {
+  jl: 0,
+  jg: 1,
+  bili: 2,
+};
+
 export const PLATFORM_LIST = [
   {
     label: '巨量',

From 054da5dd74a5f8026965dcc51c21db2abb5b9d64 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 15 Jul 2025 17:10:48 +0800
Subject: [PATCH 14/97] =?UTF-8?q?perf:=20=E9=80=BB=E8=BE=91=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/add-account-modal/index.vue            |  2 +-
 .../components/authorized-account-modal/index.vue     | 11 +++++++----
 .../components/select-sub-account-modal/index.vue     |  2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index ed5de94..64f2acd 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -299,7 +299,7 @@ const handleAdd = async () => {
       authorizedAccountModalRef.value.open({ accountId: data?.id });
     }
   } else {
-    authorizedAccountModalRef.value.open({ form: form.value });
+    authorizedAccountModalRef.value.open({ form: form.value, needSelectSubAccount: true });
   }
 };
 const handleEdit = async () => {
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 572636b..b3ce517 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -94,6 +94,7 @@ const id = ref('');
 const selectSubAccountModalRef = ref(null);
 const lastSyncedAt = ref(null); // 上次同步时间戳
 const showSyncTip = ref(false);
+const shouldSelectSubAccount = ref(false);
 const syncType = ref(INITIAL_SYNC_TYPE); // sync ｜ no_sync
 const addAccountFormData = ref(null); // 添加账户表单数据
 
@@ -132,12 +133,13 @@ const getDaysDiffText = (lastSyncedAt) => {
   return `${daysDiff}天`;
 };
 
-const open = ({ accountId, last_synced_at = null, form = null }) => {
+const open = ({ accountId, last_synced_at = null, form = null, needSelectSubAccount = false }) => {
   reset();
 
   id.value = accountId;
   lastSyncedAt.value = last_synced_at;
   addAccountFormData.value = form;
+  shouldSelectSubAccount.value = needSelectSubAccount;
   visible.value = true;
 };
 
@@ -155,6 +157,7 @@ const reset = () => {
   lastSyncedAt.value = null;
   syncType.value = INITIAL_SYNC_TYPE;
   showSyncTip.value = false;
+  shouldSelectSubAccount.value = false;
   addAccountFormData.value = null;
   clearFakeProgressTimer();
   clearStatusPollingTimer();
@@ -276,14 +279,14 @@ const handleOk = () => {
   // 未完成，校验表单
   formRef.value.validate(async (errors) => {
     if (errors) return;
-    if (form.value.platform === ENUM_PLATFORM.jg) {
-      startLoading();
-    } else {
+    if (shouldSelectSubAccount.value) {
       visible.value = false;
       selectSubAccountModalRef.value.open({
         ...addAccountFormData.value,
         ...form.value,
       });
+    } else {
+      startLoading();
     }
   });
 };
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
index 56de81b..126350a 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
@@ -160,7 +160,7 @@ const onClose = () => {
   selectedAccounts.value = [];
   selectedRowKeys.value = [];
   query.value = cloneDeep(INITIAL_FORM);
-  pageInfo.value = cloneDeep(INITIAL_FORM);
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
 
   visible.value = false;
 };

From 48890fcedee143c9c75982c9d38d1f6c8de4810f Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 15 Jul 2025 17:45:16 +0800
Subject: [PATCH 15/97] =?UTF-8?q?feat:=20=E5=B0=81=E8=A3=85=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=88=86=E9=A1=B5hooks?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/unplugin/auto-import.ts                |  2 +-
 src/hooks/useTableSelectionWithPagination.ts  | 87 +++++++++++++++++++
 .../select-sub-account-modal/index.vue        | 83 ++++++------------
 3 files changed, 114 insertions(+), 58 deletions(-)
 create mode 100644 src/hooks/useTableSelectionWithPagination.ts

diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index 69e7b9a..6d2de4c 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -21,7 +21,7 @@ export function configAutoImport() {
       '@vueuse/core',
       {
         dayjs: [['default', 'dayjs']],
-        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union', 'uniq', 'isNumber', 'uniqBy', 'isEmpty'],
+        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union', 'uniq', 'isNumber', 'uniqBy', 'isEmpty', 'merge'],
         '@/hooks': ['useModal'],
       },
     ],
diff --git a/src/hooks/useTableSelectionWithPagination.ts b/src/hooks/useTableSelectionWithPagination.ts
new file mode 100644
index 0000000..2fd6c4b
--- /dev/null
+++ b/src/hooks/useTableSelectionWithPagination.ts
@@ -0,0 +1,87 @@
+import { ref, computed } from 'vue';
+
+interface UseTableSelectionWithPaginationOptions {
+  rowKey?: string; // 主键字段名，默认 'id'
+  pageInfo?: {
+    page?: number;
+    page_size?: number;
+    total?: number;
+  };
+  onPageChange?: (page: number) => void;
+  onPageSizeChange?: (size: number) => void;
+}
+
+const DEFAULT_PAGE_INFO = {
+  page: 1,
+  pageSize: 20,
+  total: 0,
+};
+
+export function useTableSelectionWithPagination(options: UseTableSelectionWithPaginationOptions = {}) {
+  const rowKey = options.rowKey || 'id';
+
+  const selectedRowKeys = ref<Array<string | number>>([]);
+  const selectedRows = ref<any[]>([]);
+
+  const pageInfo = ref(merge({}, DEFAULT_PAGE_INFO, options.pageInfo));
+
+  const dataSource = ref<any[]>([]);
+
+  // 单行选择
+  const handleSelect = (selectedKeys: (string | number)[], rowKeyValue: string | number, record: any) => {
+    const select = selectedKeys.includes(rowKeyValue);
+    selectedRowKeys.value = selectedKeys;
+
+    if (select) {
+      if (!selectedRows.value.some((v) => v[rowKey] === record[rowKey])) {
+        selectedRows.value.push(record);
+      }
+    } else {
+      selectedRows.value = selectedRows.value.filter((v) => v[rowKey] !== record[rowKey]);
+    }
+  };
+
+  // 全选/取消全选
+  const handleSelectAll = (checked: boolean) => {
+    const currentPageRows = dataSource.value;
+    const currentPageKeys = currentPageRows.map((v) => v[rowKey]);
+
+    if (checked) {
+      selectedRowKeys.value = Array.from(new Set([...selectedRowKeys.value, ...currentPageKeys]));
+      const allRows = [...selectedRows.value, ...currentPageRows];
+      const map = new Map();
+      allRows.forEach((row) => map.set(row[rowKey], row));
+      selectedRows.value = Array.from(map.values());
+    } else {
+      selectedRowKeys.value = selectedRowKeys.value.filter((key) => !currentPageKeys.includes(key));
+      selectedRows.value = selectedRows.value.filter((row) => !currentPageKeys.includes(row[rowKey]));
+    }
+  };
+
+  const onPageChange = (page: number) => {
+    pageInfo.value.page = page;
+    options.onPageChange?.(page);
+  };
+  const onPageSizeChange = (size: number) => {
+    pageInfo.value.page_size = size;
+    pageInfo.value.page = 1;
+    options.onPageSizeChange?.(size);
+  };
+
+  const rowSelection = computed(() => ({
+    type: 'checkbox',
+    showCheckedAll: true,
+  }));
+
+  return {
+    selectedRowKeys,
+    selectedRows,
+    dataSource,
+    pageInfo,
+    onPageChange,
+    onPageSizeChange,
+    rowSelection,
+    handleSelect,
+    handleSelectAll,
+  };
+}
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
index 126350a..032f9d4 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
@@ -44,16 +44,12 @@
       ref="tableRef"
       :data="dataSource"
       column-resizable
-      :row-selection="{
-        type: 'checkbox',
-        showCheckedAll: true,
-        width: 48,
-      }"
-      row-key="account_id"
-      :selected-keys="selectedRowKeys"
+      :row-selection="rowSelection"
+      :row-key="ROW_KEY"
       :pagination="false"
       :scroll="{ x: '100%', y: '100%' }"
       class="w-100% flex-1 overflow-hidden"
+      :selected-keys="selectedRowKeys"
       bordered
       @select="handleSelect"
       @select-all="handleSelectAll"
@@ -97,7 +93,7 @@
         show-jumper
         show-page-size
         :current="pageInfo.page"
-        :page-size="pageInfo.pageSize"
+        :page-size="pageInfo.page_size"
         @change="onPageChange"
         @page-size-change="onPageSizeChange"
       />
@@ -126,6 +122,7 @@
 import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
 import { formatTableField } from '@/utils/tools';
 import { postSubAccount, postAddSubAccount } from '@/api/all/propertyMarketing';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 
 const emits = defineEmits('confirm');
 const update = inject('update');
@@ -133,13 +130,29 @@ const closeAddAccountModal = inject('closeAddAccountModal');
 const closeAuthorizeAccountModal = inject('closeAuthorizeAccountModal');
 
 const visible = ref(false);
-const dataSource = ref([]);
 const query = ref(cloneDeep(INITIAL_FORM));
-const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 const form = ref(null);
 
-const selectedAccounts = ref([]);
-const selectedRowKeys = ref([]);
+const ROW_KEY = 'account_id';
+const {
+  selectedRowKeys,
+  selectedRows: selectedAccounts,
+  dataSource,
+  pageInfo,
+  onPageChange,
+  onPageSizeChange,
+  rowSelection,
+  handleSelect,
+  handleSelectAll,
+} = useTableSelectionWithPagination({
+  rowKey: ROW_KEY,
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
 
 const open = (formData) => {
   const { platform, account, password } = formData;
@@ -152,16 +165,15 @@ const open = (formData) => {
   };
 
   getData();
-
   visible.value = true;
 };
+
 const onClose = () => {
   form.value = null;
   selectedAccounts.value = [];
   selectedRowKeys.value = [];
   query.value = cloneDeep(INITIAL_FORM);
   pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
-
   visible.value = false;
 };
 
@@ -181,12 +193,6 @@ const getData = async () => {
     ...query.value,
     page,
     page_size,
-    // platform: 0,
-    // account: '543366265@qq.com',
-    // password: 'Xiaoti2025@',
-    // // page: 1,
-    // // page_size: 10,
-    // account_id: '',
   });
   if (code === 200) {
     dataSource.value = data?.data ?? [];
@@ -199,43 +205,6 @@ const reload = () => {
   getData();
 };
 
-const handleSelect = (selectedKeys, rowKey, record) => {
-  const select = selectedKeys.includes(rowKey);
-  selectedRowKeys.value = selectedKeys;
-
-  if (select) {
-    selectedAccounts.value.push(record);
-  } else {
-    selectedAccounts.value = selectedAccounts.value.filter((v) => v.account_id !== record.account_id);
-  }
-};
-
-const handleSelectAll = (checked) => {
-  const currentPageAccounts = dataSource.value;
-  const currentPageKeys = currentPageAccounts.map((v) => v.account_id);
-
-  if (checked) {
-    selectedRowKeys.value = Array.from(new Set([...selectedRowKeys.value, ...currentPageKeys]));
-
-    const allAccounts = [...selectedAccounts.value, ...currentPageAccounts];
-    const map = new Map();
-    allAccounts.forEach((acc) => map.set(acc.account_id, acc));
-    selectedAccounts.value = Array.from(map.values());
-  } else {
-    selectedRowKeys.value = selectedRowKeys.value.filter((key) => !currentPageKeys.includes(key));
-    selectedAccounts.value = selectedAccounts.value.filter((acc) => !currentPageKeys.includes(acc.account_id));
-  }
-};
-
-const onPageChange = (current) => {
-  pageInfo.value.page = current;
-  getData();
-};
-const onPageSizeChange = (pageSize) => {
-  pageInfo.value.page_size = pageSize;
-  reload();
-};
-
 defineExpose({ open });
 </script>
 

From b4b0040711acfaf371bb3c9ca440636cf9731c44 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 15 Jul 2025 17:46:09 +0800
Subject: [PATCH 16/97] =?UTF-8?q?perf:=20=E5=88=86=E9=A1=B5=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useTableSelectionWithPagination.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/hooks/useTableSelectionWithPagination.ts b/src/hooks/useTableSelectionWithPagination.ts
index 2fd6c4b..ac13d17 100644
--- a/src/hooks/useTableSelectionWithPagination.ts
+++ b/src/hooks/useTableSelectionWithPagination.ts
@@ -13,7 +13,7 @@ interface UseTableSelectionWithPaginationOptions {
 
 const DEFAULT_PAGE_INFO = {
   page: 1,
-  pageSize: 20,
+  page_size: 20,
   total: 0,
 };
 

From 5f00be24b038e983f82c2b88d7bce405754052b3 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 16 Jul 2025 10:14:04 +0800
Subject: [PATCH 17/97] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=9B=B4=E6=96=B0=E6=97=B6=E9=97=B4=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/tools.ts                                  |  1 +
 .../components/account-info/index.vue               | 13 ++++++++++++-
 .../media-account/account-detail/constants.ts       | 12 +++++++++---
 .../components/account-table/index.vue              |  7 +++++++
 .../components/account-table/index.vue              |  8 +++++++-
 5 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 105d541..e2093fc 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -3,6 +3,7 @@
  * @Date: 2025-06-27 17:36:31
  */
 import dayjs from 'dayjs';
+
 export function toFixed(num: number | string, n: number): number {
   return parseFloat(parseFloat(num.toString()).toFixed(n));
 }
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 457f04a..2d13904 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
@@ -72,6 +72,12 @@
                   })
                 }}
               </template>
+              <template v-else-if="field.dataIndex === 'platform'">
+                <img :src="detailData.platform === 0 ? icon5 : icon6" width="16" height="16" />
+              </template>
+              <template v-else-if="field.dataIndex === 'last_synced_at'">
+                {{ exactFormatTime(detailData.last_synced_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss') }}
+              </template>
               <!-- 环比字段特殊渲染 -->
               <template v-else-if="field.isRateField">
                 <div
@@ -83,6 +89,9 @@
                   {{ `${detailData[field.dataIndex]}%` }}
                 </div>
               </template>
+              <template v-else-if="field.dataIndex === 'id'">
+                {{ detailData.id }}
+              </template>
               <template v-else>
                 {{ formatTableField(field, detailData, true) }}
               </template>
@@ -108,7 +117,7 @@
 <script setup>
 import { useRoute } from 'vue-router';
 
-import { formatTableField, formatNumberShow } from '@/utils/tools';
+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';
@@ -119,6 +128,8 @@ import icon1 from '@/assets/img/media-account/icon5.png';
 import icon2 from '@/assets/img/media-account/icon-warn.png';
 import icon3 from '@/assets/img/media-account/icon-warn-1.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
+import icon5 from '@/assets/img/media-account/icon-dy.png';
+import icon6 from '@/assets/img/media-account/icon-xhs.png';
 
 const route = useRoute();
 const id = route.params.id;
diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
index 3eaaba4..9a7b452 100644
--- a/src/views/property-marketing/media-account/account-detail/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -34,18 +34,24 @@ export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
   const baseFields = [
     [
       { title: '账号名称', dataIndex: 'name' },
-      { title: '项目分组', dataIndex: 'group.name' },
+      { title: '数据更新时间', dataIndex: 'last_synced_at' },
+      { title: '平台', dataIndex: 'platform' },
       { title: '状态', dataIndex: 'status', type: 'status' },
-      { title: '运营人员', dataIndex: 'operator.name' },
     ],
     [
-      { title: 'AI评价', dataIndex: 'ai_evaluation' },
+      { title: '账户ID', dataIndex: 'id' },
+      { title: '手机号码', dataIndex: 'mobile' },
+      { title: '运营人员', dataIndex: 'operator.name' },
+      { title: '项目分组', dataIndex: 'group.name' },
+    ],
+    [
       { title: '粉丝量', dataIndex: 'fans_number', tooltip: '账号的当前粉丝总数。' },
       {
         title: '总赞藏数',
         dataIndex: 'like_collect_number',
         tooltip: '账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
       },
+      { title: 'AI评价', dataIndex: 'ai_evaluation' },
     ],
   ];
   const customFields = groupArrayBySize(CUSTOM_FIELDS, 4, dateType);
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 532ff60..3c24f85 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,6 +24,12 @@
           <span class="label">状态</span>
           <StatusBox :status="item.status" />
         </div>
+        <div class="field-row">
+          <span class="label">数据更新时间</span>
+          <span class="cts num">{{
+            exactFormatTime(item.last_synced_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss')
+          }}</span>
+        </div>
         <div class="field-row">
           <span class="label">平台</span>
           <img :src="item.platform === 0 ? icon1 : icon2" width="16" height="16" />
@@ -111,6 +117,7 @@ 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 { deleteSyncStatus } from '@/api/all/propertyMarketing';
+import { exactFormatTime } from '@/utils/tools';
 
 import PauseAccountPatchModal from './pause-account-patch';
 import StatusBox from '../status-box';
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 e778bfe..6472292 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
@@ -19,6 +19,12 @@
           <span class="label">状态</span>
           <StatusBox :status="item.status" />
         </div>
+        <div class="field-row">
+          <span class="label">数据更新时间</span>
+          <span class="cts num">{{
+            exactFormatTime(item.last_synced_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss')
+          }}</span>
+        </div>
         <div class="field-row">
           <span class="label">平台</span>
           <img :src="PLATFORM_LIST.find((v) => v.value === item.platform)?.icon" width="14" height="14" />
@@ -73,7 +79,7 @@ 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 { formatNumberShow } from '@/utils/tools';
+import { formatNumberShow, exactFormatTime } from '@/utils/tools';
 
 import PauseAccountPatchModal from './pause-account-patch';
 import StatusBox from '../status-box';

From 50bd0cd44a8ffbb76e6cdfcf95f905971f961caf Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 16 Jul 2025 13:47:34 +0800
Subject: [PATCH 18/97] =?UTF-8?q?feat:=20=E5=AF=BC=E5=85=A5=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/add-account-modal/index.vue    | 775 ++++++++++--------
 .../media-account/account-manage/index.vue    |   4 -
 2 files changed, 411 insertions(+), 368 deletions(-)

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 d3901c3..d5a3859 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
@@ -2,172 +2,23 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-25 17:51:46
 -->
-<template>
-  <a-modal
-    v-model:visible="visible"
-    :title="isEdit ? '编辑账号' : '添加账号'"
-    modal-class="add-account-modal"
-    width="500px"
-    :mask-closable="false"
-    @close="onClose"
-  >
-    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
-      <a-form-item v-if="!isEdit" label="上传方式" required>
-        <a-radio-group v-model="uploadType">
-          <a-radio value="manual">手动添加账号</a-radio>
-          <a-radio value="batch">批量导入账号</a-radio>
-        </a-radio-group>
-      </a-form-item>
-
-      <!-- 批量导入账号模式下的内容 -->
-      <template v-if="isBatchImport">
-        <a-form-item label="账户文件" required>
-          <!-- 默认状态 -->
-          <div class="upload-block">
-            <template v-if="uploadStatus === UploadStatus.DEFAULT">
-              <a-upload
-                ref="uploadRef"
-                action="/"
-                draggable
-                :custom-request="handleUpload"
-                accept=".xlsx,.xls"
-                :show-file-list="false"
-              >
-                <template #upload-button>
-                  <div class="upload-box">
-                    <icon-plus size="14" class="mb-16px" />
-                    <span class="text mb-4px">点击或拖拽文件到此处上传</span>
-                    <span class="tip">支持 xls, xlsx格式</span>
-                  </div>
-                </template>
-              </a-upload>
-            </template>
-            <template v-else>
-              <div class="flex items-center">
-                <div
-                  class="flex items-center justify-between py-9px px-12px flex-1 import-row"
-                  :class="{
-                    error: uploadStatus === UploadStatus.ERROR,
-                  }"
-                >
-                  <div class="flex items-center">
-                    <icon-file size="16" class="flex-shrink-0" />
-                    <span class="name ml-8px">{{ fileName }}</span>
-                  </div>
-                  <span
-                    v-if="uploadStatus === UploadStatus.ERROR"
-                    class="upload-error flex-shrink-0"
-                    @click="handleBatchImport"
-                  >
-                    点击重试
-                  </span>
-                </div>
-                <img :src="icon2" width="16" height="16" class="cursor-pointer ml-12px" @click="removeFile" />
-              </div>
-            </template>
-            <div class="flex items-center cursor-pointer mt-8px" @click="handleDownloadTemplate">
-              <img :src="icon1" width="16" height="16" class="mr-4px" />
-              <span class="dt">下载账户导入模板.xlsx</span>
-            </div>
-          </div>
-        </a-form-item>
-      </template>
-
-      <!-- 手动添加账号 -->
-      <template v-else>
-        <template v-if="isEdit">
-          <a-form-item label="账号名称" field="name">
-            <a-input v-model="form.name" placeholder="请输入..." size="large" disabled />
-          </a-form-item>
-          <a-form-item label="账号ID" field="account_id">
-            <a-input v-model="form.account_id" placeholder="请输入..." size="large" disabled />
-          </a-form-item>
-          <a-form-item label="状态" field="status">
-            <StatusBox :status="form.status" />
-          </a-form-item>
-        </template>
-
-        <a-form-item label="手机号码" field="mobile" required>
-          <a-input v-model="form.mobile" placeholder="请输入..." size="large" />
-        </a-form-item>
-        <a-form-item label="运营人员" field="operator_name" required>
-          <a-input v-model="form.operator_name" placeholder="请输入..." class="w-240px" size="large" />
-        </a-form-item>
-        <a-form-item label="运营平台" :required="!isEdit">
-          <img v-if="isEdit" :src="form.platform === 0 ? icon3 : icon4" width="24" height="24" />
-          <a-radio-group v-else v-model="form.platform">
-            <a-radio :value="0">抖音</a-radio>
-            <a-radio :value="1">小红书</a-radio>
-          </a-radio-group>
-        </a-form-item>
-        <a-form-item label="号码持有人" field="holder_name">
-          <a-input v-model="form.holder_name" placeholder="请输入..." class="w-240px" size="large" />
-        </a-form-item>
-        <a-form-item label="选择分组">
-          <GroupSelect
-            v-model="form.group_id"
-            :multiple="false"
-            :options="groupOptions"
-            placeholder="请选择…"
-            size="large"
-          />
-        </a-form-item>
-        <a-form-item label="选择标签">
-          <TagSelect v-model="form.tag_ids" :options="tagOptions" placeholder="请选择…" size="large" />
-        </a-form-item>
-        <a-form-item label="笔记链接" field="end_work_link">
-          <template #label>
-            <span class="label">笔记链接</span>
-            <a-tooltip content="平台将从该笔记“之后”的内容开始同步，该笔记及更早的数据均不采集">
-              <icon-question-circle size="14" class="ml-4px color-#737478" />
-            </a-tooltip>
-          </template>
-          <a-textarea
-            v-model="form.end_work_link"
-            placeholder="请输入..."
-            size="large"
-            max-length="72"
-            :auto-size="{ minRows: 3, maxRows: 5 }"
-          />
-        </a-form-item>
-        <template v-if="!isEdit">
-          <a-form-item label="Cookie值">
-            <template #label>
-              <span class="label">Cookie值</span>
-              <a-tooltip content="开启后可直接填写 Cookie，无需扫码授权">
-                <icon-question-circle size="14" class="ml-4px color-#737478" />
-              </a-tooltip>
-            </template>
-            <a-switch v-model="isCustomCookie" size="large" />
-          </a-form-item>
-          <a-form-item v-if="isCustomCookie" label="" field="cookie">
-            <a-textarea
-              v-model="form.cookie"
-              placeholder="请输入..."
-              size="large"
-              max-length="72"
-              :auto-size="{ minRows: 3, maxRows: 5 }"
-            />
-          </a-form-item>
-        </template>
-      </template>
-    </a-form>
-    <template #footer>
-      <a-button size="large" class="cancel-btn" @click="onClose">取消</a-button>
-      <a-button type="primary" size="large" @click="onSubmit">
-        {{ confirmBtnText }}
-      </a-button>
-    </template>
-
-    <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
-    <ImportPromptModal ref="importPromptModalRef" />
-  </a-modal>
-
-  <SyncDataModal ref="syncDataModalRef" />
-</template>
-
-<script setup>
-import { ref, reactive, onMounted } from 'vue';
+<script lang="jsx">
+import { ref, computed } from 'vue';
+import {
+  Modal,
+  Form,
+  FormItem,
+  Input,
+  RadioGroup,
+  Radio,
+  Upload,
+  Button,
+  Switch,
+  Tooltip,
+  Notification,
+  Message as AMessage,
+  Textarea,
+} from '@arco-design/web-vue';
 import TagSelect from '@/views/property-marketing/media-account/components/tag-select';
 import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
 import AuthorizedAccountModal from '../authorized-account-modal';
@@ -175,6 +26,12 @@ import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
 import SyncDataModal from '../sync-data-modal';
 
+import icon1 from '@/assets/img/media-account/icon-download.png';
+import icon2 from '@/assets/img/media-account/icon-delete.png';
+import icon3 from '@/assets/img/media-account/icon-dy.png';
+import icon4 from '@/assets/img/media-account/icon-xhs.png';
+import icon5 from '@/assets/img/media-account/icon-warn-1.png';
+import icon6 from '@/assets/img/media-account/icon-success.png';
 import {
   fetchAccountTags,
   fetchAccountGroups,
@@ -185,13 +42,6 @@ import {
   batchMediaAccounts,
 } from '@/api/all/propertyMarketing';
 
-import icon1 from '@/assets/img/media-account/icon-download.png';
-import icon2 from '@/assets/img/media-account/icon-delete.png';
-import icon3 from '@/assets/img/media-account/icon-dy.png';
-import icon4 from '@/assets/img/media-account/icon-xhs.png';
-
-const emits = defineEmits(['update']);
-
 const UploadStatus = {
   DEFAULT: 'default',
   WAITING: 'waiting',
@@ -208,209 +58,406 @@ const INITIAL_FORM = {
   cookie: undefined,
 };
 
-const groupOptions = ref([]);
-const tagOptions = ref([]);
-const visible = ref(false);
-const uploadType = ref('manual');
-const uploadStatus = ref(UploadStatus.DEFAULT);
-const id = ref('');
-const isEdit = ref(false);
-const fileName = ref('');
-const formRef = ref();
-const file = ref(null);
-const authorizedAccountModalRef = ref(null);
-const importPromptModalRef = ref(null);
-const uploadRef = ref(null);
-const isCustomCookie = ref(false);
-const form = ref(cloneDeep(INITIAL_FORM));
-const syncDataModalRef = ref(null);
+export default {
+  setup(props, { emit, expose }) {
+    const groupOptions = ref([]);
+    const tagOptions = ref([]);
+    const visible = ref(false);
+    const uploadType = ref('manual');
+    const uploadStatus = ref(UploadStatus.DEFAULT);
+    const id = ref('');
+    const isEdit = ref(false);
+    const fileName = ref('');
+    const formRef = ref();
+    const file = ref(null);
+    const authorizedAccountModalRef = ref(null);
+    const importPromptModalRef = ref(null);
+    const uploadRef = ref(null);
+    const isCustomCookie = ref(false);
+    const form = ref({ ...INITIAL_FORM });
+    const syncDataModalRef = ref(null);
+    const importLoading = ref(false);
+    const CustomNotificationVisible = ref(false);
 
-const rules = {
-  mobile: [
-    {
-      required: true,
-      message: '请填写手机号',
-      trigger: ['blur', 'change'],
-    },
-    {
-      validator: (value, callback) => {
-        if (!/^1[3-9]\d{9}$/.test(value)) {
-          callback('手机号格式不正确');
-        } else {
-          callback();
-        }
-      },
-      trigger: ['blur', 'change'],
-    },
-  ],
-  operator_name: [{ required: true, message: '请输入运营人员' }],
-  // holder_name: [{ required: true, message: '请输入号码持有人' }],
-};
-
-const isBatchImport = computed(() => uploadType.value === 'batch');
-const confirmBtnText = computed(() => {
-  if (isBatchImport.value) {
-    return '确定导入';
-  } else if (isEdit.value) {
-    return '确定';
-  } else {
-    return isCustomCookie.value ? '确认添加' : '生成授权码';
-  }
-});
-
-// 获取分组数据
-const getGroups = async () => {
-  const { code, data } = await fetchAccountGroups();
-  if (code === 200) {
-    groupOptions.value = data;
-  }
-};
-
-// 获取标签数据
-const getTags = async () => {
-  const { code, data } = await fetchAccountTags();
-  if (code === 200) {
-    tagOptions.value = data;
-  }
-};
-
-function handleUpload(option) {
-  const { fileItem } = option;
-
-  uploadStatus.value = UploadStatus.WAITING;
-
-  file.value = fileItem.file;
-  fileName.value = fileItem.name;
-}
-
-function removeFile() {
-  fileName.value = '';
-  file.value = null;
-  uploadStatus.value = UploadStatus.DEFAULT;
-}
-
-const reset = () => {
-  formRef.value.resetFields();
-  formRef.value.clearValidate();
-
-  form.value = cloneDeep(INITIAL_FORM);
-  fileName.value = '';
-  file.value = null;
-  isEdit.value = false;
-  isCustomCookie.value = false;
-  uploadStatus.value = UploadStatus.DEFAULT;
-  uploadType.value = 'manual';
-};
-const onClose = () => {
-  reset();
-  visible.value = false;
-};
-
-const open = (accountId = '') => {
-  id.value = accountId;
-  isEdit.value = !!accountId;
-
-  if (accountId) {
-    getAccountDetail();
-  }
-  getGroups();
-  getTags();
-
-  visible.value = true;
-};
-
-const getAccountDetail = async () => {
-  const { code, data } = await getMediaAccountsDetail(id.value);
-  if (code === 200) {
-    form.value = {
-      ...data,
-      group_id: data.group_id === 0 ? undefined : data.group_id,
+    const rules = {
+      mobile: [
+        {
+          required: true,
+          message: '请填写手机号',
+          trigger: ['blur', 'change'],
+        },
+        {
+          validator: (value, callback) => {
+            if (!/^1[3-9]\d{9}$/.test(value)) {
+              callback('手机号格式不正确');
+            } else {
+              callback();
+            }
+          },
+          trigger: ['blur', 'change'],
+        },
+      ],
+      operator_name: [{ required: true, message: '请输入运营人员' }],
     };
-  }
-};
 
-const handleBatchImport = async () => {
-  try {
-    const formData = new FormData();
-    formData.append('file', file.value);
-
-    const { code } = await batchMediaAccounts(formData, {
-      headers: {
-        'Content-Type': 'multipart/form-data',
-      },
+    const isBatchImport = computed(() => uploadType.value === 'batch');
+    const confirmBtnText = computed(() => {
+      if (isBatchImport.value) {
+        return importLoading.value ? '导入中' : '确定导入';
+      } else if (isEdit.value) {
+        return '确定';
+      } else {
+        return isCustomCookie.value ? '确认添加' : '生成授权码';
+      }
     });
-    if (code === 200) {
-      AMessage.success('导入成功');
-      emits('update');
-      onClose();
-      importPromptModalRef.value.open();
-    } else {
-      uploadStatus.value = UploadStatus.ERROR;
+
+    const getGroups = async () => {
+      const { code, data } = await fetchAccountGroups();
+      if (code === 200) {
+        groupOptions.value = data;
+      }
+    };
+    const getTags = async () => {
+      const { code, data } = await fetchAccountTags();
+      if (code === 200) {
+        tagOptions.value = data;
+      }
+    };
+    function handleUpload(option) {
+      const { fileItem } = option;
+      uploadStatus.value = UploadStatus.WAITING;
+      file.value = fileItem.file;
+      fileName.value = fileItem.name;
     }
-  } catch (error) {
-    uploadStatus.value = UploadStatus.ERROR;
-  }
-};
-
-const handleAddAccount = async () => {
-  const _isCustomCookie = isCustomCookie.value;
-  const { code, data } = await postMediaAccounts({
-    ...form.value,
-    cookie: _isCustomCookie ? form.value.cookie : undefined,
-  });
-  if (code === 200) {
-    emits('update');
-    onClose();
-
-    const { id, platform } = data;
-    if (_isCustomCookie) {
-      syncDataModalRef.value.open(id);
-    } else {
-      startAuthorized(id, platform);
+    function removeFile() {
+      fileName.value = '';
+      file.value = null;
+      uploadStatus.value = UploadStatus.DEFAULT;
     }
-  }
-};
+    const reset = () => {
+      formRef.value?.resetFields();
+      formRef.value?.clearValidate();
+      form.value = { ...INITIAL_FORM };
+      fileName.value = '';
+      file.value = null;
+      isEdit.value = false;
+      importLoading.value = false;
+      isCustomCookie.value = false;
+      uploadStatus.value = UploadStatus.DEFAULT;
+      uploadType.value = 'manual';
+    };
+    const onClose = () => {
+      reset();
+      visible.value = false;
+    };
+    const open = (accountId = '') => {
+      id.value = accountId;
+      isEdit.value = !!accountId;
+      if (accountId) {
+        getAccountDetail();
+      }
+      getGroups();
+      getTags();
+      visible.value = true;
+    };
+    const getAccountDetail = async () => {
+      const { code, data } = await getMediaAccountsDetail(id.value);
+      if (code === 200) {
+        form.value = {
+          ...data,
+          group_id: data.group_id === 0 ? undefined : data.group_id,
+        };
+      }
+    };
+    const handleBatchImport = async () => {
+      try {
+        if (!file.value) {
+          AMessage.warning('请上传要导入的文件');
+          return;
+        }
+        importLoading.value = true;
+        const formData = new FormData();
+        formData.append('file', file.value);
+        const { code } = await batchMediaAccounts(formData, {
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          },
+        });
+        if (code === 200) {
+          AMessage.success('导入成功');
+          emit('update');
+          onClose();
 
-const handleEditAccount = async () => {
-  const { code } = await putMediaAccounts({ id: id.value, ...form.value });
-  if (code === 200) {
-    AMessage.success('修改成功');
-    emits('update');
-    onClose();
-  }
-};
-
-async function onSubmit() {
-  if (isBatchImport.value) {
-    handleBatchImport();
-    return;
-  }
-
-  formRef.value.validate(async (errors) => {
-    if (!errors) {
-      if (isCustomCookie.value && !form.value.cookie) {
-        AMessage.warning('请填写Cookie值');
+          const ID = 'IMPORT-ACCOUNT';
+          renderNotification(ID);
+          importPromptModalRef.value.open();
+        } else {
+          uploadStatus.value = UploadStatus.ERROR;
+        }
+      } catch (error) {
+        uploadStatus.value = UploadStatus.ERROR;
+      }
+    };
+    const handleAddAccount = async () => {
+      const _isCustomCookie = isCustomCookie.value;
+      const { code, data } = await postMediaAccounts({
+        ...form.value,
+        cookie: _isCustomCookie ? form.value.cookie : undefined,
+      });
+      if (code === 200) {
+        emit('update');
+        onClose();
+        const { id: _id, platform } = data;
+        if (_isCustomCookie) {
+          syncDataModalRef.value.open(_id);
+        } else {
+          startAuthorized(_id, platform);
+        }
+      }
+    };
+    const handleEditAccount = async () => {
+      const { code } = await putMediaAccounts({ id: id.value, ...form.value });
+      if (code === 200) {
+        AMessage.success('修改成功');
+        emit('update');
+        onClose();
+      }
+    };
+    async function onSubmit() {
+      if (isBatchImport.value) {
+        handleBatchImport();
         return;
       }
-
-      isEdit.value ? handleEditAccount() : handleAddAccount();
+      formRef.value.validate(async (errors) => {
+        if (!errors) {
+          if (isCustomCookie.value && !form.value.cookie) {
+            AMessage.warning('请填写Cookie值');
+            return;
+          }
+          isEdit.value ? handleEditAccount() : handleAddAccount();
+        }
+      });
     }
-  });
-}
+    const startAuthorized = (id, platform) => {
+      authorizedAccountModalRef.value.open(id, platform);
+    };
+    const handleDownloadTemplate = async () => {
+      const { code, data } = await getTemplateUrl();
+      if (code === 200) {
+        window.open(data.download_url, '_blank');
+      }
+    };
+    const handleDownloadError = () => {
+      console.log('handleDownloadError');
+    };
+    const renderLabel = (label, tooltipContent) => {
+      return (
+        <>
+          <span class="label">{label}</span>
+          <Tooltip content={tooltipContent}>
+            <icon-question-circle size="14" class="ml-4px color-#737478" />
+          </Tooltip>
+        </>
+      );
+    };
+    const renderNotification = (id, hasError) => {
+      Notification.warning({
+        id,
+        showIcon: false,
+        closable: true,
+        content: (
+          <div>
+            <div class="flex items-center mb-4px">
+              <img src={hasError ? icon5 : icon6} width="16" height="16" class="mr-8px" />
+              <span class="text-16px lh-24px font-400 color-#211F24">导入完成</span>
+            </div>
+            <p class="text-14px lh-22px font-400 color-#211F24">
+              共导入 37 个账号，导入成功 32 个{hasError ? `，失败 <span class="color-#F64B31">5</span> 个` : ''}
+            </p>
+            {hasError && (
+              <div class="mt-8px text-14px lh-22px font-400 color-#6D4CFE cursor-pointer" onClick={handleDownloadError}>
+                下载问题表格
+              </div>
+            )}
+          </div>
+        ),
+        duration: 3000,
+        class: `px-16px py-16px w-400px rounded-2px ${hasError ? 'bg-#FFF7E5' : 'bg-#EBF7F2'}`,
+      });
+    };
 
-const startAuthorized = (id, platform) => {
-  authorizedAccountModalRef.value.open(id, platform);
+    expose({ open });
+
+    return () => (
+      <Modal
+        v-model:visible={visible.value}
+        title={isEdit.value ? '编辑账号' : '添加账号'}
+        modal-class="add-account-modal"
+        width="500px"
+        mask-closable={false}
+        onClose={onClose}
+        footer={null}
+      >
+        <Form ref={formRef} model={form.value} rules={rules} layout="horizontal" auto-label-width>
+          {!isEdit.value && (
+            <FormItem label="上传方式" required>
+              <RadioGroup v-model={uploadType.value}>
+                <Radio value="manual">手动添加账号</Radio>
+                <Radio value="batch">批量导入账号</Radio>
+              </RadioGroup>
+            </FormItem>
+          )}
+          {isBatchImport.value ? (
+            <FormItem label="账号文件" required>
+              <div class="upload-block">
+                {uploadStatus.value === UploadStatus.DEFAULT ? (
+                  <Upload
+                    ref={uploadRef}
+                    action="/"
+                    draggable
+                    custom-request={handleUpload}
+                    accept=".xlsx,.xls"
+                    show-file-list={false}
+                  >
+                    {{
+                      'upload-button': () => (
+                        <div class="upload-box">
+                          <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                          <span class="tip">支持 xls, xlsx格式</span>
+                        </div>
+                      ),
+                    }}
+                  </Upload>
+                ) : (
+                  <div class="flex items-center">
+                    <div
+                      class={[
+                        'flex items-center justify-between py-9px px-12px flex-1 import-row',
+                        { error: uploadStatus.value === UploadStatus.ERROR },
+                      ]}
+                    >
+                      <div class="flex items-center">
+                        <span class="name ml-8px">{fileName.value}</span>
+                      </div>
+                      {uploadStatus.value === UploadStatus.ERROR && (
+                        <span class="upload-error flex-shrink-0" onClick={handleBatchImport}>
+                          点击重试
+                        </span>
+                      )}
+                    </div>
+                    <img src={icon2} width="16" height="16" class="cursor-pointer ml-12px" onClick={removeFile} />
+                  </div>
+                )}
+                <div class="flex items-center cursor-pointer mt-8px" onClick={handleDownloadTemplate}>
+                  <img src={icon1} width="16" height="16" class="mr-4px" />
+                  <span class="dt">下载账户导入模板.xlsx</span>
+                </div>
+              </div>
+            </FormItem>
+          ) : (
+            <>
+              {isEdit.value && (
+                <>
+                  <FormItem label="账号名称" field="name">
+                    <Input v-model={form.value.name} placeholder="请输入..." size="large" disabled />
+                  </FormItem>
+                  <FormItem label="账号ID" field="account_id">
+                    <Input v-model={form.value.account_id} placeholder="请输入..." size="large" disabled />
+                  </FormItem>
+                  <FormItem label="状态" field="status">
+                    <StatusBox status={form.value.status} />
+                  </FormItem>
+                </>
+              )}
+              <FormItem label="手机号码" field="mobile" required>
+                <Input v-model={form.value.mobile} placeholder="请输入..." size="large" />
+              </FormItem>
+              <FormItem label="运营人员" field="operator_name" required>
+                <Input v-model={form.value.operator_name} placeholder="请输入..." class="w-240px" size="large" />
+              </FormItem>
+              <FormItem label="运营平台" required={!isEdit.value}>
+                {isEdit.value ? (
+                  <img src={form.value.platform === 0 ? icon3 : icon4} width="24" height="24" />
+                ) : (
+                  <RadioGroup v-model={form.value.platform}>
+                    <Radio value={0}>抖音</Radio>
+                    <Radio value={1}>小红书</Radio>
+                  </RadioGroup>
+                )}
+              </FormItem>
+              <FormItem label="号码持有人" field="holder_name">
+                <Input v-model={form.value.holder_name} placeholder="请输入..." class="w-240px" size="large" />
+              </FormItem>
+              <FormItem label="选择分组">
+                <GroupSelect
+                  v-model={form.value.group_id}
+                  multiple={false}
+                  options={groupOptions.value}
+                  placeholder="请选择…"
+                  size="large"
+                />
+              </FormItem>
+              <FormItem label="选择标签">
+                <TagSelect v-model={form.value.tag_ids} options={tagOptions.value} placeholder="请选择…" size="large" />
+              </FormItem>
+              <FormItem
+                label="笔记链接"
+                field="end_work_link"
+                v-slots={{
+                  label: () =>
+                    renderLabel('笔记链接', '平台将从该笔记“之后”的内容开始同步，该笔记及更早的数据均不采集'),
+                }}
+              >
+                <Textarea
+                  v-model={form.value.end_work_link}
+                  placeholder="请输入..."
+                  size="large"
+                  max-length={72}
+                  auto-size={{ minRows: 3, maxRows: 5 }}
+                />
+              </FormItem>
+              {!isEdit.value && (
+                <>
+                  <FormItem
+                    label="Cookie值"
+                    v-slots={{
+                      label: () => renderLabel('Cookie值', 'Cookie，无需扫码授权'),
+                    }}
+                  >
+                    <Switch v-model={isCustomCookie.value} size="large" />
+                  </FormItem>
+                  {isCustomCookie.value && (
+                    <FormItem label="" field="cookie">
+                      <Textarea
+                        v-model={form.value.cookie}
+                        placeholder="请输入..."
+                        size="large"
+                        max-length={72}
+                        auto-size={{ minRows: 3, maxRows: 5 }}
+                      />
+                    </FormItem>
+                  )}
+                </>
+              )}
+            </>
+          )}
+        </Form>
+        <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px;">
+          <Button size="large" class="cancel-btn" onClick={onClose}>
+            取消
+          </Button>
+          <Button type="primary" size="large" loading={importLoading.value} onClick={onSubmit}>
+            {confirmBtnText.value}
+          </Button>
+        </div>
+
+        <AuthorizedAccountModal ref={authorizedAccountModalRef} onUpdate={() => emit('update')} />
+        <ImportPromptModal ref={importPromptModalRef} />
+        <SyncDataModal ref={syncDataModalRef} />
+      </Modal>
+    );
+  },
 };
-
-const handleDownloadTemplate = async () => {
-  const { code, data } = await getTemplateUrl();
-  if (code === 200) {
-    window.open(data.download_url, '_blank');
-  }
-};
-
-// 对外暴露打开弹窗方法
-defineExpose({ open });
 </script>
 
 <style 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 d9ab9fa..2de1a5c 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -303,10 +303,6 @@ const startSyncDataPolling = () => {
 };
 
 const handleSyncData = async (item) => {
-  Notification.info({
-    title: '账号正在同步数据。',
-  });
-
   const { code } = await postSyncMediaAccountData(item.id);
   if (code === 200) {
     if (!startSyncData.value) {

From bd53413ae822aa5ae388d820783db4d7652ef1de Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 16 Jul 2025 13:56:12 +0800
Subject: [PATCH 19/97] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9eslint=E7=9A=84?=
 =?UTF-8?q?babelOptions=E9=85=8D=E7=BD=AE=EF=BC=8C=E6=94=AF=E6=8C=81jsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc.cjs | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index a98f933..a78dbb9 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -28,6 +28,14 @@ module.exports = {
       tsx: '@typescript-eslint/parser',
     },
   },
+  babelOptions: {
+    presets: [
+      '@babel/preset-env'
+    ],
+    plugins: [
+      '@vue/babel-plugin-jsx'
+    ]
+  },
   rules: {
     '@typescript-eslint/prefer-optional-chain': 'off',
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

From 247ed628f69520e4ae98983b3184e2e89b6de220 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 16 Jul 2025 15:16:40 +0800
Subject: [PATCH 20/97] =?UTF-8?q?refactor:=20=E8=B4=A6=E6=88=B7=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E8=B4=A6=E5=8F=B7=E4=BF=A1=E6=81=AF=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/media-account/icon-xhs.png     | Bin 1201 -> 26905 bytes
 .../components/account-info/index.vue         |  31 ++++++--
 .../components/account-info/style.scss        |  26 +++++++
 .../media-account/account-detail/constants.ts |  71 ++++++++----------
 4 files changed, 82 insertions(+), 46 deletions(-)

diff --git a/src/assets/img/media-account/icon-xhs.png b/src/assets/img/media-account/icon-xhs.png
index 7429e58eb18eb956a733268f06e6c04760993e1b..c66ac7171856a8be040c2ae8fec0875d4b4c3176 100644
GIT binary patch
literal 26905
zcmYIwcRZEv|Nngs$1IUh$xhjX$ULWHXJl_Gl4L|t)_qjoq%uNMR>{cBR>naz?7cb2
zUdKMhIp_Y})aU#A!^1fDeP7r08qe4BHEz!h^)-(&oMr$3;Hb9NRU-gE!apJbIvV)f
z=A)iH_#498Nb?Gi-*#pm{^hEZh4yVdJwOEhnGQgNx&YJ%m%v}A;V%H7N<{!v@OQ+)
z-%^qP`xFVJQvLs*4=!ZfDGdPt44{4WvdJUFa<xm8<Dlv6W4o(UHD<TXoTh7>otAUt
zm<>&jBOQ+f-0A5H=oskGdJs8SYoW&Z>ePQ9<gU5N_UR4F-jW*?mwkDZ=cL-4n#@ZK
z%2emsr{k~hUN?oGAsM${<9xMh7b1r^YiMX(^}AZJKOEG*p6*|Pn;ydlQrf=GCi=S{
zkJVw(`opMFNU`4N$wHNvJ9^rk{hg>q>+D?c-0nNr{(LUs)P+j|{GIG-@5hLrWCUKh
z>|L||D899?8rYY4i#)`sJ(NQznGY=6ntQnO<_LMYzf&%7WG7%}@fVTu9vLjctQC6k
z<8IJS4nA^(CRBA}an%h2y6V#M>(OkAcDZgYmfEMd>blP>x!u=I84a(S`bMewfD4tw
z5jy1_sk}}WRoo5_YBv|q+Zu|g&QOUjfkK9dYa;D+CK>ao()p=Lh8ZW`V$@O#_CsmY
z<Sn_MQZ;|nEYMcY)vP;Cc8H(T%xx{$Q@R;l_H}5^{BkM=K)MM!OivY+6%XkzUPyCW
zEjba@ZM462`sXbv6?T<so(8NP5gHIa@n6}x$Nq2T6K<M{YpfZOq^b3jbNEl4yNWL3
zi)VZK<?Lb}<OMl4KloAeJS9$m7eLTW>0sW3ZBhx-(Qe)wmUQCt*Xt&C4wowp?w0@b
z%H!g2{xs0)&pW#M*))0+oyOD1dVJk_Gh4i>m2g|7f}NTd2u3njWGOCn@M;dH+T&l8
z5SASYqM?k2<yIyLMoj281zY0!>4Zh}Is3g0=@%*jM|Ui3@7@oU`02t2FK-f3d&&}n
z@7maKYm}(^Fgv^Wo6^r@mVRITE-eFw(@!99t+D3PJFO04fQ?*Sq>E#L_?z;Ho<t;)
z84FPJPf2LmnJ3mQcFOGJSwz=F-y2=PYBrsqO9ieWllgDFwt#-0e;^QaCDecazT4Zi
z^L4M)4i0_o33ikg-?N=fV^{E_2Ip^3-*P!TmYx}dxWi($xAVgL&+T<#R0%1UX}6>-
zU7Wkg{a`iT4ol?u2YUrBw|ndxH#g%Pht1l}Qb$4ohT2QmuAkuD>mzfJy6_ux=BQnd
zTwvnpF2mt2*Ux(zn+}MmE!+QiS%cOs3molc7fyp0JBiZyww9jK@iV3W=%&GD_Em)w
zbg-_Oh4>KXF?-ny<aEb&c}mT*EyA6+>%f1j8P=+Wm)z5FX9+db;Jp>0hx$y2gBwQA
zebK#+v=4XropM&mPNjSK1;?6SsX5RkE}8!-IN84c)mrmH>Y)14*#+vu8{7muO{uCS
zH3{Q9=akC0?+jb&KKeK$0?cP{q+H*e^H|W>$y_KOJHE|j`X795Aow@y>K;9qKWGC+
zEsgDMPZ=1G3AkngpE&J<^i@AdHsPS|>1DaQf48$N5Jh?ASnqM(-_E}{a8`_xa5oM3
zw1_UWwA>9cuw6gpR_fxr=5hHh9lV)TX6i)EanUB#9i`tj=DutnHMsJxPNQyo+nr{!
zQXu#?uEm!WX6c7|2<aa?xO|E_@y4n_N&N&)&!^g_WXkPS`CgnU(Df57qvD=O?w2M)
zWpvCV@+)q&@rO#2dQxk8>ILqk3_Cg0ao9Z3I@K%vH3ODJN-;7ZN6Tewn6A7@zkG1%
zH=WuQti5SKt*CAFT@DE|VHB^myYD#KrH4SR`d2ep%zL`C_OD8a_NFdhC!2(T`TydB
z)OA-Vnp>MAa$9nl!3W|(&>cDNX{pNwX%rDTA-A1Sr$Bo@6ffhtF7(zV(5V{rS^hw%
zMJyd9b;(oSPREWf33F~wY{eBo#o?>qu?ch{1L43sFsa4Vv6>o1nS4(b{Xaw`SI4qr
zAN*-=iL6+2irx*0=$e>1JR=aiMo&_2cxkV{P1<T)^A#N{Pd5fm3kP&37tl@rn4I{e
zad@4f8q%Nt6zSTa5kq_vir2e&mVf!Ntvp9P?mwK=yCVk+rc%pU$z60bxh#6gs#NC&
zLd!hpo>@!cmVGa_J))0J_37UOo_JQ9@?*;t;#XMTD}B=A+;aDX9YU+WX2)}Li{x86
z{{2?j6UhTfz~<S=w^}{NL)x9H?fcXCxvTo3a0xOhADW7>%3dolS?(p8B^ms?G(^x-
zOScWWS41F;iQhfS$VnBI56*WVr{LKyJp->3xED}|kG#cV;dZJo%IVf}^u}z63DBh{
z3F!)2?&uaK#LMtV99RnMM{mV~AHQ)rnjkkQ^I)~2UKj}fNRp5K0ez4o`g|EpJbmb$
zyd6i8)o)ym4)(pu(HlP<Vgz)(k_^255F*p}q}U#60YEzOuI{Tz=Sw{lzsl^8ZBtV?
zKMm<wbrrDxcZBVq%1hp3KBh1D;<j-*J35=w)?Vho>3Z;wuKjDK)#lxg;|u>Z<<6{y
zJL6xowp$g4CD{Vpy8@)j`#<j={p<PEh@+1<izM+)Q`vwliSI3WqnfHh@zACoq+lKG
z$1Whgeg*#H=cnIUq`3WL`)ehasDnfYH->QSX^LNkfL999gC;oTp_YsPcHhVs)c_?f
z1uf$qR9>+)2a1k>ug;=dHV8f*-YS3B<qr-%c@2~pB)%$mSnOqM3jF7_uT(90it=r+
z*@p2@P~rOHultyGI^FZRIxeCd?wI00lVefCxVdt^twXB_R;D}CCGv!4zE9+dZ2~GP
zpEQvBK`@Yo@_59^hV}3nO&Et#CnvSrJ|D_#uLCz{a-r<9fC|RtiR1sIBh9+A8r8D&
zh*L2iMi)CumDSo{MENtu19ieKntge^SgoiyEpPtL5zM#wM&|?j6@NR}Y3Av5cn~b6
zl+Gs7arM^kl{^pMY)dX<Se<AY^yClD?42L_rpX&u{ys_Mnu9^Z%h?zeFtCu-Z7G#;
z{71a$jc4F_zgOOemteT)wEmNGbkQ6dVnJbCf|fU+kcghQG5_vgP#fp?&++cC^@tA#
z<^ZfNoFshCU>vry)<1wXc#$lg;EhgJgR_-(N<(cK<#?pjTS}ow*s6!K<b8?1SI7j1
z=&;=z9O~;bL%}h&tKjNc^l0B{FX?}0S*AaWPWnBt9en3K<G&b;E68qjv){VJdT0~y
zI%?DsnnOg3B4XV4W!^4TMvU}oiV5E{P{}XE`=8WS1f}GqE&U1dF*~2c*#UK-Af0~7
z-r4+izQ0n31LDhC13?(Boo<GXR1#y^u$yb`*CIKc$9g}@<Nf_q|JgVuwUyeZ@nxgI
zx#1cwZ;{!gZ?M<~!8`_DQf3$98OFZ{zmrru^UKj=QS)WdY^)eC|AWI^V{@tJv2&!C
zyXup__<>24q0ZMhqWXGi(9f|bGvy;Hb=LRcjc1VKy!V;EM|1F^KI_jZ{m4smF-zMT
z=-NsdIHNKzmz3twWj>4fD<OdToNg+bCgx{MV8P0}7W#7@h&gT0faB_p!GDTB{~bR=
zKh=Qhe)FVuoVFz(yG&59U8Ws6_mK4IZqp&|A7IbRvr!9AIb_9GTchnq2n1~_pi6S0
zfeza5oc8~x3}<>Rc6rD3X9dzX_>$fI))KV*$KI{RUHWTJFrK$DYtf|W`FI5S^Pf+t
zKskJwl|S!=*be#MiN8~y<9mPJ5usIHRUx<Mznyien#-LbGxUF-KSWY>%2!+%EZoB6
zgkEbwN_A{3Dqg6^nSNWM{VUlyrr@z(jt`p6T?dg-?z;_>a|XxeTh3BkPDv{Lv&(N9
z<99a&b7Hs(l3k|5^Q-|H8tAJ&Y;_?b`~T$e&A`EDL<jub+gt`a+3#5^72*BM|4tD_
z6?|3|zhG*82!rHj`oF@#JR>LcKN+Y}%N_f@v~O1}h{8C#Sf*7F*ai`QVH60~KYmC1
zHeQ}iDv*@P-uTK|)3iGwDOY^<kV3!*NEN5f|M}8I^tGEkT4`)>#RE~%3B6E6)Pu_5
z0sl@Y#1xzm{d?uU>jMzQ+m*seJQ6_v_v~0q9o>k%Pvjy}iwC^#J~Fo!P(P1yJ=Oa^
z+jO{xl)v?3eA02auld%pbPZ}8CUIP0t2{5bQ`G(*FI?Nf&rv#{W$0A_eDL;&$7k*T
z$%NO?21$&bxFrI(JR7A-k#KL$I`uyf`@_7m870Q^F#ZA?_K;9EbX|{}RQsO=hU+`b
z!ylI>-x38>o~E4KqEmhLKb4-L{t-P5|D8n$n4Yt{`|l_xU(~)W3NS(O!sJ#pY5wO=
zMb7{2kk^m_iB>(^P58W&#eg~UoTFrx<i9;b^}ofMt~vyr(M#sZt4|XJTnLd7Wil!M
z)19F-@~H|BPu>ssBkh2DB}uzS{->JPEGN}6B4KT>2?)A!_x{f$9ZZn(Sx@);PhcO6
zHoNj`$G`Gp`v051NBu_LaX-uop9Wktkj~DKn!H5$zmthkYeX-n!2~F)^NEv-z}Ejh
zaG(xO_IIkB-H#M&k04=jd{TnQz;CVGmK<v`XqL5gO#ybvaEm$1j3%SNKYg+KwgXT7
zOJaYFJ2Zsove@q~hN1UC0sSQLdk;UKq~<kzj3oZr_GiP&CVy6@IXz&Dtd^E-O<-GF
zeR`b2C~&*A%9~s>rbNiuY^%qCm=`Xt7u`guUX_++_h5#Q2)fwtTA?Dc!~wW|HubwJ
zE@7IMb+3@#Vq34<tqdbTc_=DyTbJdFI`0~Xh#6D11<hHK$4J<v2V#?(yJ5i;k+Rov
zuym*Sz6?mK4(>Ni+>Rp{0sQmMoA|Te7klV8wJQAIqvdbzs<DV({OUOKr4y&wsHg6*
zU@qEsO2YotK%wNMKjG@qkiD(BW?_~wCmqH?8JX}Bmj}E&8I*2^e2Wa;X8y98qNH>)
zjvAsl6+ffRlBN4KKyWfCi3J~z^c>e}Xbu0N*prTSIZrKedEEUJSdQZLE0aYQi*y>E
zj#dhGStp>gu(<Pbze$oP2gBQISy}Di*`;C*exD}f7yEi>(&;NO;==%2bFebK#Sgr&
zzzOVTz9eDkhZ39!)xJD+dbc2A=X##_bpO~pI*@Vyn7+oDT}-`wG2lJ{r8JCwhr<MB
zn0`e3k7fmcM5Qj*x(3v{bW7u*j8e-p7=hC@G|Fel9*ni6i!Vv89iy@=NI`zj_=8h^
zf>Thhi%$fxx;-%=`PrKLFW7%=7DVGRp~2JRZ?W0&8yo^-!|6b6H478<8Iydf!)@MV
zev3Z4$XWVz<0`k7JV#nk&&N$_<yMa|!&UruT^)QP{l)R|&M*%gOQ9`8ZJaBsVr<d@
z)p?LuD`g34BD84weMt2-sod1J@0Q>uC&I)z`MI+auDcK>!pg@YFZo?DhTQwoa4v$d
zg>fUlJCc)lYh`UU%Zk=FZ+viF=!CkxE(Y$*hdI52?Bgdt2WduXo-td+3+hpwUB^kN
z7%1_<w;i=iF(pR8%IJHOiRvlopq|k}JaP<V-zA*IJQOyc+Q5Ah2F;!J%2y56p#Jnl
zSb<Gy;}N;IVWd=SQmOLM4;dl+<NH6OA>C;rc!f{!m@qAdD?D@8a%XrGyvmNv38xUP
zfWyQ?T|lY@=?R~#tF!_L?=u$6juapz^@A&C1ffo^;~TSaS?k8R3lFDB_)^Kq&|v}n
z#LGJdEayXE;Nv>m5w$hA%PE1Ctx4^_x@#rO{Pt|{k0<EkdpQ^1KUfaGhe*{<&VCU3
z_&1(sCG63LiZGCQ9nk3yHaUrW$R8!v>{xUAw*0&56&~5^N-Gvr3k^@o%0jWTWd9n7
z(Mo^vw`NfTdRf7Ht$or2m%LrR@6ezi2rQi6uwPSpb^1zb8TB52%&r;(#$)m<<^<if
zWNa&Bx7N;3%dRJMe=_A;>_!oA2F-Ru7yAc6v-(d|I@%6eGtTT-M*x)?TWx{W@mIjl
zWP`5e8Ub^{C`g#DLn1hv!(iWg1}(XF3y(7fSa<EW>@owHh0wu#2`MV+#w2K((3xoE
zfU2z@GltlO<|Cg1www2-U&NCh&futYD1R`RLwl2EKKXh#0U7nFnLqD4YvmCY<03`B
zA^eD?&W-?t%Ov;m;lbh;iOU2Y@MNKzf!tQX?&Cpw&PZf3trOu#ejiV>x%qvA-J5TA
zMG}xw1I1^LzkYM=)LkwEDQ~|w%k9CS52EMurA0hvI0^0fiNp?Ad)b_6QLv3fiTVT)
z0%(*+WaLPod~ik)sGBeKv*yxH?+g3;xRKV+VW8zq&Jjz1=Hh+MSGX{;$&O-c@~Ohd
zc>$2Y?aSDZ0#8oSM-~j&5L`FKY~sT#?YB_{@9DOL%p(zINRnqJ#z7Wo#%!BN-7IQv
zx4~<4UyAC;IZm5!lKssDya`Z01SFYFQA8X^Nq~hA4yOsVk<re-Ap2iUWuJ|>S^Q(Y
zud_g*5$cJ(B{&gBvTFosG)1&Ds{8b`*IS9j2r90}awYRKp9fs37BU-uXiwK%S`W5k
zqx07*lzRHjIXjivJhyViz0H#m^XaH}?Woc!2lWr$j!hPMjTguFbf=+|^h?+bZO@nA
zMb-*4cNE46soaldWvNmb>hWCN=bhZk_EvA`O$ThRg+<=sJC7b89W&uXAqD6yTuP8%
zW-$%Ku};F39D6H;G9>`za5nD=Iq7!*xt<e+N_7}Do?AF8&1UWJ=mU@B{vsPBCbnQ$
z)j$|~%7WhuHY3NNYK@_6!`v22goT9DO2SY6pd~faJ8W)qG{Lky9dppVh6`UCmYDAR
zh<Wg5$mUiN^=WBzGZpiPRW}Cea~Ov=0Z?<i#yy*)uZVM=cRu@W(fzy*MNrT_MOK#3
zI|Z(cW}-nbCWkt4GpGII)r`x}z?`1-u>!sg|Np#@u0oo@m>1Od7C=nRq^7*kB3{FZ
z98*vs(I{|6l2i<NvXji?azVL4#qi<VHkoo6m{e1w{(sYKQh|`kG_m9EaC0TzrkPS>
z0g300*Pp<yZ{K3NSiXy|nT%9rUHfIF{!;XA)k0&9KBIOfX^RAAlDV?NcELyZudjAU
zp{x^RGM#KDWmo=+Fk^5-5k6uV<@EW&mKYsE6nMd*vs2JNDnKqQpgDJovGM)si2&YW
zD9*K)o+A27T>T;(N%C1Ou*i;wGlDe^-I`T~ihsVDvMiSNHqOqXz-^xJojQLO=QdOC
zP5Vjfm~0q?SkGaRQa2nQs@9596pRAWpFn1Ja$c<ZrlhFwtj)-wfR(lu=&jNsNjG(w
zISUz#^80v9=-mrsFgx8PnZ$TfppG_ZCLH%52^pjsg@=;327A!7%GVF5d+fW~T9T@u
z$8~Cs?+Hf4Tje5XHHKOmz5V^U;-(XsY@ht^zE&Oj9i%TbJa~N<;^HG*J%0$QPUm<B
z@#hE8p$dT0N~1*I=;s^e+N=J1DI1OEqp0z)N9CQD!OUsoYEGu&MgHmQ?<yb7-WP^>
z>?rlw{rwV#)a0oXbT8FvuXK1r@j`$4XG#YbFIAe)h%)XKGwk?-9t|s0gL622_sFIP
zXOF@(b%l?2FcLM+EfV0#fq1{Wyid#qn`6&yBlMsg<3V4OI*{Nx!81*9cB)d`Qg#c$
zl+ru0W1pSG-u2z+vFcA#fLhrmxlQ|U>KAo5@2lm!d;B5Bx6GLyYY1fcNZyx)quCjx
zwsfVYCGPH*|6K3Cjn6;Fg!L{;`6=%bSMigdJGZllWt+(3yP9$vurXRqVMQED&?Fe^
zh&zth`c<ZjF=pE<7I6Clfx&OW2Z~e~DeukGoCFeA`Zu8JrGj|Cr^)ybGj*8f5`<yC
zp{p>@XAoTLiF{Ry9_5JG1}$o!pYpDoxJNtOy@3QlP-W7$izky(9guFPa4dVcxCADp
z6?zVy|6QqM6^5hROWyHuoa%h&#uT4bs?GHcSJ`!3##Qt_llsy?eBRFNDdt0E#qmdJ
zA?E160z%9uFQ*EV%tij--?141Rd*cq!oA734<$JCqw|cE@0<295t#|hS!}_lPEVrP
zu~u7;U%c812bp&KuVjGxkh2KAp=}c?0aDo`jzG=k#Z%~qE=tQVe_gnYc?zDu`aRfc
zu%6EaUClHCrsl)+Tys*kJT85Rfx$cXF=U7Eba2>_uR6%u4B3ztKz3J*n``Kw%dERq
zvv+#YlElRjkX@K2l?kybe~|#aMpCwUI$z_$DVjUw%Vm>SVJ<a6r-jf`a~Tt2zH{7j
zHKheI1K33u@n>3*t70soG^UbmTi}j`93kZs+LYinL>uhK8nsl;2uH%P^17rx|Amxp
zisCx{1?ACi`vSls-b<?<8urk*hi9Eg_{$f11*P=L#y)8n>?~|MT3gLDdYoCBO@t!d
zdPtC<n}VB*zSq>FhGTI=d_fxubC5w9S|Xo|1Hud#C#6SEjuxY8H^}0o6#pv{Kpw?B
zvk3Y!1M%GG#VKwnz;@|I|LG_PHWpx@zB*op{385*PrjU{`Rb!Qs`d@^W4R5o(mF2X
z7Z`L5KI}BT(6H|5z*4%^>;U_+55d(8l;RHiud@D08MqufckO{;JdQYSIE7}Um{d2r
z@KE#eB43l)DHgy&ki6_VMf6NV4kgcQHAM#M72F|wdj{zXl6SW`69_46&;rFZmCT$)
zi})QRPJ8C!$(i0X^!ZVpS#nC=%MMYVh=DJPH{WCced!}zVPHQ+Y#mCRp=5f|8y*0M
zNfOo(G&l>NxmRf~Xt{VE;!`K#Qftwfl%(_o;Gu9PET3))6L)JD<u&mi@AH5+Ck>q!
z0=8<77LDW5trm#ib@msRKpCf_S$=D=nzVr8GJ)Q0R#M{<YbrYPAivB~4sKuoB(P1y
z4f5%^IEec-a`o*;h(m;_HUY@7gOd(PmrkDcU0mufXz?A<V<Hl1xRnf387xKvR(hZB
z6`37EFp6bScD<Y}Rbo1qL{^&K2R+Oi1{tTw1-iIyeHfLrQ$GMgr1wU;NSUcc-!{mU
zfszxm>g$~H2Khy=9;#*OqV%oLWOg!VsRVOZ0*1hXAJ3y9yp`Urzg-;|ln2*N@y%qv
zO>pzm2`uMB7li|#;O#iuaSPs0N5l1U^I0;n1jmv5(&9r1xL|Z<)|sRBJ_;IyKw}Dc
z2nv2IwMfGP3U{YfJJG&adb0DC<qVF+-h9O%lEg)H_yFqE<8`pb!0{dPulX5p@ufD9
zUiJi_!XjMC*KvgOUV_j*8BzoY?RZ2#0TvC<?1CB_6yK%pD(KcbA}IKt!6LM*TjL-X
z_GQ)bM2sB$v<E6Iru1XI+CWXH|3+QP?SgIBWE?A{s#50tzK1!0f-_)@3cc)2;0w_6
zd1G|i+gWtoUKMI}6?oHg=Qm!ozo-^Rs7Vq=%F|JDy7LUI`GDX`y0ghBEYg!B<}|6$
zvxY?B<WCMbYYk-4=()=l+Dl;7q{;pZc!e2CfBG;?>v^R_5GSzL3r%*_oXOVPQC$>O
zwzbVSexJy0+nL4`zdd`IWsePSyMr91ClX-5xb2PjaMJ>9i61_pt#*E<L65x`J4uVu
zTlOYXP(*b&1<iS1xA3nkZ^4n%@IA%1Dw7?&=ScBJ@_IZJjxT6hDj3Jv!Wn}9f#eZz
z$E#<CdliXhqF5Iz!~TfVV8CjU(T^l2^Oh5KQ|6$dk!{%%Nam9<m|Jk_g<n?>p}Y3}
zO#&q)Y96mk>HGYs7iYU4w{0#84RReK0uZcm+Tk{$XF}ucMVXu3-@<qvs~Q6|Y%KPn
zlRk>8gj9Y=Qir9Y*I)*xxT)j@8_S9&z)?%4Go9I=F9LG=Mj*{k)M6d7wHgdzO(iR1
z{~c*+LrX;^kRtC)fp(X%<h}QBiViFD9F{Saof!NSy4{Ri9p_i4h*CLlg|h*fd!xQW
z^$fK~#dp-&AjM7PgGH>)j$g&ZW*=WIK{JAx`&(W(*OI~GhVez_^^lUsZ3>iQwHf;N
zx#jd)ic$2da<4>c3JKu!ca})Eu8-)8I{WW`A;({Wgk_^KNG5@R3n%NoKak<I2#f%Y
zgIB1R$r}9tavTLF`zueX8T>{W3ZTZrXZ8s($njkWHVp{3LlnITZ|0j0z=1KpKkIp+
zoebVAo}m<ceh%3SfaDk5v!yN+bTp(e^1$Xe+|r|hEkt^=%W?4zgcAoA%@=y3p&~ky
zYKtAEf%X^V0R~TF7m%Kk<5$qF3Rek^QyT*35P7Si1DgbwAiFJ(q-T(b6XboaRxvgM
z>1li&VyD3I<De_)c?>~|Fv`}btq0r0TKD6}?L|?k<>%^ggOO&)J=x(pQ68g%(_!Fh
zj}VY{Q+PMDTX5&hF0^*cr5C*mIbV}}{Pf)Qz*(g)D92zk<r1W04xLi~^7d3~z5oNY
zm7v4o%|Bx<Tfnv`10rZ%eg3&mUz#TRS6tH`QJ}qvA@wU{N1H0qc#Pi~!>+v}X_sZ*
zh-v9M{;L7;5~P)-#;v?hFk+v5!G%KR9rsL(7LO>a*ewsu9~JpJLj11r&Y$B!Dza@4
zCXUIEA85%GbV_#Vl}c^Qfv;kDD=*WOaAP%v^=Yr2O2V?8HHfRqA9%jOp@|PQ;FCHX
zEHit;(_fDm**Ca4#OYIaUFR~4mnTMhZVKiF8W_jtN9}@t7Oru6taUUk%h?JHwl4A~
zB0LM%c^+wx$LP>KFg+&1sDRGO6*^H}5y9S;U%++>ZR-KbZ9WzlxbAj00R5ZharCF0
zcNgzpbBV!0`rA^(>M8Gxv2%~desj+(9?jCP$xLc#l1NH_5!Za>eO%?YIM;8H2J;k^
z{8ky8s_bcTRK>f<a`!hg?LP#9GDpUIFWqdfyH@A3D&AM-zWpOMKLjZy7=Th5a0yBx
zfX#bhp_^93BKOh^bkossQ|4pBd{I0`=ReWe#0u74DLzt&NdD%+x769I=f?gcXx#sU
z0Jw6IDRC}qm*}`Zk_L+E{xonpwsq@#oSao8Ex1DK*Utu&wl0@W-%j?j6ze3D27ZKP
zI`(F#Aw4ad23M$92um$}WffTuB}Rxd-OIf8qpx3e9VseBjW^7Hz{e3f-SJ{-TN6(8
z2ln_fx0bf$l+ND9+N?~sZ*a~~Tz0EDkSbq^s5<^JF74KFPmWK(NEEUo{`;KE$D_nM
z_$M_A>78!?+WB3NNQQQiiOx>e!LW`Ly|SIE^3Cxwhr)4{v<<5-N30NUm$WlI6GOt{
zPKzp;-5ZT`PuchEekYt*@hMdCL+^GVi$@j5TJXvZMo={5u?6ssj<fFLH*_G6UH=TF
zP#xB~cGhZv5D-H6NN>_n=l;H5LpeLT>k4YdaD{o5uFGjq&ClT|_~<qd2N6_p;H)=9
z4jl`?l^Z!A93}`RKe^LW;w%T!8h*c-Q5(L}FL6AjyN?#k2S+8p=eu6M6+@gjw!oP(
zzU?2o+{$q8J6^TtLJiNlQ0wAe@>kmw8}~QLR`$<bKLREnIeY0Msn2Y=%Y4?Ximjw?
ziS?RFU@;Xo1A;2l&iT_*SE7clpAP?zdz?zKoWhnd(Bj7Dy>fGAMd(`NHw%`?eDNJg
z?cc6DQ2LRfyK2F;hqDX_J3gjTcJ~QFC)6d#(j3qJ(aPlGck0C9x*)&(XT)ZP@$nzo
z?C;|^-&5P!(!SN}{uUDCopTrL&d+DTAm&alFxmbJveMK>mt4}N$f$(_>3h@>qHot)
z-B^ZwoG5!fmWXhzwtPDLteKy(%!i0ZGv?Vlp8Am)cpgR!7vWi1+1CtQMwxUA(J_cu
zH8&dS4v*NLQ3r*31s#klGMAQ>PTn^Z0B7Y^olPZuyscL+lG{u@2zQoU>4Khi%y2MJ
zXK2Csc{t#W9!V3REvsI2oPo*<-W%B>llKGdSSDzhoGG4~^X4_O>9)4ZkQ&zr-LDf*
z&qXv5m5wgS!qBPDy3(_&a(rFR+!&I}4c{4%S%-94vUX*Pj4K$u?P%-WhLd1Q&sb|r
zEqs8A=U^akINrf<Kdd!a4r)({7u2@gOU-slPh~DmJD$WpE?dn+8vbhUz3oJg`LlS!
zrHwJTi8boPhuGI}F+~$%qHNqeLq{?4`SVP4*#)fJcG{>@VT+1Lk-EYJKVBLp{!M=8
z2l_qmxcL3iFN%y&BCgh1L^AyVw784cjLU(tG9ZO{1DOjQ<jC8{4x$_pp7^Ms)z()1
zf*faqlFe6BIG_(E@t9joRZqxObS?DaG=CJJSHD1{YWDCvoF*lmhg0mwKbCP%$PgpU
z_a<4?AvDVc>wG}xA-x5{lS1UFDL~zr+Q)qgAh#e2+`(>Xx(Cl;ei4r;pO$V_=-7s=
z=lm%+4&ZLk*qaxguj^SnKeg4}V(}2&BCv>)Wa898hW<+;@KDGU>_WVf>oH&RQPmt8
z2{O7lA6;Jg7kEdmrX2b0#pSJ614=qo1sXKCH~}Sul!N%{5KjFTC8dtFMUT`#p%<q;
zx`(dO&-tM$9Qx@8X2EL$U?t*R9cWuX%>hTsYz=@Bli=5rMt<zgwuL)48ND@##5iT6
zA10kaNNz0xn0-nT&43K@FsS`AmrB2iR!A4lq67>ym1~5JX}(z@B>GH|$=l8oP@B&y
z%Ec{0cm{=q)ZZ&Hev>&%8es!CE!b*8{)H);^1mRQ)Xi^Zv}q>sSQJG<olG#COkr%>
z(=5we@R1XLiXqZFAm&sze%p4oQwA9*-s?QGFrU&XrB5`e#d8ww?xlzU&TXIb-coW#
zCrX%*qk^zPY{z0M-}NI2#^&PJdvH{M%2uRNATnNd!FLlvi0}I^D>6bRIC#40fE=Jw
zb1Ke1E=-V->4x61S*}3VO$@U(K<r)COL^C!3%e99QvBUs^bw$U#lwm=Sb`N3{@~Qk
zCkc67W2o=<67(UHUoKyO0Da<pGnblkdfC1s8yqIy&H#~+PS0Z#Hn=qbv%~*tyjD}v
zpcIn@d|cDM!Fr1H=FrsQqm=;m9bdSC@X9&{eGDE7gvsCGtdb|gT3kqV43uk=tVb@s
zSo?KCxEG$gZ~<}qW;2k7*sk?xMi<<I=0zi~QME({x|(m#;Tf>TkkwA*<|7>-y@)y@
z1uoZ|-_#j{ntWuAKE;ete*vaOsczZg1wfDPO!XG?ZQQQ+kD-|M9F6hSwXifD^039W
zc^!C|%X9I<aztdgDWr!$M+EmQQ=Pzgmjyh(AmzXxaJPL%s!mOGLYMXSD?OjPfW6CZ
zRy4s^m}^mnVeTi>kIRw$rwEVX;@j&T=Mz`s_U7I^A-4&yL*x%^5X~p%!`$vc6zm4H
z6Z-Q#+Z&Qr%!N*Y4XjQ35LOHkyKwx=S2)oL+CQ2A!Nr}A=)Ze93-9T2g|TAkY>+_=
z1oldclPmT6fD>5ZHL<-q_MJ+mt4k(hpf&RC{Pj)lv>;|76~s*-d?ci8+ZpAMCk-f`
z!@_vxEK9_@fJwXU&#{TSkq3T~`V@|xigdm@nJcCgP;#gE3I+U0WtgqaYpPGXzppY)
z_*B-cvp>8F#Vme!$EBZhP{k1f8s}eBx=uENa96=$BBk=H$+Dy-WN*}f%cLmGf;bz5
z8N;EgC|-lD>^t^+z+T2@yfH9)cLgU8<3pk%>)O~#Sb3RxVs&i~Zed#%HuwoT2WttN
z_^d0{3+(5C_5T)eVJbZ}ijT)|A<&qb<z&isQi2TJ@M1n04-d6fJo4J<>V}p!e1TN9
z1I&4p5xPO~h(V24Jc07@S?<;@aF5jR61>@v#n*hO+RNCncM`$%y)g`>A=p+*X4~y(
zD1tT>#y;k`<FK&4QTttqzt23d>UM>;*xQ9Ju|EKkndQ$HqBj)SDUiLG`4LXmP;e@9
zB9B#k$L+Mw&6Am-g1l9CRAjgIMojR@ommjv7u%22LR9EXrhGP@J_4tZ)b!)Xx4d5>
z2<~vvq85hrhi;VjM&d|rxYK`PE#nCkk#c3nJjd7ND7B6n3__jXvTy8}r@IUBwrJm=
zJ0fazOs`rsUP6=P>EA%a|6Zr~v;A!gz}|?MlU{uz>CA!619BPqrHi_j=2TU3=b-OA
zjylP<e}}?s57L+BTI-q-?6W7{^~2`ZKC=hM=ukF-GsuJWe|~}Nl+R{R*J--gXRuA)
zP|~S^7L5QOm*A6<$6ko0eo^W5YRvzP7T>{}uHxy15!d!zPjMZz^Oq0sKPY2aA#E1M
zaY7vOOQ3y&`tB>?>2sc!6(C<8LvW?Fh!Xwh!w6Y>na|J**#Mj<rE+8UdGeO0DqfJ<
zs!D3|L!)}0_}1MJY&RvyAQ<!z1y(<{K!+x;a2$j9#X_lw_i=cuNiIW*Sw-!>_^E=G
zWHhK{$0ilc1f+fjnN}UcohK?^GF(Y*qV`0bDD@RTqs&@sImyJ`8-Bl%`K0=Cj@jbF
ztA%GGNWPOiw|z@=UXkGfF%w)0=-~U}rjobOh}#|wQz#Zt-85-P;~ety)9<^CG@Ei4
zNlV-BsE3~9D!wEs(IpzgW#T+|OLyW-lJ^y^w<J@sKzRA0#^ADC=jc@B{agI~K4PIE
zHT#5t=VG(a)d*+%gRsiQ4@>EAA#bG3o52B=DR4heOlbAF9s`5T@xrO#Fx9-%TEgcL
zk=x=V+-{)We2-|i!izzJ9tPw^*y#;3^vhQVJ_tK9F^y2P8X{GB*48-qXPPczgwF-r
zg$yn!<%WPhR}*{0fC8$&r7{4vc+}jpH#y^}wcb`&`uYG`T76^UAo2^`Yuxqb_d9#f
z&*>=KRqpgpKb|_Jg?S2jPQh7U=owO`>USvRR;Z^796v9?yk<hSX?-jl+aFDA0nW!H
z$jci8Z^XhaO2uyeIURT|1p8V5p$l%cx@^Tz0R=icF&pTgl<_Xu>b2lK2t1FS_Q;GI
zEwyj{-IS|rULTY^0+dlJ*IXz*a?ghAg7<ApE8}XvF{22u^4_*k%%8`WZg02Et5q}9
znS~VK)r)*mH+~UaO<aoCH(gkYot+91W=Gl*+b5CtPQ6WQpWQcQsDC*>c$?#L%C|9!
zi#795+-sjZ9m5tQ8Je>Xs{>jsWge(h7Z`t;MA4Jo{P`&pv~cZ0dkiX~v}MUtiyS}`
zLz1gg?YSA_*R}n!3nK-oGL`f;XL#pM)E{e7ad2|@P{d$m`NbhwxbEKN<vgxNikm2F
ze&j6{cC9sw+><DK9822xqV{~2S|I^ybu&UvWfY<SJjmsjBzGm%1V&b!UfWwHeKphX
z$K0JRJGYLCy;NE7Sr`o2kUbu+>kw@Bo}u;#y`wea9Yd{2NNmBZ_rT`z=NGzyJLUI&
z<(p?FFqA!eyX#{KRJ~4%D_#vf^o+)XsG3-F2h@X~cG@E&c`FwYsgXH&rhsV1BnH>1
zu%Cqh)lf~MYA7n%dvtg~%J|KHn(}?lQv|yc;T4}6gIe~oZKPNJwzHqW99+mEw4_>*
z{g)4|1)ZhT#gJ-f6`v&37SwN|s_fQjMkC7eP{_UfkJLTH>I1!EqVwT4Py&WAnO=2S
zzLkpXn8$Q{mFJdjuf{ff+o2dF{x%~O@8Zp{$`!u*lu17rIECp`f!Ly99YdGOliY84
z3YYk*MOHiBgbw$G9`6B*OqBz~CTR&8XD)qwd*tio!`Q)az)(`TjEC+H=8X%35qtLK
z(!<KbsZ5RR$7XNuP?U^-h}-#C#gg}OFdn5JcuSMJsAu}}%Jzxxp*$}iU6lcpQC}n)
z3y<+6noU8^TS#y<=-a09^0WVKhr!0>{jSO$c<)w&w}GP!g286A%&heZUILf}csJ~=
zI}e84QpvC)huULh6fYLCVOtkteKCX_yF_rJYMrb!-@axXPU^@16$y-qhO0~>wp(YG
z37^n8@y-drq7=FPd1TcT;h3)@BNUt8oh1c_B~92t9xiR^mwY`nO%R4b*wx&z5J;*p
z>uj61q1E5tuP!g$!&~O<!LwusCA8q1tR0@Okil}yFh5rZ&ydW|Pk1~qk6U#nB6gv;
z?S9t_QbgQQ`4gEi|5wz514$-*|1_y>yWBAv32}G7Zg^izjWPA8)Z80m0;BZyy(fA2
zp`5YBl4HoY1A9uyZ>i)f0+i39#s%81-m^(VVM|sGdv$SLB)h6anCrY;E%5V&t3M{M
z;5gCiCtI-n=*EY1UH;^bIea))24Plh6Sa!>mAXmb%fo8*;j(?@m!D#K>3YV6ZA&FY
zE&TtZh4QYCr%(ZlMpZq8^0AhWkQ?Q&0xiS>d;9T+W_&pd(a-}YiuVs(BO{|_V}$9#
z-0v`7*{$|)Y$o!sOcWaiul`&yC(1NQMmGagr=UyKJE0~rT=f$IB{y6*pgMuUBHUF<
z|A$!@0csI-tP3`7q3z6R8RNR3MKkq)Iqd^pmF0Io7B>YxT7fK`pj$)sz5a>Yms5*i
zo@i3$TG=CI4anuadSuoOv5W2$EI45puw=5*wnkz{Jvy2GFU($nH7K}LGLo}Yi{{AO
z4Ri>~0L1K1caoI%%icjs?a=lp3!ap01B6p>mp8$SO7F}rr|!X)l#Tzn?D1h5=S^vU
zy$e#R#Ad-G!l-4ORbks5JhXqBjH`r;ZSB!JnHJS*Zm{YPCjZ|8Vm@5_Q5HMRo49Lr
zAZP66&&$|{Q4rIn(&KZw`~F&kkc248QzZUxO_~0{+rD&r6%>V#pL}iFDVNhF$=DMX
z4M$cO87P&W+I3+6e;QB(-KPWkBg6yCe|^i6a&e`11eDy{n8*}J?%TwDEut~09*H7A
zMbgmnNQydy@4;Uq|1AQVyn_{yURkd8%KM$YBx$23&5KIe<k$xESZ}u&4=pbn0d1O(
z<o<5wIeipuYC}@IZZFq7`j*uU(z6YG-?+$3CSY+qB8w>-6#Hlbj>)ZUn&!^|%POaX
zQy=zu5u2YG(EM>qv+T4-^=s(TmWM6%1g*|~rS1%L%deUrLeD@VBb_A(Wa&99+=&=P
z*Zoj}n_9H|+@s8|mcWNBlpj-5XlKVg;vC)>aUD4KXyc0#?0vFuf*jr_pq}5Jd&;sa
zB@$h53UDnF_Dnu*(K}g!qoT6xz}KbeKslEHcJk-D9^DdjJrVGEm%jxt99@ao1>v!j
z1^m+@>Px2#<6ivX)E5~o5P*)kj-l&uP1SnCyoO4!b(Aiy3(F3$0|wB>jBKr`B-Q6G
zGIs=wTP&dw(L~$=S#O`$PzHJNQFwo@=J2S^{;o=w?<$@F1;Mi}r@Ds&<8CGs-mH^6
z%!lv<T#gf%4%k%MwfGr{9x#g-I8BkFzf-E%P!EnJicNyw7s5hdM~L^b{T;-V5_ZYU
z<}y|XDJ%5iuMX5<=4$duK&kJgoiLyqFErmi6E>R?_UO+2pAx2TS(SDQ?CZdNCkp!0
zIPS%9%2|r=HKHL4jD9Ky==Z(wn{y#=32MAkZ%9rA5%mVj^ILn3n~mMTYlDeIJOkpe
zm(h5zNUqxO*csaW#}g?>bNJ09BfqGpE=<3k*(0cC_28OFzL(P=E3t<bTl(p659uFO
zSoPJYtpU$dEO}Gll7(&FJjg_ytG1Q}M^zRNVFGTJ60@1fRISg+2aERN$+q5ngW+xm
zM#xg8xCMN{-gAB(zp1={&-)7LL;kkWkPxu^HS-c9tZN}y*9^T}sO%QmSKCS3zRiA4
zkhO87Ajm~<fN)PC<z>P;+Y^Z4fvyo7eA;Rl14`nZAGY1Lhos^DgXt7B^U#a7$6*D;
zJ%c_MzuV5t1<l!LYfEqoBkd*BaJx7ZV8{ALtzLe5I5|Xss{y%w7QeBH9OaXZx|AB6
z^$bL11W1w1tIA!tsqY%VQEj`tmJVnm&2~Z~gH5FKbvVBSikUKotLZx2J*@K|+(Z{q
zdO!Sx5$vuWT*J?+1Y>_#?<n;aq(QT;d-h2gwOnRDa7p|8`prkj1;N9j63k~9F(FF6
zMtbi*qrf*}M&l_YN{;MS!NLY5Y3k>7ig~{JnM=p-o9NU!RTHJ*+8t~~YzO_DiMAw@
z?%S>57U%Jhccd`g7bX`_ki<nMOb2lRFear^ZZF_Jx$`i=<IzoO@b;Ahdw1U{?zZ1-
z-37Nh!;XpWc>Jz!vzH-=4j>&soF>Kj1oa~_O(*o2NZ$|lqQ6~%ZxVg0>lJ-_6;IQ;
zPdrhpNDUqR)lb-^Z13Cm^`HYF!LOE|&%w<qQ`mEi1ua7UaP1PLN9({10d5my>WuTC
zd@mWlNE(SfKHf{Yw_VQm>@a<$p?);fn;JtHzRKvYNs)|ehfC^Vq47PM%!;_WYfdTw
zhQX1^dvjY%3m-`%#2*f{u#TG!P<W&=udFp~EaddAhgD84$SJLh$@%#v5a(hPz->74
z)L8`%g}=g?88CzXaeFZN7l$+a4&<jMg0$ZAATyEq_Q*h?$=|J3)LJr#1*5%Bq|L`O
zPcxKN%PvfI6pC%v6#{k~weG>nM#y82olZA}6%f8v=(p%+H798+@pasXPsyce^Mr8#
zxf*qC+(2{>pEmwYY+tF$)$bFvO8U0HSuG`vCBB4zoDGE<iyD6zfX$?l6Qk1mtxOu1
z!x04o#4FE_aF}0|nW!*3r<}2zv7mO)Des_xpX`RU*fYMg+itW=?$3MqHpBX3ez0d`
z6LLK6Skf^E!iSdA;|Xwvo+w(2{K~n4uvddl7fX%E&q`=ir5)3EdB@LynFrlv0i^l?
zHHc0AmB!7!$-dLf-Bpi<8{|-Bo6|RoN7lvsH=|)PezXudKG}k8z5aMxn-(hHG%s|$
zox$$3Hy)cIth3{R7s$D~%?80DWPW?liTr$AY-5d`qANSy-b_|pPw@)HYL4ZUFuz9O
zY*vrr{pB^F{JJPo<W+`ufs`6bl|m6li|;T^zrzaOE*C5|?IJeC9lZ*5&N@--O`Fa=
z$nEN$^0!YFZ=W2XilkI)1hcXgs$Nd6t}Ep;RDk6Xx7bB5n`JPHyZg9-6&^3Md0K*F
z#TbX#O4@`!a<y(K$A=9(#2}u_GhP=LLBPHDr!d%G+`I3U_cpUZe(~ZuQA3y;QDCt8
z!`}!wW)6&>LIN-P)q3cV=?DI^u=4)uG$+f9m-H}%+pKG8S9#v;sl`EO(__+b>%8;^
zbWzgi?7ztT9!AI#dPf)iKffT$b+V*M?Ec*ZXtrHcuh-SQbHfWUaMW|l>dg!6Sxjjq
z>W&n(qBiV1F%Momaxd5^w}^(?{D>r0OA5r_SKRh+y+`dm$#?n1C4au=%ZAR}C0uYZ
zgASHbgoF5wHjm*LJniCC2PWHT2(t&XX2R2~EcXpvo+rVhy$7`)D%cSefzpo52U9rK
z5oKb98O69y$+<l3#EaTwco5A`=4PfC(0cW1V>VwYY+WK4crVDL0Wa1wz}(3CHdGJ|
z;a32iHM%p`Hz6i^aF+5DX;?-1puwDVu#4~qQ-SX%qHCyt**nvfDDTD6NqpeMi94aL
z{Q}Bl!lw}+$Y9()STQsklWKL~l)Wjp$}`Me9G!J{l&Y7l#P^;Oz<Xwo1G)=@gXH7p
zoC{i@GQj5g6uKTAnLPfEIqN9mUhTvAyZaO_GVXC;LsMviv0X_JQ3P}@8IP2qJYL|b
z$K6r68p!)UJGgLK)>f3P@CUD%(q>k<fs~1zWUk0{qKu8Qt#PH3Rq{#D(+7t46+_=)
zQr{hHX|RA;*3>*QM8Y|#mGy{sLPY7N4c6IR{5h1v@XEavv?a8@bTt2HuoW{eO)C3n
zu7(^5k|s-9XFFiXqj~9Wi}k+Q%gUk~(80V_iaMB~6Y~dd<Fg+a0`R${QfL)dm{CQB
zUdV0{ZcI}M-{*|8D4SY%3P?*yGTBDYl72$=SrQ+mnX?YuCwn`0I8JN8e+;s5+PAI}
zx|z`jq{8~jql9_u5M5E@iuE{)B$zlFy1|xjx?&F}IHMk04AYc&0{Hwk!Z2KY{27um
zHpUH4wta+N^vd+mAmh$sRVun{bG5u8_so@cJgScaE=K{KLb@|C$W^khKq93-hjKWL
z1y}Idu@b>;%hJWSMP{J|u{{u>3(fQ$yJfpm+Znd(52r1IV(bpN<ef7I(+%%oCR%dp
zPNDvJ4s06K@7kFX%44(wYNCw1&W{UIRv08V|HMIwz^`cN8o9aJH4C0}x(ZuaQ}yy!
zO0g5dqDqRDV#kPmjYcr~Y3_l%8=&zH>uw5&Go+&Hc?tWesnQ4nD-%ohh<*k=wW4rL
z*e52h@Pu6=U2gEjhY$FMse|F&GCkDDQn(gl*tp`JPjcRX0`f@muiPa}<cY2e_<S<l
zX^djTctf=RtI#F@auX6%gr;fbA>S2Ha=+5>fK=GljjgLo*hUO|uElZf$8Hk?o|z*L
zIrN+~tee9dPBUON$YnrFmn>$T;*0Wc=2&}xjwBg~uHzFRm|VP!;DXh^%~C5jqWY#$
zA%+Z9SL^KOh+*}qt_jm2P?X1U=<|?5W;D(jF~EfZ94_yL-o>QaQAaVEE_p=m`1h9T
zQ@z~9T~Y~X?54=B6T`twI7RyWmj!t7V;OnRuX5pXA7Fpjc;k%1FOQF;U)v!lGT(5*
zCY)-V<G70meg{{wvTptyZn=jm;&`_fE2DFP?u;t?TBL{Q9_S2DcfPc`&IkiU23%A#
zDg3i+TsBUWE|yQHHVnU9dm9?16^KZR^~$Kxeom3p_-V*U*AoM4f^C149bkk+!{vM%
z6t2%S&N-cj?r-B<`(Iq=xeLQ;&q2<>Rta{bfx-xmY44gWh1mwgRDW~X4-1x!o9NIf
z<d?tQn^XXHJ%$c?w}L0)fSjcNCgGC|)!TQ&Z56$&Oj(j`cbf2JD(?`fA)v)-rm5G#
z8%Ph{0++E|G`E%1I{-k)_uzj4Bo5E3te0?(FNK8tkyiRc^D9#{H$Y*TAP-%btYx_=
zy*`i1XMo?Xg4v0~38A>%Uuk;n7kz&ySW|0V>L%wecN;8?Ur#5GzPCgs?i@~S{BK`e
zIZseE-mSPoy|1$u8LD}Gf%HmhebIHW-EayQcfkf2oo?@iQ@0DS^}l?cfwaHGUR&pk
z_Y;^T;0my{FWBywXulgjb0j|h>JmCJog%nsudNty_e!ej0pyJJM_|yrteeNiUS0C4
zTF4XE-*+E*dFgWrZkUbaYgc?B_vN84o(Kbq0fwGaZUy1Cz?d?p12H%Zx3AxzEY4DO
z_v;(_<o@mE`}H@dl~Ef>Tr7D1^TqX#?w&g&>cKGjoXC<<G-DG*Bs1N)A$!ZOA=CZ}
zV(#S92UexQNGfOvSs`W)(7?UTS<+!08-8n@*}}!Q{Mb;!T+PPqh9ygu7wlJC;xE=R
z)XBm{%%aro2YIM!D)N$hVQ-^5cF~L0f<Emqzhs7e1Nl%xGiP#lZd;efT>71d2yaKw
z{7<>7${Q99Lu^*673FF11+Blu=L(vqCu4DKbsaBBnux4caf}+DAv=s@PV=9Adb$OS
zH8ThbytopLjJ9j?wrS9`uE6aNKnc}-wQ>JKo^~=Ww*+SwOFw~UFG+;S`5j4k>Fsr~
z?Lo1yDuyI^Ybu|W7)}TMHzJSvTEY@!_~BaA+W5yX!DEj3!8gmZ9+fHyr!TxBo*+v?
zxc(cM9gc#?EEbqn!P%B!KWCjpu#Aq;Mj(oY+vr~HJz-$u(~;b0rSZ?2o5VjXjE-EX
z*Ir_6#Rw}Am;Cs38<h*w200H<upbupgQE}YBzhju4hW7bBN%1HJ1z(7pK)BQHB~Q^
z?7%ZRvV3u>&3~f$mEJE_@uPXUUgSp_E_uwVLto)@%%kcMU*Fqr*qj|Ut&aRHHNo9J
z!;Xk~ztW|GGNAbP&=Xfe-Mxv^j5}Y8FS<J1$T-sSMta-^Su7jl@Mg@PJva{je+Ti3
zsLIOU?&UEgiwo-`5SLeu#dEJ!9!9B)?(`J+E!pq`uJM-KMYdA7{;HV9Z^}c)hw$ZW
zG&gzp%6O|W9a+&pr%uen2w7EtN=?TpGnNYLHU4}u*2jD}!Y-l3;wj=lf=a)#-4UX0
zf}858FRS~WE6QuE?6qHMUP1gW7;a>T&u&ehd!)sr3X6gsyrN_-vKOtEOKldu+89wS
z8uC!y^RNIKnvW!|{*)2T*N%qUBb5XfuKyz+apx=$Uv7HZvLi*2t=B<gx}h_6=O^&b
z#_pBdt4tR}Z)WZa794ch!*$^eR0J9)zI!a|DkHDDJh@4K@qi;ssUv+x{!Sgiq%`Xk
zY$ER-UTXdK-q~A#0U#m{$JQ{Z|H1xvcVJ%j6s$$~PAsxk<zQIp;5I(^w$na}djDP^
zv_NG2S#tB^{(GUJGg6oxtLTe%JA8pMc<2Cd-TJ#d|K2MD->XPe{rBOw<98~6FhrIs
zvD^Lc=i-Pbfa~y<>_G?xsPA6G^46aARn`0ZtkbNuNW(vEne&HRGPFj1j;A_DllqcO
z*qUXX_Xw<JsUE6wB;;9J75RR7nfIX$?yO>0mVX#G$p^mD{kZMF;Za?e_CxHBpV9#b
zd3sZIw&N*0pEdI`>{Pb^jo^;t{AVdonUn=jQ@RJ?wVpT3y}442!xTKk52{LK!~2d^
zj~y;ItcUW?w8kN&nD4LOYZ%<{D>$DKM`cY#v$?BhO|yAdur4KiOlR0j#7+~*y|qnr
zCVGeu7vS%Gug}C^Kp~gm%%X!kLLt%VM@iUL4u23y&4`-)_7yTIJ?u{=zr<WG5~`mL
zdoe^J3Rc_2KOEmXs-m?e^#PMAMlD7PMDLGP^Es78G}c4^ud6SQhx+^epP9&>Eu@GR
zAxdv+wuWTQQizbHkUfO#W>6`zX308=WQ**(8I^1?wi3!9`_kBFnC10-4fXjw9zXxO
zb6@A)dtT?9d(QJbUmLe-Y|(cm*3IU?)}iCz#ulyjEIN~*e6Cvnn8>1z0v!MO?_@{c
z8PJ&SXW)#A*IpSF@}AcJ%x^(&nAMjIkzg_}W3^y%&|HhGv9-!uP%lB$;o>)HcR9<?
zFy7YTc}<)sH1_r>SiDlB>6VdfW7X<vLHE(a)9cv1N!){P*KdZIf1CMv19C&8=X*n#
z@I`BZ_0GnoC+PA2w7W5>+nh0uJh#P0FzGDm^pjs3z8?27L<Bd9_$>LV-VoH79C)m4
zZeHg22Zk7tRj^caZahL>djB1+r}`|o+G1in<(^x#g`B*1Pf4L(tX)6<64qi&QgVg4
zF>he@R#lO0opxJUtGT&k?CrDdb#ab6l9ai$Yby0(B*7-nk{xCD^W_iHQ0if-h>EzD
zU+?AFEmO8kB8+)qaYU3<+n=b{_K+{<H|KTL6HZUw{Al1&=b*F|zf@r3q1AFK98aj*
zvi@X{D>SC)k>(&+Uw|(g`?)}Q8dn8;>mYs8Q_H)(G+Zi6{~jU7yBAkpFL_@cn_=`o
zlV_80l<+hKoi0<=dVU!@&W^}zR2_0Gh`7VI6c!d@|M?U9oYv(L780R3(0a$JMh=U<
z4)FHAGq+ld`C}{b-OQaFvX1<Wy$B*}b|iU`hJzlYhWDp}ed``Mejc)_gkT0PPE*MJ
zTaVE9roKJnTq~KTBNOCQ@2s5r0P~_WKF&HR8}>t%=P-jnqpaM{O8FkyQ>K&$!V(J4
zjmz%Tk}!8v@5;Lk33yz8M{jCrmQzCLd+0rSHHvR=@&a>OVf}<z*<Swe*UY>`{GriM
z^vY{4xi_)5vZW5kdk%V9qJiJW5VCSj!dA<Iy837gN~Cs67MAuF5&*gPBnbbyvaYmq
z8?<2=pBhe^CpXG5{rHRy^OHZmrhzDKXFnQ$nw(%=8dWOP*gMcF=LImnPgDqdwbxYi
z+GxAcQMGkFckom9Z1vCcQE`s!WhKVRhHkuCb+e`APMgGHM^5-g$Q*Cw=}QJz+tBV!
z;@y@ZfQ48<MhV_8K4P9N#$Vj6>6{7P!WGclu5cpXCMqD_QCEXz?(7U6)2|n7eEq(D
z?CPQu)*L8Uxghb7auWmzC=-TzGg=LDv8os8?LzOf)jPdo3hQT-tQ37FeHX?M=fDez
zH}j0I77a-)5}b6Ji`X4iUEf4K`|&}Zn`)vgq0JYI@ug@90yol*Jsayd?l*h*8gzkq
z?veH9bD<KDBO6wQQDGxdnX9fknti`-f)^o9(h<k-lwT()C-SsA*%xen)SIQgmSaT7
zyiP_T@oswWXu#`HE3qf%?1aieywhG)k$<{=GcT2_v$0z1(R5~Fl+*i~$wfhqAFKDO
zimWfQyJ~el6o1;nbBW$R^VEpMNobQov*MTVL0#CPTFM)UFPFD+pN9+urVTBR4e*Wp
ziabd%d3efhC_nNv*6sXk&LN8&dTodKDK}3;h8j)hln9`hgEjT~yN3fGIh-4Z1l(ro
z&*+IVu{t}a|DA1B2NxyV9jt#7Qwy27>-s=jx!CIngIHkkOy40+Z6k-Ov&Y%rUsULe
zq$o18(sCt3mh@fXODI@)F~=GuR=wm?OS&FZhx;h<h<(oBqQ{&c-I~^}KYZ`SN#gNE
zxsOfne9eyJNJ2CBKyrsaRv@szL6N&r5VEj5dcNB9J}{5!EQnH6%G$rl-vWXEp@Wq-
zAeQv09bs(rYGF25yiMKt%)>K9@Z=E20MmyzA`l%DlI@k&uwRm~i^h$Uz6_6D4ap|m
z3{$M$ar6fnmK3n*0QI$t^2*Xu<a;}XoLl#yVi(O%o@e!>qxw~FYc(W~7<<hC;d!GW
z?xgcg79qC8oZGpafNMjfJO73y$4|arEA(ab;TyE35PCIEgXC$>59#JiHYy$CCDc&@
zR^tlr089-%MkfIQ9`xGh{hKZ?##E6N&*b1^L}GkxZ=3Ajr(Qw8u8Hv^FlUb`Eos_Q
zM;n_^1t@p{d@`Bw$1vVS*T$tnoSezo^Q$!F0>me!W?(VQgR|Ry@2<jlPYoD)8*(Pl
z3v;pAH@bgWG4(0-wJ}=UI7HnQt@3z2xMjR?#%>5`{ltkQ-A#@8<>K08t<qmtj{7c*
z<6Aacn(tXakN?7K3*TUabzLwz^tCO{f-OYQL(>Er@X&`B@*}Pp5Pa{|ZuCba88>mV
z!VS%<H+WT~;V4tE1SE%PV<pdG4fPwkU&TD9FWe%+q6S9K$L=t&JJSJ+>Ym}~tM?~5
z<h!xpb0R-mDR19Rr{cy^FHnC!(QC90v6W4}`isS8F0kk6gAwF12zmK-T9`#G0(PVD
z%68-g3*rYEFXkx~sn?Z;d<h67!o0xCX<D_z!;}2oSx3g6Bg}Ng-De^?`IyYXh(XU#
z*uZn=v)#j%nchOPZNY(6VJQ}b)bbc^HgN9S8^xOMvhzd~`qeC{?u0P=6y8jK=mm#U
zr0+#WshI2g;gSeURYBlTLZqsXUQO9fTi;sk9h2rOWYhagB5l`ODWPUpfhc8ZT9@nm
zO?RFQ(YO8g0lws2EP;V`*T5t*=9__?*>-vy;~^h-AWi|na}_J<xDvGZE{E3yefbuF
zn&UozQaKI$+IR}fb;&i{vj@;GA^Ue6{a6g!bw1FktGnX{<N+zuX_WSNM{ygE9ml8l
zNkqdf{WQ60TC>Rs{CyKZfF(gY9c;Fem^rfXf}`ol0bI`z!;G|saH%ARFa=aAny~LV
zT28iKZvp{h{c`+KDpYjw+AB&139pGL)8Sv(Nkab##_<`#9NX~0k^67g1-j!GktZb~
z9^s1ZF9SRX3_LS67I_G%KUcd@Y9Q8=d}GbF?)`r@TV12V7sz1Zdh!M{t!P`zu}}ea
zp?wl~n(i^BnDP>=^c2)^3I!_NTa7NtdT#$t4<n8cTnGC4p5=+ooNZG4CS&*~Ky<gl
zn3y%Ko)dDd74ZfTWk|{c=L%*#yC^pcT}bqJnIr*a2vl6h?tL4Lq(a-FH#W|AZD*K~
zm5){U*vjM4<7dEL1rHv}*U0|)qq}Hz!c)GeH?)}5nI(LtIQ5WW`8|j;OK%tIb0Q#5
zQts@DX}+-`;<cgAOC*%RAX0ad@NiK!u>VwEVhNz1rPx*r+n&1vrWOl%!)40?6zwD-
zfsfqmx1`|ZFPl~L6U=k0y-8zf<@Z?t0eDI}(DWYi<IH?D+K_19&JokUS~kT7-k{FG
zbc1R{2d^0^>s<sxIMwzZ_CTiqt7q{FX<^3#Z%XZgC`+lmm)di1Z7McBdp114`DQAE
zorB;m?Fxl4Wy}X7>Y}yGjf$}TU|&KqtXW{8MrRig-{q_iuwX(MYP*|HqlV@;IjIjQ
zzT!{f$OzZ#1;^&JA4`C_=UXBPTR&h4)3DBx$QDeG#&HU~T)13Yq5HU6g1L?LK>eSh
zDvL2(OVsHymxuaw20-r@W#M6UMBiZ-u(b^oK&^>MRubZZeXDbLJk+&sggN}nFj|gN
zC{#WM>O6aFXHftuO4$YNbg=9p471wFx37-|E#ZE18o`Sj0OP~^nmA^lR%xrz-~ZT2
zZ-j}cj%W2eLblpa8<E1&YoA&RkD%@dK3`ix1Qt-X3qg!uJ5=oQ@PpI)s<gvhpS$Y>
zmbK=CP%`q7&1Mo!<HtoPciYh<$nx5V%?=@}fHVs8BIln5QW(YJ(-AoY^zH84Lszp&
zIGF=eq(rOT$lSsEeAjxa5W8`5JU@!kO<MUnA}BJM*h)`Tk0pD6z+IqCARi&apR7$a
zWaw=M;vOlBf@Wm;s?iFm{^^y57ye5<h{gztnb;K8{)8h{v{Pc_#8m1aS!q4~41mot
znL!{3CBN-7te&W_`9|Km>dt>}3r7i?jOHk04<D|yW$6!V<3wfv*A|(f@mtL^<yBP0
z&SmwZ$TBaX<<n^(m_ZS+1p&yLR9v?=*h2_gtP#%Q8jCqF2)<7-jy=@-j}zzMH<k1-
z5jd+)*pgkUo8zACSxpR>j1Hq~?#IT3c2f{`Vt7PaFVHHgvWJq>=%Jhkp}KB70!pGy
zMjLq_Q@|{oE4OneNbb@oM$+xv(OEnOg)eyQ`A?%_-D;Q!k_7>NF9;Mvu)t5+%ii`J
z2@`=NotXUc{tuQ?SA=K`dz!;mX+d}#d9{W0(!Pq!Gv1!-NPs0Qu&c6)XNz32x^FGD
zQ{|{?0VrMHqdNIV+s>2yyKPBS52g>s{j1Z9xh(ld!EH+m*CP5iG1P<AK^=^=?U#<y
z*~nP9tIq3S1G8#PdsTw=S#rzA%n?ZLjP_(Sm)*%L=Z4T)K-y85Ou|b%?&9lNX^Qf>
z$L+ZrO+xk3bgr7hFKLVc_s7)UkKtCo$fuH1(g|Rz5VpyXe`03-EjUZH7R9qgXq`Io
zEXMfoh7QTC?#7uDGh^;uw)4O~C}TmEMpPgUQH?!@G_<X3o%cKpT)4T0GHCIs86205
z03NoSYW@))31kuH!DjPc7n3M=OZwe^u^8@E8OuPPF)col@=^s8gP4S`*n5z{%Qi;L
z*3LC&npfvN?g#j6fwlXKNTGSI9fI-_B1#Jo<zXGi!Tb6IiN&0|Qd4-=1PKSKzna)}
zb$^KLI}oF-C35NPrVI<l?!1%O+cR{fkgqQr5ZRy=n3;X%sdt4gLp^N1n%sUDET3<~
zB@X@SBYFBqT3==FJY8)`pzF%rXb`GDPq(B;V{RBMd}nU-N#JzuG6V;Dja^{ncgFPF
z0RSmP^>Yq@jytO(45-vqX$oGsbP}Bv0?1Rw*{bi}N@YtLKtMfti|N9dLDeD8Ng|<=
z5Wz*)%%JSa_C@RLsoube)g!qx8kjSl^JK)PYA=vBuw0-81SX$sNBj`k`f1N;<k2-T
zf0Mlo<l8yeo%{i+kg^D~^`pn%kxes*GjB`i(L+sr1BF;UsE81(&Nl|Hn7oe)P~oL`
z_e4n@c3kFgL2Mo@NH-TQosOD?c78vkGkZ9<Iu=P!*;*X^`Nv?nk_^bqfYNABmWBX$
ze1i-DzFIk6!buj*4yN7_e=HApc28^QFl6IY+frzi^+g5^H;5cJ^toDwK%roiq5Kba
zKL$Xti{;9MVbTN2PxIup`NuD;`KloWzo9dn3$7LG9siw*aiH2ZK2AiKPx<@@CXLnY
zUX`MMCm1GCCSAC}H~hW?7QNXBZ#>ll;0jE9GITk-w$Sr?%0&D#Gjh`-doEFzPpA4w
z_!MD<^4>qOt;%q;d{(vz&0*EU!|zsx-B#I~gen%|5to8r7-2r*#$oSQsl#V1wt&c(
z4){|~<?EOMDrtrUOzlYG5k5+GPUS)P(RVIecz1-9O5z1ZIfIJ_R<w-kLn*dfkRD^H
zUT5&8*V1(H+edUFQQM~(l??k3C|EGjOd{l`HU?;bg*LMPqH9>q`n?-{4C|$D0CPRg
zHQxj5?E|i3-(U#^520&n84uwBV<_z)!@b}1HUbQ4U1^v$dt*qgqYqGSjSrhZ0Hy9!
zgxAeEE-*MQ-Alu(wtYKw!<@#?B1Z+I?mAEZ2NG{?6`fi6?H4@~<*<V)x(v~y(lxJP
zK>)r~4^KizF@ksJBqg{8-W16}-NkVaLtuU)b{25c2im7ZlmW9(`TaA_-N}sZ7AQym
zszn@oDEKz4^gYZ+_X150Ka~OtNaBdh3xqAKV+PyCf|f|+VDmvoYzX5Wfu!x&5?lqu
zA!YP+8vDFSdGwv_xABfHHYf}k<rY7-681%cy4t%zwZ)2W;5f1tI%KYf7^xI49)RU{
zIX=8VTWg6yp111Xggp42{yDQ_I{_szgf?jbgY3xxkotqF)`rk_r26w>RP=nbI`3ON
z1%t$L_k{gCW&>>k6L5may+IAp?tCTzr3?#5*8T5d+0?YbP#C2Stg_gBwqm9#m(9Sf
zZ8yvfYEOK;4j(7u2f+2&2qw`YG+{ni>bie7Bfao|*K=tRSb3P}b=cNcp5=<>X3Iz(
zMF07`1A8k70>4f@dF7<{b`W8cs@#u#9;U+bxed`%J$jr5>iT1ZLGy%35$0v5RR4hU
zfgD!2@x&R2^Vwb+%t4qY<ti8CyQ98yB2I$D8q-8vOfsKcV?l%g_Xht46X}~9{beWQ
ze58!DyKU4&0vhoS2Dn2nzas;I*Qm;~_=tv#BaPB5%+@Vg43?yzS2DL!kWX4sPbO6S
zQU`57`9F1AGpo^<@)p0Oi8MqE`+X8NSXkv}5@7Kym#^DY`@HO_C3#Z?*^A+2jAOg~
z`s}3~Zt90CRk>@`>i1do88_>dZJU!csVJpP+ZnVq+y=VwM3jbWp5r}UH%MbDlVuF>
znu&F~*W~$327I1TP#UbCc-jD$v^e|nlm9e@j`2=o)~cjn?$n_jvJVSUlf~gkD$K48
zt(Ditv%%om-)eS*SKJ?y8}WT_Sg@8k;nV{dMtjAzr-yxpfH28)g1&M)*&dzkqaM&;
z+X4NVeElN|jN(E5&&zfrZvHchK2GH0shd_kJDjsN^tqyeRuL@pc65cQfWF}FTj?z>
z>iFn<AM1I}-dk_qr1YZ$bYliP6+#zo7aY5-_G8PBQV=&p%~AN{9`T61Ue@4V9pzr{
zODEeA62jYUZbv~GOYolntQjhA0Rk`5wHscys=TGUHcrsG%$dm3<Ra}dR;ml18#r^P
zs-I5fp7FZpkBiC@Ulq1bys3^yI+C6}EC*Q-n>lq2*?T!tN`_GiZ@=waXZm1QFD7D_
z0ULhwr$_4vFC#Cpb;@&bt`0Ui@CNShLj1JCSGCr8Wg56kmvMC>TFs<u!_9ul){wBl
zV~vaM<Yz%pzWz)D8)AQ=wtjy&GIN3M8V1b?q`s#k)@5q17^WzHtPH)zuL;$$WmnA;
z^Elf->>8>uUhU`cxgqqo!U*eHEN&}Yjt7F4e-F8Gbjq6{ceZJ_G2a;Cu33@f7-z=#
zw6*)u!ZdKGap#s__3~t^k7h>b4`Ne{-;^<jm{Rx`83RBrtY`22<#=tA3aOx9J;rGD
zt{qNC)0=P9FnMF1yU#**4;V1Pv)bUioVpU|(cbAA>@2OP`)A;&*68#2{T5x&Ad9Jl
z4>;~EFsmJ>bu->L|CdeDIUI9LI@Fgw*J;h_LROOX|As4t|K|V>$3zbgL`bsT*)n_^
zwx6}8>BOBE`USYEkwQ@E{YtJD{>~(<^fDa$7vxQOj!}qm*i-d8c?)`MZ28;&M>D5y
zaita{Gm@E8cXU<s`<uBRPQ_fV3>j8|9DZxcs_PzNvAA?qVr0MLhUQGf_`|s?=4%`c
zD`YKOI;tV8f@?JcN2X==Q|@4zo!My8&7KJ{5~5F^J5YL-Qu0wDo*6_I?~CLm6;A40
zTjxP8E=nlnag~_-Z;71YnTcI%|COke!4llZiyfEmEx*#<q(3MifDoFqAN+Kl##_{R
z^B`9WXQVn*GNk_ZTj6k0&mWQmL}rhwf1$|+^ZlmCKWYAmc&SQ{hT;`IU1=x>XD01g
z^a>M~KG+BRC9*`S-DS$R?R6j!d744R^(Cf#fwSTM$$NtXcA;zKKW=EO`?bdP+3Y>{
z%}(t8O$sbyK*B$A{76{|Tun4{9V({B1U|ML6tip)`^Uj3+z*9uCwzM^0U1hy-@H}+
zD7P^SY!jzdKp^2o-1W!POCK!iUyy)w#hGKB{g6_1zGjd9$DP?kcQ)@tWn+6uZ7D>y
zZ$z0G6(s1q{&VH<LE!|c=FiA_?OdK!>)7L?NQaK^hob3;o2l5oxPNEwn}c-l(a<uQ
z)Z;dW9G_q1Cr2`6q5iSma)6PkZs!~m_;ip()lCnB^KHD4CG<}`Gsb+x%dR=Iot7%>
zV{ps+XX>^yCKTE5|2Dl7<dgB%IA=s0d}$0xc9=A<UX<W&J<dQ=5!wp-4PmzYNnPAm
z=0T>3FSicA#0|IskIOru|HP|~R6{sa1{lw0RKpThg8kCU7G~7;of&OJqtT?%Q-}5Z
zG8Gs4T<@A3VqK7k@??I$566K<*bRczqURz-LnFk+Azfu7ap#GXF)v${82+8yB_>!G
zpA5gsbB(AY=}EBu%N;K?0rm1n4F6N)1(k5?#I6Z(>!R6NWJgnUDl;{?71#?PtqC4H
z17u`BwFbh{5st-98IAO6a-HXsLi~zTrUL$H*OxO1AvJ;@apul3u>L~VF;e+fP{Vo-
z@Nbix6~cQGyT)p>>O2m7QepvmAl1^F>)!-_&I$96C)D^OlorurT!$`^mq4#YwKNPz
zouu*~&_jd!`HC4jOTul&qSCwhwN8%9vtU-a31?A5q|G{D4onIh)Y42&d0mknRZ8*s
z>Ek}mgM1zM9Q_EJLi~FkAip;Uv8JeRS7`N(hd)$S>P=C&jpPDf24WK|-tV6p<}nlb
z$r~zMW-8C}a_%ZGQh6k6y(b7g--m1dO9`!J2ctWyaiY=}7FFHq)*%TgyW04dq1V%?
z)<$FpykXG98P36M>l}usf<)qv-s$-E!*UxS7VU@{la%@90|f|=<|2MGWJbs=7t-gB
zibpdL(c9FjUUcC9cq{c`i1TOwxI9<qvG*pA7dh_N9JXq^Kp{K;dO?!KgLP@0S!?NZ
zm~+O}Y*&?uLAnx0$~A#WY{^{Im}Rix-*=_(NVrC73S0W<6L~*PsF!lmA*=WfJ1ll-
z_3g##nCpM1>b^Fa<mjMb_NeH)wF%^Bjsp(Yaw2jOJ~SSFu_nIf?<kN76jNDo>P*w^
zp|bOk2j-Rd6SgJ`Q@~)m{6mm8iYAqsH<Qjec?bJ6w;z7=nAPi#&^xwU8&=j2B+~vd
zYsX?d*}6WLjY#m(W8M!RjY5>0ssm-q7v>`V?#@*X9l-h=%Vv?j`3B_0NVV@!51=?G
zY|$T(Ks>Vlh81fHKZg%?!bhHLZkR(HSf7E6*1A$Q%1Bxy2Z~Xs6b_G5EvH1&d1W|h
z`1n9&PyB*>m_LC^JHDpfiw*d@&!$O8M{DR~^ypj}q@K$RCT+s_A9PNgma&9{pXW-z
z+TI76wW$V`#o86o-`R)?#RGW05;G9(v@a>h{E1F+!r+|cq_SX>dgm{#*>=lppqD*B
zI{Uf5K0!^Fk@Ygcz{Z5~#oknh9>Zfeg5FwO(4`8sWGmPl`nw+C8#iEj_+?gv9?~3R
ze48FqI=GDrkq$Zx=y{s+B?#X7YZ+f?PTn|Ehc=nyt3GN8y;SA98pEz_i$#o#v-2gN
z`u2AetLR$Gm*OxRx^m20jw;BP-$S?g7x!xTYOtudIw2gb|B>da)FzEIq)ReO_6%x!
zpVUEEJ#RNoInJ{Xv3u@wYuLcQ9OIqo7(e=Qz_OAcCsHe+EuI3i%cs%kKd+vb2x_Vj
zcvb|GOoCc(nuW;$wf-ed>(j?90{AdGulOhVvCEt2W4nR~8g`Rr+Vs^boxf~4a#Qb{
zDzRYJ;%*J*VwXId=y;C+S%kmme}wyT`6iH&L`s&w@_v{ZsjTpeyusXCMYdm*hX0!C
zo7*}V2<6lPv;tkPq^$(4I;VRl+d!Q^8YwhyNhF>HZX&QA;JxF(KIF!N9MT!oeYX1d
zvGZS7P2a{qkHwhgX$-b@I4}{HZj;s&4~Ei6nXS&+7oR5g=1TJ-rv!_CAdMD1rKFkz
ziSzrUSm0Xq6EGK7fs&1Fv~=5VW^}NlB;=E>f|Bc(Y0<Yha_tqg5?OiT?}{yjg-1{E
zpSCd8oWk#z55g`r+YiM`mAzQlwGQ2ZyDXoe3jVWoXBfAZ@qk3oG>aqq#)*NlU}|YI
ztl!<ck;<K!CrVMJQ1-tpP(^9pH}sf#I^$4M$}#;g(NRKiFEvG~hWl|edw`+I<yJ94
zq)TK9y2VA9rpjiF&X%aJ6zOgBX!pde(RYuS)vA6U7k|PK9A;9BL=<C#GEsjmVU6&m
z+@BOgnaDhl`@(`eHlR^+3zD(+|Gu=a*0bmS=r7lgT5b|und>BBc0rK*iROk=-0#N3
z7Pr9qXObU)?9IoHk>?Z7p@y9Fh1?^ict8zMlVe<ozGh(`98ASJbd)$159AlsfQkL1
zVW8~~yDEgRx$+wE#ys`p$tRpbG({DIhA&6&K73d&B?5BF6GRF<%}buaE*<%^wT`kp
zs<4N+snCygspG3L5OVTw-G2eX$xJ^@d1_rDgtY(i@K_ofb0#7s+TzerBri!Ml-%Cn
zEwh_^hYnt%apk>-OH5SdiT$(pO~o)}Q{AN3fm`}Uwz{<*Ek8$lZv9>ngS=eOHsCe5
zM-fHc*jf<vt*;Xrkw<X7o95UzHm@#+$0*HYj@iVv<(S)phEw$JTp)S>Ya6d1r4^41
zY(pxf;y$w^?obO&BjXq4$($~4dcKUIu>17&pjR23IizZZ&U0E`J{}M%VV3WC)~Zg)
zUdWLdgpL$IJexI!{G`eUf(C?4cG~7^a8-@osDb6_^|&eJeF2`yaP4@;e6s59CTOu1
zl#7yVl^N4^z~)|O_|SjYR}YB8#X5U$8S{;tLnAH(edC?*5_+K<3x<%OANs(Lh*BvY
zJ51TjNgWSWrf~pA*VcLUUWJOOrP0`JX&+cQs#|$+&^J3dvL<%qtaXXd6Kf{Pd#1>+
zH_TvG{V`+bHB?wGX7Nx^?P^*A)@H~Tv9+^m_=vh%!IT}FJ#Gl5j8}EWgFni)_H!>&
zr`i?_QnjT&+<_N3#u6jiazqkYyWi%H=+r!^(;S;~&9kKs2hDhO3Nms<z#8x3_ip<Y
z_|+Mu!5o=~emO~*oAo&cT*Q`+d%~)`B*cm-m+dikH@3?bR!qWTW6?6eOSz*@w{aQo
zG9>F;L?Soy!?6SGzHwo>RaGO`$|HU9)x-t{CRr)3oSb*Bx3ISejSapkAdGQ&6yXSq
zKduz<g{^*T2-?oB{bI=+w#r|zOWkk^6Z9DBsDl%N`TlghI0Tr##H{J~p*^X;Lf{+U
zV8f_gKcajty5?=S6N+`g{CD#XCCJY%t9B-}b%?iaE8W)f=fvSpUEW*%@wIKsiCcFP
z+XoiCw=-B<3W9Jxx*d1wTUJR#5xPca(?SsXlqyqxtW(<q0{-c08eS{AY8UZ;+}V)Z

literal 1201
zcmV;i1Wx;jP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1V%|jK~#7F?N?1`
z6j>0idfoGzOroM8QQU(euzJlgLJ)*iye)cE@L*V2ogDU(J$P6a7IMil=S2?&PhpW9
z#5KDh0Rw_82>z@$*-cyoF)`CK)6>)4ueR!S&rDAyfgCb%4;J+Fn|k$LRekmI`XNN5
z<Y)ch!9u}trprW=8h~IAsZV|of6E0y2?4^Gtua=v$+my05q-~EiJ1sJAl_SBtS_t7
z6#D)zqFWRpEB~3jF4`<ZF&aH29k7l;rM?j(@O?f%((ifyh7sgF@q9ZY*je>H4D)Kx
z^L}LIdLNYwsRlbdY}?<e6ygN*9`-IWc}Db=0<GawP!sNb_k1gTHehE1xFZm4(+m-J
zp4-j(T^Ya&acm6I#Uel^(>W!JPMw1E%nU#_3lxT+`Jwm$%ZlDdk3#z9%@!YHS(2nz
z3ALouUlq%ujz=k~PfwFj<=C+{-?phN=7k}J&!5vKkNw3((jPyP-q;{=U8;<Zl7H(K
zk?$KhU8_;}>Xlg+zJ5)OQi&WM%YMFP{jQSGB3q9`Ljb81fakT*7#J{oVwu$C%f^G+
z>C<4bm-^kiXgSO1^>x4?FmI|>qvflspiZ8I+}*nXjRxo!FQPDZA;4a{*RC0_-Lq$@
zJ~d^=&d?C~_wSprcuYYMJxqFa)$r=YVl*G4Bs};0dBa=hvEJOI@W~U};IR|SbR!_K
zJ#@&t^_w@XI3d6F)2GpVe?NFvuR^f6X#Q6P1wk!dr#Q}#%R%AoTgcqG1JdLM*<&me
zK#h;Xfb1jtCJ<2VydzL2PDBPUgvroQ0%mW19_(}HK(DL-v7)X{YTJNEju@pfhsTct
zmCKwgzA+-dv}DFz21u+$z)+>qu_p;4BFwQ&U%CX4&x4wnfb_+S(E*+$URzG5p?>9x
zF{U~)0@VWtz~MC@)xo?Ddy}5(XU_nJhe5N2^x;E`A3S~>A;SqpJg$w78Z<(Y7uXXC
zOB@nQ68G@o7HU+hMe|aIxaH7oC1EN>l|q4PXU>o}I~$diB;mjSIf$k#O%lfBFD+3$
zPTGj!M{mb5CFk9^(N5y|dD3fZk=TO=9c9=?Kw??1L%6&Q;iE?;A%lDOIMb?t44Ypn
zL27amf`tYC!0Q9|!Uf1Zd<g#S+Z{=Tu4_&@{qiLQ9B;+wxLmrqxj7&Xjd%Szpp<!>
zJ17WL5x?w!g)@~)E$R)Dwaqvu+AH#A#C5$L83nvvWHHWq(*fnb<Up*Pd+Z<fwmV4n
zHrr(~$;6<hx2yow4o8V3TT)gO%UGT*RrC2c{$CjIDUGlc*W#bB$Jel3l5QX_qYLnb
zwyeKte=jD)S2SD;!$Fk;_$RN_LfGBad#0Q_3}g{!#{eAhn2mvu?}xuuh`z?&B4PIK
zL!9Fem+v6HoI=xxdL}cL34$LQMB@})*Y=E3qTRAqtZa4$9Y;<&)3N^pOW2BR0I^Rm
P00000NkvXXu0mjftAH&M

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 2d13904..06f1b32 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
@@ -8,14 +8,11 @@
       <span class="cts !text-18px !lh-26px title">账号信息</span>
     </div>
     <div class="account-info-box">
-      <div
-        v-for="(row, rowIdx) in getAccountInfoFields(dateType, showMore)"
-        :key="rowIdx"
-        class="grid grid-cols-4 mb-24px"
-      >
+      <div class="grid grid-cols-4">
         <div
-          v-for="(field, colIdx) in row"
+          v-for="(field, colIdx) in getAccountInfoFields(dateType, showMore)"
           :key="colIdx"
+          class="mb-24px"
           :class="field.dataIndex === 'ai_evaluation' ? 'col-span-2' : ''"
         >
           <template v-if="field.dataIndex === 'ai_evaluation'">
@@ -62,6 +59,28 @@
                   }}</span>
                 </div>
               </template>
+              <template v-else-if="field.dataIndex === 'tags'">
+                <div v-if="detailData.tags?.length" class="flex items-center">
+                  <div v-for="(tag, index) in detailData.tags.slice(0, 2)" :key="index" class="tag-box">
+                    <span class="text">{{ tag.name }}</span>
+                  </div>
+                  <a-tooltip
+                    v-if="detailData.tags.length > 2"
+                    position="top"
+                    :content="
+                      detailData.tags
+                        .slice(2)
+                        .map((v) => v.name)
+                        .join(',')
+                    "
+                  >
+                    <div class="tag-box">
+                      <span class="text">{{ `+${detailData.tags.length - 2}` }}</span>
+                    </div>
+                  </a-tooltip>
+                </div>
+                <span class="cts" v-else>-</span>
+              </template>
               <template v-else-if="field.dataIndex === 'like_collect_number'">
                 {{
                   formatNumberShow({
diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss b/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
index 7147a6f..96cfce5 100644
--- a/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
@@ -1,4 +1,9 @@
 .account-info-wrap {
+  @mixin ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   position: relative;
   .status-tag {
     width: fit-content;
@@ -38,4 +43,25 @@
       }
     }
   }
+  .tag-box {
+    display: flex;
+    height: 20px;
+    padding: 0px 4px;
+    align-items: center;
+    border-radius: 2px;
+    background: var(--BG-200, #f2f3f5);
+    max-width: 100px;
+    .text {
+      @include ellipsis();
+      color: var(--Text-2, #3c4043);
+      font-family: $font-family-medium;
+      font-size: 10px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: normal;
+    }
+    &:not(:last-child) {
+      margin-right: 4px;
+    }
+  }
 }
diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
index 9a7b452..fe6737a 100644
--- a/src/views/property-marketing/media-account/account-detail/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -4,56 +4,47 @@
  */
 import { CUSTOM_FIELDS, getPropPrefix } from '@/views/property-marketing/media-account/common_constants';
 
-// 不足4个。就补两个null进去
-export function groupArrayBySize<T extends { dataIndex: string; prop: string; title: string; tooltip: string }>(
-  fields: T[],
-  groupSize = 4,
-  dateType: string,
-): T[][] {
-  const result: T[][] = [];
-
-  for (let i = 0; i < fields.length; i += groupSize) {
-    result.push(fields.slice(i, i + groupSize));
-  }
+export function groupFieldsWithColSpan<
+  T extends { dataIndex: string; prop?: string; title: string; tooltip?: string; notDifferentiateDateType?: boolean },
+>(fields: T[], dateType: string): (T & { colSpan: number })[] {
   const labelPrefix = dateType === 'week' ? '近7天' : '近30天';
-
-  return result.map((item) => {
-    return item.map((item) => {
+  return fields.map((item) => {
+    const newItem = { ...item, colSpan: item.dataIndex === 'ai_evaluation' ? 2 : 1 };
+    if (item.notDifferentiateDateType) {
+      return newItem;
+    } else {
       return {
-        ...item,
+        ...newItem,
         dataIndex: `${getPropPrefix(dateType)}${item.dataIndex}`,
         prop: `${getPropPrefix(dateType)}${item.prop}`,
         title: `${labelPrefix}${item.title}`,
-        tooltip: `${labelPrefix}${item.tooltip}`,
+        tooltip: `${labelPrefix}${item.tooltip}`
       };
-    });
+    }
   });
 }
 
 export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
   const baseFields = [
-    [
-      { title: '账号名称', dataIndex: 'name' },
-      { title: '数据更新时间', dataIndex: 'last_synced_at' },
-      { title: '平台', dataIndex: 'platform' },
-      { title: '状态', dataIndex: 'status', type: 'status' },
-    ],
-    [
-      { title: '账户ID', dataIndex: 'id' },
-      { title: '手机号码', dataIndex: 'mobile' },
-      { title: '运营人员', dataIndex: 'operator.name' },
-      { title: '项目分组', dataIndex: 'group.name' },
-    ],
-    [
-      { title: '粉丝量', dataIndex: 'fans_number', tooltip: '账号的当前粉丝总数。' },
-      {
-        title: '总赞藏数',
-        dataIndex: 'like_collect_number',
-        tooltip: '账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
-      },
-      { title: 'AI评价', dataIndex: 'ai_evaluation' },
-    ],
+    { title: '账号名称', dataIndex: 'name', notDifferentiateDateType: true },
+    { title: '数据更新时间', dataIndex: 'last_synced_at', notDifferentiateDateType: true },
+    { title: '平台', dataIndex: 'platform', notDifferentiateDateType: true },
+    { title: '状态', dataIndex: 'status', type: 'status', notDifferentiateDateType: true },
+    { title: '账户ID', dataIndex: 'id', notDifferentiateDateType: true },
+    { title: '手机号码', dataIndex: 'mobile', notDifferentiateDateType: true },
+    { title: '运营人员', dataIndex: 'operator.name', notDifferentiateDateType: true },
+    { title: '所属项目', dataIndex: 'group.name', notDifferentiateDateType: true },
+    { title: '分组', dataIndex: 'group.name', notDifferentiateDateType: true },
+    { title: '标签', dataIndex: 'tags', notDifferentiateDateType: true },
+    { title: 'AI评价', dataIndex: 'ai_evaluation', notDifferentiateDateType: true },
+    { title: '粉丝量', dataIndex: 'fans_number', tooltip: '账号的当前粉丝总数。', notDifferentiateDateType: true },
+    {
+      title: '总赞藏数',
+      notDifferentiateDateType: true,
+      dataIndex: 'like_collect_number',
+      tooltip: '账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
+    },
   ];
-  const customFields = groupArrayBySize(CUSTOM_FIELDS, 4, dateType);
-  return showMore ? [...baseFields, ...customFields] : [...baseFields];
+  const allFields = showMore ? [...baseFields, ...CUSTOM_FIELDS] : baseFields.slice(0,8);
+  return groupFieldsWithColSpan(allFields, dateType);
 };

From 022eb357997337a7d26a1e6ce5d4d1fdcea538e3 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 16 Jul 2025 15:47:05 +0800
Subject: [PATCH 21/97] =?UTF-8?q?perf:=20=E5=8E=BB=E6=8E=89=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5=E7=BB=93=E6=9E=9C=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/add-account-modal/index.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 d5a3859..8e91c97 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
@@ -188,8 +188,8 @@ export default {
           emit('update');
           onClose();
 
-          const ID = 'IMPORT-ACCOUNT';
-          renderNotification(ID);
+          // const ID = 'IMPORT-ACCOUNT';
+          // renderNotification(ID);
           importPromptModalRef.value.open();
         } else {
           uploadStatus.value = UploadStatus.ERROR;

From 876df2c694f3d9536744dd4501e51d15ecf281e8 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 16 Jul 2025 17:34:27 +0800
Subject: [PATCH 22/97] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/management/person/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
index e5dc18e..e3e39b4 100644
--- a/src/views/components/management/person/index.vue
+++ b/src/views/components/management/person/index.vue
@@ -27,7 +27,7 @@
         :wrapper-col-props="{ span: 21, offset: 0 }"
       >
         <a-form-item field="head_image" label="头像">
-          <div class="flex item-center">
+          <div class="flex items-center">
             <a-avatar :image-url="userInfoForm.file_url" :size="48" />
             <span class="upload-button" @click="triggerFileInput">
               <input

From 87c729b260ad2a6227d55a2539aa0fc4bdcb88b2 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 16 Jul 2025 17:40:45 +0800
Subject: [PATCH 23/97] =?UTF-8?q?perf:=20=E8=B4=A6=E5=8F=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2=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

---
 src/views/components/management/account/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/components/management/account/index.vue b/src/views/components/management/account/index.vue
index 88d4209..fe96f1d 100644
--- a/src/views/components/management/account/index.vue
+++ b/src/views/components/management/account/index.vue
@@ -6,7 +6,7 @@
     </div>
     <a-table
       :columns="columns"
-      :data="data"
+      :data="dataSource"
       :pagination="pagination"
       class="mt-8px h-540px"
       @page-change="handlePageChange"
@@ -79,7 +79,7 @@ const columns = [
     slotName: 'action',
   },
 ];
-const data = ref([]);
+const dataSource = ref([]);
 const pagination = reactive({
   total: 0,
   showPageSize: true,
@@ -130,10 +130,10 @@ function handlePageSizeChange(pageSize: number) {
 
 async function getSubAccount() {
   const res = await fetchSubAccountPage(params);
-  const { data, total, code } = res.data;
+  const { data, code } = res;
   if (code === 200) {
-    pagination.total = total;
-    data.value = data;
+    pagination.total = data.total;
+    dataSource.value = data?.data ?? [];
   }
 }
 async function handleAddAccount() {

From 37f1fdb43f6cf6ca8bd12dc4eca9973494833865 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 16 Jul 2025 18:29:05 +0800
Subject: [PATCH 24/97] =?UTF-8?q?feat:=20=E5=88=87=E6=8D=A2=E4=BC=81?=
 =?UTF-8?q?=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/_base/navbar/index.vue | 72 ++++++++++++++++++++++-----
 1 file changed, 59 insertions(+), 13 deletions(-)

diff --git a/src/components/_base/navbar/index.vue b/src/components/_base/navbar/index.vue
index 6122ae8..0fc5d65 100644
--- a/src/components/_base/navbar/index.vue
+++ b/src/components/_base/navbar/index.vue
@@ -5,6 +5,7 @@ import { useEnterpriseStore } from '@/stores/modules/enterprise';
 // import { handleUserLogout } from '@/utils/user';
 // import { fetchLogOut } from '@/api/all/login';
 import { useSidebarStore } from '@/stores/modules/side-bar';
+import { useUserStore } from '@/stores';
 import { MENU_GROUP_IDS } from '@/router/constants';
 import router from '@/router';
 // import { useRoute } from 'vue-router';
@@ -13,7 +14,9 @@ import ExitAccountModal from '@/components/_base/exit-account-modal/index.vue';
 // import { MENU_LIST } from './constants';
 
 const sidebarStore = useSidebarStore();
-// const enterpriseStore = useEnterpriseStore();
+const enterpriseStore = useEnterpriseStore();
+const userStore = useUserStore();
+
 // const route = useRoute();
 const exitAccountModalRef = ref(null);
 // const selectedKey = ref([]);
@@ -24,6 +27,9 @@ const selectedKey = computed(() => {
 const menuList = computed(() => {
   return sidebarStore.menuList;
 });
+const enterprises = computed(() => {
+  return userStore.userInfo?.enterprises ?? [];
+});
 
 const clickExit = async () => {
   exitAccountModalRef.value?.open();
@@ -38,6 +44,10 @@ const setServerMenu = () => {
 const handleDopdownClick = (item) => {
   router.push({ name: item.routeName });
 };
+const onEnterpriseItemClick = async (item) => {
+  enterpriseStore.setEnterpriseInfo(item);
+  window.location.reload();
+};
 </script>
 
 <template>
@@ -90,15 +100,31 @@ const handleDopdownClick = (item) => {
                   <icon-right size="12" />
                 </a-space>
               </a-doption>
-              <!-- <a-doption>
-                <a-space class="flex justify-between w-100%">
-                  <div class="flex items-center">
-                    <img src="@/assets/change.svg" class="w-16px h-16px mr-8px" />
-                    <span>切换企业账号</span>
-                  </div>
-                  <icon-right size="12" />
-                </a-space>
-              </a-doption> -->
+              <a-dsubmenu value="option-1" position="lt" trigger="hover" class="enterprises-dsubmenu">
+                <a-doption class="enterprises-doption">
+                  <a-space class="flex justify-between w-100%">
+                    <div class="flex items-center">
+                      <img src="@/assets/change.svg" class="w-16px h-16px mr-8px" />
+                      <span>切换企业账号</span>
+                    </div>
+                    <icon-right size="12" />
+                  </a-space>
+                </a-doption>
+                <template #content>
+                  <a-doption
+                    v-for="(item, index) in enterprises"
+                    :key="index"
+                    class="rounded-8px hover:bg-#F2F3F5"
+                    :class="enterpriseStore.enterpriseInfo?.id === item.id ? '!color-#6D4CFE' : ''"
+                    @click="onEnterpriseItemClick(item)"
+                  >
+                    <div class="flex items-center w-100% justify-between">
+                      <span>{{ item.name }}</span>
+                      <icon-check v-if="enterpriseStore.enterpriseInfo?.id === item.id" size="16" />
+                    </div>
+                  </a-doption>
+                </template>
+              </a-dsubmenu>
               <a-doption>
                 <a-space class="flex justify-between w-100%" @click="clickExit">
                   <div class="flex items-center">
@@ -208,7 +234,8 @@ const handleDopdownClick = (item) => {
 
 <style lang="scss">
 .layout-menu-item-dropdown,
-.layout-avatar-dropdown {
+.layout-avatar-dropdown,
+.enterprises-dsubmenu {
   .arco-dropdown {
     border-radius: 8px;
     border: 1px solid var(--BG-300, #e6e6e8);
@@ -232,17 +259,21 @@ const handleDopdownClick = (item) => {
           line-height: 22px; /* 137.5% */
         }
       }
+      .arco-dropdown-option-content {
+        border-radius: 8px !important;
+      }
       &:not(.arco-dropdown-option-disabled):hover {
         background-color: transparent;
         .arco-dropdown-option-content {
-          border-radius: 8px;
+          // border-radius: 8px;
           background: var(--BG-200, #f2f3f5);
         }
       }
     }
   }
 }
-.layout-avatar-dropdown {
+.layout-avatar-dropdown,
+.enterprises-dsubmenu {
   width: 200px;
   .arco-dropdown {
     padding: 12px 4px;
@@ -253,5 +284,20 @@ const handleDopdownClick = (item) => {
       }
     }
   }
+  .arco-dropdown-option-suffix {
+    display: none;
+  }
+  .enterprises-doption {
+    .arco-dropdown-option-content {
+      padding: 0 !important;
+      border-radius: 8px;
+    }
+    &:not(.arco-dropdown-option-disabled):hover {
+      background-color: transparent;
+      .arco-dropdown-option-content {
+        background: var(--BG-200, #f2f3f5);
+      }
+    }
+  }
 }
 </style>

From 123f2ce3dbb8e88a85ed681f07c902bd66ee5a1a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 09:58:49 +0800
Subject: [PATCH 25/97] =?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

---
 .../navbar/components/right-side/index.vue    | 50 +------------------
 .../components/management/account/index.vue   |  8 +--
 .../management/enterprise/index.vue           | 14 ++++--
 .../components/management/person/index.vue    |  6 ++-
 4 files changed, 19 insertions(+), 59 deletions(-)

diff --git a/src/components/_base/navbar/components/right-side/index.vue b/src/components/_base/navbar/components/right-side/index.vue
index 5062300..6bada4f 100644
--- a/src/components/_base/navbar/components/right-side/index.vue
+++ b/src/components/_base/navbar/components/right-side/index.vue
@@ -138,7 +138,7 @@ const setServerMenu = () => {
           font-size: 16px;
           font-style: normal;
           font-weight: 400;
-          line-height: 22px; /* 137.5% */
+          line-height: 22px;
         }
       }
       .arco-dropdown-option-content {
@@ -147,7 +147,6 @@ const setServerMenu = () => {
       &:not(.arco-dropdown-option-disabled):hover {
         background-color: transparent;
         .arco-dropdown-option-content {
-          // border-radius: 8px;
           background: var(--BG-200, #f2f3f5);
         }
       }
@@ -182,51 +181,4 @@ const setServerMenu = () => {
     }
   }
 }
-
-// .layout-avatar-dropdown {
-//   .arco-dropdown {
-//     border-radius: 8px;
-//     border: 1px solid var(--BG-300, #e6e6e8);
-//     background: var(--BG-white, #fff);
-//     padding: 12px 0px;
-//     .arco-dropdown-option {
-//       padding: 0 12px;
-//       margin-bottom: 4px;
-//       &-content {
-//         display: flex;
-//         height: 40px;
-//         width: 100%;
-//         padding: 10px 24px;
-//         align-items: center;
-//         .menu-item-text {
-//           color: var(--Text-2, #3c4043);
-//           font-family: 'PuHuiTi-Regular';
-//           font-size: 16px;
-//           font-style: normal;
-//           font-weight: 400;
-//           line-height: 22px; /* 137.5% */
-//         }
-//       }
-//       &:not(.arco-dropdown-option-disabled):hover {
-//         background-color: transparent;
-//         .arco-dropdown-option-content {
-//           border-radius: 8px;
-//           background: var(--BG-200, #f2f3f5);
-//         }
-//       }
-//     }
-//   }
-// }
-// .layout-avatar-dropdown {
-//   width: 200px;
-//   .arco-dropdown {
-//     padding: 12px 4px;
-//     .arco-dropdown-option {
-//       padding: 0 !important;
-//       &-content {
-//         padding: 0 12px !important;
-//       }
-//     }
-//   }
-// }
 </style>
diff --git a/src/views/components/management/account/index.vue b/src/views/components/management/account/index.vue
index fe96f1d..d688822 100644
--- a/src/views/components/management/account/index.vue
+++ b/src/views/components/management/account/index.vue
@@ -99,7 +99,9 @@ const addAccountVisible = ref(false);
 const deleteVisible = ref(false);
 const deleteTitle = ref('');
 
-const enterpriseInfo = store.enterpriseInfo;
+const enterpriseInfo = computed(() => {
+  return store.enterpriseInfo ?? {};
+});
 
 const okText = computed(() => {
   if (!canAddAccount.value) {
@@ -109,9 +111,9 @@ const okText = computed(() => {
 });
 const customerServiceVisible = ref(false);
 const canAddAccount = computed(() => {
-  if (!enterpriseInfo) return false;
+  if (!enterpriseInfo.value) return false;
 
-  return enterpriseInfo.sub_account_quota > enterpriseInfo.used_sub_account_count;
+  return enterpriseInfo.value.sub_account_quota > enterpriseInfo.value.used_sub_account_count;
 });
 
 const currentSelectAccount = ref();
diff --git a/src/views/components/management/enterprise/index.vue b/src/views/components/management/enterprise/index.vue
index 6beef29..95f3b8b 100644
--- a/src/views/components/management/enterprise/index.vue
+++ b/src/views/components/management/enterprise/index.vue
@@ -48,7 +48,9 @@ const form = reactive({
   name: '',
 });
 
-const enterpriseInfo = store.enterpriseInfo;
+const enterpriseInfo = computed(() => {
+  return store.enterpriseInfo ?? {};
+});
 
 const columns = [
   {
@@ -65,11 +67,13 @@ const infoVisible = ref(false);
 const customerServiceVisible = ref(false);
 
 const dataSource = computed(() => {
-  return enterpriseInfo ? [enterpriseInfo] : [];
+  return enterpriseInfo.value ? [enterpriseInfo.value] : [];
 });
+
+console.log({ dataSource });
 const canUpdate = computed(() => {
-  if (!enterpriseInfo) return false;
-  return enterpriseInfo.update_name_quota > enterpriseInfo.used_update_name_count;
+  if (!enterpriseInfo.value) return false;
+  return enterpriseInfo.value.update_name_quota > enterpriseInfo.value.used_update_name_count;
 });
 
 const okText = computed(() => {
@@ -81,7 +85,7 @@ const okText = computed(() => {
 
 function handleUpdate() {
   if (!canUpdate.value) {
-    form.name = enterpriseInfo!.name;
+    form.name = enterpriseInfo.value?.name;
   }
   infoVisible.value = true;
 }
diff --git a/src/views/components/management/person/index.vue b/src/views/components/management/person/index.vue
index e3e39b4..373d4f4 100644
--- a/src/views/components/management/person/index.vue
+++ b/src/views/components/management/person/index.vue
@@ -91,7 +91,9 @@ import axios from 'axios';
 import { useUserStore } from '@/stores';
 
 const store = useUserStore();
-const userInfo = store.userInfo;
+const userInfo = computed(() => {
+  return store.userInfo ?? {};
+});
 
 const columns = [
   {
@@ -115,7 +117,7 @@ const isSendCaptcha = ref(false);
 const uploadInputRef = ref();
 
 const dataSource = computed(() => {
-  return userInfo ? [userInfo] : [];
+  return userInfo.value ? [userInfo.value] : [];
 });
 
 // 表单校验规则

From 85b62ff4761fbd9d51f26276d0c1d48e3eca68ae Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 10:14:28 +0800
Subject: [PATCH 26/97] =?UTF-8?q?perf:=20=E7=A6=81=E7=94=A8=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/components/date-picker.scss                        | 3 +++
 src/styles/components/input.scss                              | 3 +++
 src/styles/components/select.scss                             | 3 +++
 src/styles/components/textarea.scss                           | 3 +++
 .../account-manage/components/add-account-modal/index.vue     | 4 ++--
 5 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/date-picker.scss b/src/styles/components/date-picker.scss
index 6120784..568a2ce 100644
--- a/src/styles/components/date-picker.scss
+++ b/src/styles/components/date-picker.scss
@@ -12,4 +12,7 @@
     border-color: rgb(var(--primary-6)) !important;
     box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
   }
+  &.arco-picker-disabled {
+    background-color: var(--BG-200, #F2F3F5) !important;
+  }
 }
diff --git a/src/styles/components/input.scss b/src/styles/components/input.scss
index 896bb8b..e55b6f4 100644
--- a/src/styles/components/input.scss
+++ b/src/styles/components/input.scss
@@ -12,4 +12,7 @@
     border-color: rgb(var(--primary-6)) !important;
     box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
   }
+  &.arco-input-disabled {
+    background-color: var(--BG-200, #F2F3F5) !important;
+  }
 }
diff --git a/src/styles/components/select.scss b/src/styles/components/select.scss
index cf0b8aa..81f20c1 100644
--- a/src/styles/components/select.scss
+++ b/src/styles/components/select.scss
@@ -12,4 +12,7 @@
     border-color: rgb(var(--primary-6)) !important;
     box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
   }
+  &.arco-select-view-disabled {
+    background-color: var(--BG-200, #F2F3F5) !important;
+  }
 }
diff --git a/src/styles/components/textarea.scss b/src/styles/components/textarea.scss
index f87db35..7b8408a 100644
--- a/src/styles/components/textarea.scss
+++ b/src/styles/components/textarea.scss
@@ -12,4 +12,7 @@
     border-color: rgb(var(--primary-6)) !important;
     box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
   }
+  &.arco-textarea-disabled {
+    background-color: var(--BG-200, #F2F3F5) !important;
+  }
 }
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 8e91c97..6f0c700 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
@@ -51,7 +51,7 @@ const INITIAL_FORM = {
   mobile: '',
   operator_name: '',
   holder_name: '',
-  platform: 0,
+  platform: 1,
   group_id: undefined,
   tag_ids: [],
   end_work_link: undefined,
@@ -380,8 +380,8 @@ export default {
                   <img src={form.value.platform === 0 ? icon3 : icon4} width="24" height="24" />
                 ) : (
                   <RadioGroup v-model={form.value.platform}>
-                    <Radio value={0}>抖音</Radio>
                     <Radio value={1}>小红书</Radio>
+                    <Radio value={0}>抖音</Radio>
                   </RadioGroup>
                 )}
               </FormItem>

From e6a957d2d2125ebcebeced5861e060fad748bd7b Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 11:18:36 +0800
Subject: [PATCH 27/97] =?UTF-8?q?feat:=20=E4=B8=8B=E8=BD=BD=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{ => components/export-task}/constants.ts |   0
 .../export-task}/delete-task-modal.vue        |   0
 .../components/export-task/index.vue          | 314 ++++++++++++++++++
 .../components/export-task/style.scss         |  50 +++
 .../download-center-modal/index.vue           | 248 +-------------
 .../download-center-modal/style.scss          | 105 ++----
 src/hooks/useTableSelectionWithPagination.ts  |   1 +
 .../select-sub-account-modal/index.vue        |  11 +-
 8 files changed, 395 insertions(+), 334 deletions(-)
 rename src/components/_base/navbar/components/download-center-modal/{ => components/export-task}/constants.ts (100%)
 rename src/components/_base/navbar/components/download-center-modal/{ => components/export-task}/delete-task-modal.vue (100%)
 create mode 100644 src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
 create mode 100644 src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss

diff --git a/src/components/_base/navbar/components/download-center-modal/constants.ts b/src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts
similarity index 100%
rename from src/components/_base/navbar/components/download-center-modal/constants.ts
rename to src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts
diff --git a/src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue b/src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue
similarity index 100%
rename from src/components/_base/navbar/components/download-center-modal/delete-task-modal.vue
rename to src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
new file mode 100644
index 0000000..55aec92
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
@@ -0,0 +1,314 @@
+<template>
+  <div class="export-task-wrap">
+    <div class="filter-row flex mb-16px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">操作人员</span>
+        <a-input
+          v-model="query.search"
+          class="w-240px"
+          placeholder="请搜索..."
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">所属模块</span>
+        <a-select v-model="query.module" size="medium" placeholder="全部" allow-clear @change="handleChange">
+          <a-option v-for="(item, index) in groups" :key="index" :value="item.id" :label="item.name">
+            {{ item.name }}
+          </a-option>
+        </a-select>
+      </div>
+    </div>
+
+    <div
+      v-if="dataSource.length > 0 && selectedRows.length > 0"
+      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
+      :class="selectedRows.length > 0 ? 'selected' : ''"
+    >
+      <div class="flex items-center">
+        <div class="flex items-center">
+          <a-checkbox
+            :model-value="checkedAll"
+            :indeterminate="indeterminate"
+            class="mr-8px"
+            @change="handleSelectAll"
+          />
+          <span class="label mr-24px">
+            已选
+            <span class="color-#6D4CFE">{{ selectedRows.length }}</span>
+            个文件
+          </span>
+
+          <span class="operation-btn" @click="handleBatchDownload">批量下载</span>
+          <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
+        </div>
+      </div>
+
+      <icon-close size="16" class="cursor-pointer color-#737478" @click="handleCloseTip" />
+    </div>
+
+    <a-table
+      ref="tableRef"
+      :data="dataSource"
+      column-resizable
+      row-key="id"
+      :row-selection="rowSelection"
+      :selected-keys="selectedRowKeys"
+      :pagination="false"
+      :scroll="{ x: '100%', y: '100%' }"
+      class="w-100% flex-1 overflow-hidden"
+      bordered
+      @sorter-change="handleSorterChange"
+      @select="handleSelect"
+      @select-all="handleSelectAll"
+    >
+      <template #empty>
+        <NoData />
+      </template>
+      <template #columns>
+        <a-table-column
+          v-for="column in TABLE_COLUMNS"
+          :key="column.dataIndex"
+          :data-index="column.dataIndex"
+          :fixed="column.fixed"
+          :width="column.width"
+          :min-width="column.minWidth"
+          :sortable="column.sortable"
+          :align="column.align"
+          ellipsis
+          tooltip
+        >
+          <template #title>
+            <div class="flex items-center">
+              <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
+              <span class="cts mr-4px">{{ column.title }}</span>
+              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+              </a-tooltip>
+            </div>
+          </template>
+
+          <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
+            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+          </template>
+          <template v-else-if="column.dataIndex === 'time'" #cell="{ record }">
+            {{ exactFormatTime(record.time) }}
+          </template>
+
+          <template v-else #cell="{ record }">
+            {{ formatTableField(column, record, true) }}
+          </template>
+        </a-table-column>
+        <a-table-column data-index="operation" width="100" title="操作">
+          <template #cell="{ record }">
+            <div class="flex items-center">
+              <img :src="icon1" width="14" height="14" class="mr-8px cursor-pointer" @click="handleDelete(record)" />
+              <a-button type="outline" size="mini" class="search-btn" @click="handleDownload(record)">下载</a-button>
+            </div>
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+    <div v-if="pageInfo.total > 0" class="flex justify-end my-16px">
+      <a-pagination
+        :total="pageInfo.total"
+        size="mini"
+        show-total
+        show-jumper
+        show-page-size
+        :current="pageInfo.page"
+        :page-size="pageInfo.page_size"
+        @change="onPageChange"
+        @page-size-change="onPageSizeChange"
+      />
+    </div>
+
+    <DeleteTaskModal ref="deleteTaskModalRef" @batchUpdate="onBatchSuccess" @update="getData" />
+  </div>
+</template>
+
+<script setup>
+import { fetchAccountGroups } from '@/api/all/propertyMarketing';
+import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
+import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+
+import DeleteTaskModal from './delete-task-modal.vue';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+
+const {
+  selectedRowKeys,
+  selectedRows,
+  dataSource,
+  pageInfo,
+  onPageChange,
+  onPageSizeChange,
+  rowSelection,
+  handleSelect,
+  handleSelectAll,
+} = useTableSelectionWithPagination({
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
+
+const visible = ref(false);
+const query = ref(cloneDeep(INITIAL_FORM));
+const groups = ref([]);
+const deleteTaskModalRef = ref(null);
+
+const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
+const indeterminate = computed(
+  () => selectedRows.value.length > 0 && selectedRows.value.length < dataSource.value.length,
+);
+
+const reset = () => {
+  query.value = cloneDeep(INITIAL_FORM);
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
+  selectedRowKeys.value = [];
+  selectedRows.value = [];
+  dataSource.value = [];
+};
+
+const init = () => {
+  getGroups();
+  getData();
+
+  visible.value = true;
+};
+
+const getData = () => {
+  dataSource.value = [
+    {
+      id: 1,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 2,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 3,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 4,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 5,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 6,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 7,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 8,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 9,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+  ];
+  pageInfo.value.total = 9;
+};
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order === 'ascend' ? 'asc' : 'desc';
+  reload();
+};
+
+const handleSearch = () => {
+  reload();
+};
+
+const getGroups = async () => {
+  const { code, data } = await fetchAccountGroups();
+  if (code === 200) {
+    groups.value = data;
+  }
+};
+
+const handleCloseTip = () => {
+  selectedRows.value = [];
+};
+
+const handleDownload = () => {
+  console.log('handleDownload');
+};
+const handleBatchDownload = () => {
+  console.log('handleBatchDownload', selectedRows);
+};
+
+const handleDelete = (record) => {
+  const { id, file_name } = record;
+  deleteTaskModalRef.value.open({
+    id,
+    name: `“${file_name || '-'}”`,
+  });
+};
+const handleBatchDelete = () => {
+  const ids = selectedRows.value.map((item) => item.id);
+  const names = selectedRows.value.map((item) => `"${item.name || '-'}"`).join('，');
+  deleteTaskModalRef.value?.open({ id: ids, name: names });
+};
+
+const onBatchSuccess = () => {
+  selectedRows.value = [];
+  getData();
+};
+
+defineExpose({ init, reset });
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss b/src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss
new file mode 100644
index 0000000..180bfb0
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss
@@ -0,0 +1,50 @@
+.export-task-wrap {
+  .tip-row {
+    border-radius: 2px;
+    background: #f0edff;
+    .label {
+      font-family: $font-family-medium;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+    &.normal {
+      background: #ebf7f2;
+      .label {
+        color: #211f24;
+      }
+    }
+    &.abnormal {
+      background: #ffe7e4;
+      .label {
+        color: #211f24;
+      }
+    }
+    .err-btn {
+      background-color: #f64b31 !important;
+      color: var(--BG-white, #fff);
+      font-family: 'PingFang SC';
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; 
+    }
+    .operation-btn {
+      padding: 0;
+      cursor: pointer;
+      color: var(--Brand-Brand-6, #6d4cfe);
+      font-family: $font-family-regular;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; 
+      &:not(:last-child) {
+        margin-right: 16px;
+      }
+      &.red {
+        color: #f64b31;
+      }
+    }
+  }
+}
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/download-center-modal/index.vue
index 1b82ad6..f4046b4 100644
--- a/src/components/_base/navbar/components/download-center-modal/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/index.vue
@@ -1,271 +1,29 @@
 <template>
   <a-modal
     v-model:visible="visible"
-    title="下载中心"
+    title="任务中心"
     modal-class="download-center-modal"
     width="860px"
     :mask-closable="false"
     :footer="false"
     @close="onClose"
   >
-    <div class="filter-row flex mb-16px">
-      <div class="filter-row-item flex items-center">
-        <span class="label">操作人员</span>
-        <a-input
-          v-model="query.search"
-          class="w-240px"
-          placeholder="请搜索..."
-          size="medium"
-          allow-clear
-          @change="handleSearch"
-        >
-          <template #prefix>
-            <icon-search />
-          </template>
-        </a-input>
-      </div>
-      <div class="filter-row-item flex items-center">
-        <span class="label">所属模块</span>
-        <a-select v-model="query.module" size="medium" placeholder="全部" allow-clear @change="handleChange">
-          <a-option v-for="(item, index) in groups" :key="index" :value="item.id" :label="item.name">
-            {{ item.name }}
-          </a-option>
-        </a-select>
-      </div>
-    </div>
-
-    <div
-      v-if="dataSource.length > 0 && selectedItems.length > 0"
-      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
-      :class="selectedItems.length > 0 ? 'selected' : ''"
-    >
-      <div class="flex items-center">
-        <div class="flex items-center">
-          <a-checkbox
-            :model-value="checkedAll"
-            :indeterminate="indeterminate"
-            class="mr-8px"
-            @change="handleSelectAll"
-          />
-          <span class="label mr-24px">
-            已选
-            <span class="color-#6D4CFE">{{ selectedItems.length }}</span>
-            个文件
-          </span>
-
-          <span class="operation-btn" @click="handleBatchDownload">批量下载</span>
-          <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
-        </div>
-      </div>
-
-      <icon-close size="16" class="cursor-pointer color-#737478" @click="handleCloseTip" />
-    </div>
-
-    <a-table
-      ref="tableRef"
-      :data="dataSource"
-      column-resizable
-      row-key="id"
-      :row-selection="{
-        type: 'checkbox',
-        showCheckedAll: true,
-        width: 48,
-      }"
-      :selected-keys="selectedItems"
-      :pagination="false"
-      :scroll="{ x: '100%' }"
-      class="file-table w-100% flex-1"
-      bordered
-      @sorter-change="handleSorterChange"
-      @select="handleSelect"
-      @select-all="handleSelectAll"
-    >
-      <template #empty>
-        <NoData />
-      </template>
-      <template #columns>
-        <a-table-column
-          v-for="column in TABLE_COLUMNS"
-          :key="column.dataIndex"
-          :data-index="column.dataIndex"
-          :fixed="column.fixed"
-          :width="column.width"
-          :min-width="column.minWidth"
-          :sortable="column.sortable"
-          :align="column.align"
-          ellipsis
-          tooltip
-        >
-          <template #title>
-            <div class="flex items-center">
-              <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
-              <span class="cts mr-4px">{{ column.title }}</span>
-              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-              </a-tooltip>
-            </div>
-          </template>
-
-          <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
-            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
-          </template>
-          <template v-else-if="column.dataIndex === 'time'" #cell="{ record }">
-            {{ exactFormatTime(record.time) }}
-          </template>
-
-          <template v-else #cell="{ record }">
-            {{ formatTableField(column, record, true) }}
-          </template>
-        </a-table-column>
-        <a-table-column data-index="operation" width="100" title="操作">
-          <template #cell="{ record }">
-            <div class="flex items-center">
-              <img :src="icon1" width="14" height="14" class="mr-8px cursor-pointer" @click="handleDelete(record)" />
-              <a-button type="outline" size="mini" class="search-btn" @click="handleDownload(record)">下载</a-button>
-            </div>
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
-    <div v-if="pageInfo.total > 0" class="flex justify-end">
-      <a-pagination
-        :total="pageInfo.total"
-        size="mini"
-        show-total
-        show-jumper
-        show-page-size
-        :current="pageInfo.page"
-        :page-size="pageInfo.pageSize"
-        @change="onPageChange"
-        @page-size-change="onPageSizeChange"
-      />
-    </div>
-
-    <DeleteTaskModal ref="deleteTaskModalRef" @batchUpdate="onBatchSuccess" @update="getData" />
+    <ExportTask />
   </a-modal>
 </template>
 
 <script setup>
-import { fetchAccountGroups } from '@/api/all/propertyMarketing';
-import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
-import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
-import DeleteTaskModal from './delete-task-modal.vue';
-
-import icon1 from '@/assets/img/media-account/icon-delete.png';
+import ExportTask from './components/export-task';
 
 const visible = ref(false);
-const dataSource = ref([]);
-const query = ref(cloneDeep(INITIAL_FORM));
-const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
-const selectedItems = ref([]);
-const groups = ref([]);
-const deleteTaskModalRef = ref(null);
-
-const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
-const indeterminate = computed(
-  () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
-);
 
 const open = () => {
-  getGroups();
-  getData();
-
   visible.value = true;
 };
 const onClose = () => {
-  query.value = cloneDeep(INITIAL_FORM);
-  pageInfo.value = cloneDeep(INITIAL_FORM);
-
   visible.value = false;
 };
 
-const getData = () => {
-  dataSource.value = [
-    {
-      id: 1,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 2,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-  ];
-};
-const reload = () => {
-  pageInfo.value.page = 1;
-  getData();
-};
-
-const handleSorterChange = (column, order) => {
-  query.value.column = column;
-  query.value.order = order === 'ascend' ? 'asc' : 'desc';
-  reload();
-};
-
-const handleSearch = () => {
-  reload();
-};
-const handleDelete = (record) => {
-  const { id, file_name } = record;
-  deleteTaskModalRef.value.open({
-    id,
-    name: `“${file_name || '-'}”`,
-  });
-};
-const handleBatchDelete = () => {
-  const ids = selectedItems.value.map((item) => item.id);
-  const names = selectedItems.value.map((item) => `"${item.name || '-'}"`).join('，');
-  deleteTaskModalRef.value?.open({ id: ids, name: names });
-};
-const getGroups = async () => {
-  const { code, data } = await fetchAccountGroups();
-  if (code === 200) {
-    groups.value = data;
-  }
-};
-const handleSelect = (selectedRowKeys, selectedRows) => {
-  selectedItems.value = selectedRowKeys;
-};
-
-const handleSelectAll = (checked) => {
-  if (checked) {
-    selectedItems.value = dataSource.value.map((item) => item.id);
-  } else {
-    selectedItems.value = [];
-  }
-};
-
-const handleCloseTip = () => {
-  selectedItems.value = [];
-};
-
-const handleDownload = () => {
-  console.log('handleDownload');
-};
-const handleBatchDownload = () => {
-  console.log('handleBatchDownload');
-};
-
-const onPageChange = (current) => {
-  pageInfo.value.page = current;
-  getData();
-};
-const onPageSizeChange = (pageSize) => {
-  pageInfo.value.pageSize = pageSize;
-  reload();
-};
-
-const onBatchSuccess = () => {
-  selectedItems.value = [];
-  getData();
-};
-
 defineExpose({ open });
 </script>
 
diff --git a/src/components/_base/navbar/components/download-center-modal/style.scss b/src/components/_base/navbar/components/download-center-modal/style.scss
index d2e5be6..c6e9698 100644
--- a/src/components/_base/navbar/components/download-center-modal/style.scss
+++ b/src/components/_base/navbar/components/download-center-modal/style.scss
@@ -1,18 +1,4 @@
 .download-center-modal {
-  .arco-input-wrapper,
-  .arco-select-view-single,
-  .arco-select-view-multiple {
-    border-radius: 4px;
-    border-color: #d7d7d9;
-    background-color: #fff;
-    &:focus-within,
-    &.arco-input-focus,
-    &.arco-textarea-focus {
-      background-color: var(--color-bg-2);
-      border-color: rgb(var(--primary-6));
-      box-shadow: 0 0 0 0 var(--color-primary-light-2);
-    }
-  }
   .arco-modal-header {
     .arco-modal-title {
       color: var(--Text-1, #211f24);
@@ -25,84 +11,35 @@
   }
   .arco-modal-body {
     height: 536px;
-    padding: 24px 20px 40px;
-    .filter-row {
-      .filter-row-item {
-        &:not(:last-child) {
-          margin-right: 24px;
-        }
-        .label {
-          margin-right: 12px;
-          color: #211f24;
-          font-family: 'PuHuiTi-Regular';
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          flex-shrink: 0;
-          line-height: 22px; /* 157.143% */
-        }
-        :deep(.arco-space-item) {
-          width: 100%;
-        }
+    display: flex;
+    flex-direction: column;
+  }
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
       }
-    }
-    .tip-row {
-      border-radius: 2px;
-      background: #f0edff;
       .label {
-        font-family: $font-family-medium;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 22px;
-      }
-      &.normal {
-        background: #ebf7f2;
-        .label {
-          color: #211f24;
-        }
-      }
-      &.abnormal {
-        background: #ffe7e4;
-        .label {
-          color: #211f24;
-        }
-      }
-      .err-btn {
-        background-color: #f64b31 !important;
-        color: var(--BG-white, #fff);
-        font-family: 'PingFang SC';
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px; /* 166.667% */
-      }
-      .operation-btn {
-        padding: 0;
-        cursor: pointer;
-        color: var(--Brand-Brand-6, #6d4cfe);
-        font-family: $font-family-regular;
+        margin-right: 12px;
+        color: #211f24;
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
+        flex-shrink: 0;
         line-height: 22px; /* 157.143% */
-        &:not(:last-child) {
-          margin-right: 16px;
-        }
-        &.red {
-          color: #F64B31;
-        }
       }
-    }
-    .file-table {
-      .cts {
-        color: var(--Text-1, #211f24);
-        font-family: $font-family-medium;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 22px;
+      :deep(.arco-space-item) {
+        width: 100%;
       }
     }
   }
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: $font-family-medium;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
 }
diff --git a/src/hooks/useTableSelectionWithPagination.ts b/src/hooks/useTableSelectionWithPagination.ts
index ac13d17..b51a7a0 100644
--- a/src/hooks/useTableSelectionWithPagination.ts
+++ b/src/hooks/useTableSelectionWithPagination.ts
@@ -71,6 +71,7 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
   const rowSelection = computed(() => ({
     type: 'checkbox',
     showCheckedAll: true,
+    width: 48,
   }));
 
   return {
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
index 032f9d4..e3762c9 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
@@ -100,7 +100,7 @@
     </div>
     <template #footer>
       <span class="cts color-#3C4043 s1"
-        >已选<span class="color-#6D4CFE num mx-3px">{{ selectedAccounts.length }}个</span>账户</span
+        >已选<span class="color-#6D4CFE num mx-3px">{{ selectedRows.length }}个</span>账户</span
       >
       <div class="flex items-center">
         <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
@@ -109,7 +109,7 @@
           class="ml-16px"
           status="danger"
           size="large"
-          :disabled="!selectedAccounts.length"
+          :disabled="!selectedRows.length"
           @click="onConfirm"
           >添加已选账户</a-button
         >
@@ -136,7 +136,7 @@ const form = ref(null);
 const ROW_KEY = 'account_id';
 const {
   selectedRowKeys,
-  selectedRows: selectedAccounts,
+  selectedRows,
   dataSource,
   pageInfo,
   onPageChange,
@@ -170,7 +170,8 @@ const open = (formData) => {
 
 const onClose = () => {
   form.value = null;
-  selectedAccounts.value = [];
+  selectedRows.value = [];
+  dataSource.value = [];
   selectedRowKeys.value = [];
   query.value = cloneDeep(INITIAL_FORM);
   pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
@@ -178,7 +179,7 @@ const onClose = () => {
 };
 
 const onConfirm = async () => {
-  const { code } = await postAddSubAccount({ ...form.value, subaccounts: selectedAccounts.value });
+  const { code } = await postAddSubAccount({ ...form.value, subaccounts: selectedRows.value });
   if (code === 200) {
     visible.value = false;
     update();

From 21ef913c0444ba6fda2876fdace31e862510d686 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 12:00:36 +0800
Subject: [PATCH 28/97] =?UTF-8?q?perf:=20=E9=87=8D=E6=96=B0=E6=8E=88?=
 =?UTF-8?q?=E6=9D=83=E6=8A=95=E6=B5=81=E8=B4=A6=E5=8F=B7=E5=90=8Eupdate?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/authorized-account-modal/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index b3ce517..eff84ab 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -250,6 +250,7 @@ const handleSyncData = () => {
   if (syncType.value === INITIAL_SYNC_TYPE) {
     postPlacementAccountsSync(id.value).then((res) => {
       if (res.code === 200) {
+        update();
         close();
       }
     });

From ea918038d372c5e285e0c655f17c1f81cfc1fc72 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 14:13:48 +0800
Subject: [PATCH 29/97] =?UTF-8?q?perf:=20=E8=B4=A6=E5=8F=B7=E5=90=8D?=
 =?UTF-8?q?=E7=A7=B0hover=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/note-table/constants.ts           | 16 ++++++++--------
 .../components/account-table/index.vue           |  4 +++-
 .../components/account-table/style.scss          |  1 +
 3 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
index 0c64862..b5fd6b7 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
@@ -70,12 +70,12 @@ export const TABLE_COLUMNS = [
     align: 'right',
   },
 
-  {
-    title: '封面点击率',
-    dataIndex: 'cover_click_rate',
-    width: 180,
-    tooltip: '内容在被曝光后，用户点击进入的比例，反映封面与标题吸引力。',
-    align: 'right',
-    suffix: '%',
-  },
+  // {
+  //   title: '封面点击率',
+  //   dataIndex: 'cover_click_rate',
+  //   width: 180,
+  //   tooltip: '内容在被曝光后，用户点击进入的比例，反映封面与标题吸引力。',
+  //   align: 'right',
+  //   suffix: '%',
+  // },
 ];
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 3c24f85..6a333b6 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
@@ -19,7 +19,9 @@
       </template>
       <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
       <div class="ml-8px flex-1">
-        <p class="name cursor-pointer" @click="goDetail(item)">{{ item.name || '-' }}</p>
+        <a-tooltip content="点击查看账号详情">
+          <p class="name cursor-pointer hover:!color-#6d4cfe" @click="goDetail(item)">{{ item.name || '-' }}</p>
+        </a-tooltip>
         <div class="field-row">
           <span class="label">状态</span>
           <StatusBox :status="item.status" />
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
index f3b99bd..3e77ae9 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -25,6 +25,7 @@
       font-style: normal;
       font-weight: 400;
       margin-bottom: 11px;
+      width: fit-content;
       // line-height: 22px; /* 157.143% */
     }
     .label {

From 46ced21844bda8157b9268984c2b3bf4bf7c2646 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 14:42:01 +0800
Subject: [PATCH 30/97] =?UTF-8?q?refactor:=20=E6=80=A7=E5=88=AB=E5=88=86?=
 =?UTF-8?q?=E5=B8=83=E6=95=B0=E6=8D=AE=E5=8F=96=E5=80=BC=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/dataEngine/userPersona.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/components/dataEngine/userPersona.vue b/src/views/components/dataEngine/userPersona.vue
index ee736a0..53a053a 100644
--- a/src/views/components/dataEngine/userPersona.vue
+++ b/src/views/components/dataEngine/userPersona.vue
@@ -18,16 +18,16 @@
             <a-space>
               <span style="width: 8px; height: 8px; background-color: #f64b31; border-radius: 50%"></span>
               <span>女性</span>
-              <span v-if="genderData.length > 0" style="width: 40px">{{ genderData[0].rate * 100 }}%</span>
+              <span>{{ (girlData.rate * 100).toFixed(2) }}%</span>
               <span>TGI</span>
-              <span v-if="genderData.length > 0">{{ genderData[0].tgi }}</span>
+              <span>{{ girlData.tgi }}</span>
             </a-space>
             <a-space>
               <span style="width: 8px; height: 8px; background-color: #2a59f3; border-radius: 50%"></span>
               <span>男性</span>
-              <span v-if="genderData.length > 1" style="width: 40px">{{ genderData[1].rate * 100 }}%</span>
+              <span>{{ (boyData.rate * 100).toFixed(2) }}%</span>
               <span>TGI</span>
-              <span v-if="genderData.length > 1">{{ genderData[1].tgi }}</span>
+              <span>{{ boyData.tgi }}</span>
             </a-space>
           </a-space>
         </a-space>
@@ -145,10 +145,13 @@ const topHeaderRef = ref();
 const selectedIndustry = computed(() => topHeaderRef.value?.selectedIndustry);
 const selectedSubCategory = computed(() => topHeaderRef.value?.selectedSubCategory);
 const selectedTimePeriod = computed(() => topHeaderRef.value?.selectedTimePeriod);
+
 const genderData = ref([]);
 const genderValueData = ref([]);
 const ageValueData = ref([]);
 const geoList = ref([]);
+const boyData = computed(() => genderData.value.find( v => v.gender === 1) ?? {})
+const girlData = computed(() => genderData.value.find( v => v.gender === 2) ?? {})
 // 监听筛选条件变化
 watch([selectedIndustry, selectedTimePeriod, selectedSubCategory], () => {
   getAgeDistributionsList();
@@ -233,7 +236,7 @@ const getGenderDistributionsList = async () => {
     await nextTick();
 
     genderValueData.value = data.map((item) => ({
-      value: item.rate * 100,
+      value: (item.rate * 100).toFixed(2),
       tgi: item.tgi,
       name: item.gender === 1 ? '女性' : '男性',
     }));

From d30be4dc935026e8695aa49e8e4979d8a777bb82 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 15:28:20 +0800
Subject: [PATCH 31/97] =?UTF-8?q?feat:=20=E4=B8=8B=E8=BD=BD=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/common.ts                         |  15 +
 .../components/export-task/constants.ts       |  28 +-
 .../export-task/delete-task-modal.vue         |  14 +-
 .../components/export-task/index.vue          | 143 ++++----
 .../components/export-task/style.scss         |   3 +
 .../components/import-task/constants.ts       |  38 +++
 .../import-task/delete-task-modal.vue         |  61 ++++
 .../components/import-task/index.vue          | 315 ++++++++++++++++++
 .../components/import-task/style.scss         |  51 +++
 .../download-center-modal/constants.ts        |  14 +
 .../download-center-modal/index.vue           |  24 +-
 .../download-center-modal/style.scss          |  70 ++--
 src/hooks/useTableSelectionWithPagination.ts  |   1 +
 13 files changed, 651 insertions(+), 126 deletions(-)
 create mode 100644 src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts
 create mode 100644 src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue
 create mode 100644 src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
 create mode 100644 src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss
 create mode 100644 src/components/_base/navbar/components/download-center-modal/constants.ts

diff --git a/src/api/all/common.ts b/src/api/all/common.ts
index 9b210da..a1a7b0c 100644
--- a/src/api/all/common.ts
+++ b/src/api/all/common.ts
@@ -13,3 +13,18 @@ export const getCustomColumns = (params = {}) => {
 export const updateCustomColumns = (params = {}) => {
   return Http.put('/v1/custom-columns', params);
 };
+
+// 任务中心-分页
+export const getTask = (params = {}) => {
+  return Http.get('/v1/tasks', params);
+};
+
+// 任务中心-批量删除
+export const deleteBatchTasks = (params = {}) => {
+  return Http.delete('/v1/tasks', params);
+};
+
+// 任务中心-删除
+export const deleteTask = (id: string) => {
+  return Http.delete(`/v1/tasks/${id}`);
+};
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts b/src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts
index 3b1fef8..0b9ed2c 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts
@@ -1,21 +1,16 @@
 export const INITIAL_FORM = {
-  search: '',
+  type: 1,
+  operator_name: '',
   module: '',
-  column: undefined,
-  order: undefined,
-};
-export const INITIAL_PAGE_INFO = {
-  page: 1,
-  pageSize: 20,
-  total: 0,
+  sort_column: undefined,
+  sort_order: undefined,
 };
 
 export const TABLE_COLUMNS = [
   {
     title: '文件名称',
-    dataIndex: 'file_name',
+    dataIndex: 'name',
     width: 180,
-    // fixed: 'left',
   },
   {
     title: '所属模块',
@@ -23,16 +18,21 @@ export const TABLE_COLUMNS = [
     width: 120,
   },
   {
-    title: '下载时间',
-    dataIndex: 'time',
-    width: 120,
+    title: '状态',
+    dataIndex: 'status',
+    width: 100,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'created_at',
+    width: 140,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
   },
   {
     title: '操作人员',
-    dataIndex: 'name',
+    dataIndex: 'operator.name',
     width: 120,
   },
 ];
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue b/src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue
index 9b3ed35..589cfe8 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue
@@ -20,35 +20,35 @@
 
 <script setup>
 import { ref } from 'vue';
-import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
+import { deleteTask, deleteBatchTasks } from '@/api/all/common';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const emits = defineEmits(['update', 'close', 'batchUpdate']);
 
 const visible = ref(false);
-const accountId = ref(null);
+const taskId = ref(null);
 const accountName = ref('');
 
-const isBatch = computed(() => Array.isArray(accountId.value));
+const isBatch = computed(() => Array.isArray(taskId.value));
 
 function onClose() {
   visible.value = false;
-  accountId.value = null;
+  taskId.value = null;
   accountName.value = '';
   emits('close');
 }
 
 const open = (record) => {
   const { id = null, name = '' } = record;
-  accountId.value = id;
+  taskId.value = id;
   accountName.value = name;
 
   visible.value = true;
 };
 
 async function onDelete() {
-  const _fn = isBatch.value ? batchDeleteMediaAccounts : deleteMediaAccount;
-  const _params = isBatch.value ? { ids: accountId.value } : accountId.value;
+  const _fn = isBatch.value ? deleteBatchTasks : deleteTask;
+  const _params = isBatch.value ? { ids: taskId.value } : taskId.value;
   const { code } = await _fn(_params);
   if (code === 200) {
     AMessage.success('删除成功');
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
index 55aec92..80efc09 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
@@ -4,9 +4,9 @@
       <div class="filter-row-item flex items-center">
         <span class="label">操作人员</span>
         <a-input
-          v-model="query.search"
+          v-model="query.operator_name"
           class="w-240px"
-          placeholder="请搜索..."
+          placeholder="请输入操作人员"
           size="medium"
           allow-clear
           @change="handleSearch"
@@ -18,17 +18,24 @@
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">所属模块</span>
-        <a-select v-model="query.module" size="medium" placeholder="全部" allow-clear @change="handleChange">
-          <a-option v-for="(item, index) in groups" :key="index" :value="item.id" :label="item.name">
-            {{ item.name }}
-          </a-option>
-        </a-select>
+        <a-input
+          v-model="query.module"
+          class="w-240px"
+          placeholder="请输入所属模块"
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
       </div>
     </div>
 
     <div
       v-if="dataSource.length > 0 && selectedRows.length > 0"
-      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
+      class="tip-row flex justify-between px-16px py-10px w-100% mb-16px h-42px"
       :class="selectedRows.length > 0 ? 'selected' : ''"
     >
       <div class="flex items-center">
@@ -94,22 +101,31 @@
             </div>
           </template>
 
-          <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
-            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+          <template v-if="column.dataIndex === 'status'" #cell="{ record }">
+            <span>{{ TASK_STATUS.find((v) => v.value === record.status)?.label }}</span>
           </template>
-          <template v-else-if="column.dataIndex === 'time'" #cell="{ record }">
-            {{ exactFormatTime(record.time) }}
+          <template v-else-if="column.dataIndex === 'created_at'" #cell="{ record }">
+            {{ exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss') }}
           </template>
 
           <template v-else #cell="{ record }">
             {{ formatTableField(column, record, true) }}
           </template>
         </a-table-column>
-        <a-table-column data-index="operation" width="100" title="操作">
+        <a-table-column data-index="operation" width="100" fixed="right" title="操作">
           <template #cell="{ record }">
             <div class="flex items-center">
-              <img :src="icon1" width="14" height="14" class="mr-8px cursor-pointer" @click="handleDelete(record)" />
-              <a-button type="outline" size="mini" class="search-btn" @click="handleDownload(record)">下载</a-button>
+              <img
+                v-if="record.status !== 0"
+                :src="icon1"
+                width="14"
+                height="14"
+                class="mr-8px cursor-pointer"
+                @click="handleDelete(record)"
+              />
+              <a-button type="outline" size="mini" class="search-btn" @click="handleDownload(record)">{{
+                record.status === 2 ? '重新导出' : '下载'
+              }}</a-button>
             </div>
           </template>
         </a-table-column>
@@ -134,10 +150,12 @@
 </template>
 
 <script setup>
-import { fetchAccountGroups } from '@/api/all/propertyMarketing';
-import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
-import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+import { getTask } from '@/api/all/common';
+import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
+import { TASK_STATUS } from '../../constants';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { downloadByUrl } from '@/utils/tools';
 
 import DeleteTaskModal from './delete-task-modal.vue';
 
@@ -153,6 +171,7 @@ const {
   rowSelection,
   handleSelect,
   handleSelectAll,
+  DEFAULT_PAGE_INFO,
 } = useTableSelectionWithPagination({
   onPageChange: () => {
     getData();
@@ -164,7 +183,6 @@ const {
 
 const visible = ref(false);
 const query = ref(cloneDeep(INITIAL_FORM));
-const groups = ref([]);
 const deleteTaskModalRef = ref(null);
 
 const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
@@ -174,20 +192,19 @@ const indeterminate = computed(
 
 const reset = () => {
   query.value = cloneDeep(INITIAL_FORM);
-  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
+  pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
   selectedRowKeys.value = [];
   selectedRows.value = [];
   dataSource.value = [];
 };
 
 const init = () => {
-  getGroups();
   getData();
 
   visible.value = true;
 };
 
-const getData = () => {
+const getData = async () => {
   dataSource.value = [
     {
       id: 1,
@@ -203,57 +220,18 @@ const getData = () => {
       time: 1752130053,
       name: '张三三张三三张三三张三三张三三',
     },
-    {
-      id: 3,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 4,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 5,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 6,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 7,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 8,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 9,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
   ];
-  pageInfo.value.total = 9;
+  pageInfo.value.total = 2;
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getTask({
+    ...query.value,
+    page,
+    page_size,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data?.total;
+  }
 };
 const reload = () => {
   pageInfo.value.page = 1;
@@ -261,8 +239,8 @@ const reload = () => {
 };
 
 const handleSorterChange = (column, order) => {
-  query.value.column = column;
-  query.value.order = order === 'ascend' ? 'asc' : 'desc';
+  query.value.sort_column = column;
+  query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
   reload();
 };
 
@@ -270,29 +248,23 @@ const handleSearch = () => {
   reload();
 };
 
-const getGroups = async () => {
-  const { code, data } = await fetchAccountGroups();
-  if (code === 200) {
-    groups.value = data;
-  }
-};
-
 const handleCloseTip = () => {
   selectedRows.value = [];
+  selectedRowKeys.value = [];
 };
 
-const handleDownload = () => {
-  console.log('handleDownload');
+const handleDownload = (record) => {
+  record.file && downloadByUrl(record.file);
 };
 const handleBatchDownload = () => {
   console.log('handleBatchDownload', selectedRows);
 };
 
 const handleDelete = (record) => {
-  const { id, file_name } = record;
+  const { id, name } = record;
   deleteTaskModalRef.value.open({
     id,
-    name: `“${file_name || '-'}”`,
+    name: `“${name || '-'}”`,
   });
 };
 const handleBatchDelete = () => {
@@ -303,6 +275,7 @@ const handleBatchDelete = () => {
 
 const onBatchSuccess = () => {
   selectedRows.value = [];
+  selectedRowKeys.value = [];
   getData();
 };
 
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss b/src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss
index 180bfb0..fbfeea7 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss
@@ -1,4 +1,7 @@
 .export-task-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
   .tip-row {
     border-radius: 2px;
     background: #f0edff;
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts b/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts
new file mode 100644
index 0000000..20bb5d5
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts
@@ -0,0 +1,38 @@
+export const INITIAL_FORM = {
+  search: '',
+  module: '',
+  column: undefined,
+  order: undefined,
+};
+export const INITIAL_PAGE_INFO = {
+  page: 1,
+  page_size: 20,
+  total: 0,
+};
+
+export const TABLE_COLUMNS = [
+  {
+    title: '文件名称',
+    dataIndex: 'file_name',
+    width: 180,
+    // fixed: 'left',
+  },
+  {
+    title: '所属模块',
+    dataIndex: 'module',
+    width: 120,
+  },
+  {
+    title: '下载时间',
+    dataIndex: 'time',
+    width: 120,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '操作人员',
+    dataIndex: 'name',
+    width: 120,
+  },
+];
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue b/src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue
new file mode 100644
index 0000000..9b3ed35
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue
@@ -0,0 +1,61 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="isBatch ? '批量删除下载记录' : '删除下载记录'"
+    width="400px"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ accountName }} 这条记录吗？</span>
+    </div>
+    <template #footer>
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
+        >确定</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['update', 'close', 'batchUpdate']);
+
+const visible = ref(false);
+const accountId = ref(null);
+const accountName = ref('');
+
+const isBatch = computed(() => Array.isArray(accountId.value));
+
+function onClose() {
+  visible.value = false;
+  accountId.value = null;
+  accountName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  accountId.value = id;
+  accountName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const _fn = isBatch.value ? batchDeleteMediaAccounts : deleteMediaAccount;
+  const _params = isBatch.value ? { ids: accountId.value } : accountId.value;
+  const { code } = await _fn(_params);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    isBatch.value ? emits('batchUpdate') : emits('update');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
new file mode 100644
index 0000000..7e59e12
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
@@ -0,0 +1,315 @@
+<template>
+  <div class="import-task-wrap">
+    <div class="filter-row flex mb-16px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">操作人员</span>
+        <a-input
+          v-model="query.search"
+          class="w-240px"
+          placeholder="请搜索..."
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">所属模块</span>
+        <a-select v-model="query.module" size="medium" placeholder="全部" allow-clear @change="handleChange">
+          <a-option v-for="(item, index) in groups" :key="index" :value="item.id" :label="item.name">
+            {{ item.name }}
+          </a-option>
+        </a-select>
+      </div>
+    </div>
+
+    <div
+      v-if="dataSource.length > 0 && selectedRows.length > 0"
+      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
+      :class="selectedRows.length > 0 ? 'selected' : ''"
+    >
+      <div class="flex items-center">
+        <div class="flex items-center">
+          <a-checkbox
+            :model-value="checkedAll"
+            :indeterminate="indeterminate"
+            class="mr-8px"
+            @change="handleSelectAll"
+          />
+          <span class="label mr-24px">
+            已选
+            <span class="color-#6D4CFE">{{ selectedRows.length }}</span>
+            个文件
+          </span>
+
+          <span class="operation-btn" @click="handleBatchDownload">批量下载</span>
+          <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
+        </div>
+      </div>
+
+      <icon-close size="16" class="cursor-pointer color-#737478" @click="handleCloseTip" />
+    </div>
+
+    <a-table
+      ref="tableRef"
+      :data="dataSource"
+      column-resizable
+      row-key="id"
+      :row-selection="rowSelection"
+      :selected-keys="selectedRowKeys"
+      :pagination="false"
+      :scroll="{ x: '100%', y: '100%' }"
+      class="w-100% flex-1 overflow-hidden"
+      bordered
+      @sorter-change="handleSorterChange"
+      @select="handleSelect"
+      @select-all="handleSelectAll"
+    >
+      <template #empty>
+        <NoData />
+      </template>
+      <template #columns>
+        <a-table-column
+          v-for="column in TABLE_COLUMNS"
+          :key="column.dataIndex"
+          :data-index="column.dataIndex"
+          :fixed="column.fixed"
+          :width="column.width"
+          :min-width="column.minWidth"
+          :sortable="column.sortable"
+          :align="column.align"
+          ellipsis
+          tooltip
+        >
+          <template #title>
+            <div class="flex items-center">
+              <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
+              <span class="cts mr-4px">{{ column.title }}</span>
+              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+              </a-tooltip>
+            </div>
+          </template>
+
+          <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
+            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+          </template>
+          <template v-else-if="column.dataIndex === 'time'" #cell="{ record }">
+            {{ exactFormatTime(record.time) }}
+          </template>
+
+          <template v-else #cell="{ record }">
+            {{ formatTableField(column, record, true) }}
+          </template>
+        </a-table-column>
+        <a-table-column data-index="operation" width="100" title="操作">
+          <template #cell="{ record }">
+            <div class="flex items-center">
+              <img :src="icon1" width="14" height="14" class="mr-8px cursor-pointer" @click="handleDelete(record)" />
+              <a-button type="outline" size="mini" class="search-btn" @click="handleDownload(record)">下载</a-button>
+            </div>
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+    <div v-if="pageInfo.total > 0" class="flex justify-end my-16px">
+      <a-pagination
+        :total="pageInfo.total"
+        size="mini"
+        show-total
+        show-jumper
+        show-page-size
+        :current="pageInfo.page"
+        :page-size="pageInfo.page_size"
+        @change="onPageChange"
+        @page-size-change="onPageSizeChange"
+      />
+    </div>
+
+    <DeleteTaskModal ref="deleteTaskModalRef" @batchUpdate="onBatchSuccess" @update="getData" />
+  </div>
+</template>
+
+<script setup>
+import { fetchAccountGroups } from '@/api/all/propertyMarketing';
+import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
+import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+
+import DeleteTaskModal from './delete-task-modal.vue';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+
+const {
+  selectedRowKeys,
+  selectedRows,
+  dataSource,
+  pageInfo,
+  onPageChange,
+  onPageSizeChange,
+  rowSelection,
+  handleSelect,
+  handleSelectAll,
+  DEFAULT_PAGE_INFO,
+} = useTableSelectionWithPagination({
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
+
+const visible = ref(false);
+const query = ref(cloneDeep(INITIAL_FORM));
+const groups = ref([]);
+const deleteTaskModalRef = ref(null);
+
+const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
+const indeterminate = computed(
+  () => selectedRows.value.length > 0 && selectedRows.value.length < dataSource.value.length,
+);
+
+const reset = () => {
+  query.value = cloneDeep(INITIAL_FORM);
+  pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
+  selectedRowKeys.value = [];
+  selectedRows.value = [];
+  dataSource.value = [];
+};
+
+const init = () => {
+  getGroups();
+  getData();
+
+  visible.value = true;
+};
+
+const getData = () => {
+  dataSource.value = [
+    {
+      id: 1,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 2,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 3,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 4,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 5,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 6,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 7,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 8,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+    {
+      id: 9,
+      file_name: '投放指南20150701',
+      module: '营销资产平台',
+      time: 1752130053,
+      name: '张三三张三三张三三张三三张三三',
+    },
+  ];
+  pageInfo.value.total = 9;
+};
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order === 'ascend' ? 'asc' : 'desc';
+  reload();
+};
+
+const handleSearch = () => {
+  reload();
+};
+
+const getGroups = async () => {
+  const { code, data } = await fetchAccountGroups();
+  if (code === 200) {
+    groups.value = data;
+  }
+};
+
+const handleCloseTip = () => {
+  selectedRows.value = [];
+};
+
+const handleDownload = () => {
+  console.log('handleDownload');
+};
+const handleBatchDownload = () => {
+  console.log('handleBatchDownload', selectedRows);
+};
+
+const handleDelete = (record) => {
+  const { id, file_name } = record;
+  deleteTaskModalRef.value.open({
+    id,
+    name: `“${file_name || '-'}”`,
+  });
+};
+const handleBatchDelete = () => {
+  const ids = selectedRows.value.map((item) => item.id);
+  const names = selectedRows.value.map((item) => `"${item.name || '-'}"`).join('，');
+  deleteTaskModalRef.value?.open({ id: ids, name: names });
+};
+
+const onBatchSuccess = () => {
+  selectedRows.value = [];
+  getData();
+};
+
+defineExpose({ init, reset });
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss b/src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss
new file mode 100644
index 0000000..606ffe5
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss
@@ -0,0 +1,51 @@
+.import-task-wrap {
+  height: 100%;
+  .tip-row {
+    border-radius: 2px;
+    background: #f0edff;
+    .label {
+      font-family: $font-family-medium;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+    &.normal {
+      background: #ebf7f2;
+      .label {
+        color: #211f24;
+      }
+    }
+    &.abnormal {
+      background: #ffe7e4;
+      .label {
+        color: #211f24;
+      }
+    }
+    .err-btn {
+      background-color: #f64b31 !important;
+      color: var(--BG-white, #fff);
+      font-family: 'PingFang SC';
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; 
+    }
+    .operation-btn {
+      padding: 0;
+      cursor: pointer;
+      color: var(--Brand-Brand-6, #6d4cfe);
+      font-family: $font-family-regular;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; 
+      &:not(:last-child) {
+        margin-right: 16px;
+      }
+      &.red {
+        color: #f64b31;
+      }
+    }
+  }
+}
diff --git a/src/components/_base/navbar/components/download-center-modal/constants.ts b/src/components/_base/navbar/components/download-center-modal/constants.ts
new file mode 100644
index 0000000..4a1095f
--- /dev/null
+++ b/src/components/_base/navbar/components/download-center-modal/constants.ts
@@ -0,0 +1,14 @@
+export const TASK_STATUS = [
+  {
+    label: '导出中',
+    value: 0,
+  },
+  {
+    label: '已完成',
+    value: 1,
+  },
+  {
+    label: '导出失败',
+    value: 2,
+  },
+];
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/download-center-modal/index.vue
index f4046b4..0986b9b 100644
--- a/src/components/_base/navbar/components/download-center-modal/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/index.vue
@@ -8,19 +8,41 @@
     :footer="false"
     @close="onClose"
   >
-    <ExportTask />
+    <a-tabs v-model="activeTab" @tab-click="handleTabClick">
+      <a-tab-pane key="0" title="导入"> </a-tab-pane>
+      <a-tab-pane key="1" title="导出"> </a-tab-pane>
+    </a-tabs>
+    <div class="content">
+      <component :is="activeTab === '0' ? ImportTask : ExportTask" ref="componentRef" />
+    </div>
   </a-modal>
 </template>
 
 <script setup>
 import ExportTask from './components/export-task';
+import ImportTask from './components/import-task';
 
 const visible = ref(false);
+const componentRef = ref(null);
+const activeTab = ref('0');
+
+const handleTabClick = (key) => {
+  activeTab.value = key;
+  nextTick(() => {
+    getData();
+  });
+};
+
+const getData = () => {
+  componentRef.value?.init();
+};
 
 const open = () => {
+  getData();
   visible.value = true;
 };
 const onClose = () => {
+  activeTab.value = '0';
   visible.value = false;
 };
 
diff --git a/src/components/_base/navbar/components/download-center-modal/style.scss b/src/components/_base/navbar/components/download-center-modal/style.scss
index c6e9698..f92f8dd 100644
--- a/src/components/_base/navbar/components/download-center-modal/style.scss
+++ b/src/components/_base/navbar/components/download-center-modal/style.scss
@@ -1,5 +1,6 @@
 .download-center-modal {
   .arco-modal-header {
+    border-bottom: none !important;
     .arco-modal-title {
       color: var(--Text-1, #211f24);
       font-size: 16px;
@@ -10,30 +11,61 @@
     }
   }
   .arco-modal-body {
-    height: 536px;
+    padding: 0 !important;
     display: flex;
     flex-direction: column;
-  }
-  .filter-row {
-    .filter-row-item {
-      &:not(:last-child) {
-        margin-right: 24px;
-      }
-      .label {
-        margin-right: 12px;
-        color: #211f24;
-        font-family: 'PuHuiTi-Regular';
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        flex-shrink: 0;
-        line-height: 22px; /* 157.143% */
-      }
-      :deep(.arco-space-item) {
-        width: 100%;
+    height: 650px;
+    .filter-row {
+      .filter-row-item {
+        &:not(:last-child) {
+          margin-right: 24px;
+        }
+        .label {
+          margin-right: 12px;
+          color: #211f24;
+          font-family: 'PuHuiTi-Regular';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          flex-shrink: 0;
+          line-height: 22px; /* 157.143% */
+        }
+        :deep(.arco-space-item) {
+          width: 100%;
+        }
       }
     }
+    .arco-tabs {
+      .arco-tabs-nav-top {
+        .arco-tabs-tab {
+          margin: 0 20px;
+          .arco-tabs-tab-title {
+            color: var(--Text-2, #3c4043);
+            font-family: $font-family-regular;
+            font-size: 14px;
+            font-style: normal;
+            font-weight: 400;
+            line-height: 22px; 
+          }
+          &.arco-tabs-tab-active {
+            .arco-tabs-tab-title {
+              color: #6D4CFE;
+              font-family: $font-family-medium;
+            }
+          }
+        }
+      }
+      .arco-tabs-content {
+        display: none;
+      }
+    }
+    .content {
+      flex: 1;
+      padding: 24px 20px;
+      overflow: hidden;
+    }
   }
+
   .cts {
     color: var(--Text-1, #211f24);
     font-family: $font-family-medium;
diff --git a/src/hooks/useTableSelectionWithPagination.ts b/src/hooks/useTableSelectionWithPagination.ts
index b51a7a0..b49e785 100644
--- a/src/hooks/useTableSelectionWithPagination.ts
+++ b/src/hooks/useTableSelectionWithPagination.ts
@@ -84,5 +84,6 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
     rowSelection,
     handleSelect,
     handleSelectAll,
+    DEFAULT_PAGE_INFO,
   };
 }

From 62d27268c4613b25a1e887cbadc5c68663c6f973 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 17:01:06 +0800
Subject: [PATCH 32/97] =?UTF-8?q?feat:=20=E4=BB=BB=E5=8A=A1=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83-=E5=AF=BC=E5=85=A5/=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/export-task/index.vue          | 582 +++++++++--------
 .../components/import-task/constants.ts       |  45 +-
 .../import-task/delete-task-modal.vue         |  16 +-
 .../components/import-task/index.vue          | 617 +++++++++---------
 .../components/import-task/style.scss         |   2 +
 .../download-center-modal/index.vue           |  15 +
 .../components/add-account-modal/index.vue    |   5 +
 7 files changed, 685 insertions(+), 597 deletions(-)

diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
index 80efc09..78aaa83 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
@@ -1,285 +1,325 @@
-<template>
-  <div class="export-task-wrap">
-    <div class="filter-row flex mb-16px">
-      <div class="filter-row-item flex items-center">
-        <span class="label">操作人员</span>
-        <a-input
-          v-model="query.operator_name"
-          class="w-240px"
-          placeholder="请输入操作人员"
-          size="medium"
-          allow-clear
-          @change="handleSearch"
-        >
-          <template #prefix>
-            <icon-search />
-          </template>
-        </a-input>
-      </div>
-      <div class="filter-row-item flex items-center">
-        <span class="label">所属模块</span>
-        <a-input
-          v-model="query.module"
-          class="w-240px"
-          placeholder="请输入所属模块"
-          size="medium"
-          allow-clear
-          @change="handleSearch"
-        >
-          <template #prefix>
-            <icon-search />
-          </template>
-        </a-input>
-      </div>
-    </div>
-
-    <div
-      v-if="dataSource.length > 0 && selectedRows.length > 0"
-      class="tip-row flex justify-between px-16px py-10px w-100% mb-16px h-42px"
-      :class="selectedRows.length > 0 ? 'selected' : ''"
-    >
-      <div class="flex items-center">
-        <div class="flex items-center">
-          <a-checkbox
-            :model-value="checkedAll"
-            :indeterminate="indeterminate"
-            class="mr-8px"
-            @change="handleSelectAll"
-          />
-          <span class="label mr-24px">
-            已选
-            <span class="color-#6D4CFE">{{ selectedRows.length }}</span>
-            个文件
-          </span>
-
-          <span class="operation-btn" @click="handleBatchDownload">批量下载</span>
-          <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
-        </div>
-      </div>
-
-      <icon-close size="16" class="cursor-pointer color-#737478" @click="handleCloseTip" />
-    </div>
-
-    <a-table
-      ref="tableRef"
-      :data="dataSource"
-      column-resizable
-      row-key="id"
-      :row-selection="rowSelection"
-      :selected-keys="selectedRowKeys"
-      :pagination="false"
-      :scroll="{ x: '100%', y: '100%' }"
-      class="w-100% flex-1 overflow-hidden"
-      bordered
-      @sorter-change="handleSorterChange"
-      @select="handleSelect"
-      @select-all="handleSelectAll"
-    >
-      <template #empty>
-        <NoData />
-      </template>
-      <template #columns>
-        <a-table-column
-          v-for="column in TABLE_COLUMNS"
-          :key="column.dataIndex"
-          :data-index="column.dataIndex"
-          :fixed="column.fixed"
-          :width="column.width"
-          :min-width="column.minWidth"
-          :sortable="column.sortable"
-          :align="column.align"
-          ellipsis
-          tooltip
-        >
-          <template #title>
-            <div class="flex items-center">
-              <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
-              <span class="cts mr-4px">{{ column.title }}</span>
-              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-              </a-tooltip>
-            </div>
-          </template>
-
-          <template v-if="column.dataIndex === 'status'" #cell="{ record }">
-            <span>{{ TASK_STATUS.find((v) => v.value === record.status)?.label }}</span>
-          </template>
-          <template v-else-if="column.dataIndex === 'created_at'" #cell="{ record }">
-            {{ exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss') }}
-          </template>
-
-          <template v-else #cell="{ record }">
-            {{ formatTableField(column, record, true) }}
-          </template>
-        </a-table-column>
-        <a-table-column data-index="operation" width="100" fixed="right" title="操作">
-          <template #cell="{ record }">
-            <div class="flex items-center">
-              <img
-                v-if="record.status !== 0"
-                :src="icon1"
-                width="14"
-                height="14"
-                class="mr-8px cursor-pointer"
-                @click="handleDelete(record)"
-              />
-              <a-button type="outline" size="mini" class="search-btn" @click="handleDownload(record)">{{
-                record.status === 2 ? '重新导出' : '下载'
-              }}</a-button>
-            </div>
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
-    <div v-if="pageInfo.total > 0" class="flex justify-end my-16px">
-      <a-pagination
-        :total="pageInfo.total"
-        size="mini"
-        show-total
-        show-jumper
-        show-page-size
-        :current="pageInfo.page"
-        :page-size="pageInfo.page_size"
-        @change="onPageChange"
-        @page-size-change="onPageSizeChange"
-      />
-    </div>
-
-    <DeleteTaskModal ref="deleteTaskModalRef" @batchUpdate="onBatchSuccess" @update="getData" />
-  </div>
-</template>
-
-<script setup>
+<script lang="jsx">
+import { ref, computed } from 'vue';
+import { Input, Table, TableColumn, Checkbox, Pagination, Button, Tooltip, Notification } from '@arco-design/web-vue';
+import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+import NoData from '@/components/no-data';
 import { getTask } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
 import { TASK_STATUS } from '../../constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { downloadByUrl } from '@/utils/tools';
-
 import DeleteTaskModal from './delete-task-modal.vue';
-
 import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon5 from '@/assets/img/media-account/icon-warn-1.png';
 
-const {
-  selectedRowKeys,
-  selectedRows,
-  dataSource,
-  pageInfo,
-  onPageChange,
-  onPageSizeChange,
-  rowSelection,
-  handleSelect,
-  handleSelectAll,
-  DEFAULT_PAGE_INFO,
-} = useTableSelectionWithPagination({
-  onPageChange: () => {
-    getData();
+export default {
+  setup(props, { emit, expose }) {
+    const {
+      selectedRowKeys,
+      selectedRows,
+      dataSource,
+      pageInfo,
+      onPageChange,
+      onPageSizeChange,
+      rowSelection,
+      handleSelect,
+      handleSelectAll,
+      DEFAULT_PAGE_INFO,
+    } = useTableSelectionWithPagination({
+      onPageChange: () => {
+        getData();
+      },
+      onPageSizeChange: () => {
+        getData();
+      },
+    });
+
+    const query = ref({ ...INITIAL_FORM });
+    const deleteTaskModalRef = ref(null);
+
+    const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
+    const indeterminate = computed(
+      () => selectedRows.value.length > 0 && selectedRows.value.length < dataSource.value.length,
+    );
+
+    const reset = () => {
+      query.value = { ...INITIAL_FORM };
+      pageInfo.value = { ...DEFAULT_PAGE_INFO };
+      selectedRowKeys.value = [];
+      selectedRows.value = [];
+      dataSource.value = [];
+    };
+
+    const init = () => {
+      getData();
+    };
+
+    const getData = async () => {
+      dataSource.value = [
+        {
+          id: 1,
+          file_name: '投放指南20150701',
+          module: '营销资产平台',
+          time: 1752130053,
+          name: '张三三张三三张三三张三三张三三',
+        },
+        {
+          id: 2,
+          file_name: '投放指南20150701',
+          module: '营销资产平台',
+          time: 1752130053,
+          name: '张三三张三三张三三张三三张三三',
+        },
+      ];
+      pageInfo.value.total = 2;
+
+      const { page, page_size } = pageInfo.value;
+      const { code, data } = await getTask({
+        ...query.value,
+        page,
+        page_size,
+      });
+      if (code === 200) {
+        dataSource.value = data?.data ?? [];
+        pageInfo.value.total = data?.total;
+      }
+    };
+    const reload = () => {
+      pageInfo.value.page = 1;
+      getData();
+    };
+
+    const handleSorterChange = (column, order) => {
+      query.value.sort_column = column;
+      query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
+      reload();
+    };
+
+    const handleSearch = () => {
+      reload();
+    };
+
+    const handleCloseTip = () => {
+      selectedRows.value = [];
+      selectedRowKeys.value = [];
+    };
+
+    const handleDownload = (record) => {
+      Notification.warning({
+        showIcon: false,
+        closable: true,
+        content: (
+          <div class="flex items-center">
+            <icon-loading size="16" class="color-#6D4CFE mr-8px" />
+            <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${record.name}”，请稍后...`}</p>
+          </div>
+        ),
+        duration: 3000,
+        class: `px-16px py-9px w-400px rounded-2px bg-#F0EDFF`,
+      });
+      record.file && downloadByUrl(record.file);
+    };
+    const handleBatchDownload = () => {
+      // 批量下载逻辑
+    };
+
+    const handleDelete = (record) => {
+      const { id, name } = record;
+      deleteTaskModalRef.value.open({
+        id,
+        name: `“${name || '-'}”`,
+      });
+    };
+    const handleBatchDelete = () => {
+      const ids = selectedRows.value.map((item) => item.id);
+      const names = selectedRows.value.map((item) => `"${item.name || '-'}` + '"').join('，');
+      deleteTaskModalRef.value?.open({ id: ids, name: names });
+    };
+
+    const onBatchSuccess = () => {
+      selectedRows.value = [];
+      selectedRowKeys.value = [];
+      getData();
+    };
+
+    expose({ init, reset });
+
+    return () => (
+      <div class="export-task-wrap">
+        {/* 筛选行 */}
+        <div class="filter-row flex mb-16px">
+          <div class="filter-row-item flex items-center">
+            <span class="label">操作人员</span>
+            <Input
+              v-model={query.value.operator_name}
+              class="w-240px"
+              placeholder="请输入操作人员"
+              size="medium"
+              allow-clear
+              onChange={handleSearch}
+              v-slots={{
+                prefix: () => <IconSearch />,
+              }}
+            />
+          </div>
+          <div class="filter-row-item flex items-center">
+            <span class="label">所属模块</span>
+            <Input
+              v-model={query.value.module}
+              class="w-240px"
+              placeholder="请输入所属模块"
+              size="medium"
+              allow-clear
+              onChange={handleSearch}
+              v-slots={{
+                prefix: () => <IconSearch />,
+              }}
+            />
+          </div>
+        </div>
+
+        {/* 已选提示行 */}
+        {dataSource.value.length > 0 && selectedRows.value.length > 0 && (
+          <div
+            class={[
+              'tip-row flex justify-between px-16px py-10px w-100% mb-16px h-42px',
+              selectedRows.value.length > 0 ? ' selected' : '',
+            ].join('')}
+          >
+            <div class="flex items-center">
+              <div class="flex items-center">
+                <Checkbox
+                  modelValue={checkedAll.value}
+                  indeterminate={indeterminate.value}
+                  class="mr-8px"
+                  onChange={handleSelectAll}
+                />
+                <span class="label mr-24px">
+                  已选
+                  <span class="color-#6D4CFE">{selectedRows.value.length}</span>
+                  个文件
+                </span>
+                <span class="operation-btn" onClick={handleBatchDownload}>
+                  批量下载
+                </span>
+                <span class="operation-btn red" onClick={handleBatchDelete}>
+                  批量删除
+                </span>
+              </div>
+            </div>
+            <IconClose size={16} class="cursor-pointer color-#737478" onClick={handleCloseTip} />
+          </div>
+        )}
+
+        {/* 表格 */}
+        <Table
+          ref="tableRef"
+          data={dataSource.value}
+          column-resizable
+          row-key="id"
+          row-selection={rowSelection.value}
+          selected-keys={selectedRowKeys.value}
+          pagination={false}
+          scroll={{ x: '100%', y: '100%' }}
+          class="w-100% flex-1 overflow-hidden"
+          bordered
+          onSorterChange={handleSorterChange}
+          onSelect={handleSelect}
+          onSelectAll={handleSelectAll}
+          v-slots={{
+            empty: () => <NoData />,
+            columns: () => (
+              <>
+                {TABLE_COLUMNS.map((column) => (
+                  <TableColumn
+                    key={column.dataIndex}
+                    data-index={column.dataIndex}
+                    fixed={column.fixed}
+                    width={column.width}
+                    min-width={column.minWidth}
+                    sortable={column.sortable}
+                    align={column.align}
+                    ellipsis
+                    tooltip
+                    v-slots={{
+                      title: () => (
+                        <div class="flex items-center">
+                          {column.dataIndex === 'ai_evaluate' && (
+                            <img width="16" height="16" src={icon5} class="mr-4px" />
+                          )}
+                          <span class="cts mr-4px">{column.title}</span>
+                          {column.tooltip && (
+                            <Tooltip content={column.tooltip} position="top">
+                              <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                            </Tooltip>
+                          )}
+                        </div>
+                      ),
+                      cell: ({ record }) => {
+                        if (column.dataIndex === 'status') {
+                          return <span>{TASK_STATUS.find((v) => v.value === record.status)?.label}</span>;
+                        }
+                        if (column.dataIndex === 'created_at') {
+                          return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
+                        }
+                        return formatTableField(column, record, true);
+                      },
+                    }}
+                  />
+                ))}
+                <TableColumn
+                  data-index="operation"
+                  width={100}
+                  fixed="right"
+                  title="操作"
+                  v-slots={{
+                    cell: ({ record }) => (
+                      <div class="flex items-center">
+                        {record.status !== 0 && (
+                          <img
+                            src={icon1}
+                            width="14"
+                            height="14"
+                            class="mr-8px cursor-pointer"
+                            onClick={() => handleDelete(record)}
+                          />
+                        )}
+                        <Button type="outline" size="mini" class="search-btn" onClick={() => handleDownload(record)}>
+                          {record.status === 2 ? '重新导出' : '下载'}
+                        </Button>
+                      </div>
+                    ),
+                  }}
+                />
+              </>
+            ),
+          }}
+        />
+
+        {/* 分页 */}
+        {pageInfo.value.total > 0 && (
+          <div class="flex justify-end my-16px">
+            <Pagination
+              total={pageInfo.value.total}
+              size="mini"
+              show-total
+              show-jumper
+              show-page-size
+              current={pageInfo.value.page}
+              page-size={pageInfo.value.page_size}
+              onChange={onPageChange}
+              onPageSizeChange={onPageSizeChange}
+            />
+          </div>
+        )}
+
+        {/* 删除弹窗 */}
+        <DeleteTaskModal ref={deleteTaskModalRef} onBatchUpdate={onBatchSuccess} onUpdate={getData} />
+      </div>
+    );
   },
-  onPageSizeChange: () => {
-    getData();
-  },
-});
-
-const visible = ref(false);
-const query = ref(cloneDeep(INITIAL_FORM));
-const deleteTaskModalRef = ref(null);
-
-const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
-const indeterminate = computed(
-  () => selectedRows.value.length > 0 && selectedRows.value.length < dataSource.value.length,
-);
-
-const reset = () => {
-  query.value = cloneDeep(INITIAL_FORM);
-  pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
-  selectedRowKeys.value = [];
-  selectedRows.value = [];
-  dataSource.value = [];
 };
-
-const init = () => {
-  getData();
-
-  visible.value = true;
-};
-
-const getData = async () => {
-  dataSource.value = [
-    {
-      id: 1,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 2,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-  ];
-  pageInfo.value.total = 2;
-  const { page, page_size } = pageInfo.value;
-  const { code, data } = await getTask({
-    ...query.value,
-    page,
-    page_size,
-  });
-  if (code === 200) {
-    dataSource.value = data?.data ?? [];
-    pageInfo.value.total = data?.total;
-  }
-};
-const reload = () => {
-  pageInfo.value.page = 1;
-  getData();
-};
-
-const handleSorterChange = (column, order) => {
-  query.value.sort_column = column;
-  query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
-  reload();
-};
-
-const handleSearch = () => {
-  reload();
-};
-
-const handleCloseTip = () => {
-  selectedRows.value = [];
-  selectedRowKeys.value = [];
-};
-
-const handleDownload = (record) => {
-  record.file && downloadByUrl(record.file);
-};
-const handleBatchDownload = () => {
-  console.log('handleBatchDownload', selectedRows);
-};
-
-const handleDelete = (record) => {
-  const { id, name } = record;
-  deleteTaskModalRef.value.open({
-    id,
-    name: `“${name || '-'}”`,
-  });
-};
-const handleBatchDelete = () => {
-  const ids = selectedRows.value.map((item) => item.id);
-  const names = selectedRows.value.map((item) => `"${item.name || '-'}"`).join('，');
-  deleteTaskModalRef.value?.open({ id: ids, name: names });
-};
-
-const onBatchSuccess = () => {
-  selectedRows.value = [];
-  selectedRowKeys.value = [];
-  getData();
-};
-
-defineExpose({ init, reset });
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts b/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts
index 20bb5d5..a8bedeb 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts
@@ -1,21 +1,16 @@
 export const INITIAL_FORM = {
-  search: '',
+  type: 0,
+  operator_name: '',
   module: '',
-  column: undefined,
-  order: undefined,
-};
-export const INITIAL_PAGE_INFO = {
-  page: 1,
-  page_size: 20,
-  total: 0,
+  sort_column: undefined,
+  sort_order: undefined,
 };
 
 export const TABLE_COLUMNS = [
   {
-    title: '文件名称',
-    dataIndex: 'file_name',
+    title: '任务名称',
+    dataIndex: 'name',
     width: 180,
-    // fixed: 'left',
   },
   {
     title: '所属模块',
@@ -23,16 +18,36 @@ export const TABLE_COLUMNS = [
     width: 120,
   },
   {
-    title: '下载时间',
-    dataIndex: 'time',
-    width: 120,
+    title: '状态',
+    dataIndex: 'status',
+    width: 100,
+  },
+  {
+    title: '共导入',
+    dataIndex: 'total_number',
+    width: 100,
+  },
+  {
+    title: '导入成功',
+    dataIndex: 'success_number',
+    width: 100,
+  },
+  {
+    title: '导入失败',
+    dataIndex: 'fail_number',
+    width: 100,
+  },
+  {
+    title: '导入时间',
+    dataIndex: 'created_at',
+    width: 140,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
   },
   {
     title: '操作人员',
-    dataIndex: 'name',
+    dataIndex: 'operator.name',
     width: 120,
   },
 ];
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue b/src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue
index 9b3ed35..63fee1c 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue
@@ -1,7 +1,7 @@
 <template>
   <a-modal
     v-model:visible="visible"
-    :title="isBatch ? '批量删除下载记录' : '删除下载记录'"
+    :title="isBatch ? '批量删除导入记录' : '删除导入记录'"
     width="400px"
     @close="onClose"
   >
@@ -20,35 +20,35 @@
 
 <script setup>
 import { ref } from 'vue';
-import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
+import { deleteTask, deleteBatchTasks } from '@/api/all/common';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
 const emits = defineEmits(['update', 'close', 'batchUpdate']);
 
 const visible = ref(false);
-const accountId = ref(null);
+const taskId = ref(null);
 const accountName = ref('');
 
-const isBatch = computed(() => Array.isArray(accountId.value));
+const isBatch = computed(() => Array.isArray(taskId.value));
 
 function onClose() {
   visible.value = false;
-  accountId.value = null;
+  taskId.value = null;
   accountName.value = '';
   emits('close');
 }
 
 const open = (record) => {
   const { id = null, name = '' } = record;
-  accountId.value = id;
+  taskId.value = id;
   accountName.value = name;
 
   visible.value = true;
 };
 
 async function onDelete() {
-  const _fn = isBatch.value ? batchDeleteMediaAccounts : deleteMediaAccount;
-  const _params = isBatch.value ? { ids: accountId.value } : accountId.value;
+  const _fn = isBatch.value ? deleteBatchTasks : deleteTask;
+  const _params = isBatch.value ? { ids: taskId.value } : taskId.value;
   const { code } = await _fn(_params);
   if (code === 200) {
     AMessage.success('删除成功');
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
index 7e59e12..75c9019 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
@@ -1,313 +1,324 @@
-<template>
-  <div class="import-task-wrap">
-    <div class="filter-row flex mb-16px">
-      <div class="filter-row-item flex items-center">
-        <span class="label">操作人员</span>
-        <a-input
-          v-model="query.search"
-          class="w-240px"
-          placeholder="请搜索..."
-          size="medium"
-          allow-clear
-          @change="handleSearch"
-        >
-          <template #prefix>
-            <icon-search />
-          </template>
-        </a-input>
-      </div>
-      <div class="filter-row-item flex items-center">
-        <span class="label">所属模块</span>
-        <a-select v-model="query.module" size="medium" placeholder="全部" allow-clear @change="handleChange">
-          <a-option v-for="(item, index) in groups" :key="index" :value="item.id" :label="item.name">
-            {{ item.name }}
-          </a-option>
-        </a-select>
-      </div>
-    </div>
-
-    <div
-      v-if="dataSource.length > 0 && selectedRows.length > 0"
-      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
-      :class="selectedRows.length > 0 ? 'selected' : ''"
-    >
-      <div class="flex items-center">
-        <div class="flex items-center">
-          <a-checkbox
-            :model-value="checkedAll"
-            :indeterminate="indeterminate"
-            class="mr-8px"
-            @change="handleSelectAll"
-          />
-          <span class="label mr-24px">
-            已选
-            <span class="color-#6D4CFE">{{ selectedRows.length }}</span>
-            个文件
-          </span>
-
-          <span class="operation-btn" @click="handleBatchDownload">批量下载</span>
-          <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
-        </div>
-      </div>
-
-      <icon-close size="16" class="cursor-pointer color-#737478" @click="handleCloseTip" />
-    </div>
-
-    <a-table
-      ref="tableRef"
-      :data="dataSource"
-      column-resizable
-      row-key="id"
-      :row-selection="rowSelection"
-      :selected-keys="selectedRowKeys"
-      :pagination="false"
-      :scroll="{ x: '100%', y: '100%' }"
-      class="w-100% flex-1 overflow-hidden"
-      bordered
-      @sorter-change="handleSorterChange"
-      @select="handleSelect"
-      @select-all="handleSelectAll"
-    >
-      <template #empty>
-        <NoData />
-      </template>
-      <template #columns>
-        <a-table-column
-          v-for="column in TABLE_COLUMNS"
-          :key="column.dataIndex"
-          :data-index="column.dataIndex"
-          :fixed="column.fixed"
-          :width="column.width"
-          :min-width="column.minWidth"
-          :sortable="column.sortable"
-          :align="column.align"
-          ellipsis
-          tooltip
-        >
-          <template #title>
-            <div class="flex items-center">
-              <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
-              <span class="cts mr-4px">{{ column.title }}</span>
-              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
-                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
-              </a-tooltip>
-            </div>
-          </template>
-
-          <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
-            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
-          </template>
-          <template v-else-if="column.dataIndex === 'time'" #cell="{ record }">
-            {{ exactFormatTime(record.time) }}
-          </template>
-
-          <template v-else #cell="{ record }">
-            {{ formatTableField(column, record, true) }}
-          </template>
-        </a-table-column>
-        <a-table-column data-index="operation" width="100" title="操作">
-          <template #cell="{ record }">
-            <div class="flex items-center">
-              <img :src="icon1" width="14" height="14" class="mr-8px cursor-pointer" @click="handleDelete(record)" />
-              <a-button type="outline" size="mini" class="search-btn" @click="handleDownload(record)">下载</a-button>
-            </div>
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
-    <div v-if="pageInfo.total > 0" class="flex justify-end my-16px">
-      <a-pagination
-        :total="pageInfo.total"
-        size="mini"
-        show-total
-        show-jumper
-        show-page-size
-        :current="pageInfo.page"
-        :page-size="pageInfo.page_size"
-        @change="onPageChange"
-        @page-size-change="onPageSizeChange"
-      />
-    </div>
-
-    <DeleteTaskModal ref="deleteTaskModalRef" @batchUpdate="onBatchSuccess" @update="getData" />
-  </div>
-</template>
-
-<script setup>
-import { fetchAccountGroups } from '@/api/all/propertyMarketing';
+<script lang="jsx">
+import { ref, computed } from 'vue';
+import { Input, Table, TableColumn, Checkbox, Pagination, Button, Tooltip, Notification } from '@arco-design/web-vue';
+import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+import NoData from '@/components/no-data';
+import { getTask } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
-import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+import { TASK_STATUS } from '../../constants';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
-
+import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
-
 import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon5 from '@/assets/img/media-account/icon-warn-1.png';
 
-const {
-  selectedRowKeys,
-  selectedRows,
-  dataSource,
-  pageInfo,
-  onPageChange,
-  onPageSizeChange,
-  rowSelection,
-  handleSelect,
-  handleSelectAll,
-  DEFAULT_PAGE_INFO,
-} = useTableSelectionWithPagination({
-  onPageChange: () => {
-    getData();
+export default {
+  setup(props, { emit, expose }) {
+    const {
+      selectedRowKeys,
+      selectedRows,
+      dataSource,
+      pageInfo,
+      onPageChange,
+      onPageSizeChange,
+      rowSelection,
+      handleSelect,
+      handleSelectAll,
+      DEFAULT_PAGE_INFO,
+    } = useTableSelectionWithPagination({
+      onPageChange: () => {
+        getData();
+      },
+      onPageSizeChange: () => {
+        getData();
+      },
+    });
+
+    const query = ref({ ...INITIAL_FORM });
+    const deleteTaskModalRef = ref(null);
+
+    const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
+    const indeterminate = computed(
+      () => selectedRows.value.length > 0 && selectedRows.value.length < dataSource.value.length,
+    );
+
+    const reset = () => {
+      query.value = { ...INITIAL_FORM };
+      pageInfo.value = { ...DEFAULT_PAGE_INFO };
+      selectedRowKeys.value = [];
+      selectedRows.value = [];
+      dataSource.value = [];
+    };
+
+    const init = () => {
+      getData();
+    };
+
+    const getData = async () => {
+      dataSource.value = [
+        {
+          id: 1,
+          file_name: '投放指南20150701',
+          module: '营销资产平台',
+          time: 1752130053,
+          name: '张三三张三三张三三张三三张三三',
+        },
+        {
+          id: 2,
+          file_name: '投放指南20150701',
+          module: '营销资产平台',
+          time: 1752130053,
+          name: '张三三张三三张三三张三三张三三',
+        },
+      ];
+      pageInfo.value.total = 2;
+
+      const { page, page_size } = pageInfo.value;
+      const { code, data } = await getTask({
+        ...query.value,
+        page,
+        page_size,
+      });
+      if (code === 200) {
+        dataSource.value = data?.data ?? [];
+        pageInfo.value.total = data?.total;
+      }
+    };
+    const reload = () => {
+      pageInfo.value.page = 1;
+      getData();
+    };
+
+    const handleSorterChange = (column, order) => {
+      query.value.sort_column = column;
+      query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
+      reload();
+    };
+
+    const handleSearch = () => {
+      reload();
+    };
+
+    const handleCloseTip = () => {
+      selectedRows.value = [];
+      selectedRowKeys.value = [];
+    };
+
+    const handleDownload = (record) => {
+      Notification.warning({
+        showIcon: false,
+        closable: true,
+        content: (
+          <div class="flex items-center">
+            <icon-loading size="16" class="color-#6D4CFE mr-8px" />
+            <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${record.name}”，请稍后...`}</p>
+          </div>
+        ),
+        duration: 3000,
+        class: `px-16px py-9px w-400px rounded-2px bg-#F0EDFF`,
+      });
+      record.file && downloadByUrl(record.file);
+    };
+    const handleBatchDownload = () => {
+      // 批量下载逻辑
+    };
+
+    const handleDelete = (record) => {
+      const { id, name } = record;
+      deleteTaskModalRef.value.open({
+        id,
+        name: `“${name || '-'}”`,
+      });
+    };
+    const handleBatchDelete = () => {
+      const ids = selectedRows.value.map((item) => item.id);
+      const names = selectedRows.value.map((item) => `"${item.name || '-'}` + '"').join('，');
+      deleteTaskModalRef.value?.open({ id: ids, name: names });
+    };
+
+    const onBatchSuccess = () => {
+      selectedRows.value = [];
+      selectedRowKeys.value = [];
+      getData();
+    };
+
+    expose({ init, reset });
+
+    return () => (
+      <div class="import-task-wrap">
+        {/* 筛选行 */}
+        {/* <div class="filter-row flex mb-16px">
+          <div class="filter-row-item flex items-center">
+            <span class="label">操作人员</span>
+            <Input
+              v-model={query.value.operator_name}
+              class="w-240px"
+              placeholder="请输入操作人员"
+              size="medium"
+              allow-clear
+              onChange={handleSearch}
+              v-slots={{
+                prefix: () => <IconSearch />,
+              }}
+            />
+          </div>
+          <div class="filter-row-item flex items-center">
+            <span class="label">所属模块</span>
+            <Input
+              v-model={query.value.module}
+              class="w-240px"
+              placeholder="请输入所属模块"
+              size="medium"
+              allow-clear
+              onChange={handleSearch}
+              v-slots={{
+                prefix: () => <IconSearch />,
+              }}
+            />
+          </div>
+        </div> */}
+
+        {/* 已选提示行 */}
+        {/* {dataSource.value.length > 0 && selectedRows.value.length > 0 && (
+          <div
+            class={[
+              'tip-row flex justify-between px-16px py-10px w-100% mb-16px h-42px',
+              selectedRows.value.length > 0 ? ' selected' : '',
+            ].join('')}
+          >
+            <div class="flex items-center">
+              <div class="flex items-center">
+                <Checkbox
+                  modelValue={checkedAll.value}
+                  indeterminate={indeterminate.value}
+                  class="mr-8px"
+                  onChange={handleSelectAll}
+                />
+                <span class="label mr-24px">
+                  已选
+                  <span class="color-#6D4CFE">{selectedRows.value.length}</span>
+                  个文件
+                </span>
+                <span class="operation-btn" onClick={handleBatchDownload}>
+                  批量下载
+                </span>
+                <span class="operation-btn red" onClick={handleBatchDelete}>
+                  批量删除
+                </span>
+              </div>
+            </div>
+            <IconClose size={16} class="cursor-pointer color-#737478" onClick={handleCloseTip} />
+          </div>
+        )} */}
+
+        {/* 表格 */}
+        <Table
+          ref="tableRef"
+          data={dataSource.value}
+          column-resizable
+          row-key="id"
+          selected-keys={selectedRowKeys.value}
+          pagination={false}
+          scroll={{ x: '100%', y: '100%' }}
+          class="w-100% flex-1 overflow-hidden"
+          bordered
+          onSorterChange={handleSorterChange}
+          onSelect={handleSelect}
+          onSelectAll={handleSelectAll}
+          v-slots={{
+            empty: () => <NoData />,
+            columns: () => (
+              <>
+                {TABLE_COLUMNS.map((column) => (
+                  <TableColumn
+                    key={column.dataIndex}
+                    data-index={column.dataIndex}
+                    fixed={column.fixed}
+                    width={column.width}
+                    min-width={column.minWidth}
+                    sortable={column.sortable}
+                    align={column.align}
+                    ellipsis
+                    tooltip
+                    v-slots={{
+                      title: () => (
+                        <div class="flex items-center">
+                          {column.dataIndex === 'ai_evaluate' && (
+                            <img width="16" height="16" src={icon5} class="mr-4px" />
+                          )}
+                          <span class="cts mr-4px">{column.title}</span>
+                          {column.tooltip && (
+                            <Tooltip content={column.tooltip} position="top">
+                              <IconQuestionCircle class="tooltip-icon color-#737478" size={16} />
+                            </Tooltip>
+                          )}
+                        </div>
+                      ),
+                      cell: ({ record }) => {
+                        if (column.dataIndex === 'status') {
+                          return <span>{TASK_STATUS.find((v) => v.value === record.status)?.label}</span>;
+                        }
+                        if (column.dataIndex === 'created_at') {
+                          return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
+                        }
+                        return formatTableField(column, record, true);
+                      },
+                    }}
+                  />
+                ))}
+                <TableColumn
+                  data-index="operation"
+                  width={100}
+                  fixed="right"
+                  title="操作"
+                  v-slots={{
+                    cell: ({ record }) => (
+                      <div class="flex items-center">
+                        <img
+                          src={icon1}
+                          width="14"
+                          height="14"
+                          class="mr-8px cursor-pointer"
+                          onClick={() => handleDelete(record)}
+                        />
+                        {record.status === 2 && (
+                          <Button type="outline" size="mini" class="search-btn" onClick={() => handleDownload(record)}>
+                            下载问题表格
+                          </Button>
+                        )}
+                      </div>
+                    ),
+                  }}
+                />
+              </>
+            ),
+          }}
+        />
+
+        {/* 分页 */}
+        {pageInfo.value.total > 0 && (
+          <div class="flex justify-end my-16px">
+            <Pagination
+              total={pageInfo.value.total}
+              size="mini"
+              show-total
+              show-jumper
+              show-page-size
+              current={pageInfo.value.page}
+              page-size={pageInfo.value.page_size}
+              onChange={onPageChange}
+              onPageSizeChange={onPageSizeChange}
+            />
+          </div>
+        )}
+
+        {/* 删除弹窗 */}
+        <DeleteTaskModal ref={deleteTaskModalRef} onBatchUpdate={onBatchSuccess} onUpdate={getData} />
+      </div>
+    );
   },
-  onPageSizeChange: () => {
-    getData();
-  },
-});
-
-const visible = ref(false);
-const query = ref(cloneDeep(INITIAL_FORM));
-const groups = ref([]);
-const deleteTaskModalRef = ref(null);
-
-const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
-const indeterminate = computed(
-  () => selectedRows.value.length > 0 && selectedRows.value.length < dataSource.value.length,
-);
-
-const reset = () => {
-  query.value = cloneDeep(INITIAL_FORM);
-  pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
-  selectedRowKeys.value = [];
-  selectedRows.value = [];
-  dataSource.value = [];
 };
-
-const init = () => {
-  getGroups();
-  getData();
-
-  visible.value = true;
-};
-
-const getData = () => {
-  dataSource.value = [
-    {
-      id: 1,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 2,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 3,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 4,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 5,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 6,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 7,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 8,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-    {
-      id: 9,
-      file_name: '投放指南20150701',
-      module: '营销资产平台',
-      time: 1752130053,
-      name: '张三三张三三张三三张三三张三三',
-    },
-  ];
-  pageInfo.value.total = 9;
-};
-const reload = () => {
-  pageInfo.value.page = 1;
-  getData();
-};
-
-const handleSorterChange = (column, order) => {
-  query.value.column = column;
-  query.value.order = order === 'ascend' ? 'asc' : 'desc';
-  reload();
-};
-
-const handleSearch = () => {
-  reload();
-};
-
-const getGroups = async () => {
-  const { code, data } = await fetchAccountGroups();
-  if (code === 200) {
-    groups.value = data;
-  }
-};
-
-const handleCloseTip = () => {
-  selectedRows.value = [];
-};
-
-const handleDownload = () => {
-  console.log('handleDownload');
-};
-const handleBatchDownload = () => {
-  console.log('handleBatchDownload', selectedRows);
-};
-
-const handleDelete = (record) => {
-  const { id, file_name } = record;
-  deleteTaskModalRef.value.open({
-    id,
-    name: `“${file_name || '-'}”`,
-  });
-};
-const handleBatchDelete = () => {
-  const ids = selectedRows.value.map((item) => item.id);
-  const names = selectedRows.value.map((item) => `"${item.name || '-'}"`).join('，');
-  deleteTaskModalRef.value?.open({ id: ids, name: names });
-};
-
-const onBatchSuccess = () => {
-  selectedRows.value = [];
-  getData();
-};
-
-defineExpose({ init, reset });
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss b/src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss
index 606ffe5..a57fc07 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss
@@ -1,5 +1,7 @@
 .import-task-wrap {
   height: 100%;
+  display: flex;
+  flex-direction: column;
   .tip-row {
     border-radius: 2px;
     background: #f0edff;
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/download-center-modal/index.vue
index 0986b9b..df5081f 100644
--- a/src/components/_base/navbar/components/download-center-modal/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/index.vue
@@ -26,6 +26,8 @@ const visible = ref(false);
 const componentRef = ref(null);
 const activeTab = ref('0');
 
+let timer = null;
+
 const handleTabClick = (key) => {
   activeTab.value = key;
   nextTick(() => {
@@ -39,12 +41,25 @@ const getData = () => {
 
 const open = () => {
   getData();
+
+  timer = setInterval(() => {
+    getData();
+  }, 10000);
+
   visible.value = true;
 };
 const onClose = () => {
   activeTab.value = '0';
+
+  clearTimer();
   visible.value = false;
 };
+const clearTimer = () => {
+  if (timer) {
+    clearInterval(timer);
+    timer = null;
+  }
+};
 
 defineExpose({ open });
 </script>
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 64f2acd..6b41f93 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -268,6 +268,11 @@ const getAccountDetail = async () => {
 
 const handleBatchImport = async () => {
   try {
+    if (!file.value) {
+      AMessage.warning('请上传要导入的文件');
+      return;
+    }
+
     const formData = new FormData();
     formData.append('file', file.value);
 

From a7f745d98b0dad32bd0713502d27dc9e4a151b53 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 17:23:40 +0800
Subject: [PATCH 33/97] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0Notificatio?=
 =?UTF-8?q?=E6=96=B9=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/export-task/index.vue            | 14 ++------------
 .../components/import-task/index.vue            | 15 ++-------------
 .../components/download-center-modal/index.vue  |  4 +++-
 src/utils/arcoD.tsx                             | 17 +++++++++++++++++
 src/utils/tools.ts                              |  1 +
 .../media-account/account-dashboard/index.vue   |  1 +
 6 files changed, 26 insertions(+), 26 deletions(-)
 create mode 100644 src/utils/arcoD.tsx

diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
index 78aaa83..4d3fa15 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
@@ -12,6 +12,7 @@ import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon5 from '@/assets/img/media-account/icon-warn-1.png';
+import { showExportNotification } from '@/utils/arcoD';
 
 export default {
   setup(props, { emit, expose }) {
@@ -106,18 +107,7 @@ export default {
     };
 
     const handleDownload = (record) => {
-      Notification.warning({
-        showIcon: false,
-        closable: true,
-        content: (
-          <div class="flex items-center">
-            <icon-loading size="16" class="color-#6D4CFE mr-8px" />
-            <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${record.name}”，请稍后...`}</p>
-          </div>
-        ),
-        duration: 3000,
-        class: `px-16px py-9px w-400px rounded-2px bg-#F0EDFF`,
-      });
+      showExportNotification(record.name)
       record.file && downloadByUrl(record.file);
     };
     const handleBatchDownload = () => {
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
index 75c9019..76740bf 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
@@ -12,6 +12,7 @@ import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
 import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon5 from '@/assets/img/media-account/icon-warn-1.png';
+import { showExportNotification } from '@/utils/arcoD';
 
 export default {
   setup(props, { emit, expose }) {
@@ -106,19 +107,7 @@ export default {
     };
 
     const handleDownload = (record) => {
-      Notification.warning({
-        showIcon: false,
-        closable: true,
-        content: (
-          <div class="flex items-center">
-            <icon-loading size="16" class="color-#6D4CFE mr-8px" />
-            <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${record.name}”，请稍后...`}</p>
-          </div>
-        ),
-        duration: 3000,
-        class: `px-16px py-9px w-400px rounded-2px bg-#F0EDFF`,
-      });
-      record.file && downloadByUrl(record.file);
+      showExportNotification(record.name)
     };
     const handleBatchDownload = () => {
       // 批量下载逻辑
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/download-center-modal/index.vue
index df5081f..590b43f 100644
--- a/src/components/_base/navbar/components/download-center-modal/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/index.vue
@@ -8,7 +8,7 @@
     :footer="false"
     @close="onClose"
   >
-    <a-tabs v-model="activeTab" @tab-click="handleTabClick">
+    <a-tabs :active-key="activeTab" @tab-click="handleTabClick">
       <a-tab-pane key="0" title="导入"> </a-tab-pane>
       <a-tab-pane key="1" title="导出"> </a-tab-pane>
     </a-tabs>
@@ -42,6 +42,8 @@ const getData = () => {
 const open = () => {
   getData();
 
+  console.log(activeTab.value);
+
   timer = setInterval(() => {
     getData();
   }, 10000);
diff --git a/src/utils/arcoD.tsx b/src/utils/arcoD.tsx
new file mode 100644
index 0000000..2259dc2
--- /dev/null
+++ b/src/utils/arcoD.tsx
@@ -0,0 +1,17 @@
+import { Notification } from '@arco-design/web-vue';
+import { IconLoading } from '@arco-design/web-vue/es/icon';
+
+export function showExportNotification(name: string) {
+  Notification.warning({
+    showIcon: false,
+    closable: true,
+    content: () => (
+      <div class="flex items-center">
+        <IconLoading size={16} class="color-#6D4CFE mr-8px" />
+        <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${name}”，请稍后...`}</p>
+      </div>
+    ),
+    duration: 3000,
+    class: 'px-16px py-9px w-400px rounded-2px bg-#F0EDFF',
+  });
+}
\ No newline at end of file
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index e2093fc..f3b6b3b 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -106,3 +106,4 @@ export function downloadByUrl(url: string, filename?: string) {
   a.click();
   document.body.removeChild(a);
 }
+
diff --git a/src/views/property-marketing/media-account/account-dashboard/index.vue b/src/views/property-marketing/media-account/account-dashboard/index.vue
index f6596ab..e95cd0b 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -66,6 +66,7 @@ import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport }
 import { formatNumberShow } from '@/utils/tools';
 import { INITIAL_QUERY, CARD_FIELDS } from './constants';
 import { downloadByUrl } from '@/utils/tools';
+import { showExportNotification } from '@/utils/arcoD';
 
 import icon1 from '@/assets/img/icon-question.png';
 

From fcaef5df062d7c6161a2d491a41055d6e2070d8e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 17:56:00 +0800
Subject: [PATCH 34/97] =?UTF-8?q?style:=20=E5=90=8D=E7=A7=B0=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../media-account/account-detail/constants.ts                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
index fe6737a..1a13eeb 100644
--- a/src/views/property-marketing/media-account/account-detail/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -30,7 +30,7 @@ export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
     { title: '数据更新时间', dataIndex: 'last_synced_at', notDifferentiateDateType: true },
     { title: '平台', dataIndex: 'platform', notDifferentiateDateType: true },
     { title: '状态', dataIndex: 'status', type: 'status', notDifferentiateDateType: true },
-    { title: '账户ID', dataIndex: 'id', notDifferentiateDateType: true },
+    { title: '账号ID', dataIndex: 'id', notDifferentiateDateType: true },
     { title: '手机号码', dataIndex: 'mobile', notDifferentiateDateType: true },
     { title: '运营人员', dataIndex: 'operator.name', notDifferentiateDateType: true },
     { title: '所属项目', dataIndex: 'group.name', notDifferentiateDateType: true },

From 69c7415aeab707b564344a5fcc40c88608230f3d Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 11:08:09 +0800
Subject: [PATCH 35/97] =?UTF-8?q?feat:=20=E5=8E=BB=E9=99=A4unplugin-icons?=
 =?UTF-8?q?=E6=8F=92=E4=BB=B6=E7=9B=B8=E5=85=B3=E9=80=BB=E8=BE=91=EF=BC=8C?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5vite-plugin-svg-icons=E6=8F=92=E4=BB=B6?=
 =?UTF-8?q?=E5=B0=81=E8=A3=85SvgIcon=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/index.ts                               |  2 +-
 config/unplugin/auto-import.ts                |  8 -----
 config/unplugin/component.ts                  |  6 ----
 config/unplugin/icons.ts                      | 24 ++++++-------
 package.json                                  |  1 +
 ...lution.svg => svg-intelligentSolution.svg} |  0
 ...-mediaAccount.svg => svg-mediaAccount.svg} |  0
 ...icon-putAccount.svg => svg-putAccount.svg} |  0
 ...icon-repository.svg => svg-repository.svg} |  0
 src/assets/svg/svg-taskCenter.svg             |  3 ++
 .../navbar/components/right-side/index.vue    |  4 +--
 src/components/svg-icon/index.vue             | 35 +++++++++++++++++++
 src/main.ts                                   | 13 +++++--
 .../routes/modules/propertyMarketing.ts       |  8 ++---
 tsconfig.json                                 |  2 +-
 15 files changed, 69 insertions(+), 37 deletions(-)
 rename src/assets/svg/{icon-intelligentSolution.svg => svg-intelligentSolution.svg} (100%)
 rename src/assets/svg/{icon-mediaAccount.svg => svg-mediaAccount.svg} (100%)
 rename src/assets/svg/{icon-putAccount.svg => svg-putAccount.svg} (100%)
 rename src/assets/svg/{icon-repository.svg => svg-repository.svg} (100%)
 create mode 100644 src/assets/svg/svg-taskCenter.svg
 create mode 100644 src/components/svg-icon/index.vue

diff --git a/config/index.ts b/config/index.ts
index 58a9509..5c96895 100644
--- a/config/index.ts
+++ b/config/index.ts
@@ -1,5 +1,5 @@
 import { configUnocss } from './plugins';
-import { configAutoImport, configComponents, configIcons } from './unplugin';
+import { configAutoImport, configComponents,configIcons } from './unplugin';
 import viteCompression from 'vite-plugin-compression';
 import progress from 'vite-plugin-progress';
 import defineOptions from 'unplugin-vue-define-options/vite';
diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index 6d2de4c..5617d5a 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -1,14 +1,9 @@
-/*
- * @Author: RenXiaoDong
- * @Date: 2025-06-24 16:29:10
- */
 /**
  * 自动引入API
  * */
 import AutoImport from 'unplugin-auto-import/vite';
 
 import { ArcoResolver } from 'unplugin-vue-components/resolvers';
-import IconsResolver from 'unplugin-icons/resolver';
 
 import { layoutsResolver } from '../utils';
 
@@ -31,9 +26,6 @@ export function configAutoImport() {
           enable: true,
         },
       }),
-      IconsResolver({
-        enabledCollections: [],
-      }),
       layoutsResolver(),
     ],
     eslintrc: {
diff --git a/config/unplugin/component.ts b/config/unplugin/component.ts
index 9840799..57b9dc8 100644
--- a/config/unplugin/component.ts
+++ b/config/unplugin/component.ts
@@ -5,7 +5,6 @@ import { kebabCase } from 'unplugin-vue-components';
 import Components from 'unplugin-vue-components/vite';
 
 import { ArcoResolver } from 'unplugin-vue-components/resolvers';
-import IconsResolver from 'unplugin-icons/resolver';
 
 import { getSep, getPath, setResolve, layoutsResolver } from '../utils';
 
@@ -20,11 +19,6 @@ export function configComponents() {
         },
         sideEffect: true,
       }),
-      IconsResolver({
-        prefix: false,
-        customCollections: ['i'],
-        enabledCollections: [],
-      }),
       layoutsResolver(),
       {
         type: 'component',
diff --git a/config/unplugin/icons.ts b/config/unplugin/icons.ts
index 2afaffa..0c94bf2 100644
--- a/config/unplugin/icons.ts
+++ b/config/unplugin/icons.ts
@@ -1,14 +1,14 @@
-/**
- * 自动引入 svg 图标
- * */
-import Icons from 'unplugin-icons/vite';
-import { FileSystemIconLoader } from 'unplugin-icons/loaders';
+// /**
+//  * 自动引入 svg 图标
+//  * */
+import { resolve } from '../utils';
+
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
 
 export function configIcons() {
-  return Icons({
-    compiler: 'vue3',
-    customCollections: {
-      i: FileSystemIconLoader('./src/assets', (svg) => svg.replace(/^<svg /, '<svg class="eo-i" ')),
-    },
-  });
-}
+  return createSvgIconsPlugin({
+    iconDirs: [resolve( "src/assets/svg")],
+    symbolId: "icon-[dir]-[name]",
+  })
+};
+
diff --git a/package.json b/package.json
index 5f28272..01ea60b 100644
--- a/package.json
+++ b/package.json
@@ -69,6 +69,7 @@
     "vite": "^4.0.4",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-progress": "^0.0.6",
+    "vite-plugin-svg-icons": "^2.0.1",
     "vue-eslint-parser": "^9.1.0",
     "vue-tsc": "^1.0.24"
   },
diff --git a/src/assets/svg/icon-intelligentSolution.svg b/src/assets/svg/svg-intelligentSolution.svg
similarity index 100%
rename from src/assets/svg/icon-intelligentSolution.svg
rename to src/assets/svg/svg-intelligentSolution.svg
diff --git a/src/assets/svg/icon-mediaAccount.svg b/src/assets/svg/svg-mediaAccount.svg
similarity index 100%
rename from src/assets/svg/icon-mediaAccount.svg
rename to src/assets/svg/svg-mediaAccount.svg
diff --git a/src/assets/svg/icon-putAccount.svg b/src/assets/svg/svg-putAccount.svg
similarity index 100%
rename from src/assets/svg/icon-putAccount.svg
rename to src/assets/svg/svg-putAccount.svg
diff --git a/src/assets/svg/icon-repository.svg b/src/assets/svg/svg-repository.svg
similarity index 100%
rename from src/assets/svg/icon-repository.svg
rename to src/assets/svg/svg-repository.svg
diff --git a/src/assets/svg/svg-taskCenter.svg b/src/assets/svg/svg-taskCenter.svg
new file mode 100644
index 0000000..c4ee6af
--- /dev/null
+++ b/src/assets/svg/svg-taskCenter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path d="M9.2041 2.32617C11.6897 2.32617 13.7595 4.10156 14.2178 6.45312C15.2902 7.15513 16 8.36571 16 9.74316C16 11.9142 14.2393 13.6738 12.0684 13.6738H3.93066C1.75983 13.6736 3.83345e-05 11.9141 0 9.74316C0 9.63068 0.00538693 9.51927 0.0146484 9.40918C0.00563418 9.29576 7.49779e-06 9.18117 0 9.06543C0 6.69938 1.91817 4.78127 4.28418 4.78125C4.46476 4.78126 4.64268 4.79275 4.81738 4.81445C5.70979 3.32391 7.34052 2.32633 9.2041 2.32617ZM9.2041 3.52539C7.77983 3.52555 6.53145 4.28786 5.84668 5.43164L5.44531 6.10156L4.66992 6.00586C4.53994 5.9897 4.41129 5.98048 4.28418 5.98047C2.6345 5.98048 1.28692 7.27669 1.2041 8.90625L1.2002 9.06543C1.2002 9.14467 1.20305 9.22752 1.20996 9.31445L1.21777 9.41211L1.20996 9.50977L1.2002 9.74316C1.20023 11.2514 2.42259 12.4744 3.93066 12.4746H12.0684C13.5297 12.4746 14.7226 11.3265 14.7959 9.88379L14.7998 9.74316C14.7998 8.78847 14.3094 7.94732 13.5605 7.45703L13.1377 7.17969L13.04 6.68262C12.6894 4.8834 11.104 3.52539 9.2041 3.52539ZM6.79688 6.74121C6.93478 6.61179 7.13694 6.57633 7.31055 6.65137C7.48407 6.72651 7.59654 6.89783 7.59668 7.08691V10.749C7.59642 11.0109 7.38396 11.2235 7.12207 11.2236C6.86013 11.2236 6.64772 11.0109 6.64746 10.749V8.18457L6.05859 8.73828C5.86754 8.91775 5.5662 8.90785 5.38672 8.7168C5.20757 8.52576 5.21736 8.2253 5.4082 8.0459L6.79688 6.74121ZM8.87793 6.6123C9.14003 6.61235 9.35254 6.82578 9.35254 7.08789V9.65137L9.94141 9.09863C10.1325 8.91917 10.4338 8.92809 10.6133 9.11914C10.7925 9.31017 10.7827 9.61061 10.5918 9.79004L9.20312 11.0947C9.0652 11.2242 8.86308 11.2596 8.68945 11.1846C8.51588 11.1094 8.40339 10.9382 8.40332 10.749V7.08789C8.40332 6.82582 8.61588 6.61241 8.87793 6.6123Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/components/_base/navbar/components/right-side/index.vue b/src/components/_base/navbar/components/right-side/index.vue
index 6bada4f..8fb744d 100644
--- a/src/components/_base/navbar/components/right-side/index.vue
+++ b/src/components/_base/navbar/components/right-side/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="right-wrap">
-    <!-- 下载中心 -->
-    <icon-download
+    <SvgIcon
+      name="svg-taskCenter"
       size="16"
       class="cursor-pointer color-#737478 hover:color-#6D4CFE mr-12px"
       @click="openDownloadCenter"
diff --git a/src/components/svg-icon/index.vue b/src/components/svg-icon/index.vue
new file mode 100644
index 0000000..c9ea304
--- /dev/null
+++ b/src/components/svg-icon/index.vue
@@ -0,0 +1,35 @@
+<template>
+    <svg
+      aria-hidden="true"
+      class="svg-icon"
+      :width="props.size"
+      :height="props.size"
+    >
+      <use :xlink:href="symbolId" :fill="props.color" />
+    </svg>
+  </template>
+  
+  <script setup>
+  import { computed } from "vue";
+  const props = defineProps({
+    prefix: {
+      type: String,
+      default: "icon",
+    },
+    name: {
+      type: String,
+      required: true,
+    },
+    color: {
+      type: String,
+      default: "#333",
+    },
+    size: {
+      type: String,
+      default: "12",
+    },
+  });
+  
+  const symbolId = computed(() => `#${props.prefix}-${props.name}`);
+  </script>
+  
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 9ce866e..bab185a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -5,18 +5,25 @@
 import App from './App.vue';
 import router from './router';
 import store from './stores';
-import NoData from '@/components/no-data';
-import '@/api/index';
 
+import NoData from '@/components/no-data';
+import SvgIcon from "@/components/svg-icon";
+
+import '@/api/index';
 import '@arco-design/web-vue/dist/arco.css'; // Arco 默认样式
 import './core';
 
 import 'normalize.css';
 import 'uno.css';
+import 'virtual:svg-icons-register'
+
 // import '@/styles/vars.css'; // 优先加载
 
 const app = createApp(App);
+
+app.component('NoData', NoData);
+app.component('SvgIcon', SvgIcon);
+
 app.use(store);
 app.use(router);
-app.component('NoData', NoData);
 app.mount('#app');
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 58e5ed4..048a3d2 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -5,10 +5,10 @@
 import type { AppRouteRecordRaw } from '../types';
 import { MENU_GROUP_IDS } from '@/router/constants';
 
-import IconRepository from '@/assets/svg/icon-repository.svg';
-import IconMediaAccount from '@/assets/svg/icon-mediaAccount.svg';
-import IconPutAccount from '@/assets/svg/icon-putAccount.svg';
-import IconIntelligentSolution from '@/assets/svg/icon-intelligentSolution.svg';
+import IconRepository from '@/assets/svg/svg-repository.svg';
+import IconMediaAccount from '@/assets/svg/svg-mediaAccount.svg';
+import IconPutAccount from '@/assets/svg/svg-putAccount.svg';
+import IconIntelligentSolution from '@/assets/svg/svg-intelligentSolution.svg';
 
 const COMPONENTS: AppRouteRecordRaw[] = [
   {
diff --git a/tsconfig.json b/tsconfig.json
index 448577a..8d7756e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -16,7 +16,7 @@
     "paths": {
       "@/*": ["src/*"]
     },
-    "types": ["unplugin-icons/types/vue", "unplugin-vue-define-options/macros-global"]
+    "types": ["unplugin-vue-define-options/macros-global"]
   },
 
   "references": [

From 667c2d7cd1eb3b2e6edf59480c6abaaea6962356 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 14:10:27 +0800
Subject: [PATCH 36/97] =?UTF-8?q?perf:=20=E6=8A=95=E6=94=BE=E8=B4=A6?=
 =?UTF-8?q?=E6=88=B7=E6=A8=A1=E5=9D=97=E8=B5=B0=E6=9F=A5=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-data/components/board-table/constants.ts           | 2 +-
 .../put-account/account-data/components/filter-block/index.vue | 2 +-
 .../account-data/components/plan-table/constants.ts            | 2 +-
 .../property-marketing/put-account/account-data/index.vue      | 3 ++-
 .../put-account/components/account-select/index.vue            | 1 +
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
index 4bed58a..5239138 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
@@ -7,7 +7,7 @@ export const TABLE_COLUMNS = [
     title: '账户名称',
     dataIndex: 'name',
     prop: 'name',
-    width: 180,
+    width: 240,
     fixed: 'left',
   },
   {
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 1e661c1..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
@@ -38,7 +38,7 @@
     <div class="filter-row flex">
       <div v-if="!isAccountTab" class="filter-row-item flex items-center">
         <span class="label">关联账户</span>
-        <a-space class="w-160px">
+        <a-space class="w-240px">
           <AccountSelect v-model="query.placement_account_id" :options="placementAccounts" @change="handleSearch" />
         </a-space>
       </div>
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
index f517a3a..9f592cf 100644
--- a/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
@@ -7,7 +7,7 @@ export const TABLE_COLUMNS = [
     title: '计划名称',
     dataIndex: 'name',
     prop: 'name',
-    width: 180,
+    width: 240,
     fixed: 'left',
   },
   {
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index 5d6c39a..8ea8e92 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -91,7 +91,8 @@ const init = () => {
   selectedRowKeys.value = [];
   accountTableRef.value?.resetTable();
 
-  const data_time = [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')];
+  const yesterday = dayjs().subtract(1, 'day').format('YYYY-MM-DD');
+  const data_time = [yesterday, yesterday];  
   query.value.data_time = data_time;
 
   getData();
diff --git a/src/views/property-marketing/put-account/components/account-select/index.vue b/src/views/property-marketing/put-account/components/account-select/index.vue
index 2c50673..8fe8606 100644
--- a/src/views/property-marketing/put-account/components/account-select/index.vue
+++ b/src/views/property-marketing/put-account/components/account-select/index.vue
@@ -9,6 +9,7 @@
     size="medium"
     :placeholder="placeholder"
     allow-clear
+    allow-search
     @change="handleChange"
   >
     <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">

From 59b7c0dc6c158cc1d0f771a935b8c1800acc7999 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 14:24:49 +0800
Subject: [PATCH 37/97] =?UTF-8?q?perf:=20=E5=AD=97=E6=AE=B5=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-data/components/board-table/constants.ts        | 2 +-
 .../property-marketing/put-account/account-data/index.vue   | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
index 5239138..5b06da3 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
@@ -19,7 +19,7 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '运营人员',
-    dataIndex: 'operator_ame',
+    dataIndex: 'operator_name',
     prop: 'operator',
     width: 180,
   },
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index 8ea8e92..8f7a3e5 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -92,7 +92,7 @@ const init = () => {
   accountTableRef.value?.resetTable();
 
   const yesterday = dayjs().subtract(1, 'day').format('YYYY-MM-DD');
-  const data_time = [yesterday, yesterday];  
+  const data_time = [yesterday, yesterday];
   query.value.data_time = data_time;
 
   getData();
@@ -137,9 +137,11 @@ const handleSelectionChange = (selectedRows) => {
 };
 
 const handleTabClick = (key) => {
+  dataSource.value = [];
+  selectedRowKeys.value = [];
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
   activeTab.value = key;
   getData();
-
 };
 
 const handleExport = () => {

From 5063cd50f8326e7d117d8a4bc68a02b227c1a455 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 14:43:19 +0800
Subject: [PATCH 38/97] =?UTF-8?q?feat:=20=E5=AF=BC=E5=85=A5=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E5=90=8E=E8=BD=AE=E8=AF=A2=E4=BB=BB=E5=8A=A1=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/common.ts                         |  5 ++
 .../components/export-task/index.vue          |  4 +-
 .../components/import-task/index.vue          |  2 +-
 src/utils/arcoD.tsx                           |  5 +-
 .../components/add-account-modal/index.vue    | 61 ++++++-------------
 .../media-account/account-manage/index.vue    | 32 +++++++++-
 .../account-manage/renderComp.jsx             | 40 ++++++++++++
 vite.config.ts                                |  3 +-
 8 files changed, 100 insertions(+), 52 deletions(-)
 create mode 100644 src/views/property-marketing/media-account/account-manage/renderComp.jsx

diff --git a/src/api/all/common.ts b/src/api/all/common.ts
index a1a7b0c..e4ee6d6 100644
--- a/src/api/all/common.ts
+++ b/src/api/all/common.ts
@@ -28,3 +28,8 @@ export const deleteBatchTasks = (params = {}) => {
 export const deleteTask = (id: string) => {
   return Http.delete(`/v1/tasks/${id}`);
 };
+
+// 任务中心-查询任务状态
+export const getTaskStatus = (id: string) => {
+  return Http.get(`/v1/tasks/${id}/status`);
+};
\ No newline at end of file
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
index 4d3fa15..4078d77 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
@@ -107,8 +107,8 @@ export default {
     };
 
     const handleDownload = (record) => {
-      showExportNotification(record.name)
-      record.file && downloadByUrl(record.file);
+      showExportNotification(`正在下载“${record.name}”，请稍后...`)
+      // record.file && downloadByUrl(record.file);
     };
     const handleBatchDownload = () => {
       // 批量下载逻辑
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue b/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
index 76740bf..2f33fb5 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
@@ -107,7 +107,7 @@ export default {
     };
 
     const handleDownload = (record) => {
-      showExportNotification(record.name)
+      showExportNotification(`正在下载“${record.name}”，请稍后...`)
     };
     const handleBatchDownload = () => {
       // 批量下载逻辑
diff --git a/src/utils/arcoD.tsx b/src/utils/arcoD.tsx
index 2259dc2..d51f04e 100644
--- a/src/utils/arcoD.tsx
+++ b/src/utils/arcoD.tsx
@@ -1,14 +1,15 @@
 import { Notification } from '@arco-design/web-vue';
 import { IconLoading } from '@arco-design/web-vue/es/icon';
 
-export function showExportNotification(name: string) {
+export function showExportNotification(label: string, id: '') {
   Notification.warning({
+    id,
     showIcon: false,
     closable: true,
     content: () => (
       <div class="flex items-center">
         <IconLoading size={16} class="color-#6D4CFE mr-8px" />
-        <p class="text-14px lh-22px font-400 color-#211F24">{`正在下载“${name}”，请稍后...`}</p>
+        <p class="text-14px lh-22px font-400 color-#211F24">{label}</p>
       </div>
     ),
     duration: 3000,
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 6f0c700..2c70712 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
@@ -22,16 +22,12 @@ import {
 import TagSelect from '@/views/property-marketing/media-account/components/tag-select';
 import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
 import AuthorizedAccountModal from '../authorized-account-modal';
-import ImportPromptModal from '../import-prompt-modal';
+// import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
 import SyncDataModal from '../sync-data-modal';
 
-import icon1 from '@/assets/img/media-account/icon-download.png';
-import icon2 from '@/assets/img/media-account/icon-delete.png';
-import icon3 from '@/assets/img/media-account/icon-dy.png';
-import icon4 from '@/assets/img/media-account/icon-xhs.png';
-import icon5 from '@/assets/img/media-account/icon-warn-1.png';
-import icon6 from '@/assets/img/media-account/icon-success.png';
+import { downloadByUrl } from '@/utils/tools';
+import { showExportNotification } from '@/utils/arcoD';
 import {
   fetchAccountTags,
   fetchAccountGroups,
@@ -42,6 +38,13 @@ import {
   batchMediaAccounts,
 } from '@/api/all/propertyMarketing';
 
+import icon1 from '@/assets/img/media-account/icon-download.png';
+import icon2 from '@/assets/img/media-account/icon-delete.png';
+import icon3 from '@/assets/img/media-account/icon-dy.png';
+import icon4 from '@/assets/img/media-account/icon-xhs.png';
+import icon5 from '@/assets/img/media-account/icon-warn-1.png';
+import icon6 from '@/assets/img/media-account/icon-success.png';
+
 const UploadStatus = {
   DEFAULT: 'default',
   WAITING: 'waiting',
@@ -77,7 +80,6 @@ export default {
     const form = ref({ ...INITIAL_FORM });
     const syncDataModalRef = ref(null);
     const importLoading = ref(false);
-    const CustomNotificationVisible = ref(false);
 
     const rules = {
       mobile: [
@@ -132,6 +134,7 @@ export default {
     function removeFile() {
       fileName.value = '';
       file.value = null;
+      importLoading.value = false;
       uploadStatus.value = UploadStatus.DEFAULT;
     }
     const reset = () => {
@@ -175,22 +178,20 @@ export default {
           AMessage.warning('请上传要导入的文件');
           return;
         }
+
         importLoading.value = true;
         const formData = new FormData();
         formData.append('file', file.value);
-        const { code } = await batchMediaAccounts(formData, {
+        const { code, data } = await batchMediaAccounts(formData, {
           headers: {
             'Content-Type': 'multipart/form-data',
           },
         });
         if (code === 200) {
-          AMessage.success('导入成功');
-          emit('update');
+          const ID = 'IMPORT-ACCOUNT';
+          showExportNotification(`正在导入“${file.value.name}”，请稍后...`, ID);
+          emit('startQueryTaskStatus', data.id, ID);
           onClose();
-
-          // const ID = 'IMPORT-ACCOUNT';
-          // renderNotification(ID);
-          importPromptModalRef.value.open();
         } else {
           uploadStatus.value = UploadStatus.ERROR;
         }
@@ -247,9 +248,6 @@ export default {
         window.open(data.download_url, '_blank');
       }
     };
-    const handleDownloadError = () => {
-      console.log('handleDownloadError');
-    };
     const renderLabel = (label, tooltipContent) => {
       return (
         <>
@@ -260,31 +258,6 @@ export default {
         </>
       );
     };
-    const renderNotification = (id, hasError) => {
-      Notification.warning({
-        id,
-        showIcon: false,
-        closable: true,
-        content: (
-          <div>
-            <div class="flex items-center mb-4px">
-              <img src={hasError ? icon5 : icon6} width="16" height="16" class="mr-8px" />
-              <span class="text-16px lh-24px font-400 color-#211F24">导入完成</span>
-            </div>
-            <p class="text-14px lh-22px font-400 color-#211F24">
-              共导入 37 个账号，导入成功 32 个{hasError ? `，失败 <span class="color-#F64B31">5</span> 个` : ''}
-            </p>
-            {hasError && (
-              <div class="mt-8px text-14px lh-22px font-400 color-#6D4CFE cursor-pointer" onClick={handleDownloadError}>
-                下载问题表格
-              </div>
-            )}
-          </div>
-        ),
-        duration: 3000,
-        class: `px-16px py-16px w-400px rounded-2px ${hasError ? 'bg-#FFF7E5' : 'bg-#EBF7F2'}`,
-      });
-    };
 
     expose({ open });
 
@@ -452,7 +425,7 @@ export default {
         </div>
 
         <AuthorizedAccountModal ref={authorizedAccountModalRef} onUpdate={() => emit('update')} />
-        <ImportPromptModal ref={importPromptModalRef} />
+        {/* <ImportPromptModal ref={importPromptModalRef} /> */}
         <SyncDataModal ref={syncDataModalRef} />
       </Modal>
     );
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 2de1a5c..ccdeda1 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -107,7 +107,7 @@
 
     <GroupManageModal ref="groupManageModalRef" @update="filterBlockRef?.getGroups" />
     <TagsManageModal ref="tagsManageModalRef" @update="filterBlockRef?.getTags" />
-    <AddAccountModal ref="addAccountModalRef" @update="getData" />
+    <AddAccountModal ref="addAccountModalRef" @update="getData" @startQueryTaskStatus="handleGetImportTaskStatus" />
 
     <DeleteAccountModal ref="deleteAccountRef" @update="getData" @batchUpdate="onBatchSuccess" />
     <BatchTagModal ref="batchTagModalRef" @update="onBatchSuccess" />
@@ -117,6 +117,7 @@
 
 <script setup>
 import { ref, provide } from 'vue';
+import { Notification } from '@arco-design/web-vue';
 
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
@@ -126,10 +127,11 @@ import AddAccountModal from './components/add-account-modal';
 import DeleteAccountModal from './components/account-table/delete-account';
 import BatchTagModal from './components/batch-tag-modal';
 import BatchGroupModal from './components/batch-group-modal';
-import { Notification } from '@arco-design/web-vue';
 
 import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
+import {renderNotification} from "./renderComp"
 import { EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { getTaskStatus } from '@/api/all/common';
 import {
   getMediaAccounts,
   getMediaAccountsHealth,
@@ -146,6 +148,7 @@ import icon5 from '@/assets/img/media-account/icon-warn.png';
 import icon6 from '@/assets/img/media-account/icon-close.png';
 
 let syncDataTimer = null;
+let queryTaskTimer = null;
 
 const groupManageModalRef = ref(null);
 const tagsManageModalRef = ref(null);
@@ -338,18 +341,43 @@ const handleOpenAbnormalAccount = () => {
   query.value.status = 2;
   reload();
 };
+
+// 查询导入账号任务状态
+const getSyncTaskStatus = async (id, notificationId) => {
+  const { code, data } = await getTaskStatus(id);
+  if (code === 200) {
+    if (data?.status !== 0) {
+      clearQueryTaskTimer();
+      notificationId && Notification.remove(notificationId);
+      renderNotification(data)
+      getData();
+    }
+  }
+};
+const handleGetImportTaskStatus = (id, notificationId) => {
+  clearQueryTaskTimer();
+  getSyncTaskStatus(id, notificationId);
+  queryTaskTimer = setInterval(getSyncTaskStatus, 3000);
+};
 const clearSyncDataTimer = () => {
   if (syncDataTimer) {
     clearInterval(syncDataTimer);
     syncDataTimer = null;
   }
 };
+const clearQueryTaskTimer = () => {
+  if (queryTaskTimer) {
+    clearInterval(queryTaskTimer);
+    queryTaskTimer = null;
+  }
+};
 
 onMounted(() => {
   getData();
 });
 onUnmounted(() => {
   clearSyncDataTimer();
+  clearQueryTaskTimer();
 });
 
 provide('handleSyncData', handleSyncData);
diff --git a/src/views/property-marketing/media-account/account-manage/renderComp.jsx b/src/views/property-marketing/media-account/account-manage/renderComp.jsx
new file mode 100644
index 0000000..38901fb
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/renderComp.jsx
@@ -0,0 +1,40 @@
+import { downloadByUrl } from '@/utils/tools';
+
+const handleDownloadError = (file) => {
+  file && downloadByUrl(file);
+};
+export const renderNotification = (data) => {
+  const { total_number, success_number, fail_number, file } = data;
+  const hasError = fail_number > 0;
+  Notification.warning({
+    id,
+    showIcon: false,
+    closable: true,
+    content: (
+      <div>
+        <div class="flex items-center mb-4px">
+          <img src={hasError ? icon5 : icon6} width="16" height="16" class="mr-8px" />
+          <span class="text-16px lh-24px font-400 color-#211F24">导入完成</span>
+        </div>
+        <p class="text-14px lh-22px font-400 color-#211F24">
+          共导入 {total_number} 个账号，导入成功 {success_number} 个
+          {hasError && (
+            <span>
+              ，失败 <span class="color-#F64B31">{fail_number}</span> 个
+            </span>
+          )}
+        </p>
+        {hasError && (
+          <div
+            class="mt-8px text-14px lh-22px font-400 color-#6D4CFE cursor-pointer"
+            onClick={() => handleDownloadError(file)}
+          >
+            下载问题表格
+          </div>
+        )}
+      </div>
+    ),
+    duration: 3000,
+    class: `px-16px py-16px w-400px rounded-2px ${hasError ? 'bg-#FFF7E5' : 'bg-#EBF7F2'}`,
+  });
+};
diff --git a/vite.config.ts b/vite.config.ts
index 0158ad7..23a3441 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,7 +40,8 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          target: 'https://lingjiapi.lvfunai.com/api',
+          // target: 'https://lingjiapi.lvfunai.com/api',
+          target: 'http://192.168.40.3/api',
         },
       },
     },

From 09b14e5ceb6c824eba5bd506fb754a51a4bd6209 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 14:52:53 +0800
Subject: [PATCH 39/97] =?UTF-8?q?perf:=20=E5=A2=9E=E5=8A=A0=E6=82=AC?=
 =?UTF-8?q?=E5=81=9C=E6=98=BE=E7=A4=BA=E5=AE=8C=E6=95=B4=E6=96=87=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../put-account/components/account-select/index.vue       | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/views/property-marketing/put-account/components/account-select/index.vue b/src/views/property-marketing/put-account/components/account-select/index.vue
index 8fe8606..ebfc7ce 100644
--- a/src/views/property-marketing/put-account/components/account-select/index.vue
+++ b/src/views/property-marketing/put-account/components/account-select/index.vue
@@ -12,9 +12,11 @@
     allow-search
     @change="handleChange"
   >
-    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
-      {{ item.name }}
-    </a-option>
+    <a-tooltip v-for="(item, index) in options" :key="index" :content="item.name">
+      <a-option :value="item.id" :label="item.name">
+        {{ item.name }}
+      </a-option>
+    </a-tooltip>
   </a-select>
 </template>
 

From 3bfad300281401c5b96950dca1be20dc6ec1b775 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 14:55:58 +0800
Subject: [PATCH 40/97] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7id=E5=8F=96=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../media-account/account-detail/constants.ts                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
index 1a13eeb..63a5105 100644
--- a/src/views/property-marketing/media-account/account-detail/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -30,7 +30,7 @@ export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
     { title: '数据更新时间', dataIndex: 'last_synced_at', notDifferentiateDateType: true },
     { title: '平台', dataIndex: 'platform', notDifferentiateDateType: true },
     { title: '状态', dataIndex: 'status', type: 'status', notDifferentiateDateType: true },
-    { title: '账号ID', dataIndex: 'id', notDifferentiateDateType: true },
+    { title: '账号ID', dataIndex: 'account_id', notDifferentiateDateType: true },
     { title: '手机号码', dataIndex: 'mobile', notDifferentiateDateType: true },
     { title: '运营人员', dataIndex: 'operator.name', notDifferentiateDateType: true },
     { title: '所属项目', dataIndex: 'group.name', notDifferentiateDateType: true },

From 3ed801ddc33e3c613d7dfd7e5934b9fe3ec3b2e5 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 16:11:57 +0800
Subject: [PATCH 41/97] =?UTF-8?q?feat:=20=E6=89=B9=E9=87=8F=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E4=BB=BB=E5=8A=A1=E7=BB=93=E6=9D=9F=E5=90=8Eupdate?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/account-table/index.vue        | 23 ++++++++++++++++---
 .../media-account/account-manage/index.vue    | 11 +++++----
 2 files changed, 26 insertions(+), 8 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 6a333b6..2c82938 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
@@ -28,9 +28,7 @@
         </div>
         <div class="field-row">
           <span class="label">数据更新时间</span>
-          <span class="cts num">{{
-            exactFormatTime(item.last_synced_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss')
-          }}</span>
+          <span class="cts num">{{ getLastSyncedAt(item) }}</span>
         </div>
         <div class="field-row">
           <span class="label">平台</span>
@@ -144,6 +142,10 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  isLoadingTaskStatus: {
+    type: Boolean,
+    default: () => false,
+  },
 });
 
 const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete']);
@@ -172,6 +174,9 @@ 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;
 };
 
@@ -265,6 +270,18 @@ const onDeleteSyncStatus = async (item) => {
   await deleteSyncStatus(item.id);
   item.status = 1;
 };
+const formatTime = (time) => {
+  return exactFormatTime(time, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
+};
+const getLastSyncedAt = (item) => {
+  const target = props.syncMediaAccounts.find((v) => v.id === item.id);
+  if (props.isLoadingTaskStatus && target) {
+    if (target?.status !== 0) {
+      return formatTime(target.last_synced_at);
+    }
+  }
+  return formatTime(item.last_synced_at);
+};
 </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 2de1a5c..6448c07 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -80,6 +80,7 @@
       <AccountTable
         v-if="dataSource.length > 0"
         :syncMediaAccounts="syncMediaAccounts"
+        :isLoadingTaskStatus="isLoadingTaskStatus"
         :dataSource="dataSource"
         :selectedItems="selectedItems"
         @selectionChange="handleSelectionChange"
@@ -161,7 +162,7 @@ const dataSource = ref([]);
 const selectedItems = ref([]);
 const healthData = ref({});
 const syncMediaAccounts = ref([]);
-const startSyncData = ref(false);
+const isLoadingTaskStatus = ref(false); // 正在查询状态中
 
 const isAbNormalStatus = computed(() => healthData.value?.total_abnormal_number > 0);
 const isDisabledBatchSyncData = computed(() => selectedItems.value.some((item) => item.status !== EnumStatus.NORMAL));
@@ -288,14 +289,14 @@ const getAsyncStatus = async () => {
     const isEnd = data.every((item) => item.status !== 0);
     if (isEnd) {
       clearSyncDataTimer();
-      startSyncData.value = false;
+      isLoadingTaskStatus.value = false;
       getData();
     }
   }
 };
 
 const startSyncDataPolling = () => {
-  startSyncData.value = true;
+  isLoadingTaskStatus.value = true;
   clearSyncDataTimer();
 
   getAsyncStatus();
@@ -305,7 +306,7 @@ const startSyncDataPolling = () => {
 const handleSyncData = async (item) => {
   const { code } = await postSyncMediaAccountData(item.id);
   if (code === 200) {
-    if (!startSyncData.value) {
+    if (!isLoadingTaskStatus.value) {
       startSyncDataPolling();
     }
   }
@@ -322,7 +323,7 @@ const handleBatchSyncData = async () => {
   const ids = selectedItems.value.map((item) => item.id);
   const { code } = await postBatchSyncMediaAccountData({ ids });
   if (code === 200) {
-    if (!startSyncData.value) {
+    if (!isLoadingTaskStatus.value) {
       startSyncDataPolling();
     }
   }

From 404382dfe1d70955ddde2185faedcf1ee3ce7c4f Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 16:27:47 +0800
Subject: [PATCH 42/97] =?UTF-8?q?perf:=20=E9=BB=98=E8=AE=A4=E5=BC=80?=
 =?UTF-8?q?=E5=90=AF=E5=90=8C=E6=AD=A5=E6=95=B0=E6=8D=AE=E5=BC=80=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/add-account-modal/index.vue       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 64f2acd..cc27008 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -173,7 +173,7 @@ const INITIAL_FORM = {
   operator_name: '',
   holder_name: '',
   platform: 0,
-  is_sync_project: 0,
+  is_sync_project: 1,
 };
 
 const visible = ref(false);

From 4ef74174ca5dbdd2a7de5e1b34803c7116600224 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 17:10:12 +0800
Subject: [PATCH 43/97] =?UTF-8?q?feat:=20=E8=BD=AE=E8=AF=A2=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E6=9C=AA=E8=AF=BB=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   | 12 +++++-
 src/api/all/common.ts                         | 10 +++++
 .../navbar/components/right-side/index.vue    | 19 ++++++---
 src/stores/modules/side-bar/index.ts          | 41 +++++++++++++++----
 src/stores/modules/user/index.ts              |  2 +-
 src/utils/user.ts                             | 23 ++++++-----
 6 files changed, 81 insertions(+), 26 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4441999..21ab695 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,14 +5,16 @@
   </a-config-provider>
 </template>
 
-<script setup lang="ts">
+<script setup>
 import { useUserStore } from '@/stores';
 
 import { getUserEnterpriseInfo } from '@/utils/user';
+import { useSidebarStore } from '@/stores/modules/side-bar';
 
 import zhCN from '@arco-design/web-vue/es/locale/lang/zh-cn';
 
 const userStore = useUserStore();
+const sidebarStore = useSidebarStore();
 
 const redTheme = {
   token: {
@@ -20,7 +22,6 @@ const redTheme = {
     colorLink: '#f5222d', // 链接色
   },
 };
-// 初始化企业信息
 
 const init = async () => {
   const { isLogin, getUserInfo } = userStore;
@@ -28,6 +29,10 @@ const init = async () => {
   if (isLogin) {
     await getUserInfo(); // 初始化用户信息
     await getUserEnterpriseInfo();
+
+    sidebarStore.startUnreadInfoPolling();
+  } else {
+    sidebarStore.stopUnreadInfoPolling();
   }
 };
 
@@ -40,6 +45,9 @@ onMounted(() => {
     console.error(`发现catch报错：${event.reason}`);
   });
 });
+onUnmounted(() => {
+  sideBarStore.stopUnreadInfoPolling();
+});
 </script>
 
 <style lang="scss">
diff --git a/src/api/all/common.ts b/src/api/all/common.ts
index e4ee6d6..e5de204 100644
--- a/src/api/all/common.ts
+++ b/src/api/all/common.ts
@@ -32,4 +32,14 @@ export const deleteTask = (id: string) => {
 // 任务中心-查询任务状态
 export const getTaskStatus = (id: string) => {
   return Http.get(`/v1/tasks/${id}/status`);
+};
+
+// 任务中心-获取未读任务
+export const getTaskUnread = () => {
+  return Http.get(`/v1/tasks/unread`);
+};
+
+// 任务中心-已读
+export const patchTaskRead = (params = {}) => {
+  return Http.patch('/v1/tasks/read', params);
 };
\ No newline at end of file
diff --git a/src/components/_base/navbar/components/right-side/index.vue b/src/components/_base/navbar/components/right-side/index.vue
index 8fb744d..7960a48 100644
--- a/src/components/_base/navbar/components/right-side/index.vue
+++ b/src/components/_base/navbar/components/right-side/index.vue
@@ -1,11 +1,14 @@
 <template>
   <div class="right-wrap">
-    <SvgIcon
-      name="svg-taskCenter"
-      size="16"
-      class="cursor-pointer color-#737478 hover:color-#6D4CFE mr-12px"
-      @click="openDownloadCenter"
-    />
+    <div class="relative mr-12px" @click="sideBarStore.removeTaskUnreadInfo">
+      <SvgIcon
+        name="svg-taskCenter"
+        size="16"
+        class="cursor-pointer color-#737478 hover:color-#6D4CFE"
+        @click="openDownloadCenter"
+      />
+      <div class="w-4px h-4px rounded-50% bg-#F64B31 absolute top-1px right-1px" v-if="hasUnreadInfo"></div>
+    </div>
 
     <a-dropdown trigger="click" class="layout-avatar-dropdown">
       <a-avatar class="cursor-pointer" :size="32">
@@ -70,6 +73,7 @@
 <script setup>
 import router from '@/router';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
+import { useSidebarStore } from '@/stores/modules/side-bar';
 import { useUserStore } from '@/stores';
 
 import ExitAccountModal from '@/components/_base/exit-account-modal';
@@ -81,6 +85,9 @@ import icon3 from '@/assets/change.svg';
 
 const enterpriseStore = useEnterpriseStore();
 const userStore = useUserStore();
+const sideBarStore = useSidebarStore();
+
+const hasUnreadInfo = computed(() => sideBarStore.unreadInfo.length)
 
 const exitAccountModalRef = ref(null);
 const downloadCenterModalRef = ref(null);
diff --git a/src/stores/modules/side-bar/index.ts b/src/stores/modules/side-bar/index.ts
index cca787f..557d728 100644
--- a/src/stores/modules/side-bar/index.ts
+++ b/src/stores/modules/side-bar/index.ts
@@ -7,18 +7,22 @@ import router from '@/router';
 import type { RouteLocationNormalized } from 'vue-router';
 import { MENU_LIST } from './constants';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
+import { getTaskUnread, patchTaskRead } from '@/api/all/common';
 
 interface sidebarState {
   activeMenuId: number | null;
   menuList: any[];
   allowAccessRoutes: any[];
+  unreadInfo: number[];
 }
 
+let unreadInfoTimer: number | null = null;
+
 export const useSidebarStore = defineStore('sidebar', {
   state: (): sidebarState => ({
-    activeMenuId: null,
-    menuList: [],
-
+    activeMenuId: null, // 
+    menuList: [], // 菜单信息 
+    unreadInfo: [], // 未读消息
     allowAccessRoutes: [], // 允许访问的路由列表
   }),
   actions: {
@@ -42,17 +46,13 @@ export const useSidebarStore = defineStore('sidebar', {
     setActiveMenuIdByRoute(route: RouteLocationNormalized) {
       const appRoutes = router.options?.routes ?? [];
 
-      // 查找当前路由所属的菜单组
       const findMenuGroup = (routes: any[]): number | null => {
         for (const routeItem of routes) {
-          // 检查子路由
           if (routeItem.children?.length > 0) {
-            // 检查当前路由是否是这个父路由的子路由
             const isChildRoute = routeItem.children.some((child: any) => child.name === route.name);
             if (isChildRoute) {
               return routeItem.meta?.id || null;
             }
-            // 递归检查更深层的子路由
             const childResult = findMenuGroup(routeItem.children);
             if (childResult !== null) {
               return routeItem.meta?.id || childResult;
@@ -71,5 +71,32 @@ export const useSidebarStore = defineStore('sidebar', {
         this.activeMenuId = menuId;
       }
     },
+    async getTaskUnreadInfo() {
+      const { code, data } = await getTaskUnread();
+      if (code === 200) {
+        this.unreadInfo = data;
+      }
+    },
+
+    // 查询未读信息
+    startUnreadInfoPolling() {
+      if (unreadInfoTimer) return;
+      this.getTaskUnreadInfo();
+      unreadInfoTimer = window.setInterval(() => {
+        this.getTaskUnreadInfo();
+      }, 30000);
+    },
+    stopUnreadInfoPolling() {
+      this.unreadInfo = [];
+      if (unreadInfoTimer) {
+        clearInterval(unreadInfoTimer);
+        unreadInfoTimer = null;
+      }
+    },
+    async removeTaskUnreadInfo() {
+      console.log('removeTaskUnreadInfo');
+      patchTaskRead({ ids: this.unreadInfo });
+      this.unreadInfo = [];
+    },
   },
 });
diff --git a/src/stores/modules/user/index.ts b/src/stores/modules/user/index.ts
index 5a26ab0..71443de 100644
--- a/src/stores/modules/user/index.ts
+++ b/src/stores/modules/user/index.ts
@@ -47,7 +47,7 @@ export const useUserStore = defineStore('user', {
       slsWithCatch('accessToken', this.token);
     },
 
-    deleteToken() {
+    clearToken() {
       this.token = '';
       rlsWithCatch('accessToken');
     },
diff --git a/src/utils/user.ts b/src/utils/user.ts
index 8a6ff1a..599f788 100644
--- a/src/utils/user.ts
+++ b/src/utils/user.ts
@@ -12,13 +12,13 @@ import { useSidebarStore } from '@/stores/modules/side-bar';
 export function goUserLogin(query?: any) {
   router.push({ name: 'UserLogin', query });
 }
-// 初始化企业信息、navbar菜单、允许访问的路由
+
 export const getUserEnterpriseInfo = async () => {
   const enterpriseStore = useEnterpriseStore();
   const sidebarStore = useSidebarStore();
   const userStore = useUserStore();
 
-  await enterpriseStore.getEnterpriseInfo();
+  await enterpriseStore.getEnterpriseInfo(); // 初始化企业信息
   sidebarStore.getUserNavbarMenuList(); // 初始化navbar菜单
   userStore.getUserAllowAccessRoutes(); // 初始化允许访问的路由
 };
@@ -26,9 +26,11 @@ export const getUserEnterpriseInfo = async () => {
 // 登录处理
 export async function handleUserLogin() {
   const userStore = useUserStore();
+  const sidebarStore = useSidebarStore();
 
   await userStore.getUserInfo(); // 初始化用户信息
-  await getUserEnterpriseInfo();
+  await getUserEnterpriseInfo(); // 初始化企业信息、navbar菜单、允许访问的路由
+  sidebarStore.startUnreadInfoPolling(); // 初始化未读信息
 
   handleUserHome();
 }
@@ -38,18 +40,19 @@ export function handleUserHome() {
   router.push({ name: 'Home' });
 }
 
+// 登出处理
 export function handleUserLogout() {
   const userStore = useUserStore();
   const enterpriseStore = useEnterpriseStore();
   const sidebarStore = useSidebarStore();
 
-  userStore.clearUserInfo();
-  enterpriseStore.clearUserEnterpriseInfo();
-  sidebarStore.clearUserNavbarMenuList();
-  userStore.clearUserAllowAccessRoutes();
-
-  sidebarStore.clearActiveMenuId();
-  userStore.deleteToken();
+  userStore.clearUserInfo(); // 清除用户信息
+  userStore.clearToken(); // 清除token
+  enterpriseStore.clearUserEnterpriseInfo(); // 清除企业信息
+  sidebarStore.clearUserNavbarMenuList(); // 清除navbar菜单信息
+  userStore.clearUserAllowAccessRoutes(); // 清除权限路由列表
+  sidebarStore.stopUnreadInfoPolling(); // 清除未读消息
+  sidebarStore.clearActiveMenuId(); // 清除active菜单id
 
   goUserLogin();
 }

From 4f10e5edf147a9ba459dc95b9837ef5c443ad80e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 17:12:13 +0800
Subject: [PATCH 44/97] =?UTF-8?q?perf:=20=E9=80=BB=E8=BE=91=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_base/navbar/components/right-side/index.vue         | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/_base/navbar/components/right-side/index.vue b/src/components/_base/navbar/components/right-side/index.vue
index 7960a48..8e32b27 100644
--- a/src/components/_base/navbar/components/right-side/index.vue
+++ b/src/components/_base/navbar/components/right-side/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="right-wrap">
-    <div class="relative mr-12px" @click="sideBarStore.removeTaskUnreadInfo">
+    <div class="relative mr-12px" @click="setUnread">
       <SvgIcon
         name="svg-taskCenter"
         size="16"
@@ -87,7 +87,7 @@ const enterpriseStore = useEnterpriseStore();
 const userStore = useUserStore();
 const sideBarStore = useSidebarStore();
 
-const hasUnreadInfo = computed(() => sideBarStore.unreadInfo.length)
+const hasUnreadInfo = computed(() => sideBarStore.unreadInfo.length);
 
 const exitAccountModalRef = ref(null);
 const downloadCenterModalRef = ref(null);
@@ -112,6 +112,11 @@ const clickExit = async () => {
 const setServerMenu = () => {
   router.push('/management/person');
 };
+const setUnread = () => {
+  if (sideBarStore.unreadInfo.length) {
+    sideBarStore.removeTaskUnreadInfo();
+  }
+};
 </script>
 
 <style scoped lang="scss">

From 7956594705e459268ea98cf28154dbd64eb28d70 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 17:47:16 +0800
Subject: [PATCH 45/97] =?UTF-8?q?feat:=20=E4=BB=BB=E5=8A=A1=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83-=E9=87=8D=E5=81=9A=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/common.ts                         |  7 ++-
 .../navbar/components/right-side/index.vue    |  2 +-
 .../components/export-task/constants.ts       |  4 +-
 .../export-task/delete-task-modal.vue         |  1 +
 .../components/export-task/index.vue          | 62 +++++++------------
 .../components/export-task/style.scss         |  0
 .../components/import-task/constants.ts       |  4 +-
 .../import-task/delete-task-modal.vue         |  0
 .../components/import-task/index.vue          | 37 +++--------
 .../components/import-task/style.scss         |  0
 .../constants.ts                              |  0
 .../index.vue                                 |  4 +-
 .../style.scss                                |  2 +-
 src/stores/modules/side-bar/index.ts          |  1 -
 14 files changed, 47 insertions(+), 77 deletions(-)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/components/export-task/constants.ts (94%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/components/export-task/delete-task-modal.vue (99%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/components/export-task/index.vue (85%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/components/export-task/style.scss (100%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/components/import-task/constants.ts (96%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/components/import-task/delete-task-modal.vue (100%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/components/import-task/index.vue (89%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/components/import-task/style.scss (100%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/constants.ts (100%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/index.vue (94%)
 rename src/components/_base/navbar/components/{download-center-modal => task-center-modal}/style.scss (98%)

diff --git a/src/api/all/common.ts b/src/api/all/common.ts
index e5de204..74d626d 100644
--- a/src/api/all/common.ts
+++ b/src/api/all/common.ts
@@ -21,7 +21,7 @@ export const getTask = (params = {}) => {
 
 // 任务中心-批量删除
 export const deleteBatchTasks = (params = {}) => {
-  return Http.delete('/v1/tasks', params);
+  return Http.delete('/v1/tasks', { data: params });
 };
 
 // 任务中心-删除
@@ -42,4 +42,9 @@ export const getTaskUnread = () => {
 // 任务中心-已读
 export const patchTaskRead = (params = {}) => {
   return Http.patch('/v1/tasks/read', params);
+};
+
+// 任务中心-重做任务
+export const postRedoTask = (id: string) => {
+  return Http.post(`/v1/tasks/${id}/redo`);
 };
\ No newline at end of file
diff --git a/src/components/_base/navbar/components/right-side/index.vue b/src/components/_base/navbar/components/right-side/index.vue
index 8e32b27..4f187dd 100644
--- a/src/components/_base/navbar/components/right-side/index.vue
+++ b/src/components/_base/navbar/components/right-side/index.vue
@@ -77,7 +77,7 @@ import { useSidebarStore } from '@/stores/modules/side-bar';
 import { useUserStore } from '@/stores';
 
 import ExitAccountModal from '@/components/_base/exit-account-modal';
-import DownloadCenterModal from '../download-center-modal';
+import DownloadCenterModal from '../task-center-modal';
 
 import icon1 from '@/assets/option.svg';
 import icon2 from '@/assets/exit.svg';
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts b/src/components/_base/navbar/components/task-center-modal/components/export-task/constants.ts
similarity index 94%
rename from src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts
rename to src/components/_base/navbar/components/task-center-modal/components/export-task/constants.ts
index 0b9ed2c..1134c9a 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/constants.ts
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/constants.ts
@@ -25,7 +25,7 @@ export const TABLE_COLUMNS = [
   {
     title: '创建时间',
     dataIndex: 'created_at',
-    width: 140,
+    width: 180,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -33,6 +33,6 @@ export const TABLE_COLUMNS = [
   {
     title: '操作人员',
     dataIndex: 'operator.name',
-    width: 120,
+    width: 150,
   },
 ];
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
similarity index 99%
rename from src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue
rename to src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
index 589cfe8..343f730 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/delete-task-modal.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
@@ -49,6 +49,7 @@ const open = (record) => {
 async function onDelete() {
   const _fn = isBatch.value ? deleteBatchTasks : deleteTask;
   const _params = isBatch.value ? { ids: taskId.value } : taskId.value;
+
   const { code } = await _fn(_params);
   if (code === 200) {
     AMessage.success('删除成功');
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
similarity index 85%
rename from src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
rename to src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
index 4078d77..00c51ef 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
@@ -3,7 +3,7 @@ import { ref, computed } from 'vue';
 import { Input, Table, TableColumn, Checkbox, Pagination, Button, Tooltip, Notification } from '@arco-design/web-vue';
 import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 import NoData from '@/components/no-data';
-import { getTask } from '@/api/all/common';
+import { getTask, postRedoTask } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
 import { TASK_STATUS } from '../../constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
@@ -11,7 +11,6 @@ import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPa
 import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
 import icon1 from '@/assets/img/media-account/icon-delete.png';
-import icon5 from '@/assets/img/media-account/icon-warn-1.png';
 import { showExportNotification } from '@/utils/arcoD';
 
 export default {
@@ -57,24 +56,6 @@ export default {
     };
 
     const getData = async () => {
-      dataSource.value = [
-        {
-          id: 1,
-          file_name: '投放指南20150701',
-          module: '营销资产平台',
-          time: 1752130053,
-          name: '张三三张三三张三三张三三张三三',
-        },
-        {
-          id: 2,
-          file_name: '投放指南20150701',
-          module: '营销资产平台',
-          time: 1752130053,
-          name: '张三三张三三张三三张三三张三三',
-        },
-      ];
-      pageInfo.value.total = 2;
-
       const { page, page_size } = pageInfo.value;
       const { code, data } = await getTask({
         ...query.value,
@@ -106,9 +87,16 @@ export default {
       selectedRowKeys.value = [];
     };
 
-    const handleDownload = (record) => {
-      showExportNotification(`正在下载“${record.name}”，请稍后...`)
-      // record.file && downloadByUrl(record.file);
+    const handleDownload = async (record) => {
+      if (record.status === 2) {
+        const { code } = await postRedoTask(record.id);
+        if (code === 200) {
+          showExportNotification(`正在下载“${record.name}”，请稍后...`);
+          getData();
+        }
+      } else {
+        record.file && downloadByUrl(record.file);
+      }
     };
     const handleBatchDownload = () => {
       // 批量下载逻辑
@@ -124,6 +112,7 @@ export default {
     const handleBatchDelete = () => {
       const ids = selectedRows.value.map((item) => item.id);
       const names = selectedRows.value.map((item) => `"${item.name || '-'}` + '"').join('，');
+
       deleteTaskModalRef.value?.open({ id: ids, name: names });
     };
 
@@ -235,9 +224,6 @@ export default {
                     v-slots={{
                       title: () => (
                         <div class="flex items-center">
-                          {column.dataIndex === 'ai_evaluate' && (
-                            <img width="16" height="16" src={icon5} class="mr-4px" />
-                          )}
                           <span class="cts mr-4px">{column.title}</span>
                           {column.tooltip && (
                             <Tooltip content={column.tooltip} position="top">
@@ -249,11 +235,13 @@ export default {
                       cell: ({ record }) => {
                         if (column.dataIndex === 'status') {
                           return <span>{TASK_STATUS.find((v) => v.value === record.status)?.label}</span>;
-                        }
-                        if (column.dataIndex === 'created_at') {
+                        } else if (column.dataIndex === 'operator.name') {
+                          return record.operator?.name || record.operator?.mobile;
+                        } else if (column.dataIndex === 'created_at') {
                           return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
+                        } else {
+                          return formatTableField(column, record, true);
                         }
-                        return formatTableField(column, record, true);
                       },
                     }}
                   />
@@ -266,15 +254,13 @@ export default {
                   v-slots={{
                     cell: ({ record }) => (
                       <div class="flex items-center">
-                        {record.status !== 0 && (
-                          <img
-                            src={icon1}
-                            width="14"
-                            height="14"
-                            class="mr-8px cursor-pointer"
-                            onClick={() => handleDelete(record)}
-                          />
-                        )}
+                        <img
+                          src={icon1}
+                          width="14"
+                          height="14"
+                          class="mr-8px cursor-pointer"
+                          onClick={() => handleDelete(record)}
+                        />
                         <Button type="outline" size="mini" class="search-btn" onClick={() => handleDownload(record)}>
                           {record.status === 2 ? '重新导出' : '下载'}
                         </Button>
diff --git a/src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss b/src/components/_base/navbar/components/task-center-modal/components/export-task/style.scss
similarity index 100%
rename from src/components/_base/navbar/components/download-center-modal/components/export-task/style.scss
rename to src/components/_base/navbar/components/task-center-modal/components/export-task/style.scss
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts b/src/components/_base/navbar/components/task-center-modal/components/import-task/constants.ts
similarity index 96%
rename from src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts
rename to src/components/_base/navbar/components/task-center-modal/components/import-task/constants.ts
index a8bedeb..633bb88 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/import-task/constants.ts
+++ b/src/components/_base/navbar/components/task-center-modal/components/import-task/constants.ts
@@ -40,7 +40,7 @@ export const TABLE_COLUMNS = [
   {
     title: '导入时间',
     dataIndex: 'created_at',
-    width: 140,
+    width: 180,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -48,6 +48,6 @@ export const TABLE_COLUMNS = [
   {
     title: '操作人员',
     dataIndex: 'operator.name',
-    width: 120,
+    width: 150,
   },
 ];
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue b/src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
similarity index 100%
rename from src/components/_base/navbar/components/download-center-modal/components/import-task/delete-task-modal.vue
rename to src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
similarity index 89%
rename from src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
rename to src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
index 2f33fb5..3c175ed 100644
--- a/src/components/_base/navbar/components/download-center-modal/components/import-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
@@ -11,8 +11,7 @@ import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPa
 import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
 import icon1 from '@/assets/img/media-account/icon-delete.png';
-import icon5 from '@/assets/img/media-account/icon-warn-1.png';
-import { showExportNotification } from '@/utils/arcoD';
+// import { showExportNotification } from '@/utils/arcoD';
 
 export default {
   setup(props, { emit, expose }) {
@@ -57,24 +56,6 @@ export default {
     };
 
     const getData = async () => {
-      dataSource.value = [
-        {
-          id: 1,
-          file_name: '投放指南20150701',
-          module: '营销资产平台',
-          time: 1752130053,
-          name: '张三三张三三张三三张三三张三三',
-        },
-        {
-          id: 2,
-          file_name: '投放指南20150701',
-          module: '营销资产平台',
-          time: 1752130053,
-          name: '张三三张三三张三三张三三张三三',
-        },
-      ];
-      pageInfo.value.total = 2;
-
       const { page, page_size } = pageInfo.value;
       const { code, data } = await getTask({
         ...query.value,
@@ -107,7 +88,8 @@ export default {
     };
 
     const handleDownload = (record) => {
-      showExportNotification(`正在下载“${record.name}”，请稍后...`)
+      downloadByUrl(record.file);
+      // showExportNotification(`正在下载“${record.name}”，请稍后...`)
     };
     const handleBatchDownload = () => {
       // 批量下载逻辑
@@ -233,9 +215,6 @@ export default {
                     v-slots={{
                       title: () => (
                         <div class="flex items-center">
-                          {column.dataIndex === 'ai_evaluate' && (
-                            <img width="16" height="16" src={icon5} class="mr-4px" />
-                          )}
                           <span class="cts mr-4px">{column.title}</span>
                           {column.tooltip && (
                             <Tooltip content={column.tooltip} position="top">
@@ -247,18 +226,20 @@ export default {
                       cell: ({ record }) => {
                         if (column.dataIndex === 'status') {
                           return <span>{TASK_STATUS.find((v) => v.value === record.status)?.label}</span>;
-                        }
-                        if (column.dataIndex === 'created_at') {
+                        } else if (column.dataIndex === 'operator.name') {
+                          return <span>{record.operator?.name || record.operator?.mobile}</span>
+                        } else if (column.dataIndex === 'created_at') {
                           return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
+                        } else {
+                          return formatTableField(column, record, true);
                         }
-                        return formatTableField(column, record, true);
                       },
                     }}
                   />
                 ))}
                 <TableColumn
                   data-index="operation"
-                  width={100}
+                  width={180}
                   fixed="right"
                   title="操作"
                   v-slots={{
diff --git a/src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss b/src/components/_base/navbar/components/task-center-modal/components/import-task/style.scss
similarity index 100%
rename from src/components/_base/navbar/components/download-center-modal/components/import-task/style.scss
rename to src/components/_base/navbar/components/task-center-modal/components/import-task/style.scss
diff --git a/src/components/_base/navbar/components/download-center-modal/constants.ts b/src/components/_base/navbar/components/task-center-modal/constants.ts
similarity index 100%
rename from src/components/_base/navbar/components/download-center-modal/constants.ts
rename to src/components/_base/navbar/components/task-center-modal/constants.ts
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/task-center-modal/index.vue
similarity index 94%
rename from src/components/_base/navbar/components/download-center-modal/index.vue
rename to src/components/_base/navbar/components/task-center-modal/index.vue
index 590b43f..23bdeb7 100644
--- a/src/components/_base/navbar/components/download-center-modal/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/index.vue
@@ -2,7 +2,7 @@
   <a-modal
     v-model:visible="visible"
     title="任务中心"
-    modal-class="download-center-modal"
+    modal-class="task-center-modal"
     width="860px"
     :mask-closable="false"
     :footer="false"
@@ -42,8 +42,6 @@ const getData = () => {
 const open = () => {
   getData();
 
-  console.log(activeTab.value);
-
   timer = setInterval(() => {
     getData();
   }, 10000);
diff --git a/src/components/_base/navbar/components/download-center-modal/style.scss b/src/components/_base/navbar/components/task-center-modal/style.scss
similarity index 98%
rename from src/components/_base/navbar/components/download-center-modal/style.scss
rename to src/components/_base/navbar/components/task-center-modal/style.scss
index f92f8dd..0485941 100644
--- a/src/components/_base/navbar/components/download-center-modal/style.scss
+++ b/src/components/_base/navbar/components/task-center-modal/style.scss
@@ -1,4 +1,4 @@
-.download-center-modal {
+.task-center-modal {
   .arco-modal-header {
     border-bottom: none !important;
     .arco-modal-title {
diff --git a/src/stores/modules/side-bar/index.ts b/src/stores/modules/side-bar/index.ts
index 557d728..f12c136 100644
--- a/src/stores/modules/side-bar/index.ts
+++ b/src/stores/modules/side-bar/index.ts
@@ -94,7 +94,6 @@ export const useSidebarStore = defineStore('sidebar', {
       }
     },
     async removeTaskUnreadInfo() {
-      console.log('removeTaskUnreadInfo');
       patchTaskRead({ ids: this.unreadInfo });
       this.unreadInfo = [];
     },

From bfeba5bd4404027c288d9cc87969b94c2576b79e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 18:00:29 +0800
Subject: [PATCH 46/97] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../media-account/account-dashboard/index.vue                | 4 ++--
 .../account-manage/components/add-account-modal/index.vue    | 2 +-
 .../property-marketing/put-account/account-data/index.vue    | 5 +++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-dashboard/index.vue b/src/views/property-marketing/media-account/account-dashboard/index.vue
index e95cd0b..ced1f9e 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -65,7 +65,7 @@ import AccountTable from './components/account-table';
 import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
 import { formatNumberShow } from '@/utils/tools';
 import { INITIAL_QUERY, CARD_FIELDS } from './constants';
-import { downloadByUrl } from '@/utils/tools';
+// import { downloadByUrl } from '@/utils/tools';
 import { showExportNotification } from '@/utils/arcoD';
 
 import icon1 from '@/assets/img/icon-question.png';
@@ -140,7 +140,7 @@ const handleExport = () => {
   }).then((res) => {
     const { code, data } = res;
     if (code === 200) {
-      downloadByUrl(data.download_url);
+      showExportNotification(`正在下载“${data.name}”，请稍后...`);
     }
   });
 };
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 2c70712..3529846 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
@@ -26,7 +26,7 @@ import AuthorizedAccountModal from '../authorized-account-modal';
 import StatusBox from '../status-box';
 import SyncDataModal from '../sync-data-modal';
 
-import { downloadByUrl } from '@/utils/tools';
+// import { downloadByUrl } from '@/utils/tools';
 import { showExportNotification } from '@/utils/arcoD';
 import {
   fetchAccountTags,
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index 5d6c39a..5953929 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -68,8 +68,9 @@ import {
   postPlacementAccountDataListExport,
 } from '@/api/all/propertyMarketing';
 
+import { showExportNotification } from '@/utils/arcoD';
 import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
-import { downloadByUrl } from '@/utils/tools';
+// import { downloadByUrl } from '@/utils/tools';
 
 import icon2 from '@/assets/img/media-account/icon-group.png';
 
@@ -148,7 +149,7 @@ const handleExport = () => {
   }).then((res) => {
     const { code, data } = res;
     if (code === 200) {
-      downloadByUrl(data.download_url);
+      showExportNotification(`正在下载“${data.name}”，请稍后...`);
     }
   });
 };

From b52dace9cef2b6e50d7a90b4659eada12e766b85 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 18:08:18 +0800
Subject: [PATCH 47/97] =?UTF-8?q?perf:=20=E7=BB=9F=E4=B8=80=E5=AD=97?=
 =?UTF-8?q?=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/export-task/index.vue                 | 12 +++++++-----
 .../components/import-task/index.vue                 |  4 ++--
 .../navbar/components/task-center-modal/constants.ts | 12 +++++++++---
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
index 00c51ef..fa1e067 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
@@ -5,7 +5,7 @@ import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/
 import NoData from '@/components/no-data';
 import { getTask, postRedoTask } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
-import { TASK_STATUS } from '../../constants';
+import { TASK_STATUS, enumTaskStatus } from '../../constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { downloadByUrl } from '@/utils/tools';
@@ -88,7 +88,7 @@ export default {
     };
 
     const handleDownload = async (record) => {
-      if (record.status === 2) {
+      if (record.status === enumTaskStatus.Failed) {
         const { code } = await postRedoTask(record.id);
         if (code === 200) {
           showExportNotification(`正在下载“${record.name}”，请稍后...`);
@@ -261,9 +261,11 @@ export default {
                           class="mr-8px cursor-pointer"
                           onClick={() => handleDelete(record)}
                         />
-                        <Button type="outline" size="mini" class="search-btn" onClick={() => handleDownload(record)}>
-                          {record.status === 2 ? '重新导出' : '下载'}
-                        </Button>
+                        {record.status !== enumTaskStatus.Exporting && (
+                          <Button type="outline" size="mini" class="search-btn" onClick={() => handleDownload(record)}>
+                            {record.status === enumTaskStatus.Failed ? '重新导出' : '下载'}
+                          </Button>
+                        )}
                       </div>
                     ),
                   }}
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
index 3c175ed..b215791 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
@@ -5,7 +5,7 @@ import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/
 import NoData from '@/components/no-data';
 import { getTask } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
-import { TASK_STATUS } from '../../constants';
+import { TASK_STATUS, enumTaskStatus } from '../../constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { downloadByUrl } from '@/utils/tools';
@@ -252,7 +252,7 @@ export default {
                           class="mr-8px cursor-pointer"
                           onClick={() => handleDelete(record)}
                         />
-                        {record.status === 2 && (
+                        {record.status === enumTaskStatus.Failed && (
                           <Button type="outline" size="mini" class="search-btn" onClick={() => handleDownload(record)}>
                             下载问题表格
                           </Button>
diff --git a/src/components/_base/navbar/components/task-center-modal/constants.ts b/src/components/_base/navbar/components/task-center-modal/constants.ts
index 4a1095f..6ee5654 100644
--- a/src/components/_base/navbar/components/task-center-modal/constants.ts
+++ b/src/components/_base/navbar/components/task-center-modal/constants.ts
@@ -1,14 +1,20 @@
+export enum enumTaskStatus {
+  Exporting = 0,   // 导出中
+  Finished = 1,    // 已完成
+  Failed = 2       // 导出失败
+}
+
 export const TASK_STATUS = [
   {
     label: '导出中',
-    value: 0,
+    value: enumTaskStatus.Exporting,
   },
   {
     label: '已完成',
-    value: 1,
+    value: enumTaskStatus.Finished,
   },
   {
     label: '导出失败',
-    value: 2,
+    value: enumTaskStatus.Failed,
   },
 ];

From c02f3b04797c9f13045be5e448acf97124f04db0 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 09:44:23 +0800
Subject: [PATCH 48/97] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E6=A0=87=E7=AD=BE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/export-task/index.vue          |  8 +++-
 .../components/export-task/style.scss         | 37 ++++++++++++++++++-
 .../components/import-task/index.vue          | 10 +++--
 .../components/import-task/style.scss         | 33 +++++++++++++++++
 .../components/task-center-modal/constants.ts | 22 +++++++++--
 5 files changed, 99 insertions(+), 11 deletions(-)

diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
index fa1e067..39124d1 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
@@ -5,7 +5,7 @@ import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/
 import NoData from '@/components/no-data';
 import { getTask, postRedoTask } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
-import { TASK_STATUS, enumTaskStatus } from '../../constants';
+import { EXPORT_TASK_STATUS, enumTaskStatus } from '../../constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { downloadByUrl } from '@/utils/tools';
@@ -234,7 +234,11 @@ export default {
                       ),
                       cell: ({ record }) => {
                         if (column.dataIndex === 'status') {
-                          return <span>{TASK_STATUS.find((v) => v.value === record.status)?.label}</span>;
+                          return (
+                            <div class={['status-box', `status-box-${record.status}`]}>
+                              <span>{EXPORT_TASK_STATUS.find((v) => v.value === record.status)?.label}</span>
+                            </div>
+                          );
                         } else if (column.dataIndex === 'operator.name') {
                           return record.operator?.name || record.operator?.mobile;
                         } else if (column.dataIndex === 'created_at') {
diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/style.scss b/src/components/_base/navbar/components/task-center-modal/components/export-task/style.scss
index fbfeea7..6fe18d5 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/style.scss
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/style.scss
@@ -31,7 +31,7 @@
       font-size: 12px;
       font-style: normal;
       font-weight: 400;
-      line-height: 20px; 
+      line-height: 20px;
     }
     .operation-btn {
       padding: 0;
@@ -41,7 +41,7 @@
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
-      line-height: 22px; 
+      line-height: 22px;
       &:not(:last-child) {
         margin-right: 16px;
       }
@@ -50,4 +50,37 @@
       }
     }
   }
+  .status-box {
+    border-radius: 2px;
+    display: flex;
+    height: 24px;
+    padding: 0px 8px;
+    align-items: center;
+    width: fit-content;
+    span {
+      font-family: $font-family-medium;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; 
+    }
+    &-0 {
+      background: var(--Functional-yellow-1, #fff7e5);
+      span {
+        color: var(--Functional-yellow-6, #ffae00);
+      }
+    }
+    &-1 {
+      background: var(--Functional-Green-1, #ebf7f2);
+      span {
+        color: var(--Functional-Green-6, #25c883);
+      }
+    }
+    &-2 {
+      background: var(--Functional-Red-1, #ffe9e7);
+      span {
+        color: var(--Functional-Red-6, #f64b31);
+      }
+    }
+  }
 }
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
index b215791..d7366b4 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
@@ -5,7 +5,7 @@ import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/
 import NoData from '@/components/no-data';
 import { getTask } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
-import { TASK_STATUS, enumTaskStatus } from '../../constants';
+import { IMPORT_TASK_STATUS, enumTaskStatus } from '../../constants';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { downloadByUrl } from '@/utils/tools';
@@ -225,9 +225,13 @@ export default {
                       ),
                       cell: ({ record }) => {
                         if (column.dataIndex === 'status') {
-                          return <span>{TASK_STATUS.find((v) => v.value === record.status)?.label}</span>;
+                          return (
+                            <div class={['status-box', `status-box-${record.status}`]}>
+                              <span>{IMPORT_TASK_STATUS.find((v) => v.value === record.status)?.label}</span>
+                            </div>
+                          );
                         } else if (column.dataIndex === 'operator.name') {
-                          return <span>{record.operator?.name || record.operator?.mobile}</span>
+                          return <span>{record.operator?.name || record.operator?.mobile}</span>;
                         } else if (column.dataIndex === 'created_at') {
                           return exactFormatTime(record.created_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss');
                         } else {
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/style.scss b/src/components/_base/navbar/components/task-center-modal/components/import-task/style.scss
index a57fc07..216880a 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/import-task/style.scss
+++ b/src/components/_base/navbar/components/task-center-modal/components/import-task/style.scss
@@ -50,4 +50,37 @@
       }
     }
   }
+  .status-box {
+    border-radius: 2px;
+    display: flex;
+    height: 24px;
+    padding: 0px 8px;
+    align-items: center;
+    width: fit-content;
+    span {
+      font-family: $font-family-medium;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; 
+    }
+    &-0 {
+      background: var(--Functional-yellow-1, #fff7e5);
+      span {
+        color: var(--Functional-yellow-6, #ffae00);
+      }
+    }
+    &-1 {
+      background: var(--Functional-Green-1, #ebf7f2);
+      span {
+        color: var(--Functional-Green-6, #25c883);
+      }
+    }
+    &-2 {
+      background: var(--Functional-Red-1, #ffe9e7);
+      span {
+        color: var(--Functional-Red-6, #f64b31);
+      }
+    }
+  }
 }
diff --git a/src/components/_base/navbar/components/task-center-modal/constants.ts b/src/components/_base/navbar/components/task-center-modal/constants.ts
index 6ee5654..63ceaa0 100644
--- a/src/components/_base/navbar/components/task-center-modal/constants.ts
+++ b/src/components/_base/navbar/components/task-center-modal/constants.ts
@@ -1,10 +1,10 @@
 export enum enumTaskStatus {
-  Exporting = 0,   // 导出中
-  Finished = 1,    // 已完成
-  Failed = 2       // 导出失败
+  Exporting = 0, // 导出中
+  Finished = 1, // 已完成
+  Failed = 2, // 导出失败
 }
 
-export const TASK_STATUS = [
+export const EXPORT_TASK_STATUS = [
   {
     label: '导出中',
     value: enumTaskStatus.Exporting,
@@ -18,3 +18,17 @@ export const TASK_STATUS = [
     value: enumTaskStatus.Failed,
   },
 ];
+export const IMPORT_TASK_STATUS = [
+  {
+    label: '导入中',
+    value: enumTaskStatus.Exporting,
+  },
+  {
+    label: '已完成',
+    value: enumTaskStatus.Finished,
+  },
+  {
+    label: '导入失败',
+    value: enumTaskStatus.Failed,
+  },
+];

From 85fce448ea2d57079138b9bde69aa980bf9eb0bb Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 10:20:07 +0800
Subject: [PATCH 49/97] =?UTF-8?q?feat:=20=E5=AF=BC=E5=85=A5=E6=8A=95?=
 =?UTF-8?q?=E6=94=BE=E8=B4=A6=E6=88=B7=E4=BF=AE=E6=94=B9=E4=B8=BA=E5=BC=82?=
 =?UTF-8?q?=E6=AD=A5=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/arcoD.tsx                           | 53 ++++++++++++++++++-
 .../components/add-account-modal/index.vue    | 12 +++--
 .../media-account/account-manage/index.vue    |  4 +-
 .../account-manage/renderComp.jsx             | 40 --------------
 .../components/add-account-modal/index.vue    | 20 +++++--
 .../put-account/account-manage/index.vue      | 43 ++++++++++++---
 6 files changed, 113 insertions(+), 59 deletions(-)
 delete mode 100644 src/views/property-marketing/media-account/account-manage/renderComp.jsx

diff --git a/src/utils/arcoD.tsx b/src/utils/arcoD.tsx
index d51f04e..853c438 100644
--- a/src/utils/arcoD.tsx
+++ b/src/utils/arcoD.tsx
@@ -1,6 +1,18 @@
 import { Notification } from '@arco-design/web-vue';
+import { downloadByUrl } from '@/utils/tools';
 import { IconLoading } from '@arco-design/web-vue/es/icon';
 
+
+import icon1 from '@/assets/img/media-account/icon-warn.png';
+import icon2 from '@/assets/img/media-account/icon-close.png';
+
+interface RenderNotificationData {
+  total_number: number;
+  success_number: number;
+  fail_number: number;
+  file?: string;
+}
+
 export function showExportNotification(label: string, id: '') {
   Notification.warning({
     id,
@@ -15,4 +27,43 @@ export function showExportNotification(label: string, id: '') {
     duration: 3000,
     class: 'px-16px py-9px w-400px rounded-2px bg-#F0EDFF',
   });
-}
\ No newline at end of file
+}
+
+export const showImportResultNotification = (data: RenderNotificationData) => {
+  const { total_number, success_number, fail_number, file } = data;
+  const hasError = fail_number > 0;
+  const handleDownloadError = (file?: string) => {
+    file && downloadByUrl(file);
+  };
+
+  Notification.warning({
+    showIcon: false,
+    closable: true,
+    content: () => (
+      <div>
+        <div class="flex items-center mb-4px">
+          <img src={hasError ? icon1 : icon2} width="16" height="16" class="mr-8px" />
+          <span class="text-16px lh-24px font-400 color-#211F24">导入完成</span>
+        </div>
+        <p class="text-14px lh-22px font-400 color-#211F24">
+          共导入 {total_number} 个账号，导入成功 {success_number} 个
+          {hasError && (
+            <span>
+              ，失败 <span class="color-#F64B31">{fail_number}</span> 个
+            </span>
+          )}
+        </p>
+        {hasError && (
+          <div
+            class="mt-8px text-14px lh-22px font-400 color-#6D4CFE cursor-pointer"
+            onClick={() => handleDownloadError(file)}
+          >
+            下载问题表格
+          </div>
+        )}
+      </div>
+    ),
+    duration: 3000,
+    class: `px-16px py-16px w-400px rounded-2px ${hasError ? 'bg-#FFF7E5' : 'bg-#EBF7F2'}`,
+  });
+};
\ No newline at end of file
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 3529846..c03f1ce 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
@@ -42,8 +42,8 @@ import icon1 from '@/assets/img/media-account/icon-download.png';
 import icon2 from '@/assets/img/media-account/icon-delete.png';
 import icon3 from '@/assets/img/media-account/icon-dy.png';
 import icon4 from '@/assets/img/media-account/icon-xhs.png';
-import icon5 from '@/assets/img/media-account/icon-warn-1.png';
-import icon6 from '@/assets/img/media-account/icon-success.png';
+// import icon5 from '@/assets/img/media-account/icon-warn-1.png';
+// import icon6 from '@/assets/img/media-account/icon-success.png';
 
 const UploadStatus = {
   DEFAULT: 'default',
@@ -74,10 +74,10 @@ export default {
     const formRef = ref();
     const file = ref(null);
     const authorizedAccountModalRef = ref(null);
-    const importPromptModalRef = ref(null);
+    // const importPromptModalRef = ref(null);
     const uploadRef = ref(null);
     const isCustomCookie = ref(false);
-    const form = ref({ ...INITIAL_FORM });
+    const form = ref(cloneDeep(INITIAL_FORM));
     const syncDataModalRef = ref(null);
     const importLoading = ref(false);
 
@@ -140,7 +140,7 @@ export default {
     const reset = () => {
       formRef.value?.resetFields();
       formRef.value?.clearValidate();
-      form.value = { ...INITIAL_FORM };
+      form.value = cloneDeep(INITIAL_FORM);
       fileName.value = '';
       file.value = null;
       isEdit.value = false;
@@ -197,6 +197,8 @@ export default {
         }
       } catch (error) {
         uploadStatus.value = UploadStatus.ERROR;
+      } finally {
+        importLoading.value = false;
       }
     };
     const handleAddAccount = async () => {
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 a053118..d11ef74 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -130,7 +130,7 @@ import BatchTagModal from './components/batch-tag-modal';
 import BatchGroupModal from './components/batch-group-modal';
 
 import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
-import {renderNotification} from "./renderComp"
+import { showImportResultNotification } from '@/utils/arcoD';
 import { EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
 import { getTaskStatus } from '@/api/all/common';
 import {
@@ -350,7 +350,7 @@ const getSyncTaskStatus = async (id, notificationId) => {
     if (data?.status !== 0) {
       clearQueryTaskTimer();
       notificationId && Notification.remove(notificationId);
-      renderNotification(data)
+      showImportResultNotification(data)
       getData();
     }
   }
diff --git a/src/views/property-marketing/media-account/account-manage/renderComp.jsx b/src/views/property-marketing/media-account/account-manage/renderComp.jsx
deleted file mode 100644
index 38901fb..0000000
--- a/src/views/property-marketing/media-account/account-manage/renderComp.jsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { downloadByUrl } from '@/utils/tools';
-
-const handleDownloadError = (file) => {
-  file && downloadByUrl(file);
-};
-export const renderNotification = (data) => {
-  const { total_number, success_number, fail_number, file } = data;
-  const hasError = fail_number > 0;
-  Notification.warning({
-    id,
-    showIcon: false,
-    closable: true,
-    content: (
-      <div>
-        <div class="flex items-center mb-4px">
-          <img src={hasError ? icon5 : icon6} width="16" height="16" class="mr-8px" />
-          <span class="text-16px lh-24px font-400 color-#211F24">导入完成</span>
-        </div>
-        <p class="text-14px lh-22px font-400 color-#211F24">
-          共导入 {total_number} 个账号，导入成功 {success_number} 个
-          {hasError && (
-            <span>
-              ，失败 <span class="color-#F64B31">{fail_number}</span> 个
-            </span>
-          )}
-        </p>
-        {hasError && (
-          <div
-            class="mt-8px text-14px lh-22px font-400 color-#6D4CFE cursor-pointer"
-            onClick={() => handleDownloadError(file)}
-          >
-            下载问题表格
-          </div>
-        )}
-      </div>
-    ),
-    duration: 3000,
-    class: `px-16px py-16px w-400px rounded-2px ${hasError ? 'bg-#FFF7E5' : 'bg-#EBF7F2'}`,
-  });
-};
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 13fc99d..fd34425 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -132,7 +132,7 @@
     </a-form>
     <template #footer>
       <a-button size="large" class="cancel-btn" @click="onClose">取消</a-button>
-      <a-button type="primary" size="large" @click="onSubmit">
+      <a-button type="primary" size="large" @click="onSubmit" :loading="importLoading">
         {{ confirmBtnText }}
       </a-button>
     </template>
@@ -150,6 +150,7 @@ import AuthorizedAccountModal from '../authorized-account-modal';
 import StatusBox from '../status-box';
 import { PLATFORM_LIST, ENUM_PLATFORM } from '@/views/property-marketing/put-account/common_constants';
 
+import { showExportNotification } from '@/utils/arcoD';
 import {
   postPlacementAccounts,
   getPlacementAccountsDetail,
@@ -162,6 +163,7 @@ import icon1 from '@/assets/img/media-account/icon-download.png';
 import icon2 from '@/assets/img/media-account/icon-delete.png';
 
 const update = inject('update');
+const emits = defineEmits(['startQueryTaskStatus']);
 
 const UploadStatus = {
   DEFAULT: 'default',
@@ -188,6 +190,7 @@ const authorizedAccountModalRef = ref(null);
 const uploadRef = ref(null);
 const file = ref(null);
 const form = ref(cloneDeep(INITIAL_FORM));
+const importLoading = ref(false);
 
 const rules = {
   mobile: [
@@ -213,7 +216,7 @@ const rules = {
 
 const isBatchImport = computed(() => uploadType.value === 'batch');
 const confirmBtnText = computed(() => {
-  if (isBatchImport.value) return '确定导入';
+  if (isBatchImport.value) return importLoading.value ? '导入中' : '确定导入';
   return isEdit.value ? '确定' : '下一步';
 });
 
@@ -229,6 +232,7 @@ const handleUpload = async (option) => {
 function removeFile() {
   fileName.value = '';
   file.value = null;
+  importLoading.value = false;
   uploadStatus.value = UploadStatus.DEFAULT;
 }
 
@@ -240,6 +244,7 @@ const reset = () => {
   fileName.value = '';
   file.value = null;
   isEdit.value = false;
+  importLoading.value = false;
   uploadStatus.value = UploadStatus.DEFAULT;
   uploadType.value = 'manual';
 };
@@ -273,23 +278,28 @@ const handleBatchImport = async () => {
       return;
     }
 
+    importLoading.value = true;
     const formData = new FormData();
     formData.append('file', file.value);
 
-    const { code } = await batchPlacementAccounts(formData, {
+    const { code, data } = await batchPlacementAccounts(formData, {
       headers: {
         'Content-Type': 'multipart/form-data',
       },
     });
+    
     if (code === 200) {
-      AMessage.success('导入成功');
-      update();
+      const ID = 'IMPORT-PUT-ACCOUNT';
+      showExportNotification(`正在导入“${file.value.name}”，请稍后...`, ID);
+      emits('startQueryTaskStatus', data.id, ID);
       onClose();
     } else {
       uploadStatus.value = UploadStatus.ERROR;
     }
   } catch (error) {
     uploadStatus.value = UploadStatus.ERROR;
+  } finally {
+    importLoading.value = false;
   }
 
   // importPromptModalRef.value.open();
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 3279b16..3ec14ef 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -86,7 +86,7 @@
       </div>
     </div>
 
-    <AddAccountModal ref="addAccountModalRef" />
+    <AddPutAccountModal ref="addAccountModalRef" @startQueryTaskStatus="handleGetImportTaskStatus" />
     <DeleteAccountModal ref="deleteAccountRef" @update="onDeleteSuccess" />
   </div>
 </template>
@@ -96,11 +96,13 @@ import { ref } from 'vue';
 
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
-import AddAccountModal from './components/add-account-modal';
+import AddPutAccountModal from './components/add-account-modal';
 import DeleteAccountModal from './components/account-table/delete-account';
 
 import { INITIAL_QUERY } from './constants';
 import { getPlacementAccounts, getPlacementAccountsHealth } from '@/api/all/propertyMarketing';
+import { getTaskStatus } from '@/api/all/common';
+import { showImportResultNotification } from '@/utils/arcoD';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
@@ -111,6 +113,8 @@ const groupManageModalRef = ref(null);
 const tagsManageModalRef = ref(null);
 const addAccountModalRef = ref(null);
 const deleteAccountRef = ref(null);
+let queryTaskTimer = null;
+
 
 const pageInfo = ref({
   page: 1,
@@ -158,10 +162,6 @@ const tipLabel = computed(() => {
   return `共有 ${total_abnormal_number} 个账号存在授权异常，其中：${abnormalLabels.join('，')}。`;
 });
 
-onMounted(() => {
-  getData();
-});
-
 const getData = () => {
   getHealthData();
   getAccountData();
@@ -257,6 +257,37 @@ const handleOpenAbnormalAccount = () => {
   reload();
 };
 
+// 查询导入账号任务状态
+const getSyncTaskStatus = async (id, notificationId) => {
+  const { code, data } = await getTaskStatus(id);
+  if (code === 200) {
+    if (data?.status !== 0) {
+      clearQueryTaskTimer();
+      notificationId && Notification.remove(notificationId);
+      showImportResultNotification(data);
+      getData();
+    }
+  }
+};
+const handleGetImportTaskStatus = (id, notificationId) => {
+  clearQueryTaskTimer();
+  getSyncTaskStatus(id, notificationId);
+  queryTaskTimer = setInterval(getSyncTaskStatus, 3000);
+};
+const clearQueryTaskTimer = () => {
+  if (queryTaskTimer) {
+    clearInterval(queryTaskTimer);
+    queryTaskTimer = null;
+  }
+};
+
+onMounted(() => {
+  getData();
+});
+onUnmounted(() => {
+  clearQueryTaskTimer();
+});
+
 provide('update', getData);
 </script>
 

From 07a54ed5906fd9d75158067129a054e295ccec29 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 10:27:08 +0800
Subject: [PATCH 50/97] =?UTF-8?q?style:=20=E5=9B=BE=E7=89=87=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/arcoD.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/utils/arcoD.tsx b/src/utils/arcoD.tsx
index 853c438..a2c6be6 100644
--- a/src/utils/arcoD.tsx
+++ b/src/utils/arcoD.tsx
@@ -3,8 +3,8 @@ import { downloadByUrl } from '@/utils/tools';
 import { IconLoading } from '@arco-design/web-vue/es/icon';
 
 
-import icon1 from '@/assets/img/media-account/icon-warn.png';
-import icon2 from '@/assets/img/media-account/icon-close.png';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+import icon2 from '@/assets/img/media-account/icon-success.png';
 
 interface RenderNotificationData {
   total_number: number;

From 33505e1a787794c33c1d874e9e7987be54bb9101 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 10:35:47 +0800
Subject: [PATCH 51/97] =?UTF-8?q?style:=20=E6=8E=A5=E5=8F=A3=E6=9B=BF?=
 =?UTF-8?q?=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vite.config.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/vite.config.ts b/vite.config.ts
index 23a3441..0158ad7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,8 +40,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          // target: 'https://lingjiapi.lvfunai.com/api',
-          target: 'http://192.168.40.3/api',
+          target: 'https://lingjiapi.lvfunai.com/api',
         },
       },
     },

From 4800d5fa99f82715ac7f4d047cdc79d688a7632a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 10:45:07 +0800
Subject: [PATCH 52/97] =?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 | 4 ++--
 .../property-marketing/put-account/account-manage/index.vue   | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

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 d11ef74..a070d67 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -350,7 +350,7 @@ const getSyncTaskStatus = async (id, notificationId) => {
     if (data?.status !== 0) {
       clearQueryTaskTimer();
       notificationId && Notification.remove(notificationId);
-      showImportResultNotification(data)
+      showImportResultNotification(data);
       getData();
     }
   }
@@ -358,7 +358,7 @@ const getSyncTaskStatus = async (id, notificationId) => {
 const handleGetImportTaskStatus = (id, notificationId) => {
   clearQueryTaskTimer();
   getSyncTaskStatus(id, notificationId);
-  queryTaskTimer = setInterval(getSyncTaskStatus, 3000);
+  queryTaskTimer = setInterval(() => getSyncTaskStatus(id, notificationId), 3000);
 };
 const clearSyncDataTimer = () => {
   if (syncDataTimer) {
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 3ec14ef..e9aa915 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -115,7 +115,6 @@ const addAccountModalRef = ref(null);
 const deleteAccountRef = ref(null);
 let queryTaskTimer = null;
 
-
 const pageInfo = ref({
   page: 1,
   pageSize: 20,
@@ -272,7 +271,7 @@ const getSyncTaskStatus = async (id, notificationId) => {
 const handleGetImportTaskStatus = (id, notificationId) => {
   clearQueryTaskTimer();
   getSyncTaskStatus(id, notificationId);
-  queryTaskTimer = setInterval(getSyncTaskStatus, 3000);
+  queryTaskTimer = setInterval(() => getSyncTaskStatus(id, notificationId), 3000);
 };
 const clearQueryTaskTimer = () => {
   if (queryTaskTimer) {

From 9febe149973809afe6fd7d88ad16679fe2fac12c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 12:01:32 +0800
Subject: [PATCH 53/97] =?UTF-8?q?feat:=20=E5=88=9D=E5=A7=8B=E5=8C=96?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E7=AE=A1=E7=90=86=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/icon-projectManagement.svg     |   3 +
 src/hooks/useTableSelectionWithPagination.ts  |   4 +
 .../routes/modules/propertyMarketing.ts       |  27 ++++
 src/stores/modules/side-bar/constants.ts      |   7 +
 src/utils/tools.ts                            |   2 +-
 .../components/filter-block/index.vue         |  70 +++++++++
 .../components/filter-block/style.scss        |  23 +++
 .../components/project-table/constants.ts     |  45 ++++++
 .../components/project-table/index.vue        |  88 +++++++++++
 .../components/project-table/style.scss       |  10 ++
 .../project-manage/project-list/constants.ts  |   5 +
 .../project-manage/project-list/index.vue     | 138 ++++++++++++++++++
 .../project-manage/project-list/style.scss    |  39 +++++
 .../put-account/account-manage/index.vue      |  14 +-
 14 files changed, 467 insertions(+), 8 deletions(-)
 create mode 100644 src/assets/svg/icon-projectManagement.svg
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/filter-block/style.scss
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/project-table/style.scss
 create mode 100644 src/views/property-marketing/project-manage/project-list/constants.ts
 create mode 100644 src/views/property-marketing/project-manage/project-list/index.vue
 create mode 100644 src/views/property-marketing/project-manage/project-list/style.scss

diff --git a/src/assets/svg/icon-projectManagement.svg b/src/assets/svg/icon-projectManagement.svg
new file mode 100644
index 0000000..8266f40
--- /dev/null
+++ b/src/assets/svg/icon-projectManagement.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path d="M5.25065 1.3125C5.4638 1.31254 5.67398 1.36363 5.86328 1.46159L7.86328 2.49674C8.05258 2.5947 8.26278 2.64579 8.47591 2.64583L13.3822 2.64583C14.1185 2.64583 14.7155 3.24282 14.7155 3.97917L14.7155 13.3542C14.7155 14.0905 14.1185 14.6875 13.3822 14.6875L2.61784 14.6875C1.88146 14.6875 1.28451 14.0905 1.28451 13.3542L1.28451 2.64583C1.28455 1.90949 1.88149 1.3125 2.61784 1.3125L5.25065 1.3125ZM4.528 9.99023C4.14147 9.9903 3.82815 10.3036 3.82813 10.6901C3.82813 11.0767 4.14146 11.3899 4.528 11.39C4.91459 11.39 5.22787 11.0767 5.22787 10.6901C5.22784 10.3035 4.91458 9.99023 4.528 9.99023ZM7.153 10.0905C6.82179 10.0907 6.55342 10.3589 6.55339 10.6901C6.55339 11.0214 6.82177 11.2902 7.153 11.2904L11.5384 11.2904C11.8698 11.2904 12.1387 11.0215 12.1387 10.6901C12.1386 10.3588 11.8698 10.0905 11.5384 10.0905L7.153 10.0905ZM4.528 6.50846C4.14155 6.50853 3.82828 6.82191 3.82813 7.20833C3.82813 7.59489 4.14146 7.90878 4.528 7.90885C4.91459 7.90885 5.22787 7.59493 5.22787 7.20833C5.22771 6.82187 4.9145 6.50846 4.528 6.50846ZM7.153 6.60872C6.82187 6.60889 6.55355 6.87721 6.55339 7.20833C6.55339 7.5396 6.82177 7.80843 7.153 7.80859H11.5384C11.8698 7.80859 12.1387 7.5397 12.1387 7.20833C12.1385 6.8771 11.8697 6.60872 11.5384 6.60872H7.153Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/hooks/useTableSelectionWithPagination.ts b/src/hooks/useTableSelectionWithPagination.ts
index ac13d17..32b9e52 100644
--- a/src/hooks/useTableSelectionWithPagination.ts
+++ b/src/hooks/useTableSelectionWithPagination.ts
@@ -67,6 +67,9 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
     pageInfo.value.page = 1;
     options.onPageSizeChange?.(size);
   };
+  const resetPageInfo = () => {
+    pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO)
+  }
 
   const rowSelection = computed(() => ({
     type: 'checkbox',
@@ -83,5 +86,6 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
     rowSelection,
     handleSelect,
     handleSelectAll,
+    resetPageInfo
   };
 }
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 58e5ed4..c4ddff2 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -9,6 +9,7 @@ import IconRepository from '@/assets/svg/icon-repository.svg';
 import IconMediaAccount from '@/assets/svg/icon-mediaAccount.svg';
 import IconPutAccount from '@/assets/svg/icon-putAccount.svg';
 import IconIntelligentSolution from '@/assets/svg/icon-intelligentSolution.svg';
+import IconProjectManagement from '@/assets/svg/icon-projectManagement.svg';
 
 const COMPONENTS: AppRouteRecordRaw[] = [
   {
@@ -195,6 +196,32 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       },
     ],
   },
+  {
+    path: '/project-manage',
+    name: 'ProjectManagement',
+    redirect: 'project-manage/project-list',
+    meta: {
+      locale: '项目管理',
+      icon: IconProjectManagement,
+      requiresAuth: true,
+      requireLogin: true,
+      roles: ['*'],
+      id: MENU_GROUP_IDS.PROPERTY_ID,
+    },
+    children: [
+      {
+        path: 'project-list',
+        name: 'ProjectList',
+        meta: {
+          locale: '项目列表',
+          requiresAuth: true,
+          requireLogin: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/project-manage/project-list'),
+      },
+    ],
+  },
 ];
 
 export default COMPONENTS;
diff --git a/src/stores/modules/side-bar/constants.ts b/src/stores/modules/side-bar/constants.ts
index 30c732f..cacd25c 100644
--- a/src/stores/modules/side-bar/constants.ts
+++ b/src/stores/modules/side-bar/constants.ts
@@ -85,6 +85,13 @@ export const MENU_LIST = [
           'IntelligentSolutionCompetitiveProductAnalysisReport',
         ],
       },
+      {
+        name: '项目管理',
+        routeName: 'ProjectList',
+        includeRouteNames: [
+          'ProjectList',
+        ],
+      },
     ],
   },
 ];
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index e2093fc..ed82cb7 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -85,7 +85,7 @@ export function formatTableField(fieldItem: any, rowValue: any, showExactValue =
   return `${fieldItem.prefix || ''}${value}${fieldItem.suffix || ''}`;
 }
 
-export function exactFormatTime(val: number, curYearFmt = 'MM-DD HH:mm', otherYearFmt = 'YYYY-MM-DD HH:mm') {
+export function exactFormatTime(val: number, curYearFmt = 'MM-DD HH:mm:ss', otherYearFmt = 'YYYY-MM-DD HH:mm:ss') {
   if (!val) return '-';
   const year = dayjs(val * 1000).year();
   const currYear = dayjs().year();
diff --git a/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue b/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
new file mode 100644
index 0000000..b22abea
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
@@ -0,0 +1,70 @@
+<!-- eslint-disable vue/no-mutating-props -->
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <div class="container px-24px pt-12px pb-24px">
+    <div class="filter-row flex">
+      <div class="filter-row-item flex items-center">
+        <span class="label">项目名称</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.search"
+            class="w-240px"
+            placeholder="请搜索..."
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+          <template #icon>
+            <icon-search />
+          </template>
+          <template #default>搜索</template>
+        </a-button>
+        <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+          <template #icon>
+            <icon-refresh />
+          </template>
+          <template #default>重置</template>
+        </a-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineEmits, defineProps } from 'vue';
+
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits('onSearch', 'onReset', 'update:query');
+
+const handleSearch = () => {
+  emits('update:query', props.query);
+  nextTick(() => {
+    emits('onSearch');
+  });
+};
+
+const handleReset = () => {
+  emits('onReset');
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/project-manage/project-list/components/filter-block/style.scss b/src/views/property-marketing/project-manage/project-list/components/filter-block/style.scss
new file mode 100644
index 0000000..48e2115
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/filter-block/style.scss
@@ -0,0 +1,23 @@
+.container {
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: $font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+  
+}
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
new file mode 100644
index 0000000..ae9a58f
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
@@ -0,0 +1,45 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 10:33:06
+ */
+export const TABLE_COLUMNS = [
+  {
+    title: '项目名称',
+    dataIndex: 'name',
+    width: 240,
+    fixed: 'left',
+  },
+  {
+    title: '项目预算',
+    dataIndex: 'key1',
+    width: 180,
+  },
+  {
+    title: '关联平台账号',
+    dataIndex: 'key2',
+    width: 180,
+  },
+  {
+    title: '关联渠道账户',
+    dataIndex: 'key3',
+    width: 180,
+  },
+  {
+    title: '关联内容稿件',
+    dataIndex: 'key4',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'create_at',
+    width: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 100,
+  },
+];
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue b/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
new file mode 100644
index 0000000..dc8e325
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
@@ -0,0 +1,88 @@
+<template>
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    column-resizable
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="flex-1 project-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+  >
+    <template #empty>
+      <NoData />
+    </template>
+    <template #columns>
+      <a-table-column
+        v-for="column in TABLE_COLUMNS"
+        :key="column.dataIndex"
+        :data-index="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :min-width="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        ellipsis
+        tooltip
+      >
+        <template #title>
+          <div class="flex items-center">
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </a-tooltip>
+          </div>
+        </template>
+
+        <template v-if="column.dataIndex === 'create_at'" #cell="{ record }">
+          {{ exactFormatTime(record.create_at) }}
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
+          <div class="flex items-center">
+            <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
+            <a-button type="outline" size="mini" class="search-btn" @click="onEdit(record)">编辑</a-button>
+          </div>
+        </template>
+
+        <template v-else #cell="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </a-table-column>
+    </template>
+  </a-table>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { TABLE_COLUMNS } from './constants';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+
+const emits = defineEmits(['edit', 'sorterChange', 'delete']);
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const tableRef = ref(null);
+
+// 处理排序变化
+const handleSorterChange = (column, order) => {
+  emits('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+const onDelete = (item) => {
+  emits('delete', item);
+};
+const onEdit = (item) => {
+  emits('edit', item);
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/style.scss b/src/views/property-marketing/project-manage/project-list/components/project-table/style.scss
new file mode 100644
index 0000000..38fb392
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/style.scss
@@ -0,0 +1,10 @@
+.project-table {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: $font-family-medium;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}
diff --git a/src/views/property-marketing/project-manage/project-list/constants.ts b/src/views/property-marketing/project-manage/project-list/constants.ts
new file mode 100644
index 0000000..7f13ca2
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/constants.ts
@@ -0,0 +1,5 @@
+export const INITIAL_QUERY = {
+  search: '',
+  column: '',
+  order: '',
+};
diff --git a/src/views/property-marketing/project-manage/project-list/index.vue b/src/views/property-marketing/project-manage/project-list/index.vue
new file mode 100644
index 0000000..88ddc92
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/index.vue
@@ -0,0 +1,138 @@
+<template>
+  <div class="project-list-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-16px">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">项目列表</p>
+        <div class="flex items-center">
+          <a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAddProjectModal">
+            <template #icon>
+              <img :src="icon1" width="16" height="16" />
+            </template>
+            <template #default>添加项目</template>
+          </a-button>
+        </div>
+      </div>
+      <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
+    </div>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <ProjectTable
+        :dataSource="dataSource"
+        @sorterChange="handleSorterChange"
+        @delete="handleDelete"
+        @edit="handleEdit"
+      />
+      <div v-if="pageInfo.total > 0" class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.page_size"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { INITIAL_QUERY } from './constants';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+
+import FilterBlock from './components/filter-block';
+import ProjectTable from './components/project-table';
+
+import icon1 from '@/assets/img/media-account/icon-add.png';
+
+const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } = useTableSelectionWithPagination({
+  onPageChange: () => {
+    getData();
+  },
+  onPageSizeChange: () => {
+    getData();
+  },
+});
+
+const addProjectModalRef = ref(null);
+
+const query = ref(cloneDeep(INITIAL_QUERY));
+
+const getData = async () => {
+  dataSource.value = [
+    {
+      id: 1,
+      name: '闲鱼用户增长投放规划',
+      key1: 500131,
+      key2: 4141,
+      key3: 55,
+      key4: 12,
+      create_at: 1753069077,
+    },
+    {
+      id: 2,
+      name: '闲鱼用户增长投放规划',
+      key1: 500131,
+      key2: 4141,
+      key3: 55,
+      key4: 12,
+      create_at: 1753069077,
+    },
+  ];
+  pageInfo.value.total = 2;
+  //   const { page, page_size } = pageInfo.value;
+  //   const { code, data } = await postSubAccount({
+  //     ...query.value,
+  //     page,
+  //     page_size,
+  //   });
+  //   if (code === 200) {
+  //     dataSource.value = data?.data ?? [];
+  //     pageInfo.value.total = data.total;
+  //   }
+};
+const handleSearch = () => {
+  reload();
+};
+
+const handleReset = () => {
+  resetPageInfo();
+  query.value = cloneDeep(INITIAL_QUERY);
+  reload();
+};
+
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+
+const handleOpenAddProjectModal = () => {
+  addProjectModalRef.value?.open();
+};
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order;
+  reload();
+};
+
+const handleDelete = (item) => {
+  console.log('handleDelete', item);
+};
+const handleEdit = (item) => {
+  console.log('handleDelete', item);
+};
+
+onMounted(() => {
+  getData();
+});
+
+provide('update', getData);
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/project-manage/project-list/style.scss b/src/views/property-marketing/project-manage/project-list/style.scss
new file mode 100644
index 0000000..dda7199
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/style.scss
@@ -0,0 +1,39 @@
+.project-list-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+  .filter-wrap {
+    .top {
+      .title {
+        font-family: $font-family-medium;
+        font-style: normal;
+      }
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 16px;
+        }
+      }
+    }
+  }
+  .table-wrap {
+    display: flex;
+    flex-direction: column;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+}
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 3279b16..aa50bcd 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -79,7 +79,7 @@
           show-page-size
           :page-size-options="[8, 16, 20, 32, 64]"
           :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
+          :page-size="pageInfo.page_size"
           @change="onPageChange"
           @page-size-change="onPageSizeChange"
         />
@@ -114,7 +114,7 @@ const deleteAccountRef = ref(null);
 
 const pageInfo = ref({
   page: 1,
-  pageSize: 20,
+  page_size: 20,
   total: 0,
 });
 const query = ref(cloneDeep(INITIAL_QUERY));
@@ -174,10 +174,10 @@ const getHealthData = async () => {
   }
 };
 const getAccountData = async () => {
-  const { page, pageSize } = pageInfo.value;
+  const { page, page_size } = pageInfo.value;
   const { code, data, total } = await getPlacementAccounts({
     page,
-    page_size: pageSize,
+    page_size,
     ...query.value,
   });
   if (code === 200) {
@@ -190,11 +190,11 @@ const reload = () => {
   getData();
 };
 const handleSearch = () => {
-  getData();
+  reload();
 };
 const handleReset = () => {
   pageInfo.value.page = 1;
-  pageInfo.value.pageSize = 20;
+  pageInfo.value.page_size = 20;
   pageInfo.value.total = 0;
   selectedItems.value = [];
   query.value = cloneDeep(INITIAL_QUERY);
@@ -206,7 +206,7 @@ const onPageChange = (current) => {
   getData();
 };
 const onPageSizeChange = (pageSize) => {
-  pageInfo.value.pageSize = pageSize;
+  pageInfo.value.page_size = pageSize;
   reload();
 };
 

From e6798bf313c1ffdba8ef2a67da118f7d85d4e334 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 15:10:26 +0800
Subject: [PATCH 54/97] =?UTF-8?q?feat:=20=E6=89=B9=E9=87=8F=E4=B8=8B?=
 =?UTF-8?q?=E8=BD=BD=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/unplugin/auto-import.ts                |  2 +-
 src/api/all/common.ts                         | 10 +++
 .../components/export-task/index.vue          | 89 ++++++++++++++++---
 .../components/task-center-modal/index.vue    |  1 +
 src/utils/arcoD.tsx                           |  4 +-
 src/utils/tools.ts                            |  3 +
 .../components/add-account-modal/index.vue    |  7 +-
 .../components/add-account-modal/index.vue    |  7 +-
 8 files changed, 103 insertions(+), 20 deletions(-)

diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index 5617d5a..7778cc9 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -16,7 +16,7 @@ export function configAutoImport() {
       '@vueuse/core',
       {
         dayjs: [['default', 'dayjs']],
-        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union', 'uniq', 'isNumber', 'uniqBy', 'isEmpty', 'merge'],
+        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union', 'uniq', 'isNumber', 'uniqBy', 'isEmpty', 'merge', 'debounce'],
         '@/hooks': ['useModal'],
       },
     ],
diff --git a/src/api/all/common.ts b/src/api/all/common.ts
index 74d626d..8cc013a 100644
--- a/src/api/all/common.ts
+++ b/src/api/all/common.ts
@@ -47,4 +47,14 @@ export const patchTaskRead = (params = {}) => {
 // 任务中心-重做任务
 export const postRedoTask = (id: string) => {
   return Http.post(`/v1/tasks/${id}/redo`);
+};
+
+// 任务中心-批量下载
+export const postBatchDownload = (params = {}) => {
+  return Http.post(`/v1/tasks/batch-download`, params);
+};
+
+// 任务中心-批量查询任务状态
+export const batchQueryTaskStatus = (params = {}) => {
+  return Http.get(`/v1/tasks/batch-query-status`, params);
 };
\ No newline at end of file
diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
index 39124d1..4ee0181 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
@@ -3,10 +3,10 @@ import { ref, computed } from 'vue';
 import { Input, Table, TableColumn, Checkbox, Pagination, Button, Tooltip, Notification } from '@arco-design/web-vue';
 import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 import NoData from '@/components/no-data';
-import { getTask, postRedoTask } from '@/api/all/common';
+import { getTask, postRedoTask, postBatchDownload, batchQueryTaskStatus } from '@/api/all/common';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
 import { EXPORT_TASK_STATUS, enumTaskStatus } from '../../constants';
-import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { formatTableField, exactFormatTime, genRandomId } from '@/utils/tools';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
@@ -34,9 +34,11 @@ export default {
         getData();
       },
     });
+    let queryTaskTimer = null;
 
-    const query = ref({ ...INITIAL_FORM });
+    const query = ref(cloneDeep(INITIAL_FORM));
     const deleteTaskModalRef = ref(null);
+    const downloadTaskIds = ref([]);
 
     const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
     const indeterminate = computed(
@@ -44,11 +46,12 @@ export default {
     );
 
     const reset = () => {
-      query.value = { ...INITIAL_FORM };
-      pageInfo.value = { ...DEFAULT_PAGE_INFO };
+      query.value = cloneDeep(INITIAL_FORM);
+      pageInfo.value = cloneDeep(DEFAULT_PAGE_INFO);
       selectedRowKeys.value = [];
       selectedRows.value = [];
       dataSource.value = [];
+      downloadTaskIds.value = [];
     };
 
     const init = () => {
@@ -82,7 +85,7 @@ export default {
       reload();
     };
 
-    const handleCloseTip = () => {
+    const clearSelectedRows = () => {
       selectedRows.value = [];
       selectedRowKeys.value = [];
     };
@@ -98,8 +101,66 @@ export default {
         record.file && downloadByUrl(record.file);
       }
     };
-    const handleBatchDownload = () => {
-      // 批量下载逻辑
+
+    const clearQueryTaskTimer = () => {
+      if (queryTaskTimer) {
+        clearInterval(queryTaskTimer);
+        queryTaskTimer = null;
+      }
+    };
+    const startBatchDownload = (id) => {
+      const randomId = genRandomId();
+      showExportNotification(
+        `正在批量下载“${selectedRows.value[0]?.name}”等${selectedRows.value.length}个文件，请稍后...`,
+        {
+          duration: 0,
+          id: randomId,
+        },
+      );
+      downloadTaskIds.value.push({
+        id,
+        randomId,
+      });
+
+      // getSyncTaskStatus(randomId);
+      if (!queryTaskTimer) {
+        queryTaskTimer = setInterval(() => getSyncTaskStatus(), 3000);
+      }
+    };
+    const handleBatchDownload = debounce(async () => {
+      const { code, data } = await postBatchDownload({ ids: selectedRowKeys.value });
+      if (code === 200) {
+        startBatchDownload(data.id);
+      }
+    }, 500);
+    const getSyncTaskStatus = async () => {
+      const { code, data } = await batchQueryTaskStatus({ ids: downloadTaskIds.value.map((v) => v.id) });
+      if (code === 200) {
+        let completeTaskNum = 0;
+        data.forEach((item) => {
+          const { status, file, id } = item;
+          if (status !== 0) {
+            completeTaskNum++;
+
+            const notificationId = downloadTaskIds.value.find((v) => v.id === id)?.randomId;
+            notificationId && Notification.remove(notificationId);
+
+            if (status === 1) {
+              AMessage.success('批量下载已完成，正在下载文件...');
+              downloadByUrl(file);
+            } else if (status === 2) {
+              AMessage.error('批量下载失败，请重新尝试下载');
+            }
+          }
+        });
+
+        // 全部完成了
+        if (completeTaskNum === data.length) {
+          clearQueryTaskTimer();
+          clearSelectedRows();
+          downloadTaskIds.value = [];
+        }
+      }
     };
 
     const handleDelete = (record) => {
@@ -121,8 +182,14 @@ export default {
       selectedRowKeys.value = [];
       getData();
     };
+    const unloadComp = () => {
+      clearQueryTaskTimer();
+    };
+    onUnmounted(() => {
+      clearQueryTaskTimer;
+    });
 
-    expose({ init, reset });
+    expose({ init, reset, unloadComp });
 
     return () => (
       <div class="export-task-wrap">
@@ -187,7 +254,7 @@ export default {
                 </span>
               </div>
             </div>
-            <IconClose size={16} class="cursor-pointer color-#737478" onClick={handleCloseTip} />
+            <IconClose size={16} class="cursor-pointer color-#737478" onClick={clearSelectedRows} />
           </div>
         )}
 
@@ -252,7 +319,7 @@ export default {
                 ))}
                 <TableColumn
                   data-index="operation"
-                  width={100}
+                  width={110}
                   fixed="right"
                   title="操作"
                   v-slots={{
diff --git a/src/components/_base/navbar/components/task-center-modal/index.vue b/src/components/_base/navbar/components/task-center-modal/index.vue
index 23bdeb7..a2c4eec 100644
--- a/src/components/_base/navbar/components/task-center-modal/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/index.vue
@@ -52,6 +52,7 @@ const onClose = () => {
   activeTab.value = '0';
 
   clearTimer();
+  componentRef.value?.unloadComp?.()
   visible.value = false;
 };
 const clearTimer = () => {
diff --git a/src/utils/arcoD.tsx b/src/utils/arcoD.tsx
index a2c6be6..1d8f9ee 100644
--- a/src/utils/arcoD.tsx
+++ b/src/utils/arcoD.tsx
@@ -13,7 +13,7 @@ interface RenderNotificationData {
   file?: string;
 }
 
-export function showExportNotification(label: string, id: '') {
+export function showExportNotification(label: string, { id =  '', duration = 3000}) {
   Notification.warning({
     id,
     showIcon: false,
@@ -24,7 +24,7 @@ export function showExportNotification(label: string, id: '') {
         <p class="text-14px lh-22px font-400 color-#211F24">{label}</p>
       </div>
     ),
-    duration: 3000,
+    duration,
     class: 'px-16px py-9px w-400px rounded-2px bg-#F0EDFF',
   });
 }
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index f3b6b3b..2635bdc 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -107,3 +107,6 @@ export function downloadByUrl(url: string, filename?: string) {
   document.body.removeChild(a);
 }
 
+export function genRandomId() {
+  return `id_${Date.now()}_${Math.floor(Math.random() * 10000)}`;
+}
\ No newline at end of file
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 c03f1ce..f5fe246 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
@@ -28,6 +28,7 @@ import SyncDataModal from '../sync-data-modal';
 
 // import { downloadByUrl } from '@/utils/tools';
 import { showExportNotification } from '@/utils/arcoD';
+import { genRandomId } from '@/utils/tools';
 import {
   fetchAccountTags,
   fetchAccountGroups,
@@ -188,9 +189,9 @@ export default {
           },
         });
         if (code === 200) {
-          const ID = 'IMPORT-ACCOUNT';
-          showExportNotification(`正在导入“${file.value.name}”，请稍后...`, ID);
-          emit('startQueryTaskStatus', data.id, ID);
+          const id = genRandomId();
+          showExportNotification(`正在导入“${file.value.name}”，请稍后...`, { id });
+          emit('startQueryTaskStatus', data.id, id);
           onClose();
         } else {
           uploadStatus.value = UploadStatus.ERROR;
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index fd34425..352d66d 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -151,6 +151,7 @@ import StatusBox from '../status-box';
 import { PLATFORM_LIST, ENUM_PLATFORM } from '@/views/property-marketing/put-account/common_constants';
 
 import { showExportNotification } from '@/utils/arcoD';
+import { genRandomId } from '@/utils/tools';
 import {
   postPlacementAccounts,
   getPlacementAccountsDetail,
@@ -289,9 +290,9 @@ const handleBatchImport = async () => {
     });
     
     if (code === 200) {
-      const ID = 'IMPORT-PUT-ACCOUNT';
-      showExportNotification(`正在导入“${file.value.name}”，请稍后...`, ID);
-      emits('startQueryTaskStatus', data.id, ID);
+      const id = genRandomId();
+      showExportNotification(`正在导入“${file.value.name}”，请稍后...`, { id });
+      emit('startQueryTaskStatus', data.id, id);
       onClose();
     } else {
       uploadStatus.value = UploadStatus.ERROR;

From 4387037b2d68f4b8622597bd093440f5dc5ebb58 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 15:42:35 +0800
Subject: [PATCH 55/97] =?UTF-8?q?feat:=20=E6=89=B9=E9=87=8F=E4=B8=8B?=
 =?UTF-8?q?=E8=BD=BD=E5=A4=B1=E8=B4=A5-=E9=87=8D=E6=96=B0=E4=B8=8B?=
 =?UTF-8?q?=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/export-task/index.vue          | 38 ++++++++++++-------
 src/utils/arcoD.tsx                           | 27 ++++++++++++-
 2 files changed, 50 insertions(+), 15 deletions(-)

diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
index 4ee0181..7a54ed4 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
@@ -11,7 +11,7 @@ import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPa
 import { downloadByUrl } from '@/utils/tools';
 import DeleteTaskModal from './delete-task-modal.vue';
 import icon1 from '@/assets/img/media-account/icon-delete.png';
-import { showExportNotification } from '@/utils/arcoD';
+import { showExportNotification, showFailExportNotification } from '@/utils/arcoD';
 
 export default {
   setup(props, { emit, expose }) {
@@ -102,12 +102,13 @@ export default {
       }
     };
 
-    const clearQueryTaskTimer = () => {
-      if (queryTaskTimer) {
-        clearInterval(queryTaskTimer);
-        queryTaskTimer = null;
+    // 批量下载
+    const handleBatchDownload = debounce(async () => {
+      const { code, data } = await postBatchDownload({ ids: selectedRowKeys.value });
+      if (code === 200) {
+        startBatchDownload(data.id);
       }
-    };
+    }, 500);
     const startBatchDownload = (id) => {
       const randomId = genRandomId();
       showExportNotification(
@@ -122,17 +123,10 @@ export default {
         randomId,
       });
 
-      // getSyncTaskStatus(randomId);
       if (!queryTaskTimer) {
         queryTaskTimer = setInterval(() => getSyncTaskStatus(), 3000);
       }
     };
-    const handleBatchDownload = debounce(async () => {
-      const { code, data } = await postBatchDownload({ ids: selectedRowKeys.value });
-      if (code === 200) {
-        startBatchDownload(data.id);
-      }
-    }, 500);
     const getSyncTaskStatus = async () => {
       const { code, data } = await batchQueryTaskStatus({ ids: downloadTaskIds.value.map((v) => v.id) });
       if (code === 200) {
@@ -149,8 +143,17 @@ export default {
               AMessage.success('批量下载已完成，正在下载文件...');
               downloadByUrl(file);
             } else if (status === 2) {
-              AMessage.error('批量下载失败，请重新尝试下载');
+              const onReDownload = () => {
+                startBatchDownload(id);
+              };
+              showFailExportNotification(
+                `${selectedRows.value[0]?.name}”等${selectedRows.value.length}个文件下载失败`,
+                { onReDownload },
+              );
             }
+
+            // 结束的任务过滤掉
+            downloadTaskIds.value = downloadTaskIds.value.filter((v) => v.id !== id);
           }
         });
 
@@ -182,6 +185,13 @@ export default {
       selectedRowKeys.value = [];
       getData();
     };
+
+    const clearQueryTaskTimer = () => {
+      if (queryTaskTimer) {
+        clearInterval(queryTaskTimer);
+        queryTaskTimer = null;
+      }
+    };
     const unloadComp = () => {
       clearQueryTaskTimer();
     };
diff --git a/src/utils/arcoD.tsx b/src/utils/arcoD.tsx
index 1d8f9ee..abea1ea 100644
--- a/src/utils/arcoD.tsx
+++ b/src/utils/arcoD.tsx
@@ -5,6 +5,7 @@ import { IconLoading } from '@arco-design/web-vue/es/icon';
 
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 import icon2 from '@/assets/img/media-account/icon-success.png';
+import icon3 from "@/assets/img/media-account/icon-warn.png"
 
 interface RenderNotificationData {
   total_number: number;
@@ -13,7 +14,9 @@ interface RenderNotificationData {
   file?: string;
 }
 
-export function showExportNotification(label: string, { id =  '', duration = 3000}) {
+// 下载通知框
+export function showExportNotification(label: string, others: { id?: string, duration?: number }) {
+  const { id = '', duration = 3000 } = others ?? {}
   Notification.warning({
     id,
     showIcon: false,
@@ -29,6 +32,28 @@ export function showExportNotification(label: string, { id =  '', duration = 300
   });
 }
 
+// 下载失败框
+export function showFailExportNotification(label: string, others: { id?: string, duration?: number, onReDownload?: Function }) {
+  const { id = '', duration = 0, onReDownload } = others ?? {}
+  Notification.warning({
+    id,
+    showIcon: false,
+    closable: true,
+    content: () => (
+      <div class="flex items-center justify-between pr-16px">
+        <div class="flex items-center mr-10px">
+          <img src={icon3} width={16} height={16} class=" mr-8px" />
+          <p class="text-14px lh-22px font-400 color-#211F24 ">{label}</p>
+        </div>
+
+        <p class="text-14px lh-22px font-400 color-#6D4CFE cursor-pointer" onClick={() => onReDownload?.()}>重新下载</p>
+      </div>
+    ),
+    duration,
+    class: 'px-16px py-9px w-500px rounded-2px bg-#FFE9E7',
+  });
+}
+
 export const showImportResultNotification = (data: RenderNotificationData) => {
   const { total_number, success_number, fail_number, file } = data;
   const hasError = fail_number > 0;

From 984d4e3a7be1e3bab1718b40ebca3c509ffb43e7 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 15:47:39 +0800
Subject: [PATCH 56/97] =?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

---
 .../components/export-task/index.vue               | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
index 7a54ed4..fcc56bd 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
@@ -38,7 +38,7 @@ export default {
 
     const query = ref(cloneDeep(INITIAL_FORM));
     const deleteTaskModalRef = ref(null);
-    const downloadTaskIds = ref([]);
+    const downloadTaskInfos = ref([]);
 
     const checkedAll = computed(() => selectedRows.value.length === dataSource.value.length);
     const indeterminate = computed(
@@ -51,7 +51,7 @@ export default {
       selectedRowKeys.value = [];
       selectedRows.value = [];
       dataSource.value = [];
-      downloadTaskIds.value = [];
+      downloadTaskInfos.value = [];
     };
 
     const init = () => {
@@ -118,7 +118,7 @@ export default {
           id: randomId,
         },
       );
-      downloadTaskIds.value.push({
+      downloadTaskInfos.value.push({
         id,
         randomId,
       });
@@ -128,7 +128,7 @@ export default {
       }
     };
     const getSyncTaskStatus = async () => {
-      const { code, data } = await batchQueryTaskStatus({ ids: downloadTaskIds.value.map((v) => v.id) });
+      const { code, data } = await batchQueryTaskStatus({ ids: downloadTaskInfos.value.map((v) => v.id) });
       if (code === 200) {
         let completeTaskNum = 0;
         data.forEach((item) => {
@@ -136,7 +136,7 @@ export default {
           if (status !== 0) {
             completeTaskNum++;
 
-            const notificationId = downloadTaskIds.value.find((v) => v.id === id)?.randomId;
+            const notificationId = downloadTaskInfos.value.find((v) => v.id === id)?.randomId;
             notificationId && Notification.remove(notificationId);
 
             if (status === 1) {
@@ -153,7 +153,7 @@ export default {
             }
 
             // 结束的任务过滤掉
-            downloadTaskIds.value = downloadTaskIds.value.filter((v) => v.id !== id);
+            downloadTaskInfos.value = downloadTaskInfos.value.filter((v) => v.id !== id);
           }
         });
 
@@ -161,7 +161,7 @@ export default {
         if (completeTaskNum === data.length) {
           clearQueryTaskTimer();
           clearSelectedRows();
-          downloadTaskIds.value = [];
+          downloadTaskInfos.value = [];
         }
       }
     };

From 704544e9696ec862c0fc17223770343c2a577b39 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 16:27:47 +0800
Subject: [PATCH 57/97] =?UTF-8?q?perf:=20=E5=AE=BD=E5=BA=A6=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../task-center-modal/components/export-task/index.vue        | 2 +-
 .../task-center-modal/components/import-task/index.vue        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
index fcc56bd..3e1a3bf 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/index.vue
@@ -329,7 +329,7 @@ export default {
                 ))}
                 <TableColumn
                   data-index="operation"
-                  width={110}
+                  width={dataSource.value.some((record) => record.status !== enumTaskStatus.Exporting) ? 120 : 60}
                   fixed="right"
                   title="操作"
                   v-slots={{
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue b/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
index d7366b4..05de549 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/import-task/index.vue
@@ -113,7 +113,7 @@ export default {
       selectedRowKeys.value = [];
       getData();
     };
-
+    
     expose({ init, reset });
 
     return () => (
@@ -243,7 +243,7 @@ export default {
                 ))}
                 <TableColumn
                   data-index="operation"
-                  width={180}
+                  width={dataSource.value.some((record) => record.status === enumTaskStatus.Failed) ? 180 : 60}
                   fixed="right"
                   title="操作"
                   v-slots={{

From c7f2e78642eff0b04852a125c4128a504348b80c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 16:40:16 +0800
Subject: [PATCH 58/97] =?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

---
 src/utils/arcoD.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/utils/arcoD.tsx b/src/utils/arcoD.tsx
index abea1ea..44b9d7d 100644
--- a/src/utils/arcoD.tsx
+++ b/src/utils/arcoD.tsx
@@ -22,13 +22,13 @@ export function showExportNotification(label: string, others: { id?: string, dur
     showIcon: false,
     closable: true,
     content: () => (
-      <div class="flex items-center">
+      <div class="flex items-center pr-16px">
         <IconLoading size={16} class="color-#6D4CFE mr-8px" />
         <p class="text-14px lh-22px font-400 color-#211F24">{label}</p>
       </div>
     ),
     duration,
-    class: 'px-16px py-9px w-400px rounded-2px bg-#F0EDFF',
+    class: 'px-16px py-9px w-450px rounded-2px bg-#F0EDFF',
   });
 }
 

From 923337b0251be81eae9b0f991e1019b7cfc0fac5 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 16:43:17 +0800
Subject: [PATCH 59/97] =?UTF-8?q?style:=20close=E5=BC=B9=E7=AA=97=20?=
 =?UTF-8?q?=E6=B8=85=E9=99=A4=E6=89=80=E6=9C=89Notification?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_base/navbar/components/task-center-modal/index.vue      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/_base/navbar/components/task-center-modal/index.vue b/src/components/_base/navbar/components/task-center-modal/index.vue
index a2c4eec..09815c7 100644
--- a/src/components/_base/navbar/components/task-center-modal/index.vue
+++ b/src/components/_base/navbar/components/task-center-modal/index.vue
@@ -19,6 +19,8 @@
 </template>
 
 <script setup>
+import { Notification } from '@arco-design/web-vue';
+
 import ExportTask from './components/export-task';
 import ImportTask from './components/import-task';
 
@@ -52,7 +54,8 @@ const onClose = () => {
   activeTab.value = '0';
 
   clearTimer();
-  componentRef.value?.unloadComp?.()
+  componentRef.value?.unloadComp?.();
+  Notification.clear();
   visible.value = false;
 };
 const clearTimer = () => {

From 881a60f2a847c0c664ec3bc624472cc4294256be Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 17:04:25 +0800
Subject: [PATCH 60/97] =?UTF-8?q?perf:=20=E7=99=BB=E9=99=86=E5=90=8E?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E4=BC=81=E4=B8=9A=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/login/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/components/login/index.vue b/src/views/components/login/index.vue
index efdf9ba..99d4fdf 100644
--- a/src/views/components/login/index.vue
+++ b/src/views/components/login/index.vue
@@ -267,10 +267,10 @@ const getProfileInfo = async () => {
     let enterprises = data['enterprises'];
     mobileNumber.value = data['mobile'];
     accounts.value = enterprises;
-    enterpriseStore.setEnterpriseInfo(data);
 
     if (enterprises.length > 0) {
       if (enterprises.length === 1) {
+        enterpriseStore.setEnterpriseInfo(data.enterprises[0]);
         handleUserLogin();
       } else {
         // 多个企业时候需要弹窗让用户选择企业

From 3a87f6a6458160721f1989c7c57d181eaf4dc548 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 17:07:27 +0800
Subject: [PATCH 61/97] =?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

---
 src/views/components/login/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/components/login/index.vue b/src/views/components/login/index.vue
index 99d4fdf..c1b5566 100644
--- a/src/views/components/login/index.vue
+++ b/src/views/components/login/index.vue
@@ -269,8 +269,8 @@ const getProfileInfo = async () => {
     accounts.value = enterprises;
 
     if (enterprises.length > 0) {
+      enterpriseStore.setEnterpriseInfo(data.enterprises[0]);
       if (enterprises.length === 1) {
-        enterpriseStore.setEnterpriseInfo(data.enterprises[0]);
         handleUserLogin();
       } else {
         // 多个企业时候需要弹窗让用户选择企业

From 62880655f666b13b4535b8ece81e76b68194aa28 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 17:29:42 +0800
Subject: [PATCH 62/97] =?UTF-8?q?perf:=20a-switch=E5=80=BC=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/add-account-modal/index.vue       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 352d66d..f94b5c9 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -126,7 +126,7 @@
               <icon-question-circle size="14" class="ml-4px color-#737478" />
             </a-tooltip>
           </template>
-          <a-switch v-model="form.is_sync_project" size="medium" :checked-value="1" :un-checked-value="0" />
+          <a-switch v-model="form.is_sync_project" size="medium" :checked-value="1" :unchecked-value="0" />
         </a-form-item>
       </template>
     </a-form>

From 110ad79e7d0499559e21b0a2ac91ea4e36ec4262 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 18:19:13 +0800
Subject: [PATCH 63/97] =?UTF-8?q?perf:=20=E7=8A=B6=E6=80=81=E6=9E=9A?=
 =?UTF-8?q?=E4=B8=BE=E5=80=BC=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../put-account/components/status-select/constants.ts         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 4713f42..7049295 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
@@ -5,8 +5,8 @@
 export enum EnumStatus {
   UNAUTHORIZED = 0,
   NORMAL = 1,
-  ABNORMAL = 2,
-  PAUSE = 3,
+  ABNORMAL = 3,
+  PAUSE = 2,
   ABNORMAL_LOGIN = 4,
   ABNORMAL_REQUEST = 5,
   ABNORMAL_FREEZE = 6,

From d274ae90a93633aad8fb203b021b5a16a35c4d64 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 18:20:24 +0800
Subject: [PATCH 64/97] =?UTF-8?q?perf:=20=E7=8A=B6=E6=80=81=E6=9E=9A?=
 =?UTF-8?q?=E4=B8=BE=E5=80=BC=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../put-account/components/status-select/constants.ts         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 4713f42..7049295 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
@@ -5,8 +5,8 @@
 export enum EnumStatus {
   UNAUTHORIZED = 0,
   NORMAL = 1,
-  ABNORMAL = 2,
-  PAUSE = 3,
+  ABNORMAL = 3,
+  PAUSE = 2,
   ABNORMAL_LOGIN = 4,
   ABNORMAL_REQUEST = 5,
   ABNORMAL_FREEZE = 6,

From 39c1f5d3d06abd94247a364703ab681e91e4d429 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 18:27:42 +0800
Subject: [PATCH 65/97] =?UTF-8?q?perf:=20=E8=8E=B7=E5=8F=96=E5=87=AD?=
 =?UTF-8?q?=E8=AF=81=E6=8E=88=E6=9D=83=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/authorized-account-modal/index.vue               | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index eff84ab..774220e 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -255,7 +255,7 @@ const handleSyncData = () => {
       }
     });
   } else {
-    close();
+    startLoading();
   }
 };
 

From 55174e4258e85c5998763f88ff253557561691ea Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 22 Jul 2025 11:28:39 +0800
Subject: [PATCH 66/97] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80button4?=
 =?UTF-8?q?=E7=A7=8D=E6=A0=B7=E5=BC=8F=EF=BC=9Aprimary/outline/text/defaul?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_base/exit-account-modal/index.vue        | 11 ++-
 src/components/_base/navbar/index.vue         |  2 +-
 src/styles/components/button.scss             | 67 +++++++++++++++++++
 src/styles/components/index.scss              |  3 +-
 src/views/components/login/index.vue          |  7 +-
 .../brands/brand-materials/index.vue          |  4 +-
 .../brands/brand-materials/style.scss         | 12 ----
 .../businessAnalysisReport.vue                |  4 +-
 .../competitiveProductAnalysisReport.vue      |  4 +-
 .../components/account-table/index.vue        |  8 +--
 .../components/filter-block/index.vue         |  4 +-
 .../account-dashboard/style.scss              | 10 ---
 .../components/note-table/index.vue           |  4 +-
 .../media-account/account-detail/style.scss   | 10 ---
 .../components/account-table/index.vue        |  8 +--
 .../components/filter-block/index.vue         |  4 +-
 .../media-account/account-manage/index.vue    |  6 +-
 .../media-account/account-manage/style.scss   | 10 ---
 .../components/add-project-modal/index.vue    | 32 +++++++++
 .../components/add-project-modal/style.scss   |  3 +
 .../components/filter-block/index.vue         |  6 +-
 .../components/filter-block/style.scss        |  2 +-
 .../components/project-table/constants.ts     |  1 +
 .../components/project-table/index.vue        |  2 +-
 .../project-manage/project-list/index.vue     |  3 +
 .../project-manage/project-list/style.scss    | 10 ---
 .../put-account/account-dashboard/index.vue   |  4 +-
 .../components/board-table/index.vue          |  6 +-
 .../components/filter-block/index.vue         |  4 +-
 .../components/plan-table/index.vue           |  6 +-
 .../put-account/account-data/index.vue        |  2 +-
 .../put-account/account-data/style.scss       | 10 ---
 .../components/account-table/index.vue        |  7 +-
 .../components/filter-block/index.vue         |  4 +-
 .../put-account/account-manage/index.vue      |  2 +-
 .../put-account/account-manage/style.scss     | 10 ---
 .../components/table-data/listSearchForm.vue  |  4 +-
 37 files changed, 164 insertions(+), 132 deletions(-)
 create mode 100644 src/styles/components/button.scss
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/add-project-modal/style.scss

diff --git a/src/components/_base/exit-account-modal/index.vue b/src/components/_base/exit-account-modal/index.vue
index 32a8380..b100121 100644
--- a/src/components/_base/exit-account-modal/index.vue
+++ b/src/components/_base/exit-account-modal/index.vue
@@ -17,7 +17,7 @@
     </div>
     <p class="m-0 p-0 mb-24px s2 ml-32px">退出登录后，你将无法收到该账号的通知</p>
     <div class="flex items-center justify-end">
-      <a-button class="cancel-btn" size="medium" @click="onClose">返回</a-button>
+      <a-button class="!rounded-4px" size="medium" @click="onClose">返回</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="medium" @click="onLogout"
         >退出登录</a-button
       >
@@ -83,15 +83,12 @@ defineExpose({ open });
     }
     .cancel-btn {
       border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
     }
     .danger-btn {
-      border-radius: 4px;
       background: var(--Functional-Danger-6, #f64b31) !important;
-      border: none !important;
+      &:hover {
+        background: var(--Functional-Danger-6, #f64b31) !important;
+      }
     }
   }
 }
diff --git a/src/components/_base/navbar/index.vue b/src/components/_base/navbar/index.vue
index 0fc5d65..cacc3f6 100644
--- a/src/components/_base/navbar/index.vue
+++ b/src/components/_base/navbar/index.vue
@@ -63,7 +63,7 @@ const onEnterpriseItemClick = async (item) => {
           <a-menu-item v-for="item in menuList" :key="String(item.id)">
             <template v-if="item.children">
               <a-dropdown :popup-max-height="false" class="layout-menu-item-dropdown">
-                <a-button>
+                <a-button type="text">
                   <span class="menu-item-text mr-2px"> {{ item.name }}</span>
                   <icon-caret-down size="16" class="arco-icon-down !mr-0" />
                 </a-button>
diff --git a/src/styles/components/button.scss b/src/styles/components/button.scss
new file mode 100644
index 0000000..46e0ba7
--- /dev/null
+++ b/src/styles/components/button.scss
@@ -0,0 +1,67 @@
+$disabled-ele: '.arco-btn-disabled';
+
+.arco-btn {
+  border-radius: 2px;
+  border: 1px solid #d7d7d9 !important;
+  color: #3c4043 !important;
+  font-family: $font-family-regular;
+  font-size: 14px !important;
+  font-style: normal;
+  font-weight: 400 !important;
+  line-height: 22px !important;
+  &.arco-btn-disabled {
+    border-color: #f2f3f5 !important;
+    color: #b1b2b5 !important;
+  }
+  &:not(.arco-btn-disabled) {
+    &:hover {
+      border-color: #e6e6e8 !important;
+      color: #737478 !important;
+    }
+  }
+}
+
+.arco-btn-primary {
+  background-color: #6d4cfe !important;
+  border: none !important;
+  color: #fff !important;
+  &.arco-btn-disabled {
+    color: #fff !important;
+    background-color: #c5b7ff !important;
+  }
+  &:not(.arco-btn-disabled) {
+    &:hover {
+      color: #fff !important;
+      background-color: #8a70fe !important;
+    }
+  }
+}
+
+.arco-btn-outline {
+  border: 1px solid #6d4cfe !important;
+  color: #6d4cfe !important;
+  &.arco-btn-disabled {
+    border-color: #c5b7ff !important;
+    color: #c5b7ff !important;
+  }
+  &:not(.arco-btn-disabled) {
+    &:hover {
+      border-color: #8a70fe !important;
+      color: #8a70fe !important;
+    }
+  }
+}
+
+.arco-btn-text {
+  background-color: transparent !important;
+  border: none !important;
+  color: #6d4cfe !important;
+  &.arco-btn-disabled {
+    color: #c5b7ff !important;
+  }
+  &:not(.arco-btn-disabled) {
+    &:hover {
+      color: #8a70fe !important;
+    }
+  }
+}
diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index 00e6c0f..aa565bd 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -6,4 +6,5 @@
 @import './modal.scss';
 @import "./textarea.scss";
 @import "./select.scss";
-@import "./date-picker.scss"
\ No newline at end of file
+@import "./date-picker.scss";
+@import "./button.scss";
\ No newline at end of file
diff --git a/src/views/components/login/index.vue b/src/views/components/login/index.vue
index efdf9ba..4273ed4 100644
--- a/src/views/components/login/index.vue
+++ b/src/views/components/login/index.vue
@@ -54,16 +54,15 @@
               </div>
             </a-form-item>
             <a-form-item hide-label class="mt-68px mb-16px">
-              <div
+              <a-button
                 type="primary"
-                class="w-480 h-48 text-16px rounded-8px text-center text-white leading-48px"
+                class="w-480 h-48 !text-16px !rounded-8px"
                 :class="disabledSubmitBtn ? 'cursor-no-drop' : 'cursor-pointer'"
-                :style="{ backgroundColor: disabledSubmitBtn ? '#C5B7FF' : '#6D4CFE' }"
                 :disabled="disabledSubmitBtn"
                 @click="handleSubmit"
               >
                 {{ isLogin ? '登录' : '注册并开通企业账号' }}
-              </div>
+              </a-button>
             </a-form-item>
           </a-form>
           <a-space class="text-12px color-#737478 justify-start items-center">
diff --git a/src/views/property-marketing/brands/brand-materials/index.vue b/src/views/property-marketing/brands/brand-materials/index.vue
index 9715c2f..3e9edaa 100644
--- a/src/views/property-marketing/brands/brand-materials/index.vue
+++ b/src/views/property-marketing/brands/brand-materials/index.vue
@@ -21,13 +21,13 @@
             </a-space>
           </div>
           <div class="filter-row flex">
-            <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+            <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
               <template #icon>
                 <icon-search />
               </template>
               <template #default>搜索</template>
             </a-button>
-            <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+            <a-button size="medium" @click="handleReset">
               <template #icon>
                 <icon-refresh />
               </template>
diff --git a/src/views/property-marketing/brands/brand-materials/style.scss b/src/views/property-marketing/brands/brand-materials/style.scss
index 2f61084..86e618c 100644
--- a/src/views/property-marketing/brands/brand-materials/style.scss
+++ b/src/views/property-marketing/brands/brand-materials/style.scss
@@ -3,23 +3,11 @@
   display: flex;
   flex-direction: column;
 
-  :deep(.search-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-    color: #6d4cfe;
-  }
-
   :deep(.edit-btn) {
     border: 1px solid var(--Brand-Brand-6, #6d4cfe);
     color: #6d4cfe;
   }
 
-  :deep(.reset-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-  }
-
   .table-wrap {
     width: 100%;
 
diff --git a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
index 0bbeacd..2fe0259 100644
--- a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
@@ -25,13 +25,13 @@
           </div>
 
           <div class="filter-row flex">
-            <a-button class="w-84px search-btn mr-12px" size="medium">
+            <a-button type="outline" class="mr-12px" size="medium">
               <template #icon>
                 <icon-search />
               </template>
               <template #default>搜索</template>
             </a-button>
-            <a-button class="w-84px reset-btn" size="medium">
+            <a-button size="medium">
               <template #icon>
                 <icon-refresh />
               </template>
diff --git a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
index d1fe428..0c7a42f 100644
--- a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
@@ -25,13 +25,13 @@
           </div>
 
           <div class="filter-row flex">
-            <a-button class="w-84px search-btn mr-12px" size="medium">
+            <a-button type="outline" class="mr-12px" size="medium">
               <template #icon>
                 <icon-search />
               </template>
               <template #default>搜索</template>
             </a-button>
-            <a-button class="w-84px reset-btn" size="medium">
+            <a-button  size="medium">
               <template #icon>
                 <icon-refresh />
               </template>
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..ae320c0 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
@@ -15,11 +15,11 @@
       >
     </div>
     <div class="flex items-center">
-      <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
+      <a-button type="outline" class="w-110px mr-12px" size="medium" @click="handleExport">
         <template #icon> <icon-download /> </template>
         <template #default>导出数据</template>
       </a-button>
-      <a-button class="w-110px search-btn" size="medium" @click="openCustomColumn">
+      <a-button type="outline" class="w-110px" size="medium" @click="openCustomColumn">
         <template #icon>
           <img :src="icon1" width="14" height="14" />
         </template>
@@ -119,7 +119,7 @@
           }}
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
+          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
         </template>
 
         <template v-else-if="column.isRateField" #cell="{ record }">
@@ -148,7 +148,7 @@
       </a-table-column>
       <a-table-column data-index="operation" fixed="right" width="100" title="操作">
         <template #cell="{ record }">
-          <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
+          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
         </template>
       </a-table-column>
     </template>
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
index d7a2089..4a452eb 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
@@ -47,13 +47,13 @@
           </a-select>
         </a-space>
       </div>
-      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+      <a-button type="outline" class="w-84px mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
         </template>
         <template #default>搜索</template>
       </a-button>
-      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+      <a-button class="w-84px" size="medium" @click="handleReset">
         <template #icon>
           <icon-refresh />
         </template>
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
index 050075c..16fd193 100644
--- a/src/views/property-marketing/media-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@@ -2,16 +2,6 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-  :deep(.search-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-    color: #6d4cfe;
-  }
-  :deep(.reset-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-  }
   .filter-wrap {
     border-radius: 8px;
     border: 1px solid #e6e6e8;
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
index 97ac577..3ee11e6 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
@@ -36,13 +36,13 @@
           />
         </a-space>
       </div>
-      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+      <a-button type="outline" class="w-84px mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
         </template>
         <template #default>搜索</template>
       </a-button>
-      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+      <a-button class="w-84px" size="medium" @click="handleReset">
         <template #icon>
           <icon-refresh />
         </template>
diff --git a/src/views/property-marketing/media-account/account-detail/style.scss b/src/views/property-marketing/media-account/account-detail/style.scss
index 8b5ad4b..40d5a29 100644
--- a/src/views/property-marketing/media-account/account-detail/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/style.scss
@@ -19,16 +19,6 @@
     padding: 10px 0;
     align-items: center;
   }
-  :deep(.search-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-    color: #6d4cfe;
-  }
-  :deep(.reset-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-  }
 
   .table-wrap {
     width: 100%;
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..fbf87c4 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
@@ -76,7 +76,7 @@
         </div>
         <div class="operate-row">
           <a-dropdown trigger="hover">
-            <a-button class="w-52px search-btn mr-8px" size="mini">
+            <a-button class="w-52px mr-8px" type="outline"  size="mini">
               <template #default>更多</template>
             </a-button>
             <template #content>
@@ -89,7 +89,7 @@
               >
               <a-doption class="color-#F64B31" @click="openDelete(item)">删除</a-doption>
             </template>
-            <a-button class="search-btn" size="mini" @click="onBtnClick(item)">
+            <a-button type="outline"  size="mini" @click="onBtnClick(item)">
               <template #default>{{ getBtnText(item) }}</template>
             </a-button>
           </a-dropdown>
@@ -101,8 +101,8 @@
           <span class="name !mb-0">更新数据失败</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="onDeleteSyncStatus(item)">取消</a-button>
+          <a-button type="outline"  class="" size="mini" @click="syncData(item)">重新更新</a-button>
         </div>
       </div>
     </a-spin>
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
index 0734e15..27df722 100644
--- a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
@@ -59,13 +59,13 @@
           <TagSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" />
         </a-space>
       </div>
-      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+      <a-button type="outline"  class="w-84px mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
         </template>
         <template #default>搜索</template>
       </a-button>
-      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+      <a-button class="w-84px" size="medium" @click="handleReset">
         <template #icon>
           <icon-refresh />
         </template>
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 6448c07..70fcb8d 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -8,19 +8,19 @@
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账号管理</p>
         <div class="flex items-center">
-          <a-button class="w-112px mr-12px search-btn" size="medium" @click="handleOpenTagsModal">
+          <a-button class="w-112px mr-12px" type="outline" size="medium" @click="handleOpenTagsModal">
             <template #icon>
               <img :src="icon3" width="16" height="16" />
             </template>
             <template #default>标签管理</template>
           </a-button>
-          <a-button class="w-112px mr-12px search-btn" size="medium" @click="handleOpenGroupModal">
+          <a-button class="w-112px mr-12px" type="outline" size="medium" @click="handleOpenGroupModal">
             <template #icon>
               <img :src="icon2" width="16" height="16" />
             </template>
             <template #default>分组管理</template>
           </a-button>
-          <a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAccountModal">
+          <a-button type="primary" class="w-112px" size="medium" @click="handleOpenAccountModal">
             <template #icon>
               <img :src="icon1" width="16" height="16" />
             </template>
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
index e064951..21bd7de 100644
--- a/src/views/property-marketing/media-account/account-manage/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -2,16 +2,6 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-  :deep(.search-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-    color: #6d4cfe;
-  }
-  :deep(.reset-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-  }
   .filter-wrap {
     .top {
       .title {
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
new file mode 100644
index 0000000..86740d4
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
@@ -0,0 +1,32 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="添加项目"
+    modal-class="add-project-modal"
+    width="960px"
+    :mask-closable="false"
+    @close="onClose"
+  >
+    <template #footer>
+      <a-button size="large" class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+const visible = ref(false);
+const emits = defineEmits(['update']);
+
+const open = () => {
+  visible.value = true;
+};
+const onClose = () => {
+  visible.value = false;
+};
+
+const onSubmit = () => {
+  console.log('onSubmit');
+};
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/style.scss b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/style.scss
new file mode 100644
index 0000000..c6e2143
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/style.scss
@@ -0,0 +1,3 @@
+.add-project-modal {
+    
+}
\ No newline at end of file
diff --git a/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue b/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
index b22abea..bb52cbe 100644
--- a/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
@@ -4,7 +4,7 @@
  * @Date: 2025-06-25 14:02:40
 -->
 <template>
-  <div class="container px-24px pt-12px pb-24px">
+  <div class="filter-wrap px-24px pt-12px pb-24px">
     <div class="filter-row flex">
       <div class="filter-row-item flex items-center">
         <span class="label">项目名称</span>
@@ -24,13 +24,13 @@
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
-        <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+        <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
             <icon-search />
           </template>
           <template #default>搜索</template>
         </a-button>
-        <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+        <a-button size="medium" @click="handleReset">
           <template #icon>
             <icon-refresh />
           </template>
diff --git a/src/views/property-marketing/project-manage/project-list/components/filter-block/style.scss b/src/views/property-marketing/project-manage/project-list/components/filter-block/style.scss
index 48e2115..dd08cb3 100644
--- a/src/views/property-marketing/project-manage/project-list/components/filter-block/style.scss
+++ b/src/views/property-marketing/project-manage/project-list/components/filter-block/style.scss
@@ -1,4 +1,4 @@
-.container {
+.filter-wrap {
   .filter-row {
     .filter-row-item {
       &:not(:last-child) {
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
index ae9a58f..8e879e9 100644
--- a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
@@ -13,6 +13,7 @@ export const TABLE_COLUMNS = [
     title: '项目预算',
     dataIndex: 'key1',
     width: 180,
+    prefix: "￥"
   },
   {
     title: '关联平台账号',
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue b/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
index dc8e325..5b70c15 100644
--- a/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
@@ -41,7 +41,7 @@
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <div class="flex items-center">
             <img class="mr-8px cursor-pointer" :src="icon1" width="14" height="14" @click="onDelete(record)" />
-            <a-button type="outline" size="mini" class="search-btn" @click="onEdit(record)">编辑</a-button>
+            <a-button type="outline" size="mini" @click="onEdit(record)">编辑</a-button>
           </div>
         </template>
 
diff --git a/src/views/property-marketing/project-manage/project-list/index.vue b/src/views/property-marketing/project-manage/project-list/index.vue
index 88ddc92..274231a 100644
--- a/src/views/property-marketing/project-manage/project-list/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/index.vue
@@ -37,6 +37,8 @@
         />
       </div>
     </div>
+
+    <AddProjectModal ref="addProjectModalRef"/>
   </div>
 </template>
 
@@ -46,6 +48,7 @@ import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPa
 
 import FilterBlock from './components/filter-block';
 import ProjectTable from './components/project-table';
+import AddProjectModal from './components/add-project-modal';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 
diff --git a/src/views/property-marketing/project-manage/project-list/style.scss b/src/views/property-marketing/project-manage/project-list/style.scss
index dda7199..09ee598 100644
--- a/src/views/property-marketing/project-manage/project-list/style.scss
+++ b/src/views/property-marketing/project-manage/project-list/style.scss
@@ -2,16 +2,6 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-  :deep(.search-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-    color: #6d4cfe;
-  }
-  :deep(.reset-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-  }
   .filter-wrap {
     .top {
       .title {
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index dee8513..9a5fa7f 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -43,13 +43,13 @@
               <a-range-picker v-model="query.data_time" size="medium" allow-clear format="YYYY-MM-DD" class="w-100%" />
             </a-space>
           </div>
-          <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+          <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
             <template #icon>
               <icon-search />
             </template>
             <template #default>搜索</template>
           </a-button>
-          <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+          <a-button size="medium" @click="handleReset">
             <template #icon>
               <icon-refresh />
             </template>
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 b60414d..a7ba0a1 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
@@ -16,11 +16,11 @@
     </div>
 
     <div class="flex items-center">
-      <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
+      <a-button type="outline" class="mr-12px" size="medium" @click="handleExport">
         <template #icon> <icon-download /> </template>
         <template #default>导出数据</template>
       </a-button>
-      <a-button class="w-110px search-btn" size="medium" @click="openCustomColumn">
+      <a-button type="outline" size="medium" @click="openCustomColumn">
         <template #icon>
           <img :src="icon1" width="14" height="14" />
         </template>
@@ -106,7 +106,7 @@
           </div>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
+          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
         </template>
 
         <template v-else-if="column.isRateField" #cell="{ record }">
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 be083c7..e35f3b7 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
@@ -55,13 +55,13 @@
           />
         </a-space>
       </div>
-      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+      <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
         </template>
         <template #default>搜索</template>
       </a-button>
-      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+      <a-button size="medium" @click="handleReset">
         <template #icon>
           <icon-refresh />
         </template>
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 4ae434e..957231b 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
@@ -16,11 +16,11 @@
     </div>
 
     <div class="flex items-center">
-      <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
+      <a-button type="outline" class="mr-12px" size="medium" @click="handleExport">
         <template #icon> <icon-download /> </template>
         <template #default>导出数据</template>
       </a-button>
-      <a-button class="w-110px search-btn" size="medium" @click="openCustomColumn">
+      <a-button type="outline" size="medium" @click="openCustomColumn">
         <template #icon>
           <img :src="icon1" width="14" height="14" />
         </template>
@@ -106,7 +106,7 @@
           </div>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
+          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
         </template>
 
         <template v-else-if="column.isRateField" #cell="{ record }">
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index 8f7a3e5..b4c7646 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -9,7 +9,7 @@
         <a-tab-pane key="1" title="账户"></a-tab-pane>
         <a-tab-pane key="2" title="计划"></a-tab-pane>
         <template v-if="!isAccountTab" #extra>
-          <a-button class="w-112px mr-12px search-btn flex items-center" size="medium" @click="handleOpenGroupModal">
+          <a-button type="outline" class="mr-12px flex items-center" size="medium" @click="handleOpenGroupModal">
             <template #icon>
               <img :src="icon2" width="16" height="16" />
             </template>
diff --git a/src/views/property-marketing/put-account/account-data/style.scss b/src/views/property-marketing/put-account/account-data/style.scss
index dc0fcac..9fcc279 100644
--- a/src/views/property-marketing/put-account/account-data/style.scss
+++ b/src/views/property-marketing/put-account/account-data/style.scss
@@ -2,16 +2,6 @@
     height: 100%;
   display: flex;
   flex-direction: column;
-  :deep(.search-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-    color: #6d4cfe;
-  }
-  :deep(.reset-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-  }
   .filter-wrap {
     border-radius: 8px;
     border: 1px solid #e6e6e8;
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..69ada73 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
@@ -53,17 +53,18 @@
           <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
           <a-button
             v-if="showPauseButton(item.status)"
-            class="w-64px search-btn mr-8px"
+            type="outline"
+            class="mr-8px"
             size="mini"
             @click="handlePause(item)"
           >
             <template #default>暂停同步</template>
           </a-button>
-          <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
+          <a-button type="outline" class="mr-8px" size="mini" @click="handleReauthorize(item)">
             <template #default>获取凭证</template>
           </a-button>
 
-          <a-button class="w-40px search-btn" size="mini" @click="openEdit(item)">
+          <a-button type="outline" size="mini" @click="openEdit(item)">
             <template #default>编辑</template>
           </a-button>
         </div>
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 3b90852..0968c71 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
@@ -47,13 +47,13 @@
       </div>
     </div>
     <div class="filter-row flex">
-      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+      <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
         </template>
         <template #default>搜索</template>
       </a-button>
-      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+      <a-button size="medium" @click="handleReset">
         <template #icon>
           <icon-refresh />
         </template>
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index aa50bcd..d7483f6 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -8,7 +8,7 @@
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账户管理</p>
         <div class="flex items-center">
-          <a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAccountModal">
+          <a-button type="primary" class="w-112px" size="medium" @click="handleOpenAccountModal">
             <template #icon>
               <img :src="icon1" width="16" height="16" />
             </template>
diff --git a/src/views/property-marketing/put-account/account-manage/style.scss b/src/views/property-marketing/put-account/account-manage/style.scss
index 824b821..8e211fd 100644
--- a/src/views/property-marketing/put-account/account-manage/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/style.scss
@@ -2,16 +2,6 @@
   height: 100%;
   display: flex;
   flex-direction: column;
-  :deep(.search-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-    color: #6d4cfe;
-  }
-  :deep(.reset-btn) {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-  }
   .filter-wrap {
     .top {
       .title {
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index b8dcd00..1d3fd84 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -35,13 +35,13 @@
       </div>
 
       <div class="filter-row-item flex items-center">
-        <a-button class="w-84px search-btn mr-12px" :disabled="disabled" size="medium" @click="handleSearch">
+        <a-button type="outline" class="mr-12px" :disabled="disabled" size="medium" @click="handleSearch">
           <template #icon>
             <icon-search />
           </template>
           <template #default>搜索</template>
         </a-button>
-        <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+        <a-button size="medium" @click="handleReset">
           <template #icon>
             <icon-refresh />
           </template>

From a9d055c47909bbf36525508ae0a8f58c02871c1e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 22 Jul 2025 16:29:16 +0800
Subject: [PATCH 67/97] =?UTF-8?q?feat:=20=E5=85=B3=E8=81=94=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E8=B4=A6=E5=8F=B7=EF=BC=8C=E5=85=B3=E8=81=94=E6=B8=A0?=
 =?UTF-8?q?=E9=81=93=E8=B4=A6=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |   5 +
 src/hooks/useTableSelectionWithPagination.ts  |   3 +
 src/styles/components/form.scss               |  22 ++
 src/styles/components/index.scss              |   4 +-
 src/styles/components/steps.scss              |  47 ++++
 src/styles/mixins/ellipsis.scss               |  14 +
 src/styles/mixins/index.scss                  |   1 +
 src/utils/platform.ts                         |  55 ++++
 .../components/filter-block/index.vue         |   5 +-
 .../components/add-project-modal/index.vue    |  80 +++++-
 .../components/add-project-modal/stepFour.vue |  12 +
 .../components/add-project-modal/stepOne.vue  |  43 +++
 .../add-project-modal/stepThree.vue           | 259 ++++++++++++++++++
 .../components/add-project-modal/stepTwo.vue  | 253 +++++++++++++++++
 .../put-account/account-dashboard/index.vue   |   2 +-
 .../components/account-table/index.vue        |   2 +-
 .../components/add-account-modal/index.vue    |   4 +-
 .../authorized-account-modal/index.vue        |   1 -
 .../components/filter-block/index.vue         |   2 +-
 .../table-data/guideListHistory.vue           |   2 +-
 .../components/table-data/listSearchForm.vue  |   2 +-
 .../table-data/placementGuideList.vue         |   2 +-
 .../investment-guidelines/detail.vue          |   2 +-
 vite.config.ts                                |   4 +-
 24 files changed, 808 insertions(+), 18 deletions(-)
 create mode 100644 src/styles/components/form.scss
 create mode 100644 src/styles/components/steps.scss
 create mode 100644 src/styles/mixins/ellipsis.scss
 create mode 100644 src/styles/mixins/index.scss
 create mode 100644 src/utils/platform.ts
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 5e46d05..d309855 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -24,6 +24,11 @@ export const getMediaAccounts = (params = {}) => {
   return Http.get('/v1/media-accounts', params);
 };
 
+// 媒体账号-列表
+export const getMediaAccountList = (params = {}) => {
+  return Http.get('/v1/media-accounts/list', params);
+};
+
 // 媒体账号-健康情况
 export const getMediaAccountsHealth = (params = {}) => {
   return Http.get('/v1/media-accounts/health', params);
diff --git a/src/hooks/useTableSelectionWithPagination.ts b/src/hooks/useTableSelectionWithPagination.ts
index 32b9e52..c0ed0c6 100644
--- a/src/hooks/useTableSelectionWithPagination.ts
+++ b/src/hooks/useTableSelectionWithPagination.ts
@@ -9,6 +9,7 @@ interface UseTableSelectionWithPaginationOptions {
   };
   onPageChange?: (page: number) => void;
   onPageSizeChange?: (size: number) => void;
+  onSelectChange?: () => void;
 }
 
 const DEFAULT_PAGE_INFO = {
@@ -39,6 +40,7 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
     } else {
       selectedRows.value = selectedRows.value.filter((v) => v[rowKey] !== record[rowKey]);
     }
+    options.onSelectChange?.();
   };
 
   // 全选/取消全选
@@ -56,6 +58,7 @@ export function useTableSelectionWithPagination(options: UseTableSelectionWithPa
       selectedRowKeys.value = selectedRowKeys.value.filter((key) => !currentPageKeys.includes(key));
       selectedRows.value = selectedRows.value.filter((row) => !currentPageKeys.includes(row[rowKey]));
     }
+    options.onSelectChange?.();
   };
 
   const onPageChange = (page: number) => {
diff --git a/src/styles/components/form.scss b/src/styles/components/form.scss
new file mode 100644
index 0000000..8a5895c
--- /dev/null
+++ b/src/styles/components/form.scss
@@ -0,0 +1,22 @@
+.arco-form {
+  .arco-form-item {
+    margin-bottom: 16px !important;
+    .arco-form-item-label-col {
+      padding-right: 12px !important;
+      .arco-form-item-label {
+        color: #211f24;
+        font-family: $font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+        .arco-form-item-label-required-symbol {
+          color: #f64b31;
+          margin-right: 4px;
+          font-size: 14px;
+          font-family: $font-family-regular;
+        }
+      }
+    }
+  }
+}
diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index aa565bd..33c8e54 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -7,4 +7,6 @@
 @import "./textarea.scss";
 @import "./select.scss";
 @import "./date-picker.scss";
-@import "./button.scss";
\ No newline at end of file
+@import "./button.scss";
+@import "./steps.scss";
+@import "./form.scss";
\ No newline at end of file
diff --git a/src/styles/components/steps.scss b/src/styles/components/steps.scss
new file mode 100644
index 0000000..e112909
--- /dev/null
+++ b/src/styles/components/steps.scss
@@ -0,0 +1,47 @@
+.arco-steps {
+  .arco-steps-item {
+    .arco-steps-item-node {
+      .arco-steps-icon {
+        width: 28px;
+        height: 28px;
+        border-radius: 32px;
+        color: #3c4043;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 24px;
+        font-family: $font-family-manrope-medium;
+        background-color: #f2f3f5;
+      }
+    }
+    .arco-steps-item-content {
+      .arco-steps-item-title {
+        color: #3c4043;
+        font-family: $font-family-regular;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        &::after {
+          background-color: #e6e6e8 !important;
+        }
+      }
+    }
+    &-active,
+    &-finish {
+      .arco-steps-item-node {
+        .arco-steps-icon {
+          color: #fff;
+          background-color: #6d4cfe;
+        }
+      }
+      .arco-steps-item-content {
+        .arco-steps-item-title {
+          font-family: $font-family-medium;
+          &::after {
+            background-color: #6d4cfe !important;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/styles/mixins/ellipsis.scss b/src/styles/mixins/ellipsis.scss
new file mode 100644
index 0000000..40ba5d2
--- /dev/null
+++ b/src/styles/mixins/ellipsis.scss
@@ -0,0 +1,14 @@
+@mixin multi-ellipsis($lines) {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: $lines;
+  /* autoprefixer: ignore next */
+  -webkit-box-orient: vertical;
+}
+
+@mixin ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
diff --git a/src/styles/mixins/index.scss b/src/styles/mixins/index.scss
new file mode 100644
index 0000000..3a3b3e8
--- /dev/null
+++ b/src/styles/mixins/index.scss
@@ -0,0 +1 @@
+@import "./ellipsis.scss"
\ No newline at end of file
diff --git a/src/utils/platform.ts b/src/utils/platform.ts
new file mode 100644
index 0000000..9a3c0d3
--- /dev/null
+++ b/src/utils/platform.ts
@@ -0,0 +1,55 @@
+import icon1 from '@/assets/img/media-account/icon-jl.png';
+import icon2 from '@/assets/img/media-account/icon-jg.png';
+import icon3 from '@/assets/img/media-account/icon-bili.png';
+import icon4 from '@/assets/img/media-account/icon-dy.png';
+import icon5 from '@/assets/img/media-account/icon-xhs.png';
+
+// 投放账户
+export enum ENUM_PUT_ACCOUNT_PLATFORM  {
+  jl =  0,
+  jg = 1,
+  bili = 2,
+};
+// 新媒体账号
+export enum ENUM_MEDIA_ACCOUNT_PLATFORM {
+  dy = 0,
+  xhs = 1,
+}
+
+export const PLATFORM_LIST = [
+  {
+    label: '巨量',
+    value: ENUM_PUT_ACCOUNT_PLATFORM.jl,
+    icon: icon1,
+  },
+  {
+    label: '聚光',
+    value: ENUM_PUT_ACCOUNT_PLATFORM.jg,
+    icon: icon2,
+  },
+  {
+    label: 'B站',
+    value: ENUM_PUT_ACCOUNT_PLATFORM.bili,
+    icon: icon3,
+  },
+];
+
+export const MEDIA_ACCOUNT_PLATFORMS = [
+  {
+    label: '抖音',
+    value: 0,
+    icon: icon4,
+  },
+  {
+    label: '小红书',
+    value: 1,
+    icon: icon5,
+  },
+];
+
+export const getPutAccountPlatformLogo = (value: ENUM_PUT_ACCOUNT_PLATFORM) => {
+  return PLATFORM_LIST.find((v) => v.value === value)?.icon ?? null;
+};
+export const getMediaAccountPlatformLogo = (value: ENUM_MEDIA_ACCOUNT_PLATFORM) => {
+  return MEDIA_ACCOUNT_PLATFORMS.find((v) => v.value === value)?.icon ?? null;
+};
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
index 27df722..94eea31 100644
--- a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
@@ -33,7 +33,7 @@
         <span class="label">平台</span>
         <a-space class="w-160px">
           <a-select v-model="query.platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label">{{
+            <a-option v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
               item.label
             }}</a-option>
           </a-select>
@@ -83,7 +83,8 @@ import GroupSelect from '@/views/property-marketing/media-account/components/gro
 import OperatorSelect from '@/views/property-marketing/media-account/components/operator-select';
 import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
 
-import { INITIAL_QUERY, PLATFORM_LIST } from '@/views/property-marketing/media-account/account-manage/constants';
+import { INITIAL_QUERY } from '@/views/property-marketing/media-account/account-manage/constants';
+import { MEDIA_ACCOUNT_PLATFORMS } from '@/utils/platform';
 
 const props = defineProps({
   query: {
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
index 86740d4..2bbce70 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
@@ -7,26 +7,100 @@
     :mask-closable="false"
     @close="onClose"
   >
+    <div class="content">
+      <a-steps changeable :current="currentStep" @change="setCurrent" class="mb-24px mx-79px">
+        <a-step v-for="(step, index) in STEPS" :key="index">{{ step.label }}</a-step>
+      </a-steps>
+
+      <component :is="activeComp" v-model:formQuery="formQuery" />
+    </div>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="onClose">取消</a-button>
-      <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
+      <div class="flex justify-between items-center w-100%">
+        <div>
+          <a-button type="outline" size="medium" @click="onPrev" v-if="!isFirstStep">上一步</a-button>
+        </div>
+        <div class="flex items-center">
+          <a-button size="medium" class="mr-8px" @click="onCancel">取消</a-button>
+          <a-button type="primary" size="medium" @click="onSubmit">{{ isLastStep ? '确认添加' : '下一步' }}</a-button>
+        </div>
+      </div>
     </template>
   </a-modal>
 </template>
 
 <script setup>
+import StepOne from './stepOne.vue';
+import StepTwo from './stepTwo.vue';
+import StepThree from './stepThree.vue';
+import StepFour from './stepFour.vue';
+
+const STEPS = [
+  {
+    label: '项目信息',
+    index: 1,
+    comp: StepOne,
+  },
+  {
+    label: '关联平台账号',
+    index: 2,
+    comp: StepTwo,
+  },
+  {
+    label: '关联渠道账户',
+    index: 3,
+    comp: StepThree,
+  },
+  {
+    label: '关联内容稿件',
+    index: 4,
+    comp: StepFour,
+  },
+];
+const INITIAL_QUERY = {
+  name: '',
+  budget: '',
+  target: '',
+  background: '',
+  media_account_ids: [],
+  placement_account_ids: [],
+  work_ids: [],
+};
+
 const visible = ref(false);
 const emits = defineEmits(['update']);
+const currentStep = ref(1);
+const formQuery = ref(cloneDeep(INITIAL_QUERY));
+
+const isFirstStep = computed(() => currentStep.value === 1);
+const isLastStep = computed(() => currentStep.value === STEPS.length);
+const activeComp = computed(() => STEPS.find((v) => v.index === currentStep.value)?.comp ?? null);
 
 const open = () => {
   visible.value = true;
 };
 const onClose = () => {
+  currentStep.value = 1;
+  formQuery.value = cloneDeep(INITIAL_QUERY);
+
+  visible.value = false;
+};
+const onCancel = () => {
   visible.value = false;
 };
 
 const onSubmit = () => {
-  console.log('onSubmit');
+  console.log(formQuery.value);
+  if (isLastStep.value) {
+    console.log('onSubmit');
+  } else {
+    currentStep.value++;
+  }
+};
+const setCurrent = (current) => {
+  currentStep.value = current;
+};
+const onPrev = () => {
+  currentStep.value--;
 };
 defineExpose({ open });
 </script>
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
new file mode 100644
index 0000000..d32555d
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
@@ -0,0 +1,12 @@
+<template>
+    <div>步骤4</div>
+  </template>
+  
+  <script setup>
+  const props = defineProps({
+    formQuery: {
+      type: Object,
+      default: () => {},
+    },
+  });
+  </script>
\ No newline at end of file
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
new file mode 100644
index 0000000..2790c27
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
@@ -0,0 +1,43 @@
+<template>
+  <a-form ref="formRef" :model="formQuery" :rules="rules" layout="horizontal" auto-label-width class="h-360px">
+    <a-form-item label="项目名称" required field="name">
+      <a-input v-model="formQuery.name" placeholder="请输入项目名称" size="large" class="!w-400px" />
+    </a-form-item>
+    <a-form-item label="项目预算" field="budget">
+      <a-input v-model="formQuery.budget" placeholder="请输入项目预算" size="large" class="!w-400px" />
+    </a-form-item>
+    <a-form-item label="项目目标" field="target">
+      <a-textarea
+        v-model="formQuery.target"
+        placeholder="请输入项目目标"
+        :max-length="500"
+        show-word-limit
+        class="h-120px"
+      />
+    </a-form-item>
+    <a-form-item label="项目背景" field="background">
+      <a-textarea
+        v-model="formQuery.background"
+        placeholder="请输入项目背景"
+        :max-length="500"
+        show-word-limit
+        class="h-120px"
+      />
+    </a-form-item>
+  </a-form>
+</template>
+
+<script setup>
+const props = defineProps({
+  formQuery: {
+    type: Object,
+    default: () => {},
+  },
+});
+
+const formRef = ref(null);
+
+const rules = {
+  name: [{ required: true, message: '项目名称' }],
+};
+</script>
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
new file mode 100644
index 0000000..776e8db
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
@@ -0,0 +1,259 @@
+<template>
+  <div class="table-wrap flex h-448px">
+    <div class="left flex-1 pr-12px flex flex-col">
+      <div class="flex items-center mb-16px">
+        <a-input
+          v-model="query.name"
+          class="w-220px mr-16px"
+          placeholder="搜索账户"
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+        <a-select
+          v-model="query.platform"
+          class="mr-16px w-160px"
+          size="medium"
+          placeholder="选择平台"
+          allow-clear
+          @change="handleSearch"
+        >
+          <a-option
+            v-for="(item, index) in PLATFORM_LIST"
+            :key="index"
+            :value="item.value"
+            :label="item.label"
+            >{{ item.label }}</a-option
+          >
+        </a-select>
+        <a-select
+          v-model="query.operator_id"
+          size="medium"
+          placeholder="选择运营人员"
+          class="w-160px"
+          allow-clear
+          @change="handleSearch"
+        >
+          <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">
+            {{ item.name }}
+          </a-option>
+        </a-select>
+      </div>
+      <a-table
+        ref="tableRef"
+        :data="dataSource"
+        column-resizable
+        row-key="id"
+        :row-selection="rowSelection"
+        :pagination="false"
+        :scroll="{ x: '100%', y: '100%' }"
+        class="flex-1 overflow-hidden"
+        :selected-keys="selectedRowKeys"
+        bordered
+        @select="handleSelect"
+        @select-all="handleSelectAll"
+      >
+        <template #empty>
+          <NoData />
+        </template>
+        <template #columns>
+          <a-table-column
+            v-for="column in TABLE_COLUMNS"
+            :key="column.dataIndex"
+            :data-index="column.dataIndex"
+            :fixed="column.fixed"
+            :width="column.width"
+            :min-width="column.minWidth"
+            :sortable="column.sortable"
+            :align="column.align"
+            ellipsis
+            tooltip
+          >
+            <template #title>
+              <div class="flex items-center">
+                <span class="cts mr-4px">{{ column.title }}</span>
+                <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+                  <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+                </a-tooltip>
+              </div>
+            </template>
+
+            <template #cell="{ record }">
+              <template v-if="column.dataIndex === 'platform'">
+                <img :src="getPutAccountPlatformLogo(record.platform)" width="19" height="19" />
+              </template>
+              <template v-else>
+                {{ formatTableField(column, record, true) }}
+              </template>
+            </template>
+          </a-table-column>
+        </template>
+      </a-table>
+    </div>
+    <div class="right w-320px px-12px flex flex-col">
+      <div class="flex justify-between">
+        <p class="mb-16px s1">{{ `已选择（${selectedRows?.length ?? 0}）` }}</p>
+        <a-button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</a-button>
+      </div>
+      <div class="flex-1 overflow-y-auto overflow-x-hidden">
+        <template v-if="selectedRows?.length">
+          <div class="tag-item mb-8px" v-for="item in selectedRows" :key="item.id">
+            <a-tooltip :content="item.name">
+              <p class="name mr-4px">{{ item.name || '-' }}</p>
+            </a-tooltip>
+            <icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
+          </div>
+        </template>
+        <NoData v-else text="暂无账号" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { PLATFORM_LIST, getPutAccountPlatformLogo } from '@/utils/platform';
+import { formatTableField } from '@/utils/tools';
+
+import { getPlacementAccountOperators, getPlacementAccountsList } from '@/api/all/propertyMarketing';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+
+const TABLE_COLUMNS = [
+  {
+    title: '账号名称',
+    dataIndex: 'name',
+  },
+  {
+    title: '渠道',
+    dataIndex: 'platform',
+    width: 80,
+  },
+  {
+    title: '运营人员',
+    dataIndex: 'operator.name',
+    width: 140,
+  },
+];
+const emit = defineEmits(['update:formQuery']);
+
+const props = defineProps({
+  formQuery: {
+    type: Object,
+    default: () => {},
+  },
+});
+
+const { dataSource, selectedRowKeys, selectedRows, rowSelection, handleSelect, handleSelectAll } =
+  useTableSelectionWithPagination({
+    onSelectChange: () => {
+      updateFormQuery();
+    },
+  });
+
+const query = ref({
+  name: '',
+  operator_id: '',
+  platform: '',
+});
+const operators = ref([]);
+const allData = ref([]);
+
+const updateFormQuery = () => {
+  emit('update:formQuery', {
+    ...props.formQuery,
+    placement_account_ids: selectedRowKeys.value,
+  });
+};
+const handleSearch = () => {
+  const { name, platform, operator_id } = query.value;
+  dataSource.value = allData.value.filter((item) => {
+    const nameMatch = name === '' ? true : item.name.includes(name);
+    const platformMatch = platform === '' ? true : item.platform === platform;
+    const operatorIdMatch = operator_id === '' ? true : item.operator_id === operator_id;
+    return nameMatch && platformMatch && operatorIdMatch;
+  });
+};
+
+const getOperators = async () => {
+  const { code, data } = await getPlacementAccountOperators();
+  if (code === 200) {
+    operators.value = data;
+  }
+};
+const getTableData = async () => {
+  const { code, data } = await getPlacementAccountsList();
+  if (code === 200) {
+    allData.value = data ?? [];
+    dataSource.value = data ?? [];
+    initSelect();
+  }
+};
+const initSelect = () => {
+  if (props.formQuery.placement_account_ids?.length) {
+    selectedRowKeys.value = props.formQuery.placement_account_ids;
+    selectedRows.value = dataSource.value.filter((v) => selectedRowKeys.value.includes(v.id));
+  }
+};
+
+const onClearSelect = () => {
+  selectedRowKeys.value = [];
+  selectedRows.value = [];
+  updateFormQuery();
+};
+
+const onDelete = (item) => {
+  const { id } = item;
+  selectedRowKeys.value = selectedRowKeys.value.filter((v) => v !== id);
+  selectedRows.value = selectedRows.value.filter((v) => v.id !== id);
+  updateFormQuery();
+};
+
+onMounted(() => {
+  getOperators();
+  getTableData();
+});
+</script>
+
+<style lang="scss" scoped>
+.table-wrap {
+  .s1 {
+    color: var(--Text-2, #3c4043);
+    font-family: font-family-regular;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+  }
+  .left {
+    border-right: 1px solid var(--Border-2, #e6e6e8);
+    :deep(.arco-table) {
+    }
+  }
+  .right {
+    .tag-item {
+      max-width: 100%;
+      width: fit-content;
+      overflow: hidden;
+      display: flex;
+      height: 24px;
+      padding: 0px 8px;
+      align-items: center;
+      border-radius: 2px;
+      background: var(--BG-200, #f2f3f5);
+      .name {
+        color: var(--Text-2, #3c4043);
+        font-family: font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+        flex: 1;
+        @include ellipsis;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
new file mode 100644
index 0000000..84b2d06
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
@@ -0,0 +1,253 @@
+<template>
+  <div class="table-wrap flex h-448px">
+    <div class="left flex-1 pr-12px flex flex-col">
+      <div class="flex items-center mb-16px">
+        <a-input
+          v-model="query.name"
+          class="w-220px mr-16px"
+          placeholder="搜索账号"
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+        <a-select
+          v-model="query.platform"
+          class="mr-16px w-160px"
+          size="medium"
+          placeholder="选择平台"
+          allow-clear
+          @change="handleSearch"
+        >
+          <a-option
+            v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
+            :key="index"
+            :value="item.value"
+            :label="item.label"
+            >{{ item.label }}</a-option
+          >
+        </a-select>
+        <a-select
+          v-model="query.operator_id"
+          size="medium"
+          placeholder="选择运营人员"
+          class="w-160px"
+          allow-clear
+          @change="handleSearch"
+        >
+          <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">
+            {{ item.name }}
+          </a-option>
+        </a-select>
+      </div>
+      <a-table
+        ref="tableRef"
+        :data="dataSource"
+        column-resizable
+        row-key="id"
+        :row-selection="rowSelection"
+        :pagination="false"
+        :scroll="{ x: '100%', y: '100%' }"
+        class="flex-1 overflow-hidden"
+        :selected-keys="selectedRowKeys"
+        bordered
+        @select="handleSelect"
+        @select-all="handleSelectAll"
+      >
+        <template #empty>
+          <NoData />
+        </template>
+        <template #columns>
+          <a-table-column
+            v-for="column in TABLE_COLUMNS"
+            :key="column.dataIndex"
+            :data-index="column.dataIndex"
+            :fixed="column.fixed"
+            :width="column.width"
+            :min-width="column.minWidth"
+            :sortable="column.sortable"
+            :align="column.align"
+            ellipsis
+            tooltip
+          >
+            <template #title>
+              <div class="flex items-center">
+                <span class="cts mr-4px">{{ column.title }}</span>
+                <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+                  <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+                </a-tooltip>
+              </div>
+            </template>
+
+            <template #cell="{ record }">
+              <template v-if="column.dataIndex === 'platform'">
+                <img :src="getMediaAccountPlatformLogo(record.platform)" width="19" height="19" />
+              </template>
+              <template v-else>
+                {{ formatTableField(column, record, true) }}
+              </template>
+            </template>
+          </a-table-column>
+        </template>
+      </a-table>
+    </div>
+    <div class="right w-320px px-12px flex flex-col">
+      <div class="flex justify-between">
+        <p class="mb-16px s1">{{ `已选择（${selectedRows?.length ?? 0}）` }}</p>
+        <a-button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</a-button>
+      </div>
+      <div class="flex-1 overflow-y-auto">
+        <div class="flex flex-wrap" v-if="selectedRows?.length">
+          <div class="tag-item mr-8px mb-8px" v-for="item in selectedRows" :key="item.id">
+            <span class="name mr-4px">{{ item.name || '-' }}</span>
+            <icon-close size="12" class="color-#3C4043 cursor-pointer" @click="onDelete(item)" />
+          </div>
+        </div>
+        <NoData v-else text="暂无账号" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { MEDIA_ACCOUNT_PLATFORMS, getMediaAccountPlatformLogo } from '@/utils/platform';
+import { formatTableField } from '@/utils/tools';
+
+import { fetchAccountOperators, getMediaAccountList } from '@/api/all/propertyMarketing';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+
+const TABLE_COLUMNS = [
+  {
+    title: '账号名称',
+    dataIndex: 'name',
+  },
+  {
+    title: '平台',
+    dataIndex: 'platform',
+    width: 80,
+  },
+  {
+    title: '运营人员',
+    dataIndex: 'operator.name',
+    width: 140,
+  },
+];
+const emit = defineEmits(['update:formQuery']);
+
+const props = defineProps({
+  formQuery: {
+    type: Object,
+    default: () => {},
+  },
+});
+
+const { dataSource, selectedRowKeys, selectedRows, rowSelection, handleSelect, handleSelectAll } =
+  useTableSelectionWithPagination({
+    onSelectChange: () => {
+      updateFormQuery();
+    },
+  });
+
+const query = ref({
+  name: '',
+  operator_id: '',
+  platform: '',
+});
+const operators = ref([]);
+const allData = ref([]);
+
+const updateFormQuery = () => {
+  emit('update:formQuery', {
+    ...props.formQuery,
+    media_account_ids: selectedRowKeys.value,
+  });
+};
+const handleSearch = () => {
+  const { name, platform, operator_id } = query.value;
+  dataSource.value = allData.value.filter((item) => {
+    const nameMatch = name === '' ? true : item.name.includes(name);
+    const platformMatch = platform === '' ? true : item.platform === platform;
+    const operatorIdMatch = operator_id === '' ? true : item.operator_id === operator_id;
+    return nameMatch && platformMatch && operatorIdMatch;
+  });
+};
+
+const getOperators = async () => {
+  const { code, data } = await fetchAccountOperators();
+  if (code === 200) {
+    operators.value = data;
+  }
+};
+const getTableData = async () => {
+  const { code, data } = await getMediaAccountList();
+  if (code === 200) {
+    allData.value = data ?? [];
+    dataSource.value = data ?? [];
+    initSelect();
+  }
+};
+const initSelect = () => {
+  if (props.formQuery.media_account_ids?.length) {
+    selectedRowKeys.value = props.formQuery.media_account_ids;
+    selectedRows.value = dataSource.value.filter((v) => selectedRowKeys.value.includes(v.id));
+  }
+};
+
+const onClearSelect = () => {
+  selectedRowKeys.value = [];
+  selectedRows.value = [];
+  updateFormQuery();
+};
+
+const onDelete = (item) => {
+  const { id } = item;
+  selectedRowKeys.value = selectedRowKeys.value.filter((v) => v !== id);
+  selectedRows.value = selectedRows.value.filter((v) => v.id !== id);
+  updateFormQuery();
+};
+
+onMounted(() => {
+  getOperators();
+  getTableData();
+});
+</script>
+
+<style lang="scss" scoped>
+.table-wrap {
+  .s1 {
+    color: var(--Text-2, #3c4043);
+    font-family: font-family-regular;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+  }
+  .left {
+    border-right: 1px solid var(--Border-2, #e6e6e8);
+    :deep(.arco-table) {
+    }
+  }
+  .right {
+    .tag-item {
+      width: fit-content;
+      display: flex;
+      height: 24px;
+      padding: 0px 8px;
+      align-items: center;
+      border-radius: 2px;
+      background: var(--BG-200, #f2f3f5);
+      .name {
+        color: var(--Text-2, #3c4043);
+        font-family: font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index 9a5fa7f..285ff5b 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -74,7 +74,7 @@
 </template>
 <script setup lang="ts">
 import EchartsItem from './components/echarts-item/index';
-import { PLATFORM_LIST } from '../common_constants';
+import { PLATFORM_LIST } from '@/utils/platform';
 import {
   getPlacementAccountsTrend,
   getPlacementAccountProjectsTrend,
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 69ada73..5b37828 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 { PLATFORM_LIST } from '@/utils/platform';
 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/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index cc27008..05aaeda 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -148,7 +148,7 @@ import { ref, defineEmits } from 'vue';
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
-import { PLATFORM_LIST, ENUM_PLATFORM } from '@/views/property-marketing/put-account/common_constants';
+import { PLATFORM_LIST, ENUM_PUT_ACCOUNT_PLATFORM } from '@/utils/platform';
 
 import {
   postPlacementAccounts,
@@ -292,7 +292,7 @@ const handleBatchImport = async () => {
 
 const handleAdd = async () => {
   // 聚光无子账号
-  if (form.value.platform === ENUM_PLATFORM.jg) {
+  if (form.value.platform === ENUM_PUT_ACCOUNT_PLATFORM.jg) {
     const { code, data } = await postPlacementAccounts(form.value);
     if (code === 200) {
       update();
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index eff84ab..a0f2a19 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -67,7 +67,6 @@
 import dayjs from 'dayjs';
 import { defineExpose, ref, computed, defineEmits } from 'vue';
 import { exactFormatTime } from '@/utils/tools';
-import { ENUM_PLATFORM } from '@/views/property-marketing/put-account/common_constants';
 import {
   putPlacementAccountsAuthorized,
   getPlacementAccountsAuthorizedStatus,
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 0968c71..850b626 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
@@ -66,7 +66,7 @@
 <script setup>
 import { defineEmits, defineProps } from 'vue';
 import { getPlacementAccountOperators } from '@/api/all/propertyMarketing';
-import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+import { PLATFORM_LIST } from '@/utils/platform';
 import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
 import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
 
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
index 6327cad..4082779 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -31,7 +31,7 @@
 </template>
 <script setup lang="ts">
 import { IconDelete } from '@arco-design/web-vue/es/icon';
-import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+import { PLATFORM_LIST } from '@/utils/platform';
 import { Message } from '@arco-design/web-vue';
 
 const columns = [
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index 1d3fd84..f09d347 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -54,7 +54,7 @@
 
 <script setup lang="ts">
 import { defineEmits, defineProps } from 'vue';
-import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+import { PLATFORM_LIST } from '@/utils/platform';
 import AccountSelect from '@/views/components/common/AccountSelect.vue';
 import PlanSelect from '@/views/components/common/PlanSelect.vue';
 
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
index 2008368..b0a02d3 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -92,7 +92,7 @@
   </view>
 </template>
 <script setup lang="ts">
-import { PLATFORM_LIST } from '../../../common_constants';
+import { PLATFORM_LIST } from '@/utils/platform';
 
 const props = defineProps({
   listData: {
diff --git a/src/views/property-marketing/put-account/investment-guidelines/detail.vue b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
index 8332793..df47f0d 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/detail.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
@@ -77,7 +77,7 @@ import { reactive, ref } from 'vue';
 
 import MonthData from './components/month-data/index.vue';
 import PlacementSuggestions from './components/placement-suggestions/index.vue';
-import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants.ts';
+import { PLATFORM_LIST } from '@/utils/platform';
 import { getPlacementGuideDetail } from '@/api/all/propertyMarketing';
 import { useRoute } from 'vue-router';
 import { uploadPdf } from '@/views/property-marketing/put-account/investment-guidelines/constants';
diff --git a/vite.config.ts b/vite.config.ts
index 0158ad7..6e762d7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -20,7 +20,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: `@import "@/styles/lib/variable.scss";`,
+          additionalData: `@import "@/styles/lib/variable.scss";@import "@/styles/mixins/index.scss";`,
         },
       },
     },
@@ -40,7 +40,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          target: 'https://lingjiapi.lvfunai.com/api',
+          target: 'http://192.168.40.22/api',
         },
       },
     },

From fcb0f111c0b1c2936186d916498054e3296ff920 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 22 Jul 2025 17:06:49 +0800
Subject: [PATCH 68/97] =?UTF-8?q?feat:=20=E5=85=B3=E8=81=94=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E7=A8=BF=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |   7 +-
 .../components/add-project-modal/stepFour.vue | 270 +++++++++++++++++-
 .../add-project-modal/stepThree.vue           |   4 +-
 .../components/add-project-modal/stepTwo.vue  |   2 +-
 4 files changed, 270 insertions(+), 13 deletions(-)

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index d309855..5d3f115 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -365,4 +365,9 @@ export const getMediaAccountSyncStatus = (params = {}) => {
 // 媒体账号-移除同步状态
 export const deleteSyncStatus = (id: string) => {
   return Http.delete(`/v1/media-accounts/${id}/sync-status`);
-};
\ No newline at end of file
+};
+
+// 内容稿件-列表
+export const getWorksList = (params = {}) => {
+  return Http.get('/v1/works/list', params);
+};
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
index d32555d..fa6c846 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
@@ -1,12 +1,264 @@
 <template>
-    <div>步骤4</div>
-  </template>
-  
-  <script setup>
-  const props = defineProps({
-    formQuery: {
-      type: Object,
-      default: () => {},
+  <div class="table-wrap flex h-448px">
+    <div class="left flex-1 pr-12px flex flex-col">
+      <div class="flex items-center mb-16px">
+        <a-input
+          v-model="query.uid"
+          class="w-160px mr-16px"
+          placeholder="搜索序号"
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+        <a-input
+          v-model="query.title"
+          class="w-220px mr-16px"
+          placeholder="搜索内容稿件标题"
+          size="medium"
+          allow-clear
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </a-input>
+
+        <a-select
+          v-model="query.uploader_id"
+          size="medium"
+          placeholder="选择上传人员"
+          class="w-160px"
+          allow-clear
+          @change="handleSearch"
+        >
+          <a-option v-for="(item, index) in uploaders" :key="index" :value="item.id" :label="item.name">
+            {{ item.name }}
+          </a-option>
+        </a-select>
+      </div>
+      <a-table
+        ref="tableRef"
+        :data="dataSource"
+        column-resizable
+        row-key="id"
+        :row-selection="rowSelection"
+        :pagination="false"
+        :scroll="{ x: '100%', y: '100%' }"
+        class="flex-1 overflow-hidden"
+        :selected-keys="selectedRowKeys"
+        bordered
+        @select="handleSelect"
+        @select-all="handleSelectAll"
+      >
+        <template #empty>
+          <NoData text="暂无账户" />
+        </template>
+        <template #columns>
+          <a-table-column
+            v-for="column in TABLE_COLUMNS"
+            :key="column.dataIndex"
+            :data-index="column.dataIndex"
+            :fixed="column.fixed"
+            :width="column.width"
+            :min-width="column.minWidth"
+            :sortable="column.sortable"
+            :align="column.align"
+            ellipsis
+            tooltip
+          >
+            <template #title>
+              <div class="flex items-center">
+                <span class="cts mr-4px">{{ column.title }}</span>
+                <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+                  <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+                </a-tooltip>
+              </div>
+            </template>
+
+            <template #cell="{ record }">
+              <template v-if="column.dataIndex === 'created_at'">
+                {{ exactFormatTime(record.created_at) }}
+              </template>
+              <template v-else>
+                {{ formatTableField(column, record, true) }}
+              </template>
+            </template>
+          </a-table-column>
+        </template>
+      </a-table>
+    </div>
+    <div class="right w-320px px-12px flex flex-col">
+      <div class="flex justify-between">
+        <p class="mb-16px s1">{{ `已选择（${selectedRows?.length ?? 0}）` }}</p>
+        <a-button type="text" @click="onClearSelect" v-if="selectedRows.length">清空</a-button>
+      </div>
+      <div class="flex-1 overflow-y-auto overflow-x-hidden">
+        <template v-if="selectedRows?.length">
+          <div class="tag-item mb-8px" v-for="item in selectedRows" :key="item.id">
+            <a-tooltip :content="item.name">
+              <p class="name mr-4px">{{ item.name || '-' }}</p>
+            </a-tooltip>
+            <icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
+          </div>
+        </template>
+        <NoData v-else text="暂无账户" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { formatTableField, exactFormatTime } from '@/utils/tools';
+
+import { getPlacementAccountOperators, getWorksList } from '@/api/all/propertyMarketing';
+import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+
+const TABLE_COLUMNS = [
+  {
+    title: '序号',
+    dataIndex: 'uid',
+    width: 80,
+  },
+  {
+    title: '内容稿件标题',
+    dataIndex: 'title',
+  },
+  {
+    title: '上传时间',
+    dataIndex: 'created_at',
+    width: 120,
+  },
+  {
+    title: '上传人员',
+    dataIndex: 'uploader.name',
+    width: 120,
+  },
+];
+const emit = defineEmits(['update:formQuery']);
+
+const props = defineProps({
+  formQuery: {
+    type: Object,
+    default: () => {},
+  },
+});
+
+const { dataSource, selectedRowKeys, selectedRows, rowSelection, handleSelect, handleSelectAll } =
+  useTableSelectionWithPagination({
+    onSelectChange: () => {
+      updateFormQuery();
     },
   });
-  </script>
\ No newline at end of file
+
+const query = ref({
+  uid: '',
+  uploader_id: '',
+  title: '',
+});
+const uploaders = ref([]);
+const allData = ref([]);
+
+const updateFormQuery = () => {
+  emit('update:formQuery', {
+    ...props.formQuery,
+    work_ids: selectedRowKeys.value,
+  });
+};
+const handleSearch = () => {
+  const { uid, title, uploader_id } = query.value;
+  dataSource.value = allData.value.filter((item) => {
+    const uinMatch = uid === '' ? true : item.uid.includes(uid);
+    const titleMatch = title === '' ? true : item.title === title;
+    const operatorIdMatch = uploader_id === '' ? true : item.uploader?.id === uploader_id;
+    return uinMatch && titleMatch && operatorIdMatch;
+  });
+};
+
+// const getOperators = async () => {
+//   const { code, data } = await getPlacementAccountOperators();
+//   if (code === 200) {
+//     uploaders.value = data;
+//   }
+// };
+const getTableData = async () => {
+  const { code, data } = await getWorksList();
+  if (code === 200) {
+    allData.value = data ?? [];
+    dataSource.value = data ?? [];
+    uploaders.value = data.map( v => ({
+      id: v.uploader?.id,
+      name: v.uploader?.name,
+    }))
+    initSelect();
+  }
+};
+const initSelect = () => {
+  if (props.formQuery.work_ids?.length) {
+    selectedRowKeys.value = props.formQuery.work_ids;
+    selectedRows.value = dataSource.value.filter((v) => selectedRowKeys.value.includes(v.id));
+  }
+};
+
+const onClearSelect = () => {
+  selectedRowKeys.value = [];
+  selectedRows.value = [];
+  updateFormQuery();
+};
+
+const onDelete = (item) => {
+  const { id } = item;
+  selectedRowKeys.value = selectedRowKeys.value.filter((v) => v !== id);
+  selectedRows.value = selectedRows.value.filter((v) => v.id !== id);
+  updateFormQuery();
+};
+
+onMounted(() => {
+  // getOperators();
+  getTableData();
+});
+</script>
+
+<style lang="scss" scoped>
+.table-wrap {
+  .s1 {
+    color: var(--Text-2, #3c4043);
+    font-family: font-family-regular;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 24px;
+  }
+  .left {
+    border-right: 1px solid var(--Border-2, #e6e6e8);
+    :deep(.arco-table) {
+    }
+  }
+  .right {
+    .tag-item {
+      max-width: 100%;
+      width: fit-content;
+      overflow: hidden;
+      display: flex;
+      height: 24px;
+      padding: 0px 8px;
+      align-items: center;
+      border-radius: 2px;
+      background: var(--BG-200, #f2f3f5);
+      .name {
+        color: var(--Text-2, #3c4043);
+        font-family: font-family-regular;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+        flex: 1;
+        @include ellipsis;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
index 776e8db..37b86e5 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue
@@ -58,7 +58,7 @@
         @select-all="handleSelectAll"
       >
         <template #empty>
-          <NoData />
+          <NoData text="暂无账户"/>
         </template>
         <template #columns>
           <a-table-column
@@ -108,7 +108,7 @@
             <icon-close size="12" class="color-#3C4043 cursor-pointer flex-shrink-0" @click="onDelete(item)" />
           </div>
         </template>
-        <NoData v-else text="暂无账号" />
+        <NoData v-else text="暂无账户" />
       </div>
     </div>
   </div>
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
index 84b2d06..cc171e1 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue
@@ -58,7 +58,7 @@
         @select-all="handleSelectAll"
       >
         <template #empty>
-          <NoData />
+          <NoData text="暂无账号"/>
         </template>
         <template #columns>
           <a-table-column

From db00888ca969f714a8984a694ee80c892a3bd62a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 22 Jul 2025 18:02:18 +0800
Subject: [PATCH 69/97] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E7=AE=A1=E7=90=86=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/common.ts                         |  5 ++
 src/api/all/propertyMarketing.ts              | 26 +++++++++++
 .../components/add-project-modal/stepFour.vue | 24 +++++-----
 .../components/filter-block/index.vue         |  2 +-
 .../components/project-table/constants.ts     |  8 ++--
 .../components/project-table/index.vue        |  2 +-
 .../project-manage/project-list/constants.ts  |  6 +--
 .../project-manage/project-list/index.vue     | 46 ++++++-------------
 8 files changed, 65 insertions(+), 54 deletions(-)

diff --git a/src/api/all/common.ts b/src/api/all/common.ts
index 9b210da..2a80ece 100644
--- a/src/api/all/common.ts
+++ b/src/api/all/common.ts
@@ -13,3 +13,8 @@ export const getCustomColumns = (params = {}) => {
 export const updateCustomColumns = (params = {}) => {
   return Http.put('/v1/custom-columns', params);
 };
+
+// 获取企业用户列表
+export const getUserList = (params = {}) => {
+  return Http.get('/v1/users/list', params);
+};
\ No newline at end of file
diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 5d3f115..fa65b7c 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -371,3 +371,29 @@ export const deleteSyncStatus = (id: string) => {
 export const getWorksList = (params = {}) => {
   return Http.get('/v1/works/list', params);
 };
+
+// 项目管理-分页
+export const getProjects = (params = {}) => {
+  return Http.get('/v1/projects', params);
+};
+
+// 项目管理-删除
+export const deleteProject = (id: string) => {
+  return Http.delete(`/v1/projects/${id}`);
+};
+
+// 项目管理-添加
+export const postAddProject = (params: {}) => {
+  return Http.post('/v1/projects', params);
+};
+
+// 项目管理-修改
+export const putProject = (params = {}) => {
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/projects/${id}`, rest);
+};
+
+// 项目管理-详情
+export const getProjectDetail = (id: string) => {
+  return Http.get(`/v1/projects/${id}`);
+};
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
index fa6c846..91cfa7e 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
@@ -36,7 +36,7 @@
           @change="handleSearch"
         >
           <a-option v-for="(item, index) in uploaders" :key="index" :value="item.id" :label="item.name">
-            {{ item.name }}
+            {{ item.name || '-' }}
           </a-option>
         </a-select>
       </div>
@@ -115,6 +115,8 @@
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 
 import { getPlacementAccountOperators, getWorksList } from '@/api/all/propertyMarketing';
+import { getUserList } from '@/api/all/common';
+
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
 
 const TABLE_COLUMNS = [
@@ -178,21 +180,19 @@ const handleSearch = () => {
   });
 };
 
-// const getOperators = async () => {
-//   const { code, data } = await getPlacementAccountOperators();
-//   if (code === 200) {
-//     uploaders.value = data;
-//   }
-// };
+const getUsers = async () => {
+  const { code, data } = await getUserList();
+  if (code === 200) {
+    uploaders.value = data;
+
+    console.log(uploaders.value);
+  }
+};
 const getTableData = async () => {
   const { code, data } = await getWorksList();
   if (code === 200) {
     allData.value = data ?? [];
     dataSource.value = data ?? [];
-    uploaders.value = data.map( v => ({
-      id: v.uploader?.id,
-      name: v.uploader?.name,
-    }))
     initSelect();
   }
 };
@@ -217,7 +217,7 @@ const onDelete = (item) => {
 };
 
 onMounted(() => {
-  // getOperators();
+  getUsers();
   getTableData();
 });
 </script>
diff --git a/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue b/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
index bb52cbe..d172b84 100644
--- a/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue
@@ -10,7 +10,7 @@
         <span class="label">项目名称</span>
         <a-space size="medium">
           <a-input
-            v-model="query.search"
+            v-model="query.name"
             class="w-240px"
             placeholder="请搜索..."
             size="medium"
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
index 8e879e9..a23eb25 100644
--- a/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/constants.ts
@@ -11,23 +11,23 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '项目预算',
-    dataIndex: 'key1',
+    dataIndex: 'budget',
     width: 180,
     prefix: "￥"
   },
   {
     title: '关联平台账号',
-    dataIndex: 'key2',
+    dataIndex: 'media_account_count',
     width: 180,
   },
   {
     title: '关联渠道账户',
-    dataIndex: 'key3',
+    dataIndex: 'placement_account_count',
     width: 180,
   },
   {
     title: '关联内容稿件',
-    dataIndex: 'key4',
+    dataIndex: 'work_count',
     width: 180,
   },
   {
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue b/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
index 5b70c15..ec1441f 100644
--- a/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/index.vue
@@ -11,7 +11,7 @@
     @sorter-change="handleSorterChange"
   >
     <template #empty>
-      <NoData />
+      <NoData text="暂无项目"/>
     </template>
     <template #columns>
       <a-table-column
diff --git a/src/views/property-marketing/project-manage/project-list/constants.ts b/src/views/property-marketing/project-manage/project-list/constants.ts
index 7f13ca2..2e16021 100644
--- a/src/views/property-marketing/project-manage/project-list/constants.ts
+++ b/src/views/property-marketing/project-manage/project-list/constants.ts
@@ -1,5 +1,5 @@
 export const INITIAL_QUERY = {
-  search: '',
-  column: '',
-  order: '',
+  name: '',
+  sort_column: undefined,
+  sort_order: undefined,
 };
diff --git a/src/views/property-marketing/project-manage/project-list/index.vue b/src/views/property-marketing/project-manage/project-list/index.vue
index 274231a..12736e8 100644
--- a/src/views/property-marketing/project-manage/project-list/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/index.vue
@@ -45,6 +45,7 @@
 <script setup>
 import { INITIAL_QUERY } from './constants';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';
+import { getProjects } from '@/api/all/propertyMarketing';
 
 import FilterBlock from './components/filter-block';
 import ProjectTable from './components/project-table';
@@ -66,37 +67,16 @@ const addProjectModalRef = ref(null);
 const query = ref(cloneDeep(INITIAL_QUERY));
 
 const getData = async () => {
-  dataSource.value = [
-    {
-      id: 1,
-      name: '闲鱼用户增长投放规划',
-      key1: 500131,
-      key2: 4141,
-      key3: 55,
-      key4: 12,
-      create_at: 1753069077,
-    },
-    {
-      id: 2,
-      name: '闲鱼用户增长投放规划',
-      key1: 500131,
-      key2: 4141,
-      key3: 55,
-      key4: 12,
-      create_at: 1753069077,
-    },
-  ];
-  pageInfo.value.total = 2;
-  //   const { page, page_size } = pageInfo.value;
-  //   const { code, data } = await postSubAccount({
-  //     ...query.value,
-  //     page,
-  //     page_size,
-  //   });
-  //   if (code === 200) {
-  //     dataSource.value = data?.data ?? [];
-  //     pageInfo.value.total = data.total;
-  //   }
+    const { page, page_size } = pageInfo.value;
+    const { code, data } = await getProjects({
+      ...query.value,
+      page,
+      page_size,
+    });
+    if (code === 200) {
+      dataSource.value = data?.data ?? [];
+      pageInfo.value.total = data.total;
+    }
 };
 const handleSearch = () => {
   reload();
@@ -117,8 +97,8 @@ const handleOpenAddProjectModal = () => {
   addProjectModalRef.value?.open();
 };
 const handleSorterChange = (column, order) => {
-  query.value.column = column;
-  query.value.order = order;
+  query.value.sort_column = column;
+  query.value.sort_order = order;
   reload();
 };
 

From 95fc8c7fc073f66964d4e117ef68217710bbaf5e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 22 Jul 2025 18:24:24 +0800
Subject: [PATCH 70/97] =?UTF-8?q?feat:=20=E6=8E=88=E6=9D=83=E8=B4=A6?=
 =?UTF-8?q?=E6=88=B7=E6=88=90=E5=8A=9F=E5=90=8E=E6=9B=B4=E6=96=B0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../authorized-account-modal/index.vue        | 86 ++++++++++---------
 1 file changed, 44 insertions(+), 42 deletions(-)

diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 774220e..5e8bffa 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -12,7 +12,7 @@
     :footer="!isLoading"
     @close="close"
   >
-    <div v-if="showSyncTip">
+    <!-- <div v-if="showSyncTip">
       <div class="flex items-center mb-20px">
         <img :src="icon1" width="16" height="16" class="mr-16px" />
         <p class="s2">
@@ -25,8 +25,8 @@
         <a-radio value="sync" class="mb-16px">立即同步遗漏数据 - 获取完整的最新数据 （推荐）</a-radio>
         <a-radio value="no_sync">仅授权不更新 - 继续使用当前不完全的数据</a-radio>
       </a-radio-group>
-    </div>
-    <div v-else class="flex flex-col items-center">
+    </div> -->
+    <div class="flex flex-col items-center">
       <template v-if="isLoading">
         <a-progress
           :percent="progress"
@@ -81,7 +81,7 @@ import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 
 const update = inject('update');
-const INITIAL_SYNC_TYPE = 'sync';
+// const INITIAL_SYNC_TYPE = 'sync';
 const visible = ref(false);
 const isLoading = ref(false);
 const isCompleted = ref(false);
@@ -92,10 +92,10 @@ const progress = ref(0);
 const id = ref('');
 
 const selectSubAccountModalRef = ref(null);
-const lastSyncedAt = ref(null); // 上次同步时间戳
-const showSyncTip = ref(false);
+// const lastSyncedAt = ref(null); // 上次同步时间戳
+// const showSyncTip = ref(false);
 const shouldSelectSubAccount = ref(false);
-const syncType = ref(INITIAL_SYNC_TYPE); // sync ｜ no_sync
+// const syncType = ref(INITIAL_SYNC_TYPE); // sync ｜ no_sync
 const addAccountFormData = ref(null); // 添加账户表单数据
 
 const INITIAL_FORM = {
@@ -124,20 +124,20 @@ const confirmBtnText = computed(() => {
   return isSuccess.value ? '继续添加' : '重试';
 });
 
-const getDaysDiffText = (lastSyncedAt) => {
-  if (!lastSyncedAt) return '0天';
+// const getDaysDiffText = (lastSyncedAt) => {
+//   if (!lastSyncedAt) return '0天';
 
-  const daysDiff = dayjs().diff(dayjs(lastSyncedAt * 1000), 'day');
+//   const daysDiff = dayjs().diff(dayjs(lastSyncedAt * 1000), 'day');
 
-  if (daysDiff === 0) return '不到1天';
-  return `${daysDiff}天`;
-};
+//   if (daysDiff === 0) return '不到1天';
+//   return `${daysDiff}天`;
+// };
 
 const open = ({ accountId, last_synced_at = null, form = null, needSelectSubAccount = false }) => {
   reset();
 
   id.value = accountId;
-  lastSyncedAt.value = last_synced_at;
+  // lastSyncedAt.value = last_synced_at;
   addAccountFormData.value = form;
   shouldSelectSubAccount.value = needSelectSubAccount;
   visible.value = true;
@@ -154,9 +154,9 @@ const reset = () => {
   failReason.value = '';
   progress.value = 0;
   id.value = '';
-  lastSyncedAt.value = null;
-  syncType.value = INITIAL_SYNC_TYPE;
-  showSyncTip.value = false;
+  // lastSyncedAt.value = null;
+  // syncType.value = INITIAL_SYNC_TYPE;
+  // showSyncTip.value = false;
   shouldSelectSubAccount.value = false;
   addAccountFormData.value = null;
   clearFakeProgressTimer();
@@ -191,6 +191,8 @@ const startStatusPolling = () => {
         clearFakeProgressTimer();
         clearStatusPollingTimer();
         isLoading.value = false;
+
+        isSuccess.value && postPlacementAccountsSync(id.value);
       }
     }
   }, 2000);
@@ -237,34 +239,34 @@ const clearFakeProgressTimer = () => {
   }
 };
 
-const handleSyncData = () => {
-  if (!showSyncTip.value) {
-    formRef.value.validate(async (errors) => {
-      if (!errors) {
-        showSyncTip.value = true;
-      }
-    });
-    return;
-  }
+// const handleSyncData = () => {
+//   if (!showSyncTip.value) {
+//     formRef.value.validate(async (errors) => {
+//       if (!errors) {
+//         showSyncTip.value = true;
+//       }
+//     });
+//     return;
+//   }
 
-  if (syncType.value === INITIAL_SYNC_TYPE) {
-    postPlacementAccountsSync(id.value).then((res) => {
-      if (res.code === 200) {
-        update();
-        close();
-      }
-    });
-  } else {
-    startLoading();
-  }
-};
+//   if (syncType.value === INITIAL_SYNC_TYPE) {
+//     postPlacementAccountsSync(id.value).then((res) => {
+//       if (res.code === 200) {
+//         update();
+//         close();
+//       }
+//     });
+//   } else {
+//     close();
+//   }
+// };
 
 const handleOk = () => {
-  // n天未同步更新
-  if (lastSyncedAt.value && lastSyncedAt.value < dayjs().startOf('day').valueOf()) {
-    handleSyncData();
-    return;
-  }
+  // // n天未同步更新
+  // if (lastSyncedAt.value && lastSyncedAt.value < dayjs().startOf('day').valueOf()) {
+  //   handleSyncData();
+  //   return;
+  // }
 
   // 已完成
   if (isCompleted.value) {

From df86a50997b46d7dfee903fcb2f132208a1ff7b4 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 22 Jul 2025 18:28:41 +0800
Subject: [PATCH 71/97] =?UTF-8?q?feat:=20=E7=BC=96=E8=BE=91=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E6=B7=BB=E5=8A=A0cookie=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/add-account-modal/index.vue    | 40 +++++++++----------
 1 file changed, 18 insertions(+), 22 deletions(-)

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 f5fe246..bd33b90 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
@@ -392,28 +392,24 @@ export default {
                   auto-size={{ minRows: 3, maxRows: 5 }}
                 />
               </FormItem>
-              {!isEdit.value && (
-                <>
-                  <FormItem
-                    label="Cookie值"
-                    v-slots={{
-                      label: () => renderLabel('Cookie值', 'Cookie，无需扫码授权'),
-                    }}
-                  >
-                    <Switch v-model={isCustomCookie.value} size="large" />
-                  </FormItem>
-                  {isCustomCookie.value && (
-                    <FormItem label="" field="cookie">
-                      <Textarea
-                        v-model={form.value.cookie}
-                        placeholder="请输入..."
-                        size="large"
-                        max-length={72}
-                        auto-size={{ minRows: 3, maxRows: 5 }}
-                      />
-                    </FormItem>
-                  )}
-                </>
+              <FormItem
+                label="Cookie值"
+                v-slots={{
+                  label: () => renderLabel('Cookie值', 'Cookie，无需扫码授权'),
+                }}
+              >
+                <Switch v-model={isCustomCookie.value} size="large" />
+              </FormItem>
+              {isCustomCookie.value && (
+                <FormItem label="" field="cookie">
+                  <Textarea
+                    v-model={form.value.cookie}
+                    placeholder="请输入..."
+                    size="large"
+                    max-length={72}
+                    auto-size={{ minRows: 3, maxRows: 5 }}
+                  />
+                </FormItem>
               )}
             </>
           )}

From 9ffe5be94e8b5e6c77984e4cad8d409663fde818 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 11:32:37 +0800
Subject: [PATCH 72/97] =?UTF-8?q?feat:=20=E9=A1=B9=E7=9B=AE=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E3=80=81=E7=BB=9F=E4=B8=804=E7=A7=8D=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81color=E8=89=B2=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/components/button.scss             | 144 ++++++++++++++++--
 src/styles/lib/reset.scss                     |   2 +-
 src/styles/lib/variable.scss                  |  42 ++++-
 .../components/add-project-modal/index.vue    |  64 +++++++-
 .../components/add-project-modal/stepOne.vue  |  13 +-
 .../project-table/delete-project-modal.vue    |  63 ++++++++
 .../project-manage/project-list/index.vue     |  30 ++--
 .../account-table/delete-account.vue          |   4 -
 8 files changed, 321 insertions(+), 41 deletions(-)
 create mode 100644 src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue

diff --git a/src/styles/components/button.scss b/src/styles/components/button.scss
index 46e0ba7..b5fb0c3 100644
--- a/src/styles/components/button.scss
+++ b/src/styles/components/button.scss
@@ -1,5 +1,3 @@
-$disabled-ele: '.arco-btn-disabled';
-
 .arco-btn {
   border-radius: 2px;
   border: 1px solid #d7d7d9 !important;
@@ -22,32 +20,114 @@ $disabled-ele: '.arco-btn-disabled';
 }
 
 .arco-btn-primary {
-  background-color: #6d4cfe !important;
+  background-color: $color-primary !important;
   border: none !important;
   color: #fff !important;
   &.arco-btn-disabled {
     color: #fff !important;
-    background-color: #c5b7ff !important;
+    background-color: $color-primary-3 !important;
   }
   &:not(.arco-btn-disabled) {
     &:hover {
       color: #fff !important;
-      background-color: #8a70fe !important;
+      background-color: $color-primary-5 !important;
+    }
+  }
+
+  //success
+  &.arco-btn-status-success {
+    background-color: $color-success !important;
+    &.arco-btn-disabled {
+      background-color: $color-success-3 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        background-color: $color-success-5 !important;
+      }
+    }
+  }
+
+  // danger
+  &.arco-btn-status-danger {
+    background-color: $color-error !important;
+    &.arco-btn-disabled {
+      background-color: $color-error-3 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        background-color: $color-error-5 !important;
+      }
+    }
+  }
+
+  // warning
+  &.arco-btn-status-warning {
+    background-color: $color-warning !important;
+    &.arco-btn-disabled {
+      background-color: $color-warning-3 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        background-color: $color-warning-5 !important;
+      }
     }
   }
 }
 
 .arco-btn-outline {
-  border: 1px solid #6d4cfe !important;
-  color: #6d4cfe !important;
+  border: 1px solid $color-primary !important;
+  color: $color-primary !important;
   &.arco-btn-disabled {
-    border-color: #c5b7ff !important;
-    color: #c5b7ff !important;
+    border-color: $color-primary-3 !important;
+    color: $color-primary-3 !important;
   }
   &:not(.arco-btn-disabled) {
     &:hover {
-      border-color: #8a70fe !important;
-      color: #8a70fe !important;
+      border-color: $color-primary-5 !important;
+      color: $color-primary-5 !important;
+    }
+  }
+
+  &.arco-btn-status-success {
+    border: 1px solid $color-success !important;
+    color: $color-success !important;
+    &.arco-btn-disabled {
+      border-color: $color-success-3 !important;
+      color: $color-success-3 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        border-color: $color-success-5 !important;
+        color: $color-success-5 !important;
+      }
+    }
+  }
+  &.arco-btn-status-danger {
+    border: 1px solid $color-error !important;
+    color: $color-error !important;
+    &.arco-btn-disabled {
+      border-color: $color-error-3 !important;
+      color: $color-error-3 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        border-color: $color-error-5 !important;
+        color: $color-error-5 !important;
+      }
+    }
+  }
+  &.arco-btn-status-warning {
+    border: 1px solid $color-warning !important;
+    color: $color-warning !important;
+    &.arco-btn-disabled {
+      border-color: $color-warning-3 !important;
+      color: $color-warning-3 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        border-color: $color-warning-5 !important;
+        color: $color-warning-5 !important;
+      }
     }
   }
 }
@@ -55,13 +135,49 @@ $disabled-ele: '.arco-btn-disabled';
 .arco-btn-text {
   background-color: transparent !important;
   border: none !important;
-  color: #6d4cfe !important;
+  color: $color-primary !important;
   &.arco-btn-disabled {
-    color: #c5b7ff !important;
+    color: $color-primary-2 !important;
   }
   &:not(.arco-btn-disabled) {
     &:hover {
-      color: #8a70fe !important;
+      color: $color-primary-5 !important;
+    }
+  }
+
+  &.arco-btn-status-success {
+    color: $color-success !important;
+    &.arco-btn-disabled {
+      color: $color-success-2 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        color: $color-success-5 !important;
+      }
+    }
+  }
+
+  &.arco-btn-status-danger {
+    color: $color-error !important;
+    &.arco-btn-disabled {
+      color: $color-error-2 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        color: $color-error-5 !important;
+      }
+    }
+  }
+
+  &.arco-btn-status-warning {
+    color: $color-warning !important;
+    &.arco-btn-disabled {
+      color: $color-warning-2 !important;
+    }
+    &:not(.arco-btn-disabled) {
+      &:hover {
+        color: $color-warning-5 !important;
+      }
     }
   }
 }
diff --git a/src/styles/lib/reset.scss b/src/styles/lib/reset.scss
index 89d6024..5c3b861 100644
--- a/src/styles/lib/reset.scss
+++ b/src/styles/lib/reset.scss
@@ -11,7 +11,7 @@ html,
 body {
   background: $color-background;
   font-family: $font-family-regular;
-  font-size: $font-size-14;
+  font-size: 14px;
   -webkit-print-color-adjust: exact;
 }
 
diff --git a/src/styles/lib/variable.scss b/src/styles/lib/variable.scss
index f1d0368..96e71de 100644
--- a/src/styles/lib/variable.scss
+++ b/src/styles/lib/variable.scss
@@ -12,4 +12,44 @@ $font-family-manrope-semiBold: 'Manrope-SemiBold';
 
 $color-background: #f9f9f9;
 
-$font-size-14: 14px;
+$color-primary: #6d4cfe;   // 常规
+$color-primary-5: #8A70FE; // hover
+$color-primary-7: #573DCB; // click
+$color-primary-3: #A794FE; // disabled
+$color-primary-2: #C5B7FF; // text disabled
+$color-primary-1: #F0EDFF; // 浅色
+
+$color-success: #25C883;      
+$color-success-5: #57CF9C;
+$color-success-7: #1BAE71;
+$color-success-3: #81DBB5;
+$color-success-2: #ABE7CE;
+$color-success-1: #EBF7F2;  
+
+$color-warning: #FFAE00;
+$color-warning-5: #FFBE33;
+$color-warning-7: #CC8B00;
+$color-warning-3: #FFCF66;
+$color-warning-2: #FFDF99;  
+$color-warning-1: #FFF7E5;  
+
+$color-error: #F64B31;
+$color-error-5: #F86F5A;
+$color-error-7: #C53C27;
+$color-error-3: #FA9383;
+$color-error-2: #FBB7AD;
+$color-error-1: #FFE9E7;
+
+$color-blue: #2A59F3;
+$color-blue-5: #557AF6;
+$color-blue-7: #2247C2;
+$color-blue-3: #7F9CF8;
+$color-blue-2: #AABDFA;
+$color-blue-1: #E5ECFF;
+
+$color-teal: #39C6E9;
+$color-teal-5: #60D2ED;
+$color-teal-7: #2E9EBA;
+$color-teal-3: #88DDF2;
+$color-teal-2: #B0E8F6;
+$color-teal-1: #E1F9FF;
\ No newline at end of file
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
index 2bbce70..15cb4f9 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/index.vue
@@ -12,7 +12,7 @@
         <a-step v-for="(step, index) in STEPS" :key="index">{{ step.label }}</a-step>
       </a-steps>
 
-      <component :is="activeComp" v-model:formQuery="formQuery" />
+      <component :is="activeComp" v-model:formQuery="formQuery" ref="compRef" />
     </div>
     <template #footer>
       <div class="flex justify-between items-center w-100%">
@@ -29,6 +29,8 @@
 </template>
 
 <script setup>
+import { postAddProject, putProject, getProjectDetail } from '@/api/all/propertyMarketing';
+
 import StepOne from './stepOne.vue';
 import StepTwo from './stepTwo.vue';
 import StepThree from './stepThree.vue';
@@ -66,21 +68,40 @@ const INITIAL_QUERY = {
   work_ids: [],
 };
 
+const update = inject('update');
+
 const visible = ref(false);
-const emits = defineEmits(['update']);
 const currentStep = ref(1);
 const formQuery = ref(cloneDeep(INITIAL_QUERY));
+const compRef = ref(null);
+const projectId = ref(null);
 
 const isFirstStep = computed(() => currentStep.value === 1);
+const isEdit = computed(() => projectId.value);
 const isLastStep = computed(() => currentStep.value === STEPS.length);
 const activeComp = computed(() => STEPS.find((v) => v.index === currentStep.value)?.comp ?? null);
 
-const open = () => {
+const open = (id = null) => {
+  projectId.value = id;
+
+  if (id) {
+    getDetail();
+  }
+
   visible.value = true;
 };
+const getDetail = (id) => {
+  getProjectDetail(projectId.value).then((res) => {
+    if (res.code === 200) {
+      formQuery.value = res.data;
+    }
+  });
+};
 const onClose = () => {
   currentStep.value = 1;
   formQuery.value = cloneDeep(INITIAL_QUERY);
+  projectId.value = '';
+  compRef.value?.reset?.();
 
   visible.value = false;
 };
@@ -88,15 +109,44 @@ const onCancel = () => {
   visible.value = false;
 };
 
-const onSubmit = () => {
-  console.log(formQuery.value);
+const onSubmit = async () => {
+  if (isFirstStep.value) {
+    const valid = await compRef.value.validate();
+    if (!valid) {
+      return;
+    }
+  }
+
   if (isLastStep.value) {
-    console.log('onSubmit');
+    isEdit.value ? handleEdit() : handleAdd();
   } else {
     currentStep.value++;
   }
 };
-const setCurrent = (current) => {
+const handleAdd = () => {
+  postAddProject(formQuery.value).then((res) => {
+    if (res.code === 200) {
+      onClose();
+      update();
+    }
+  });
+};
+const handleEdit = () => {
+  putProject({ id: projectId.value, ...formQuery.value }).then((res) => {
+    if (res.code === 200) {
+      onClose();
+      update();
+    }
+  });
+};
+
+const setCurrent = async (current) => {
+  if (isFirstStep.value) {
+    const valid = await compRef.value.validate();
+    if (!valid) {
+      return;
+    }
+  }
   currentStep.value = current;
 };
 const onPrev = () => {
diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
index 2790c27..13be379 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
@@ -38,6 +38,17 @@ const props = defineProps({
 const formRef = ref(null);
 
 const rules = {
-  name: [{ required: true, message: '项目名称' }],
+  name: [{ required: true, message: '请输入项目名称' }],
 };
+
+const validate = async () => {
+  const errors = await formRef.value.validate();
+ return !errors
+};
+
+const reset = () => {
+  formRef.value.resetFields();
+};
+
+defineExpose({ validate, reset });
 </script>
diff --git a/src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue b/src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue
new file mode 100644
index 0000000..a2a7a9a
--- /dev/null
+++ b/src/views/property-marketing/project-manage/project-list/components/project-table/delete-project-modal.vue
@@ -0,0 +1,63 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 17:44:16
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="删除项目"
+    width="480px"
+    modal-class="project-manage-modal"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ projectName }} 这个项目吗？</span>  
+    </div>
+    <template #footer>
+      <a-button size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteProject } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const update = inject('update');
+
+const visible = ref(false);
+const projectId = ref(null);
+const projectName = ref('');
+
+const isBatch = computed(() => Array.isArray(projectId.value));
+
+function onClose() {
+  visible.value = false;
+  projectId.value = null;
+  projectName.value = '';
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  projectId.value = id;
+  projectName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteProject(projectId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    update()
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/project-manage/project-list/index.vue b/src/views/property-marketing/project-manage/project-list/index.vue
index 12736e8..404ccd3 100644
--- a/src/views/property-marketing/project-manage/project-list/index.vue
+++ b/src/views/property-marketing/project-manage/project-list/index.vue
@@ -38,7 +38,8 @@
       </div>
     </div>
 
-    <AddProjectModal ref="addProjectModalRef"/>
+    <AddProjectModal ref="addProjectModalRef" />
+    <DeleteProjectModal ref="deleteProjectModalRef" />
   </div>
 </template>
 
@@ -50,6 +51,7 @@ import { getProjects } from '@/api/all/propertyMarketing';
 import FilterBlock from './components/filter-block';
 import ProjectTable from './components/project-table';
 import AddProjectModal from './components/add-project-modal';
+import DeleteProjectModal from './components/project-table/delete-project-modal.vue';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 
@@ -63,20 +65,21 @@ const { dataSource, pageInfo, onPageChange, onPageSizeChange, resetPageInfo } =
 });
 
 const addProjectModalRef = ref(null);
+const deleteProjectModalRef = ref(null);
 
 const query = ref(cloneDeep(INITIAL_QUERY));
 
 const getData = async () => {
-    const { page, page_size } = pageInfo.value;
-    const { code, data } = await getProjects({
-      ...query.value,
-      page,
-      page_size,
-    });
-    if (code === 200) {
-      dataSource.value = data?.data ?? [];
-      pageInfo.value.total = data.total;
-    }
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getProjects({
+    ...query.value,
+    page,
+    page_size,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
 };
 const handleSearch = () => {
   reload();
@@ -103,10 +106,11 @@ const handleSorterChange = (column, order) => {
 };
 
 const handleDelete = (item) => {
-  console.log('handleDelete', item);
+  const { id, name } = item;
+  deleteProjectModalRef.value?.open({ id, name: `“${name}”` });
 };
 const handleEdit = (item) => {
-  console.log('handleDelete', item);
+  addProjectModalRef.value?.open(item.id);
 };
 
 onMounted(() => {
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
index 9b0bb2a..9946880 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
@@ -2,10 +2,6 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-26 17:44:16
 -->
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-26 17:23:52
--->
 <template>
   <a-modal
     v-model:visible="visible"

From c0dabc9a7d8a39b587649b4d6b6dd041063f34ad Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 11:37:21 +0800
Subject: [PATCH 73/97] =?UTF-8?q?perf:=20=E6=9A=82=E6=97=B6=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F=E3=80=90=E6=99=BA=E8=83=BD=E6=96=B9=E6=A1=88=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E3=80=91=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../routes/modules/propertyMarketing.ts       | 74 +++++++++----------
 src/stores/modules/side-bar/constants.ts      | 16 ++--
 2 files changed, 45 insertions(+), 45 deletions(-)

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 048a3d2..ab48b11 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -158,43 +158,43 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       },
     ],
   },
-  {
-    path: '/intelligent-solution',
-    name: 'IntelligentSolution',
-    redirect: 'intelligent-solution/businessAnalysisReport',
-    meta: {
-      locale: '智能方案管理',
-      icon: IconIntelligentSolution,
-      requiresAuth: true,
-      requireLogin: true,
-      roles: ['*'],
-      id: MENU_GROUP_IDS.PROPERTY_ID,
-    },
-    children: [
-      {
-        path: 'businessAnalysisReport',
-        name: 'IntelligentSolutionBusinessAnalysisReport',
-        meta: {
-          locale: '业务洞察报告',
-          requiresAuth: true,
-          requireLogin: true,
-          roles: ['*'],
-        },
-        component: () => import('@/views/property-marketing/intelligent-solution/businessAnalysisReport'),
-      },
-      {
-        path: 'competitiveProductAnalysisReport',
-        name: 'IntelligentSolutionCompetitiveProductAnalysisReport',
-        meta: {
-          locale: '竟品对比报告',
-          requiresAuth: true,
-          requireLogin: true,
-          roles: ['*'],
-        },
-        component: () => import('@/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport'),
-      },
-    ],
-  },
+  // {
+  //   path: '/intelligent-solution',
+  //   name: 'IntelligentSolution',
+  //   redirect: 'intelligent-solution/businessAnalysisReport',
+  //   meta: {
+  //     locale: '智能方案管理',
+  //     icon: IconIntelligentSolution,
+  //     requiresAuth: true,
+  //     requireLogin: true,
+  //     roles: ['*'],
+  //     id: MENU_GROUP_IDS.PROPERTY_ID,
+  //   },
+  //   children: [
+  //     {
+  //       path: 'businessAnalysisReport',
+  //       name: 'IntelligentSolutionBusinessAnalysisReport',
+  //       meta: {
+  //         locale: '业务洞察报告',
+  //         requiresAuth: true,
+  //         requireLogin: true,
+  //         roles: ['*'],
+  //       },
+  //       component: () => import('@/views/property-marketing/intelligent-solution/businessAnalysisReport'),
+  //     },
+  //     {
+  //       path: 'competitiveProductAnalysisReport',
+  //       name: 'IntelligentSolutionCompetitiveProductAnalysisReport',
+  //       meta: {
+  //         locale: '竟品对比报告',
+  //         requiresAuth: true,
+  //         requireLogin: true,
+  //         roles: ['*'],
+  //       },
+  //       component: () => import('@/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport'),
+  //     },
+  //   ],
+  // },
 ];
 
 export default COMPONENTS;
diff --git a/src/stores/modules/side-bar/constants.ts b/src/stores/modules/side-bar/constants.ts
index 30c732f..4e38138 100644
--- a/src/stores/modules/side-bar/constants.ts
+++ b/src/stores/modules/side-bar/constants.ts
@@ -77,14 +77,14 @@ export const MENU_LIST = [
           'guideDetail',
         ],
       },
-      {
-        name: '智能方案管理',
-        routeName: 'IntelligentSolutionBusinessAnalysisReport',
-        includeRouteNames: [
-          'IntelligentSolutionBusinessAnalysisReport',
-          'IntelligentSolutionCompetitiveProductAnalysisReport',
-        ],
-      },
+      // {
+      //   name: '智能方案管理',
+      //   routeName: 'IntelligentSolutionBusinessAnalysisReport',
+      //   includeRouteNames: [
+      //     'IntelligentSolutionBusinessAnalysisReport',
+      //     'IntelligentSolutionCompetitiveProductAnalysisReport',
+      //   ],
+      // },
     ],
   },
 ];

From b90d0aba2624c7799a0e942cad02beedf49ca410 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 14:30:44 +0800
Subject: [PATCH 74/97] =?UTF-8?q?feat:=20=E5=AA=92=E4=BD=93=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7/=E6=8A=95=E6=94=BE=E8=B4=A6=E6=88=B7=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E3=80=90=E6=89=80=E5=B1=9E=E9=A1=B9=E7=9B=AE=E3=80=91?=
 =?UTF-8?q?=E7=9B=B8=E5=85=B3=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  5 ++
 .../common-select}/index.vue                  | 19 +++---
 .../components/filter-block/index.vue         |  7 +-
 .../components/account-table/index.vue        | 34 ++++++++--
 .../components/account-table/style.scss       |  6 --
 .../components/add-account-modal/index.vue    | 33 ++++++++--
 .../components/batch-group-modal/index.vue    |  6 +-
 .../components/filter-block/index.vue         | 43 +++++++++----
 .../media-account/account-manage/constants.ts |  1 +
 .../components/operator-select/index.vue      | 64 -------------------
 .../put-account/account-dashboard/index.vue   |  4 +-
 .../components/filter-block/index.vue         |  7 +-
 .../components/account-table/index.vue        | 24 +++++++
 .../components/account-table/style.scss       |  6 --
 .../components/add-account-modal/index.vue    | 16 +++++
 .../components/filter-block/index.vue         | 20 +++++-
 .../put-account/account-manage/constants.ts   |  1 +
 .../components/operator-select/index.vue      | 64 -------------------
 18 files changed, 174 insertions(+), 186 deletions(-)
 rename src/{views/property-marketing/media-account/components/group-select => components/common-select}/index.vue (76%)
 delete mode 100644 src/views/property-marketing/media-account/components/operator-select/index.vue
 delete mode 100644 src/views/property-marketing/put-account/components/operator-select/index.vue

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index fa65b7c..75f68a1 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -377,6 +377,11 @@ export const getProjects = (params = {}) => {
   return Http.get('/v1/projects', params);
 };
 
+// 项目管理-列表
+export const getProjectList = () => {
+  return Http.get('/v1/projects/list');
+};
+
 // 项目管理-删除
 export const deleteProject = (id: string) => {
   return Http.delete(`/v1/projects/${id}`);
diff --git a/src/views/property-marketing/media-account/components/group-select/index.vue b/src/components/common-select/index.vue
similarity index 76%
rename from src/views/property-marketing/media-account/components/group-select/index.vue
rename to src/components/common-select/index.vue
index f72d0e3..44b2025 100644
--- a/src/views/property-marketing/media-account/components/group-select/index.vue
+++ b/src/components/common-select/index.vue
@@ -4,12 +4,12 @@
 -->
 <template>
   <a-select
-    v-model="selectedGroups"
+    v-model="selectedValues"
     :multiple="multiple"
     size="medium"
     :placeholder="placeholder"
     allow-clear
-    :max-tag-count="3"
+    :max-tag-count="maxTagCount"
     @change="handleChange"
   >
     <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
@@ -38,27 +38,30 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  maxTagCount: {
+    type: Number,
+    default: 3,
+  },  
 });
 
 const emits = defineEmits(['update:modelValue', 'change']);
 
-const selectedGroups = ref(props.multiple ? [] : '');
+const selectedValues = ref(props.multiple ? [] : '');
 
-// 监听外部传入的值变化
 watch(
   () => props.modelValue,
   (newVal) => {
-    selectedGroups.value = newVal;
+    selectedValues.value = newVal;
   },
   { immediate: true },
 );
-// 监听内部值变化，向外部发送更新
-watch(selectedGroups, (newVal) => {
+
+watch(selectedValues, (newVal) => {
   emits('update:modelValue', newVal);
 });
 
 const handleChange = (value) => {
-  selectedGroups.value = value;
+  selectedValues.value = value;
   emits('change', value);
 };
 </script>
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
index 4a452eb..8e1ce39 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
@@ -19,7 +19,7 @@
       <div class="filter-row-item flex items-center">
         <span class="label">分组</span>
         <a-space class="w-200px">
-          <GroupSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
+          <CommonSelect v-model="query.group_ids" :options="groups" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
@@ -31,7 +31,7 @@
       <div class="filter-row-item flex items-center">
         <span class="label">运营人员</span>
         <a-space class="w-160px">
-          <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
+          <CommonSelect v-model="query.operator_id" :multiple="false" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
     </div>
@@ -66,9 +66,8 @@
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
 import { fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
-import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
-import OperatorSelect from '@/views/property-marketing/media-account/components/operator-select';
 import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
+import CommonSelect from '@/components/common-select';
 
 const props = defineProps({
   query: {
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 fbf87c4..3017eba 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
@@ -46,6 +46,30 @@
           <span class="label">运营人员</span>
           <span class="cts">{{ item.operator?.name || '-' }}</span>
         </div>
+        <div class="field-row">
+          <span class="label">所属项目</span>
+          <span v-if="!item.projects.length" class="cts">-</span>
+          <div v-else class="flex items-center">
+            <a-tooltip
+              v-if="item.projects.length > 2"
+              position="bottom"
+              :content="
+                item.projects
+                  .slice(2)
+                  .map((v) => v.name)
+                  .join(',')
+              "
+            >
+              <div class="tag-box">
+                <span class="text">{{ `+${item.projects.length - 2}` }}</span>
+              </div>
+            </a-tooltip>
+
+            <div v-for="(project, index) in item.projects.slice(0, 2)" :key="index" class="tag-box">
+              <span class="text">{{ project.name }}</span>
+            </div>
+          </div>
+        </div>
         <div class="field-row">
           <span class="label">分组</span>
           <span class="cts">{{ item.group?.name || '-' }}</span>
@@ -76,7 +100,7 @@
         </div>
         <div class="operate-row">
           <a-dropdown trigger="hover">
-            <a-button class="w-52px mr-8px" type="outline"  size="mini">
+            <a-button class="w-52px mr-8px" type="outline" size="mini">
               <template #default>更多</template>
             </a-button>
             <template #content>
@@ -89,7 +113,7 @@
               >
               <a-doption class="color-#F64B31" @click="openDelete(item)">删除</a-doption>
             </template>
-            <a-button type="outline"  size="mini" @click="onBtnClick(item)">
+            <a-button type="outline" size="mini" @click="onBtnClick(item)">
               <template #default>{{ getBtnText(item) }}</template>
             </a-button>
           </a-dropdown>
@@ -101,8 +125,8 @@
           <span class="name !mb-0">更新数据失败</span>
         </div>
         <div class="flex items-center">
-          <a-button type="outline"  class="mr-8px" size="mini" @click="onDeleteSyncStatus(item)">取消</a-button>
-          <a-button type="outline"  class="" size="mini" @click="syncData(item)">重新更新</a-button>
+          <a-button type="outline" class="mr-8px" size="mini" @click="onDeleteSyncStatus(item)">取消</a-button>
+          <a-button type="outline" class="" size="mini" @click="syncData(item)">重新更新</a-button>
         </div>
       </div>
     </a-spin>
@@ -174,7 +198,7 @@ const isSyncing = (item) => {
   if (!props.syncMediaAccounts.length) return false;
 
   const target = props.syncMediaAccounts.find((v) => v.id === item.id);
-  if(target) {
+  if (target) {
     return target?.status === 0;
   }
   return target?.status === 0;
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
index 3e77ae9..15882e1 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -1,9 +1,3 @@
-@mixin ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .card-container {
   flex: 1;
   display: grid;
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 6f0c700..78ce43e 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
@@ -19,12 +19,11 @@ import {
   Message as AMessage,
   Textarea,
 } from '@arco-design/web-vue';
-import TagSelect from '@/views/property-marketing/media-account/components/tag-select';
-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 SyncDataModal from '../sync-data-modal';
+import CommonSelect from '@/components/common-select';
 
 import icon1 from '@/assets/img/media-account/icon-download.png';
 import icon2 from '@/assets/img/media-account/icon-delete.png';
@@ -40,6 +39,7 @@ import {
   putMediaAccounts,
   getTemplateUrl,
   batchMediaAccounts,
+  getProjectList,
 } from '@/api/all/propertyMarketing';
 
 const UploadStatus = {
@@ -54,6 +54,7 @@ const INITIAL_FORM = {
   platform: 1,
   group_id: undefined,
   tag_ids: [],
+  project_ids: [],
   end_work_link: undefined,
   cookie: undefined,
 };
@@ -62,6 +63,7 @@ export default {
   setup(props, { emit, expose }) {
     const groupOptions = ref([]);
     const tagOptions = ref([]);
+    const projects = ref([]);
     const visible = ref(false);
     const uploadType = ref('manual');
     const uploadStatus = ref(UploadStatus.DEFAULT);
@@ -74,7 +76,7 @@ export default {
     const importPromptModalRef = ref(null);
     const uploadRef = ref(null);
     const isCustomCookie = ref(false);
-    const form = ref({ ...INITIAL_FORM });
+    const form = ref(cloneDeep(INITIAL_FORM));
     const syncDataModalRef = ref(null);
     const importLoading = ref(false);
     const CustomNotificationVisible = ref(false);
@@ -123,6 +125,12 @@ export default {
         tagOptions.value = data;
       }
     };
+    const getProjects = async () => {
+      const { code, data } = await getProjectList();
+      if (code === 200) {
+        projects.value = data;
+      }
+    };
     function handleUpload(option) {
       const { fileItem } = option;
       uploadStatus.value = UploadStatus.WAITING;
@@ -137,7 +145,10 @@ export default {
     const reset = () => {
       formRef.value?.resetFields();
       formRef.value?.clearValidate();
-      form.value = { ...INITIAL_FORM };
+      groupOptions.value = [];
+      tagOptions.value = [];
+      projects.value = [];
+      form.value = cloneDeep(INITIAL_FORM);
       fileName.value = '';
       file.value = null;
       isEdit.value = false;
@@ -158,6 +169,7 @@ export default {
       }
       getGroups();
       getTags();
+      getProjects();
       visible.value = true;
     };
     const getAccountDetail = async () => {
@@ -388,8 +400,16 @@ export default {
               <FormItem label="号码持有人" field="holder_name">
                 <Input v-model={form.value.holder_name} placeholder="请输入..." class="w-240px" size="large" />
               </FormItem>
+              <FormItem label="所属项目">
+                <CommonSelect
+                  v-model={form.value.project_ids}
+                  options={projects.value}
+                  placeholder="请选择…"
+                  size="large"
+                />
+              </FormItem>
               <FormItem label="选择分组">
-                <GroupSelect
+                <CommonSelect
                   v-model={form.value.group_id}
                   multiple={false}
                   options={groupOptions.value}
@@ -397,8 +417,9 @@ export default {
                   size="large"
                 />
               </FormItem>
+
               <FormItem label="选择标签">
-                <TagSelect v-model={form.value.tag_ids} options={tagOptions.value} placeholder="请选择…" size="large" />
+                <CommonSelect v-model={form.value.tag_ids} options={tagOptions.value} placeholder="请选择…" size="large" />
               </FormItem>
               <FormItem
                 label="笔记链接"
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
index 36ca462..c587891 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -30,7 +30,7 @@
       <a-form-item label="选择分组" required>
         <template v-if="editType === 'all'">
           <div class="flex items-center w-100%">
-            <GroupSelect v-model="form.group_id" :options="groupOptions" :multiple="false" class="flex-1" />
+            <CommonSelect v-model="form.group_id" :options="groupOptions" :multiple="false" class="flex-1" />
           </div>
         </template>
       </a-form-item>
@@ -47,7 +47,7 @@
             <a-table-column title="选择分组" data-index="group_id">
               <template #cell="{ record }">
                 <div class="flex items-center w-100%">
-                  <GroupSelect v-model="record.group_id" :options="groupOptions" :multiple="false" />
+                  <CommonSelect v-model="record.group_id" :options="groupOptions" :multiple="false" />
                 </div>
               </template>
             </a-table-column>
@@ -65,7 +65,7 @@
 <script setup>
 import { ref, reactive } from 'vue';
 import { fetchAccountGroups, batchPutGroup } from '@/api/all/propertyMarketing';
-import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
+import CommonSelect from '@/components/common-select';
 
 import icon1 from '@/assets/img/icon-question.png';
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
index 94eea31..479e9e5 100644
--- a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
@@ -33,16 +33,20 @@
         <span class="label">平台</span>
         <a-space class="w-160px">
           <a-select v-model="query.platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS" :key="index" :value="item.value" :label="item.label">{{
-              item.label
-            }}</a-option>
+            <a-option
+              v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
+              :key="index"
+              :value="item.value"
+              :label="item.label"
+              >{{ item.label }}</a-option
+            >
           </a-select>
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">运营人员</span>
         <a-space class="w-160px">
-          <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
+          <CommonSelect v-model="query.operator_id" :multiple="false" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
     </div>
@@ -50,16 +54,22 @@
       <div class="filter-row-item flex items-center">
         <span class="label">分组</span>
         <a-space class="w-200px">
-          <GroupSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
+          <CommonSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">所属项目</span>
+        <a-space class="w-200px">
+          <CommonSelect v-model="query.project_ids" :options="projects" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">标签</span>
         <a-space class="w-320px">
-          <TagSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" />
+          <CommonSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" />
         </a-space>
       </div>
-      <a-button type="outline"  class="w-84px mr-12px" size="medium" @click="handleSearch">
+      <a-button type="outline" class="w-84px mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
         </template>
@@ -77,11 +87,14 @@
 
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
-import { fetchAccountTags, fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
-import TagSelect from '@/views/property-marketing/media-account/components/tag-select';
-import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
-import OperatorSelect from '@/views/property-marketing/media-account/components/operator-select';
+import {
+  fetchAccountTags,
+  getProjectList,
+  fetchAccountGroups,
+  fetchAccountOperators,
+} from '@/api/all/propertyMarketing';
 import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
+import CommonSelect from '@/components/common-select';
 
 import { INITIAL_QUERY } from '@/views/property-marketing/media-account/account-manage/constants';
 import { MEDIA_ACCOUNT_PLATFORMS } from '@/utils/platform';
@@ -98,6 +111,7 @@ const emits = defineEmits('onSearch', 'onReset', 'update:query');
 const tags = ref([]);
 const groups = ref([]);
 const operators = ref([]);
+const projects = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -128,11 +142,18 @@ const getOperators = async () => {
     operators.value = data;
   }
 };
+const getProjects = async () => {
+  const { code, data } = await getProjectList();
+  if (code === 200) {
+    projects.value = data;
+  }
+};
 
 onMounted(() => {
   getTags();
   getGroups();
   getOperators();
+  getProjects();
 });
 
 defineExpose({
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
index 4cb7226..70da768 100644
--- a/src/views/property-marketing/media-account/account-manage/constants.ts
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -9,6 +9,7 @@ export const INITIAL_QUERY = {
   operator_id: '',
   group_ids: [],
   tag_ids: [],
+  project_ids: [],
 };
 
 export const INITIAL_PAGE_INFO = {
diff --git a/src/views/property-marketing/media-account/components/operator-select/index.vue b/src/views/property-marketing/media-account/components/operator-select/index.vue
deleted file mode 100644
index 2c50673..0000000
--- a/src/views/property-marketing/media-account/components/operator-select/index.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-25 14:02:40
--->
-<template>
-  <a-select
-    v-model="selectedOperators"
-    :multiple="multiple"
-    size="medium"
-    :placeholder="placeholder"
-    allow-clear
-    @change="handleChange"
-  >
-    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
-      {{ item.name }}
-    </a-option>
-  </a-select>
-</template>
-
-<script setup>
-import { ref, watch } from 'vue';
-
-const props = defineProps({
-  modelValue: {
-    type: [Array, String, Number],
-    default: () => [],
-  },
-  multiple: {
-    type: Boolean,
-    default: false,
-  },
-  placeholder: {
-    type: String,
-    default: '全部',
-  },
-  options: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const emits = defineEmits(['update:modelValue', 'change']);
-
-const selectedOperators = ref(props.multiple ? [] : '');
-
-// 监听外部传入的值变化
-watch(
-  () => props.modelValue,
-  (newVal) => {
-    selectedOperators.value = newVal;
-  },
-  { immediate: true },
-);
-
-// 监听内部值变化，向外部发送更新
-watch(selectedOperators, (newVal) => {
-  emits('update:modelValue', newVal);
-});
-
-const handleChange = (value) => {
-  selectedOperators.value = value;
-  emits('change', value);
-};
-</script>
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index 285ff5b..7caeee8 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -32,7 +32,7 @@
           <div class="filter-row-item flex items-center">
             <span class="label">运营人员</span>
             <a-space class="w-160px">
-              <OperatorSelect v-model="query.operator_id" :options="operators" />
+              <CommonSelect v-model="query.operator_id" :multiple="false" :options="operators" />
             </a-space>
           </div>
         </div>
@@ -80,7 +80,7 @@ import {
   getPlacementAccountProjectsTrend,
   fetchAccountOperators,
 } from '@/api/all/propertyMarketing';
-import OperatorSelect from '@/views/property-marketing/media-account/components/operator-select/index.vue';
+import CommonSelect from '@/components/common-select';
 import AccountSelect from '@/views/components/common/AccountSelect.vue';
 import PlanSelect from '@/views/components/common/PlanSelect.vue';
 
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 e35f3b7..6967e3b 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
@@ -19,7 +19,7 @@
       <div v-if="!isAccountTab" class="filter-row-item flex items-center">
         <span class="label">计划分组</span>
         <a-space class="w-200px">
-          <group-select v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
+          <CommonSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
@@ -31,7 +31,7 @@
       <div class="filter-row-item flex items-center">
         <span class="label">运营人员</span>
         <a-space class="w-160px">
-          <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
+          <CommonSelect v-model="query.operator_id" :multiple="false" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
     </div>
@@ -78,9 +78,8 @@ import {
   getPlacementAccountsList,
   getPlacementAccountOperators,
 } from '@/api/all/propertyMarketing';
-import GroupSelect from '../group-select';
 
-import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
+import CommonSelect from '@/components/common-select';
 import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
 import AccountSelect from '@/views/property-marketing/put-account/components/account-select';
 
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 5b37828..e4393cb 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
@@ -41,6 +41,30 @@
           <span class="label">运营人员</span>
           <span class="cts">{{ item.operator?.name }}</span>
         </div>
+        <div class="field-row">
+          <span class="label">所属项目</span>
+          <span v-if="!item.projects.length" class="cts">-</span>
+          <div v-else class="flex items-center">
+            <a-tooltip
+              v-if="item.projects.length > 2"
+              position="bottom"
+              :content="
+                item.projects
+                  .slice(2)
+                  .map((v) => v.name)
+                  .join(',')
+              "
+            >
+              <div class="tag-box">
+                <span class="text">{{ `+${item.projects.length - 2}` }}</span>
+              </div>
+            </a-tooltip>
+
+            <div v-for="(project, index) in item.projects.slice(0, 2)" :key="index" class="tag-box">
+              <span class="text">{{ project.name }}</span>
+            </div>
+          </div>
+        </div>
         <div class="field-row">
           <span class="label">账户总消耗</span>
           <span class="cts">{{ `￥${formatNumberShow({ value: item.total_use_amount, showExactValue: true })}` }}</span>
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
index 8bb6a61..3ddc4d9 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
@@ -1,9 +1,3 @@
-@mixin ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .card-container {
   flex: 1;
   display: grid;
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 05aaeda..d1ef9a1 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -111,6 +111,9 @@
             </a-radio>
           </a-radio-group>
         </a-form-item>
+        <a-form-item label="所属项目" field="project_ids">
+          <CommonSelect v-model="form.project_ids" :options="projects" placeholder="请选择…" size="large" />
+        </a-form-item>
         <template v-if="isEdit">
           <a-form-item label="账户总消耗" field="total_use_amount">
             <a-input v-model="form.total_use_amount" placeholder="请输入..." size="large" disabled />
@@ -148,6 +151,8 @@ import { ref, defineEmits } from 'vue';
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
+import CommonSelect from '@/components/common-select';
+
 import { PLATFORM_LIST, ENUM_PUT_ACCOUNT_PLATFORM } from '@/utils/platform';
 
 import {
@@ -156,6 +161,7 @@ import {
   putPlacementAccounts,
   getPlacementAccountsTemplateUrl,
   batchPlacementAccounts,
+  getProjectList,
 } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-download.png';
@@ -174,6 +180,7 @@ const INITIAL_FORM = {
   holder_name: '',
   platform: 0,
   is_sync_project: 1,
+  project_ids: [],
 };
 
 const visible = ref(false);
@@ -188,6 +195,7 @@ const authorizedAccountModalRef = ref(null);
 const uploadRef = ref(null);
 const file = ref(null);
 const form = ref(cloneDeep(INITIAL_FORM));
+const projects = ref([]);
 
 const rules = {
   mobile: [
@@ -240,6 +248,7 @@ const reset = () => {
   fileName.value = '';
   file.value = null;
   isEdit.value = false;
+  projects.value = [];
   uploadStatus.value = UploadStatus.DEFAULT;
   uploadType.value = 'manual';
 };
@@ -252,12 +261,19 @@ const open = (accountId = '') => {
   id.value = accountId;
   isEdit.value = !!accountId;
 
+  getProjects();
   if (accountId) {
     getAccountDetail();
   }
 
   visible.value = true;
 };
+const getProjects = async () => {
+  const { code, data } = await getProjectList();
+  if (code === 200) {
+    projects.value = data;
+  }
+};
 
 const getAccountDetail = async () => {
   const { code, data } = await getPlacementAccountsDetail(id.value);
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 850b626..a052d91 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
@@ -42,11 +42,17 @@
       <div class="filter-row-item flex items-center">
         <span class="label">运营人员</span>
         <a-space class="w-160px">
-          <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
+          <CommonSelect v-model="query.operator_id" :multiple="false" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
     </div>
     <div class="filter-row flex">
+      <div class="filter-row-item flex items-center">
+        <span class="label">所属项目</span>
+        <a-space class="w-200px">
+          <CommonSelect v-model="query.project_ids" :options="projects" @change="handleSearch" />
+        </a-space>
+      </div>
       <a-button type="outline" class="mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
@@ -65,10 +71,10 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { getPlacementAccountOperators } from '@/api/all/propertyMarketing';
+import { getPlacementAccountOperators, getProjectList } from '@/api/all/propertyMarketing';
 import { PLATFORM_LIST } from '@/utils/platform';
 import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
-import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
+import CommonSelect from '@/components/common-select';
 
 const props = defineProps({
   query: {
@@ -80,6 +86,7 @@ const props = defineProps({
 const emits = defineEmits('onSearch', 'onReset', 'update:query');
 
 const operators = ref([]);
+const projects = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -97,9 +104,16 @@ const getOperators = async () => {
     operators.value = data;
   }
 };
+const getProjects = async () => {
+  const { code, data } = await getProjectList();
+  if (code === 200) {
+    projects.value = data;
+  }
+};
 
 onMounted(() => {
   getOperators();
+  getProjects();
 });
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-manage/constants.ts b/src/views/property-marketing/put-account/account-manage/constants.ts
index be17120..e6afd6e 100644
--- a/src/views/property-marketing/put-account/account-manage/constants.ts
+++ b/src/views/property-marketing/put-account/account-manage/constants.ts
@@ -8,4 +8,5 @@ export const INITIAL_QUERY = {
   status: '',
   platform: '',
   operator_id: '',
+  project_ids: [],
 };
diff --git a/src/views/property-marketing/put-account/components/operator-select/index.vue b/src/views/property-marketing/put-account/components/operator-select/index.vue
deleted file mode 100644
index 2c50673..0000000
--- a/src/views/property-marketing/put-account/components/operator-select/index.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-25 14:02:40
--->
-<template>
-  <a-select
-    v-model="selectedOperators"
-    :multiple="multiple"
-    size="medium"
-    :placeholder="placeholder"
-    allow-clear
-    @change="handleChange"
-  >
-    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
-      {{ item.name }}
-    </a-option>
-  </a-select>
-</template>
-
-<script setup>
-import { ref, watch } from 'vue';
-
-const props = defineProps({
-  modelValue: {
-    type: [Array, String, Number],
-    default: () => [],
-  },
-  multiple: {
-    type: Boolean,
-    default: false,
-  },
-  placeholder: {
-    type: String,
-    default: '全部',
-  },
-  options: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const emits = defineEmits(['update:modelValue', 'change']);
-
-const selectedOperators = ref(props.multiple ? [] : '');
-
-// 监听外部传入的值变化
-watch(
-  () => props.modelValue,
-  (newVal) => {
-    selectedOperators.value = newVal;
-  },
-  { immediate: true },
-);
-
-// 监听内部值变化，向外部发送更新
-watch(selectedOperators, (newVal) => {
-  emits('update:modelValue', newVal);
-});
-
-const handleChange = (value) => {
-  selectedOperators.value = value;
-  emits('change', value);
-};
-</script>

From 9e6082eb76fd61943b2f7716c69fd82636b630b9 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 14:31:01 +0800
Subject: [PATCH 75/97] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/tag-select/index.vue           | 65 -------------------
 1 file changed, 65 deletions(-)
 delete mode 100644 src/views/property-marketing/media-account/components/tag-select/index.vue

diff --git a/src/views/property-marketing/media-account/components/tag-select/index.vue b/src/views/property-marketing/media-account/components/tag-select/index.vue
deleted file mode 100644
index 0ae6988..0000000
--- a/src/views/property-marketing/media-account/components/tag-select/index.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-25 14:02:40
--->
-<template>
-  <a-select
-    v-model="selectedTags"
-    :multiple="multiple"
-    size="medium"
-    :placeholder="placeholder"
-    allow-clear
-    :max-tag-count="3"
-    @change="handleChange"
-  >
-    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
-      {{ item.name }}
-    </a-option>
-  </a-select>
-</template>
-
-<script setup>
-import { ref, watch } from 'vue';
-
-const props = defineProps({
-  modelValue: {
-    type: [Array, String, Number],
-    default: () => [],
-  },
-  multiple: {
-    type: Boolean,
-    default: true,
-  },
-  placeholder: {
-    type: String,
-    default: '全部',
-  },
-  options: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const emits = defineEmits(['update:modelValue', 'change']);
-
-const selectedTags = ref(props.multiple ? [] : '');
-
-// 监听外部传入的值变化
-watch(
-  () => props.modelValue,
-  (newVal) => {
-    selectedTags.value = newVal;
-  },
-  { immediate: true },
-);
-
-// 监听内部值变化，向外部发送更新
-watch(selectedTags, (newVal) => {
-  emits('update:modelValue', newVal);
-});
-
-const handleChange = (value) => {
-  selectedTags.value = value;
-  emits('change', value);
-};
-</script>

From 4d63f623cc46300f1e4b97a98306f164629b9a2e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 14:35:12 +0800
Subject: [PATCH 76/97] =?UTF-8?q?perf:=20cookie=E5=80=BC=E5=BD=95=E5=85=A5?=
 =?UTF-8?q?=E6=A1=86=E9=AB=98=E5=BA=A6=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/add-account-modal/index.vue     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 bd33b90..9fbcf7c 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
@@ -406,8 +406,8 @@ export default {
                     v-model={form.value.cookie}
                     placeholder="请输入..."
                     size="large"
-                    max-length={72}
-                    auto-size={{ minRows: 3, maxRows: 5 }}
+                    max-length={500}
+                    auto-size={{ minRows: 5, maxRows: 8 }}
                   />
                 </FormItem>
               )}

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 77/97] =?UTF-8?q?perf:=20=E5=90=8C=E6=AD=A5=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=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;

From 369f878b44bb36661ef37a7db5fe010a0c9d5069 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 14:53:29 +0800
Subject: [PATCH 78/97] =?UTF-8?q?perf:=20=E7=8A=B6=E6=80=81=E5=80=BC?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../media-account/components/status-select/constants.ts       | 4 ++--
 1 file changed, 2 insertions(+), 2 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 4713f42..7049295 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
@@ -5,8 +5,8 @@
 export enum EnumStatus {
   UNAUTHORIZED = 0,
   NORMAL = 1,
-  ABNORMAL = 2,
-  PAUSE = 3,
+  ABNORMAL = 3,
+  PAUSE = 2,
   ABNORMAL_LOGIN = 4,
   ABNORMAL_REQUEST = 5,
   ABNORMAL_FREEZE = 6,

From 8bbc84aecd0ea8a0c2a638df8d1cc5ac06063743 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 15:02:10 +0800
Subject: [PATCH 79/97] =?UTF-8?q?perf:=20=E7=BB=9F=E4=B8=80status-box?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/status-select/index.vue        |  2 +-
 .../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 -------------------
 9 files changed, 7 insertions(+), 127 deletions(-)
 delete mode 100644 src/views/property-marketing/put-account/components/status-select/constants.ts
 delete mode 100644 src/views/property-marketing/put-account/components/status-select/index.vue

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 ff8be64..b327655 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
@@ -19,7 +19,7 @@
 
 <script setup>
 import { ref, watch } from 'vue';
-import { STATUS_LIST } from './constants';
+import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
 
 const props = defineProps({
   modelValue: {
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 b60414d..5b7eeb0 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/put-account/components/status-select/constants';
+import { STATUS_LIST } from '@/views/property-marketing/media-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 be083c7..f20c08f 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/put-account/components/status-select';
+import StatusSelect from '@/views/property-marketing/media-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 4ae434e..91e509b 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/put-account/components/status-select/constants';
+import { STATUS_LIST } from '@/views/property-marketing/media-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 a2e75c0..4b3ad2c 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 { EnumStatus } from '@/views/property-marketing/media-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 3b90852..3d71058 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/put-account/components/status-select';
+import StatusSelect from '@/views/property-marketing/media-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 bc5362f..df9d526 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, 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';
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
deleted file mode 100644
index 7049295..0000000
--- a/src/views/property-marketing/put-account/components/status-select/constants.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
- * @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
deleted file mode 100644
index ff8be64..0000000
--- a/src/views/property-marketing/put-account/components/status-select/index.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<!--
- * @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 './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 135221db8ec3f3040e8114bc58cbe9b4f1bdb3ee Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 15:25:04 +0800
Subject: [PATCH 80/97] =?UTF-8?q?style:=20=E6=8C=89=E9=92=AE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/_base/navbar/components/navbar-menu/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/_base/navbar/components/navbar-menu/index.vue b/src/components/_base/navbar/components/navbar-menu/index.vue
index 0be5ffa..7c33508 100644
--- a/src/components/_base/navbar/components/navbar-menu/index.vue
+++ b/src/components/_base/navbar/components/navbar-menu/index.vue
@@ -4,7 +4,7 @@
       <a-menu-item v-for="item in menuList" :key="String(item.id)">
         <template v-if="item.children">
           <a-dropdown :popup-max-height="false" class="layout-menu-item-dropdown">
-            <a-button>
+            <a-button type="text">
               <span class="menu-item-text mr-2px"> {{ item.name }}</span>
               <icon-caret-down size="16" class="arco-icon-down !mr-0" />
             </a-button>

From 45e4da004d5b9fbf315e8fb9d3b392e5a2bde0c3 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 16:41:38 +0800
Subject: [PATCH 81/97] =?UTF-8?q?perf:=20=E7=BB=9F=E4=B8=80=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/export-task/delete-task-modal.vue       |  2 +-
 .../components/import-task/delete-task-modal.vue       |  2 +-
 src/components/custom-table-column-modal/index.vue     |  2 +-
 src/components/custom-table-column-modal/style.scss    |  9 +--------
 src/views/components/dataEngine/hotTranslation.vue     | 10 +---------
 src/views/components/dataEngine/keyWord.vue            | 10 +---------
 src/views/components/dataEngine/userPainPoints.vue     | 10 +---------
 src/views/property-marketing/component.scss            |  9 ---------
 .../components/custom-column-modal/index.vue           |  2 +-
 .../components/custom-column-modal/style.scss          |  8 --------
 .../components/account-table/delete-account.vue        |  2 +-
 .../components/account-table/pause-account-patch.vue   |  2 +-
 .../components/add-account-modal/index.vue             |  2 +-
 .../components/authorized-account-modal/index.vue      |  9 ++-------
 .../components/batch-group-modal/index.vue             |  2 +-
 .../components/batch-tag-modal/index.vue               |  2 +-
 .../components/group-manage-modal/add-group.vue        |  2 +-
 .../components/group-manage-modal/delete-group.vue     |  2 +-
 .../components/import-prompt-modal/index.vue           |  2 +-
 .../components/reauthorize-account-modal/index.vue     |  3 +--
 .../components/sync-data-modal/index.vue               |  2 +-
 .../components/tags-manage-modal/add-tag.vue           |  6 +-----
 .../components/tags-manage-modal/delete-tag.vue        |  2 +-
 .../components/group-manage-modal/add-group.vue        |  2 +-
 .../components/group-manage-modal/delete-group.vue     |  2 +-
 .../components/account-table/delete-account.vue        |  2 +-
 .../components/account-table/pause-account-patch.vue   |  2 +-
 .../components/add-account-modal/index.vue             |  4 ++--
 .../components/authorized-account-modal/index.vue      |  2 +-
 .../components/import-prompt-modal/index.vue           |  2 +-
 .../components/select-sub-account-modal/index.vue      |  2 +-
 31 files changed, 31 insertions(+), 89 deletions(-)

diff --git a/src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue b/src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
index 343f730..e28a39a 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/export-task/delete-task-modal.vue
@@ -10,7 +10,7 @@
       <span>确认删除 {{ accountName }} 这条记录吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
         >确定</a-button
       >
diff --git a/src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue b/src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
index 63fee1c..1c7c09e 100644
--- a/src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
+++ b/src/components/_base/navbar/components/task-center-modal/components/import-task/delete-task-modal.vue
@@ -10,7 +10,7 @@
       <span>确认删除 {{ accountName }} 这条记录吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px !bg-#f64b31 !border-none" status="danger" size="large" @click="onDelete"
         >确定</a-button
       >
diff --git a/src/components/custom-table-column-modal/index.vue b/src/components/custom-table-column-modal/index.vue
index 9ffb83b..5060d64 100644
--- a/src/components/custom-table-column-modal/index.vue
+++ b/src/components/custom-table-column-modal/index.vue
@@ -65,7 +65,7 @@
 
     <template #footer>
       <div style="text-align: right">
-        <a-button class="mr-8px cancel-btn" size="medium" @click="close">取消</a-button>
+        <a-button class="mr-8px" size="medium" @click="close">取消</a-button>
         <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
       </div>
     </template>
diff --git a/src/components/custom-table-column-modal/style.scss b/src/components/custom-table-column-modal/style.scss
index 79eeae6..948ca27 100644
--- a/src/components/custom-table-column-modal/style.scss
+++ b/src/components/custom-table-column-modal/style.scss
@@ -87,13 +87,6 @@
     }
   }
   .arco-modal-footer {
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
+
   }
 }
diff --git a/src/views/components/dataEngine/hotTranslation.vue b/src/views/components/dataEngine/hotTranslation.vue
index 5c699b8..1e3be9f 100644
--- a/src/views/components/dataEngine/hotTranslation.vue
+++ b/src/views/components/dataEngine/hotTranslation.vue
@@ -133,7 +133,7 @@
         </a-space>
       </div>
       <template #footer>
-        <a-button size="large" class="cancel-btn" @click="handleCancel">取消</a-button>
+        <a-button size="large" @click="handleCancel">取消</a-button>
         <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
       </template>
     </a-modal>
@@ -397,14 +397,6 @@ const handleOk = () => {
     justify-content: flex-end;
     align-items: center;
     border-top: 1px solid var(--Border-1, #d7d7d9);
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }
 </style>
diff --git a/src/views/components/dataEngine/keyWord.vue b/src/views/components/dataEngine/keyWord.vue
index 6c2899d..c462718 100644
--- a/src/views/components/dataEngine/keyWord.vue
+++ b/src/views/components/dataEngine/keyWord.vue
@@ -260,7 +260,7 @@
         </a-space>
       </div>
       <template #footer>
-        <a-button size="large" class="cancel-btn" @click="handleCancel">取消</a-button>
+        <a-button size="large" @click="handleCancel">取消</a-button>
         <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
       </template>
     </a-modal>
@@ -713,14 +713,6 @@ onMounted(() => {
     justify-content: flex-end;
     align-items: center;
     border-top: 1px solid var(--Border-1, #d7d7d9);
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }
 </style>
diff --git a/src/views/components/dataEngine/userPainPoints.vue b/src/views/components/dataEngine/userPainPoints.vue
index 52b5fb5..e8cd5ca 100644
--- a/src/views/components/dataEngine/userPainPoints.vue
+++ b/src/views/components/dataEngine/userPainPoints.vue
@@ -110,7 +110,7 @@
         </a-space>
       </div>
       <template #footer>
-        <a-button size="large" class="cancel-btn" @click="handleCancel">取消</a-button>
+        <a-button size="large" @click="handleCancel">取消</a-button>
         <a-button type="primary" size="large" class="rounded-4px" @click="handleOk"> 确定 </a-button>
       </template>
     </a-modal>
@@ -318,14 +318,6 @@ const search = () => {
     justify-content: flex-end;
     align-items: center;
     border-top: 1px solid var(--Border-1, #d7d7d9);
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }
 </style>
diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index e90c356..982258f 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -1,13 +1,4 @@
 .arco-modal {
-  .cancel-btn {
-    border-radius: 4px;
-    border: 1px solid var(--BG-500, #b1b2b5);
-    background: var(--BG-white, #fff);
-    &:hover {
-      border: 1px solid var(--BG-500, #b1b2b5);
-    }
-  }
-
   .arco-modal-body {
     .arco-form-item {
       margin-bottom: 16px;
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
index bb32412..c60a1a5 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
@@ -65,7 +65,7 @@
 
     <template #footer>
       <div style="text-align: right">
-        <a-button class="mr-8px cancel-btn" size="medium" @click="close">取消</a-button>
+        <a-button class="mr-8px" size="medium" @click="close">取消</a-button>
         <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
       </div>
     </template>
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
index 413912b..8901d4a 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
@@ -87,13 +87,5 @@
     }
   }
   .arco-modal-footer {
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-      &:hover {
-        border: 1px solid var(--BG-500, #b1b2b5);
-      }
-    }
   }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
index ac6f06e..071f7a6 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -15,7 +15,7 @@
       <span>确认删除 {{ accountName }} 这个账号吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
index 00e5218..68ff863 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
@@ -9,7 +9,7 @@
       <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px" size="large" @click="onConfirm">确定</a-button>
     </template>
   </a-modal>
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 a1df9c9..b7c754c 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
@@ -436,7 +436,7 @@ export default {
           )}
         </Form>
         <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px;">
-          <Button size="large" class="cancel-btn" onClick={onClose}>
+          <Button size="large" onClick={onClose}>
             取消
           </Button>
           <Button type="primary" size="large" loading={importLoading.value} onClick={onSubmit}>
diff --git a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
index 1641da0..dffa5c0 100644
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
@@ -76,15 +76,10 @@
     </div>
 
     <template #footer>
-      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" class="cancel-btn" @click="handleRefreshQrCode">
+      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode">
         重新生成
       </a-button>
-      <a-button
-        v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)"
-        size="large"
-        class="cancel-btn"
-        @click="close"
-      >
+      <a-button v-if="[MODAL_STATE.SUCCESS, MODAL_STATE.FAILED].includes(modalState)" size="large" @click="close">
         取消
       </a-button>
       <a-button type="primary" size="large" @click="handleOk">
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
index c587891..8900a83 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -56,7 +56,7 @@
       </template>
     </a-form>
     <template #footer>
-      <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
index bb173bb..f3881bb 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
@@ -76,7 +76,7 @@
       </template>
     </a-form>
     <template #footer>
-      <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
index d208936..ec82283 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
@@ -16,7 +16,7 @@
       </a-form-item>
     </a-form>
     <template #footer>
-      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
index 8d19023..647bac4 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
@@ -9,7 +9,7 @@
       <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
index 8199a9a..5239f6b 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
@@ -21,7 +21,7 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="close">取消</a-button>
+      <a-button size="large" @click="close">取消</a-button>
       <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
index 74007e4..1ae4e00 100644
--- a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
@@ -92,13 +92,12 @@
     </div>
 
     <template #footer>
-      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" class="cancel-btn" @click="handleRefreshQrCode">
+      <a-button v-if="modalState === MODAL_STATE.QR_READY" size="large" @click="handleRefreshQrCode">
         重新生成
       </a-button>
       <a-button
         v-if="modalState === MODAL_STATE.SUCCESS || modalState === MODAL_STATE.FAILED"
         size="large"
-        class="cancel-btn"
         @click="close"
       >
         取消
diff --git a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
index f86ddaf..83133f6 100644
--- a/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/sync-data-modal/index.vue
@@ -20,7 +20,7 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="close">稍后再说</a-button>
+      <a-button size="large" @click="close">稍后再说</a-button>
       <a-button type="primary" size="large" @click="handleOk"> 更新数据 </a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
index 25e3058..c456871 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
@@ -1,7 +1,3 @@
-<!--
- * @Author: AI
- * @Date: 2025-06-27
--->
 <template>
   <a-modal
     v-model:visible="visible"
@@ -16,7 +12,7 @@
       </a-form-item>
     </a-form>
     <template #footer>
-      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
index eb183b7..f48ddb6 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
@@ -9,7 +9,7 @@
       <span>确认删除 "{{ tagName }}" 这个标签吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
index 75f7efd..8f7bc59 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
@@ -16,7 +16,7 @@
       </a-form-item>
     </a-form>
     <template #footer>
-      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
index 03312a7..c9f2519 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
@@ -9,7 +9,7 @@
       <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
index 9946880..08d9c34 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
@@ -15,7 +15,7 @@
       <span>确认删除 {{ accountName }} 这个账户吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
index 7509a48..671542f 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
@@ -9,7 +9,7 @@
       <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
     </div>
     <template #footer>
-      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px !bg-#f64b31" size="large" @click="onConfirm">确定</a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 877b1a4..7f0aa6e 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -134,7 +134,7 @@
       </template>
     </a-form>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button size="large" @click="onClose">取消</a-button>
       <a-button type="primary" size="large" @click="onSubmit" :loading="importLoading">
         {{ confirmBtnText }}
       </a-button>
@@ -304,7 +304,7 @@ const handleBatchImport = async () => {
         'Content-Type': 'multipart/form-data',
       },
     });
-    
+
     if (code === 200) {
       const id = genRandomId();
       showExportNotification(`正在导入“${file.value.name}”，请稍后...`, { id });
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index fc40f7c..8ac7abc 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -55,7 +55,7 @@
       </template>
     </div>
     <template #footer>
-      <a-button size="large" class="cancel-btn" @click="close">取消</a-button>
+      <a-button size="large" @click="close">取消</a-button>
       <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
index 5fd6c1e..ac7f68c 100644
--- a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
@@ -18,7 +18,7 @@
       </div>
     </div>
     <template #footer>
-      <a-button size="large" class="mr-16px cancel-btn" @click="close">取消</a-button>
+      <a-button size="large" @click="close">取消</a-button>
       <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
index e3762c9..d2af440 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue
@@ -103,7 +103,7 @@
         >已选<span class="color-#6D4CFE num mx-3px">{{ selectedRows.length }}个</span>账户</span
       >
       <div class="flex items-center">
-        <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+        <a-button size="large" @click="onClose">取消</a-button>
         <a-button
           type="primary"
           class="ml-16px"

From 5525d28f2d0484c96a2befb4f742af7acf29ea62 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 17:02:24 +0800
Subject: [PATCH 82/97] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E5=8A=A0=E5=85=A5=E4=BC=81=E4=B8=9A=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/join-modal.vue        |  8 ++++++--
 src/layouts/Basic.vue                | 13 +++++++++----
 src/router/guard/userLoginInfo.ts    |  3 ++-
 src/views/components/login/index.vue | 13 ++++++++++++-
 4 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/components/join-modal.vue b/src/components/join-modal.vue
index c05628b..0b32313 100644
--- a/src/components/join-modal.vue
+++ b/src/components/join-modal.vue
@@ -12,6 +12,7 @@ import { ref, onMounted } from 'vue';
 import { getQueryParam } from '@/utils/helper';
 
 import { getEnterpriseByInviteCode, joinEnterpriseByInviteCode } from '@/api/all';
+
 const enterprise = ref();
 const inviteCode = ref();
 
@@ -27,8 +28,11 @@ async function handleJoin() {
   await joinEnterpriseByInviteCode(inviteCode.value);
   AMessage.success('加入成功');
 }
-onMounted(() => {
-  getEnterprise();
+// onMounted(() => {
+//   getEnterprise();
+// });
+defineExpose({
+  getEnterprise,
 });
 </script>
 <style lang="scss">
diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 935161d..8f3f10d 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -1,13 +1,17 @@
-<script setup lang="ts">
+<script setup>
 import { useAppStore } from '@/stores';
 import { useResponsive } from '@/hooks';
 import JoinModal from '@/components/join-modal.vue';
 import { getQueryParam } from '@/utils/helper';
+import { useUserStore } from '@/stores';
+
 import { ref, onMounted, computed } from 'vue';
 import { useRoute } from 'vue-router';
 
 const joinEnterpriseVisible = ref(false);
+const joinModalRef = ref(null);
 const appStore = useAppStore();
+const userStore = useUserStore();
 const router = useRouter();
 const route = useRoute();
 
@@ -36,14 +40,15 @@ const paddingStyle = computed(() => {
 onMounted(() => {
   checkHasInviteCode();
 });
-const setCollapsed = (val: boolean) => {
+const setCollapsed = (val) => {
   appStore.updateSettings({ menuCollapse: val });
 };
 
 const checkHasInviteCode = () => {
   const inviteCode = getQueryParam('invite_code');
-  if (inviteCode) {
+  if (userStore.isLogin && inviteCode) {
     joinEnterpriseVisible.value = true;
+    joinModalRef.value?.getEnterprise?.();
   }
 };
 const drawerVisible = ref(false);
@@ -57,7 +62,7 @@ provide('toggleDrawerMenu', () => {
 
 <template>
   <a-layout :class="['layout', { mobile: appStore.hideMenu }]">
-    <JoinModal v-model:visible="joinEnterpriseVisible" />
+    <JoinModal v-model:visible="joinEnterpriseVisible" ref="joinModalRef" />
     <div v-if="navbar" class="layout-navbar">
       <base-navbar />
     </div>
diff --git a/src/router/guard/userLoginInfo.ts b/src/router/guard/userLoginInfo.ts
index 30e1169..cc3f891 100644
--- a/src/router/guard/userLoginInfo.ts
+++ b/src/router/guard/userLoginInfo.ts
@@ -18,9 +18,10 @@ export default function setupUserLoginInfoGuard(router: Router) {
     const routeName = to?.name as string;
     const requiresAuth = to?.meta?.requiresAuth || false;
     const requireLogin = to?.meta?.requireLogin || false;
+    const query = to?.query ?? {};
 
     if (requireLogin && !userStore.isLogin) {
-      goUserLogin();
+      goUserLogin(query);
       next();
       return;
     }
diff --git a/src/views/components/login/index.vue b/src/views/components/login/index.vue
index 9df7a08..238c240 100644
--- a/src/views/components/login/index.vue
+++ b/src/views/components/login/index.vue
@@ -125,13 +125,16 @@
 <script setup lang="ts">
 import PuzzleVerification from './components/PuzzleVerification.vue';
 import { fetchLoginCaptCha, fetchAuthorizationsCaptcha, fetchProfileInfo } from '@/api/all/login';
+import { joinEnterpriseByInviteCode } from '@/api/all';
 import { ref, reactive, onUnmounted, computed } from 'vue';
 import { useUserStore } from '@/stores';
 import { useEnterpriseStore } from '@/stores/modules/enterprise';
 import { handleUserLogin } from '@/utils/user';
 import router from '@/router';
+import { useRoute } from 'vue-router';
 
 const formRef = ref();
+const route = useRoute();
 const userStore = useUserStore();
 const enterpriseStore = useEnterpriseStore();
 const countdown = ref(0);
@@ -144,7 +147,6 @@ const submitting = ref(false);
 const hasCheck = ref(false);
 const mobileNumber = ref('');
 const selectedAccountIndex = ref(0);
-
 const accounts = ref([]);
 
 const loginForm = reactive({
@@ -299,6 +301,15 @@ const handleSubmit = async () => {
       // 处理登录成功逻辑
       AMessage.success(isLogin.value ? '登录成功' : '注册成功');
       userStore.setToken(data.access_token);
+
+      const { invite_code } = route.query;
+      if (invite_code) {
+        const { code } = await joinEnterpriseByInviteCode(invite_code as string);
+        if (code === 200) {
+          AMessage.success('加入企业成功');
+        }
+      }
+
       getProfileInfo();
     }
   } catch (error) {

From 86c0ba3686f67b3600b3c1a3aeba2e3d0942ad79 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 17:38:31 +0800
Subject: [PATCH 83/97] =?UTF-8?q?perf:=20=E5=BC=95=E7=94=A8=E6=95=B0?=
 =?UTF-8?q?=E5=AD=97=E5=AD=97=E4=BD=93=E5=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/index.scss | 2 +-
 vite.config.ts        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/styles/index.scss b/src/styles/index.scss
index d574cc1..689de18 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -2,9 +2,9 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-30 16:03:42
  */
+@import './font.scss';
 @import './lib/variable.scss';
 @import './lib/reset.scss';
 
 @import './vars.scss';
 @import './components/index.scss';
-// @import './font.scss';
diff --git a/vite.config.ts b/vite.config.ts
index b94b990..ea48c0a 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -20,7 +20,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: `@import "@/styles/lib/variable.scss";@import "@/styles/mixins/index.scss";`,
+          additionalData: `@import "@/styles/lib/variable.scss"; @import "@/styles/mixins/index.scss";`,
         },
       },
     },

From b260e4e68e7bcf22160b4d27f83e8aa9b885c213 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 17:44:09 +0800
Subject: [PATCH 84/97] =?UTF-8?q?style:=20=E9=AB=98=E5=BA=A6=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../project-list/components/add-project-modal/stepOne.vue   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
index 13be379..caa90e0 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-form ref="formRef" :model="formQuery" :rules="rules" layout="horizontal" auto-label-width class="h-360px">
+  <a-form ref="formRef" :model="formQuery" :rules="rules" layout="horizontal" auto-label-width class="h-448px">
     <a-form-item label="项目名称" required field="name">
       <a-input v-model="formQuery.name" placeholder="请输入项目名称" size="large" class="!w-400px" />
     </a-form-item>
@@ -12,7 +12,7 @@
         placeholder="请输入项目目标"
         :max-length="500"
         show-word-limit
-        class="h-120px"
+        class="h-154px"
       />
     </a-form-item>
     <a-form-item label="项目背景" field="background">
@@ -21,7 +21,7 @@
         placeholder="请输入项目背景"
         :max-length="500"
         show-word-limit
-        class="h-120px"
+        class="h-154px"
       />
     </a-form-item>
   </a-form>

From c2a86cda3ee4014b244361ea0a15129d603b4c11 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 24 Jul 2025 14:12:01 +0800
Subject: [PATCH 85/97] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/svg-icon/index.vue | 62 ++++++++++++++-----------------
 src/styles/lib/variable.scss      |  1 +
 2 files changed, 29 insertions(+), 34 deletions(-)

diff --git a/src/components/svg-icon/index.vue b/src/components/svg-icon/index.vue
index c9ea304..18e5669 100644
--- a/src/components/svg-icon/index.vue
+++ b/src/components/svg-icon/index.vue
@@ -1,35 +1,29 @@
 <template>
-    <svg
-      aria-hidden="true"
-      class="svg-icon"
-      :width="props.size"
-      :height="props.size"
-    >
-      <use :xlink:href="symbolId" :fill="props.color" />
-    </svg>
-  </template>
-  
-  <script setup>
-  import { computed } from "vue";
-  const props = defineProps({
-    prefix: {
-      type: String,
-      default: "icon",
-    },
-    name: {
-      type: String,
-      required: true,
-    },
-    color: {
-      type: String,
-      default: "#333",
-    },
-    size: {
-      type: String,
-      default: "12",
-    },
-  });
-  
-  const symbolId = computed(() => `#${props.prefix}-${props.name}`);
-  </script>
-  
\ No newline at end of file
+  <svg aria-hidden="true" class="svg-icon" :width="props.size" :height="props.size">
+    <use :xlink:href="symbolId" :fill="props.color" />
+  </svg>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+const props = defineProps({
+  prefix: {
+    type: String,
+    default: 'icon',
+  },
+  name: {
+    type: String,
+    required: true,
+  },
+  color: {
+    type: String,
+    default: '#333',
+  },
+  size: {
+    type: String,
+    default: '12',
+  },
+});
+
+const symbolId = computed(() => `#${props.prefix}-${props.name}`);
+</script>
diff --git a/src/styles/lib/variable.scss b/src/styles/lib/variable.scss
index 96e71de..fe28ae1 100644
--- a/src/styles/lib/variable.scss
+++ b/src/styles/lib/variable.scss
@@ -4,6 +4,7 @@ $font-family-regular: 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif
 $font-family-medium: 'PingFangSC-Medium', 'Microsoft Yahei', Arial, sans-serif;
 $font-family-light: 'PingFangSC-Light', 'Microsoft Yahei', Arial, sans-serif;
 $font-family-bold: 'PingFangSC-Semibold', 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif;
+
 // 数字字体包
 $font-family-manrope-regular: 'Manrope-Regular';
 $font-family-manrope-medium: 'Manrope-Medium';

From 5196069480058cda18f0d7f5770b280d92c1e083 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 24 Jul 2025 14:18:01 +0800
Subject: [PATCH 86/97] =?UTF-8?q?style:=20=E5=90=8D=E5=AD=97=E4=B8=BA?=
 =?UTF-8?q?=E7=A9=BA=E6=98=BE=E7=A4=BA=E6=89=8B=E6=9C=BA=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../project-list/components/add-project-modal/stepFour.vue   | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
index 91cfa7e..2e32d26 100644
--- a/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
+++ b/src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue
@@ -183,7 +183,10 @@ const handleSearch = () => {
 const getUsers = async () => {
   const { code, data } = await getUserList();
   if (code === 200) {
-    uploaders.value = data;
+    uploaders.value = data.map( v => ({
+      ...v,
+      name: v.name || v.mobile
+    }));
 
     console.log(uploaders.value);
   }

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 87/97] =?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 8ef1c18eebf9d6368cbb3b89ee0023a1e40d0222 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 24 Jul 2025 15:47:37 +0800
Subject: [PATCH 88/97] =?UTF-8?q?perf:=20=E5=8E=BB=E6=8E=89=E5=AD=97?=
 =?UTF-8?q?=E7=AC=A6=E4=B8=B2=E9=95=BF=E5=BA=A6=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/add-account-modal/index.vue        | 1 -
 1 file changed, 1 deletion(-)

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 b7c754c..7f9dab5 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
@@ -427,7 +427,6 @@ export default {
                     v-model={form.value.cookie}
                     placeholder="请输入..."
                     size="large"
-                    max-length={500}
                     auto-size={{ minRows: 5, maxRows: 8 }}
                   />
                 </FormItem>

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 89/97] =?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 90/97] =?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 91/97] =?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 92/97] =?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 93/97] =?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 94/97] =?UTF-8?q?fix:=20=E5=87=BD=E6=95=B0=E5=90=8D?=
 =?UTF-8?q?=E9=87=8D=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 = '暂停同步';

From 983066d3c6c63c5ab1bf4e8f00732769c1cc27b4 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 8 Aug 2025 12:10:07 +0800
Subject: [PATCH 95/97] =?UTF-8?q?feat:=20ci=E8=84=9A=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .drone.yml                            | 96 +++++++++++++++++++++++++++
 src/components/_base/navbar/index.vue |  2 +-
 2 files changed, 97 insertions(+), 1 deletion(-)
 create mode 100644 .drone.yml

diff --git a/.drone.yml b/.drone.yml
new file mode 100644
index 0000000..d0ec613
--- /dev/null
+++ b/.drone.yml
@@ -0,0 +1,96 @@
+kind: pipeline
+type: docker
+name: build-deploy
+
+clone:
+  depth: 1  # ✅ 只拉取最近一次 commit，显著加快 clone 速度
+
+trigger:
+  event:
+    - push
+    - custom
+  branch:
+    - master
+    - test
+    - feature/ldb_build
+
+steps:
+  - name: install & build
+    image: node:23.9.0
+    volumes:
+      - name: build-output
+        path: /runner/builds
+    commands:
+      - corepack enable
+      - corepack prepare pnpm@8.15.5 --activate
+      - pnpm install
+      - mkdir -p /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}
+      - |
+        case "${DRONE_BRANCH}" in
+          feature/ldb_build | test)
+            pnpm run build:test
+            ;;
+          master)
+            pnpm run build:prod
+            ;;
+          *)
+            echo "❌ 未配置此分支的构建规则: ${DRONE_BRANCH}"
+            exit 1
+            ;;
+        esac
+      - rm -rf /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}/*
+      - cp -r dist/* /runner/builds/${DRONE_REPO_NAME}/${DRONE_BRANCH}/
+
+  - name: deploy to spug
+    image: curlimages/curl
+    when:
+      status:
+        - success
+      branch:
+        - feature/ldb_build
+        - test
+        - master
+    environment:
+      SPUG_DEPLOY_URL:
+        from_secret: spug_deploy_lingji_work_fe_url
+      SPUG_DEPLOY_TOKEN:
+        from_secret: spug_deploy_token
+    commands:
+      - |
+        echo "🚀 部署到 Spug: 分支 ${DRONE_BRANCH}"
+        curl -X POST "$SPUG_DEPLOY_URL?name=${DRONE_BRANCH}&token=$SPUG_DEPLOY_TOKEN" \
+        -H "Content-Type: application/json" \
+        -d '{
+        "ref": "refs/heads/'"${DRONE_BRANCH}"'",
+        "before": "'"${DRONE_COMMIT_BEFORE}"'",
+        "after": "'"${DRONE_COMMIT_SHA}"'",
+        "commits": [
+          {
+            "message": "发布'"${DRONE_BRANCH}：${DRONE_COMMIT_SHA}"'"
+          }
+        ]
+        }'
+
+  - name: notify feishu on failure
+    image: curlimages/curl
+    when:
+      status:
+        - failure
+    environment:
+      FEISHU_WEBHOOK:
+        from_secret: feishu_webhook_url
+    commands:
+      - |
+        curl -X POST "$FEISHU_WEBHOOK" \
+        -H "Content-Type: application/json" \
+        -d '{
+          "msg_type": "text",
+          "content": {
+            "text": "❌ Drone-CI 执行失败 ❗️\n项目: '${DRONE_REPO_NAME}'\n分支: '${DRONE_BRANCH}'\n提交: '${DRONE_COMMIT_SHA:0:8}'"
+          }
+        }'
+
+volumes:
+  - name: build-output
+    host:
+      path: /www/dk_project/dk_compose/spug/data/repos/build/drone-runner/builds
\ No newline at end of file
diff --git a/src/components/_base/navbar/index.vue b/src/components/_base/navbar/index.vue
index fd5aeeb..2f6507a 100644
--- a/src/components/_base/navbar/index.vue
+++ b/src/components/_base/navbar/index.vue
@@ -2,7 +2,7 @@
   <div class="navbar-wrap">
     <div class="left-wrap">
       <a-space class="cursor-pointer" @click="router.push('/')">
-        <img src="@/assets/logo.svg" alt="" />
+        <img src="@/assets/LOGO.svg" alt="" />
       </a-space>
     </div>
     <div class="flex-1">

From 8a164c9c21c98a67f7e3267181344006ba6bc225 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 11 Aug 2025 13:35:08 +0800
Subject: [PATCH 96/97] =?UTF-8?q?perf:=20=E5=8E=BB=E6=8E=89=E5=AD=97?=
 =?UTF-8?q?=E6=95=B0=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/add-account-modal/index.vue        | 1 -
 1 file changed, 1 deletion(-)

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 cfbe000..1908ce8 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
@@ -409,7 +409,6 @@ export default {
                   v-model={form.value.end_work_link}
                   placeholder="请输入..."
                   size="large"
-                  max-length={72}
                   auto-size={{ minRows: 3, maxRows: 5 }}
                 />
               </FormItem>

From db59fb89f394c6a69be440856482c9099a06be37 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 12 Aug 2025 17:59:41 +0800
Subject: [PATCH 97/97] =?UTF-8?q?perf:=20=E7=BC=BA=E5=A4=B1EnumPutAccountS?=
 =?UTF-8?q?tatus=E5=AD=97=E6=AE=B5=E5=BC=95=E5=85=A5+?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/account-table/index.vue           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 f5234a5..00be502 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
@@ -102,7 +102,7 @@
 <script setup>
 import { defineProps, ref, computed } from 'vue';
 import { PLATFORM_LIST } from '@/utils/platform';
-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';