| | |
| | | <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> |
| | | |
| | |
| | | </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> |
| | |
| | | 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; |
| | | }); |
| | |
| | | |
| | | 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) => { |
| | | }; |
| | | |