2023年5月24日 添加分页

src/views/site/common/header.vue

@@ -83,25 +83,10 @@ function toIndex(){
     },1);
   }
 
-  function toTop(toId){
+  function toTop(){
     let topNum = 0;
-    if(toId){
+    topNum = document.body.scrollTop;
-      let toDom: any = document?.querySelector('#' + toId);
+    smoothScroll(topNum);
-
-      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);
-    }
   }
 
   function toDom(toId){

src/views/site/tingKeZuJi/index.vue

@@ -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>

src/views/site/tongJi/show/jrktyxk.vue

@@ -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 => {
+    let { current:pageNo, pageSize } = ipagination.value;
-      dataSource.value = res;
+    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();
+  }
 
   /**
    * 确定按钮点击事件

src/views/site/tongJi/show/jrktzs.vue

@@ -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 => {
+    let { current:pageNo, pageSize } = ipagination.value;
-      dataSource.value = res;
+    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();
+  }
+
   /**
    * 确定按钮点击事件
    */

src/views/site/tongJi/show/jrtkkts.vue

@@ -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 => {
+    let { current:pageNo, pageSize } = ipagination.value;
-      dataSource.value = res;
+    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();
+  }
 
   /**
    * 确定按钮点击事件

src/views/site/tongJi/show/jrtktkrc.vue

@@ -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 => {
+    let { current:pageNo, pageSize } = ipagination.value;
-      dataSource.value = res;
+    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();
+  }
 
   /**
    * 确定按钮点击事件

src/views/site/tongJi/show/skz.vue

@@ -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 => {
+    let { current:pageNo, pageSize } = ipagination.value;
-      dataSource.value = res;
+    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();
+  }
 
   /**
    * 确定按钮点击事件

src/views/site/tongJi/show/ykkttkkt.vue

@@ -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 => {
+    let { current:pageNo, pageSize } = ipagination.value;
-      dataSource.value = res;
+    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();
+  }
 
   /**
    * 确定按钮点击事件

src/views/site/tongJi/show/ykkttkrc.vue

@@ -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 => {
+    let { current:pageNo, pageSize } = ipagination.value;
-      dataSource.value = res;
+    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();
+  }
 
   /**
    * 确定按钮点击事件

src/views/site/tongJi/show/ykktzs.vue

@@ -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 => {
+    let { current:pageNo, pageSize } = ipagination.value;
-      dataSource.value = res;
+    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();
+  }
 
   /**
    * 确定按钮点击事件