feat: 投放账户数据

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

@@ -105,7 +105,7 @@ const tagsManageModalRef = ref(null);
 const addAccountModalRef = ref(null);
 const deleteAccountRef = ref(null);
 
-const pageInfo = reactive({
+const pageInfo = ref({
   page: 1,
   pageSize: 8,
   total: 0,
@@ -124,7 +124,7 @@ onMounted(() => {
 });
 
 const getData = async () => {
-  const { page, pageSize } = pageInfo;
+  const { page, pageSize } = pageInfo.value;
   const { code, data, total } = await getPlacementAccounts({
     page,
     page_size: pageSize,
@@ -132,31 +132,31 @@ const getData = async () => {
   });
   if (code === 200) {
     dataSource.value = data?.data ?? [];
-    pageInfo.total = data?.total ?? 0;
+    pageInfo.value.total = data?.total ?? 0;
   }
 };
 const reload = () => {
-  pageInfo.page = 1;
+  pageInfo.value.page = 1;
   getData();
 };
 const handleSearch = () => {
   getData();
 };
 const handleReset = () => {
-  pageInfo.page = 1;
-  pageInfo.pageSize = 20;
-  pageInfo.total = 0;
+  pageInfo.value.page = 1;
+  pageInfo.value.pageSize = 20;
+  pageInfo.value.total = 0;
   selectedItems.value = [];
   query.value = cloneDeep(INITIAL_QUERY);
   reload();
 };
 
 const onPageChange = (current) => {
-  pageInfo.page = current;
+  pageInfo.value.page = current;
   getData();
 };
 const onPageSizeChange = (pageSize) => {
-  pageInfo.pageSize = pageSize;
+  pageInfo.value.pageSize = pageSize;
   reload();
 };