修改水印细节

jero-web/src/App.vue

@@ -75,6 +75,13 @@
 
     },
     watch:{
+       $route:function(val) {
+         this.$nextTick(() => {
+           if (document.getElementsByClassName('ant-card-body').length > 0){
+             this.$watermark.set('fanqiangqiang 范强强')
+           }
+         })
+       }
     },
     computed:{
     },

jero-web/src/assets/watermark.js

@@ -1,34 +1,18 @@
 let watermark = {}
 let setWatermark = (str) => {
   let id = '1.23452384164.123412415'
-
   if (document.getElementById(id) !== null) {
     document.body.removeChild(document.getElementById(id))
   }
-
   let can = document.createElement('canvas')
-  can.width = 190
-  can.height = 120
-
   let cans = can.getContext('2d')
   cans.rotate(-30 * Math.PI / 180)
-  cans.font = '15px Vedana'
+  cans.font = '13px Vedana'
   cans.fillStyle = '#f4f4f4'
   cans.textAlign = 'left'
   cans.textBaseline = 'Middle'
-  cans.fillText(str, can.width / 20, can.height)
+  cans.fillText(str, 10,120)
-
+  document.getElementsByClassName('ant-card-body')[0].style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
-  let div = document.createElement('div')
-  div.id = id
-  div.style.pointerEvents = 'none'
-  div.style.top = '-30px'
-  div.style.left = '0px'
-  div.style.position = 'absolute'
-  div.style.zIndex = '1'
-  div.style.width = '100%'
-  div.style.height = '100%'
-  div.style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
-  document.getElementsByClassName('main')[0].appendChild(div)
   return id
 }
 

jero-web/src/components/layouts/RouteView.vue

@@ -9,10 +9,10 @@
 
 <script>
   import Vue from 'vue'
-  import { CACHE_INCLUDED_ROUTES } from "@/store/mutation-types"
+  import { CACHE_INCLUDED_ROUTES } from '@/store/mutation-types'
 
   export default {
-    name: "RouteView",
+    name: 'RouteView',
     computed: {
       //update-begin--Author:scott  Date:20201015 for：路由缓存问题，关闭了tab页时再打开就不刷新 #842
       includedComponents() {
@@ -24,16 +24,16 @@
             cacheRouterArray.push(this.$route.meta.componentName)
             // cacheRouterArray.push("OnlCgformHeadList")
             Vue.ls.set(CACHE_INCLUDED_ROUTES, cacheRouterArray)
-            return cacheRouterArray;
+            return cacheRouterArray
           }
         }
-        return includedRouters;
+        return includedRouters
       },
       //update-end--Author:scott  Date:20201015 for：路由缓存问题，关闭了tab页时再打开就不刷新 #842
       keepAlive() {
         return this.$route.meta.keepAlive
       }
-    },
+    }
   }
 </script>
 <style>

jero-web/src/components/layouts/TabLayout.vue

@@ -100,9 +100,7 @@
       this.activePage = currentRoute.fullPath
     },
     mounted() {
-      this.$nextTick(() => {
+
-        this.$watermark.set('测试水印')
-      })
     },
     watch: {
       '$route': function(newRoute) {
@@ -131,7 +129,6 @@
           let oldPositionRoute = this.pageList[oldIndex]
           this.pageList.splice(oldIndex, 1, Object.assign({}, newRoute, { meta: oldPositionRoute.meta }))
         }
-        this.$watermark.set('测试水印')
       },
       'activePage': function(key) {
         let index = this.linkList.lastIndexOf(key)
@@ -435,12 +432,11 @@
 
   .main {
     position: relative;
-    background: #fff;
   }
 
   .ant-card {
     z-index: 999;
-    background: transparent !important;
+    background: #fff;
   }
   .ant-input{
     background: transparent !important;