<template>
    <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'),
            // LayoutContent: () => import('./components/LayoutContent.vue'),
            MediationRoom: () => import('./components/MediationRoom.vue'),
        },
        data() {
            return {
              
            };
        },
        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>
<style lang="scss">

</style>