You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
250 lines
10 KiB
250 lines
10 KiB
//==本JS是加载Lodop插件或Web打印服务CLodop/Lodop7的综合示例==
|
|
import { MessageBox } from 'element-ui'
|
|
|
|
//用双端口加载主JS文件Lodop.js(或CLodopfuncs.js兼容老版本)以防其中某端口被占:
|
|
var MainJS = "CLodopfuncs.js",
|
|
URL_WS1 = "ws://localhost:8000/" + MainJS, //ws用8000/18000
|
|
URL_WS2 = "ws://localhost:18000/" + MainJS,
|
|
URL_HTTP1 = "http://localhost:8000/" + MainJS, //http用8000/18000
|
|
URL_HTTP2 = "http://localhost:18000/" + MainJS,
|
|
URL_HTTP3 = "https://localhost.lodop.net:8443/" + MainJS; //https用8000/8443
|
|
|
|
var CreatedOKLodopObject, CLodopIsLocal, LoadJsState;
|
|
|
|
//==判断是否需要CLodop(那些不支持插件的浏览器):==
|
|
function needCLodop() {
|
|
try {
|
|
var ua = navigator.userAgent;
|
|
if (ua.match(/Windows\sPhone/i) ||
|
|
ua.match(/iPhone|iPod|iPad/i) ||
|
|
ua.match(/Android/i) ||
|
|
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;
|
|
}
|
|
}
|
|
|
|
//==检查加载成功与否，如没成功则用http(s)再试==
|
|
function checkOrTryHttp() {
|
|
if (window.getCLodop) {
|
|
LoadJsState = "complete";
|
|
return true;
|
|
}
|
|
if (LoadJsState == "loadingB" || LoadJsState == "complete") return;
|
|
LoadJsState = "loadingB";
|
|
var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
|
|
var JS1 = document.createElement("script"),
|
|
JS2 = document.createElement("script"),
|
|
JS3 = document.createElement("script");
|
|
JS1.src = URL_HTTP1;
|
|
JS2.src = URL_HTTP2;
|
|
JS3.src = URL_HTTP3;
|
|
JS1.onload = JS2.onload = JS3.onload = JS2.onerror = JS3.onerror = function() {
|
|
LoadJsState = "complete";
|
|
}
|
|
JS1.onerror = function(e) {
|
|
if (window.location.protocol !== 'https:')
|
|
head.insertBefore(JS2, head.firstChild);
|
|
else
|
|
head.insertBefore(JS3, head.firstChild);
|
|
}
|
|
head.insertBefore(JS1, head.firstChild);
|
|
}
|
|
|
|
//==加载Lodop对象的主过程:==
|
|
(function loadCLodop() {
|
|
if (!needCLodop()) return;
|
|
CLodopIsLocal = !!((URL_WS1 + URL_WS2).match(/\/\/localho|\/\/127.0.0./i));
|
|
LoadJsState = "loadingA";
|
|
if (!window.WebSocket && window.MozWebSocket) window.WebSocket = window.MozWebSocket;
|
|
//ws方式速度快(小于200ms)且可避免CORS错误,但要求Lodop版本足够新:
|
|
try {
|
|
var WSK1 = new WebSocket(URL_WS1);
|
|
WSK1.onopen = function(e) { setTimeout(checkOrTryHttp, 200); }
|
|
WSK1.onmessage = function(e) { if (!window.getCLodop) eval(e.data); }
|
|
WSK1.onerror = function(e) {
|
|
var WSK2 = new WebSocket(URL_WS2);
|
|
WSK2.onopen = function(e) { setTimeout(checkOrTryHttp, 200); }
|
|
WSK2.onmessage = function(e) { if (!window.getCLodop) eval(e.data); }
|
|
WSK2.onerror = function(e) { checkOrTryHttp(); }
|
|
}
|
|
} catch (e) {
|
|
checkOrTryHttp();
|
|
}
|
|
})();
|
|
|
|
// 下载CLodop安装程序
|
|
function loadLodop() {
|
|
window.open(window.SITE_CONFIG['baseUrl'] + '/printer/download')
|
|
}
|
|
|
|
//==获取LODOP对象主过程==
|
|
function getLodop(oOBJECT, oEMBED) {
|
|
var LODOP;
|
|
try {
|
|
var isWinIE = (/MSIE/i.test(navigator.userAgent)) || (/Trident/i.test(navigator.userAgent));
|
|
var isWinIE64 = isWinIE && (/x64/i.test(navigator.userAgent));
|
|
var isLinuxX86 = (/Linux/i.test(navigator.platform)) && (/x86/i.test(navigator.platform));
|
|
var isLinuxARM = (/Linux/i.test(navigator.platform)) && (/aarch/i.test(navigator.platform));
|
|
|
|
if (needCLodop() || isLinuxX86 || isLinuxARM) {
|
|
try {
|
|
LODOP = window.getCLodop();
|
|
} catch (err) {}
|
|
|
|
if (!LODOP) {
|
|
console.log("LodopFuncs.js getLodop no CLodop");
|
|
MessageBox({
|
|
title: '打印组件',
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: '下载',
|
|
cancelButtonText: '取消',
|
|
zIndex: 3000,
|
|
message: "您没有安装打印组件或者您安装的版本不是最新版本，请下载并安装或升级，同时请检查相关服务是否已启动，最后请关闭并重新打开浏览器。",
|
|
callback: res => {
|
|
if (res === 'confirm') {
|
|
loadLodop();
|
|
}
|
|
}
|
|
});
|
|
return
|
|
}
|
|
|
|
|
|
// 检查版本是否需要升级
|
|
var needUpgrade = false;
|
|
if (isLinuxX86 && LODOP.CVERSION < "7.1.0.5") needUpgrade = true;
|
|
else if (isLinuxARM && LODOP.CVERSION < "7.1.0.5") needUpgrade = true;
|
|
else if (typeof CLODOP !== 'undefined' && CLODOP.CVERSION < "6.6.2.8") needUpgrade = true;
|
|
|
|
if (needUpgrade) {
|
|
MessageBox({
|
|
title: '打印组件',
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: '下载',
|
|
cancelButtonText: '取消',
|
|
zIndex: 3000,
|
|
message: "您没有安装打印组件或者您安装的版本不是最新版本，请下载并安装或升级，同时请检查相关服务是否已启动，最后请关闭并重新打开浏览器。",
|
|
callback: res => {
|
|
if (res === 'confirm') {
|
|
loadLodop();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
if (LoadJsState !== "complete") {
|
|
if (!LoadJsState) {
|
|
MessageBox.alert('Lodop main JS file is not loaded, please call loadCLodop first.', 'Information', { type: 'warning' });
|
|
}
|
|
return;
|
|
}
|
|
|
|
} else {
|
|
//==如果页面有Lodop插件就直接使用,否则新建:==
|
|
if (oOBJECT || oEMBED) {
|
|
if (isWinIE)
|
|
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 (isWinIE)
|
|
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)) {
|
|
MessageBox({
|
|
title: '打印组件',
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: '下载',
|
|
cancelButtonText: '取消',
|
|
zIndex: 3000,
|
|
message: "您没有安装打印组件或者您安装的版本不是最新版本，请下载并安装或升级，同时请检查相关服务是否已启动，最后请关闭并重新打开浏览器。",
|
|
callback: res => {
|
|
if (res === 'confirm') {
|
|
loadLodop();
|
|
}
|
|
}
|
|
});
|
|
return LODOP;
|
|
}
|
|
|
|
if (LODOP.VERSION < "6.2.2.6") {
|
|
MessageBox({
|
|
title: '打印组件',
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: '下载',
|
|
cancelButtonText: '取消',
|
|
zIndex: 3000,
|
|
message: "您没有安装打印组件或者您安装的版本不是最新版本，请下载并安装或升级，同时请检查相关服务是否已启动，最后请关闭并重新打开浏览器。",
|
|
callback: res => {
|
|
if (res === 'confirm') {
|
|
loadLodop();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
//===如下空白位置适合调用统一功能(如注册语句、语言选择等):=======================
|
|
|
|
// 设置 LODOP 授权许可（请填入实际授权信息后取消注释）
|
|
LODOP.SET_LICENSES("", "DA9F670A226A03FD22639678C43A5C73", "", "");
|
|
|
|
//===============================================================================
|
|
return LODOP;
|
|
} catch (err) {
|
|
MessageBox({
|
|
title: '打印组件',
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: '下载',
|
|
cancelButtonText: '取消',
|
|
zIndex: 3000,
|
|
message: "您没有安装打印组件或者您安装的版本不是最新版本，请下载并安装或升级，同时请检查相关服务是否已启动，最后请关闭并重新打开浏览器。",
|
|
callback: res => {
|
|
if (res === 'confirm') {
|
|
loadLodop();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
export default getLodop
|