From 39f0d074a2f59b5b179d0273a2765ea438a09282 Mon Sep 17 00:00:00 2001
From: zhonghua <zhonghua>
Date: Fri, 17 Apr 2026 13:50:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=B7=BB=E5=8A=A0=E8=AF=84=E5=AE=A1?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/activities/Review.vue           | 78 ++++++++++++++-----
 1 file changed, 59 insertions(+), 19 deletions(-)

diff --git a/lesingle-creation-frontend/src/views/activities/Review.vue b/lesingle-creation-frontend/src/views/activities/Review.vue
index 66b57ae..c9b5ee9 100644
--- a/lesingle-creation-frontend/src/views/activities/Review.vue
+++ b/lesingle-creation-frontend/src/views/activities/Review.vue
@@ -5,36 +5,34 @@
     </a-card>
 
     <!-- 数据表格 -->
-    <a-table
-      :columns="columns"
-      :data-source="dataSource"
-      :loading="loading"
-      :pagination="false"
-      row-key="contestId"
-    >
+    <a-table :columns="columns" :data-source="dataSource" :loading="loading" :pagination="false" row-key="contestId">
       <template #bodyCell="{ column, record, index }">
         <template v-if="column.key === 'index'">
           {{ index + 1 }}
         </template>
         <template v-else-if="column.key === 'contestName'">
-          <a @click="handleViewDetail(record)">{{ record.contestName }}</a>
+          <span v-if="!isWithinReviewWindow(record)">{{ record.contestName }}</span>
+          <a v-else @click="handleViewDetail(record)">{{ record.contestName }}</a>
         </template>
         <template v-else-if="column.key === 'progress'">
-          <a-progress
-            :percent="getProgressPercent(record)"
-            :status="getProgressStatus(record)"
-            size="small"
-            style="width: 120px"
-          />
+          <a-progress :percent="getProgressPercent(record)" :status="getProgressStatus(record)" size="small"
+            style="width: 120px" />
           <span class="progress-text">{{ record.reviewed }}/{{ record.totalAssigned }}</span>
         </template>
         <template v-else-if="column.key === 'reviewStatus'">
           <a-tag v-if="record.totalAssigned > 0 && record.pending === 0" color="success">已完成</a-tag>
           <a-tag v-else-if="record.totalAssigned === 0" color="default">无分配</a-tag>
+          <a-tag v-else-if="!isWithinReviewWindow(record)" color="processing">评审待开始</a-tag>
           <a-tag v-else color="processing">评审中</a-tag>
+
         </template>
         <template v-else-if="column.key === 'action'">
-          <a-button type="link" size="small" @click="handleViewDetail(record)">
+          <a-tooltip v-if="!isWithinReviewWindow(record)" :title="getReviewActionTooltip(record)">
+            <span class="review-action-wrap">
+              <a-button type="link" size="small" disabled>进入评审</a-button>
+            </span>
+          </a-tooltip>
+          <a-button v-else type="link" size="small" @click="handleViewDetail(record)">
             进入评审
           </a-button>
         </template>
@@ -107,6 +105,43 @@ const getProgressStatus = (record: any) => {
   return "active"
 }
 
+/** 与后端 getJudgeContests 返回的 reviewStartTime / reviewEndTime 对齐；均未配置时不限制 */
+const isWithinReviewWindow = (record: {
+  reviewStartTime?: string | null
+  reviewEndTime?: string | null
+}): boolean => {
+  const now = Date.now()
+  const tStart = record.reviewStartTime
+    ? new Date(record.reviewStartTime).getTime()
+    : null
+  const tEnd = record.reviewEndTime ? new Date(record.reviewEndTime).getTime() : null
+  if (tStart == null && tEnd == null) return true
+  if (tStart != null && !Number.isNaN(tStart) && now < tStart) return false
+  if (tEnd != null && !Number.isNaN(tEnd) && now > tEnd) return false
+  return true
+}
+
+const fmtTime = (iso?: string | null) => {
+  if (!iso) return ""
+  const d = new Date(iso)
+  return Number.isNaN(d.getTime()) ? String(iso) : d.toLocaleString("zh-CN", { hour12: false })
+}
+
+const getReviewActionTooltip = (record: any): string => {
+  const now = Date.now()
+  const tStart = record.reviewStartTime
+    ? new Date(record.reviewStartTime).getTime()
+    : null
+  const tEnd = record.reviewEndTime ? new Date(record.reviewEndTime).getTime() : null
+  if (tStart != null && !Number.isNaN(tStart) && now < tStart) {
+    return `评审尚未开始${record.reviewStartTime ? `（${fmtTime(record.reviewStartTime)} 起）` : ""}`
+  }
+  if (tEnd != null && !Number.isNaN(tEnd) && now > tEnd) {
+    return `评审已结束${record.reviewEndTime ? `（已于 ${fmtTime(record.reviewEndTime)} 截止）` : ""}`
+  }
+  return "当前不在评审时间范围内"
+}
+
 // 加载数据
 const fetchList = async () => {
   loading.value = true
@@ -184,21 +219,21 @@ $gradient-primary: linear-gradient(135deg, $primary 0%, $primary-dark 100%);
     overflow: hidden;
 
     .ant-table {
-      .ant-table-thead > tr > th {
+      .ant-table-thead>tr>th {
         background: #fafafa;
         font-weight: 600;
         color: rgba(0, 0, 0, 0.85);
         border-bottom: 1px solid #f0f0f0;
       }
 
-      .ant-table-tbody > tr {
+      .ant-table-tbody>tr {
         transition: all 0.2s ease;
 
-        &:hover > td {
+        &:hover>td {
           background: rgba($primary, 0.04);
         }
 
-        > td {
+        >td {
           border-bottom: 1px solid #f5f5f5;
         }
       }
@@ -220,4 +255,9 @@ $gradient-primary: linear-gradient(135deg, $primary 0%, $primary-dark 100%);
   font-size: 12px;
   color: #666;
 }
+
+.review-action-wrap {
+  display: inline-block;
+  cursor: not-allowed;
+}
 </style>