Browse Source

fix(app): 游学列表

EvilDragon 4 months ago
parent
commit
0397dd00d5

+ 13 - 2
packages/app/src/pages/home/study-tour/components/study-tour-card.vue

@@ -6,6 +6,7 @@ import { useRouter } from '../../../../core/utils/router'
 import { map } from '@designer-hub/assets/src/assets/svgs'
 import { NetImages } from '../../../../core/libs/net-images'
 import ActivityCountDown from '../../components/activity-count-down.vue'
+import { getActivityStatusButtonText } from '../../../../core/utils/common'
 
 const props = defineProps<{ customClass?: string; options?: StudyTour }>()
 
@@ -37,7 +38,7 @@ const toDetail = () => {
           width="110"
           height="88"
           custom-class="rounded-[10px] overflow-hidden vertical-bottom"
-          src="https://via.placeholder.com/110x88"
+          :src="options?.thumbnailUrl"
           mode="scaleToFill"
         />
         <div class="flex flex-col justify-around">
@@ -101,7 +102,16 @@ const toDetail = () => {
           :start-at="options?.applyStartTime || options?.planApplyStartTime"
           :end-at="options?.applyEndTime || options?.planApplyEndTime"
         ></ActivityCountDown>
-        <tilted-button>立即报名</tilted-button>
+        <tilted-button>
+          {{
+            options?.ifSingnUp
+              ? '已报名'
+              : getActivityStatusButtonText(
+                  options?.applyStartTime || options?.planStudyStartTime,
+                  options?.applyEndTime || options?.planStudyEndTime,
+                )
+          }}
+        </tilted-button>
       </div>
       <div class="flex justify-between border-t-solid border-t-[#f2f2f2] border-t-1 py-4">
         <div></div>
@@ -109,6 +119,7 @@ const toDetail = () => {
           class="text-justify text-black/40 text-xs font-normal font-['PingFang_SC'] leading-relaxed"
         >
           黄金会员以上等级可报名
+          {{ options?.memberLevel?.join('、') }}
         </div>
       </div>
     </div>