2023年5月24日 添加分页

This commit is contained in:
bai 2023-05-24 21:11:26 +08:00
parent 626ca9b741
commit a9f97db853
10 changed files with 208 additions and 59 deletions

View File

@ -83,25 +83,10 @@ function toIndex(){
},1);
}
function toTop(toId){
function toTop(){
let topNum = 0;
if(toId){
let toDom: any = document?.querySelector('#' + toId);
console.log(`🚀 ------------------------------------------------🚀`);
console.log(`🚀 ~ file: header.vue:91 ~ toTop ~ toDom:`, toDom);
console.log(`🚀 ------------------------------------------------🚀`);
topNum = toDom?.offsetTop??0;
console.log(`🚀 --------------------------------------------------🚀`);
console.log(`🚀 ~ file: header.vue:97 ~ toTop ~ topNum:`, topNum);
console.log(`🚀 --------------------------------------------------🚀`);
}else{
topNum = document.body.scrollTop;
smoothScroll(topNum);
}
topNum = document.body.scrollTop;
smoothScroll(topNum);
}
function toDom(toId){

View File

@ -2,7 +2,7 @@
<a-card class="rowGutter" id="tkzjDom">
<template #title>
<span style="font-size: 24px;font-weight: bold;">听课足迹</span>
<span style="margin-left: 10px;"><a href="javascript:void(0);" @click="addPingJia">新增评价</a></span>
<!-- <span style="margin-left: 10px;"><a href="javascript:void(0);" @click="addPingJia">新增评价</a></span> -->
</template>
<template #extra>
<RouterLink target='_blank' to="/site/tingKeZuJiMore">查看更多</RouterLink>

View File

@ -5,7 +5,8 @@
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
:pagination="ipagination"
@change="tableChange"
>
</a-table>
</a-modal>
@ -15,6 +16,17 @@ import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const ipagination:any = ref({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条';
},
showQuickJumper: true,
showSizeChanger: true,
total: 0,
});
const columns = ref([
// {
// title: '',
@ -53,7 +65,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const width = ref<number>(900);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
@ -62,7 +74,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function open(){
console.log("打开了!");
//
title.value = '已下课';
title.value = '详情';
visible.value = true;
disableSubmit.value = true;
loadData();
@ -70,10 +82,17 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/jrktyxkList', params: { skrq } }).then(res => {
dataSource.value = res;
let { current:pageNo, pageSize } = ipagination.value;
defHttp.get({ url: '/ktgl/kcKetangbiao/jrktyxkList', params: { skrq, pageNo, pageSize } }).then(res => {
dataSource.value = res.records;
ipagination.value.total = res.total;
})
}
function tableChange(pagination) {
ipagination.value.current = pagination.current;
ipagination.value.pageSize = pagination.pageSize;
loadData();
}
/**
* 确定按钮点击事件

View File

@ -5,7 +5,8 @@
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
:pagination="ipagination"
@change="tableChange"
>
</a-table>
</a-modal>
@ -15,6 +16,18 @@ import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const ipagination:any = ref({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条';
},
showQuickJumper: true,
showSizeChanger: true,
total: 0,
});
const columns = ref([
// {
// title: '',
@ -53,7 +66,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const width = ref<number>(900);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
@ -62,7 +75,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function open(){
console.log("打开了!");
//
title.value = '总数';
title.value = '详情';
visible.value = true;
disableSubmit.value = true;
loadData();
@ -70,11 +83,19 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/jrktzsList', params: { skrq } }).then(res => {
dataSource.value = res;
let { current:pageNo, pageSize } = ipagination.value;
defHttp.get({ url: '/ktgl/kcKetangbiao/jrktzsList', params: { skrq, pageNo, pageSize } }).then(res => {
dataSource.value = res.records;
ipagination.value.total = res.total;
})
}
function tableChange(pagination) {
ipagination.value.current = pagination.current;
ipagination.value.pageSize = pagination.pageSize;
loadData();
}
/**
* 确定按钮点击事件
*/

View File

@ -5,7 +5,8 @@
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
:pagination="ipagination"
@change="tableChange"
>
</a-table>
</a-modal>
@ -15,6 +16,17 @@ import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const ipagination:any = ref({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条';
},
showQuickJumper: true,
showSizeChanger: true,
total: 0,
});
const columns = ref([
// {
// title: '',
@ -53,7 +65,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const width = ref<number>(900);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
@ -62,7 +74,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function open(){
console.log("打开了!");
//
title.value = '今日课堂';
title.value = '详情';
visible.value = true;
disableSubmit.value = true;
loadData();
@ -70,10 +82,17 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/jrtkktsList', params: { skrq } }).then(res => {
dataSource.value = res;
let { current:pageNo, pageSize } = ipagination.value;
defHttp.get({ url: '/ktgl/kcKetangbiao/jrtkktsList', params: { skrq, pageNo, pageSize } }).then(res => {
dataSource.value = res.records;
ipagination.value.total = res.total;
})
}
function tableChange(pagination) {
ipagination.value.current = pagination.current;
ipagination.value.pageSize = pagination.pageSize;
loadData();
}
/**
* 确定按钮点击事件

View File

@ -5,7 +5,8 @@
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
:pagination="ipagination"
@change="tableChange"
>
</a-table>
</a-modal>
@ -15,6 +16,18 @@ import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const ipagination:any = ref({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条';
},
showQuickJumper: true,
showSizeChanger: true,
total: 0,
});
const columns = ref([
// {
// title: '',
@ -53,7 +66,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const width = ref<number>(900);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
@ -62,7 +75,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function open(){
console.log("打开了!");
//
title.value = '今日课堂';
title.value = '详情';
visible.value = true;
disableSubmit.value = true;
loadData();
@ -70,10 +83,17 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/jrtktkrcList', params: { skrq } }).then(res => {
dataSource.value = res;
let { current:pageNo, pageSize } = ipagination.value;
defHttp.get({ url: '/ktgl/kcKetangbiao/jrtktkrcList', params: { skrq, pageNo, pageSize } }).then(res => {
dataSource.value = res.records;
ipagination.value.total = res.total;
})
}
function tableChange(pagination) {
ipagination.value.current = pagination.current;
ipagination.value.pageSize = pagination.pageSize;
loadData();
}
/**
* 确定按钮点击事件

View File

@ -5,7 +5,8 @@
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
:pagination="ipagination"
@change="tableChange"
>
</a-table>
</a-modal>
@ -15,6 +16,19 @@ import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const ipagination:any = ref({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条';
},
showQuickJumper: true,
showSizeChanger: true,
total: 0,
});
const columns = ref([
// {
// title: '',
@ -53,7 +67,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const width = ref<number>(900);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
@ -62,7 +76,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function open(){
console.log("打开了!");
//
title.value = '今日课堂';
title.value = '详情';
visible.value = true;
disableSubmit.value = true;
loadData();
@ -70,10 +84,17 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/skzList', params: { skrq } }).then(res => {
dataSource.value = res;
let { current:pageNo, pageSize } = ipagination.value;
defHttp.get({ url: '/ktgl/kcKetangbiao/skzList', params: { skrq, pageNo, pageSize } }).then(res => {
dataSource.value = res.records;
ipagination.value.total = res.total;
})
}
function tableChange(pagination) {
ipagination.value.current = pagination.current;
ipagination.value.pageSize = pagination.pageSize;
loadData();
}
/**
* 确定按钮点击事件

View File

@ -5,7 +5,8 @@
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
:pagination="ipagination"
@change="tableChange"
>
</a-table>
</a-modal>
@ -15,6 +16,20 @@ import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const ipagination:any = ref({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条';
},
showQuickJumper: true,
showSizeChanger: true,
total: 0,
});
const columns = ref([
// {
// title: '',
@ -53,7 +68,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const width = ref<number>(900);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
@ -62,7 +77,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function open(){
console.log("打开了!");
//
title.value = '今日课堂';
title.value = '详情';
visible.value = true;
disableSubmit.value = true;
loadData();
@ -70,10 +85,17 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/ykkttkktList', params: { skrq } }).then(res => {
dataSource.value = res;
let { current:pageNo, pageSize } = ipagination.value;
defHttp.get({ url: '/ktgl/kcKetangbiao/ykkttkktList', params: { skrq, pageNo, pageSize } }).then(res => {
dataSource.value = res.records;
ipagination.value.total = res.total;
})
}
function tableChange(pagination) {
ipagination.value.current = pagination.current;
ipagination.value.pageSize = pagination.pageSize;
loadData();
}
/**
* 确定按钮点击事件

View File

@ -5,7 +5,8 @@
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
:pagination="ipagination"
@change="tableChange"
>
</a-table>
</a-modal>
@ -15,6 +16,19 @@ import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const ipagination:any = ref({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条';
},
showQuickJumper: true,
showSizeChanger: true,
total: 0,
});
const columns = ref([
// {
// title: '',
@ -53,7 +67,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const width = ref<number>(900);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
@ -62,7 +76,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function open(){
console.log("打开了!");
//
title.value = '今日课堂';
title.value = '详情';
visible.value = true;
disableSubmit.value = true;
loadData();
@ -70,10 +84,17 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/ykkttkrcList', params: { skrq } }).then(res => {
dataSource.value = res;
let { current:pageNo, pageSize } = ipagination.value;
defHttp.get({ url: '/ktgl/kcKetangbiao/ykkttkrcList', params: { skrq, pageNo, pageSize } }).then(res => {
dataSource.value = res.records;
ipagination.value.total = res.total;
})
}
function tableChange(pagination) {
ipagination.value.current = pagination.current;
ipagination.value.pageSize = pagination.pageSize;
loadData();
}
/**
* 确定按钮点击事件

View File

@ -5,7 +5,8 @@
size="default"
rowKey="id"
:columns="columns"
:pagination="false"
:pagination="ipagination"
@change="tableChange"
>
</a-table>
</a-modal>
@ -15,6 +16,19 @@ import { ref, defineExpose } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const ipagination:any = ref({
current: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
showTotal: (total, range) => {
return range[0] + '-' + range[1] + ' 共' + total + '条';
},
showQuickJumper: true,
showSizeChanger: true,
total: 0,
});
const columns = ref([
// {
// title: '',
@ -53,7 +67,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
const dataSource: any = ref([]);
const title = ref<string>('');
const width = ref<number>(700);
const width = ref<number>(900);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
// const registerForm = ref();
@ -62,7 +76,7 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function open(){
console.log("打开了!");
//
title.value = '今日课堂';
title.value = '详情';
visible.value = true;
disableSubmit.value = true;
loadData();
@ -70,10 +84,17 @@ import { dateUtil, formatToDate } from '/@/utils/dateUtil';
function loadData(){
let skrq = formatToDate(new Date());
defHttp.get({ url: '/ktgl/kcKetangbiao/ykktzsList', params: { skrq, } }).then(res => {
dataSource.value = res;
let { current:pageNo, pageSize } = ipagination.value;
defHttp.get({ url: '/ktgl/kcKetangbiao/ykktzsList', params: { skrq, pageNo, pageSize } }).then(res => {
dataSource.value = res.records;
ipagination.value.total = res.total;
})
}
function tableChange(pagination) {
ipagination.value.current = pagination.current;
ipagination.value.pageSize = pagination.pageSize;
loadData();
}
/**
* 确定按钮点击事件