nwe

cd195300 · CRS · 1431b6ab · 616607bd · cd195300 · cd195300
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -9,7 +9,9 @@ module.exports = {
    ],
    "globals": {
        'Atomics': 'readonly',
-        'SharedArrayBuffer': 'readonly'
+        'SharedArrayBuffer': 'readonly',
+        'require': true
    },
    'parserOptions': {
        'ecmaVersion': 2018,

--- a/912功能文档-crs.docx
+++ b/912功能文档-crs.docx
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -12,7 +12,10 @@
    "core-js": "^3.6.4",
    "echarts": "^4.6.0",
    "element-ui": "^2.13.0",
+    "html2canvas": "^1.0.0-rc.5",
    "jquery": "^3.4.1",
+    "jspdf": "^1.5.3",
+    "moment": "^2.24.0",
    "node-sass": "^4.13.1",
    "vue": "^2.6.11",
    "vue-router": "^3.0.7",

--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>XXX工作台</title>
  </head>
  <body>
    <noscript>

--- a/src/components/otherPdf/img/1.png
+++ b/src/components/otherPdf/img/1.png
--- a/src/components/otherPdf/img/2.png
+++ b/src/components/otherPdf/img/2.png
--- a/src/components/otherPdf/img/3.png
+++ b/src/components/otherPdf/img/3.png
--- a/src/components/otherPdf/otherPdf.vue
+++ b/src/components/otherPdf/otherPdf.vue
--- a/src/tools/htmlToPdf.js
+++ b/src/tools/htmlToPdf.js
+// 导出页面为PDF格式
+import html2Canvas from 'html2canvas'
+import JsPDF from 'jspdf'
+import {
+    Message, Loading
+} from 'element-ui'
+let loading;
+export default{
+    install (Vue, options) {
+        Vue.prototype.getPdf = function () {
+            loading = Loading.service({
+                lock: true,
+                text: '正在下载pdf...',
+                background: 'rgba(0,0,0,.5)'
+            });
+            let title = this.htmlTitle
+            html2Canvas(document.querySelector('#pdfDom'), {
+                allowTaint: true
+            }).then(function (canvas) {
+                console.log(canvas)
+                let contentWidth = canvas.width;
+                let contentHeight = canvas.height;
+                if (contentWidth === '' || contentWidth === undefined || contentHeight === '' || contentHeight === undefined) {
+                    loading.close();
+                    Message.error('转换pdf失败，请稍后再试！')
+                }
+                let pageHeight = contentWidth / 595 * 842
+                let leftHeight = contentHeight
+                let position = 0
+                let imgWidth = 595
+                let imgHeight = 595 / contentWidth * contentHeight
+                let pageData = canvas.toDataURL('image/jpeg', 1.0)
+                let PDF = new JsPDF('', 'pt', 'a4')
+                if (leftHeight < pageHeight) {
+                    PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight)
+                } else {
+                    while (leftHeight > 0) {
+                        PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
+                        leftHeight -= pageHeight
+                        position -= 842
+                        if (leftHeight > 0) {
+                            PDF.addPage()
+                        }
+                    }
+                }
+                loading.close();
+                PDF.save(title + '.pdf')
+            })
+        }
+    }
+}