为风险明细列表添加分页选择器

ruoyi-ui/src/views/ccdiProject/components/detail/RiskDetailSection.vue

@@ -120,8 +120,8 @@
           :total="suspiciousTotal"
           :page.sync="suspiciousPageNum"
           :limit.sync="suspiciousPageSize"
-          :page-sizes="[5]"
-          layout="total, prev, pager, next, jumper"
+          :page-sizes="riskDetailPageSizeOptions"
+          layout="total, sizes, prev, pager, next, jumper"
           @pagination="handlePageChange"
         />
       </div>
@@ -174,8 +174,8 @@
           :total="employeeCreditNegativeTotal"
           :page.sync="employeeCreditNegativePageNum"
           :limit.sync="employeeCreditNegativePageSize"
-          :page-sizes="[5]"
-          layout="total, prev, pager, next, jumper"
+          :page-sizes="riskDetailPageSizeOptions"
+          layout="total, sizes, prev, pager, next, jumper"
           @pagination="handleEmployeeCreditNegativePageChange"
         />
       </div>
@@ -209,8 +209,8 @@
           :total="abnormalAccountTotal"
           :page.sync="abnormalAccountPageNum"
           :limit.sync="abnormalAccountPageSize"
-          :page-sizes="[5]"
-          layout="total, prev, pager, next, jumper"
+          :page-sizes="riskDetailPageSizeOptions"
+          layout="total, sizes, prev, pager, next, jumper"
           @pagination="handleAbnormalAccountPageChange"
         />
       </div>
@@ -352,6 +352,8 @@ const SUSPICIOUS_TYPE_OPTIONS = [
   { value: "NAME_LIST", label: "名单库命中" },
   { value: "MODEL_RULE", label: "模型规则命中" },
 ];
+const DEFAULT_RISK_DETAIL_PAGE_SIZE = 5;
+const RISK_DETAIL_PAGE_SIZE_OPTIONS = [5, 10, 20, 50];
 
 const normalizeSuspiciousType = (value) => (
   SUSPICIOUS_TYPE_OPTIONS.some((item) => item.value === value) ? value : "ALL"
@@ -465,17 +467,17 @@ export default {
       detailData: createEmptyDetailData(),
       currentSuspiciousType: "ALL",
       suspiciousPageNum: 1,
-      suspiciousPageSize: 5,
+      suspiciousPageSize: DEFAULT_RISK_DETAIL_PAGE_SIZE,
       suspiciousTotal: 0,
       suspiciousTransactionList: [],
       employeeCreditNegativeLoading: false,
       employeeCreditNegativePageNum: 1,
-      employeeCreditNegativePageSize: 5,
+      employeeCreditNegativePageSize: DEFAULT_RISK_DETAIL_PAGE_SIZE,
       employeeCreditNegativeTotal: 0,
       employeeCreditNegativeList: [],
       abnormalAccountLoading: false,
       abnormalAccountPageNum: 1,
-      abnormalAccountPageSize: 5,
+      abnormalAccountPageSize: DEFAULT_RISK_DETAIL_PAGE_SIZE,
       abnormalAccountTotal: 0,
       abnormalAccountList: [],
       projectId: null,
@@ -483,6 +485,9 @@ export default {
     };
   },
   computed: {
+    riskDetailPageSizeOptions() {
+      return RISK_DETAIL_PAGE_SIZE_OPTIONS;
+    },
     suspiciousTypeOptions() {
       return SUSPICIOUS_TYPE_OPTIONS;
     },
@@ -499,13 +504,13 @@ export default {
         this.projectId = value && value.projectId ? value.projectId : null;
         this.currentSuspiciousType = normalizeSuspiciousType(value && value.suspiciousType);
         this.suspiciousPageNum = 1;
-        this.suspiciousPageSize = 5;
+        this.suspiciousPageSize = DEFAULT_RISK_DETAIL_PAGE_SIZE;
         this.suspiciousTotal = Number(value && value.total) || 0;
         this.employeeCreditNegativePageNum = 1;
-        this.employeeCreditNegativePageSize = 5;
+        this.employeeCreditNegativePageSize = DEFAULT_RISK_DETAIL_PAGE_SIZE;
         this.employeeCreditNegativeTotal = Number(value && value.employeeCreditNegativeTotal) || 0;
         this.abnormalAccountPageNum = 1;
-        this.abnormalAccountPageSize = 5;
+        this.abnormalAccountPageSize = DEFAULT_RISK_DETAIL_PAGE_SIZE;
         this.abnormalAccountTotal = 0;
         this.abnormalAccountList = [];
         const rows = Array.isArray(value && value.suspiciousTransactionList)
@@ -531,7 +536,7 @@ export default {
         this.suspiciousPageNum = pageInfo;
       } else {
         this.suspiciousPageNum = pageInfo.page;
-        this.suspiciousPageSize = 5;
+        this.suspiciousPageSize = pageInfo.limit || this.suspiciousPageSize;
       }
       await this.loadSuspiciousTransactions();
     },
@@ -540,7 +545,7 @@ export default {
         this.employeeCreditNegativePageNum = pageInfo;
       } else {
         this.employeeCreditNegativePageNum = pageInfo.page;
-        this.employeeCreditNegativePageSize = 5;
+        this.employeeCreditNegativePageSize = pageInfo.limit || this.employeeCreditNegativePageSize;
       }
       await this.loadEmployeeCreditNegative();
     },
@@ -549,7 +554,7 @@ export default {
         this.abnormalAccountPageNum = pageInfo;
       } else {
         this.abnormalAccountPageNum = pageInfo.page;
-        this.abnormalAccountPageSize = 5;
+        this.abnormalAccountPageSize = pageInfo.limit || this.abnormalAccountPageSize;
       }
       await this.loadAbnormalAccountPeople();
     },
@@ -567,7 +572,7 @@ export default {
           projectId: this.projectId,
           suspiciousType: this.currentSuspiciousType,
           pageNum: this.suspiciousPageNum,
-          pageSize: 5,
+          pageSize: this.suspiciousPageSize,
         });
         const data = (response && response.data) || {};
         this.suspiciousTotal = Number(data.total) || 0;
@@ -593,7 +598,7 @@ export default {
         const response = await getOverviewEmployeeCreditNegative({
           projectId: this.projectId,
           pageNum: this.employeeCreditNegativePageNum,
-          pageSize: 5,
+          pageSize: this.employeeCreditNegativePageSize,
         });
         const data = (response && response.data) || {};
         this.employeeCreditNegativeList = Array.isArray(data.rows) ? data.rows : [];

ruoyi-ui/tests/unit/risk-detail-abnormal-account-pagination.test.js

@@ -19,4 +19,8 @@ const source = fs.readFileSync(
   "abnormalAccountList",
   "handleAbnormalAccountPageChange",
   "loadAbnormalAccountPeople",
+  ":page-sizes=\"riskDetailPageSizeOptions\"",
+  "layout=\"total, sizes, prev, pager, next, jumper\"",
+  "pageSize: this.abnormalAccountPageSize",
+  "this.abnormalAccountPageSize = pageInfo.limit || this.abnormalAccountPageSize",
 ].forEach((token) => assert(source.includes(token), token));

ruoyi-ui/tests/unit/risk-detail-employee-credit-negative-pagination.test.js

@@ -19,4 +19,8 @@ const source = fs.readFileSync(
   "loadEmployeeCreditNegative",
   "handleEmployeeCreditNegativePageChange",
   "getOverviewEmployeeCreditNegative",
+  ":page-sizes=\"riskDetailPageSizeOptions\"",
+  "layout=\"total, sizes, prev, pager, next, jumper\"",
+  "pageSize: this.employeeCreditNegativePageSize",
+  "this.employeeCreditNegativePageSize = pageInfo.limit || this.employeeCreditNegativePageSize",
 ].forEach((token) => assert(source.includes(token), token));

ruoyi-ui/tests/unit/risk-detail-suspicious-transaction-layout.test.js

@@ -21,9 +21,11 @@ const source = fs.readFileSync(
   "摘要 / 交易类型",
   "异常标签",
   "<pagination",
-  "pageSize: 5",
-  ":page-sizes=\"[5]\"",
-  "layout=\"total, prev, pager, next, jumper\"",
+  "DEFAULT_RISK_DETAIL_PAGE_SIZE",
+  "RISK_DETAIL_PAGE_SIZE_OPTIONS = [5, 10, 20, 50]",
+  ":page-sizes=\"riskDetailPageSizeOptions\"",
+  "layout=\"total, sizes, prev, pager, next, jumper\"",
+  "pageSize: this.suspiciousPageSize",
 ].forEach((token) => assert(source.includes(token), token));
 
 [