From 98f494cf633e3acf5c20f3e9de0d708f2a6c2045 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 05 七月 2024 09:39:59 +0800
Subject: [PATCH] feat:视频浏览
---
src/views/exam-list/index.vue | 30 ++++++++++++++++++++++--------
1 files changed, 22 insertions(+), 8 deletions(-)
diff --git a/src/views/exam-list/index.vue b/src/views/exam-list/index.vue
index b7a0e42..f83cbaa 100644
--- a/src/views/exam-list/index.vue
+++ b/src/views/exam-list/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" />
+ <el-button type="primary" class="ml-4" @click="searchData">鎼滅储</el-button>
</div>
</div>
@@ -30,7 +32,11 @@
</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="prev, pager, next" :total="dataList.length"
+ :default-page-size="20"
+ :currentPage="currentIndex"
+ :hide-on-single-page="true"
+ @current-change="handleCurrentChange"/>
</div>
</div>
</el-card>
@@ -48,7 +54,7 @@
import { Search } from '@element-plus/icons-vue';
-import { getExamList,getExamListV2 } from '@/api/modules/exam.js';
+import { getExamList } from '@/api/modules/exam.js';
const activeName = ref('1');
@@ -60,8 +66,8 @@
const getData = () => {
loading.value = true;
- getExamListV2().then(res => {
- // dataList.value = res.data;
+ getExamList({ examName: searchText.value }).then(res => {
+ dataList.value = res.data;
loading.value = false;
}).catch(err => {
loading.value = false;
@@ -70,8 +76,16 @@
getData();
+const searchData = () => {
+ getData();
+};
+
const handleClick = (tab, event) => {
};
+
+const handleCurrentChange = (val) => {
+ getData();
+}
</script>
<style lang="scss" scoped>
--
Gitblit v1.8.0