feat: 投放数据表格对接

src/views/property-marketing/put-account/account-data/index.vue

@@ -44,7 +44,7 @@
           show-jumper
           show-page-size
           :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
+          :page-size="pageInfo.page_size"
           @change="onPageChange"
           @page-size-change="onPageSizeChange"
         />
@@ -68,7 +68,7 @@ import {
   postPlacementAccountDataListExport,
 } from '@/api/all/propertyMarketing';
 
-import { INITIAL_QUERY } from './constants';
+import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { downloadByUrl } from '@/utils/tools';
 
 import icon2 from '@/assets/img/media-account/icon-group.png';
@@ -78,19 +78,20 @@ const activeTab = ref('1');
 const accountTableRef = ref(null);
 const groupManageModalRef = ref(null);
 const filterBlockRef = ref(null);
-const query = ref({});
+const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
-const pageInfo = ref({
-  page: 1,
-  pageSize: 20,
-  total: 0,
-});
+const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 
 const isAccountTab = computed(() => activeTab.value === '1');
 
 const getData = async () => {
   const _fn = isAccountTab.value ? getPlacementAccountData : getPlacementAccountDataList;
-  const { code, data } = await _fn(query.value);
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await _fn({
+    ...query.value,
+    page,
+    page_size,
+  });
   if (code === 200) {
     dataSource.value = data?.data ?? [];
     pageInfo.value.total = data.total;
@@ -103,7 +104,7 @@ const onPageChange = (current) => {
 };
 
 const onPageSizeChange = (pageSize) => {
-  pageInfo.value.pageSize = pageSize;
+  pageInfo.value.page_size = pageSize;
   reload();
 };
 
@@ -113,9 +114,7 @@ const reload = () => {
 };
 
 const handleReset = () => {
-  pageInfo.value.page = 1;
-  pageInfo.value.pageSize = 20;
-  pageInfo.value.total = 0;
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
   selectedRowKeys.value = [];
   accountTableRef.value?.resetTable();
   query.value = cloneDeep(INITIAL_QUERY);