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/38] =?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/38] =?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/38] =?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 123f2ce3dbb8e88a85ed681f07c902bd66ee5a1a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 09:58:49 +0800
Subject: [PATCH 04/38] =?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 e6a957d2d2125ebcebeced5861e060fad748bd7b Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 11:18:36 +0800
Subject: [PATCH 05/38] =?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 d30be4dc935026e8695aa49e8e4979d8a777bb82 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 15:28:20 +0800
Subject: [PATCH 06/38] =?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 07/38] =?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 08/38] =?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 69c7415aeab707b564344a5fcc40c88608230f3d Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 11:08:09 +0800
Subject: [PATCH 09/38] =?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 5063cd50f8326e7d117d8a4bc68a02b227c1a455 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 14:43:19 +0800
Subject: [PATCH 10/38] =?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 4ef74174ca5dbdd2a7de5e1b34803c7116600224 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 18 Jul 2025 17:10:12 +0800
Subject: [PATCH 11/38] =?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 12/38] =?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 13/38] =?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 14/38] =?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 15/38] =?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 16/38] =?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 17/38] =?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 18/38] =?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 19/38] =?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 20/38] =?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 e6798bf313c1ffdba8ef2a67da118f7d85d4e334 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 15:10:26 +0800
Subject: [PATCH 21/38] =?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 22/38] =?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 23/38] =?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 24/38] =?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 25/38] =?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 26/38] =?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 27/38] =?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 28/38] =?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 29/38] =?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 d274ae90a93633aad8fb203b021b5a16a35c4d64 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 21 Jul 2025 18:20:24 +0800
Subject: [PATCH 30/38] =?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 31/38] =?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 95fc8c7fc073f66964d4e117ef68217710bbaf5e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 22 Jul 2025 18:24:24 +0800
Subject: [PATCH 32/38] =?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 33/38] =?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 c0dabc9a7d8a39b587649b4d6b6dd041063f34ad Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 11:37:21 +0800
Subject: [PATCH 34/38] =?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 4d63f623cc46300f1e4b97a98306f164629b9a2e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Wed, 23 Jul 2025 14:35:12 +0800
Subject: [PATCH 35/38] =?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 36/38] =?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 37/38] =?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 38/38] =?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>