Files
Scoreboard/web/src/display/components/pages/TeamMedalsPage.vue
T
AskaEth 877ff15823 feat(0.5.1): 业务逻辑审查 9 条 P0 全修 + 自绘安装器 + 现场反馈四项
## 算分正确性(6 份只读审查 → 收敛成 5 个病根,均先复现失败再修)
- 「人工名次」与「自动名次回写」互斥:原来同一份成绩**发布两次分数不同**
  (团体报名项 dual 通道 10/8/6 → 25/18/14),现在连发多次逐字节一致
- 删小项时在同一事务作废旧流水并推榜:原来分数**永久残留**在总榜、任何重算都打不到
- 规则包导入整体事务化:原来中途失败会清空名次表且补不回(奖牌全丢);
  另加守卫「compare=none 的小项不得配 basis=result/aggregate」
- 末位归零只抹真正落在末位的那一档:原来跨末位的并列组会被整组抹 0
  (7 人三人并列第 5 时第 5、6 名的分也一起没了)
- 模板「分值表档位超出录取名次」现在拒绝保存:原来静默截断成 0 分

## 现场反馈(主人实测报的)
- 已发布成绩可改:行内「修改本条」+ 成绩格/状态格可点(退回草稿→改→重新发布本组),
  与「作废」语义分开;取消路径不产生任何副作用
- 单位积分明细补「运动员 / 来源」列,并显示「已修订 ×N(时间·原因)」:
  管理端、大屏覆盖层、xlsx 备注列三处同源
- 单位奖牌榜改为按奖牌独立排名(金→银→铜→单位编码),与积分榜解耦
- 历史孤儿积分流水清理(迁移 0022,只动 result/record_bonus,人工调整分不受影响)

## 新功能
- 团体项目聚合口径二选一:平均(默认)/ 总和(迁移 0023,通道编辑器可切)

## 安装器
- 自绘五页安装界面:无边框、自绘标题栏、DPI 自适应(4K@200% 实测)、
  安装/卸载逻辑复用 electron-builder 宏不变;默认「为所有用户安装」并自动放行防火墙 19540
- 构建期校验:安装器素材里的版本号必须与 VERSION 一致,否则构建失败

自检:服务端 14 包 ×2 / 前端 vue-tsc + build + 742 例 ×2 / Console 20 文件 + 68 例 ×2,全绿。
端到端对拍:修前 vs 修后,纯团体 / 双计 / 普通个人三形态**逐字节一致**,仅出 bug 的双通道形态按要求改变。
2026-09-13 15:20:18 +08:00

127 lines
3.0 KiB
Vue

<script setup lang="ts">
import { computed } from 'vue'
import { medalBoardRows } from '@/shared'
import { BOARD_AVAILABLE_PX, fitRowFont } from '../../fitFont'
import { useScoreboard } from '../../useScoreboard'
import PageFrame from '../PageFrame.vue'
import TeamLogo from '../TeamLogo.vue'
const { standings } = useScoreboard()
// 顺序与名次都取服务端的奖牌榜口径(金→银→铜→单位编码,与总积分榜解耦)。
// 前端不按金/银/铜重排、也不拿总榜 rank 当奖牌榜名次,否则会和导出件打架。
const rows = computed(() => medalBoardRows(standings.value))
const rowFont = computed(() => fitRowFont(rows.value.length, BOARD_AVAILABLE_PX))
</script>
<template>
<PageFrame title="单位奖牌榜">
<div class="board" :style="{ '--row-font': rowFont }">
<div class="row head">
<span>名次</span>
<span class="name">单位</span>
<span class="medal gold">金</span>
<span class="medal silver">银</span>
<span class="medal bronze">铜</span>
<span class="total">合计</span>
</div>
<div v-for="row in rows" :key="row.teamId" class="row">
<span class="rank" :class="`top-${Math.min(row.medalRank, 4)}`">{{ row.medalRank }}</span>
<span class="name">
<TeamLogo :path="row.logoPath" />
<span class="team-name">{{ row.teamName }}</span>
</span>
<span class="medal gold">{{ row.gold }}</span>
<span class="medal silver">{{ row.silver }}</span>
<span class="medal bronze">{{ row.bronze }}</span>
<span class="total">{{ row.medalTotal }}</span>
</div>
<div v-if="rows.length === 0" class="empty">暂无奖牌数据</div>
</div>
</PageFrame>
</template>
<style scoped>
.board {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
}
.row {
display: grid;
grid-template-columns: 150px 1fr 140px 140px 140px 180px;
align-items: center;
gap: 8px;
flex: 1 1 0;
min-height: 0;
padding: 0 18px;
font-size: var(--row-font, 44px);
line-height: 1.1;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.row:last-child {
border-bottom: none;
}
.head {
flex: none;
font-size: 22px;
letter-spacing: 4px;
color: var(--text-dim);
border-bottom: 2px solid var(--primary-line);
}
.rank,
.medal,
.total {
text-align: center;
font-variant-numeric: tabular-nums;
}
.rank {
font-weight: 800;
}
.top-1 {
color: var(--gold);
}
.top-2 {
color: #d8e2ee;
}
.top-3 {
color: #e0995e;
}
.name {
display: flex;
align-items: center;
gap: 0.28em;
min-width: 0;
overflow: hidden;
}
.team-name {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gold {
color: var(--gold);
}
.silver {
color: #d8e2ee;
}
.bronze {
color: #e0995e;
}
.total {
font-weight: 800;
color: var(--primary-light);
}
.empty {
flex: 1;
display: grid;
place-items: center;
font-size: 34px;
color: var(--text-dim);
}
</style>