feat(cp榜单页): 每个页面补充获取token的操作

src/router/index.js

@@ -336,7 +336,7 @@ const router = createRouter({
       name: 'couple',
       component: () => import('../views/Ranking/Couple/index.vue'),
       meta: { requiresAuth: true },
-    }, //沙特下周一当天早上6点（北京时间3点）刷新
+    }, //北京时间每周一早上5点刷新
     {
       path: '/top-list',
       name: 'top-list',

src/views/Ranking/Couple/GamePlay/Gameplay.vue

@@ -241,14 +241,51 @@ const showDrawRecord = () => {
   getReceiveRecords() // 获取中奖记录，并让爷爷组件打开弹窗
 }
 
-// 获取数据
-const initData = () => {
-  getMyLotteryTicketCount() // 获取我的剩余抽奖券数量
-  getUserFragmentBackpack() // 获取用户碎片背包
+// 页面初始化数据
+const initData = async () => {
+  await Promise.all([
+    getMyLotteryTicketCount(), // 获取我的剩余抽奖券数量
+    getUserFragmentBackpack(), // 获取用户碎片背包
+  ])
+}
+
+// 预加载关键图片
+const preloadCriticalImages = async () => {
+  const criticalImages = []
+
+  const criticalImages_ar = []
+
+  if (currentLangType.value == 'en') {
+    await preloadImages(criticalImages)
+  } else if (currentLangType.value == 'ar') {
+    await preloadImages(criticalImages_ar)
+  }
+}
+
+// 完成预加载
+const completePreloading = async () => {
+  try {
+    // 执行所有初始化操作
+    await Promise.all([initData(), preloadCriticalImages()])
+    console.log('预加载完成，初始化数据成功')
+  } catch (error) {
+    console.error('预加载过程中发生错误:', error)
+  } finally {
+    // 无论成功或失败都结束加载状态
+    isLoading.value = false
+  }
+}
+
+// 使用工具函数连接APP
+const connectToAppHandler = async () => {
+  await connectToApp(() => {
+    // 连接成功回调
+    completePreloading() // 完成预加载
+  })
 }
 
 onMounted(() => {
-  initData() // 获取数据
+  connectToAppHandler()
 })
 </script>
 

src/views/Ranking/Couple/GamePlay/components/exchange.vue

@@ -115,8 +115,50 @@ const exchangeGoods = async (goods) => {
   exchangeConfirmShow.value = true
 }
 
+// 页面初始化数据
+const initData = async () => {
+  await Promise.all([
+    getActivityResource(), // 获取兑换物品列表
+  ])
+}
+
+// 预加载关键图片
+const preloadCriticalImages = async () => {
+  const criticalImages = []
+
+  const criticalImages_ar = []
+
+  if (currentLangType.value == 'en') {
+    await preloadImages(criticalImages)
+  } else if (currentLangType.value == 'ar') {
+    await preloadImages(criticalImages_ar)
+  }
+}
+
+// 完成预加载
+const completePreloading = async () => {
+  try {
+    // 执行所有初始化操作
+    await Promise.all([initData(), preloadCriticalImages()])
+    console.log('预加载完成，初始化数据成功')
+  } catch (error) {
+    console.error('预加载过程中发生错误:', error)
+  } finally {
+    // 无论成功或失败都结束加载状态
+    isLoading.value = false
+  }
+}
+
+// 使用工具函数连接APP
+const connectToAppHandler = async () => {
+  await connectToApp(() => {
+    // 连接成功回调
+    completePreloading() // 完成预加载
+  })
+}
+
 onMounted(() => {
-  getActivityResource() // 获取兑换物品列表
+  connectToAppHandler()
 })
 </script>
 

src/views/Ranking/Couple/GamePlay/components/lottery.vue

@@ -448,8 +448,50 @@ const updateNumbers = async () => {
   await getUserFragmentBackpack() // 获取碎片数量
 }
 
+// 页面初始化数据
+const initData = async () => {
+  await Promise.all([
+    getActivityDetail(), //获取奖池
+  ])
+}
+
+// 预加载关键图片
+const preloadCriticalImages = async () => {
+  const criticalImages = []
+
+  const criticalImages_ar = []
+
+  if (currentLangType.value == 'en') {
+    await preloadImages(criticalImages)
+  } else if (currentLangType.value == 'ar') {
+    await preloadImages(criticalImages_ar)
+  }
+}
+
+// 完成预加载
+const completePreloading = async () => {
+  try {
+    // 执行所有初始化操作
+    await Promise.all([initData(), preloadCriticalImages()])
+    console.log('预加载完成，初始化数据成功')
+  } catch (error) {
+    console.error('预加载过程中发生错误:', error)
+  } finally {
+    // 无论成功或失败都结束加载状态
+    isLoading.value = false
+  }
+}
+
+// 使用工具函数连接APP
+const connectToAppHandler = async () => {
+  await connectToApp(() => {
+    // 连接成功回调
+    completePreloading() // 完成预加载
+  })
+}
+
 onMounted(() => {
-  getActivityDetail() //获取奖池
+  connectToAppHandler()
 })
 </script>
 

src/views/Ranking/Couple/GamePlay/components/signIn.vue

@@ -259,9 +259,51 @@ const getSignInStatus = async () => {
   }
 }
 
+// 页面初始化数据
+const initData = async () => {
+  await Promise.all([
+    getSignInStatus(), // 获取签到状态
+  ])
+}
+
+// 预加载关键图片
+const preloadCriticalImages = async () => {
+  const criticalImages = []
+
+  const criticalImages_ar = []
+
+  if (currentLangType.value == 'en') {
+    await preloadImages(criticalImages)
+  } else if (currentLangType.value == 'ar') {
+    await preloadImages(criticalImages_ar)
+  }
+}
+
+// 完成预加载
+const completePreloading = async () => {
+  try {
+    // 执行所有初始化操作
+    await Promise.all([initData(), preloadCriticalImages()])
+    console.log('预加载完成，初始化数据成功')
+  } catch (error) {
+    console.error('预加载过程中发生错误:', error)
+  } finally {
+    // 无论成功或失败都结束加载状态
+    isLoading.value = false
+  }
+}
+
+// 使用工具函数连接APP
+const connectToAppHandler = async () => {
+  await connectToApp(() => {
+    // 连接成功回调
+    completePreloading() // 完成预加载
+  })
+}
+
 // 组件挂载时检测环境
 onMounted(() => {
-  getSignInStatus() // 获取签到状态
+  connectToAppHandler()
   startCountdown() //开启倒计时
 })
 

src/views/Ranking/Couple/Ranking.vue

@@ -340,11 +340,52 @@ const observer = new IntersectionObserver((entries) => {
   })
 })
 
+// 页面初始化数据
+const initData = async () => {
+  await Promise.all([
+    apiGetRanking(), // 获取排行榜
+    apiGetTop3Rewards(), // 获取前三名奖励
+  ])
+}
+
+// 预加载关键图片
+const preloadCriticalImages = async () => {
+  const criticalImages = []
+
+  const criticalImages_ar = []
+
+  if (currentLangType.value == 'en') {
+    await preloadImages(criticalImages)
+  } else if (currentLangType.value == 'ar') {
+    await preloadImages(criticalImages_ar)
+  }
+}
+
+// 完成预加载
+const completePreloading = async () => {
+  try {
+    // 执行所有初始化操作
+    await Promise.all([initData(), preloadCriticalImages()])
+    console.log('预加载完成，初始化数据成功')
+  } catch (error) {
+    console.error('预加载过程中发生错误:', error)
+  } finally {
+    // 无论成功或失败都结束加载状态
+    isLoading.value = false
+  }
+}
+
+// 使用工具函数连接APP
+const connectToAppHandler = async () => {
+  await connectToApp(() => {
+    // 连接成功回调
+    completePreloading() // 完成预加载
+  })
+}
+
 // 组件挂载时检测环境
 onMounted(() => {
-  apiGetRanking() // 获取排行榜
-  apiGetTop3Rewards() // 获取前三名奖励
-
+  connectToAppHandler()
   // 监听加载模块
   if (RankingLoadmore.value) {
     console.log('监控加载模块')