请到C-Lodop官网下载插件1.在src/utils中添加LodopFuncs.js文件varCreatedOKLodop7766=null,CLodopIsLocal;//====判断是否需要WebPrintingServiceCLodop:===//===(不支持插件的浏览器版本需要使用)===exportfunctionneedCLodop(){try{varua=navigator.userAgent;如果(ua.match(/WindowsPhone/i))返回真;如果(ua.match(/iPhone|iPod|iPad/i))返回真;如果(ua.match(/Android/i))返回真;如果(ua.match(/EdgeD?d+/i))返回真;varverTrident=ua.match(/TridentD?d+/i);varverIE=ua.match(/MSIED?d+/i);varverOPR=ua.match(/OPRD?d+/i);varverFF=ua.match(/FirefoxD?d+/i);varx64=ua.match(/x64/i);如果((!verTrident)&&(!verIE)&&(x64))返回真;elseif(verFF){verFF=verFF[0].match(/d+/);如果((verFF[0]>=41)||(x64))返回真;}elseif(verOPR){verOPR=verOPR[0].match(/d+/);如果(verOPR[0]>=32)返回真;}elseif((!verTrident)&&(!verIE)){varverChrome=ua.match(/ChromeD?d+/i);如果(verChrome){verChrome=verChrome[0].匹配(/d+/);如果(verChrome[0]>=41)返回真;}}返回假;}catch(err){返回真;}}//====页面引用CLodop云打印必要的JS文件,使用双端口(8000和18000)避免其中一个端口被占用:====if(needCLodop()){varsrc1="http://localhost:8000/CLodopfuncs.js?priority=1";varsrc2="http://localhost:18000/CLodopfuncs.js?priority=0";varhead=文档.head||document.getElementsByTagName(“头”)[0]||文档.文档元素;varoscript=document.createElement("脚本");oscript.src=src1;head.insertBefore(oscript,head.firstChild);oscript=document.createElement("脚本");oscript.src=src2;head.insertBefore(oscript,head.firstChild);CLodopIsLocal=!!((src1+src2).match(///localho|//127.0.0./i));}//====获取LODOP对象的主进程:====exportfunctiongetLodop(oOBJECT,oEMBED){varstrHtmInstall="
未安装打印控件!点这里执行安装,安装后请刷新页面或重新进入";varstrHtmUpdate="
打印控件需要升级!点击此处执行升级,升级后请重新进入。";varstrHtm64_Install="
未安装打印控件!点击此处执行安装,安装完成后请刷新页面或重新进入。";varstrHtm64_Update="
打印控件需要升级!点击此处执行升级,升级后请重新进入。";varstrHtmFireFox="
(注意:如果您已经安装了旧的Lodop附件npActiveXPlugin,请到【工具】->【附加组件】->[Extension]Uninstallitfirst)";varstrHtmChrome="
(如果之前正常,问题只是浏览器升级或重新安装,需要重新执行上面的安装)";varstrCLodopInstall_1="
网页打印服务CLodop没有安装启动,点这里下载并执行安装";varstrCLodopInstall_2="
(如果之前安装过,可以点击这里重新开始)";varstrCLodopInstall_3=",成功后请刷新此页面。";varstrCLodopUpdate="
Web打印服务CLodop需要升级!点击此处执行升级,升级后请刷新页面。";varLODOP;try{varua=navigator.userAgent;varisIE=!!(ua.match(/MSIE/i))||!!(ua.match(/Trident/i));if(needCLodop()){try{LODOP=getCLodop();}catch(err){}if(!LODOP&&document.readyState!=="complete"){alert("页面尚未下载,请等待再做一次。”);return;}if(!LODOP){//document.body.innerHTML=strCLodopInstall_1+(CLodopIsLocal?strCLodopInstall_2:"")+strCLodopInstall_3+document.body.innerHTML;return;}else{if(CLODOP.CVERSION<"3.0.8.3"){document.body.innerHTML=strCLodopUpdate+document.body.innerHTML;}if(oEMBED&&oEMBED.parentNode)oEMBED.parentNode.removeChild(oEMBED);if(oOBJECT&&oOBJECT.parentNode)oOBJECT.parentNode.removeChild(oOBJECT);}}else{varis64IE=isIE&&!!(ua.match(/x64/i));//=====如果页面有Lodop,??直接使用,如果不是New:==========if(oOBJECT||oEMBED){if(isIE)LODOP=oOBJECT;elseLODOP=oEMBED;}elseif(!CreatedOKLodop7766){LODOP=document.createElement("对象");LODOP.setAttribute("宽度",0);LODOP.setAttribute("高度",0);LODOP.setAttribute("style","position:absolute;left:0px;top:-100px;width:0px;height:0px;");if(isIE)LODOP.setAttribute("classid","clsid:2105C259-1E0C-4534-8141-A753534CB4CA");否则LODOP.setAttribute("type","application/x-print-lodop");document.documentElement.appendChild(LODOP);CreatedOKLodop7766=LODOP;}否则LODOP=CreatedOKLodop7766;//=====Lodop插件未安装时提示下载地址:==========if((!LODOP)||(!LODOP.VERSION)){if(ua.indexOf('Chrome')>=0)document.body.innerHTML=strHtmChrome+document.body.innerHTML;如果(ua.indexOf('Firefox')>=0)document.body.innerHTML=strHtmFireFox+document.body.innerHTML;document.body.innerHTML=(is64IE?strHtm64_Install:strHtmInstall)+document.body.innerHTML;返回LODOP;}}if(LODOP.VERSION<"6.2.2.6"){if(!needCLodop())document.body.innerHTML=(is64IE?strHtm64_Update:strHtmUpdate)+文档.body.innerHTML;}//===以下空白位置适合调用统一功能(如注册语句、语言选择等):==//添加注册码,打印不会出现“本页由lodop试用版"LODOP.SET_LICENSES("","XXXXX","XXXX","");//============================================================返回LODOP;}catch(err){alert("getLodoperror:"+err);}}2、Pagereferenceimport{getLodop}from'@/utils/LodopFuncs'3、vue中的html代码打印全部直接打印打印预览打印维护打印设计打印所有直接打印打印预览打印维护打印设计jsprintPreview(s,index){this.CreateOneFormPage(index)if(s==0){LODOP.PRINT()//直接打印}if(s==1){LODOP.PREVIEW()//打印预览}if(s==2){LODOP.PRINT_SETUP()//打印维护}if(s==3){LODOP.PRINT_DESIGN()//打印设计}},CreateOneFormPage(index){LODOP=getLodop()LODOP.PRINT_INIT("");//初始化打印标题if(index=='all'){for(leti=0;i.no-print{display:none}</style>"//以绝对定位居中LODOP.ADD_PRINT_HTM(0,0,'100%','100%',strStyleCSS+document.getElementById('printContent'+i).innerHTML);LODOP.NewPage();//分页打印}}else{varstrStyleCSS=""LODOP.ADD_PRINT_HTM(0,0,'100%','100%',strStyleCSS+document.getElementById('printContent'+index).innerHTML);LODOP.NewPage();}