From c28f27e7a03e9c14422ae787d412c286b6ad501c Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 26 六月 2024 17:49:51 +0800
Subject: [PATCH] fix:修改时间问题

---
 src/views/exam-list/index.vue |   36 ++++++++++++++++++++++++++++++------
 1 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/views/exam-list/index.vue b/src/views/exam-list/index.vue
index 3efe17d..289ae0f 100644
--- a/src/views/exam-list/index.vue
+++ b/src/views/exam-list/index.vue
@@ -5,9 +5,9 @@
     <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">
+              <div class="card-header flex justify-between items-center shrink-0">
                 <div class="header-tab">
                   <el-tabs v-model="activeName" @tab-click="handleClick">
                     <el-tab-pane label="鍏ㄩ儴" name="1"></el-tab-pane>
@@ -22,11 +22,14 @@
                 </div>
 
               </div>
-              <div class="card-main grow my-5">
-                <DataList></DataList>
+
+              <div class="card-main flex-1 my-5 relative">
+                <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">
+              <div class="card-footer flex justify-center mb-7 shrink-0">
                 <el-pagination background layout="prev, pager, next" :total="1000" />
               </div>
             </div>
@@ -39,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) => {
 };
@@ -53,5 +78,4 @@
 :deep(.el-tabs__nav-wrap:after) {
   display: none;
 }
-
 </style>
\ No newline at end of file

--
Gitblit v1.8.0