From 09c4c57ce7a86a7480e1e970457da98e1db466e9 Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Fri, 21 Feb 2025 10:19:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=B0=B4=E5=8D=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/layout/index.vue         |  3 ++-
 src/pages/mediation-page/index.vue | 43 +++++++++++++++++++++++++++---
 2 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/pages/layout/index.vue b/src/pages/layout/index.vue
index bb322b1..0e6728d 100644
--- a/src/pages/layout/index.vue
+++ b/src/pages/layout/index.vue
@@ -41,6 +41,7 @@ export default {
             let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
             let watermark_txt = userInfo.realName + ' '+ userInfo.phone
             let options = {
+                watermark_parent_node: this.$refs.watermarkContainer,
                 // 水印内容
                 watermark_txt: watermark_txt,
                 // 水印起始位置x轴坐标
@@ -71,7 +72,7 @@ export default {
                 watermark_angle: 15
             }
 
-            watermark.init(options);
+            watermark.load(options);
             // watermark.load({
             //     watermark_txt: '水印文本',
             //     watermark_parent_node: this.$refs.watermarkContainer,
diff --git a/src/pages/mediation-page/index.vue b/src/pages/mediation-page/index.vue
index 734b46a..1df788a 100644
--- a/src/pages/mediation-page/index.vue
+++ b/src/pages/mediation-page/index.vue
@@ -1,10 +1,11 @@
 <template>
-    <div class="layout-wrap">
+    <div class="layout-wrap" ref="watermarkContainer">
         <!-- <LayoutHeader /> -->
         <MediationRoom />
     </div>
 </template>
 <script>
+import watermark from 'watermark-dom';
     export default {
         components: {
             // LayoutHeader: () => import('@/pages/layout/components/LayoutHeader'),
@@ -17,10 +18,46 @@
             };
         },
         async created() {
-       
+            this.addWatermark()
         },
         methods: {
-           
+            addWatermark() {
+                let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
+                let watermark_txt = userInfo.realName + ' '+ userInfo.phone
+                let options = {
+                    watermark_parent_node: this.$refs.watermarkContainer,
+                    // 水印内容
+                    watermark_txt: watermark_txt,
+                    // 水印起始位置x轴坐标
+                    watermark_x: 20,
+                    // 水印起始位置Y轴坐标
+                    watermark_y: 20,
+                    // 水印行数
+                    watermark_rows: 5,
+                    // 水印列数
+                    watermark_cols: 10,
+                    // 水印x轴间隔
+                    watermark_x_space: 150,
+                    // 水印y轴间隔
+                    watermark_y_space: 150,
+                    // 水印字体颜色
+                    watermark_color: '#aaa',
+                    // 水印透明度
+                    watermark_alpha: 0.2,
+                    // 水印字体大小
+                    watermark_fontsize: '15px',
+                    // 水印字体
+                    watermark_font: '微软雅黑',
+                    // 水印宽度
+                    watermark_width: 210,
+                    // 水印长度
+                    watermark_height: 80,
+                    // 水印倾斜度数
+                    watermark_angle: 15
+                }
+
+                watermark.load(options);
+            },
         }
     };
 </script>