fix:table页码

This commit is contained in:
shijing 2024-07-19 08:59:09 +08:00
parent d524063ea1
commit 58c24851c6
1 changed files with 36 additions and 34 deletions

View File

@ -1,27 +1,29 @@
//数据表格配置 //数据表格配置
import tool from '@/utils/tool' import tool from "@/utils/tool";
export default { export default {
successCode: 200, //请求完成代码 successCode: 200, //请求完成代码
pageSize: 20, //表格每一页条数 pageSize: 20, //表格每一页条数
pageSizes: [1, 10, 20, 30, 40, 50,100,200], //表格可设置的一页条数 pageSizes: [1, 10, 20, 30, 40, 50, 100, 200, 500, 1000], //表格可设置的一页条数
paginationLayout: "total, sizes, prev, pager, next, jumper", //表格分页布局,可设置"total, sizes, prev, pager, next, jumper" paginationLayout: "total, sizes, prev, pager, next, jumper", //表格分页布局,可设置"total, sizes, prev, pager, next, jumper"
parseData: function (res) { //数据分析 parseData: function (res) {
//数据分析
return { return {
data: res, //分析无分页的数据字段结构 data: res, //分析无分页的数据字段结构
rows: res.results, //分析行数据字段结构 rows: res.results, //分析行数据字段结构
total: res.count, //分析总数字段结构 total: res.count, //分析总数字段结构
summary: res.summary, //分析合计行字段结构 summary: res.summary, //分析合计行字段结构
// msg: res.err_msg, //分析描述字段结构 // msg: res.err_msg, //分析描述字段结构
// code: res.err_code //分析状态字段结构 // code: res.err_code //分析状态字段结构
} };
}, },
request: { //请求规定字段 request: {
page: 'page', //规定当前分页字段 //请求规定字段
pageSize: 'page_size', //规定一页条数字段 page: "page", //规定当前分页字段
prop: 'prop', //规定排序字段名字段 pageSize: "page_size", //规定一页条数字段
order: 'ordering' //规定排序规格字段 prop: "prop", //规定排序字段名字段
order: "ordering", //规定排序规格字段
}, },
/** /**
* 自定义列保存处理 * 自定义列保存处理
@ -30,12 +32,12 @@ export default {
*/ */
columnSettingSave: function (tableName, column) { columnSettingSave: function (tableName, column) {
return new Promise((resolve) => { return new Promise((resolve) => {
setTimeout(()=>{ setTimeout(() => {
//这里为了演示使用了session和setTimeout演示开发时应用数据请求 //这里为了演示使用了session和setTimeout演示开发时应用数据请求
tool.session.set(tableName, column) tool.session.set(tableName, column);
resolve(true) resolve(true);
},1000) }, 1000);
}) });
}, },
/** /**
* 获取自定义列 * 获取自定义列
@ -45,13 +47,13 @@ export default {
columnSettingGet: function (tableName, column) { columnSettingGet: function (tableName, column) {
return new Promise((resolve) => { return new Promise((resolve) => {
//这里为了演示使用了session和setTimeout演示开发时应用数据请求 //这里为了演示使用了session和setTimeout演示开发时应用数据请求
const userColumn = tool.session.get(tableName) const userColumn = tool.session.get(tableName);
if(userColumn){ if (userColumn) {
resolve(userColumn) resolve(userColumn);
}else{ } else {
resolve(column) resolve(column);
} }
}) });
}, },
/** /**
* 重置自定义列 * 重置自定义列
@ -61,10 +63,10 @@ export default {
columnSettingReset: function (tableName, column) { columnSettingReset: function (tableName, column) {
return new Promise((resolve) => { return new Promise((resolve) => {
//这里为了演示使用了session和setTimeout演示开发时应用数据请求 //这里为了演示使用了session和setTimeout演示开发时应用数据请求
setTimeout(()=>{ setTimeout(() => {
tool.session.remove(tableName) tool.session.remove(tableName);
resolve(column) resolve(column);
},1000) }, 1000);
}) });
} },
} };