From 41ef0abc3ea4060831ae5effcb8d0ee0b32651fb Mon Sep 17 00:00:00 2001
From: JayChou <xxx@gmail.com>
Date: Sat, 15 Feb 2025 14:59:16 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B4=E5=BA=A6=E6=AF=94=E8=B5=9B=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=A2=9E=E5=8A=A0=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/raceInfo/index.vue | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/views/raceInfo/index.vue b/src/views/raceInfo/index.vue
index b9924d4..88a86ed 100644
--- a/src/views/raceInfo/index.vue
+++ b/src/views/raceInfo/index.vue
@@ -136,7 +136,7 @@
       </div>
     </el-card>
     <el-card style="margin-top: 20px" v-else>
-      <div class="race-list">
+      <div class="race-list" v-loading="loading">
         <div
           class="item"
           v-for="item in reacProjectList"
@@ -176,6 +176,9 @@
           </div>
         </div>
       </div>
+      <div style="margin-top: 20px;display: flex;justify-content: center;">
+        <el-pagination background layout="prev, pager, next" :total="page.total"  :page-size="page.pageSize" @change="pageChange"/>
+      </div>
     </el-card>
 
     <h3
@@ -198,26 +201,36 @@ import {
 } from '@/api/race'
 import { useRouter, useRoute } from 'vue-router'
 import { ElMessage } from 'element-plus'
+import { pa } from 'element-plus/es/locales.mjs'
 const Route = useRoute()
 const Router = useRouter()
 console.log(Route, 'Route')
 
-const defaultImageUrl = '/src/assets/images/item.png'
+const loading = ref(false)
 const reacProjectList = ref<any>([])
-const getRaceProjectListEvent = async () => {
-  let page = {
+  let page = ref<any>({
     id: Route.query.id,
     column: 'createTime',
     order: 'desc',
-    // pageNo: 1,
-    // pageSize: 8,2
-  }
-  const res: any = await getYearRaceList(page)
+    pageNo: 1,
+    pageSize: 8,
+    total: 0
+  })
+const getRaceProjectListEvent = async () => {
+  loading.value = true
+  const res: any = await getYearRaceList(page.value)
   console.log(res)
-  reacProjectList.value = res.result
+  reacProjectList.value = res.result.records
+  page.value.total = res.result.total
   console.log(reacProjectList.value, 'reacProjectList.value ')
+
+  loading.value = false
 }
 getRaceProjectListEvent()
+const pageChange = (e:any) => {
+  page.value.pageNo = e
+  getRaceProjectListEvent()
+}
 const setImageUrl = (url: string) => {
   return import.meta.env.VITE_APP_BASE_API + '/sys/common/static/' + url
 }