456 lines
14 KiB
HTML
456 lines
14 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
|
|||
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|||
|
|
<title>矿山安全生产标准化系统</title>
|
|||
|
|
<style type="text/tailwindcss">
|
|||
|
|
@layer utilities {
|
|||
|
|
.content-auto {
|
|||
|
|
content-visibility: auto;
|
|||
|
|
}
|
|||
|
|
.flex-wrap-copyright {
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
}
|
|||
|
|
.mobile-padding-bottom {
|
|||
|
|
padding-bottom: 80px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<style type="text/css">
|
|||
|
|
/* 基础样式 */
|
|||
|
|
html, body {
|
|||
|
|
height: 100%;
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
overflow-x: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
position: relative;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
background: url('bg.png') center no-repeat;
|
|||
|
|
background-color: #195391;
|
|||
|
|
background-size: cover;
|
|||
|
|
min-height: 100vh;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* PC 样式 */
|
|||
|
|
@media screen and (min-width:992px) {
|
|||
|
|
.wrap {
|
|||
|
|
padding: 50px 80px;
|
|||
|
|
height: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
background-color: #fff;
|
|||
|
|
width: 800px;
|
|||
|
|
padding: 0px 50px;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.logo-wrap {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-top: 40px;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tips {
|
|||
|
|
font-size: 16px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #696969;
|
|||
|
|
border-top: cornflowerblue 1px dashed;
|
|||
|
|
padding: 20px 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tipss {
|
|||
|
|
font-size: 16px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #696969;
|
|||
|
|
border-top: cornflowerblue 1px dashed;
|
|||
|
|
padding: 40px 40px 20px 40px;
|
|||
|
|
margin-top: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.code-wrap {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
margin-bottom: 60px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom-flex {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-wrap {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.code {
|
|||
|
|
width: 189px;
|
|||
|
|
height: 213px;
|
|||
|
|
margin: 0px 40px 0px 40px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.input {
|
|||
|
|
display: inline-block;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background-color: cornflowerblue;
|
|||
|
|
border: none;
|
|||
|
|
color: #ffff;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 14px;
|
|||
|
|
padding: 13px 0px;
|
|||
|
|
width: 140px;
|
|||
|
|
transition: all 0.5s;
|
|||
|
|
cursor: pointer;
|
|||
|
|
margin: 5px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.input span {
|
|||
|
|
cursor: pointer;
|
|||
|
|
display: inline-block;
|
|||
|
|
position: relative;
|
|||
|
|
transition: 0.5s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.input span::after {
|
|||
|
|
content: ">";
|
|||
|
|
position: absolute;
|
|||
|
|
opacity: 0;
|
|||
|
|
top: 0;
|
|||
|
|
right: -20px;
|
|||
|
|
transition: 0.5s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.input:hover span {
|
|||
|
|
padding-right: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.input:hover span::after {
|
|||
|
|
opacity: 1;
|
|||
|
|
right: 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 移动端样式 */
|
|||
|
|
@media screen and (max-width:991px) {
|
|||
|
|
.wrap {
|
|||
|
|
height: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
padding: 20px 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
background-color: #fff;
|
|||
|
|
margin: 40px 20px 10px 20px;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
padding: 0 15px;
|
|||
|
|
width: calc(100% - 40px);
|
|||
|
|
max-width: 800px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.logo-wrap {
|
|||
|
|
width: 100%;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
margin-top: 20px;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tips, .tipss {
|
|||
|
|
font-size: 14px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
color: #696969;
|
|||
|
|
border-top: cornflowerblue 1px dashed;
|
|||
|
|
padding: 15px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tipss {
|
|||
|
|
margin-top: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.code-wrap {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
margin-bottom: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bottom-flex {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: row;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-wrap {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button {
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
margin: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.code {
|
|||
|
|
width: 189px;
|
|||
|
|
height: 213px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.input {
|
|||
|
|
display: inline-block;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background-color: cornflowerblue;
|
|||
|
|
border: none;
|
|||
|
|
color: #ffff;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 14px;
|
|||
|
|
padding: 10px 0px;
|
|||
|
|
width: 220px;
|
|||
|
|
transition: all 0.5s;
|
|||
|
|
cursor: pointer;
|
|||
|
|
margin: 5px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 移动端版权区域优化 */
|
|||
|
|
.copyright {
|
|||
|
|
position: relative;
|
|||
|
|
bottom: 0;
|
|||
|
|
margin-top: 20px;
|
|||
|
|
padding: 15px 10px;
|
|||
|
|
background-color: rgba(25, 83, 145, 0.8);
|
|||
|
|
width: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
line-height: 1.8;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.copyright p,
|
|||
|
|
.copyright a {
|
|||
|
|
margin: 0 8px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
word-wrap: break-word; /* 允许长单词在边界处换行 */
|
|||
|
|
overflow-wrap: break-word; /* 同 word-wrap，更标准的写法 */
|
|||
|
|
}
|
|||
|
|
.copyright p {
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
padding-bottom: 80px;
|
|||
|
|
height: auto;
|
|||
|
|
min-height: 100vh;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 版权区域样式 */
|
|||
|
|
.copyright {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 14px;
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
padding: 20px 10px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.copyright p,
|
|||
|
|
.copyright a {
|
|||
|
|
margin: 0 10px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.copyright a {
|
|||
|
|
color: #fff;
|
|||
|
|
/* text-decoration: none; */
|
|||
|
|
white-space: nowrap;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.copyright a:hover {
|
|||
|
|
text-decoration: underline;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="wrap">
|
|||
|
|
<div class="content">
|
|||
|
|
<div class="logo-wrap">
|
|||
|
|
<img src="jy-logo.png" class="logo">
|
|||
|
|
</div>
|
|||
|
|
<div class="code-wrap">
|
|||
|
|
<div class="tips">
|
|||
|
|
欢迎使用“矿山安全生产标准化系统”，请点击下方按钮进入。
|
|||
|
|
</div>
|
|||
|
|
<div class="bottom-flex">
|
|||
|
|
<div class="button">
|
|||
|
|
<div class="button-wrap">
|
|||
|
|
<!-- <input type="button" value="洛阳豫鹭系统" class="input" onclick="clickBu()">
|
|||
|
|
<input type="button" value="龙岩稀土系统" class="input" onclick="clickDu()">
|
|||
|
|
<input type="button" value="宁化行洛坑系统" class="input" onclick="clickAu()">
|
|||
|
|
<input type="button" value="都昌金鼎系统" class="input" onclick="clickCu()">
|
|||
|
|
<input type="button" value="博白巨典系统" class="input" onclick="clickEu()"> -->
|
|||
|
|
<div class="input" onclick="clickAu()"><span>金源系统</span></div>
|
|||
|
|
<!-- <div class="input" onclick="clickBu()"><span>洛阳豫鹭系统</span></div>
|
|||
|
|
<div class="input" onclick="clickCu()"><span>都昌金鼎系统</span></div>
|
|||
|
|
<div class="input" onclick="clickDu()"><span>龙岩稀土系统</span></div>
|
|||
|
|
<div class="input" onclick="clickEu()"><span>博白巨典系统</span></div> -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tipss">
|
|||
|
|
通过手机扫描下面二维码登录或者下载APP
|
|||
|
|
</div>
|
|||
|
|
<div class="bottom-flex">
|
|||
|
|
<!-- <div class="button">
|
|||
|
|
<div>
|
|||
|
|
<img src="xiazai1.png" class="code">
|
|||
|
|
</div>
|
|||
|
|
</div> -->
|
|||
|
|
<div class="button">
|
|||
|
|
<div>
|
|||
|
|
<img src="login1.png" class="code">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="copyright">
|
|||
|
|
<p>Copyright ©2022-2025 厦门鸣鹤管理咨询股份有限公司
|
|||
|
|
<a href="https://beian.miit.gov.cn/" target="_blank"> 闽ICP备19016982号-1</a>
|
|||
|
|
<a href="risk.html" target="_blank"> 隐私政策</a></p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
// 判断浏览器函数
|
|||
|
|
// function isMobile() {
|
|||
|
|
// if (window.navigator.userAgent.indexOf("Windows") > 1) {
|
|||
|
|
// alert("PC");
|
|||
|
|
// } else {
|
|||
|
|
// alert("手机");
|
|||
|
|
// }
|
|||
|
|
// //if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
|
|||
|
|
// //return true; //
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
var os = function() {
|
|||
|
|
var ua = navigator.userAgent,
|
|||
|
|
isWindowsPhone = /(?:Windows Phone)/.test(ua),
|
|||
|
|
isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
|
|||
|
|
isAndroid = /(?:Android)/.test(ua),
|
|||
|
|
isFireFox = /(?:Firefox)/.test(ua),
|
|||
|
|
isChrome = /(?:Chrome|CriOS)/.test(ua),
|
|||
|
|
isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox &&
|
|||
|
|
/(?:Tablet)/.test(ua)),
|
|||
|
|
isPhone = /(?:iPhone)/.test(ua) && !isTablet,
|
|||
|
|
isPc = !isPhone && !isAndroid && !isSymbian;
|
|||
|
|
return {
|
|||
|
|
isTablet: isTablet,
|
|||
|
|
isPhone: isPhone,
|
|||
|
|
isAndroid: isAndroid,
|
|||
|
|
isPc: isPc
|
|||
|
|
};
|
|||
|
|
}();
|
|||
|
|
var typeName = ''
|
|||
|
|
|
|||
|
|
if (os.isAndroid || os.isPhone || os.isTablet) {
|
|||
|
|
var typeName = 'phone'
|
|||
|
|
|
|||
|
|
} else if (os.isPc) {
|
|||
|
|
var typeName = 'PC'
|
|||
|
|
}
|
|||
|
|
console.log(typeName, 'typeNametypeNametypeName')
|
|||
|
|
|
|||
|
|
function clickAu() {
|
|||
|
|
if (typeName === 'phone') {
|
|||
|
|
window.location = 'http://124.117.209.78:5100/'
|
|||
|
|
} else if (typeName === 'PC') {
|
|||
|
|
window.location = 'http://124.117.209.78:5000/'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clickBu() {
|
|||
|
|
if (typeName === 'phone') {
|
|||
|
|
window.location = 'http://www.xmmhe.com:9100/'
|
|||
|
|
} else if (typeName === 'PC') {
|
|||
|
|
window.location = 'http://www.xmmhe.com:8002/'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clickCu() {
|
|||
|
|
if (typeName === 'phone') {
|
|||
|
|
window.location = 'http://www.xmmhe.com:9100/'
|
|||
|
|
} else if (typeName === 'PC') {
|
|||
|
|
window.location = 'http://www.xmmhe.com:8003/'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clickDu() {
|
|||
|
|
if (typeName === 'phone') {
|
|||
|
|
window.location = 'http://www.xmmhe.com:9100/'
|
|||
|
|
} else if (typeName === 'PC') {
|
|||
|
|
window.location = 'http://www.xmmhe.com:8004/'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function clickEu() {
|
|||
|
|
if (typeName === 'phone') {
|
|||
|
|
window.location = 'http://www.xmmhe.com:9100/'
|
|||
|
|
} else if (typeName === 'PC') {
|
|||
|
|
window.location = 'http://www.xmmhe.com:8005/'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</html>
|