no message

@@ -81,7 +81,12 @@ export function getCptsorts() {
     method: 'get'
   })
 }
-
+export function getRank() {
+  return request({
+    url: `/ztx/note/medalTable`,
+    method: 'get'
+  })
+}
 // 根据id查新闻列表
 export function getNewsListById(query) {
   return request({

@@ -152,18 +152,18 @@
         </el-col>
         <el-col :sm="24" :lg="12">
           <div class="indexTitle">
-            <h3 class="leftboderTT">奖牌榜（2023）</h3>
+            <h3 class="leftboderTT">奖牌榜</h3>
             <a class="more" href="#/saiC">MORE</a>
           </div>
           <!--历史排名-->
           <el-card :body-style="{'padding':'10px 20px 18px'}">
-            <el-table stripe :data="rankList">
+            <el-table stripe :data="rank">
               <el-table-column label="名次" align="center" width="50" type="index">
                 <template #default="scope">
-                  <span v-if="scope.row.index == 1" style="color:#F8A617">{{ scope.row.index }}</span>
-                  <span v-else-if="scope.row.index == 2" style="color:#778B92">{{ scope.row.index }}</span>
-                  <span v-else-if="scope.row.index == 3" style="color:#7F2D00">{{ scope.row.index }}</span>
-                  <span v-else>{{ scope.row.index }}</span>
+                  <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span>
+                  <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span>
+                  <span v-else-if="scope.row.mingCi == 3" style="color:#7F2D00">{{ scope.row.mingCi }}</span>
+                  <span v-else>{{ scope.row.mingCi }}</span>
                 </template>
               </el-table-column>
 
@@ -171,13 +171,13 @@
                 <template #default="scope">
                   <div>
                     <span :class="`flag-icon flag-icon-${scope.row.code}`"></span>
-                    {{ scope.row.gj }}
+                    {{ scope.row.countryName }}
                   </div>
                 </template>
               </el-table-column>
               <el-table-column label="组合" align="center">
                 <template #default="scope">
-                  <div class="text-primary esp">{{ scope.row.name }}</div>
+                  <div class="text-primary esp">{{ scope.row.zuHe }}</div>
                 </template>
               </el-table-column>
               <el-table-column width="60">
@@ -404,7 +404,7 @@ import HomeQuick from '@/viewsPc/components/homeQuick'
 import HomeCalendar from '@/viewsPc/components/homeCalendar'
 import {ref, nextTick, onMounted, watch} from 'vue'
 import {getCurrentInstance} from '@vue/runtime-core'
-import {getHomePage, getNewsListById, getNewsList} from '@/apiPc/webSite'
+import {getHomePage, getNewsListById, getNewsList, getRank} from '@/apiPc/webSite'
 import {useRouter} from 'vue-router'
 import {rankList} from '@/assets/js/data'
 import _ from 'lodash'
@@ -433,6 +433,7 @@ const personList = ref([
   { name: 'Dallas  Leslie Williams', pp: '记分长 澳大利亚', src: '/img/6.png' }
 ])
 const activeNews = ref(0)
+const rank = ref([])
 const banners = ref([])
 const newest = ref([])
 const newest2 = ref([])
@@ -456,6 +457,9 @@ const init = () => {
   var today = dayjs().format('YYYY-MM-DD HH:mm:ss')
   time.value = dayjs('2024-07-17 07:00:00').diff(today, 'millisecond')
   etime.value = dayjs('2024-07-22 12:00:00').diff(today, 'millisecond')
+  getRank().then(res=>{
+    rank.value = res.data.slice(0,6)
+  })
   getNewsListById({
         pageSize: time.value>0? 3:4,
         pageNum: 1,

@@ -128,31 +128,31 @@
         </el-col>
         <el-col :sm="24" :lg="12">
           <div class="indexTitle">
-            <h3 class="leftboderTT">MEDAL LIST（2023）</h3>
-            <a class="more" href="#/saiC">MORE</a>
+            <h3 class="leftboderTT">MEDAL LIST</h3>
+<!--            <a class="more" href="#/saiC">MORE</a>-->
           </div>
           <!--历史排名-->
           <el-card :body-style="{'padding':'10px 20px 18px'}">
-            <el-table stripe :data="rankList">
+            <el-table stripe :data="rank">
               <el-table-column label="RANK" align="center" width="80" type="index">
                 <template #default="scope">
-                  <span v-if="scope.row.index == 1" style="color:#F8A617">{{ scope.row.index }}</span>
-                  <span v-else-if="scope.row.index == 2" style="color:#778B92">{{ scope.row.index }}</span>
-                  <span v-else-if="scope.row.index == 3" style="color:#7F2D00">{{ scope.row.index }}</span>
-                  <span v-else>{{ scope.row.index }}</span>
+                  <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span>
+                  <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span>
+                  <span v-else-if="scope.row.mingCi == 3" style="color:#7F2D00">{{ scope.row.mingCi }}</span>
+                  <span v-else>{{ scope.row.mingCi }}</span>
                 </template>
               </el-table-column>
               <el-table-column label="COUNTRY">
                 <template #default="scope">
                   <div>
                     <span :class="`flag-icon flag-icon-${scope.row.code}`"></span>
-                    {{ scope.row.en_gj }}
+                    {{ scope.row.countryShortName }}
                   </div>
                 </template>
               </el-table-column>
               <el-table-column label="COUPLE" align="center">
                 <template #default="scope">
-                  <div class="text-primary esp">{{ scope.row.name }}</div>
+                  <div class="text-primary esp">{{ scope.row.zuHe }}</div>
                 </template>
               </el-table-column>
               <el-table-column width="50">
@@ -376,7 +376,7 @@
 <script setup>
 import { ref, nextTick, onMounted, watch } from 'vue'
 import { getCurrentInstance } from '@vue/runtime-core'
-import { getNewsListById, getNewsList,getWeather} from '@/apiPc/webSite'
+import {getNewsListById, getNewsList, getWeather, getRank} from '@/apiPc/webSite'
 import { useRouter } from 'vue-router'
 import _ from 'lodash'
 import HomeQuick from '@/viewsPc/components/homeQuick'
@@ -408,6 +408,7 @@ const personList = ref([
 ])
 const activeNews = ref(0)
 const banners = ref([])
+const rank = ref([])
 const newest = ref([])
 const newest2 = ref([])
 const news = ref([])
@@ -433,6 +434,9 @@ const init = () => {
   var today = dayjs().format('YYYY-MM-DD HH:mm:ss')
   etime.value = dayjs('2024-07-22 12:00:00').diff(today, 'millisecond')
   time.value = dayjs('2024-07-17 07:00:00').diff(today, 'millisecond')
+  getRank().then(res=>{
+    rank.value = res.data
+  })
   getNewsListById(
     { pageSize: 4,
       pageNum: 1,

@@ -33,7 +33,57 @@
           </el-col>
         </el-row>
       </el-card>
+      <el-card class="mt20 mb20">
+        <el-table stripe :data="rank">
+          <el-table-column label="名次" align="center"  type="index">
+            <template #default="scope">
+              <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span>
+              <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span>
+              <span v-else-if="scope.row.mingCi == 3" style="color:#7F2D00">{{ scope.row.mingCi }}</span>
+              <span v-else>{{ scope.row.mingCi }}</span>
+            </template>
+          </el-table-column>
 
+          <el-table-column label="国家" prop="name">
+            <template #default="scope">
+              <div>
+                <span :class="`flag-icon flag-icon-${scope.row.code}`"></span>
+                {{ scope.row.countryName }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="组合" align="center">
+            <template #default="scope">
+              <div class="text-primary esp">{{ scope.row.zuHe }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="60">
+            <template #header>
+              <img class="mauto" src="@/assets/dance/1.png">
+            </template>
+            <template #default="scope">
+              <div class="text-warning text-center">{{ scope.row.jin }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="60">
+            <template #header>
+              <img class="mauto" src="@/assets/dance/2.png">
+            </template>
+            <template #default="scope">
+              <div class="text-blue text-center">{{ scope.row.yin }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column min-width="60">
+            <template #header>
+              <img class="mauto" src="@/assets/dance/3.png">
+            </template>
+            <template #default="scope">
+              <div class="text-primary text-center">{{ scope.row.tong }}</div>
+            </template>
+          </el-table-column>
+        </el-table>
+
+      </el-card>
       <el-card class="mt20 mb20" v-for="(n,index) in cjList" hidden>
         <div class="leftboderTT">{{ language==0?n.title:n.en_title }}</div>
         <div v-for="(m,jndex) in n.list">
@@ -79,12 +129,14 @@ import { dayjs } from 'element-plus'
 const router = useRouter()
 import {useStorage} from "@vueuse/core/index";
 import {getIndexScheduleList} from "@/apiPc/common";
+import {getRank} from '@/apiPc/webSite'
 import {useRouter} from "vue-router";
 const language = useStorage('language', 0)
 const years = ref([])
 const currYear = ref(null)
 const ztxPlanList = ref([])
 const planList = ref([])
+const rank = ref([])
 const schList = ref([])
 const loading = ref(false)
 const currentDate = ref(dayjs('2024-07-17').toDate())
@@ -94,6 +146,12 @@ const query = ref({
 })
 
 getScheduleList()
+getRankList()
+function getRankList() {
+  getRank().then(res=>{
+    rank.value = res.data
+  })
+}
 function getScheduleList() {
   loading.value = true
   query.value.currentDate = dayjs(query.value.currentDate).format('YYYY-MM-DD')