Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
11925936 by zhangmeng
Options

奖牌

1 parent 864892cf
Inline Side-by-side
Showing 1 changed file with 38 additions and 21 deletions
src/viewsPc/index_en.vue
......@@ -153,50 +153,54 @@
</div>
<!--历史排名-->
<el-card :body-style="{'padding':'10px 20px 18px'}">
<el-table :data="rank" stripe>
<el-table-column align="center" label="RANK" type="index" width="80">
<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 :data="rank" height="336" stripe @row-click="handleRowClick">
<el-table-column align="center" label="RANK" prop="index" width="80">
<!-- <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="COUNTRY">
<el-table-column label="COUNTRY" min-width="200">
<template #default="scope">
<div>
<span :class="`flag-icon flag-icon-${scope.row.code}`" />
{{ scope.row.countryShortName }}
{{ language == 0 ? scope.row.name : scope.row.enName }}
</div>
</template>
</el-table-column>
<el-table-column align="center" label="COUPLE">
<template #default="scope">
<div class="text-primary esp">{{ scope.row.zuHe }}</div>
</template>
</el-table-column>
<el-table-column width="50">
<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>
<div class="text-warning text-center">{{ scope.row.gold }}</div>
</template>
</el-table-column>
<el-table-column width="50">
<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>
<div class="text-blue text-center">{{ scope.row.silver }}</div>
</template>
</el-table-column>
<el-table-column width="50">
<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>
<div class="text-primary text-center">{{ scope.row.bronze }}</div>
</template>
</el-table-column>
<el-table-column min-width="60">
<template #header>
<img class="mauto" src="@/assets/dance/4.png">
</template>
<template #default="scope">
<div class="text-danger text-center">{{ scope.row.total }}</div>
</template>
</el-table-column>
</el-table>
......@@ -462,6 +466,19 @@ onMounted(() => {
init()
})
function handleRowClick(row) {
console.log(row)
router.push({
path: '/saiC/view',
query: {
name: row.name,
code: row.code,
enName: row.enName
}
})
}
const init = () => {
var today = dayjs().format('YYYY-MM-DD HH:mm:ss')
etime.value = dayjs('2025-07-22 12:00:00').diff(today, 'millisecond')
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!