echart图标改为svg渲染，避免canvas转图片后打印模糊

src/components/AssessResult/ChartItem/index.jsx

@@ -3,6 +3,7 @@ import style from "../index.less";
 import { Radio} from '@commonComp';
 import echarts from 'echarts';
 import config from "@config";
+import 'zrender/lib/svg/svg';
 /**
  * 来源于后台数据
  * 图表类型
@@ -130,7 +131,7 @@ class Chart extends Component{
     const xAxis = getXAxisArr(type);
     const id = endDate?'chart'+endDate+index:'chart'+index;
     let series = [],names=[],inx=-1;
-    let myChart = echarts.init(document.getElementById(id));
+    let myChart = echarts.init(document.getElementById(id) ,null, {renderer: 'svg'});
 
     const interval = {
       week:24,

src/components/AssessResult/ScaleItem/index.jsx

@@ -32,7 +32,6 @@ class ScaleItem extends Component {
     this.showOption = this.showOption.bind(this);
     this.closeOption = this.closeOption.bind(this);
     this.closeFormula = this.closeFormula.bind(this);
-    this.onPrint = this.onPrint.bind(this);
     this.handleInputformula =this.handleInputformula.bind(this);
   }
   showOption(id){
@@ -261,15 +260,6 @@ class ScaleItem extends Component {
       return this.getDetailItems(it,i);
     });
   }
-  onPrint() {
-    let dom = this.state.showTable?$("#printcontent"):$("#AssistResult");
-    dom.jqprint({
-      debug: false,
-      importCSS: true,
-      printContainer: true,
-      operaSupport: false,
-    });
-  }
   handleInput(e){
     const text = e.target.value;
     this.setState({

src/components/AssessResult/index.less

@@ -163,6 +163,9 @@
   white-space: pre;
   *white-space: pre;
   *word-wrap: break-word;
+  border: 1px solid #bfbfbf;
+  border-radius: 4px;
+  padding: 5px;
 }
 @media print {
   .printShow,.textareaStatic {

src/components/ChronicInfo/index.jsx

@@ -73,16 +73,16 @@ class ChronicInfo extends React.Component{
       printContainer: true,
       operaSupport: false,
     });
-    setTimeout(() => {//把生成的图片和iframe删掉
-      let imgLis = document.querySelectorAll('.canvasImg')
-      let iframe = document.getElementsByTagName('iframe')
-      for(let i = 0;i < imgLis.length;i++){
-        imgLis[i].remove()
-      }
-      for(let i = 0;i < iframe.length;i++){
-        iframe[i].remove()
-      }
-    }, 500);
+    // setTimeout(() => {//把生成的图片和iframe删掉
+    //   let imgLis = document.querySelectorAll('.canvasImg')
+    //   let iframe = document.getElementsByTagName('iframe')
+    //   for(let i = 0;i < imgLis.length;i++){
+    //     imgLis[i].remove()
+    //   }
+    //   for(let i = 0;i < iframe.length;i++){
+    //     iframe[i].remove()
+    //   }
+    // }, 500);
   }
   
   showTableList(id){//量表按钮

src/utils/jqprint.js

@@ -34,18 +34,19 @@ import $ from 'jquery';
         });
       }
     }
-    var canvasLis = $(this).find('canvas');//页面有canvas需要转换为图片
-    if (!canvasLis) {
-      return
-    } else {
-      $("img").remove('.canvasImg')//删除已添加的图片避免多张图片重叠
-      for (var k = 0; k < canvasLis.length; k++) {
-        var context = canvasLis[k];
-        var canvasSrc = context.toDataURL();
-        let canvasImg = "<img class='canvasImg' src='" + canvasSrc + "'>"
-        $(canvasLis[k]).parent().append(canvasImg)
-      }
-    }
+    // var canvasLis = $(this).find('canvas');//页面有canvas需要转换为图片
+    // if (!canvasLis) {
+    //   return
+    // } else {
+    //   $("img").remove('.canvasImg')//删除已添加的图片避免多张图片重叠
+    //   for (var k = 0; k < canvasLis.length; k++) {
+    //     var canvas = canvasLis[k];
+
+    //     var canvasSrc = canvas.toDataURL();
+    //     let canvasImg = "<img class='canvasImg' src='" + canvasSrc + "'>"
+    //     $(canvasLis[k]).parent().append(canvasImg)
+    //   }
+    // }
 
     if (opt.printContainer) { doc.write($element.outer()); }
     else { $element.each(function () { doc.write($(this).html()); }); }