first commit
This commit is contained in:
122
public/LodopFuncs.js
Normal file
122
public/LodopFuncs.js
Normal file
@@ -0,0 +1,122 @@
|
||||
var CreatedOKLodop7766 = null;
|
||||
|
||||
//====判断是否需要安装CLodop云打印服务器:====
|
||||
function needCLodop() {
|
||||
try {
|
||||
var ua = navigator.userAgent;
|
||||
if (ua.match(/Windows\sPhone/i) != null) return true;
|
||||
if (ua.match(/iPhone|iPod/i) != null) return true;
|
||||
if (ua.match(/Android/i) != null) return true;
|
||||
if (ua.match(/Edge\D?\d+/i) != null) 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 == null) && (verIE == null) && (x64 !== null))
|
||||
return true; else
|
||||
if (verFF !== null) {
|
||||
verFF = verFF[0].match(/\d+/);
|
||||
if ((verFF[0] >= 42) || (x64 !== null)) return true;
|
||||
} else
|
||||
if (verOPR !== null) {
|
||||
verOPR = verOPR[0].match(/\d+/);
|
||||
if (verOPR[0] >= 32) return true;
|
||||
} else
|
||||
if ((verTrident == null) && (verIE == null)) {
|
||||
var verChrome = ua.match(/Chrome\D?\d+/i);
|
||||
if (verChrome !== null) {
|
||||
verChrome = verChrome[0].match(/\d+/);
|
||||
if (verChrome[0] >= 42) return true;
|
||||
};
|
||||
};
|
||||
return false;
|
||||
} catch (err) { return true; };
|
||||
};
|
||||
|
||||
//====页面引用CLodop云打印必须的JS文件:====
|
||||
if (needCLodop()) {
|
||||
var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
|
||||
var oscript = document.createElement("script");
|
||||
oscript.src = "http://localhost:8000/CLodopfuncs.js?priority=1";
|
||||
head.insertBefore(oscript, head.firstChild);
|
||||
|
||||
//引用双端口(8000和18000)避免其中某个被占用:
|
||||
oscript = document.createElement("script");
|
||||
oscript.src = "http://localhost:18000/CLodopfuncs.js?priority=0";
|
||||
head.insertBefore(oscript, head.firstChild);
|
||||
};
|
||||
|
||||
//====获取LODOP对象的主过程:====
|
||||
function getLodop(oOBJECT, oEMBED) {
|
||||
|
||||
var strHtmInstall = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='/Printer/install_lodop32.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
|
||||
var strHtmUpdate = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='/Printer/install_lodop32.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";
|
||||
var strHtm64_Install = "<br><font color='#FF00FF'>打印控件未安装!点击这里<a href='/Printer/install_lodop64.exe' target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</font>";
|
||||
var strHtm64_Update = "<br><font color='#FF00FF'>打印控件需要升级!点击这里<a href='/Printer/install_lodop64.exe' target='_self'>执行升级</a>,升级后请重新进入。</font>";
|
||||
var strHtmFireFox = "<br><br><font color='#FF00FF'>(注意:如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它)</font>";
|
||||
var strHtmChrome = "<br><br><font color='#FF00FF'>(如果此前正常,仅因浏览器升级或重安装而出问题,需重新执行以上安装)</font>";
|
||||
var strCLodopInstall = "<br><font color='#FF00FF'>CLodop云打印服务(localhost本地)未安装启动!点击这里<a href='/Printer/CLodop_Setup_for_Win32NT.exe' target='_self'>执行安装</a>,安装后请刷新页面。</font>";
|
||||
var strCLodopUpdate = "<br><font color='#FF00FF'>CLodop云打印服务需升级!点击这里<a href='/Printer/CLodop_Setup_for_Win32NT.exe' target='_self'>执行升级</a>,升级后请刷新页面。</font>";
|
||||
var LODOP;
|
||||
try {
|
||||
var isIE = (navigator.userAgent.indexOf('MSIE') >= 0) || (navigator.userAgent.indexOf('Trident') >= 0);
|
||||
if (needCLodop()) {
|
||||
try { LODOP = getCLodop(); } catch (err) { };
|
||||
if (!LODOP && document.readyState !== "complete") { alert("C-Lodop没准备好,请稍后再试!"); return; };
|
||||
if (!LODOP) {
|
||||
if (isIE) document.write(strCLodopInstall); else
|
||||
document.documentElement.innerHTML = strCLodopInstall + document.documentElement.innerHTML;
|
||||
return;
|
||||
} else {
|
||||
|
||||
if (CLODOP.CVERSION < "2.1.0.2") {
|
||||
if (isIE) document.write(strCLodopUpdate); else
|
||||
document.documentElement.innerHTML = strCLodopUpdate + document.documentElement.innerHTML;
|
||||
};
|
||||
if (oEMBED && oEMBED.parentNode) oEMBED.parentNode.removeChild(oEMBED);
|
||||
if (oOBJECT && oOBJECT.parentNode) oOBJECT.parentNode.removeChild(oOBJECT);
|
||||
};
|
||||
} else {
|
||||
var is64IE = isIE && (navigator.userAgent.indexOf('x64') >= 0);
|
||||
//=====如果页面有Lodop就直接使用,没有则新建:==========
|
||||
if (oOBJECT != undefined || oEMBED != undefined) {
|
||||
if (isIE) LODOP = oOBJECT; else LODOP = oEMBED;
|
||||
} else if (CreatedOKLodop7766 == null) {
|
||||
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);
|
||||
CreatedOKLodop7766 = LODOP;
|
||||
} else LODOP = CreatedOKLodop7766;
|
||||
//=====Lodop插件未安装时提示下载地址:==========
|
||||
if ((LODOP == null) || (typeof (LODOP.VERSION) == "undefined")) {
|
||||
if (navigator.userAgent.indexOf('Chrome') >= 0)
|
||||
document.documentElement.innerHTML = strHtmChrome + document.documentElement.innerHTML;
|
||||
if (navigator.userAgent.indexOf('Firefox') >= 0)
|
||||
document.documentElement.innerHTML = strHtmFireFox + document.documentElement.innerHTML;
|
||||
if (is64IE) document.write(strHtm64_Install); else
|
||||
if (isIE) document.write(strHtmInstall); else
|
||||
document.documentElement.innerHTML = strHtmInstall + document.documentElement.innerHTML;
|
||||
return LODOP;
|
||||
};
|
||||
};
|
||||
if (LODOP.VERSION < "6.2.1.7") {
|
||||
if (needCLodop())
|
||||
document.documentElement.innerHTML = strCLodopUpdate + document.documentElement.innerHTML; else
|
||||
if (is64IE) document.write(strHtm64_Update); else
|
||||
if (isIE) document.write(strHtmUpdate); else
|
||||
document.documentElement.innerHTML = strHtmUpdate + document.documentElement.innerHTML;
|
||||
return LODOP;
|
||||
};
|
||||
//===如下空白位置适合调用统一功能(如注册语句、语言选择等):===
|
||||
|
||||
//===========================================================
|
||||
return LODOP;
|
||||
} catch (err) { alert("getLodop出错:" + err); };
|
||||
};
|
||||
|
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
After Width: | Height: | Size: 181 KiB |
159
public/html/ie.html
Normal file
159
public/html/ie.html
Normal file
File diff suppressed because one or more lines are too long
218
public/index.html
Normal file
218
public/index.html
Normal file
@@ -0,0 +1,218 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<script src="<%= BASE_URL %>LodopFuncs.js"></script>
|
||||
<title><%= webpackConfig.name %></title>
|
||||
<script type="text/javascript">
|
||||
window._AMapSecurityConfig = {
|
||||
securityJsCode:'aaff88dd447c49bbbe87b50767641051',
|
||||
}
|
||||
</script>
|
||||
<script src="https://webapi.amap.com/maps?v=1.4.12&key=9f9348c23e525a9a1e5d7be01a224c99&plugin=AMap.Polyline,AMap.DistrictSearch,AMap.DistrictLayer,AMap.DistrictSearch,ElasticMarker,AMap.Autocomplete,Map3D,AMap.MouseTool,AMap.PolyEditor,AMap.Geocoder,AMap.TileLayer,AMap.ImageLayer,AMap.Weather"></script>
|
||||
<script src="https://webapi.amap.com/ui/1.0/main.js"></script>
|
||||
<!--[if lt IE 11]>
|
||||
<script>window.location.href = '/html/ie.html';</script><![endif]-->
|
||||
<style>
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.chromeframe {
|
||||
margin: 0.2em 0;
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
#loader-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
#loader {
|
||||
display: block;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
margin: -75px 0 0 -75px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #FFF;
|
||||
-webkit-animation: spin 2s linear infinite;
|
||||
-ms-animation: spin 2s linear infinite;
|
||||
-moz-animation: spin 2s linear infinite;
|
||||
-o-animation: spin 2s linear infinite;
|
||||
animation: spin 2s linear infinite;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#loader:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #FFF;
|
||||
-webkit-animation: spin 3s linear infinite;
|
||||
-moz-animation: spin 3s linear infinite;
|
||||
-o-animation: spin 3s linear infinite;
|
||||
-ms-animation: spin 3s linear infinite;
|
||||
animation: spin 3s linear infinite;
|
||||
}
|
||||
|
||||
#loader:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
border-radius: 50%;
|
||||
border: 3px solid transparent;
|
||||
border-top-color: #FFF;
|
||||
-moz-animation: spin 1.5s linear infinite;
|
||||
-o-animation: spin 1.5s linear infinite;
|
||||
-ms-animation: spin 1.5s linear infinite;
|
||||
-webkit-animation: spin 1.5s linear infinite;
|
||||
animation: spin 1.5s linear infinite;
|
||||
}
|
||||
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#loader-wrapper .loader-section {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 51%;
|
||||
height: 100%;
|
||||
background: #03AE80;
|
||||
z-index: 1000;
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section.section-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#loader-wrapper .loader-section.section-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
.loaded #loader-wrapper .loader-section.section-left {
|
||||
-webkit-transform: translateX(-100%);
|
||||
-ms-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
}
|
||||
|
||||
.loaded #loader-wrapper .loader-section.section-right {
|
||||
-webkit-transform: translateX(100%);
|
||||
-ms-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
|
||||
}
|
||||
|
||||
.loaded #loader {
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.loaded #loader-wrapper {
|
||||
visibility: hidden;
|
||||
-webkit-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
-webkit-transition: all 0.3s 1s ease-out;
|
||||
transition: all 0.3s 1s ease-out;
|
||||
}
|
||||
|
||||
.no-js #loader-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-js h1 {
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
#loader-wrapper .load_title {
|
||||
font-family: 'Open Sans';
|
||||
color: #FFF;
|
||||
font-size: 19px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
z-index: 9999999999999;
|
||||
position: absolute;
|
||||
top: 60%;
|
||||
opacity: 1;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
#loader-wrapper .load_title span {
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
font-size: 13px;
|
||||
color: #FFF;
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<div id="loader-wrapper">
|
||||
<div id="loader"></div>
|
||||
<div class="loader-section section-left"></div>
|
||||
<div class="loader-section section-right"></div>
|
||||
<div class="load_title">正在加载系统资源,请耐心等待</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
2
public/robots.txt
Normal file
2
public/robots.txt
Normal file
@@ -0,0 +1,2 @@
|
||||
User-agent: *
|
||||
Disallow: /
|
Reference in New Issue
Block a user