水印

src/views/activity/ChapterDetail.vue

@@ -1,11 +1,18 @@
 <script setup>
 import Comment from '@/components/Comment.vue'
 import moment from 'moment'
-import {ref,onMounted} from 'vue'
+import {ref,onMounted,nextTick} from 'vue'
 import { useRoute } from 'vue-router'
-const route=useRoute()
+import {useWaterMark} from '@/hooks/waterMark.js'
 
 import {apiGetChapterReportDetail,apiGetReportDetail} from '@/api/activity'
+import { useStore } from 'vuex'
+
+const route=useRoute()
+const store=useStore()
+
+const waterMarkEl=ref('')//水印盒子
+
 let research_report_type_id=ref(route.query.research_report_type_id)
 let info=ref(null)
 const getInfo=async ()=>{
@@ -13,6 +20,11 @@ const getInfo=async ()=>{
     const res=await apiGetChapterReportDetail({research_report_type_id:Number(research_report_type_id.value)})
     if(res.code===200){
         info.value=res.data
+
+        // 设置水印
+        nextTick(()=>{
+            useWaterMark(store.state.userInfo.mobile,waterMarkEl)
+        })
     }
 }
 getInfo()
@@ -88,7 +100,7 @@ const chapterTypeChange=(item)=>{
                     <span style="color:#F3A52F;margin-left:20px;cursor: pointer;" @click="showDisclaimers=true">免责声明</span>
                 </div>
             </div>
-            <div class="section content-wrap">
+            <div class="section content-wrap" ref="waterMarkEl">
                 <div class="item" v-for="item in info.research_report_type_content_list" :key="item.sort">
                     <h2 class="content-title">{{item.content_type?item.content_type:'核心观点'}}</h2>
                     <div v-html="item.content" class="content-text" @click="clickContent"></div>

src/views/activity/ReportDetail.vue

@@ -1,14 +1,18 @@
 <script setup>
 import Comment from '@/components/Comment.vue'
 import moment from 'moment'
-import {ref,onMounted} from 'vue'
+import {ref,onMounted,nextTick} from 'vue'
 import { useRoute ,useRouter} from 'vue-router'
 import { useStore } from 'vuex';
+import {useWaterMark} from '@/hooks/waterMark.js'
+
 const route=useRoute()
 const router=useRouter()
 const store=useStore()
 moment.locale('zh-cn')
 
+const waterMarkEl=ref('')//水印盒子
+
 import {apiGetReportDetail} from '@/api/activity'
 let info=ref(null)
 const getInfo=async ()=>{
@@ -17,7 +21,12 @@ const getInfo=async ()=>{
         info.value=res.data
         if(['day','week'].includes(res.data.research_report_info.type)){
             store.commit('modifyBreadCrumb',res.data.research_report_info.type=='day'?'晨报':'周报')
+        }else{
+            nextTick(()=>{
+                useWaterMark(store.state.userInfo.mobile,waterMarkEl)
+            })
         }
+
     }
 }
 getInfo()
@@ -133,7 +142,7 @@ let showDisclaimers=ref(false)
                 </div>
                 <div class="sub-title">摘要：{{info.research_report_info.researchReportName.substring(info.research_report_info.researchReportName.indexOf('】')+1)}}</div>
             </div>
-            <div class="section content-wrap">
+            <div class="section content-wrap" ref="waterMarkEl">
                 <div class="item" v-for="item in info.ResearchReportTypeContentList" :key="item.sort">
                     <h2 class="content-title">{{item.content_type?item.content_type:'核心观点'}}</h2>
                     <div v-html="item.content" class="content-text" @click="clickContent"></div>