研报报告详情增加影藏的水印

src/views/hzyb/Index.vue

@@ -148,6 +148,27 @@ const handleCloseAudioPup=()=>{
     -ms-user-select: none;
     -khtml-user-select:none;
 }
+#report-rich-content{
+  position: relative;
+  .hide-watermark-box{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    font-size: 40px;
+    z-index: 999999;
+    background: transparent;
+    left: 0;
+    top: 0;
+    pointer-events: none;
+    color: rgba(0,0,0,0.005); // 水印蒙层字体颜色设置为白色透明
+  }
+}
+
 </style>
 
 <style lang="scss" scoped>

src/views/hzyb/report/ChapterDetail.vue

@@ -19,13 +19,17 @@
           </div>
         </div>
       </div>
-      <div class="rich-content" ref="richConBox">
+      <div id="report-rich-content" class="rich-content" ref="richConBox">
         <div v-if="info.auth_ok">
           <ul>
               <li v-for="item in realContent" :key="item" v-html="item"></li>
           </ul>
         </div>
         <div v-html="info.report_chapter_item.content_sub" v-else ></div>
+        <!-- 隐藏的水印 -->
+        <div class="hide-watermark-box">
+          <div v-for="item in 20" :key="item">{{userInfo.mobile}}</div>
+        </div>
       </div>
       <!-- 指标数据模块 -->
       <div class="ticker-wrap" v-if="tickerInfo">

src/views/hzyb/report/Detail.vue

@@ -65,13 +65,17 @@
                 </div>
             </div>
 
-            <div class="rich-content" style="position: relative;" ref="richConBox">
+            <div id="report-rich-content" class="rich-content" style="position: relative;" ref="richConBox">
                 <div v-if="info.auth_ok">
                     <ul>
                         <li v-for="item in realContent" :key="item" v-html="item"></li>
                     </ul>
                 </div>
                 <div v-html="info.report_info.content_sub" v-else></div>
+                <!-- 隐藏的水印 -->
+                <div class="hide-watermark-box">
+                    <div v-for="item in 20" :key="item">{{userInfo.mobile}}</div>
+                </div>
             </div>
 
             <!-- 无权限 -->