feat:考试列表测试数据

ZhangXianQiang

2024-06-20 0e025c01be2ba8c5a0f92be2c7453c6ea6f1f37c

 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>