fuliqi
2024-10-17 96783deec8d19e03d4484751df0a2ccd252a9716
src/views/train/index.vue
@@ -8,17 +8,19 @@
          <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">
                <!-- <div class="header-tab">
                  <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="全部" name="1"></el-tab-pane>
                    <el-tab-pane label="未开始" name="2"></el-tab-pane>
                    <el-tab-pane label="进行中" name="3"></el-tab-pane>
                    <el-tab-pane label="已结束" name="4"></el-tab-pane>
                  </el-tabs>
                </div>
                </div> -->
                <div class="header-search flex items-center">
                  <el-input v-model="searchText" placeholder="请输入课程名称" :prefix-icon="Search" />
                  <el-button type="primary" class="ml-4">搜索</el-button>
                  <el-input v-model="searchText" placeholder="请输入课程名称" :prefix-icon="Search" maxlength="20" @input="searchData" />
                  <el-button type="primary" class="ml-4" @click="searchData">搜索</el-button>
                </div>
              </div>
@@ -29,7 +31,16 @@
              </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="total, sizes, prev, pager, next, jumper"
                    :total="total"
                    :page-sizes="[10, 20, 50]"
                    :page-size="pageSize"
                    :currentPage="currentIndex"
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                />
              </div>
            </div>
          </el-card>
@@ -44,18 +55,23 @@
import NormalHeader from '@/components/NormalHeader/index.vue';
import DataList from './data-list/index.vue';
import { Search } from '@element-plus/icons-vue';
import {getMeetList} from '@/api/modules/meet.js';
import { getMeetList } from '@/api/modules/meet.js';
const activeName = ref('1');
const searchText = ref('');
const dataList = ref([]);
const loading = ref(false);
const currentIndex = ref(1);
const pageSize = ref(10);
const total = ref(0);
const getData = () => {
  loading.value = true;
  getMeetList().then(res => {
  getMeetList({meetName: searchText.value}).then(res => {
    dataList.value = res.data;
    loading.value = false;
    total.value = res.total;
  }).catch(err => {
    loading.value = false;
  });
@@ -63,6 +79,22 @@
getData();
const handleCurrentChange = (val) => {
  currentIndex.value = val;
  getData();
};
const handleSizeChange = (val) => {
  currentIndex.value = 1;
  pageSize.value = val;
  getData();
};
const searchData = () => {
  getData();
};
const handleClick = (tab, event) => {
};