From 6de3c818e81708208f7f37852b948473ac873120 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 14 Jul 2025 11:16:37 +0800
Subject: [PATCH 1/8] =?UTF-8?q?perf:=20=E6=89=B9=E9=87=8F=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E6=97=B6=E5=80=99reload?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 74753a7..879c09d 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -212,7 +212,7 @@ const reload = () => {
   getData();
 };
 const handleSearch = () => {
-  getData();
+  reload();
 };
 const handleReset = () => {
   pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);

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

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

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

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

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

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

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

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

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

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

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

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

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

---
 .../components/add-account-modal/index.vue            |  2 +-
 .../components/authorized-account-modal/index.vue     | 11 +++++++----
 .../components/select-sub-account-modal/index.vue     |  2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

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

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

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

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

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

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

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