-
{filteredAwards.length}
+
+ {loadingAwards ? '...' : filteredAwards.length}
+
總獎項數
- {filteredAwards.filter((a) => a.rank > 0 && a.rank <= 3).length}
+ {loadingAwards ? '...' : filteredAwards.filter((a) => a.rank > 0 && a.rank <= 3).length}
前三名獎項
- {filteredAwards.filter((a) => a.awardType === "popular").length}
+ {loadingAwards ? '...' : filteredAwards.filter((a) => a.awardType === "popular").length}
人氣獎項
- {new Set(filteredAwards.map((a) => `${a.year}-${a.month}`)).size}
+ {loadingAwards ? '...' : new Set(filteredAwards.map((a) => `${a.year}-${a.month}`)).size}
競賽場次
+
+
+ ) : filteredAwards.length > 0 ? (
載入獎項資料中...
+
{/* Group awards by month */}
{Array.from(new Set(filteredAwards.map((award) => award.month)))
diff --git a/components/admin/competition-management.tsx b/components/admin/competition-management.tsx
index 9f39609..6f61099 100644
--- a/components/admin/competition-management.tsx
+++ b/components/admin/competition-management.tsx
@@ -102,7 +102,7 @@ export function CompetitionManagement() {
// 可用用戶狀態
const [availableUsers, setAvailableUsers] = useState([])
const [isLoadingUsers, setIsLoadingUsers] = useState(false)
-
+
// 獎項資料庫整合狀態
const [dbAwards, setDbAwards] = useState([])
const [isLoadingAwards, setIsLoadingAwards] = useState(false)
@@ -2132,7 +2132,7 @@ export function CompetitionManagement() {
setIsLoadingAwards(false)
}
}
-
+
// 載入競賽相關數據用於評分
const loadCompetitionDataForScoring = async (competition: any) => {
try {
@@ -7877,14 +7877,14 @@ export function CompetitionManagement() {
if (value === "custom-input") {
setNewAward({ ...newAward, customAwardTypeId: "", awardName: "" })
} else {
- // 檢查是否為自定義獎項類型
- const customAwardType = competitionAwardTypes.find(type => type.id === value)
- if (customAwardType) {
- setNewAward({
- ...newAward,
- customAwardTypeId: value,
- awardName: customAwardType.name
- })
+ // 檢查是否為自定義獎項類型
+ const customAwardType = competitionAwardTypes.find(type => type.id === value)
+ if (customAwardType) {
+ setNewAward({
+ ...newAward,
+ customAwardTypeId: value,
+ awardName: customAwardType.name
+ })
}
}
}}
@@ -7896,12 +7896,12 @@ export function CompetitionManagement() {
自定義輸入
{competitionAwardTypes.map((awardType) => (
-
-
+
+
))}
diff --git a/components/competition/award-detail-dialog-backup.tsx b/components/competition/award-detail-dialog-backup.tsx
new file mode 100644
index 0000000..e1f15ac
--- /dev/null
+++ b/components/competition/award-detail-dialog-backup.tsx
@@ -0,0 +1,908 @@
+"use client"
+
+import { useState, useEffect } from "react"
+import { useCompetition } from "@/contexts/competition-context"
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import { Progress } from "@/components/ui/progress"
+import {
+ Target,
+ Users,
+ Lightbulb,
+ Trophy,
+ Crown,
+ Award,
+ Camera,
+ ImageIcon,
+ ChevronLeft,
+ ChevronRight,
+ X,
+ Star,
+ MessageSquare,
+ BarChart3,
+ ExternalLink,
+ Eye,
+ Link,
+ FileText,
+ Download,
+} from "lucide-react"
+import type { Award as AwardType } from "@/types/competition"
+
+interface AwardDetailDialogProps {
+ open: boolean
+ onOpenChange: (open: boolean) => void
+ award: AwardType
+}
+
+// Judge scoring data - will be loaded from API
+
+// App links and reports data - empty for production
+const getAppData = (awardId: string) => {
+ return {
+ appUrl: "",
+ demoUrl: "",
+ githubUrl: "",
+ reports: [],
+ }
+}
+
+
+export function AwardDetailDialog({ open, onOpenChange, award }: AwardDetailDialogProps) {
+ const { competitions, judges, getTeamById, getProposalById } = useCompetition()
+ const [activeTab, setActiveTab] = useState("overview")
+ const [showPhotoGallery, setShowPhotoGallery] = useState(false)
+ const [currentPhotoIndex, setCurrentPhotoIndex] = useState(0)
+ const [competitionJudges, setCompetitionJudges] = useState([])
+ const [judgeScores, setJudgeScores] = useState([])
+ const [loadingScores, setLoadingScores] = useState(false)
+
+ // 添加調試資訊
+ console.log('🏆 AwardDetailDialog 渲染:', {
+ open,
+ award: award ? {
+ id: award.id,
+ competitionId: award.competitionId,
+ awardName: award.awardName,
+ hasCompetitionId: !!award.competitionId
+ } : null
+ });
+
+ const competition = competitions.find((c) => c.id === award.competitionId)
+ const appData = getAppData(award.id)
+
+ // 載入競賽評審團資訊
+ useEffect(() => {
+ console.log('🔍 useEffect 觸發:', { open, competitionId: award.competitionId, awardId: award.id });
+
+ if (open && award.competitionId) {
+ const loadCompetitionJudges = async (retryCount = 0) => {
+ try {
+ console.log('🔍 載入競賽評審團:', award.competitionId, '重試次數:', retryCount);
+ console.log('🏆 獎項資料:', award);
+
+ // 添加時間戳防止快取，並設置快取控制標頭
+ const timestamp = Date.now();
+ const apiUrl = `/api/competitions/${award.competitionId}/judges?t=${timestamp}`;
+ console.log('🌐 API URL:', apiUrl);
+
+ const response = await fetch(apiUrl, {
+ method: 'GET',
+ headers: {
+ 'Cache-Control': 'no-cache, no-store, must-revalidate',
+ 'Pragma': 'no-cache',
+ 'Expires': '0'
+ }
+ });
+
+ console.log('📡 API 回應狀態:', response.status);
+ console.log('📡 API 回應標頭:', Object.fromEntries(response.headers.entries()));
+
+ if (!response.ok) {
+ const errorText = await response.text();
+ console.error('❌ API 錯誤回應:', errorText);
+ throw new Error(`HTTP error! status: ${response.status}, message: ${errorText}`);
+ }
+
+ const data = await response.json();
+ console.log('📄 API 回應資料:', JSON.stringify(data, null, 2));
+
+ if (data.success && data.data && data.data.judges) {
+ console.log('✅ 獲取到評審團:', data.data.judges.length, '位');
+ console.log('👥 評審團詳細資料:', data.data.judges);
+ setCompetitionJudges(data.data.judges);
+ } else {
+ console.error('❌ 獲取評審團失敗:', data.message || '未知錯誤');
+ console.error('❌ 完整錯誤資料:', data);
+
+ // 如果沒有評審資料且是第一次嘗試，重試一次
+ if (retryCount === 0) {
+ console.log('🔄 重試載入評審團...');
+ setTimeout(() => loadCompetitionJudges(1), 1000);
+ } else {
+ setCompetitionJudges([]);
+ }
+ }
+ } catch (error) {
+ console.error('❌ 載入評審團失敗:', error);
+
+ // 如果是網路錯誤且是第一次嘗試，重試一次
+ if (retryCount === 0) {
+ console.log('🔄 網路錯誤，重試載入評審團...');
+ setTimeout(() => loadCompetitionJudges(1), 2000);
+ } else {
+ setCompetitionJudges([]);
+ }
+ }
+ };
+
+ // 清空之前的評審資料，確保重新載入
+ setCompetitionJudges([]);
+ loadCompetitionJudges();
+ } else {
+ console.log('❌ useEffect 條件不滿足:', {
+ open,
+ competitionId: award.competitionId,
+ hasCompetitionId: !!award.competitionId
+ });
+ }
+ }, [open, award.competitionId]);
+
+ // 載入評分詳情
+ useEffect(() => {
+ if (open && award.id) {
+ const loadJudgeScores = async () => {
+ try {
+ setLoadingScores(true);
+ console.log('🔍 載入評分詳情:', award.id);
+
+ const response = await fetch(`/api/awards/${award.id}/scores`);
+ const data = await response.json();
+
+ if (data.success) {
+ console.log('✅ 載入評分詳情成功:', data.data.length, '筆');
+ setJudgeScores(data.data);
+ } else {
+ console.error('❌ 載入評分詳情失敗:', data.message);
+ setJudgeScores([]);
+ }
+ } catch (error) {
+ console.error('❌ 載入評分詳情錯誤:', error);
+ setJudgeScores([]);
+ } finally {
+ setLoadingScores(false);
+ }
+ };
+
+ loadJudgeScores();
+ } else {
+ setJudgeScores([]);
+ }
+ }, [open, award.id]);
+
+ // Competition photos - empty for production
+ const getCompetitionPhotos = () => {
+ return []
+ }
+
+ const competitionPhotos = getCompetitionPhotos()
+
+ const getCompetitionTypeIcon = (type: string) => {
+ switch (type) {
+ case "individual":
+ return
+
+
+
+ 競賽當天的精彩瞬間
+
+
+
+
+ )
+
+ const renderJudgePanel = () => {
+ if (!competitionJudges || competitionJudges.length === 0) {
+ return (
+
+
+
+
+ 本次競賽的專業評審團隊
+
+
+
+
+ )
+
+ return (
+
+
+
+
+ 本次競賽的專業評審團隊
+
+
+
+
+
+ }
+
+ const renderJudgeScores = () => (
+
- {awardType.icon}
- {awardType.name}
-
-
+ {awardType.icon}
+ {awardType.name}
+
+
+
+
+
+
+
+
+
+ {/* App Links Section */}
+
+
+
+
+ 應用連結
+
+ 相關應用和資源連結
+
+
+
+
+
+ {/* Reports Section */}
+
+
+
+
+ 技術文檔和報告資料（僅供預覽）
+
+
+
+
+
+ )
+
+ const renderCompetitionPhotos = () => (
+
+
+ {award.icon}
+
+ {award.awardName}
+
+ {award.appName || award.proposalTitle || award.teamName}
+
+
+
+
+ {getCompetitionTypeIcon(award.competitionType)}
+ {getCompetitionTypeText(award.competitionType)}
+
+
+ {award.awardName}
+
+
+
+
+
+
+
+
+ {award.awardType === "popular" && award.competitionType === "team"
+ ? `${award.score}`
+ : award.awardType === "popular"
+ ? `${award.score}`
+ : award.score}
+
+
+ {award.competitionType === "proposal"
+ ? "評審評分"
+ : award.awardType === "popular"
+ ? award.competitionType === "team"
+ ? "人氣指數"
+ : "收藏數"
+ : "評審評分"}
+
+
+
+
+ {award.year}年{award.month}月
+
+ 獲獎時間
+
+
+ {award.creator}
+
+ {award.competitionType === "team"
+ ? "團隊"
+ : award.competitionType === "proposal"
+ ? "提案團隊"
+ : "創作者"}
+
+
+
+
+
+
+
+
+
+ + 競賽名稱： + {award.competitionName || competition?.name || '未知競賽'} +
++ 競賽描述： + {award.competitionDescription || competition?.description || '暫無描述'} +
++ 競賽期間： + {award.competitionStartDate && award.competitionEndDate + ? `${award.competitionStartDate} ~ ${award.competitionEndDate}` + : competition?.startDate && competition?.endDate + ? `${competition.startDate} ~ ${competition.endDate}` + : '暫無時間資訊' + } +
++ 評審團： + {competitionJudges && competitionJudges.length > 0 ? ( + + {competitionJudges.length} 位評審 + + ) : ( + 暫無評審信息 + )} +
+
+ {(() => {
+ // 解析 application_links 資料
+ let applicationLinks = null;
+ if (award.applicationLinks) {
+ applicationLinks = award.applicationLinks;
+ } else if (award.application_links) {
+ try {
+ applicationLinks = typeof award.application_links === 'string'
+ ? JSON.parse(award.application_links)
+ : award.application_links;
+ } catch (e) {
+ console.error('解析 application_links 失敗:', e);
+ }
+ }
+
+ if (!applicationLinks) {
+ return (
+
+
+
+
+ );
+ }
+
+ return (
+ <>
+ {applicationLinks.production && (
+ 暫無應用連結
+
+
+ )}
+
+ {applicationLinks.demo && (
+
+
+
+
+
+ 正式應用
+APP 連結
+
+
+ )}
+
+ {applicationLinks.github && (
+
+
+
+
+
+ 演示版本
+體驗環境
+
+
+ )}
+
+ );
+ })()}
+
+
+
+
+
+ 源碼倉庫
+GitHub
+
+ {(() => {
+ // 解析 documents 資料
+ let documents = [];
+ if (award.documents) {
+ documents = award.documents;
+ } else if (award.documents) {
+ try {
+ documents = typeof award.documents === 'string'
+ ? JSON.parse(award.documents)
+ : award.documents;
+ } catch (e) {
+ console.error('解析 documents 失敗:', e);
+ }
+ }
+
+ if (!documents || documents.length === 0) {
+ return (
+
+
+
+ );
+ }
+
+ return documents.map((doc, index) => (
+ 暫無相關文件
+
+
+ ));
+ })()}
+
+ {getFileIcon(doc.type)}
+
+
+
+ {doc.name || doc.title}
+{doc.description}
+
+ 大小：{doc.size}
+ 上傳：{doc.uploadDate || doc.upload_date}
+ {doc.type}
+
+
+ {doc.previewUrl && (
+
+ )}
+ {doc.downloadUrl && (
+
+ )}
+ {doc.url && (
+
+ )}
+
+
+ {competitionPhotos.map((photo, index) => (
+
+
+ {
+ setCurrentPhotoIndex(index)
+ setShowPhotoGallery(true)
+ }}
+ >
+ 
+
+ ))}
+
+
+
+
+ {photo.title}
+
+
+
+
+
+ 暫無評審信息
+
+ {competitionJudges.map((judge) => (
+
+
+
+ {judge.name[0]}
+
+
+ ))}
+
+
+ {judge.name}
+{judge.title}
+
+ {judge.expertise && judge.expertise.slice(0, 2).map((skill) => (
+
+ {skill}
+
+ ))}
+
+
+ {/* Overall Statistics */}
+
+
+
+
+ 評審團整體評分概況
+
+
+ {loadingScores ? (
+
+
+
+ {/* Individual Judge Scores */}
+ {loadingScores ? (
+
+
+
+
+ {/* Criteria Scores */}
+
+
+ ))
+ )}
+
+ )
+
+ return (
+ <>
+
+
+ {/* Photo Gallery Modal */}
+
+
+ )
+}
diff --git a/components/competition/award-detail-dialog-fixed.tsx b/components/competition/award-detail-dialog-fixed.tsx
new file mode 100644
index 0000000..737886b
--- /dev/null
+++ b/components/competition/award-detail-dialog-fixed.tsx
@@ -0,0 +1,765 @@
+"use client"
+
+import { useState, useEffect } from "react"
+import { useCompetition } from "@/contexts/competition-context"
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import { Progress } from "@/components/ui/progress"
+import {
+ Target,
+ Users,
+ Lightbulb,
+ Trophy,
+ Crown,
+ Award,
+ Camera,
+ ImageIcon,
+ ChevronLeft,
+ ChevronRight,
+ X,
+ Star,
+ MessageSquare,
+ BarChart3,
+ ExternalLink,
+ Eye,
+ Link,
+ FileText,
+ Download,
+} from "lucide-react"
+import type { Award as AwardType } from "@/types/competition"
+
+interface AwardDetailDialogProps {
+ open: boolean
+ onOpenChange: (open: boolean) => void
+ award: AwardType
+}
+
+export function AwardDetailDialog({ open, onOpenChange, award }: AwardDetailDialogProps) {
+ const { competitions, judges, getTeamById, getProposalById } = useCompetition()
+ const [activeTab, setActiveTab] = useState("overview")
+ const [showPhotoGallery, setShowPhotoGallery] = useState(false)
+ const [currentPhotoIndex, setCurrentPhotoIndex] = useState(0)
+ const [competitionJudges, setCompetitionJudges] = useState
+
+
+ ) : judgeScores.length === 0 ? (
+ 載入評分資料中...
+
+
+ ) : (
+ 暫無評分資料
+
+
+ )}
+
+
+
+ {(judgeScores.reduce((sum, score) => sum + score.overallScore, 0) / judgeScores.length).toFixed(1)}
+
+ 平均分數
+
+
+
+ {Math.max(...judgeScores.map((s) => s.overallScore)).toFixed(1)}
+
+ 最高分數
+
+
+
+ {Math.min(...judgeScores.map((s) => s.overallScore)).toFixed(1)}
+
+ 最低分數
+
+
+ {judgeScores.length}
+ 評審人數
+
+
+
+ ) : judgeScores.length === 0 ? (
+ 載入評審評分中...
+
+
+ ) : (
+ judgeScores.map((judgeScore, index) => (
+ 暫無評審評分資料
+
+
+ {judgeScore.judgeName[0]}
+
+
+
+ {judgeScore.judgeName}
+ {judgeScore.judgeTitle}
+
+
+
+
+
+ 評分時間：{judgeScore.submittedAt}
+
+
+
+
+
+ {/* Judge Comment */}
+
+
+
+ {judgeScore.criteria.map((criterion, criterionIndex) => (
+
+
+
+ ))}
+
+ {criterion.name}
+
+ {criterion.score}/{criterion.maxScore}
+
+
+
+
+
+
+
+
+
+
+
+ {judgeScore.comment}
+
+
+
+
+
+
+
+
+ {/* App Links Section */}
+
+
+
+
+ 應用連結
+
+ 相關應用和資源連結
+
+
+
+
+
+ {/* Reports Section */}
+
+
+
+
+ 技術文檔和報告資料（僅供預覽）
+
+
+
+
+
+ )
+
+ const renderJudgePanel = () => {
+ // 確保 competitionJudges 是陣列
+ const judges = Array.isArray(competitionJudges) ? competitionJudges : [];
+
+ if (judges.length === 0) {
+ return (
+
+
+ {award.icon}
+
+ {award.awardName}
+
+ {award.appName || award.proposalTitle || award.teamName}
+
+
+
+
+ {getCompetitionTypeIcon(award.competitionType)}
+ {getCompetitionTypeText(award.competitionType)}
+
+
+ {award.awardName}
+
+
+
+
+
+
+
+ {award.score}
+ 評審評分
+
+
+
+ {award.year}年{award.month}月
+
+ 獲獎時間
+
+
+
+ {award.teamName || award.creator || "創作者"}
+
+
+ {award.competitionType === "team" ? "團隊" : "創作者"}
+
+
+
+
+
+
+
+
+
+ + 競賽名稱： + {award.competitionName || competition?.name || '未知競賽'} +
++ 競賽描述： + {award.competitionDescription || competition?.description || '暫無描述'} +
++ 競賽期間： + {award.competitionStartDate && award.competitionEndDate + ? `${award.competitionStartDate} ~ ${award.competitionEndDate}` + : competition?.startDate && competition?.endDate + ? `${competition.startDate} ~ ${competition.endDate}` + : '暫無時間資訊' + } +
++ 評審團： + {competitionJudges && competitionJudges.length > 0 ? ( + + {competitionJudges.length} 位評審 + + ) : ( + 暫無評審信息 + )} +
+
+ {(() => {
+ // 解析 application_links 資料
+ let applicationLinks = null;
+ if (award.applicationLinks) {
+ applicationLinks = award.applicationLinks;
+ } else if (award.application_links) {
+ try {
+ applicationLinks = typeof award.application_links === 'string'
+ ? JSON.parse(award.application_links)
+ : award.application_links;
+ } catch (e) {
+ console.error('解析 application_links 失敗:', e);
+ }
+ }
+
+ if (!applicationLinks) {
+ return (
+
+
+
+
+ );
+ }
+
+ return (
+ <>
+ {applicationLinks.production && (
+ 暫無應用連結
+
+
+ )}
+
+ {applicationLinks.demo && (
+
+
+
+
+
+ 正式應用
+APP 連結
+
+
+ )}
+
+ {applicationLinks.github && (
+
+
+
+
+
+ 演示版本
+體驗環境
+
+
+ )}
+
+ );
+ })()}
+
+
+
+
+
+ 源碼倉庫
+GitHub
+
+ {(() => {
+ // 解析 documents 資料
+ let documents = [];
+ if (award.documents) {
+ documents = award.documents;
+ } else if (award.documents) {
+ try {
+ documents = typeof award.documents === 'string'
+ ? JSON.parse(award.documents)
+ : award.documents;
+ } catch (e) {
+ console.error('解析 documents 失敗:', e);
+ }
+ }
+
+ if (!documents || documents.length === 0) {
+ return (
+
+
+
+ );
+ }
+
+ return documents.map((doc, index) => (
+ 暫無相關文件
+
+
+ ));
+ })()}
+
+ {getFileIcon(doc.type)}
+
+
+
+ {doc.name || doc.title}
+{doc.description}
+
+ 大小：{doc.size}
+ 上傳：{doc.uploadDate || doc.upload_date}
+ {doc.type}
+
+
+ {doc.previewUrl && (
+
+ )}
+ {doc.downloadUrl && (
+
+ )}
+ {doc.url && (
+
+ )}
+
+
+
+ 暫無評審信息
+
+ {judges.map((judge, index) => (
+
+
+
+
+ {judge.name ? judge.name[0] : 'J'}
+
+
+
+ ))}
+ {judge.name}
+{judge.title}
+
+ {judge.skills && judge.skills.map((skill, skillIndex) => (
+
+ {skill}
+
+ ))}
+
+
+ {/* Overall Statistics */}
+
+
+
+
+ 評審團整體評分概況
+
+
+ {loadingScores ? (
+
+
+
+ {/* Individual Judge Scores */}
+ {loadingScores ? (
+
+
+
+
+ {/* Criteria Scores */}
+
+
+ ))
+ )}
+
+ )
+ }
+
+ const renderCompetitionPhotos = () => (
+
+
+
+ ) : scores.length === 0 ? (
+ 載入評分資料中...
+
+
+ ) : (
+ 暫無評分資料
+
+
+ )}
+
+
+
+ {(scores.reduce((sum, score) => sum + score.overallScore, 0) / scores.length).toFixed(1)}
+
+ 平均分數
+
+
+
+ {Math.max(...scores.map((s) => s.overallScore)).toFixed(1)}
+
+ 最高分數
+
+
+
+ {Math.min(...scores.map((s) => s.overallScore)).toFixed(1)}
+
+ 最低分數
+
+
+ {scores.length}
+ 評審人數
+
+
+
+ ) : scores.length === 0 ? (
+ 載入評審評分中...
+
+
+ ) : (
+ scores.map((judgeScore, index) => (
+ 暫無評審評分資料
+
+
+ {judgeScore.judgeName[0]}
+
+
+
+ {judgeScore.judgeName}
+ {judgeScore.judgeTitle}
+
+
+
+
+
+ 評分時間：{judgeScore.submittedAt}
+
+
+
+
+
+ {/* Judge Comment */}
+
+
+
+ {judgeScore.criteria.map((criterion, criterionIndex) => (
+
+
+
+ ))}
+
+ {criterion.name}
+
+ {criterion.score}/{criterion.maxScore}
+
+
+
+
+
+
+
+
+
+
+
+ {judgeScore.comment}
+
+
+ 暫無競賽照片
+
-
-
- {award.awardType === "popular" && award.competitionType === "team"
- ? `${award.score}`
- : award.awardType === "popular"
- ? `${award.score}`
- : award.score}
-
-
- {award.competitionType === "proposal"
- ? "評審評分"
- : award.awardType === "popular"
- ? award.competitionType === "team"
- ? "人氣指數"
- : "收藏數"
- : "評審評分"}
-
+
+
+
- {award.score}
+ 評審評分
-
+
+
-
{award.year}年{award.month}月
- 獲獎時間
+ 獲獎時間
-
{award.creator}
-
- {award.competitionType === "team"
- ? "團隊"
- : award.competitionType === "proposal"
- ? "提案團隊"
- : "創作者"}
+
- {competition && (
-
+
+ {award.competitionType === "team"
+ ? (award.appName || award.teamName || "應用名稱")
+ : (award.teamName || award.creator || "創作者")
+ }
+
+
+ {award.competitionType === "team" ? "應用名稱" : "創作者"}
-
-
-
-
-
-
+ - 競賽名稱： - {competition.name} -
-- 競賽描述： - {competition.description} -
-- 競賽期間： - {competition.startDate} ~ {competition.endDate} -
-- 評審團： - {competitionJudges && competitionJudges.length > 0 ? ( - - {competitionJudges.length} 位評審 - - ) : ( - 暫無評審信息 - )} -
-
+
+
+
@@ -344,65 +330,94 @@ export function AwardDetailDialog({ open, onOpenChange, award }: AwardDetailDial
+
+
+
- )}
+ + 競賽名稱： + {award.competitionName || competition?.name || '未知競賽'} +
++ 競賽描述： + {award.competitionDescription || competition?.description || '暫無描述'} +
++ 競賽期間： + {award.competitionStartDate && award.competitionEndDate + ? `${new Date(award.competitionStartDate).toLocaleDateString('zh-TW', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '/')} ~ ${new Date(award.competitionEndDate).toLocaleDateString('zh-TW', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '/')}` + : competition?.startDate && competition?.endDate + ? `${new Date(competition.startDate).toLocaleDateString('zh-TW', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '/')} ~ ${new Date(competition.endDate).toLocaleDateString('zh-TW', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '/')}` + : '暫無時間資訊' + } +
++ 評審團： + {competitionJudges && competitionJudges.length > 0 ? ( + + {competitionJudges.length} 位評審 + + ) : ( + 暫無評審信息 + )} +
- {appData.appUrl && (
-
-
- )}
+ {(() => {
+ // 解析 application_links 資料
+ let applicationLinks = null;
+ if (award.applicationLinks) {
+ applicationLinks = award.applicationLinks;
+ } else if (award.application_links) {
+ try {
+ applicationLinks = typeof award.application_links === 'string'
+ ? JSON.parse(award.application_links)
+ : award.application_links;
+ } catch (e) {
+ console.error('解析 application_links 失敗:', e);
+ }
+ }
- {appData.demoUrl && (
-
-
-
-
-
- 正式應用
-APP 連結
-
-
@@ -418,95 +433,96 @@ export function AwardDetailDialog({ open, onOpenChange, award }: AwardDetailDial
-
- )}
+ );
+ }
- {appData.githubUrl && (
-
-
-
- 演示版本
-體驗環境
+ if (!applicationLinks) { + return ( +
+
+
- 暫無應用連結
-
- )}
+ return (
+ <>
+ {applicationLinks.production && (
+
-
-
-
-
- 源碼倉庫
-GitHub
-
+
+ )}
+
+ {applicationLinks.demo && (
+
+
+
+
+
+ 正式應用
+APP 連結
+
+
+ )}
+
+ {applicationLinks.github && (
+
+
+
+
+
+ 演示版本
+體驗環境
+
+
+ )}
+
+ );
+ })()}
+
+
+
+
+ 源碼倉庫
+GitHub
+
- {appData.reports.map((report) => (
-
-
-
-
-
- 競賽當天的精彩瞬間
-
-
-
-
- )
-
const renderJudgePanel = () => {
- if (!competitionJudges || competitionJudges.length === 0) {
+ // 確保 competitionJudges 是陣列
+ const judges = Array.isArray(competitionJudges) ? competitionJudges : [];
+
+ if (judges.length === 0) {
return (
@@ -536,23 +552,23 @@ export function AwardDetailDialog({ open, onOpenChange, award }: AwardDetailDial
本次競賽的專業評審團隊
-
- {getFileIcon(report.type)}
-
)
- const renderCompetitionPhotos = () => (
-
-
{report.name}
-{report.description}
-
- 大小：{report.size}
- 上傳：{report.uploadDate}
- {report.type}
+ {(() => {
+ // 解析 documents 資料
+ let documents = [];
+ if (award.documents) {
+ documents = award.documents;
+ } else if (award.documents) {
+ try {
+ documents = typeof award.documents === 'string'
+ ? JSON.parse(award.documents)
+ : award.documents;
+ } catch (e) {
+ console.error('解析 documents 失敗:', e);
+ }
+ }
+
+ if (!documents || documents.length === 0) {
+ return (
+
- ))}
+ ));
+ })()}
+
+ );
+ }
+
+ return documents.map((doc, index) => (
+ 暫無相關文件
+
+
-
+ {getFileIcon(doc.type)}
+
+
+
{doc.name || doc.title}
+{doc.description}
+
+ 大小：{doc.size}
+ 上傳：{doc.uploadDate || doc.upload_date}
+ {doc.type}
+
+ {doc.previewUrl && (
+
+ )}
+ {doc.downloadUrl && (
+
+ )}
+ {doc.url && (
+
+ )}
+
-
-
-
- {competitionPhotos.map((photo, index) => (
-
-
- {
- setCurrentPhotoIndex(index)
- setShowPhotoGallery(true)
- }}
- >
-
-
- ))}
-
-
-
-
- {photo.title}
-
-
-
-
- {competitionJudges.map((judge) => (
-
-
+
+ {judges.map((judge, index) => (
+
+
{judge.name[0]}
+
+ {judge.name ? judge.name[0] : 'J'}
+
-
-
))}
@@ -562,104 +578,151 @@ export function AwardDetailDialog({ open, onOpenChange, award }: AwardDetailDial
)
}
- const renderJudgeScores = () => (
- {judge.name}
-{judge.title}
-
- {judge.expertise && judge.expertise.slice(0, 2).map((skill) => (
-
- {skill}
-
- ))}
-
+ {judge.name}
+{judge.title}
+
+ {judge.expertise && judge.expertise.map((skill, skillIndex) => (
+
+ {skill}
+
+ ))}
- {/* Overall Statistics */}
-
-
-
-
- 評審團整體評分概況
-
-
-
-
-
- {/* Individual Judge Scores */}
- {judgeScores.map((judgeScore, index) => (
-
+ const renderJudgeScores = () => {
+ // 確保 judgeScores 是陣列
+ const scores = Array.isArray(judgeScores) ? judgeScores : [];
+
+ return (
+
-
-
-
-
- {(judgeScores.reduce((sum, score) => sum + score.overallScore, 0) / judgeScores.length).toFixed(1)}
-
- 平均分數
-
-
-
- {Math.max(...judgeScores.map((s) => s.overallScore)).toFixed(1)}
-
- 最高分數
-
-
-
- {Math.min(...judgeScores.map((s) => s.overallScore)).toFixed(1)}
-
- 最低分數
-
-
- {judgeScores.length}
- 評審人數
-
+ {/* Overall Statistics */}
+
-
+
+ 評審團整體評分概況
- {/* Criteria Scores */}
-
+
+
+
+ 競賽活動精彩瞬間
+
+
+
+
)
return (
@@ -672,10 +735,9 @@ export function AwardDetailDialog({ open, onOpenChange, award }: AwardDetailDial
得獎作品詳情
- {competition?.name} - {award.awardName}
+ {award.competitionName} - {award.awardName}
-
@@ -704,70 +766,6 @@ export function AwardDetailDialog({ open, onOpenChange, award }: AwardDetailDial
-
- {/* Photo Gallery Modal */}
-
)
-}
+}
\ No newline at end of file
diff --git a/contexts/competition-context.tsx b/contexts/competition-context.tsx
index dbbab74..131b32f 100644
--- a/contexts/competition-context.tsx
+++ b/contexts/competition-context.tsx
@@ -67,6 +67,7 @@ interface CompetitionContextType {
addAward: (award: Omit) => void
getAwardsByYear: (year: number) => Award[]
getAwardsByMonth: (year: number, month: number) => Award[]
+ getAvailableYears: () => number[]
// Rankings
getCompetitionRankings: (competitionId?: string) => Array<{
@@ -527,11 +528,13 @@ export function CompetitionProvider({ children }: { children: ReactNode }) {
const loadAwards = async () => {
setLoadingAwards(true)
try {
+ console.log('🔍 開始載入前台獎項數據...')
const response = await fetch('/api/admin/awards')
const data = await response.json()
if (data.success) {
console.log('📊 載入獎項數據:', data.data.length, '個')
+ console.log('📋 獎項數據樣本:', data.data.slice(0, 2))
setAwards(data.data)
} else {
console.error('載入獎項失敗:', data.message)
@@ -572,6 +575,12 @@ export function CompetitionProvider({ children }: { children: ReactNode }) {
return awards.filter((award) => award.year === year)
}
+ // 獲取所有可用的年份
+ const getAvailableYears = (): number[] => {
+ const years = [...new Set(awards.map(award => award.year))].sort((a, b) => b - a)
+ return years
+ }
+
const getAwardsByMonth = (year: number, month: number): Award[] => {
return awards.filter((award) => award.year === year && award.month === month)
}
@@ -836,6 +845,7 @@ export function CompetitionProvider({ children }: { children: ReactNode }) {
addAward,
getAwardsByYear,
getAwardsByMonth,
+ getAvailableYears,
getCompetitionRankings,
getAwardsByCompetitionType,
getAwardsByCategory,
diff --git a/lib/services/database-service.ts b/lib/services/database-service.ts
index e1a02cd..2cbcf3e 100644
--- a/lib/services/database-service.ts
+++ b/lib/services/database-service.ts
@@ -4572,14 +4572,19 @@ export class AwardService extends DatabaseServiceBase {
const simpleResult = await db.query(simpleSql);
console.log('✅ 簡單查詢結果:', simpleResult?.length || 0, '個獎項');
- // 再執行 JOIN 查詢
+ // 再執行 JOIN 查詢，包含團隊資訊
const sql = `
SELECT
a.*,
c.name as competition_name,
- c.type as competition_type
+ c.type as competition_type,
+ c.description as competition_description,
+ c.start_date as competition_start_date,
+ c.end_date as competition_end_date,
+ t.name as team_name_from_teams
FROM awards a
LEFT JOIN competitions c ON a.competition_id = c.id
+ LEFT JOIN teams t ON a.team_id = t.id
ORDER BY a.created_at DESC
`;
console.log('📝 執行JOIN查詢:', sql);
@@ -4605,7 +4610,21 @@ export class AwardService extends DatabaseServiceBase {
// 根據競賽獲取獎項
static async getAwardsByCompetition(competitionId: string): Promise {
- const sql = 'SELECT * FROM awards WHERE competition_id = ? ORDER BY created_at DESC';
+ const sql = `
+ SELECT
+ a.*,
+ c.name as competition_name,
+ c.type as competition_type,
+ c.description as competition_description,
+ c.start_date as competition_start_date,
+ c.end_date as competition_end_date,
+ t.name as team_name_from_teams
+ FROM awards a
+ LEFT JOIN competitions c ON a.competition_id = c.id
+ LEFT JOIN teams t ON a.team_id = t.id
+ WHERE a.competition_id = ?
+ ORDER BY a.created_at DESC
+ `;
return await db.query(sql, [competitionId]);
}
diff --git a/types/competition.ts b/types/competition.ts
index 925307b..fe97683 100644
--- a/types/competition.ts
+++ b/types/competition.ts
@@ -83,6 +83,8 @@ export interface Award {
appId?: string // 個人賽和團隊賽使用
teamId?: string // 團隊賽和提案賽使用
appName?: string
+ teamName?: string
+ proposalTitle?: string
creator: string
awardType: "gold" | "silver" | "bronze" | "popular" | "innovation" | "technical" | "custom"
awardName: string
@@ -91,7 +93,7 @@ export interface Award {
month: number
icon: string
customAwardTypeId?: string // 如果是自定義獎項類型
- competitionType: "individual" | "team" // 競賽類型
+ competitionType: "individual" | "team" | "proposal" // 競賽類型
rank: number // 0 for non-ranking awards, 1-3 for top 3
category: "innovation" | "technical" | "practical" | "popular" | "teamwork" | "solution" | "creativity"
}
-
- {judgeScore.judgeName[0]}
-
-
+
- {judgeScore.judgeName}
- {judgeScore.judgeTitle}
-
-
-
-
-
- 評分時間：{judgeScore.submittedAt}
-
-
-
-
+
+
+
+ {/* Criteria Scores */}
+
+
+ ))
+ )}
+
+ )
+ }
+
+ const renderCompetitionPhotos = () => (
+
-
-
- {judgeScore.criteria.map((criterion, criterionIndex) => (
-
+
+ {/* Individual Judge Scores */}
+ {loadingScores ? (
+
-
-
- {/* Judge Comment */}
-
- {criterion.name}
-
- {criterion.score}/{criterion.maxScore}
-
-
-
+ {loadingScores ? (
+
+
+
+ ) : scores.length === 0 ? (
+ 載入評分資料中...
+
+
+ ) : (
+ 暫無評分資料
+
+
-
+
+
+ {scores.length > 0 ? (scores.reduce((sum, score) => sum + Number(score.overallScore), 0) / scores.length).toFixed(1) : '0.0'}
- ))}
+ 平均分數
+
+
+
+ {scores.length > 0 ? Math.max(...scores.map((s) => Number(s.overallScore))).toFixed(1) : '0.0'}
+
+ 最高分數
+
+
+
+ {scores.length > 0 ? Math.min(...scores.map((s) => Number(s.overallScore))).toFixed(1) : '0.0'}
+
+ 最低分數
+
+
{scores.length}
+ 評審人數
+
-
-
-
+ )}
- ))}
-
-
-
-
- {judgeScore.comment}
-
+
+
+ ) : scores.length === 0 ? (
+ 載入評審評分中...
+
+
+ ) : (
+ scores.map((judgeScore, index) => (
+ 暫無評審評分資料
+
+
+ {judgeScore.judgeName[0]}
+
+
+
+ {judgeScore.judgeName}
+ {judgeScore.judgeTitle}
+
+
+
+
+
+ 評分時間：{new Date(judgeScore.submittedAt).toLocaleDateString('zh-TW', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '/')}
+
+
+
+
+
+ {/* Judge Comment */}
+
+
+
+ {judgeScore.criteria.map((criterion, criterionIndex) => (
+
+
+
+ ))}
+
+ {criterion.name}
+
+ {criterion.score}/{criterion.maxScore}
+
+
+
+
+
+
+
+
+
+
+
+ {judgeScore.comment}
+
+
+ 暫無競賽照片
+