feat：导出 pdf 添加时间

nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue

@@ -761,7 +761,7 @@ export default {
               // document.getElementsByTagName('html')[0].style.overflow = 'visible'
               const position = dom.getBoundingClientRect()
               console.log(position)
-              this.getPdf(dom, -1 * position.left, -1 * position.top)
+              this.getPdf(dom, -1 * position.left, -1 * position.top,this.searchTime)
               // this.getPdf(dom, 0, 0)
             }, 2000)
           }

nezha-fronted/src/components/common/js/htmlToPdf.js

@@ -4,7 +4,7 @@ import { Loading } from 'element-ui' // 此处根据你实际使用的框架的l
 let loading
 export default {
   install (Vue, options) {
-    Vue.prototype.getPdf = function (dom, x, y) { // 传入需要导出的 dom
+    Vue.prototype.getPdf = function (dom, x, y, time) { // 传入需要导出的 dom
       const title = this.htmlTitle || 'pdf'
       // html2Canvas(document.querySelector('#pdfDom'), { //这是在界面上设置一个id
       // 只下载id为pdfDom的内容
@@ -34,14 +34,20 @@ export default {
         console.log(canvas)
         // canvas.paddingTop = '30px'
         const pageDataImg = canvas.toDataURL('image/jpeg', 1.0)
+        const img = new Image()
+        img.src = pageDataImg
+        img.onload = function () {
           const canvasBox = document.createElement('canvas')
           canvasBox.setAttribute('width', contentWidth + 30 + '')
-        canvasBox.setAttribute('height', pageHeight + '')
+          canvasBox.setAttribute('height', contentHeight + '')
           const ctx = canvasBox.getContext('2d')
-        ctx.font = '24 Arial'
-        ctx.strokeStyle = 'rgb(0,0,0)'
-        ctx.strokeText('九段刀客', 10, 10)
-        ctx.drawImage(pageDataImg, 0, 30, contentWidth, contentHeight)
+          ctx.fillStyle = '#fff'
+          ctx.fillRect(0, 0, contentWidth + 30, contentHeight)
+          ctx.font = '12pt Roboto-Regular'
+          ctx.strokeStyle = '#333333'
+          ctx.fillStyle = '#333333'
+          ctx.fillText(time[0] + ' - ' + time[1], 10, 24)
+          ctx.drawImage(this, 0, 30, contentWidth, contentHeight)
           const pageData = canvasBox.toDataURL('image/jpeg', 1.0)
           const PDF = new JsPDF('', 'pt', 'a4')
           // 有两个高度需要区分，一个是html页面的实际高度，和生成pdf的页面高度(841.89)
@@ -59,6 +65,7 @@ export default {
             }
           }
           PDF.save(title + '.pdf')
+        }
       })
     }
     Vue.prototype.showScreenLoading = function (flag) {

nezha-fronted/src/components/page/dashboard/panel.vue

@@ -849,7 +849,7 @@ export default {
               // document.getElementsByTagName('html')[0].style.overflow = 'visible'
               const position = dom.getBoundingClientRect()
               console.log(position)
-              this.getPdf(dom, -1 * position.left, -1 * position.top)
+              this.getPdf(dom, -1 * position.left, -1 * position.top, this.searchTime)
               // this.getPdf(dom, 0, 0)
             }, 2000)
           }
@@ -904,9 +904,6 @@ export default {
       }, 100)
     }
   },
-  beforeDestroy () {
-    this.$store.dispatch('dispatchPanelLock', { flag: true })
-  },
   watch: {
     'filter.searchName': function (n, o) {
       const temp = this
@@ -958,6 +955,7 @@ export default {
     }
   },
   beforeDestroy () {
+    this.$store.dispatch('dispatchPanelLock', { flag: true })
     if (document.querySelector('#tableList')) {
       document.querySelector('#tableList').removeEventListener('mouseenter', this.tableListEnter)
       document.querySelector('#tableList').removeEventListener('mouseleave', this.tableListLeave)

nezha-fronted/static/config.json

@@ -1 +1 @@
-{"baseUrl":"http://192.168.40.42:8080/", "version": "21.04"}
+{"baseUrl":"/", "version": "21.04"}