From 84052d9aa08779b7218c1c61d8be79bbaca30c9a Mon Sep 17 00:00:00 2001
From: JayChou <2064936853@qq.com>
Date: Tue, 24 Sep 2024 16:30:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=AF=94=E8=B5=9B=E7=BB=BC?=
 =?UTF-8?q?=E8=BF=B0=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Layout/tabbar/components/item.vue  |   4 -
 src/api/race.ts                        |  16 +-
 src/assets/icons/race-none.svg         |   1 +
 src/assets/images/left-top.png         | Bin 0 -> 3120 bytes
 src/directives/defaultImage.ts         |   9 +
 src/main.ts                            |   3 +
 src/router/module/constRouter/index.ts |   4 +-
 src/views/home/index.vue               |  32 ++-
 src/views/raceInfo/index.vue           | 375 ++++++++++++++++++++++++-
 9 files changed, 422 insertions(+), 22 deletions(-)
 create mode 100644 src/assets/icons/race-none.svg
 create mode 100644 src/assets/images/left-top.png
 create mode 100644 src/directives/defaultImage.ts

diff --git a/src/Layout/tabbar/components/item.vue b/src/Layout/tabbar/components/item.vue
index dc3b19c..faff22d 100644
--- a/src/Layout/tabbar/components/item.vue
+++ b/src/Layout/tabbar/components/item.vue
@@ -1,7 +1,6 @@
 <template>
     <!-- 根据路由动态生成菜单 -->
     <template v-for="item in menuList" :key="item.path">
-      <!-- 没有子路由 -->
       <template v-if="!item.children">
         <el-menu-item
           v-if="!item.meta.hidden"
@@ -19,7 +18,6 @@
           </template>
         </el-menu-item>
       </template>
-      <!-- 有子路由但是只有一个子路由 -->
       <template v-if="item.children && item.children.length === 1">
         <el-menu-item
           v-if="!item.children[0].meta.hidden"
@@ -34,7 +32,6 @@
           </template>
         </el-menu-item>
       </template>
-      <!-- 有子路由且有多个 -->
       <el-sub-menu
         :index="item.path"
         v-if="item.children && item.children.length > 1"
@@ -51,7 +48,6 @@
   </template>
   <script lang="ts" setup>
   import { useRouter } from 'vue-router'
-  // import { onMounted, reactive, ref, toRefs, watch } from 'vue'
   // 获取父组件传递的全部的路由的数据
   defineProps(['menuList'])
   const $router = useRouter()
diff --git a/src/api/race.ts b/src/api/race.ts
index fab27a8..838d08e 100644
--- a/src/api/race.ts
+++ b/src/api/race.ts
@@ -8,9 +8,23 @@ export const getRaceProjectList = (params:any) => {
     })
 }
 // 获取年度比赛列表
+export const getYearRaceList = (params:any) => {
+    return request({
+        url:'/annualcomp/annualComp/findndbswlj',
+        params
+    })
+}
+// 获取比赛列表
 export const getRaceList = (params:any) => {
     return request({
-        url:'/annualcomp/annualComp/schoollist',
+        url:'/comp/comp/complistnolj',
+        params
+    })
+}
+// 获取比赛详细信息
+export const getRaceInfo = (params:any) => {
+    return request({
+        url:'/comp/comp/complistnoxq',
         params
     })
 }
\ No newline at end of file
diff --git a/src/assets/icons/race-none.svg b/src/assets/icons/race-none.svg
new file mode 100644
index 0000000..0ba1720
--- /dev/null
+++ b/src/assets/icons/race-none.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg height="1024" node-id="1" sillyvg="true" template-height="1024" template-width="1024" version="1.1" viewBox="0 0 1024 1024" width="1024" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs node-id="55"><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-1" node-id="5" spreadMethod="pad" x1="0.5" x2="0.506" y1="0.0000000000000001110223" y2="0.766"><stop offset="0" stop-color="#f8f8f8" stop-opacity="0.71"></stop><stop offset="1" stop-color="#e2e7f2" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-2" node-id="8" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="0.6386449"><stop offset="0" stop-color="#2dadad" stop-opacity="0.6203417"></stop><stop offset="1" stop-color="#ffffff"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-3" node-id="11" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="1"><stop offset="0" stop-color="#eaeef2"></stop><stop offset="1" stop-color="#e1e6ed"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-4" node-id="14" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="1"><stop offset="0" stop-color="#eaeef2"></stop><stop offset="1" stop-color="#e1e6ed"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient1" node-id="81" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="1"><stop offset="0" stop-color="#e2e7ed"></stop><stop offset="1" stop-color="#e3e8ee"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-5" node-id="17" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="1"><stop offset="0" stop-color="#e2e7ed"></stop><stop offset="1" stop-color="#e3e8ee"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-6" node-id="20" spreadMethod="pad" x1="0.034368683" x2="1.480827" y1="0.5" y2="0.5"><stop offset="0" stop-color="#59ddaf"></stop><stop offset="1" stop-color="#26ba84"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-7" node-id="23" spreadMethod="pad" x1="0.034368683" x2="1.480827" y1="0.5" y2="0.5"><stop offset="0" stop-color="#59ddaf"></stop><stop offset="1" stop-color="#26ba84"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-8" node-id="26" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="1"><stop offset="0" stop-color="#2dadad" stop-opacity="0.6203417"></stop><stop offset="1" stop-color="#ffffff"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-9" node-id="29" spreadMethod="pad" x1="0.5" x2="0.5" y1="0" y2="1"><stop offset="0" stop-color="#2dadad" stop-opacity="0.6203417"></stop><stop offset="1" stop-color="#ffffff"></stop></linearGradient><linearGradient gradientUnits="objectBoundingBox" id="linearGradient-10" node-id="32" spreadMethod="pad" x1="0.034368683" x2="1.480827" y1="0.5" y2="0.5"><stop offset="0" stop-color="#59ddaf"></stop><stop offset="1" stop-color="#26ba84"></stop></linearGradient></defs><g node-id="123"><g node-id="124"><path d="M 0.00 0.00 L 1024.00 0.00 L 1024.00 1024.00 L 0.00 1024.00 Z" fill="#ffffff" fill-opacity="0" fill-rule="nonzero" group-id="1,2" id="矩形_336" node-id="37" stroke="none" target-height="1024" target-width="1024" target-x="0" target-y="0"></path></g><g node-id="125"><path d="M 63.20 779.10 L 56.00 743.70 L 52.20 720.80 L 48.80 695.40 L 47.40 682.30 L 46.30 669.10 L 45.70 656.10 L 45.60 643.80 L 46.30 628.20 L 47.10 621.20 L 48.30 614.30 L 49.80 608.30 L 51.60 603.10 L 53.30 599.20 L 55.30 596.00 L 57.40 593.30 L 59.70 591.10 L 63.00 588.70 L 69.30 585.50 L 72.30 584.60 L 76.50 584.00 L 80.50 584.00 L 84.50 584.60 L 88.40 585.70 L 92.20 587.30 L 95.90 589.30 L 101.20 592.90 L 106.20 597.00 L 110.80 601.50 L 118.50 610.60 L 121.50 614.60 L 127.40 623.50 L 123.30 608.30 L 119.50 591.70 L 115.50 571.40 L 112.30 549.00 L 111.20 537.50 L 110.40 518.60 L 111.10 504.60 L 112.00 497.80 L 113.20 491.60 L 114.80 485.90 L 116.40 481.70 L 118.20 478.00 L 122.50 471.80 L 125.10 469.10 L 128.00 467.00 L 131.20 465.20 L 134.90 463.90 L 138.70 463.10 L 142.30 462.90 L 145.90 463.30 L 149.40 464.20 L 152.80 465.50 L 156.20 467.30 L 159.60 469.50 L 162.90 472.20 L 167.10 476.20 L 171.20 480.90 L 179.00 491.90 L 186.30 504.40 L 191.30 514.40 L 200.20 535.30 L 204.10 545.60 L 210.60 565.00 L 215.40 581.20 L 219.30 596.30 L 218.00 581.40 L 217.70 565.90 L 218.00 557.20 L 219.60 541.60 L 222.10 529.40 L 223.90 523.40 L 226.00 517.90 L 228.60 512.60 L 230.80 508.90 L 233.20 505.50 L 236.00 502.40 L 238.90 499.70 L 242.20 497.30 L 245.80 495.30 L 249.80 493.70 L 254.20 492.60 L 257.70 492.30 L 261.20 492.60 L 264.90 493.60 L 268.60 495.30 L 272.00 497.30 L 279.20 503.20 L 283.00 507.20 L 287.50 512.60 L 292.20 518.90 L 296.90 526.10 L 305.80 541.30 L 316.40 562.60 L 327.90 589.40 L 337.80 615.20 L 348.80 647.20 L 354.70 666.10 L 63.20 779.10 Z" fill="url(#linearGradient-1)" fill-rule="nonzero" group-id="1,3" id="路径_63" node-id="38" stroke="none" target-height="316.19998" target-width="309.1" target-x="45.6" target-y="462.9"></path></g><g node-id="126"><path d="M 1002.00 809.00 L 1001.70 813.30 L 1001.00 817.70 L 999.70 822.00 L 998.00 826.40 L 995.60 830.90 L 992.60 835.50 L 988.80 840.30 L 984.30 845.20 L 978.90 850.30 L 972.60 855.40 L 965.20 860.70 L 950.20 869.80 L 941.40 874.50 L 920.90 883.90 L 907.80 889.10 L 893.50 894.30 L 877.80 899.40 L 860.60 904.50 L 842.40 909.30 L 823.10 913.90 L 802.60 918.30 L 782.10 922.20 L 760.60 925.90 L 738.20 929.30 L 692.50 935.00 L 644.70 939.40 L 595.20 942.30 L 544.80 943.80 L 519.20 944.00 L 493.50 943.80 L 443.20 942.30 L 393.70 939.40 L 345.80 935.00 L 300.20 929.30 L 277.80 925.90 L 256.30 922.20 L 235.80 918.30 L 215.30 913.90 L 196.00 909.30 L 177.80 904.50 L 160.60 899.40 L 144.90 894.30 L 130.50 889.10 L 117.50 883.90 L 97.00 874.50 L 88.20 869.80 L 73.10 860.70 L 65.80 855.40 L 59.50 850.30 L 54.10 845.20 L 49.50 840.30 L 45.70 835.50 L 42.80 830.90 L 40.40 826.40 L 38.60 822.00 L 37.40 817.70 L 36.60 813.30 L 36.40 809.00 L 36.60 804.70 L 37.40 800.30 L 38.60 796.00 L 40.40 791.60 L 42.80 787.10 L 45.70 782.50 L 49.50 777.70 L 54.10 772.80 L 59.50 767.70 L 65.80 762.60 L 73.10 757.30 L 88.20 748.20 L 97.00 743.50 L 117.50 734.10 L 130.50 728.90 L 144.90 723.70 L 160.60 718.60 L 177.80 713.50 L 196.00 708.70 L 215.30 704.10 L 235.80 699.70 L 256.30 695.80 L 277.80 692.10 L 300.20 688.70 L 345.80 683.00 L 393.70 678.60 L 443.20 675.70 L 493.50 674.20 L 519.20 674.00 L 544.80 674.20 L 595.20 675.70 L 644.70 678.60 L 692.50 683.00 L 738.20 688.70 L 760.60 692.10 L 782.10 695.80 L 802.60 699.70 L 823.10 704.10 L 842.40 708.70 L 860.60 713.50 L 877.80 718.60 L 893.50 723.70 L 907.80 728.90 L 920.90 734.10 L 941.40 743.50 L 950.20 748.20 L 965.20 757.30 L 972.60 762.60 L 978.90 767.70 L 984.30 772.80 L 988.80 777.70 L 992.60 782.50 L 995.60 787.10 L 998.00 791.60 L 999.70 796.00 L 1001.00 800.30 L 1001.70 804.70 L 1002.00 809.00 Z" fill="url(#linearGradient-2)" fill-opacity="0.061778482" fill-rule="nonzero" group-id="1,4" id="椭圆_16" node-id="39" stroke="none" target-height="270" target-width="965.6" target-x="36.4" target-y="674"></path></g><path d="M 642.90 709.70 L 399.90 709.70 L 394.70 709.40 L 389.70 708.70 L 384.90 707.50 L 380.10 705.80 L 375.60 703.60 L 371.30 701.00 L 367.20 698.00 L 363.40 694.60 L 360.00 690.80 L 357.00 686.70 L 354.40 682.40 L 352.20 677.90 L 350.50 673.10 L 349.30 668.30 L 348.60 663.30 L 348.30 658.10 L 348.30 356.20 L 348.60 351.10 L 349.30 346.10 L 350.50 341.20 L 352.20 336.50 L 354.40 331.90 L 357.00 327.60 L 360.00 323.60 L 363.40 319.70 L 367.20 316.30 L 371.30 313.30 L 375.60 310.70 L 380.10 308.60 L 384.90 306.90 L 389.70 305.70 L 394.70 304.90 L 399.90 304.70 L 449.20 304.70 L 444.40 305.00 L 439.90 306.00 L 435.60 307.50 L 431.60 309.60 L 427.90 312.10 L 424.60 315.10 L 421.70 318.50 L 419.20 322.20 L 417.20 326.30 L 415.70 330.50 L 414.80 335.10 L 414.50 339.80 L 414.90 344.60 L 415.80 349.10 L 417.40 353.40 L 419.40 357.40 L 421.90 361.10 L 424.90 364.50 L 428.20 367.40 L 431.90 369.90 L 436.00 371.90 L 440.30 373.40 L 444.80 374.30 L 450.80 374.60 L 455.60 374.30 L 460.10 373.40 L 464.40 371.90 L 468.50 369.90 L 472.20 367.50 L 475.60 364.50 L 478.60 361.20 L 481.10 357.50 L 483.20 353.40 L 484.70 349.20 L 485.60 344.60 L 486.00 339.80 L 485.70 335.00 L 484.80 330.50 L 483.30 326.20 L 481.30 322.10 L 478.80 318.40 L 475.90 315.10 L 472.50 312.10 L 468.90 309.60 L 464.80 307.50 L 460.50 306.00 L 456.00 305.00 L 451.20 304.70 L 592.80 304.70 L 588.00 305.00 L 583.50 306.00 L 579.20 307.50 L 575.20 309.60 L 571.50 312.10 L 568.20 315.10 L 565.30 318.50 L 562.80 322.20 L 560.80 326.30 L 559.30 330.50 L 558.40 335.10 L 558.10 339.80 L 558.50 344.60 L 559.40 349.10 L 561.00 353.40 L 563.00 357.40 L 565.50 361.10 L 568.50 364.50 L 571.80 367.40 L 575.50 369.90 L 579.60 371.90 L 583.90 373.40 L 588.40 374.30 L 594.40 374.60 L 598.60 374.40 L 602.60 373.70 L 606.40 372.60 L 610.10 371.00 L 613.60 369.00 L 616.90 366.60 L 619.80 363.90 L 622.50 360.80 L 624.80 357.30 L 626.70 353.60 L 628.10 349.80 L 629.00 345.90 L 629.50 341.80 L 629.50 337.80 L 629.10 333.80 L 628.20 329.90 L 626.80 326.10 L 625.00 322.30 L 622.70 318.80 L 620.10 315.70 L 617.20 312.90 L 614.00 310.50 L 610.50 308.50 L 606.80 306.90 L 603.00 305.70 L 599.00 304.90 L 594.80 304.70 L 642.90 304.70 L 648.00 304.90 L 653.00 305.70 L 657.90 306.90 L 662.60 308.60 L 667.20 310.70 L 671.50 313.30 L 675.50 316.30 L 679.30 319.70 L 682.80 323.60 L 685.80 327.60 L 688.40 331.90 L 690.50 336.50 L 692.20 341.20 L 693.40 346.10 L 694.20 351.10 L 694.40 356.20 L 694.40 658.10 L 694.20 663.30 L 693.40 668.30 L 692.20 673.10 L 690.50 677.90 L 688.40 682.40 L 685.80 686.70 L 682.80 690.80 L 679.30 694.60 L 675.50 698.00 L 671.50 701.00 L 667.20 703.60 L 662.60 705.80 L 657.90 707.50 L 653.00 708.70 L 648.00 709.40 L 642.90 709.70 Z" fill="url(#linearGradient-3)" fill-rule="nonzero" group-id="1" id="路径_8758" node-id="40" stroke="none" target-height="405" target-width="346.10004" target-x="348.3" target-y="304.7"></path><g node-id="127"><path d="M 347.60 302.90 L 693.50 302.90 L 694.90 303.50 L 695.50 304.90 L 695.50 706.30 L 695.30 707.10 L 694.30 708.10 L 347.60 708.30 L 346.20 707.70 L 345.60 706.30 L 345.60 304.90 L 346.20 303.50 L 347.60 302.90 Z" fill="url(#linearGradient-4)" fill-rule="nonzero" group-id="1,5" id="矩形" node-id="42" stroke="none" target-height="405.4" target-width="349.9" target-x="345.6" target-y="302.9"></path><path d="M 486.40 347.70 L 485.70 355.10 L 483.60 361.80 L 481.40 366.10 L 478.80 369.90 L 475.80 373.40 L 472.30 376.40 L 468.50 379.00 L 464.20 381.20 L 457.50 383.30 L 450.10 384.00 L 442.80 383.30 L 436.00 381.10 L 431.80 379.00 L 428.00 376.40 L 424.50 373.40 L 421.40 369.90 L 418.80 366.10 L 416.70 361.80 L 414.60 355.10 L 414.10 351.50 L 413.90 347.70 L 414.10 344.00 L 415.50 336.90 L 416.70 333.60 L 418.80 329.40 L 421.40 325.60 L 424.50 322.10 L 428.00 319.00 L 431.80 316.40 L 436.00 314.30 L 442.80 312.20 L 450.10 311.50 L 457.50 312.20 L 464.20 314.30 L 468.50 316.40 L 472.30 319.00 L 475.80 322.10 L 478.80 325.60 L 481.40 329.40 L 483.60 333.60 L 485.70 340.40 L 486.40 347.70 Z" fill="#ffffff" fill-rule="evenodd" group-id="1,5" id="椭圆形" node-id="43" stroke="none" target-height="72.5" target-width="72.5" target-x="413.9" target-y="311.5"></path><path d="M 631.50 347.70 L 630.70 355.10 L 628.60 361.80 L 626.50 366.10 L 623.90 369.90 L 620.80 373.40 L 617.40 376.40 L 613.50 379.00 L 609.30 381.20 L 602.60 383.30 L 595.20 384.00 L 587.80 383.30 L 581.10 381.10 L 576.90 379.00 L 573.00 376.40 L 569.60 373.40 L 566.50 369.90 L 563.90 366.10 L 561.80 361.80 L 559.70 355.10 L 559.10 351.50 L 558.90 347.70 L 559.10 344.00 L 560.60 336.90 L 561.80 333.60 L 563.90 329.40 L 566.50 325.60 L 569.60 322.10 L 573.00 319.00 L 576.90 316.40 L 581.10 314.30 L 587.80 312.20 L 595.20 311.50 L 602.60 312.20 L 609.30 314.30 L 613.50 316.40 L 617.40 319.00 L 620.80 322.10 L 623.90 325.60 L 626.50 329.40 L 628.60 333.60 L 630.70 340.40 L 631.50 347.70 Z" fill="#ffffff" fill-rule="evenodd" group-id="1,5" id="椭圆形备份" node-id="44" stroke="none" target-height="72.5" target-width="72.599976" target-x="558.9" target-y="311.5"></path><path d="M 449.20 263.50 L 452.70 263.80 L 456.00 264.40 L 459.20 265.50 L 462.10 267.00 L 464.90 268.90 L 467.30 271.00 L 469.50 273.50 L 471.30 276.20 L 472.80 279.20 L 473.90 282.30 L 474.60 285.60 L 474.80 289.20 L 474.80 342.20 L 474.60 345.70 L 473.90 349.00 L 472.80 352.20 L 471.30 355.20 L 469.50 357.90 L 467.30 360.30 L 464.90 362.50 L 462.10 364.30 L 459.20 365.80 L 456.00 366.90 L 452.70 367.60 L 449.20 367.80 L 445.70 367.60 L 442.30 366.90 L 439.20 365.80 L 436.20 364.30 L 433.50 362.50 L 431.10 360.30 L 428.90 357.90 L 427.10 355.20 L 425.60 352.20 L 424.50 349.00 L 423.80 345.70 L 423.50 342.20 L 423.50 289.20 L 423.80 285.60 L 424.50 282.30 L 425.60 279.20 L 427.10 276.20 L 428.90 273.50 L 431.10 271.00 L 433.50 268.90 L 436.20 267.00 L 439.20 265.50 L 442.30 264.40 L 445.70 263.80 L 449.20 263.50 Z" fill="url(#linearGradient1)" fill-rule="nonzero" group-id="1,5" id="矩形_302" node-id="45" stroke="none" target-height="104.29999" target-width="51.299988" target-x="423.5" target-y="263.5"></path><path d="M 594.20 263.50 L 597.70 263.80 L 601.00 264.40 L 604.10 265.50 L 607.10 267.00 L 609.80 268.90 L 612.30 271.00 L 614.50 273.50 L 616.30 276.20 L 617.80 279.20 L 618.90 282.30 L 619.60 285.60 L 619.80 289.20 L 619.80 342.20 L 619.60 345.70 L 618.90 349.00 L 617.80 352.20 L 616.30 355.20 L 614.50 357.90 L 612.30 360.30 L 609.80 362.50 L 607.10 364.30 L 604.10 365.80 L 601.00 366.90 L 597.70 367.60 L 594.20 367.80 L 590.60 367.60 L 587.30 366.90 L 584.20 365.80 L 581.20 364.30 L 578.50 362.50 L 576.00 360.30 L 573.80 357.90 L 572.00 355.20 L 570.50 352.20 L 569.40 349.00 L 568.80 345.70 L 568.50 342.20 L 568.50 289.20 L 568.80 285.60 L 569.40 282.30 L 570.50 279.20 L 572.00 276.20 L 573.80 273.50 L 576.00 271.00 L 578.50 268.90 L 581.20 267.00 L 584.20 265.50 L 587.30 264.40 L 590.60 263.80 L 594.20 263.50 Z" fill="url(#linearGradient-5)" fill-rule="nonzero" group-id="1,5" id="矩形_309" node-id="46" stroke="none" target-height="104.29999" target-width="51.299988" target-x="568.5" target-y="263.5"></path></g><g node-id="128"><path d="M 431.90 456.80 L 610.80 456.80 L 614.50 457.20 L 617.80 458.10 L 620.90 459.60 L 623.70 461.60 L 626.10 463.90 L 628.10 466.80 L 629.60 469.90 L 630.50 473.20 L 630.80 476.80 L 630.50 480.50 L 629.60 483.80 L 628.10 486.90 L 626.10 489.70 L 623.70 492.10 L 620.90 494.10 L 617.80 495.60 L 614.50 496.50 L 610.80 496.80 L 431.90 496.80 L 428.30 496.50 L 424.90 495.60 L 421.80 494.10 L 419.00 492.10 L 416.70 489.70 L 414.70 486.90 L 413.20 483.80 L 412.30 480.50 L 411.90 476.80 L 412.30 473.20 L 413.20 469.90 L 414.70 466.80 L 416.70 463.90 L 419.00 461.60 L 421.80 459.60 L 424.90 458.10 L 428.30 457.20 L 431.90 456.80 Z" fill="url(#linearGradient-6)" fill-opacity="0.46709332" fill-rule="nonzero" group-id="1,6" id="矩形_316" node-id="47" stroke="none" target-height="40" target-width="218.9" target-x="411.9" target-y="456.8"></path></g><g node-id="129"><path d="M 431.90 537.50 L 521.90 537.50 L 525.60 537.80 L 528.90 538.70 L 532.00 540.20 L 534.80 542.20 L 537.20 544.60 L 539.20 547.40 L 540.70 550.50 L 541.60 553.80 L 541.90 557.50 L 541.60 561.10 L 540.70 564.50 L 539.20 567.60 L 537.20 570.40 L 534.80 572.80 L 532.00 574.80 L 528.90 576.20 L 525.60 577.10 L 521.90 577.50 L 431.90 577.50 L 428.30 577.10 L 424.90 576.20 L 421.80 574.80 L 419.00 572.80 L 416.70 570.40 L 414.70 567.60 L 413.20 564.50 L 412.30 561.10 L 411.90 557.50 L 412.30 553.80 L 413.20 550.50 L 414.70 547.40 L 416.70 544.60 L 419.00 542.20 L 421.80 540.20 L 424.90 538.70 L 428.30 537.80 L 431.90 537.50 Z" fill="url(#linearGradient-7)" fill-opacity="0.46709332" fill-rule="nonzero" group-id="1,7" id="矩形_317" node-id="48" stroke="none" target-height="40" target-width="130.00003" target-x="411.9" target-y="537.5"></path></g><path d="M 598.40 304.90 L 591.70 304.50 L 585.30 303.70 L 579.10 302.30 L 573.10 300.50 L 567.20 298.20 L 561.60 295.50 L 556.20 292.30 L 551.20 288.80 L 546.30 284.90 L 541.90 280.70 L 537.70 276.20 L 533.90 271.30 L 530.50 266.20 L 527.50 260.80 L 524.90 255.20 L 522.60 249.20 L 520.90 243.20 L 519.60 237.00 L 518.90 230.50 L 518.60 223.90 L 518.90 217.20 L 519.60 210.80 L 520.90 204.60 L 522.60 198.50 L 524.90 192.60 L 527.50 187.00 L 530.50 181.60 L 533.90 176.40 L 537.70 171.60 L 541.90 167.00 L 546.30 162.80 L 551.20 158.90 L 556.20 155.40 L 561.60 152.30 L 567.20 149.60 L 573.10 147.30 L 579.10 145.50 L 585.30 144.10 L 591.70 143.20 L 598.40 142.80 L 603.40 143.00 L 613.50 144.30 L 623.30 146.90 L 628.10 148.60 L 627.90 142.90 L 628.10 136.40 L 628.80 130.10 L 630.10 124.00 L 632.00 118.00 L 634.30 112.20 L 637.10 106.60 L 640.40 101.40 L 644.20 96.30 L 648.40 91.70 L 653.00 87.40 L 658.00 83.50 L 663.40 80.00 L 669.20 77.00 L 675.00 74.60 L 681.00 72.70 L 687.10 71.30 L 693.30 70.50 L 699.50 70.30 L 705.70 70.50 L 711.90 71.30 L 718.10 72.70 L 724.00 74.60 L 729.90 77.00 L 735.60 80.00 L 741.10 83.50 L 746.10 87.40 L 750.60 91.70 L 754.80 96.30 L 758.60 101.40 L 761.90 106.60 L 764.70 112.20 L 767.10 118.00 L 768.90 124.00 L 770.20 130.10 L 771.00 136.40 L 771.20 142.90 L 770.60 152.20 L 768.80 161.40 L 765.90 170.30 L 771.60 167.10 L 777.50 164.60 L 783.60 162.50 L 789.90 161.10 L 796.30 160.20 L 802.80 159.90 L 808.80 160.20 L 814.50 161.00 L 820.10 162.20 L 825.50 163.80 L 830.80 165.80 L 835.80 168.30 L 840.60 171.00 L 845.20 174.20 L 849.50 177.60 L 853.60 181.40 L 857.30 185.50 L 860.70 189.80 L 863.80 194.50 L 866.50 199.30 L 868.90 204.30 L 870.90 209.70 L 872.50 215.10 L 873.60 220.70 L 874.30 226.40 L 874.50 232.40 L 874.30 238.40 L 873.60 244.20 L 872.50 249.80 L 870.90 255.20 L 868.90 260.50 L 866.50 265.50 L 863.80 270.40 L 860.70 275.00 L 857.30 279.40 L 853.60 283.40 L 849.50 287.20 L 845.20 290.70 L 840.60 293.80 L 835.80 296.60 L 830.80 299.00 L 825.50 301.00 L 820.10 302.70 L 814.50 303.80 L 808.80 304.60 L 802.80 304.90 L 598.40 304.90 Z" fill="url(#linearGradient-8)" fill-opacity="0.2" fill-rule="nonzero" group-id="1" id="联合_67" node-id="49" stroke="none" target-height="234.59999" target-width="355.90002" target-x="518.6" target-y="70.3"></path><path d="M 197.10 325.20 L 192.60 324.90 L 188.30 324.20 L 184.20 323.20 L 180.30 321.70 L 176.40 319.80 L 172.90 317.60 L 169.60 315.10 L 166.50 312.20 L 163.70 309.10 L 161.20 305.70 L 159.00 302.00 L 157.20 298.10 L 155.70 294.10 L 154.70 289.90 L 154.00 285.50 L 153.80 280.90 L 154.00 276.30 L 154.70 272.00 L 155.70 267.80 L 157.20 263.70 L 159.00 259.80 L 161.20 256.20 L 163.70 252.80 L 166.50 249.70 L 169.60 246.80 L 172.90 244.30 L 176.40 242.10 L 180.30 240.20 L 184.20 238.70 L 188.30 237.60 L 192.60 237.00 L 197.10 236.70 L 205.30 237.50 L 213.20 239.90 L 213.30 232.00 L 214.00 227.50 L 215.30 223.20 L 217.00 219.00 L 219.20 215.10 L 221.90 211.40 L 224.90 208.10 L 228.40 205.10 L 232.30 202.50 L 236.40 200.40 L 240.70 198.80 L 245.10 197.70 L 249.60 197.20 L 254.10 197.20 L 258.60 197.70 L 263.10 198.80 L 267.30 200.40 L 271.50 202.50 L 275.40 205.10 L 278.90 208.10 L 281.90 211.40 L 284.60 215.10 L 286.80 219.00 L 288.50 223.20 L 289.80 227.50 L 290.50 232.00 L 290.50 240.60 L 289.10 248.00 L 287.80 251.70 L 294.10 248.60 L 300.80 246.70 L 307.80 246.00 L 311.90 246.30 L 315.70 247.00 L 323.00 249.40 L 327.50 251.70 L 331.60 254.50 L 335.30 257.90 L 338.50 261.70 L 341.30 265.80 L 343.60 270.40 L 345.80 277.70 L 346.60 285.60 L 346.40 289.60 L 345.80 293.50 L 343.60 300.80 L 341.30 305.30 L 338.50 309.50 L 335.30 313.30 L 331.50 316.60 L 327.50 319.50 L 323.00 321.80 L 315.70 324.20 L 311.90 324.90 L 307.80 325.20 L 197.10 325.20 Z" fill="url(#linearGradient-9)" fill-opacity="0.2" fill-rule="nonzero" group-id="1" id="联合_68" node-id="50" stroke="none" target-height="128.00002" target-width="192.8" target-x="153.8" target-y="197.2"></path><g node-id="130"><g node-id="131"><path d="M 909.50 387.80 L 898.60 384.40 L 893.40 383.20 L 887.20 382.20 L 880.80 381.60 L 874.00 381.50 L 864.80 382.50 L 860.30 383.60 L 856.00 385.10 L 851.80 387.30 L 847.90 389.90 L 845.20 392.20 L 842.60 395.00 L 840.30 398.10 L 838.10 401.80 L 836.30 405.60 L 834.70 409.90 L 833.40 414.90 L 832.40 420.60 L 830.30 427.30 L 828.20 432.70 L 826.00 437.10 L 821.10 444.80 L 816.20 449.90 L 811.60 453.00 L 808.10 454.50 L 805.30 455.20 L 802.70 455.50 L 799.30 455.30 L 803.10 455.70 L 809.10 455.10 L 815.40 453.00 L 820.90 449.60 L 826.10 444.70 L 828.80 441.20 L 831.20 437.40 L 833.50 432.90 L 835.80 427.30 L 842.40 428.80 L 848.40 429.70 L 853.90 430.10 L 858.90 430.00 L 864.00 429.60 L 868.70 428.80 L 876.80 426.30 L 881.80 423.90 L 886.20 421.20 L 890.10 418.30 L 893.70 415.00 L 899.50 408.20 L 902.90 403.00 L 905.40 398.30 L 907.40 393.90 L 909.50 387.80 Z" fill="url(#linearGradient-10)" fill-rule="nonzero" group-id="1,8,9" id="路径_72备份" node-id="52" stroke="none" target-height="74.20001" target-width="110.20001" target-x="799.3" target-y="381.5"></path></g><path d="M 649.10 567.20 L 656.00 569.10 L 662.50 570.50 L 668.80 571.50 L 674.70 571.90 L 686.30 571.70 L 691.50 571.10 L 701.30 568.70 L 709.60 565.20 L 713.10 563.20 L 716.40 560.70 L 719.20 558.10 L 721.60 555.40 L 723.50 552.50 L 725.00 549.40 L 726.00 546.20 L 726.50 543.00 L 726.50 539.60 L 726.00 536.30 L 724.90 532.90 L 723.20 529.50 L 720.90 525.80 L 718.40 523.00 L 716.10 521.30 L 714.00 520.40 L 711.80 520.00 L 709.80 520.20 L 707.90 521.00 L 706.20 522.20 L 704.70 523.80 L 703.30 525.80 L 701.60 530.50 L 701.10 535.90 L 701.50 538.50 L 702.30 541.20 L 703.50 543.60 L 705.20 545.90 L 707.50 548.00 L 709.40 549.30 L 714.40 551.20 L 717.70 551.80 L 724.40 552.10 L 728.70 551.70 L 733.70 550.90 L 740.00 549.30 L 747.50 546.90 L 756.30 543.30 L 779.80 526.90 L 787.00 521.30 L 796.00 512.90 L 800.40 508.10 L 804.50 503.00 L 808.60 497.20 L 812.70 490.50 L 816.50 483.70 L 820.30 475.70 L 824.20 466.50" fill="none" group-id="1,8,10" id="路径-2" node-id="53" stroke="#bcc2c9" stroke-dasharray="2 2" stroke-linecap="round" stroke-width="1" target-height="105.400024" target-width="175.10004" target-x="649.1" target-y="466.5"></path></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/left-top.png b/src/assets/images/left-top.png
new file mode 100644
index 0000000000000000000000000000000000000000..c39df86ddaf0d305a7d90626b17cc37cf26cfbe6
GIT binary patch
literal 3120
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
KMNUMnLSTZ2qzktI

literal 0
HcmV?d00001

diff --git a/src/directives/defaultImage.ts b/src/directives/defaultImage.ts
new file mode 100644
index 0000000..a051f10
--- /dev/null
+++ b/src/directives/defaultImage.ts
@@ -0,0 +1,9 @@
+export default {
+    mounted(el:any, binding:any) {
+      el.onerror = () => {
+        // 当图片加载失败时，设置默认图片
+        el.src = binding.value ||'/src/assets/images/item.png'; // 默认图片
+      };
+    }
+  };
+  
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 622df0c..8bac504 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -18,10 +18,13 @@ import pinia from '@/store/index'
 // 引入路由
 import router from './permissions'
 import '@/utils/rem.js'
+import defaultImage from '@/directives/defaultImage';
 // 创建vue实例
 const app = createApp(App)
 app.use(pinia)
 
+// 注册全局指令
+app.directive('default-image', defaultImage);
 // 注册element plus组件库
 app.use(ElementPlus, {
   locale: zhCn,
diff --git a/src/router/module/constRouter/index.ts b/src/router/module/constRouter/index.ts
index 88584bb..6bdde05 100644
--- a/src/router/module/constRouter/index.ts
+++ b/src/router/module/constRouter/index.ts
@@ -5,7 +5,7 @@ export const constRouter: any = {
   redirect: '/home',
   meta: {
     icon: '',
-    title: '',
+    title: '首页',
     hidden: false,
   },
   children: [
@@ -122,7 +122,7 @@ export const constRouter: any = {
       },
     },
     {
-      path: '/raec-info',
+      path: '/race-info',
       name: 'RaecInfo',
       component: () => import('@/views/raceInfo/index.vue'),
       meta: {
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 7778764..4d03861 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="container-1420" v-if="isLoading">
     <div class="banner">
-      <div class="title">{{ reacProjectList[0].compname }}火热报名中</div>
+      <div class="title">{{ reacProjectList[0].compName }}火热报名中</div>
       <div class="description">
-        <div v-html="reacProjectList[0].introduce"></div>
+        <div v-html="reacProjectList[0].compName"></div>
       </div>
       <div class="application gradient">立即报名</div>
       <div class="nav-title">
@@ -13,16 +13,16 @@
     </div>
     <!-- 比赛列表 -->
     <div class="race-list">
-      <div class="item" v-for="item in reacProjectList" :key="item.id">
+      <div class="item" v-for="item in reacProjectList" :key="item.id" @click="toDetail(item.id)">
         <div class="image">
-          <img :src="setImageUrl(item.image)" alt="" />
+          <img :src="setImageUrl(item.compImg)" alt="" v-default-image/>
         </div>
         <div class="reac-info">
-          <div class="reac-title">{{ item.compname }}</div>
-          <div class="reac-project"><div v-html="item.introduce"></div></div>
-          <div class="time">
+          <div class="reac-title">{{ item.compName }}</div>
+          <div class="reac-project"><div v-html="item.compName"></div></div>
+          <!-- <div class="time">
             报名时间:{{ item.starttime }}-{{ item.endtime }}
-          </div>
+          </div> -->
         </div>
       </div>
     </div>
@@ -70,7 +70,8 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
 import { getRaceList } from '@/api/race'
-
+import { useRouter } from 'vue-router';
+const router = useRouter()
 const reacProjectList = ref<any>([])
 const isLoading = ref(false)
 const getRaceProjectListEvent = async () => {
@@ -82,7 +83,7 @@ const getRaceProjectListEvent = async () => {
   }
   const res: any = await getRaceList(page)
   console.log(res)
-  reacProjectList.value = res.result.records
+  reacProjectList.value = res.result.slice(0, 8)
   console.log(reacProjectList.value, 'reacProjectList.value ')
 
   isLoading.value = true
@@ -92,6 +93,16 @@ const active = ref(1)
 const setImageUrl = (url: string) => {
   return import.meta.env.VITE_APP_BASE_API + url
 }
+
+// 前往比赛综述
+const toDetail = (id: number) => {
+  router.push({
+    path:'/race-info',
+    query: {
+      id
+    }
+  })
+}
 </script>
 
 <style lang="scss" scoped>
@@ -173,6 +184,7 @@ const setImageUrl = (url: string) => {
       }
     }
     .reac-info {
+      padding: 0 8px;
       .reac-title {
         margin-top: 19px;
         color: #c9c9c9;
diff --git a/src/views/raceInfo/index.vue b/src/views/raceInfo/index.vue
index 21195c4..4dd2f00 100644
--- a/src/views/raceInfo/index.vue
+++ b/src/views/raceInfo/index.vue
@@ -1,14 +1,379 @@
 <template>
-    <div>
-        赛事详情
+  <div class="container-1420 container">
+    <div class="top-image">Banner</div>
+    <!-- 年度比赛列表 -->
+    <div class="race-list">
+      <div class="item" v-for="item in reacProjectList" :key="item.id" @click="goToCompetition(item.id)">
+        <div class="image">
+          <img
+            :src="setImageUrl(item.image)"
+            alt=""
+            v-default-image="defaultImageUrl"
+          />
+        </div>
+        <div class="reac-info">
+          <div class="reac-title">{{ item.name }}</div>
+          <div class="reac-project">{{ item.introduction }}</div>
+          <div class="time">
+            报名时间:{{ item.starttime }}-{{ item.endtime }}
+          </div>
+        </div>
+      </div>
     </div>
+    <el-card v-if="reacProjectList.length === 0">
+      <div
+        style="
+          display: flex;
+          justify-content: center;
+          flex-direction: column;
+          align-items: center;
+          color: #aaa;
+        "
+      >
+        <svgIcon name="race-none" width="200px" height="200px" />
+        <p>没有年度比赛~</p>
+      </div>
+    </el-card>
+
+    <!-- 年度比赛详细信息 -->
+    <div class="year-race-info">
+      <div class="left-info">
+        <el-card>
+          <template #header>
+            <el-breadcrumb>
+              <el-breadcrumb-item
+                v-for="item in Route.matched"
+                :key="item.path"
+                :to="{ path: item.path }"
+              >
+                {{ item.meta.title }}
+              </el-breadcrumb-item>
+            </el-breadcrumb>
+          </template>
+          <div>
+            <!-- {{  raceInfo  }} -->
+            <div class="race-info">
+              <div class="top">
+                <div class="left">
+                  <el-image
+                    src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg"
+                    style="width: 300px"
+                    :preview-src-list="[
+                      'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
+                    ]"
+                  ></el-image>
+                </div>
+                <div class="right">
+                  <ul>
+                    <li>
+                      <div class="label">比赛名称:</div>
+                      <div class="text">{{ raceInfo.compName }}</div>
+                    </li>
+                    <li>
+                      <div class="label">负责人:</div>
+                      <div class="text">{{ raceInfo.createBy }}</div>
+                    </li>
+                    <li>
+                      <div class="label">负责部门:</div>
+                      <div class="text">{{ raceInfo.dept }}</div>
+                    </li>
+                    <li style="width: 33%">
+                      <div class="label">比赛类型:</div>
+                      <div class="text">A</div>
+                    </li>
+                    <li style="width: 33%">
+                      <div class="label">比赛权重:</div>
+                      <div class="text">{{ raceInfo.compweight }}</div>
+                    </li>
+                    <li style="width: 33%">
+                      <div class="label">比赛内部排名:</div>
+                      <div class="text">{{ raceInfo.compOrder }}</div>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <div class="center">
+                <div class="label">比赛简介:</div>
+                <div class="deaceiption">
+                  亲爱的同学们、老师们以及各位编程爱好者们：
+                  在这个充满创新与挑战的时代，一场精彩纷呈的大学生编程大赛即将拉开帷幕。
+                  本次大学生编程大赛是智慧与技能的激烈碰撞，是创意与实践的完美结合。它为广大有才华、有梦想的大学生们提供了一个展现自我、超越自我的广阔舞台。
+                  在这里，你将与来自不同高校、不同专业的编程高手们同场竞技。大家将用代码编织梦想，用算法开拓未来。无论是擅长网页开发、移动应用编程，还是热衷于数据分析、人工智能算法设计，都能在这个舞台上找到属于自己的一片天地。
+                  大赛不仅考验选手们的编程技术水平，更注重创新思维和解决实际问题的能力。在比赛过程中，选手们将面临各种复杂的问题和挑战，需要运用所学知识，发挥创造力，提出独特而有效的解决方案。
+                  同时，本次大赛也为同学们提供了一个与行业专家、企业代表交流互动的机会。他们将带来最前沿的技术资讯和行业动态，为同学们的未来发展提供宝贵的建议和指导。
+                  来吧，亲爱的大学生们！加入这场编程的盛宴，释放你的无限潜力，用代码书写属于你们的辉煌篇章！让我们一起见证新一代编程之星的诞生！
+                </div>
+                <div class="label">附件:</div>
+                <div class="file">
+                  <el-tag type="primary">fhsuihfiaosdufasiu.pdf</el-tag>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-card>
+      </div>
+      <div class="right-history">
+        <el-card style="padding: 0">
+          <div class="title">历史比赛</div>
+          <div class="description">往年历史赛事</div>
+          <ul>
+            <li v-for="i in 4" :key="i">
+              <div class="year">2024年度</div>
+              <div class="name">河南省大学生创新创业大赛</div>
+              <div class="time">报名时间:2023.06.01 - 2023.06.30</div>
+              <div class="go-to">前往查看</div>
+              <div class="icon">
+                <img src="../../assets/images/编组.png" alt="" srcset="" />
+              </div>
+            </li>
+          </ul>
+        </el-card>
+      </div>
+    </div>
+  </div>
 </template>
 
-<script lang='ts' setup>
+<script lang="ts" setup>
 import { onMounted, reactive, ref, toRefs, watch } from 'vue'
+import { getYearRaceList, getRaceInfo } from '@/api/race'
+import { useRouter, useRoute } from 'vue-router'
+const Route = useRoute()
+const Router = useRouter()
+console.log(Route, 'Route')
 
-</script>
+const defaultImageUrl = '/src/assets/images/item.png'
+const reacProjectList = ref<any>([])
+const getRaceProjectListEvent = async () => {
+  let page = {
+    id: Route.query.id,
+    column: 'createTime',
+    order: 'desc',
+    pageNo: 1,
+    pageSize: 8,
+  }
+  const res: any = await getYearRaceList(page)
+  console.log(res)
+  reacProjectList.value = res.result.slice(0, 8)
+  console.log(reacProjectList.value, 'reacProjectList.value ')
+}
+getRaceProjectListEvent()
+const setImageUrl = (url: string) => {
+  return import.meta.env.VITE_APP_BASE_API + url
+}
+// 获取比赛详情
+const raceInfo = ref<any>({})
+const getraceInfoEvent = async () => {
+  const res: any = await getRaceInfo({ id: Route.query.id })
+  console.log(res)
+  raceInfo.value = res.result
+}
+getraceInfoEvent()
 
-<style lang='scss' scoped>
+// 前往年度比赛页面
+const goToCompetition = (id:any) => {
+  Router.push({ path: '/competition', query: { id } })
+}
+</script>
 
+<style lang="scss" scoped>
+.container {
+  padding-top: 80px;
+  .top-image {
+    width: 100%;
+    height: 300px;
+    background-color: skyblue;
+    text-align: center;
+    color: #fff;
+    font-size: 32px;
+    font-weight: 700;
+    line-height: 300px;
+  }
+  .race-list {
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    // grid-template-rows: repeat(2, 1fr);
+    // gap: 10px;
+    margin-top: 40px;
+    .item {
+      width: 340px;
+      height: 360px;
+      // background-color: pink;
+      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
+      cursor: pointer;
+      border-radius: 10px;
+      transition: all 0.2s;
+      .image {
+        width: 100%;
+        height: 194px;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .reac-info {
+        padding: 0 8px;
+        .reac-title {
+          margin-top: 19px;
+          color: #c9c9c9;
+          font-size: 12px;
+        }
+        .reac-project {
+          font-size: 16px;
+          font-weight: 600;
+          color: #333333;
+          margin-top: 10px;
+        }
+        .time {
+          font-size: 14px;
+          color: #8c8b8b;
+          margin-top: 40px;
+        }
+      }
+    }
+    .item:hover {
+      transform: translateY(-5px);
+    }
+    .item:nth-child(n) {
+      margin-top: 20px;
+    }
+  }
+  .year-race-info {
+    display: flex;
+    margin-top: 30px;
+    min-height: 750px;
+    .left-info {
+      flex: 1;
+    }
+    .right-history {
+      width: 300px;
+      margin-left: 40px;
+      .title {
+        color: #1e2033;
+        font-size: 28px;
+        font-weight: 600;
+      }
+      .description {
+        color: #1e2033;
+        font-size: 14px;
+        margin-top: 15px;
+      }
+      ul {
+        margin-top: 30px;
+        li {
+          position: relative;
+          width: 100%;
+          height: 140px;
+          // background-color: pink;
+          color: #333333;
+          padding: 15px;
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
+          box-shadow: 0rem 0rem 0.05208rem rgba(0, 0, 0, 0.06);
+          margin-top: 10px;
+          cursor: pointer;
+          .year {
+            font-size: 12px;
+          }
+          .name {
+            width: 130px;
+            font-size: 16px;
+            font-weight: 600;
+            margin-top: 10px;
+          }
+          .time {
+            font-size: 12px;
+          }
+          .go-to {
+            position: absolute;
+            right: 0;
+            top: 0;
+            width: 115px;
+            height: 28px;
+            line-height: 28px;
+            text-align: center;
+            font-size: 14px;
+            color: #f6f5fb;
+            background: url('../../assets/images/left-top.png') no-repeat;
+            background-size: contain;
+          }
+          .icon {
+            position: absolute;
+            right: 25px;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 34px;
+            height: 41px;
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+        }
+      }
+    }
+    .race-info {
+      .top {
+        display: flex;
+        .right {
+          margin-left: 25px;
+          flex: 1;
+          ul {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-wrap: wrap;
+            align-items: center;
+            padding: 5px;
+            li {
+              width: 50%;
+              display: flex;
+              .label {
+                font-size: 16px;
+                color: #aaa;
+                width: 100px;
+              }
+              .text {
+                font-size: 16px;
+                font-weight: 600;
+              }
+            }
+            li:first-child {
+              align-items: center;
+              width: 100%;
+              .text {
+                font-size: 26px;
+              }
+            }
+            li:nth-child(3n) {
+              width: 33%;
+            }
+          }
+        }
+      }
+      .center {
+        margin-top: 25px;
+        .label {
+          font-size: 16px;
+          color: #aaa;
+        }
+        .deaceiption {
+          font-size: 16px;
+          text-indent: 2em;
+          line-height: 26px;
+          margin-top: 15px;
+          height: 300px;
+        }
+        .file {
+          margin-top: 25px;
+        }
+      }
+    }
+  }
+}
+:deep(.el-card) {
+  width: 100%;
+  height: 100%;
+}
 </style>