From 162b82e23028f4a84b51ecc238ca9d289352120c Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Thu, 30 Apr 2026 12:30:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=96=B0=E9=A1=B5=E9=9D=A2):=20CP?=
 =?UTF-8?q?=E5=A5=96=E5=8A=B1=E8=AF=B4=E6=98=8E=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config/security.js         |   1 +
 src/locales/ar.json            |   1 +
 src/locales/bn.json            |   1 +
 src/locales/en.json            |   1 +
 src/locales/tr.json            |   1 +
 src/locales/zh.json            |   1 +
 src/router/index.js            |   7 ++
 src/utils/permissionManager.js |   2 +
 src/views/CPReward/index.vue   | 151 +++++++++++++++++++++++++++++++++
 9 files changed, 166 insertions(+)
 create mode 100644 src/views/CPReward/index.vue

diff --git a/src/config/security.js b/src/config/security.js
index 9296e93..d65ce48 100644
--- a/src/config/security.js
+++ b/src/config/security.js
@@ -12,6 +12,7 @@ export const PUBLIC_PATHS = Object.freeze([
   '/ranking',
   '/games-king',
   '/couple',
+  '/cp-reward',
   '/invitation-to-register',
   '/invitation/invite-new-user',
   '/recharge-reward',
diff --git a/src/locales/ar.json b/src/locales/ar.json
index 3f0b172..0978826 100644
--- a/src/locales/ar.json
+++ b/src/locales/ar.json
@@ -30,6 +30,7 @@
   "current_salary": "الراتب الحالي：",
   "todays_task": "مهمة اليوم:",
   "platform_policy": "سياسة المنصة",
+  "cp_reward": "مكافأة CP",
   "num_teams": "عدد الفريق:",
   "team_top_up": "الفريق قيمة",
   "bd_income_top_up": "BD دخل (شحن)",
diff --git a/src/locales/bn.json b/src/locales/bn.json
index 7de0806..33ddb57 100644
--- a/src/locales/bn.json
+++ b/src/locales/bn.json
@@ -30,6 +30,7 @@
   "current_salary": "বর্তমান বেতন:",
   "todays_task": "আজকের কাজ:",
   "platform_policy": "প্ল্যাটফর্ম নীতি",
+  "cp_reward": "CP পুরস্কার",
   "num_teams": "দলের সংখ্যা:",
   "team_top_up": "দল টপ-আপ",
   "bd_income_top_up": "বিডি আয় (টপ-আপ)",
diff --git a/src/locales/en.json b/src/locales/en.json
index 19034cd..061505f 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -30,6 +30,7 @@
   "current_salary": "Current salary：",
   "todays_task": "Today's task:",
   "platform_policy": "Platform Policy",
+  "cp_reward": "CP reward",
   "num_teams": "Number Of Teams：",
   "team_top_up": "Team top-up",
   "bd_income_top_up": "BD Income (Top-up)",
diff --git a/src/locales/tr.json b/src/locales/tr.json
index 46d4f84..3d7b449 100644
--- a/src/locales/tr.json
+++ b/src/locales/tr.json
@@ -30,6 +30,7 @@
   "current_salary": "Mevcut maaş:",
   "todays_task": "Bugünün görevi:",
   "platform_policy": "Platform Politikası",
+  "cp_reward": "CP ödülü",
   "num_teams": "Takım Sayısı:",
   "team_top_up": "Takım yükleme",
   "bd_income_top_up": "BD Geliri (Yükleme)",
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 2b96771..4be2af5 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -30,6 +30,7 @@
   "current_salary": "当前薪资：",
   "todays_task": "今日任务：",
   "platform_policy": "平台政策",
+  "cp_reward": "CP奖励",
   "num_teams": "团队数量:",
   "team_top_up": "团队充值",
   "bd_income_top_up": "BD收入（充值）",
diff --git a/src/router/index.js b/src/router/index.js
index a123f07..7466831 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -380,6 +380,13 @@ const router = createRouter({
       meta: { requiresAuth: true },
     }, //北京时间每周一早上5点刷新
 
+    {
+      path: '/cp-reward',
+      name: 'cp-reward',
+      component: () => import('../views/CPReward/index.vue'),
+      meta: { requiresAuth: true },
+    },
+
     // 固定活动
     {
       path: '/recharge-reward',
diff --git a/src/utils/permissionManager.js b/src/utils/permissionManager.js
index 6bbacc1..1f2cb11 100644
--- a/src/utils/permissionManager.js
+++ b/src/utils/permissionManager.js
@@ -80,6 +80,8 @@ export const ROLE_PERMISSIONS = {
     ...RANKING_PAGES, //排行榜
     ...ACTIVITIES, //活动页面
 
+    '/cp-reward', //情侣奖励说明页面
+
     '/recharge', //搜索充值对象页面
     '/recharge-pay-way', //充值方式页面
     '/recharge-guide', //充值引导页面
diff --git a/src/views/CPReward/index.vue b/src/views/CPReward/index.vue
new file mode 100644
index 0000000..f033ac9
--- /dev/null
+++ b/src/views/CPReward/index.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="fullPage">
+    <GeneralHeader :title="t('cp_reward')" :isHomePage="true" color="black" class="page-header" />
+
+    <div v-if="isLoading" class="loading-container">
+      <LoadingSpinner />
+      <p>{{ t('loading') }}...</p>
+    </div>
+
+    <div v-show="!isLoading" class="reward-content">
+      <img
+        v-for="imageName in rewardImages"
+        :key="imageName"
+        v-smart-img
+        :src="imageUrl(getImgName(imageName))"
+        alt=""
+        class="reward-image"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, onMounted, ref } from 'vue'
+import { connectToApp } from '@/utils/appConnector.js'
+import { useI18n } from 'vue-i18n'
+import { useLangStore } from '@/stores/lang'
+import { getWebpUrl } from '@/config/imagePaths.js'
+import { preloadImages } from '@/utils/image/imagePreloader.js'
+import GeneralHeader from '@/components/GeneralHeader.vue'
+
+const isLoading = ref(true)
+const rewardImages = ['CP1', 'CP2', 'CP3']
+
+const { t } = useI18n()
+const langStore = useLangStore()
+
+const currentLangType = computed(() => {
+  return langStore.selectedLang?.type || 'en'
+})
+
+const imageUrl = (filename) => getWebpUrl('Activities/CPReward/', filename)
+
+const getImgName = (filename) => {
+  return currentLangType.value === 'en' ? filename : `${filename}_${currentLangType.value}`
+}
+
+const preloadCriticalImages = async () => {
+  await preloadImages(rewardImages.map((imageName) => imageUrl(getImgName(imageName))))
+}
+
+const completePreloading = async () => {
+  try {
+    await preloadCriticalImages()
+  } catch (error) {
+    console.error('Image preloading failed:', error)
+  } finally {
+    isLoading.value = false
+  }
+}
+
+const connectToAppHandler = async () => {
+  await connectToApp(() => {
+    completePreloading()
+  })
+}
+
+onMounted(() => {
+  connectToAppHandler()
+})
+</script>
+
+<style lang="scss" scoped>
+* {
+  color: #fff;
+}
+
+.fullPage {
+  width: 100vw;
+  height: 100vh;
+  background-image: url(../../assets/images/Azizi/secondBg.png);
+  overflow-x: hidden;
+  overflow-y: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.fullPage::-webkit-scrollbar {
+  display: none;
+}
+
+.page-header {
+  position: relative;
+  z-index: 999;
+  background: transparent;
+}
+
+.loading-container {
+  width: 100vw;
+  min-height: calc(100vh - 60px);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: #666;
+  overflow: hidden;
+  position: relative;
+}
+
+.reward-content {
+  width: 100vw;
+  height: 100vh;
+  overflow-x: hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.reward-content::-webkit-scrollbar {
+  display: none;
+}
+
+.reward-image {
+  display: block;
+  width: 100vw;
+  object-fit: cover;
+}
+
+@media screen and (max-width: 360px) {
+  * {
+    font-size: 10px;
+  }
+}
+
+@media screen and (min-width: 360px) {
+  * {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  * {
+    font-size: 24px;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  * {
+    font-size: 32px;
+  }
+}
+</style>