ZhangXianQiang
2024-06-26 c28f27e7a03e9c14422ae787d412c286b6ad501c
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>