PDF导出样式问题

index.html

@@ -16,7 +16,6 @@
     <div id="app">
     	<router-view></router-view>
     </div>
-    <script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
     <script src="https://unpkg.com/qiniu-js@2.2.0/dist/qiniu.min.js"></script>
     <script src="https://cdn.bootcss.com/downloadjs/1.4.8/download.min.js"></script>
     <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>

src/views/learning/item-data-all.vue

@@ -157,6 +157,7 @@
           <el-radio-button label="3">月</el-radio-button>
           <el-radio-button label="4">年</el-radio-button>
         </el-radio-group>
+        <!-- <div class="change-radio">日</div> -->
         <el-table :data="tableDateTime" style="width: 100%">
           <el-table-column prop="date" label="日期" align="center" min-width="100"></el-table-column>
           <el-table-column prop="doctorCount" label="应参与人数" align="center"></el-table-column>
@@ -1006,6 +1007,15 @@ export default {
   background: #fff;
   overflow: hidden;
   // padding: 10px;
+  .change-radio {
+    width:60px;
+    height:34px;
+    background:rgba(68,146,132,1);
+    border-radius:4px 0px 0px 4px;
+    font-size:14px;
+    line-height: 34;
+    text-align: center;
+  }
   .table-empty {
     img {
       height: 24px;

src/views/learning/item-list.vue

@@ -223,7 +223,7 @@ import { openLoading, closeLoading } from "../../utils/utils";
 import * as commonUtil from "../../utils/utils";
 import * as operationData from "../../utils/operation";
 import { log } from "util";
-// import html2Canvas from 'html2canvas';
+import html2Canvas from 'html2canvas';
 import JsPDF from 'jspdf';
 
 let vm = null;
@@ -869,7 +869,7 @@ export default {
       };
       console.log('导出参数opts',opts);
       setTimeout(() => {
-        window.html2canvas(element,opts).then(function(canvas) {
+        html2Canvas(element,opts).then(function(canvas) {
           let contentWidth = canvas.width;
           let contentHeight = canvas.height;
 
@@ -921,6 +921,9 @@ export default {
   .overflow-chart {
     overflow-x: auto;
   }
+  .el-radio-button {
+    display: contents;
+  }
   .component-content {
     // position: relative;
     // background: #fff;