处理分页

src/types/global.ts

@@ -27,6 +27,11 @@ export interface Pagination {
   current: number;
   pageSize: number;
   total?: number;
+  showPageSize: boolean | undefined;
+  showTotal: boolean | undefined;
+  pageSizeOptions: Array<number> | undefined;
+
+
 }
 
 export type TimeRanger = [string, string];

src/views/jd/list.vue

@@ -108,7 +108,7 @@
 
             <a-table row-key="id" :loading="loading" :pagination="pagination" :summary="true" summary-text="汇总"
                 :columns="(cloneColumns as TableColumnData[])" :data="renderData" :bordered="{ headerCell: true }"
-                :row-class="getRowClass" :size="size" @page-change="onPageChange">
+                :row-class="getRowClass" :size="size" @page-change="onPageChange" @page-size-change="onPageSizeChange">
                 <template #index="{ record }">
                     {{ record.id }}
                 </template>
@@ -167,6 +167,10 @@
                     <a-tag v-if="record.parse_type" size="small" bordered color="blue">
                         {{ record.parse_type }}
                     </a-tag>
+
+                    <a-tag v-if="record.riskStrategy" size="small" bordered color="orange">
+                        {{ record.riskStrategy }}-{{ record.launchScene }}
+                    </a-tag>
                 </template>
                 <template #time="{ record }">
                     <div style="color:gray;">
@@ -277,7 +281,10 @@ const size = ref<SizeProps>('small');
 
 const basePagination: Pagination = {
     current: 1,
-    pageSize: 500,
+    pageSize: 50,
+    showPageSize: true,
+    showTotal: true,
+    pageSizeOptions: [10, 20, 50, 100, 200, 500]
 };
 const pagination = reactive({
     ...basePagination,
@@ -539,6 +546,16 @@ const onPageChange = (current: number) => {
     fetchData({ ...basePagination, current });
 };
 
+const onPageSizeChange = (current: number) => {
+    basePagination.pageSize = current;
+    pagination.pageSize = current;
+    fetchData({
+        ...basePagination,
+        ...formModel.value,
+        current: 1,
+    });
+};
+
 fetchData();
 const reset = () => {
     formModel.value = generateFormModel();

src/views/pdd/list.vue

@@ -108,7 +108,7 @@
 
             <a-table row-key="id" :loading="loading" :pagination="pagination" :summary="true" summary-text="汇总"
                 :columns="(cloneColumns as TableColumnData[])" :data="renderData" :bordered="{ headerCell: true }"
-                :row-class="getRowClass" :size="size" @page-change="onPageChange">
+                :row-class="getRowClass" :size="size" @page-change="onPageChange" @page-size-change="onPageSizeChange">
                 <template #index="{ record }">
                     {{ record.id }}
                 </template>
@@ -133,6 +133,10 @@
                     <a-tag v-if="record.parse_type" size="small" bordered color="blue">
                         {{ record.parse_type }}
                     </a-tag>
+
+                    <a-tag v-if="record.riskStrategy" size="small" bordered color="orange">
+                        {{ record.riskStrategy }}-{{ record.launchScene }}
+                    </a-tag>
                 </template>
                 <template #status="{ record }">
                     <a-tag v-if="record.status" bordered color="green" @click="changeStatus(record.id, false)">
@@ -267,24 +271,12 @@
         </a-card>
 
         <!-- Cookie 更新 Modal -->
-        <a-modal 
-            v-model:visible="cookieModalVisible" 
-            title="更新Cookie" 
-            @ok="handleCookieUpdate"
-            @cancel="handleCookieCancel"
-            :confirm-loading="cookieLoading"
-        >
+        <a-modal v-model:visible="cookieModalVisible" title="更新Cookie" @ok="handleCookieUpdate"
+            @cancel="handleCookieCancel" :confirm-loading="cookieLoading">
             <a-form ref="cookieFormRef" :model="cookieFormData">
-                <a-form-item 
-                    field="cookie" 
-                    label="Cookie" 
-                    :rules="[{ required: true, message: '请输入Cookie' }]"
-                >
-                    <a-textarea 
-                        v-model="cookieFormData.cookie" 
-                        placeholder="请粘贴Cookie内容"
-                        :auto-size="{ minRows: 10, maxRows: 20 }"
-                    />
+                <a-form-item field="cookie" label="Cookie" :rules="[{ required: true, message: '请输入Cookie' }]">
+                    <a-textarea v-model="cookieFormData.cookie" placeholder="请粘贴Cookie内容"
+                        :auto-size="{ minRows: 10, maxRows: 20 }" />
                 </a-form-item>
             </a-form>
         </a-modal>
@@ -346,7 +338,11 @@ const currentRecord = ref<PddPoolRecord | null>(null);
 
 const basePagination: Pagination = {
     current: 1,
-    pageSize: 500,
+    pageSize: 50,
+    showPageSize: true,
+    showTotal: true,
+    pageSizeOptions: [10, 20, 50, 100, 200, 500]
+
 };
 const pagination = reactive({
     ...basePagination,
@@ -581,6 +577,17 @@ const onPageChange = (current: number) => {
     fetchData({ ...basePagination, current });
 };
 
+
+const onPageSizeChange = (current: number) => {
+    basePagination.pageSize = current;
+    pagination.pageSize = current;
+    fetchData({
+        ...basePagination,
+        ...formModel.value,
+        current: 1,
+    });
+};
+
 fetchData();
 const reset = () => {
     formModel.value = generateFormModel();

src/views/taobao/list.vue

@@ -108,7 +108,7 @@
 
             <a-table row-key="id" :loading="loading" :pagination="pagination" :summary="true" summary-text="汇总"
                 :columns="(cloneColumns as TableColumnData[])" :data="renderData" :bordered="false" :size="size"
-                :row-class="getRowClass" @page-change="onPageChange">
+                :row-class="getRowClass" @page-change="onPageChange" @page-size-change="onPageSizeChange">
                 <template #index="{ record }">
                     {{ record.id }}
                 </template>
@@ -139,7 +139,7 @@
                         正常</a-tag>
 
                 </template>
-                <template #is_banned="{ record }">
+                <template #tags="{ record }">
                     <a-tag v-if="record.is_banned" size="small" bordered color="red">
                         封号
                     </a-tag>
@@ -149,7 +149,9 @@
                     <a-tag v-if="record.parse_type" size="small" bordered color="blue">
                         {{ record.parse_type }}
                     </a-tag>
-
+                    <a-tag v-if="record.riskStrategy" size="small" bordered color="orange">
+                        {{ record.riskStrategy }}-{{ record.launchScene }}
+                    </a-tag>
                 </template>
                 <template #status="{ record }">
                     <a-tag v-if="record.status" bordered color="green" @click="changeStatus(record, false)">
@@ -329,7 +331,10 @@ const size = ref<SizeProps>('mini');
 
 const basePagination: Pagination = {
     current: 1,
-    pageSize: 500,
+    pageSize: 50,
+    showPageSize: true,
+    showTotal: true,
+    pageSizeOptions: [10, 20, 50, 100, 200, 500]
 };
 const pagination = reactive({
     ...basePagination,
@@ -368,7 +373,7 @@ const columns = computed<TableColumnData[]>(() => [
     },
     {
         title: '',
-        slotName: 'is_banned',
+        slotName: 'tags',
         width: 40,
     },
     {
@@ -465,7 +470,7 @@ if (route.query.show_hide === '1') {
 const fetchData = async (
     params: TkPoolParams = {
         current: 1,
-        pageSize: 500,
+        pageSize: 50,
         show_hide: false,
         sort: 'status',
         order: 'descending',
@@ -615,6 +620,16 @@ const onPageChange = (current: number) => {
     fetchData({ ...basePagination, current });
 };
 
+const onPageSizeChange = (current: number) => {
+    basePagination.pageSize = current;
+    pagination.pageSize = current;
+    fetchData({
+        ...basePagination,
+        ...formModel.value,
+        current: 1,
+    });
+};
+
 fetchData();
 const reset = () => {
     formModel.value = generateFormModel();