fix: 水印透传事件

src/components/view_file/components/index.less

@@ -1,6 +1,6 @@
 .preview-wrapper {
   padding: 20px 40px;
-  height: ~'calc(100vh - 320px)';
+  height: ~"calc(100vh - 320px)";
   width: 100%;
   overflow: scroll;
   .loading-process {
@@ -18,14 +18,17 @@
     height: fit-content;
     position: relative;
     .preview-mark {
-      position: absolute;
+      position: fixed;
+      inset: 0;
       width: 100%;
       height: 100%;
-      z-index: 99;
-      opacity: .7;
+      z-index: 999;
+      opacity: 0.7;
+      pointer-events: none;
+      user-select: none;
     }
   }
   .error-wrapper {
     height: 100%;
   }
-}
+}

src/components/view_file/components/index.vue

@@ -2,7 +2,7 @@
  * @Author: ChenYaJin
  * @Date: 2021-06-16 14:21:39
  * @LastEditors: LiZhiWei
- * @LastEditTime: 2025-04-16 12:02:48
+ * @LastEditTime: 2025-04-16 14:19:19
  * @Description: 文件柜-预览文件
 -->
 <template>
@@ -36,7 +36,7 @@
                         </div>
                         <template v-if="!showError">
                             <div class="preview-inner" ref="preview-inner">
-                                <!-- <div class="preview-mark" ref="bg-mark" id="bg-mark"></div> -->
+                                <div class="preview-mark" ref="bg-mark" id="bg-mark"></div>
                                 <div v-show="!renderLoading" class="output" ref="output"></div>
                             </div>
                         </template>