水印优化

src/views/cygx/index.scss

@@ -243,7 +243,6 @@
      padding-bottom: 65PX;
      font-size: 14PX !important;
    }
-   
    p,
    span {
      font-size: 28px !important;
@@ -251,12 +250,18 @@
      font-size: 14PX !important;
    }
    }
+   p {
+    background-color: rgba(255, 255, 255, 0) !important;
+   }
    img {
      width: 100% !important;
    }
    a {
      color: #333;
    }
+   iframe {
+    width: 100% !important;
+  }
    table {
      border-collapse: collapse;
      width: 100% !important;
@@ -361,9 +366,7 @@
  }
 }
 .container-cygx-bg {
- background-color: #F0F1F5 !important;
  .z-index-content {
-   background-color: #fff;
    width: calc(100% +  68px);
    margin-left: -34px;
    padding:0 30px;
@@ -376,16 +379,6 @@
  -ms-user-select: none;
  user-select: none;
 }
-#tutorial {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- width: 100%;
- height: 100%;
- opacity: 0.1;
- // transform: translateX(130px) rotate(-38deg);
-}
 .van-dialog--round-button .van-dialog__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding: 0 !important;
@@ -415,4 +408,4 @@
 }
 .detail-bottom {
  padding-bottom: 130px;
-}
+}

src/views/cygx/raiReportDtl.vue

@@ -1,7 +1,6 @@
 <template>
   <div :class="['container-cygx', reportInfo.IsResearch && 'no-cv', reportInfo.IsSpecialArticle && 'container-cygx-bg']" v-show="haveData">
-    <canvas id="tutorial" ref="tutorial"></canvas>
-    <div class="z-index-content">
+    <div class="z-index-content" ref="contentBox">
       <div class="content-top">
         <div class="report-title">{{ reportInfo.Title }}</div>
         <div class="report-text">
@@ -122,7 +121,7 @@ const from_type = ref(null);
 const haveData = ref(false);
 const fileLink = ref(false);
 const showTips = ref(false);
-const tutorial = ref(null);
+const contentBox = ref(null);
 /* 访谈接口 */
 const interviewApi = () => {
   RaiApi.applyRpt({
@@ -303,14 +302,14 @@ const waterMark = (text) => {
   let ctx = canvas.getContext("2d");
   ctx.font = "20px Arial";
   ctx.rotate((-45 * Math.PI) / 200);
+  ctx.fillStyle = "#DCDCDC";
   ctx.fillText(text, 30, 160);
   ctx.fillText(text, -40, 80);
 
   // 将canvas的内容转换为base64编码
   let data = canvas.toDataURL("image/png");
-
   // 将容器的的背景图片设置为生成的base64图片,并平铺
-  tutorial.value.style.background = "url(" + data + ") repeat";
+  contentBox.value.style.background = "url(" + data + ") repeat";
 };
 //点击回到搜索页面
 const btnSearch = () => {