From 0e025c01be2ba8c5a0f92be2c7453c6ea6f1f37c Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期四, 20 六月 2024 15:19:10 +0800 Subject: [PATCH] feat:考试列表测试数据 --- src/views/exam-list/index.vue | 31 ++++++++++++++++++++++++++----- 1 files changed, 26 insertions(+), 5 deletions(-) diff --git a/src/views/exam-list/index.vue b/src/views/exam-list/index.vue index 5bb8091..289ae0f 100644 --- a/src/views/exam-list/index.vue +++ b/src/views/exam-list/index.vue @@ -5,7 +5,7 @@ <div class="list-container container grow relative"> <div class="list-content absolute top-0 bottom-0 left-0 right-0 py-4"> <div class="list-wrapper w-full h-full"> - <el-card class="h-full" :body-style="{height: '100%'}"> + <el-card class="h-full" :body-style="{ height: '100%' }"> <div class="card-wrapper w-full h-full flex flex-col px-8 box-border"> <div class="card-header flex justify-between items-center shrink-0"> <div class="header-tab"> @@ -22,10 +22,10 @@ </div> </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> @@ -42,11 +42,33 @@ <script setup> import { ref } from 'vue'; + import NormalHeader from '@/components/NormalHeader/index.vue'; import DataList from './data-list/index.vue'; + import { Search } from '@element-plus/icons-vue'; + +import { getExamList } from '@/api/modules/exam.js'; + + const activeName = ref('1'); const searchText = ref(''); + +const dataList = ref([]); + +const loading = ref(false); + +const getData = () => { + loading.value = true; + getExamList().then(res => { + dataList.value = res.data; + loading.value = false; + }).catch(err => { + loading.value = false; + }); +}; + +getData(); const handleClick = (tab, event) => { }; @@ -56,5 +78,4 @@ :deep(.el-tabs__nav-wrap:after) { display: none; } - </style> \ No newline at end of file -- Gitblit v1.8.0