修改水印

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,

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>