From 9678e95f4e4091b69236b6ab52f4729e328a3481 Mon Sep 17 00:00:00 2001 From: "[li_she]" <[li.she@xujiesoft.com]> Date: Tue, 27 Jul 2021 09:37:08 +0800 Subject: [PATCH] =?UTF-8?q?lodop=E6=89=93=E5=8D=B0/=E9=A1=B5=E9=9D=A2table?= =?UTF-8?q?=E9=AB=98=E5=BA=A6=E8=87=AA=E9=80=82=E5=BA=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/js/LodopFuncs.js | 146 ---------------------- src/utils/LodopFuncs.js | 45 +++++++ src/views/common/home.vue | 2 +- src/views/modules/sys/language/common.vue | 41 +++++- src/views/modules/sys/log.vue | 11 +- 5 files changed, 95 insertions(+), 150 deletions(-) delete mode 100644 src/assets/js/LodopFuncs.js create mode 100644 src/utils/LodopFuncs.js diff --git a/src/assets/js/LodopFuncs.js b/src/assets/js/LodopFuncs.js deleted file mode 100644 index 98a8446..0000000 --- a/src/assets/js/LodopFuncs.js +++ /dev/null @@ -1,146 +0,0 @@ -//==本JS是加载Lodop插件及CLodop服务的综合示例，可直接使用，建议看懂后融进自己页面程序== - -var CreatedOKLodopObject, CLodopIsLocal, CLodopJsState; - -//==判断是否需要CLodop(那些不支持插件的浏览器):== -function needCLodop() { - try { - var ua = navigator.userAgent; - if (ua.match(/Windows\sPhone/i)) - return true; - if (ua.match(/iPhone|iPod|iPad/i)) - return true; - if (ua.match(/Android/i)) - return true; - if (ua.match(/Edge\D?\d+/i)) - return true; - - var verTrident = ua.match(/Trident\D?\d+/i); - var verIE = ua.match(/MSIE\D?\d+/i); - var verOPR = ua.match(/OPR\D?\d+/i); - var verFF = ua.match(/Firefox\D?\d+/i); - var x64 = ua.match(/x64/i); - if ((!verTrident) && (!verIE) && (x64)) - return true; - else if (verFF) { - verFF = verFF[0].match(/\d+/); - if ((verFF[0] >= 41) || (x64)) - return true; - } else if (verOPR) { - verOPR = verOPR[0].match(/\d+/); - if (verOPR[0] >= 32) - return true; - } else if ((!verTrident) && (!verIE)) { - var verChrome = ua.match(/Chrome\D?\d+/i); - if (verChrome) { - verChrome = verChrome[0].match(/\d+/); - if (verChrome[0] >= 41) - return true; - } - } - return false; - } catch (err) { - return true; - } -} - -//==加载引用CLodop的主JS,用双端口8000和18000(以防其中一个被占):== -function loadCLodop() { - if (CLodopJsState == "loading" || CLodopJsState == "complete") return; - CLodopJsState = "loading"; - var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement; - var JS1 = document.createElement("script"); - var JS2 = document.createElement("script"); - JS1.src = "http://localhost:8000/CLodopfuncs.js?priority=1"; - JS2.src = "http://localhost:18000/CLodopfuncs.js"; - JS1.onload = JS2.onload = function() {CLodopJsState = "complete";} - JS1.onerror = JS2.onerror = function(evt) {CLodopJsState = "complete";} - head.insertBefore(JS1, head.firstChild); - head.insertBefore(JS2, head.firstChild); - CLodopIsLocal = !!((JS1.src + JS2.src).match(/\/\/localho|\/\/127.0.0./i)); -} - -if (needCLodop()){loadCLodop();}//加载 - -//==获取LODOP对象主过程,判断是否安装、需否升级:== -function getLodop(oOBJECT, oEMBED) { - var strHtmInstall = "
打印控件未安装!点击这里执行安装,安装后请刷新页面或重新进入。"; - var strHtmUpdate = "
打印控件需要升级!点击这里执行升级,升级后请重新进入。"; - var strHtm64_Install = "
打印控件未安装!点击这里执行安装,安装后请刷新页面或重新进入。"; - var strHtm64_Update = "
打印控件需要升级!点击这里执行升级,升级后请重新进入。"; - var strHtmFireFox = "

（注意：如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它）"; - var strHtmChrome = "

(如果此前正常，仅因浏览器升级或重安装而出问题，需重新执行以上安装）"; - var strCLodopInstall_1 = "
Web打印服务CLodop未安装启动，点击这里下载执行安装"; - var strCLodopInstall_2 = "
（若此前已安装过，可点这里直接再次启动）"; - var strCLodopInstall_3 = "，成功后请刷新本页面。"; - var strCLodopUpdate = "
Web打印服务CLodop需升级!点击这里执行升级,升级后请刷新页面。"; - var LODOP; - try { - var ua = navigator.userAgent; - var isIE = !!(ua.match(/MSIE/i)) || !!(ua.match(/Trident/i)); - if (needCLodop()) { - try { - LODOP = getCLodop(); - } catch (err) {} - if (!LODOP && CLodopJsState !== "complete") { - if (CLodopJsState == "loading") alert("网页还没下载完毕，请稍等一下再操作."); else alert("没有加载CLodop的主js，请先调用loadCLodop过程."); - return; - } - if (!LODOP) { - document.body.innerHTML = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : "") + strCLodopInstall_3 + document.body.innerHTML; - return; - } else { - if (CLODOP.CVERSION < "4.1.2.7") { - document.body.innerHTML = strCLodopUpdate + document.body.innerHTML; - } - if (oEMBED && oEMBED.parentNode) - oEMBED.parentNode.removeChild(oEMBED); //清理旧版无效元素 - if (oOBJECT && oOBJECT.parentNode) - oOBJECT.parentNode.removeChild(oOBJECT); - } - } else { - var is64IE = isIE && !!(ua.match(/x64/i)); - //==如果页面有Lodop就直接使用,否则新建:== - if (oOBJECT || oEMBED) { - if (isIE) - LODOP = oOBJECT; - else - LODOP = oEMBED; - } else if (!CreatedOKLodopObject) { - LODOP = document.createElement("object"); - LODOP.setAttribute("width", 0); - LODOP.setAttribute("height", 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"); - else - LODOP.setAttribute("type", "application/x-print-lodop"); - document.documentElement.appendChild(LODOP); - CreatedOKLodopObject = LODOP; - } else - LODOP = CreatedOKLodopObject; - //==Lodop插件未安装时提示下载地址:== - if ((!LODOP) || (!LODOP.VERSION)) { - if (ua.indexOf('Chrome') >= 0) - document.body.innerHTML = strHtmChrome + document.body.innerHTML; - if (ua.indexOf('Firefox') >= 0) - document.body.innerHTML = strHtmFireFox + document.body.innerHTML; - document.body.innerHTML = (is64IE ? strHtm64_Install : strHtmInstall) + document.body.innerHTML; - return LODOP; - } - } - if (LODOP.VERSION < "6.2.2.6") { - if (!needCLodop()) - document.body.innerHTML = (is64IE ? strHtm64_Update : strHtmUpdate) + document.body.innerHTML; - } - //===如下空白位置适合调用统一功能(如注册语句、语言选择等):== - - - //======================================================= - return LODOP; - } catch (err) { - alert("getLodop出错:" + err); - } -} - -export default getLodop diff --git a/src/utils/LodopFuncs.js b/src/utils/LodopFuncs.js new file mode 100644 index 0000000..2539de2 --- /dev/null +++ b/src/utils/LodopFuncs.js @@ -0,0 +1,45 @@ +import { MessageBox } from 'element-ui' + +// ====页面动态加载C-Lodop云打印必须的文件CLodopfuncs.js==== +var head = document.head || document.getElementsByTagName('head')[0] || document.documentElement +var oscript = document.createElement('script') +// 让本机的浏览器打印(更优先一点)： +oscript = document.createElement('script') +oscript.src = 'http://localhost:8000/CLodopfuncs.js?priority=2' +head.insertBefore(oscript, head.firstChild) +// 加载双端口(8000和18000）避免其中某个端口被占用： +oscript = document.createElement('script') +oscript.src = 'http://localhost:18000/CLodopfuncs.js?priority=1' +head.insertBefore(oscript, head.firstChild) + +// 下载loadLodop +function loadLodop() { + window.open('../../static/Lodop/CLodop_Setup_for_Win32NT.exe') +} + +// ====获取LODOP对象的主过程：==== +function getLodop() { + var LODOP + try { + LODOP = getCLodop() + if (!LODOP && document.readyState !== 'complete') { + MessageBox.alert('C-Lodop打印控件还没准备好，请稍后再试！') + return + } + return LODOP + } catch (err) { + MessageBox({ + title: '温馨提示', + type: 'warning', + showCancelButton: true, + message: '您还未安装打印控件，点击确定下载打印控件，安装成功后刷新页面即可进行打印', + callback: res => { + if (res === 'confirm') { + loadLodop() + } + } + }) + } +} + +export default getLodop diff --git a/src/views/common/home.vue b/src/views/common/home.vue index 37b3795..ae7deb3 100644 --- a/src/views/common/home.vue +++ b/src/views/common/home.vue @@ -2,7 +2,7 @@

项目介绍