获取年度比赛项目id

src/api/race.ts

@@ -128,3 +128,11 @@ export const cancelRace = (params: any) => {
     params,
   })
 }
+// 获取项目id
+export const getProjectId = (params: any) => {
+  return request({
+    url: '/comp/comp/findanncomppid',
+    method: 'GET',
+    params,
+  })
+}

src/styles/index.scss

@@ -47,3 +47,8 @@
 img{
   width: 100%;
 }
+.race-description{
+  p{
+    line-height: 30px;
+  }
+}

src/views/raceInfo/index.vue

@@ -1,13 +1,11 @@
 <template>
   <div class="container-1420 container">
-    
-
     <!-- 年度比赛详细信息 -->
     <div class="year-race-info">
       <div class="left-info">
         <el-card>
           <template #header>
-            <div style="display: flex;justify-content: space-between;">
+            <div style="display: flex; justify-content: space-between">
               <el-breadcrumb>
                 <el-breadcrumb-item
                   v-for="item in Route.matched"
@@ -17,7 +15,9 @@
                   {{ item.meta.title }}
                 </el-breadcrumb-item>
               </el-breadcrumb>
-              <div><el-button @click="scrollToPosition">查看详情</el-button></div>
+              <div>
+                <el-button @click="scrollToPosition">查看详情</el-button>
+              </div>
             </div>
           </template>
           <div>
@@ -121,7 +121,7 @@
     <div style="margin-top: 30px; font-size: 24px; font-weight: 600">
       年度比赛列表:
     </div>
-    <el-card v-if="reacProjectList.length === 0" style="margin-top: 20px;">
+    <el-card v-if="reacProjectList.length === 0" style="margin-top: 20px">
       <div
         style="
           display: flex;
@@ -135,7 +135,7 @@
         <p>没有年度比赛~</p>
       </div>
     </el-card>
-    <el-card style="margin-top: 20px;" v-else>
+    <el-card style="margin-top: 20px" v-else>
       <div class="race-list">
         <div
           class="item"
@@ -184,7 +184,12 @@
 
 <script lang="ts" setup>
 import { onMounted, reactive, ref, toRefs, watch } from 'vue'
-import { getYearRaceList, getRaceInfo, getHistoryRaceList } from '@/api/race'
+import {
+  getYearRaceList,
+  getRaceInfo,
+  getHistoryRaceList,
+  getProjectId,
+} from '@/api/race'
 import { useRouter, useRoute } from 'vue-router'
 const Route = useRoute()
 const Router = useRouter()
@@ -220,7 +225,11 @@ const getraceInfoEvent = async () => {
 getraceInfoEvent()
 
 // 前往年度比赛页面
-const goToCompetition = (id: any) => {
+const goToCompetition = async (id: any) => {
+  const projectId = await getProjectId({ anncmopid: id })
+  console.log(projectId)
+
+  return
   Router.push({ path: '/competition', query: { id, raceId: Route.query.id } })
 }
 
@@ -248,11 +257,12 @@ const createfileLink = (url: any) => {
   fileList.value = list
 }
 const scrollToPosition = () => {
-      const targetPosition = (document.getElementById('introduction')as HTMLElement).offsetTop - 100;
+  const targetPosition =
+    (document.getElementById('introduction') as HTMLElement).offsetTop - 100
   window.scrollTo({
     top: targetPosition,
     behavior: 'smooth', // 平滑滚动
-      });
+  })
 }
 </script>
 
@@ -471,7 +481,7 @@ const scrollToPosition = () => {
     font-size: 14px;
     line-height: 22px;
     border: 1px solid #ccc;
-    padding: 10px;
+    padding: 20px;
     margin-top: 20px;
     p {
       img {