feat:成绩分页

ZhangXianQiang

2024-07-04 134d4fdd35d59e0c747e18f8ace42fba132293fb

 src/views/grade-list/index.vue

@@ -22,13 +22,18 @@
              </div>

              <div class="card-main flex-1 my-5 relative">
                <div class="main-content absolute top-0 bottom-0 left-0 right-0">
                  <DataList></DataList>
                <div class="main-content absolute top-0 bottom-0 left-0 right-0" v-loading="loading">
                  <DataList :dataList="dataList"></DataList>
                </div>
              </div>

              <div class="card-footer flex justify-center mb-7 shrink-0">
                <el-pagination background layout="prev, pager, next" :total="1000" />
                <el-pagination background layout="prev, pager, next" 
                :total="dataList.length" 
                :default-page-size="currentSize"
                :currentPage="currentIndex"
                :hide-on-single-page="true"
                @current-change="handleCurrentChange" />
              </div>
            </div>
          </el-card>
@@ -43,8 +48,33 @@
import NormalHeader from '@/components/NormalHeader/index.vue';
import DataList from './data-list/index.vue';
import { Search } from '@element-plus/icons-vue';
import { getGradeList } from '@/api/modules/grade.js';

const activeName = ref('1');
const searchText = ref('');
const loading = ref(false);

const dataList = ref([]);

const currentIndex = ref(1);
const currentSize = ref(10);

const getData = () => {
  loading.value = true;
  getGradeList({examName: searchText.value, pageIndex: currentIndex.value, pageSize: currentSize.value}).then(res => {
    dataList.value = res.data.list;
    loading.value = false;
  }).catch(err => {
    loading.value = false;
  });
};

getData();

const handleCurrentChange = () => {
  getData();
}

const handleClick = (tab, event) => {
};
</script>
@@ -53,5 +83,4 @@
:deep(.el-tabs__nav-wrap:after) {
  display: none;
}

</style>