Edit files script

.eslintrc

 {
-  "parser": "babel-eslint",
-  "extends": "eslint:recommended",
-  "globals": {
-    "require": true,
-  },
-  "rules": {
-    "strict": 0
-  }
+//  "parser": "babel-eslint",
+//  "extends": "eslint:recommended",
+//  "globals": {
+//    "require": true,
+//  },
+//  "rules": {
+//    "strict": 0
+//  }
 }

package.json

@@ -81,12 +81,15 @@
     "webpack-stream": "^5.2.1"
   },
   "dependencies": {
+    "@babel/polyfill": "^7.8.3",
     "autosize": "^4.0.2",
     "axios": "^0.19.0",
     "baron": "^3.0.3",
     "choices.js": "^6.0.0",
     "closest": "0.0.1",
+    "html2canvas": "^1.0.0-rc.5",
     "jquery": "^3.1.1",
+    "jspdf": "^1.5.3",
     "object-fit-images": "^3.2.3",
     "svg4everybody": "^2.1.8",
     "vee-validate": "^3.0.3",

src/js/script.js

@@ -6,3 +6,45 @@
 
 // const $ = require('jquery');
 // $( document ).ready(function() {});
+
+import jsPDF from 'jspdf';
+import "@babel/polyfill";
+import html2canvas  from "html2canvas";
+
+let orderPdf = document.querySelector('#orderPdf');
+let tableResult = document.querySelector('.table-responsive');
+
+orderPdf.addEventListener('click', function(e)
+{
+  e.preventDefault();
+  html2canvas(tableResult).then(function(canvas)
+  {
+
+    let pdfData = canvas.toDataURL('image/png');
+
+    let byteChars = btoa(pdfData);
+    let bytes = [];
+
+    console.log('File Size:', Math.round(byteChars.length / 1024), 'KB');
+    console.log(byteChars);
+
+    for (let i = 0; i < byteChars.length; i++)
+      bytes[i] = byteChars.charCodeAt(i);
+
+    let blob = new Blob([new Uint8Array(bytes)], {type: 'application/pdf'});
+    // создаём object URL из Blob
+    let downloadUrl = URL.createObjectURL(blob);
+
+    if(window.navigator && window.navigator.msSaveOrOpenBlob)
+        window.navigator.msSaveOrOpenBlob(blob);
+    else
+    {
+      let newWin = window.open(downloadUrl, '_blank', 'width=500,height=300,menubar=yes,scrollbars=yes,status=yes,resizable=yes');
+      newWin.focus();
+      newWin.print(); //чтобы эта строка сработала страница должна быть в сети, т.е. НЕ локально.
+      URL.revokeObjectURL(downloadUrl);
+    }
+
+  });
+});
+

src/pages/calculation-result.pug

@@ -10,12 +10,10 @@ block append head
   //- link(rel='stylesheet', href='css/contacts-styles.css')
 
 block page
-
   //- +breadcrumbs(breadcrumb_chain)
   .container
     h1.title!= title
-
-		.block_yellow-b
+    .block_yellow-b(id='table-content')
       +table-responsive()
         thead
           tr
@@ -33,13 +31,13 @@ block page
           tr
             td
               .d-flex.align-items-center
-								|#[+iconsvg('industrial-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
+                | #[+iconsvg('industrial-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
                 span Отходы кислот и щелочей
             td 2
             td.text-left
-							|31792625203
+              | 31792625203
               br
-							|отходы солей органических кислот и их смесей при технических испытаниях и измерениях
+              | отходы солей органических кислот и их смесей при технических испытаниях и измерениях
             td 2,3 т
             td Московская обл., г. Химки, ул. Мануфактурная, стр. 16
             td 5 000
@@ -50,7 +48,7 @@ block page
           tr
             td
               .d-flex.align-items-center
-								|#[+iconsvg('fluid-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
+                | #[+iconsvg('fluid-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
                 span Отходы кислот и щелочей
             td 2
             td
@@ -64,13 +62,13 @@ block page
           tr
             td
               .d-flex.align-items-center
-								|#[+iconsvg('medical-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
+                | #[+iconsvg('medical-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
                 span Отходы кислот и щелочей
             td 2
             td.text-left
-							|31792625203
+              | 31792625203
               br
-							|отходы солей органических кислот и их смесей при технических испытаниях и измерениях
+              | отходы солей органических кислот и их смесей при технических испытаниях и измерениях
             td 99 т
             td Московская обл., г. Химки, ул. Мануфактурная, стр. 16
             td 35 000
@@ -81,13 +79,13 @@ block page
           tr
             td
               .d-flex.align-items-center
-								|#[+iconsvg('communal-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
+                | #[+iconsvg('communal-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
                 span Отходы кислот и щелочей
             td 2
             td.text-left
-							|31792625203
+              | 31792625203
               br
-							|отходы солей органических кислот и их смесей при технических испытаниях и измерениях
+              | отходы солей органических кислот и их смесей при технических испытаниях и измерениях
             td 99 т
             td Московская обл., г. Химки, ул. Мануфактурная, стр. 16
             td 35 000
@@ -98,13 +96,13 @@ block page
           tr
             td
               .d-flex.align-items-center
-								|#[+iconsvg('lamps-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
+                | #[+iconsvg('lamps-sm', 'pr10', {'width':25,'height':25,'fill':'#4D4D4D'})]
                 span Отходы кислот и щелочей
             td 2
             td.text-left
-							|31792625203
+              | 31792625203
               br
-							|отходы солей органических кислот и их смесей при технических испытаниях и измерениях
+              | отходы солей органических кислот и их смесей при технических испытаниях и измерениях
             td 99 т
             td Московская обл., г. Химки, ул. Мануфактурная, стр. 16
             td 35 000
@@ -112,7 +110,6 @@ block page
             td.onbg 40 000
             td #[+remove('')]
 
-
       .block_yellow-b.text-right
         .h3 Общая стоимость заявки: #[strong.text-nowrap(style='font-size:2.5rem;') 80 000 руб.]
           span(style='display: block; font-size: 1.2rem;') в том числе НДС - 20%
@@ -123,9 +120,8 @@ block page
           +btn('Заказать','primary, sm-full')(href='/')
         .col-md.text-left.mb-20.mb-md-0
           +btn('Вернуться к рассчёту','secondary, sm-full')(href='/')
-
         .col-md.flex-grow-0.mb-20.mb-md-0
-					+btn('Сформировать КП','secondary, sm-full')(href='/')
+          +btn(class='secondary sm-full',id='orderPdf') Сформировать КП
         .col.flex-grow-0.d-none.d-lg-block
           +btn('','secondary')(href='/')
             +icon('i-print', 'flex,print')