<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<!-- 站点配置-->
|
<style>
|
/* html,
|
body,
|
#app {
|
height: 100%;
|
margin: 0;
|
padding: 0;
|
}
|
.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: #7171C6;
|
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>
|
<script>
|
window.SITE_CONFIG = {};
|
window.SITE_CONFIG['isAdmin'] = '';
|
window.SITE_CONFIG['version'] = 'v2.5.0';
|
window.SITE_CONFIG['nodeEnv'] = '<%= process.env.NODE_ENV %>';
|
window.SITE_CONFIG['storeState'] = {}; // vuex本地储存初始化状态（用于不刷新页面的情况下，也能重置初始化项目中所有状态）
|
window.SITE_CONFIG['contentTabDefault'] = { // 内容标签页默认属性对象
|
'name': '', // 名称, 由 this.$route.name 自动赋值（默认，名称 === 路由名称 === 路由路径）
|
'params': {}, // 参数, 由 this.$route.params 自动赋值
|
'query': {}, // 查询参数, 由 this.$route.query 自动赋值
|
'menuId': '', // 菜单id（用于选中侧边栏菜单，与this.$store.state.sidebarMenuActiveName进行匹配）
|
'title': '', // 标题
|
'isTab': true, // 是否通过tab展示内容?
|
'iframeURL': '' // 是否通过iframe嵌套展示内容? (以http[s]://开头, 自动匹配)
|
};
|
window.SITE_CONFIG['menuList'] = []; // 左侧菜单列表（后台返回，未做处理）
|
window.SITE_CONFIG['permissions'] = []; // 页面按钮操作权限（后台返回，未做处理）
|
window.SITE_CONFIG['dynamicRoutes'] = []; // 动态路由列表
|
window.SITE_CONFIG['dynamicMenuRoutes'] = []; // 动态(菜单)路由列表
|
window.SITE_CONFIG['dynamicMenuRoutesHasAdded'] = false; // 动态(菜单)路由是否已经添加的状态标示（用于判断是否需要重新拉取数据并进行动态添加操作）
|
|
// 服务地址
|
window.SITE_CONFIG['apiURL'] = 'http://' + location.hostname + ':8050/life-protection';
|
window.SITE_CONFIG['apiURL2'] = 'http://' + location.hostname + ':8050/life-protection';
|
//window.SITE_CONFIG['apiURL2'] = 'http://'+location.hostname+':8066';
|
|
//window.SITE_CONFIG['apiURL'] = '<%= process.env.VUE_APP_API_URL %>';
|
//window.SITE_CONFIG['apiURL2'] = '<%= process.env.VUE_APP_API_URL %>';
|
|
|
// WebSocket地址
|
window.SITE_CONFIG['socketURL'] = 'http://' + location.hostname + ':8050/life-protection';
|
//window.SITE_CONFIG['socketURL'] ='<%= process.env.VUE_APP_SOCKET_URL %>';
|
|
</script>
|
</head>
|
<body style='width:100%;height:100%;margin:0;padding:0;
|
background-attachment:fixed;
|
background-position: center center;
|
background-repeat: no-repeat;
|
background-image: url("./loading2.gif");
|
background-color:#7071c3' class="zt">
|
<!--<div style='display: none;position:absolute;width:100%;height:100%;text-align:center;background:#000;z-index:100'-->
|
<!-- id="onload">-->
|
<!-- <!– <a href="IE11-Windows6.1-x64-zh-cn.rar" id="ref" style='display: none;font-size: 50px; text-decoration:none;'>点击下载IE11升级包</a>–>-->
|
<!-- <a href="360csex.zip" id="ref1" style="display: none; font-size: 50px; text-decoration:none">点击下载360浏览器</a>-->
|
<!-- <a href="Firefox.zip" id="ref2" style="display: none; font-size: 50px; text-decoration:none">点击下载火狐浏览器</a>-->
|
<!--</div>-->
|
<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>
|
<script type="text/javascript">
|
|
function getBrowserNameAndVersion() {
|
var agent = navigator.userAgent.toLowerCase();
|
var regStr_ie = /msie [\d.]+/gi;
|
var regStr_ff = /firefox\/[\d.]+/gi
|
var regStr_chrome = /chrome\/[\d.]+/gi;
|
var regStr_saf = /safari\/[\d.]+/gi;
|
var browserNV = "";
|
//IE
|
if (agent.indexOf("msie") > 0) {
|
browserNV = agent.match(regStr_ie);
|
}
|
//firefox
|
if (agent.indexOf("firefox") > 0) {
|
browserNV = agent.match(regStr_ff);
|
}
|
//Chrome
|
if (agent.indexOf("chrome") > 0) {
|
browserNV = agent.match(regStr_chrome);
|
}
|
//Safari
|
if (agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0) {
|
browserNV = agent.match(regStr_saf);
|
}
|
browserNV = browserNV.toString();
|
//other
|
if ("" == browserNV) {
|
browserNV = "Is not a standard browser";
|
}
|
//Here does not display "/"
|
if (browserNV.indexOf('firefox') != -1 || browserNV.indexOf('chrome') != -1) {
|
browserNV = browserNV.replace("/", "");
|
}
|
//Here does not display space
|
if (browserNV.indexOf('msie') != -1) {
|
//msie replace IE & trim space
|
browserNV = browserNV.replace("msie", "ie").replace(/\s/g, "");
|
}
|
//return eg:ie9.0 firefox34.0 chrome37.0
|
return browserNV;
|
}
|
|
function bsnav(string){
|
switch (string) {
|
case "version":
|
var browser_version = navigator.appVersion;
|
return browser_version;
|
//break;
|
case "agent":
|
var browser_agent = navigator.userAgent;
|
return browser_agent;
|
//break;
|
case "name":
|
var browser_name = navigator.appName;
|
return browser_name;
|
//break;
|
default:
|
var browser_no = "Input parameter error";
|
return browser_no;
|
//break;
|
}
|
}
|
|
function checkBrowserVersion() {
|
var browver = "";
|
var versionNo = 0;
|
var is360 = false // 是否是360
|
var isFirefox = false; // 是否是火狐
|
var isMise= false; // 是否是火狐
|
var userAgent = navigator.userAgent.toLowerCase();
|
|
try {
|
console.log(agent, 'agent')
|
} catch (e) {
|
}
|
if (userAgent.indexOf('trident') > -1 && userAgent.indexOf('rv:11.0') > -1)
|
{
|
// ie11
|
isMise = true
|
browver = "msie11"
|
versionNo = 11;
|
}else{
|
browver = getBrowserNameAndVersion();
|
try {
|
console.log(browver, 'browver')
|
} catch (e) {
|
}
|
is360 = browver.indexOf('chrome') > -1 // 是否是360
|
isFirefox = browver.indexOf("firefox") !== -1; // 是否是火狐
|
isMise= browver.indexOf("msie") !== -1; // 是否是火狐
|
/* 以下代码用于提取浏览器的大版本号，并将 versionNo 变量赋值为对应的浏览器名称加上大版本号 */
|
|
if (is360) {
|
var matches = navigator.userAgent.match(/chrome\/(\d+)/i);
|
if (matches && matches.length >= 2) {
|
versionNo = parseInt(matches[1]);
|
}
|
console.log(versionNo, '360大版本号')
|
}
|
|
// Firefox
|
if (isFirefox) {
|
var matches = navigator.userAgent.match(/firefox\/(\d+)/i);
|
if (matches && matches.length >= 2) {
|
versionNo = parseInt(matches[1]);
|
}
|
console.log(versionNo, 'Firefox大版本号')
|
}
|
|
// Internet Explorer (IE)
|
if (isMise) {
|
var matches = navigator.userAgent.match(/msie (\d+)/i);
|
if (matches && matches.length >= 2) {
|
versionNo = parseInt(matches[1]);
|
}
|
console.log(versionNo, 'IE大版本号')
|
}
|
|
/* 在这之后可以使用 versionNo 变量，它将包含浏览器名称加上大版本号的信息 */
|
|
}
|
|
try {
|
console.log(is360, 'is360')
|
console.log(isFirefox, 'isFirefox')
|
console.log(isMise, 'isMise')
|
} catch (e) {
|
}
|
|
if ((isMise && versionNo>=11) || (is360 && versionNo>=70) || (isFirefox && versionNo>=80)) {
|
} else {
|
window.location.href = './html/ie.html';
|
}
|
}
|
|
window.onload = checkBrowserVersion();
|
</script>
|
