feat(knowledge): 为自定义词汇表格添加分页功能

- 在表格组件中添加分页相关的属性和事件处理
- 在组件数据中增加 page、pageSize 和 total 字段
- 实现 sizeChange 和 currentChange 方法以处理分页变化
- 在获取数据列表时添加分页参数
- 优化数据列表的处理逻辑，保存总条数

src/views/knowledge/detail/components/words/CustomWords.vue

@@ -30,9 +30,14 @@
     <r-table
       :columns="columns"
       :data="tableData"
+      :current-page="page"
+      :page-size="pageSize"
       :isSelectOnly="true"
+      @size-change="sizeChange"
+      @current-change="currentChange"
       :deletion="false"
       @select-row="getCheckData"
+      :total="total"
     ></r-table>
     <!-- 添加 AddRule 组件 -->
     <add-rule ref="addRule" @getDataList="getDataList"></add-rule>
@@ -51,6 +56,9 @@ export default {
   props: {},
   data() {
     return {
+      page: 1,
+      pageSize: 10,
+      total: 0,
       visible: false,
       form: {
         ruleName: ''
@@ -67,6 +75,15 @@ export default {
     }
   },
   methods: {
+    sizeChange(val) {
+      this.pageSize = val
+      this.page = 1
+      this.getDataList()
+    },
+    currentChange(page) {
+      this.page = page
+      this.getDataList()
+    },
     init() {
       this.visible = true
       this.getDataList()
@@ -79,11 +96,13 @@ export default {
       // 1-文档拆分规则  2-文档题词规则
       let params = {
         ruleType: 2,
-        ...this.form
+        ...this.form,
+        page: this.page,
+        pageSize: this.pageSize
       }
       getRulesPage(params).then(res => {
-        console.log(res.content.content.list)
         this.tableData = res.content.content.list
+        this.total = res.content.content.total
       })
     },
     close() {