qdintc/intc-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 框架系统，分页统一修复。

Browse Source
This commit is contained in:
tianyongbao
2025-05-10 18:50:20 +08:00
parent 2331a71233
commit e3096da25c
12 changed files with 154 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/system/dict/data.vue
View File

@@ -37,6 +37,7 @@
<div class="content-con" v-loading="loading">
<el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange" stripe height="calc(100% - 0.62rem)">
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" :index="indexMethod" width="50"></el-table-column>
<el-table-column label="字典编码" align="center" prop="dictCode" />
<el-table-column label="字典标签" align="center" prop="dictLabel">
<template #default="scope">
@@ -310,6 +311,18 @@ const handleCurrentChange = (val) => {
queryParams.value.pageNum = val
getList()
}
//每页显示条数改变
const handleSizeChange = (val) => {
queryParams.value.pageSize = val
getList()
}
// 序号翻页递增
const indexMethod = (index) => {
const nowPage = queryParams.value.pageNum //当前第几页，根据组件取值即可
const nowLimit = queryParams.value.pageSize //当前每页显示几条，根据组件取值即可
return index + 1 + (nowPage - 1) * nowLimit // 这里可以理解成一个公式
}
getTypes(route.params && route.params.dictId)
getTypeList()
onMounted(() => {

13
src/views/system/dict/index.vue
View File

@@ -45,6 +45,7 @@
<div class="content-con" v-loading="loading">
<el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange" stripe height="calc(100% - 0.62rem)">
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" :index="indexMethod" width="50"></el-table-column>
<el-table-column label="字典编号" align="center" prop="dictId" />
<el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true" />
<el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
@@ -261,6 +262,18 @@ const handleCurrentChange = (val) => {
queryParams.value.pageNum = val
getList()
}
//每页显示条数改变
const handleSizeChange = (val) => {
queryParams.value.pageSize = val
getList()
}
// 序号翻页递增
const indexMethod = (index) => {
const nowPage = queryParams.value.pageNum //当前第几页，根据组件取值即可
const nowLimit = queryParams.value.pageSize //当前每页显示几条，根据组件取值即可
return index + 1 + (nowPage - 1) * nowLimit // 这里可以理解成一个公式
}
onMounted(() => {
mainStyleHeight.value = `calc(100% - ${(searchHeightRef.value.clientHeight + 10) / 100}rem)`
})