水印demo

src/dashoo.cn/frontend_web/src/assets/js/watermark.js

@@ -0,0 +1,52 @@
+
+'use strict'
+
+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 = 150
+  can.height = 120
+
+  let cans = can.getContext('2d')
+  cans.rotate(-20 * Math.PI / 180)
+  cans.font = '20px Vedana'
+  cans.fillStyle = 'rgba(200, 200, 200, 0.20)'
+  cans.textAlign = 'left'
+  cans.textBaseline = 'Middle'
+  cans.fillText(str, can.width / 3, can.height / 2)
+
+  let div = document.createElement('div')
+  div.id = id
+  div.style.pointerEvents = 'none'
+  div.style.top = '70px'
+  div.style.left = '0px'
+  div.style.position = 'fixed'
+  div.style.zIndex = '100000'
+  div.style.width = document.documentElement.clientWidth - 100 + 'px'
+  div.style.height = document.documentElement.clientHeight - 100 + 'px'
+  div.style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
+  document.body.appendChild(div)
+  return id
+}
+
+// 该方法只允许调用一次
+watermark.set = (str) => {
+  let id = setWatermark(str)
+  setInterval(() => {
+    if (document.getElementById(id) === null) {
+      id = setWatermark(str)
+    }
+  }, 500)
+  window.onresize = () => {
+    setWatermark(str)
+  }
+}
+
+export default watermark

src/dashoo.cn/frontend_web/src/pages/select/companyselect/index.vue

@@ -677,6 +677,7 @@ import FileSaver from 'file-saver'
 import XLSX from 'xlsx'
 import oapi from '@/api/oilsupplier/supplier'
 import dataapi from '@/api/oilsupplier/dataentry'
+//import watermark from '@/assets/js/watermark'
 export default {
   created () {
     Object.assign(this.searchFormReset, this.searchForm)
@@ -684,6 +685,7 @@ export default {
     this.getDictOptions()
     this.initDatas()
     this.initNftOptions()
+    //watermark.set("大港油田企业法规处")
   },
   data () {
     return {