【需求 21096】 perf: 优化关于特定视频奖励的逻辑，针对用户userId做区分

src/views/videoDetail/components/rewardFullSetToast.vue

@@ -156,6 +156,13 @@ defineExpose({
 </script>
 
 <style scoped>
+/*
+ * 旧系统 / 老 WebView 上可能不稳的样式（按需降级或接受无动效）：
+ * - backdrop-filter、filter: blur / drop-shadow
+ * - min()、inset 简写、place-items
+ * - @keyframes 里使用 var(--x) / calc(var(--x) + …)（极老内核可能忽略）
+ * - linear-gradient 多图层：已给 .continue-btn 等关键控件加 background-color 兜底
+ */
 .fullset-mask {
   position: fixed;
   inset: 0;
@@ -504,7 +511,10 @@ defineExpose({
   pointer-events: auto;
   appearance: none;
   border: 1px solid rgba(255, 255, 255, 0.22);
-  background: linear-gradient(135deg, rgba(251, 191, 36, 0.95), rgba(245, 158, 11, 0.92));
+  /* 旧环境 linear-gradient 失效时仍有实色底（避免白底看不见） */
+  background-color: #f59e0b;
+  background-image: -webkit-linear-gradient(315deg, #fcd34d, #f59e0b);
+  background-image: linear-gradient(135deg, rgba(251, 191, 36, 0.95), rgba(245, 158, 11, 0.92));
   color: rgba(17, 24, 39, 0.95);
   font-weight: 900;
   letter-spacing: 0.03em;

src/views/videoDetail/index.vue

@@ -339,6 +339,8 @@ import {
 } from '@/constants'
 import { push } from 'notivue'
 import { useStorage } from '@vueuse/core'
+import { useUserStore } from '@/stores'
+import { storeToRefs } from 'pinia'
 
 const route = useRoute()
 const videoId = Number(route.params.id)
@@ -352,9 +354,11 @@ const rewardFullSetToastRef = useTemplateRef<InstanceType<typeof RewardFullSetTo
   'rewardFullSetToastRef',
 )
 const commentRef = useTemplateRef<InstanceType<typeof Comment> | null>('commentRef')
-// 关于视频跳出奖励相关的逻辑
+// 关于视频跳出奖励相关的逻辑 // 加入相关的userId作为区别 不然切换账号的时候 本地存储的一直没变
+const userStore = useUserStore()
+const { userInfo } = storeToRefs(userStore)
 
-const watchedSecondsObj = useStorage('watched-seconds-obj', {
+const watchedSecondsObj = useStorage(`watched-seconds-obj-${userInfo.value.userId}`, {
   [SpecificVideoRewardEnum.QA_CHIP]: {
     watchedSeconds: 0,
     hasReward: false,
@@ -432,14 +436,13 @@ const accumulateWatchTime = async (video: HTMLVideoElement) => {
         await rewardToastPromise
         videoRef.value?.pause()
         rewardFullSetToastRef.value?.showFullSetToast()
-        watchedSecondsObj.value = null
       }
     }
   }
 }
 
 const handleTimeUpdate = (event: Event) => {
-  if (showRewardToastComp.value) {
+  if (showRewardToastComp.value && !watchedSecondsObj.value[rewardVideoType.value].hasReward) {
     const video = event.target as HTMLVideoElement
     accumulateWatchTime(video)
   }
@@ -516,6 +519,7 @@ const handleCollect = async (item: ArticleItemDto) => {
 const handleReward = () => {
   rewardDialogRef.value?.open(videoDetail.value.id)
 }
+
 onMounted(async () => {
   const { data } = await getArticleDetail(videoId)
   videoDetail.value = data