-
{{ t('AwardApply.termsAndConditions') }}
-
-
-
-
- {{ t('AwardApply.' + item.translationKey) }}
-
- *
+
+
+ {{ t('AwardApply.termsAndConditions') }}
+
+
+
+
+
+ {{ t('AwardApply.' + item.translationKey) }}
+
+ *
+
-
+
-
-
- {{ t('AwardApply.submitYourDesign') }}
+
+
+ {{ t('AwardApply.submitYourDesign') }}
+
+
+ {{ t('AwardApply.unfinishedFormTip') }}
+
-
- {{ t('AwardApply.unfinishedFormTip') }}
-
-
{{ t('AwardApply.checkYourEmail') }}
-
{{ t('AwardApply.enterSixDigitCode') }} {{ form.email }}
+
+ {{ t('AwardApply.enterSixDigitCode') }}
+
+ {{ form.email }}
+
{{
isCountingDown
- ? `${t('AwardApply.resendCodeIn')} ${formatCountdown(countdown)}`
+ ? `${t('AwardApply.resendCodeIn')} ${formatCountdown(
+ countdown
+ )}`
: t('AwardApply.resendCode')
}}
@@ -436,6 +460,7 @@
designDescription: '',
pdfPath: '',
videoPath: '',
+ videoDuration: 0,
secureToken: ''
})
const hasValidEmail = computed(() => {
@@ -493,18 +518,36 @@
const rulesRef = {
email: [{ required: true, validator: validEmail }],
firstName: [
- { required: true, message: t('AwardApply.pleaseInputFirstName'), trigger: 'blur' }
+ {
+ required: true,
+ message: t('AwardApply.pleaseInputFirstName'),
+ trigger: 'blur'
+ }
],
lastName: [
- { required: true, message: t('AwardApply.pleaseInputLastName'), trigger: 'blur' }
+ {
+ required: true,
+ message: t('AwardApply.pleaseInputLastName'),
+ trigger: 'blur'
+ }
],
gender: [
- { required: true, message: t('AwardApply.pleaseSelectGender'), trigger: 'blur' }
+ {
+ required: true,
+ message: t('AwardApply.pleaseSelectGender'),
+ trigger: 'blur'
+ }
],
occupation: [
- { required: true, message: t('AwardApply.pleaseInputOccupation'), trigger: 'blur' }
+ {
+ required: true,
+ message: t('AwardApply.pleaseInputOccupation'),
+ trigger: 'blur'
+ }
+ ],
+ age: [
+ { required: true, message: t('AwardApply.pleaseInputAge'), trigger: 'blur' }
],
- age: [{ required: true, message: t('AwardApply.pleaseInputAge'), trigger: 'blur' }],
countryRegionCity: [
{
required: true,
@@ -515,7 +558,11 @@
phoneNumber: [{ required: true, validator: validatePhone, trigger: 'blur' }],
designTitle: [
- { required: true, message: t('AwardApply.pleaseInputDesignTitle'), trigger: 'blur' }
+ {
+ required: true,
+ message: t('AwardApply.pleaseInputDesignTitle'),
+ trigger: 'blur'
+ }
],
designDescription: [
{
@@ -524,9 +571,15 @@
trigger: 'blur'
}
],
- pdfPath: [{ required: true, message: t('AwardApply.pleaseUploadPdf'), trigger: 'null' }],
+ pdfPath: [
+ { required: true, message: t('AwardApply.pleaseUploadPdf'), trigger: 'null' }
+ ],
videoPath: [
- { required: true, message: t('AwardApply.pleaseUploadVideo'), trigger: 'null' }
+ {
+ required: true,
+ message: t('AwardApply.pleaseUploadVideo'),
+ trigger: 'null'
+ }
]
}
@@ -760,7 +813,24 @@
}
// 统一的文件上传前验证
- const beforeUploadFile = (type: FileType, file: File) => {
+ // 获取视频时长
+ const getVideoDuration = (file: File): Promise
=> {
+ return new Promise((resolve, reject) => {
+ const video = document.createElement('video')
+ video.preload = 'metadata'
+ video.onloadedmetadata = () => {
+ window.URL.revokeObjectURL(video.src)
+ resolve(video.duration)
+ }
+ video.onerror = () => {
+ window.URL.revokeObjectURL(video.src)
+ reject(new Error('Failed to load video'))
+ }
+ video.src = window.URL.createObjectURL(file)
+ })
+ }
+
+ const beforeUploadFile = async (type: FileType, file: File) => {
if (!hasValidEmail.value) {
message.error(t('AwardApply.pleaseVerifyEmailFirst'))
return Upload.LIST_IGNORE
@@ -792,42 +862,33 @@
if (!isValidType) {
message.error(errorMessage)
- // 从文件列表中移除
- // if (type === 'pdf') {
- // const index = pdfList.value.findIndex(item => item.uid === file.uid)
- // if (index > -1) {
- // pdfList.value.splice(index, 1)
- // }
- // } else {
- // const index = videoList.value.findIndex(item => item.uid === file.uid)
- // if (index > -1) {
- // videoList.value.splice(index, 1)
- // }
- // }
+
return Upload.LIST_IGNORE
}
// 验证文件大小
if (file.size > maxSize) {
const sizeLimit = type === 'pdf' ? '20MB' : '100MB'
- message.error(
- t('AwardApply.fileSizeExceeds', { sizeLimit })
- )
- // 从文件列表中移除
- // if (type === 'pdf') {
- // const index = pdfList.value.findIndex(item => item.uid === file.uid)
- // if (index > -1) {
- // pdfList.value.splice(index, 1)
- // }
- // } else {
- // const index = videoList.value.findIndex(item => item.uid === file.uid)
- // if (index > -1) {
- // videoList.value.splice(index, 1)
- // }
- // }
+ message.error(t('AwardApply.fileSizeExceeds', { sizeLimit }))
+
return Upload.LIST_IGNORE
}
+ // 验证视频时长
+ let duration = 0
+ if (type === 'video') {
+ duration = await getVideoDuration(file)
+ try {
+ if (duration > 60) {
+ message.error(t('AwardApply.videoDurationExceeds'))
+ return Upload.LIST_IGNORE
+ }
+ } catch (error) {
+ console.error('Failed to get video duration:', error)
+ }
+ }
+ form.value.videoDuration = Math.ceil(duration)
+
return true
}
@@ -933,7 +994,9 @@
const status = info.file.status
if (status === 'done') {
- message.success(t('AwardApply.fileUploadedSuccess', { fileName: info.file.name }))
+ message.success(
+ t('AwardApply.fileUploadedSuccess', { fileName: info.file.name })
+ )
if (type === 'pdf') {
isUploadingPdf.value = false
uploadProgressPdf.value = 0
@@ -957,9 +1020,9 @@
}
}
- // 统一的上传处理函数
const handleUploadFile = async (option: any, type: FileType) => {
const file = option.file as File
+ //
if (!form.value.email) {
message.error(t('AwardApply.pleaseInputEmail'))
@@ -1247,7 +1310,7 @@
}
}
// :deep(.ant-select-arrow) {
-
+
// justify-content: center;
// display: flex;
// align-items: center;
@@ -1552,6 +1615,13 @@
font-size: 1.6rem;
line-height: 3.4rem;
margin-top: 1.4rem;
+ text-align: center;
+ .email-verify {
+ color: #232323;
+ font-family: 'ArialBold';
+ font-weight: 700;
+ font-size: 1.6rem;
+ }
}
.email {
diff --git a/src/views/AwardPage/components/JudgesSection.vue b/src/views/AwardPage/components/JudgesSection.vue
index 16663d15..a53efdf9 100644
--- a/src/views/AwardPage/components/JudgesSection.vue
+++ b/src/views/AwardPage/components/JudgesSection.vue
@@ -202,6 +202,9 @@ onBeforeUnmount(() => {
column-gap: 23.22rem;
row-gap: 8rem;
padding: 0 25rem 0 26.6rem;
+ div{
+ text-align: center;
+ }
.judgement-item {
overflow: hidden;
.picture {
diff --git a/src/views/AwardPage/components/PrizesSection.vue b/src/views/AwardPage/components/PrizesSection.vue
index ea339ab4..986bc0c4 100644
--- a/src/views/AwardPage/components/PrizesSection.vue
+++ b/src/views/AwardPage/components/PrizesSection.vue
@@ -52,6 +52,13 @@
const { t } = useI18n()
+ const props = defineProps({
+ isZh: {
+ type: Boolean,
+ default: false
+ }
+ })
+
const prizes = [
{
money: 'AwardsPage.grandMoney',
@@ -83,11 +90,8 @@
{
money: 'AwardsPage.awardCertification',
name: 'AwardsPage.finalists',
- desc: [
- 'AwardsPage.TravelAllowance',
- 'AwardsPage.globalMediaExposure'
- ],
- smaller: true
+ desc: ['AwardsPage.TravelAllowance', 'AwardsPage.globalMediaExposure'],
+ smaller: !props.isZh
}
]
diff --git a/src/views/AwardPage/container.vue b/src/views/AwardPage/container.vue
index f25c070c..9958fd57 100644
--- a/src/views/AwardPage/container.vue
+++ b/src/views/AwardPage/container.vue
@@ -83,12 +83,12 @@
class="close-icon"
@click="handleCloseQRcode"
/>
- WeChat Official Account
+ {{ $t('AwardsPage.wechatTitle') }}
- Scan the QR code in WeChat
+ {{ $t('AwardsPage.wechatDesc') }}
-