Feat: 裁判长页面显示所有选手(含未完成评分)
修改裁判长页面选手列表显示逻辑: - 显示所有选手,不再仅显示已完成评分的选手 - 已完成评分的选手:显示总分 + 修改按钮 - 未完成评分的选手:显示评分中...提示,不显示修改按钮 - 新增 .scoring-status 样式,使用橙色背景突出显示评分中状态 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -68,13 +68,20 @@
|
|||||||
<view class="player-header">
|
<view class="player-header">
|
||||||
<view class="player-name">{{ player.name }}</view>
|
<view class="player-name">{{ player.name }}</view>
|
||||||
|
|
||||||
|
<!-- 动作区域:始终显示 -->
|
||||||
|
<view class="action-area">
|
||||||
<!-- 已评分:显示总分和修改按钮 -->
|
<!-- 已评分:显示总分和修改按钮 -->
|
||||||
<view class="action-area" v-if="player.totalScore">
|
<template v-if="player.totalScore">
|
||||||
<text class="total-score">总分:{{ player.totalScore }}</text>
|
<text class="total-score">总分:{{ player.totalScore }}</text>
|
||||||
<view class="chief-actions">
|
<view class="chief-actions">
|
||||||
<!-- <text class="chief-hint">裁判长功能:修改评分、修改按钮需等总分出来才出现</text> -->
|
|
||||||
<button class="modify-btn" @click="goToModify(player)">修改</button>
|
<button class="modify-btn" @click="goToModify(player)">修改</button>
|
||||||
</view>
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<!-- 未评分:显示评分中提示 -->
|
||||||
|
<template v-else>
|
||||||
|
<text class="scoring-status">评分中...</text>
|
||||||
|
</template>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -509,6 +516,15 @@ export default {
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.scoring-status {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #FF9800;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 8rpx 20rpx;
|
||||||
|
background-color: #FFF3E0;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.chief-actions {
|
.chief-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user