no message

杨炀
Showing 4 changed files with 91 additions and 20 deletions
src/apiPc/webSite.js
src/viewsPc/index.vue
src/viewsPc/index_en.vue
src/viewsPc/saiC/index.vue
--- a/src/apiPc/webSite.js
View file @0d89557
+++ b/src/apiPc/webSite.js
View file @0d89557
@@ -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({
--- a/src/viewsPc/index.vue
View file @0d89557
+++ b/src/viewsPc/index.vue
View file @0d89557
@@ -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-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span>
-                  <span v-else-if="scope.row.index == 2" style="color:#778B92">{{ scope.row.index }}</span>
+                  <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span>
-                  <span v-else-if="scope.row.index == 3" style="color:#7F2D00">{{ scope.row.index }}</span>
+                  <span v-else-if="scope.row.mingCi == 3" style="color:#7F2D00">{{ scope.row.mingCi }}</span>
-                  <span v-else>{{ scope.row.index }}</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,
--- a/src/viewsPc/index_en.vue
View file @0d89557
+++ b/src/viewsPc/index_en.vue
View file @0d89557
@@ -128,31 +128,31 @@
        </el-col>
        <el-col :sm="24" :lg="12">
          <div class="indexTitle">
-            <h3 class="leftboderTT">MEDAL LIST（2023）</h3>
+            <h3 class="leftboderTT">MEDAL LIST</h3>
-            <a class="more" href="#/saiC">MORE</a>
+<!--            <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-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span>
-                  <span v-else-if="scope.row.index == 2" style="color:#778B92">{{ scope.row.index }}</span>
+                  <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span>
-                  <span v-else-if="scope.row.index == 3" style="color:#7F2D00">{{ scope.row.index }}</span>
+                  <span v-else-if="scope.row.mingCi == 3" style="color:#7F2D00">{{ scope.row.mingCi }}</span>
-                  <span v-else>{{ scope.row.index }}</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,
--- a/src/viewsPc/saiC/index.vue
View file @0d89557
+++ b/src/viewsPc/saiC/index.vue
View file @0d89557
@@ -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')