用印管理、规章制度管理页面添加分页功能

yaowanxin

2 天以前 9d485123b8c947f61c94aee67a0ceec8953a510d

用印管理、规章制度管理页面添加分页功能

 src/views/collaborativeApproval/rulesRegulationsManagement/index.vue

@@ -102,6 +102,8 @@
            </template>
          </el-table-column>
        </el-table>
        <pagination v-show="page.total > 0" :total="page.total" layout="total, sizes, prev, pager, next, jumper"
                    :page="page.current" :limit="page.size" @pagination="paginationChange" />
      </div>
    </el-card>
    <!-- 用印申请对话框（已移除） -->
@@ -642,14 +644,19 @@
        regulations.value = res.data.records;
        // 过滤掉已废弃的制度
        // regulations.value = res.data.records.filter(item => item.status !== 'repealed')
        page.value.total = res.data.total;
        page.total = res.data.total;
        tableLoading.value = false;
      })
      .catch(err => {
        tableLoading.value = false;
      });
  };

  // 分页变化处理
  const paginationChange = (obj) => {
    page.current = obj.page;
    page.size = obj.limit;
    getRegulationList();
  };
  onMounted(() => {
    // 初始化
    getRegulationList();

 src/views/collaborativeApproval/sealManagement/index.vue

@@ -76,7 +76,7 @@
                </template>
              </el-table-column>
            </el-table>
                    <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper"
                    <pagination v-show="page.total > 0" :total="page.total" layout="total, sizes, prev, pager, next, jumper"
                                            :page="page.current" :limit="page.size" @pagination="paginationChange" />
        </div> 
    </el-card>