LODOP打印

1、下载C-Lodop控件

2、创建LodopFuncs.js

import { MessageBox } from "element-ui";

// ====获取LODOP对象的主过程：====
function getLodop() {
  if (!window.LODOP) {
    MessageBox.alert("打印控件还没准备好，请稍后再试！");
    return null;
  }

  return window.LODOP;
}

export default getLodop;

3、使用打印

//引入
import getLodop from "../../utils/LodopFuncs.js";
methods:{
     printReport() {
      //打印
      const LODOP = getLodop();
      if (LODOP) {
        var strBodyStyle = "<style>";
        strBodyStyle += "</style>"; //设置打印样式
        var strFormHtml =
          strBodyStyle + document.getElementById("tableId").innerHTML; //获取打印内容
        LODOP.PRINT_INIT(""); //初始化
        LODOP.SET_PRINT_PAGESIZE(1, "241mm", "280mm"); //设置横向
        LODOP.ADD_PRINT_HTM("5%", "5%", "90%", "98%", strFormHtml); //设置打印内容
        LODOP.PRINT();
        // LODOP.PREVIEW();
      }
    },
},
//调用 this.printReport()