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 @@ ...@@ -153,50 +153,54 @@
153 </div> 153 </div>
154 <!--历史排名--> 154 <!--历史排名-->
155 <el-card :body-style="{'padding':'10px 20px 18px'}"> 155 <el-card :body-style="{'padding':'10px 20px 18px'}">
156 <el-table :data="rank" stripe> 156 <el-table :data="rank" height="336" stripe @row-click="handleRowClick">
157 <el-table-column align="center" label="RANK" type="index" width="80"> 157 <el-table-column align="center" label="RANK" prop="index" width="80">
158 <template #default="scope"> 158 <!-- <template #default="scope">-->
159 <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span> 159 <!-- <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span>-->
160 <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span> 160 <!-- <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span>-->
161 <span v-else-if="scope.row.mingCi == 3" style="color:#7F2D00">{{ scope.row.mingCi }}</span> 161 <!-- <span v-else-if="scope.row.mingCi == 3" style="color:#7F2D00">{{ scope.row.mingCi }}</span>-->
162 <span v-else>{{ scope.row.mingCi }}</span> 162 <!-- <span v-else>{{ scope.row.mingCi }}</span>-->
163 </template> 163 <!-- </template>-->
164 </el-table-column> 164 </el-table-column>
165 <el-table-column label="COUNTRY"> 165 <el-table-column label="COUNTRY" min-width="200">
166 <template #default="scope"> 166 <template #default="scope">
167 <div> 167 <div>
168 <span :class="`flag-icon flag-icon-${scope.row.code}`" /> 168 <span :class="`flag-icon flag-icon-${scope.row.code}`" />
169 {{ scope.row.countryShortName }} 169 {{ language == 0 ? scope.row.name : scope.row.enName }}
170 </div> 170 </div>
171 </template> 171 </template>
172 </el-table-column> 172 </el-table-column>
173 <el-table-column align="center" label="COUPLE"> 173
174 <template #default="scope"> 174 <el-table-column min-width="60">
175 <div class="text-primary esp">{{ scope.row.zuHe }}</div>
176 </template>
177 </el-table-column>
178 <el-table-column width="50">
179 <template #header> 175 <template #header>
180 <img class="mauto" src="@/assets/dance/1.png"> 176 <img class="mauto" src="@/assets/dance/1.png">
181 </template> 177 </template>
182 <template #default="scope"> 178 <template #default="scope">
183 <div class="text-warning text-center">{{ scope.row.jin }}</div> 179 <div class="text-warning text-center">{{ scope.row.gold }}</div>
184 </template> 180 </template>
185 </el-table-column> 181 </el-table-column>
186 <el-table-column width="50"> 182 <el-table-column min-width="60">
187 <template #header> 183 <template #header>
188 <img class="mauto" src="@/assets/dance/2.png"> 184 <img class="mauto" src="@/assets/dance/2.png">
189 </template> 185 </template>
190 <template #default="scope"> 186 <template #default="scope">
191 <div class="text-blue text-center">{{ scope.row.yin }}</div> 187 <div class="text-blue text-center">{{ scope.row.silver }}</div>
192 </template> 188 </template>
193 </el-table-column> 189 </el-table-column>
194 <el-table-column width="50"> 190 <el-table-column min-width="60">
195 <template #header> 191 <template #header>
196 <img class="mauto" src="@/assets/dance/3.png"> 192 <img class="mauto" src="@/assets/dance/3.png">
197 </template> 193 </template>
198 <template #default="scope"> 194 <template #default="scope">
199 <div class="text-primary text-center">{{ scope.row.tong }}</div> 195 <div class="text-primary text-center">{{ scope.row.bronze }}</div>
196 </template>
197 </el-table-column>
198 <el-table-column min-width="60">
199 <template #header>
200 <img class="mauto" src="@/assets/dance/4.png">
201 </template>
202 <template #default="scope">
203 <div class="text-danger text-center">{{ scope.row.total }}</div>
200 </template> 204 </template>
201 </el-table-column> 205 </el-table-column>
202 </el-table> 206 </el-table>
...@@ -462,6 +466,19 @@ onMounted(() => { ...@@ -462,6 +466,19 @@ onMounted(() => {
462 init() 466 init()
463 }) 467 })
464 468
469 function handleRowClick(row) {
470 console.log(row)
471 router.push({
472 path: '/saiC/view',
473 query: {
474 name: row.name,
475 code: row.code,
476 enName: row.enName
477 }
478 })
479 }
480
481
465 const init = () => { 482 const init = () => {
466 var today = dayjs().format('YYYY-MM-DD HH:mm:ss') 483 var today = dayjs().format('YYYY-MM-DD HH:mm:ss')
467 etime.value = dayjs('2025-07-22 12:00:00').diff(today, 'millisecond') 484 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!