From 96783deec8d19e03d4484751df0a2ccd252a9716 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期四, 17 十月 2024 18:40:00 +0800 Subject: [PATCH] 密碼失效修改密碼 --- src/views/train/index.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 54 insertions(+), 6 deletions(-) diff --git a/src/views/train/index.vue b/src/views/train/index.vue index 0a34f0f..9a32761 100644 --- a/src/views/train/index.vue +++ b/src/views/train/index.vue @@ -8,28 +8,39 @@ <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 class="card-main flex-1 my-5 relative"> <div class="main-content absolute top-0 bottom-0 left-0 right-0"> - <DataList></DataList> + <DataList :dataList="dataList"></DataList> </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> @@ -44,8 +55,45 @@ 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'; 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({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) => { }; -- Gitblit v1.8.0