|
@@ -21,6 +21,7 @@ import { calendar, clock, funnel, location, user } from '@designer-hub/assets/sr
|
|
import { signupSuccessDialogBg } from '@designer-hub/assets/src/bgs'
|
|
import { signupSuccessDialogBg } from '@designer-hub/assets/src/bgs'
|
|
import { NetImages } from '../../../../core/libs/net-images'
|
|
import { NetImages } from '../../../../core/libs/net-images'
|
|
import signupListDialogBg from '@designer-hub/assets/src/libs/assets/signupListDialogBg'
|
|
import signupListDialogBg from '@designer-hub/assets/src/libs/assets/signupListDialogBg'
|
|
|
|
+import { getActivityStatusText } from '../../../../core/utils/common'
|
|
|
|
|
|
const themeVars = ref<ConfigProviderThemeVars>({
|
|
const themeVars = ref<ConfigProviderThemeVars>({
|
|
tableBorderColor: 'white',
|
|
tableBorderColor: 'white',
|
|
@@ -38,7 +39,7 @@ const { data: signups, run: setSignups } = useRequest(
|
|
)
|
|
)
|
|
const show = ref(false)
|
|
const show = ref(false)
|
|
const successShow = ref(false)
|
|
const successShow = ref(false)
|
|
-const listShow = ref(true)
|
|
|
|
|
|
+const listShow = ref(false)
|
|
const isActivity = computed(() => type.value === 'activity')
|
|
const isActivity = computed(() => type.value === 'activity')
|
|
const isStudyTour = computed(() => type.value === 'studyTour')
|
|
const isStudyTour = computed(() => type.value === 'studyTour')
|
|
const infos = computed(() => [
|
|
const infos = computed(() => [
|
|
@@ -75,7 +76,7 @@ const infos = computed(() => [
|
|
{
|
|
{
|
|
icon: funnel,
|
|
icon: funnel,
|
|
title: `等级限制`,
|
|
title: `等级限制`,
|
|
- content: ['白银以上等级'],
|
|
|
|
|
|
+ content: [data.value.memberLevel.join('、')],
|
|
visable: true,
|
|
visable: true,
|
|
},
|
|
},
|
|
])
|
|
])
|
|
@@ -111,7 +112,7 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
|
|
class="bg-white/20 rounded-[20px] backdrop-blur-[6px] px-3.5 py-1 flex gap-2.5"
|
|
class="bg-white/20 rounded-[20px] backdrop-blur-[6px] px-3.5 py-1 flex gap-2.5"
|
|
>
|
|
>
|
|
<wd-img width="20" height="20" :src="bell"></wd-img>
|
|
<wd-img width="20" height="20" :src="bell"></wd-img>
|
|
- <div class="text-[#c1c1c1] text-base font-normal font-['PingFang SC'] leading-normal">
|
|
|
|
|
|
+ <div class="text-[#c1c1c1] text-base font-normal font-['PingFang_SC'] leading-normal">
|
|
白金会员王凯峰已报名
|
|
白金会员王凯峰已报名
|
|
</div>
|
|
</div>
|
|
<div class="w-6 bg-black aspect-square rounded-full flex items-center justify-center">
|
|
<div class="w-6 bg-black aspect-square rounded-full flex items-center justify-center">
|
|
@@ -124,7 +125,7 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
|
|
:width="40"
|
|
:width="40"
|
|
:height="40"
|
|
:height="40"
|
|
></AvatarGroupCasual>
|
|
></AvatarGroupCasual>
|
|
- <div class="text-white/60 text-sm font-normal font-['PingFang SC'] leading-[10.18px]">
|
|
|
|
|
|
+ <div class="text-white/60 text-sm font-normal font-['PingFang_SC'] leading-[10.18px]">
|
|
{{ signups.total }}人已报名
|
|
{{ signups.total }}人已报名
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -133,21 +134,21 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
|
|
<div class="h-9">
|
|
<div class="h-9">
|
|
<div v-if="type === 'studyTour'" class="flex">
|
|
<div v-if="type === 'studyTour'" class="flex">
|
|
<wd-img width="18" height="18" :src="map"></wd-img>
|
|
<wd-img width="18" height="18" :src="map"></wd-img>
|
|
- <div class="text-[#c1c1c1] text-base font-normal font-['PingFang SC'] leading-normal">
|
|
|
|
|
|
+ <div class="text-[#c1c1c1] text-base font-normal font-['PingFang_SC'] leading-normal">
|
|
第一站
|
|
第一站
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- class="w-[347px] text-white text-[26px] font-normal font-['PingFang SC'] leading-[44px] flex items-center gap-4"
|
|
|
|
|
|
+ class="w-[347px] text-white text-[26px] font-normal font-['PingFang_SC'] leading-[44px] flex items-center gap-4"
|
|
>
|
|
>
|
|
<!-- 日本研学·东京艺术大学设计游学 -->
|
|
<!-- 日本研学·东京艺术大学设计游学 -->
|
|
<div class="inline-block">{{ data?.name }}</div>
|
|
<div class="inline-block">{{ data?.name }}</div>
|
|
<div class="inline-block py-1.5 px-4 bg-white rounded-[20px] backdrop-blur-[15px]">
|
|
<div class="inline-block py-1.5 px-4 bg-white rounded-[20px] backdrop-blur-[15px]">
|
|
<div
|
|
<div
|
|
- class="w-[42px] h-[21px] text-[#a60707] text-sm font-normal font-['PingFang SC'] leading-relaxed"
|
|
|
|
|
|
+ class="w-[42px] h-[21px] text-[#a60707] text-sm font-normal font-['PingFang_SC'] leading-relaxed"
|
|
>
|
|
>
|
|
- 报名中
|
|
|
|
|
|
+ {{ getActivityStatusText(data?.applyStartTime, data?.applyEndTime) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -159,14 +160,14 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
|
|
<div class="flex items-center gap-1.5">
|
|
<div class="flex items-center gap-1.5">
|
|
<wd-img width="16" height="16" :src="it.icon"></wd-img>
|
|
<wd-img width="16" height="16" :src="it.icon"></wd-img>
|
|
<div
|
|
<div
|
|
- class="w-[70px] text-[#c1c1c1] text-base font-normal font-['PingFang SC'] leading-normal"
|
|
|
|
|
|
+ class="w-[70px] text-[#c1c1c1] text-base font-normal font-['PingFang_SC'] leading-normal"
|
|
>
|
|
>
|
|
{{ it.title }}
|
|
{{ it.title }}
|
|
</div>
|
|
</div>
|
|
<div class="w-3"></div>
|
|
<div class="w-3"></div>
|
|
|
|
|
|
<div
|
|
<div
|
|
- class="flex items-center text-white text-base font-normal font-['PingFang SC'] leading-[34px]"
|
|
|
|
|
|
+ class="flex items-center text-white text-base font-normal font-['PingFang_SC'] leading-[34px]"
|
|
>
|
|
>
|
|
<template v-if="it.content.length === 2">
|
|
<template v-if="it.content.length === 2">
|
|
<div class="w-22 text-center">{{ it.content[0] }}</div>
|
|
<div class="w-22 text-center">{{ it.content[0] }}</div>
|
|
@@ -190,10 +191,9 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
|
|
|
|
|
|
<div class="mt-5 mx-3.5">
|
|
<div class="mt-5 mx-3.5">
|
|
<div
|
|
<div
|
|
- class="text-justify text-[#c1c1c1] text-base font-normal font-['PingFang SC'] leading-relaxed"
|
|
|
|
|
|
+ class="text-justify text-[#c1c1c1] text-base font-normal font-['PingFang_SC'] leading-relaxed"
|
|
>
|
|
>
|
|
- 东京艺术大学(英文:Tokyo University of the
|
|
|
|
- Arts;日文平假名:とうきょうげいじゅつだいがく),简称东京艺大、艺大(とうきょうげいだい、げいだい),是一所校本部位于东京都台东区上野公园内的艺术类日本国立大学。其是超级国际化大学计划、亚洲校园 成员。其前身是于1887年分别创立的东京美术学校和东京音乐学校,1949年两校合并成为新制东京艺术大学。东京艺术大学的主要目的为培养美术和音乐领域的艺术家,其中音乐学部已培养了许多著名作曲家、演奏家、指挥家,美术学部也诞生了许多著名画家、艺术家、建筑家。
|
|
|
|
|
|
+ {{ data.activityDesc }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<BottomAppBar fixed placeholder transparent>
|
|
<BottomAppBar fixed placeholder transparent>
|
|
@@ -203,12 +203,12 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
|
|
<div class="text-[#ef4343] text-2xl font-normal font-['D-DIN Exp'] leading-normal">
|
|
<div class="text-[#ef4343] text-2xl font-normal font-['D-DIN Exp'] leading-normal">
|
|
{{ data.needPointsCount }}
|
|
{{ data.needPointsCount }}
|
|
</div>
|
|
</div>
|
|
- <div class="text-black/40 text-base font-normal font-['PingFang SC'] leading-[34px]">
|
|
|
|
|
|
+ <div class="text-black/40 text-base font-normal font-['PingFang_SC'] leading-[34px]">
|
|
积分
|
|
积分
|
|
</div>
|
|
</div>
|
|
<div class="flex-1"></div>
|
|
<div class="flex-1"></div>
|
|
<div @click="show = true">
|
|
<div @click="show = true">
|
|
- <TiltedButton size="large">立即报名</TiltedButton>
|
|
|
|
|
|
+ <TiltedButton size="large">{{ data?.ifSingnUp ? '已报名' : '立即报名' }}</TiltedButton>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</BottomAppBar>
|
|
</BottomAppBar>
|
|
@@ -219,15 +219,15 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
|
|
<wd-img width="100%" height="100%" :src="data.thumbnailUrl"></wd-img>
|
|
<wd-img width="100%" height="100%" :src="data.thumbnailUrl"></wd-img>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col justify-between flex-1">
|
|
<div class="flex flex-col justify-between flex-1">
|
|
- <div class="text-black text-base font-normal font-['PingFang SC'] leading-normal">
|
|
|
|
|
|
+ <div class="text-black text-base font-normal font-['PingFang_SC'] leading-normal">
|
|
{{ data.name }}
|
|
{{ data.name }}
|
|
</div>
|
|
</div>
|
|
<div class="flex items-end gap-1">
|
|
<div class="flex items-end gap-1">
|
|
<div class="text-[#ef4343] text-[22px] font-normal leading-[22px]">
|
|
<div class="text-[#ef4343] text-[22px] font-normal leading-[22px]">
|
|
{{ data.needPointsCount }}
|
|
{{ data.needPointsCount }}
|
|
</div>
|
|
</div>
|
|
- <div class="text-black/40 text-sm font-normal font-['PingFang SC']">积分</div>
|
|
|
|
- <div class="ml-1 text-black/40 text-xs font-normal font-['PingFang SC']">
|
|
|
|
|
|
+ <div class="text-black/40 text-sm font-normal font-['PingFang_SC']">积分</div>
|
|
|
|
+ <div class="ml-1 text-black/40 text-xs font-normal font-['PingFang_SC']">
|
|
剩余:{{ data.activityAllowCount }}
|
|
剩余:{{ data.activityAllowCount }}
|
|
</div>
|
|
</div>
|
|
<div class="flex-1"></div>
|
|
<div class="flex-1"></div>
|
|
@@ -289,13 +289,13 @@ onLoad(async (query: { id: string; type: 'activity' }) => {
|
|
<div class="flex gap-1.5">
|
|
<div class="flex gap-1.5">
|
|
<wd-icon name="error-circle" size="22px"></wd-icon>
|
|
<wd-icon name="error-circle" size="22px"></wd-icon>
|
|
<div
|
|
<div
|
|
- class="w-[151px] h-[21px] text-justify text-black text-base font-normal font-['PingFang SC'] leading-[21px]"
|
|
|
|
|
|
+ class="w-[151px] h-[21px] text-justify text-black text-base font-normal font-['PingFang_SC'] leading-[21px]"
|
|
>
|
|
>
|
|
请准时参加活动!
|
|
请准时参加活动!
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
- class="w-[237px] h-[60px] text-justify text-black/60 text-base font-normal font-['PingFang SC'] leading-normal"
|
|
|
|
|
|
+ class="w-[237px] h-[60px] text-justify text-black/60 text-base font-normal font-['PingFang_SC'] leading-normal"
|
|
>
|
|
>
|
|
如有问题可咨询官方客服或您的专属经纪人!
|
|
如有问题可咨询官方客服或您的专属经纪人!
|
|
</div>
|
|
</div>
|