From c80ea26a1f9e08893162f4838def0db2db3be4bd Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期五, 25 十月 2024 15:10:39 +0800
Subject: [PATCH] 8443
---
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